/*
Theme Name: Kommunicate
Theme URI: https://kommunicate.org
Author: Innosoftworks
Author URI: https://innosoftworks.com/
Description: Wordpress theme designed for Kommunicate.
Version: 1.0.10
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: aacnw
Tags: one-column, two-columns, custom-menu, featured-images, left-sidebar, right-sidebar
*/


* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

:root {
  --primary: #d53f34;
  --secondary:#0d6efd;
  --purple:#6b35d8;
  --bg: #21293b;
  --black: #000000;
  --white: #ffffff;
  --font1:"Inter", sans-serif;}


body {font-family: var(--font1);overflow-x: hidden !important; }
ul,ol { padding: 0; list-style: none; margin: 0;}
li { padding: 0; margin: 0;}
a {text-decoration: none;color: var(--black);}
img {max-width: 100%;object-fit: cover;width: auto;height: auto;}
section {padding:70px 0;}
h1 {font-size:60px;line-height:70px;font-weight:400;}
h2 {font-size:24px;line-height:32px;font-weight:400;margin-bottom: 10px;}
h3 {font-size: 18px;line-height: 30px;font-weight: 600;}
h4 {font-size: 24px;line-height: 30px;font-weight: 400;}
h5 {font-size: 20px;line-height: 30px;font-weight: 600;}
h6 {font-size: 20px;line-height: 28px;font-weight: 600;}
p {font-family: var(--font1);color: var(--black) !important;font-weight: 300;}
h2,h3,h4,h5,h6 {font-family: var(--font1);color: var(--black);}
.btn-primary{color: var(--white) ;font-size: 14px;border-color: var(--primary);border-radius:60px;padding:10px 30px;font-weight: 400; display: inline-flex;justify-content: center;gap: 10px;align-items: center;text-transform: capitalize;width: fit-content;transition: .2s linear;background-color: var(--primary);opacity: 0.7;}
.btn-primary:hover, .btn-primary:active{transform: scale(1.1);color: var(--white);background-color: var(--primary);border-color: var(--primary);}
 .btn-purple{color: var(--white) ;font-size: 14px;border-color:#6b35d8;border-radius:60px;padding:10px 30px;font-weight: 400; display: inline-flex;justify-content: center;gap: 10px;align-items: center;text-transform: capitalize;width: fit-content;transition: .2s linear;background-color:#6b35d8;}
.btn-secondary{background-color: var(--secondary);color: var(--white);;align-items: center;justify-content: center;padding:10px 30px;transition: 0.5s linear;width: fit-content;border-radius: 0;text-transform: capitalize;font-size: 14px;font-weight:400;letter-spacing: 0.3px;border-radius:60px;gap: 20px;display: inline-flex;}
.buttons{display: flex;gap: 30px;}
.btn-secondary:hover{background-color: var(--secondary);color: var(--white);transform: scale(1.1);}
header { z-index: 99;right: 0;left: 0;position: fixed;top:10px;background: #00000096;padding: 10px 0;}
header.inner{position: relative;padding: 10px 0;top: 0;background:transparent;}
header.inner #menu ul li a{color: var(--black);}
header.inner #menu ul li a:hover{color: var(--secondary);}
header.inner #menu ul li .btn{color: var(--white) !important;}
header .logo a {display: block;width: fit-content;}
header .logo a img {max-width: 220px;    filter: brightness(0) saturate(100%) invert(98%) sepia(5%) saturate(21%) hue-rotate(138deg) brightness(110%) contrast(108%);}
.top-cat .join ul{display: flex;align-items: center;gap:12px;}
.top-cat{margin:10px 0;}
ul.top_right { padding: 0; margin: 0; list-style: none; text-align: right;}
ul.top_right li {display: inline-block;margin-right: 25px;}
ul.top_right li:last-child { margin-right: 0;}
ul.top_right li a {font-size: 18px;font-weight: 500;color: #000000;}
.top_featured_wrap {position: relative;}
#menu {position: relative;}
#menu ul {list-style: none;display: flex;align-items: center;justify-content: center;border-radius: 55px;padding: 4px 6px;width: fit-content;}
.menubar .logo{color: var(--white);font-weight: 700;font-size:30px;}
#menu ul li { position: relative;}
#menu ul li a {display: block;text-decoration: none;position: relative;-webkit-transition: all .3s linear;font-size: 16px;transition: all .3s ease-in;color:white;text-transform: capitalize;padding: 5px 20px;position: relative;font-weight: 400;}
#menu li>a:only-child::after {margin-left: 0;content: '';}
#menu ul li:hover,#menu ul li.active a,#menu ul li.current_page_item,#menu ul li.current-menu-ancestor>a,#menu ul li.current-menu-item>a,#menu ul li.current-menu-parent>a {color: var(--secondary) !important;}
#menu ul li.active a::after {background-color: var(--white);z-index: -1;}
#menu ul li.active a {color: rgba(0, 0, 0, .85);}
#menu ul li:hover a::before {width: 100%;}
#menu ul li:hover a {color: #015da6;;z-index: 99999999999999999999999999999999999999}
#menu li.active ul li a { color: #fff; background: #000}
#menu li.active ul li a:hover { color: var(--white); background-color: var(--primary);}
#menu li>ul { position: absolute; left: 0; top: 4px; z-index: 999; white-space: nowrap; padding-left: 0;}
#menu li>ul li {background: var(--white);border-bottom: 1px solid rgba(0, 0, 0, 0.09);display: block;position: relative;margin: 0;text-align: left;}
#menu li>ul li:hover {background: var(--primary);border-bottom: 1px solid rgba(0, 0, 0, 0.09)}
#menu li>ul li a {color: #333;font-size: 13px;padding: 10px 15px;border-right: 0;transition: none;}
#menu li>ul li a:hover { color: #fff; text-decoration: none;}
#menu li ul li.current_page_item>a,#menu li ul li.current-menu-ancestor>a,#menu li ul li.current-menu-item>a,#menu li ul li.current-menu-parent>a {background: var(--primary);color: #fff !important;}
div#menu { display: flex; align-items: center;}
#menu>li:first-child,#menu>li.has-submenu+li { border-left: 0}
#menu li>ul>li>ul {position: absolute; left: 100%; top: 0; transition: all linear .2s 0s; -webkit-transition: all linear .2s 0s; visibility: hidden; opacity: 0}
#menu li>ul>li:hover>ul { visibility: visible; opacity: 1; display: block}
#menu li>ul {transition: all linear .2s 0s;-webkit-transition: all linear .2s 0s;visibility: hidden;opacity: 0;width: fit-content;display: block; flex-direction: column; margin: 0; background: transparent; padding-top: 30px;}
#menu li:hover>ul {visibility: visible;opacity: 1;display: block;}
#menu li>ul li a {padding: 0 23px;}
#menu li>ul li a {padding: 10px 23px;}
#menu li ul li:hover ul li a { color: #000;}
#menu li ul li:hover ul li:hover a {color: var(--white);}
#menu li ul li:hover a { color: #fff; border-color: var(--primary);}
@keyframes menu_sticky {
  0% {
    margin-top: -240px;
  }

  50% {
    margin-top: -90px;
  }

  100% {
    margin-top: 0;
  }
}
/* header.sticky {margin:0;  position: fixed; background: #FFFFFF1A;backdrop-filter: blur(40px); top:0; left:0; width:100%; z-index:99999; animation-name:menu_sticky; animation-duration: 0.60s; animation-timing-function:ease-out;  mix-blend-mode: difference; }  */
/* header.sticky #menu ul li a {color: var(--white);}
header.sticky #menu>ul {margin-top: 5px;margin-bottom: 5px;} */
/* header i { font-size: 24px;}
header .menubar {padding: 15px 0;} */
header.sticky{display: none;}
.inner-header #menu ul li a{color: var(--black);}
.hero-sec {position: relative;width: 100%;height: 100vh; overflow: hidden;}
.hero-sec video {position: absolute;top: 50%;left: 50%;width: 100%;height: 100%;object-fit: cover; transform: translate(-50%, -50%);z-index: -1;}
.hero-sec .container {position: relative; z-index: 2;text-align: center;top: 50%;transform: translateY(-50%);}
.hero-sec .logo img{width: 100%;max-width:220px;filter: brightness(0) saturate(100%) invert(98%) sepia(5%) saturate(21%) hue-rotate(138deg) brightness(110%) contrast(108%);}
.hero-sec .logo{margin-bottom:40px;}
.hero-sec .heading{margin-bottom: 20px;}
.hero-sec .heading h1{color: var(--white);}
.hero-sec .help{display: flex;gap: 30px;align-items: center;justify-content: center;}
.comired-sec .content-box .tag{margin: 20px 0 24px 0;font-weight:600;text-decoration: underline;font-size: 20px;color: #000;}
.comired-sec .content-box p{font-size: 15px;line-height: 24px;color: #000;font-weight: 300;}
.btn-primary:hover{transform: none;background-color: var(--primary);border: 1px solid var(--primary);opacity:1;}
.banner-sec{min-height:340px;;position: relative;display: flex;align-items: center;}
.banner-sec .heading{margin-top:20px;position: relative;z-index: 9;}
.banner-sec .heading h1{font-size:50px;line-height:57px;color: var(--black);font-weight:300;}
/* .banner-sec::before {content: "";position: absolute;top: 0; left: 0;width: 100%; height: 100%;background-color: rgba(0,0,0,0.3); pointer-events: none; z-index: 1;} */
.threat-sec{overflow: hidden;}
.threat-sec .threat-box{border-radius: 20px;background-color: #f2f4f7;padding:80px;text-align: center;}
.threat-sec .threat-box .triple{display: flex;justify-content: center;margin-bottom:60px;}
.threat-sec .threat-box .triple img{width: 100%;max-width: 600px;object-fit: cover;}
.threat-sec .threat-box h2{margin-bottom: 24px;}
.threat-sec .threat-box .btn-primary{background-color: var(--primary);color: white;}
.story-sec .heading{margin-bottom: 20px;}
.story-sec .story{width: 100%;margin-bottom: 24px;}
.story-sec blockquote{font-size: 24px;line-height: 30px;}
.story-sec .quote{margin-top: 40px;}
.line{margin-top: 20px;}
.story-sec .quote span{display: flex;justify-content:end;color: #7a819f;font-size: 14px;}
.journey-sec .year{font-size: 32px;line-height: 40px;font-weight: 800;padding-top: 20px;max-width: 90px;margin: 0 auto;text-align: center;}
.journey-sec .proto-box h4{font-size: 24px;font-weight: 700;margin-bottom: 20px;}
.journey-sec .proto-box p{font-size:16px;font-style: normal;}
.journey-sec .proto-box{padding-top: 20px;}
.journey-row .year{position: sticky;top: 20px;}
.contact-sec .heading{margin-bottom: 32px;}

.contact-sec form input{border-radius: 0;}
.contact-sec form button{border: 1px solid #e8918b;}
.contact-sec form button:hover{background-color: transparent;color:#e8918b;}
footer{background-color: var(--bg);padding: 50px 0 20px;}
footer *{color: var(--white);}
footer ul li + li{margin-top: 10px;}
footer ul li a{font-size: 14px;}
footer h5{font-size: 16px;}
.copywrite{color: white !important;margin-top: 10px;}
.social-links {display: flex;gap: 12px;}
.social-links svg{width: 25px;height: 25px;}
.top-heading{color: var(--primary);font-size: 24px;margin-bottom: 20px;display: block;}
.gap-60 {height: 60px;}
.main-log{display: flex;gap: 24px;justify-content: center;}
.main-log .logo-box{display: flex;flex-direction: column;gap: 25px;}
.main-log .logo-box h4{font-size: 16px;}
.main-log .logo-box img{height: 72px;margin-top: auto;object-fit: contain;}
.image-slider img{border-radius: 16px;aspect-ratio: 4/2;height: auto;width:100%;}
.image-slider .owl-nav{position: absolute;width: 94%;display: flex; justify-content: space-between;top: 45%;left: 3%;pointer-events: none;}
.image-slider .owl-nav button{pointer-events: all;background: white !important;width: 54px;height: 54px;display: flex;justify-content: center;align-items: center;border-radius: 50%;}
.image-slider .owl-nav button span{font-size: 44px;height: fit-content;display: block;width: fit-content;}
.contact-sec .social-links svg{filter: invert(1);}

.head-btn{display: flex;justify-content: end;align-items: center;gap: 10px;}
.head-btn .btn-primary{color: var(--white);font-size: 14px;border-color: var(--primary);border-radius: 60px;
padding: 10px 8px;font-weight: 400;display: inline-flex;justify-content: center;gap: 10px;align-items: center;text-transform: capitalize;width: fit-content;transition: .2s linear;background-color: var(--primary);}
.head-btn .btn-secondary{font-size: 12px;padding: 10px 20px;}
.case-study-sec .image-slider .img-box{width:100%;height:500px;position: relative;}
.case-study-sec .image-slider video{width:100%;height:100%;object-fit: cover;display:block;border-radius: 20px;}
.comired-sec ul li{font-size:16px;line-height: 20px;font-weight:500;color: var(--black);margin-bottom: 10px;}
.comired-sec .image-box{width: 100%;height: 100%;}
.comired-sec .image-box img{width: 100%;aspect-ratio: 16/8;object-fit: cover;border-radius: 10px;}
.badges-sec .logo-box {width: 100%;height: 140px;background-color: #fff;border: 1px solid #00000017;display: flex;justify-content: center;align-items: center;}
.badges-sec .heading{text-align: center;margin-bottom: 20px;}
.badges-sec .row{row-gap: 24px;}
.accomp-sec .row{row-gap: 24px;}
.accomp-sec .heading{text-align: center;margin-bottom: 20px;}
.top-sec .heading{text-align: center;margin-bottom: 20px;}
.top-sec .row{row-gap: 24px;}
.top-sec .chmapion-card{display: flex;flex-direction: column;align-items: center;justify-content: center;gap: 24px;width: 100%;}
.top-sec .chmapion-card img{width: 100%;border-radius: 50%;}
.top-sec .chmapion-card .title{font-size: 24px;font-weight: 700;}
.threat-box .heading ul li{margin-bottom: 15px;}
.threat-box .heading ul li strong{display: block;}
.metric-sec .row{row-gap: 24px;}
.metric-card{display: flex;flex-direction: column;align-items: center;height: 100%;gap: 24px;}
.metric-card .image-box {height: 130px;}
.threat-card{border: 1px solid #e2e2e2;position: relative;text-align: center;padding: 40px 45px 30px 45px;height:100%;align-items: center;}
.threat-card .card-icon i{font-size: 30px;line-height: 50px;color: var(--secondary);}
.threat-card .card-icon{width:80px;height: 80px;background-color: var(--white);border: 1px solid #e2e2e2;display: flex;align-items: center;justify-content: center;border-radius: 50%;position: absolute;top:-50px;left:50%;transform: translateX(-50%);}
.threat-card .card-icon img{max-width: 40px;object-fit: cover;}
.threat-sec .row{row-gap:30px;}
.threat-sec .owl-carousel .owl-nav{display: flex;justify-content: space-between;width:100%;top:calc(35% + 60px);position: absolute;transform: translateY(-50%);padding: 0 10px;opacity: 0;visibility: hidden;transition: 0.3s ease;}
.threat-sec  .owl-carousel:hover .owl-nav { opacity: 1; visibility: visible;}
.threat-sec .owl-carousel .owl-next, .threat-sec .owl-carousel .owl-prev{font-size:20px !important;background:rgb(0, 130, 185) !important;border-radius:2px;box-shadow: 0 3px 5px rgba(0, 0, 0, 0.45);color: var(--white) !important;width: 40px;height: 40px;}
.threat-sec .owl-carousel .owl-next{right:-70px;position: absolute;transition: 0.3s linear;}
.threat-sec  .owl-carousel:hover .owl-nav .owl-next{right:0;}
.threat-sec .owl-carousel .owl-prev{left:-70px;position: absolute;transition: 0.3s linear;}
.threat-sec  .owl-carousel:hover .owl-nav .owl-prev{left:0;}
.threat-sec .owl-carousel .owl-dots{display: flex;justify-content: center;margin-top: 30px;}
.threat-sec .owl-carousel .owl-dots button.owl-dot {  width: 30px;height:3px;display: inline-block;margin: 0 5px;background-color: #ccc;}
.threat-sec .owl-carousel .owl-dots button.owl-dot.active{ width: 30px;height:3px;display: inline-block;background: var(--secondary);margin: 0 5px;}
.threat-sec .owl-carousel .threat-card{min-height: 240px;}
.solution-card { display: flex; align-items: center;gap: 30px;}
.solution-card .card-image img{max-width: 65px;height: 65px;}
.sol-sec .heading{margin-bottom:30px;} 
.sol-sec .row{row-gap:40px;justify-content: center;}
.impact-sec .heading{margin-bottom: 80px;}
.impact-sec .row{row-gap: 30px;}
.get-involved-sec .tag{color: var(--secondary);font-weight: 700;}
.get-involved-sec .btn-box{display: flex;flex-direction: column;align-items: center;gap: 20px;}
.content span{font-size: 15px;font-weight: 300;}
.comired-sec .image-box{box-shadow: 0 0 5px rgba(0, 0, 0, 0.4);border-radius: 20px;position: relative;overflow: hidden;transition: 0.3s linear;}
.comired-sec .image-box::before{content: "";background-color: rgba(0, 0, 0, 0.4);width: 100%;height: 100%;position: absolute;top: 0;left: 0;border-radius: 20px;opacity: 0;transition: 0.3s linear;}
.comired-sec .image-box:hover::before{opacity: 1;}
.impact-sec .impact-row{row-gap: 70px;justify-content: center;}
.problem-sec table td {border: 1px solid #D2D2D2;padding: 25px;}
.problem-sec .table-scroll{ width: 100%; overflow-x: auto; overflow-y: hidden;}
.problem-sec .table-scroll table{ width: 100%; max-width: 100%; border-collapse: collapse;}
.problem-sec table strong{font-weight: 500;margin-bottom:20px;font-size: 18px;display: block;color: var(--secondary);}
.problem-sec table p{font-size:15px;}
.member-card{position: relative;}
.member-card .img-box{width: 100%;}
.member-card .img-box img{height: 100%;width: 100%;}
.member-card .designation{display: flex;flex-direction: column;align-items: center;justify-content: center;background-color: var(--white);}
.member-card .designation .name{background: #fff;border-radius: 15px;
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.35);display: inline-block;position: relative;width: 80%;margin: 0 auto;
transform: translateY(-33px);z-index: 9;padding: 8px 5px;text-align: center;}
.member-card .designation .name h4{font-size: 14px;line-height: 17px;}
.member-card .designation span{font-size: 14px;margin-top: -15px;color: #A0A0A0;display: inline-block;margin-bottom: 10px;text-align: center;}
.member-card .designation .social ul{display: flex;justify-items: center;align-items:center;gap: 5px;}
.member-card .designation .social ul li a{padding: 5px;width: 25px;transition: 0.3s linear;display: flex;align-items: center;justify-content: center;}
.member-card .designation .social ul li a i{color: #525252;font-size: 13px;}
.social ul li.facebook a:hover{background-color: #3B5998;}
.social ul li.facebook a:hover i{color: #fff;}
.social ul li.twitter a:hover{background-color: #1DA1F2;}
.social ul li.twitter a:hover i{color: #fff;}
.social ul li.google a:hover{background-color: #DB4437;}
.social ul li.google a:hover i{color: #fff;}
.team-sec .row{row-gap: 30px;}
.serve-sec .lack ul li{position: relative;font-size: 15px;font-weight: 300;display: flex;align-items: center;margin-bottom:5px;}
.serve-sec .lack ul li::before{content: ""; content: "\f1d8"; font-family: "Font Awesome 5 Free";font-weight:400;font-size:20px;
color:var(--secondary);margin-right:45px;}
.threat-sec .step-slider .owl-nav{display: none;}
.threat-sec .step-slider .threat-card {min-height: 200px;}
.outcone-sec .col-lg-3:last-child .key-card{border-right: 0;}
.outcone-sec .key-card{padding: 25px;background-color: var(--white);border-right: 1px solid #e2e2e2;height: 100%;text-align: center;}
.outcone-sec .key-card ul{margin-top: 10px;display: inline-block;}
.outcone-sec .key-card ul li{font-size: 15px;}
.outcone-sec .heading{text-align: center;}
.testi-card{overflow: hidden;}
.testi-card img{aspect-ratio: 4 / 4;;transition: 0.3s linear;object-fit: cover;}
.testi-card img:hover{transform: scale(1.2);}
.testimonial-carousel .owl-nav{display: flex;justify-content: space-between;width:100%;top:35%;position: absolute;transform: translateY(-50%);padding: 0 10px;opacity: 0;visibility: hidden;transition: 0.3s ease; }
.testimonial-carousel:hover .owl-nav { opacity: 1; visibility: visible;}
.testimonial-carousel .owl-next, .testimonial-carousel .owl-prev{font-size:20px !important;background:rgb(0, 130, 185) !important;border-radius:2px;box-shadow: 0 3px 5px rgba(0, 0, 0, 0.45);color: var(--white) !important;width: 40px;height: 40px;}
.testimonial-carousel .owl-next{right:-70px;position: absolute;transition: 0.3s linear;}
.testimonial-carousel:hover .owl-nav .owl-next{right:10px;}
.testimonial-carousel .owl-prev{left:-70px;position: absolute;transition: 0.3s linear;}
.testimonial-carousel:hover .owl-nav .owl-prev{left:10px;}
.testimonial-carousel .owl-dots{display: flex !important;justify-content: center;margin-top: 30px;}
.testimonial-carousel .owl-dots button.owl-dot {  width: 30px;height:3px;display: inline-block;margin: 0 5px;background-color: #ccc;}
.testimonial-carousel .owl-dots button.owl-dot.active{ width: 30px;height:3px;display: inline-block;background: var(--secondary);margin: 0 5px;}
.champ-card .title{flex-grow: 1;text-align: center;background: var(--white);border-top: 1px solid var(--black);
padding: 20px;display: flex;flex-direction: column;align-items: center;justify-content: center;}
.champ-card .img-box img{width: 100%;height:auto;object-fit: cover;}
.champ-card{display: flex;flex-direction: column;height: 100%;border: 1px solid #ddd;}
.contact-sec{position: relative;}
.contact-sec .map-box{width: calc(50vw - 50px);position: absolute;left: 0;top: 0;height: 100%;} 
.contact-sec .map-box iframe{height: 100%;}
.contact-sec .contact-box h4{font-size: 15px;line-height: 23px;}
.contact-sec .contact-box label{font-size: 15px !important;color: #7A819F !important;font-weight: 300 !important;color: #737373 !important;line-height: 23px;margin-bottom: 10px;}
.contact-sec .form-control::placeholder{color: #888;font-size: 14px;font-weight: 400;}
.contact-sec .form-main{margin-top: 30px;}
.contact-sec form input:focus, .contact-sec form textarea:focus {outline: none !important;box-shadow: none !important; border-color: #dddddd;}
.contact-sec form textarea{border-radius: 0;}
.comired-sec .about-box iframe{border-radius: 20px;}
.impact-sec .row{justify-content: center;align-items: center;}
.video-box{width: 100%;overflow: hidden;height: 100%;}
.video-box video{width: 100%;height: 100%;display: block; object-fit: cover;border-radius: 20px;aspect-ratio: 16 / 8;}
.partner-card{border: 1px solid #dcdcdc;padding:5px;transition: 0.3s linear;}
.partner-card:hover{opacity: 0.8;}
.stats .stat-box{display: flex;align-items: center;justify-content: center;border-right:1.43px solid #0B0C1042;padding: 20px 0;flex-direction: column;}
.stats .stat-box h3{font-size:27px;margin-bottom: 0;line-height:36px;font-weight: bold;}
.stats .row > .col-lg-3:nth-of-type(4) .stat-box {border: none;}
.stats .owner-box{padding:5px 0;text-align: center;font-family: var(--font1);font-size:13px;color: var(--black);font-weight: 400;line-height: 18px;font-weight: 300;word-break: break-word;}
.optimizer-sec{overflow: hidden;}
.optimizer-sec .container{position: relative;z-index: 9;}
.optimizer-sec .nav-pills{border: 1px solid #D2D2D2;background-color: var(--white);margin: 10px;text-align: center;}
/* .optimizer-sec .container::before{content: '';height: 1px;top:25px;margin-top: 1px;left:0;position: absolute;
background-color: #D2D2D3;z-index: -1;width: 100%;} */
.nav-pills .nav-link.active, .nav-pills .show>.nav-link{background: #f5f5f5;border: 0;border-radius: 0;color: var(--secondary);}
.nav-pills .nav-link{font-weight: 600;color: #8e8e8e;}
.soft-card span{display: block;font-size: 13px;line-height: 18px;color: #8e8e8e;font-weight: 300;}
.project-card { display: flex; flex-direction: column; align-items: center; justify-content: center;gap: 20px;}
.project-card .image-box{position: relative; overflow: hidden; cursor: pointer;box-shadow: 0 1px 5px rgba(0,0,0,0.15);transition: box-shadow 0.3s ease;}
.project-card .image-box::before {content: "";position: absolute;inset: 0;background-color: rgba(0,0,0,0.3);
opacity: 0;transition: opacity 0.3s linear;z-index: 1;}
.project-card .image-box img { width: 100%; display: block; transition: transform 0.4s ease;aspect-ratio: 4 / 3;}
.project-card .image-box:hover::before {opacity: 1;}
.project-card .image-box:hover img {transform: scale(1.2);}
.project-card .image-box:hover {box-shadow: 0 10px 20px rgba(0,0,0,0.3);}
.project-sec .heading{margin-bottom:50px;}
.project-sec .cards-row{row-gap: 20px;}
.news-sec{min-height: 480px;display: flex;align-items: center;justify-content: center;border-right: 1px solid #D2D2D2;position: relative;}
.news-sec::before{content: "";position: absolute;inset: 0;background: #fff;opacity: 0.88; z-index: 1;width: 100%;height: 100%;left: 0;
top:0;}
.news-sec .container{position: relative;z-index: 2;}
.news-sec .form-control:focus {box-shadow: none !important;outline: none !important;border-color: #D2D2D2;}
.step-slider.owl-carousel .owl-nav{display: flex;justify-content: space-between;width:100%;top:45%;position: absolute;transform: translateY(-50%);padding: 0 10px;opacity: 0;visibility: hidden;transition: 0.3s ease; }
.step-slider.owl-carousel:hover .owl-nav { opacity: 1; visibility: visible;}
.step-slider.owl-carousel .owl-next, .step-slider.owl-carousel .owl-prev{font-size:20px !important;background:rgb(0, 130, 185) !important;border-radius:2px;box-shadow: 0 3px 5px rgba(0, 0, 0, 0.45);color: var(--white) !important;width: 40px;height: 40px;}
.step-slider.owl-carousel .owl-next{right:-70px;position: absolute;transition: 0.3s linear;}
.step-slider.owl-carousel:hover .owl-nav .owl-next{right:10px;}
.step-slider.owl-carousel .owl-prev{left:-70px;position: absolute;transition: 0.3s linear;}
.step-slider.owl-carousel:hover .owl-nav .owl-prev{left:10px;}
.step-slider.owl-carousel .owl-dots{display: flex;justify-content: center;margin-top: 30px;}
.step-slider.owl-carousel .owl-dots button.owl-dot{width: 30px;height:3px;display: inline-block;margin: 0 5px;background-color: #ccc;}
.step-slider.owl-carousel .owl-dots button.owl-dot.active{ width: 30px;height:3px;display: inline-block;background: var(--secondary);margin: 0 5px;}
.step-slider .partner-card{border: 0;padding: 0;}
.step-slider .partner-card img{min-height:270px;width: 100%;height:100%;}
.exist-sec .exist-box{border: 1px solid #e2e2e2 !important;background-color: #fff;padding: 25px;}
.news-sec .sign-box{margin-top: 30px;width: 100%;}
.highlight-sec .heading{margin-bottom: 30px;}
.highlight-sec .heading h2 {font-weight: 600;font-size: 30px;}
.highlight-sec .champ-card .img-box{overflow: hidden;}
.highlight-sec .champ-card .img-box img{transition: transform 0.3s linear;aspect-ratio: 4 / 3;}
.highlight-sec .champ-card .img-box img:hover{transform: scale(1.2);cursor: pointer;}
.key-card .icon-box{width: 100%;margin-bottom:15px;}
.key-card .icon-box img{max-width:60px;width: 100%;transition: 0.3s linear;}
.key-card .icon-box img:hover{transform: scale(1.2);cursor: pointer;}
.solutins-sec .stats .stat-box{border-right: 0;}
.solutins-sec .stats .stat-box .icon-box{margin-bottom: 15px;width:100%;text-align: center;}
.solutins-sec .stats .stat-box .icon-box img{max-width: 75px;}
.solutins-sec .stats{border-bottom:  1px solid #d8d8d8; padding-bottom: 20px;}
.solutins-sec .stats .stat-box h3{font-size: 27px;font-weight:500;color:#737373;line-height: 31px;}
.solutins-sec .stats .stat-box .owner-box span{font-size: 15px;line-height: 23px;font-weight: 300;color: #737373;}
.business-carousel .partner-card{border: 0;}
.business-carousel video { width: 100%;  object-fit: cover; border-radius: 12px;}
.business-carousel .owl-nav{display: flex;justify-content: space-between;width:100%;top:35%;position: absolute;transform: translateY(-50%);padding: 0 10px;opacity: 0;visibility: hidden;transition: 0.3s ease; }
.business-carousel:hover .owl-nav { opacity: 1; visibility: visible;}
.business-carousel .owl-next, .business-carousel .owl-prev{font-size:20px !important;background:rgb(0, 130, 185) !important;border-radius:2px;box-shadow: 0 3px 5px rgba(0, 0, 0, 0.45);color: var(--white) !important;width: 40px;height: 40px;}
.business-carousel .owl-next{right:-70px;position: absolute;transition: 0.3s linear;}
.business-carousel:hover .owl-nav .owl-next{right:10px;}
.business-carousel .owl-prev{left:-70px;position: absolute;transition: 0.3s linear;}
.business-carousel:hover .owl-nav .owl-prev{left:10px;}
#videoTabConten{margin:10px 0 20px 0;}
.optimizer-sec .finance-card img {aspect-ratio: 4 / 3;object-fit: contain;width:100%;}
.optimizer-sec .cards-row{row-gap: 10px;}
.optimizer-sec .finance-card{position: relative;transition: 0.5s linear;}
 .optimizer-sec .finance-card::before{content: "";background-color: rgba(0, 0, 0, .3);width: 100%;height: 100%;top: 0;left: 0;position: absolute;opacity: 0;pointer-events: none;}
.optimizer-sec .finance-card .camera{position: absolute;bottom:5px;left: 0;}
.optimizer-sec .finance-card .camera img{max-width:40px;object-fit: contain;}
.optimizer-sec .finance-card:hover::before{opacity: 1;} 
.optimizer-sec .side-bar .external-box{border: 1px solid #e2e2e2;padding: 25px;margin: 30px 0;}
.asia-card{display: flex;align-items: center;border-right: 1px solid var(--secondary);overflow: hidden;position: relative;}
.asia-card{
    position: relative;
    overflow: hidden;
    height: 550px; 
}

.asia-card .city-image{
    width: 100%;
    height: 100%;
    overflow: hidden;
}

.asia-card .city-image img{
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
    transition: transform .4s ease;
}

.asia-card:hover .city-image img{
    transform: scale(1.15);
}

.asia-card .heading{
    position: absolute;
    left: 30px;
    z-index: 2;
    pointer-events: none;
}

.gallery-card{
    overflow:hidden;
    border-radius:12px;
}

.gallery-card img{
    width:100%;
    height:280px;
    object-fit:cover;
    display:block;
    transition:transform .4s ease;
}

.gallery-card:hover img{
    transform:scale(1.08);
}
.asia-card .heading h1{color: var(--white);}
.asia-card .heading p{color: var(--white) !important;}
.city-carousel .owl-dots{display: flex;justify-content: center;margin-top: 30px;}
.city-carousel .owl-dots button.owl-dot{width: 30px;height:3px;display: inline-block;margin: 0 5px;background-color: #ccc;}
.city-carousel .owl-dots button.owl-dot.active{ width: 30px;height:3px;display: inline-block;background: var(--secondary);margin: 0 5px;}
.consult-sec .fintech ul li{position: relative;margin-bottom: 10px;display: flex;gap:10px;}
.consult-sec .fintech ul li::before{content: "";background-image: url(images/icons/list-icon.svg);background-repeat: no-repeat;background-position: center;background-size: cover;width: 30px;height: 30px;display: inline-block;margin-right:0px;display:none;}
.consult-sec .fintech ul li> span{font-size:22px;line-height:1;}
.consult-sec .fintech ul li strong{display:flex;align-items:center;}
.steps-card{display: flex;gap: 30px;margin-bottom: 30px;}
.steps-card .meet-card{background-color: var(--white);border-radius: 16px;padding: 40px 30px;}
.steps-card .num{min-width:20px;height:20px;border-radius:50%;color: var(--primary);background-color:var(--secondary);display: flex;align-items: center;justify-content: center;}
.progres-main{position: relative;z-index: 9;}
.proBarcontainer {position: absolute;top: 0;left: 42px; transform: translateX(-50%);width:2px; height: calc(100% - 20%);background-color: #00000017;z-index: -1;}
.progress-bar { width: 100%; height: 0%;  background-color:var(--black); transition: height 0.1s linear;}
.steps-sec .tag{background-color: var(--dark);color: var(--white);border-radius: 12px;padding: 12px 24px;width: fit-content;font-size: 14px;line-height: 14px;}
.service-steps .proBarcontainer{left: 50%;}
.service-steps {position: relative;}
.service-steps .steps-card{background-color: var(--white);color: var(--black);max-width:45%;padding:20px 40px;box-shadow: 2px 2px 30px 0 rgba(156, 156, 192, 0.26);font-size: 18px;line-height: 23px;}
.service-steps .steps-card .num{position: absolute;left: 50%;transform: translate(-50%);color: var(--white);}
.service-steps .heading{text-align: center;margin-bottom: 50px;color: var(--primary);}
.meet-card{position: relative;}
.progres-main .row > div:nth-child(odd) .step-name {left: calc(120% + 100px);position: absolute;top: 10px;text-align: end;white-space: nowrap;}
.progres-main .row > div:nth-child(even) .step-name {right: calc(120% + 100px);position: absolute;top: 10px;white-space: nowrap;}
.help-sec{position: relative;}
.gallery-sec .cards-row{row-gap: 10px;}
.gallery-sec .gallery-card{position: relative;}
.gallery-sec .gallery-card::before{content: "";position: absolute;right: 0;top: 0;left: 0;bottom: 0;background: rgba(0, 0, 0, .3);width: 100%;height: 100%;opacity: 0;transition: 0.3s linear;pointer-events: none;}
.gallery-sec .gallery-card img{width: 100%;aspect-ratio: 4/3;object-fit: cover;}
.gallery-sec .gallery-card:hover::before{opacity: 1;}
.exist-sec {overflow: hidden;}
.steps-sec .cards-row{row-gap:70px;}
.steps-sec .heading{margin-bottom:70px;}
.service-steps{overflow: hidden;}
.testimonial-sec{overflow: hidden;}
.consult-sec .image-box{display: flex;justify-content: start;}
.steps-slider .owl-stage-outer {padding-top: 60px;}
.form-control:focus {box-shadow: none !important;border-color: #ced4da !important; outline: none !important;}
.comired-sec .content-box{border: 1px solid #e2e2e2;padding:25px;}
.passionate-sec .experinece-box .icon img{min-width:80px;width: 100%;}
.passionate-sec .experinece-box{display: flex;align-items: center;gap: 30px;}
.outcone-sec .row{row-gap: 30px;align-items: center;justify-content: center;}
.make-sec{position: relative;margin:90px 0;}
.make-sec .left-box{width:100%;}
.make-sec .left-box img{height:auto;border-radius: 20px;max-width:450px;position: absolute;left:0;top:-50px;}
.make-sec .container{position: relative;}
.make-sec .right-box img{position: absolute;width:100%;max-width: 350px;;border-radius: 20px;right: 0;bottom: -150px;}
.make-sec{padding: 120px 0;}
.make-sec .heading, .gift-sec .heading{text-align: center;}
.make-sec .heading h2, .gift-sec .heading h2{font-size: 36px;line-height: 40px;font-weight: 700;}
.make-sec .heading h2 span{color: var(--primary);display: block;}
.gift-sec .heading h2 span{color: var(--primary);}
.gift-sec .heading p{font-size: 16px;line-height:24px;font-weight: 400;}
.gift-sec .row{row-gap: 30px;}
.gift-sec .video-box{width:100%;}
.gift-sec .video-box iframe{width: 100%;border-radius: 30px;aspect-ratio: 16/8;}
.gift-sec .heading h2{margin-bottom:30px;}
.money-stats{margin-top:20px;}
.money-stats .stat-box{display: flex;flex-direction: column;align-items: center;justify-content: center;text-align: center;}
.money-stats .stat-box h3{font-size:36px;line-height:42px;font-weight:700;color: var(--secondary);}
.money-stats .owner-box{font-size: 16px;line-height: 24px;font-weight:700;}
.impact-box{display: flex;flex-direction: column;align-items: center;justify-content: center;gap: 20px;margin-top:30px;}
.ample-sec .heading{margin-bottom:60px;}
.ample-sec .heading h2{font-size: 36px;line-height: 40px;font-weight: 700; text-align: center;}
.ample-sec .heading h2 span{color: var(--primary);}
.ample-box img{max-width: 150px;}
.ample-box{flex: 1 1 250px;display: flex;flex-direction: column;justify-content: space-between;align-items: center;gap: 20px;text-align: center;}
.ample-box h3{min-height: 50px;}
.ample-sec .logo-row{row-gap: 30px}
.faq-sec .row{row-gap: 30px;}
.faq-sec .heading{text-align: center;}
.faq-sec .heading h2{font-size: 36px;line-height: 40px;font-weight: 700;color: var(--white);}
.faq-sec .accordion-item,
.faq-sec .accordion-button{background-color: transparent !important;}
.faq-sec .accordion-button::after{background-image: none !important; content: "\f4fe"; font-family: "bootstrap-icons";font-size: 30px;width: auto;height: auto;transform: none;color: var(--white);  transition: transform 0.3s ease;}
.faq-sec .accordion-button:not(.collapsed)::after{content: "\f2ea";transform: rotate(180);}
.faq-sec .accordion-button:focus{box-shadow: none !important;outline: none !important;border-color: transparent !important;}
.faq-sec .accordion-button{color: var(--white);font-size: 18px;}
.faq-sec .accordion-body p{color: var(--white) !important;font-size: 15px;line-height: 23px;font-weight: 300;}
.faq-sec, .life-sec{border-top-left-radius:30px;border-top-right-radius:30px;}
.life-sec {min-height:400px;position: relative;overflow: hidden;display: flex;align-items: center;justify-content: center;margin-top: -50px;}
.life-sec::before{content: "";position: absolute;inset: 0;background-color: rgba(0, 0, 0, .3);z-index: 1;}
.life-sec .heading{position: relative;z-index: 9;text-align: center}
.life-sec .heading h2{font-size: 36px;line-height: 40px;font-weight: 700;color: var(--white);}
.donation-sec .text-box{ display: flex;flex-direction: column;align-items: center;justify-content: center;padding: 20px;text-align: center;}
.donation-sec .text-box .secure-box{display: flex;align-items: center;gap: 10px;}
.donation-sec .text-box .secure-box p{margin-bottom: 0;font-weight: 600;}
.donation-sec .text-box .secure-box img{max-width: 30px;}
.donation-sec .image-box img{border-top-left-radius:20px;border-top-right-radius:20px;min-height: 600px;}
.donation-sec .wrapper{height: 100%;display: flex;flex-direction: column;background-color: hsl(235.38deg 63.65% 95.67%);border-bottom-left-radius:20px;border-bottom-right-radius:20px;border-radius: 20px;}
.content-box ul li{margin-bottom: 10px;}

.challenge-section{
    background:#f7f5f5;
}

.challenge-label{
    color:var(--secondary);
    font-size:14px;
    font-weight:600;
}

.challenge-title{
    max-width:900px;
    margin:0 auto;
    font-size:42px;
    line-height:1.15;
   font-weight: 500;
    color:#222;
}

.metrics-wrapper .col-lg-2:last-child .metric-card{
    border-right:none;
}

.metrics-card{
    height:100%;
    padding:30px 20px;
    border-right:1px solid #ddd;
    text-align: center;
    
}

.metrics-card h5{
    color:var(--secondary);
    font-size:22px;
    font-weight:600;
    margin-bottom:20px;
    text-align: center;
}

.metric-number{
    color:var(--secondary);
    font-size:64px;
    line-height:1;
    font-family:Georgia, serif;
}
.metrics-card .desc{margin-top: 10px;}



.model-title{
    font-size:56px;
    font-weight:800;
    color:#181a3d;
    line-height: 60px;
}

.model-title span{
    color:#6c3bd4;
}

.model-subtitle{
    color:#666;
    font-size:18px;
}

.model-card{
    position:relative;
    height:100%;
    background:#fff;
    border:1px solid #e5dff0;
    border-radius:12px;
    padding:60px 15px 20px;
}

.step-number{
    position:absolute;
    top:10px;
    left:50%;
    transform:translateX(-50%);
    width:28px;
    height:28px;
    border-radius:50%;
    color:#fff !important;
    font-size:14px;
    font-weight:700;
    display:flex;
    align-items:center;
    justify-content:center;
}

.icon-circle img{
    min-width:120px;
    height:120px;
    margin:0 auto 15px;
    border-radius:50%;
    display:flex;
    align-items:center;
    justify-content:center;
}

.icon-circle img{
    max-width:60px;
}

.model-card h4{
    text-align:center;
    font-size:24px;
    font-weight:700;
    margin-bottom:5px;
}

.model-card p{
    text-align:center;
    font-size:14px;
    margin-bottom:15px;
}

.model-card ul{
    padding-left:18px;
    margin:0;
}

.model-card li{
    font-size:14px;
    margin-bottom:8px;
}

/* Colors */

/* Purple */
.purple .step-number,
.purple h4,
.purple .bottom p{
    color:#6b35d8 !important;
    font-weight: 500;
}

.purple .step-number{
    background:#6b35d8;
    color:#fff !important;
}

/* Pink */
.pink .step-number,
.pink h4,
.pink .bottom p{
    color:#ef3f8f !important;
    font-weight: 500;
}

.pink .step-number{
    background:#ef3f8f;
    color:#fff !important;
}

/* Green */
.green .step-number,
.green h4,
.green .bottom p{
    color:#11866c !important;
    font-weight: 500;
}

.green .step-number{
    background:#11866c;
    color:#fff !important;
}

/* Orange */
.orange .step-number,
.orange h4,
.orange .bottom p{
    color:#ff6d00 !important;
    font-weight: 500;
}

.orange .step-number{
    background:#ff6d00;
    color:#fff !important;
}

/* Blue */
.blue .step-number,
.blue h4,
.blue .bottom p{
    color:#0a58ca !important;
    font-weight: 500;
}

.blue .step-number{
    background:#0a58ca;
    color:#fff !important;
}

/* Violet */
.violet .step-number,
.violet h4,
.violet .bottom p{
    color:#5d2db8 !important;
    font-weight: 500;
}

.violet .step-number{
    background:#5d2db8;
    color:#fff !important;;
}
.flow-wrapper{
    border:1px solid #e5dff0;
    border-radius:12px;
    padding:20px;
    background:#faf8ff;
}

.journey-flow{
    display:flex;
    justify-content:center;
    align-items:center;
   gap: 80px;
    flex-wrap:wrap;
    border:1px solid #e5dff0;
    border-radius:12px;
    padding:20px;
    background:#faf8ff;
  
}

.flow-item{
    text-align:center;
}

.flow-icon img{
    width:60px;
    height:60px;
    border-radius:50%;
    display:flex;
    align-items:center;
    justify-content:center;
    margin:0 auto 8px;
   
}

.flow-item h6{
    margin:0;
    font-size:15px;
    font-weight:700;
}

.flow-arrow{
    color:#9d65d7;
    font-size:24px;
    font-weight:700;
    margin-top:-20px;
}


.model-card.purple h4{color:#6b35d8;}
.purple .bottom p{color:#6b35d8;}
.model-card .benefit-list ul li{list-style: disc;  margin-bottom: 8px;}
.journey-flow .arrow{max-width: 120px;}
.flow-item.purple h6{color:#6b35d8 !important;}
.flow-item.pink h6{color:#ef3f8f !important;}
.flow-item.green h6{color:#11866c !important;}
.flow-item.orange h6{color:#ff6d00 !important;}
.divider{text-align: center;}
.divider img{max-width: 200px;}
.bottom-desc p{margin-top: 10px;font-weight: 600;}
.join-box .heading{margin-bottom: 30px;text-align: left;}
.join-box .heading h2{font-weight: 700;font-size: 46px;line-height: 52px;}
.join-box .heading img{max-width: 300px;}
.join-box p{font-size: 16px;line-height: 28px;font-weight: 500;margin-top: 10px;}
.join-box .wrapper{display: flex;gap: 20px;margin-top: 10px;}
.join-box .sub-box img{max-width:24px;}
.join-box .sub-box p{display: flex;align-items: center;gap: 10px;border: 1px solid #5d2db8 ;padding: 5px 15px;border-radius: 8px;flex-grow: 1;}
.join-box  .sub-box input{border:none}
.btn-purple:hover{background-color:#6b35d8 !important;color:#fff !important;}
.lock-box{display: flex;align-items: center;gap: 10px;margin-top: 20px;}
.lock-box img{max-width: 14px;}
.city-sec .heading h2{text-align: center;font-size: 36px;line-height: 40px;font-weight: 700;margin-bottom:30px;}
.model-heading{
    position:relative;
    margin-bottom:80px;
}

.model-heading h2{
    font-size:72px;
    font-weight:800;
    color:#07134a;
}

.model-heading h2 img{
    width:70px;
    margin:0 5px;
}

.step-card{
    position:relative;
}

.step-no{
    position:absolute;
    top:-20px;
    left:50%;
    transform:translateX(-50%);
    width:60px;
    height:60px;
    border-radius:50%;
    color:#fff;
    font-size:32px;
    font-weight:700;
    display:flex;
    align-items:center;
    justify-content:center;
    z-index:2;
}

.main-img{
    width:100%;
    max-width:220px;
}

.purple .step-no,
.purple h3{background:#6728d7;}

.pink .step-no,
.pink h3{background:#ff2c8d;}

.green .step-no,
.green h3{background:#1ba34a;}

.blue .step-no,
.blue h3{background:#0f57d9;}

.violet .step-no,
.violet h3{background:#6728d7;}

.step-card h3{
    color:#fff;
    border-radius:40px;
    padding:10px 25px;
    display:inline-block;
}

/* =========================
   CHAMPION MODEL SECTION
========================= */

.champion-model-section{
    padding:80px 0;
    background:#fff;
    overflow:hidden;
}

/* =========================
   HEADING
========================= */

.main-heading{
    margin-bottom:80px;
}

.main-heading h2{
    font-size:60px;
    font-weight:700;
    color:#1f1b5b;
    margin-bottom:15px;
    line-height:1;
}

.heart-o{
    color:#ff4c93;
    display:inline-block;
    margin:0 5px;
}

.main-heading p{
    font-size:20px;
    color:#666;
    margin:0;
}

/* =========================
   JOURNEY SECTION
========================= */

.journey-row{
    align-items:flex-start;
    margin-bottom:90px;
}

.journey-card{
    text-align:center;
    position:relative;
}

.number{
    width:64px;
    height:64px;
    border-radius:50%;
    display:flex;
    align-items:center;
    justify-content:center;
    color:#fff;
    font-size:30px;
    font-weight:700;
    margin:0 auto -20px;
    position:relative;
    z-index:2;
}

.purple .number{background:#6b35d8;}
.pink .number{background:#ef3f8f;}
.green .number{background:#11866c;}
.blue .number{background:#0a58ca;}
.violet .number{background:#5d2db8;}

.image-wrap{
    margin-bottom:20px;
}

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

.label{
    display:inline-block;
    color:#fff;
    font-weight:700;
    padding:10px 22px;
    border-radius:40px;
    margin-bottom:15px;
    font-size:18px;
    width: 100%;
}

.purple .label{background:#6b35d8;}
.pink .label{background:#ef3f8f;}
.green .label{background:#11866c;}
.blue .label{background:#0a58ca;}
.violet .label{background:#5d2db8;}

.journey-card p{
    font-size:15px;
    line-height:1.6;
    color:#444;
    max-width:220px;
    margin:0 auto;
}

/* =========================
   CONNECTORS
========================= */

.connector{
    display:flex;
    align-items:center;
    justify-content:center;
    margin-top:90px;
}

.dots{
    width:70px;
    height:4px;
    border-top:4px dotted;
}

.dots.purple{color:#6b35d8;}
.dots.pink{color:#ef3f8f;}
.dots.green{color:#11866c;}
.dots.blue{color:#0a58ca;}

/* =========================
   TITLE DIVIDER
========================= */

.leaders-title{
    display:flex;
    justify-content:center;
    gap:15px;
    margin-bottom:60px;
}

.leaders-title .line{
    flex:1;
    height:2px;
    background:#d8c8ff;
}

.leaders-title .heart{
    color:#ff4c93;
    font-size:22px;
}

.leaders-title h3{
    margin:0;
    color:#6b35d8;
    font-size:34px;
    font-weight:800;
    text-align:center;
}

/* =========================
   ACTIONS
========================= */

.leader-actions{
    margin-bottom:80px;
}

.action-item{
    text-align:center;
    padding:0 20px;
    border-right:2px dashed #d9c8ff;
    height:100%;
}

.action-item.last{
    border-right:none;
}

.icon-bg img{
    min-width:120px;
    height:120px;
    border-radius:50%;
    margin:0 auto 20px;
    display:flex;
    align-items:center;
    justify-content:center;
}

.icon-bg img{
    width:60px;
    height:auto;
}

.action-item h5{
    font-size:18px;
    font-weight:700;
    color:#1f1b5b;
    line-height:1.4;
    margin-bottom:10px;
}

.action-item p{
    font-size:14px;
    color:#555;
    line-height:1.6;
}

/* =========================
   PURPLE BANNER
========================= */



.banner-character{
    max-width:100%;
    height:auto;
}

.champion-banner h2{
    text-align:center;
    color:#fff;
    font-size:52px;
    font-weight:700;
    margin-bottom:40px;
}

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

.point{
    flex:1;
    text-align:center;
    padding:0 15px;
    border-right:1px solid rgba(255,255,255,.3);
}

.point:last-child{
    border-right:none;
}

.point strong{
    display:block;
    font-size:18px;
    margin-bottom:10px;
}

.point span{
    display:block;
    font-size:14px;
    line-height:1.5;
}

/* =========================
   FOOTER TAGLINE
========================= */

.final-tagline{
    text-align:center;
    font-size:34px;
    font-weight:700;
    color:#1f1b5b;
}



.black{color: #000;}
.champion-model-section  p{font-weight:500;}
.champion-model-section .bottom-line p span{color:#6b35d8;}
.journey-grid{
    display: grid;
    grid-template-columns: repeat(9, auto); 
    /* 5 cards + 4 connectors = 9 columns */
    align-items: start;
    justify-content: center;
    gap: 20px;
    overflow-x: auto;
}

/* Card */
.journey-item{
    width: 180px;
    text-align: center;
}

/* Connector line */
.connector{
    width: 40px;
    height: 4px;
    margin-top: 50px;
    border-radius: 10px;
}


@media (max-width: 992px){
    .journey-grid{
        grid-template-columns: repeat(5, auto);
        justify-content: start;
        overflow-x: auto;
    }

    .journey-item{
        width: 160px;
    }
}

/* ===================== */
/* 📱 MOBILE (horizontal scroll) */
/* ===================== */
@media (max-width: 576px){
    .journey-grid{
        grid-template-columns: repeat(9, auto);
        justify-content: start;
        overflow-x: auto;
    }

    .journey-item{
        width: 150px;
    }

    .connector{
        width: 30px;
    }
}


.optimizer-sec .heading h2{font-size: 42px;line-height:48px;text-align: center;margin-bottom: 30px;font-weight: 600;}
.city-image img{min-height: 500px;}
.asia-card{ position: relative;}
.asia-card::before{
    content: "";
    position: absolute;
    inset: 0;
    background: rgba(0,0,0,0.35);
    z-index: 1;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
}

.gallery-card video{
    width: 100%;
    height: 300px;
    object-fit: cover;
    display: block;
    border-radius: 10px;
}

.testimonial-sec .heading{text-align: center;}
.optimizer-sec .name{text-align: center;margin-top: 10px;}
.video-box.big-video video{aspect-ratio: unset;}
.partner-sec .heading h1 span{color: var(--secondary);}
.partner-sec .heading p{font-weight: 600;}
.partner-sec .heading{margin-bottom: 40px;}
.partner-sec .image-box{width: 100%;}
.partner-sec .image-box img{width: 100%;aspect-ratio: 16/7;margin-top: 50px;}
.challenge-title{
    font-size:60px;
    font-weight:700;
    line-height:1.1;
    margin-bottom:20px;
}

.challenge-title span{
    color:var(--secondary);
}

.challenge-desc{
    max-width:700px;
    margin:auto;
}

.challenge-image img{
    width:100%;
    height:100%;
    object-fit:cover;
}

.challenge-item{
    margin-bottom:40px;
}

.icon-box{
    width:110px;
    height:110px;
    background:#f5f5f5;
    display:flex;
    align-items:center;
    justify-content:center;
}

.icon-box img{
    width:50px;
}

.challenge-item h3{
    font-size:32px;
    margin-bottom:10px;
}

.short-text{
    margin-bottom:15px;
}

.challenge-item hr{
    margin:15px 0;
}


.leadership-section{
    padding:100px 0;
}

.section-tag{
    display:inline-block;
    font-size:14px;
    color:#8c2d7b;
    margin-bottom:10px;
}

.section-title{
    font-size:48px;
    font-weight:700;
    margin-bottom:0;
}


.ceo-image img{width: 100%;height: auto;}
.leader-image img{
    max-width:300px;
    max-height:300px;
    width: 100%;
    height: 100%;
    margin-bottom:20px;
    border-radius:50%;
    overflow:hidden;
}

.ceo-card h2{font-weight: 500;}
.ceo-card span{font-weight: 500;color:#8c2d7b;}
.ceo-card p{font-weight: 500;}

.leader-card h4{
    font-size:22px;
    font-weight:700;
    margin-bottom:5px;
}

.leader-card span{
    display:block;
    color:#8c2d7b;
    font-size:14px;
    margin-bottom:12px;
}

.leader-card p{
    font-size:16px;
    line-height:1.7;
}


.leadership-section .heading h2{margin: 40px 0;text-align: center;font-weight: 600;}

.leader-card {
    text-align: center;
}




@media(max-width:991px){

    .section-title{
        font-size:36px;
    }

    .leader-image{
        width:200px;
        height:200px;
        margin-inline: auto;
        margin-bottom: 10px;
    }
}

@media(max-width:767px){

    .leadership-section{
        padding:70px 0;
    }

    .section-title{
        font-size:30px;
    }
     .leader-image{
        width:150px;
        height:150px;
    }

}



.hero-section .tag-box{display: flex;align-items: center;gap: 30px;justify-content: center;}
.hero-section .tag-box img{max-width:100px;}
.hero-section {padding: 80px 0;background: linear-gradient(135deg, #fff, #f6eefe);}
.hero-section h1 {font-size: 50px;font-weight: 700;line-height: 1.1;color: #12004f;}
.hero-section .highlight {color: #e91e9c;}
.btn-outline-purple {border: 2px solid var(--secondary);color: var(--secondary);background-color: var(--white);border-radius: 10px;width: fit-content;margin: 0px auto;display: inline-flex;gap: 10px;}
.btn-outline-purple img{max-width: 30px;max-width: 20px;object-fit: contain;}
.btn-outline-purple:hover{background-color: var(--white);  border: 2px solid var(--secondary);color: var(--secondary);}
.work-box {background: #fff;border-radius: 25px;padding: 40px; margin-top: -40px;box-shadow: 0 10px 30px rgba(0, 0, 0, .08);}
.btm-design{position: relative;}
.btm-design:after{content:""; background-color: #e91e9c;width: 10%;height: 2px;position: absolute;bottom: -5px;left: 0;right: 0;margin: 0 auto;}
.btm-design h2{font-weight: 600;}
.step-card {text-align: center;}
.step-card h5{color: var(--secondary);}
.step-icon { width: 100px;margin: auto; border-radius: 50%; display: flex; align-items: center;justify-content: center;font-size: 35px;position: relative;}
.step-icon img{width: 100%;object-fit: contain;height: 100%;}
.support-grid{ display:grid;grid-template-columns:repeat(6,1fr);gap:10px;}
.support-card{border-radius:24px;padding:30px 15px;text-align:center;display:flex;flex-direction:column;align-items:center;transition:.3s;height: 100%;}
.support-card h6{font-weight:700;margin:0;line-height:1.4;font-size: 18px;margin-top: 10px;}
.support-card .icon-box{background: transparent;}
.support-card .icon-box img{width: 100%;}
.health-card{background:#f9d6e4;}
.hiv-card{background:#ded4f1;}
.pregnancy-card{background:#FFF2DF;}
.mental-card{background:#E9FBF7;}
.violence-card{background:#f9d6e4;}
.education-card{background:#d9e4f7;}
.leadership-card{background:#EBFBF0;}
.support-card:hover{transform:translateY(-8px);}
.request-box {background: #F0E8FF;border-radius: 20px;box-shadow: 0 5px 15px rgba(0, 0, 0, .05);}
.request-box h3{font-size: 28px;font-weight: 600;}
.request-box p{margin-bottom:20px;}
.head-box{display: flex;gap: 20px;align-items: center;margin-bottom:10px;}
.head-box img{min-width:50px;max-width:50px;}
.btn-secondary img{max-width: 20px;}
.btn-purple{min-width: fit-content;}
.privacy-box{display: flex;align-items: baseline;gap: 10px;margin-bottom: 20px;}
.privacy-box .wrapper span{display: flex;gap: 10px;}
.privacy-box .wrapper span img{max-width: 10px;object-fit: contain;gap: 10px;}
.privacy-box .wrapper p{margin-bottom: 0;}
.side-box {border-radius: 20px;padding: 30px;box-shadow: 0 5px 15px rgba(0, 0, 0, .05);display: flex;flex-direction: column;justify-content: center;}
.side-box .head-box{display: flex;align-items: center;justify-content: space-between;gap: 20px;}
.side-box .icon img{max-width: 100px;}
.side-box h4{font-weight: 500;}
.btn-orange{color: white;background-color: #ff8100;margin: 0 auto;}
.btn-orange img{filter: invert(1);}
.btn-orange:hover{background-color: #ff8100;color: white}
.request-sec input:focus, .request-sec select:focus{box-shadow: none !important;outline: none !important;}
.step-icon::after{
    content:"";
    position:absolute;
    top:50%;
   left: 170%;
    transform:translateY(-50%);
    width:50px;
    height:90px;
    background:url("images/icons/long-arrow.svg") center/contain no-repeat;
}
.self-sec .main-box{padding: 30px;border-radius: 30px;border: 2px solid rgb(148, 243, 148);}
.col-lg-3:last-child .step-card .step-icon::after{display:none;}
.feature-box {height: 100%;display: flex;align-items: center;gap: 10px;}
.feature-box .icon img{max-width: 80px;}
.feature-box h5{font-size: 18px;}
        .feature-box i {
            font-size: 40px;
            color: #6f22d9;
            margin-bottom: 15px;
        }


.contact-form-modal { position: fixed; inset: 0; background: rgba(0,0,0,0.6); display: none; justify-content: center; align-items: center; opacity: 0; visibility: hidden; transition: 0.3s ease; z-index: 9999;}.contact-form-modal.active {opacity: 1;visibility: visible;display: flex;}.modal-content { background: #fff; padding:40px 25px; max-width: 600px; width: 90%; border-radius: 10px; position: relative}.btn-close {position: absolute;top: 10px;right: 15px;cursor: pointer;font-size: 20px}.contact-form-modal .modal-content{max-height:80vh;overflow-y:scroll;}
.contact-form-modal#popupFormDonate .form-box{width:fit-content;margin-inline:auto;}
  
.doante-banner .inner-btn{margin-top:30px;}
.doante-banner .heading h1{font-weight:700;}
.line-effect{position:relative;padding-bottom:10px;margin-bottom:10px;}
.line-effect::after{content:"";position:absolute;left:0;bottom:3px;width:30%;height:8px;background: linear-gradient(41deg,rgba(246, 88, 25, 0.99) 11%, rgba(254, 124, 2, 1) 46%);}
.doante-banner p{font-size:20px;max-width:630px;}
.btn-primary.primary-2{background: linear-gradient(41deg,rgba(246, 88, 25, 0.99) 11%, rgba(254, 124, 2, 1) 46%);    border-radius: 8px;}
.inner-btn a.btn img{width:20px;}
.donate-sec .text-box{text-align:center;padding:20px;border-radius:26px;display: flex;flex-direction: column;gap: 15px;}
.donate-sec .text-box h2{font-weight:600;font-size:32px;}
.donate-sec .text-box .icon-box{background:transparent;width:fit-content;margin-inline:auto;height: fit-content;}
.donate-sec .text-box p{max-width:600px;margin-inline:auto;font-size:20px;line-height:1.3;}
.scrollTop{scroll-margin-top:20vh;}

.hero-sec a.btn{font-weight:600;}


.video-box{position: relative;}
.video-box video {margin-bottom: -1% !important;}
.video-box .overly-img{position: absolute;top: 0;left: 0;width: 100%;height: 100%;border-radius: 20px;}
.video-box .ply-btn{position: absolute;left: 0;right: 0;margin: auto;top: 0;bottom: 0;width: 30px;height: 30px;border-radius: 50%;background: #fff;border:none !important;}


.care-banner .inner-btn{flex-wrap:wrap;}
.care-banner .inner-btn a.btn{font-size:13px;margin:0 !important;}
.inner-sec .image-box{height:500px;}
.inner-sec .image-box img{height:100%;width:100%;object-fit:cover;object-position: top;}
.inner-sec .row{row-gap:20px;}
.inner-sec h2{font-size:46px;font-weight:600;line-height: 1.3;}
.inner-sec .heading{max-width:460px;}
.inner-sec p{font-size:20px;line-height: 1.3;}
.count-card{display:flex;justify-content:center;align-items:center;flex-direction:column;border-right:1px solid #e2e2e2 ;padding-inline:10px;height:100%;}
.count-sec .col-md-6:last-child .count-card {border-right: 0;}
.count-card .icon{max-width:100px;margin-bottom:20px;max-height:100px;}
.count-card .icon img{object-fit:content;width:100%;height:100%;}
.count-card .num{font-size:30px;font-weight:600;text-align:center;}
.count-card .text{text-align:center;}
.count-sec .heading{text-align:center;margin-bottom:20px;}
.count-sec .heading h2{font-weight:600;font-size:32px;}

.believes-sec h2{color: #fff;font-size: 42px;line-height: 1.3;font-weight: 600;}
.believes-sec{position:relative;}
.believes-sec .container{position:relative;z-index:2;}
.believes-sec::before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background: linear-gradient(90deg,rgba(0, 0, 0, 1) 0%, rgba(87, 199, 133, 0) 37%);z-index:1;}

@media (min-width: 992px) {
  .custom-container {
    max-width: 100%;
  }
	.doante-banner{min-height:500px;}
}


.champion-program-banner .heading h1 {color: var(--bg);font-weight: 600;}
.champion-program-banner .heading h1 span{color: var(--primary);}
.champion-program-banner .heading h1 span+span{color: var(--purple);}
.champion-program-banner .label{display: flex;flex-wrap: nowrap;background: var(--purple);font-size: 14px;align-items: center;padding: 0;gap: 10px;list-style: 1.3;}
.champion-program-banner .label img{width: 40px;}
.champion-program-banner .span.effect{margin-bottom: 20px;}
.champion-program-banner .span.effect img{width: 100%;height: 100%;object-fit: contain;}

.care-sec .row{row-gap: 20px;}
.care-box{box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;border-radius: 16px;padding: 30px;height: 100%;}
.care-box .icon{max-width: 100px;height: 100px;position: relative;margin-bottom: 20px;}
.care-box .icon img{height: 100%;width: 100%;object-fit: contain;}
.care-box .top {display: flex;justify-content: center;}
.care-box .top .num {position: absolute;left:-30px;border-radius: 50%;background-color:var(--card-color);color: #fff;padding: 5px;width: 25px;height: 25px;line-height: 1;   font-size: 14px;}
.care-box .text h4{text-align: center;font-weight: 600;color: var(--card-color);font-size: 20px;line-height: 1.3;}
.care-box .text p{font-weight: 500;}

.care-sec .bottom-box{max-width: 800px;margin-top: 20px;margin-inline: auto;}

.care-sec .certify-box{background: #F4F1F8;border-radius: 26px;padding: 20px 30px;}

.care-sec .certify-box h5{color: var(--purple);}
.care-sec .certify-box .right-box{display: flex;    gap: 10px;}
.care-sec .certify-box ul li{display: flex;align-items: baseline;margin-bottom: 10px;gap: 10px;}
.care-sec .certify-box ul li::before{content: "";background: url('https://kommunicate.org/wp-content/uploads/2026/06/Group-2087330826.svg');min-width: 15px; width: 15px;height: 16px;background-size: contain;background-repeat: no-repeat;position: relative;top: 5px;}
.icon-inner img{max-width:35px;object-fit: contain;}
.care-sec .certify-box .right-box .bottom-text{display: flex;gap: 10px;border-top: 1px solid #000;padding-top: 10px;}