@import url(https://use.typekit.net/vqy3vry.css);
@import url(https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.6.0/css/all.min.css);
@import url('https://fonts.googleapis.com/css2?family=Merriweather:ital,wght@0,300; 0,400; 0,700; 0,900; 1,300; 1,400; 1,700; 1,900&display=swap');
@import url(https://fonts.googleapis.com/css2?family=Big+Shoulders+Text:wght@100..900&display=swap);
@import url('https://fonts.googleapis.com/css2?family=Titillium+Web:ital,wght@0,200; 0,300; 0,400; 0,600; 0,700; 0,900; 1,200; 1,300; 1,400; 1,600; 1,700&display=swap');

*,
body {
    box-sizing: border-box
}

*,
body,
li,
ol,
p,
ul {
    margin: 0;
    padding: 0
}

.badge-border.primary,
.btn.btn-primary,
.btn.btn-primary-border {
    border-color: var(--theme-color)
}

.approaches-card p,
.badge-border.primary,
.blog-post .blog-post-desc h3:hover a,
.blog-post-desc .blog-post-footer a,
.btn.btn-primary-border,
.case-bottom h3 b,
.compare-card.for-after h3,
.contribute-text p b,
.counter-card h4,
.counter-card p,
.filter-accordion .accordion-body ul li a.active,
.filter-accordion .accordion-body ul li a:hover,
.header-menu .menu-list li a:hover,
.inveter-box .left-side .invest-info h3,
.link,
.map-detail .map-head a,
.sliding-menu .right-side ul li a.active,
.sliding-menu .right-side ul li a:hover,
.team-card .team-card-body:hover .team-content h3,
.what-we-do .bottom-info h3 {
    color: var(--theme-color)
}

.animate-page,
.slick-slider,
body {
    overflow-x: hidden
}

@font-face {
    font-family: montserrat;
    src: url('../fonts/montserrat.ttf')
}

:root {
    --first-font: 'montserrat', sans-serif;
    --theme-color: #004891;
    --second-color: #E5ECF4;
    --third-color: #FFEAF1;
    --grey-color: #0000001A;
    --border-color: #666666;
    --light-pink: #FFEAF1;
    --blue: #ec0c6e;
    --black: #212529;
    --white: #ffffff;
    --h1: normal 500 51px/1 var(--first-font);
    --h2: normal 500 40px/1.2 var(--first-font);
    --h3: normal 500 32px/1 var(--first-font);
    --h4: normal 500 22px/1 var(--first-font);
    --h5: normal 500 20px/1 var(--first-font);
    --h6: normal 500 18px/1 var(--first-font);
    --common-text: normal 400 16px/1.4 var(--first-font)
}

html {
    scroll-behavior: smooth
}

body {
    color: var(--black);
    font-family: var(--first-font)
}

.banner-content-bottom .main-detail .badge-border,
.banner-content-bottom .main-detail h1,
.contact-part-ftr .cont-box:not(:last-of-type),
.filter-body button:not(:last-of-type),
.footer-widget ul li:not(:last-of-type),
.project-slider .map-detail .map-calc,
.share-links li:not(:last-of-type),
.sliding-menu .right-side ul li:not(:last-of-type),
.what-we-info .icon,
p:not(:last-of-type) {
    margin-bottom: 15px
}

li,
ol,
p,
ul {
    list-style: none;
    font: var(--common-text)
}

.h1,
h1 {
    font: var(--h1)
}

.h2,
h2 {
    font: var(--h2)
}

.h3,
h3 {
    font: var(--h3)
}

.h4,
h4 {
    font: var(--h4)
}

.h5,
h5 {
    font: var(--h5)
}

.h6,
h6 {
    font: var(--h6)
}

.list li {
    margin-bottom: .5em
}

a {
    text-decoration: none
}

.map-view,
.partnership-row,
.production-goal .production-goal-wrapper,
.relate,
.search-form .input-wrapper,
.usp-card,
.usp-row {
    position: relative
}

img {
    width: auto;
    height: auto;
    max-width: 100%;
    max-height: 100%
}

.logo {
    max-width: 180px
}

.container,
.container-lg,
.container-md,
.container-sm,
.container-xl,
.container-xxl {
    max-width: 1680px
}

@media (min-width:1200px) {

    .container,
    .container-lg,
    .container-md,
    .container-sm,
    .container-xl {
        max-width: 1320px
    }
}

@media (min-width:1450px) {

    .container,
    .container-lg,
    .container-md,
    .container-sm,
    .container-xl,
    .container-xxl {
        max-width: 1680px
    }
}

.btn {
    padding: .375rem 1.5rem;
    border-radius: 30px;
    box-shadow: none !important;
    transition: .5s
}

.btn.btn-primary {
    background-color: var(--theme-color)
}

.btn.btn-primary:hover,
.site-footer .btn.btn-primary {
    background-color: var(--blue);
    border-color: var(--blue)
}

.site-header {
    margin-top: 45px;
    width: 100%;
    top: 0;
    left: 0
}

.site-header.head-sticky {
    -webkit-animation: .7s ease-in-out fadeInDown;
    animation: .7s ease-in-out fadeInDown;
    position: fixed;
    z-index: 600;
    -webkit-transition: .3s;
    transition: .3s;
    margin-top: 10px
}

.modal {
    z-index: 960
}

.modal-backdrop {
    z-index: 940
}

@keyframes fadeInDown {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0)
    }

    100% {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

.site-header .brand-logo {
    max-width: 195px;
    width: 100%
}

.site-header .brand-logo a {
    display: block;
    outline: 0
}

.site-header .site-header-wrapper {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    background-color: var(--white);
    box-shadow: 2px 0 30px #0000001A;
    padding: 20px;
    border-radius: 15px;
    position: relative
}

.header-menu {
    flex: 1;
    display: flex;
    align-items: center;
    justify-content: flex-end
}

.header-menu .menu-list {
    display: flex;
    align-items: center;
    list-style: none;
    padding: 0;
    margin: 0
}

.header-menu .menu-list li {
    margin-right: 30px;
    position: relative
}

.header-menu .menu-list li:last-child {
    margin-right: 0;
    margin-left: 30px
}

.header-menu .menu-list li a {
    display: inline-flex;
    align-items: center;
    font-size: 16px;
    font-weight: 400;
    color: #222;
    font-family: var(--first-font);
    color: var(--black)
}

.header-menu .menu-list li a .link-icon {
    display: inline-block;
    vertical-align: middle;
    width: 25px;
    height: 3px;
    background-color: var(--blue);
    -webkit-transition: .3s ease-in-out;
    -o-transition: .3s ease-in-out;
    transition: .3s ease-in-out;
    margin-left: 15px
}

.header-menu .menu-list li a .link-icon::after,
.header-menu .menu-list li a .link-icon::before {
    content: '';
    width: 25px;
    height: 3px;
    background-color: var(--theme-color);
    display: block;
    -webkit-transition: .3s ease-in-out;
    -o-transition: .3s ease-in-out;
    transition: .3s ease-in-out;
    position: absolute;
    top: 2px
}

.header-menu .menu-list li a .link-icon::after {
    bottom: 2px;
    top: auto
}

.close-filter,
.dropdown-toggle::after,
.form-body .default-amount .select-amount input,
.header-menu .menu-list li a .link-icon img,
.img-sm,
.inveter-box .center-arrow .for-mobile,
.side-fillter,
.sliding-menu .mob-menu {
    display: none
}

.header-menu .menu-list li a.active,
.help-section-bottom .help-line-text h3,
.inveter-box .right-side .right-title h2 {
    color: var(--theme-color);
    font-weight: 700
}

.footer-widget li a,
.map-detail .map-calc p {
    font-weight: 500;
    font-family: var(--first-font)
}

.nav-pills button {
    border-radius: 30px !important;
    min-width: 170px
}

.info-card-desc a {
    text-transform: capitalize
}

.nav-pills button.active {
    background-color: var(--theme-color) !important;
    color: #fff !important
}

.main-site {
    padding-top: 45px
}

.hero-banner .banner-content {
    position: relative;
    padding-top: 30.6%
}

.hero-banner .hero-banner-video {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 100%;
    border-radius: 10px;
    overflow: hidden
}

.bussiness-chart img,
.hero-banner .hero-banner-video .fullscreen-video,
.work-chart .chart-image img {
    width: 100%
}

.banner-content-bottom {
    position: relative;
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
    padding-bottom: 30px;
    padding-right: 30px
}

.banner-content-bottom .main-detail {
    position: relative;
    top: 130px;
    background-color: var(--white);
    border-radius: 0 52px 0 0;
    max-width: 868px;
    width: 100%;
    padding: 50px
}

.badge-border {
    display: inline-block;
    border: 1px solid var(--border-color);
    padding: 8px 15px 7px;
    text-align: center;
    font-size: 14px;
    color: var(--border-color);
    font-family: var(--first-font);
    border-radius: 30px;
    line-height: 1
}

.hero-banner {
    position: relative;
    margin-bottom: 130px
}

.hero-banner .deco-animation {
    position: absolute;
    top: auto;
    bottom: 70px;
    left: -20px
}

.hero-banner .deco-animation.right {
    left: auto;
    right: 30px;
    bottom: 20px;
    transform: scale(-1)
}

.hero-banner::after {
    content: '';
    position: absolute;
    bottom: -320px;
    width: 100%;
    height: 100%;
    background-image: url('../images/banner-sahde.svg');
    background-repeat: no-repeat;
    background-size: contain;
    z-index: -1
}

.inform-section .deco-animation {
    top: 0;
    z-index: 50
}

.inform-section .deco-animation.right {
    top: 0;
    bottom: unset
}

.inform-section .hero-banner,
.what-is-power .section-title {
    margin-bottom: 0
}

.counter-wrapper {
    background-color: var(--second-color);
    padding: 60px;
    border-radius: 10px
}

.abt-desc {
    max-width: 80%;
    margin: 0 auto
}

.counter-card {
    text-align: center;
    display: flex;
    flex-direction: column;
    align-items: center;
    height: 100%
}

.counter-card h4 {
    font-size: 40px;
    font-weight: 700;
    font-family: var(--first-font);
    margin: 0 0 .5em
}

.counter-card .icon {
    width: 60px;
    max-height: 60px;
    margin: 22px auto 15px;
    display: block;
    flex: 1
}

.counter-card p {
    font-size: 26px;
    font-family: var(--first-font)
}

.ht-icon {
    font-family: sans-serif;
    font-weight: bolder
}

.counter-wrapper .sub-desk {
    padding-left: 42px
}

.slick-dots li button {
    border: 1px solid var(--white);
    font-size: 0;
    outline: 0;
    width: 10px;
    height: 10px;
    background-color: transparent;
    border-radius: 100%
}

.slick-dots li.slick-active button {
    background-color: var(--white)
}

.worker-slider .slick-dots {
    position: absolute;
    bottom: 15px;
    left: auto;
    right: 15px
}

.worker-slide img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 10px
}

.padding-top {
    padding-top: 60px
}

.padding-bottom {
    padding-bottom: 60px
}

.blog-fillters .search-form,
.filter-accordion .accordion-item:not(:last-of-type),
.map-detail .map-head,
.our-services .badge-border,
.production-goal-info p:not(:last-of-type),
.section-title,
.sliding-menu .close-head {
    margin-bottom: 30px
}

.info-content h2 {
    font-size: 40px;
    line-height: 1.5
}

.stories-card {
    display: flex !important;
    flex-wrap: wrap;
    flex-direction: column;
    height: auto
}

.stories-card .stories-body {
    width: 100%;
    display: flex;
    height: 100%;
    flex-direction: column
}

.stories-card .stories-poster {
    position: relative;
    padding-top: 70%;
    border-radius: 10px;
    overflow: hidden
}

.stories-card .stories-poster::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, .5);
    z-index: 1
}

.blog-post .blog-post-img a img,
.page-banner .page-banner-view .banner-img,
.stories-card .stories-poster img {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 100%;
    object-fit: cover
}

.stories-card .stories-content {
    display: flex !important;
    flex-wrap: wrap;
    flex-direction: column;
    height: 100%;
    margin-top: 15px
}

.stories-card .stories-content h3 {
    font-size: 26px;
    margin-bottom: 15px;
    flex: 1
}

.compare-result .main-result,
.inveter-box .center-arrow,
.partner-card .partner-img,
.testimonial-card .testimonial-inner,
.what-is-power .section-title h2 {
    align-items: center;
    display: flex
}

.gallery-carousel .slick-list,
.stories-slider .slick-list {
    margin: 0 -15px
}

.gallery-carousel .gallery-item,
.stories-slider .stories-card {
    padding: 0 15px
}

.blog-fillters .top-posts .post-list ul li,
.case-stories-slider .slick-list .slick-track,
.loss-profit-road .right-side-inf,
.sdgs-info-list,
.site-header.head-sticky .brand-box,
.stories-slider .slick-track,
.usp-card-body {
    display: flex
}

.info-card .info-card-body .play-btn,
.stories-card .play-btn,
.worker-slider-2 .play-btn {
    position: absolute;
    top: 0;
    z-index: 1;
    margin: auto;
    bottom: 0;
    left: 0;
    right: 0;
    display: inline-block;
    background-image: url("../images/play-circle-filled.svg");
    background-repeat: no-repeat;
    background-size: 100% 100%;
    background-color: transparent;
    outline: 0;
    border: 0;
    width: 58px;
    height: 58px
}

.hard-fact-info h3,
.info-wrapper,
.mb60,
.new-uspmodal .top-side,
.uspmodal-two-section .section-title {
    margin-bottom: 60px
}

.info-wrapper {
    position: relative;
    background-color: var(--third-color);
    border-radius: 5px;
    padding: 55px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    overflow: hidden
}

.info-wrapper::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 100%;
    opacity: .9
}

.info-wrapper .info-content {
    max-width: 740px;
    width: 100%;
    margin: auto;
    text-align: center;
    position: relative;
    z-index: 100
}

.info-wrapper .info-content h2 {
    line-height: 1.2
}

.info-wrapper .info-content h2 img {
    vertical-align: bottom;
    display: inline-block;
    width: 210px;
    height: 56px;
    border-radius: 30px;
    object-fit: cover
}

.map-detail {
    background-color: var(--second-color);
    padding: 15px;
    border-radius: 10px
}

.map-detail .map-calc {
    margin-bottom: 25px
}

.map-detail .map-calc p {
    font-size: 20px
}

.map-detail .map-calc p i {
    font-size: 16px
}

.gallery-carousel .gallery-item img {
    width: 100%;
    height: 200px;
    border-radius: 10px;
    object-fit: cover
}

.project-slider .map-detail .map-calc p,
.slick-track {
    margin: 0
}

.testimonial-card .testimonial-inner .user-img {
    max-width: 256px;
    width: 100%;
    height: 256px;
    border-radius: 10px;
    overflow: hidden
}

.testimonial-card .testimonial-inner .user-cmt {
    flex: 1;
    padding-left: 15px
}

.testimonial-card .testimonial-inner .user-cmt .user-name {
    font-weight: 700;
    color: var(--blue);
    margin-top: 15px
}

.partner-carousel .slick-list {
    margin: 0 -15px;
    padding-right: 200px !important
}

.partner-card .partner-img {
    justify-content: center;
    background-color: var(--white);
    border-radius: 20px;
    padding: 15px;
    height: 160px;
    position: relative;
}

.partner-card .partner-img img {
    width: 100%;
    height: 100%;
    object-fit: scale-down
}

.site-footer {
    margin-top: 60px;
    background-color: var(--theme-color);
    padding: 60px 0
}

.site-footer .footer-top {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-bottom: 20px;
    border-bottom: 1px solid var(--white);
    margin-bottom: 30px
}

.site-footer .social-media a {
    display: inline-block;
    width: 50px;
    height: 50px
}

.site-footer .social-media a:not(:last-of-type) {
    margin-right: 10px
}

.site-footer .social-media a img {
    width: 100%;
    height: 100%
}

.article-wrapper,
.blog-post,
.contribute-logos,
.footer-row,
.team-card {
    display: flex;
    flex-wrap: wrap
}

.footer-col {
    width: 100%;
    flex: 1
}

.footer-col:not(:first-of-type) {
    padding-left: 70px
}

.sliding-menu .left-side,
.sliding-menu .right-side {
    height: 100%;
    transition: transform .5s;
    padding: 50px 100px;
    width: 100%
}

.footer-widget li a {
    color: var(--white);
    transition: .6s;
    white-space: nowrap
}

.blog-post-desc .blog-post-footer a:hover,
.brand-close:hover,
.contact-desc-area .contact-card p a:hover,
.doorstep-part-info h2 span,
.footer-widget li a:hover,
.gallery-head .dropdown .btn:hover,
.hard-fact-info p span,
.help-section .help-box p span,
.help-section-bottom .help-line-text h2 span,
.inveter-box .right-side .getting-invest .nukm-text {
    color: var(--blue)
}

.footer-col.subscribe-col {
    max-width: 750px;
    flex: 0 0 750px
}

.footer-col.subscribe-col p {
    color: var(--white);
    margin-bottom: 10px
}

.footer-col.subscribe-col form {
    display: flex;
    gap: 15px
}

.footer-col.subscribe-col form .btn.btn-primary:hover {
    background-color: var(--second-color);
    border-color: var(--second-color);
    color: var(--black)
}

.footer-col.subscribe-col form input {
    border: 1px solid var(--white);
    border-radius: 42px;
    background: 0 0;
    width: 100%;
    flex: 1;
    padding: 10px 15px;
    outline: 0;
    color: var(--white);
    font-family: var(--bs-font-sans-serif)
}

.footer-col.subscribe-col form input::placeholder {
    color: var(--white)
}

.sliding-menu {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 999;
    width: 100%;
    height: 100%;
    display: flex;
    opacity: 0;
    visibility: hidden;
    transition: .8s
}

.sliding-menu.active {
    visibility: visible;
    opacity: 1
}

.sliding-menu .left-side {
    background-color: var(--second-color);
    max-width: 630px;
    transform: translateY(-100%);
    display: flex;
    justify-content: center;
    flex-direction: column;
    color: var(--theme-color)
}

.sliding-menu .commitment {
    font-style: italic
}

.blog-post .blog-post-desc h3,
.compare-result .main-result .right-side,
.form-body .default-amount .select-amount,
.sdgs-info-list .sdgs-inf-card,
.sliding-menu .left-side .menu-logo {
    flex: 1
}

.sliding-menu .left-side .menu-logo a {
    display: inline-block
}

.sliding-menu .right-side {
    background-color: var(--light-pink);
    flex: 1;
    transform: translateY(100%);
    overflow: auto
}

.sliding-menu .right-side ul li a {
    color: var(--blue);
    font-family: var(--first-font);
    font-weight: 600;
    font-size: 45px;
    transition: .5s
}

.sliding-menu.active .left-side {
    transform: translateY(0);
    animation: 1s forwards slideDown
}

.sliding-menu.active .right-side {
    transform: translateY(0);
    animation: 1s forwards slideUp
}

.close-menu {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    background-color: var(--blue);
    width: 35px;
    height: 35px;
    color: var(--white) !important;
    font-size: 20px;
    border-radius: 50%;
    text-align: center
}

.loss-profit-road,
.no-scroll,
.work-chart,
body.lock-scroll,
section.what-we-do.padding-top {
    overflow: hidden
}

@keyframes slideDown {
    from {
        transform: translateY(-100%)
    }

    to {
        transform: translateY(0)
    }
}

@keyframes slideUp {
    from {
        transform: translateY(100%)
    }

    to {
        transform: translateY(0)
    }
}

.menu-toggle {
    position: relative;
    background: 0 0;
    border: 0;
    width: 25px;
    padding: 0;
    display: none
}

.menu-toggle span {
    display: block;
    height: 3px;
    background: var(--black);
    transition: .2s
}

.menu-toggle span::after,
.menu-toggle span::before {
    content: '';
    width: 100%;
    display: block;
    position: absolute;
    left: 0;
    height: 3px;
    background: var(--black);
    transition: .2s
}

.menu-toggle span::before {
    top: -8px
}

.menu-toggle span::after {
    bottom: -8px
}

.video-frame {
    position: relative;
    padding-top: 60%
}

.video-popup .modal-dialog {
    max-width: 1000px
}

.video-popup .btn-close {
    position: absolute;
    width: 25px;
    height: 25px;
    right: -40px;
    left: auto;
    top: -40px;
    border: 1px solid var(--black);
    border-radius: 50%;
    opacity: 1;
    filter: invert(1);
    background-size: 12px
}

.map-back,
.map-location iframe,
.solution-card .solution-img,
.video-frame iframe {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 100%
}

.map-pin {
    position: absolute;
    display: inline-block;
    background-image: url('../images/map-pin.svg');
    background-repeat: no-repeat;
    background-size: 100% 100%;
    width: 22px;
    height: 33px
}

.jvectormap-zoomin,
.jvectormap-zoomout {
    font-family: fantasy
}

.map-slider .slick-list,
.project-slider .slick-list {
    margin: 0 -10px
}

.map-slider .map-detail,
.project-slider .map-detail {
    margin: 0 10px
}

.jvectormap-marker,
.jvectormap-marker.active {
    stroke: var(--blue) !important
}

.jvectormap-tip {
    background-color: var(--blue) !important;
    border-color: var(--blue) !important
}

.partner-area,
.profile-banner {
    background-color: var(--second-color)
}

.page-banner .page-banner-view {
    position: relative;
    border-radius: 10px;
    overflow: hidden
}

.page-banner .page-banner-view .banner-content {
    position: relative;
    text-align: center;
    color: var(--white);
    padding: 12% 0;
    z-index: 1
}

.page-banner .page-banner-view::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(33, 37, 41, .84);
    z-index: 1
}

.page-banner .banner-bottom {
    margin-top: 30px
}

.page-banner .banner-bottom p {
    font-size: 25px
}

.team-card .team-card-body {
    display: flex;
    flex-direction: column;
    border-radius: 10px;
    overflow: hidden;
    width: 100%;
    color: var(--black)
}

.compare-card,
.team-card .team-card-body .team-img {
    position: relative;
    text-align: center
}

.team-card .team-card-body .team-img img {
    max-width: 360px;
    width: 100%;
    height: 360px;
    object-fit: cover;
    border-radius: 50%
}

.team-card .team-card-body .team-content {
    padding: 30px 15px 0;
    border-radius: 0 0 10px 10px;
    display: flex;
    flex-direction: column;
    align-items: center;
    height: 100%
}

.blog-fillters .top-posts .list-head,
.blog-fillters .top-posts .post-list {
    padding: 1rem 1.25rem
}

.contact-desc-area .contact-card .icon,
.share-links li a {
    display: inline-flex;
    color: var(--white);
    background-color: var(--blue)
}

.team-card .team-card-body .team-content .badge-border.primary {
    border: none;
    padding: 0
}

.team-card .team-card-body .team-content h3 {
    text-align: center;
    flex: 1;
    transition: .6s;
    font-weight: 600;
    font-size: 30px;
}

.team-fillter .filter-form {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 25px
}

.team-fillter .filter-form label {
    font-family: var(--first-font);
    font-size: 25px;
    color: #666;
    font-weight: 300
}

.team-fillter .filter-form .input-wrapper {
    position: relative;
    max-width: 480px;
    width: 100%
}

.team-fillter .filter-form .input-wrapper .search-btn {
    position: absolute;
    top: 42%;
    right: 0;
    font-size: 25px;
    transform: translateY(-50%);
    color: #666;
    border: 0;
    outline: 0;
    background-color: transparent
}

.team-fillter .filter-form input {
    border: 0;
    width: 100%;
    height: 45px;
    border-bottom: 1px solid #666;
    outline: 0
}

.fillter-tags {
    display: flex;
    flex-wrap: wrap;
    gap: 10px
}

.fillter-tags .tag-link {
    display: inline-block;
    border: 1px solid var(--theme-color);
    color: var(--theme-color);
    padding: 11px 33px;
    line-height: 1;
    text-align: center;
    border-radius: 30px;
    transition: .5s
}

.dropdown-item:focus,
.dropdown-item:hover,
.fillter-tags .tag-link.active,
.fillter-tags .tag-link.selected,
.fillter-tags .tag-link:hover,
.filter-body button.active,
.filter-body button:hover,
.form-body .default-amount .select-amount input:checked+label {
    background-color: var(--theme-color);
    color: var(--white)
}

.contact-desc-area,
.title-row {
    margin-bottom: 50px
}

.profile-banner {
    height: 370px;
    margin-top: -185px
}

.profile-content .main-profile {
    display: flex;
    align-items: flex-end;
    margin-top: -150px;
    margin-bottom: 60px
}

.profile-content .main-profile .profile-img {
    max-width: 270px;
    height: 270px;
    width: 100%;
    margin-right: 35px
}

.profile-content .main-profile .profile-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 50%
}

.main-profile .profile-desc h1 {
    color: var(--theme-color);
    font-weight: 600;
    margin: 10px 0
}

.partner-area {
    padding: 60px;
    border-radius: 10px
}

.partner-area .partner-card {
    padding: 0
}

.partner-area .partner-card .partner-img {
    background-color: var(--white);
    height: 200px
}

.partner-area .partner-card .badge-border {
    position: absolute;
    top: 15px;
    left: 15px
}

.partner-area .partner-card h3 {
    font-size: 25px;
    text-align: center
}

.thumb a {
    display: block;
    position: relative;
    padding-top: 80%;
    cursor: pointer
}

.thumb a img,
.worker-slider-2 .slide-wrapper img {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 10px
}

.thumb a .name {
    position: absolute;
    bottom: 10px;
    left: 10px;
    z-index: 10;
    background: rgba(0, 0, 0, .7);
    color: #fff;
    padding: 10px;
    -webkit-transition: .3s ease-in-out;
    -moz-transition: .3s ease-in-out;
    -o-transition: .3s ease-in-out;
    -ms-transition: .3s ease-in-out;
    transition: .3s ease-in-out;
    font-size: 13px
}

.thumb:hover .name {
    background: rgba(255, 255, 255, .9);
    color: #000
}

.thumb a video {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    min-width: 100%;
    min-height: 100%;
    object-fit: cover;
    border-radius: 10px
}

.gallery-modal .close {
    width: 44px;
    height: 44px;
    line-height: 44px;
    position: absolute;
    right: 0;
    top: 0;
    text-decoration: none;
    text-align: center;
    opacity: .65;
    padding: 0 0 18px 10px;
    color: #fff;
    font-style: normal;
    font-size: 28px;
    background: 0 0;
    border: 0;
    outline: 0
}

.gallery-modal .modal-content {
    padding: 0;
    background: 0 0;
    border: 0
}

.blog-fillters .top-posts,
.filter-accordion .accordion-body,
.filter-accordion .accordion-button,
.partners-section {
    background-color: var(--second-color)
}

.gallery-modal .modal-dialog {
    max-width: 900px
}

.gallery-modal .modal-footer {
    border: 0;
    text-align: center;
    color: var(--white);
    justify-content: center;
    opacity: .65
}

.gallery-head .dropdown .btn {
    background-color: transparent;
    color: var(--theme-color)
}

.gallery-head {
    display: flex;
    justify-content: flex-end
}

.modal-backdrop.show {
    opacity: .8
}

.search-form .input-wrapper input {
    border: 0;
    border-bottom: 1px solid #666;
    border-radius: 0;
    color: #666
}

.contact-form form .form-control:focus,
.search-form .input-wrapper input:focus {
    box-shadow: none
}

.search-form .input-wrapper .search-btn {
    position: absolute;
    top: 50%;
    right: 5px;
    transform: translateY(-50%);
    background: 0 0;
    border: 0;
    outline: 0;
    font-size: 20px;
    color: #666
}

.blog-fillters .top-posts .list-head,
.filter-accordion .accordion-button {
    color: var(--theme-color);
    font-size: 18px;
    font-family: var(--first-font);
    font-weight: 700
}

.filter-accordion .accordion-item {
    border: 0;
    border-radius: 10px;
    overflow: hidden
}

.filter-accordion .accordion-button {
    box-shadow: none !important
}

.blog-fillters .top-posts .post-list ul li:not(:last-of-type),
.filter-accordion .accordion-body ul li:not(:last-of-type) {
    margin-bottom: 10px;
    padding-bottom: 10px;
    border-bottom: 1px solid var(--border-color)
}

.filter-accordion .accordion-body ul li a {
    display: block;
    color: var(--border-color);
    transition: .5s
}

.filter-accordion .accordion-button::after {
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="800" height="400" viewBox="0 0 800 400" fill="none"><path d="M0 0.651855L400.001 399.35L800 0.651855H0Z" fill="%23004891"/></svg>')
}

.blog-fillters .top-posts {
    margin-top: 30px;
    border-radius: 10px
}

.blog-fillters .top-posts .post-list ul {
    counter-reset: my-badass-counter
}

.blog-fillters .top-posts .post-list ul li::before {
    content: counter(my-badass-counter);
    counter-increment: my-badass-counter;
    margin-right: 5px
}

.blog-fillters .top-posts .post-list ul li a {
    display: block;
    color: var(--black);
    transition: .5s
}

.blog-post .blog-post-body {
    display: flex;
    flex-direction: column;
    border-radius: 10px;
    overflow: hidden;
    width: 100%
}

.blog-post .blog-post-img a {
    position: relative;
    padding: 42%;
    display: block
}

.blog-post .blog-post-desc {
    padding: 15px;
    border: 2px solid #ffeaf1;
    border-radius: 10px;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    height: 100%
}

.blog-post-desc .blog-post-footer {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    margin-top: 15px;
    gap: 15px
}

.blog-post-desc .blog-post-footer .case-logo,
.compare-result .main-result .left-side {
    max-width: 170px;
    width: 100%
}

.blog-post .blog-post-desc span {
    display: block;
    margin-bottom: 15px
}

.blog-post .blog-post-desc h3 a {
    color: var(--black);
    font-weight: 600;
    font-size: 24px
}

.ps-8p {
    padding-left: 8%
}

.overlay {
    transition: .4s ease-in-out;
    -webkit-transition: .4s ease-in-out;
    -moz-transition: .4s ease-in-out;
    -ms-transition: .4s ease-in-out;
    -o-transition: .4s ease-in-out
}

.cartOpen .overlay::after,
.menu-overlay::after,
.overlay.active {
    content: " ";
    z-index: 3;
    background: rgba(0, 0, 0, .7);
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    position: fixed
}

.share-links {
    padding: 0;
    margin: 0;
    list-style: none
}

.share-links li a {
    align-items: center;
    justify-content: center;
    width: 30px;
    height: 30px;
    font-size: 18px;
    border-radius: 50%;
    transition: .6s
}

.share-links li a:hover {
    background-color: var(--theme-color)
}

.article-wrapper .article-right {
    flex: 1;
    padding-left: 20px
}

.home-page .site-footer {
    margin-top: 0
}

.partners-section {
    padding: 80px 0
}

.partners-section .worker-slider-wrap {
    padding-right: 0px
}

.worker-slider-2 .slide-wrapper .slide-content {
    position: relative;
    padding-top: 52%;
    border-radius: 10px;
    overflow: hidden
}

.worker-slider-2 .slick-dots {
    position: absolute;
    top: auto;
    bottom: 15px;
    display: flex;
    align-items: center;
    left: 25px
}

.worker-slider-2 .slick-dots li:not(:last-of-type) {
    margin-right: 5px
}

.map-location {
    border-radius: 10px;
    overflow: hidden;
    position: relative;
    padding-top: 90%
}

.contact-desc-area .contact-card .icon {
    width: 40px;
    height: 40px;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    margin-bottom: 15px
}

.contact-desc-area .contact-card p a {
    color: var(--black);
    display: block
}

.contact-form form input.form-control {
    height: 50px
}

.contact-form form .form-control {
    border-bottom: 1px solid var(--border-color);
    resize: none;
    font-family: var(--first-font)
}

.address-info p:not(:last-of-type),
.approaches-card .approaches-icon,
.contact-form form .form-group:not(:last-of-type),
.inveter-box .right-side .getting-invest:not(:last-of-type),
.involved-info:not(:last-of-type),
.project-slider .map-detail .map-head,
.serc-card .serc-card-body .icon,
.usp-card-main .usp-cardbody .ups-icon.mt-0,
.what-is-power .power-info p:not(:last-of-type) {
    margin-bottom: 20px
}

.abt-card .abt-card-body,
.case-numbers-card,
.help-section-bottom .help-line-text,
.large-logo-solution,
.nw-usp-card {
    text-align: center
}

.abt-card .abt-card-body .num-count {
    font-size: 35px;
    font-weight: 700;
    color: var(--theme-color)
}

.abt-card .abt-card-body .abt-name {
    font-weight: 700;
    font-size: 25px;
    line-height: 1.4
}

.about-us-map {
    position: relative;
    margin-top: 80px;
    padding: 80px 0
}

.about-us-map .row>* {
    margin-bottom: 69px
}

.bg-primary {
    background-color: var(--theme-color) !important
}

.bg-blue {
    background-color: var(--blue) !important
}

.usp-modal-section .section-title {
    margin-bottom: 115px
}

.usp-row::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 660px;
    height: 660px;
    background-color: #f0f0f0;
    border-radius: 10px;
    transform: rotate(45deg);
    margin: auto
}

.usp-card-body .usp-content {
    flex: 1;
    padding-right: 50px
}

.usp-card-body .usp-content h3 {
    font-size: 30px;
    color: var(--theme-color);
    font-weight: 700
}

.usp-card-body .usp-icon {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    width: 250px;
    height: 250px;
    border-radius: 10px;
    padding: 15px;
    text-align: center
}

.usp-card-body .usp-icon .icon-img {
    width: 132px;
    height: 100px;
    margin-bottom: 12px
}

.usp-card-body .usp-icon .icon-img img {
    width: 70%;
    height: 70%;
    object-fit: contain
}

.usp-card-body .usp-icon .icon-title {
    font-size: 24px;
    color: var(--white);
    font-family: var(--first-font);
    font-weight: 700;
    line-height: 1.2;
    text-transform: uppercase
}

.usp-row .col-lg-6 .usp-card:not(:last-of-type) {
    margin-bottom: 1.5rem
}

.usp-row .col-lg-6 .usp-card:nth-child(2) .usp-card-body {
    align-items: flex-end
}

.btm-footer,
.doorstep-icon,
.usp-row .left-side .usp-card .usp-card-body {
    text-align: right
}

.usp-row .right-side .usp-card .usp-card-body {
    flex-direction: row-reverse
}

.usp-row .right-side .usp-card-body .usp-content {
    padding-right: 0;
    padding-left: 50px
}

.icon-list {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    margin: 0 -15px -15px
}

.icon-box {
    text-align: center;
    display: inline-block;
    max-width: 10%;
    width: 100%;
    margin: 0 15px 15px
}

.icon-box .icon-wrapper {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 15px
}

.icon-box .icon-wrapper img {
    width: 100%;
    height: 100%;
    object-fit: contain
}

.info-card .info-card-body .info-img {
    position: relative;
    display: block;
    padding-top: 70%;
    border-radius: 10px 10px 0 0
}

.toolkit-section .info-card {
    display: flex;
    flex-direction: column;
    height: 100%;
}

.toolkit-section .info-card .info-card-body {
    display: flex;
    flex-direction: column;
    height: 100%;
    width: 100%;
}

.info-card .info-card-body .info-img img {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: top;
    border-radius: 10px 10px 0 0
}

.info-card .info-card-body .info-card-desc {
    padding: 15px;
    border: 1px solid var(--theme-color);
    border-top: 0;
    border-radius: 0 0 10px 10px;
    flex: 1;
}

.info-card .info-card-body .info-card-desc h6 {
    margin-top: 10px;
    line-height: 1.2;
}

.info-card .info-card-body .info-card-desc h6 a {
    color: var(--black);
    font-weight: 700
}

.page-banner.banner-bg-1 {
    background-color: var(--second-color);
    padding: 220px 0 60px;
    margin-top: -185px
}

.donate-form .form-body {
    background-color: var(--white);
    padding: 20px;
    border-radius: 10px;
    border: 1px solid var(--theme-color)
}

.form-body .default-amount {
    display: flex;
    border-radius: 10px;
    overflow: hidden
}

.form-body .default-amount .select-amount label {
    display: block;
    background-color: var(--second-color);
    padding: 15px;
    text-align: center;
    font-weight: 700;
    cursor: pointer;
    transition: .6s
}

.other-amount input {
    height: 60px;
    border: 1px solid var(--border-color)
}

input {
    border-color: var(--border-color) !important
}

.form-body textarea.form-control:focus,
input:focus {
    box-shadow: none !important
}

input::-webkit-inner-spin-button,
input::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0
}

.sec-logo img,
.usp-card-main .usp-cardbody.bg-2 .ups-icon,
.usp-card-main .usp-cardbody.bg-4 .ups-icon {
    margin-left: auto
}

input[type=number] {
    -moz-appearance: textfield
}

.form-check-input {
    width: 1.3em;
    height: 1.3em
}

.form-check-label {
    margin-top: 4px
}

.form-check-input:checked {
    background-color: var(--theme-color);
    border-color: var(--theme-color) !important
}

.form-body textarea.form-control {
    border: 0;
    border-radius: 0;
    border-bottom: 1px solid var(--border-color)
}

.section-title .sub-title {
    display: block;
    font-family: var(--first-font);
    font-weight: 400;
    color: #666;
    margin-bottom: 10px
}

.form-body .donor-information .form-control {
    border: 0;
    border-radius: 0;
    border-bottom: 1px solid var(--border-color);
    resize: none;
    color: #666;
    font-family: var(--first-font)
}

.form-body .donor-information .form-group {
    position: relative;
    margin-bottom: 15px
}

.form-body .donor-information .form-group i {
    position: absolute;
    top: 46%;
    left: 0;
    transform: translateY(-50%);
    font-size: 1.1rem
}

.form-body .donor-information .form-group i+input {
    padding-left: 28px
}

.form-body .donor-information .form-group i.second-icon {
    left: auto;
    right: 0
}

#map-section .map-view {
    width: 80%;
    margin: 0 auto
}

#geographic-map {
    width: 100%;
    height: 400px
}

.project-slider .map-detail.slick-current {
    background-color: var(--blue);
    color: var(--white)
}

.banner-over-text p,
.brand-box p a,
.brand-close,
.case-stories .blog-post .blog-post-desc:hover a,
.project-slider .map-detail.slick-current .map-head a {
    color: var(--white)
}

.select-currency .btn {
    border: 1px solid var(--theme-color);
    line-height: 1;
    padding: 6px 10px;
    font-weight: 600;
    color: var(--theme-color)
}

.dropdown-menu,
.select-currency .dropdown-menu {
    background-color: var(--second-color);
    padding: 15px
}

.select-currency .dropdown-menu {
    border: 1px solid var(--theme-color) !important;
    border-radius: 15px
}

.flr-health-box ul li:not(:last-of-type),
.select-currency .form-check:not(:last-of-type) {
    margin-bottom: 5px
}

.select-currency .form-check {
    padding-left: 0
}

.select-currency .form-check-input[type=radio] {
    display: none;
    border-radius: 5px;
    background-color: transparent;
    border-color: var(--theme-color) !important;
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="18" height="13" viewBox="0 0 18 13" fill="none"><path d="M17 1L6 12L1 7" stroke="%23EC0C6E" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg>');
    background-size: 13px 13px
}

.select-currency .form-check-input[type=radio]:checked {
    background-color: var(--theme-color);
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="18" height="13" viewBox="0 0 18 13" fill="none"><path d="M17 1L6 12L1 7" stroke="white" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg>')
}

.select-currency .form-check-input[type=radio]:checked+label {
    font-weight: 700;
    color: var(--theme-color)
}

.select-currency .form-check-label {
    margin-left: 5px;
    cursor: pointer
}

.resource-filter .tilte-head {
    font-family: var(--first-font);
    font-size: 26px;
    color: #666;
    margin-bottom: 20px
}

.filter-body button {
    display: block;
    padding: 10px 20px;
    border: 1px solid var(--theme-color) !important;
    border-radius: 30px !important;
    line-height: 1;
    color: var(--theme-color);
    transition: .6s
}

.dropdown-menu {
    border: 1px solid var(--theme-color);
    border-radius: 15px
}

.brand-box,
.header-menu .menu-list li a:hover .link-icon::after,
.header-menu .menu-list li a:hover .link-icon::before {
    background: var(--theme-color)
}

.dropdown-menu .form-check-input[type=checkbox] {
    width: 17px;
    height: 17px
}

.dropdown-menu .form-check-input[type=checkbox]+.form-check-label {
    margin-top: 2px
}

.dropdown-menu .btn.btn-link {
    padding: 0;
    text-decoration: none;
    color: var(--theme-color);
    margin-top: 10px
}

.about-us-main .section-title h2 {
    color: #a0a0a0
}

.solution-card .solution-img img,
.worker-img img {
    width: 100%;
    height: 100%;
    object-fit: cover
}

.banner-over-text {
    position: absolute;
    text-align: center;
    top: 50%;
    left: 0;
    right: 0;
    padding: 0 15px;
    transform: translateY(-50%)
}

.banner-over-text h1 {
    color: var(--white);
    margin-bottom: 15px
}

.hero-banner-video::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(33, 37, 41, .6)
}

.brand-box {
    padding: 10px 15px;
    color: var(--white);
    align-items: center;
    justify-content: space-between;
    margin-bottom: 10px;
    border-radius: 10px;
    display: none;
    overflow: hidden
}

.our-services .section-title h2 {
    font-family: Montserrat;
    font-style: normal;
    font-weight: 400;
    color: #212529
}

.our-services .accordion-item .accordion-body,
.our-services .accordion-item .accordion-button,
.serc-card .serc-card-body h3,
.serc-card .serc-card-body p {
    color: #000;
    font-family: Montserrat;
    font-style: normal
}

.our-services .accordion-item {
    padding: 20px;
    background: #ffeaf1;
    border: 1px solid #ec0c6e;
    border-radius: 5px;
    margin-bottom: 20px
}

.our-services .accordion-item .accordion-button {
    background: 0 0;
    box-shadow: none;
    border: 0;
    padding: 0;
    font-weight: 700;
    font-size: 16px;
    line-height: 20px
}

.our-services .accordion-item .accordion-body {
    padding: 15px 0 0;
    font-weight: 400;
    font-size: 16px;
    line-height: 20px
}

.our-services .accordion-item .accordion-button::after {
    background-image: url('data:image/svg+xml,<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"><rect x="0.5" y="-0.5" width="19" height="19" rx="1.5" transform="matrix(1 0 0 -1 0 19)" fill="%23FFEAF1"/><rect x="0.5" y="-0.5" width="19" height="19" rx="1.5" transform="matrix(1 0 0 -1 0 19)" stroke="%23EC0C6E"/><path d="M10.6223 10.6231L10.6265 16.1834C10.6264 16.3497 10.5604 16.5092 10.4427 16.6268C10.3251 16.7445 10.1656 16.8105 9.99928 16.8105C9.83296 16.8106 9.67345 16.7445 9.55584 16.6269C9.43824 16.5093 9.37217 16.3498 9.37218 16.1834L9.37689 10.6231L3.81658 10.6278C3.65025 10.6279 3.49074 10.5618 3.37314 10.4442C3.25553 10.3266 3.18947 10.1671 3.18948 10.0007C3.18949 9.83441 3.25557 9.67489 3.37318 9.55728C3.4908 9.43966 3.65032 9.37358 3.81665 9.37357L9.37696 9.37769L9.37284 3.81738C9.37251 3.73493 9.3885 3.65322 9.4199 3.57698C9.4513 3.50074 9.49749 3.43147 9.55579 3.37316C9.6141 3.31486 9.68337 3.26867 9.75961 3.23727C9.83585 3.20587 9.91756 3.18987 10 3.19021C10.0825 3.18987 10.1642 3.20585 10.2404 3.23724C10.3166 3.26864 10.3859 3.31482 10.4442 3.37311C10.5025 3.43141 10.5487 3.50068 10.5801 3.57692C10.6115 3.65316 10.6275 3.73486 10.6271 3.81731L10.6224 9.37762L16.1827 9.37291C16.2652 9.37257 16.3469 9.38855 16.4231 9.41995C16.4993 9.45134 16.5686 9.49752 16.6269 9.55582C16.6852 9.61412 16.7314 9.68338 16.7628 9.75962C16.7942 9.83586 16.8102 9.91756 16.8098 10C16.8101 10.0825 16.7942 10.1642 16.7628 10.2404C16.7314 10.3167 16.6852 10.3859 16.6269 10.4442C16.5686 10.5025 16.4993 10.5487 16.423 10.5801C16.3468 10.6115 16.2651 10.6275 16.1826 10.6272L10.6223 10.6231Z" fill="%23EC0C6E"/></svg>')
}

.our-services .accordion-item .accordion-button:not(.collapsed)::after {
    background-image: url('data:image/svg+xml,<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"><rect x="0.5" y="-0.5" width="19" height="19" rx="1.5" transform="matrix(1 0 0 -1 0 19)" fill="%23EC0C6E"/><rect x="0.5" y="-0.5" width="19" height="19" rx="1.5" transform="matrix(1 0 0 -1 0 19)" stroke="%23EC0C6E"/><path d="M10.0705 10.9517L6.14169 14.8863C6.02407 15.0039 5.86455 15.07 5.69821 15.07C5.53188 15.07 5.37236 15.0039 5.25474 14.8863C5.13712 14.7687 5.07104 14.6092 5.07104 14.4429C5.07104 14.2766 5.13712 14.1171 5.25474 13.9994L9.18981 10.071L5.25474 6.14264C5.13712 6.02504 5.07105 5.86553 5.07105 5.69921C5.07105 5.5329 5.13712 5.37339 5.25474 5.25578C5.37236 5.13818 5.53188 5.07211 5.69821 5.07211C5.86455 5.07211 6.02407 5.13818 6.14169 5.25579L10.0705 9.19043L13.9993 5.25579C14.0574 5.19725 14.1265 5.15078 14.2026 5.11908C14.2787 5.08737 14.3604 5.07105 14.4428 5.07105C14.5253 5.07105 14.6069 5.08737 14.683 5.11908C14.7591 5.15078 14.8282 5.19725 14.8863 5.25579C14.9448 5.31385 14.9913 5.38292 15.023 5.45903C15.0547 5.53513 15.071 5.61677 15.071 5.69921C15.071 5.78166 15.0547 5.86329 15.023 5.9394C14.9913 6.01551 14.9448 6.08458 14.8863 6.14264L10.9512 10.071L14.8863 13.9994C14.9448 14.0575 14.9913 14.1266 15.023 14.2027C15.0547 14.2788 15.071 14.3604 15.071 14.4429C15.071 14.5253 15.0547 14.607 15.023 14.6831C14.9913 14.7592 14.9448 14.8282 14.8863 14.8863C14.8282 14.9448 14.7591 14.9913 14.683 15.023C14.6069 15.0547 14.5253 15.071 14.4428 15.071C14.3604 15.071 14.2787 15.0547 14.2026 15.023C14.1265 14.9913 14.0574 14.9448 13.9993 14.8863L10.0705 10.9517Z" fill="white"/></svg>')
}

.nw-usp-card h3 {
    font-family: Montserrat;
    font-style: normal;
    font-weight: 700;
    font-size: 18px;
    line-height: 20px;
    color: #ec0c6e
}

.nw-usp-card p {
    font-family: Montserrat;
    font-style: normal;
    font-weight: 500;
    color: #212529
}

.new-uspmodal .left-side,
.new-uspmodal .right-side {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    gap: 30px
}

.contact-part-ftr,
.new-uspmodal .bottom-side {
    margin-top: 60px
}

.case-stories-slider .blog-post .blog-post-body,
.serc-card,
.usp-card-main {
    height: 100%
}

.usp-card-main .usp-cardbody {
    padding: 60px 200px 60px 60px;
    position: relative;
    z-index: 1;
    height: 100%;
    display: flex;
    flex-direction: column;
    overflow: hidden
}

.usp-card-main .usp-cardbody.bg-1 {
    background-color: #d3ecff;
    color: #004aad;
    border-top-left-radius: 30px;
}

.usp-card-main .usp-cardbody h3 {
    font-family: Montserrat;
    font-weight: 700;
    font-size: 18px;
    line-height: 23px;
    text-transform: uppercase;
    margin-bottom: 20px;
    margin-bottom: 10px;
}

.usp-card-main .usp-cardbody p {
    font-family: Montserrat;
    font-style: normal;
    font-weight: 700;
    font-size: 14px;
    line-height: 19px;
    flex: 1
}

.usp-card-main .usp-cardbody .ups-icon {
    margin-top: 20px;
    max-width: 132px
}

.usp-card-main .usp-cardbody .step-number {
    text-align: right;
    position: absolute;
    right: 0;
    bottom: -1px;
    z-index: -1
}

.usp-card-main .usp-cardbody.bg-2 {
    background-color: #004aad;
    color: var(--white);
    border-top-right-radius: 30px;
    text-align: right;
    padding: 60px 60px 60px 200px
}

.usp-card-main .usp-cardbody.bg-2 .step-number {
    right: auto;
    left: -1px
}

.usp-card-main .usp-cardbody.bg-3 {
    background-color: #004aad;
    color: var(--white);
    border-bottom-left-radius: 30px
}

.usp-card-main .usp-cardbody.bg-3 .step-number {
    top: -1px;
    right: -1px
}

.usp-card-main .usp-cardbody.bg-4 {
    background-color: #d3ecff;
    color: #004aad;
    border-bottom-right-radius: 30px;
    text-align: right;
    padding: 60px 60px 60px 200px
}

.usp-card-main .usp-cardbody.bg-4 .step-number {
    top: -1px;
    left: -1px;
    right: auto
}

.usp-card-main .usp-cardbody .step-number::before {
    content: '';
    position: absolute;
    bottom: 1px;
    right: 0;
    background-color: var(--white);
    width: 50px;
    height: 40px;
    z-index: -1
}

.usp-card-main .usp-cardbody.bg-2 .step-number::before,
.usp-card-main .usp-cardbody.bg-4 .step-number::before {
    left: 0
}

.usp-card-main .usp-cardbody.bg-3 .step-number::before,
.usp-card-main .usp-cardbody.bg-4 .step-number::before {
    top: 0
}

.serc-card .serc-card-body {
    padding: 20px;
    background: #ffeaf1;
    border: 1px solid #ec0c6e;
    border-radius: 10px;
    height: 100%
}

.serc-card .serc-card-body h3 {
    font-weight: 700;
    font-size: 18px;
    line-height: 26px
}

.serc-card .serc-card-body p {
    font-weight: 400;
    font-size: 16px;
    line-height: 20px
}

.site-header.head-sticky .brand-box p {
    flex: 1;
    text-align: center
}

.pitch-banner {
    border-bottom: 5px solid var(--blue);
    display: flex;
    justify-content: center;
    flex-direction: column;
    min-height: calc(100vh - 180px);
    background: url('../images/pitch-bg.png') right/contain no-repeat
}

.pitch-banner .main-pitch-info {
    margin-bottom: 20px;
    min-height: calc(100vh - 278px);
    display: flex;
    flex-direction: column;
    justify-content: center
}

.pitch-banner .main-pitch-info h1 {
    color: var(--theme-color);
    font-size: 75px;
    line-height: 75px;
    font-weight: 900;
    margin-bottom: 50px
}

.pitch-banner .main-pitch-info p {
    font-size: 35px;
    line-height: 35px;
    color: var(--blue)
}

.pitch-banner .pitch-info-logo {
    display: flex;
    align-items: center;
    margin-bottom: 25px;
    gap: 25px
}

.production-goal {
    padding-top: 60px;
    padding-bottom: 60px;
    position: relative;
    overflow: hidden
}

.production-goal-info p {
    font-size: 35px;
    line-height: 35px;
    color: var(--theme-color)
}

.production-goal-info p span {
    font-weight: 700;
    color: var(--blue)
}

.production-goal .production-img {
    width: 100%;
    position: absolute;
    left: 0;
    height: 100%;
    top: -12px;
    z-index: -1
}

.production-percent {
    position: relative;
    display: flex;
    align-items: center;
    gap: 25px;
    margin-top: 40px;
    border-bottom: 3px solid var(--border-color);
    color: var(--theme-color);
    font-size: 20px
}

.production-percent::before {
    content: '';
    position: absolute;
    top: -10.4px;
    right: -46%;
    width: 100%;
    height: 3px;
    background-color: #000
}

.production-percent span {
    font-size: 60px;
    color: var(--blue);
    font-weight: 700
}

.sec-logo {
    margin-bottom: 66px
}

.sec-logo img {
    display: block
}

.help-section {
    padding: 80px 0 60px;
    background-color: #efefef;
    margin: 60px 0 0
}

.help-section .help-box {
    position: relative;
    padding: 70px 140px 70px 40px;
    display: inline-block;
    border-left: 1px solid var(--blue);
    border-top: 1px solid var(--blue);
    border-right: 1px solid var(--theme-color);
    border-bottom: 1px solid var(--theme-color)
}

.help-section .help-box p {
    font-size: 35px;
    line-height: 35px;
    color: var(--theme-color);
    font-weight: 600
}

.help-box .top-logo {
    position: absolute;
    top: -30px;
    right: 50px;
    max-width: 280px;
    width: 100%;
    background-color: #efefef;
    padding: 0 15px
}

.help-box .spacer-line::before,
.help-box .top-logo::before {
    content: '';
    position: absolute;
    top: 45%;
    left: 0;
    width: 10px;
    height: 10px;
    background-color: var(--blue);
    transform: translateY(-50%)
}

.help-box .spacer-line::after,
.help-box .top-logo::after,
.help-box::after,
.help-box::before {
    background-color: var(--theme-color);
    position: absolute;
    content: ''
}

.help-box .spacer-line::after,
.help-box .top-logo::after {
    top: 45%;
    right: 0;
    width: 10px;
    height: 10px;
    transform: translateY(-50%)
}

.help-box::before {
    top: -1px;
    right: 0;
    width: 50px;
    height: 1px
}

.help-box::after {
    bottom: -1px;
    left: 0;
    width: 50px;
    height: 1px;
    z-index: -1
}

.help-box .spacer-line {
    position: absolute;
    bottom: -6px;
    left: 42px;
    width: 180px;
    height: 10px;
    background-color: #efefef
}

.help-section-bottom {
    padding: 60px 0
}

.help-section-bottom .help-line-text h2 {
    font-style: italic;
    font-family: Merriweather, serif;
    font-weight: 700;
    margin-bottom: 80px
}

.help-section-bottom .help-line-text p {
    font-size: 20px;
    font-style: italic;
    font-family: Merriweather, serif;
    margin-bottom: 18px
}

.hard-fact {
    padding: 60px 0 240px;
    background: url('../images/world-map.png') center 100px/1310px no-repeat
}

.hard-fact .hard-fact-info {
    text-align: center;
    position: relative
}

.hard-fact-info h2 {
    font-size: 150px;
    color: var(--blue);
    font-weight: 700;
    line-height: 1;
    margin-bottom: 20px
}

.hard-fact-info p {
    font-weight: 700;
    font-size: 20px
}

.bussiness-health .section-title,
.hard-fact .section-title {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.bussiness-health .section-title h2,
.hard-fact .section-title h2,
.pich-aug .section-title h2 {
    color: var(--theme-color);
    margin-bottom: 0
}

.hard-fact-info p .plus-sign {
    color: var(--blue);
    font-size: 60px;
    display: inline-block;
    vertical-align: middle;
    padding-right: 30px
}

.bottom-writer .writer-info h6,
.bussiness-health .section-title h2 span,
.case-stories .blog-post .blog-post-desc a,
.inveter-box .left-side .left-title h2 {
    color: var(--blue);
    font-weight: 700
}

.factory-health {
    padding: 180px 0 60px
}

.factory-health-step {
    display: block;
    margin: auto;
    max-width: 573px;
    width: 100%;
    position: relative
}

.flr-health-box {
    width: 390px;
    height: 400px;
    background: url('../images/flr-health-box.png') center/contain no-repeat;
    padding: 15px;
    display: inline-flex;
    align-items: center;
    flex-direction: column
}

.flr-health-box .bx-icon {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100px;
    height: 100px;
    background-color: var(--white);
    border-radius: 50%;
    margin-top: 45px;
    margin-bottom: 15px
}

.flr-health-box h3 {
    text-decoration: underline;
    color: var(--theme-color);
    font-weight: 700;
    font-size: 23px;
    margin-bottom: 15px
}

.flr-health-box ul li {
    list-style-type: decimal;
    color: var(--blue);
    font-weight: 600
}

.flr-health-box.pos-1 {
    position: absolute;
    left: -45%;
    top: 50%;
    transform: translateY(-50%)
}

.flr-health-box.pos-2 {
    position: absolute;
    top: -150px;
    left: 15%
}

.flr-health-box.pos-3 {
    position: absolute;
    right: -45%;
    top: 50%;
    transform: translateY(-50%)
}

.factory-health-step .shape-name {
    text-align: center;
    margin-top: -70px;
    background: var(--white);
    z-index: 1;
    position: relative
}

.factory-health-step .shape-name .shape-name-text {
    display: inline-block;
    font-weight: 700;
    color: var(--blue);
    font-size: 50px;
    text-transform: uppercase
}

.road-info {
    max-width: 340px;
    width: 100%;
    flex-shrink: 0
}

.road-info h3 {
    color: var(--blue);
    font-weight: 700;
    text-transform: uppercase;
    margin-bottom: 20px
}

.road-info p {
    color: var(--black);
    font-weight: 500
}

.loss-profit-road .row {
    gap: 370px;
}

.loss-profit-road .road-img.left-side {
    top: -90px;
    position: relative;
    right: -80px
}

.loss-profit-road .road-img.right-side {
    margin-top: 0;
    position: relative;
    right: 0;
    top: 30px;
    max-width: 413px;
    max-height: 525px
}

.loss-profit-road .right-side-inf .road-info {
    position: relative;
    left: -200px
}

.loss-profit-road .center-info-main {
    text-align: center;
    margin-top: -170px
}

.loss-profit-road .center-info-main h2 {
    color: var(--theme-color);
    font-size: 60px;
    font-weight: 700
}

.loss-profit-road .center-info-main p {
    color: var(--blue);
    font-size: 30px;
    font-weight: 600
}

.large-logo-solution .main-img {
    display: block;
    margin: auto;
    max-width: 650px
}

.large-logo-solution h3 {
    margin-top: 25px;
    color: #000
}

.what-is-power .section-title h2 img {
    max-width: 210px;
    width: 100%
}

.what-is-power .power-info {
    background: url('../images/map-bg.png') top/1200px no-repeat;
    border-top: 1px solid var(--border-color);
    padding-top: 30px;
    margin-top: 20px
}

.what-is-power .power-info p {
    font-size: 30px;
    line-height: 35px;
    font-weight: 700
}

.text-blue {
    color: var(--blue) !important
}

.text-primary {
    color: var(--theme-color) !important
}

.what-is-power .power-info .modal-text {
    text-align: center;
    margin-top: 45px
}

.what-is-power .power-info .modal-text h3 {
    color: var(--theme-color);
    padding-bottom: 15px;
    border-bottom: 1px solid var(--blue);
    margin-bottom: 20px;
    font-weight: 600
}

.doorstep-part {
    background-color: #114a91;
    padding: 60px 0;
    overflow: hidden;
    margin: 60px 0
}

.doorstep-part .container {
    max-width: 100% !important;
    margin-right: calc((100% - 1420px)/ 2);
    margin-left: 0;
    padding-right: 15px
}

.doorstep-part-info h2 {
    color: var(--white);
    font-size: 50px;
    margin-bottom: 0
}

.approaches-card h3,
.what-we-info h3,
.what-we-info p {
    color: var(--theme-color)
}

.what-we-do .contact-info .contact-text p,
.what-we-info h3 {
    font-size: 20px;
    font-weight: 600
}

.what-we-info {
    border-radius: 50%;
    width: 290px;
    height: 290px;
    display: flex;
    align-items: center;
    flex-direction: column;
    text-align: center;
    justify-content: center;
    padding: 10px
}

.what-we-info.bg1 {
    background: rgb(235 18 110 / 9%)
}

.what-we-info p {
    font-size: 14px
}

.approaches-card h3 span,
.what-we-info p span {
    color: var(--blue);
    font-weight: 600
}

.compare-card.for-after .avatar-img,
.what-we-info.bg2 {
    background: rgb(21 74 144 / 9%)
}

.what-we-row {
    display: flex;
    align-items: center;
    gap: 60px;
    justify-content: space-between;
    flex-wrap: wrap
}

.case-bottom,
.contribute-text,
.what-we-do .bottom-info {
    margin-top: 50px
}

.what-we-do .contact-info {
    display: flex;
    justify-content: space-between;
    margin-top: 50px
}

.what-we-do .contact-info .contact-text {
    display: flex;
    align-items: center;
    margin-top: 25px;
    margin-bottom: 30px
}

.what-we-wrapper {
    display: flex;
    align-items: flex-end
}

.what-we-wrapper .left-side {
    max-width: 414px;
    width: 100%
}

.what-we-wrapper .right-side {
    padding-left: 50px
}

.container-left {
    max-width: 100%;
    margin-right: calc((100% - 1680px)/ 2);
    margin-left: 0;
    padding-right: 15px
}

.work-chart .chart-image {
    margin-top: -165px
}

.approaches-card {
    background: url('../images/approaches-bg.png') no-repeat;
    width: 547px;
    height: 535px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    margin: auto;
    padding: 65px;
    text-align: center
}

.approaches-card h3 {
    font-size: 23px
}

.approaches-card p span {
    font-weight: 600
}

.business-case .section-title {
    margin-bottom: 100px
}

.case-numbers-wrape {
    padding: 60px 0;
    background-color: #eee
}

.case-numbers-card h3 {
    color: var(--blue);
    font-weight: 700;
    font-size: 70px
}

.case-numbers-card p {
    font-weight: 700;
    font-size: 20px;
    line-height: 25px;
    color: var(--theme-color)
}

.case-bottom h3 {
    text-align: center;
    color: var(--blue)
}

.inveter-box {
    border: 1px solid var(--border-color);
    margin-top: 20px;
    display: flex;
    justify-content: space-between
}

.inveter-box .left-side {
    padding-left: 50px;
    padding-top: 50px;
    padding-bottom: 50px;
    position: relative;
    flex-shrink: 0;
    max-width: 520px;
    width: 100%
}

.inveter-box .left-side .left-title {
    background-color: var(--white);
    display: inline-block;
    padding: 0 20px;
    position: absolute;
    top: -27px
}

.inveter-box .left-side .left-title img {
    display: block;
    margin: auto
}

.inveter-box .left-side .invest-info {
    padding-top: 50px
}

.inveter-box .left-side .invest-info h3 b {
    color: var(--blue);
    font-size: 20px
}

.inveter-box .right-side {
    padding: 30px 30px 100px 20px;
    max-width: 390px;
    width: 100%;
    position: relative
}

.inveter-box .right-side .getting-invest .number {
    color: var(--theme-color);
    font-size: 30px;
    margin-bottom: 0
}

.inveter-box .right-side .getting-invest .nukm-text span {
    color: #595a5a
}

.inveter-box .right-side .right-title {
    background-color: var(--white);
    display: inline-block;
    padding: 0 20px;
    position: absolute;
    bottom: -27px;
    left: 0
}

.inveter-box .right-side .right-title img {
    margin: auto;
    display: block
}

.word-card {
    border-left: 1px solid var(--blue);
    border-right: 1px solid var(--theme-color);
    border-bottom: 1px solid var(--blue);
    border-top: 1px solid var(--theme-color);
    padding: 25px;
    position: relative
}

.word-card .word-card-body p {
    font-size: 25px;
    color: var(--theme-color);
    font-style: italic;
    font-weight: 500
}

.logo-text,
.word-card .word-card-body p .logo-text {
    font-weight: 700;
    color: #999
}

.word-card .quotes-icon {
    position: absolute;
    top: -35px;
    background: var(--white);
    left: 0
}

.word-card .quotes-icon img {
    max-width: 70px;
    margin-left: 120px
}

.word-card .word-card-body {
    padding-top: 35px;
    padding-bottom: 35px
}

.word-card .bottom-writer {
    margin-bottom: -120px
}

.bottom-writer .writer-info {
    display: flex;
    align-items: center;
    max-width: 670px;
    width: 100%;
    margin-left: auto;
    position: relative;
    background-color: var(--white);
    margin-right: 20px
}

.bottom-writer .writer-info .writer-img {
    max-width: 200px;
    width: 100%
}

.bottom-writer .writer-info .writer-text {
    text-align: left;
    padding-left: 20px
}

.word-card::before {
    content: '';
    position: absolute;
    width: 50px;
    height: 1px;
    right: 0;
    background-color: var(--theme-color);
    bottom: -1px
}

.prithvi-words .decorate {
    margin-top: 5px
}

.pich-aug .section-title {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 40px
}

.compare-card h3 {
    font-weight: 700;
    color: var(--blue);
    text-transform: uppercase;
    font-size: 25px
}

.compare-card .avatar-img {
    position: relative;
    background: rgb(235 18 110 / 9%);
    width: 230px;
    height: 230px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto 15px;
    z-index: 1
}

.compare-card .avatar-img img {
    width: 200px;
    height: 200px;
    border-radius: 50%;
    object-fit: cover
}

.compare-card p {
    font-size: 19px;
    margin-bottom: 10px
}

.compare-card .lbl-text {
    display: inline-block;
    font-weight: 700;
    color: var(--blue);
    background-color: #eee
}

.compare-result {
    background-color: #eee;
    padding: 15px;
    border-radius: 30px;
    margin-bottom: 35px
}

.compare-result h3 {
    color: var(--theme-color);
    font-weight: 700;
    text-align: center;
    margin-bottom: 20px
}

.compare-result .main-result .right-side p span {
    font-weight: 700;
    color: var(--blue);
    font-size: 25px
}

.compare-result-main {
    display: flex;
    flex-direction: column;
    justify-content: flex-end
}

.compare-card:not(.for-after)::before {
    content: '';
    position: absolute;
    right: 17px;
    background: url('../images/be-left.png');
    width: 67px;
    height: 244px;
    top: 135px;
    z-index: -1
}

.compare-card.for-after::before {
    content: '';
    position: absolute;
    left: 17px;
    background: url('../images/aftr-right.png');
    width: 56px;
    height: 253px;
    top: 135px;
    z-index: -1
}

.contribute-logos img {
    max-width: 12.5%;
    width: 100%
}

.contribute-text p {
    font-size: 20px
}

.shoulders {
    font-family: "Big Shoulders Text", serif;
    font-weight: 700
}

.partnership-card {
    background: url('../images/part-bg.png') bottom/100% 100%;
    padding: 20px;
    position: relative;
    text-align: center;
    height: 100%
}

.partnership-card .partnership-body h3 {
    color: var(--blue);
    font-weight: 600;
    margin-bottom: 30px
}

.partnership-card .partnership-body p {
    font-weight: 500
}

.partnership-card .partnership-body .icon-part {
    margin-top: 30px;
    flex: 1;
    height: 100%;
    display: flex;
    align-items: flex-end;
    justify-content: center
}

.partnership-row::before {
    content: '';
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 0;
    right: 0;
    width: 100%;
    height: 150px;
    background: rgb(235 18 110 / 9%);
    z-index: 1
}

.partnership-row .partnership-body {
    display: flex;
    flex-direction: column;
    height: 100%
}

.partnership-row .part-info {
    margin-top: 25px
}

.page-footer {
    position: relative;
    min-height: calc(100vh - 140px);
    background: url('../images/page-footer.png') 0 0/100% 100% no-repeat;
    color: var(--white);
    display: flex;
    align-items: center;
    flex-direction: column;
    justify-content: center;
    padding: 60px 0;
    z-index: 1;
    margin-top: 60px
}

.page-footer::before {
    content: '';
    position: absolute;
    bottom: 0;
    right: 0;
    width: 100%;
    height: 100%;
    background: url('../images/footer-dec.png') right bottom no-repeat;
    z-index: -1
}

.page-footer .thanks-msg h2 {
    font-size: 80px;
    font-family: "Titillium Web", serif
}

.page-footer .thanks-msg p {
    font-style: italic;
    font-family: Merriweather, serif;
    font-size: 20px
}

.contact-part-ftr h4 {
    line-height: 40px;
    font-size: 30px;
    padding-bottom: 10px;
    border-bottom: 1px solid var(--white);
    display: inline-block;
    max-width: 470px;
    width: 100%;
    margin-bottom: 30px
}

.involved-info h6,
.sdgs-info-list .sdgs-inf-card .sdgs-inf-body .sdgs-icon {
    margin-bottom: 10px
}

.contact-part-ftr .cont-box {
    display: flex;
    align-items: center;
    gap: 15px
}

.contact-part-ftr .cont-box img {
    width: 45px
}

.contact-part-ftr .cont-box a {
    font-weight: 700;
    color: var(--white);
    font-size: 22px
}

.btm-footer .swasti-log {
    display: inline-block;
    text-align: center;
    color: var(--white);
    text-decoration: underline
}

.btm-footer .swasti-log img {
    display: block;
    max-width: 100px;
    width: 100%;
    margin-left: auto
}

.pich-aug .container,
.pich-aug-body .container {
    max-width: 1420px
}

.pich-aug .container-left {
    margin-right: calc((100% - 1420px)/ 2)
}

.usp-modal-cards {
    max-width: 100%;
    width: 100%;
    margin: auto
}

.sdgs-info-list .sdgs-inf-card .sdgs-inf-body {
    padding: 20px;
    background-color: #4c9f38;
    color: var(--white);
    height: 100%
}

.sdgs-info-list .sdgs-inf-card .sdgs-inf-body .sdgs-text h3 {
    font-family: Montserrat;
    font-style: normal;
    font-weight: 700;
    font-size: 16px;
    line-height: 18px;
    margin-bottom: 10px
}

.sdgs-info-list .sdgs-inf-card .sdgs-inf-body .sdgs-text p {
    font-family: Montserrat;
    font-style: normal;
    font-weight: 500;
    font-size: 14px;
    line-height: 20px
}

.sdgs-info-list .sdgs-inf-card .sdgs-inf-body.sdg-5 {
    background-color: #ff3a21
}

.sdgs-info-list .sdgs-inf-card .sdgs-inf-body.sdg-8 {
    background-color: #8f1838
}

.sdgs-info-list .sdgs-inf-card .sdgs-inf-body.sdg-12 {
    background-color: #cf8d2a
}

.sdgs-info-list .sdgs-inf-card .sdgs-inf-body.sdg-13 {
    background-color: #48773e
}

.sdgs-info-list .sdgs-inf-card .sdgs-inf-body.sdg-17 {
    background-color: #19486a
}

.case-stories .blog-post .blog-post-desc {

    padding: 20px
}

.case-stories .blog-post:nth-child(odd) .blog-post-desc {
    border-color: var(--blue);
    background-color: var(--third-color);
    transition: .6s;
    color: var(--theme-color);
}

.case-stories .blog-post:nth-child(even) .blog-post-desc {
    border-color: var(--theme-color);
    background-color: var(--second-color);
    transition: .6s;
    color: var(--theme-color);
}

.case-stories .blog-post .blog-post-desc:hover {
    background-color: var(--theme-color);
    border-color: var(--theme-color);
    color: var(--white)
}

.case-stories-slider .blog-post {
    padding: 0 10px;
    height: unset
}

.case-stories .blog-post .blog-post-desc h4 {
    margin-bottom: 20px;
    font-weight: 700
}

.involved-info h6 {
    font-family: Montserrat;
    font-style: normal;
    font-weight: 700;
    font-size: 18px;
    line-height: 22px;
    color: #004aad
}

.involved-info p {
    font-family: Montserrat;
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 22px;
    color: #004aad
}

.about-donation .section-title h2 {
    color: #004aad;
    font-weight: 700
}

.address-info p,
.address-info p a,
.contact-form form .form-control {
    font-family: Montserrat;
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    color: #004aad
}

.address-info {
    margin-top: 40px
}

.address-info p,
.address-info p a {
    line-height: 22px;
    display: flex;
    align-items: center;
    gap: 15px
}

.contact-form {
    padding: 20px;
    background: #d3ecff;
    border: 1px solid #004aad;
    border-radius: 10px
}

.contact-form form .form-control {
    border: 1px solid #004aad !important;
    background: 0 0;
    border-radius: 5px
}

.contact-form form label,
.solution-card .solution-name,
.solution-modal .modal-solution-info h3 {
    font-weight: 700;
    font-family: Montserrat;
    font-style: normal
}

.contact-form form .form-control::placeholder {
    color: #004aad
}

.contact-form form .form-control::-webkit-input-placeholder {
    color: #004aad
}

.contact-form form .form-control::-moz-placeholder {
    color: #004aad
}

.contact-form form label {
    font-size: 16px;
    line-height: 22px;
    color: #004aad;
    display: block;
    margin-bottom: 5px
}

.contact-form form select {
    background-color: transparent;
    height: 50px;
    border: 1px solid #004aad !important;
    font-family: Montserrat;
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    color: #004aad;
    border-radius: 5px
}

.solution-card {
    position: relative;
    cursor: pointer;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    align-items: flex-start
}

.solution-card .solution-img::before {
    content: '';
    position: absolute;
    background: linear-gradient(180deg, rgba(0, 0, 0, 0) 25.98%, #000 129.8%);
    top: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 100%
}

.solution-card .solution-name {
    font-size: 18px;
    line-height: 20px;
    color: #fff;
    position: relative;
    padding: 60% 20px 20px
}

.solution-modal .modal-dialog {
    max-width: 1200px
}

.solution-modal .modal-solution-img {
    position: relative;
    min-height: 450px;
    margin-bottom: 20px
}

.solution-modal .modal-solution-img img {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: top
}

.solution-modal .modal-body {
    padding: 60px 40px 40px;
    background-color: #004aad
}

.solution-modal .btn-close {
    z-index: 1;
    background: url('data:image/svg+xml, <svg width="28" height="28" viewBox="0 0 28 28" fill="none" xmlns="http://www.w3.org/2000/svg"><g clip-path="url(%23clip0_88_108)"><path d="M13.9997 25.6667C7.55384 25.6667 2.33301 20.4458 2.33301 14C2.33301 7.55416 7.55384 2.33333 13.9997 2.33333C20.4455 2.33333 25.6663 7.55416 25.6663 14C25.6663 20.4458 20.4455 25.6667 13.9997 25.6667ZM19.833 9.8175L18.1822 8.16666L13.9997 12.3492L9.81717 8.16666L8.16634 9.8175L12.3488 14L8.16634 18.1825L9.81717 19.8333L13.9997 15.6508L18.1822 19.8333L19.833 18.1825L15.6505 14L19.833 9.8175Z" fill="white"/></g><defs><clipPath id="clip0_88_108"><rect width="28" height="28" fill="white" transform="matrix(1 0 0 -1 0 28)"/></clipPath></defs></svg>') 0 0/100% no-repeat;
    width: 28px;
    height: 28px;
    position: absolute;
    top: 20px;
    right: 20px;
    opacity: 1;
    padding: 0
}

.solution-modal .modal-solution-info h3 {
    font-size: 30px;
    line-height: 35px;
    color: #fff;
    margin-bottom: 20px
}

.solution-modal .modal-solution-info p {
    font-family: Montserrat;
    font-style: normal;
    font-weight: 400;
    font-size: 18px;
    line-height: 20px;
    color: #fff
}

.solution-modal .modal-content {
    background: 0 0
}

.header-menu .menu-list li a:hover .link-icon {
    background: var(--blue)
}

.jvectormap-marker {
    fill: var(--white) !important;
    stroke: var(--theme-color);
    animation: 2s infinite pulse-animation
}

@keyframes pulse-animation {

    0%,
    100% {
        stroke-width: 2;
        opacity: 1
    }

    50% {
        stroke-width: 8;
        opacity: .6
    }
}

.comic-bg {
    background-color: var(--second-color);
    padding: 60px;
    border-radius: 10px;
}

.jvectormap-zoomin,
.jvectormap-zoomout {
    display: none;
}

.usp-card-main .usp-cardbody {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 20px;
}

.usp-card-main .usp-cardbody .ups-icon {
    flex-shrink: 0;
    margin-top: 0;
}

.usp-card-main .usp-cardbody.bg-1,
.usp-card-main .usp-cardbody.bg-4 {
    flex-direction: row-reverse;
}

.filters-select,
.language-select {
    display: block;
    padding: 10px 20px;
    border: 1px solid var(--theme-color) !important;
    border-radius: 30px !important;
    line-height: 1;
    color: var(--theme-color);
    transition: .6s;
    width: 100%;
}

.language-select:focus,
.filters-select:focus {
    outline: none;
}

.language-select {
    margin-top: 15px;
}

.reset-all {
    font-size: 20px;
    color: #666;
}

#TellUs .modal-dialog {
    max-width: 700px;
}

#TellUs .modal-body {
    padding: 50px;
}

.popup-form textarea {
    height: 118px;
    background: #FFFFFF;
    border: 1px solid #004AAD;
    border-radius: 10px;
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    color: #212529;
    resize: none;
}

.popup-form textarea:focus {
    box-shadow: none;
    border-color: #004AAD;
}

.popup-form .form-title {
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 700;
    font-size: 30px;
    line-height: 40px;
    color: #004AAD;
    margin-bottom: 20px;
}

.pop-btn-wrape {
    margin-top: 20px;
}

.modal-backdrop.show {
    opacity: 0.64;
}

.book-shelf {
    min-height: 500px;
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 5% 0;
    max-width: 1320px;
    margin-left: auto;
    margin-right: auto;
}

.align-bottom {
    display: flex;
    align-items: flex-end;
}

.book-shelf img {
    vertical-align: middle;
}

.playbook-shelf {
    padding-top: 60px;
}

.mb-negative {
    margin-bottom: -2em;
}

.justify-center {
    display: flex;
    justify-content: center;
}

.shelf {
    z-index: -1;
}

.impact-points {
    margin-top: 20px;
}

.text-box .text-box-body {
    padding: 15px;
    border-radius: 5px;
    border: 1px solid;
    height: 100%;
}

.text-box:nth-child(odd) .text-box-body {
    border-color: var(--blue);
    background-color: var(--third-color);
    color: var(--theme-color);
}



.text-box:nth-child(even) .text-box-body {
    border-color: var(--theme-color);
    background-color: var(--second-color);
    color: var(--theme-color);
}

@media screen and (min-width:1440px) {
    .col-lg-5-cust {
        width: 20%;
    }
}

.playbook-shelf .section-title {
    max-width: 1320px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 0;
}

.logo-slider {
    margin: 0 -10px;
}

.logo-slider .partner-card {
    padding: 0 10px;
}


.back-home {
    position: fixed;
    bottom: 20px;
    right: 20px;
    background-color: var(--theme-color);
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--white);
    padding: 10px 15px;
    gap: 10px;
    border-radius: 30px;
    transition: all 0.6s ease;
    z-index: 99;
    opacity: 0;
    visibility: hidden;
    transform: translateX(100%);
    font-size: 16px;
}

.back-home svg {
    width: 20px;
}

.back-home.active {
    opacity: 1;
    visibility: visible;
    transform: translateX(0%);
}

.back-home:hover {
    background-color: var(--blue);
    color: var(--white);

}

.worker-slider-2 {
    margin: 0 -10px;
}

.worker-slider-2 .slide-wrapper {
    padding: 0 10px;
}

.partners-section .section-title h2 {
    font-weight: 700;
    color: #004AAD;
}

.logo-slider .slick-list {
    padding-left: 0 !important;
    padding-right: 50px;
}

@media (min-width: 1450px) {

    .offset-right {
        margin-left: calc((100% - 1680px) / 2);
        margin-right: 0;
        padding-left: 15px;
    }
}

.main-banner {
    margin-bottom: 60px;
    overflow: hidden;
}

.main-banner .main-slider-banner {
    position: relative;
    padding: 85px 50px;
    border-radius: 50px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
}

.main-banner .main-slider-banner .hero-slider-wrape {
    max-width: 620px;
}

.main-banner .main-slider-banner .hero-slider h1 {
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 700;
    font-size: 40px;
    line-height: 49px;
    color: #FFFFFF;
    margin-bottom: 20px;
}

.main-banner .main-slider-banner .hero-slider p {
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 500;
    font-size: 18px;
    line-height: 22px;
    color: #FFFFFF;
}

.main-slider-banner .banner-links {
    position: relative;
    background: linear-gradient(127.47deg, #D3ECFF 52.43%, #004AAD 203.09%);
    border-radius: 50px 0px 0px 50px;
    max-width: 550px;
    width: 100%;
    min-height: 420px;
    padding: 100px 50px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: 20px;
    z-index: 1;
}

.main-slider-banner .banner-links::before {
    content: '';
    position: absolute;
    top: 0;
    right: -32%;
    height: 100%;
    background: linear-gradient(127.47deg, #D3ECFF 52.43%, #004AAD 203.09%);
    width: 100%;
    z-index: -1;
}

.main-slider-banner .banner-links a {
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 700;
    font-size: 20px;
    line-height: 24px;
    color: #004AAD;
    display: inline-flex;
    align-items: center;
    gap: 10px;
    transition: all 0.6s ease;
}

.main-slider-banner .banner-links a:hover {
    color: var(--blue);
}

.hero-slider-nav {
    margin-top: 30px;
    display: flex;
    gap: 5px;
}

.hero-slider-nav .slick-arrow {
    width: 30px;
    height: 30px;
    background: url('data:image/svg+xml,<svg width="25" height="25" viewBox="0 0 25 25" fill="none" xmlns="http://www.w3.org/2000/svg"><mask id="mask0_240_331" style="mask-type:alpha" maskUnits="userSpaceOnUse" x="0" y="0" width="25" height="25"><rect x="24.7227" y="24.5" width="24" height="24" transform="rotate(-180 24.7227 24.5)" fill="%23D9D9D9"/></mask><g mask="url(%23mask0_240_331)"><path d="M12.0477 12.5L15.1227 9.425L13.7227 8L9.22266 12.5L13.7227 17L15.1227 15.575L12.0477 12.5ZM12.7227 2.5C14.106 2.5 15.406 2.7625 16.6227 3.2875C17.8393 3.8125 18.8977 4.525 19.7977 5.425C20.6977 6.325 21.4102 7.38333 21.9352 8.6C22.4602 9.81667 22.7227 11.1167 22.7227 12.5C22.7227 13.8833 22.4602 15.1833 21.9352 16.4C21.4102 17.6167 20.6977 18.675 19.7977 19.575C18.8977 20.475 17.8393 21.1875 16.6227 21.7125C15.406 22.2375 14.106 22.5 12.7227 22.5C11.3393 22.5 10.0393 22.2375 8.82266 21.7125C7.60599 21.1875 6.54766 20.475 5.64766 19.575C4.74766 18.675 4.03516 17.6167 3.51016 16.4C2.98516 15.1833 2.72266 13.8833 2.72266 12.5C2.72266 11.1167 2.98516 9.81666 3.51016 8.6C4.03516 7.38333 4.74766 6.325 5.64766 5.425C6.54766 4.525 7.60599 3.8125 8.82266 3.2875C10.0393 2.7625 11.3393 2.5 12.7227 2.5ZM12.7227 4.5C10.4893 4.5 8.59766 5.275 7.04766 6.825C5.49766 8.375 4.72266 10.2667 4.72266 12.5C4.72266 14.7333 5.49766 16.625 7.04766 18.175C8.59766 19.725 10.4893 20.5 12.7227 20.5C14.956 20.5 16.8477 19.725 18.3977 18.175C19.9477 16.625 20.7227 14.7333 20.7227 12.5C20.7227 10.2667 19.9477 8.375 18.3977 6.825C16.8477 5.275 14.956 4.5 12.7227 4.5Z" fill="white"/></g></svg>');
    outline: none;
    border: 0;
    padding: 0;
    font-size: 0;
    background-size: 100% 100%;
}

.hero-slider-nav .slick-arrow.slick-next {
    transform: scale(-1);
}

.banner-img-wrap {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: -1;
    border-radius: 50px;
    overflow: hidden;
}

.bnr-img {
    position: relative;
    padding-top: 50%;
}

.bnr-img img {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.section-title.vd-space {
    margin-bottom: 0;
}

.section-title.vd-space h2 {
    margin-bottom: 0;
}

.new-banner-content {
    position: relative;
    border-radius: 15px;
    overflow: hidden;
    z-index: 1;
    padding: 20px 20px 20px;
    min-height: 533px;
    display: flex;
    align-items: flex-end;
}

.new-banner-content img {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    z-index: -1;
}

.new-banner-content::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(180deg, rgba(217, 217, 217, 0) 0%, #000000 100%);
}

.new-banner {
    margin-bottom: 60px;
}

.new-banner-content h1 {
    position: relative;
    z-index: 1;
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 700;
    font-size: 40px;
    line-height: 49px;
    color: #FFFFFF;
}

.new-banner p {
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 300;
    font-size: 18px;
    line-height: 22px;
    color: #000000;
}

.banner-link-row {
    height: 100%;
}

.banner-link-row .banner-link-box {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    border-radius: 15px;
    background-color: var(--theme-color);
    width: 100%;
    height: 100%;
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 700;
    font-size: 20px;
    line-height: 24px;
    text-align: center;
    color: #FFFFFF;
        min-height: 261px;
        padding: 15px;
        transition: background-color 0.3s, backdrop-filter 0.3s, box-shadow 0.3s;
        gap: 15px;
}

.banner-link-row .banner-link-box:hover {
    background-color: rgb(0 72 145 / 53%);
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.2); 
    color: #000000;
}
.text-primary-2{
    color: var(--blue);
}
.new-banner-content video{
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    z-index: -1;
}
#responseMessage{
    display: none;
}
footer #responseMessage{
    display: block;
    margin-top: 10px;
}
#galleryContainer .thumb .card-body {
    padding: 0;
    position: relative;
    padding-top: 80%;
    cursor: pointer;
}
#galleryContainer .thumb .card-body img{
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 10px;
}
#galleryContainer .thumb  .card-title {
    position: absolute;
    bottom: 10px;
    left: 10px;
    z-index: 10;
    background: rgba(0, 0, 0, .7);
    color: #fff;
    padding: 10px;
    -webkit-transition: .3s ease-in-out;
    -moz-transition: .3s ease-in-out;
    -o-transition: .3s ease-in-out;
    -ms-transition: .3s ease-in-out;
    transition: .3s ease-in-out;
    font-size: 13px;
}

#galleryContainer .thumb .btn{
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
    background: transparent;
    font-size: 0;
    border: 0;
    outline: none;
}
span.category-name {
    text-transform: capitalize;
}