/* Default Section */

body{padding:0px; margin:0px; background-color:#fff; font-family: "Manrope", sans-serif; 

font-weight:400; font-size:16px; -webkit-font-smoothing: auto;}

img{border:none;}

a{transition:all 0.3s; text-decoration:none;}

a:hover, a:focus, a:visited{text-decoration:none; outline:none;}

hr{border:none;}

h1, h2, h3, h4, h5, h6{font-family: "Cormorant Garamond", serif; margin:0; font-weight:600;}

p{color:#6c6173; line-height:1.6em; margin-bottom:20px;}

li{color:#6c6173; line-height:1.6em;}

input{font-size:14px;}

p a, li a{color:#6C6C6C;}

p a:hover, li a:hover{color:#fff;}

strong{font-weight:700;}

iframe{border:none; overflow:hidden;}

textarea{resize:none; font-size:14px;}



::-webkit-input-placeholder {

    opacity: 1.0 !important; /* for older chrome versions. may no longer apply. */

}

:-moz-placeholder { /* Firefox 18- */

    opacity: 1.0 !important;

}

::-moz-placeholder {  /* Firefox 19+ */

    opacity: 1.0 !important;

}

:-ms-input-placeholder {  

   opacity: 1.0 !important;

}



.container{max-width:1260px;}



:root {

      --pink:  #8B74B5;

      --dark: #4E397B;

      --white: #ffffff;

      --text: #2E2238;

      --muted: #444444;

	  

	  --deep-purple: #4E397B;

      --soft-lavender: #6B559C;

      --vibrant-violet: #8B74B5;

      --mist-lavender: #F5EFFA;

      --ivory-white: #FAF9FC;

      --charcoal-plum: #2E2238;

      --orchid-pink: #8B74B5;

      --white: #ffffff;

      --text-muted: #6c6173;

      --shadow-soft: 0 24px 70px rgba(91, 42, 134, 0.14);

      --shadow-card: 0 18px 45px rgba(46, 34, 56, 0.10);

	  --deep-shadow: 0 32px 90px rgba(46, 34, 56, 0.18);

            --radius-xl: 8px;

            --radius-lg: 6px;

            --radius-md: 4px;

			

	  --csr-ak-deep-purple: #4E397B;

      --csr-ak-soft-lavender: #6B559C;

      --csr-ak-vibrant-violet: #6B559C;

      --csr-ak-mist-lavender: #F5EFFA;

      --csr-ak-ivory-white: #FAF9FC;

      --csr-ak-charcoal-plum: #2E2238;

      --csr-ak-orchid-pink: #8B74B5;

      --csr-ak-white: #ffffff;

      --csr-ak-text-muted: #6c6173;

      --csr-ak-shadow-soft: 0 24px 70px rgba(91, 42, 134, 0.14);

      --csr-ak-shadow-card: 0 18px 45px rgba(46, 34, 56, 0.10);

      --csr-ak-deep-shadow: 0 32px 90px rgba(46, 34, 56, 0.18);

      --csr-ak-radius-xl: 34px;

      --csr-ak-radius-lg: 24px;

      --csr-ak-radius-md: 18px;

	  

	  --barrier-cus-deep-purple: #4E397B;

            --barrier-cus-soft-lavender: #6B559C;

            --barrier-cus-vibrant-violet: #8B74B5;

            --barrier-cus-mist-lavender: #F5EFFA;

            --barrier-cus-ivory-white: #FAF9FC;

            --barrier-cus-charcoal-plum: #2E2238;

            --barrier-cus-white: #ffffff;

			

    }

	





/* Main Navigation bar */

.headersec{width:100%; position:fixed; left:0; top:0; z-index:9999;}

.headersec .navbar{background-color:#fcfcfc!important; transition:all 0.43s ease-in-out; padding:4px 0; 

position:relative; z-index:99; transition:all 0.4s ease-in-out; margin-top:0;}



.headersec .navbar .navbar-brand img{width:117px; transition:all 0.43s ease-in-out;}

.headersec .navbar-light .navbar-nav .nav-link.active, .navbar-light .navbar-nav .show>.nav-link, .headersec .navbar-light .navbar-nav .nav-link:hover, .headersec .navbar-light .navbar-nav .current-menu-item a{color:#6B559C!important; transition:all 0.25s ease-in-out; font-weight:700;}

.headersec .navbar-light .navbar-nav .nav-link:hover{font-weight:600;}

.headersec .navbar-light .navbar-nav .nav-link{color:#2E2238; padding:18px 20px; 

letter-spacing:0.5px; font-weight:600; font-size:16px;}

.headersec .navbar-light .navbar-nav .nav-link:hover{color:#5B473E;}

.headersec .navbar-nav.leftsidenav{padding-left:2rem;}

.rightsidenav li a{color:#fff!important; transition:all 0.43s ease-in-out;}

.rightsidenav li:last-child a{background-color:#00baff; color:#fff!important; padding-left:1rem; padding-right:1rem; border-radius:5px;border:2px solid #fff;}

.current-menu-item a{color:#50e3c2!important;}



.headersec .dropdown-item{font-weight:500; font-size:15px; border-left:2px solid #fff;}

.headersec .dropdown-item:hover{border-left:2px solid #51427B;}

.headersec .dropdown-item:focus, .headersec .dropdown-item:hover{background-color:transparent; color:#4E397B;}



.headersec .navbar-nav li.nav-item .fa-user-circle{font-size:18px;}

.headersec .nav-item.callnavcls a.nav-link{background-color:#b11116; color:#fff; padding: 1.2rem 1rem; border-radius:5px; font-weight:700; font-size:18px;}

.headersec .nav-item.callnavcls a.nav-link:hover{color:#fff;}



.sidenav{height:100%; width:0;position:fixed;z-index:1;top:0;right:0;background-color:#fff;overflow-x:hidden;transition:0.5s ease-in-out;padding-top:60px;text-align:left;}

.sidenav a {padding: 8px 8px 8px 24px;text-decoration: none;font-size:25px;color:#171717;display:block; transition:0.3s ease-in-out;}

.sidenav a:hover{color:#f1f1f1;}

.sidenav .closebtn {position: absolute;top: 0;right: 25px;font-size: 36px;margin-left: 50px;}



.mobilebelownav{width:100%; padding:1rem; margin:0; list-style-type:none; text-align:center;}

.mobilebelownav li{display:inline-block; padding:0 0 0.5rem 0; font-size:15px;}

.mobilebelownav li a{border:1px solid #00baff; padding-left:1rem; padding-right:1rem; border-radius:5px; display:inline-block; width:148px; text-align:center; font-size:15px;}

.mobilebelownav li:last-child a{background-color:#00baff; color:#fff!important;}



.mobilebelownav{display:none;}

@media screen and (max-height: 450px) {

  .sidenav {padding-top:15px;} .sidenav a {font-size:18px;}

}

.headersec ul.dropdown-menu{min-width:250px;}



.headersec.posi{box-shadow:1px 1px 2px rgba(0,0,0,0.25);}

.headersec.posi .navbar .navbar-brand img{width:75px;}

.headersec.posi .rightsidenav li a{color:#54545e!important;}

.headersec.posi .rightsidenav li:last-child a{color:#fff!important;}







.carticon, .usericon{width:15px;}

.carticon{margin-right:2px;}

.navsearchbox{width:184px; padding-top:11px;}

.navsearchbox input[type="search"]{width:100%; border-radius:21px; background-color:#f5f5f5; padding:8px 8px 8px 30px; border:none; 

background-image:url('../images/search.png'); background-repeat:no-repeat; background-position:left 8px center;}

.searchcartlist{margin-left:15px!important;}



.bannersec{width:100%; background-color:#f9f9f9; background-repeat:no-repeat; background-position:top left; background-size:cover; display:flex;}

.bannersec .overshadecls{width:100%; display:flex; background-color:rgba(0,0,0,0.34); background-image:url('../images/bannerfadebg01.png'); 

background-repeat:no-repeat; background-position:bottom right; background-size:contain;}

.bannermainwrapsec{width:100%; min-height:740px; display:flex; align-items: center; justify-content:center; flex-direction:column;}

.bannercapcls{width:700px; margin-top:4rem; min-height:100px; text-align:center;}

.bannercapcls p{text-align:center; margin-bottom:10px; padding-top:12px; color:#50e3c2; text-transform:uppercase; font-size:20px;}

.bannercapcls h1{font-size:34px; font-weight:300; color:#fff; margin-bottom:10px;}

.pagebtncls{width:100%; margin-bottom:20px;}

.pagebtncls a{color:#777;}



.bannerbtn{width:100%; padding:1rem 0 2rem;}

.bannerbtn a{letter-spacing:2px; font-size:11px; border:1px solid #c7a3a1; font-weight:500; text-transform:uppercase; color:#fff; padding:12px 40px; 

transition:all 0.3s ease-in-out; background-color:#c7a3a1;}

.bannerbtn a:hover{background-color:#f9f9f9; color:#575757; border:1px solid #a7a7a7;}



/* Banner */

.bannersec{width:100%; position:relative; max-height:750px; overflow:hidden; padding-top:8.5rem;}

.bannersec img{width:auto; object-fit:cover;}



.dlc-hero-opacity{background-color:rgba(0,0,0,0.5); position:absolute; top:0; left:0; 

right:0; bottom:0; z-index:1;}



.banner-caption{width:100%; position:absolute; left:4.87%; top:6.1rem; background-color:rgba(49,111,180,0); 

z-index:99; text-align:left;}

.banner-caption h1{font-size:68px; color:#fff; font-weight:700; margin-bottom:10px; line-height:80px;}

.banner-caption h1 span{padding-left:92px;}

.banner-caption h2{font-size:30px; font-weight:400; color:#fff; margin-bottom:10px;text-align:center;}

.banner-caption p{font-weight:300; margin-bottom:10px; padding-top:12px; color:#fff; font-size:18px;}

.bannersec video{width:100%; height:auto; -o-object-fit:cover; object-fit:cover; -o-object-position:center center;object-position:center center;}



b.arialfontcls{font-family: Arial, "Helvetica Neue", Helvetica, sans-serif!important; font-weight: 300;}



.recboxtwocus{width:288px; height:90px; background-color:#8b74b5e0; position:absolute; z-index:9; 

left:-22px; top:7px;}

.banner-caption h1{position:relative; z-index:10;}



.impactbgsec{width:100%; 

background-position:bottom left!important; background-repeat:no-repeat!important; background-size:134%!important;}



.change-section .container{position:relative;}

.change-section.topbgtwosec, .apni-kutir-map-section.topbgtwosec{background-image:url('../images/leftbg01.png'); background-position:top left; background-repeat:no-repeat; background-size:200px;}



.topbgtwosec{width:100%; background-image:url('../images/leftbg01.png'); 

background-position:top left; background-repeat:no-repeat; background-size:200px;}



.bannerbtn{width:100%; text-align:center; padding-top:2rem;}

.bannerbtn a{padding:1rem 3rem; background-color:#08c9bd; color:#fff; font-size:16px; text-transform:uppercase; transition:all 0.3s ease-in-out;}

.bannerbtn a:hover{background-color:#F29555; color:#fff;}



.aboutsec{width:100%; background-color:#fff; padding:5rem 4rem 6rem;}

.aboutsec .container-fluid{padding-left:0;}

.abouttextcls{width:400px; margin:12rem 2rem 0 6.1rem;}

.abouttextcls h2{color:#25212A; font-size:20px; font-weight:600; margin-bottom:1.2rem;}

.abouttextcls p{color:#575757;}

.explorebtn{width:100%; padding-top:1.5rem;}

.explorebtn a{background-color:#50e3c2; box-shadow:1px 2px 1px rgba(0,0,0,0.05); font-size:16px; color:#fff; padding:7px 30px; 

transition:all 0.3s ease-in-out; border:1px solid #50e3c2; position:relative; border-radius:5px; display:inline-block; font-weight: 600;}

.explorebtn a:hover{background-color:#f9f9f9; color:#575757; border:1px solid #a7a7a7;}



.abtimgboxcls{width:100%; min-height:610px; background-color:transparent; background-image:url('../images/bg01.png'); position:relative;}

.abtimgboxcls img.abthomeimgcls{width:400px; position:absolute; top:50px; right:-78px; border:2px solid #fff;}

.abtwrapbgcls{background-image:url('../images/abt1stbg.jpg'); background-repeat:no-repeat; background-size:cover;}



.navbar-nav.smrtbar li a.nav-link{display:inline-flex; width:40px; height:40px; align-items:center; justify-content:center; border:1px solid #e7e7e7;

 border-radius:50%; letter-spacing:0!important; padding:2px!important;}

.navbar-nav.smrtbar li a.nav-link:hover{border:1px solid #c7a3a1;}

.navbar-nav.smrtbar li{margin-left:10px;}



.hollowfontcls-original{font-size:194px;font-weight:500;position:absolute;right:12.5%;margin-top:5%;letter-spacing:20px;line-height:21px;

color:#e7e7e7;-webkit-text-stroke:1px rgba(0,0,0,0.15);-webkit-text-fill-color:transparent;z-index:1;background-color:#ffffff;}



.hollowfontcls{font-size:240px;font-weight:300;position:absolute;right:12.5%;margin-top:6.1%;letter-spacing:-17px;line-height:21px;

color:#f7f7f7;z-index:1;background-color:#ffffff;}



.servicesec{width:100%; background-color:#fff; padding:7rem 0; position:relative; min-height:600px;}

.ourser{width:auto;left:-3.5rem;top:110px;position:absolute;z-index:20;background-color:#fff;height:700px;}

.ourser h2{font-weight:500; font-family: 'Brittany Signature'; color:#e1e1e1; font-size:70px; transform:rotate(270deg); letter-spacing:5px; position:relative; right:-36px; top:86px;}

.serbrandbox{width:1000px; padding-left:14%;}

.bigimgcls{width:380px; position:relative; z-index:10;}

.smallimgcls{position:relative; z-index:10; max-width:290px; margin-left:-2rem; margin-top:3.4rem;}

.smallimgcls h4{font-size:16px; font-weight:500; color:#c7a3a1; margin-bottom:1rem; text-transform:uppercase; letter-spacing:2px;}



.topbar{width:100%; background-color:#4E397B; position:relative; z-index:9; height:50px; transition:all 0.5s ease-in-out; padding:5px 0;}

.headersec.posi .topbar{height:0; padding:0;}



.smicons{padding:4px 0 0; margin:0; list-style-type:none; text-align:right;}

.smicons li{display:inline-flex; align-items:center; justify-content:center; width:40px; height:auto; border-right: 1px solid #fff;}

.smicons li:last-child{border-right:0px solid #fff;}

.smicons li a{padding:5px 7px; color:#fff;}



.emailphonert{padding:0; margin:0; list-style-type:none; text-align:left;}

.emailphonert li{display:inline-flex; align-items:center; justify-content:center; width:auto; height:40px; padding:1rem;}

.emailphonert li a{color:#fff; font-size:14px; text-decoration:none;}



.discbtm{width:100%; padding-top:25px;}

.discbtm a{background-color:#b11116; color:#fff; border-radius:50px; font-weight:500; font-size:20px; padding: 16px 100px;transition:all 0.4s ease-in-out;}

.discbtm a:hover{background-color:rgba(2,109,190,0.6);}



.bannersec .owl-nav{position:relative;}

.bannersec .owl-nav .owl-prev{position:absolute; top:-22rem; left:1rem; background-color:#fff; color:#5B473E; width:70px; height:70px; border-radius:50%;}

.bannersec .owl-nav .owl-next{position:absolute; top:-22rem; right:1rem; background-color:#fff; color:#5B473E; width:70px; height:70px; border-radius:50%;}

.bannersec .owl-nav .owl-prev, .bannersec .owl-nav .owl-next{align-items:center; justify-content:center; font-size:24px; display:flex;}

.owl-theme .owl-nav [class*=owl-]:hover{background-color:#260866;}

.owl-theme .owl-nav{margin-top:0;}

.owl-theme .owl-dots{display:none;}





.featurecatsec{width:100%; padding:30px 0 60px; background-image:none; background-repeat:no-repeat; background-position:bottom center, top center; 

background-size:90%;}

.featurecatsec h4{font-size:20px; font-weight:400; text-align:center; color:#b11116; font-family: 'Poppins', sans-serif; margin-bottom:7px;}

.featurecatsec h2{font-weight:800; font-size:34px; text-align:center; color:#026dbe; margin-bottom:2rem;}



.featwrap{width:100%; position:relative; border-radius:20px; background-color:#272727;}

.featwrap h5{position:absolute; bottom:14px; left:14px; color:#fff; font-weight:400; font-size:22px; z-index:99; transition:all 0.3s ease-in-out;}

.featwrap:hover h5{bottom:25px;}

.featurecatsec a .featwrap img{opacity:0.5; transition:all 0.4s ease-in-out; border-radius:20px;}

.featurecatsec a:hover .featwrap img{opacity:0.9;}



.newarrivsec{width:100%; padding:70px 0 100px;}

.newarrivsec h4{color:#b11116; font-weight:400; font-size:30px;}

.newarrivsec h4 span{background-color:#BF976C; width:87px; height:2px; display:inline-block; position:relative; top:-8px; left:30px;}

.newarrivsec h2{color:#5B473E; font-weight:800; font-size:52px; padding:1rem 0;}



.discbtm.expmorebtn{padding-top:20px;}

.discbtm.expmorebtn a{padding:1rem 2.2rem; font-size:20px;}



.cartbox{width:100%; background-color:#fff; box-shadow:0 0 12px rgba(0,0,0,0.08); padding:1rem; border-radius:10px;}

.cartbox h3{color:#222; font-weight:700; font-size:32px; margin-bottom:0.5rem;}

.separator1{background-color:#C6C6C6; width:100%; height:1px; margin:1.5rem 0;}

.priceone p strong{color:#222;}



.addtocartbtn{width:100%; padding-top:1rem; text-align:center;}

.addtocartbtn a.add_to_cart_button{color:#fff; display:block; font-weight:500; background-color:#CC9A60; padding:10px 20px; border-radius:34px; 

text-align:center;}



.addtocartbtn a.added_to_cart{text-align:center;font-weight:500;padding-top:5px;display:block;color:#CC9A60;}



.exploresec{width:98%; margin:0 auto; border-radius:5px;}

.explorewrapbox{padding:3.4rem; min-height:700px; background-image:url('../images/shopbg01.jpg'); background-repeat:no-repeat;  

background-position:bottom center; background-size:cover; border-radius:5px;}

.titleboxwrap{width:100%; text-align:center;}

.titleboxwrap h4{color:#fff; font-weight:400; font-size:20px; font-family:'Poppins', sans-serif; margin-bottom:7px;}

.titleboxwrap h2{color:#fff; font-weight:800; font-size:34px; margin-bottom:2rem;}

.singleprothumb{width:100%; position:relative; background-color:#fff; border-radius:4px; padding:0; border:1px solid #eee; margin-bottom:1.5rem;}

.wishlist{width:100%; text-align:right; position:absolute; right:20px; top:15px;}

.separator2{background-color:#C6C6C6; width:100%; height:1px; margin:0 0 0.5rem;}

.singleprothumb p{padding:0 1.5rem; margin-bottom:12px; font-size:15px;}

.singleprothumb h2{margin-bottom:2px; font-size:18px; font-weight:700; padding:7px 1.5rem 5px; color:#222;}

.singleprothumb .priceone{padding:1rem 0; float:left;}

.singleprothumb .priceone p{font-size:15px;}

.cartbutton{float:right; width:auto; padding:0.8rem 1.2rem 0.8rem 0.8rem;}

.cartbutton a{border:1px solid #CC9A60; width:30px; height:30px; padding:7px; display:flex; border-radius:2px; color:#CC9A60; align-items:center;}

.exploresec .discbtm.expmorebtn{text-align:center; padding-top:3.4rem;}



.popularsec{width:100%; padding:4.3rem 0;}



.latestprodsec{width:100%; background-color:#005da4; padding:4.3rem 0 2rem;}

.bigimgbox{width:100%; position:relative; padding-right: 1rem;}

.bigimgbox a, .smallimgbox .bigimgtextbox a{color:#3C3C3C;}

.smallimgbox .bigimgtextbox h2{color:#fff; font-size:18px; margin-bottom:7px;}





.bigimgtextbox{width:320px; height:147px; background-color:#fff; position:absolute; bottom:20px; left:20px; border-radius:4px; padding:1rem;}

.bigimgtextbox h2{font-weight:700; font-size:22px; margin-bottom:10px;}



.smallimgbox{width:100%; padding-right:1rem;}

.smallimgbox .bigimgtextbox{position:relative; top:0; left:0; padding-left:5px; margin-bottom:1.2rem; background-color:transparent;}

.smallimgbox .bigimgtextbox p{color:#e7e7e7; margin:0; font-size:15px;}



.seeusactionsec{width:100%; min-height:470px; background-image:url('../images/seeusimg.jpg'); background-repeat:no-repeat;  

background-position:top center; background-size:cover;}



.seeusactionsec .titleboxwrap{text-align:left; min-height:470px; display:flex; align-items:start; justify-content:center; flex-direction:column;}

.seeusactionsec .titleboxwrap h4{color:#fff; text-align:left;}

.seeusactionsec .titleboxwrap h2{color:#fff; margin:0;}



.playbox{width:100%; text-align:center; min-height:470px; display:flex; align-items:center; justify-content:center; flex-direction:column;}

.playbox p{font-size:18px; font-weight:500; color:#fff;}

.playbox img{opacity:1.0; transition:all 0.4s ease-in-out;}

.playbox img:hover{opacity:0.8;}



.blogsec{width:100%; padding:1.5rem 0 1rem;}

.blogsinthumb{width:100%; background-color:#f9f9f9; border-radius:4px; border:1px solid #c6c6c6;}

.datetime{width:100px; background-color:#026dbe; height:26px; display:flex; align-items:center; justify-content:center; border-radius:4px; 

position:relative; top:-14px; left:31px; margin-top:0; z-index:9;}

.datetime p{color:#fff; margin-bottom:0; font-size:10px;}

.blogsinthumb h2{color:#222; font-weight:700; font-size:18px; margin-bottom:1rem;}



.blogtextbox{width:100%; padding:0 2rem 1.5rem;}

.blogadmin{width:100%;}

.blogadmin span{display:inline-block; float:left; padding-right:7px;}

.blogadmin span img{border-radius:50%; width:24px;}

.blogadmin p{margin-bottom:0; font-size:15px; color:#6C6C6C;}



.discbtm.expmorebtn.loadmorebtn{text-align:center; padding-top:1.5rem;}

.discbtm.expmorebtn.loadmorebtn a{background-color:#b11116; display:inline-block; font-weight:400; padding:0.5rem 2rem; font-size:16px;}



.footersec{width:100%; background-color:#575757; padding:3.4rem 0 0; margin-top:3.4rem}

.footerlogo{width:100%; text-align:center; margin-top:-8.5rem; position:relative; z-index:9;}

.footerlogo h2{color:#fff; font-weight:600; font-size:32px; padding-top:1rem;}



.footmailcont{width:100%;}

.footmailcont h2{color:#fff; font-size:17px; font-weight:700; margin-bottom:10px;}

.footmailcont h3{color: #fff;font-size: 16px;font-weight: 700;margin-bottom: 10px;}

.footmailcont p{color:#fff; font-size:16px;}

.footmailcont p a{color:#fff;}

.footercuspadleft{text-align:right;}

.footersepaone{width:100%; background-color:rgba(255,255,255,0.3); height:1px; margin:1rem 0 2rem;}



.bottomfooterbox{width:100%;}

.footerbtmtxt{width:100%;}

.footerbtmtxt h4{color:#fff; font-size:18px; font-weight:700; margin-bottom:1rem;}

.footerbtmtxt p{font-size:12px; color:#fff; line-height:20px; padding-right: 1.5rem;}



.footersm{width:100%;}

.footersm ul{padding:0; margin:0; list-style-type:none;}

.footersm ul li{display:inline-block; padding-right:0.7rem;}

.footersm ul li a{color:#fff; font-size:20px;}



ul.footerlink{padding:0; margin:0; list-style-type:none;}

ul.footerlink li{padding-bottom:7px;}

ul.footerlink li a{color:#fff; font-size:12px;}



.footersubform{width:100%;}

.footersubform input[type="email"]{width:85%; padding:10px; border:none; float:left; background-color:transparent; border:1px solid #fff; color:#fff; 

height:43px; font-size:13px;}

.footersubform button[type="submit"]{border:none; width:15%; padding:8px 2px; float:left; color:#b11116; background-color:#fff; border:1px solid #fff; 

height:43px; text-align:center;}

.footersubform input[type="email"]::-webkit-input-placeholder{opacity:1.0 !important; color:#fff;}





.aboutsec{width:100%; padding:4.3rem 0; min-height:500px; position:relative; background-image:url('../images/nature-vertical.png'), url('http://symmetrix.site/staging/nature_reliance_dev/wp-content/uploads/2023/06/bodyshadow04.png'); 

background-repeat:no-repeat; background-position:left 25px top 20px, left top; background-size:auto;}

.fontlightbor{position:relative; width:1117px; height:291px; left:-43px; top: 1583px; font-style:normal; font-weight:500; font-size:260px; line-height:112%; text-align:center; opacity:0.24; border:1px solid #b11116; transform:rotate(-90deg); -webkit-text-stroke:1px black; color:#fff;}



.bannersec.innerbannersec .banner-caption{text-align:left; left:5%; top:51%;}

.bannersec.innerbannersec .container{padding:0;}



.abttextbox{width:100%; text-align:center;}

.abttextbox h2{color:#5B473E; font-weight:800; font-size:52px; line-height:56px; margin-bottom:1rem;}

.abtnamecls{color:#CC9A60;}

.aboutsec .exploresec{width:95%; padding-top:2.6rem;}



.paratextbox{width:75%; margin:0 auto; text-align:center}

.paratextbox p{font-weight:500;}

.aboutsec .explorewrapbox{min-height:400px;}



.bannersec.innerbannersec .banner-caption.capscenter{text-align:center;left:0;top:51%;width:100%;}

.coursesec{width:100%; padding:3.4rem 0 1rem; background-image:url('../images/courses.png'), url('http://symmetrix.site/staging/nature_reliance_dev/wp-content/uploads/2023/06/bodyshadow02.png'); background-repeat:no-repeat; background-position:left 25px top 20px, top center; background-size:contain; position:relative; z-index:9;}



.sincoursebox{width:100%; border-radius:12px; box-shadow:0px 0px 64px rgba(0, 0, 0, 0.06); position:relative; 

background-color:#fff; padding:2rem 2rem 3.4rem; z-index: 99; margin-top:-8rem;}

.timebox{width:194px; background-color:#b11116; margin:-51px auto 0; text-align:center; border-radius:8px;}

.timebox p{color:#fff; font-weight:600; font-size:20px; padding:7px 0;}



.sincoursebox h2{color:#5B473E; font-size:28px; text-align:center; margin-bottom:1rem; font-weight:600;}

.sincoursebox h2 span{font-size:24px; font-weight:400;}

.sincoursebox img{border-radius:4px;}



.sincoursebox ul{padding:25px 0 0 30px; margin:0; list-style-type:none; list-style-image:url('../images/check.png'); min-height:450px;}

.sincoursebox ul li{color:#b11116; font-size:18px; font-weight:500; padding-bottom:0.85rem;}

.discbtm.expmorebtn.centerbtn{text-align:center;}



.blogthumbsec{width:100%; padding:3.4rem 0; background-image:url('http://symmetrix.site/staging/nature_reliance_dev/wp-content/uploads/2023/06/bodyshadow02.png'); background-repeat:no-repeat;  

background-position:top center; background-size:90%;}

.blogthumbsec .container{max-width:1180px;}



.blogsinglebox{background-color:#f9f9f9; width:100%; border-radius:6px; margin:0 0 1rem; border:1px solid #c6c6c6;}

.blogthumbimgleft{width:50%; float:left; padding-right:2rem;}

.blogthumbimgleft img{border-radius:6px 0 0 6px;}



.blogthumbtext{width:50%; padding:2rem 2.5rem 1rem 0; float:right;}

.blogthumbtext h2{font-size:24px; font-weight:700; color:#222; margin:1.2rem 0 1rem;}

.blogthumbtext h2 a{color:#222; }

.blogthumbtext p{font-size:14px; line-height:20px;}



.adminextrabox{width:100%;}

.adminextrabox p{font-size:12px; font-weight:400; color:#6C6C6C; margin-bottom:0;}

.adminextrabox p a{color:#6C6C6C;}

.adminextrabox p span{float:right;}



.blogthumbsec .blogsinthumb{margin-bottom:1rem;}

.blogthumbsec .discbtm.expmorebtn a{display:block; text-align:center;}



.contactsec{width:100%; padding:5.2rem 0; text-align:left; background-image:url('http://symmetrix.site/staging/nature_reliance_dev/wp-content/uploads/2023/06/bodyshadow02.png'); background-repeat:no-repeat;  

background-position:top center;}

.contactsec .abttextbox{text-align:left;} 

.conicontxt img{width:60px; float:left; margin-right:0.7rem;}

.conicontxt p{margin-bottom:5px; font-size:14px;}

.conicontxt h4{color:#222; font-size:20px; font-weight:500;}

.conicontxt h4 a{color:#222;}



.conicontxt{width:100%; margin-bottom:1.2rem;}

.contactform{width:100%;}

.contactform input[type="text"], .contactform input[type="email"], textarea{width:100%; border:1px solid #dedede; padding:20.5px 20px; margin-bottom:15px; 

 border-radius:4px;}

.contactform input[type="submit"]{background-color:#CC9A60; color:#fff; font-weight:500; border-radius:44px; padding:15px 50px; border:1px solid #CC9A60; transition:all 0.4s ease-in-out; font-size:20px;}

.contactform input[type="submit"]:hover{background-color:#fff; color:#CC9A60;}

.contactform textarea{height:166px;}



.keyfeaturebox{width:100%; padding:2rem 0;}

.keyfeaturebox h2{color:#222; font-size:28px; font-weight:700;}

hr.smalllinehr{background-color:#CC9A60; width:40px; height:4px; border:none; opacity:1.0; margin-top:10px;}



.keyfeabox{width:100%; padding:2rem 0 1rem;}

.keyfeabox img{width:48px; float:left; margin:0 1rem 1rem 0;}

.keyfeabox h4{color:#222; font-weight:700; font-size:18px; margin-bottom:6px;}

.keyfeabox p{color:#6C6C6C; font-size:15px; font-weight:400; line-height:18px;}

.woocommerce ul.products li.product .price{overflow:hidden;}



.productsec{width:100%; padding:1rem 0 3.4rem;}

.productsec h2{color:#222; font-size:28px; font-weight:700;}

.productsec h5{padding:1rem 0;}

.productsec ul{padding:0; margin:0 0 0.8rem; list-style-type:none;}

.productsec ul li{display:inline-block; width:24%;}



.featurecatsec.testisec{background-image:none; padding-bottom:20px;}

.featurecatsec.testisec h2{margin-bottom:2rem;}

.testiblock{width:100%; margin-top:2.5rem; box-shadow:0px 2px 44px rgba(0,0,0,0.09); background-color:#fff; border-radius:20px; text-align:center; 

padding:1.5rem; min-height:247px;}

.testiblock img{width:98px; border-radius:50%; box-shadow:0px 2px 7px rgba(0,0,0,0.07); border:7px solid #fff; margin-top:-74px;}

.testiblock h3{color:#222; font-weight:700; font-size:20px; margin:0.5rem 0;}

.testiblock p{font-weight:400; font-size:15px; color:#000; margin-bottom:10px; min-height:74px;}



ul.starlist{padding:0; margin:0; list-style-type:none; text-align:center;}

ul.starlist li{display:inline-block; padding:0.2rem;}

ul.starlist li .fa.fa-star{font-size:18px; color:#F1DB95;}

span.starmarkcls{color:#6C6C6C; font-size:400; font-weight:400;}



.singleprodetailsbox{width:100%; padding:0 1.5rem 1.5rem;}

.singleprodetailsbox h1{color:#5B473E; font-size:32px; font-weight:600; margin-bottom:1.2rem;}

.singleprodetailsbox h4{color:#6C6C6C; font-size:18px; font-weight:400; margin-bottom:1.5rem;}

.singleprodetailsbox h5{color:#6C6C6C; font-size:18px; font-weight:500; margin:18px 0 0;}

.singleprodetailsbox h5 span{color:#222;}

.singleprodetailsbox h3{font-weight:700; color:#222; font-size:22px; margin:2rem 0;}

.singleprodetailsbox h3 span{font-weight:500; color:#6C6C6C; font-size:18px;}

.singleprodetailsbox button{background-color:#CC9A60; font-size:16px; font-weight:700; padding:10px 20px; width:100%; border-radius:4px; 

border:1px solid #CC9A60; color:#fff; transition:all 0.3s ease-in-out;}

.singleprodetailsbox button:hover{color:#CC9A60; background-color:transparent;}



.onsale{display:none!important;}



.navigation.post-navigation{display:none;}

.xoo-wsc-basket{right:5px; bottom:25%;}



.related.products.relatedcusprod{background-color:#f8f8f8; padding:3.4rem; width:100%;}

.related.products.relatedcusprod h4{text-align:center;}

.related.products.relatedcusprod h2{color:#5B473E; font-weight:600; font-size:52px; margin-bottom:2rem; text-align:center;}

.woocommerce ul.products li.product{background-color:#fff; border-radius:4px; padding-bottom:1rem;}



.relatedppcls .singleprothumb .priceone p {display:flex!important; margin-bottom:0;}

.relatedppcls .singleprothumb .priceone p strong{margin-right:5px!important;}



.woocommerce ul.products li.product a img{max-height:220px; object-fit:cover; margin-bottom:12px; border-bottom:1px solid #c6c6c6;}

.woocommerce ul.products li.product .woocommerce-loop-product__title{text-align:left; padding:0 1.2rem; font-weight:700; font-size:18px; color:#222; margin-bottom:4px;}

.producttagcls{text-align:left; padding:0 1.2rem; color:#6C6C6C; font-weight:400; font-size:15px; border-bottom:1px solid #c6c6c6; padding-bottom:12px}

.woocommerce ul.products li.product .price del{width:100%;}

/*.woocommerce-Price-amount.amount, .woocommerce-Price-amount.amount bdi{width:100%; display:block;}*/

.woocommerce ul.products li.product .price ins{display:block;}



.woocommerce ul.products li.product span.price{width:70%; padding-left:1.2rem; float:left;}

.woocommerce ul.products li.product .button{margin-top:10px; float:right; background-color:transparent; width:30px; height:30px; padding:7px; 

border:1px solid #CC9A60; margin-right:1.2rem;}

.woocommerce ul.products li.product .button img{border:none;}

.woocommerce ul.products li.product .button img:after{display:none;}



.related.products.relatedcusprod .discbtm.expmorebtn{text-align:center;}





.wp-pagenavi{width:100%; padding-top:1.5rem;}

.wp-pagenavi a, .wp-pagenavi span{background-color:transparent!important; border:1px solid #5B473E!important; color:#5B473E!important; font-size:14px;}

.wp-pagenavi span.current{font-weight:600; background-color:#5B473E!important; color:#fff!important;}

.blogthumbsec .blogsinglebox .blogthumbimgleft img{height:295px; object-fit:cover;}



.bannersec.innerbannersec.blogdetailsbanner{height:400px; max-height:400px; background-color:#000; background-position:top left; 

background-repeat:no-repeat; background-size:cover;}



.contactsec.blogdetailseccls{width:70%; margin:0 auto;}

.comments-area{width:100%; padding:2rem; background-color:#f9f9f9;}

.comments-area .comments-title{font-size:18px;}

.comment-author.vcard{width:100%; padding:10px;}

.comment-author.vcard img{width:40px!important; height:40px!important;}

.comment-meta{font-size:14px;}

.comment-reply-title{font-size:18px;}

.comment-form label{font-size:14px;}



.comment-form-author, .comment-form-email, .comment-form-url{width:33%; float:left;}

.comment-form-author input, .comment-form-email input, .comment-form-url input{border:1px solid #dedede;}

.comment-form .form-submit input[type="submit"]{background-color:#b11116;border:none;color:#fff;border-radius:20px;padding:10px 20px;}



.xoo-wsc-container{max-width:520px; right:-520px;}

.xoo-wsch-top{justify-content:left;}

span.xoo-wsch-text{margin-left:148px;font-weight:700;font-size:28px;}

.xoo-wsc-ft-buttons-cont .xoo-wsc-ft-btn.xoo-wsc-btn.xoo-wsc-ft-btn-cart{display:none;}

.xoo-wsc-ft-buttons-cont .xoo-wsc-ft-btn-continue{display:none;}

.xoo-wsc-cart-active .xoo-wsc-basket{right:520px;}

.xoo-wsc-footer-txt{font-size:12px;}

.xoo-wsc-ft-buttons-cont a.xoo-wsc-ft-btn, .xoo-wsc-container .xoo-wsc-btn{background-color:#CC9A60; border:2px solid #CC9A60; border-radius:4px; 

font-size:15px; font-weight:500; transition:all 0.3s ease-in-out;}

.xoo-wsc-ft-buttons-cont a.xoo-wsc-ft-btn:hover, .xoo-wsc-container .xoo-wsc-btn:hover{color:#CC9A60; background-color:#fff; border:2px solid #CC9A60;}



.xoo-wsc-ft-amt.xoo-wsc-ft-amt-subtotal{display:block;} 

.xoo-wsc-ft-amt-label{display:inline-block; text-align:left; width:25%;}

.woocommerce-ordering{display:none!important;}



.singleprothumb img.productimgcls{height:222px; object-fit:cover; width:100%; border-radius:4px 4px 0 0;}

.contactsec.productsummerycus{padding-top:10rem;}

.woocommerce-product-gallery__wrapper{width:100%;}

.woocommerce-product-gallery__wrapper .woocommerce-product-gallery__image .wp-post-image{max-width:100%!important;}



.catname{height:auto; display:flex; align-items:start; margin-bottom:1.2rem;}

.catname p{margin-bottom:0; color:#5B473E; font-size:18px; font-weight:500; letter-spacing:4px; text-transform:uppercase; background-color:#EFE7D7; 

padding:4px 15px;}

.woocommerce table.shop_attributes td p{font-style:normal;}

.singleprodetailsbox table.shop_attributes th, .singleprodetailsbox table.shop_attributes td{border:none; padding:4px 0;}



.singleprodetailsbox table.shop_attributes tr:nth-child(even) td, .singleprodetailsbox table.shop_attributes tr:nth-child(even) th{background-color:#fff!important;}

.singleprodetailsbox table.shop_attributes{border:none;}

.singleprodetailsbox .priceone h3 del{font-size:18px; font-weight:500; color:#6C6C6C;}



.singleprodetailsbox .pp.single_add_to_cart_button.button{background-color:#CC9A60; border-radius:4px; padding-top:0.9rem; padding-bottom:0.9rem;}

.singleprodetailsbox table.shop_attributes td p{padding:0;}

.product-tags{padding-bottom:1rem; font-size:15px; font-weight:400;}

.bannersec.innerbannersec .banner-caption h1{font-size:62px;}



.blogsummeytxt{width:100%; padding-bottom:2rem;}

.blogsummeytxt p{font-size:20px; font-weight:400; line-height:25px;}



.woocommerce-result-count{display:none!important;}

.contactsubbtn{width:100%; text-align:center;}



.shopprocls .singleprothumb .woocommerce-LoopProduct-link.woocommerce-loop-product__link img{height:222px!important; border-radius:4px 4px 0 0;}

.shopprocls .product-tags{padding-bottom:0!important;}

.shopprocls .producttagcls{padding:0 1.2rem 0.7rem;}

.shopprocls .singleprothumb h2{padding-top:12px;}



.shopprocls .add_to_cart_button{float:right; background-color:#fff!important; border:1px solid #CC9A60!important; padding:7px!important; display:flex;     margin:1.2rem 1.2rem 0.8rem 0.8rem!important; border-radius:2px!important;}

.shopprocls .add_to_cart_button img{width:14px;}

.shopprocls .priceone.test p{margin-bottom:0!important;}



.contactsec.shopprocls{background-image:url('http://symmetrix.site/staging/nature_reliance_dev/wp-content/uploads/2023/06/bodyshadow02.png'), url('http://symmetrix.site/staging/nature_reliance_dev/wp-content/uploads/2023/06/shoptextbg-1.png'); background-repeat:no-repeat;  

background-position:top center, left 85% top -43px; background-color:#f5f5f5;}

.shoppfiltercls{width:100%; padding:2rem; background-color:#fff; border-radius:4px; position:relative; z-index:99;}

.shoppfiltercls h2{font-size:24px; font-weight:700; margin-bottom:3.4rem; color:#222;}

.shoppfiltercls h3{font-size:18px; font-weight:700; margin-bottom:1rem; color:#222;}

.shoppfiltercls .bapf_slidr_all{font-size:13px; font-weight:500;}

.shoppfiltercls .bapf_button.bapf_reset{display:none!important;}



.singleprodetailsbox .pp.single_add_to_cart_button.button:hover{background-color:#CC9A60;}

.latestprodsec .smallimgbox img{height:230px; object-fit:cover; width:100%;}





.cartsec{width:100%; padding:5.2rem 0;}

.cartleftbox{width:100%; padding-right:2.5rem;}

.shopcartnum p{font-size:18px; font-weight:400; color:#222; margin-bottom:0; padding-bottom:1.5rem;}

.carttablebox{width:100%;}

.carttablebox td{padding:1.5rem 1rem;}

.carttablebox td:nth-child(1){padding:1.5rem 1rem 1.5rem 0; width:152px;}

.carttablebox td:nth-child(2){width:400px;}



.prodimg{width:148px;}

.prodimg img{width:148px; height:140px; object-fit:cover; background-color:#f5f5f5; border-radius:6px; padding:11px;}

.cartbackarrow{padding-bottom:1rem;}

.prodnamequantity{width:100%;}

.prodnamequantity h2{font-weight:700; font-size:18px; color:#222; margin-bottom:2.6rem;}



.prodnamequantity .input-group-append{border-color:#6c757d;}

.prodnamequantity .input-group-append .btn{border-radius:15px 0 0 15px; font-size:14px;}

.prodnamequantity .input-group-prepend{border-color:#6c757d;}

.prodnamequantity .input-group-prepend .btn{border-radius:0 15px 15px 0; font-size:14px;}

.prodnamequantity .input-group{width:120px;}

.prodnamequantity input[type="text"]{font-size:14px; text-align:center; border-color:#6c757d;}



.cartpricebox{margin-bottom:0; font-size:18px; font-weight:700; color:#222; text-align:right;}

.cartpricebox del{color:#6C6C6C; font-size:15px; font-weight:500;}



.removebox{width:100%; text-align:right; padding-top:0;}

.dispatchbox{width:100%; padding-top:0;}

.dispatchbox p{margin:0; color:#6C6C6C; font-style:italic; font-size:14px; font-weight:400;}



.cardsbox{width:100%; padding:2.5rem 0;}

.continueshopping{width:100%;}

.continueshopping a{padding:1rem 2rem; font-size:15px; font-weight:700; color:#CC9A60; border:1px solid #CC9A60; border-radius:4px; 

transition:all 0.3s ease-in-out; background-color:transparent; display:inline-block; margin-bottom:2.5rem;}

.continueshopping a:hover{background-color:#CC9A60; color:#fff;}



.offercodebox{width:100%; background-color:#f8f8f8; min-height:92px; padding:1rem;}

.offercodebox h4{font-weight:700; font-size:18px; color:#222; float:left;}

.viewofferbtn{float:right; display:inline-block; font-weight:700; font-size:14px; color:#222;}

.viewofferbtn:hover{color:#6C6C6C;}



.subtotal{width:100%; padding:1.5rem 0 1.1rem;}

.subtotal h4{font-weight:700; font-size:20px; color:#222; margin-bottom:1rem;}

.subtotal h4 span{float:right;}



.subtotal p{color:#676767; font-size:15px; font-weight:400; margin-bottom:7px;}

.subtotal p span{float:right;}

.continueshopping.checkoutbtn{text-align:center;}

.continueshopping.checkoutbtn a{background-color:#CC9A60; color:#fff; width:100%; display:block; border:1px solid #CC9A60;}

.continueshopping.checkoutbtn a:hover{color:#CC9A60; background-color:transparent; border:1px solid #CC9A60;}



.newarrivsec p{margin-bottom:10px;}

.mobileoff{display:none;}



.playbox .modal.fade.show{background-color:rgba(0,0,0,0.5);}

.playbox .modal-dialog{width:700px;}

.playbox .modal-dialog .modal-body{padding:7px 7px 0 7px;}

.playbox .modal-dialog .modal-body iframe{width:100%;}

.xoo-wsc-modal .xoo-wsc-qty-price{font-weight:500; font-size:14px;}

.woocommerce ul.products li.product .button::after{display:none;}

.added_to_cart.wc-forward{}

.actions.updatecoupncls button[type="text"]{padding:1rem 2rem!important;}

.search.search-results .popularsec{padding-top:1.5rem;}

.search.search-results .popularsec .page-header.alignwide h1.page-title{font-size:25px; margin-bottom:1rem;}

.search-result-count{padding-bottom:1rem;}

.search.search-results .navigation.pagination .nav-links a{color:#CC9A60;}

.search.search-results .navigation.pagination{justify-content:center;}

.discbtm a.add_to_cart_button{background-color:#b11116; color:#fff; border-radius:50px; font-weight:700; padding:1rem 2.2rem; font-size:20px;

transition: all 0.4s ease-in-out;}

.discbtm .added_to_cart.wc-forward{background-color:transparent; text-align: center; font-weight: 500;padding-top: 5px; display:block;color:#CC9A60; 

padding-top:20px; padding-bottom:0; font-size:14px;}





.stroktopyellowcls{width:100%; margin-top:-3.85rem; z-index:99; position:relative;}

.stroktopyellowcls img{width:100%;}

.strokbottomyellowcls{width:100%; margin-top:-4px; z-index:99; position:relative;}

.strokbottomyellowcls img{width:100%;}

.othersnavbar{width:34px;}



.afterbannersec{width:100%; padding:1rem 0; background-color:#fafafa; position:relative;}

.carowboxtwo{width:100%; padding:0 3.4rem;}

.carowboxtwo .owl-theme .owl-dots{display:block;}

.carowboxtwo .owl-carousel .owl-item img{border-radius:40px 10px 40px 10px;}

.owl-theme .owl-dots .owl-dot span{width:5px; height:5px; background-color:#fff;}

.owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span{background-color:#b11116;}



.abwhitetxtbox{width:100%; background-color:#fff; border-radius:10px; min-height:200px; padding:2.5rem; position:relative; 

left:-8rem; bottom:-10.4rem; z-index:99; box-shadow:4px 2px 14px rgba(0,0,0,0.1);} 

.abwhitetxtbox h2{padding-bottom:1rem; color:#272727;}



.illusaddcls{background-image:url('../images/il01.png'); background-position:top 1rem right; background-repeat:no-repeat;}

.mainbtntwo{width:100%; padding-top:0.7rem;}

.mainbtntwo a{border:1px solid #b11116; border-radius:30px; padding:0.5rem 2rem; background-color:#b11116; color:#fff; transition:all 0.3s ease-in-out;}

.mainbtntwo a:hover{background-color:#272727; border:1px solid #272727;}

.bannersec .owl-nav .owl-prev, .bannersec .owl-nav .owl-next{background-color:#b11116; color:#fff; transition:all 0.3s ease-in-out;}

.bannersec .owl-theme .owl-nav [class*=owl-]:hover{background-color:#fff; color:#b11116;}

.servicesbox .owl-carousel .owl-nav.disabled{display:block!important; position:relative; padding-top:1.2rem;} 



.servicesbox .owl-carousel .owl-prev{position:absolute; right:34px; font-size:14px; color:#fff; background-color:#b11116;}

.servicesbox .owl-carousel .owl-next{position:absolute; right:0px; font-size:14px; color:#fff; background-color:#b11116;}



.latestprodsec .smallimgbox img{border-radius:15px; border:2px solid #fff;}

.strokbottomwhitecls{width:100%;margin-bottom:-67px;z-index:99;position:relative;}

.bigimgbox img{border-radius:15px; border:2px solid #fff;}



.newsticker{width:91%; padding:1.5rem 2rem; background-color:#fff; margin:0 auto 3.4rem; border-radius: 10px; box-shadow:4px 4px 12px 2px rgba(0,0,0,0.1);}

.newsticker p{margin-bottom:0;}

.newsticker p strong.title{font-weight:600; color:#026dbe; float:left; width:250px;}

.newsticker p marquee{float:right; width:calc(98% - 250px);}





.quasersec{width:100%; padding:55px 0; position:relative;}

.qualityimgbox{width:60rem; position:relative; top:0; left:-8rem;}

.qualityimgbox .quatitlebox{position:absolute; left:7.2rem; top:50%; z-index:4;}

.qualityimgbox .quatitlebox .smlinebar{background-color:#fff;}

.qualityimgbox .quatitlebox h2{font-size:34px; color:#fff; width:50%; margin-bottom:1rem;}

.qualityimgbox .quatitlebox h4{font-size:18px; line-height:25px; color:#fff; width:57%; font-family: 'Poppins', sans-serif; font-weight:400;}



.proserbox{width:43rem; position:relative; background-color:rgba(0,0,0,0.7); padding:50px; min-height:440px; top:3.5rem; right:5rem; z-index:6;}

.singleproitem{width:100%; text-align:center; padding:30px 10px; border:1px solid rgba(255,255,255,0.43);}

.singleproitem img.prosericon{width:100px; margin:0 auto 15px;}

.singleproitem h4{font-size:20px; color:#fff; margin-bottom:15px;}

.singleproitem p{color:#d7d7d7;}

.readbtntwo{width:100%; padding:0 0 5px;}

.readbtntwo a{color:#fff;}

.readbtntwo a:hover{color:#1176ec;}



.proserbox .owl-nav{display:block!important; position:relative;}

.proserbox .owl-nav .owl-prev, .proserbox .owl-nav .owl-next{position:absolute; right:17.4rem; bottom:-6.8rem; background-color:#b11116; border-radius:1px; padding:5px 18px; font-size:20px; transition:all 0.4s ease-in-out;}

.proserbox .owl-nav .owl-next{right:13.7rem;}

.proserbox .owl-nav .owl-prev:hover, .proserbox .owl-nav .owl-next:hover{background-color:#000;}

.singleproitem p.name{font-weight:600; margin-bottom:10px; color:#fff;}

.singleproitem p.name span{font-size:12px; font-weight:400; display:block;}

p.quotecls{color:#fff!important; font-size:30px;}



.blogsec .titleboxwrap h4{color:#b11116;}

.blogsec .titleboxwrap h2{color:#026dbe;}



.extreambtmcls{width:100%; background-color:#171717; padding:1.2rem 0; text-align:center; margin-top:4rem;}

.extreambtmcls p{font-size:13px; color:#fff; margin:0;}

.extreambtmcls p a{color:#fff;}



/* privacy policy page start */

.innerbanner{width: 100%;padding-top: 100px;}

.innerbanner_inner{padding: 200px 0px 200px;background-position: top center;background-repeat: no-repeat;background-size: cover;position: relative;z-index: 1;}

.innerbanner_inner::after{content: "";width: 100%;height: 100%;position:absolute;top: 0;right: 0;left: 0;bottom: 0;background-color: rgba(0, 0, 0, 0.52);z-index: -1;}

.innerbanner_inner h2 {font-size: 48px;color: #fff;margin-bottom: 10px;line-height: 55px;text-align: center;}

.privacy_policy_inner{

	padding: 0px 0px 0px;

    margin-top: -50px;

    position: relative;

    z-index: 99;

}

.privacy_policy_text{

	padding: 50px;

    background: #fff;

	/* box-shadow: 0px 10px 10px 2px rgba(0, 0, 0, 0.4); */

	box-shadow: 4px 2px 14px rgba(0,0,0,0.1);

	border-radius: 10px;

}

.privacy_policy_text h2{font-size:22px;font-weight:700;margin-bottom:20px;}

.privacy_policy_text p a{color: #026dbe;}

.privacy_policy_text p a:hover{color: #b11116;}



/* privacy policy page end */



.abwhitetxtbox .yearsbox img{position:absolute;width:146px; top:-158px; border-radius:50%; left:10%;}



.cuspopupform .modal-dialog{max-width:660px; padding-top:8rem;}

.cuspopupform .input-group-text{background-color:transparent; border:none; border-bottom:1px solid #ced4da; color:#808080; width:34px; border-radius:0; 

justify-content: center; height:37px;}

.cuspopupform input[type="text"], .cuspopupform input[type="email"]{border:none; border-bottom:1px solid #ced4da; font-size:15px; border-radius:0; height:37px;}

.cuspopupform  .modal-header{background-color:#2e72a6;}

.cuspopupform .modal-title{width:100%; text-align:center; font-weight:500; color:#fff;font-size: 20px;}

.btn-close{opacity:1.0;}

.input-group>.form-control:focus, .input-group>.form-select:focus{box-shadow:none!important;}

.cuspopupform .input-group{margin-bottom:2rem;}



.getstsbtn{width:100%; text-align:center;}

.getstsbtn input[type="submit"]{background-color:#00baff; color:#fff; border:1px solid #00baff; padding:0.8rem 2.5rem; text-transform:uppercase; border-radius:5px; 

transition:all 0.3s ease-in-out;}

.getstsbtn input[type="submit"]:hover{background-color:#fff; color:#00baff; border:1px solid #00baff;}

.cuspopupform .modal-body{padding:1rem 1.5rem 2.5rem;}

.thankyousec{width:100%; text-align:center; padding:4rem 0 2.5rem;}

.tymaintxtbox{width:100%;}

.tymaintxtbox h2{color:#00baff; font-size:34px; margin-bottom:1rem;}

.tymaintxtbox p{font-size:16px;}

.freeconsultsec{width:100%; padding:3.4rem 0;}



.getstaform p{margin-bottom:10px;}

.getstaform strong{font-weight:500;}

.getstaform .form-check{margin-bottom:1rem;}



.innerbannersec{width:100%; padding-top:110px; background-color:#171717;}

.singlebanwrap{width:100%; min-height:520px; background-color:#f7f7f7; background-image:url('../images/banner02.jpg'); 

background-repeat:no-repeat; background-position:top center; background-size:100%;}

.singlebanwrap{width:100%;}

.overshadowbox{width:100%; height:100vh; background-color:rgba(0,0,0,0.34);}



.innerpagextbox{width:100%;}

.imgboxone{width:520px; float:left; margin:0 1.2rem 1rem 0;}

.imgboxone img{border-radius:25px;}



.pagetitlebox{width:100%; text-align:center; position:relative;}

.pagetitlebox h1{color:#b11116!important; font-weight:500; position:relative; z-index:9; font-size:43px;}

.boxshape1{width:180px; height:60px; background-color:rgba(0,0,0,0.025); z-index:4; margin:0 auto; top:-54px; left:-43px; 

position:relative;}



.innerpagextbox h2{padding-bottom:0.8rem; color:#272727;}

ul.unorlistcuscls{padding:0 0 0 20px; margin:0; list-style-type:none;}

ul.unorlistcuscls li{padding-bottom:12px; position:relative;}

ul.unorlistcuscls li:before{content:"\f00c"; font: normal normal normal 14px/1 FontAwesome; display:inline-block; position:absolute; top:2px; 

left:-20px; color:#b11116;}



.captiontxtbox{width:55%; height:520px; display:flex; align-items:flex-start; flex-direction:column; justify-content:center; padding-top:4rem;}

.captiontxtbox h1{color:#fff; font-weight:600; padding-bottom:1.1rem; font-size:44px;}

.captiontxtbox h2{color:#fff; font-weight:400; font-size:22px;}



.innerbelowonesec{width:100%; background-color:#fafafa; padding:4rem 0 2rem;}

.abttxtboxone{width:100%; padding:3.25em 37% 5em 6%; border:3px solid #026dbe; border-radius:0px 219px 13px 177px;}

.abttxtboxone h2{padding-bottom:1rem; color:#b11116;}



.abtimgone{width:100%; position:relative;}

.abtimgone img{width:612px; max-width:612px; border-radius:25.28% 6.64% 15.28% 0; position:absolute; right:0; top:0; height:400px; object-fit:cover; 

box-shadow:2px 1px 12px 2px rgba(0,0,0,0.25); margin-top:4.1rem;}





.abtsevawardsec{width:100%;background-color:#2e72a6;padding: 200px 0px;position: relative;}

.award_img{width:100px;overflow: hidden;margin: 0 auto;}

.award_img img{width: 100%;height: auto;object-fit: cover;}

.abtsevawardcont h2 {

    color: #fff;

    font-size: 18px;

    margin-bottom: 15px;

	margin-top: 15px;

	text-align: center;

}

.abtsevawardcont p{

    color: #e7e7e7;

    margin: 0;

    font-size: 15px;

	text-align: center;

	min-height: 75px;

}

.abtsevawardcont {

    border: 2px solid #fff;

    padding: 20px;

	border-radius: 15px;

}

.abtsevawrd_heading h3 {

	font-size: 32px;

	text-align: center;

    margin-bottom: 60px;

    color: #fff;

}

.whitewatermark01{width: 100%;height: 150px;overflow: hidden;position: absolute;top: 0;left: 0;right: 0;}

.wtrmrk2{bottom: 0;top: unset;transform: rotate(180deg);}

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



/* contact form sec start */

.contactformsec{width: 100%;padding-bottom: 100px;}

.contactformsec_inner{position: relative;width: 100%;box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.40);z-index: 1;margin-top: -100px;border-radius: 15px;overflow: hidden;}

.contactformsec_inner .row{margin: 0px;}

.contactformsec_inner .row .col-md-5,.contactformsec_inner .row .col-md-7{padding: 0px;}

.contact_form_content input{font-family: 'Poppins', sans-serif;font-size: 16px;font-weight:500;width: 100%;padding: 10px 0px;border: 0px; border-bottom: 1px solid #6C6C6C;border-radius: 0px;margin: 0px 0px 20px 0px;color: #000;}

.contact_form_content input::placeholder{color: #6C6C6C;opacity:1;}

.contact_form_content textarea{font-family: 'Poppins', sans-serif;font-size: 16px;font-weight:500;width: 100%;padding: 10px 0px;border: 0px; border-bottom: 1px solid #6C6C6C;border-radius: 0px;margin:20px 0px 20px 0px;color: #000;resize: none !important;}

.contact_form_content textarea::placeholder{color: #6C6C6C;opacity:1;}

.contact_form_content select::placeholder{color: #000;opacity:1;}

.contact_form_content{text-align: center;line-height: 60px;margin: 40px 0 0 0;}



.contact_form_btn button{font-family: 'Poppins', sans-serif;font-size: 16px;font-weight: 400;text-transform: capitalize;padding: 8px 32px;line-height: normal;background-color: #b11116;color: #fff;border-radius: 50px;border:0px solid #E0AF00;transition: all .4s ease-in-out;}

.contact_form_btn button:hover{text-decoration: none;background-color: #000;color: #fff;}





.contact_content_text_info p a{color:#000;}

.contact_form_btn{margin-top:20px;}

.cont_inpt_mt{line-height:22px;}

.contact_content_map{width:100%;padding:100px 0 0;}

.contact_form{margin: 0px;background-color:#fff;position:relative;padding: 50px 50px 50px 50px;}

.contact_form h2{font-family: 'Libre Baskerville', serif;color: #b11116;font-size: 32px;font-weight: 700;line-height: normal;margin-bottom: 40px;}

.contact_form p{font-family: 'Poppins', sans-serif;color: #000;text-align: left;font-size: 16px;font-weight: 400;line-height: 28px;}

.contact_form_select {width: 100%;border: 0px;border-bottom: 1px solid #000;padding: 10px 0px;}

.contactustext{padding: 50px;background-color: #005da4;height: 100%;}

.contactustext h2{font-family: 'Libre Baskerville', serif;color: #fff;text-align: left;font-size: 32px;font-weight: 700;line-height: normal;margin-bottom:40px;}

.contactustext p{font-family: 'Poppins', sans-serif;color: #fff;font-size: 16px;font-weight: 400;line-height: normal;margin-left: 0px;margin-bottom: 25px;}

.contactustext p span {font-family: 'Poppins', sans-serif;font-size: 15px;}

.contactustext p i{font-size:20px;margin-right: 20px;}

.cntfrm_media{margin-left: auto;margin-top: 30px;}

.cntfrm_media a{font-size:25px;color:#fff;margin-right: 20px;}

.cntfrm_media a:hover{color: #b11116;transition: ease-in-out all;}

.ourlocation{width: 100%;padding: 100px 0 100px;}

.ourlocation_heading h2{font-family: 'Libre Baskerville', serif;color: #FFF;text-align: center;font-size: 40px;font-weight: 700;line-height: 64px;background-color: #004C6A;width: 100%px;margin-bottom: 60px;padding: 14px 0px;}

.ourlocation_heading h2 span{color: #b11116;}

.locationconttext h3{font-family: 'Libre Baskerville', serif;color: #004C6A;text-align: left;font-size: 20px;font-weight: 700;line-height: normal;margin-bottom: 0px;}

.locationconttext hr {width: 116px;height: 2px;background: #004C6A;opacity: 1;margin: 10px 0 20px;}

.locationconttext p{font-family: 'Poppins', sans-serif;color: #000;font-size: 16px;font-weight: 400;line-height: 28px;margin-bottom: 8px;}

.locationconttext p strong{color: #004C6A;}

.map_iframe{margin-top: 30px;}

.contact_form_input:focus {outline: none;}

/* contact form sec end */

/* contact map start */

.contactmap{width: 100%;padding-bottom: 50px;}

.contactmap_inner {box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.40);border-radius: 15px;overflow: hidden;}

.contactmap_inner iframe{width: 100%;height: 450px;}

/* contact map end */

/* our story sec start */

.ourstorycont{margin-bottom: 30px;}

.ourstorycont p{min-height: 168px;}

.bottombarsec{position:relative; padding: 30px 0px;background-position: center center;background-repeat: no-repeat;background-size: cover;}

.bottombarsec_inner {padding: 30px 0px;border-radius: 15px;}

.bottombarsec_inner p {font-size: 15px;line-height: 24px;color: #fff;font-weight: 400;margin-bottom: 0px;}

/* our story sec end */

/* impact of service start */

.btmbarsectwo{width: 100%; padding: 150px 0px;}

.huresdev{margin-bottom: 30px;}

.huresdev .award_img{margin-bottom: 25px;}

.huresdev p{min-height: 120px;}

.bottombarsec_inner.humanres p{margin-bottom: 20px;}

.bottombarsec_inner.humanres h2{padding-bottom: 1rem;color: #fff;}

/* .impctfetur h2{text-align: left;} */

/* impact of service end */

/* human resource development start */



/* human resource development end */

/* affiliates page start */

.affiliates{width: 100%;padding: 50px 0px;}

.affi_cont_img{width: 100%;overflow: hidden;margin-bottom: 20px;}

.affi_cont_img img{width: 100%;height: auto;object-fit: cover;}

.affi_cont h3{font-size: 30px;margin-bottom: 10px;color: #b11116;}

.affi_cont h4{font-size: 22px;margin-bottom: 15px;color: #000;}

.affi_cont p{font-size: 14px;margin-bottom: 10px;}

.affi_cont p i{color: #2e72a6;margin-right: 10px;}

.affi_cont{padding: 25px;box-shadow: 4px 2px 14px rgba(0,0,0,0.1);margin-bottom: 30px;min-height: 552px;background-color: #fff;}

.affiliates_heading h2{font-weight: 800;font-size: 34px;text-align: left;color: #026dbe;margin-bottom: 2rem;}



.pagi_nav{margin-top: 50px;}

.pagination{border-radius: 0px;margin-bottom: 0px;}

.page-item .page-link{color: #fff;background-color: #2e72a6;}

.page-item.disabled .page-link{color: #fff;background-color: #2e72a6;}

.page-item:first-child .page-link {border-top-left-radius: 0px;border-bottom-left-radius: 0px;}

.page-item:last-child .page-link {border-top-right-radius: 0px;border-bottom-right-radius: 0px;}



/* nav.pagi_nav{display: flex;align-items: center;}

.search_bar {margin-left: auto;background-color: #2e72a6;padding: 5px 10px;}

.search_cont a{font-size: 16px;}

.search_cont a i {color: #fff;margin-left: 5px;}

.search_cont input{padding: 0px;}

.search_cont input:focus{border: none;outline: none;} */

/* affiliates page end */

/* governing body start */

.governing_body{width: 100%;padding: 100px 0px;}

.gov_body_img{width: 100%;height: 250px;overflow: hidden;margin-bottom: 20px;}

.gov_body_img img{width: 100%;height: auto;object-fit: cover;}

.gov_body_cont{padding: 25px;box-shadow: 4px 2px 14px rgba(0,0,0,0.1);margin-bottom: 30px;background-color: #fff;min-height: 435px;}

.gov_body_cont h3{font-size: 22px;margin-bottom: 10px;color: #b11116;}

.gov_body_cont p{font-size: 14px;margin-bottom: 0px;}

.governing_body_heading h2{font-weight: 800;font-size: 34px;text-align: left;color: #026dbe;margin-bottom: 2rem;}

/* governing body end */

/* family services page start */

.family_service{background-color: #fafafa;}

.com_service_heading h2{font-weight: 800;font-size: 34px;text-align: left;color: #026dbe;margin-bottom: 10px;}

.com_service_heading h3{font-weight: normal;font-size: 16px;margin-bottom: 32px;}

.com_service_image{width: 100%;overflow: hidden;opacity:0.5;border-radius:20px;}

.com_service_image img{width: 100%;height: auto;object-fit: cover;}

.com_service_inner{position: relative;overflow: hidden;margin-bottom: 30px;background-color:#272727;}

.com_service_text{position: absolute;width: 100%;bottom: 0;left: 0;padding: 15px;transform: translateY(72%);transition: .3s ease-in-out all;}



.com_service_text h2{font-size: 18px;margin-bottom: 10px;color: #fff;min-height: 44px;}

.com_service_text p{color: #fff;font-size: 14px;margin: 0px;}

.com_service_inner:hover .com_service_text{transform: translateY(0%);background-color: #000000a4;min-height: 252px;}

.com_service_inner:hover .com_service_image img{opacity:1;}



.banner-caption{width:80%;}

.bannermainbtn {

  display: flex;

  align-items: center;

  gap: 10px;

  list-style: none;

  padding: 0;

  margin: 2rem 0 0;

}



.bannermainbtn li {

  margin: 0;

  padding: 0;

}



.bannermainbtn li a {

  display: inline-flex;

  align-items: center;

  justify-content: center;

  min-width: 140px;

  height: 44px;

  padding: 0 28px;

  border-radius: 5px;

  font-size: 15px;

  font-weight: 500;

  text-decoration: none;

  transition: all 0.3s ease;

}



.bannermainbtn li:first-child a {

  background-color:#F5EFFA;

  color: #4E397B;

  border: 1px solid #F5EFFA;

  font-weight: 600;

}



.bannermainbtn li:last-child a {

  background: transparent;

  color: #F5EFFA;

  border: 1px solid #F5EFFA;

}



.bannermainbtn li:first-child a:hover {

  background: transparent;

  color: #ffffff;

}



.bannermainbtn li:last-child a:hover {

  background: #ffffff;

  color: #333333;

}



.bannermainbtntwo {

  display: flex;

  align-items: center;

  gap: 10px;

  list-style: none;

  padding: 0;

  margin: 2rem 0 0;

}



.bannermainbtntwo li {

  margin: 0;

  padding: 0;

}









.impact-sectionone {

  padding: 0 0 50px;

  margin-top:0;

  position:relative;

  z-index:11;

}



.impact-sectionone.impcardsec{margin-top:-7rem;}



.impact-sectionone .impact-card {

  position: relative;

  background:#F5EFFA;

  text-align: center;

  padding: 10px 10px 20px;

  min-height: 292px;

  border-radius: 5px;

}



.impact-sectionone .impact-img img {

  width: 100%;

  height: 160px;

  object-fit: cover;

  display: block;

}



.impact-sectionone .impact-icon {

  width: 58px;

  height: 58px;

  background: #f4f6ff;

  border-radius: 50%;

  display: flex;

  align-items: center;

  justify-content: center;

  margin: -29px auto 5px;

  position: relative;

  z-index: 2;

}



.impact-sectionone .impact-icon img {

  width: 34px;

  height: 34px;

  object-fit: contain;

}



.impact-sectionone .impact-card h3 {

  font-size: 27px;

  font-weight: 800;

  color: #2E2238;

  margin: 5px 0 10px;

  line-height: 1.1;

  font-family: "Manrope", sans-serif; 

}



.impact-sectionone .impact-card p {

  font-size: 17px;

  font-weight: 400;

  color: #444444;

  line-height: 1.35;

  margin: 0;

}



@media (max-width: 991px) {

  .impact-sectionone .impact-card {

    min-height: 310px;

  }

}



@media (max-width: 575px) {

  .impact-sectionone .impact-sectionone {

    padding: 40px 0;

  }



  .impact-sectionone .impact-img img {

    height: 180px;

  }



  .impact-sectionone .impact-card h3 {

    font-size: 30px;

  }



  .impact-sectionone .impact-card p {

    font-size: 16px;

  }

}



.change-section {

  padding: 0 0 50px;

  background: #ffffff;

}



.change-title {

  font-size:43px;

  font-weight: 700;

  color: #2E2238;

  margin-bottom: 12px;

  line-height: 1.3;

}



.change-title span {

  color: #4E397B;

}



.change-text {

  line-height: 1.6;

  color: #555555;

  max-width: 980px;

  margin:0 auto 12px;

}



.change-image-wrap {

  width: 100%;

  overflow: hidden;

}



.change-img {

  width: 100%;

  height: 310px;

  object-fit: cover;

  display: block;

}



.change-btn {

  display: inline-block;

  background: #4E397B;

  color: #ffffff;

  text-decoration: none;

  padding: 12px 15px;

  border-radius: 5px;

  font-weight: 500;

  transition: all 0.3s ease;

  font-size:15px;

  font-weight: 600;

}



.change-btn:hover {

  background: #4E397B;

  color: #ffffff;

}



@media (max-width: 767px) {

  .change-section {

    padding: 35px 0 40px;

  }



  .change-title {

    font-size: 25px;

  }



  .change-text {

    font-size: 13px;

  }



  .change-img {

    height: auto;

  }

}





.apni-kutir-section{

  padding: 50px 0;

  background: url("../images/apni-kutir-bg.jpg") center center / cover no-repeat;

  position: relative;}



.apni-kutir-section::before {

  content: "";

  position: absolute;

  inset: 0;

  background: rgba(0,0,0,0.25);

}



.apni-kutir-section .container {

  position: relative;

  z-index: 2;

}



.apni-kutir-box {

  background: linear-gradient(to right, #5A4589, #8B74B5);

  padding: 40px 40px 55px;

  color: #ffffff;

  overflow: hidden;

  position: relative;

  background-image:url('../images/bg02.jpg');

  background-repeat:no-repeat;

  background-size:cover;

  background-position:top right;

  border-radius:6px;

}



.apni-kutir-content h2 {

  font-size: 43px;

    line-height: 55px;

    font-weight: 700;

    margin-bottom: 18px;

}



.apni-kutir-content h2 span {

  color: #00a6cf;

}



.apni-kutir-content p {

  line-height: 1.6;

  margin: 0 0 1.5rem;

  color: #ffffff;

}



.apni-kutir-stats {

  padding-left:0px;

}



.stat-item {

  display: flex;

  align-items: center;

  gap: 15px;

  margin-bottom: 22px;

  padding-right:20px;

}



.stat-icon {

  width: 36px;

  font-size: 30px;

  color: #ffffff;

  text-align: center;

}



.stat-item h5 {

  margin: 0;

  font-size: 17px;

  font-weight: 500;

  color: #ffffff;

  font-family: "Manrope", sans-serif; 

}



.stat-icon img{filter: brightness(0) invert(1);}



.apni-kutir-btn {

  display: inline-block;

  margin-top: 20px;

  background: #ffffff;

  color: #4E397B;

  padding: 12px 35px;

  border-radius: 5px;

  font-weight: 600;

  text-decoration: none;

  transition: all 0.3s ease;

  font-size:15px;

  width:220px;

  text-align:center;

}



.impact-section .apni-kutir-btn{margin-top:10px;}

.impact-section .apni-kutir-btn:hover a{background:#FAF9FC}



.apni-kutir-btn:hover {

  background: #4E397B;

  color: #fff;

}



@media (max-width: 767px) {

  .apni-kutir-section {

    padding: 40px 0;

  }



  .apni-kutir-box {

    padding: 40px 25px;

  }



  .apni-kutir-content h2 {

    font-size: 26px;

    line-height: 1.4;

  }



  .apni-kutir-content p {

    font-size: 14px;

  }



  .apni-kutir-stats {

    padding-left: 0;

    margin-top: 35px;

  }



  .stat-item {

    gap: 15px;

  }



  .stat-item h5 {

    font-size: 15px;

  }

}



.opportunity-section {

  padding: 35px 0 50px;

  background-color: #ffffff;

}



.section-title {

  font-size: 37px;

    font-weight: 700;

    color: #111111;

    margin-bottom: 12px;

    line-height: 1.3;

}



.section-title span {

  color: #0099c8;

}



.section-text {

  line-height: 1.6;

  color: #555555;

  max-width: 950px;

  margin: 0 auto;

}



.opportunity-card{

  min-height: 390px;

  border-radius: 10px;

  overflow: hidden;

  background:

    linear-gradient(to right, rgba(0, 0, 0, 0.54), rgba(0, 0, 0, 0.25)),

    url("../images/oppor01.jpg") center center / cover no-repeat;

  display: flex;

  align-items: center;

  padding: 50px;

  background-position:center center;

  background-repeat:no-repeat;

  background-size:cover;

}



.opportunity-content {

  max-width: 100%;

  color: #ffffff;

}



.opportunity-content h3 {

  font-size: 38px;

  font-weight: 700;

  margin-bottom: 18px;

  letter-spacing: 1px;

}



.opportunity-content p {

  line-height: 1.5;

  color: #ffffff;

  margin: 0;

  max-width: 100%;

}



@media (max-width: 767px) {

  .opportunity-section {

    padding: 35px 0;

  }



  .section-title {

    font-size: 28px;

  }



  .section-text {

    font-size: 14px;

  }



  .opportunity-card {

    min-height: 300px;

    padding: 30px 20px;

  }



  .opportunity-content h3 {

    font-size: 26px;

  }



  .opportunity-content p {

    font-size: 14px;

  }

}









.change-image-wrap img{height:385px; object-fit:cover;}

.wide.widetwo{height:279px; object-fit:cover;}

.smalltwo{height:280px; object-fit:cover;}



.difference-section {

  padding: 65px 0 60px;

  background: #ffffff;

}



.difference-title {

   font-size:43px;

    font-weight: 700;

    color: #260866;

    margin-bottom: 12px;

    line-height: 1.3;

}



.difference-title span{

  color: #4E397B;

}



.difference-text {

  line-height: 1.6;

  color: #555555;

  max-width: 650px;

  margin: 0 auto;

}



.difference-card-wrap {



 

}



.partnerwithbtn{width:100%; text-align:center; padding:2.5rem 0 0;}

.partnerwithbtn a{width:215px;}



.partnership-section.innerpagepartnersec{padding-top:70px;}



.difference-card {

  min-height: 265px;

  padding: 32px 32px 28px;

  background: #eeeeF3;

  color: #111111;

   border-bottom: 5px solid #5a438c;

}



.difference-card.active {

  background: linear-gradient(to right, #4E397B, #8B74B5);

  color: #ffffff;

  border-bottom: 5px solid #8B74B5;

}



.difference-icon {

  width: 62px;

  height: 62px;

  background: #ffffff;

  border-radius: 50%;

  display: flex;

  align-items: center;

  justify-content: center;

  margin-bottom: 18px;

}



.difference-icon img {

  width: 34px;

  height: 34px;

  object-fit: contain;

}



.difference-card h3 {

  font-size: 22px;

  font-weight: 700;

  margin-bottom:20px;

  color: inherit;

}



.difference-card p {

  line-height: 1.45;

  color: inherit;

  margin-bottom: 20px;

  min-height: 77px;

}



.difference-btn {

  display: inline-block;

  background: #4E397B;

  color: #ffffff;

  text-decoration: none;

  padding: 11px 30px;

  border-radius: 30px;

  font-size: 15px;

  font-weight: 600;

  transition: all 0.3s ease;

}



.difference-btn:hover {

  background: #4E397B;

  color: #ffffff;

}



.difference-btn.white-btn {

  background: #ffffff;

  color: #4E397B;

  min-width: 240px;

  text-align: center;

}



.difference-btn.white-btn:hover {

  background: #ffffff;

  color: #4E397B;

}



@media (max-width: 991px) {

  .difference-card {

    min-height: 245px;

  }

}



@media (max-width: 767px) {

  .difference-section {

    padding: 40px 0 55px;

  }



  .difference-title {

    font-size: 27px;

  }



  .difference-text {

    font-size: 14px;

  }



  .difference-card {

    padding: 28px 24px;

    min-height: auto;

  }



  .difference-card h3 {

    font-size: 20px;

  }



  .difference-card p {

    font-size: 15px;

  }



  .difference-btn.white-btn {

    min-width: auto;

  }

}



.partnership-section {

  padding: 20px 0 60px;

  background: #ffffff;

}



.partnership-title {

  font-size: 43px;

  font-weight: 700;

  color: #260866;

  letter-spacing: 1px;

  margin-bottom: 0;

}



.partnership-title span {

  color: #4E397B;

}



.partner-logo-area {

  width: 100%;

}



.partner-row {

  display: grid;

  grid-template-columns: repeat(7, 1fr);

  background: #f3f3f6;

  padding: 35px 60px;

  align-items: center;

  gap: 35px;

}



.partner-row + .partner-row {

  margin-top: 28px;

}



.partner-logo {

  display: flex;

  align-items: center;

  justify-content: center;

  min-height: 70px;

}



.partner-logo img {

  max-width: 135px;

  max-height: 70px;

  width: auto;

  height: auto;

  object-fit: contain;

  display: block;

}



@media (max-width: 991px) {

  .partner-row {

    grid-template-columns: repeat(4, 1fr);

    padding: 30px;

    gap: 28px;

  }



  .partnership-title {

    font-size: 30px;

  }

}



@media (max-width: 767px){

  .partnership-section {

    padding: 45px 0 60px;

  }



  .partnership-title {

    font-size: 26px;

  }



  .partner-row{

    grid-template-columns: repeat(2, 1fr);

    padding: 25px 18px;

    gap: 22px;

  }



  .partner-logo img {

    max-width: 120px;

    max-height: 60px;

  }

}



.voices-section {

      padding: 0px 0 70px;

      background: #fff;

    }



    .section-title {

      font-size: 36px;

      font-weight: 700;

      color: #111;

      letter-spacing: 1px;

      margin-bottom: 12px;

    }



    .section-title span {

      color:#4E397B;

    }



    .section-subtitle {

      font-size: 15px;

      color: #555;

      line-height: 1.6;

      margin-bottom: 50px;

    }



    .voices-wrapper {

      position: relative;

      display: flex;

      align-items: stretch;

      max-width: 1180px;

      margin: 0 auto;

    }



    .voice-img {

      width: 33.33%;

      height: 405px;

      object-fit: cover;

    }



    .quote-box {

      position: absolute;

      left: 26%;

      top: 30px;

      width: 48%;

      height: 415px;

      background: rgba(255, 255, 255, 0.88);

      display: flex;

      align-items: center;

      justify-content: center;

      text-align: left;

      padding: 45px 65px;

      border-bottom: 4px solid #4E397B;

	  clip-path: polygon(8% 0, 100% 0%, 93% 100%, 0% 100%);

    }



    .quote-content {

      max-width: 520px;

    }



    .quote-icon {

      font-size: 110px;

      line-height: 0.6;

      color: #4E397B;

      font-weight: 600;

      margin-bottom: 5px;

    }

	

	.quotelinecls{width:100%; background-color:rgba(0,0,0,0.43); height:1px; border:none; margin-bottom:20px;}



    .quote-text {

      font-size: 17px;

      color: #333;

      line-height: 1.7;

      margin-bottom: 20px;

    }



    .quote-author {

      text-align: right;

      font-weight: 600;

      color: #222;

      font-size: 16px;

      margin-bottom: 28px;

    }



    .story-btn {

      display: inline-block;

      border: 1.5px solid #4E397B;

      color: #222;

      text-decoration: none;

      padding: 10px 30px;

      border-radius: 30px;

      font-weight: 600;

      font-size: 15px;

      transition: 0.3s ease;

      background: #fff;

    }



    .story-btn:hover {

      background: #4E397B;

      color: #fff;

    }



    .btn-wrap {

      text-align: center;

    }



    @media (max-width: 991px) {

      .voices-wrapper {

        flex-direction: column;

      }



      .voice-img {

        width: 100%;

        height: 280px;

      }



      .quote-box {

        position: relative;

        left: auto;

        top: auto;

        width: 100%;

        height: auto;

        padding: 40px 25px;

      }



      .quote-icon {

        font-size: 80px;

      }



      .section-title {

        font-size: 32px;

      }

    }



    @media (max-width: 575px) {

      .voices-section {

        padding: 35px 0 20px;

      }



      .section-title {

        font-size: 28px;

      }



      .section-subtitle {

        font-size: 14px;

        margin-bottom: 30px;

      }



      .quote-text {

        font-size: 15px;

      }

    }



.cta-section {

  background:transparent;

  padding: 0 15px;

  margin-bottom:70px;

}



.cta-box {

  max-width: 980px;

  margin: 0 auto;

  background: #fbfbfb;

  padding: 34px 58px;

  border: 1px solid #ddd;

  border-radius: 4px;

}



.cta-box h2 {

  font-size: 25px;

  line-height: 1.45;

  color: #2E2238;

  font-weight: 700;

  letter-spacing: 1px;

  margin-bottom: 24px;

}



.cta-box h2 span {

  color: #4E397B;

}



.cta-btn {

  display: inline-block;

  background: #4E397B;

  color: #fff;

  padding: 12px 28px;

  border-radius: 30px;

  text-decoration: none;

  font-size: 15px;

  font-weight: 600;

}



.cta-btn:hover {

  background: #4E397B;

  color: #fff;

}





.footer-section {

  background: url("../images/footer-bg.png") no-repeat top 3.4rem center;

  background-size: cover;

  min-height: 510px;

  padding-top: 355px;

  color: #ffffff;

}



.copyright a{color:#fff;}



.footer-content {

  padding-bottom: 25px;

}



.footer-logo img {

  max-width: 270px;

  width: 100%;

}



.footer-links {

  list-style: none;

  padding: 0;

  margin: 0;

}



.footer-links li {

  margin-bottom: 28px;

}



.footer-links li a {

  color: #ffffff;

  text-decoration: none;

  font-size: 17px;

  font-weight: 500;

}



.footer-links li a:hover {

  color: #ddd;

}



.footer-contact h4 {

  font-size: 20px;

  font-weight: 700;

  margin-bottom: 28px;

}



.footer-contact p {

  font-size: 17px;

  color: #ffffff;

  margin-bottom:28px;

}



.footer-contact i {

  font-size: 14px;

  margin-right: 8px;

}



.footer-contact a {

  color: #ffffff;

  text-decoration: none;

}



.footer-bottom {

  border-top: 1px solid rgba(255, 255, 255, 0.8);

  padding-top: 15px;

  padding-bottom: 15px;

}



.social-icons {

  display: flex;

  gap: 10px;

  list-style: none;

  padding: 0;

  margin: 0;

}



.social-icons li a {

  width: 42px;

  height: 42px;

  background: #8B74B5;

  color: #fff;

  border-radius: 50%;

  display: flex;

  align-items: center;

  justify-content: center;

  text-decoration: none;

}



.social-icons li a:hover {

  background: #977dc7;

  color: #ffffff;

}



.copyright {

  margin: 0;

  text-align: right;

  font-size: 14px;

  color: #ffffff;

}



@media (max-width: 991px) {

  .footer-section {

    padding-top: 200px;

  }



  .footer-logo {

    text-align: center;

    margin-bottom: 35px;

  }



  .footer-links,

  .footer-contact {

    margin-bottom: 25px;

  }

}



@media (max-width: 767px) {

  .footer-section {

    padding-top: 170px;

    text-align: center;

  }



  .footer-links li {

    margin-bottom: 16px;

  }



  .social-icons {

    justify-content: center;

    margin-bottom: 15px;

  }



  .copyright {

    text-align: center;

    font-size: 14px;

  }

}



.bannersec.aboutsec .banner-caption{padding-top:10rem;}

.bannersec.aboutsec .recboxtwocus{top:162px;}

.change-section.abouttxtsec{padding-top:70px;}



.about-section {

  width: 100%;

}



.about-image {

  width: 100%;

  height: 100%;

}



.about-image img {

  width: 100%;

  height: 100%;

  object-fit: cover;

  display: block;

}



.about-content {

  background-color: #f4f4f4;

  height: 100%;

  padding: 80px 60px;

  display: flex;

  flex-direction: column;

  justify-content: center;

}



.about-content h2 {

  font-size: 40px;

  font-weight: 700;

  margin-bottom: 20px;

  color:#260866;

}



.about-content p {

  line-height: 1.7;

  margin: 0;

}



/* Responsive */

@media (max-width: 991px) {

  .about-image img {

    height: 350px;

  }



  .about-content {

    padding: 50px 30px;

  }



  .about-content h2 {

    font-size: 32px;

  }



  .about-content p {

    font-size: 16px;

  }

}



.bannersec.aboutsec{height:570px;}

.bannersec.aboutsec h1{text-align:center;}

.bannersec.aboutsec .banner-caption{width:100%; left:0; top:6rem;}

.change-section.abouttxtsec{background-color:#4E397B; padding:80px 0;}

.change-section.abouttxtsec .change-title{color:#fff;}

.change-section.abouttxtsec .change-title span{color:#fff;}

.change-section.abouttxtsec .change-text{color:#fff;}



.two-column-bg-section {

  padding: 70px 0 0;

}



.bg-card {

  position: relative;

  min-height: 420px;

  background-size: cover;

  background-position: center;

  border-radius: 0;

  overflow: hidden;

  display: flex;

  align-items: center;

  border-radius:12px!important;

}



.vismisimgbox{width:100px; height:100px; margin:0; display:block; padding:20px; border-radius:50%; border:1px solid #fff; margin-bottom:1.2rem;}



.vismisimgcls{width:100%; margin-bottom:1.5rem;}

.vismissec{padding-bottom:80px;}



.bg-card{transition:all 0.3s ease-in-out; background-size:100%; cursor:pointer;}

.bg-card:hover{background-size:120%;}



.bg-card-one {

  background-image: url("../images/mis01.jpg");

}



.bg-card-two {

  background-image: url("../images/mis02.jpg");

}



.bg-overlay {

  position: absolute;

  inset: 0;

  background: rgba(38, 15, 90, 0.65);

  z-index: 1;

}



.bg-content {

  position: relative;

  z-index: 2;

  color: #ffffff;

  padding: 40px;

}



.bg-content h2 {

  font-size: 36px;

  font-weight: 700;

  margin-bottom: 15px;

}



.bg-content p {

  font-size: 17px;

  line-height: 1.7;

  margin: 0;

  color:#fff;

}



/* Responsive */

@media (max-width: 767px) {

  .two-column-bg-section {

    padding: 50px 0;

  }



  .bg-card {

    min-height: 320px;

  }



  .bg-content {

    padding: 30px;

  }



  .bg-content h2 {

    font-size: 28px;

  }



  .bg-content p {

    font-size: 16px;

  }

}



.history-section {

      padding: 60px 0;

      background: #ffffff;

      overflow: hidden;

	  position:relative;

    }



  .history-section  .section-title {

      text-align: center;

      margin-bottom: 50px;

    }



  .history-section .section-title span {

      color: #260f5a;

      font-weight: 700;

      text-transform: uppercase;

      letter-spacing: 1px;

      font-size: 14px;

	  font-family: 'Poppins', sans-serif;

    }



    .section-title h2 {

      font-size: 37px;

      font-weight: 700;

      color: #260f5a;

      margin-top: 10px;

	  letter-spacing: 0;

    }



    .history-card {

      background: #ffffff;

      border-radius: 18px;

      padding: 28px 22px;

      min-height: 330px;

      border: 1px solid #eee;

      box-shadow: 0 10px 30px rgba(38, 15, 90, 0.12);

      transition: all 0.4s ease;

      position: relative;

      overflow: hidden;

	  min-height:375px!important;

    }



    .history-card:hover {

      transform: translateY(-20px);

      background: #260f5a;

    }



    .history-card:hover .history-year,

    .history-card:hover h3,

    .history-card:hover p {

      color: #ffffff;

    }



    .history-year {

      font-size: 38px;

      font-weight: 800;

      color: #260f5a;

      margin-bottom: 18px;

      transition: all 0.4s ease;

    }



    .history-card h3 {

      font-size: 20px;

      font-weight: 700;

      color: #222222;

      margin-bottom: 14px;

      transition: all 0.4s ease;

    }



    .history-card p {

      font-size: 15px;

      line-height: 1.7;

      color: #555555;

      margin: 0;

      transition: all 0.4s ease;

    }



     .owl-carousel .owl-stage-outer {

      padding: 20px 0 35px;

    }



    .owl-nav {

      text-align: center;

      margin-top: 20px;

    }



    .owl-nav button {

      width: 46px;

      height: 46px;

      border-radius: 50% !important;

      background: #260f5a !important;

      color: #ffffff !important;

      font-size: 28px !important;

      line-height: 1 !important;

      margin: 0 6px;

      transition: all 0.3s ease;

    }



    .owl-nav button:hover {

      background: #3c1b85 !important;

    }



    .owl-dots {

      text-align: center;

      margin-top: 15px;

    }



    .owl-dot span {

      width: 10px !important;

      height: 10px !important;

      background: #c7bde2 !important;

    }



    .owl-dot.active span {

      background: #260f5a !important;

      width: 28px !important;

    }



    @media (max-width: 767px) {

      .history-section {

        padding: 50px 0;

      }



      .section-title h2 {

        font-size: 30px;

      }



      .history-card {

        min-height: auto;

      }

    }

	

.history-card {

  background: #ffffff;

  border-radius: 18px;

  padding: 28px 22px;

  min-height: 330px;

  border: 1px solid #eee;

  box-shadow: 0 10px 30px rgba(38, 15, 90, 0.12);

  transition: all 0.4s ease;

  position: relative;

  overflow: hidden;

}



.history-card:hover,

.owl-item.active.center .history-card {

  transform: translateY(-10px);

  background: #260866;

}



.history-card:hover .history-year,

.history-card:hover h3,

.history-card:hover p,

.owl-item.active.center .history-card .history-year,

.owl-item.active.center .history-card h3,

.owl-item.active.center .history-card p {

  color: #ffffff;

}



.history-year {

  font-size: 34px;

  font-weight:700;

  color: #260866;

  margin-bottom: 18px;

  transition: all 0.4s ease;

}



.history-card h3 {

  font-size: 20px;

  font-weight: 700;

  color: #222222;

  margin-bottom: 14px;

  transition: all 0.4s ease;

}



.history-card p {

  font-size: 15px;

  line-height: 1.7;

  color: #555555;

  margin: 0;

  transition: all 0.4s ease;

}	



.owl-theme .owl-nav [class*=owl-]{padding:10px 17px;}



.callusbtn{text-align:left;}

.callusbtn img{width:40px; height:40px; display:flex; align-items:center; 

justify-content:center; background-color:#6B559C; padding:11px; border-radius:5px; 

position:absolute; left:-38px;}

.callusbtn .nav-link{padding-left:10px!important; padding-right:0px!important; 

position:relative; font-size:14px;}

.callusbtn .nav-link strong{font-weight:800; font-family: "Cormorant Garamond", serif; font-size:20px;}

.showmobcls{width:100%; display:none;}



.impact-box {

  background: #fff;

  padding: 35px 30px;

  border-radius: 18px;

  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.07);

}



.impact-box-title {

  font-size: 24px;

  font-weight: 700;

  color: #222;

  margin-bottom: 28px;

}



.impact-item {

  display: flex;

  align-items: center;

  gap: 18px;

  padding: 18px 0;

  border-bottom: 1px solid #eee;

}



.impact-item:last-child {

  border-bottom: none;

  padding-bottom: 0;

}



.impact-icon {

  width: 55px;

  height: 55px;

  min-width: 55px;

  border-radius: 50%;

  background: #f1f5f9;

  display: flex;

  align-items: center;

  justify-content: center;

  margin-top: 5px;

}



.impact-icon i {

  font-size: 24px;

  color: #222;

}



.impact-item h4 {

  font-size: 26px;

  font-weight: 700;

  color: #111;

  margin-bottom: 4px;

  color:#50215b;

}



.impact-item p {

  font-size: 15px;

  color: #666;

  margin-bottom: 0;

}



@media (max-width: 767px) {

  .impact-title {

    font-size: 30px;

  }



  .impact-box {

    padding: 28px 22px;

  }



  .impact-item h4 {

    font-size: 22px;

  }

}



.opportunity-section.impactsec h2.section-title{margin-bottom:2rem;}

.impacttxtbox{width:80%; text-align:right; padding-right:1.5rem;}



/* Apni Kutir */

.apni-kutir-map-section {

  background: #f8f6f1;

}



.section-title {

  font-size: 38px;

  font-weight: 700;

  color: #222;

  margin-bottom: 20px;

}



.section-subtitle {

  font-size: 17px;

  color: #666;

  margin-bottom: 0;

}



.state-list-box {

  background: #fff;

  padding: 30px;

  border-radius: 20px;

  box-shadow: 0 12px 35px rgba(0, 0, 0, 0.08);

}



.state-list-box h3 {

  font-size: 24px;

  font-weight: 700;

  color: #222;

  margin-bottom: 25px;

}



.state-btn {

  width: 100%;

  border: none;

  background: #f7f3ec;

  color: #222;

  padding: 16px 18px;

  margin-bottom: 14px;

  border-radius: 14px;

  display: flex;

  align-items: center;

  gap: 12px;

  font-size: 16px;

  font-weight: 600;

  text-align: left;

  transition: all 0.3s ease;

}



.state-btn:hover {

  background: #222;

  color: #fff;

  transform: translateX(5px);

}



.state-btn span {

  width: 34px;

  height: 34px;

  background: #fff;

  color: #222;

  border-radius: 50%;

  display: flex;

  align-items: center;

  justify-content: center;

}



/* Map Box */

.india-map-box {

  position: relative;

  background: #fff;

  border-radius: 24px;

  padding: 35px;

  min-height: 520px;

  display: flex;

  align-items: center;

  justify-content: center;

  box-shadow: 0 12px 35px rgba(0, 0, 0, 0.08);

  overflow: hidden;

}



.india-map-img {

  max-height: 470px;

  opacity: 0.85;

}



/* Map Pins */

.map-pin {

  position: absolute;

  border: none;

  background: transparent;

  padding: 0;

  cursor: pointer;

  text-align: center;

}



.map-pin span {

  width: 18px;

  height: 18px;

  background: #d85b2a;

  border: 3px solid #fff;

  border-radius: 50%;

  display: block;

  margin: 0 auto 6px;

  box-shadow: 0 0 0 8px rgba(216, 91, 42, 0.18);

  animation: pulsePin 1.8s infinite;

}



.map-pin small {

  background: #222;

  color: #fff;

  padding: 5px 9px;

  border-radius: 20px;

  font-size: 12px;

  white-space: nowrap;

}



.west-bengal-pin {

  right: 28%;

  bottom: 28%;

}



.bihar-pin {

  right: 33%;

  bottom: 41%;

}



.rajasthan-pin {

  left: 29%;

  top: 38%;

}



@keyframes pulsePin {

  0% {

    box-shadow: 0 0 0 0 rgba(216, 91, 42, 0.4);

  }



  70% {

    box-shadow: 0 0 0 14px rgba(216, 91, 42, 0);

  }



  100% {

    box-shadow: 0 0 0 0 rgba(216, 91, 42, 0);

  }

}



/* Modal */

.kutir-modal .modal-content {

  border: none;

  border-radius: 22px;

  overflow: hidden;

}



.kutir-modal .modal-header {

  background: #222;

  color: #fff;

  padding: 20px 24px;

}



.kutir-modal .modal-title {

  font-size: 22px;

  font-weight: 700;

}



.kutir-modal .btn-close {

  filter: invert(1);

}



.kutir-modal .modal-body {

  padding: 26px;

}



.kutir-detail-item {

  display: flex;

  justify-content: space-between;

  gap: 20px;

  padding: 14px 0;

  border-bottom: 1px solid #eee;

}



.kutir-detail-item strong {

  color: #222;

  font-size: 15px;

}



.kutir-detail-item span {

  color: #666;

  font-size: 15px;

  text-align: right;

}



.kutir-space-box {

  background: #f7f3ec;

  padding: 20px;

  border-radius: 16px;

  margin-top: 22px;

  min-height: 120px;

}



.kutir-space-box h6 {

  font-size: 17px;

  font-weight: 700;

  color: #222;

  margin-bottom: 10px;

}



.kutir-space-box p {

  color: #666;

  font-size: 15px;

  margin-bottom: 6px;

}



@media (max-width: 991px) {

  .india-map-box {

    min-height: 430px;

    padding: 25px;

  }



  .india-map-img {

    max-height: 380px;

  }



  .section-title {

    font-size: 32px;

  }

}



@media (max-width: 575px) {

  .state-list-box {

    padding: 24px;

  }



  .india-map-box {

    min-height: 360px;

  }



  .map-pin small {

    font-size: 10px;

  }



  .west-bengal-pin {

    right: 18%;

    bottom: 28%;

  }



  .bihar-pin {

    right: 25%;

    bottom: 42%;

  }



  .rajasthan-pin {

    left: 22%;

    top: 38%;

  }



  .kutir-detail-item {

    display: block;

  }



  .kutir-detail-item span {

    display: block;

    text-align: left;

    margin-top: 5px;

  }

}



.change-section.abouttxtsec h2.change-title{margin-bottom:20px;}

.change-section.abouttxtsec{width:100%; background-position:bottom left; background-repeat:no-repeat; background-size:134%;}

.about-section.howdoitsec{width:100%; background-position:top right; background-repeat:no-repeat; background-size:200px; 

background-color:#f9f9f9;}

.about-section.howdoitsec .about-content{background-color:transparent;}



.bannersec.aboutsec.apnikutirsec h2{text-align:center;}

.bannersec.aboutsec.apnikutirsec .banner-caption{top:4rem;}





.apni-kutir-map-section {

      background: #f8f6f1;

      min-height: 100vh;

    }



    .section-title {

      font-size: 43px;

      font-weight: 700;

      color: #260866;

      margin-bottom: 12px;

	  line-height:50px;

    }



    .section-subtitle {

      font-size: 17px;

      color: #666;

      margin-bottom: 0;

    }



    .state-list-box {

      background: #fbfbfb;

      padding: 30px;

      border-radius: 20px;

      box-shadow: 0 12px 35px rgba(0, 0, 0, 0.08);

    }



    .state-list-box h3 {

      font-size: 24px;

      font-weight: 700;

      color: #222;

      margin-bottom: 25px;

    }



    .state-btn {

      width: 100%;

      border: none;

      background-color:#8B74B5;

      color: #222;

      padding: 16px 18px;

      margin-bottom: 14px;

      border-radius: 14px;

      display: flex;

      align-items: center;

      gap: 12px;

      font-size: 16px;

      font-weight: 600;

      text-align: left;

      transition: all 0.3s ease;

    }



    .state-btn:hover,

    .state-btn.active {

      background:#4E397B;

      color: #fff;

      transform: translateX(5px);

    }



    .state-btn span {

      width: 34px;

      height: 34px;

      background: #FAF9FC;

      color: #222;

      border-radius: 50%;

      display: flex;

      align-items: center;

      justify-content: center;

    }



    .state-btn:hover span,

    .state-btn.active span {

      color: #6B559C;

    }



    .india-map-box {

      position: relative;

      background: #fff;

      border-radius: 24px;

      padding: 35px;

      min-height: 580px;

      display: flex;

      align-items: center;

      justify-content: center;

      box-shadow: 0 12px 35px rgba(0, 0, 0, 0.08);

      overflow: hidden;

    }



    .state-map-shape {

      display: none;

      position: relative;

      background:transparent;

      border-radius: 24px;

    }



    .state-map-shape.active-map {

      display: flex;

      align-items: center;

      justify-content: center;

    }



    .state-map-shape span {

      font-size: 18px;

    font-weight: 500;

    color: #555;

    background: rgba(255, 255, 255, 0.75);

    padding: 8px 16px;

    border-radius: 30px;

    position: relative;

    left: -147px;

    }



    /* West Bengal Shape */

    .west-bengal-map {

    width: 315px;

    height: 460px;

    background-image: url('../images/wb-map01.png');

    background-position: top center;

    background-repeat: no-repeat;

    background-size: contain;

    }

	

	



    /* Bihar Shape */

    .bihar-map {

    width: 540px;

    height: 460px;

    background-image: url('../images/bihar-map01.png');

    background-position: top center;

    background-repeat: no-repeat;

    background-size: contain;

    }



.state-map-shape.bihar-map span{left:-300px;}



    /* Rajasthan Shape */

    .rajasthan-map {

      width: 540px;

    height: 460px;

    background-image: url('../images/rajasthan-map01.png');

    background-position: top center;

    background-repeat: no-repeat;

    background-size: contain;

    }

	

	.rajasthan-map.state-map-shape span{left:-213px; top:-140px;}



    .map-dot {

      display: none;

      position: absolute;

      border: none;

      background: transparent;

      padding: 0;

      cursor: pointer;

      text-align: center;

      z-index: 5;

    }



    .map-dot.active-dot {

      display: block;

    }



    .map-dot span {

      width: 16px;

      height: 16px;

      background: #D46AC2;

      border: 3px solid #fff;

      border-radius: 50%;

      display: block;

      margin: 0 auto 6px;

      box-shadow: 0 0 0 8px rgba(216, 91, 42, 0.18);

      animation: pulsePin 1.8s infinite;

    }



    .map-dot small {

      background: #222;

      color: #fff;

      padding: 5px 9px;

      border-radius: 20px;

      font-size: 11px;

      white-space: nowrap;

    }



    /* West Bengal Dot Positions */

    .dot-wb-1 {

      right: 37%;

      top: 77%;

    }



    .dot-wb-2 {

      right: 43%;

      top: 73%;

    }



    .dot-wb-3 {

      right: 45%;

      top: 58%;

    }



    .dot-wb-4 {

      right: 42%;

      top: 17%;

    }



    .dot-wb-5 {

      right: 45%;

      top: 47%;

    }



    /* Bihar Dot Positions */

    .dot-bihar-1 {

      right: 32%;

      top: 42%;

    }



    .dot-bihar-2 {

      right: 46%;

      top: 44%;

    }



    .dot-bihar-3 {

      right: 52%;

      top: 55%;

    }



    .dot-bihar-4 {

      right: 28%;

      top: 51%;

    }



    .dot-bihar-5 {

      right: 39%;

      top: 56%;

    }



    /* Rajasthan Dot Positions */

    .dot-raj-1 {

      left: 43%;

      top: 43%;

    }



    .dot-raj-2 {

      left: 49%;

      top: 49%;

    }



    .dot-raj-3 {

      left: 35%;

      top: 47%;

    }



    .dot-raj-4 {

      left: 44%;

      top: 62%;

    }



    .dot-raj-5 {

      left: 31%;

      top: 33%;

    }



    @keyframes pulsePin {

      0% {

        box-shadow: 0 0 0 0 rgba(216, 91, 42, 0.4);

      }



      70% {

        box-shadow: 0 0 0 14px rgba(216, 91, 42, 0);

      }



      100% {

        box-shadow: 0 0 0 0 rgba(216, 91, 42, 0);

      }

    }



    .kutir-modal .modal-content {

      border: none;

      border-radius: 22px;

      overflow: hidden;

    }



    .kutir-modal .modal-header {

      background-color:#3c1844;

      color: #fff;

      padding: 20px 24px;

    }



    .kutir-modal .modal-title {

      font-size: 25px;

      font-weight: 700;

    }



    .kutir-modal .btn-close {

      filter: invert(1);

    }



    .kutir-modal .modal-body {

      padding: 0 25px 25px 25px;

    }



    .kutir-detail-item {

      display: flex;

      justify-content: space-between;

      gap: 20px;

      padding: 14px 0;

      border-bottom: 1px solid #eee;

    }



    .kutir-detail-item strong {

      color: #222;

      font-size: 15px;

    }



    .kutir-detail-item span {

      color: #666;

      font-size: 15px;

      text-align: right;

    }



    .kutir-space-box {

      background: #f7f3ec;

      padding: 20px;

      border-radius: 16px;

      margin-top: 22px;

      min-height: 120px;

    }



    .kutir-space-box h6 {

      font-size: 17px;

      font-weight: 700;

      color: #222;

      margin-bottom: 10px;

    }



    .kutir-space-box p {

      color: #666;

      font-size: 15px;

      margin-bottom: 6px;

    }



    @media (max-width: 991px) {

      .india-map-box {

        min-height: 480px;

        padding: 25px;

      }



      .section-title {

        font-size: 32px;

      }



      .west-bengal-map {

        width: 220px;

        height: 420px;

      }



      .bihar-map {

        width: 360px;

        height: 220px;

      }



      .rajasthan-map {

        width: 340px;

        height: 340px;

      }

    }



    @media (max-width: 575px) {

      .state-list-box {

        padding: 24px;

      }



      .india-map-box {

        min-height: 390px;

        padding: 20px;

      }



      .west-bengal-map {

        width: 180px;

        height: 330px;

      }



      .bihar-map {

        width: 280px;

        height: 170px;

      }



      .rajasthan-map {

        width: 270px;

        height: 270px;

      }



      .map-dot small {

        display: none;

      }



      .map-dot span {

        width: 14px;

        height: 14px;

      }



      .kutir-detail-item {

        display: block;

      }



      .kutir-detail-item span {

        display: block;

        text-align: left;

        margin-top: 5px;

      }

    }

.apni-kutir-map-section h2.section-title{margin-bottom:20px;}

.apni-kutir-map-section{padding:70px 0;}



.parnertopsec{padding-top:70px;}

.apni-kutir-map-section.impactbgsec{padding-top:50px;}

.apni-kutir-map-section.impactbgsec .section-title-row{flex-direction:column; gap:0; margin-bottom:37px;}

.apni-kutir-map-section.impactbgsec .section-title-row p{width:100%; max-width:100%;}

.apni-kutir-map-section.impactbgsec .topbgtwosec{padding-top:70px; position:relative;}

.flowericonone{position:absolute; right:0; top:1rem;}



.grid-bg{

  background-color: #fbfbfb;

  background-image:

    linear-gradient(rgba(38, 8, 102, 0.08) 1px, transparent 1px),

    linear-gradient(90deg, rgba(38, 8, 102, 0.08) 1px, transparent 1px);

  background-size: 40px 40px;

}

.impact-section.impactbgsec .impact-icon{margin-top:-25px;}



.program-section {

      padding: 80px 0;

	  width:100%; 

	  position:relative;

    }

	

.flowericontwo{position:absolute; top:2rem; left:2rem;}

.flowericonthree{position:absolute; top:6rem; right:2.5rem;}



    .section-heading {

      text-align: center;

      margin-bottom: 20px;

    }



    .section-heading span {

      display: inline-block;

      color: #6B559C;

      font-size: 15px;

      font-weight: 600;

      text-transform: uppercase;

      letter-spacing: 1px;

      margin-bottom: 10px;

    }



    .section-heading h2 {

      font-size: 43px;

      font-weight: 700;

      color: #260866;

      margin-bottom: 12px;

    }



    .section-heading p {

      max-width: 950px;

      margin: 0 auto 15px;

      font-size: 17px;

      color: #555;

      line-height: 1.7;

    }



    .program-card {

      background: #ffffff;

      border-radius: 18px;

      overflow: hidden;

      box-shadow: 0 12px 35px rgba(38, 8, 102, 0.12);

      transition: all 0.3s ease;

    }



    .program-card:hover {

      transform: translateY(-8px);

      box-shadow: 0 18px 45px rgba(38, 8, 102, 0.18);

    }



    .program-img {

      width: 100%;

      height: 260px;

      overflow: hidden;

    }



    .program-img img {

      width: 100%;

      height: 100%;

      object-fit: cover;

	  object-position: top;

      transition: all 0.4s ease;

    }



    .program-card:hover .program-img img{

      transform: scale(1.08);

    }



    .program-content {

      padding: 25px 15px;

      text-align: center;

    }



    .program-content h3 {

      font-size: 22px;

      font-weight: 700;

      color: #260866;

      margin-bottom: 18px;

	  min-height: 53px;

    }

	

	.nopadtopcls{padding-top:0!important;}

	.program-section.nopadtopcls .flowericonthree{top:1rem;}



    .program-content a {

      display: inline-block;

      text-decoration: none;

      background: #50215b;

      color: #ffffff;

      padding: 11px 26px;

      border-radius: 30px;

      font-size: 15px;

      font-weight: 600;

      transition: all 0.3s ease;

    }



    .program-content a:hover {

      background: #4a235c;

      color: #ffffff;

    }



    .owl-carousel .owl-stage-outer {

      padding: 15px 0 20px;

    }



    .owl-theme .owl-dots .owl-dot span {

      width: 11px;

      height: 11px;

      background: rgba(38, 8, 102, 0.25);

      margin: 5px;

    }



    .owl-theme .owl-dots .owl-dot.active span,

    .owl-theme .owl-dots .owl-dot:hover span {

      background: #910fa1;

    }



    .owl-theme .owl-nav {

      margin-top: 10px;

    }



    .owl-theme .owl-nav [class*='owl-'] {

      background: #4E397B !important;

      color: #ffffff !important;

      width: 42px;

      height: 42px;

      border-radius: 50% !important;

      font-size: 24px !important;

      line-height: 35px !important;

      transition: all 0.3s ease;

    }



    .owl-theme .owl-nav [class*='owl-']:hover {

      background: #6B559C !important;

    }



    @media (max-width: 767px) {

      .program-section {

        padding: 55px 0;

      }



      .section-heading h2 {

        font-size: 32px;

      }



      .section-heading p {

        font-size: 15px;

      }



      .program-img {

        height: 230px;

      }

    }



.voices-wrapper{padding-top:2.5rem;}

.owl-theme .owl-nav [class*='owl-']{line-height:0; font-size:20px!important; 

display:inline-flex; align-items:center;justify-content:center;padding:10px;}



.opportunity-section.apnikutirblueprintsec{padding:50px 0; position:relative; 

margin-bottom:1rem;}

.opportunity-section.apnikutirblueprintsec h2.section-title{margin-bottom:2rem;}



.process-card {

  height: 100%;

  background: #ffffff;

  border-radius: 18px;

  padding: 28px;

  display: flex;

  align-items: center;

  justify-content: space-between;

  gap: 22px;

  box-shadow: 0 12px 35px rgba(38, 8, 102, 0.10);

  border: 1px solid rgba(38, 8, 102, 0.08);

  transition: all 0.3s ease;

}



.process-card:hover {

  transform: translateY(-6px);

  box-shadow: 0 18px 45px rgba(38, 8, 102, 0.16);

}



.process-content {

  flex: 1;

}



.process-content h4 {

  font-size: 22px;

  font-weight: 700;

  color: #260866;

  margin-bottom: 10px;

}



.process-content p {

  font-size: 15px;

  line-height: 1.7;

  color: #555555;

  margin-bottom: 0;

}



.process-icon {

  width: 72px;

  height: 72px;

  min-width: 72px;

  border-radius: 50%;

  background: rgba(145, 15, 161, 0.10);

  display: flex;

  align-items: center;

  justify-content: center;

}



.process-icon img {

  width: 42px;

  height: 42px;

  object-fit: contain;

}



@media (max-width: 767px) {

  .process-section {

    padding: 50px 0;

  }



  .process-card {

    padding: 24px;

  }



  .process-content h4 {

    font-size: 20px;

  }



  .process-content p {

    font-size: 14px;

  }



  .process-icon {

    width: 60px;

    height: 60px;

    min-width: 60px;

  }



  .process-icon img {

    width: 34px;

    height: 34px;

  }

}



.process-content{text-align:left;}

.blueprintoneimg{margin-top:2.8rem;}

.philosophysec .change-btn{width:215px;text-align:center;margin-top:1rem;}

.opportunity-section.impactsec .impact-box-title{background-color:#5c467f;color:#fff;padding:1rem;border-radius:10px 10px 0 0;}



.about-section.philosophysec p{margin-bottom:15px;}

.flowehalfbgone{width:100%; background-image:url('../images/half-flower01.png'); 

background-position:top 25px right; background-repeat:no-repeat; background-size:75px;}



.program-section.abtwhyaksec .program-content h3{min-height:80px;}

.abtwhyaksec{background-color:#fbfbfb;}



.sdgonebox{width:100%;}

.sdgonebox ul {

  display: inline-flex;

  align-items: center;

  gap: 18px;

  padding: 0;

  margin: 0;

  list-style: none;

  flex-wrap: wrap;

  justify-content: center;

}



.sdgonebox ul li {

  display: inline-flex;

  align-items: center;

  justify-content: center;

  width: 15%;

}



.gapfromtopbox{padding-top:0rem;}



.sdgonebox ul li img {

  display: block;

  max-width: 100%;

  height: auto;

  box-shadow: 1px 2px 4px rgba(0,0,0,0.15);

}



.shadudejaimg{width:100%; text-align:center;}

.shadudejaimg img{border:10px solid #fff; height:480px;object-fit:cover;width:80%;}

.change-section.foundersec .change-title span{font-size:20px; font-family: 'Poppins', sans-serif; font-weight:600;}

.change-section.foundersec h2.change-title{line-height:40px; margin-bottom:15px;}

.change-section.foundersec p.subtitletwocls{margin-bottom:1.5rem;}

.change-section.foundersec p.subtitletwocls strong{color:#fff; font-weight:400; 

font-size:18px;}



.change-section.foundersec .col-lg-7.col-md-7{display:flex;align-items:start;

flex-direction:column;justify-content:center;}

.comangdirsec .bg-card{border-radius:40px 5px 40px 5px; justify-content:center;

text-align:center;}

.comangdirsec .bg-card img{border-radius:20px 20px 5px 5px; border:5px solid #fff;}

.comangdirsec .bg-content h2{font-size:30px;font-weight:700;margin-bottom:5px;

margin-top:1rem;}

.comangdirsec h2.change-title{color:#260866;}

.coloronecls{background-color:#8976a9!important;}



.comangdirsec .bg-overlay{background:#4E397B;}

.change-section.quoteclssec{background-color:#471c4f; padding:70px 0;}

.change-section.quoteclssec p.change-text{font-size: 36px;

    padding-top: 1.3rem;

    color: #fff;

    margin: 0;

    max-width: 100%;}

.change-section.quoteclssec{width:100%;  

background-position:bottom left; background-repeat:no-repeat; background-size:100%; background-color:#2E2238;}	

	

.teamsec{width:100%; padding:70px 0 0; position:relative;}

.bglightcolorcls{background-color:#fefaf7!important;}	

.teamsec .titledirsec{text-align:center; margin-bottom:8.5rem;}	

.teamsec .titledirsec h2.change-title{text-align:center; color:#260866;}

.singleteamcls{width:100%; position:relative; margin-bottom:8rem;}	

.teamsinimgcls{width:90%; background-color:#8B74B5; margin:0 auto; 

border-radius:30px 30px 0 20px;}	

.teamsinimgcls img{width:100%; margin-top:-6.1rem;}	



.degitxtbox

 {

    width: 86%;

    position: absolute;

    bottom: -3rem;

    right: 5px;

    min-height: 100px;

    background-color: #4E397B;

    padding: 1rem;

 border-radius: 10px 20px; text-align:center; display:flex; align-items:center; justify-content:center;}

.degitxtbox p{color:#fff; margin:0; font-size:21px; font-weight:500;}

.degitxtbox p span{font-size:15px; font-weight:300;}



.teambgonesec

 {

    width: 100%;

    background-position: top left;

    background-repeat: no-repeat;

    background-size: 200px;

}

.degitxtbox{background-image: url('../images/smallbgicon01.png');

    background-position: center right;

    background-repeat: no-repeat;

    background-size:contain;}

.sincentralteamcls{width:100%; padding:1.2rem; background-color:#4E397B; 

border-radius:20px 10px; background-image: url('../images/smallbgicon01.png');

    background-position: center right;

    background-repeat: no-repeat;

    background-size:auto;}

.teamsec.centralteamsec{padding-bottom:60px;}

.teamsec.centralteamsec .titledirsec{width:80%; margin:0 auto;}

.teamsec.centralteamsec .titledirsec h2{margin-bottom:1.5rem;}

.teamsec.centralteamsec .titledirsec p{padding-bottom:1.5rem;}

.sincentralteamcls p{color:#fff; font-size:20px; margin-bottom:0; font-weight:500;}

.sincentralteamcls p span{font-size:14px; font-weight:300;}



.totalteamcls{width:100%; padding:2rem 0 0; text-align:center;}

.totalteamcls p{font-size:20px; color:#260866;}

.teamsec.akteamsec{background-color:#fefaf7!important; padding-bottom:70px; 

margin-bottom:70px;}



.akteamimgbox{width:100%;}

.akteamimgbox img{width:100%; border-radius:12px;}

.sincentralteamcls.singleothcordbox{margin-top:-43px;margin-left:20px;position:relative;z-index:10; min-height:130px;}

.sincentralteamcls.singleothcordbox p{margin-bottom:5px;}

.akteamimgbox{width:100%;box-shadow:2px 1px 10px rgba(0,0,0,0.25); border-radius:12px;}



.teamsec.akteamsec .titledirsec{margin-bottom:2.5rem;}

.teamsec.akteamsec .flowericonone img{width:115px;}



.comangdirsec .titledirsec{margin-bottom:2.5rem;}









    .impact-section {

      background: var(--dark);

      padding: 50px 0;

      overflow: hidden;

    }



    .impact-content {

      height: 100%;

      display: flex;

      flex-direction: column;

      justify-content: center;

      padding-right: 45px;

    }



    .impact-content h2 {

      color: #fff;

      font-size: 48px;

      line-height: 1.05;

      font-weight: 700;

      margin-bottom: 22px;

      letter-spacing: 0.2px;

    }



    .impact-content p {

      color: #fff;

      line-height: 1.85;

      max-width: 460px;

      margin-bottom: 38px;

    }



    .impact-btn {

      display: inline-flex;

      align-items: center;

      gap: 14px;

      background: var(--pink);

      color: #ffffff;

      text-decoration: none;

      font-weight: 700;

      padding: 15px 28px;

      border-radius: 4px;

      width: fit-content;

      transition: 0.3s ease;

      font-size: 15px;

    }



    .impact-btn:hover {

      background: #c9006f;

      color: #ffffff;

      transform: translateY(-2px);

    }



    .impact-btn i {

      font-size: 15px;

      line-height: 1;

    }



    .impact-grid {

      display: grid;

      grid-template-columns: 1fr 1fr;

      gap: 12px;

      align-items: stretch;

    }



    .impact-column {

      display: flex;

      flex-direction: column;

      gap: 12px;

    }



    .impact-column.right-column {

      padding-top: 0;

    }



    .impact-card {

      min-height: 138px;

      padding: 28px 28px;

      display: flex;

      flex-direction: column;

      justify-content: flex-end;

      position: relative;

	  text-align:left;

    }



    .impact-card.large {

      min-height: 245px;

    }



    .impact-card.pink {

      background: var(--pink);

      color: #ffffff;

    }



    .impact-card.white {

      background: #ffffff;

      color: var(--dark);

    }



    .impact-card .card-label{

      font-size: 12px;

      font-weight: 800;

      text-transform: uppercase;

      letter-spacing: 0.8px;

      margin-bottom: 10px;

      opacity: 0.85;

    }



    .impact-card .impact-number {

      font-family: "Manrope", sans-serif;

      font-size: 22px;

      font-weight: 800;

      line-height: 1.2;

      margin-bottom: 8px;

      letter-spacing: 0.2px;

    }



    .impact-card.white .impact-number {

      color:#4E397B;

    }



    .impact-card.pink .impact-number {

      color: #ffffff;

    }



    .impact-card .impact-title {

      font-size: 15px;

      font-weight: 600;

      line-height: 1.4;

      margin: 0;

	  text-align:left;

    }



    .impact-card.white .impact-title {

      color: var(--muted);

	  text-align:left;

    }



    .impact-card.pink .impact-title {

      color: #ffffff;

    }



    @media (max-width: 991px) {

      .impact-section {

        padding: 60px 0;

      }



      .impact-content {

        padding-right: 0;

        margin-bottom: 40px;

      }



      .impact-content h2 {

        font-size: 42px;

      }

    }



    @media (max-width: 575px) {

      .impact-section {

        padding: 50px 0;

      }



      .impact-grid {

        grid-template-columns: 1fr;

      }



      .impact-card,

      .impact-card.large {

        min-height: 160px;

      }



      .impact-content h2 {

        font-size: 36px;

      }



      .impact-content p {

        font-size: 15px;

      }

    }



.impactbgtwosec{background-image:url('../images/impactbg01.jpg'); 

background-repeat:no-repeat; background-position:bottom right; background-size:cover;}



/* Gallery Section */



.gallery-section {

      padding: 40px 0 50px;

      background: #f7f5f8;

    }



    .gallery-heading {

      text-align: center;

      margin-bottom: 25px;

    }



    .gallery-heading span {

      display: inline-block;

      color: #7b3fa1;

      font-size: 15px;

      font-weight: 700;

      letter-spacing: 1px;

      text-transform: uppercase;

      margin-bottom: 10px;

    }



    .gallery-heading h2 {

      font-size: 43px;

      font-weight: 700;

      line-height: normal;

      color: #260866;

      margin-bottom: 5px;

    }

	

	.gallery-heading h2 span.gallerytitlecol{color:#4E397B; font-size: 43px;

      font-weight: 700;

      line-height: 1.1;

      margin-bottom: 12px; text-transform: none;}



    .gallery-heading p {

      max-width: 850px;

      margin: 0 auto;

      font-size: 16px;

      line-height: 1.7;

      color: #625b66;

    }



    .gallery-grid {

      display: grid;

      grid-template-columns: repeat(6, 1fr);

      grid-auto-rows: 145px;

      gap: 8px;

    }



    .gallery-item {

      position: relative;

      overflow: hidden;

      cursor: pointer;

      background: #ddd;

    }



    .gallery-item img {

      width: 100%;

      height: 100%;

      object-fit: cover;

      display: block;

      transition: transform 0.5s ease, filter 0.5s ease;

    }



    .gallery-item::before {

      content: "";

      position: absolute;

      inset: 0;

      background: rgba(45, 22, 55, 0.45);

      opacity: 0;

      transition: 0.35s ease;

      z-index: 1;

    }



    .gallery-item::after {

      content: attr(data-title);

      position: absolute;

      left: 18px;

      right: 18px;

      bottom: 16px;

      color: #fff;

      font-family: "Cormorant Garamond", serif;

      font-size: 22px;

      font-weight: 700;

      line-height: 1.1;

      opacity: 0;

      transform: translateY(15px);

      transition: 0.35s ease;

      z-index: 2;

    }



    .gallery-item:hover img {

      transform: scale(1.08);

      filter: brightness(0.85);

    }



    .gallery-item:hover::before,

    .gallery-item:hover::after {

      opacity: 1;

    }



    .gallery-item:hover::after {

      transform: translateY(0);

    }



    .gallery-item.tall {

      grid-row: span 2;

    }



    .gallery-item.wide {

      grid-column: span 2;

    }



    .gallery-item.big {

      grid-column: span 2;

      grid-row: span 2;

    }



    .gallery-modal .modal-content {

      background: transparent;

      border: 0;

      border-radius: 0;

      position: relative;

    }



    .gallery-modal-box {

      background:rgba(62,29,91,0.95);

      padding: 12px;

      box-shadow: 0 25px 80px rgba(0, 0, 0, 0.4);

      position: relative;

    }



    .gallery-modal-box img {

      width: 100%;

      max-height: 78vh;

      object-fit: contain;

      display: block;

      animation: zoomIn 0.35s ease;

    }



    .gallery-modal-title {

      background:#2E2238;

      color: #fff;

      font-family: "Cormorant Garamond", serif;

      font-size: 24px;

      font-weight: 700;

      text-align: center;

      padding: 16px 22px;

    }



    .gallery-close {

      position: absolute;

      top: -18px;

      right: -18px;

      z-index: 30;

      width: 44px;

      height: 44px;

      background-color: #fff;

      border-radius: 50%;

      opacity: 1;

      box-shadow: 0 8px 25px rgba(0, 0, 0, 0.25);

    }



    .gallery-nav-btn {

      position: absolute;

      top: 50%;

      transform: translateY(-50%);

      z-index: 25;

      width: 48px;

      height: 48px;

      border: none;

      border-radius: 50%;

      background: #FAF9FC;

      color: #2d2433;

      font-size: 20px;

      line-height: 1;

      display: flex;

      align-items: center;

      justify-content: center;

      cursor: pointer;

      transition: 0.3s ease;

      box-shadow: 0 8px 25px rgba(0, 0, 0, 0.25);

    }



    .gallery-nav-btn:hover {

      background: #7b3fa1;

      color: #fff;

    }



    .gallery-prev {

      left: 22px;

    }



    .gallery-next {

      right: 22px;

    }



    @keyframes zoomIn {

      from {

        opacity: 0;

        transform: scale(0.94);

      }

      to {

        opacity: 1;

        transform: scale(1);

      }

    }



    @media (max-width: 1199px) {

      .gallery-grid {

        grid-template-columns: repeat(4, 1fr);

        grid-auto-rows: 140px;

      }

    }



    @media (max-width: 767px) {

      .gallery-section {

        padding: 55px 0;

      }



      .gallery-heading h2 {

        font-size: 36px;

      }



      .gallery-heading p {

        font-size: 15px;

      }



      .gallery-grid {

        grid-template-columns: repeat(2, 1fr);

        grid-auto-rows: 135px;

        gap: 7px;

      }



      .gallery-item.big,

      .gallery-item.wide {

        grid-column: span 2;

      }



      .gallery-item.tall {

        grid-row: span 2;

      }



      .gallery-close {

        top: 8px;

        right: 8px;

      }



      .gallery-modal-title {

        font-size: 24px;

      }



      .gallery-nav-btn {

        width: 40px;

        height: 40px;

        font-size: 24px;

      }



      .gallery-prev {

        left: 10px;

      }



      .gallery-next {

        right: 10px;

      }

    }

.modal.gallery-modal{z-index:99999;}

.apni-kutir-section.apnikutircusboxsec .stat-item{display:inline-block;}

.apni-kutir-section.apnikutircusboxsec .stat-icon{margin:0 auto 1rem;}

.apni-kutir-section.apnikutircusboxsec .stat-item{width:215px;padding:2rem 0.5rem;text-align:center;background-color:#6b559cd1;margin-right:0.5rem;}





.philosophy-section{

      position: relative;

      min-height: 120px;

      background-image: url('../images/philosophy-bg.jpg');

      background-size: cover;

      background-position: center;

      background-repeat: no-repeat;

      display: flex;

      align-items: center;

      overflow: hidden;

	  padding:70px 0;

    }



    .philosophy-section::before {

      content: "";

      position: absolute;

      inset: 0;

      background: rgba(20,8,35,0.35);

      z-index: 1;

    }



    .philosophy-content-wrap {

      position: relative;

      z-index: 2;

      width: 100%;

    }



    .philosophy-box {

      max-width: 100%;

      padding: 55px 50px;

      border-radius: 15px;

      background: linear-gradient(

        135deg,

        rgba(90, 69, 137, 0.88),

        rgba(122, 62, 177, 0.78),

        rgba(201, 163, 230, 0.42),

        rgba(245, 239, 250, 0.20)

      );

      backdrop-filter: blur(8px);

      -webkit-backdrop-filter: blur(8px);

      border: 1px solid rgba(245, 239, 250, 0.35);

      box-shadow: 0 28px 80px rgba(25, 8, 45, 0.35);

    }



    .philosophy-label {

      display: inline-block;

      font-size: 14px;

      font-weight: 700;

      letter-spacing: 1.5px;

      text-transform: uppercase;

      color: #F5EFFA;

      margin-bottom: 14px;

    }



    .philosophy-box h2 {

      font-size: 43px;

      line-height: 1;

      font-weight: 700;

      color: #ffffff;

      margin-bottom: 20px;

    }



    .philosophy-box p {

      font-size: 19px;

      line-height: 1.8;

      font-weight: 500;

      color: #ffffff;

      margin-bottom: 26px;

    }



    .philosophy-btn {

      display: inline-flex;

      align-items: center;

      gap: 10px;

      padding: 14px 28px;

      background: #F5EFFA;

      color: #4E397B;

      font-size: 15px;

      font-weight: 700;

      text-decoration: none;

      border-radius: 50px;

      transition: all 0.3s ease;

    }



    .philosophy-btn:hover {

      background: #ffffff;

      color: #6B559C;

      transform: translateY(-3px);

      box-shadow: 0 14px 30px rgba(25, 8, 45, 0.25);

    }



    .philosophy-btn span {

      font-size: 20px;

      line-height: 1;

    }



    @media (max-width: 991px) {

      .philosophy-section {

        min-height: 560px;

      }



      .philosophy-box {

        max-width: 100%;

        padding: 45px 35px;

      }



      .philosophy-box h2 {

        font-size: 48px;

      }



      .philosophy-box p {

        font-size: 17px;

      }

    }



    @media (max-width: 575px) {

      .philosophy-section {

        min-height: auto;

        padding: 70px 0;

      }



      .philosophy-box {

        padding: 35px 24px;

        border-radius: 18px;

      }



      .philosophy-box h2 {

        font-size: 40px;

      }



      .philosophy-box p {

        font-size: 16px;

        line-height: 1.7;

      }



      .philosophy-btn {

        padding: 13px 22px;

        font-size: 14px;

      }

    }



/* About Page */

.cf-btn-primary {

      display: inline-flex;

      align-items: center;

      gap: 10px;

      padding: 14px 28px;

      border-radius: 50px;

      background: var(--deep-purple);

      color: var(--white);

      font-size: 15px;

      font-weight: 700;

      transition: all 0.3s ease;

      border: 1px solid var(--deep-purple);

    }



    .cf-btn-primary:hover {

      background: var(--vibrant-violet);

      border-color: var(--vibrant-violet);

      color: var(--white);

      transform: translateY(-3px);

      box-shadow: 0 14px 34px rgba(91, 42, 134, 0.28);

    }



    .cf-btn-light {

      display: inline-flex;

      align-items: center;

      gap: 10px;

      padding: 14px 28px;

      border-radius: 50px;

      background: rgba(255, 255, 255, 0.92);

      color: var(--deep-purple);

      font-size: 15px;

      font-weight: 700;

      transition: all 0.3s ease;

    }



    .cf-btn-light:hover {

      background: var(--white);

      color: var(--vibrant-violet);

      transform: translateY(-3px);

    }



    .section-padding {

      padding: 80px 0;

    }



    .section-label {

      display: inline-flex;

      align-items: center;

      gap: 10px;

      color: var(--vibrant-violet);

      font-size: 13px;

      font-weight: 800;

      letter-spacing: 1.6px;

      text-transform: uppercase;

      margin-bottom: 5px;

    }



    .section-label::before {

      content: "";

      width: 34px;

      height: 2px;

      background: var(--orchid-pink);

      border-radius: 20px;

	  display:none;

    }



.cf-navbar {

      position: fixed;

      top: 0;

      left: 0;

      width: 100%;

      z-index: 999;

      padding: 18px 0;

      background: rgba(250, 249, 252, 0.82);

      backdrop-filter: blur(18px);

      -webkit-backdrop-filter: blur(18px);

      border-bottom: 1px solid rgba(201, 163, 230, 0.25);

      transition: all 0.3s ease;

    }



    .cf-navbar.scrolled {

      padding: 12px 0;

      box-shadow: 0 14px 38px rgba(46, 34, 56, 0.08);

    }



    .navbar-brand {

      font-family: "Cormorant Garamond", serif;

      font-size: 30px;

      font-weight: 700;

      color: var(--deep-purple);

      line-height: 1;

    }



    .navbar-brand span {

      display: block;

      font-family: "Manrope", sans-serif;

      font-size: 11px;

      font-weight: 800;

      letter-spacing: 2.4px;

      text-transform: uppercase;

      color: var(--orchid-pink);

      margin-top: 4px;

    }



    .navbar-nav .nav-link {

      color: var(--charcoal-plum);

      font-size: 14px;

      font-weight: 700;

      padding: 10px 14px !important;

      transition: 0.3s ease;

    }



    .navbar-nav .nav-link:hover,

    .navbar-nav .nav-link.active {

      color: var(--vibrant-violet);

    }



    .about-hero {

      position: relative;

      min-height: 760px;

      padding: 170px 0 50px;

      overflow: hidden;

      background:

        radial-gradient(circle at 15% 20%, rgba(212, 106, 194, 0.22), transparent 30%),

        radial-gradient(circle at 90% 15%, rgba(201, 163, 230, 0.45), transparent 28%),

        linear-gradient(135deg, #FAF9FC 0%, #F5EFFA 48%, #ffffff 100%);

    }



    .about-hero::after {

      content: "";

      position: absolute;

      width: 620px;

      height: 620px;

      border-radius: 50%;

      background: linear-gradient(135deg, rgba(91,42,134,0.12), rgba(212,106,194,0.12));

      right: -260px;

      bottom: -260px;

      filter: blur(2px);

    }



    .hero-content {

      position: relative;

      z-index: 2;

    }



    .breadcrumb-wrap {

      display: inline-flex;

      align-items: center;

      gap: 10px;

      padding: 10px 18px;

      border-radius: 40px;

      background: rgba(255, 255, 255, 0.82);

      border: 1px solid rgba(201, 163, 230, 0.42);

      color: var(--deep-purple);

      font-size: 13px;

      font-weight: 800;

      margin-bottom: 28px;

      box-shadow: 0 10px 28px rgba(91, 42, 134, 0.08);

    }



    .breadcrumb-wrap a {

      color: var(--deep-purple);

    }



    .hero-title {

      font-size: 68px;

      line-height: 80px;

      font-weight: 700;

      margin-bottom: 10px;

      max-width: 780px;

	  margin-top: 2.5rem;

	  position: relative;

	  z-index: 9;

	  color:#fff;

    }



    .hero-title span {

      color: var(--white);

    }



    .hero-para{

      font-size: 18px;

      line-height: 1.7;

      color: var(--white);

      max-width: 670px;

      margin-bottom: 10px;

    }



    .hero-stats {

      display: grid;

      grid-template-columns: repeat(3, 1fr);

      gap: 14px;

      margin-top: 42px;

      max-width: 690px;

    }



    .hero-stat-card{

      padding: 22px 18px;

      border-radius: 4px;

      background: rgba(255, 255, 255, 0.92);

      border: 1px solid rgba(201, 163, 230, 0.42);

      box-shadow: var(--shadow-card);

      backdrop-filter: blur(14px);

    }



    .hero-stat-card h3{

      font-size: 22px;

      line-height: 1;

      color: var(--deep-purple);

      margin-bottom: 8px;

	  font-family: "Manrope", sans-serif; 

    }



    .hero-stat-card p {

      font-size: 13px;

      font-weight: 800;

      color: var(--text-muted);

      margin: 0;

      text-transform: uppercase;

      letter-spacing: 0.8px;

    }



    .hero-image-wrap {

      position: relative;

      z-index: 2;

      min-height: 560px;

    }



    .hero-main-img {

      position: absolute;

      right: 0;

      top: 28px;

      width: 78%;

      height: 470px;

      object-fit: cover;

      border-radius: 240px 240px 28px 28px;

      box-shadow: 0 35px 90px rgba(91, 42, 134, 0.24);

    }



    .hero-small-img {

      position: absolute;

      left: 0;

      bottom: 22px;

      width: 48%;

      height: 250px;

      object-fit: cover;

      border-radius: 28px 120px 28px 28px;

      border: 10px solid var(--ivory-white);

      box-shadow: var(--shadow-soft);

    }



    .hero-floating-card {

      position: absolute;

      right: 30px;

      bottom: 6px;

      width: 270px;

      padding: 24px;

      border-radius: 7px;

      background: linear-gradient(135deg, rgba(78, 57,123, 0.92), rgba(139, 116, 181, 0.82));

      color: var(--white);

      box-shadow: 0 24px 65px rgba(91, 42, 134, 0.34);

      backdrop-filter: blur(12px);

    }



    .hero-floating-card h4 {

      color: var(--white);

      font-size: 30px;

      line-height: 1.05;

      margin-bottom: 10px;

    }



    .hero-floating-card p {

      margin: 0;

      font-size: 14px;

      line-height: 1.7;

      color:#fff;

	  font-weight: 500;

    }



    .story-section {

      background: var(--white);

      position: relative;

    }



    .story-card {

      padding: 42px;

      border-radius: 34px;

      background: linear-gradient(135deg, #ffffff 0%, #F5EFFA 100%);

      border: 1px solid rgba(201, 163, 230, 0.35);

      box-shadow: var(--shadow-card);

      height: 100%;

    }



    .story-card h3 {

      font-size: 38px;

      font-weight: 700;

      margin-bottom: 18px;

    }



    .story-card p {

      font-size: 16px;

      line-height: 1.85;

      color: var(--text-muted);

      margin-bottom: 0;

    }



    .story-image {

      height: 100%;

      min-height: 470px;

      border-radius: 34px;

      overflow: hidden;

      position: relative;

      box-shadow: var(--shadow-soft);

    }



    .story-image img {

      width: 100%;

      height: 100%;

      object-fit: cover;

    }



    .story-image::after {

      content: "";

      position: absolute;

      inset: 0;

      background: linear-gradient(to top, rgba(46, 34, 56, 0.44), transparent 55%);

    }



    .image-caption {

      position: absolute;

      left: 26px;

      bottom: 24px;

      z-index: 2;

      color: var(--white);

      max-width: 370px;

    }



    .image-caption h4 {

      color: var(--white);

      font-size: 34px;

      margin-bottom: 8px;

    }



    .image-caption p {

      font-size: 16px;

      line-height: 1.7;

      margin: 0;

      color: rgba(255,255,255,0.88);

    }



    .vision-mission-section {

      background:

        radial-gradient(circle at 10% 20%, rgba(201, 163, 230, 0.36), transparent 26%),

        radial-gradient(circle at 85% 65%, rgba(212, 106, 194, 0.20), transparent 28%),

        var(--mist-lavender);

      position: relative;

      overflow: hidden;

    }



    .vm-card {

      position: relative;

      padding: 46px;

      border-radius: 34px;

      height: 100%;

      background: rgba(255, 255, 255, 0.72);

      border: 1px solid rgba(255, 255, 255, 0.78);

      box-shadow: var(--shadow-card);

      backdrop-filter: blur(18px);

      overflow: hidden;

      transition: 0.35s ease;

    }



    .vm-card:hover {

      transform: translateY(-8px);

      box-shadow: var(--shadow-soft);

    }



    .vm-card::before {

      content: "";

      position: absolute;

      width: 130px;

      height: 130px;

      border-radius: 50%;

      right: -45px;

      top: -45px;

      background: rgba(212, 106, 194, 0.18);

    }



    .vm-icon {

      width: 64px;

      height: 64px;

      border-radius: 50%;

      display: flex;

      align-items: center;

      justify-content: center;

      background: linear-gradient(135deg, var(--deep-purple), var(--vibrant-violet));

      color: var(--white);

      font-size: 28px;

      margin-bottom: 28px;

    }



    .vm-card h3 {

      font-size: 42px;

      margin-bottom: 18px;

    }



    .vm-card p {

      font-size: 16px;

      line-height: 1.85;

      color: var(--text-muted);

      margin: 0;

    }



    .why-section {

      background: var(--ivory-white);

    }

	

	.why-section{position: relative;

    min-height: 120px;

    background-image: url('../images/philosophy-bg.jpg');

    background-size: cover;

    background-position: center;

    background-repeat: no-repeat;

    display: flex;

    align-items: center;

    overflow: hidden;

    padding: 70px 0 90px;}



    .why-card {

      height: 100%;

      padding: 34px 28px;

      border-radius: 28px;

      background: var(--white);

      border: 1px solid rgba(201, 163, 230, 0.32);

      box-shadow: var(--shadow-card);

      transition: 0.35s ease;

    }



    .why-card:hover {

      transform: translateY(-8px);

      background: linear-gradient(135deg, #ffffff 0%, #F5EFFA 100%);

    }



    .why-number {

      width: 48px;

      height: 48px;

      border-radius: 50%;

      background: var(--mist-lavender);

      color: var(--deep-purple);

      display: flex;

      align-items: center;

      justify-content: center;

      font-weight: 800;

      margin-bottom: 22px;

      border: 1px solid rgba(201, 163, 230, 0.55);

    }



    .why-card h4 {

      font-size: 28px;

      font-weight: 700;

      margin-bottom: 12px;

    }



    .why-card p {

      color: var(--text-muted);

      line-height: 1.75;

      margin: 0;

      font-size: 16px;

    font-weight: 500;

    }



    .process-section {

      background: var(--white);

      position: relative;

      overflow: hidden;

    }



    .process-line {

      position: absolute;

      top: 50%;

      left: 12%;

      width: 76%;

      height: 2px;

      background: linear-gradient(90deg, transparent, var(--soft-lavender), transparent);

      transform: translateY(-50%);

	  display:none;

    }



    .process-step {

      position: relative;

      z-index: 2;

      padding: 30px 22px;

      border-radius: 26px;

      background: rgba(250, 249, 252, 0.9);

      border: 1px solid rgba(201, 163, 230, 0.35);

      box-shadow: var(--shadow-card);

      height: 100%;

      transition: 0.35s ease;

    }



    .process-step:hover {

      transform: translateY(-8px);

      /*background: var(--white);*/

    }



    .step-count {

      width: 58px;

      height: 58px;

      margin-bottom: 22px;

      border-radius: 50%;

      background: linear-gradient(135deg, var(--deep-purple), var(--orchid-pink));

      color: var(--white);

      display: flex;

      align-items: center;

      justify-content: center;

      font-size: 18px;

      font-weight: 800;

      box-shadow: 0 12px 28px rgba(91, 42, 134, 0.26);

    }



    .process-step h4 {

      font-size: 26px;

      margin-bottom: 10px;

	  font-weight:700;

    }



    .process-step p {

      margin: 0;

      color: #2E2238;

      line-height: 1.6;

    }

	

	.process-step{background-image:url('../images/leaves01.png'); background-repeat:no-repeat; background-position:top 15px right 15px; background-size:80px;}



    .timeline-section {

      background:

        linear-gradient(135deg, rgba(78, 57,123, 0.96), rgba(139, 116, 181, 0.92)),

        url("../images/ipimg02.jpg") center/cover;

      color: var(--white);

      position: relative;

    }



    .timeline-section h2,

    .timeline-section h3 {

      color: var(--white);

    }



    .timeline-section .section-label {

      color: #fff;

    }



    .timeline-section .section-label::before {

      background: var(--orchid-pink);

    }



    .timeline-section .section-text {

      color: rgba(255, 255, 255, 0.78);

    }



    .timeline-wrap {

      position: relative;

      margin-top: 50px;

    }



    .timeline-wrap::before {

      content: "";

      position: absolute;

      left: 50%;

      top: 0;

      width: 2px;

      height: 100%;

      background: rgba(255, 255, 255, 0.25);

      transform: translateX(-50%);

    }



    .timeline-item {

      position: relative;

      margin-bottom: -40px;

    }



    .timeline-card {

      width: calc(50% - 44px);

      padding: 28px;

      border-radius: 28px;

      background: rgba(255, 255, 255, 0.13);

      border: 1px solid rgba(255, 255, 255, 0.24);

      backdrop-filter: blur(18px);

      transition: 0.35s ease;

    }



    .timeline-card:hover {

      transform: translateY(-6px);

      background: rgba(255, 255, 255, 0.18);

    }



    .timeline-item:nth-child(odd) .timeline-card {

      margin-right: auto;

    }



    .timeline-item:nth-child(even) .timeline-card {

      margin-left: auto;

    }



    .timeline-dot {

      position: absolute;

      left: 50%;

      top: 28px;

      width: 18px;

      height: 18px;

      border-radius: 50%;

      background: var(--orchid-pink);

      border: 4px solid var(--white);

      transform: translateX(-50%);

      z-index: 3;

    }



    .timeline-year {

      display: inline-block;

      padding: 6px 14px;

      border-radius: 30px;

      background: rgba(255, 255, 255, 0.18);

      color: var(--white);

      font-size: 13px;

      font-weight: 800;

      margin-bottom: 12px;

    }



    .timeline-card h4 {

      color: var(--white);

      font-size: 30px;

      margin-bottom: 8px;

    }



    .timeline-card p {

      color: rgba(255, 255, 255, 0.78);

      line-height: 1.75;

      margin: 0;

      font-size: 16px;

    }



    .sdg-section {

      background: linear-gradient(180deg, #FAF9FC 0%, rgba(250, 249, 252, 0.75) 45%, rgba(250, 249, 252, 0) 100%);}



    .sdg-pill {

      display: flex;

      align-items: center;

      gap: 16px;

      padding: 18px 20px;

      border-radius: 60px;

      background: var(--white);

      border: 1px solid rgba(201, 163, 230, 0.38);

      box-shadow: var(--shadow-card);

      height: 100%;

      transition: 0.3s ease;

    }



    .sdg-pill:hover {

      transform: translateY(-5px);

      background: var(--mist-lavender);

    }



    .sdg-icon {

      min-width: 44px;

      height: 44px;

      border-radius: 50%;

      background: linear-gradient(135deg, var(--deep-purple), var(--vibrant-violet));

      color: var(--white);

      display: flex;

      align-items: center;

      justify-content: center;

      font-weight: 800;

      font-size: 14px;

    }



    .sdg-pill p {

      margin: 0;

      color: var(--charcoal-plum);

      font-size: 15px;

      font-weight: 800;

    }



    .resources-section {

      background: var(--white);

    }



    .resource-card {

      position: relative;

      height: 100%;

      padding: 36px;

      border-radius: 32px;

      background: linear-gradient(135deg, #ffffff, #F5EFFA);

      border: 1px solid rgba(201, 163, 230, 0.36);

      box-shadow: var(--shadow-card);

      overflow: hidden;

      transition: 0.35s ease;

    }



    .resource-card:hover {

      transform: translateY(-8px);

      box-shadow: var(--shadow-soft);

    }



    .resource-card::after {

      content: "";

      position: absolute;

      width: 110px;

      height: 110px;

      border-radius: 50%;

      right: -35px;

      bottom: -35px;

      background: rgba(212, 106, 194, 0.18);

    }



    .resource-card h4 {

      font-size: 31px;

      margin-bottom: 12px;

    }



    .resource-card p {

      color: var(--text-muted);

      line-height: 1.75;

      margin-bottom: 20px;

      position: relative;

      z-index: 2;

    }



    .resource-link {

      position: relative;

      z-index: 2;

      color: var(--deep-purple);

      font-weight: 800;

      display: inline-flex;

      align-items: center;

      gap: 8px;

    }



    .team-strip {

      padding: 90px 0;

      background:

        linear-gradient(135deg, rgba(245, 239, 250, 0.94), rgba(250, 249, 252, 0.95)),

        url("https://images.unsplash.com/photo-1573164574511-73c773193279?q=80&w=1600&auto=format&fit=crop") center/cover;

    }



    .team-card {

      padding: 40px;

      border-radius: 34px;

      background: rgba(255,255,255,0.82);

      border: 1px solid rgba(201, 163, 230, 0.42);

      box-shadow: var(--shadow-card);

      backdrop-filter: blur(18px);

    }



    .team-card h3 {

      font-size: 42px;

      margin-bottom: 14px;

    }



    .team-card p {

      color: var(--text-muted);

      line-height: 1.8;

      margin-bottom: 0;

    }



    /*.cta-section {

      padding: 110px 0;

      background:

        radial-gradient(circle at 18% 18%, rgba(212, 106, 194, 0.22), transparent 28%),

        linear-gradient(135deg, var(--deep-purple), var(--vibrant-violet));

      color: var(--white);

      text-align: center;

      position: relative;

      overflow: hidden;

    }



    .cta-section::before {

      content: "";

      position: absolute;

      width: 480px;

      height: 480px;

      border-radius: 50%;

      background: rgba(255, 255, 255, 0.08);

      left: -160px;

      top: -220px;

    }



    .cta-section::after {

      content: "";

      position: absolute;

      width: 380px;

      height: 380px;

      border-radius: 50%;

      background: rgba(212, 106, 194, 0.18);

      right: -120px;

      bottom: -170px;

    }*/



    .cta-content {

      position: relative;

      z-index: 2;

    }



    /* .cta-section h2 {

      color: var(--white);

      font-size: 64px;

      line-height: 1.05;

      margin-bottom: 20px;

    }



    .cta-section p {

      max-width: 720px;

      margin: 0 auto 32px;

      color: rgba(255, 255, 255, 0.82);

      font-size: 17px;

      line-height: 1.85;

    } */



    .footer {

      padding: 38px 0;

      background: var(--charcoal-plum);

      color: rgba(255,255,255,0.72);

      font-size: 14px;

    }



    .footer a {

      color: rgba(255,255,255,0.78);

      margin-left: 20px;

      font-weight: 700;

    }



    .footer a:hover {

      color: var(--soft-lavender);

    }



    .fade-up {

      opacity: 0;

      transform: translateY(35px);

      transition: all 0.8s ease;

    }



    .fade-up.show {

      opacity: 1;

      transform: translateY(0);

    }



    @media (max-width: 1199px) {

      .hero-title {

        font-size: 68px;

      }



      .section-title {

        font-size: 48px;

      }



      .hero-main-img {

        width: 86%;

      }

    }



    @media (max-width: 991px) {

      .about-hero {

        padding: 145px 0 80px;

      }



      .hero-image-wrap {

        margin-top: 60px;

      }



      .hero-stats {

        grid-template-columns: repeat(3, 1fr);

      }



      .hero-main-img,

      .hero-small-img,

      .hero-floating-card {

        position: relative;

      }



      .hero-main-img {

        width: 100%;

        height: 420px;

        top: auto;

      }



      .hero-small-img {

        width: 58%;

        height: 220px;

        left: auto;

        bottom: auto;

        margin-top: -80px;

      }



      .hero-floating-card {

        right: auto;

        bottom: auto;

        margin-left: auto;

        margin-top: -110px;

      }



      .process-line {

        display: none;

      }



      .timeline-wrap::before {

        left: 8px;

      }



      .timeline-dot {

        left: 8px;

      }



      .timeline-card {

        width: calc(100% - 45px);

        margin-left: 45px !important;

      }



      .section-padding {

        padding: 75px 0;

      }

    }



    @media (max-width: 767px) {

      .hero-title {

        font-size: 52px;

      }



      .section-title {

        font-size: 40px;

      }



      .hero-stats {

        grid-template-columns: 1fr;

      }



      .hero-image-wrap {

        min-height: auto;

      }



      .hero-main-img {

        height: 340px;

        border-radius: 160px 160px 24px 24px;

      }



      .hero-small-img {

        width: 76%;

      }



      .hero-floating-card {

        width: 100%;

        margin-top: 24px;

      }



      .story-card,

      .vm-card,

      .team-card {

        padding: 30px;

      }



      .cta-section h2 {

        font-size: 44px;

      }



      .footer {

        text-align: center;

      }



      .footer a {

        display: inline-block;

        margin: 12px 8px 0;

      }

    }



    @media (max-width: 575px) {

      .navbar-brand {

        font-size: 24px;

      }



      .cf-btn-primary,

      .cf-btn-light {

        padding: 13px 22px;

        font-size: 14px;

      }



      .hero-title {

        font-size: 44px;

      }



      .section-title {

        font-size: 36px;

      }



      .hero-para,

      .section-text {

        font-size: 16px;

      }

    }

.why-section .section-label, .why-section .section-title, .why-section .section-text{

color:#FAF9FC;}

.howbgcolorone{background-color:#8B74B5;}

.howbgcolortwo{background-color:#5A4589;}

.howbgcolortwo h4, .howbgcolortwo p{color:#fff;}

.howbgcolortwo h4{font-weight:700;}

.process-section .process-step .step-count{background:#D46AC2;}

.process-step.howbgcolorone .step-count{background:#6B559C;}



/* Apni Kutir Page */

.ak-section-padding {

            padding: 40px 0 90px;

        }



        .ak-section-padding-sm {

            padding: 76px 0;

        }



        .ak-container-fluid-custom {

            width: min(100% - 32px, 1320px);

            margin-inline: auto;

        }



        .eyebrow {

            display: inline-flex;

            align-items: center;

            gap: 10px;

            margin-bottom: 18px;

            padding: 9px 16px;

            border-radius: 100px;

            color: var(--deep-purple);

            background: rgba(201, 163, 230, 0.18);

            border: 1px solid rgba(122, 62, 177, 0.12);

            font-size: 0.78rem;

            font-weight: 800;

            letter-spacing: 0.12em;

            text-transform: uppercase;

        }



        .eyebrow::before {

            content: "";

            width: 8px;

            height: 8px;

            border-radius: 50%;

            background: linear-gradient(135deg, var(--orchid-pink), var(--vibrant-violet));

            box-shadow: 0 0 0 6px rgba(212, 106, 194, 0.12);

        }



        .btn-main,

        .btn-soft,

        .btn-outline-soft {

            display: inline-flex;

            align-items: center;

            justify-content: center;

            gap: 10px;

            min-height: 52px;

            padding: 14px 26px;

            border-radius: 100px;

            font-weight: 800;

            border: 1px solid transparent;

            transition: all 0.35s ease;

        }



        .btn-main {

            color: var(--white);

            background: linear-gradient(135deg, var(--deep-purple), var(--vibrant-violet));

            box-shadow: 0 18px 40px rgba(91, 42, 134, 0.26);

        }



        .btn-main:hover {

            color: var(--white);

            transform: translateY(-3px);

            box-shadow: 0 24px 52px rgba(91, 42, 134, 0.34);

        }



        .btn-soft {

            color: var(--deep-purple);

            background: rgba(255, 255, 255, 0.76);

            border-color: rgba(91, 42, 134, 0.14);

        }



        .btn-soft:hover,

        .btn-outline-soft:hover {

            color: var(--deep-purple);

            transform: translateY(-3px);

            background: var(--white);

            box-shadow: var(--shadow-soft);

        }



        .btn-outline-soft {

            color: var(--deep-purple);

            background: transparent;

            border-color: rgba(91, 42, 134, 0.18);

        }



        .site-header {

            position: fixed;

            top: 16px;

            left: 0;

            right: 0;

            z-index: 999;

            transition: all 0.35s ease;

        }



        .navbar-shell {

            width: min(100% - 32px, 1320px);

            margin: auto;

            padding: 14px 18px;

            border: 1px solid rgba(255, 255, 255, 0.62);

            border-radius: 100px;

            background: rgba(250, 249, 252, 0.72);

            backdrop-filter: blur(22px);

            box-shadow: 0 18px 55px rgba(91, 42, 134, 0.12);

        }



        .site-header.scrolled .navbar-shell {

            background: rgba(250, 249, 252, 0.94);

            box-shadow: 0 20px 60px rgba(46, 34, 56, 0.14);

        }



        .brand-mark {

            display: inline-flex;

            align-items: center;

            gap: 11px;

            font-weight: 900;

            color: var(--deep-purple);

            letter-spacing: -0.03em;

        }



        .brand-icon {

            width: 42px;

            height: 42px;

            border-radius: 50%;

            display: grid;

            place-items: center;

            color: var(--white);

            background: radial-gradient(circle at 30% 20%, var(--orchid-pink), var(--deep-purple));

            box-shadow: 0 12px 28px rgba(91, 42, 134, 0.26);

            font-family: "Cormorant Garamond", serif;

            font-size: 1.6rem;

            font-weight: 700;

        }



        .nav-menu {

            display: flex;

            align-items: center;

            justify-content: center;

            gap: 6px;

            margin: 0;

            padding: 0;

            list-style: none;

        }



        .nav-menu a {

            display: inline-flex;

            padding: 10px 14px;

            border-radius: 100px;

            color: rgba(46, 34, 56, 0.76);

            font-size: 0.9rem;

            font-weight: 800;

            transition: all 0.25s ease;

        }



        .nav-menu a:hover,

        .nav-menu a.active {

            color: var(--deep-purple);

            background: rgba(201, 163, 230, 0.22);

        }



        .mobile-toggle {

            width: 44px;

            height: 44px;

            display: none;

            border: 0;

            border-radius: 50%;

            color: var(--deep-purple);

            background: rgba(201, 163, 230, 0.18);

        }



        .hero-section {

            position: relative;

            min-height: 100vh;

            padding: 170px 0 60px;

            overflow: hidden;

        }



        .hero-section::before {

            content: "";

            position: absolute;

            inset: -20% -10% auto auto;

            width: 55vw;

            height: 55vw;

            border-radius: 50%;

            background: radial-gradient(circle, rgba(212, 106, 194, 0.22), transparent 62%);

            pointer-events: none;

        }



       .hero-section::after {

            content: "";

            position: absolute;

            left: -18vw;

            bottom: 2vw;

            width: 58vw;

            height: 58vw;

            border-radius: 50%;

            background: radial-gradient(circle, rgba(91,42,134,0.16), transparent 64%);

            pointer-events: none;

        }



        .hero-copy {

            position: relative;

            z-index: 2;

        }



        .hero-copy .lead {

            max-width: 690px;

            font-size: 1.12rem;

            color: rgba(46, 34, 56, 0.74);

        }



        .hero-highlight {

            color: var(--deep-purple);

        }



        .hero-collage {

            position: relative;

            min-height: 440px;

            z-index: 2;

			right:0;padding-top:30px;

        }



        .collage-card {

            position: absolute;

            overflow: hidden;

            border-radius: var(--radius-xl);

            background: var(--white);

            box-shadow: var(--deep-shadow);

        }



        .collage-card img {

            width: 100%;

            height: 100%;

            object-fit: cover;

            transition: transform 0.8s ease;

        }



        .collage-card:hover img {

            transform: scale(1.07);

        }

		

		.apnikutirbannersec .stat-card{min-height: 200px;

    text-align: center;

    display: flex;

    flex-direction: column;

    justify-content: center; background-color:#f7f7f7;}

	

	.hero-section .apnikutirbannersec{padding-bottom:70px;}

	.samuelprofileabt-section.apnikutirecosysec:before{display:none;}

	.apnikutirimgone{border-radius:17px; margin-bottom:2.5rem;}

	.samuelprofileabt-section.apnikutirecosysec{padding-bottom:50px;}



        .collage-card.card-one {

            top: 20px;

            right: 50px;

            width: 68%;

            height: 430px;

        }



        .collage-card.card-two {

            left: 12px;

            bottom: 34px;

            width: 46%;

            height: 260px;

            border: 8px solid rgba(250,249,252,0.95);

        }



        .collage-card.card-three {

            right: 0;

            bottom: 0;

            width: 44%;

            height: 230px;

            border: 8px solid rgba(250, 249, 252, 0.95);

        }



        .floating-note {

            position: absolute;

            left: -21px;

            bottom: 14px;

            z-index: 4;

            max-width: 326px;

            padding: 22px;

            border: 1px solid rgba(255, 255, 255, 0.72);

            border-radius: 7px;

            background: rgba(255, 255, 255, 0.76);

            backdrop-filter: blur(20px);

            box-shadow: var(--shadow-soft);

        }



        .floating-note span {

            display: block;

            color: var(--deep-purple);

            font-family: "Cormorant Garamond", serif;

            font-size: 21px;

            font-weight: 700;

            line-height: 1;

			margin-bottom:10px;

        }



        .hero-stats {

            display: grid;

            grid-template-columns: repeat(4, 1fr);

            gap: 14px;

            margin-top: 25px;

        }



        .stat-card {

            position: relative;

            overflow: hidden;

            min-height: 145px;

            padding: 24px;

            border: 1px solid rgba(255, 255, 255, 0.7);

            border-radius: 26px;

            background: rgba(255, 255, 255, 0.66);

            backdrop-filter: blur(18px);

            box-shadow: var(--shadow-soft);

        }



        .stat-card_1::before {

            content: "";

            position: absolute;

            right: -44px;

            bottom: -44px;

            width: 112px;

            height: 112px;

            border-radius: 50%;

            background: rgba(201, 163, 230, 0.22);

        }



        .stat-card h3 {

            margin: 0 0 8px;

            color: var(--deep-purple);

            font-family: "Manrope", sans-serif;

            font-size: 50px;

            font-weight: 700;

            letter-spacing: -0.05em;

        }



        .stat-card p {

            position: relative;

            margin: 0;

            color: rgba(46, 34, 56, 0.72);

            font-size: 0.92rem;

            font-weight: 500;

            line-height: 1.45;

        }



        .wave-divider {

            display: block;

            width: 100%;

            height: 90px;

            margin-top: -1px;

        }



        .intro-card {

            height: 100%;

            padding: 38px;

            border-radius: var(--radius-xl);

            background: linear-gradient(145deg, rgba(255,255,255,0.9), rgba(245,239,250,0.7));

            border: 1px solid rgba(91, 42, 134, 0.1);

            box-shadow: var(--shadow-soft);

        }



        .intro-card.featured {

            color: var(--white);

            background:

                linear-gradient(145deg, rgba(78, 57,123, 0.94), rgba(139, 116, 181, 0.88)),

                url("https://images.unsplash.com/photo-1594708767771-a7502209ff51?auto=format&fit=crop&w=1200&q=80") center/cover;

        }



        .intro-card.featured h3,

        .intro-card.featured p {

            color: var(--white);

        }



        .intro-card .icon-circle {

            width: 64px;

            height: 64px;

            display: grid;

            place-items: center;

            margin-bottom: 24px;

            border-radius: 50%;

            color: var(--deep-purple);

            background: rgba(201, 163, 230, 0.22);

            font-size: 1.7rem;

        }



        .intro-card.featured .icon-circle {

            color: var(--white);

            background: rgba(255, 255, 255, 0.18);

        }



        .section-title-row {

            display: flex;

            align-items: start;

            justify-content: space-between;

            gap: 32px;

            margin-bottom: 48px;

        }



        .section-title-row p {

            max-width: 600px;

            margin-bottom: 0;

			line-height: 1.85;

        }

		

		.ak-why-sec .section-title-row p{}



        .model-shell {

            position: relative;

            overflow: hidden;

            padding: 56px;

            border-radius: 48px;

            background:

                radial-gradient(circle at top right, rgba(212, 106, 194, 0.18), transparent 34%),

                linear-gradient(135deg, rgba(255,255,255,0.86), rgba(245,239,250,0.76));

            border: 1px solid rgba(91, 42, 134, 0.1);

            box-shadow: var(--shadow-soft);

        }



        .model-shell::after {

            content: "Apni Kutir";

            position: absolute;

            right: -20px;

            bottom: -34px;

            color: rgba(91, 42, 134, 0.045);

            font-family: "Cormorant Garamond", serif;

            font-size: clamp(5rem, 14vw, 13rem);

            font-weight: 700;

            line-height: 0.8;

            pointer-events: none;

        }



        .pathway-grid {

            position: relative;

            z-index: 2;

            display: grid;

            grid-template-columns: repeat(5, 1fr);

            gap: 16px;

        }



        .pathway-card {

            position: relative;

            min-height: 245px;

            padding: 28px 24px;

            border-radius: 28px;

            background: rgba(255, 255, 255, 0.72);

            border: 1px solid rgba(91, 42, 134, 0.1);

            transition: all 0.35s ease;

        }



        .pathway-card:hover {

            transform: translateY(-8px);

            box-shadow: var(--shadow-soft);

            background: rgba(255, 255, 255, 0.96);

        }



        .pathway-card .step-no {

            width: 46px;

            height: 46px;

            display: grid;

            place-items: center;

            margin-bottom: 24px;

            border-radius: 50%;

            color: var(--white);

            background: linear-gradient(135deg, var(--deep-purple), var(--orchid-pink));

            font-weight: 900;

        }



        .pathway-card h4 {

            margin-bottom: 12px;

            font-family: "Manrope", sans-serif;

            font-size: 1.05rem;

            font-weight: 900;

            color: var(--charcoal-plum);

        }



        .pathway-card p {

            margin: 0;

            font-size: 0.91rem;

            line-height: 1.65;

        }



        .map-section {

            position: relative;

            overflow: hidden;

            color: var(--white);

            background:

                radial-gradient(circle at 16% 20%, rgba(212, 106, 194, 0.28), transparent 30%),

                linear-gradient(135deg, #2E2238 0%, #4E397B 56%, #6B559C 100%);

        }



        .map-section h2,

        .map-section h3,

        .map-section p,

        .map-section .eyebrow {

            color: var(--white);

        }



        .map-section .eyebrow {

            background: rgba(255, 255, 255, 0.12);

            border-color: rgba(255, 255, 255, 0.16);

        }



        .india-map-card {

            position: relative;

            min-height: 620px;

            padding: 36px;

            border: 1px solid rgba(255, 255, 255, 0.16);

            border-radius: 48px;

            background: rgba(255, 255, 255, 0.08);

            backdrop-filter: blur(22px);

            box-shadow: 0 40px 100px rgba(0, 0, 0, 0.2);

        }



        .map-visual {

            position: absolute;

            inset: 78px 60px 70px;

            border-radius: 48% 52% 55% 45% / 42% 45% 55% 58%;

            background:

                radial-gradient(circle at 52% 22%, rgba(255,255,255,0.2), transparent 12%),

                linear-gradient(150deg, rgba(255, 255, 255, 0.2), rgba(255, 255, 255, 0.06));

            border: 1px solid rgba(255,255,255,0.22);

            transform: rotate(-6deg);

        }



        .map-visual::before {

            content: "";

            position: absolute;

            right: 15%;

            bottom: -18%;

            width: 34%;

            height: 46%;

            border-radius: 40% 60% 54% 46% / 44% 56% 44% 56%;

            background: rgba(255, 255, 255, 0.1);

            border: 1px solid rgba(255,255,255,0.18);

            transform: rotate(16deg);

        }



        .map-pin {

            position: absolute;

            z-index: 3;

            display: flex;

            align-items: center;

            gap: 8px;

            padding: 10px 14px;

            border: 1px solid rgba(255, 255, 255, 0.22);

            border-radius: 100px;

            color: var(--white);

            background: rgba(255, 255, 255, 0.13);

            backdrop-filter: blur(14px);

            cursor: pointer;

            transition: all 0.3s ease;

        }



        .map-pin span {

            width: 12px;

            height: 12px;

            border-radius: 50%;

            background: var(--orchid-pink);

            box-shadow: 0 0 0 8px rgba(212, 106, 194, 0.16);

        }



        .map-pin:hover,

        .map-pin.active {

            background: rgba(255, 255, 255, 0.24);

            transform: translateY(-4px);

        }



        .pin-bengal {

            right: 18%;

            top: 34%;

        }



        .pin-bihar {

            right: 26%;

            top: 24%;

        }



        .pin-rajasthan {

            left: 17%;

            top: 35%;

        }



        .state-panel {

            position: relative;

            z-index: 5;

            min-height: 520px;

            padding: 32px;

            border-radius: 36px;

            background: rgba(255, 255, 255, 0.92);

            color: var(--charcoal-plum);

        }



        .state-panel h3 {

            color: var(--deep-purple);

        }



        .state-panel p {

            color: rgba(46, 34, 56, 0.7);

        }



        .state-list {

            display: grid;

            gap: 12px;

            margin-top: 24px;

        }



        .state-item {

            display: flex;

            align-items: center;

            justify-content: space-between;

            gap: 18px;

            padding: 15px 18px;

            border-radius: 18px;

            background: var(--mist-lavender);

        }



        .state-item strong {

            color: var(--charcoal-plum);

        }



        .state-item small {

            color: rgba(91, 42, 134, 0.76);

            font-weight: 800;

        }



        .filter-tabs {

            display: flex;

            flex-wrap: wrap;

            gap: 12px;

            margin-bottom: 32px;

        }



        .filter-btn {

            padding: 12px 18px;

            border: 1px solid rgba(91, 42, 134, 0.14);

            border-radius: 100px;

            color: var(--deep-purple);

            background: rgba(255, 255, 255, 0.68);

            font-weight: 900;

            transition: all 0.3s ease;

        }



        .filter-btn:hover,

        .filter-btn.active {

            color: var(--white);

            background: linear-gradient(135deg, var(--deep-purple), var(--vibrant-violet));

            box-shadow: 0 15px 34px rgba(91, 42, 134, 0.22);

        }



        .kutir-card {

            height: 100%;

            overflow: hidden;

            border-radius: 0 0 30px 30px;

            background: rgba(255, 255, 255, 0.82);

            border: 0px solid rgba(91, 42, 134, 0.09);

            box-shadow: 0 18px 54px rgba(91, 42, 134, 0.09);

            transition: all 0.35s ease;

        }



        .kutir-card:hover {

            transform: translateY(-9px);

            box-shadow: var(--shadow-soft);

        }



        .kutir-img {

            height: 210px;

            position: relative;

            overflow: hidden;

        }



        .kutir-img img {

            width: 100%;

            height: 100%;

            object-fit: cover;

            transition: transform 0.8s ease;

        }



        .kutir-card:hover .kutir-img img {

            transform: scale(1.08);

        }



        .kutir-state {

            position: absolute;

            left: 18px;

            bottom: 18px;

            padding: 8px 12px;

            border-radius: 100px;

            color: var(--white);

            background: rgba(46, 34, 56, 0.76);

            backdrop-filter: blur(12px);

            font-size: 0.78rem;

            font-weight: 900;

        }



        .kutir-content {

            padding: 26px;

        }



        .kutir-content h3 {

            margin-bottom: 10px;

            color: var(--deep-purple);

            font-size: 1.75rem;

        }



        .kutir-meta {

            display: flex;

            flex-wrap: wrap;

            gap: 8px;

            margin-top: 18px;

        }



        .kutir-meta span {

            padding: 7px 10px;

            border-radius: 100px;

            color: var(--deep-purple);

            background: rgba(201, 163, 230, 0.22);

            font-size: 0.76rem;

            font-weight: 800;

        }



        .program-card {

            position: relative;

            height: 100%;

            min-height: 310px;

            padding: 34px;

            border-radius: 34px;

            background: var(--white);

            border: 1px solid rgba(91, 42, 134, 0.1);

            overflow: hidden;

            transition: all 0.35s ease;

        }



        .program-card:hover {

            transform: translateY(-8px);

            box-shadow: var(--shadow-soft);

        }



        .program-card::after {

            content: "";

            position: absolute;

            right: -48px;

            top: -48px;

            width: 130px;

            height: 130px;

            border-radius: 50%;

            background: rgba(201, 163, 230, 0.24);

        }



        .program-card .program-icon {

            position: relative;

            z-index: 2;

            width: 70px;

            height: 70px;

            display: grid;

            place-items: center;

            margin-bottom: 28px;

            border-radius: 23px;

            color: var(--white);

            background: linear-gradient(135deg, var(--deep-purple), var(--orchid-pink));

            font-size: 1.9rem;

        }



        .program-card h3,

        .program-card p,

        .program-card ul {

            position: relative;

            z-index: 2;

        }



        .program-card ul {

            margin: 20px 0 0;

            padding: 0;

            list-style: none;

        }



        .program-card li {

            display: flex;

            gap: 10px;

            margin-bottom: 10px;

            color: rgba(46, 34, 56, 0.72);

            font-size: 0.95rem;

        }



        .program-card li::before {

            content: "\F633";

            font-family: "bootstrap-icons";

            color: var(--orchid-pink);

            font-weight: 900;

        }



        .impact-panel {

            padding: 48px;

            border-radius: 44px;

            background: linear-gradient(145deg, rgba(255,255,255,0.92), rgba(245,239,250,0.8));

            border: 1px solid rgba(91, 42, 134, 0.1);

            box-shadow: var(--shadow-soft);

        }



        .impact-list {

            display: grid;

            gap: 20px;

        }



        .impact-bar-item strong {

            display: flex;

            justify-content: space-between;

            margin-bottom: 10px;

            color: var(--charcoal-plum);

        }



        .impact-track {

            height: 12px;

            overflow: hidden;

            border-radius: 100px;

            background: rgba(201, 163, 230, 0.22);

        }



        .impact-fill {

            width: 0;

            height: 100%;

            border-radius: 100px;

            background: linear-gradient(90deg, var(--deep-purple), var(--orchid-pink));

            transition: width 1.4s ease;

        }



        .ak-story-card{

            position: relative;

            min-height: 420px;

            padding: 34px;

            border-radius: 38px;

            overflow: hidden;

            display: flex;

            align-items: end;

            background: #2E2238;

            box-shadow: var(--deep-shadow);

        }



        .ak-story-card::before {

            content: "";

            position: absolute;

            inset: 0;

            background: linear-gradient(180deg, transparent 0%, rgba(46, 34, 56, 0.88) 74%);

            z-index: 2;

        }



        .ak-story-card img {

            position: absolute;

            inset: 0;

            width: 100%;

            height: 100%;

            object-fit: cover;

            opacity: 0.82;

            transition: transform 0.8s ease;

        }



        .ak-story-card:hover img {

            transform: scale(1.08);

        }



        .ak-story-content {

            position: relative;

            z-index: 3;

        }



        .ak-story-content h3,

        .ak-story-content p {

            color: var(--white);

        }



        .ak-story-content .tag {

            display: inline-flex;

            margin-bottom: 14px;

            padding: 8px 12px;

            border-radius: 100px;

            color: var(--white);

            background: rgba(255, 255, 255, 0.16);

            backdrop-filter: blur(12px);

            font-size: 0.76rem;

            font-weight: 900;

        }



        .ak-cta-section {

            position: relative;

            overflow: hidden;

            padding: 90px 0;

            background: var(--charcoal-plum);

        }



        .cta-card {

            position: relative;

            overflow: hidden;

            padding: 70px;

            border-radius: 48px;

            color: var(--white);

            background:

                radial-gradient(circle at 18% 18%, rgba(212, 106, 194, 0.25), transparent 26%),

                linear-gradient(135deg, rgba(91, 42, 134, 0.95), rgba(46, 34, 56, 0.95)),

                url("https://images.unsplash.com/photo-1594708767771-a7502209ff51?auto=format&fit=crop&w=1600&q=80") center/cover;

            box-shadow: 0 40px 110px rgba(0, 0, 0, 0.28);

        }



        .cta-card h2,

        .cta-card p {

            color: var(--white);

        }



        .cta-card::after {

            content: "";

            position: absolute;

            right: -140px;

            bottom: -140px;

            width: 340px;

            height: 340px;

            border-radius: 50%;

            border: 1px solid rgba(255, 255, 255, 0.18);

            background: rgba(255, 255, 255, 0.06);

        }



        .footer {

            padding: 58px 0 28px;

            background: var(--ivory-white);

        }



        .footer a {

            display: inline-flex;

            margin-bottom: 10px;

            color: rgba(46, 34, 56, 0.68);

            font-weight: 700;

        }



        .footer a:hover {

            color: var(--deep-purple);

        }



        .back-top {

            position: fixed;

            right: 24px;

            bottom: 24px;

            z-index: 900;

            width: 50px;

            height: 50px;

            display: none;

            place-items: center;

            border: 0;

            border-radius: 50%;

            color: var(--white);

            background: linear-gradient(135deg, var(--deep-purple), var(--vibrant-violet));

            box-shadow: 0 18px 38px rgba(91, 42, 134, 0.3);

        }



        @media (max-width: 1199px) {

            .hero-stats,

            .pathway-grid {

                grid-template-columns: repeat(2, 1fr);

            }



            .hero-collage {

                min-height: 560px;

                margin-top: 50px;

            }



            .nav-menu {

                position: fixed;

                inset: 88px 16px auto;

                display: none;

                flex-direction: column;

                align-items: stretch;

                padding: 20px;

                border-radius: 28px;

                background: rgba(250, 249, 252, 0.96);

                box-shadow: var(--shadow-soft);

            }



            .nav-menu.show {

                display: flex;

            }



            .nav-menu a {

                padding: 15px 18px;

            }



            .mobile-toggle {

                display: grid;

                place-items: center;

            }

        }



        @media (max-width: 991px) {

            .ak-section-padding {

                padding: 80px 0;

            }



            .section-title-row {

                display: block;

            }



            .section-title-row p {

                margin-top: 16px;

            }



            .model-shell,

            .impact-panel,

            .cta-card {

                padding: 34px;

                border-radius: 34px;

            }



            .india-map-card {

                min-height: 480px;

                margin-bottom: 28px;

            }



            .state-panel {

                min-height: auto;

            }

        }



        @media (max-width: 767px) {

            h1 {

                font-size: 3.8rem;

            }



            .hero-section {

                padding-top: 140px;

            }



            .hero-stats,

            .pathway-grid {

                grid-template-columns: 1fr;

            }



            .hero-collage {

                min-height: 450px;

            }



            .collage-card.card-one {

                right: 0;

                width: 88%;

                height: 310px;

            }



            .collage-card.card-two {

                left: 0;

                width: 58%;

                height: 190px;

            }



            .collage-card.card-three {

                width: 52%;

                height: 170px;

            }



            .floating-note {

                top: auto;

                bottom: 180px;

                left: 16px;

                max-width: 220px;

            }



            .map-visual {

                inset: 90px 28px 92px;

            }



            .pin-bengal {

                right: 6%;

            }



            .pin-bihar {

                right: 13%;

                top: 24%;

            }



            .pin-rajasthan {

                left: 8%;

                top: 36%;

            }

        }



.hero-section .hero-copy h1{font-size:65px; line-height:1.1; font-weight:700; margin-bottom:28px; 

max-width:780px; margin-top:4rem; position: relative;

    z-index: 9;}

.hero-section.akherosec .hero-stats{max-width:100%;}

.borderimgsettwo{border-radius:10px;}



.wave-divider{

  display:block;

  width:100%;

  height:90px;

  line-height:0; transform:scaleY(-1); margin-top:-12px;

}

.hero-section.akherosec{background:radial-gradient(circle at top left, rgba(201, 163, 230, 0.28), transparent 36%), linear-gradient(180deg, #FAF9FC 0%, #F5EFFA 42%, #FAF9FC 100%);}

.intro-card h3{margin-bottom:1.1rem; font-size:26px;}

.ak-why-sec .intro-card{padding:20px;}



.ak-card-grid {

      margin-top: -14px;

    }



    .ak-step-card {

      position: relative;

      min-height: 170px;

      border-radius: 26px;

      overflow: hidden;

      padding: 26px;

      display: flex;

      align-items: center;

      background-size: cover;

      background-position: center;

      isolation: isolate;

      transition: all 0.3s ease;

	  min-height:220px;

    }



    .ak-step-card::before {

      content: "";

      position: absolute;

      inset: 0;

      background: rgba(78, 57,123,0.78);

      z-index: -1;

    }



    .ak-step-card:hover {

      transform: translateY(-4px);

    }



    .ak-step-number {

      position: absolute;

      left: 22px;

      bottom: -14px;

      font-size: 104px;

      line-height: 1;

      font-weight: 600;

      color: rgba(255, 255, 255, 0.36);

      letter-spacing: -0.08em;

    }



    .ak-step-content {

      position: relative;

      z-index: 2;

      margin-left: 145px;

      color: #ffffff;

      max-width: 260px;

    }



    .ak-step-title {

      font-size: 28px;

      font-weight: 700;

      margin-bottom: 8px;

      color: #ffffff;

    }



    .ak-step-text {

      line-height: 1.45;

      font-weight: 400;

      margin-bottom: 0;

      color: rgba(255, 255, 255, 0.88);

    }



    .ak-bottom-row {

      margin-top: 75px;

      align-items: center;

    }



    .ak-ready-title {

      font-size: 16px;

      font-weight: 800;

      text-transform: uppercase;

      margin-bottom: 18px;

      color: #10213d;

    }



    .ak-ready-text {

      font-size: 14px;

      line-height: 1.4;

      max-width: 300px;

      color: #10213d;

      margin-bottom: 0;

    }



    .ak-pricing-btn {

      background: #f1e7f6;

      color: #10213d;

      border: none;

      border-radius: 999px;

      padding: 18px 54px;

      font-size: 15px;

      font-weight: 800;

      text-decoration: none;

      display: inline-flex;

      align-items: center;

      justify-content: center;

      transition: all 0.3s ease;

    }



    .ak-pricing-btn:hover {

      background: #d9bee8;

      color: #10213d;

      transform: translateY(-3px);

    }



    @media (max-width: 991px) {

      .ak-main-title {

        font-size: 52px;

      }



      .ak-side-text {

        text-align: left;

        margin-top: 25px;

      }



      .ak-step-content {

        margin-left: 140px;

      }

    }



    @media (max-width: 767px) {

      .ak-steps-section {

        padding: 55px 0;

      }



      .ak-main-title {

        font-size: 42px;

      }



      .ak-card-grid {

        margin-top: 40px;

      }



      .ak-step-card {

        min-height: 170px;

        padding: 24px;

      }



      .ak-step-content {

        margin-left: 105px;

      }



      .ak-step-number {

        font-size: 82px;

        left: 20px;

        bottom: -8px;

      }



      .ak-bottom-row {

        margin-top: 45px;

        gap: 25px;

      }



      .ak-pricing-btn {

        width: 100%;

      }

    }

.padbtmcussec{padding-bottom:60px; padding-top:60px; background-color:var(--mist-lavender);}



.modal.kutir-modal{z-index:9999;}

.kutirdetailsboxone{width: 100%;

    /*background: linear-gradient(135deg, #F5EFFA 0%, #6B559C 70%, #4E397B 100%);*/

    padding: 1rem;

    border-radius: 25px;

    margin-top: 1.5rem; background:rgba(201,163,230,0.22);}

	

.kutir-detail-item{border-bottom:1px solid #c7c7c7;}

.kutir-detail-item span{font-weight:600; color:#4E397B;}

.kutir-detail-item:last-child{border-bottom:0px solid #c7c7c7;}



.ak-impact-section {

      padding: 40px 0 50px;

      background: #faf9fc;

    }



    .ak-impact-grid {

      display: grid;

      grid-template-columns: 1fr 1fr 1fr;

      gap: 24px;

      align-items: stretch;

      max-width:100%;

      margin: 0 auto;

    }



    .ak-card {

      border-radius: 22px;

      overflow: hidden;

      min-height: 210px;

      position: relative;

      box-shadow: 0 20px 60px rgba(46, 34, 56, 0.12);

    }



    .ak-card-text {

      background: #f1e7f6;

      padding: 28px;

      display: flex;

      flex-direction: column;

      justify-content: space-between;

    }



    .ak-card-light {

      background: #eef0fa;

    }



    .ak-card-image {

      background-size: cover;

      background-position: center;

    }



    .ak-card-tall {

      grid-row: span 2;

      min-height: 444px;

    }



    .ak-card-title {

      font-size: 28px;

      line-height: 1.2;

      font-weight: 700;

      color: #2e2238;

      margin: 0;

    }



    .ak-card-desc {

      line-height: 1.5;

      color: rgba(46, 34, 56, 0.78);

      margin: 0 0 35px;

    }



    .ak-image-overlay {

      position: absolute;

      inset: 0;

      background: linear-gradient(180deg, rgba(46,34,56,0.08), rgba(46,34,56,0.8));

    }



    .ak-overlay-content {

      position: absolute;

      left: 28px;

      right: 28px;

      bottom: 26px;

      z-index: 2;

      color: #ffffff;

    }



    .ak-overlay-title {

      font-size:28px;

      line-height: 1.5;

      font-weight: 700;

      margin: 0 0 8px;

    }



    .ak-overlay-text {

      line-height: 1.45;

      margin: 0;

      color: rgba(255,255,255,0.86);

    }



    @media (max-width: 991px) {

      .ak-impact-grid {

        grid-template-columns: 1fr 1fr;

      }



      .ak-card-tall {

        grid-row: span 1;

        min-height: 320px;

      }

    }



    @media (max-width: 575px) {

      .ak-impact-section {

        padding: 60px 0;

      }



      .ak-impact-grid {

        grid-template-columns: 1fr;

        gap: 18px;

      }



      .ak-card,

      .ak-card-tall {

        min-height: 240px;

      }

    }

.viewmorelink{width:100%; text-align:center; padding-top:2.5rem;}

.viewmorelink a{width:210px;}

.proftrainsec .intro-card{min-height:272px; box-shadow:1px 2px 4px rgba(0,0,0,0.05);}

.proftrainsec{padding:50px 0;}

.proftrainsec .section-title-row{margin-bottom:30px;}

.woshsec{background-color:#fefaf7!important;}



/* Media */

.ak-blog-section {

      padding: 80px 0;

      background: #faf9fc;

	  margin-bottom:4rem;

    }



    .ak-section-title {

      font-family: "Cormorant Garamond", serif;

      font-size: 64px;

      line-height: 0.95;

      font-weight: 700;

      color: #2e2238;

      margin-bottom: 45px;

    }



    .ak-blog-card {

      position: relative;

      min-height: 420px;

      border-radius: 34px;

      overflow: hidden;

      background-size: cover;

      background-position: center;

      box-shadow: 0 22px 60px rgba(46, 34, 56, 0.18);

      transition: all 0.35s ease;

    }



    .ak-blog-card:hover {

      transform: translateY(-8px);

      box-shadow: 0 28px 75px rgba(46, 34, 56, 0.25);

    }



    .ak-blog-card::before {

      content: "";

      position: absolute;

      inset: 0;

      background: linear-gradient(

        180deg,

        rgba(46, 34, 56, 0.18) 0%,

        rgba(46, 34, 56, 0.48) 45%,

        rgba(46, 34, 56, 0.86) 100%

      );

      z-index: 1;

    }



    .ak-blog-content {

      position: absolute;

      left: 34px;

      right: 34px;

      bottom: 34px;

      z-index: 2;

      color: #ffffff;

    }



    .ak-blog-tag {

      display: inline-flex;

      align-items: center;

      justify-content: center;

      padding: 10px 18px;

      border-radius: 999px;

      background: rgba(255, 255, 255, 0.28);

      backdrop-filter: blur(8px);

      -webkit-backdrop-filter: blur(8px);

      color: #ffffff;

      font-size: 13px;

      font-weight: 800;

      margin-bottom: 18px;

    }



    .ak-blog-title {

      font-family: "Cormorant Garamond", serif;

      font-size: 34px;

      line-height: 1.05;

      font-weight: 700;

      color: #ffffff;

      margin-bottom: 14px;

    }

	

	.ak-blog-date {

  font-size: 13px;

  font-weight: 700;

  color: rgba(255, 255, 255, 0.85);

  margin-bottom: 10px;

}



    .ak-blog-text {

      font-size: 16px;

      line-height: 1.75;

      font-weight: 500;

      color: rgba(255, 255, 255, 0.94);

      margin-bottom: 0;

    }



    @media (max-width: 1199px) {

      .ak-blog-card {

        min-height: 390px;

      }



      .ak-blog-title {

        font-size: 30px;

      }



      .ak-blog-text {

        font-size: 15px;

        line-height: 1.65;

      }

    }



    @media (max-width: 991px) {

      .ak-section-title {

        font-size: 52px;

      }



      .ak-blog-card {

        min-height: 400px;

      }

    }



    @media (max-width: 767px) {

      .ak-blog-section {

        padding: 55px 0;

      }



      .ak-section-title {

        font-size: 42px;

        margin-bottom: 30px;

      }



      .ak-blog-card {

        min-height: 360px;

        border-radius: 26px;

      }



      .ak-blog-content {

        left: 24px;

        right: 24px;

        bottom: 24px;

      }



      .ak-blog-title {

        font-size: 28px;

      }



      .ak-blog-text {

        font-size: 14px;

        line-height: 1.65;

      }

    }



.fullwidthimgbox{width:100%; max-height:640px; overflow:hidden;}

.twocolgridimgbox{width:100%; padding:0 0 70px;}

.twocolgridimgbox img{width:100%; border-radius:20px; box-shadow:1px 2px 4px rgba(0,0,0,0.05);}



/* Impact Page */

.ip-page {

      overflow: hidden;

    }



    .ip-banner {

      min-height: 720px;

      display: flex;

      align-items: center;

      position: relative;

      background-image:

        linear-gradient(

          90deg,

          rgba(46, 34, 56, 0.88) 0%,

          rgba(91, 42, 134, 0.68) 42%,

          rgba(91, 42, 134, 0.26) 75%,

          rgba(46, 34, 56, 0.08) 100%

        ),

        url('../images/Copy of STORIES BIG BACKGROUND.jpg');

      background-size: cover;

      background-position: center right;

    }



    .ip-banner-content{

      max-width: 760px;

      color: var(--white);

      padding: 150px 0 20px;

	  position:relative;

    }



    .ip-banner-badge {

      display: inline-flex;

      align-items: center;

      gap: 10px;

      padding: 11px 20px;

      border-radius: 999px;

      background: rgba(255, 255, 255, 0.16);

      border: 1px solid rgba(255, 255, 255, 0.24);

      backdrop-filter: blur(12px);

      font-size: 13px;

      font-weight: 800;

      text-transform: uppercase;

      letter-spacing: 0.08em;

      margin-bottom: 26px;

    }



    .ip-banner-title{

      font-size: 78px;

      line-height: 1.2;

      font-weight: 700;

      margin-bottom: 26px;

    }



    .ip-banner-text {

      font-size: 18px;

      line-height: 1.8;

      color: rgba(255, 255, 255, 0.88);

      max-width: 730px;

      margin-bottom: 36px;

    }



    .ip-banner-caption {

      display: inline-flex;

      align-items: center;

      gap: 16px;

      padding: 18px 22px;

      border-radius: var(--radius-md);

      background: rgba(255, 255, 255, 0.14);

      border: 1px solid rgba(255, 255, 255, 0.22);

      backdrop-filter: blur(14px);

    }



    .ip-caption-icon {

      width: 48px;

      height: 48px;

      min-width: 48px;

      border-radius: 50%;

      background: rgba(255, 255, 255, 0.18);

      display: flex;

      align-items: center;

      justify-content: center;

      font-size: 22px;

    }



    .ip-caption-text {

      font-size: 14px;

      line-height: 1.5;

      color: rgba(255,255,255,0.88);

      margin: 0;

      max-width:520px;

    }



    .ip-section {

      padding: 50px 0;

    }



    .ip-section-soft {

      background: var(--mist-lavender);

    }



    .ip-section-white {

      background: var(--ivory-white);

    }



    .ip-kicker {

      display: inline-flex;

      align-items: center;

      gap: 10px;

      font-size: 13px;

      font-weight: 800;

      color: var(--deep-purple);

      text-transform: uppercase;

      letter-spacing: 0.08em;

      margin-bottom: 14px;

    }



    .ip-kicker::before {

      content: "";

      width: 38px;

      height: 3px;

      border-radius: 20px;

      background: var(--orchid-pink);

    }



    .ip-section-title {

      font-size: 43px;

      line-height: 0.98;

      font-weight: 700;

      color: #260866;

      margin-bottom: 15px;

    }



    .ip-section-text {

      font-size: 17px;

      line-height: 1.8;

      color: var(--text-muted);

      max-width: 720px;

      margin-bottom: 0;

    }



    .ip-case-card {

      height: 100%;

      background: var(--white);

      border-radius: var(--radius-xl);

      overflow: hidden;

      box-shadow: var(--shadow-card);

      border: 1px solid rgba(201, 163, 230, 0.34);

      transition: all 0.35s ease;

    }



    .ip-case-card:hover {

      transform: translateY(-8px);

      box-shadow: var(--deep-shadow);

    }



    .ip-case-image {

      min-height: 300px;

      background-size: cover;

      background-position: center;

      position: relative;

    }



    .ip-case-image::after {

      content: "";

      position: absolute;

      inset: 0;

      background: linear-gradient(180deg, rgba(46, 34, 56, 0.04), rgba(46, 34, 56, 0.46));

    }



    .ip-case-body {

      padding: 32px;

    }



    .ip-case-tag {

      display: inline-flex;

      padding: 9px 15px;

      border-radius: 999px;

      background: var(--mist-lavender);

      color: var(--deep-purple);

      font-size: 12px;

      font-weight: 800;

      text-transform: uppercase;

      letter-spacing: 0.06em;

      margin-bottom: 18px;

    }



    .ip-case-title {

      font-family: "Cormorant Garamond", serif;

      font-size: 34px;

      line-height: 1;

      font-weight: 700;

      margin-bottom: 14px;

      color: var(--charcoal-plum);

    }



    .ip-case-text {

      color: var(--text-muted);

      font-size: 16px;

      line-height: 1.35;

      margin-bottom: 0;

    }



    .ip-stat-card {

      height: 100%;

      border-radius: var(--radius-xl);

      background: var(--white);

      padding: 34px;

      box-shadow: var(--shadow-card);

      border: 1px solid rgba(201, 163, 230, 0.34);

      position: relative;

      overflow: hidden;

      transition: all 0.35s ease;

    }



    .ip-stat-card:hover {

      transform: translateY(-8px);

      box-shadow: var(--deep-shadow);

    }



    .ip-stat-card::after {

      content: "";

      position: absolute;

      right: -70px;

      top: -70px;

      width: 190px;

      height: 190px;

      border-radius: 50%;

      background: rgba(201, 163, 230, 0.24);

    }



    .ip-stat-icon {

      width: 64px;

      height: 64px;

      border-radius: 22px;

      background: linear-gradient(135deg, var(--deep-purple), var(--vibrant-violet));

      color: var(--white);

      display: flex;

      align-items: center;

      justify-content: center;

      font-size: 28px;

      margin-bottom: 24px;

      position: relative;

      z-index: 2;

    }



    .ip-stat-number {

      font-family: "Cormorant Garamond", serif;

      font-size: 56px;

      line-height: 1;

      font-weight: 700;

      color: var(--deep-purple);

      margin-bottom: 10px;

      position: relative;

      z-index: 2;

    }



    .ip-stat-title {

      font-size: 25px;

      font-weight: 800;

      color: var(--charcoal-plum);

      margin-bottom: 10px;

      position: relative;

      z-index: 2;

    }



    .ip-stat-text {

      font-size: 14px;

      line-height: 1.65;

      color: var(--text-muted);

      margin: 0;

      position: relative;

      z-index: 2;

    }



    .ip-graph-card {

      height: 100%;

      background: var(--white);

      border-radius: var(--radius-xl);

      padding: 32px;

      box-shadow: var(--shadow-card);

      border: 1px solid rgba(201, 163, 230, 0.34);

    }



    .ip-graph-header {

      display: flex;

      align-items: flex-start;

      justify-content: space-between;

      gap: 18px;

      margin-bottom: 28px;

    }



    .ip-graph-title {

      font-size: 25px;

      font-weight: 800;

      color: var(--charcoal-plum);

      margin-bottom: 7px;

    }



    .ip-graph-desc {

      font-size: 16px;

      line-height: 1.6;

      color: var(--text-muted);

      margin: 0;

    }



    .ip-graph-icon {

      width: 52px;

      height: 52px;

      min-width: 52px;

      border-radius: 18px;

      background: var(--mist-lavender);

      color: var(--deep-purple);

      display: flex;

      align-items: center;

      justify-content: center;

      font-size: 24px;

    }



    .ip-progress-item {

      margin-bottom: 18px;

    }



    .ip-progress-top {

      display: flex;

      align-items: center;

      justify-content: space-between;

      font-size: 14px;

      font-weight: 800;

      color: var(--charcoal-plum);

      margin-bottom: 9px;

    }



    .ip-progress-track {

      width: 100%;

      height: 13px;

      border-radius: 999px;

      background: var(--mist-lavender);

      overflow: hidden;

    }



    .ip-progress-fill {

      height: 100%;

      width: 0;

      border-radius: 999px;

      background: linear-gradient(90deg, var(--deep-purple), var(--orchid-pink));

      transition: width 1.3s ease;

    }



    .ip-income-box {

      padding: 30px;

      border-radius: var(--radius-lg);

      background: linear-gradient(135deg, var(--deep-purple), var(--vibrant-violet));

      color: var(--white);

      margin-top: 8px;

    }



    .ip-income-number {

      font-family: "Cormorant Garamond", serif;

      font-size: 58px;

      line-height: 1;

      font-weight: 700;

      margin-bottom: 12px;

    }



    .ip-income-text {

      font-size: 15px;

      line-height: 1.6;

      color: rgba(255, 255, 255, 0.86);

      margin: 0;

    }



    .ip-donut-wrap {

      width: 210px;

      height: 210px;

      border-radius: 50%;

      margin: 0 auto 24px;

      background:

        conic-gradient(

          var(--deep-purple) 0 48%,

          var(--vibrant-violet) 48% 75%,

          var(--soft-lavender) 75% 90%,

          var(--orchid-pink) 90% 100%

        );

      display: flex;

      align-items: center;

      justify-content: center;

      position: relative;

    }



    .ip-donut-wrap::after {

      content: "";

      width: 118px;

      height: 118px;

      border-radius: 50%;

      background: var(--white);

      position: absolute;

    }



    .ip-donut-center {

      position: relative;

      z-index: 2;

      text-align: center;

    }



    .ip-donut-number {

      font-family: "Cormorant Garamond", serif;

      font-size: 38px;

      line-height: 1;

      font-weight: 700;

      color: var(--deep-purple);

    }



    .ip-donut-label {

      font-size: 12px;

      font-weight: 800;

      color: var(--text-muted);

      margin-top: 4px;

    }



    .ip-legend {

      display: grid;

      gap: 10px;

    }



    .ip-legend-item {

      display: flex;

      align-items: center;

      gap: 10px;

      font-size: 14px;

      color: var(--text-muted);

    }



    .ip-legend-dot {

      width: 12px;

      height: 12px;

      border-radius: 50%;

      display: inline-block;

    }



    .ip-cta {

      border-radius: var(--radius-xl);

      background:

        radial-gradient(circle at top right, rgba(212, 106, 194, 0.34), transparent 32%),

        linear-gradient(135deg, var(--charcoal-plum), var(--deep-purple));

      padding: 58px;

      color: var(--white);

      box-shadow: var(--deep-shadow);

      overflow: hidden;

      position: relative;

    }



    .ip-cta-title {

      font-family: "Cormorant Garamond", serif;

      font-size: 56px;

      line-height: 1;

      font-weight: 700;

      margin-bottom: 16px;

    }



    .ip-cta-text {

      font-size: 17px;

      line-height: 1.8;

      color: rgba(255, 255, 255, 0.84);

      max-width: 680px;

      margin-bottom: 0;

    }



    @media (max-width: 1199px) {

      .ip-banner-title {

        font-size: 72px;

      }



      .ip-section-title {

        font-size: 54px;

      }

    }



    @media (max-width: 991px) {

      .ip-banner {

        min-height: 620px;

        background-position: center;

      }



      .ip-banner-title {

        font-size: 58px;

      }



      .ip-section-title,

      .ip-cta-title {

        font-size: 46px;

      }

    }



    @media (max-width: 767px) {

      .ip-banner {

        min-height: auto;

        padding: 70px 0;

        background-image:

          linear-gradient(

            180deg,

            rgba(46, 34, 56, 0.90) 0%,

            rgba(91, 42, 134, 0.74) 60%,

            rgba(46, 34, 56, 0.62) 100%

          ),

          url("https://images.unsplash.com/photo-1573496359142-b8d87734a5a2?auto=format&fit=crop&w=1200&q=90");

      }



      .ip-banner-content {

        padding: 0;

      }



      .ip-banner-title {

        font-size: 46px;

        line-height: 0.98;

      }



      .ip-banner-text,

      .ip-section-text,

      .ip-cta-text {

        font-size: 15px;

      }



      .ip-section {

        padding: 60px 0;

      }



      .ip-section-title,

      .ip-cta-title {

        font-size: 40px;

      }



      .ip-case-body,

      .ip-stat-card,

      .ip-graph-card,

      .ip-cta {

        padding: 26px;

      }



      .ip-banner-caption {

        align-items: flex-start;

      }

    }

.datacoreimgcls{width:100%; padding-bottom:1.2rem;}

.datacoreimgcls img{width:100%; border-radius:30px 30px 0 0;}

.coredatasec{margin-bottom:3.4rem;}



/* Donor Engagements */

.de-page {

      overflow: hidden;

      background: var(--ivory-white);

    }



    .de-banner {

      min-height: 760px;

      display: flex;

      align-items: center;

      position: relative;

      overflow: hidden;

      background-image:

        linear-gradient(

          90deg,

          rgba(250, 249, 252, 0.96) 0%,

          rgba(245, 239, 250, 0.92) 38%,

          rgba(91, 42, 134, 0.32) 68%,

          rgba(46, 34, 56, 0.20) 100%

        ),

        url('../images/about-banner01.jpg');

      background-size: cover;

      background-position: center right;

    }



    .de-banner::after {

      content: "";

      position: absolute;

      right: -170px;

      bottom: -190px;

      width: 520px;

      height: 520px;

      border-radius: 50%;

      background: rgba(91, 42, 134, 0.12);

      pointer-events: none;

    }



    .de-banner-content {

      position: relative;

      z-index: 2;

      max-width: 720px;

      padding: 160px 0 20px;

    }



    .de-banner-badge {

      display: inline-flex;

      align-items: center;

      gap: 10px;

      padding: 11px 20px;

      border-radius: 999px;

      background: var(--white);

      color: var(--deep-purple);

      font-size: 13px;

      font-weight: 800;

      text-transform: uppercase;

      letter-spacing: 0.08em;

      box-shadow: var(--shadow-card);

      margin-bottom: 26px;

    }



    .de-banner-title {

      font-size: 78px;

      line-height: 1.2;

      font-weight: 700;

      color: #4E397B;

      margin-bottom: 26px;

      letter-spacing: -0.02em;

    }



    .de-banner-text {

      font-size: 18px;

      line-height: 1.85;

      color: var(--text-muted);

      max-width: 650px;

      margin-bottom: 34px;

    }



    .de-banner-caption {

      display: inline-flex;

      align-items: flex-start;

      gap: 16px;

      max-width: 590px;

      padding: 22px;

      border-radius: var(--radius-lg);

      background: rgba(255, 255, 255, 0.72);

      border: 1px solid rgba(201, 163, 230, 0.45);

      box-shadow: var(--shadow-soft);

      backdrop-filter: blur(14px);

      -webkit-backdrop-filter: blur(14px);

    }



    .de-caption-icon {

      width: 50px;

      height: 50px;

      min-width: 50px;

      border-radius: 50%;

      background: linear-gradient(135deg, var(--deep-purple), #6B559C);

      color: var(--white);

      display: flex;

      align-items: center;

      justify-content: center;

      font-size: 22px;

    }



    .de-caption-text {

      font-size: 15px;

      line-height: 1.65;

      color: var(--text-muted);

      margin: 0;

    }



    .de-section {

      padding: 90px 0;

      position: relative;

    }



    .de-section-white {

      background: var(--ivory-white);

    }



    .de-section-soft {

      background: linear-gradient(to bottom, #F5EFFA 0%, transparent 100%);

    }



    .de-kicker {

      display: inline-flex;

      align-items: center;

      gap: 10px;

      font-size: 13px;

      font-weight: 800;

      color: var(--deep-purple);

      text-transform: uppercase;

      letter-spacing: 0.08em;

      margin-bottom: 14px;

    }



    .de-kicker::before {

      content: "";

      width: 38px;

      height: 3px;

      border-radius: 20px;

      background: var(--orchid-pink);

    }



    .de-section-title {

      font-size: 43px;

      line-height: 0.98;

      font-weight: 700;

      color: var(--charcoal-plum);

      margin-bottom: 18px;

    }



    .de-section-text {

      font-size: 17px;

      line-height: 1.8;

      color: var(--text-muted);

      max-width: 740px;

      margin-bottom: 0;

    }



    .de-phase-card {

      height: 100%;

      background: var(--white);

      border-radius: var(--radius-xl);

      overflow: hidden;

      box-shadow: var(--shadow-card);

      border: 1px solid rgba(201, 163, 230, 0.35);

      transition: all 0.35s ease;

      position: relative;

    }



    .de-phase-card:hover {

      transform: translateY(-8px);

      box-shadow: var(--deep-shadow);

    }



    .de-phase-top {

      padding: 32px;

      min-height: 220px;

      background:

        radial-gradient(circle at top right, rgba(139, 116, 181, 0.32), transparent 38%),

        linear-gradient(135deg, var(--deep-purple), var(--vibrant-violet));

      color: var(--white);

      position: relative;

      overflow: hidden;

    }



    .de-phase-top::after {

      content: "";

      position: absolute;

      right: -65px;

      bottom: -75px;

      width: 180px;

      height: 180px;

      border-radius: 50%;

      background: rgba(255, 255, 255, 0.12);

    }



    .de-phase-number {

      font-family: "Cormorant Garamond", serif;

      font-size: 72px;

      line-height: 1;

      font-weight: 700;

      color: rgba(255, 255, 255, 0.28);

      margin-bottom: 18px;

      position: relative;

      z-index: 2;

    }



    .de-phase-title {

      font-size: 34px;

      line-height: 1;

      font-weight: 700;

      margin: 0;

      position: relative;

      z-index: 2;

    }



    .de-phase-body {

      padding: 32px;

    }



    .de-phase-text {

      color: var(--text-muted);

      font-size: 17px;

      line-height: 1.75;

      margin-bottom: 22px;

    }



    .de-phase-list {

      list-style: none;

      padding: 0;

      margin: 0;

    }



    .de-phase-list li {

      display: flex;

      align-items: flex-start;

      gap: 10px;

      color: var(--text-muted);

      font-size: 17px;

      line-height: 1.55;

      margin-bottom: 12px;

    }



    .de-phase-list i {

      color: var(--deep-purple);

      margin-top: 2px;

    }



    .de-system-card {

      height: 100%;

      background: var(--white);

      border-radius: var(--radius-xl);

      padding: 34px;

      box-shadow: var(--shadow-card);

      border: 1px solid rgba(201, 163, 230, 0.35);

      position: relative;

      overflow: hidden;

      transition: all 0.35s ease;

    }



    .de-system-card:hover {

      transform: translateY(-8px);

      box-shadow: var(--deep-shadow);

    }



    .de-system-card::after {

      content: "";

      position: absolute;

      right: -75px;

      top: -75px;

      width: 200px;

      height: 200px;

      border-radius: 50%;

      background: rgba(201, 163, 230, 0.22);

    }



    .de-system-icon {

      width: 66px;

      height: 66px;

      border-radius: 22px;

      background: linear-gradient(135deg, var(--deep-purple), #8B74B5);

      color: var(--white);

      display: flex;

      align-items: center;

      justify-content: center;

      font-size: 30px;

      margin-bottom: 24px;

      position: relative;

      z-index: 2;

    }



    .de-system-title {

      font-family: "Cormorant Garamond", serif;

      font-size: 34px;

      line-height: 1;

      font-weight: 700;

      color: var(--charcoal-plum);

      margin-bottom: 14px;

      position: relative;

      z-index: 2;

    }



    .de-system-text {

      font-size: 15px;

      line-height: 1.75;

      color: var(--text-muted);

      margin: 0;

      position: relative;

      z-index: 2;

    }



    .de-roadmap-wrap {

      background: var(--white);

      border-radius: var(--radius-xl);

      box-shadow: var(--shadow-soft);

      border: 1px solid rgba(201, 163, 230, 0.35);

      padding: 24px;

    }



    .de-roadmap-buttons {

      display: flex;

      flex-wrap: wrap;

      gap: 12px;

      margin-bottom: 24px;

    }



    .de-roadmap-btn {

      border: 0;

      background: var(--mist-lavender);

      color: var(--charcoal-plum);

      padding: 14px 22px;

      border-radius: 999px;

      font-size: 14px;

      font-weight: 800;

      transition: all 0.3s ease;

    }



    .de-roadmap-btn:hover,

    .de-roadmap-btn.de-active {

      background: linear-gradient(135deg, var(--deep-purple), var(--vibrant-violet));

      color: var(--white);

    }



    .de-roadmap-panel {

      display: none;

      border-radius: 28px;

      background:

        radial-gradient(circle at top right, rgba(212, 106, 194, 0.16), transparent 32%),

        linear-gradient(135deg, var(--ivory-white), #ffffff);

      padding: 38px;

    }



    .de-roadmap-panel.de-active {

      display: block;

    }



    .de-roadmap-panel-title {

      font-family: "Cormorant Garamond", serif;

      font-size: 44px;

      line-height: 1;

      font-weight: 700;

      margin-bottom: 14px;

      color: var(--charcoal-plum);

    }



    .de-roadmap-panel-text {

      color: var(--text-muted);

      font-size: 16px;

      line-height: 1.8;

      max-width: 780px;

      margin-bottom: 28px;

    }



    .de-roadmap-mini-grid {

      display: grid;

      grid-template-columns: repeat(3, 1fr);

      gap: 16px;

    }



    .de-roadmap-mini {

      background: var(--white);

      border-radius: 22px;

      padding: 22px;

      box-shadow: var(--shadow-card);

      border: 1px solid rgba(201, 163, 230, 0.26);

    }



    .de-roadmap-mini i {

      color: var(--deep-purple);

      font-size: 26px;

      margin-bottom: 12px;

      display: inline-flex;

    }



    .de-roadmap-mini h4 {

      font-size: 15px;

      font-weight: 800;

      color: var(--charcoal-plum);

      margin-bottom: 7px;

    }



    .de-roadmap-mini p {

      font-size: 13px;

      line-height: 1.6;

      color: var(--text-muted);

      margin: 0;

    }



    .de-cta-box {

      border-radius: var(--radius-xl);

      background:

        radial-gradient(circle at top right, rgba(212, 106, 194, 0.34), transparent 32%),

        linear-gradient(135deg, var(--deep-purple), var(--charcoal-plum));

      color: var(--white);

      padding: 58px;

      box-shadow: var(--deep-shadow);

      position: relative;

      overflow: hidden;

    }



    .de-cta-box::after {

      content: "";

      position: absolute;

      right: -120px;

      bottom: -140px;

      width: 340px;

      height: 340px;

      border-radius: 50%;

      background: rgba(255, 255, 255, 0.08);

    }



    .de-cta-title {

      font-family: "Cormorant Garamond", serif;

      font-size: 58px;

      line-height: 1;

      font-weight: 700;

      margin-bottom: 18px;

      position: relative;

      z-index: 2;

    }



    .de-cta-text {

      color: rgba(255, 255, 255, 0.84);

      font-size: 17px;

      line-height: 1.8;

      max-width: 720px;

      margin-bottom: 0;

      position: relative;

      z-index: 2;

    }



    @media (max-width: 1199px) {

      .de-banner-title {

        font-size: 72px;

      }



      .de-section-title {

        font-size: 54px;

      }

    }



    @media (max-width: 991px) {

      .de-banner {

        min-height: 650px;

        background-image:

          linear-gradient(

            90deg,

            rgba(250, 249, 252, 0.98) 0%,

            rgba(245, 239, 250, 0.94) 52%,

            rgba(91, 42, 134, 0.26) 100%

          ),

          url('../images/about-banner01.jpg');

        background-position: center right;

      }



      .de-banner-title {

        font-size: 58px;

      }



      .de-section-title,

      .de-cta-title {

        font-size: 46px;

      }



      .de-roadmap-mini-grid {

        grid-template-columns: 1fr;

      }

    }



    @media (max-width: 767px) {

      .de-banner {

        min-height: auto;

        padding: 70px 0;

        background-image:

          linear-gradient(

            180deg,

            rgba(250, 249, 252, 0.98) 0%,

            rgba(245, 239, 250, 0.94) 58%,

            rgba(91, 42, 134, 0.38) 100%

          ),

          url('../images/about-banner01.jpg');

        background-position: center;

      }



      .de-banner-content {

        padding: 0;

      }



      .de-banner-title {

        font-size: 46px;

        line-height: 0.98;

      }



      .de-banner-text,

      .de-section-text,

      .de-cta-text {

        font-size: 15px;

      }



      .de-section {

        padding: 60px 0;

      }



      .de-section-title,

      .de-cta-title {

        font-size: 40px;

      }



      .de-phase-body,

      .de-system-card,

      .de-roadmap-panel,

      .de-cta-box {

        padding: 26px;

      }



      .de-roadmap-buttons {

        flex-direction: column;

      }



      .de-roadmap-btn {

        width: 100%;

        text-align: left;

      }



      .de-banner-caption {

        align-items: flex-start;

      }

    }

.cusmarginbtmsec{margin-bottom:3.4rem;}





/* Get Involve */

.gi-page {

      overflow: hidden;

      background: var(--ivory-white);

    }



    .gi-section {

      padding: 70px 0;

      position: relative;

    }



    .gi-section-light {

      background: var(--ivory-white);

    }



    .gi-section-soft {

      background: var(--mist-lavender);

    }



    .gi-kicker {

      display: inline-flex;

      align-items: center;

      gap: 9px;

      font-size: 13px;

      font-weight: 800;

      text-transform: uppercase;

      letter-spacing: 0.08em;

      color: var(--deep-purple);

      margin-bottom: 14px;

    }



    .gi-kicker::before {

      content: "";

      width: 38px;

      height: 3px;

      border-radius: 20px;

      background: var(--orchid-pink);

    }



    .gi-heading {

      font-size:43px;

      line-height: 0.95;

      font-weight: 700;

      color: var(--charcoal-plum);

      margin-bottom: 18px;

    }



    .gi-subtext {

      font-size: 17px;

      line-height: 1.8;

      color: var(--text-muted);

      max-width: 720px;

      margin-bottom: 0;

    }



    .gi-hero {

      min-height: 760px;

      padding: 200px 0 90px;

      background:

        radial-gradient(circle at 10% 15%, rgba(212, 106, 194, 0.24), transparent 28%),

        radial-gradient(circle at 85% 18%, rgba(201, 163, 230, 0.38), transparent 30%),

        linear-gradient(135deg, var(--ivory-white) 0%, var(--mist-lavender) 52%, #ffffff 100%);

      position: relative;

      overflow: hidden;

    }



    .gi-hero::after {

      content: "";

      position: absolute;

      right: -180px;

      bottom: -180px;

      width: 520px;

      height: 520px;

      border-radius: 50%;

      background: rgba(91, 42, 134, 0.08);

    }



    .gi-hero-content {

      position: relative;

      z-index: 2;

    }



    .gi-hero-badge {

      display: inline-flex;

      align-items: center;

      gap: 10px;

      background: var(--white);

      color: var(--deep-purple);

      padding: 11px 20px;

      border-radius: 999px;

      font-size: 13px;

      font-weight: 800;

      box-shadow: var(--shadow-card);

      margin-bottom: 24px;

    }



    .gi-hero-title {

      font-size: 78px;

      line-height: 1.1;

      font-weight: 700;

      color: #4E397B;

      max-width: 800px;

      margin-bottom: 26px;

    }



    .gi-hero-text {

      font-size: 18px;

      line-height: 1.85;

      color: var(--text-muted);

      max-width: 660px;

      margin-bottom: 34px;

    }



    .gi-hero-actions {

      display: flex;

      gap: 16px;

      flex-wrap: wrap;

    }



    .gi-btn-primary,

    .gi-btn-white {

      display: inline-flex;

      align-items: center;

      justify-content: center;

      gap: 10px;

      padding: 16px 28px;

      border-radius: 999px;

      text-decoration: none;

      font-size: 15px;

      font-weight: 800;

      transition: all 0.35s ease;

    }



    .gi-btn-primary {

      background: linear-gradient(135deg, var(--deep-purple), var(--vibrant-violet));

      color: var(--white);

      box-shadow: var(--shadow-soft);

    }



    .gi-btn-primary:hover {

      color: var(--white);

      transform: translateY(-4px);

      box-shadow: var(--deep-shadow);

    }



    .gi-btn-white {

      background: var(--white);

      color: var(--deep-purple);

      box-shadow: var(--shadow-card);

    }



    .gi-btn-white:hover {

      color: var(--deep-purple);

      transform: translateY(-4px);

      box-shadow: var(--shadow-soft);

    }



    .gi-hero-panel {

      position: relative;

      z-index: 2;

      background: rgba(255, 255, 255, 0.78);

      backdrop-filter: blur(16px);

      border-radius: var(--radius-xl);

      padding: 24px;

      box-shadow: var(--deep-shadow);

      border: 1px solid rgba(255, 255, 255, 0.75);

    }



    .gi-hero-img {

      min-height: 360px;

      border-radius: 28px;

      background:

        linear-gradient(180deg, rgba(46,34,56,0.05), rgba(46,34,56,0.38)),

        url('../images/get-involve-img01.jpg');

      background-size: cover;

      background-position: center;

      position: relative;

      overflow: hidden;

    }



    .gi-hero-stat {

      background: var(--white);

      border-radius: 24px;

      padding: 22px;

      margin-top: 18px;

      box-shadow: var(--shadow-card);

    }



    .gi-hero-stat-number {

      font-family: "Cormorant Garamond", serif;

      font-size: 48px;

      line-height: 1.1;

      font-weight: 700;

      color: var(--deep-purple);

      margin-bottom: 6px;

    }



    .gi-hero-stat-text {

      font-size: 14px;

      line-height: 1.55;

      color: var(--text-muted);

      margin: 0;

    }



    .gi-intro-card {

      background: var(--white);

      border-radius: var(--radius-xl);

      box-shadow: var(--shadow-soft);

      padding: 42px;

      border: 1px solid rgba(201, 163, 230, 0.32);

      position: relative;

      overflow: hidden;

    }



    .gi-intro-card::after {

      content: "";

      position: absolute;

      right: -80px;

      top: -80px;

      width: 220px;

      height: 220px;

      border-radius: 50%;

      background: rgba(201, 163, 230, 0.24);

    }



    .gi-intro-icon {

      width: 70px;

      height: 70px;

      border-radius: 24px;

      display: flex;

      align-items: center;

      justify-content: center;

      background: linear-gradient(135deg, var(--deep-purple), var(--orchid-pink));

      color: var(--white);

      font-size: 30px;

      margin-bottom: 24px;

      position: relative;

      z-index: 2;

    }



    .gi-intro-title {

      font-family: "Cormorant Garamond", serif;

      font-size: 38px;

      line-height: 1;

      font-weight: 700;

      margin-bottom: 16px;

      position: relative;

      z-index: 2;

    }



    .gi-intro-text {

      color: var(--text-muted);

      line-height: 1.8;

      margin-bottom: 0;

      position: relative;

      z-index: 2;

    }



    .gi-path-card {

      height: 100%;

      background: var(--white);

      border-radius: var(--radius-xl);

      box-shadow: var(--shadow-card);

      overflow: hidden;

      border: 1px solid rgba(201, 163, 230, 0.35);

      transition: all 0.35s ease;

      position: relative;

    }



    .gi-path-card:hover {

      transform: translateY(-8px);

      box-shadow: var(--deep-shadow);

    }



    .gi-path-top {

      min-height: 285px;

      padding: 5.2rem 1.2rem 1.2rem;

      background:

        radial-gradient(circle at top right, rgba(212, 106, 194, 0.32), transparent 38%),

        linear-gradient(135deg, var(--deep-purple), var(--vibrant-violet));

      color: var(--white);

      position: relative;

      overflow: hidden;

	  background-image:url('../images/vol01.jpg');

	  background-size:cover;

	  background-position:top left;

    }



    .gi-path-top::after {

      content: "";

      position: absolute;

      right: -50px;

      bottom: -60px;

      width: 160px;

      height: 160px;

      border-radius: 50%;

      background: rgba(255, 255, 255, 0.12);

    }



    .gi-path-icon {

      width: 58px;

      height: 58px;

      border-radius: 20px;

      background: #6B559C;

      display: flex;

      align-items: center;

      justify-content: center;

      font-size: 27px;

      margin-bottom: 22px;

      position: relative;

      z-index: 2;

    }



    .gi-path-title {

      font-family: "Cormorant Garamond", serif;

      font-size: 34px;

      line-height: 1;

      font-weight: 700;

      margin: 0;

      position: relative;

      z-index: 2;

    }



    .gi-path-body {

      padding: 30px;

    }



    .gi-path-list {

      list-style: none;

      padding: 0;

      margin: 0 0 24px;

    }



    .gi-path-list li {

      display: flex;

      align-items: flex-start;

      gap: 10px;

      font-size: 17px;

      line-height: 1.55;

      color: var(--text-muted);

      margin-bottom: 13px;

    }



    .gi-path-list i {

      color: var(--vibrant-violet);

      margin-top: 2px;

    }



    .gi-path-link {

      display: inline-flex;

      align-items: center;

      gap: 8px;

      color: var(--deep-purple);

      font-size: 14px;

      font-weight: 800;

      text-decoration: none;

    }



    .gi-path-link:hover {

      color: var(--orchid-pink);

    }



    .gi-feature-card {

      height: 100%;

      border-radius: var(--radius-xl);

      padding: 36px;

      background: var(--white);

      box-shadow: var(--shadow-card);

      position: relative;

      overflow: hidden;

      transition: all 0.35s ease;

    }



    .gi-feature-card:hover {

      transform: translateY(-8px);

      box-shadow: var(--deep-shadow);

    }



    .gi-feature-card-dark {

      background:

        radial-gradient(circle at top right, rgba(212, 106, 194, 0.28), transparent 35%),

        linear-gradient(135deg, var(--charcoal-plum), var(--deep-purple));

      color: var(--white);

    }



    .gi-feature-card-soft {

      background:

        radial-gradient(circle at top left, rgba(212, 106, 194, 0.18), transparent 30%),

        var(--mist-lavender);

    }



    .gi-feature-label {

      display: inline-flex;

      padding: 9px 15px;

      border-radius: 999px;

      background: rgba(255, 255, 255, 0.18);

      color: inherit;

      font-size: 12px;

      font-weight: 800;

      text-transform: uppercase;

      letter-spacing: 0.06em;

      margin-bottom: 22px;

    }



    .gi-feature-card-soft .gi-feature-label {

      background: var(--white);

      color: var(--deep-purple);

    }



    .gi-feature-title {

      font-family: "Cormorant Garamond", serif;

      font-size: 44px;

      line-height: 0.98;

      font-weight: 700;

      margin-bottom: 18px;

    }



    .gi-feature-text {

      font-size: 16px;

      line-height: 1.78;

      color: inherit;

      opacity: 0.82;

      margin-bottom: 24px;

    }



    .gi-feature-list {

      list-style: none;

      padding: 0;

      margin: 0;

    }



    .gi-feature-list li {

      display: flex;

      gap: 10px;

      margin-bottom: 12px;

      line-height: 1.5;

      color: inherit;

      opacity: 0.9;

    }



    .gi-feature-list i {

      color: #8B74B5;

    }



    .gi-feature-card-soft .gi-feature-list i {

      color: var(--deep-purple);

    }



    .gi-filter-wrap {

      background: var(--white);

      border-radius: var(--radius-xl);

      padding: 20px;

      box-shadow: var(--shadow-soft);

      border: 1px solid rgba(201, 163, 230, 0.32);

    }



    .gi-filter-buttons {

      display: flex;

      flex-wrap: wrap;

      gap: 12px;

      margin-bottom: 24px;

    }



    .gi-filter-btn {

      border: 0;

      background: var(--mist-lavender);

      color: var(--charcoal-plum);

      padding: 13px 22px;

      border-radius: 999px;

      font-size: 14px;

      font-weight: 800;

      transition: all 0.3s ease;

    }



    .gi-filter-btn:hover,

    .gi-filter-btn.gi-active {

      background: linear-gradient(135deg, var(--deep-purple), var(--vibrant-violet));

      color: var(--white);

    }



    .gi-filter-panel {

      display: none;

      border-radius: 28px;

      background:

        linear-gradient(135deg, var(--ivory-white), #ffffff);

      padding: 36px;

    }



    .gi-filter-panel.gi-active {

      display: block;

    }



    .gi-filter-panel-title {

      font-family: "Cormorant Garamond", serif;

      font-size: 44px;

      line-height: 1;

      font-weight: 700;

      margin-bottom: 14px;

    }



    .gi-filter-panel-text {

      color: var(--text-muted);

      line-height: 1.8;

      margin-bottom: 26px;

      max-width: 760px;

    }



    .gi-mini-grid {

      display: grid;

      grid-template-columns: repeat(3, 1fr);

      gap: 16px;

    }



    .gi-mini-card {

      background: var(--white);

      border-radius: 20px;

      padding: 20px;

      box-shadow: var(--shadow-card);

      border: 1px solid rgba(201, 163, 230, 0.28);

    }



    .gi-mini-card i {

      color: var(--deep-purple);

      font-size: 24px;

      margin-bottom: 12px;

    }



    .gi-mini-card h4 {

      font-size: 15px;

      font-weight: 800;

      margin-bottom: 6px;

    }



    .gi-mini-card p {

      font-size: 13px;

      line-height: 1.55;

      color: var(--text-muted);

      margin-bottom: 0;

    }



    .gi-cta-box {

      border-radius: var(--radius-xl);

      background:

        radial-gradient(circle at top right, rgba(212, 106, 194, 0.35), transparent 32%),

        linear-gradient(135deg, var(--deep-purple), var(--charcoal-plum));

      color: var(--white);

      padding: 62px;

      box-shadow: var(--deep-shadow);

      overflow: hidden;

      position: relative;

    }



    .gi-cta-box::after {

      content: "";

      position: absolute;

      right: -90px;

      bottom: -120px;

      width: 300px;

      height: 300px;

      border-radius: 50%;

      background: rgba(255, 255, 255, 0.08);

    }



    .gi-cta-title {

      font-family: "Cormorant Garamond", serif;

      font-size: 58px;

      line-height: 1;

      font-weight: 700;

      margin-bottom: 18px;

      position: relative;

      z-index: 2;

    }



    .gi-cta-text {

      color: rgba(255, 255, 255, 0.82);

      font-size: 17px;

      line-height: 1.8;

      max-width: 700px;

      margin: 0;

      position: relative;

      z-index: 2;

    }



    .gi-cta-actions {

      position: relative;

      z-index: 2;

      display: flex;

      justify-content: flex-end;

      gap: 14px;

      flex-wrap: wrap;

    }



    @media (max-width: 1199px) {

      .gi-hero-title {

        font-size: 70px;

      }



      .gi-heading {

        font-size: 56px;

      }



      .gi-feature-title {

        font-size: 38px;

      }

    }



    @media (max-width: 991px) {

      .gi-hero {

        min-height: auto;

        padding: 90px 0 70px;

      }



      .gi-hero-title {

        font-size: 58px;

      }



      .gi-hero-panel {

        margin-top: 42px;

      }



      .gi-heading,

      .gi-cta-title {

        font-size: 48px;

      }



      .gi-mini-grid {

        grid-template-columns: 1fr;

      }



      .gi-cta-actions {

        justify-content: flex-start;

        margin-top: 26px;

      }

    }



    @media (max-width: 767px) {

      .gi-section {

        padding: 60px 0;

      }



      .gi-hero {

        padding: 70px 0 55px;

      }



      .gi-hero-title {

        font-size: 46px;

      }



      .gi-heading,

      .gi-cta-title {

        font-size: 40px;

      }



      .gi-hero-text,

      .gi-subtext,

      .gi-cta-text {

        font-size: 15px;

      }



      .gi-hero-actions,

      .gi-cta-actions {

        flex-direction: column;

      }



      .gi-btn-primary,

      .gi-btn-white {

        width: 100%;

      }



      .gi-intro-card,

      .gi-feature-card,

      .gi-filter-panel,

      .gi-cta-box {

        padding: 28px;

      }



      .gi-path-body {

        padding: 26px;

      }



      .gi-filter-buttons {

        flex-direction: column;

      }



      .gi-filter-btn {

        width: 100%;

        text-align: left;

      }

    }

.sponsordreamsec{margin-bottom:3.1rem;}



/* CSR */

.csr-ak-page {

     /* background:

        radial-gradient(circle at 8% 8%, rgba(212, 106, 194, 0.14), transparent 28%),

        radial-gradient(circle at 92% 12%, rgba(122, 62, 177, 0.12), transparent 30%),

        linear-gradient(180deg, #FAF9FC 0%, #F5EFFA 48%, #FAF9FC 100%);*/

		background:transparent;

      overflow: hidden;

    }



    .csr-ak-section {

      position: relative;

      padding: 95px 0 0;

      z-index: 2;

    }



    .csr-ak-hero {

      position: relative;

      min-height: 96vh;

      display: flex;

      align-items: center;

      padding: 190px 0 90px;

      background:

        linear-gradient(90deg, rgba(78, 57,123, 0.88) 0%, rgba(139, 116, 181, 0.74) 46%, rgba(91, 42, 134, 0.25) 100%),

        url("https://images.unsplash.com/photo-1594708767771-a7502209ff51?auto=format&fit=crop&w=1800&q=80") center center / cover no-repeat;

      color: #fff;

      overflow: hidden;

    }



    .csr-ak-hero::after {

      content: "";

      position: absolute;

      inset: auto 0 0 0;

      height: 180px;

      background: linear-gradient(180deg, transparent, var(--csr-ak-ivory-white));

      pointer-events: none;

      z-index: 1;

    }



    .csr-ak-hero .container {

      position: relative;

      z-index: 2;

    }



    .csr-ak-kicker {

      display: inline-flex;

      align-items: center;

      gap: 10px;

      padding: 9px 17px;

      border-radius: 999px;

      background: rgba(255, 255, 255, 0.82);

      color: var(--csr-ak-deep-purple);

      font-size: 13px;

      font-weight: 800;

      letter-spacing: 0.08em;

      text-transform: uppercase;

      box-shadow: var(--csr-ak-shadow-card);

      margin-bottom: 18px;

    }



    .csr-ak-kicker i {

      color: var(--csr-ak-orchid-pink);

    }



    .csr-ak-hero .csr-ak-kicker {

      background: rgba(255, 255, 255, 0.16);

      color: #fff;

      border: 1px solid rgba(255, 255, 255, 0.22);

      backdrop-filter: blur(14px);

    }



    .csr-ak-hero .csr-ak-kicker i {

      color: #fff;

    }



    .csr-ak-title {

      font-family: "Cormorant Garamond", serif;

      font-size: clamp(44px, 6.2vw, 84px);

      line-height: 0.95;

      font-weight: 700;

      letter-spacing: -0.035em;

      margin-bottom: 22px;

      color: #fff;

      max-width: 760px;

    }



    .csr-ak-title span {

      color: #f5d7ef;

    }



    .csr-ak-subtitle {

      font-size: 18px;

      line-height: 1.75;

      color: rgba(255, 255, 255, 0.88);

      max-width: 720px;

      margin-bottom: 32px;

    }



    .csr-ak-btn-wrap {

      display: flex;

      flex-wrap: wrap;

      gap: 14px;

      align-items: center;

    }



    .csr-ak-btn-primary,

    .csr-ak-btn-secondary {

      display: inline-flex;

      align-items: center;

      justify-content: center;

      gap: 10px;

      min-height: 52px;

      padding: 14px 24px;

      border-radius: 999px;

      font-size: 15px;

      font-weight: 800;

      text-decoration: none;

      transition: all 0.35s ease;

    }



    .csr-ak-btn-primary {

      color: #fff;

      background: linear-gradient(135deg, var(--csr-ak-deep-purple), var(--csr-ak-vibrant-violet), var(--csr-ak-orchid-pink));

      box-shadow: 0 18px 40px rgba(91, 42, 134, 0.30);

      border: none;

    }



    .csr-ak-btn-primary:hover {

      color: #fff;

      transform: translateY(-3px);

      box-shadow: 0 24px 55px rgba(91, 42, 134, 0.40);

    }



    .csr-ak-btn-secondary {

      color: var(--csr-ak-deep-purple);

      background: rgba(255, 255, 255, 0.90);

      border: 1px solid rgba(91, 42, 134, 0.14);

      box-shadow: var(--csr-ak-shadow-card);

    }



    .csr-ak-btn-secondary:hover {

      color: var(--csr-ak-deep-purple);

      transform: translateY(-3px);

      background: #fff;

    }



    .csr-ak-hero-media {

      position: relative;

      min-height: 540px;

    }



    .csr-ak-hero-img-main {

      position: absolute;

      right: 0;

      top: 20px;

      width: 78%;

      height: 350px;

      border-radius: 36px;

      overflow: hidden;

      box-shadow: var(--csr-ak-deep-shadow);

      border: 8px solid rgba(255, 255, 255, 0.18);

    }



    .csr-ak-hero-img-small {

      position: absolute;

      left: 0;

      bottom: 20px;

      width: 56%;

      height: 265px;

      border-radius: 30px;

      overflow: hidden;

      box-shadow: var(--csr-ak-deep-shadow);

      border: 8px solid rgba(255, 255, 255, 0.18);

    }



    .csr-ak-hero-img-main img,

    .csr-ak-hero-img-small img,

    .csr-ak-photo-card img,

    .csr-ak-model-img img,

    .csr-ak-snapshot-img img {

      width: 100%;

      height: 100%;

      object-fit: cover;

      display: block;

    }



    .csr-ak-hero-stat-box {

      position: absolute;

      right: 30px;

      bottom: 0;

      width: 230px;

      padding: 24px;

      border-radius: 26px;

      background: rgba(255, 255, 255, 0.90);

      box-shadow: var(--csr-ak-deep-shadow);

      backdrop-filter: blur(16px);

      color: var(--csr-ak-charcoal-plum);

    }



    .csr-ak-hero-stat-box strong {

      display: block;

      font-family: "Cormorant Garamond", serif;

      font-size: 52px;

      line-height: 0.9;

      color: var(--csr-ak-deep-purple);

      margin-bottom: 8px;

    }



    .csr-ak-hero-stat-box span {

      display: block;

      font-size: 14px;

      line-height: 1.45;

      font-weight: 800;

      color: var(--csr-ak-text-muted);

    }



    .csr-ak-impact-strip {

      position: relative;

      z-index: 3;

      margin-top: -70px;

    }



    .csr-ak-impact-strip-inner {

      padding: 26px;

      border-radius: var(--csr-ak-radius-xl);

      background: rgba(255, 255, 255, 0.94);

      box-shadow: var(--csr-ak-deep-shadow);

      backdrop-filter: blur(16px);

    }



    .csr-ak-impact-card {

      height: 100%;

      padding: 22px;

      border-radius: var(--csr-ak-radius-lg);

      background: linear-gradient(180deg, var(--csr-ak-mist-lavender), #fff);

      border: 1px solid rgba(91, 42, 134, 0.08);

    }



    .csr-ak-impact-number {

      font-family: "Cormorant Garamond", serif;

      font-size: 44px;

      line-height: 1;

      font-weight: 700;

      color: var(--csr-ak-deep-purple);

      margin-bottom: 8px;

    }



    .csr-ak-impact-label {

      color: var(--csr-ak-text-muted);

      font-size: 14px;

      font-weight: 800;

    }



    .csr-ak-section-head {

      max-width: 840px;

      margin-bottom: 44px;

    }



    .csr-ak-section-head.center {

      margin-left: auto;

      margin-right: auto;

      text-align: center;

    }



    .csr-ak-heading {

      font-family: "Cormorant Garamond", serif;

      font-size: clamp(36px, 43px, 58px);

      line-height: 1.02;

      font-weight: 700;

      letter-spacing: -0.025em;

      color: var(--csr-ak-charcoal-plum);

      margin-bottom: 16px;

    }



    .csr-ak-heading span {

      color: var(--csr-ak-deep-purple);

    }



    .csr-ak-copy {

      color: var(--csr-ak-text-muted);

      font-size: 16px;

      line-height: 1.82;

      margin-bottom: 0;

    }



    .csr-ak-glass-panel {

      padding: 34px;

      border-radius: var(--csr-ak-radius-xl);

      background: rgba(255, 255, 255, 0.82);

      border: 1px solid rgba(255, 255, 255, 0.90);

      box-shadow: var(--csr-ak-shadow-soft);

      backdrop-filter: blur(14px);

    }



    .csr-ak-photo-grid {

      display: grid;

      grid-template-columns: 1fr 1fr;

      gap: 18px;

    }



    .csr-ak-photo-card {

      position: relative;

      min-height: 230px;

      border-radius: 28px;

      overflow: hidden;

      box-shadow: var(--csr-ak-shadow-card);

      background: #ddd;

    }



    .csr-ak-photo-card.large {

      min-height: 480px;

    }



    .csr-ak-photo-card::after {

      content: "";

      position: absolute;

      inset: 0;

      background: linear-gradient(180deg, transparent 40%, rgba(46, 34, 56, 0.72));

    }



    .csr-ak-photo-caption {

      position: absolute;

      left: 22px;

      right: 22px;

      bottom: 20px;

      z-index: 2;

      color: #fff;

      font-weight: 800;

      line-height: 1.35;

    }



    .csr-ak-feature-list {

      display: grid;

      gap: 14px;

      margin-top: 26px;

      padding: 0;

      list-style: none;

    }



    .csr-ak-feature-list li {

      display: flex;

      gap: 12px;

      align-items: flex-start;

      color: var(--csr-ak-charcoal-plum);

      font-weight: 700;

      line-height: 1.55;

    }



    .csr-ak-feature-list i {

      color: var(--csr-ak-orchid-pink);

      margin-top: 5px;

    }



    .csr-ak-model-card {

      height: 100%;

      border-radius: var(--csr-ak-radius-xl);

      background: #fff;

      box-shadow: var(--csr-ak-shadow-card);

      border: 1px solid rgba(91, 42, 134, 0.08);

      transition: all 0.35s ease;

      overflow: hidden;

    }



    .csr-ak-model-card:hover {

      transform: translateY(-8px);

      box-shadow: var(--csr-ak-deep-shadow);

    }



    .csr-ak-model-img {

      height: 225px;

      overflow: hidden;

      position: relative;

      background: #ddd;

    }



    .csr-ak-model-img::after {

      content: "";

      position: absolute;

      inset: 0;

      background: linear-gradient(180deg, transparent 45%, rgba(46, 34, 56, 0.42));

    }



    .csr-ak-model-content {

      padding: 30px;

    }



    .csr-ak-model-icon {

      width: 60px;

      height: 60px;

      border-radius: 21px;

      display: inline-flex;

      align-items: center;

      justify-content: center;

      background: linear-gradient(135deg, var(--csr-ak-deep-purple), var(--csr-ak-orchid-pink));

      color: #fff;

      font-size: 24px;

      margin-top: -62px;

      margin-bottom: 22px;

      box-shadow: 0 14px 30px rgba(91, 42, 134, 0.24);

      position: relative;

      z-index: 2;

    }



    .csr-ak-model-card h3 {

      font-family: "Cormorant Garamond", serif;

      font-size: 34px;

      line-height: 1.1;

      font-weight: 700;

      margin-bottom: 14px;

      color: var(--csr-ak-charcoal-plum);

    }



    .csr-ak-model-card p {

      color: var(--csr-ak-text-muted);

      line-height: 1.72;

      margin-bottom: 20px;

    }



    .csr-ak-mini-list {

      padding: 0;

      margin: 0;

      list-style: none;

      display: grid;

      gap: 10px;

    }



    .csr-ak-mini-list li {

      display: flex;

      align-items: flex-start;

      gap: 10px;

      color: var(--csr-ak-charcoal-plum);

      font-size: 14px;

      font-weight: 700;

    }



    .csr-ak-mini-list i {

      color: var(--csr-ak-orchid-pink);

      margin-top: 4px;

    }



    .csr-ak-theory-wrap {

      padding: 36px;

      border-radius: var(--csr-ak-radius-xl);

      background:

        linear-gradient(135deg, rgba(78, 57,123, 0.94), rgba(139, 116, 181, 0.88)),

        url("https://images.unsplash.com/photo-1521737604893-d14cc237f11d?auto=format&fit=crop&w=1600&q=80") center center / cover no-repeat;

      color: #fff;

      box-shadow: var(--csr-ak-deep-shadow);

    }



    .csr-ak-theory-wrap .csr-ak-heading,

    .csr-ak-theory-wrap .csr-ak-copy {

      color: #fff;

    }



    .csr-ak-theory-wrap .csr-ak-copy {

      color: rgba(255, 255, 255, 0.84);

    }



    .csr-ak-flow {

      display: grid;

      grid-template-columns: repeat(5, 1fr);

      gap: 14px;

      margin-top: 32px;

    }



    .csr-ak-flow-step {

      min-height: 148px;

      padding: 22px 18px;

      border-radius: 24px;

      background: rgba(255, 255, 255, 0.14);

      border: 1px solid rgba(255, 255, 255, 0.20);

      backdrop-filter: blur(10px);

    }



    .csr-ak-flow-step span {

      display: inline-flex;

      width: 32px;

      height: 32px;

      align-items: center;

      justify-content: center;

      border-radius: 50%;

      background: rgba(255, 255, 255, 0.22);

      font-weight: 800;

      margin-bottom: 14px;

    }



    .csr-ak-flow-step h4 {

      font-size: 15px;

      line-height: 1.35;

      font-weight: 800;

      margin: 0;

      color: #fff;

    }



    .csr-ak-report-card,

    .csr-ak-outcome-card {

      height: 100%;

      padding: 28px;

      border-radius: var(--csr-ak-radius-lg);

      background: rgba(255, 255, 255, 0.92);

      box-shadow: var(--csr-ak-shadow-card);

      border: 1px solid rgba(91, 42, 134, 0.08);

    }



    .csr-ak-report-card i {

      width: 48px;

      height: 48px;

      border-radius: 17px;

      display: inline-flex;

      align-items: center;

      justify-content: center;

      background: var(--csr-ak-mist-lavender);

      color: var(--csr-ak-deep-purple);

      margin-bottom: 18px;

      font-size: 20px;

    }



    .csr-ak-report-card h3 {

      font-size: 20px;

      font-weight: 800;

      margin-bottom: 9px;

    }



    .csr-ak-report-card p {

      color: var(--csr-ak-text-muted);

      line-height: 1.68;

      margin: 0;

    }



    .csr-ak-outcome-card {

      position: relative;

      overflow: hidden;

    }



    .csr-ak-outcome-card::before {

      content: "";

      position: absolute;

      inset: auto 0 0 0;

      height: 4px;

      background: linear-gradient(90deg, var(--csr-ak-deep-purple), var(--csr-ak-orchid-pink));

    }



    .csr-ak-outcome-number {

      font-family: "Cormorant Garamond", serif;

      font-size: 48px;

      line-height: 1;

      font-weight: 700;

      color: var(--csr-ak-deep-purple);

      margin-bottom: 10px;

    }



    .csr-ak-outcome-card p {

      color: var(--csr-ak-text-muted);

      font-weight: 700;

      margin: 0;

    }



    .csr-ak-sdg-grid {

      display: grid;

      grid-template-columns: repeat(6, 1fr);

      gap: 14px;

    }



    .csr-ak-sdg-card {

      min-height: 132px;

      padding: 18px;

      border-radius: 22px;

      background: #fff;

      box-shadow: var(--csr-ak-shadow-card);

      border: 1px solid rgba(91, 42, 134, 0.08);

      transition: all 0.3s ease;

    }



    .csr-ak-sdg-card:hover {

      transform: translateY(-6px);

      background: var(--csr-ak-deep-purple);

      color: #fff;

    }



    .csr-ak-sdg-card strong {

      display: block;

      font-size: 22px;

      margin-bottom: 8px;

      color: var(--csr-ak-orchid-pink);

    }



    .csr-ak-sdg-card span {

      font-size: 13px;

      font-weight: 800;

      line-height: 1.35;

    }



    .csr-ak-snapshot-card {

      height: 100%;

      border-radius: var(--csr-ak-radius-xl);

      background: #fff;

      box-shadow: var(--csr-ak-shadow-card);

      border: 1px solid rgba(91, 42, 134, 0.08);

      overflow: hidden;

    }



    .csr-ak-snapshot-img {

      height: 225px;

      overflow: hidden;

      background: #ddd;

    }



    .csr-ak-snapshot-content {

      padding: 28px;

    }



    .csr-ak-snapshot-tag {

      display: inline-flex;

      padding: 7px 13px;

      border-radius: 999px;

      background: var(--csr-ak-mist-lavender);

      color: var(--csr-ak-deep-purple);

      font-size: 12px;

      font-weight: 900;

      text-transform: uppercase;

      letter-spacing: 0.06em;

      margin-bottom: 18px;

    }



    .csr-ak-snapshot-card h3 {

      font-family: "Cormorant Garamond", serif;

      font-size: 31px;

      line-height: 1.1;

      font-weight: 700;

      margin-bottom: 14px;

    }



    .csr-ak-snapshot-card p {

      color: var(--csr-ak-text-muted);

      line-height: 1.75;

      margin: 0;

    }



    .csr-ak-geo-panel {

      padding: 40px;

      border-radius: var(--csr-ak-radius-xl);

      background: #fff;

      box-shadow: var(--csr-ak-shadow-soft);

      height: 100%;

    }



    .csr-ak-state-pills {

      display: flex;

      flex-wrap: wrap;

      gap: 12px;

      margin-top: 24px;

    }



    .csr-ak-state-pill {

      border: 0;

      padding: 12px 20px;

      border-radius: 999px;

      background: var(--csr-ak-mist-lavender);

      color: var(--csr-ak-deep-purple);

      font-weight: 900;

      transition: all 0.3s ease;

    }



    .csr-ak-state-pill.csr-ak-active,

    .csr-ak-state-pill:hover {

      background: var(--csr-ak-deep-purple);

      color: #fff;

    }



    .csr-ak-state-content {

      margin-top: 24px;

      padding: 28px;

      border-radius: var(--csr-ak-radius-lg);

      background: linear-gradient(135deg, var(--csr-ak-mist-lavender), #fff);

      border: 1px solid rgba(91, 42, 134, 0.08);

    }



    .csr-ak-state-content h3 {

      font-family: "Cormorant Garamond", serif;

      font-weight: 700;

      font-size: 34px;

      margin-bottom: 10px;

    }



    .csr-ak-state-content p {

      margin: 0;

      color: var(--csr-ak-text-muted);

      line-height: 1.72;

    }



    .csr-ak-governance-list {

      padding: 0;

      margin: 0;

      list-style: none;

      display: grid;

      gap: 14px;

    }



    .csr-ak-governance-list li {

      padding: 18px 20px;

      border-radius: 18px;

      background: rgba(255, 255, 255, 0.84);

      box-shadow: var(--csr-ak-shadow-card);

      display: flex;

      align-items: center;

      gap: 13px;

      font-weight: 800;

    }



    .csr-ak-governance-list i {

      color: var(--csr-ak-orchid-pink);

    }



    .csr-ak-vision-box {

      padding: 48px;

      border-radius: var(--csr-ak-radius-xl);

      background:

        linear-gradient(135deg, rgba(78, 57,123, 0.90), rgba(139, 116, 181, 0.86)),

        url('../images/') center center / cover no-repeat;

      color: #fff;

      box-shadow: var(--csr-ak-deep-shadow);

      overflow: hidden;

      position: relative;

      min-height: 360px;

      display: flex;

      flex-direction: column;

      justify-content: center;

    }



    .csr-ak-vision-box::after {

      content: "2030";

      position: absolute;

      right: 30px;

      bottom: -24px;

      font-family: "Cormorant Garamond", serif;

      font-size: 150px;

      line-height: 1;

      font-weight: 700;

      color: rgba(255, 255, 255, 0.10);

    }



    .csr-ak-vision-box h2 {

      position: relative;

      z-index: 2;

      font-family: "Cormorant Garamond", serif;

      font-size: clamp(38px, 5vw, 43px);

      line-height: 1;

      margin-bottom: 18px;

    }



    .csr-ak-vision-box p {

      position: relative;

      z-index: 2;

      max-width: 760px;

      color: rgba(255,255,255,0.86);

      line-height: 1.75;

      margin-bottom: 0;

    }



    .csr-ak-form-card {

      padding: 34px;

      border-radius: var(--csr-ak-radius-xl);

      background: #fff;

      box-shadow: var(--csr-ak-deep-shadow);

    }



    .csr-ak-form-card h3 {

      font-family: "Cormorant Garamond", serif;

      font-size: 38px;

      font-weight: 700;

      margin-bottom: 10px;

    }



    .csr-ak-form-card p {

      color: var(--csr-ak-text-muted);

      margin-bottom: 24px;

    }



    .csr-ak-form-control {

      width: 100%;

      min-height: 52px;

      border: 1px solid rgba(91, 42, 134, 0.14);

      border-radius: 16px;

      padding: 13px 16px;

      font-size: 15px;

      color: var(--csr-ak-charcoal-plum);

      background: var(--csr-ak-ivory-white);

      outline: none;

      transition: all 0.25s ease;

    }



    .csr-ak-form-control:focus {

      border-color: var(--csr-ak-deep-purple);

      box-shadow: 0 0 0 4px rgba(91, 42, 134, 0.10);

      background: #fff;

    }



    textarea.csr-ak-form-control {

      min-height: 118px;

      resize: vertical;

    }



    .csr-ak-footer-cta {

      padding: 100px 0;

      background:

        linear-gradient(135deg, rgba(78, 57,123, 0.93), rgba(139, 116, 181, 0.82)),

        url("https://images.unsplash.com/photo-1594708767771-a7502209ff51?auto=format&fit=crop&w=1600&q=80") center center / cover no-repeat;

      color: #fff;

      text-align: center;

    }



    .csr-ak-footer-cta h2 {

      font-family: "Cormorant Garamond", serif;

      font-size: clamp(42px, 43px, 70px);

      line-height: 1;

      font-weight: 700;

      margin-bottom: 18px;

    }



    .csr-ak-footer-cta p {

      max-width: 720px;

      margin: 0 auto 30px;

      color: rgba(255, 255, 255, 0.86);

      line-height: 1.75;

    }



    .csr-ak-footer-cta .csr-ak-btn-secondary {

      color: var(--csr-ak-deep-purple);

      background: #fff;

    }



    .csr-ak-fade-up {

      opacity: 0;

      transform: translateY(26px);

      transition: all 0.75s ease;

    }



    .csr-ak-fade-up.csr-ak-visible {

      opacity: 1;

      transform: translateY(0);

    }



    @media (max-width: 1199px) {

      .csr-ak-flow {

        grid-template-columns: repeat(3, 1fr);

      }



      .csr-ak-sdg-grid {

        grid-template-columns: repeat(3, 1fr);

      }

    }



    @media (max-width: 991px) {

      .csr-ak-hero {

        padding: 90px 0 120px;

      }



      .csr-ak-hero-media {

        margin-top: 45px;

        min-height: 500px;

      }



      .csr-ak-section {

        padding: 72px 0;

      }



      .csr-ak-photo-grid {

        margin-top: 30px;

      }

    }



    @media (max-width: 767px) {

      .csr-ak-title {

        font-size: 48px;

      }



      .csr-ak-heading {

        font-size: 38px;

      }



      .csr-ak-section {

        padding: 58px 0;

      }



      .csr-ak-btn-primary,

      .csr-ak-btn-secondary {

        width: 100%;

      }



      .csr-ak-hero-media {

        min-height: auto;

      }



      .csr-ak-hero-img-main,

      .csr-ak-hero-img-small,

      .csr-ak-hero-stat-box {

        position: relative;

        width: 100%;

        height: auto;

        right: auto;

        left: auto;

        top: auto;

        bottom: auto;

        margin-bottom: 18px;

      }



      .csr-ak-hero-img-main img,

      .csr-ak-hero-img-small img {

        height: 260px;

      }



      .csr-ak-photo-grid,

      .csr-ak-flow,

      .csr-ak-sdg-grid {

        grid-template-columns: 1fr;

      }



      .csr-ak-photo-card.large,

      .csr-ak-photo-card {

        min-height: 300px;

      }



      .csr-ak-glass-panel,

      .csr-ak-theory-wrap,

      .csr-ak-geo-panel,

      .csr-ak-vision-box,

      .csr-ak-form-card {

        padding: 26px;

      }

    }



.sdg-section.section-padding.akcsrsec{padding-bottom:0;}

#csr-ak-consultation{padding-bottom:90px;}

.csr-ak-footer-cta{margin-bottom:3.4rem;}



.csr-ak-section.csrakreportsec{padding-bottom:50px;}





/* Annaul Report */

.ar-news-page {

      background:

        radial-gradient(circle at 8% 8%, rgba(212, 106, 194, 0.14), transparent 28%),

        radial-gradient(circle at 92% 12%, rgba(122, 62, 177, 0.12), transparent 30%),

        linear-gradient(180deg, #FAF9FC 0%, #F5EFFA 48%, #FAF9FC 100%);

      overflow: hidden;

    }



    .ar-news-section {

      position: relative;

      padding: 50px 0;

      z-index: 2;

    }



    .ar-news-hero {

      position: relative;

      min-height: 88vh;

      display: flex;

      align-items: center;

      padding: 200px 0 100px;

      background:

        linear-gradient(90deg, rgba(46, 34, 56, 0.90) 0%, rgba(91, 42, 134, 0.76) 48%, rgba(91, 42, 134, 0.30) 100%),

        url("https://images.unsplash.com/photo-1450101499163-c8848c66ca85?auto=format&fit=crop&w=1800&q=80") center center / cover no-repeat;

      color: #fff;

      overflow: hidden;

    }



    .ar-news-hero::after {

      content: "";

      position: absolute;

      inset: auto 0 0 0;

      height: 180px;

      background: linear-gradient(180deg, transparent, var(--ar-news-ivory-white));

      pointer-events: none;

      z-index: 1;

    }



    .ar-news-hero .container {

      position: relative;

      z-index: 2;

    }



    .ar-news-kicker {

      display: inline-flex;

      align-items: center;

      gap: 10px;

      padding: 9px 17px;

      border-radius: 999px;

      background: rgba(255, 255, 255, 0.84);

      color: var(--ar-news-deep-purple);

      font-size: 13px;

      font-weight: 800;

      letter-spacing: 0.08em;

      text-transform: uppercase;

      box-shadow: var(--ar-news-shadow-card);

      margin-bottom: 18px;

    }



    .ar-news-kicker i {

      color: var(--ar-news-orchid-pink);

    }



    .ar-news-hero .ar-news-kicker {

      background: rgba(255, 255, 255, 0.16);

      color: #fff;

      border: 1px solid rgba(255, 255, 255, 0.24);

      backdrop-filter: blur(14px);

    }



    .ar-news-hero .ar-news-kicker i {

      color: #fff;

    }



    .ar-news-title {

      font-family: "Cormorant Garamond", serif;

      font-size: clamp(46px, 6.2vw, 78px);

      line-height: 0.95;

      font-weight: 700;

      letter-spacing: -0.035em;

      margin-bottom: 22px;

      color: #fff;

      max-width: 820px;

    }



    .ar-news-title span {

      color: #f5d7ef;

    }



    .ar-news-subtitle {

      font-size: 18px;

      line-height: 1.75;

      color: rgba(255, 255, 255, 0.88);

      max-width: 760px;

      margin-bottom: 32px;

    }



    .ar-news-btn-wrap {

      display: flex;

      flex-wrap: wrap;

      gap: 14px;

      align-items: center;

    }



    .ar-news-btn-primary,

    .ar-news-btn-secondary {

      display: inline-flex;

      align-items: center;

      justify-content: center;

      gap: 10px;

      min-height: 52px;

      padding: 14px 24px;

      border-radius:7px;

      font-size: 15px;

      font-weight: 800;

      text-decoration: none;

      transition: all 0.35s ease;

    }



    .ar-news-btn-primary {

      color: #fff;

      background: linear-gradient(135deg, var(--ar-news-deep-purple), var(--ar-news-vibrant-violet), var(--ar-news-orchid-pink));

      box-shadow: 0 18px 40px rgba(91, 42, 134, 0.30);

      border: none;

    }



    .ar-news-btn-primary:hover {

      color: #fff;

      transform: translateY(-3px);

      box-shadow: 0 24px 55px rgba(91, 42, 134, 0.40);

    }



    .ar-news-btn-secondary {

      color: #272727;

      background: rgba(255, 255, 255, 0.92);

      border: 1px solid rgba(91, 42, 134, 0.14);

      box-shadow: var(--ar-news-shadow-card);

    }



    .ar-news-btn-secondary:hover {

      color: #272727;

      transform: translateY(-3px);

      background: #fff;

    }



    .ar-news-hero-card {

      position: relative;

      padding: 30px;

      border-radius: var(--ar-news-radius-xl);

      background: rgba(255, 255, 255, 0.88);

      box-shadow: var(--ar-news-deep-shadow);

      backdrop-filter: blur(16px);

      color: var(--ar-news-charcoal-plum);

      overflow: hidden;

    }



    .ar-news-hero-card::before {

      content: "";

      position: absolute;

      width: 190px;

      height: 190px;

      border-radius: 50%;

      right: -70px;

      top: -70px;

      background: rgba(212, 106, 194, 0.22);

    }



    .ar-news-report-cover {

      position: relative;

      z-index: 2;

      min-height: 380px;

      border-radius: 28px;

      padding: 30px;

      background:

        linear-gradient(135deg, rgba(91, 42, 134, 0.94), rgba(212, 106, 194, 0.78)),

        url("https://images.unsplash.com/photo-1554224155-6726b3ff858f?auto=format&fit=crop&w=1200&q=80") center center / cover no-repeat;

      color: #fff;

      display: flex;

      flex-direction: column;

      justify-content: space-between;

      overflow: hidden;

    }



    .ar-news-report-cover::after {

      content: "";

      position: absolute;

      inset: 0;

      background: linear-gradient(180deg, transparent, rgba(46, 34, 56, 0.52));

      pointer-events: none;

    }



    .ar-news-report-cover > * {

      position: relative;

      z-index: 2;

    }



    .ar-news-report-cover small {

      font-weight: 900;

      letter-spacing: 0.08em;

      text-transform: uppercase;

      opacity: 0.9;

    }



    .ar-news-report-cover h3 {

      font-family: "Cormorant Garamond", serif;

      font-size: 44px;

      line-height: 1;

      font-weight: 700;

      margin: 0;

    }



    .ar-news-report-cover p {

      margin: 12px 0 0;

      color: rgba(255,255,255,0.86);

      line-height: 1.6;

    }



    .ar-news-stats-strip {

      position: relative;

      z-index: 3;

      margin-top: -70px;

    }



    .ar-news-stats-inner {

      padding: 26px;

      border-radius: var(--ar-news-radius-xl);

      background: rgba(255, 255, 255, 0.94);

      box-shadow: var(--ar-news-deep-shadow);

      backdrop-filter: blur(16px);

    }



    .ar-news-stat-card {

      height: 100%;

      padding: 22px;

      border-radius: var(--ar-news-radius-lg);

      background: linear-gradient(180deg, var(--ar-news-mist-lavender), #fff);

      border: 1px solid rgba(91, 42, 134, 0.08);

    }



    .ar-news-stat-number {

      font-family: "Cormorant Garamond", serif;

      font-size: 44px;

      line-height: 1;

      font-weight: 700;

      color: var(--ar-news-deep-purple);

      margin-bottom: 8px;

    }



    .ar-news-stat-label {

      color: var(--ar-news-text-muted);

      font-size: 14px;

      font-weight: 800;

    }



    .ar-news-section-head {

      max-width: 840px;

      margin-bottom: 44px;

    }



    .ar-news-section-head.center {

      margin-left: auto;

      margin-right: auto;

      text-align: center;

    }



    .ar-news-heading {

      font-family: "Cormorant Garamond", serif;

      font-size: 43px;

      line-height: 1.02;

      font-weight: 700;

      letter-spacing: -0.025em;

      color: var(--ar-news-charcoal-plum);

      margin-bottom: 16px;

    }



    .ar-news-heading span {

      color: var(--ar-news-deep-purple);

    }



    .ar-news-copy {

      color: var(--ar-news-text-muted);

      font-size: 16px;

      line-height: 1.82;

      margin-bottom: 0;

    }



    .ar-news-feature-panel {

      padding: 36px;

      border-radius: var(--ar-news-radius-xl);

      background: #fff;

      box-shadow: var(--ar-news-shadow-soft);

      height: 100%;

    }



    .ar-news-feature-panel h3 {

      font-family: "Cormorant Garamond", serif;

      font-size: 36px;

      line-height: 1.05;

      font-weight: 700;

      margin-bottom: 14px;

    }



    .ar-news-feature-list {

      display: grid;

      gap: 14px;

      margin: 26px 0 0;

      padding: 0;

      list-style: none;

    }



    .ar-news-feature-list li {

      display: flex;

      gap: 12px;

      align-items: flex-start;

      color: var(--ar-news-charcoal-plum);

      font-weight: 700;

      line-height: 1.55;

    }



    .ar-news-feature-list i {

      color: var(--ar-news-orchid-pink);

      margin-top: 5px;

    }



    .ar-news-photo-card {

      min-height: 470px;

      border-radius: var(--ar-news-radius-xl);

      overflow: hidden;

      position: relative;

      box-shadow: var(--ar-news-deep-shadow);

      background:

        linear-gradient(180deg, transparent 35%, rgba(46, 34, 56, 0.76)),

        url("https://images.unsplash.com/photo-1551836022-d5d88e9218df?auto=format&fit=crop&w=1200&q=80") center center / cover no-repeat;

    }



    .ar-news-photo-caption {

      position: absolute;

      left: 30px;

      right: 30px;

      bottom: 28px;

      color: #fff;

      z-index: 2;

    }



    .ar-news-photo-caption h3 {

      font-family: "Cormorant Garamond", serif;

      font-size: 38px;

      line-height: 1;

      margin-bottom: 10px;

    }



    .ar-news-photo-caption p {

      color: rgba(255,255,255,0.84);

      margin: 0;

      line-height: 1.65;

    }



    .ar-news-filter-wrap {

      display: flex;

      justify-content: center;

      flex-wrap: wrap;

      gap: 12px;

      margin-bottom: 38px;

    }



    .ar-news-filter-btn {

      border: 0;

      padding: 12px 20px;

      border-radius: 999px;

      background: #fff;

      color: var(--ar-news-deep-purple);

      box-shadow: var(--ar-news-shadow-card);

      font-weight: 900;

      transition: all 0.3s ease;

    }



    .ar-news-filter-btn.ar-news-active,

    .ar-news-filter-btn:hover {

      color: #fff;

      background: linear-gradient(135deg, var(--ar-news-deep-purple), var(--ar-news-orchid-pink));

      transform: translateY(-3px);

    }



    .ar-news-download-card {

      height: 100%;

      border-radius: var(--ar-news-radius-xl);

      background: #fff;

      box-shadow: var(--ar-news-shadow-card);

      border: 1px solid rgba(91, 42, 134, 0.08);

      overflow: hidden;

      transition: all 0.35s ease;

    }



    .ar-news-download-card:hover {

      transform: translateY(-8px);

      box-shadow: var(--ar-news-deep-shadow);

    }



    .ar-news-card-top {

      min-height: 178px;

      padding: 26px;

      background:

        linear-gradient(135deg, rgba(91, 42, 134, 0.94), rgba(212, 106, 194, 0.82));

      color: #fff;

      position: relative;

      overflow: hidden;

    }



    .ar-news-card-top::after {

      content: "";

      position: absolute;

      width: 150px;

      height: 150px;

      border-radius: 50%;

      right: -45px;

      top: -50px;

      background: rgba(255,255,255,0.16);

    }



    .ar-news-card-icon {

      width: 56px;

      height: 56px;

      border-radius: 20px;

      display: inline-flex;

      align-items: center;

      justify-content: center;

      background: rgba(255,255,255,0.18);

      color: #fff;

      font-size: 24px;

      margin-bottom: 22px;

      position: relative;

      z-index: 2;

    }



    .ar-news-card-top h3 {

      font-family: "Cormorant Garamond", serif;

      font-size: 34px;

      line-height: 1;

      margin: 0;

      position: relative;

      z-index: 2;

    }



    .ar-news-card-body {

      padding: 26px;

    }



    .ar-news-card-meta {

      display: flex;

      flex-wrap: wrap;

      gap: 10px;

      margin-bottom: 16px;

    }



    .ar-news-card-meta span {

      display: inline-flex;

      align-items: center;

      gap: 7px;

      padding: 7px 12px;

      border-radius: 999px;

      background: var(--ar-news-mist-lavender);

      color: var(--ar-news-deep-purple);

      font-size: 12px;

      font-weight: 900;

    }



    .ar-news-card-body p {

      color: var(--ar-news-text-muted);

      line-height: 1.72;

      margin-bottom: 22px;

    }



    .ar-news-card-actions {

      display: flex;

      flex-wrap: wrap;

      gap: 10px;

    }



    .ar-news-mini-btn {

      display: inline-flex;

      align-items: center;

      gap: 8px;

      padding: 10px 15px;

      border-radius: 999px;

      text-decoration: none;

      font-size: 13px;

      font-weight: 900;

      background: var(--ar-news-mist-lavender);

      color: var(--ar-news-deep-purple);

      transition: all 0.3s ease;

    }



    .ar-news-mini-btn:hover {

      background: var(--ar-news-deep-purple);

      color: #fff;

    }



    .ar-news-timeline {

      position: relative;

      padding-left: 28px;

    }



    .ar-news-timeline::before {

      content: "";

      position: absolute;

      left: 8px;

      top: 6px;

      bottom: 6px;

      width: 2px;

      background: linear-gradient(180deg, var(--ar-news-deep-purple), var(--ar-news-orchid-pink));

    }



    .ar-news-timeline-item {

      position: relative;

      padding: 0 0 32px 24px;

    }



    .ar-news-timeline-item::before {

      content: "";

      position: absolute;

      left: -26px;

      top: 5px;

      width: 16px;

      height: 16px;

      border-radius: 50%;

      background: var(--ar-news-orchid-pink);

      border: 4px solid #fff;

      box-shadow: 0 0 0 4px rgba(212, 106, 194, 0.20);

    }



    .ar-news-timeline-item h3 {

      font-size: 20px;

      font-weight: 900;

      margin-bottom: 8px;

    }



    .ar-news-timeline-item p {

      color: var(--ar-news-text-muted);

      line-height: 1.72;

      margin-bottom: 0;

    }



    .ar-news-archive-box {

      padding: 42px;

      border-radius: var(--ar-news-radius-xl);

      background:

        linear-gradient(135deg, rgba(46, 34, 56, 0.90), rgba(91, 42, 134, 0.86)),

        url("https://images.unsplash.com/photo-1554224154-22dec7ec8818?auto=format&fit=crop&w=1600&q=80") center center / cover no-repeat;

      color: #fff;

      box-shadow: var(--ar-news-deep-shadow);

    }



    .ar-news-archive-box .ar-news-heading,

    .ar-news-archive-box .ar-news-copy {

      color: #fff;

    }



    .ar-news-archive-box .ar-news-copy {

      color: rgba(255,255,255,0.86);

    }



    .ar-news-search-row {

      margin-top: 28px;

      display: flex;

      gap: 12px;

      flex-wrap: wrap;

    }



    .ar-news-search-input {

      flex: 1;

      min-width: 240px;

      min-height: 54px;

      border: 1px solid rgba(255,255,255,0.28);

      border-radius: 999px;

      background: rgba(255,255,255,0.14);

      color: #fff;

      padding: 13px 20px;

      outline: none;

      backdrop-filter: blur(10px);

    }



    .ar-news-search-input::placeholder {

      color: rgba(255,255,255,0.72);

    }



    .ar-news-form-card {

      padding: 34px;

      border-radius: var(--ar-news-radius-xl);

      background: #fff;

      box-shadow: var(--ar-news-deep-shadow);

    }



    .ar-news-form-card h3 {

      font-family: "Cormorant Garamond", serif;

      font-size: 34px;

      font-weight: 700;

      margin-bottom: 10px;

    }



    .ar-news-form-card p {

      color: var(--ar-news-text-muted);

      margin-bottom: 24px;

    }



    .ar-news-form-control {

      width: 100%;

      min-height: 52px;

      border: 1px solid rgba(91,42,134,0.14);

      border-radius: 5px;

      padding: 13px 16px;

      font-size: 15px;

      color: var(--ar-news-charcoal-plum);

      background: var(--ar-news-ivory-white);

      outline: none;

      transition: all 0.25s ease;

    }



    .ar-news-form-control:focus {

      border-color: var(--ar-news-deep-purple);

      box-shadow: 0 0 0 4px rgba(91, 42, 134, 0.10);

      background: #fff;

    }



    .ar-news-footer-cta {

      padding: 95px 0;

      background:

        linear-gradient(135deg, rgba(91, 42, 134, 0.94), rgba(212, 106, 194, 0.84)),

        url("https://images.unsplash.com/photo-1497366754035-f200968a6e72?auto=format&fit=crop&w=1600&q=80") center center / cover no-repeat;

      color: #fff;

      text-align: center;

    }



    .ar-news-footer-cta h2 {

      font-family: "Cormorant Garamond", serif;

      font-size: clamp(42px, 5vw, 70px);

      line-height: 1;

      font-weight: 700;

      margin-bottom: 18px;

    }



    .ar-news-footer-cta p {

      max-width: 720px;

      margin: 0 auto 30px;

      color: rgba(255,255,255,0.86);

      line-height: 1.75;

    }



    .ar-news-footer-cta .ar-news-btn-secondary {

      background: #fff;

      color: var(--ar-news-deep-purple);

    }



    .ar-news-fade-up {

      opacity: 0;

      transform: translateY(26px);

      transition: all 0.75s ease;

    }



    .ar-news-fade-up.ar-news-visible {

      opacity: 1;

      transform: translateY(0);

    }



    @media (max-width: 991px) {

      .ar-news-hero {

        padding: 95px 0 130px;

      }



      .ar-news-hero-card {

        margin-top: 40px;

      }



      .ar-news-section {

        padding: 72px 0;

      }



      .ar-news-photo-card {

        min-height: 360px;

      }

    }



    @media (max-width: 767px) {

      .ar-news-title {

        font-size: 48px;

      }



      .ar-news-heading {

        font-size: 38px;

      }



      .ar-news-section {

        padding: 58px 0;

      }



      .ar-news-btn-primary,

      .ar-news-btn-secondary {

        width: 100%;

      }



      .ar-news-feature-panel,

      .ar-news-form-card,

      .ar-news-archive-box {

        padding: 26px;

      }



      .ar-news-search-row {

        display: block;

      }



      .ar-news-search-input {

        width: 100%;

        margin-bottom: 12px;

      }



      .ar-news-report-cover {

        min-height: 320px;

      }

    }

	

/* Annual Reports */	

.arn-download-section {

            padding: 80px 0;

            background: linear-gradient(135deg, #f8f6fb 0%, #eee9f7 100%);

        }



        .arn-section-title {

            font-family: 'Cormorant Garamond', serif;

            font-size: 50px;

            line-height: 1.1;

            font-weight: 700;

            color: #4E397B;

            margin: 0 0 15px;

        }



        .arn-section-line {

            width: 75px;

            height: 3px;

            background: #6B559C;

            margin: 0 auto 25px;

            border-radius: 30px;

        }



        .arn-section-desc {

            max-width: 720px;

            margin: 0 auto 25px;

            font-size: 16px;

            line-height: 1.8;

            color: #5f5870;

        }



        .arn-download-card {

            background: #ffffff;

            border-radius: 18px;

            padding: 32px 28px;

            margin-bottom: 30px;

            border-top: 5px solid #5A4589;

            box-shadow: 0 14px 40px rgba(90, 69, 137, 0.12);

            transition: all 0.3s ease;

            min-height: 285px;

        }



        .arn-download-card:hover {

            transform: translateY(-6px);

            box-shadow: 0 22px 55px rgba(90, 69, 137, 0.18);

        }



        .arn-download-tag {

            display: inline-block;

            background: #8B74B5;

            color: #ffffff;

            font-size: 12px;

            font-weight: 700;

            padding: 7px 16px;

            border-radius: 30px;

            margin-bottom: 18px;

            letter-spacing: 0.4px;

        }



        .arn-download-title {

            font-family: 'Cormorant Garamond', serif;

            font-size: 32px;

            line-height: 1.2;

            font-weight: 700;

            color: #4E397B;

            margin: 0 0 15px;

        }



        .arn-download-desc {

            font-size: 15px;

            line-height: 1.8;

            color: #5f5870;

            margin-bottom: 25px;

        }



        .arn-download-btn {

            display: inline-block;

            background: #5A4589;

            color: #ffffff !important;

            font-size: 14px;

            font-weight: 700;

            padding: 12px 25px;

            border-radius: 40px;

            text-decoration: none !important;

            transition: all 0.3s ease;

        }



        .arn-download-btn:hover,

        .arn-download-btn:focus {

            background: #4E397B;

            color: #ffffff !important;

            text-decoration: none !important;

        }



        .arn-download-btn .glyphicon {

            margin-left: 7px;

            font-size: 12px;

        }



        @media (max-width: 991px) {

            .arn-download-card {

                min-height: 300px;

            }

        }



        @media (max-width: 767px) {

            .arn-download-section {

                padding: 55px 0;

            }



            .arn-section-title {

                font-size: 38px;

            }



            .arn-section-desc {

                font-size: 15px;

                margin-bottom: 35px;

            }



            .arn-download-card {

                min-height: auto;

                padding: 28px 24px;

            }



            .arn-download-title {

                font-size: 28px;

            }

        }	



 

.annewspagesec{margin-bottom:3.1rem;}

.newslettersec .ar-news-btn-primary{color:#fff; background-color: #5A4589;}

.privacy-policy-section p, .privacy-policy-section li{color:#555;}

.privacy-policy-section ul{

    list-style:none;

    padding-left:0;

    margin:20px 0;

}



.privacy-policy-section ul li{

    position:relative;

    padding-left:32px;

    margin-bottom:12px;

    line-height:1.8;

    color:#555;

}



.privacy-policy-section ul li:before{

    content:"\f00c";

    font-family:"FontAwesome";

    position:absolute;

    left:0;

    top:2px;

    color:#5A4589;

    font-size:16px;

}

.privacy-policy-section{padding:60px 0;}

.privacy-policy-section h1, .privacy-policy-section h2, .privacy-policy-section h3{margin-bottom:1.2rem;}

.privacy-policy-section a{color:#171717;}

.privacy-policy-section a:hover{color:#171717;}

.privacy-policy-section p{line-height:26px;}



.contactus-section{

    padding:80px 0;

    background:linear-gradient(135deg,#f8f6fb 0%,#f1edf8 100%);

}



.contactus-heading{

    text-align:center;

    margin-bottom:60px;

}



.contactus-title{

    font-family:'Cormorant Garamond',serif;

    font-size:60px;

    font-weight:700;

    color:#4E397B;

    margin:0 0 15px;

}



.contactus-line{

    width:80px;

    height:3px;

    background:#6B559C;

    margin:0 auto 20px;

}



.contactus-subtitle{

    max-width:750px;

    margin:0 auto;

    color:#666;

    line-height:1.8;

    font-size:16px;

}



.contactus-card{

    background:#fff;

    border-radius:18px;

    padding:35px;

    text-align:center;

    margin-bottom:30px;

    box-shadow:0 15px 40px rgba(90,69,137,.10);

    border-top:4px solid #5A4589;

    min-height:270px;

}



.contactus-icon{

    width:65px;

    height:65px;

    line-height:65px;

    margin:0 auto 20px;

    border-radius:50%;

    background:#8B74B5;

    color:#fff;

    font-size:24px;

}



.contactus-card-title{

    font-family:'Cormorant Garamond',serif;

    color:#4E397B;

    font-size:34px;

    font-weight:700;

    margin-bottom:15px;

}



.contactus-card-text{

    color:#666;

    line-height:1.8;

    font-size:15px;

}



.contactus-card-text a{

    color:#5A4589;

    text-decoration:none;

}



.contactus-form-wrapper{

    background:#fff;

    border-radius:18px;

    padding:40px;

    margin-top:20px;

    box-shadow:0 15px 40px rgba(90,69,137,.10);

    border-top:4px solid #5A4589;

}



.contactus-form-title{

    font-family:'Cormorant Garamond',serif;

    font-size:42px;

    color:#4E397B;

    font-weight:700;

    margin-bottom:25px;

}



.contactus-input{

    width:100%;

    height:50px;

    border:1px solid #ddd;

    border-radius:8px;

    padding:10px 15px;

    margin-bottom:18px;

    outline:none;

}



.contactus-textarea{

    width:100%;

    height:150px;

    border:1px solid #ddd;

    border-radius:8px;

    padding:15px;

    resize:none;

    margin-bottom:18px;

    outline:none;

}



.contactus-input:focus,

.contactus-textarea:focus{

    border-color:#8B74B5;

}



.contactus-btn{

    background:#5A4589;

    color:#fff;

    border:none;

    padding:14px 32px;

    border-radius:2px;

    font-weight:600;

    transition:.3s;

}



.contactus-btn:hover{

    background:#4E397B;

}



.contactus-sidebar-card{

    background:#fff;

    border-radius:18px;

    padding:35px;

    margin-top:20px;

    box-shadow:0 15px 40px rgba(90,69,137,.10);

    border-top:4px solid #5A4589;

	min-height: 252px;

}



.contactus-sidebar-title{

    font-family:'Cormorant Garamond',serif;

    font-size:32px;

    color:#4E397B;

    font-weight:700;

    margin-bottom:15px;

}



.contactus-sidebar-text{

    color:#666;

    line-height:1.8;

}



.contactus-map-wrapper{

    margin-top:50px;

    border-radius:18px;

    overflow:hidden;

    box-shadow:0 15px 40px rgba(90,69,137,.10);

}



.contactus-map-wrapper iframe{

    width:100%;

    height:420px;

    border:0;

}



.contactus-social{

    margin-top:20px;

}



.contactus-social a{

    display:inline-block;

    width:42px;

    height:42px;

    line-height:42px;

    text-align:center;

    border-radius:50%;

    background:#5A4589;

    color:#fff;

    margin-right:8px;

    transition:.3s;

}



.contactus-social a:hover{

    background:#4E397B;

    text-decoration:none;

}



@media(max-width:767px){



    .contactus-section{

        padding:60px 0;

    }



    .contactus-title{

        font-size:42px;

    }



    .contactus-card-title{

        font-size:28px;

    }



    .contactus-form-title{

        font-size:34px;

    }



    .contactus-form-wrapper,

    .contactus-sidebar-card{

        padding:25px;

    }



}



.contactus-map-wrapper{margin-top:0; margin-bottom:5rem;}



/* Home Who We Are Section */

.whowe-section {

            position: relative;

            padding: 50px 0;

            overflow: hidden;

            background:

                radial-gradient(

                    circle at 95% 5%,

                    rgba(139, 116, 181, 0.20) 0,

                    rgba(139, 116, 181, 0) 30%

                ),

                linear-gradient(

                    135deg,

                    var(--ivory-white) 0%,

                    var(--mist-lavender) 100%

                );

        }



        .whowe-section::before {

            position: absolute;

            top: -145px;

            right: -125px;

            width: 360px;

            height: 360px;

            content: "";

            border: 1px solid rgba(78, 57, 123, 0.13);

            border-radius: 50%;

			display:none;

        }



        .whowe-section::after {

            position: absolute;

            bottom: -170px;

            left: -150px;

            width: 380px;

            height: 380px;

            content: "";

            border-radius: 50%;

            background-color: rgba(139, 116, 181, 0.10);

        }



        .whowe-container {

            position: relative;

            z-index: 2;

        }



        .whowe-row {

            align-items: center;

            --bs-gutter-x: 80px;

        }



        .whowe-image-column {

            position: relative;

        }



        .whowe-image-wrapper {

            position: relative;

            max-width: 590px;

            padding: 0 22px 22px 0;

        }



        .whowe-image-wrapper::before {

            position: absolute;

            right: 0;

            bottom: 0;

            width: calc(100% - 22px);

            height: calc(100% - 22px);

            content: "";

            border-radius: var(--radius-md);

            background: linear-gradient(

                145deg,

                var(--deep-purple),

                var(--vibrant-violet)

            );

        }



        .whowe-image-wrapper::after {

            position: absolute;

            top: -28px;

            left: -28px;

            z-index: -1;

            width: 115px;

            height: 115px;

            content: "";

            opacity: 0.45;

            background-image: radial-gradient(

                var(--soft-lavender) 2px,

                transparent 2px

            );

            background-size: 15px 15px;

        }



        .whowe-image {

            position: relative;

            z-index: 1;

            display: block;

            width: 100%;

            height: 460px;

            object-fit: cover;

            object-position: center;

            border: 7px solid var(--white);

            border-radius: var(--radius-md);

            box-shadow: var(--deep-shadow);

        }



        .whowe-experience-card {

            position: absolute;

            right: 56px;

            bottom: 55px;

            z-index: 3;

            min-width: 175px;

            padding: 20px 24px;

            border: 1px solid rgba(78, 57, 123, 0.10);

            border-radius: var(--radius-md);

            background-color: var(--white);

            box-shadow: var(--shadow-card);

        }



        .whowe-experience-number {

            display: block;

            margin-bottom: 3px;

            color: var(--deep-purple);

            font-family: "Manrope", sans-serif;

            font-size: 60px;

            font-weight: 700;

            line-height: 1;

			margin-bottom:5px;

        }



        .whowe-experience-text {

            display: block;

            color: var(--text-muted);

            font-size: 12px;

            font-weight: 700;

            letter-spacing: 1px;

            line-height: 1.5;

            text-transform: uppercase;

        }



        .whowe-content {

            max-width: 670px;

        }



        .whowe-label {

            display: inline-flex;

            align-items: center;

            gap: 12px;

            margin-bottom: 18px;

            color: var(--soft-lavender);

            font-size: 13px;

            font-weight: 700;

            letter-spacing: 2.2px;

            text-transform: uppercase;

        }



        .whowe-label::before {

            width: 42px;

            height: 2px;

            content: "";

            background: linear-gradient(

                90deg,

                var(--deep-purple),

                var(--vibrant-violet)

            );

        }



        .whowe-title {

            max-width: 620px;

            margin: 0 0 26px;

            color: var(--charcoal-plum);

            font-family: "Cormorant Garamond", serif;

            font-size: 43px;

            font-weight: 700;

            letter-spacing: -1px;

            line-height: 1.02;

        }



        .whowe-title-highlight {

            position: relative;

            display: inline-block;

            color: var(--deep-purple);

        }



        .whowe-title-highlight::after {

            position: absolute;

            right: 0;

            bottom: 4px;

            left: 0;

            z-index: -1;

            height: 9px;

            content: "";

            border-radius: 20px;

            background-color: rgba(139, 116, 181, 0.24);

			display:none;

        }



        .whowe-intro {

            margin: 0 0 15px;

            padding: 12px;

            border-left: 4px solid var(--orchid-pink);

            border-radius: 0 10px 10px 0;

            color: var(--charcoal-plum);

            background-color: rgba(139, 116, 181, 0.11);

            font-family: "Cormorant Garamond", serif;

            font-size: 25px;

            font-weight: 700;

            line-height: 1.45;

        }



        .whowe-description {

            margin: 0 0 18px;

            color: var(--text-muted);

            font-size: 16px;

            font-weight: 400;

            line-height: 1.6;

        }



        .whowe-description strong {

            color: var(--deep-purple);

            font-weight: 700;

        }



        .whowe-button {

            display: inline-flex;

            align-items: center;

            justify-content: center;

            gap: 12px;

            margin-top: 14px;

            padding: 16px 27px;

            border: 1px solid var(--deep-purple);

            border-radius: 7px;

            color: var(--white);

            background: linear-gradient(

                135deg,

                var(--deep-purple),

                var(--soft-lavender)

            );

            box-shadow: var(--shadow-card);

            font-size: 13px;

            font-weight: 700;

            letter-spacing: 1.2px;

            text-decoration: none;

            text-transform: uppercase;

            transition:

                color 0.3s ease,

                background 0.3s ease,

                box-shadow 0.3s ease,

                transform 0.3s ease;

        }



        .whowe-button:hover {

            color: var(--deep-purple);

            background: transparent;

            box-shadow: var(--shadow-soft);

            transform: translateY(-3px);

        }



        .whowe-button-arrow {

            font-size: 20px;

            font-weight: 400;

            line-height: 1;

            transition: transform 0.3s ease;

        }



        .whowe-button:hover .whowe-button-arrow {

            transform: translateX(6px);

        }



        @media (max-width: 1199.98px) {

            .whowe-row {

                --bs-gutter-x: 50px;

            }



            .whowe-image {

                height: 570px;

            }



            .whowe-experience-card {

                right: -5px;

            }

        }



        @media (max-width: 991.98px) {

            .whowe-section {

                padding: 75px 0;

            }



            .whowe-row {

                --bs-gutter-x: 24px;

                --bs-gutter-y: 60px;

            }



            .whowe-image-wrapper {

                max-width: 720px;

                margin: 0 auto;

            }



            .whowe-image {

                height: 570px;

            }



            .whowe-content {

                max-width: 100%;

            }

        }



        @media (max-width: 767.98px) {

            .whowe-image {

                height: 500px;

            }



            .whowe-experience-card {

                right: 0;

                bottom: 35px;

            }



            .whowe-title {

                font-size: 48px;

            }

        }



        @media (max-width: 575.98px) {

            .whowe-section {

                padding: 55px 0;

            }



            .whowe-section::before,

            .whowe-section::after {

                display: none;

            }



            .whowe-image-wrapper {

                padding: 0 12px 12px 0;

            }



            .whowe-image-wrapper::before {

                width: calc(100% - 12px);

                height: calc(100% - 12px);

                border-radius: 12px;

            }



            .whowe-image-wrapper::after {

                top: -18px;

                left: -5px;

                width: 80px;

                height: 80px;

            }



            .whowe-image {

                height: 420px;

                border-width: 4px;

                border-radius: 12px;

            }



            .whowe-experience-card {

                right: 5px;

                bottom: 25px;

                min-width: 145px;

                padding: 15px 18px;

            }



            .whowe-experience-number {

                font-size: 32px;

            }



            .whowe-experience-text {

                font-size: 10px;

            }



            .whowe-label {

                font-size: 12px;

                letter-spacing: 1.8px;

            }



            .whowe-title {

                margin-bottom: 21px;

                font-size: 41px;

            }



            .whowe-intro {

                padding: 15px 17px;

                font-size: 21px;

            }



            .whowe-description {

                font-size: 15px;

                line-height: 1.75;

            }



            .whowe-button {

                width: 100%;

            }

        }



 .whitecoltxtcls{color:#fff!important;}

 .whitecoltxtcls::before{background:linear-gradient(90deg, #b299e7, var(--vibrant-violet));}

 .opportunity-content h5{color:#fff; margin-bottom:1rem; font-size:28px;}

.opportunity-content p{margin-bottom:15px;}

.minheight400{min-height:270px;}

 

 

/* Gallery Section */

        .cf-gallery-section {

            position: relative;

            min-height: 100vh;

            padding: 90px 0 100px;

            overflow: hidden;

            background:

                radial-gradient(

                    circle at 5% 10%,

                    rgba(139, 116, 181, 0.14),

                    transparent 28%

                ),

                radial-gradient(

                    circle at 95% 90%,

                    rgba(107, 85, 156, 0.12),

                    transparent 30%

                ),

                var(--ivory-white);

        }



        .cf-gallery-section::before {

            position: absolute;

            top: -130px;

            right: -130px;

            width: 330px;

            height: 330px;

            content: "";

            border: 1px solid rgba(78, 57, 123, 0.12);

            border-radius: 50%;

        }



        .cf-gallery-section::after {

            position: absolute;

            bottom: -180px;

            left: -160px;

            width: 400px;

            height: 400px;

            content: "";

            border-radius: 50%;

            background-color: rgba(139, 116, 181, 0.08);

        }



        .cf-gallery-container {

            position: relative;

            z-index: 2;

        }



        /* Section Heading */

        .cf-gallery-heading {

            max-width: 800px;

            margin: 0 auto 50px;

            text-align: center;

        }



        .cf-gallery-eyebrow {

            display: inline-flex;

            align-items: center;

            gap: 12px;

            margin-bottom: 14px;

            color: var(--soft-lavender);

            font-size: 13px;

            font-weight: 700;

            letter-spacing: 2.2px;

            text-transform: uppercase;

        }



        .cf-gallery-eyebrow::before,

        .cf-gallery-eyebrow::after {

            width: 35px;

            height: 2px;

            content: "";

            background-color: var(--vibrant-violet);

        }



        .cf-gallery-main-title {

            margin: 0 0 18px;

            color: var(--charcoal-plum);

            font-family: "Cormorant Garamond", serif;

            font-size: clamp(44px, 6vw, 68px);

            font-weight: 700;

            line-height: 1.05;

        }



        .cf-gallery-main-title span {

            color: var(--deep-purple);

        }



        .cf-gallery-main-description {

            max-width: 680px;

            margin: 0 auto;

            color: var(--text-muted);

            font-size: 16px;

            line-height: 1.8;

        }



        /* Gallery Grid */

        .cf-gallery-grid {

            display: grid;

            grid-auto-flow: dense;

            grid-auto-rows: 245px;

            grid-template-columns: repeat(4, minmax(0, 1fr));

            gap: 16px;

        }



        .cf-gallery-item {

            position: relative;

            min-width: 0;

            margin: 0;

            overflow: hidden;

            border: 0;

            border-radius:0;

            background-color: var(--mist-lavender);

            box-shadow: var(--shadow-card);

            cursor: pointer;

            isolation: isolate;

        }



        .cf-gallery-item-tall {

            grid-row: span 2;

        }



        .cf-gallery-item-wide {

            grid-column: span 2;

        }



        .cf-gallery-item-big {

            grid-column: span 2;

            grid-row: span 2;

        }



        .cf-gallery-item-image {

            display: block;

            width: 100%;

            height: 100%;

            object-fit: cover;

            object-position: center;

            transition:

                transform 0.65s ease,

                filter 0.45s ease;

        }



        .cf-gallery-item::before {

            position: absolute;

            inset: 0;

            z-index: 1;

            content: "";

            background:

                linear-gradient(

                    180deg,

                    rgba(46, 34, 56, 0.02) 20%,

                    rgba(46, 34, 56, 0.18) 52%,

                    rgba(46, 34, 56, 0.94) 100%

                );

            transition: background 0.4s ease;

        }



        .cf-gallery-item::after {

            position: absolute;

            top: 18px;

            right: 18px;

            z-index: 3;

            display: flex;

            width: 43px;

            height: 43px;

            align-items: center;

            justify-content: center;

            content: "↗";

            border: 1px solid rgba(255, 255, 255, 0.45);

            border-radius: 50%;

            color: var(--white);

            background-color: rgba(78, 57, 123, 0.56);

            backdrop-filter: blur(8px);

            font-size: 19px;

            opacity: 0;

            transform: translateY(-10px);

            transition:

                opacity 0.35s ease,

                transform 0.35s ease,

                background-color 0.35s ease;

        }



        .cf-gallery-content {

            position: absolute;

            right: 0;

            bottom: 0;

            left: 0;

            z-index: 2;

            padding: 26px;

            color: var(--white);

            transform: translateY(60px);

            transition: transform 0.45s ease;

        }



        .cf-gallery-number {

            display: inline-flex;

            margin-bottom: 10px;

            padding: 5px 10px;

            border: 1px solid rgba(255, 255, 255, 0.34);

            border-radius: 30px;

            color: var(--white);

            background-color: rgba(139, 116, 181, 0.52);

            backdrop-filter: blur(8px);

            font-size: 11px;

            font-weight: 700;

            letter-spacing: 1.2px;

            text-transform: uppercase;

        }



        .cf-gallery-title {

            margin: 0 0 10px;

            color: var(--white);

            font-family: "Cormorant Garamond", serif;

            font-size: 25px;

            font-weight: 700;

            line-height: 1.15;

        }



        .cf-gallery-description {

            display: -webkit-box;

            margin: 0;

            overflow: hidden;

            color: rgba(255, 255, 255, 0.88);

            font-size: 13px;

            line-height: 1.65;

            opacity: 0;

            transform: translateY(16px);

            transition:

                opacity 0.4s ease 0.08s,

                transform 0.4s ease 0.08s;

            -webkit-box-orient: vertical;

            -webkit-line-clamp: 4;

        }



        .cf-gallery-item:hover .cf-gallery-item-image,

        .cf-gallery-item:focus-visible .cf-gallery-item-image {

            filter: saturate(1.05);

            transform: scale(1.075);

        }



        .cf-gallery-item:hover::before,

        .cf-gallery-item:focus-visible::before {

            background:

                linear-gradient(

                    180deg,

                    rgba(46, 34, 56, 0.04) 10%,

                    rgba(46, 34, 56, 0.38) 48%,

                    rgba(46, 34, 56, 0.97) 100%

                );

        }



        .cf-gallery-item:hover::after,

        .cf-gallery-item:focus-visible::after {

            opacity: 1;

            transform: translateY(0);

        }



        .cf-gallery-item:hover .cf-gallery-content,

        .cf-gallery-item:focus-visible .cf-gallery-content {

            transform: translateY(0);

        }



        .cf-gallery-item:hover .cf-gallery-description,

        .cf-gallery-item:focus-visible .cf-gallery-description {

            opacity: 1;

            transform: translateY(0);

        }



        .cf-gallery-item:focus-visible {

            outline: 3px solid var(--vibrant-violet);

            outline-offset: 4px;

        }



        /* Modal */

        .cf-gallery-modal .modal-dialog {

            max-width: 1080px;

        }



        .cf-gallery-modal-content {

            overflow: hidden;

            border: 0;

            border-radius: var(--radius-lg);

            background-color: var(--white);

            box-shadow: var(--deep-shadow);

        }



        .cf-gallery-modal-close {

            position: absolute;

            top: 18px;

            right: 18px;

            z-index: 5;

            width: 44px;

            height: 44px;

            border: 1px solid rgba(255, 255, 255, 0.5);

            border-radius: 50%;

            background-color: rgba(46, 34, 56, 0.65);

            background-image:

                url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'%3e%3cpath d='M.293 1.707a1 1 0 011.414-1.414L8 6.586 14.293.293a1 1 0 111.414 1.414L9.414 8l6.293 6.293a1 1 0 01-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 01-1.414-1.414L6.586 8 .293 1.707z'/%3e%3c/svg%3e");

            background-position: center;

            background-repeat: no-repeat;

            background-size: 15px;

            opacity: 1;

        }



        .cf-gallery-modal-image-column {

            min-height: 570px;

            padding: 0;

            background-color: var(--mist-lavender);

        }



        .cf-gallery-modal-image {

            display: block;

            width: 100%;

            height: 100%;

            min-height: 570px;

            object-fit: cover;

        }



        .cf-gallery-modal-text-column {

            display: flex;

            align-items: center;

            padding: 55px;

            background:

                radial-gradient(

                    circle at 100% 0,

                    rgba(139, 116, 181, 0.15),

                    transparent 38%

                ),

                var(--white);

        }



        .cf-gallery-modal-label {

            display: inline-flex;

            align-items: center;

            gap: 10px;

            margin-bottom: 17px;

            color: var(--soft-lavender);

            font-size: 12px;

            font-weight: 700;

            letter-spacing: 1.8px;

            text-transform: uppercase;

        }



        .cf-gallery-modal-label::before {

            width: 34px;

            height: 2px;

            content: "";

            background-color: var(--vibrant-violet);

        }



        .cf-gallery-modal-title {

            margin: 0 0 22px;

            color: var(--charcoal-plum);

            font-family: "Cormorant Garamond", serif;

            font-size: 27px;

            font-weight: 700;

            line-height: 1.08;

        }



        .cf-gallery-modal-description {

            margin: 0;

            color: var(--text-muted);

            font-size: 16px;

            line-height: 1.85;

        }



        .cf-gallery-modal-accent {

            width: 65px;

            height: 4px;

            margin-top: 28px;

            border-radius: 20px;

            background:

                linear-gradient(

                    90deg,

                    var(--deep-purple),

                    var(--vibrant-violet)

                );

        }



        /* Responsive */

        @media (max-width: 1199.98px) {

            .cf-gallery-grid {

                grid-auto-rows: 230px;

                grid-template-columns: repeat(3, minmax(0, 1fr));

            }

        }



        @media (max-width: 991.98px) {

            .cf-gallery-section {

                padding: 70px 0 80px;

            }



            .cf-gallery-grid {

                grid-auto-rows: 250px;

                grid-template-columns: repeat(2, minmax(0, 1fr));

            }



            .cf-gallery-modal-image-column,

            .cf-gallery-modal-image {

                min-height: 430px;

            }



            .cf-gallery-modal-text-column {

                padding: 42px;

            }

        }



        @media (max-width: 767.98px) {

            .cf-gallery-heading {

                margin-bottom: 36px;

            }



            .cf-gallery-grid {

                grid-auto-rows: 290px;

                grid-template-columns: 1fr;

            }



            .cf-gallery-item,

            .cf-gallery-item-tall,

            .cf-gallery-item-wide,

            .cf-gallery-item-big {

                grid-column: span 1;

                grid-row: span 1;

            }



            .cf-gallery-content {

                padding: 22px;

                transform: translateY(0);

            }



            .cf-gallery-description {

                opacity: 1;

                transform: translateY(0);

                -webkit-line-clamp: 3;

            }



            .cf-gallery-item::after {

                opacity: 1;

                transform: translateY(0);

            }



            .cf-gallery-modal-image-column,

            .cf-gallery-modal-image {

                min-height: 360px;

            }



            .cf-gallery-modal-title {

                font-size: 38px;

            }

        }



        @media (max-width: 575.98px) {

            .cf-gallery-section {

                padding: 55px 0 65px;

            }



            .cf-gallery-section::before,

            .cf-gallery-section::after {

                display: none;

            }



            .cf-gallery-main-title {

                font-size: 42px;

            }



            .cf-gallery-main-description {

                font-size: 15px;

            }



            .cf-gallery-grid {

                grid-auto-rows: 360px;

                gap: 14px;

            }



            .cf-gallery-title {

                font-size: 25px;

            }



            .cf-gallery-description {

                font-size: 12px;

            }



            .cf-gallery-modal {

                padding: 10px;

            }



            .cf-gallery-modal-content {

                border-radius: var(--radius-md);

            }



            .cf-gallery-modal-image-column,

            .cf-gallery-modal-image {

                min-height: 300px;

            }



            .cf-gallery-modal-text-column {

                padding: 34px 25px;

            }



            .cf-gallery-modal-title {

                margin-bottom: 16px;

                font-size: 34px;

            }



            .cf-gallery-modal-description {

                font-size: 15px;

                line-height: 1.75;

            }

        } 

 

 /* Compilance Sec */

 .cf-accountability-section {

            position: relative;

            display: flex;

            min-height: 100vh;

            align-items: center;

            padding: 40px 0 50px;

            overflow: hidden;

            background-image:

                linear-gradient(

                    115deg,

                    rgba(46, 34, 56, 0.36) 0%,

                    rgba(78, 57, 123, 0.71) 46%,

                    rgba(107, 85, 156, 0.78) 100%

                ),

                url("https://symmetrixsys.in/staging/cf/images/philosophy-bg.jpg");

            background-position: center;

            background-repeat: no-repeat;

            background-size: cover;

        }



        .cf-accountability-section::before {

            position: absolute;

            top: -180px;

            right: -140px;

            width: 450px;

            height: 450px;

            content: "";

            border: 1px solid rgba(255, 255, 255, 0.14);

            border-radius: 50%;

        }



        .cf-accountability-section::after {

            position: absolute;

            bottom: -210px;

            left: -180px;

            width: 500px;

            height: 500px;

            content: "";

            border-radius: 50%;

            background-color: rgba(139, 116, 181, 0.14);

            filter: blur(2px);

        }



        .cf-accountability-container {

            position: relative;

            z-index: 2;

        }



        .cf-accountability-heading {

            max-width: 890px;

            margin: 0 auto 30px;

            text-align: center;

        }



        .cf-accountability-label {

            display: inline-flex;

            align-items: center;

            gap: 12px;

            margin-bottom: 17px;

            color: rgba(255, 255, 255, 0.82);

            font-size: 13px;

            font-weight: 700;

            letter-spacing: 2.2px;

            text-transform: uppercase;

        }



        .cf-accountability-label::before,

        .cf-accountability-label::after {

            width: 38px;

            height: 2px;

            content: "";

            background-color: var(--orchid-pink);

        }



        .cf-accountability-title {

            margin: 0 0 22px;

            color: var(--white);

            font-family: "Cormorant Garamond", serif;

            font-size: 43px;

            font-weight: 700;

            letter-spacing: 0;

            line-height: 1.02;

        }



        .cf-accountability-title-highlight {

            color: #d8c9ef;

        }



        .cf-accountability-intro {

            max-width: 760px;

            margin: 0 auto;

            color: rgba(255, 255, 255, 0.82);

            font-size: 17px;

            line-height: 1.85;

        }



        .cf-accountability-grid {

            display: grid;

            grid-template-columns: repeat(5, minmax(0, 1fr));

            gap: 18px;

        }



        .cf-accountability-card {

            position: relative;

            min-height: 195px;

            padding: 30px 20px;

            overflow: hidden;

            border: 1px solid rgba(255, 255, 255, 0.18);

            border-radius: var(--radius-md);

            background:

                linear-gradient(

                    145deg,

                    rgba(255, 255, 255, 0.17),

                    rgba(255, 255, 255, 0.08)

                );

            box-shadow: 0 20px 55px rgba(25, 15, 38, 0.2);

            backdrop-filter: blur(14px);

            -webkit-backdrop-filter: blur(14px);

            text-align: center;

            transition:

                border-color 0.35s ease,

                background-color 0.35s ease,

                box-shadow 0.35s ease,

                transform 0.35s ease;

        }



        .cf-accountability-card::before {

            position: absolute;

            top: -55px;

            right: -55px;

            width: 120px;

            height: 120px;

            content: "";

            border-radius: 50%;

            background-color: rgba(139, 116, 181, 0.16);

            transition: transform 0.4s ease;

        }



        .cf-accountability-card:hover {

            border-color: rgba(255, 255, 255, 0.42);

            background-color: rgba(255, 255, 255, 0.16);

            box-shadow: 0 28px 65px rgba(25, 15, 38, 0.3);

            transform: translateY(-8px);

        }



        .cf-accountability-card:hover::before {

            transform: scale(1.25);

        }



        .cf-accountability-icon {

            position: relative;

            z-index: 1;

            display: inline-flex;

            width: 76px;

            height: 76px;

            align-items: center;

            justify-content: center;

            margin-bottom: 25px;

            border: 1px solid rgba(255, 255, 255, 0.28);

            border-radius: 50%;

            color: var(--deep-purple);

            background-color: rgba(255, 255, 255, 0.94);

            box-shadow: 0 15px 35px rgba(29, 18, 43, 0.18);

            font-size: 31px;

            transition:

                color 0.35s ease,

                background-color 0.35s ease,

                transform 0.35s ease;

        }



        .cf-accountability-card:hover .cf-accountability-icon {

            color: var(--white);

            background-color: var(--vibrant-violet);

            transform: rotate(-4deg) scale(1.06);

        }



        .cf-accountability-card-title {

            position: relative;

            z-index: 1;

            margin: 0;

            color: var(--white);

            font-size: 20px;

            font-weight: 700;

            line-height: 1.25;

        }



        .cf-accountability-footer {

            position: relative;

            max-width: 960px;

            margin: 50px auto 0;

            padding: 28px 35px;

            border: 1px solid rgba(255, 255, 255, 0.16);

            border-radius: var(--radius-md);

            background-color: rgba(255, 255, 255, 0.1);

            box-shadow: 0 20px 50px rgba(25, 15, 38, 0.18);

            backdrop-filter: blur(12px);

            -webkit-backdrop-filter: blur(12px);

            text-align: center;

        }



        .cf-accountability-footer::before {

            position: absolute;

            top: -2px;

            left: 50%;

            width: 100px;

            height: 4px;

            content: "";

            border-radius: 20px;

            background:

                linear-gradient(

                    90deg,

                    var(--soft-lavender),

                    var(--orchid-pink)

                );

            transform: translateX(-50%);

			display:none;

        }



        .cf-accountability-footer-text {

            margin: 0;

            color: rgba(255, 255, 255, 0.88);

            font-size: 16px;

            font-weight: 500;

            line-height: 1.85;

        }



        @media (max-width: 1199.98px) {

            .cf-accountability-grid {

                grid-template-columns: repeat(3, minmax(0, 1fr));

            }



            .cf-accountability-card:nth-child(4) {

                grid-column: 1 / 2;

            }



            .cf-accountability-card:nth-child(5) {

                grid-column: 2 / 3;

            }

        }



        @media (max-width: 991.98px) {

            .cf-accountability-section {

                min-height: auto;

                padding: 80px 0;

            }



            .cf-accountability-heading {

                margin-bottom: 45px;

            }



            .cf-accountability-grid {

                grid-template-columns: repeat(2, minmax(0, 1fr));

            }



            .cf-accountability-card:nth-child(4),

            .cf-accountability-card:nth-child(5) {

                grid-column: auto;

            }



            .cf-accountability-card:last-child {

                grid-column: 1 / -1;

                max-width: calc(50% - 9px);

                width: 100%;

                justify-self: center;

            }

        }



        @media (max-width: 767.98px) {

            .cf-accountability-title {

                font-size: 50px;

            }



            .cf-accountability-intro {

                font-size: 16px;

            }



            .cf-accountability-card {

                min-height: 215px;

            }



            .cf-accountability-footer {

                margin-top: 40px;

                padding: 26px;

            }

        }



        @media (max-width: 575.98px) {

            .cf-accountability-section {

                padding: 60px 0;

                background-position: 58% center;

            }



            .cf-accountability-section::before,

            .cf-accountability-section::after {

                display: none;

            }



            .cf-accountability-heading {

                margin-bottom: 35px;

            }



            .cf-accountability-label {

                font-size: 11px;

                letter-spacing: 1.7px;

            }



            .cf-accountability-label::before,

            .cf-accountability-label::after {

                width: 25px;

            }



            .cf-accountability-title {

                font-size: 42px;

            }



            .cf-accountability-intro {

                font-size: 15px;

                line-height: 1.75;

            }



            .cf-accountability-grid {

                grid-template-columns: 1fr;

                gap: 15px;

            }



            .cf-accountability-card,

            .cf-accountability-card:last-child {

                grid-column: auto;

                max-width: none;

                min-height: auto;

                padding: 26px 20px;

            }



            .cf-accountability-icon {

                width: 68px;

                height: 68px;

                margin-bottom: 20px;

                font-size: 28px;

            }



            .cf-accountability-card-title {

                font-size: 22px;

            }



            .cf-accountability-footer {

                margin-top: 32px;

                padding: 25px 20px;

            }



            .cf-accountability-footer-text {

                font-size: 15px;

                line-height: 1.75;

            }

        }

 

 

 /* SDGs */

         .cf-sdg-section {

            position: relative;

            padding: 50px 0;

            overflow: hidden;

            background:

                radial-gradient(

                    circle at 0% 0%,

                    rgba(139, 116, 181, 0.16),

                    transparent 30%

                ),

                radial-gradient(

                    circle at 100% 100%,

                    rgba(107, 85, 156, 0.12),

                    transparent 30%

                ),

                linear-gradient(

                    135deg,

                    var(--ivory-white) 0%,

                    var(--mist-lavender) 100%

                );

        }



        .cf-sdg-section::before {

            position: absolute;

            top: -160px;

            right: -140px;

            width: 410px;

            height: 410px;

            content: "";

            border: 1px solid rgba(78, 57, 123, 0.12);

            border-radius: 50%;

        }



        .cf-sdg-section::after {

            position: absolute;

            bottom: -190px;

            left: -170px;

            width: 450px;

            height: 450px;

            content: "";

            border-radius: 50%;

            background-color: rgba(139, 116, 181, 0.08);

        }



        .cf-sdg-container {

            position: relative;

            z-index: 2;

        }



        .cf-sdg-row {

            align-items: flex-start;

            --bs-gutter-x: 70px;

        }



        .cf-sdg-intro {

            position: sticky;

            top: 40px;

            max-width: 540px;

        }



        .cf-sdg-eyebrow {

            display: inline-flex;

            align-items: center;

            gap: 12px;

            margin-bottom: 18px;

            color: var(--soft-lavender);

            font-size: 13px;

            font-weight: 700;

            letter-spacing: 2.2px;

            text-transform: uppercase;

        }



        .cf-sdg-eyebrow::before {

            width: 42px;

            height: 2px;

            content: "";

            background:

                linear-gradient(

                    90deg,

                    var(--deep-purple),

                    var(--vibrant-violet)

                );

        }



        .cf-sdg-title {

            margin: 0 0 25px;

            color: var(--charcoal-plum);

            font-family: "Cormorant Garamond", serif;

            font-size: 43px;

            font-weight: 700;

            letter-spacing: 0;

            line-height: 1.03;

        }



        .cf-sdg-title span {

            color: var(--deep-purple);

        }



        .cf-sdg-description {

            margin: 0 0 30px;

            color: var(--text-muted);

            font-size: 17px;

            line-height: 1.85;

        }



        .cf-sdg-note {

            display: flex;

            gap: 16px;

            align-items: flex-start;

            padding: 22px;

            border: 1px solid rgba(78, 57, 123, 0.10);

            border-radius: var(--radius-md);

            background-color: rgba(255, 255, 255, 0.75);

            box-shadow: var(--shadow-card);

        }



        .cf-sdg-note-icon {

            display: inline-flex;

            flex: 0 0 48px;

            width: 48px;

            height: 48px;

            align-items: center;

            justify-content: center;

            border-radius: 50%;

            color: var(--white);

            background:

                linear-gradient(

                    135deg,

                    var(--deep-purple),

                    var(--vibrant-violet)

                );

            font-size: 21px;

        }



        .cf-sdg-note-text {

            margin: 0;

            color: var(--charcoal-plum);

            font-size: 14px;

            font-weight: 600;

            line-height: 1.7;

        }



        .cf-sdg-grid {

            display: grid;

            grid-template-columns: repeat(3, minmax(0, 1fr));

            gap: 20px;

        }



        .cf-sdg-card {

            position: relative;

            min-height: auto;

            padding: 0;

            overflow: hidden;

            border: 0px solid rgba(78, 57, 123, 0.09);

            border-radius: var(--radius-lg);

            background-color: rgba(255, 255, 255, 0.91);

            box-shadow: var(--shadow-card);

			border-radius:6px;

            transition:

                border-color 0.35s ease,

                box-shadow 0.35s ease,

                transform 0.35s ease;

        }



        .cf-sdg-card::before {

            position: absolute;

            top: 0;

            right: 0;

            left: 0;

            height: 5px;

            content: "";

            background-color: var(--cf-sdg-colour);

        }



        .cf-sdg-card::after {

            position: absolute;

            top: -65px;

            right: -65px;

            width: 150px;

            height: 150px;

            content: "";

            border-radius: 50%;

            background-color: var(--cf-sdg-colour);

            opacity: 0.08;

            transition: transform 0.4s ease;

        }



        .cf-sdg-card:hover {

            border-color: rgba(78, 57, 123, 0.18);

            box-shadow: var(--shadow-soft);

            transform: translateY(-7px);

        }



        .cf-sdg-card:hover::after {

            transform: scale(1.2);

        }



        .cf-sdg-card-header {

            position: relative;

            z-index: 1;

            display: flex;

            align-items: center;

            justify-content: space-between;

            gap: 18px;

            margin-bottom: 24px;

        }



        .cf-sdg-number {

            display: inline-flex;

            width: 72px;

            height: 72px;

            flex: 0 0 72px;

            align-items: center;

            justify-content: center;

            border-radius: 18px;

            color: var(--white);

            background-color: var(--cf-sdg-colour);

            box-shadow:

                0 13px 28px rgba(46, 34, 56, 0.16);

            font-size: 16px;

            font-weight: 700;

            line-height: 1;

        }



        .cf-sdg-icon {

            color: var(--cf-sdg-colour);

            font-size: 34px;

            line-height: 1;

        }



        .cf-sdg-card-title {

            position: relative;

            z-index: 1;

            margin: 0 0 14px;

            color: var(--charcoal-plum);

            font-family: "Cormorant Garamond", serif;

            font-size: 22px;

            font-weight: 700;

            line-height: 1.18;

        }



        .cf-sdg-card-description {

            position: relative;

            z-index: 1;

            margin: 0;

            color: var(--text-muted);

            font-size: 14px;

            line-height: 1.75;

			display:none;

        }



        .cf-sdg-card-1 {

            --cf-sdg-colour: #E5243B;

        }



        .cf-sdg-card-3 {

            --cf-sdg-colour: #4C9F38;

        }



        .cf-sdg-card-5 {

            --cf-sdg-colour: #FF3A21;

        }



        .cf-sdg-card-8 {

            --cf-sdg-colour: #A21942;

        }



        .cf-sdg-card-10 {

            --cf-sdg-colour: #DD1367;

        }



        .cf-sdg-card-11 {

            --cf-sdg-colour: #FD9D24;

        }



        @media (max-width: 1199.98px) {

            .cf-sdg-row {

                --bs-gutter-x: 45px;

            }



            .cf-sdg-card {

                min-height: 290px;

                padding: 26px;

            }

        }



        @media (max-width: 991.98px) {

            .cf-sdg-section {

                padding: 80px 0;

            }



            .cf-sdg-row {

                --bs-gutter-y: 50px;

            }



            .cf-sdg-intro {

                position: static;

                max-width: 760px;

            }



            .cf-sdg-card {

                min-height: 265px;

            }

        }



        @media (max-width: 767.98px) {

            .cf-sdg-grid {

                grid-template-columns: 1fr;

            }



            .cf-sdg-card {

                min-height: auto;

            }



            .cf-sdg-title {

                font-size: 50px;

            }

        }



        @media (max-width: 575.98px) {

            .cf-sdg-section {

                padding: 60px 0;

            }



            .cf-sdg-section::before,

            .cf-sdg-section::after {

                display: none;

            }



            .cf-sdg-title {

                font-size: 42px;

            }



            .cf-sdg-description {

                font-size: 15px;

                line-height: 1.75;

            }



            .cf-sdg-note {

                padding: 18px;

            }



            .cf-sdg-note-icon {

                flex-basis: 42px;

                width: 42px;

                height: 42px;

                font-size: 18px;

            }



            .cf-sdg-grid {

                gap: 16px;

            }



            .cf-sdg-card {

                padding: 24px;

                border-radius: var(--radius-md);

            }



            .cf-sdg-number {

                width: 62px;

                height: 62px;

                flex-basis: 62px;

                border-radius: 15px;

                font-size: 31px;

            }



            .cf-sdg-icon {

                font-size: 29px;

            }



            .cf-sdg-card-title {

                font-size: 25px;

            }

        }

		

/* Engage With Us */

        .cf-engage-section {

            position: relative;

            padding: 100px 0;

            overflow: hidden;

            background:

                radial-gradient(

                    circle at 100% 0%,

                    rgba(139, 116, 181, 0.18),

                    transparent 30%

                ),

                radial-gradient(

                    circle at 0% 100%,

                    rgba(107, 85, 156, 0.12),

                    transparent 28%

                ),

                linear-gradient(

                    135deg,

                    var(--ivory-white) 0%,

                    var(--mist-lavender) 100%

                );

        }



        .cf-engage-section::before {

            position: absolute;

            top: -170px;

            right: -150px;

            width: 430px;

            height: 430px;

            content: "";

            border: 1px solid rgba(78, 57, 123, 0.12);

            border-radius: 50%;

        }



        .cf-engage-section::after {

            position: absolute;

            bottom: -210px;

            left: -180px;

            width: 480px;

            height: 480px;

            content: "";

            border-radius: 50%;

            background-color: rgba(139, 116, 181, 0.08);

        }



        .cf-engage-container {

            position: relative;

            z-index: 2;

        }



        .cf-engage-top-row {

            align-items: center;

            margin-bottom: 70px;

            --bs-gutter-x: 70px;

        }



        .cf-engage-image-wrap {

            position: relative;

            padding: 0 20px 20px 0;

        }



        .cf-engage-image-wrap::before {

            position: absolute;

            right: 0;

            bottom: 0;

            width: calc(100% - 20px);

            height: calc(100% - 20px);

            content: "";

            border-radius: var(--radius-lg);

            background:

                linear-gradient(

                    145deg,

                    var(--deep-purple),

                    var(--vibrant-violet)

                );

        }



        .cf-engage-image {

            position: relative;

            z-index: 1;

            display: block;

            width: 100%;

            height: 570px;

            object-fit: cover;

            object-position: center;

            border: 7px solid var(--white);

            border-radius: var(--radius-lg);

            box-shadow: var(--deep-shadow);

        }



        .cf-engage-image-badge {

            position: absolute;

            right: -10px;

            bottom: 55px;

            z-index: 3;

            max-width: 230px;

            padding: 22px 24px;

            border: 1px solid rgba(78, 57, 123, 0.10);

            border-radius: var(--radius-md);

            background-color: var(--white);

            box-shadow: var(--shadow-card);

        }



        .cf-engage-image-badge-icon {

            display: inline-flex;

            width: 44px;

            height: 44px;

            align-items: center;

            justify-content: center;

            margin-bottom: 12px;

            border-radius: 50%;

            color: var(--white);

            background:

                linear-gradient(

                    135deg,

                    var(--deep-purple),

                    var(--vibrant-violet)

                );

            font-size: 20px;

        }



        .cf-engage-image-badge-text {

            margin: 0;

            color: var(--charcoal-plum);

            font-size: 14px;

            font-weight: 700;

            line-height: 1.55;

        }



        .cf-engage-intro {

            max-width: 650px;

        }



        .cf-engage-eyebrow {

            display: inline-flex;

            align-items: center;

            gap: 12px;

            margin-bottom: 18px;

            color: var(--soft-lavender);

            font-size: 13px;

            font-weight: 700;

            letter-spacing: 2.2px;

            text-transform: uppercase;

        }



        .cf-engage-eyebrow::before {

            width: 42px;

            height: 2px;

            content: "";

            background:

                linear-gradient(

                    90deg,

                    var(--deep-purple),

                    var(--vibrant-violet)

                );

        }



        .cf-engage-title {

            margin: 0 0 24px;

            color: var(--charcoal-plum);

            font-family: "Cormorant Garamond", serif;

            font-size: 43px;

            font-weight: 700;

            letter-spacing: -0.5px;

            line-height: 1.08;

        }



        .cf-engage-title span {

            color: var(--deep-purple);

        }



        .cf-engage-lead {

            margin: 0 0 20px;

            padding-left: 20px;

            border-left: 4px solid var(--vibrant-violet);

            color: var(--charcoal-plum);

            font-family: "Cormorant Garamond", serif;

            font-size: 24px;

            font-weight: 700;

            line-height: 1.45;

        }



        .cf-engage-description {

            margin: 0 0 18px;

            color: var(--text-muted);

            font-size: 16px;

            line-height: 1.85;

        }



        .cf-engage-partner-text {

            margin: 28px 0 0;

            padding: 22px 24px;

            border: 1px solid rgba(78, 57, 123, 0.10);

            border-radius: var(--radius-md);

            color: var(--charcoal-plum);

            background-color: rgba(255, 255, 255, 0.74);

            box-shadow: var(--shadow-card);

            font-size: 15px;

            font-weight: 600;

            line-height: 1.75;

        }



        .cf-engage-grid-heading {

            max-width: 760px;

            margin: 0 auto 40px;

            text-align: center;

        }



        .cf-engage-grid-title {

            margin: 0 0 14px;

            color: var(--charcoal-plum);

            font-family: "Cormorant Garamond", serif;

            font-size: 43px;

            font-weight: 700;

            line-height: 1.08;

        }



        .cf-engage-grid-description {

            margin: 0;

            color: var(--text-muted);

            font-size: 16px;

            line-height: 1.75;

        }



        .cf-engage-grid {

            display: grid;

            grid-template-columns: repeat(2, minmax(0, 1fr));

            gap: 22px;

        }



        .cf-engage-card {

            position: relative;

            display: flex;

            min-height: 345px;

            flex-direction: column;

            padding: 34px;

            overflow: hidden;

            border: 1px solid rgba(78, 57, 123, 0.10);

            border-radius: var(--radius-lg);

            background-color: rgba(255, 255, 255, 0.92);

            box-shadow: var(--shadow-card);

            transition:

                border-color 0.35s ease,

                box-shadow 0.35s ease,

                transform 0.35s ease;

        }



        .cf-engage-card::before {

            position: absolute;

            top: 0;

            right: 0;

            left: 0;

            height: 5px;

            content: "";

            background:

                linear-gradient(

                    90deg,

                    var(--deep-purple),

                    var(--vibrant-violet)

                );

        }



        .cf-engage-card::after {

            position: absolute;

            top: -75px;

            right: -75px;

            width: 170px;

            height: 170px;

            content: "";

            border-radius: 50%;

            background-color: rgba(139, 116, 181, 0.10);

            transition: transform 0.4s ease;

        }



        .cf-engage-card:hover {

            border-color: rgba(78, 57, 123, 0.20);

            box-shadow: var(--shadow-soft);

            transform: translateY(-8px);

        }



        .cf-engage-card:hover::after {

            transform: scale(1.25);

        }



        .cf-engage-card-large {

            grid-column: 1 / -1;

            min-height: 310px;

        }



        .cf-engage-card-icon {

            position: relative;

            z-index: 1;

            display: inline-flex;

            width: 66px;

            height: 66px;

            flex: 0 0 66px;

            align-items: center;

            justify-content: center;

            margin-bottom: 24px;

            border-radius: 18px;

            color: var(--white);

            background:

                linear-gradient(

                    135deg,

                    var(--deep-purple),

                    var(--vibrant-violet)

                );

            box-shadow:

                0 14px 30px rgba(78, 57, 123, 0.20);

            font-size: 27px;

            transition: transform 0.35s ease;

        }



        .cf-engage-card:hover .cf-engage-card-icon {

            transform: rotate(-4deg) scale(1.06);

        }



        .cf-engage-card-title {

            position: relative;

            z-index: 1;

            margin: 0 0 8px;

            color: var(--charcoal-plum);

            font-family: "Cormorant Garamond", serif;

            font-size: 31px;

            font-weight: 700;

            line-height: 1.15;

        }



        .cf-engage-card-subtitle {

            position: relative;

            z-index: 1;

            margin: 0 0 16px;

            color: var(--soft-lavender);

            font-size: 14px;

            font-weight: 700;

            line-height: 1.55;

        }



        .cf-engage-card-description {

            position: relative;

            z-index: 1;

            margin: 0 0 20px;

            color: var(--text-muted);

            font-size: 14px;

            line-height: 1.75;

        }



        .cf-engage-programmes {

            position: relative;

            z-index: 1;

            display: flex;

            flex-wrap: wrap;

            gap: 9px;

            margin: -2px 0 22px;

        }



        .cf-engage-programme-tag {

            display: inline-flex;

            padding: 7px 12px;

            border: 1px solid rgba(78, 57, 123, 0.12);

            border-radius: 30px;

            color: var(--deep-purple);

            background-color: var(--mist-lavender);

            font-size: 12px;

            font-weight: 700;

        }



        .cf-engage-card-button {

            position: relative;

            z-index: 1;

            display: inline-flex;

            width: fit-content;

            align-items: center;

            gap: 10px;

            margin-top: auto;

            padding: 13px 19px;

            border: 1px solid var(--deep-purple);

            border-radius: 6px;

            color: var(--white);

            background-color: var(--deep-purple);

            font-size: 12px;

            font-weight: 700;

            letter-spacing: 0.7px;

            text-decoration: none;

            text-transform: uppercase;

            transition:

                color 0.3s ease,

                background-color 0.3s ease,

                transform 0.3s ease;

        }



        .cf-engage-card-button:hover {

            color: var(--deep-purple);

            background-color: transparent;

            transform: translateY(-2px);

        }



        .cf-engage-card-button i {

            font-size: 16px;

            transition: transform 0.3s ease;

        }



        .cf-engage-card-button:hover i {

            transform: translateX(5px);

        }



        @media (max-width: 1199.98px) {

            .cf-engage-top-row {

                --bs-gutter-x: 45px;

            }



            .cf-engage-image {

                height: 540px;

            }



            .cf-engage-card {

                padding: 30px;

            }

        }



        @media (max-width: 991.98px) {

            .cf-engage-section {

                padding: 80px 0;

            }



            .cf-engage-top-row {

                margin-bottom: 60px;

                --bs-gutter-y: 55px;

            }



            .cf-engage-image-wrap {

                max-width: 720px;

                margin: 0 auto;

            }



            .cf-engage-image {

                height: 560px;

            }



            .cf-engage-intro {

                max-width: 100%;

            }

        }



        @media (max-width: 767.98px) {

            .cf-engage-grid {

                grid-template-columns: 1fr;

            }



            .cf-engage-card-large {

                grid-column: auto;

            }



            .cf-engage-card {

                min-height: auto;

            }



            .cf-engage-image {

                height: 500px;

            }



            .cf-engage-title,

            .cf-engage-grid-title {

                font-size: 43px;

            }

        }



        @media (max-width: 575.98px) {

            .cf-engage-section {

                padding: 60px 0;

            }



            .cf-engage-section::before,

            .cf-engage-section::after {

                display: none;

            }



            .cf-engage-image-wrap {

                padding: 0 12px 12px 0;

            }



            .cf-engage-image-wrap::before {

                width: calc(100% - 12px);

                height: calc(100% - 12px);

                border-radius: var(--radius-md);

            }



            .cf-engage-image {

                height: 420px;

                border-width: 4px;

                border-radius: var(--radius-md);

            }



            .cf-engage-image-badge {

                right: 4px;

                bottom: 28px;

                max-width: 190px;

                padding: 17px;

            }



            .cf-engage-image-badge-icon {

                width: 38px;

                height: 38px;

                margin-bottom: 9px;

                font-size: 17px;

            }



            .cf-engage-image-badge-text {

                font-size: 12px;

            }



            .cf-engage-title,

            .cf-engage-grid-title {

                font-size: 43px;

            }



            .cf-engage-lead {

                padding-left: 16px;

                font-size: 21px;

            }



            .cf-engage-description {

                font-size: 15px;

                line-height: 1.75;

            }



            .cf-engage-partner-text {

                padding: 19px;

                font-size: 14px;

            }



            .cf-engage-grid-heading {

                margin-bottom: 32px;

            }



            .cf-engage-grid-description {

                font-size: 15px;

            }



            .cf-engage-grid {

                gap: 16px;

            }



            .cf-engage-card {

                padding: 26px 23px;

                border-radius: var(--radius-md);

            }



            .cf-engage-card-icon {

                width: 58px;

                height: 58px;

                flex-basis: 58px;

                margin-bottom: 20px;

                border-radius: 15px;

                font-size: 24px;

            }



            .cf-engage-card-title {

                font-size: 28px;

            }



            .cf-engage-card-button {

                width: 100%;

                justify-content: center;

            }

        }		

		

.change-btn{width:210px; text-align:center;}		



/* Partners with Us */



.cf-partners-section {

            position: relative;

            padding: 50px 0;

            overflow: hidden;

            background:

                radial-gradient(

                    circle at 100% 0,

                    rgba(139, 116, 181, 0.14),

                    transparent 28%

                ),

                linear-gradient(

                    135deg,

                    var(--ivory-white) 0%,

                    var(--mist-lavender) 100%

                );

        }



        .cf-partners-section::before {

            position: absolute;

            top: -170px;

            right: -145px;

            width: 410px;

            height: 410px;

            content: "";

            border: 1px solid rgba(78, 57, 123, 0.11);

            border-radius: 50%;

        }



        .cf-partners-container {

            position: relative;

            z-index: 2;

        }



        .cf-partners-top-row {

            align-items: center;

            margin-bottom: 42px;

            --bs-gutter-x: 70px;

        }



        .cf-partners-stat-card {

            position: relative;

            max-width: 100%;

            padding: 32px;

            overflow: hidden;

            border: 1px solid rgba(78, 57, 123, 0.10);

            border-radius: 2px;

            background:

                linear-gradient(

                    145deg,

                    var(--deep-purple),

                    var(--soft-lavender)

                );

            box-shadow: var(--shadow-soft);

        }



        .cf-partners-stat-card::before {

            position: absolute;

            top: -90px;

            right: -80px;

            width: 200px;

            height: 200px;

            content: "";

            border: 1px solid rgba(255, 255, 255, 0.18);

            border-radius: 50%;

        }



        .cf-partners-stat-card::after {

            position: absolute;

            right: 22px;

            bottom: -65px;

            width: 145px;

            height: 145px;

            content: "";

            border-radius: 50%;

            background-color: rgba(255, 255, 255, 0.07);

        }



        .cf-partners-count {

            position: relative;

            z-index: 1;

            display: block;

            margin-bottom: 8px;

            color: var(--white);

            font-size: 68px;

            font-weight: 700;

            letter-spacing: -2px;

            line-height: 0.95;

        }



        .cf-partners-count-label {

            position: relative;

            z-index: 1;

            display: block;

            margin-bottom: 15px;

            color: var(--white);

            font-size: 18px;

            font-weight: 700;

        }



        .cf-partners-stat-description {

            position: relative;

            z-index: 1;

            margin: 0;

            color: rgba(255, 255, 255, 0.82);

            font-size: 14px;

            line-height: 1.75;

        }



        .cf-partners-content {

            max-width: 690px;

        }



        .cf-partners-eyebrow {

            display: inline-flex;

            align-items: center;

            gap: 12px;

            margin-bottom: 15px;

            color: var(--soft-lavender);

            font-size: 13px;

            font-weight: 700;

            letter-spacing: 2.1px;

            text-transform: uppercase;

        }



        .cf-partners-eyebrow::before {

            width: 42px;

            height: 2px;

            content: "";

            background:

                linear-gradient(

                    90deg,

                    var(--deep-purple),

                    var(--vibrant-violet)

                );

        }



        .cf-partners-title {

            margin: 0 0 18px;

            color: var(--charcoal-plum);

            font-family: "Cormorant Garamond", serif;

            font-size: 42px;

            font-weight: 700;

            letter-spacing: -0.5px;

            line-height: 1.08;

        }



        .cf-partners-title span {

            color: var(--deep-purple);

        }



        .cf-partners-description {

            margin: 0;

            color: var(--text-muted);

            font-size: 16px;

            line-height: 1.85;

        }



        .cf-partners-carousel-box {

            position: relative;

            padding: 26px 0;

            overflow: hidden;

            border: 1px solid rgba(78, 57, 123, 0.09);

            border-radius: var(--radius-lg);

            background-color: rgba(255, 255, 255, 0.88);

            box-shadow: var(--shadow-card);

        }



        .cf-partners-carousel-heading {

            display: flex;

            align-items: center;

            justify-content: space-between;

            gap: 20px;

            padding: 0 28px 10px;

        }



        .cf-partners-carousel-title {

            margin: 0;

            color: var(--charcoal-plum);

            font-family: "Cormorant Garamond", serif;

            font-size: 27px;

            font-weight: 700;

            line-height: 1.2;

        }



        .cf-partners-carousel-note {

            margin: 0;

            color: var(--text-muted);

            font-size: 12px;

            line-height: 1.5;

            text-align: right;

        }



        .cf-partners-marquee {

            position: relative;

            display: flex;

            width: 100%;

            overflow: hidden;

        }



        .cf-partners-marquee::before,

        .cf-partners-marquee::after {

            position: absolute;

            top: 0;

            bottom: 0;

            z-index: 3;

            width: 90px;

            content: "";

            pointer-events: none;

        }



        .cf-partners-marquee::before {

            left: 0;

            background:

                linear-gradient(

                    90deg,

                    rgba(255, 255, 255, 1),

                    rgba(255, 255, 255, 0)

                );

        }



        .cf-partners-marquee::after {

            right: 0;

            background:

                linear-gradient(

                    270deg,

                    rgba(255, 255, 255, 1),

                    rgba(255, 255, 255, 0)

                );

        }



        .cf-partners-track {

            display: flex;

            width: max-content;

            animation: cfPartnersScroll 34s linear infinite;

            will-change: transform;

        }



        .cf-partners-marquee:hover .cf-partners-track,

        .cf-partners-marquee:focus-within .cf-partners-track {

            animation-play-state: paused;

        }



        .cf-partners-group {

            display: flex;

            flex-shrink: 0;

            align-items: center;

            gap: 18px;

            padding-right: 18px;

        }



        .cf-partners-logo-link {

            display: flex;

            width: 190px;

            height: 105px;

            flex: 0 0 190px;

            align-items: center;

            justify-content: center;

            padding: 20px;

            border: 1px solid rgba(78, 57, 123, 0.09);

            border-radius: var(--radius-md);

            background-color: var(--white);

            text-decoration: none;

            transition:

                border-color 0.3s ease,

                box-shadow 0.3s ease,

                transform 0.3s ease;

        }



        .cf-partners-logo-link:hover,

        .cf-partners-logo-link:focus-visible {

            border-color: rgba(78, 57, 123, 0.25);

            box-shadow: 0 15px 35px rgba(46, 34, 56, 0.11);

            transform: translateY(-4px);

        }



        .cf-partners-logo-link:focus-visible {

            outline: 3px solid rgba(139, 116, 181, 0.42);

            outline-offset: 3px;

        }



        .cf-partners-logo {

            display: block;

            width: auto;

            max-width: 145px;

            height: auto;

            max-height: 58px;

            object-fit: contain;

            filter: grayscale(0);

            opacity: 0.75;

            transition:

                filter 0.3s ease,

                opacity 0.3s ease,

                transform 0.3s ease;

        }



        .cf-partners-logo-link:hover .cf-partners-logo,

        .cf-partners-logo-link:focus-visible .cf-partners-logo {

            filter: grayscale(0);

            opacity: 1;

            transform: scale(1.04);

        }



        @keyframes cfPartnersScroll {

            from {

                transform: translateX(0);

            }



            to {

                transform: translateX(-50%);

            }

        }



        @media (max-width: 991.98px) {

            .cf-partners-section {

                padding: 70px 0;

            }



            .cf-partners-top-row {

                margin-bottom: 36px;

                --bs-gutter-y: 35px;

            }



            .cf-partners-stat-card {

                max-width: 100%;

            }



            .cf-partners-content {

                max-width: 100%;

            }

        }



        @media (max-width: 767.98px) {

            .cf-partners-carousel-heading {

                align-items: flex-start;

                flex-direction: column;

                padding-right: 22px;

                padding-left: 22px;

            }



            .cf-partners-carousel-note {

                text-align: left;

            }



            .cf-partners-logo-link {

                width: 165px;

                height: 95px;

                flex-basis: 165px;

            }



            .cf-partners-logo {

                max-width: 125px;

                max-height: 52px;

            }

        }



        @media (max-width: 575.98px) {

            .cf-partners-section {

                padding: 55px 0;

            }



            .cf-partners-section::before {

                display: none;

            }



            .cf-partners-stat-card {

                padding: 27px 24px;

                border-radius: var(--radius-md);

            }



            .cf-partners-count {

                font-size: 58px;

            }



            .cf-partners-title {

                font-size: 43px;

            }



            .cf-partners-description {

                font-size: 15px;

                line-height: 1.75;

            }



            .cf-partners-carousel-box {

                padding: 22px 0;

                border-radius: var(--radius-md);

            }



            .cf-partners-carousel-title {

                font-size: 24px;

            }



            .cf-partners-marquee::before,

            .cf-partners-marquee::after {

                width: 35px;

            }



            .cf-partners-logo-link {

                width: 145px;

                height: 88px;

                flex-basis: 145px;

                padding: 17px;

            }



            .cf-partners-logo {

                max-width: 110px;

                max-height: 46px;

            }



            .cf-partners-track {

                animation-duration: 28s;

            }

        }



        @media (prefers-reduced-motion: reduce) {

            .cf-partners-track {

                animation-play-state: paused;

            }



            .cf-partners-logo-link,

            .cf-partners-logo {

                transition: none;

            }

        }



/* Testimonials */

        .cf-voices-section {

            position: relative;

            padding: 90px 0;

            overflow: hidden;

            background:

                radial-gradient(

                    circle at 4% 8%,

                    rgba(139, 116, 181, 0.17),

                    transparent 29%

                ),

                radial-gradient(

                    circle at 96% 92%,

                    rgba(107, 85, 156, 0.13),

                    transparent 30%

                ),

                linear-gradient(

                    135deg,

                    var(--ivory-white) 0%,

                    var(--mist-lavender) 100%

                );

        }



        .cf-voices-section::before {

            position: absolute;

            top: -160px;

            right: -130px;

            width: 410px;

            height: 410px;

            content: "";

            border: 1px solid rgba(78, 57, 123, 0.12);

            border-radius: 50%;

        }



        .cf-voices-section::after {

            position: absolute;

            bottom: -190px;

            left: -160px;

            width: 440px;

            height: 440px;

            content: "";

            border-radius: 50%;

            background-color: rgba(139, 116, 181, 0.08);

        }



        .cf-voices-container {

            position: relative;

            z-index: 2;

        }



        .cf-voices-heading {

            max-width: 900px;

            margin: 0 auto 52px;

            text-align: center;

        }



        .cf-voices-eyebrow {

            display: inline-flex;

            align-items: center;

            gap: 12px;

            margin-bottom: 15px;

            color: var(--soft-lavender);

            font-size: 13px;

            font-weight: 700;

            letter-spacing: 2.2px;

            text-transform: uppercase;

        }



        .cf-voices-eyebrow::before,

        .cf-voices-eyebrow::after {

            width: 38px;

            height: 2px;

            content: "";

            background:

                linear-gradient(

                    90deg,

                    var(--deep-purple),

                    var(--vibrant-violet)

                );

        }



        .cf-voices-title {

            margin: 0 0 20px;

            color: var(--charcoal-plum);

            font-family: "Cormorant Garamond", serif;

            font-size: 43px;

            font-weight: 700;

            letter-spacing: -0.5px;

            line-height: 1.08;

        }



        .cf-voices-title span {

            color: var(--deep-purple);

        }



        .cf-voices-intro {

            max-width: 760px;

            margin: 0 auto 22px;

            color: var(--text-muted);

            font-size: 16px;

            line-height: 1.85;

        }



        .cf-voices-perspectives {

            display: flex;

            flex-wrap: wrap;

            justify-content: center;

            gap: 10px;

            margin-top: 25px;

        }



        .cf-voices-perspective {

            display: inline-flex;

            align-items: center;

            gap: 8px;

            padding: 9px 14px;

            border: 1px solid rgba(78, 57, 123, 0.11);

            border-radius: 30px;

            color: var(--deep-purple);

            background-color: rgba(255, 255, 255, 0.74);

            font-size: 12px;

            font-weight: 700;

            box-shadow: 0 8px 20px rgba(46, 34, 56, 0.06);

        }



        .cf-voices-perspective i {

            color: var(--vibrant-violet);

            font-size: 14px;

        }



        .cf-voices-carousel-wrap {

            position: relative;

            padding: 0 65px;

        }



        .cf-voices-carousel .owl-stage {

            display: flex;

        }



        .cf-voices-carousel .owl-item {

            display: flex;

        }



        .cf-voices-slide {

            display: flex;

            width: 100%;

            height: 100%;

        }



        .cf-voices-card {

            position: relative;

            display: flex;

            width: 100%;

            min-height: 540px;

            flex-direction: column;

            padding: 42px;

            overflow: hidden;

            border: 1px solid rgba(78, 57, 123, 0.10);

            border-radius: var(--radius-lg);

            background-color: rgba(255, 255, 255, 0.94);

            box-shadow: var(--shadow-card);

            transition:

                border-color 0.35s ease,

                box-shadow 0.35s ease,

                transform 0.35s ease;

        }



        .cf-voices-card::before {

            position: absolute;

            top: 0;

            right: 0;

            left: 0;

            height: 5px;

            content: "";

            background:

                linear-gradient(

                    90deg,

                    var(--deep-purple),

                    var(--vibrant-violet)

                );

        }



        .cf-voices-card::after {

            position: absolute;

            top: -85px;

            right: -75px;

            width: 190px;

            height: 190px;

            content: "";

            border-radius: 50%;

            background-color: rgba(139, 116, 181, 0.09);

        }



        .cf-voices-card:hover {

            border-color: rgba(78, 57, 123, 0.20);

            box-shadow: var(--shadow-soft);

            transform: translateY(-6px);

        }



        .cf-voices-card-top {

            position: relative;

            z-index: 2;

            display: flex;

            align-items: flex-start;

            justify-content: space-between;

            gap: 20px;

            margin-bottom: 27px;

        }



        .cf-voices-category {

            display: inline-flex;

            align-items: center;

            gap: 8px;

            padding: 8px 13px;

            border-radius: 30px;

            color: var(--deep-purple);

            background-color: var(--mist-lavender);

            font-size: 11px;

            font-weight: 700;

            letter-spacing: 0.8px;

            text-transform: uppercase;

        }



        .cf-voices-category i {

            font-size: 14px;

        }



        .cf-voices-quote-icon {

            display: inline-flex;

            width: 54px;

            height: 54px;

            flex: 0 0 54px;

            align-items: center;

            justify-content: center;

            border-radius: 50%;

            color: var(--white);

            background:

                linear-gradient(

                    135deg,

                    var(--deep-purple),

                    var(--vibrant-violet)

                );

            box-shadow:

                0 14px 30px rgba(78, 57, 123, 0.20);

            font-size: 23px;

        }



        .cf-voices-story-title {

            position: relative;

            z-index: 2;

            margin: 0 0 22px;

            color: var(--charcoal-plum);

            font-family: "Cormorant Garamond", serif;

            font-size: 31px;

            font-weight: 700;

            line-height: 1.15;

        }



        .cf-voices-quote {

            position: relative;

            z-index: 2;

            flex-grow: 1;

            margin: 0 0 30px;

            color: var(--text-muted);

            font-family: "Cormorant Garamond", serif;

            font-size: 20px;

            font-weight: 600;

            line-height: 1.65;

        }



        .cf-voices-person {

            position: relative;

            z-index: 2;

            display: flex;

            align-items: center;

            gap: 15px;

            padding-top: 23px;

            border-top: 1px solid rgba(78, 57, 123, 0.10);

        }



        .cf-voices-avatar {

            display: inline-flex;

            width: 58px;

            height: 58px;

            flex: 0 0 58px;

            align-items: center;

            justify-content: center;

            border: 3px solid var(--white);

            border-radius: 50%;

            color: var(--white);

            background:

                linear-gradient(

                    135deg,

                    var(--soft-lavender),

                    var(--deep-purple)

                );

            box-shadow:

                0 10px 25px rgba(46, 34, 56, 0.16);

            font-family: "Cormorant Garamond", serif;

            font-size: 22px;

            font-weight: 700;

        }



        .cf-voices-person-name {

            margin: 0 0 4px;

            color: var(--charcoal-plum);

            font-size: 15px;

            font-weight: 700;

            line-height: 1.4;

        }



        .cf-voices-person-role {

            margin: 0;

            color: var(--text-muted);

            font-size: 12px;

            line-height: 1.6;

        }



        .cf-voices-carousel .owl-nav {

            margin: 0;

        }



        .cf-voices-carousel .owl-nav button.owl-prev,

        .cf-voices-carousel .owl-nav button.owl-next {

            position: absolute;

            top: 50%;

            display: inline-flex;

            width: 48px;

            height: 48px;

            align-items: center;

            justify-content: center;

            margin: 0;

            border: 1px solid rgba(78, 57, 123, 0.12);

            border-radius: 50%;

            color: var(--deep-purple);

            background-color: var(--white);

            box-shadow: var(--shadow-card);

            font-size: 0;

            transform: translateY(-50%);

            transition:

                color 0.3s ease,

                background-color 0.3s ease,

                transform 0.3s ease;

        }



        .cf-voices-carousel .owl-nav button.owl-prev {

            left: -65px;

        }



        .cf-voices-carousel .owl-nav button.owl-next {

            right: -65px;

        }



        .cf-voices-carousel .owl-nav button.owl-prev::before,

        .cf-voices-carousel .owl-nav button.owl-next::before {

            font-family: "bootstrap-icons";

            font-size: 20px;

            line-height: 1;

        }



        .cf-voices-carousel .owl-nav button.owl-prev::before {

            content: "\f12f";

        }



        .cf-voices-carousel .owl-nav button.owl-next::before {

            content: "\f138";

        }



        .cf-voices-carousel .owl-nav button:hover {

            color: var(--white);

            background-color: var(--deep-purple);

        }



        .cf-voices-carousel .owl-nav button.owl-prev:hover {

            transform: translateY(-50%) translateX(-3px);

        }



        .cf-voices-carousel .owl-nav button.owl-next:hover {

            transform: translateY(-50%) translateX(3px);

        }



        .cf-voices-carousel .owl-dots {

            margin-top: 30px;

            text-align: center;

        }



        .cf-voices-carousel .owl-dot span {

            width: 9px;

            height: 9px;

            margin: 0 5px;

            border-radius: 30px;

            background-color: rgba(78, 57, 123, 0.24);

            transition:

                width 0.3s ease,

                background-color 0.3s ease;

        }



        .cf-voices-carousel .owl-dot.active span {

            width: 30px;

            background-color: var(--deep-purple);

        }



        @media (max-width: 1199.98px) {

            .cf-voices-carousel-wrap {

                padding: 0 55px;

            }



            .cf-voices-carousel .owl-nav button.owl-prev {

                left: -55px;

            }



            .cf-voices-carousel .owl-nav button.owl-next {

                right: -55px;

            }



            .cf-voices-card {

                min-height: 640px;

                padding: 34px;

            }

        }



        @media (max-width: 991.98px) {

            .cf-voices-section {

                padding: 75px 0;

            }



            .cf-voices-carousel-wrap {

                padding: 0 50px;

            }



            .cf-voices-carousel .owl-nav button.owl-prev {

                left: -50px;

            }



            .cf-voices-carousel .owl-nav button.owl-next {

                right: -50px;

            }



            .cf-voices-card {

                min-height: 570px;

            }

        }



        @media (max-width: 767.98px) {

            .cf-voices-heading {

                margin-bottom: 40px;

            }



            .cf-voices-carousel-wrap {

                padding: 0;

            }



            .cf-voices-carousel .owl-nav {

                display: none;

            }



            .cf-voices-card {

                min-height: auto;

            }



            .cf-voices-perspectives {

                align-items: stretch;

                flex-direction: column;

            }



            .cf-voices-perspective {

                justify-content: center;

            }

        }



        @media (max-width: 575.98px) {

            .cf-voices-section {

                padding: 58px 0;

            }



            .cf-voices-section::before,

            .cf-voices-section::after {

                display: none;

            }



            .cf-voices-eyebrow {

                font-size: 11px;

                letter-spacing: 1.7px;

            }



            .cf-voices-eyebrow::before,

            .cf-voices-eyebrow::after {

                width: 25px;

            }



            .cf-voices-title {

                font-size: 43px;

            }



            .cf-voices-intro {

                font-size: 15px;

                line-height: 1.75;

            }



            .cf-voices-card {

                padding: 28px 23px;

                border-radius: var(--radius-md);

            }



            .cf-voices-card-top {

                margin-bottom: 22px;

            }



            .cf-voices-quote-icon {

                width: 48px;

                height: 48px;

                flex-basis: 48px;

                font-size: 20px;

            }



            .cf-voices-story-title {

                font-size: 28px;

            }



            .cf-voices-quote {

                font-size: 18px;

                line-height: 1.6;

            }



            .cf-voices-person {

                align-items: flex-start;

            }



            .cf-voices-avatar {

                width: 52px;

                height: 52px;

                flex-basis: 52px;

                font-size: 20px;

            }

        }

.cf-voices-perspectives{padding-bottom:2rem;}

.modal.cf-gallery-modal{z-index:9999;}



/* Above Footer */

        .cf-cta-section {

            position: relative;

            display: flex;

            min-height: 620px;

            align-items: center;

            padding: 95px 0;

            overflow: hidden;

            background:

                radial-gradient(

                    circle at 10% 15%,

                    rgba(255, 255, 255, 0.13),

                    transparent 28%

                ),

                radial-gradient(

                    circle at 90% 85%,

                    rgba(139, 116, 181, 0.28),

                    transparent 32%

                ),

                linear-gradient(

                    135deg,

                    var(--charcoal-plum) 0%,

                    var(--deep-purple) 48%,

                    var(--soft-lavender) 100%

                );

        }



        .cf-cta-section::before {

            position: absolute;

            top: -190px;

            right: -130px;

            width: 470px;

            height: 470px;

            content: "";

            border: 1px solid rgba(255, 255, 255, 0.13);

            border-radius: 50%;

        }



        .cf-cta-section::after {

            position: absolute;

            bottom: -230px;

            left: -170px;

            width: 520px;

            height: 520px;

            content: "";

            border-radius: 50%;

            background-color: rgba(255, 255, 255, 0.05);

        }



        .cf-cta-pattern {

            position: absolute;

            top: 45px;

            left: 45px;

            width: 120px;

            height: 120px;

            opacity: 0.18;

            background-image:

                radial-gradient(

                    rgba(255, 255, 255, 0.9) 2px,

                    transparent 2px

                );

            background-size: 16px 16px;

        }



        .cf-cta-container {

            position: relative;

            z-index: 2;

        }



        .cf-cta-content {

            max-width: 980px;

            margin: 0 auto;

            text-align: center;

        }



        .cf-cta-icon {

            display: inline-flex;

            width: 78px;

            height: 78px;

            align-items: center;

            justify-content: center;

            margin-bottom: 28px;

            border: 1px solid rgba(255, 255, 255, 0.27);

            border-radius: 50%;

            color: var(--deep-purple);

            background-color: rgba(255, 255, 255, 0.95);

            box-shadow:

                0 18px 45px rgba(24, 15, 37, 0.22);

            font-size: 31px;

        }



        .cf-cta-title {

            max-width: 920px;

            margin: 0 auto 25px;

            color: var(--white);

            font-family: "Cormorant Garamond", serif;

            font-size: 43px;

            font-weight: 700;

            letter-spacing: -0.5px;

            line-height: 1.15;

        }



        .cf-cta-title-highlight {

            color: #ded3ef;

        }



        .cf-cta-message {

            margin: 0 0 35px;

            color: rgba(255, 255, 255, 0.88);

            font-family: "Cormorant Garamond", serif;

            font-size: 28px;

            font-weight: 700;

            line-height: 1.35;

        }



        .cf-cta-buttons {

            display: flex;

            flex-wrap: wrap;

            justify-content: center;

            gap: 15px;

            margin-bottom: 38px;

        }



        .cf-cta-button {

            display: inline-flex;

            min-width: 205px;

            align-items: center;

            justify-content: center;

            gap: 11px;

            padding: 16px 24px;

            border: 1px solid transparent;

            border-radius: 7px;

            font-size: 13px;

            font-weight: 700;

            letter-spacing: 1px;

            text-decoration: none;

            text-transform: uppercase;

            transition:

                color 0.3s ease,

                background-color 0.3s ease,

                border-color 0.3s ease,

                box-shadow 0.3s ease,

                transform 0.3s ease;

        }



        .cf-cta-button-primary {

            color: var(--deep-purple);

            background-color: var(--white);

            box-shadow:

                0 15px 35px rgba(24, 15, 37, 0.22);

        }



        .cf-cta-button-primary:hover {

            color: var(--white);

            border-color: rgba(255, 255, 255, 0.75);

            background-color: transparent;

            box-shadow: none;

            transform: translateY(-3px);

        }



        .cf-cta-button-secondary {

            border-color: rgba(255, 255, 255, 0.62);

            color: var(--white);

            background-color: rgba(255, 255, 255, 0.08);

            backdrop-filter: blur(10px);

            -webkit-backdrop-filter: blur(10px);

        }



        .cf-cta-button-secondary:hover {

            color: var(--deep-purple);

            background-color: var(--white);

            box-shadow:

                0 15px 35px rgba(24, 15, 37, 0.22);

            transform: translateY(-3px);

        }



        .cf-cta-button i {

            font-size: 17px;

            transition: transform 0.3s ease;

        }



        .cf-cta-button:hover i {

            transform: translateX(5px);

        }



        .cf-cta-footer {

            position: relative;

            display: inline-flex;

            align-items: center;

            gap: 14px;

            margin: 0;

            color: rgba(255, 255, 255, 0.78);

            font-size: 14px;

            font-weight: 600;

            letter-spacing: 0.2px;

            line-height: 1.6;

        }



        .cf-cta-footer::before,

        .cf-cta-footer::after {

            width: 42px;

            height: 1px;

            content: "";

            background-color: rgba(255, 255, 255, 0.40);

        }



        @media (max-width: 991.98px) {

            .cf-cta-section {

                min-height: 570px;

                padding: 80px 0;

            }



            .cf-cta-title {

                max-width: 760px;

            }

        }



        @media (max-width: 767.98px) {

            .cf-cta-section {

                min-height: auto;

            }



            .cf-cta-title {

                font-size: 43px;

            }



            .cf-cta-message {

                font-size: 25px;

            }

        }



        @media (max-width: 575.98px) {

            .cf-cta-section {

                padding: 65px 0;

            }



            .cf-cta-section::before,

            .cf-cta-section::after,

            .cf-cta-pattern {

                display: none;

            }



            .cf-cta-icon {

                width: 68px;

                height: 68px;

                margin-bottom: 23px;

                font-size: 27px;

            }



            .cf-cta-title {

                margin-bottom: 22px;

                font-size: 43px;

                line-height: 1.12;

            }



            .cf-cta-message {

                margin-bottom: 30px;

                font-size: 23px;

            }



            .cf-cta-buttons {

                align-items: stretch;

                flex-direction: column;

                margin-bottom: 32px;

            }



            .cf-cta-button {

                width: 100%;

            }



            .cf-cta-footer {

                font-size: 13px;

            }



            .cf-cta-footer::before,

            .cf-cta-footer::after {

                width: 22px;

            }

        }



.cf-cta-button{border-radius:60px;}

		

		

.footertxtcls{width:100%;}		

.footertxtcls p{color:#fff; font-size:14px; margin-bottom:0;}		





/* About page Below Banner */

        .cf-founder-section {

            position: relative;

            padding: 50px 0;

            overflow: hidden;

            background:

                radial-gradient(

                    circle at 100% 0,

                    rgba(139, 116, 181, 0.18),

                    transparent 30%

                ),

                radial-gradient(

                    circle at 0 100%,

                    rgba(107, 85, 156, 0.10),

                    transparent 30%

                ),

                linear-gradient(

                    135deg,

                    var(--ivory-white) 0%,

                    var(--mist-lavender) 100%

                );

        }



        .cf-founder-section::before {

            position: absolute;

            top: -190px;

            right: -150px;

            width: 460px;

            height: 460px;

            content: "";

            border: 1px solid rgba(78, 57, 123, 0.12);

            border-radius: 50%;

        }



        .cf-founder-section::after {

            position: absolute;

            bottom: -240px;

            left: -190px;

            width: 520px;

            height: 520px;

            content: "";

            border-radius: 50%;

            background-color: rgba(139, 116, 181, 0.07);

        }



        .cf-founder-container {

            position: relative;

            z-index: 2;

        }



        .cf-founder-row {

            align-items: center;

            --bs-gutter-x: 80px;

        }



        /* Portrait */

        .cf-founder-portrait-column {

            position: relative;

        }



        .cf-founder-image-wrap {

            position: relative;

            max-width: 580px;

            padding: 0 24px 24px 0;

        }



        .cf-founder-image-wrap::before {

            position: absolute;

            right: 0;

            bottom: 0;

            width: calc(100% - 24px);

            height: calc(100% - 24px);

            content: "";

            border-radius: var(--radius-lg);

            background:

                linear-gradient(

                    145deg,

                    var(--deep-purple),

                    var(--vibrant-violet)

                );

        }



        .cf-founder-image-wrap::after {

            position: absolute;

            top: -30px;

            left: -30px;

            z-index: -1;

            width: 125px;

            height: 125px;

            content: "";

            opacity: 0.38;

            background-image:

                radial-gradient(

                    var(--soft-lavender) 2px,

                    transparent 2px

                );

            background-size: 16px 16px;

        }



        .cf-founder-image {

            position: relative;

            z-index: 1;

            width: 100%;

            height: 760px;

            border: 7px solid var(--white);

            border-radius: var(--radius-lg);

            box-shadow: var(--deep-shadow);

            object-fit: cover;

            object-position: center top;

        }



        .cf-founder-name-card {

            position: absolute;

            right: 56px;

            bottom: 58px;

            z-index: 3;

            max-width: 275px;

            padding: 22px 25px;

            border: 1px solid rgba(78, 57, 123, 0.10);

            border-radius: var(--radius-md);

            background-color: rgba(255, 255, 255, 0.96);

            box-shadow: var(--shadow-card);

        }



        .cf-founder-name {

            display: block;

            margin-bottom: 5px;

            color: var(--deep-purple);

            font-family: "Cormorant Garamond", serif;

            font-size: 36px;

            font-weight: 700;

            line-height: 1.1;

        }



        .cf-founder-role {

            display: block;

            color: var(--text-muted);

            font-size: 11px;

            font-weight: 700;

            letter-spacing: 1.1px;

            line-height: 1.6;

            text-transform: uppercase;

        }



        /* Content */

        .cf-founder-content {

            max-width: 690px;

        }



        .cf-founder-eyebrow {

            display: inline-flex;

            align-items: center;

            gap: 12px;

            margin-bottom: 17px;

            color: var(--soft-lavender);

            font-size: 13px;

            font-weight: 700;

            letter-spacing: 2.2px;

            text-transform: uppercase;

        }



        .cf-founder-eyebrow::before {

            width: 42px;

            height: 2px;

            content: "";

            background:

                linear-gradient(

                    90deg,

                    var(--deep-purple),

                    var(--vibrant-violet)

                );

        }



        .cf-founder-title {

            margin: 0 0 22px;

            color: var(--charcoal-plum);

            font-family: "Cormorant Garamond", serif;

            font-size: 43px;

            font-weight: 700;

            letter-spacing: -0.5px;

            line-height: 1.08;

        }



        .cf-founder-title span {

            color: var(--deep-purple);

        }



        .cf-founder-intro {

            margin: 0 0 23px;

            padding-left: 20px;

            border-left: 4px solid var(--vibrant-violet);

            color: var(--charcoal-plum);

            font-family: "Cormorant Garamond", serif;

            font-size: 24px;

            font-weight: 700;

            line-height: 1.45;

        }



        .cf-founder-identities {

            display: flex;

            flex-wrap: wrap;

            gap: 9px;

            margin-bottom: 26px;

        }



        .cf-founder-identity {

            display: inline-flex;

            align-items: center;

            padding: 8px 13px;

            border: 1px solid rgba(78, 57, 123, 0.11);

            border-radius: 30px;

            color: var(--deep-purple);

            background-color: rgba(255, 255, 255, 0.76);

            box-shadow: 0 8px 20px rgba(46, 34, 56, 0.05);

            font-size: 13px;

            font-weight: 700;

        }



        .cf-founder-description {

            margin: 0 0 15px;

            color: var(--text-muted);

            font-size: 15px;

            line-height: 1.85;

        }



        .cf-founder-description strong {

            color: var(--deep-purple);

            font-weight: 700;

        }



        .cf-founder-belief {

            position: relative;

            margin: 29px 0;

            padding: 26px 28px 26px 70px;

            overflow: hidden;

            border: 1px solid rgba(78, 57, 123, 0.10);

            border-radius: var(--radius-md);

            color: var(--charcoal-plum);

            background-color: rgba(255, 255, 255, 0.82);

            box-shadow: var(--shadow-card);

            font-family: "Cormorant Garamond", serif;

            font-size: 22px;

            font-weight: 700;

            line-height: 1.5;

        }



        .cf-founder-belief::before {

            position: absolute;

            top: 21px;

            left: 25px;

            color: var(--vibrant-violet);

            content: "“";

            font-family: "Cormorant Garamond", serif;

            font-size: 60px;

            font-weight: 700;

            line-height: 1;

        }



        .cf-founder-belief::after {

            position: absolute;

            top: 0;

            right: 0;

            width: 5px;

            height: 100%;

            content: "";

            background:

                linear-gradient(

                    180deg,

                    var(--deep-purple),

                    var(--vibrant-violet)

                );

        }



        .cf-founder-button {

            display: inline-flex;

            align-items: center;

            justify-content: center;

            gap: 11px;

            padding: 15px 23px;

            border: 1px solid var(--deep-purple);

            border-radius: 7px;

            color: var(--white);

            background:

                linear-gradient(

                    135deg,

                    var(--deep-purple),

                    var(--soft-lavender)

                );

            box-shadow: var(--shadow-card);

            font-size: 12px;

            font-weight: 700;

            letter-spacing: 0.9px;

            text-decoration: none;

            text-transform: uppercase;

            transition:

                color 0.3s ease,

                background 0.3s ease,

                box-shadow 0.3s ease,

                transform 0.3s ease;

        }



        .cf-founder-button:hover {

            color: var(--deep-purple);

            background: transparent;

            box-shadow: var(--shadow-soft);

            transform: translateY(-3px);

        }



        .cf-founder-button i {

            font-size: 17px;

            transition: transform 0.3s ease;

        }



        .cf-founder-button:hover i {

            transform: translateX(5px);

        }



        @media (max-width: 1199.98px) {

            .cf-founder-row {

                --bs-gutter-x: 50px;

            }



            .cf-founder-image {

                height: 720px;

            }

        }



        @media (max-width: 991.98px) {

            .cf-founder-section {

                padding: 80px 0;

            }



            .cf-founder-row {

                --bs-gutter-y: 60px;

            }



            .cf-founder-image-wrap {

                max-width: 720px;

                margin: 0 auto;

            }



            .cf-founder-image {

                height: 760px;

            }



            .cf-founder-content {

                max-width: 100%;

            }

        }



        @media (max-width: 767.98px) {

            .cf-founder-image {

                height: 620px;

            }



            .cf-founder-name-card {

                right: 0;

                bottom: 40px;

            }

        }



        @media (max-width: 575.98px) {

            .cf-founder-section {

                padding: 60px 0;

            }



            .cf-founder-section::before,

            .cf-founder-section::after {

                display: none;

            }



            .cf-founder-image-wrap {

                padding: 0 12px 12px 0;

            }



            .cf-founder-image-wrap::before {

                width: calc(100% - 12px);

                height: calc(100% - 12px);

                border-radius: var(--radius-md);

            }



            .cf-founder-image-wrap::after {

                top: -18px;

                left: -5px;

                width: 85px;

                height: 85px;

            }



            .cf-founder-image {

                height: 520px;

                border-width: 4px;

                border-radius: var(--radius-md);

            }



            .cf-founder-name-card {

                right: 4px;

                bottom: 28px;

                max-width: 225px;

                padding: 17px 19px;

            }



            .cf-founder-name {

                font-size: 24px;

            }



            .cf-founder-role {

                font-size: 9px;

            }



            .cf-founder-title {

                font-size: 43px;

            }



            .cf-founder-intro {

                padding-left: 16px;

                font-size: 21px;

            }



            .cf-founder-description {

                font-size: 14px;

                line-height: 1.8;

            }



            .cf-founder-belief {

                padding: 24px 20px 24px 58px;

                font-size: 20px;

            }



            .cf-founder-belief::before {

                top: 20px;

                left: 18px;

                font-size: 50px;

            }



            .cf-founder-button {

                width: 100%;

            }

        }

 

.change-btn.longtxtbtn{width:auto;} 





/* Whiute background Button Style */

.cf-story-button-outer {

            display: inline-flex;

            padding: 5px;

            border: 1px solid var(--deep-purple);

            border-radius: 10px;

            background-color: transparent;

            transition:

                border-color 0.3s ease,

                box-shadow 0.3s ease,

                transform 0.3s ease;

        }



        .cf-story-button {

            display: inline-flex;

            min-height: 51px;

            align-items: center;

            gap: 24px;

            padding: 6px 7px 6px 25px;

            border: 0;

            border-radius: 5px;

            color: var(--white);

            background-color: var(--deep-purple);

            box-shadow: 0 14px 30px rgba(78, 57, 123, 0.20);

            font-size: 15px;

            font-weight: 600;

            line-height: 1;

            text-decoration: none;

            transition:

                background-color 0.3s ease,

                box-shadow 0.3s ease;

        }



        .cf-story-button-icon {

            display: inline-flex;

            width: 40px;

            height: 40px;

            flex: 0 0 40px;

            align-items: center;

            justify-content: center;

            overflow: hidden;

            border-radius: 5px;

            color: var(--white);

            background-color: #C2A9DB;

            transition:

                color 0.3s ease,

                background-color 0.3s ease;

        }



        .cf-story-button-icon svg {

            width: 22px;

            height: 22px;

            fill: none;

            stroke: currentColor;

            stroke-linecap: round;

            stroke-linejoin: round;

            stroke-width: 1.5;

            transition: transform 0.35s ease;

        }



        .cf-story-button-outer:hover {

            border-color: var(--vibrant-violet);

            box-shadow: 0 18px 38px rgba(78, 57, 123, 0.20);

            transform: translateY(-3px);

        }



        .cf-story-button-outer:hover .cf-story-button {

            background-color: var(--soft-lavender);

            box-shadow: none;

        }



        .cf-story-button-outer:hover .cf-story-button-icon {

            color: var(--deep-purple);

            background-color: var(--white);

        }



        .cf-story-button-outer:hover .cf-story-button-icon svg {

            transform: translate(3px, -3px);

        }



        .cf-story-button-outer:focus-within {

            outline: 3px solid rgba(139, 116, 181, 0.35);

            outline-offset: 4px;

        }



        .cf-story-button:focus {

            outline: none;

        }



        @media (max-width: 575.98px) {

            .cf-story-button-outer {

                padding: 4px;

                border-radius: 9px;

            }



            .cf-story-button {

                min-height: 58px;

                gap: 18px;

                padding: 5px 6px 5px 20px;

                font-size: 14px;

            }



            .cf-story-button-icon {

                width: 46px;

                height: 46px;

                flex-basis: 46px;

            }



            .cf-story-button-icon svg {

                width: 25px;

                height: 25px;

            }

        }

 .cf-story-button span{color:#fff;}

.bannermainbtntwo .cf-story-button-outer{border:1px solid rgba(255,255,255,0.43);}

 

/* About Page Generation */

        .cf-generation-section {

            position: relative;

            padding: 50px 0;

            overflow: hidden;

            background:

                radial-gradient(

                    circle at 100% 0,

                    rgba(139, 116, 181, 0.17),

                    transparent 30%

                ),

                radial-gradient(

                    circle at 0 100%,

                    rgba(107, 85, 156, 0.10),

                    transparent 29%

                ),

                linear-gradient(

                    135deg,

                    var(--ivory-white) 0%,

                    var(--mist-lavender) 100%

                );

        }



        .cf-generation-section::before {

            position: absolute;

            top: -180px;

            right: -150px;

            width: 440px;

            height: 440px;

            content: "";

            border: 1px solid rgba(78, 57, 123, 0.12);

            border-radius: 50%;

        }



        .cf-generation-section::after {

            position: absolute;

            bottom: -220px;

            left: -190px;

            width: 500px;

            height: 500px;

            content: "";

            border-radius: 50%;

            background-color: rgba(139, 116, 181, 0.07);

        }



        .cf-generation-container {

            position: relative;

            z-index: 2;

        }



        .cf-generation-row {

            align-items: center;

            --bs-gutter-x: 80px;

        }



        /* Image */



        .cf-generation-image-column {

            position: relative;

        }



        .cf-generation-image-wrapper {

            position: relative;

            max-width: 610px;

            padding: 0 22px 22px 0;

        }



        .cf-generation-image-wrapper::before {

            position: absolute;

            right: 0;

            bottom: 0;

            width: calc(100% - 22px);

            height: calc(100% - 22px);

            content: "";

            border-radius: var(--radius-lg);

            background:

                linear-gradient(

                    145deg,

                    var(--deep-purple),

                    var(--vibrant-violet)

                );

        }



        .cf-generation-image-wrapper::after {

            position: absolute;

            top: -28px;

            left: -28px;

            z-index: -1;

            width: 120px;

            height: 120px;

            content: "";

            opacity: 0.38;

            background-image:

                radial-gradient(

                    var(--soft-lavender) 2px,

                    transparent 2px

                );

            background-size: 16px 16px;

        }



        .cf-generation-image {

            position: relative;

            z-index: 1;

            width: 100%;

            height: 720px;

            border: 7px solid var(--white);

            border-radius: var(--radius-lg);

            box-shadow: var(--deep-shadow);

            object-fit: cover;

            object-position: center;

        }



        .cf-generation-image-caption {

            position: absolute;

            right: -8px;

            bottom: 52px;

            z-index: 3;

            max-width: 320px;

            padding: 21px 24px;

            border: 1px solid rgba(78, 57, 123, 0.10);

            border-radius: var(--radius-md);

            background-color: rgba(255, 255, 255, 0.96);

            box-shadow: var(--shadow-card);

        }



        .cf-generation-caption-title {

            display: block;

            margin-bottom: 6px;

            color: var(--deep-purple);

            font-family: "Cormorant Garamond", serif;

            font-size: 36px;

            font-weight: 700;

            line-height: 1.15;

        }



        .cf-generation-caption-text {

            margin: 0;

            color: var(--text-muted);

            font-size: 13px;

            font-weight: 600;

            line-height: 1.65;

        }



        /* Content */



        .cf-generation-content {

            max-width: 100%;

        }



        .cf-generation-title {

            margin: 0 0 14px;

            color: var(--charcoal-plum);

            font-family: "Cormorant Garamond", serif;

            font-size: 43px;

            font-weight: 700;

            letter-spacing: -0.5px;

            line-height: 1.08;

        }



        .cf-generation-subtitle {

            margin: 0 0 15px;

            color: var(--deep-purple);

            font-family: "Cormorant Garamond", serif;

            font-size: 28px;

            font-weight: 700;

            line-height: 1.2;

        }



        .cf-generation-lead {

            margin: 0 0 15px;

            color: var(--charcoal-plum);

            font-family: "Cormorant Garamond", serif;

            font-size: 21px;

            font-style: italic;

            font-weight: 600;

            line-height: 1.45;

        }



        .cf-generation-description {

            margin: 0 0 15px;

            color: var(--text-muted);

            font-size: 15px;

            line-height: 1.85;

        }



        .cf-generation-description strong {

            color: var(--charcoal-plum);

            font-weight: 700;

        }



        .cf-generation-belief-label {

            margin: 27px 0 12px;

            color: var(--charcoal-plum);

            font-size: 15px;

            font-weight: 700;

            line-height: 1.6;

        }



        .cf-generation-belief {

            position: relative;

            margin: 0;

            padding: 28px 32px 28px 76px;

            overflow: hidden;

            border: 1px solid rgba(78, 57, 123, 0.10);

            border-radius: var(--radius-md);

            color: var(--charcoal-plum);

            background-color: rgba(255, 255, 255, 0.88);

            box-shadow: var(--shadow-card);

            font-family: "Cormorant Garamond", serif;

            font-size: 28px;

            font-weight: 700;

            line-height: 1.4;

        }



        .cf-generation-belief::before {

            position: absolute;

            top: 21px;

            left: 25px;

            color: var(--vibrant-violet);

            content: "“";

            font-family: "Cormorant Garamond", serif;

            font-size: 62px;

            font-weight: 700;

            line-height: 1;

        }



        .cf-generation-belief::after {

            position: absolute;

            top: 0;

            right: 0;

            width: 5px;

            height: 100%;

            content: "";

            background:

                linear-gradient(

                    180deg,

                    var(--deep-purple),

                    var(--vibrant-violet)

                );

        }



        /* Harvard Business School callout */



        .cf-generation-hbs {

            position: relative;

            margin-top: 0px;

            padding: 35px 38px;

            overflow: hidden;

            border: 1px solid rgba(78, 57, 123, 0.11);

            border-radius: var(--radius-lg);

            background-color: #4e397b;

            box-shadow: var(--shadow-soft);

        }



        .cf-generation-hbs::before {

            position: absolute;

            top: 0;

            bottom: 0;

            left: 0;

            width: 6px;

            content: "";

            background:

                linear-gradient(

                    180deg,

                    var(--deep-purple),

                    var(--vibrant-violet)

                );

        }



        .cf-generation-hbs::after {

            position: absolute;

            top: -100px;

            right: -80px;

            width: 220px;

            height: 220px;

            content: "";

            border-radius: 50%;

            background-color: rgba(139, 116, 181, 0.08);

        }



        .cf-generation-hbs-row {

            position: relative;

            z-index: 1;

            align-items: center;

            --bs-gutter-x: 35px;

        }



        .cf-generation-hbs-mark {

            display: flex;

            width: 78px;

            height: 78px;

            align-items: center;

            justify-content: center;

            border-radius: 50%;

            color: var(--white);

            background:

                linear-gradient(

                    135deg,

                    var(--deep-purple),

                    var(--vibrant-violet)

                );

            box-shadow: 0 15px 34px rgba(78, 57, 123, 0.22);

            font-family: "Cormorant Garamond", serif;

            font-size: 28px;

            font-weight: 700;

            line-height: 1;

        }



        .cf-generation-hbs-label {

            display: block;

            margin-bottom: 8px;

            color: #fff;

            font-size: 12px;

            font-weight: 700;

            letter-spacing: 1.7px;

            text-transform: uppercase;

        }



        .cf-generation-hbs-title {

            margin: 0 0 11px;

            color: #fff;

            font-family: "Cormorant Garamond", serif;

            font-size: 31px;

            font-weight: 700;

            line-height: 1.15;

        }



        .cf-generation-hbs-description {

            max-width: 760px;

            margin: 0;

            color: #fff;

            font-size: 16px;

            line-height: 1.75;

        }



        .cf-generation-hbs-description strong {

            font-weight: 700;

        }



        .cf-generation-hbs-button {

            display: inline-flex;

            min-height: 52px;

            align-items: center;

            justify-content: center;

            padding: 15px 22px;

            border: 1px solid var(--deep-purple);

            border-radius: 7px;

            color: var(--deep-purple);

            background-color: var(--white);

            font-size: 12px;

            font-weight: 700;

            letter-spacing: 0.6px;

            line-height: 1.45;

            text-align: center;

            text-decoration: none;

            text-transform: uppercase;

            transition:

                color 0.3s ease,

                background-color 0.3s ease,

                box-shadow 0.3s ease,

                transform 0.3s ease;

        }



        .cf-generation-hbs-button:hover {

            color: var(--white);

            background-color: var(--deep-purple);

            box-shadow: 0 14px 30px rgba(78, 57, 123, 0.20);

            transform: translateY(-3px);

        }



        .cf-generation-hbs-button:focus-visible {

            outline: 3px solid rgba(139, 116, 181, 0.34);

            outline-offset: 4px;

        }



        @media (max-width: 1199.98px) {

            .cf-generation-row {

                --bs-gutter-x: 50px;

            }



            .cf-generation-image {

                height: 680px;

            }

        }



        @media (max-width: 991.98px) {

            .cf-generation-section {

                padding: 80px 0;

            }



            .cf-generation-row {

                --bs-gutter-y: 60px;

            }



            .cf-generation-image-wrapper {

                max-width: 760px;

                margin: 0 auto;

            }



            .cf-generation-image {

                height: 720px;

            }



            .cf-generation-content {

                max-width: 100%;

            }



            .cf-generation-hbs {

                margin-top: 50px;

                padding: 32px;

            }



            .cf-generation-hbs-row {

                --bs-gutter-y: 24px;

            }

        }



        @media (max-width: 767.98px) {

            .cf-generation-image {

                height: 600px;

            }



            .cf-generation-image-caption {

                right: 0;

                bottom: 38px;

            }



            .cf-generation-hbs {

                text-align: center;

            }



            .cf-generation-hbs-mark {

                margin: 0 auto;

            }



            .cf-generation-hbs-button {

                width: 100%;

            }

        }



        @media (max-width: 575.98px) {

            .cf-generation-section {

                padding: 60px 0;

            }



            .cf-generation-section::before,

            .cf-generation-section::after {

                display: none;

            }



            .cf-generation-image-wrapper {

                padding: 0 12px 12px 0;

            }



            .cf-generation-image-wrapper::before {

                width: calc(100% - 12px);

                height: calc(100% - 12px);

                border-radius: var(--radius-md);

            }



            .cf-generation-image-wrapper::after {

                top: -18px;

                left: -5px;

                width: 85px;

                height: 85px;

            }



            .cf-generation-image {

                height: 470px;

                border-width: 4px;

                border-radius: var(--radius-md);

            }



            .cf-generation-image-caption {

                right: 4px;

                bottom: 26px;

                max-width: 255px;

                padding: 17px 18px;

            }



            .cf-generation-caption-title {

                font-size: 23px;

            }



            .cf-generation-caption-text {

                font-size: 10px;

            }



            .cf-generation-title {

                font-size: 43px;

            }



            .cf-generation-subtitle {

                font-size: 25px;

            }



            .cf-generation-lead {

                font-size: 19px;

            }



            .cf-generation-description {

                font-size: 14px;

                line-height: 1.8;

            }



            .cf-generation-belief {

                padding: 24px 20px 24px 60px;

                font-size: 23px;

            }



            .cf-generation-belief::before {

                top: 19px;

                left: 18px;

                font-size: 52px;

            }



            .cf-generation-hbs {

                margin-top: 40px;

                padding: 28px 22px;

                border-radius: var(--radius-md);

            }



            .cf-generation-hbs-title {

                font-size: 27px;

            }



            .cf-generation-hbs-description {

                font-size: 13px;

            }

        }

.cf-hbs-icon {

            display: inline-flex;

            width: 76px;

            height: 76px;

            align-items: center;

            justify-content: center;

            border-radius: 50%;

            color: var(--white);

            background:

                linear-gradient(

                    135deg,

                    var(--deep-purple),

                    var(--vibrant-violet)

                );

            box-shadow: 0 15px 34px rgba(78, 57, 123, 0.22);

            font-size: 28px;

        }

		

.cf-generation-belief{width:75%; margin-top:2.5rem;}		



/* About Page Who We Are */

        .cf-about-compact {

            position: relative;

            padding: 72px 0;

            overflow: hidden;

            background:

                radial-gradient(

                    circle at 100% 0,

                    rgba(139, 116, 181, 0.12),

                    transparent 28%

                ),

                var(--ivory-white);

        }



        .cf-about-compact::before {

            position: absolute;

            top: -160px;

            right: -140px;

            width: 380px;

            height: 380px;

            content: "";

            border: 1px solid rgba(78, 57, 123, 0.10);

            border-radius: 50%;

        }



        .cf-about-compact-container {

            position: relative;

            z-index: 1;

            width: min(1180px, calc(100% - 40px));

            margin: 0 auto;

        }



        /* Main story block */



        .cf-about-compact-story {

            display: grid;

            grid-template-columns: minmax(0, 1.18fr) minmax(320px, 0.82fr);

            overflow: hidden;

            border: 1px solid rgba(78, 57, 123, 0.09);

            border-radius: var(--radius-lg);

            background-color: var(--white);

            box-shadow: var(--shadow-card);

        }



        .cf-about-compact-copy {

            padding: 48px 50px;

        }



        .cf-about-compact-eyebrow {

            display: inline-flex;

            align-items: center;

            gap: 11px;

            margin-bottom: 14px;

            color: var(--soft-lavender);

            font-size: 12px;

            font-weight: 700;

            letter-spacing: 2px;

            text-transform: uppercase;

        }



        .cf-about-compact-eyebrow::before {

            width: 36px;

            height: 2px;

            content: "";

            background: linear-gradient(

                90deg,

                var(--deep-purple),

                var(--vibrant-violet)

            );

        }



        .cf-about-compact-title {

            max-width: 680px;

            margin: 0 0 26px;

            color: var(--charcoal-plum);

            font-family: "Cormorant Garamond", serif;

            font-size: 43px;

            font-weight: 700;

            letter-spacing: -0.5px;

            line-height: 1.06;

        }



        .cf-about-compact-title span {

            color: var(--deep-purple);

        }



        .cf-about-compact-columns {

            columns: 2;

            column-gap: 34px;

        }



        .cf-about-compact-text {

            margin: 0 0 15px;

            color: var(--text-muted);

            font-size: 14px;

            line-height: 1.78;

            break-inside: avoid;

        }



        .cf-about-compact-text strong {

            color: var(--charcoal-plum);

            font-weight: 700;

        }



        .cf-about-compact-quote {

            position: relative;

            margin: 20px 0;

            padding: 20px 22px;

            overflow: hidden;

            border-left: 4px solid var(--vibrant-violet);

            border-radius: 0 12px 12px 0;

            color: var(--charcoal-plum);

            background-color: var(--mist-lavender);

            font-family: "Cormorant Garamond", serif;

            font-size: 21px;

            font-weight: 700;

            line-height: 1.42;

            break-inside: avoid;

        }



        .cf-about-compact-note {

            margin: 22px 0 0;

            padding-top: 18px;

            border-top: 1px solid rgba(78, 57, 123, 0.10);

            color: var(--text-muted);

            font-size: 12px;

            line-height: 1.7;

			font-weight: 600;

        }



        /* Image side */



        .cf-about-compact-visual {

            position: relative;

            min-height: 100%;

            overflow: hidden;

            background-color: var(--deep-purple);

        }



        .cf-about-compact-image {

            width: 100%;

            height: 100%;

            min-height: 640px;

            object-fit: cover;

            object-position: center;

        }



        .cf-about-compact-visual::after {

            position: absolute;

            inset: 0;

            content: "";

            background:

                linear-gradient(

                    180deg,

                    rgba(46, 34, 56, 0.03) 30%,

                    rgba(46, 34, 56, 0.80) 100%

                );

        }



        .cf-about-compact-year {

            position: absolute;

            top: 24px;

            right: 24px;

            z-index: 2;

            display: inline-flex;

            min-width: 120px;

            min-height: 120px;

            flex-direction: column;

            align-items: center;

            justify-content: center;

            border: 1px solid rgba(255, 255, 255, 0.34);

            border-radius: 20px;

            color: var(--white);

            background-color: rgba(78, 57, 123, 0.78);

            backdrop-filter: blur(10px);

            box-shadow: 0 18px 35px rgba(46, 34, 56, 0.22);

        }



        .cf-about-compact-year strong {

            font-size: 72px;

            line-height: 1;

        }



        .cf-about-compact-year span {

            margin-top: 3px;

            font-size: 13px;

            font-weight: 600;

            letter-spacing: 1px;

            text-transform: uppercase;

        }



        .cf-about-compact-milestones {

            position: absolute;

            right: 24px;

            bottom: 24px;

            left: 24px;

            z-index: 2;

            display: grid;

            grid-template-columns: repeat(2, minmax(0, 1fr));

            gap: 10px;

        }



        .cf-about-compact-milestone {

            padding: 15px;

            border: 1px solid rgba(255, 255, 255, 0.24);

            border-radius: 13px;

            color: var(--white);

            background-color: rgba(46, 34, 56, 0.60);

            backdrop-filter: blur(10px);

        }



        .cf-about-compact-milestone strong {

            display: block;

            margin-bottom: 10px;

            font-size: 30px;

            line-height: 1;

        }



        .cf-about-compact-milestone span {

            display: block;

            color: rgba(255, 255, 255, 0.78);

            font-size: 13px;

            font-weight: 600;

            line-height: 1.45;

        }



        /* Vision and mission */



        .cf-about-compact-vm {

            margin-top: 28px;

            padding: 38px;

            border: 1px solid rgba(78, 57, 123, 0.09);

            border-radius: var(--radius-lg);

            background:

                linear-gradient(

                    135deg,

                    var(--deep-purple),

                    var(--soft-lavender)

                );

            box-shadow: var(--shadow-soft);

        }



        .cf-about-compact-vm-heading {

            display: flex;

            align-items: end;

            justify-content: space-between;

            gap: 30px;

            margin-bottom: 28px;

        }



        .cf-about-compact-vm-eyebrow {

            display: block;

            margin-bottom: 7px;

            color: rgba(255, 255, 255, 0.68);

            font-size: 11px;

            font-weight: 700;

            letter-spacing: 1.8px;

            text-transform: uppercase;

        }



        .cf-about-compact-vm-title {

            margin: 0;

            color: var(--white);

            font-family: "Cormorant Garamond", serif;

            font-size: 43px;

            font-weight: 700;

            line-height: 1.05;

        }



        .cf-about-compact-vm-line {

            width: 90px;

            height: 2px;

            margin-bottom: 9px;

            background-color: rgba(255, 255, 255, 0.44);

        }



        .cf-about-compact-vm-grid {

            display: grid;

            grid-template-columns: 0.82fr 1.18fr;

            gap: 18px;

        }



        .cf-about-compact-panel {

            position: relative;

            padding: 27px 28px;

            border: 1px solid rgba(255, 255, 255, 0.19);

            border-radius: var(--radius-md);

            background-color: rgba(255, 255, 255, 0.96);

            box-shadow: 0 18px 35px rgba(46, 34, 56, 0.13);

        }



        .cf-about-compact-panel-number {

            display: inline-flex;

            width: 42px;

            height: 42px;

            align-items: center;

            justify-content: center;

            margin-bottom: 16px;

            border-radius: 12px;

            color: var(--white);

            background-color: var(--deep-purple);

            font-size: 19px;

            font-weight: 700;

        }



        .cf-about-compact-panel-title {

            margin: 0 0 13px;

            color: var(--charcoal-plum);

            font-family: "Cormorant Garamond", serif;

            font-size: 29px;

            font-weight: 700;

            line-height: 1.1;

        }



        .cf-about-compact-panel-text {

            margin: 0;

            color: #2e2238;

            font-size: 15px;

            line-height: 1.75;

        }



        .cf-about-compact-panel-vision .cf-about-compact-panel-text {

            color: var(--charcoal-plum);

            font-size: 15px;

            font-weight: 500;

        }



        @media (max-width: 1050px) {

            .cf-about-compact-story {

                grid-template-columns: 1fr;

            }



            .cf-about-compact-image {

                min-height: 470px;

            }



            .cf-about-compact-visual {

                order: -1;

            }

        }



        @media (max-width: 767px) {

            .cf-about-compact {

                padding: 55px 0;

            }



            .cf-about-compact-copy {

                padding: 34px 28px;

            }



            .cf-about-compact-columns {

                columns: 1;

            }



            .cf-about-compact-image {

                min-height: 420px;

            }



            .cf-about-compact-vm {

                padding: 30px 24px;

            }



            .cf-about-compact-vm-grid {

                grid-template-columns: 1fr;

            }

        }



        @media (max-width: 575px) {

            .cf-about-compact-container {

                width: min(100% - 28px, 1180px);

            }



            .cf-about-compact-title,

            .cf-about-compact-vm-title {

                font-size: 43px;

            }



            .cf-about-compact-story,

            .cf-about-compact-vm {

                border-radius: var(--radius-md);

            }



            .cf-about-compact-copy {

                padding: 30px 22px;

            }



            .cf-about-compact-image {

                min-height: 370px;

            }



            .cf-about-compact-year {

                top: 16px;

                right: 16px;

                min-width: 78px;

                min-height: 78px;

                border-radius: 16px;

            }



            .cf-about-compact-year strong {

                font-size: 31px;

            }



            .cf-about-compact-milestones {

                right: 16px;

                bottom: 16px;

                left: 16px;

            }



            .cf-about-compact-milestone {

                padding: 12px;

            }



            .cf-about-compact-quote {

                font-size: 19px;

            }



            .cf-about-compact-vm-heading {

                align-items: flex-start;

                flex-direction: column;

            }



            .cf-about-compact-panel {

                padding: 24px 21px;

            }

        }





/* Philosophy */

        .cf-philosophy-section {

            position: relative;

            padding: 85px 0;

            overflow: hidden;

            background:

                radial-gradient(

                    circle at 100% 0,

                    rgba(139, 116, 181, 0.16),

                    transparent 31%

                ),

                radial-gradient(

                    circle at 0 100%,

                    rgba(107, 85, 156, 0.10),

                    transparent 28%

                ),

                linear-gradient(

                    135deg,

                    var(--ivory-white) 0%,

                    #bfa1d7 100%

                );

        }



        .cf-philosophy-section::before {

            position: absolute;

            top: -170px;

            right: -140px;

            width: 420px;

            height: 420px;

            content: "";

            border: 1px solid rgba(78, 57, 123, 0.12);

            border-radius: 50%;

        }



        .cf-philosophy-section::after {

            position: absolute;

            bottom: -220px;

            left: -180px;

            width: 470px;

            height: 470px;

            content: "";

            border-radius: 50%;

            background-color: rgba(139, 116, 181, 0.07);

        }



        .cf-philosophy-container {

            position: relative;

            z-index: 2;

        }



        .cf-philosophy-header {

            display: grid;

            grid-template-columns: 0.82fr 1.18fr;

            gap: 65px;

            align-items: end;

            margin-bottom: 42px;

        }



        .cf-philosophy-eyebrow {

            display: inline-flex;

            align-items: center;

            gap: 12px;

            margin-bottom: 15px;

            color: var(--soft-lavender);

            font-size: 12px;

            font-weight: 700;

            letter-spacing: 2.1px;

            text-transform: uppercase;

        }



        /*.cf-philosophy-eyebrow::before {

            width: 40px;

            height: 2px;

            content: "";

            background:

                linear-gradient(

                    90deg,

                    var(--deep-purple),

                    var(--vibrant-violet)

                );

        }*/



        .cf-philosophy-title {

            margin: 0;

            color: var(--charcoal-plum);

            font-family: "Cormorant Garamond", serif;

            font-size: 43px;

            font-weight: 700;

            letter-spacing: -0.5px;

            line-height: 1.08;

        }



        .cf-philosophy-title span {

            color: var(--deep-purple);

        }



        .cf-philosophy-header-copy {

            position: relative;

            padding-left: 25px;

            border-left: 4px solid var(--vibrant-violet);

        }



        .cf-philosophy-heading {

            margin: 0 0 16px;

            color: var(--charcoal-plum);

            font-family: "Cormorant Garamond", serif;

            font-size: 31px;

            font-weight: 700;

            line-height: 1.18;

        }



        .cf-philosophy-intro {

            margin: 0;

            color: var(--text-muted);

            font-size: 14px;

            line-height: 1.8;

        }



        .cf-philosophy-layout {

            display: grid;

            grid-template-columns: minmax(0, 0.9fr) minmax(0, 1.1fr);

            gap: 24px;

            align-items: stretch;

        }



        .cf-philosophy-story {

            position: relative;

            padding: 36px;

            overflow: hidden;

            border: 1px solid rgba(78, 57, 123, 0.10);

            border-radius: var(--radius-lg);

            background-color: rgba(255, 255, 255, 0.93);

            box-shadow: var(--shadow-card);

        }



        .cf-philosophy-story::before {

            position: absolute;

            top: 0;

            right: 0;

            left: 0;

            height: 5px;

            content: "";

            background:

                linear-gradient(

                    90deg,

                    var(--deep-purple),

                    var(--vibrant-violet)

                );

        }



        .cf-philosophy-story::after {

            position: absolute;

            top: -70px;

            right: -70px;

            width: 170px;

            height: 170px;

            content: "";

            border-radius: 50%;

            background-color: rgba(139, 116, 181, 0.08);

        }



        .cf-philosophy-story-label {

            position: relative;

            z-index: 1;

            display: inline-flex;

            margin-bottom: 21px;

            padding: 8px 13px;

            border-radius: 30px;

            color: var(--deep-purple);

            background-color: var(--mist-lavender);

            font-size: 11px;

            font-weight: 700;

            letter-spacing: 0.7px;

            text-transform: uppercase;

        }



        .cf-philosophy-story-text {

            position: relative;

            z-index: 1;

            margin: 0 0 17px;

            color: var(--text-muted);

            font-size: 14px;

            line-height: 1.82;

        }



        .cf-philosophy-story-text:last-child {

            margin-bottom: 0;

        }



        .cf-philosophy-story-highlight {

            position: relative;

            z-index: 1;

            margin: 26px 0;

            padding: 23px 24px;

            border-left: 4px solid var(--vibrant-violet);

            border-radius: 0 var(--radius-md) var(--radius-md) 0;

            color: var(--charcoal-plum);

            background-color: var(--mist-lavender);

            font-family: "Cormorant Garamond", serif;

            font-size: 23px;

            font-weight: 700;

            line-height: 1.45;

        }



        .cf-philosophy-pillars {

            display: grid;

            grid-template-columns: repeat(2, minmax(0, 1fr));

            gap: 16px;

        }



        .cf-philosophy-card {

            position: relative;

            display: flex;

            min-height: 245px;

            flex-direction: column;

            padding: 28px;

            overflow: hidden;

            border: 1px solid rgba(78, 57, 123, 0.10);

            border-radius: var(--radius-md);

            background-color: rgba(255, 255, 255, 0.95);

            box-shadow: var(--shadow-card);

            transition:

                border-color 0.35s ease,

                box-shadow 0.35s ease,

                transform 0.35s ease;

        }



        .cf-philosophy-card::before {

            position: absolute;

            top: 0;

            right: 0;

            left: 0;

            height: 4px;

            content: "";

            background:

                linear-gradient(

                    90deg,

                    var(--deep-purple),

                    var(--vibrant-violet)

                );

        }



        .cf-philosophy-card::after {

            position: absolute;

            top: -55px;

            right: -55px;

            width: 125px;

            height: 125px;

            content: "";

            border-radius: 50%;

            background-color: rgba(139, 116, 181, 0.08);

            transition: transform 0.4s ease;

        }



        .cf-philosophy-card:hover {

            border-color: rgba(78, 57, 123, 0.20);

            box-shadow: var(--shadow-soft);

            transform: translateY(-6px);

        }



        .cf-philosophy-card:hover::after {

            transform: scale(1.25);

        }



        .cf-philosophy-card-top {

            position: relative;

            z-index: 1;

            display: flex;

            align-items: center;

            justify-content: space-between;

            gap: 15px;

            margin-bottom: 24px;

        }



        .cf-philosophy-card-number {

            display: inline-flex;

            width: 48px;

            height: 48px;

            align-items: center;

            justify-content: center;

            border-radius: 14px;

            color: var(--white);

            background:

                linear-gradient(

                    135deg,

                    var(--deep-purple),

                    var(--vibrant-violet)

                );

            box-shadow: 0 11px 25px rgba(78, 57, 123, 0.20);

            font-family: "Cormorant Garamond", serif;

            font-size: 19px;

            font-weight: 700;

        }



        .cf-philosophy-card-icon {

            color: var(--vibrant-violet);

            font-size: 28px;

            line-height: 1;

        }



        .cf-philosophy-card-title {

            position: relative;

            z-index: 1;

            margin: 0 0 13px;

            color: var(--charcoal-plum);

            font-family: "Cormorant Garamond", serif;

            font-size: 25px;

            font-weight: 700;

            line-height: 1.18;

        }



        .cf-philosophy-card-text {

            position: relative;

            z-index: 1;

            margin: 0;

            color: var(--text-muted);

            font-size: 13px;

            line-height: 1.72;

        }



        .cf-philosophy-closing {

            position: relative;

            margin-top: 24px;

            padding: 38px 42px;

            overflow: hidden;

            border-radius: var(--radius-lg);

            background:

                linear-gradient(

                    135deg,

                    var(--charcoal-plum),

                    var(--deep-purple)

                );

            box-shadow: var(--deep-shadow);

        }



        .cf-philosophy-closing::before {

            position: absolute;

            top: -100px;

            right: -75px;

            width: 240px;

            height: 240px;

            content: "";

            border: 1px solid rgba(255, 255, 255, 0.12);

            border-radius: 50%;

        }



        .cf-philosophy-closing::after {

            position: absolute;

            bottom: -100px;

            left: 45%;

            width: 220px;

            height: 220px;

            content: "";

            border-radius: 50%;

            background-color: rgba(139, 116, 181, 0.14);

        }



        .cf-philosophy-closing-layout {

            position: relative;

            z-index: 2;

            display: grid;

            grid-template-columns: 0.28fr 1.15fr 0.85fr;

            gap: 28px;

            align-items: center;

        }



        .cf-philosophy-closing-mark {

            display: inline-flex;

            width: 76px;

            height: 76px;

            align-items: center;

            justify-content: center;

            border: 1px solid rgba(255, 255, 255, 0.24);

            border-radius: 50%;

            color: var(--deep-purple);

            background-color: var(--white);

            box-shadow: 0 17px 38px rgba(20, 12, 31, 0.22);

            font-family: "Cormorant Garamond", serif;

            font-size: 52px;

            font-weight: 700;

            line-height: 1;

        }



        .cf-philosophy-closing-label {

            display: block;

            margin-bottom: 9px;

            color: rgba(255, 255, 255, 0.68);

            font-size: 11px;

            font-weight: 700;

            letter-spacing: 1.7px;

            text-transform: uppercase;

        }



        .cf-philosophy-closing-title {

            margin: 0;

            color: var(--white);

            font-family: "Cormorant Garamond", serif;

            font-size: 28px;

            font-weight: 700;

            line-height: 1.38;

        }



        .cf-philosophy-closing-copy {

            padding-left: 28px;

            border-left: 1px solid rgba(255, 255, 255, 0.20);

        }



        .cf-philosophy-closing-text {

            margin: 0 0 14px;

            color: rgba(255, 255, 255, 0.82);

            font-size: 13px;

            line-height: 1.75;

        }



        .cf-philosophy-closing-text:last-child {

            margin-bottom: 0;

        }



        @media (max-width: 991.98px) {

            .cf-philosophy-header {

                grid-template-columns: 1fr;

                gap: 25px;

            }



            .cf-philosophy-header-copy {

                max-width: 760px;

            }



            .cf-philosophy-layout {

                grid-template-columns: 1fr;

            }



            .cf-philosophy-closing-layout {

                grid-template-columns: auto 1fr;

            }



            .cf-philosophy-closing-copy {

                grid-column: 1 / -1;

                padding-top: 22px;

                padding-left: 0;

                border-top: 1px solid rgba(255, 255, 255, 0.20);

                border-left: 0;

            }

        }



        @media (max-width: 767.98px) {

            .cf-philosophy-section {

                padding: 65px 0;

            }



            .cf-philosophy-pillars {

                grid-template-columns: 1fr;

            }



            .cf-philosophy-card {

                min-height: auto;

            }



            .cf-philosophy-closing {

                padding: 32px 28px;

            }

        }



        @media (max-width: 575.98px) {

            .cf-philosophy-section::before,

            .cf-philosophy-section::after {

                display: none;

            }



            .cf-philosophy-title {

                font-size: 43px;

            }



            .cf-philosophy-heading {

                font-size: 27px;

            }



            .cf-philosophy-header-copy {

                padding-left: 18px;

            }



            .cf-philosophy-story {

                padding: 29px 22px;

                border-radius: var(--radius-md);

            }



            .cf-philosophy-story-highlight {

                padding: 20px;

                font-size: 20px;

            }



            .cf-philosophy-card {

                padding: 24px 21px;

            }



            .cf-philosophy-card-title {

                font-size: 23px;

            }



            .cf-philosophy-closing {

                padding: 28px 22px;

                border-radius: var(--radius-md);

            }



            .cf-philosophy-closing-layout {

                grid-template-columns: 1fr;

            }



            .cf-philosophy-closing-mark {

                width: 64px;

                height: 64px;

                font-size: 44px;

            }



            .cf-philosophy-closing-title {

                font-size: 24px;

            }



            .cf-philosophy-closing-copy {

                grid-column: auto;

            }

        }



.centeralignbtn{width:100%; text-align:center; padding-top:1.5rem;}



        .cf-gov-page {

            overflow: hidden;

        }



        .cf-gov-container {

            position: relative;

            z-index: 2;

        }



        .cf-gov-eyebrow {

            display: inline-flex;

            align-items: center;

            gap: 12px;

            margin-bottom: 15px;

            color: var(--soft-lavender);

            font-size: 12px;

            font-weight: 700;

            letter-spacing: 2px;

            text-transform: uppercase;

        }



        .cf-gov-eyebrow::before {

            width: 40px;

            height: 2px;

            content: "";

            background: linear-gradient(

                90deg,

                var(--deep-purple),

                var(--vibrant-violet)

            );

        }



        .cf-gov-section-title {

            margin: 0;

            color: var(--charcoal-plum);

            font-family: "Cormorant Garamond", serif;

            font-size: 43px;

            font-weight: 700;

            letter-spacing: -0.5px;

            line-height: 1.08;

        }



        .cf-gov-section-title span {

            color: var(--deep-purple);

        }



        /* Hero */



        .cf-gov-hero {

            position: relative;

            min-height: 690px;

            display: flex;

            align-items: center;

            padding: 95px 0;

            overflow: hidden;

            background-image:

                linear-gradient(

                    90deg,

                    rgba(46, 34, 56, 0.97) 0%,

                    rgba(78, 57, 123, 0.92) 48%,

                    rgba(78, 57, 123, 0.48) 100%

                ),

                url("../images/Built-on-trust.jpg");

            background-position: center;

            background-repeat: no-repeat;

            background-size: cover;

        }



        .cf-gov-hero::before {

            position: absolute;

            top: -190px;

            right: -130px;

            width: 470px;

            height: 470px;

            content: "";

            border: 1px solid rgba(255, 255, 255, 0.14);

            border-radius: 50%;

        }



        .cf-gov-hero::after {

            position: absolute;

            right: 7%;

            bottom: -210px;

            width: 430px;

            height: 430px;

            content: "";

            border-radius: 50%;

            background-color: rgba(139, 116, 181, 0.16);

        }



        .cf-gov-hero-content {

            max-width: 830px;

        }



        .cf-gov-hero .cf-gov-eyebrow {

            color: rgba(255, 255, 255, 0.75);

        }



        .cf-gov-hero .cf-gov-eyebrow::before {

            background: var(--vibrant-violet);

        }



        .cf-gov-hero-title {

            max-width: 830px;

            margin: 0 0 25px;

            color: var(--white);

            font-family: "Cormorant Garamond", serif;

            font-size: 43px;

            font-weight: 700;

            letter-spacing: -1px;

            line-height: 1.02;

        }



        .cf-gov-hero-title span {

            color: #D8CAEB;

        }



        .cf-gov-hero-lead {

            max-width: 760px;

            margin: 0 0 25px;

            padding-left: 22px;

            border-left: 4px solid var(--vibrant-violet);

            color: rgba(255, 255, 255, 0.92);

            font-family: "Cormorant Garamond", serif;

            font-size: 25px;

            font-weight: 700;

            line-height: 1.45;

        }



        .cf-gov-hero-text {

            max-width: 820px;

            margin: 0 0 17px;

            color: rgba(255, 255, 255, 0.78);

            font-size: 15px;

            line-height: 1.82;

        }



        .cf-gov-hero-statement {

            display: inline-block;

            margin-top: 15px;

            padding: 17px 22px;

            border: 1px solid rgba(255, 255, 255, 0.17);

            border-radius: 5px;

            color: var(--white);

            background-color: rgba(255, 255, 255, 0.09);

            backdrop-filter: blur(10px);

            font-family: "Cormorant Garamond", serif;

            font-size: 22px;

            font-weight: 700;

            line-height: 1.45;

        }



        /* Board section */



        .cf-gov-board {

            position: relative;

            padding: 95px 0;

            background:

                radial-gradient(

                    circle at 100% 0,

                    rgba(139, 116, 181, 0.13),

                    transparent 30%

                ),

                linear-gradient(

                    135deg,

                    var(--ivory-white),

                    var(--mist-lavender)

                );

        }



        .cf-gov-board-heading {

            display: grid;

            grid-template-columns: 0.7fr 1.3fr;

            gap: 65px;

            align-items: end;

            margin-bottom: 45px;

        }



        .cf-gov-board-intro-title {

            margin: 0 0 14px;

            color: var(--charcoal-plum);

            font-family: "Cormorant Garamond", serif;

            font-size: 30px;

            font-weight: 700;

            line-height: 1.18;

        }



        .cf-gov-board-intro-text {

            margin: 0 0 13px;

            color: var(--text-muted);

            font-size: 14px;

            line-height: 1.8;

        }



        .cf-gov-trustee-grid {

            display: grid;

            grid-template-columns: repeat(2, minmax(0, 1fr));

            gap: 22px;

        }



        .cf-gov-trustee-card {

            position: relative;

            display: grid;

            grid-template-columns: 210px minmax(0, 1fr);

            min-height: 100%;

            overflow: hidden;

            border: 1px solid rgba(78, 57, 123, 0.10);

            border-radius: var(--radius-lg);

            background-color: rgba(255, 255, 255, 0.95);

            box-shadow: var(--shadow-card);

            transition:

                border-color 0.35s ease,

                box-shadow 0.35s ease,

                transform 0.35s ease;

        }



        .cf-gov-trustee-card:hover {

            border-color: rgba(78, 57, 123, 0.22);

            box-shadow: var(--shadow-soft);

            transform: translateY(-6px);

        }



        .cf-gov-trustee-visual {

            position: relative;

            min-height: 100%;

            overflow: hidden;

            color: var(--white);

            background:

                linear-gradient(

                    145deg,

                    var(--deep-purple),

                    var(--vibrant-violet)

                );

        }



        .cf-gov-trustee-initials {

            position: absolute;

            inset: 0;

            display: flex;

            align-items: center;

            justify-content: center;

            color: rgba(255, 255, 255, 0.30);

            font-family: "Cormorant Garamond", serif;

            font-size: 82px;

            font-weight: 700;

        }



        .cf-gov-trustee-image {

            position: relative;

            z-index: 1;

            width: 100%;

            height: 100%;

            min-height: 440px;

            object-fit: cover;

            object-position: center top;

            transition: transform 0.55s ease;

        }



        .cf-gov-trustee-card:hover .cf-gov-trustee-image {

            transform: scale(1.045);

        }



        .cf-gov-trustee-content {

            position: relative;

            padding: 30px;

        }



        .cf-gov-trustee-content::before {

            position: absolute;

            top: 0;

            right: 0;

            left: 0;

            height: 4px;

            content: "";

            background: linear-gradient(

                90deg,

                var(--deep-purple),

                var(--vibrant-violet)

            );

        }



        .cf-gov-trustee-name {

            margin: 0 0 5px;

            color: var(--charcoal-plum);

            font-family: "Cormorant Garamond", serif;

            font-size: 30px;

            font-weight: 700;

            line-height: 1.1;

        }



        .cf-gov-trustee-role {

            display: block;

            margin-bottom: 19px;

            color: var(--soft-lavender);

            font-size: 11px;

            font-weight: 700;

            letter-spacing: 1px;

            text-transform: uppercase;

        }



        .cf-gov-trustee-text {

            margin: 0 0 14px;

            color: var(--text-muted);

            font-size: 13px;

            line-height: 1.75;

        }



        .cf-gov-source-note {

            margin: 20px 0 0;

            padding-top: 16px;

            border-top: 1px solid rgba(78, 57, 123, 0.10);

            color: var(--text-muted);

            font-size: 10px;

            font-style: italic;

            line-height: 1.65;

        }



        /* Compliance */



        .cf-gov-compliance {

            position: relative;

            padding: 50px 0;

            background-color: var(--white);

        }



        .cf-gov-compliance-heading {

            max-width: 860px;

            margin: 0 auto 42px;

            text-align: center;

        }



        .cf-gov-compliance-heading .cf-gov-eyebrow::after {

            width: 40px;

            height: 2px;

            content: "";

            background: linear-gradient(

                90deg,

                var(--vibrant-violet),

                var(--deep-purple)

            );

			display:none;

        }



        .cf-gov-compliance-subtitle {

            margin: 17px 0 14px;

            color: var(--charcoal-plum);

            font-family: "Cormorant Garamond", serif;

            font-size: 28px;

            font-weight: 700;

            line-height: 1.2;

        }



        .cf-gov-compliance-intro {

            margin: 0 0 13px;

            color: var(--text-muted);

            font-size: 14px;

            line-height: 1.8;

        }



        .cf-gov-compliance-grid {

            display: grid;

            grid-template-columns: repeat(3, minmax(0, 1fr));

            gap: 17px;

        }



        .cf-gov-compliance-card {

            position: relative;

            min-height: 235px;

            padding: 27px;

            overflow: hidden;

            border: 1px solid rgba(78, 57, 123, 0.10);

            border-radius: var(--radius-md);

            background-color: var(--ivory-white);

            box-shadow: var(--shadow-card);

            transition:

                border-color 0.35s ease,

                box-shadow 0.35s ease,

                transform 0.35s ease;

        }



        .cf-gov-compliance-card::before {

            position: absolute;

            top: 0;

            right: 0;

            left: 0;

            height: 4px;

            content: "";

            background: linear-gradient(

                90deg,

                var(--deep-purple),

                var(--vibrant-violet)

            );

        }



        .cf-gov-compliance-card::after {

            position: absolute;

            top: -55px;

            right: -55px;

            width: 130px;

            height: 130px;

            content: "";

            border-radius: 50%;

            background-color: rgba(139, 116, 181, 0.08);

        }



        .cf-gov-compliance-card:hover {

            border-color: rgba(78, 57, 123, 0.22);

            box-shadow: var(--shadow-soft);

            transform: translateY(-6px);

        }



        .cf-gov-compliance-icon {

            position: relative;

            z-index: 1;

            display: inline-flex;

            width: 58px;

            height: 58px;

            align-items: center;

            justify-content: center;

            margin-bottom: 20px;

            border-radius: 16px;

            color: var(--white);

            background: linear-gradient(

                135deg,

                var(--deep-purple),

                var(--vibrant-violet)

            );

            box-shadow: 0 12px 28px rgba(78, 57, 123, 0.20);

            font-size: 24px;

        }



        .cf-gov-compliance-title {

            position: relative;

            z-index: 1;

            margin: 0 0 11px;

            color: var(--charcoal-plum);

            font-family: "Cormorant Garamond", serif;

            font-size: 23px;

            font-weight: 700;

            line-height: 1.17;

        }



        .cf-gov-compliance-text {

            position: relative;

            z-index: 1;

            margin: 0;

            color: var(--text-muted);

            font-size: 12px;

            line-height: 1.7;

        }



        .cf-gov-compliance-note {

            margin: 25px 0 0;

            padding: 19px 22px;

            border-left: 4px solid var(--vibrant-violet);

            border-radius: 0 12px 12px 0;

            color: var(--text-muted);

            background-color: var(--mist-lavender);

            font-size: 11px;

            line-height: 1.7;

        }



        /* Accountability practice */



        .cf-gov-practice {

            position: relative;

            padding: 50px 0;

            background:

                linear-gradient(

                    135deg,

                    var(--charcoal-plum),

                    var(--deep-purple)

                );

        }



        .cf-gov-practice::before {

            position: absolute;

            top: -170px;

            right: -120px;

            width: 400px;

            height: 400px;

            content: "";

            border: 1px solid rgba(255, 255, 255, 0.11);

            border-radius: 50%;

        }



        .cf-gov-practice-heading {

            position: relative;

            z-index: 2;

            margin-bottom: 38px;

        }



        .cf-gov-practice-heading .cf-gov-eyebrow {

            color: rgba(255, 255, 255, 0.68);

        }



        .cf-gov-practice-heading .cf-gov-section-title {

            color: var(--white);

        }



        .cf-gov-practice-grid {

            position: relative;

            z-index: 2;

            display: grid;

            grid-template-columns: repeat(5, minmax(0, 1fr));

            gap: 14px;

        }



        .cf-gov-practice-card {

            min-height: 285px;

            padding: 25px 20px;

            border: 1px solid rgba(255, 255, 255, 0.15);

            border-radius: var(--radius-md);

            background-color: rgba(255, 255, 255, 0.08);

            backdrop-filter: blur(10px);

            transition:

                background-color 0.35s ease,

                border-color 0.35s ease,

                transform 0.35s ease;

        }



        .cf-gov-practice-card:hover {

            border-color: rgba(255, 255, 255, 0.35);

            background-color: rgba(255, 255, 255, 0.13);

            transform: translateY(-6px);

        }



        .cf-gov-practice-icon {

            display: inline-flex;

            width: 54px;

            height: 54px;

            align-items: center;

            justify-content: center;

            margin-bottom: 20px;

            border-radius: 50%;

            color: var(--deep-purple);

            background-color: var(--white);

            font-size: 22px;

        }



        .cf-gov-practice-title {

            margin: 0 0 12px;

            color: var(--white);

            font-family: "Cormorant Garamond", serif;

            font-size: 22px;

            font-weight: 700;

            line-height: 1.17;

        }



        .cf-gov-practice-text {

            margin: 0;

            color: rgba(255, 255, 255, 0.73);

            font-size: 12px;

            line-height: 1.72;

        }



        .cf-gov-practice-note {

            position: relative;

            z-index: 2;

            margin: 28px 0 0;

            padding-top: 22px;

            border-top: 1px solid rgba(255, 255, 255, 0.15);

            color: rgba(255, 255, 255, 0.62);

            font-size: 11px;

            line-height: 1.7;

        }



        /* Closing */



        .cf-gov-closing {

            position: relative;

            padding: 50px 0;

            background:

                radial-gradient(

                    circle at 10% 0,

                    rgba(139, 116, 181, 0.14),

                    transparent 30%

                ),

                var(--ivory-white);

        }



        .cf-gov-closing-card {

            position: relative;

            max-width: 1050px;

            margin: 0 auto;

            padding: 52px 58px;

            overflow: hidden;

            border: 1px solid rgba(78, 57, 123, 0.10);

            border-radius: var(--radius-xl);

            background-color: var(--white);

            box-shadow: var(--shadow-soft);

            text-align: center;

        }



        .cf-gov-closing-card::before {

            position: absolute;

            top: 0;

            right: 0;

            left: 0;

            height: 6px;

            content: "";

            background: linear-gradient(

                90deg,

                var(--deep-purple),

                var(--vibrant-violet)

            );

        }



        .cf-gov-closing-icon {

            display: inline-flex;

            width: 70px;

            height: 70px;

            align-items: center;

            justify-content: center;

            margin-bottom: 24px;

            border-radius: 50%;

            color: var(--white);

            background: linear-gradient(

                135deg,

                var(--deep-purple),

                var(--vibrant-violet)

            );

            box-shadow: 0 15px 34px rgba(78, 57, 123, 0.22);

            font-size: 28px;

        }



        .cf-gov-closing-title {

            margin: 0 0 15px;

            color: var(--charcoal-plum);

            font-family: "Cormorant Garamond", serif;

            font-size: 43px;

            font-weight: 700;

            line-height: 1.08;

        }



        .cf-gov-closing-highlight {

            margin: 0 0 22px;

            color: var(--deep-purple);

            font-family: "Cormorant Garamond", serif;

            font-size: 28px;

            font-weight: 700;

            line-height: 1.3;

        }



        .cf-gov-closing-text {

            max-width: 820px;

            margin: 0 auto;

            color: var(--text-muted);

            font-size: 15px;

            line-height: 1.85;

        }



        @media (max-width: 1199.98px) {

            .cf-gov-practice-grid {

                grid-template-columns: repeat(3, minmax(0, 1fr));

            }



            .cf-gov-practice-card:last-child {

                grid-column: 2;

            }

        }



        @media (max-width: 991.98px) {

            .cf-gov-hero {

                min-height: auto;

                padding: 80px 0;

            }



            .cf-gov-board-heading {

                grid-template-columns: 1fr;

                gap: 25px;

            }



            .cf-gov-trustee-grid {

                grid-template-columns: 1fr;

            }



            .cf-gov-compliance-grid {

                grid-template-columns: repeat(2, minmax(0, 1fr));

            }



            .cf-gov-practice-grid {

                grid-template-columns: repeat(2, minmax(0, 1fr));

            }



            .cf-gov-practice-card:last-child {

                grid-column: 1 / -1;

                max-width: calc(50% - 7px);

                width: 100%;

                justify-self: center;

            }

        }



        @media (max-width: 767.98px) {

            .cf-gov-board,

            .cf-gov-compliance,

            .cf-gov-practice,

            .cf-gov-closing {

                padding: 70px 0;

            }



            .cf-gov-trustee-card {

                grid-template-columns: 180px minmax(0, 1fr);

            }



            .cf-gov-trustee-image {

                min-height: 100%;

            }

        }



        @media (max-width: 575.98px) {

            .cf-gov-hero {

                padding: 65px 0;

                background-position: 62% center;

            }



            .cf-gov-hero-title {

                font-size: 44px;

            }



            .cf-gov-hero-lead {

                padding-left: 16px;

                font-size: 21px;

            }



            .cf-gov-hero-text {

                font-size: 14px;

                line-height: 1.75;

            }



            .cf-gov-section-title,

            .cf-gov-closing-title {

                font-size: 43px;

            }



            .cf-gov-trustee-card {

                grid-template-columns: 1fr;

            }



            .cf-gov-trustee-visual {

                min-height: 360px;

            }



            .cf-gov-trustee-image {

                min-height: 360px;

            }



            .cf-gov-trustee-content {

                padding: 27px 22px;

            }



            .cf-gov-compliance-grid,

            .cf-gov-practice-grid {

                grid-template-columns: 1fr;

            }



            .cf-gov-practice-card,

            .cf-gov-practice-card:last-child {

                grid-column: auto;

                max-width: none;

                min-height: auto;

            }



            .cf-gov-closing-card {

                padding: 40px 24px;

                border-radius: var(--radius-lg);

            }



            .cf-gov-closing-highlight {

                font-size: 24px;

            }



            .cf-gov-closing-text {

                font-size: 14px;

                line-height: 1.8;

            }

        }



/* Team page */

        .cf-team-page {

            overflow: hidden;

        }



        .cf-team-container {

            position: relative;

            z-index: 2;

        }



        .cf-team-eyebrow {

            display: inline-flex;

            align-items: center;

            gap: 12px;

            margin-bottom: 15px;

            color: var(--soft-lavender);

            font-size: 12px;

            font-weight: 700;

            letter-spacing: 2px;

            text-transform: uppercase;

        }



        .cf-team-eyebrow::before {

            width: 38px;

            height: 2px;

            content: "";

            background: linear-gradient(

                90deg,

                var(--deep-purple),

                var(--vibrant-violet)

            );

        }



        .cf-team-section-title {

            margin: 0;

            color: var(--charcoal-plum);

            font-family: "Cormorant Garamond", serif;

            font-size: 43px;

            font-weight: 600;

            letter-spacing: -0.5px;

            line-height: 1.08;

        }



        .cf-team-section-title span {

            color: var(--deep-purple);

        }



        .cf-team-section-text {

            margin: 0;

            color: var(--text-muted);

            font-size: 14px;

            line-height: 1.82;

        }



        /* Hero */



        .cf-team-hero {

            position: relative;

            padding: 192px 0 78px;

            overflow: hidden;

            background:

                radial-gradient(

                    circle at 93% 8%,

                    rgba(139, 116, 181, 0.22),

                    transparent 30%

                ),

                linear-gradient(

                    135deg,

                    var(--charcoal-plum),

                    var(--deep-purple)

                );

        }



        .cf-team-hero::before {

            position: absolute;

            top: -190px;

            right: -130px;

            width: 470px;

            height: 470px;

            content: "";

            border: 1px solid rgba(255, 255, 255, 0.12);

            border-radius: 50%;

        }



        .cf-team-hero::after {

            position: absolute;

            bottom: -250px;

            left: -170px;

            width: 500px;

            height: 500px;

            content: "";

            border-radius: 50%;

            background-color: rgba(139, 116, 181, 0.10);

        }



        .cf-team-hero-row {

            align-items: center;

            --bs-gutter-x: 72px;

        }



        .cf-team-hero-copy {

            position: relative;

            z-index: 2;

        }



        .cf-team-hero .cf-team-eyebrow {

            color: rgba(255, 255, 255, 0.66);

        }



        .cf-team-hero .cf-team-eyebrow::before {

            background: var(--vibrant-violet);

        }



        .cf-team-hero-title {

            max-width: 670px;

            margin: 0 0 22px;

            color: var(--white);

            font-family: "Cormorant Garamond", serif;

            font-size: 68px;

            font-weight: 700;

            letter-spacing: -1.5px;

            line-height: 0.98;

			position:relative;

			z-index:10;

        }



        .cf-team-hero-title span {

            color: #D8CAEB;

        }



        .cf-team-hero-subtitle {

            max-width: 650px;

            margin: 0 0 20px;

            padding-left: 0px;

            border-left: 0px solid var(--vibrant-violet);

            color: var(--white);

            font-family: "Cormorant Garamond", serif;

            font-size: 25px;

            font-weight: 700;

            line-height: 1.4;

        }



        .cf-team-hero-text {

            max-width: 660px;

            margin: 0 0 28px;

            color: rgba(255, 255, 255, 0.73);

            font-size: 14px;

            line-height: 1.82;

        }



        .cf-team-button {

            display: inline-flex;

            min-height: 50px;

            align-items: center;

            justify-content: center;

            padding: 14px 24px;

            border: 1px solid rgba(255, 255, 255, 0.28);

            border-radius: 8px;

            color: var(--deep-purple);

            background-color: var(--white);

            font-size: 12px;

            font-weight: 700;

            letter-spacing: 0.7px;

            text-transform: uppercase;

            transition:

                color 0.3s ease,

                background-color 0.3s ease,

                border-color 0.3s ease,

                transform 0.3s ease;

        }



        .cf-team-button:hover {

            color: var(--white);

            border-color: var(--vibrant-violet);

            background-color: var(--vibrant-violet);

            transform: translateY(-3px);

        }



        /* Hero image mosaic */



        .cf-team-hero-mosaic {

            position: relative;

            display: grid;

            grid-template-columns: 1.2fr 0.8fr;

            grid-template-rows: repeat(2, 210px);

            gap: 12px;

            padding: 15px;

            border: 1px solid rgba(255, 255, 255, 0.15);

            border-radius: var(--radius-xl);

            background-color: rgba(255, 255, 255, 0.08);

            box-shadow: var(--deep-shadow);

            backdrop-filter: blur(10px);

        }



        .cf-team-hero-mosaic-item {

            position: relative;

            overflow: hidden;

            border-radius: 18px;

        }



        .cf-team-hero-mosaic-item:first-child {

            grid-row: 1 / 3;

        }



        .cf-team-hero-mosaic-item::after {

            position: absolute;

            inset: 0;

            content: "";

            background: linear-gradient(

                180deg,

                transparent 50%,

                rgba(46, 34, 56, 0.32)

            );

        }



        .cf-team-hero-mosaic-image {

            width: 100%;

            height: 100%;

            object-fit: cover;

            transition: transform 0.6s ease;

        }



        .cf-team-hero-mosaic-item:hover .cf-team-hero-mosaic-image {

            transform: scale(1.06);

        }



        .cf-team-hero-count {

            position: absolute;

            right: -20px;

            bottom: -25px;

            z-index: 3;

            width: 145px;

            height: 145px;

            display: flex;

            flex-direction: column;

            align-items: center;

            justify-content: center;

            border: 7px solid var(--deep-purple);

            border-radius: 50%;

            color: var(--deep-purple);

            background-color: var(--white);

            box-shadow: var(--shadow-soft);

        }



        .cf-team-hero-count strong {

            font-family: "Cormorant Garamond", serif;

            font-size: 46px;

            line-height: 0.9;

        }



        .cf-team-hero-count span {

            margin-top: 6px;

            font-size: 9px;

            font-weight: 700;

            letter-spacing: 1px;

            text-align: center;

            text-transform: uppercase;

        }



        /* Founder */



        .cf-team-founder {

            position: relative;

            padding: 95px 0;

            background:

                radial-gradient(

                    circle at 0 100%,

                    rgba(139, 116, 181, 0.12),

                    transparent 31%

                ),

                var(--ivory-white);

        }



        .cf-team-founder-card {

            display: grid;

            grid-template-columns: minmax(330px, 0.82fr) minmax(0, 1.18fr);

            overflow: hidden;

            border: 1px solid rgba(78, 57, 123, 0.09);

            border-radius: var(--radius-xl);

            background-color: var(--white);

            box-shadow: var(--shadow-soft);

        }



        .cf-team-founder-image-wrap {

            position: relative;

            min-height: 620px;

            overflow: hidden;

            background-color: var(--deep-purple);

        }



        .cf-team-founder-image {

            width: 100%;

            height: 100%;

            min-height: 620px;

            object-fit: cover;

            object-position: center;

            transition: transform 0.7s ease;

        }



        .cf-team-founder-card:hover .cf-team-founder-image {

            transform: scale(1.035);

        }



        .cf-team-founder-image-wrap::after {

            position: absolute;

            inset: 0;

            content: "";

            background:

                linear-gradient(

                    180deg,

                    transparent 45%,

                    rgba(46, 34, 56, 0.75)

                );

        }



        .cf-team-founder-year {

            position: absolute;

            right: 25px;

            bottom: 25px;

            z-index: 2;

            padding: 17px 21px;

            border: 1px solid rgba(255, 255, 255, 0.25);

            border-radius: 15px;

            color: var(--white);

            background-color: rgba(46, 34, 56, 0.65);

            backdrop-filter: blur(10px);

        }



        .cf-team-founder-year strong {

            display: block;

            font-family: "Cormorant Garamond", serif;

            font-size: 35px;

            line-height: 1;

        }



        .cf-team-founder-year span {

            display: block;

            margin-top: 5px;

            font-size: 9px;

            font-weight: 700;

            letter-spacing: 1px;

            text-transform: uppercase;

        }



        .cf-team-founder-content {

            position: relative;

            padding: 55px;

        }



        .cf-team-founder-content::before {

            position: absolute;

            top: 0;

            right: 0;

            bottom: 0;

            width: 6px;

            content: "";

            background: linear-gradient(

                180deg,

                var(--deep-purple),

                var(--vibrant-violet)

            );

        }



        .cf-team-founder-name {

            margin: 18px 0 5px;

            color: var(--charcoal-plum);

            font-family: "Cormorant Garamond", serif;

            font-size: 40px;

            font-weight: 700;

            line-height: 1.05;

        }



        .cf-team-founder-role {

            display: block;

            margin-bottom: 23px;

            color: var(--soft-lavender);

            font-size: 11px;

            font-weight: 700;

            letter-spacing: 1.3px;

            text-transform: uppercase;

        }



        .cf-team-founder-text {

            margin: 0 0 16px;

            color: var(--text-muted);

            font-size: 14px;

            line-height: 1.82;

        }



        .cf-team-founder-quote {

            margin: 27px 0 0;

            padding: 22px 24px;

            border-left: 4px solid var(--vibrant-violet);

            border-radius: 0 var(--radius-md) var(--radius-md) 0;

            color: var(--charcoal-plum);

            background-color: var(--mist-lavender);

            font-family: "Cormorant Garamond", serif;

            font-size: 22px;

            font-weight: 700;

            line-height: 1.45;

        }



        /* Directors */



        .cf-team-directors {

            position: relative;

            padding: 95px 0;

            background:

                linear-gradient(

                    135deg,

                    var(--mist-lavender),

                    var(--white)

                );

        }



        .cf-team-directors-heading {

            display: grid;

            grid-template-columns: 0.85fr 1.15fr;

            gap: 65px;

            align-items: end;

            margin-bottom: 44px;

        }



        .cf-team-directors-title {

            margin: 0;

            color: var(--charcoal-plum);

            font-family: "Cormorant Garamond", serif;

            font-size: 31px;

            font-weight: 700;

            line-height: 1.22;

        }



        .cf-team-directors-text {

            margin: 0 0 13px;

            color: var(--text-muted);

            font-size: 14px;

            line-height: 1.82;

        }



        .cf-team-directors-feature {

            display: grid;

            grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);

            gap: 22px;

        }



        .cf-team-director-card {

            position: relative;

            overflow: hidden;

            border-radius: var(--radius-lg);

            min-height: 660px;

            color: var(--white);

            background-color: var(--deep-purple);

            box-shadow: var(--shadow-soft);

        }



        .cf-team-director-image {

            width: 100%;

            height: 100%;

            min-height: 660px;

            object-fit: cover;

            object-position: center;

            transition: transform 0.65s ease;

        }



        .cf-team-director-card:hover .cf-team-director-image {

            transform: scale(1.05);

        }



        .cf-team-director-overlay {

            position: absolute;

            inset: 0;

            display: flex;

            flex-direction: column;

            justify-content: flex-end;

            padding: 35px;

            background:

                linear-gradient(

                    180deg,

                    transparent 28%,

                    rgba(46, 34, 56, 0.96) 100%

                );

        }



        .cf-team-director-number {

            position: absolute;

            top: 25px;

            right: 25px;

            display: inline-flex;

            width: 52px;

            height: 52px;

            align-items: center;

            justify-content: center;

            border: 1px solid rgba(255, 255, 255, 0.25);

            border-radius: 50%;

            background-color: rgba(46, 34, 56, 0.52);

            backdrop-filter: blur(8px);

            font-family: "Cormorant Garamond", serif;

            font-size: 20px;

            font-weight: 700;

        }



        .cf-team-director-name {

            margin: 0 0 5px;

            font-family: "Cormorant Garamond", serif;

            font-size: 35px;

            font-weight: 700;

            line-height: 1.05;

        }



        .cf-team-director-role {

            display: block;

            margin-bottom: 17px;

            color: #D8CAEB;

            font-size: 10px;

            font-weight: 700;

            letter-spacing: 1.2px;

            text-transform: uppercase;

        }



        .cf-team-director-bio {

            margin: 0;

            color: rgba(255, 255, 255, 0.78);

            font-size: 13px;

            line-height: 1.76;

        }



        .cf-team-directors-quote {

            margin-top: 22px;

            padding: 27px 30px;

            border: 1px solid rgba(78, 57, 123, 0.10);

            border-radius: var(--radius-md);

            color: var(--charcoal-plum);

            background-color: var(--white);

            box-shadow: var(--shadow-card);

            font-family: "Cormorant Garamond", serif;

            font-size: 24px;

            font-weight: 700;

            line-height: 1.45;

            text-align: center;

        }



        /* Transition */



        .cf-team-transition {

            position: relative;

            padding: 75px 0;

            overflow: hidden;

            background:

                linear-gradient(

                    135deg,

                    var(--charcoal-plum),

                    var(--deep-purple)

                );

        }



        .cf-team-transition::before {

            position: absolute;

            top: -150px;

            left: 52%;

            width: 330px;

            height: 330px;

            content: "";

            border: 1px solid rgba(255, 255, 255, 0.11);

            border-radius: 50%;

        }



        .cf-team-transition-layout {

            display: grid;

            grid-template-columns: 0.75fr 1.25fr;

            gap: 60px;

            align-items: center;

        }



        .cf-team-transition-title {

            margin: 0;

            color: var(--white);

            font-family: "Cormorant Garamond", serif;

            font-size: 43px;

            font-weight: 700;

            line-height: 1.1;

        }



        .cf-team-transition-title span {

            color: #D8CAEB;

        }



        .cf-team-transition-copy {

            padding-left: 30px;

            border-left: 1px solid rgba(255, 255, 255, 0.22);

        }



        .cf-team-transition-text {

            margin: 0 0 13px;

            color: rgba(255, 255, 255, 0.74);

            font-size: 14px;

            line-height: 1.8;

        }



        .cf-team-transition-statement {

            margin: 20px 0 0;

            color: var(--white);

            font-family: "Cormorant Garamond", serif;

            font-size: 24px;

            font-weight: 700;

            line-height: 1.4;

        }



        /* Organisation structure */



        .cf-team-structure {

            position: relative;

            padding: 50px 0;

            background-color: var(--ivory-white);

        }



        .cf-team-structure-heading {

            max-width: 1060px;

            margin: 0 auto 30px;

            text-align: center;

        }



        .cf-team-structure-heading .cf-team-eyebrow::after {

            width: 38px;

            height: 2px;

            content: "";

            background: linear-gradient(

                90deg,

                var(--vibrant-violet),

                var(--deep-purple)

            );

        }



        .cf-team-structure-subtitle {

            margin: 17px 0 0;

            color: var(--text-muted);

            line-height: 1.82;

        }



        .cf-team-structure-map {

            position: relative;

            display: grid;

            gap: 18px;

            max-width: 1080px;

            margin: 0 auto;

        }



        .cf-team-layer {

            position: relative;

            display: grid;

            grid-template-columns: 220px minmax(0, 1fr);

            overflow: hidden;

            border: 1px solid rgba(78, 57, 123, 0.10);

            border-radius: var(--radius-lg);

            background-color: var(--white);

            box-shadow: var(--shadow-card);

        }



        .cf-team-layer + .cf-team-layer::before {

            position: absolute;

            top: -19px;

            left: 50%;

            width: 2px;

            height: 19px;

            content: "";

            background-color: var(--vibrant-violet);

        }



        .cf-team-layer-heading {

            display: flex;

            flex-direction: column;

            justify-content: center;

            padding: 28px;

            color: var(--white);

            background:

                linear-gradient(

                    135deg,

                    var(--deep-purple),

                    var(--soft-lavender)

                );

        }



        .cf-team-layer-number {

            display: block;

            margin-bottom: 6px;

            color: rgba(255, 255, 255, 0.64);

            font-size: 10px;

            font-weight: 700;

            letter-spacing: 1.4px;

            text-transform: uppercase;

        }



        .cf-team-layer-title {

            margin: 0;

            font-family: "Cormorant Garamond", serif;

            font-size: 25px;

            font-weight: 700;

            line-height: 1.15;

        }



        .cf-team-layer-content {

            display: grid;

            grid-template-columns: repeat(3, minmax(0, 1fr));

            gap: 12px;

            padding: 22px;

        }



        .cf-team-layer-role {

            display: flex;

            min-height: 90px;

            align-items: center;

            gap: 12px;

            padding: 15px;

            border: 1px solid rgba(78, 57, 123, 0.09);

            border-radius: 13px;

            color: var(--charcoal-plum);

            background-color: var(--mist-lavender);

            font-size: 11px;

            font-weight: 700;

            line-height: 1.45;

        }



        .cf-team-layer-role i {

            display: inline-flex;

            width: 35px;

            height: 35px;

            flex: 0 0 35px;

            align-items: center;

            justify-content: center;

            border-radius: 10px;

            color: var(--white);

            background-color: var(--deep-purple);

            font-size: 15px;

        }



        .cf-team-structure-note {

            max-width: 800px;

            margin: 30px auto 0;

            color: var(--deep-purple);

            font-family: "Cormorant Garamond", serif;

            font-size: 23px;

            font-weight: 700;

            line-height: 1.4;

            text-align: center;

        }



        /* Strategy to street */



        .cf-team-delivery {

            position: relative;

            padding: 50px 0;

            background-color: #e7e7e7;

        }



        .cf-team-delivery-heading {

            display: grid;

            grid-template-columns: 0.8fr 1.2fr;

            gap: 60px;

            align-items: end;

            margin-bottom: 40px;

        }



        .cf-team-delivery-copy p {

            margin: 0 0 12px;

            color: var(--text-muted);

            font-size: 16px;

            line-height: 1.8;

        }



        .cf-team-delivery-steps {

            display: grid;

            grid-template-columns: repeat(5, minmax(0, 1fr));

            gap: 14px;

        }



        .cf-team-delivery-step {

            position: relative;

            min-height: 215px;

            padding: 25px 20px;

            overflow: hidden;

            border: 1px solid rgba(78, 57, 123, 0.10);

            border-radius: var(--radius-md);

            background-color: var(--ivory-white);

            box-shadow: var(--shadow-card);

        }



        .cf-team-delivery-step::before {

            position: absolute;

            top: 0;

            right: 0;

            left: 0;

            height: 4px;

            content: "";

            background: linear-gradient(

                90deg,

                var(--deep-purple),

                var(--vibrant-violet)

            );

        }



        .cf-team-delivery-icon {

            display: inline-flex;

            width: 52px;

            height: 52px;

            align-items: center;

            justify-content: center;

            margin-bottom: 20px;

            border-radius: 15px;

            color: var(--white);

            background: linear-gradient(

                135deg,

                var(--deep-purple),

                var(--vibrant-violet)

            );

            box-shadow: 0 12px 25px rgba(78, 57, 123, 0.20);

            font-size: 21px;

        }



        .cf-team-delivery-text {

            margin: 0;

            color: var(--charcoal-plum);

            font-size: 15px;

            font-weight: 700;

            line-height: 1.4;

        }



        .cf-team-delivery-closing {

            margin: 28px 0 0;

            padding: 25px;

            border-left: 4px solid var(--vibrant-violet);

            border-radius: 0 var(--radius-md) var(--radius-md) 0;

            color: var(--charcoal-plum);

            background-color: var(--mist-lavender);

            font-size: 17px;

            font-weight: 700;

            line-height: 1.45;

        }



        /* Senior management */



        .cf-team-management {

            position: relative;

            padding: 95px 0;

            background:

                radial-gradient(

                    circle at 100% 0,

                    rgba(139, 116, 181, 0.14),

                    transparent 31%

                ),

                linear-gradient(

                    135deg,

                    var(--mist-lavender),

                    var(--ivory-white)

                );

        }



        .cf-team-management-heading {

            display: grid;

            grid-template-columns: 0.72fr 1.28fr;

            gap: 60px;

            align-items: end;

            margin-bottom: 42px;

        }



        .cf-team-management-grid {

            display: grid;

            grid-template-columns: repeat(2, minmax(0, 1fr));

            gap: 20px;

        }



        .cf-team-management-card {

            display: grid;

            grid-template-columns: 190px minmax(0, 1fr);

            overflow: hidden;

            border: 1px solid rgba(78, 57, 123, 0.10);

            border-radius: var(--radius-lg);

            background-color: var(--white);

            box-shadow: var(--shadow-card);

            transition:

                box-shadow 0.35s ease,

                transform 0.35s ease;

        }



        .cf-team-management-card:hover {

            box-shadow: var(--shadow-soft);

            transform: translateY(-5px);

        }



        .cf-team-management-image-wrap {

            position: relative;

            min-height: 390px;

            overflow: hidden;

            background-color: var(--deep-purple);

        }



        .cf-team-management-image {

            width: 100%;

            height: 100%;

            min-height: 390px;

            object-fit: cover;

            object-position: center;

            transition: transform 0.55s ease;

        }



        .cf-team-management-card:hover .cf-team-management-image {

            transform: scale(1.045);

        }



        .cf-team-management-content {

            position: relative;

            padding: 27px;

        }



        .cf-team-management-content::before {

            position: absolute;

            top: 0;

            right: 0;

            left: 0;

            height: 4px;

            content: "";

            background: linear-gradient(

                90deg,

                var(--deep-purple),

                var(--vibrant-violet)

            );

        }



        .cf-team-management-name {

            margin: 0 0 5px;

            color: var(--charcoal-plum);

            font-family: "Cormorant Garamond", serif;

            font-size: 27px;

            font-weight: 700;

            line-height: 1.1;

        }



        .cf-team-management-role {

            display: block;

            margin-bottom: 17px;

            color: var(--soft-lavender);

            font-size: 10px;

            font-weight: 700;

            letter-spacing: 0.8px;

            line-height: 1.5;

            text-transform: uppercase;

        }



        .cf-team-management-text {

            margin: 0;

            color: var(--text-muted);

            font-size: 12px;

            line-height: 1.78;

        }



        /* Wider team */



        .cf-team-wider {

            position: relative;

            padding: 50px 0;

            overflow: hidden;

            background:

                linear-gradient(

                    135deg,

                    var(--charcoal-plum),

                    var(--deep-purple)

                );

        }



        .cf-team-wider-row {

            align-items: center;

            --bs-gutter-x: 65px;

        }



        .cf-team-wider .cf-team-eyebrow {

            color: rgba(255, 255, 255, 0.66);

        }



        .cf-team-wider .cf-team-eyebrow::before {

            background: var(--vibrant-violet);

        }



        .cf-team-wider-title {

            margin: 0 0 21px;

            color: var(--white);

            font-family: "Cormorant Garamond", serif;

            font-size: 43px;

            font-weight: 600;

            line-height: 1.05;

        }



        .cf-team-wider-title span {

            color: #D8CAEB;

        }



        .cf-team-wider-text {

            margin: 0 0 15px;

            color: rgba(255, 255, 255, 0.73);

            font-size: 14px;

            line-height: 1.82;

        }



        .cf-team-wider-highlight {

            margin: 24px 0 0;

            padding-left: 20px;

            border-left: 4px solid var(--vibrant-violet);

            color: var(--white);

            font-family: "Cormorant Garamond", serif;

            font-size: 25px;

            font-weight: 700;

            line-height: 1.4;

        }



        .cf-team-wider-collage {

            display: grid;

            grid-template-columns: repeat(12, 1fr);

            grid-template-rows: repeat(2, 205px);

            gap: 12px;

        }



        .cf-team-wider-photo {

            position: relative;

            overflow: hidden;

            border: 5px solid rgba(255, 255, 255, 0.10);

            border-radius: 18px;

            box-shadow: var(--deep-shadow);

        }



        .cf-team-wider-photo:nth-child(1) {

            grid-column: 1 / 8;

            grid-row: 1;

        }



        .cf-team-wider-photo:nth-child(2) {

            grid-column: 8 / 13;

            grid-row: 1;

        }



        .cf-team-wider-photo:nth-child(3) {

            grid-column: 1 / 6;

            grid-row: 2;

        }



        .cf-team-wider-photo:nth-child(4) {

            grid-column: 6 / 13;

            grid-row: 2;

        }



        .cf-team-wider-image {

            width: 100%;

            height: 100%;

            object-fit: cover;

            transition: transform 0.55s ease;

        }



        .cf-team-wider-photo:hover .cf-team-wider-image {

            transform: scale(1.06);

        }



        /* CTA */



        .cf-team-cta {

            position: relative;

            padding: 50px 0;

            background:

                radial-gradient(

                    circle at 15% 0,

                    rgba(139, 116, 181, 0.15),

                    transparent 30%

                ),

                var(--ivory-white);

        }



        .cf-team-cta-card {

            position: relative;

            max-width: 1040px;

            margin: 0 auto;

            padding: 52px;

            overflow: hidden;

            border: 1px solid rgba(78, 57, 123, 0.10);

            border-radius: var(--radius-xl);

            background-color: var(--white);

            box-shadow: var(--shadow-soft);

            text-align: center;

        }



        .cf-team-cta-card::before {

            position: absolute;

            top: 0;

            right: 0;

            left: 0;

            height: 6px;

            content: "";

            background: linear-gradient(

                90deg,

                var(--deep-purple),

                var(--vibrant-violet)

            );

        }



        .cf-team-cta-icon {

            display: inline-flex;

            width: 68px;

            height: 68px;

            align-items: center;

            justify-content: center;

            margin-bottom: 23px;

            border-radius: 50%;

            color: var(--white);

            background: linear-gradient(

                135deg,

                var(--deep-purple),

                var(--vibrant-violet)

            );

            box-shadow: 0 15px 34px rgba(78, 57, 123, 0.22);

            font-size: 27px;

        }



        .cf-team-cta-title {

            max-width: 760px;

            margin: 0 auto 16px;

            color: var(--charcoal-plum);

            font-family: "Cormorant Garamond", serif;

            font-size: 43px;

            font-weight: 700;

            line-height: 1.08;

        }



        .cf-team-cta-text {

            max-width: 690px;

            margin: 0 auto 27px;

            color: var(--text-muted);

            line-height: 1.82;

        }



        .cf-team-cta-actions {

            display: flex;

            flex-wrap: wrap;

            gap: 12px;

            justify-content: center;

        }



        .cf-team-cta-button {

            display: inline-flex;

            min-height: 50px;

            align-items: center;

            justify-content: center;

            padding: 14px 24px;

            border: 1px solid var(--deep-purple);

            border-radius: 8px;

            color: var(--white);

            background-color: var(--deep-purple);

            font-size: 11px;

            font-weight: 700;

            letter-spacing: 0.8px;

            text-transform: uppercase;

            transition:

                color 0.3s ease,

                background-color 0.3s ease,

                transform 0.3s ease;

        }



        .cf-team-cta-button:hover {

            color: var(--white);

            background-color: var(--vibrant-violet);

            transform: translateY(-3px);

        }



        .cf-team-cta-button-outline {

            color: var(--deep-purple);

            background-color: transparent;

        }



        .cf-team-cta-button-outline:hover {

            color: var(--white);

        }



        /* Responsive */



        @media (max-width: 1199.98px) {

            .cf-team-hero-row {

                --bs-gutter-x: 45px;

            }



            .cf-team-delivery-steps {

                grid-template-columns: repeat(3, minmax(0, 1fr));

            }



            .cf-team-delivery-step:nth-child(4),

            .cf-team-delivery-step:nth-child(5) {

                grid-column: span 1;

            }

        }



        @media (max-width: 991.98px) {

            .cf-team-hero {

                padding: 75px 0;

            }



            .cf-team-hero-row {

                --bs-gutter-y: 50px;

            }



            .cf-team-founder-card {

                grid-template-columns: 1fr;

            }



            .cf-team-founder-image-wrap,

            .cf-team-founder-image {

                min-height: 540px;

            }



            .cf-team-directors-heading,

            .cf-team-transition-layout,

            .cf-team-delivery-heading,

            .cf-team-management-heading {

                grid-template-columns: 1fr;

                gap: 25px;

            }



            .cf-team-transition-copy {

                padding-top: 24px;

                padding-left: 0;

                border-top: 1px solid rgba(255, 255, 255, 0.20);

                border-left: 0;

            }



            .cf-team-layer {

                grid-template-columns: 1fr;

            }



            .cf-team-layer-content {

                grid-template-columns: repeat(3, minmax(0, 1fr));

            }



            .cf-team-management-grid {

                grid-template-columns: 1fr;

            }



            .cf-team-wider-row {

                --bs-gutter-y: 45px;

            }

        }



        @media (max-width: 767.98px) {

            .cf-team-founder,

            .cf-team-directors,

            .cf-team-structure,

            .cf-team-delivery,

            .cf-team-management,

            .cf-team-wider {

                padding: 70px 0;

            }



            .cf-team-directors-feature {

                grid-template-columns: 1fr;

            }



            .cf-team-director-card,

            .cf-team-director-image {

                min-height: 590px;

            }



            .cf-team-layer-content {

                grid-template-columns: 1fr 1fr;

            }



            .cf-team-delivery-steps {

                grid-template-columns: repeat(2, minmax(0, 1fr));

            }



            .cf-team-delivery-step:last-child {

                grid-column: 1 / -1;

            }

        }



        @media (max-width: 575.98px) {

            .cf-team-hero {

                padding: 62px 0 75px;

            }



            .cf-team-hero-title {

                font-size: 47px;

            }



            .cf-team-hero-subtitle {

                padding-left: 15px;

                font-size: 21px;

            }



            .cf-team-hero-mosaic {

                grid-template-columns: 1fr 1fr;

                grid-template-rows: 250px 165px;

                padding: 10px;

            }



            .cf-team-hero-mosaic-item:first-child {

                grid-column: 1 / 3;

                grid-row: 1;

            }



            .cf-team-hero-count {

                right: -6px;

                bottom: -38px;

                width: 118px;

                height: 118px;

                border-width: 5px;

            }



            .cf-team-hero-count strong {

                font-size: 38px;

            }



            .cf-team-section-title,

            .cf-team-transition-title,

            .cf-team-cta-title {

                font-size: 40px;

            }



            .cf-team-founder-card,

            .cf-team-cta-card {

                border-radius: var(--radius-lg);

            }



            .cf-team-founder-image-wrap,

            .cf-team-founder-image {

                min-height: 430px;

            }



            .cf-team-founder-content {

                padding: 34px 23px;

            }



            .cf-team-founder-name {

                font-size: 35px;

            }



            .cf-team-founder-text,

            .cf-team-section-text,

            .cf-team-directors-text,

            .cf-team-transition-text,

            .cf-team-wider-text {

                font-size: 13px;

                line-height: 1.78;

            }



            .cf-team-director-card,

            .cf-team-director-image {

                min-height: 540px;

            }



            .cf-team-director-overlay {

                padding: 27px 22px;

            }



            .cf-team-layer-content,

            .cf-team-delivery-steps {

                grid-template-columns: 1fr;

            }



            .cf-team-delivery-step,

            .cf-team-delivery-step:last-child {

                grid-column: auto;

                min-height: auto;

            }



            .cf-team-management-card {

                grid-template-columns: 1fr;

            }



            .cf-team-management-image-wrap,

            .cf-team-management-image {

                min-height: 370px;

            }



            .cf-team-wider-collage {

                grid-template-columns: 1fr 1fr;

                grid-template-rows: repeat(2, 175px);

            }



            .cf-team-wider-photo:nth-child(1),

            .cf-team-wider-photo:nth-child(2),

            .cf-team-wider-photo:nth-child(3),

            .cf-team-wider-photo:nth-child(4) {

                grid-column: auto;

                grid-row: auto;

            }



            .cf-team-cta {

                padding: 65px 0;

            }



            .cf-team-cta-card {

                padding: 40px 23px;

            }



            .cf-team-cta-actions {

                flex-direction: column;

            }



            .cf-team-cta-button {

                width: 100%;

            }

        }

		

 /* Button Style */

 .cf-button-demo {

            width: min(1120px, 100%);

            margin: 0 auto;

            padding: 52px;

            border: 1px solid rgba(78, 57, 123, 0.10);

            border-radius: var(--radius-lg);

            background-color: rgba(255, 255, 255, 0.92);

            box-shadow: var(--shadow-card);

        }



        .cf-button-demo-title {

            margin: 0 0 12px;

            color: var(--charcoal-plum);

            font-size: 38px;

            font-weight: 700;

            line-height: 1.2;

            text-align: center;

        }



        .cf-button-demo-description {

            max-width: 650px;

            margin: 0 auto 40px;

            color: var(--text-muted);

            font-size: 15px;

            line-height: 1.7;

            text-align: center;

        }



        .cf-button-grid {

            display: grid;

            grid-template-columns: repeat(2, minmax(0, 1fr));

            gap: 22px;

        }



        .cf-button-card {

            display: flex;

            min-height: 150px;

            align-items: center;

            justify-content: center;

            padding: 28px;

            border: 1px solid rgba(78, 57, 123, 0.08);

            border-radius: var(--radius-md);

            background-color: var(--white);

        }



        .cf-buttonone,

        .cf-buttontwo,

        .cf-buttonthree,

        .cf-buttonfour,

        .cf-buttonfive,

        .cf-buttonsix,

        .cf-buttonseven,

        .cf-buttoneight,

        .cf-buttonnine,

        .cf-buttonten {

            position: relative;

            display: inline-flex;

            min-height: 54px;

            align-items: center;

            justify-content: center;

            padding: 16px 29px;

            overflow: hidden;

            font-family: "Manrope", sans-serif;

            font-size: 14px;

            font-weight: 600;

            letter-spacing: 0.2px;

            line-height: 1;

            text-decoration: none;

            transition:

                color 0.3s ease,

                border-color 0.3s ease,

                background-color 0.3s ease,

                box-shadow 0.3s ease,

                transform 0.3s ease;

        }



        .cf-buttonone:focus-visible,

        .cf-buttontwo:focus-visible,

        .cf-buttonthree:focus-visible,

        .cf-buttonfour:focus-visible,

        .cf-buttonfive:focus-visible,

        .cf-buttonsix:focus-visible,

        .cf-buttonseven:focus-visible,

        .cf-buttoneight:focus-visible,

        .cf-buttonnine:focus-visible,

        .cf-buttonten:focus-visible {

            outline: 3px solid rgba(139, 116, 181, 0.34);

            outline-offset: 4px;

        }



        /* Option 1: Classic solid */

        .cf-buttonone {

            border: 1px solid var(--deep-purple);

            border-radius: 7px;

            color: var(--white);

            background-color: var(--deep-purple);

            box-shadow: 0 12px 28px rgba(78, 57, 123, 0.20);

        }



        .cf-buttonone:hover {

            color: var(--deep-purple);

            background-color: var(--white);

            transform: translateY(-3px);

        }



        /* Option 2: White background with purple border */

        .cf-buttontwo {

            border: 1px solid var(--deep-purple);

            border-radius: 7px;

            color: var(--deep-purple);

            background-color: var(--white);

        }



        .cf-buttontwo:hover {

            color: var(--white);

            background-color: var(--deep-purple);

            box-shadow: 0 14px 30px rgba(78, 57, 123, 0.18);

            transform: translateY(-3px);

        }

		

		.apni-kutir-box .cf-buttontwo:hover{color:var(--deep-purple); background-color: var(--white);}



        /* Option 3: Soft lavender */

        .cf-buttonthree {

            border: 1px solid rgba(78, 57, 123, 0.12);

            border-radius: 8px;

            color: var(--deep-purple);

            background-color: var(--mist-lavender);

            box-shadow: 0 10px 24px rgba(78, 57, 123, 0.08);

        }



        .cf-buttonthree:hover {

            border-color: var(--vibrant-violet);

            color: var(--white);

            background-color: var(--vibrant-violet);

            transform: translateY(-3px);

        }



        /* Option 4: Purple gradient */

        .cf-buttonfour {

            min-height: 58px;

            padding-right: 34px;

            padding-left: 34px;

            border: 0;

            border-radius: 9px;

            color: var(--white);

            background:

                linear-gradient(

                    135deg,

                    var(--deep-purple),

                    var(--vibrant-violet)

                );

            box-shadow: 0 15px 34px rgba(78, 57, 123, 0.23);

        }



        .cf-buttonfour:hover {

            color: var(--white);

            box-shadow: 0 20px 42px rgba(78, 57, 123, 0.30);

            transform: translateY(-4px);

        }



        /* Option 5: Rounded pill */

        .cf-buttonfive {

            border: 1px solid var(--soft-lavender);

            border-radius: 50px;

            color: var(--white);

            background-color: var(--soft-lavender);

            box-shadow: 0 12px 28px rgba(107, 85, 156, 0.20);

        }



        .cf-buttonfive:hover {

            border-color: var(--deep-purple);

            background-color: var(--deep-purple);

            transform: translateY(-3px);

        }



        /* Option 6: White pill with purple border */

        .cf-buttonsix {

            border: 1px solid var(--vibrant-violet);

            border-radius: 50px;

            color: var(--deep-purple);

            background-color: var(--white);

            box-shadow: 0 10px 24px rgba(78, 57, 123, 0.08);

        }



        .cf-buttonsix:hover {

            color: var(--white);

            background-color: var(--vibrant-violet);

            box-shadow: 0 15px 32px rgba(78, 57, 123, 0.18);

            transform: translateY(-3px);

        }



        /* Option 7: Double border */

        .cf-buttonseven {

            border: 2px solid var(--white);

            border-radius: 8px;

            color: var(--white);

            background-color: var(--deep-purple);

            box-shadow:

                0 0 0 2px var(--deep-purple),

                0 14px 30px rgba(78, 57, 123, 0.18);

        }



        .cf-buttonseven:hover {

            color: var(--deep-purple);

            background-color: var(--white);

            transform: translateY(-3px);

        }



        /* Option 8: Animated fill */

        .cf-buttoneight {

            z-index: 1;

            border: 1px solid var(--deep-purple);

            border-radius: 7px;

            color: var(--deep-purple);

            background-color: var(--white);

        }



        .cf-buttoneight::before {

            position: absolute;

            inset: 0;

            z-index: -1;

            content: "";

            background-color: var(--deep-purple);

            transform: scaleX(0);

            transform-origin: left;

            transition: transform 0.35s ease;

        }



        .cf-buttoneight:hover {

            color: var(--white);

            box-shadow: 0 14px 30px rgba(78, 57, 123, 0.17);

            transform: translateY(-3px);

        }



        .cf-buttoneight:hover::before {

            transform: scaleX(1);

        }



        /* Option 9: Minimal underline */

        .cf-buttonnine {

            min-height: auto;

            padding: 12px 2px;

            border: 0;

            border-bottom: 2px solid var(--deep-purple);

            color: var(--deep-purple);

            background-color: transparent;

        }



        .cf-buttonnine::after {

            position: absolute;

            right: 0;

            bottom: -2px;

            left: 0;

            height: 2px;

            content: "";

            background-color: var(--vibrant-violet);

            transform: scaleX(0);

            transform-origin: right;

            transition: transform 0.3s ease;

        }



        .cf-buttonnine:hover {

            color: var(--vibrant-violet);

            transform: translateY(-2px);

        }



        .cf-buttonnine:hover::after {

            transform: scaleX(1);

            transform-origin: left;

        }



        /* Option 10: Premium framed button */

        .cf-buttonten {

            min-height: 58px;

            padding-right: 34px;

            padding-left: 34px;

            border: 1px solid rgba(78, 57, 123, 0.28);

            border-radius: 10px;

            color: var(--deep-purple);

            background:

                linear-gradient(

                    180deg,

                    var(--white),

                    var(--mist-lavender)

                );

            box-shadow:

                inset 0 0 0 4px var(--white),

                0 12px 28px rgba(78, 57, 123, 0.11);

        }



        .cf-buttonten:hover {

            border-color: var(--deep-purple);

            color: var(--white);

            background:

                linear-gradient(

                    135deg,

                    var(--deep-purple),

                    var(--soft-lavender)

                );

            box-shadow:

                inset 0 0 0 4px rgba(255, 255, 255, 0.18),

                0 18px 36px rgba(78, 57, 123, 0.22);

            transform: translateY(-3px);

        }



        @media (max-width: 767.98px) {

            .cf-button-demo {

                padding: 36px 22px;

            }



            .cf-button-grid {

                grid-template-columns: 1fr;

            }



            .cf-button-demo-title {

                font-size: 30px;

            }

        }



        @media (max-width: 575.98px) {

            body {

                padding: 40px 14px;

            }



            .cf-button-card {

                min-height: 125px;

                padding: 22px 15px;

            }



            .cf-buttonone,

            .cf-buttontwo,

            .cf-buttonthree,

            .cf-buttonfour,

            .cf-buttonfive,

            .cf-buttonsix,

            .cf-buttonseven,

            .cf-buttoneight,

            .cf-buttonten {

                width: 100%;

            }

        }

 

.cf-colorbtn{background-color:var(--deep-purple); color:#fff;} 

.cf-buttontwo.marginbtmcusone{margin-bottom:2rem;}



.change-section .change-text{max-width:100%; width:100%;} 

.cf-buttontwo.margintopcusone{margin-top:0.8rem;}

.smallheightcls{min-height:140px;}

.impact-content .cf-buttontwo{width:181px;}



.change-section.engagesection .whowe-image{height:370px;}

.change-section.engagesection{padding-top:50px;}

.change-section.engagesection .change-title{padding-top:2.5rem;}



.pathway-cus-section {

            position: relative;

            width: 100%;

            padding: 50px 0;

            overflow: hidden;

            background-color: #f4f0e7;

        }



        .pathway-cus-heading-wrap {

            max-width: 780px;

            margin: 0 auto 48px;

            text-align: center;

        }



        .pathway-cus-subtitle {

            display: block;

            margin-bottom: 14px;

            color: #a2463d;

            font-size: 13px;

            font-weight: 700;

            line-height: 1.4;

            letter-spacing: 2.5px;

            text-transform: uppercase;

        }



        .pathway-cus-heading {

            margin: 0 0 18px;

            color: #243629;

            font-size: 48px;

            font-weight: 700;

            line-height: 1.12;

        }



        .pathway-cus-intro {

            margin: 0;

            color: #5f665f;

            font-size: 17px;

            line-height: 1.8;

        }



        .pathway-cus-grid {

            --bs-gutter-x: 24px;

            --bs-gutter-y: 24px;

        }



        .pathway-cus-card {

            position: relative;

            min-height: 470px;

            overflow: hidden;

            isolation: isolate;

            background-position: center;

            background-repeat: no-repeat;

            background-size: cover;

        }



        .pathway-cus-card::before {

            position: absolute;

            inset: 0;

            z-index: -1;

            content: "";

            background: linear-gradient(

                180deg,

                rgba(18, 28, 21, 0.28) 0%,

                rgba(18, 28, 21, 0.55) 42%,

                rgba(18, 28, 21, 0.96) 100%

            );

            transition: background 0.4s ease;

        }



        .pathway-cus-card::after {

            position: absolute;

            inset: 0;

            z-index: -2;

            content: "";

            background: inherit;

            background-position: center;

            background-size: cover;

            transition: transform 0.7s ease;

        }



        .pathway-cus-card:hover::after {

            transform: scale(1.07);

        }



        .pathway-cus-card:hover::before {

            background: linear-gradient(

                180deg,

                rgba(18, 28, 21, 0.38) 0%,

                rgba(18, 28, 21, 0.66) 42%,

                rgba(18, 28, 21, 0.98) 100%

            );

        }



        .pathway-cus-card-red::before {

            background: linear-gradient(

                180deg,

                rgba(117, 29, 37, 0.28) 0%,

                rgba(117, 29, 37, 0.62) 44%,

                rgba(88, 21, 28, 0.97) 100%

            );

        }



        .pathway-cus-card-red:hover::before {

            background: linear-gradient(

                180deg,

                rgba(117, 29, 37, 0.4) 0%,

                rgba(117, 29, 37, 0.72) 44%,

                rgba(88, 21, 28, 0.99) 100%

            );

        }



        .pathway-cus-card-green::before {

            background: linear-gradient(

                180deg,

                rgba(28, 76, 56, 0.28) 0%,

                rgba(28, 76, 56, 0.64) 44%,

                rgba(19, 57, 41, 0.98) 100%

            );

        }



        .pathway-cus-card-green:hover::before {

            background: linear-gradient(

                180deg,

                rgba(28, 76, 56, 0.4) 0%,

                rgba(28, 76, 56, 0.74) 44%,

                rgba(19, 57, 41, 1) 100%

            );

        }



        .pathway-cus-card-gold::before {

            background: linear-gradient(

                180deg,

                rgba(121, 76, 27, 0.28) 0%,

                rgba(121, 76, 27, 0.64) 44%,

                rgba(77, 48, 19, 0.98) 100%

            );

        }



        .pathway-cus-card-content {

            position: relative;

            z-index: 2;

            min-height: 470px;

            display: flex;

            flex-direction: column;

            justify-content: flex-end;

            padding: 48px 44px;

        }



        .pathway-cus-number {

            position: absolute;

            top: 42px;

            left: 42px;

            color: rgba(255, 255, 255, 0.22);

            font-size: 82px;

            font-weight: 700;

            line-height: 1;

            letter-spacing: -4px;

        }



        .pathway-cus-title {

            margin: 0 0 10px;

            color: #ffffff;

            font-size: 37px;

            font-weight: 700;

            line-height: 1.15;

        }



        .pathway-cus-tagline {

            margin: 0 0 16px;

            color: #ffffff;

            font-size: 18px;

            font-weight: 600;

            line-height: 1.5;

        }



        .pathway-cus-description {

            max-width: 580px;

            margin: 0 0 25px;

            color: rgba(255, 255, 255, 0.88);

            font-size: 15px;

            line-height: 1.75;

        }



        .pathway-cus-programmes {

            display: block;

            margin-top: 7px;

            color: #ffffff;

            font-weight: 700;

        }



        .pathway-cus-button {

            width: fit-content;

            display: inline-flex;

            align-items: center;

            gap: 12px;

            padding: 13px 0 8px;

            border-bottom: 1px solid rgba(255, 255, 255, 0.65);

            color: #ffffff;

            font-size: 13px;

            font-weight: 700;

            line-height: 1.4;

            letter-spacing: 1.2px;

            text-decoration: none;

            text-transform: uppercase;

            transition: all 0.3s ease;

        }



        .pathway-cus-button span {

            display: inline-block;

            font-size: 19px;

            line-height: 1;

            transition: transform 0.3s ease;

        }



        .pathway-cus-button:hover {

            border-bottom-color: #ffffff;

            color: #ffffff;

        }



        .pathway-cus-button:hover span {

            transform: translateX(7px);

        }



        .pathway-cus-wide-card {

            min-height: 470px;

            background-position: center 38%;

        }



        .pathway-cus-wide-card .pathway-cus-card-content {

            min-height: 470px;

            max-width: 800px;

        }



        .pathway-cus-wide-card .pathway-cus-description {

            max-width: 720px;

        }



        @media (max-width: 991.98px) {

            .pathway-cus-section {

                padding: 70px 0;

            }



            .pathway-cus-heading {

                font-size: 41px;

            }



            .pathway-cus-card,

            .pathway-cus-card-content,

            .pathway-cus-wide-card,

            .pathway-cus-wide-card .pathway-cus-card-content {

                min-height: 500px;

            }



            .pathway-cus-card-content {

                padding: 40px 34px;

            }



            .pathway-cus-number {

                top: 35px;

                left: 34px;

                font-size: 70px;

            }



            .pathway-cus-title {

                font-size: 32px;

            }

        }



        @media (max-width: 767.98px) {

            .pathway-cus-section {

                padding: 55px 0;

            }



            .pathway-cus-heading-wrap {

                margin-bottom: 35px;

                text-align: left;

            }



            .pathway-cus-heading {

                font-size: 35px;

            }



            .pathway-cus-intro {

                font-size: 16px;

                line-height: 1.7;

            }



            .pathway-cus-card,

            .pathway-cus-card-content,

            .pathway-cus-wide-card,

            .pathway-cus-wide-card .pathway-cus-card-content {

                min-height: 480px;

            }



            .pathway-cus-card-content {

                padding: 34px 26px;

            }



            .pathway-cus-number {

                top: 28px;

                left: 25px;

                font-size: 62px;

            }



            .pathway-cus-title {

                font-size: 29px;

            }



            .pathway-cus-tagline {

                font-size: 17px;

            }



            .pathway-cus-description {

                font-size: 14px;

                line-height: 1.7;

            }

        }



        @media (max-width: 480px) {

            .pathway-cus-heading {

                font-size: 31px;

            }



            .pathway-cus-card,

            .pathway-cus-card-content,

            .pathway-cus-wide-card,

            .pathway-cus-wide-card .pathway-cus-card-content {

                min-height: 510px;

            }

        }





/* Testimonials */

/* =====================================

           Voices Testimonials Section

        ===================================== */



        .voices-cus-section {

            position: relative;

            width: 100%;

            padding: 50px 0;

            overflow: hidden;

            background-image:

                linear-gradient(

                    90deg,

                    rgba(46, 34, 56, 0.93) 0%,

                    rgba(78, 57, 123, 0.88) 45%,

                    rgba(107, 85, 156, 0.78) 100%

                ),

                url("https://symmetrixsys.in/staging/cf/images/ak-banner-img02.jpg");

            background-position: center;

            background-repeat: no-repeat;

            background-size: cover;

        }



        .voices-cus-section::before {

            position: absolute;

            inset: 0;

            content: "";

            pointer-events: none;

            background:

                radial-gradient(

                    circle at 90% 15%,

                    rgba(255, 255, 255, 0.16),

                    transparent 25%

                ),

                radial-gradient(

                    circle at 10% 90%,

                    rgba(139, 116, 181, 0.23),

                    transparent 30%

                );

        }



        .voices-cus-section::after {

            position: absolute;

            top: -180px;

            right: -130px;

            width: 420px;

            height: 420px;

            border: 1px solid rgba(255, 255, 255, 0.13);

            border-radius: 50%;

            content: "";

            pointer-events: none;

        }



        .voices-cus-container {

            position: relative;

            z-index: 2;

        }



        /* Heading */



        .voices-cus-heading-row {

            margin-bottom: 36px;

            align-items: flex-end;

        }



        .voices-cus-eyebrow {

            display: inline-flex;

            align-items: center;

            gap: 11px;

            margin-bottom: 12px;

            color: rgba(255, 255, 255, 0.82);

            font-size: 12px;

            font-weight: 700;

            line-height: 1.4;

            letter-spacing: 2.2px;

            text-transform: uppercase;

        }



       /* .voices-cus-eyebrow::before {

            width: 34px;

            height: 2px;

            content: "";

            background-color: var(--csr-ak-orchid-pink);

        } */



        .voices-cus-heading {

            max-width: 620px;

            margin: 0;

            color: var(--csr-ak-white);

            font-size: 43px;

            font-weight: 700;

            line-height: 1.1;

            letter-spacing: -1px;

        }



        .voices-cus-heading-intro {

            max-width: 590px;

            margin: 0 0 2px auto;

            color: rgba(255, 255, 255, 0.82);

            font-size: 15px;

            line-height: 1.7;

        }



        .voices-cus-heading-intro strong {

            color: var(--csr-ak-white);

            font-weight: 700;

        }



        /* Carousel */



        .voices-cus-carousel-wrap {

            position: relative;

        }



        .voices-cus-carousel .owl-stage {

            display: flex;

        }



        .voices-cus-carousel .owl-item {

            display: flex;

            float: none;

        }



        .voices-cus-slide {

            width: 100%;

            display: flex;

            padding: 7px 3px 0;

        }



        /* Compact horizontal testimonial card */



        .voices-cus-card {

            position: relative;

            width: 100%;

            height: 470px;

            display: flex;

            overflow: hidden;

            border: 1px solid rgba(255, 255, 255, 0.30);

            border-radius: var(--csr-ak-radius-lg);

            background-color: rgba(250, 249, 252, 0.97);

            box-shadow: var(--csr-ak-deep-shadow);

            transition:

                transform 0.35s ease,

                box-shadow 0.35s ease;

        }



        .voices-cus-card:hover {

            box-shadow: 0 35px 90px rgba(46, 34, 56, 0.28);

            transform: translateY(-5px);

        }



        /* Image side */



        .voices-cus-image-wrap {

            position: relative;

            width: 37%;

            min-width: 37%;

            height: 100%;

            overflow: hidden;

            background-color: var(--csr-ak-soft-lavender);

        }



        .voices-cus-image {

            display: block;

            width: 100%;

            height: 100%;

            object-fit: cover;

            object-position: center;

            transition: transform 0.7s ease;

        }



        .voices-cus-card:hover .voices-cus-image {

            transform: scale(1.05);

        }



        .voices-cus-image-wrap::before {

            position: absolute;

            inset: 0;

            z-index: 1;

            content: "";

            background: linear-gradient(

                180deg,

                rgba(46, 34, 56, 0.02) 25%,

                rgba(46, 34, 56, 0.76) 100%

            );

        }



        .voices-cus-image-wrap::after {

            position: absolute;

            top: 24px;

            right: 24px;

            z-index: 2;

            width: 10px;

            height: 52px;

            border-radius: 10px;

            content: "";

            background-color: var(--csr-ak-orchid-pink);

        }



        .voices-cus-image-label {

            position: absolute;

            right: 26px;

            bottom: 25px;

            left: 26px;

            z-index: 2;

            color: var(--csr-ak-white);

            font-size: 11px;

            font-weight: 700;

            line-height: 1.5;

            letter-spacing: 1.5px;

            text-transform: uppercase;

        }



        /* Content side */



        .voices-cus-card-content {

            position: relative;

            width: 63%;

            height: 100%;

            display: flex;

            flex-direction: column;

            padding: 31px 38px 29px;

            overflow: hidden;

        }



        .voices-cus-card-content::after {

            position: absolute;

            top: 0;

            right: 0;

            width: 120px;

            height: 120px;

            border-radius: 0 0 0 100%;

            content: "";

            pointer-events: none;

            background-color: rgba(139, 116, 181, 0.08);

        }



        .voices-cus-content-top {

            position: relative;

            z-index: 2;

            display: flex;

            align-items: flex-start;

            gap: 18px;

            margin-bottom: 12px;

        }



        .voices-cus-quote-mark {

            flex: 0 0 auto;

            height: 43px;

            color: var(--csr-ak-vibrant-violet);

            font-family: Georgia, "Times New Roman", serif;

            font-size: 72px;

            font-weight: 700;

            line-height: 0.8;

        }



        .voices-cus-story-type {

            width: fit-content;

            display: inline-flex;

            margin-top: 2px;

            padding: 7px 13px;

            border-radius: 30px;

            background-color: var(--csr-ak-mist-lavender);

            color: var(--csr-ak-soft-lavender);

            font-size: 10px;

            font-weight: 700;

            line-height: 1.3;

            letter-spacing: 1.3px;

            text-transform: uppercase;

        }



        .voices-cus-card-title {

            position: relative;

            z-index: 2;

            margin: 0 0 13px;

            color: var(--csr-ak-charcoal-plum);

            font-size: 24px;

            font-weight: 700;

            line-height: 1.28;

        }



        .voices-cus-quote {

            position: relative;

            z-index: 2;

            margin: 0 0 18px;

            color: var(--csr-ak-text-muted);

            font-size: 16px;

            font-style: normal;

            line-height: 1.62;

        }



        /* Author */



        .voices-cus-author {

            position: relative;

            z-index: 2;

            margin-top: auto;

            padding-top: 15px;

            border-top: 1px solid rgba(107, 85, 156, 0.18);

        }



        .voices-cus-author::before {

            position: absolute;

            top: -1px;

            left: 0;

            width: 52px;

            height: 3px;

            border-radius: 10px;

            content: "";

            background-color: var(--csr-ak-vibrant-violet);

        }



        .voices-cus-author-name {

            margin: 0 0 2px;

            color: var(--csr-ak-deep-purple);

            font-size: 17px;

            font-weight: 700;

            line-height: 1.35;

        }



        .voices-cus-author-role {

            margin: 0 0 1px;

            color: var(--csr-ak-soft-lavender);

            font-size: 12px;

            font-weight: 700;

            line-height: 1.45;

        }



        .voices-cus-author-location {

            margin: 0;

            color: var(--csr-ak-text-muted);

            font-size: 11px;

            line-height: 1.45;

        }



        /* Side navigation arrows */



        .voices-cus-carousel .owl-nav {

            margin: 0;

        }



        .voices-cus-carousel .owl-nav .owl-prev,

        .voices-cus-carousel .owl-nav .owl-next {

            position: absolute;

            top: 50%;

            width: 50px;

            height: 50px;

            display: flex;

            align-items: center;

            justify-content: center;

            margin: 0;

            border: 1px solid rgba(255, 255, 255, 0.40);

            border-radius: 50%;

            background-color: var(--csr-ak-white);

            color: var(--csr-ak-deep-purple);

            box-shadow: var(--csr-ak-shadow-card);

            transform: translateY(-50%);

            transition:

                background-color 0.3s ease,

                color 0.3s ease,

                transform 0.3s ease;

        }



        .voices-cus-carousel .owl-nav .owl-prev {

            left: -26px;

        }



        .voices-cus-carousel .owl-nav .owl-next {

            right: -26px;

        }



        .voices-cus-carousel .owl-nav .owl-prev:hover,

        .voices-cus-carousel .owl-nav .owl-next:hover {

            background-color: var(--csr-ak-deep-purple);

            color: var(--csr-ak-white);

        }



        .voices-cus-carousel .owl-nav .owl-prev:hover {

            transform: translateY(-50%) translateX(-3px);

        }



        .voices-cus-carousel .owl-nav .owl-next:hover {

            transform: translateY(-50%) translateX(3px);

        }



        .voices-cus-arrow {

            display: block;

            font-size: 25px;

            line-height: 1;

			position:relative;

			top:-2px;

        }



        .voices-cus-carousel .owl-dots {

            display: none;

        }

		

		.voices-cus-carousel-wrap .owl-carousel .owl-stage-outer{padding: 15px 0 5px;}



        @media (max-width: 1399.98px) {

            .voices-cus-carousel .owl-nav button.owl-prev {

                left: -25px;

            }



            .voices-cus-carousel .owl-nav button.owl-next {

                right: -25px;

            }

        }



        @media (max-width: 1199.98px) {

            .voices-cus-card {

                height: 500px;

            }



            .voices-cus-card-content {

                padding: 28px 30px;

            }



            .voices-cus-card-title {

                font-size: 22px;

            }



            .voices-cus-quote {

                font-size: 13px;

                line-height: 1.6;

            }



            .voices-cus-carousel .owl-nav button.owl-prev {

                left: -15px;

            }



            .voices-cus-carousel .owl-nav button.owl-next {

                right: -15px;

            }

        }



        @media (max-width: 991.98px) {

            .voices-cus-section {

                padding: 62px 0 68px;

            }



            .voices-cus-heading-row {

                margin-bottom: 30px;

            }



            .voices-cus-heading {

                margin-bottom: 18px;

                font-size: 39px;

            }



            .voices-cus-heading-intro {

                max-width: 100%;

                margin-left: 0;

            }



            .voices-cus-card {

                height: 520px;

            }



            .voices-cus-image-wrap {

                width: 35%;

                min-width: 35%;

            }



            .voices-cus-card-content {

                width: 65%;

            }

        }



        /* Mobile: card stacks, arrows hidden, dots visible */



        @media (max-width: 767.98px) {

            .voices-cus-section {

                padding: 55px 0 58px;

                background-position: center;

            }



            .voices-cus-heading {

                font-size: 34px;

            }



            .voices-cus-heading-intro {

                font-size: 14px;

                line-height: 1.65;

            }



            .voices-cus-slide {

                padding: 5px 2px 10px;

            }



            .voices-cus-card {

                height: auto;

                display: block;

                border-radius: var(--csr-ak-radius-md);

            }



            .voices-cus-image-wrap {

                width: 100%;

                min-width: 100%;

                height: 220px;

            }



            .voices-cus-card-content {

                width: 100%;

                height: auto;

                padding: 27px 24px 26px;

            }



            .voices-cus-content-top {

                margin-bottom: 10px;

            }



            .voices-cus-quote-mark {

                height: 38px;

                font-size: 65px;

            }



            .voices-cus-card-title {

                margin-bottom: 12px;

                font-size: 21px;

            }



            .voices-cus-quote {

                max-height: 225px;

                margin-bottom: 18px;

                padding-right: 7px;

                overflow-y: auto;

                font-size: 13px;

                line-height: 1.65;

                scrollbar-width: thin;

                scrollbar-color:

                    var(--csr-ak-vibrant-violet)

                    var(--csr-ak-mist-lavender);

            }



            .voices-cus-quote::-webkit-scrollbar {

                width: 4px;

            }



            .voices-cus-quote::-webkit-scrollbar-track {

                background-color: var(--csr-ak-mist-lavender);

            }



            .voices-cus-quote::-webkit-scrollbar-thumb {

                border-radius: 10px;

                background-color: var(--csr-ak-vibrant-violet);

            }



            .voices-cus-carousel .owl-nav {

                display: none !important;

            }



            .voices-cus-carousel .owl-dots {

                display: flex;

                align-items: center;

                justify-content: center;

                gap: 7px;

                margin-top: 21px;

            }



            .voices-cus-carousel .owl-dots .owl-dot {

                width: 9px;

                height: 9px;

                margin: 0;

                padding: 0;

                border: 0;

                border-radius: 50%;

                background-color: rgba(255, 255, 255, 0.42);

                transition:

                    width 0.3s ease,

                    background-color 0.3s ease;

            }



            .voices-cus-carousel .owl-dots .owl-dot span {

                display: none;

            }



            .voices-cus-carousel .owl-dots .owl-dot.active {

                width: 29px;

                border-radius: 10px;

                background-color: var(--csr-ak-white);

            }

        }



        @media (max-width: 480px) {

            .voices-cus-section {

                padding: 48px 0 52px;

            }



            .voices-cus-heading {

                font-size: 30px;

            }



            .voices-cus-image-wrap {

                height: 195px;

            }



            .voices-cus-card-content {

                padding: 24px 20px;

            }

        }





        .barrier-cus-section {

            position: relative;

            width: 100%;

            overflow: hidden;

            background-color: var(--barrier-cus-mist-lavender);

        }



        .barrier-cus-row {

            min-height: 620px;

        }



        .barrier-cus-content-column {

            position: relative;

            display: flex;

            align-items: center;

            padding: 0;

            overflow: hidden;

            background:

                radial-gradient(

                    circle at 10% 10%,

                    rgba(139, 116, 181, 0.2),

                    transparent 30%

                ),

                linear-gradient(

                    135deg,

                    var(--barrier-cus-charcoal-plum) 0%,

                    var(--barrier-cus-deep-purple) 55%,

                    var(--barrier-cus-soft-lavender) 100%

                );

        }



        .barrier-cus-content-column::before {

            position: absolute;

            top: -180px;

            left: -170px;

            width: 430px;

            height: 430px;

            border: 1px solid rgba(255, 255, 255, 0.12);

            border-radius: 50%;

            content: "";

        }



        .barrier-cus-content-column::after {

            position: absolute;

            right: -130px;

            bottom: -230px;

            width: 480px;

            height: 480px;

            border-radius: 50%;

            content: "";

            background-color: rgba(255, 255, 255, 0.05);

        }



        .barrier-cus-content {

            position: relative;

            z-index: 2;

            width: 100%;

            max-width: 760px;

            margin-left: auto;

            padding: 75px 75px 75px 9vw;

        }



        .barrier-cus-title {

            max-width: 680px;

            margin: 0;

            color: var(--barrier-cus-white);

            font-size: 43px;

            font-weight: 700;

            line-height: 1.08;

            letter-spacing: -2px;

        }



        .barrier-cus-text {

            max-width: 610px;

            margin: 28px 0 0;

            color: rgba(255, 255, 255, 0.78);

            font-size: 20px;

            font-weight: 400;

            line-height: 1.65;

        }



        .barrier-cus-text strong {

            color: var(--barrier-cus-white);

            font-weight: 700;

        }



        .barrier-cus-buttons {

            display: flex;

            flex-wrap: wrap;

            gap: 15px;

            margin-top: 34px;

        }



        .barrier-cus-button {

            min-height: 54px;

            display: inline-flex;

            align-items: center;

            justify-content: center;

            padding: 15px 28px;

            border: 1px solid transparent;

            border-radius: 50px;

            font-size: 12px;

            font-weight: 700;

            line-height: 1.3;

            letter-spacing: 1.2px;

            text-decoration: none;

            transition:

                transform 0.3s ease,

                background-color 0.3s ease,

                border-color 0.3s ease,

                color 0.3s ease;

        }



        .barrier-cus-button-primary {

            background-color: var(--barrier-cus-white);

            color: var(--barrier-cus-deep-purple);

        }



        .barrier-cus-button-primary:hover {

            background-color: var(--barrier-cus-mist-lavender);

            color: var(--barrier-cus-deep-purple);

            transform: translateY(-3px);

        }



        .barrier-cus-button-secondary {

            border-color: rgba(255, 255, 255, 0.46);

            background-color: rgba(255, 255, 255, 0.06);

            color: var(--barrier-cus-white);

        }



        .barrier-cus-button-secondary:hover {

            border-color: var(--barrier-cus-white);

            background-color: var(--barrier-cus-white);

            color: var(--barrier-cus-deep-purple);

            transform: translateY(-3px);

        }



        .barrier-cus-tagline {

            position: relative;

            margin: 36px 0 0;

            padding-left: 23px;

            color: var(--barrier-cus-white);

            font-family: Georgia, "Times New Roman", serif;

            font-size: 23px;

            font-style: italic;

            line-height: 1.5;

        }



        .barrier-cus-tagline::before {

            position: absolute;

            top: 5px;

            bottom: 5px;

            left: 0;

            width: 3px;

            border-radius: 20px;

            content: "";

            background-color: var(--barrier-cus-vibrant-violet);

        }



        .barrier-cus-image-column {

            position: relative;

            min-height: 620px;

            padding: 0;

            overflow: hidden;

        }



        .barrier-cus-image {

            display: block;

            width: 100%;

            height: 100%;

            min-height: 620px;

            object-fit: cover;

            object-position: center;

            transition: transform 0.8s ease;

        }



        .barrier-cus-image-column:hover .barrier-cus-image {

            transform: scale(1.04);

        }



        .barrier-cus-image-column::after {

            position: absolute;

            inset: 0;

            content: "";

            pointer-events: none;

            background:

                linear-gradient(

                    90deg,

                    rgba(78, 57, 123, 0.28) 0%,

                    rgba(78, 57, 123, 0.03) 38%,

                    rgba(46, 34, 56, 0.12) 100%

                );

        }



        @media (max-width: 1199.98px) {

            .barrier-cus-content {

                padding: 65px 55px;

            }



            .barrier-cus-title {

                font-size: 52px;

            }

        }



        @media (max-width: 991.98px) {

            .barrier-cus-row,

            .barrier-cus-image-column {

                min-height: auto;

            }



            .barrier-cus-content {

                max-width: 100%;

                padding: 65px 45px;

            }



            .barrier-cus-image-column {

                height: 500px;

            }



            .barrier-cus-image {

                height: 500px;

                min-height: auto;

            }

        }



        @media (max-width: 767.98px) {

            .barrier-cus-content {

                padding: 55px 25px;

            }



            .barrier-cus-title {

                font-size: 39px;

                line-height: 1.14;

                letter-spacing: -1px;

            }



            .barrier-cus-text {

                margin-top: 23px;

                font-size: 17px;

            }



            .barrier-cus-buttons {

                display: grid;

                grid-template-columns: 1fr;

                margin-top: 28px;

            }



            .barrier-cus-button {

                width: 100%;

            }



            .barrier-cus-tagline {

                margin-top: 30px;

                font-size: 20px;

            }



            .barrier-cus-image-column,

            .barrier-cus-image {

                height: 390px;

            }

        }



        @media (max-width: 480px) {

            .barrier-cus-content {

                padding: 48px 20px;

            }



            .barrier-cus-title {

                font-size: 34px;

            }



            .barrier-cus-image-column,

            .barrier-cus-image {

                height: 320px;

            }

        }



.whowe-image-wrapper::after, .cf-founder-image-wrap::after{display:none;}



/* Quote Sign */

.cf-quote-section {

  padding: 80px 0;

  background: var(--ivory-white);

}



/* Main quote component */

.cf-quote-box {

  width: 100%;

  max-width: 100%;

  margin: 0 auto;

  padding: 25px 0 35px;

  position: relative;

  background: transparent;

}



/* Decorative top and bottom rows */

.cf-quote-decoration {

  display: flex;

  align-items: center;

  width: 100%;

  color: var(--cf-quote-accent);

}



.cf-quote-decoration-top {

  align-items: flex-start;

  margin-bottom: 10px;

}



.cf-quote-decoration-bottom {

  align-items: flex-end;

  margin-top: 18px;

}



.cf-quote-short-line {

  display: block;

  flex: 0 0 72px;

  height: 3px;

  background: currentColor;

  border-radius: 999px;

}



/* Top-right and bottom-left curved line */

.cf-quote-corner-line {

  display: block;

  flex: 1 1 auto;

  min-width: 80px;

  height: 25px;

}



/* Top curved line */

.cf-quote-decoration-top .cf-quote-corner-line {

  border-top: 3px solid currentColor;

  border-right: 3px solid currentColor;

  border-radius: 0 28px 0 0;

  margin-top: 0;

}



/* Bottom curved line */

.cf-quote-decoration-bottom .cf-quote-corner-line {

  border-left: 3px solid currentColor;

  border-bottom: 3px solid currentColor;

  border-radius: 0 0 0 28px;

}



/* Large quote marks */

.cf-quote-symbol {

  display: block;

  flex: 0 0 auto;

  margin: -12px 12px 0;

  font-family: Georgia, "Times New Roman", serif;

  font-size: 68px;

  font-weight: 700;

  line-height: 0.72;

  color: #4e397b;

}



.cf-quote-decoration-bottom .cf-quote-symbol {

  margin: 8px 12px -34px;

}



/* Text area */

.cf-quote-content {

  padding: 0 20px;

  text-align: center;

}



.cf-quote-heading {

  margin-bottom: 14px;

  color: var(--deep-purple);

  font-size: clamp(28px, 4vw, 44px);

  font-weight: 500;

  line-height: 1;

  letter-spacing: 0.06em;

}



.cf-quote-text {

  max-width: 100%;

  margin: 0 auto;

  color: var(--charcoal-plum);

  font-size: 24px;

  font-weight: 600;

  line-height: 1.7;

}



/* Demo right-column styling */

.cf-demo-content {

  max-width: 680px;

}



.cf-demo-label {

  display: inline-block;

  margin-bottom: 12px;

  color: var(--vibrant-violet);

  font-size: 14px;

  font-weight: 700;

  letter-spacing: 0.12em;

  text-transform: uppercase;

}



.cf-demo-content h2 {

  margin-bottom: 18px;

  color: var(--deep-purple);

  font-size: clamp(32px, 4vw, 54px);

  font-weight: 600;

  line-height: 1.12;

}



.cf-demo-content p {

  margin: 0;

  color: var(--text-muted);

  font-size: 17px;

  line-height: 1.75;

}



/* Tablet */

@media (max-width: 991.98px) {

  .cf-quote-section {

    padding: 60px 0;

  }



  .cf-quote-box {

    padding: 36px 10px;

  }



  .cf-quote-content {

    padding: 0 12px;

  }



  .cf-quote-short-line {

    flex-basis: 52px;

  }

}



/* Mobile */

@media (max-width: 767.98px) {

  .cf-quote-section {

    padding: 50px 0;

  }



  .cf-quote-box {

    max-width: 520px;

    padding: 30px 0;

  }



  .cf-quote-short-line {

    flex-basis: 48px;

  }



  .cf-quote-corner-line {

    min-width: 55px;

    height: 26px;

  }



  .cf-quote-symbol {

    margin-left: 8px;

    margin-right: 8px;

    font-size: 56px;

  }



  .cf-quote-decoration-bottom .cf-quote-symbol {

    margin-left: 8px;

    margin-right: 8px;

  }

}



/* Small mobile */

@media (max-width: 419.98px) {

  .cf-quote-box {

    padding-left: 4px;

    padding-right: 4px;

  }



  .cf-quote-short-line {

    flex-basis: 32px;

  }



  .cf-quote-content {

    padding: 0 8px;

  }



  .cf-quote-heading {

    font-size: 28px;

  }



  .cf-quote-text {

    font-size: 14px;

    line-height: 1.65;

  }

}



.img-fluid.videosdone{border-radius:10px; margin-bottom:1.2rem; border:2px solid #fff;}





        .about-who-weare {

            position: relative;

            display: flex;

            align-items: center;

            min-height: 680px;

            padding: 50px 20px;

            background-image:

                linear-gradient(

                    90deg,

                    rgba(35, 23, 54, 0.88) 0%,

                    rgba(46, 34, 56, 0.75) 42%,

                    rgba(46, 34, 56, 0.48) 100%

                ),

                url("../images/Who-are-we011.jpg");

            background-size: cover;

            background-position: center center;

            background-repeat: no-repeat;

            overflow: hidden;

        }



        .about-who-weare::before {

            content: "";

            position: absolute;

            inset: 0;

            background:

                radial-gradient(

                    circle at 10% 15%,

                    rgba(139, 116, 181, 0.38),

                    transparent 34%

                );

            pointer-events: none;

        }



        .about-who-weare-container {

            position: relative;

            z-index: 2;

            width: 100%;

            max-width: 1260px;

            margin: 0 auto;

        }



        .about-who-weare-grid {

            display: grid;

            grid-template-columns: minmax(280px, 0.82fr) minmax(500px, 1.18fr);

            gap: 65px;

            align-items: center;

        }



        .about-who-weare-heading {

            max-width: 470px;

        }



        .about-who-weare-label {

            display: inline-flex;

            align-items: center;

            gap: 12px;

            margin-bottom: 18px;

            color: rgba(255, 255, 255, 0.82);

            font-size: 12px;

            font-weight: 700;

            line-height: 1;

            letter-spacing: 2px;

            text-transform: uppercase;

        }



        .about-who-weare-label::before {

            content: "";

            width: 36px;

            height: 2px;

            background: #FFFFFF;

        }



        .about-who-weare-title {

            margin: 0 0 22px;

            color: #FFFFFF;

            font-size: 50px;

            font-weight: 600;

            line-height: 0.95;

            letter-spacing: -1.8px;

        }



        .about-who-weare-subtitle {

            margin: 0;

            color: #FFFFFF;

            font-size: 34px;

            font-weight: 500;

            line-height: 1.2;

        }



        .about-who-weare-content {

            padding: 38px 42px;

            border: 1px solid rgba(255, 255, 255, 0.28);

            border-radius: var(--about-who-weare-radius);

            background: rgba(255, 255, 255, 0.93);

            box-shadow: var(--about-who-weare-shadow);

            backdrop-filter: blur(10px);

            -webkit-backdrop-filter: blur(10px);

        }



        .about-who-weare-intro {

            margin: 0 0 17px;

            color: var(--about-who-weare-deep-purple);

            font-family: "Cormorant Garamond", serif;

            font-size: 28px;

            font-weight: 600;

            line-height: 1.25;

        }



        .about-who-weare-text {

            margin: 0 0 14px;

            color: #6C6C6C;

            font-size: 14.5px;

            font-weight: 400;

            line-height: 1.65;

        }



        .about-who-weare-text:last-child {

            margin-bottom: 0;

        }



        .about-who-weare-text strong {

            color: var(--about-who-weare-deep-purple);

            font-weight: 700;

        }



        .about-who-weare-highlight {

            margin: 18px 0;

            padding: 17px 20px;

            border-left: 3px solid #8b74b5;

            border-radius: 0 14px 14px 0;

            background: var(--about-who-weare-mist-lavender);

        }



        .about-who-weare-highlight p {

            margin: 0;

            color: var(--about-who-weare-charcoal-plum);

            font-family: "Cormorant Garamond", serif;

            font-size: 20px;

            font-weight: 600;

            line-height: 1.45;

        }



        @media (max-width: 991px) {

            .about-who-weare {

                min-height: auto;

                padding: 75px 20px;

                background-position: center top;

            }



            .about-who-weare-grid {

                grid-template-columns: 1fr;

                gap: 38px;

            }



            .about-who-weare-heading {

                max-width: 680px;

            }



            .about-who-weare-title {

                margin-bottom: 15px;

            }



            .about-who-weare-content {

                max-width: 760px;

            }

        }



        @media (max-width: 575px) {

            .about-who-weare {

                padding: 58px 15px;

                background-image:

                    linear-gradient(

                        180deg,

                        rgba(35, 23, 54, 0.88) 0%,

                        rgba(46, 34, 56, 0.72) 45%,

                        rgba(46, 34, 56, 0.62) 100%

                    ),

                    url("https://symmetrixsys.in/staging/cf/images/whoweare.jpg");

            }



            .about-who-weare-grid {

                gap: 30px;

            }



            .about-who-weare-title {

                font-size: 48px;

            }



            .about-who-weare-subtitle {

                font-size: 29px;

            }



            .about-who-weare-content {

                padding: 27px 23px;

                border-radius: 22px;

            }



            .about-who-weare-intro {

                font-size: 25px;

            }



            .about-who-weare-text {

                font-size: 14px;

                line-height: 1.65;

            }



            .about-who-weare-highlight p {

                font-size: 19px;

            }

        }







.vm-editorial {

    position: relative;

    padding: 85px 20px;

    overflow: hidden;

    background-color: var(--ivory-white);

}



.vm-editorial::before {

    content: "";

    position: absolute;

    top: 0;

    left: 0;

    width: 36%;

    height: 100%;

    background-color: var(--mist-lavender);

}



.vm-editorial::after {

    content: "";

    position: absolute;

    top: 75px;

    right: -115px;

    width: 260px;

    height: 260px;

    border: 1px solid rgba(139, 116, 181, 0.25);

    border-radius: 50%;

}



.vm-editorial-container {

    position: relative;

    z-index: 2;

    width: 100%;

    max-width: 1260px;

    margin: 0 auto;

}



.vm-editorial-layout {

    display: grid;

    grid-template-columns: 340px minmax(0, 1fr);

    gap: 70px;

    align-items: stretch;

}



/* ================================

   LEFT TITLE AREA

================================ */



.vm-editorial-heading {

    position: relative;

    display: flex;

    flex-direction: column;

    justify-content: center;

    padding: 50px 42px;

    overflow: hidden;

    border-radius: var(--radius-xl);

    background-color: var(--deep-purple);

    box-shadow: var(--shadow-soft);

}



.vm-editorial-heading::before {

    content: "";

    position: absolute;

    top: -85px;

    right: -85px;

    width: 190px;

    height: 190px;

    border: 1px solid rgba(255, 255, 255, 0.18);

    border-radius: 50%;

}



.vm-editorial-heading::after {

    content: "";

    position: absolute;

    right: 35px;

    bottom: 35px;

    width: 58px;

    height: 5px;

    border-radius: 20px;

    background-color: var(--orchid-pink);

}



.vm-editorial-label {

    position: relative;

    z-index: 2;

    display: inline-flex;

    align-items: center;

    gap: 12px;

    margin-bottom: 20px;

    color: rgba(255, 255, 255, 0.76);

    font-size: 12px;

    font-weight: 700;

    line-height: 1;

    letter-spacing: 2px;

    text-transform: uppercase;

}



.vm-editorial-label::before {

    content: "";

    width: 32px;

    height: 2px;

    background-color: var(--orchid-pink);

}



.vm-editorial-title {

    position: relative;

    z-index: 2;

    max-width: 290px;

    margin: 0 0 24px;

    color: var(--white);

    font-family: "Cormorant Garamond", serif;

    font-size: 58px;

    font-weight: 600;

    line-height: 0.98;

    letter-spacing: -1px;

}



.vm-editorial-intro {

    position: relative;

    z-index: 2;

    max-width: 270px;

    margin: 0;

    color: rgba(255, 255, 255, 0.78);

    font-size: 14px;

    line-height: 1.75;

}



/* ================================

   RIGHT CONTENT AREA

================================ */



.vm-editorial-content {

    display: flex;

    flex-direction: column;

    gap: 0;

    padding: 10px 0;

}



.vm-editorial-item {

    position: relative;

    display: grid;

    grid-template-columns: 72px 190px minmax(0, 1fr);

    gap: 28px;

    align-items: start;

    padding: 38px 0;

    border-bottom: 1px solid rgba(78, 57, 123, 0.17);

}



.vm-editorial-item:first-child {

    padding-top: 15px;

}



.vm-editorial-item:last-of-type {

    border-bottom: 0;

}



/* ================================

   NUMBER

================================ */



.vm-editorial-number {

    position: relative;

    display: inline-flex;

    align-items: center;

    justify-content: center;

    width: 58px;

    height: 58px;

    border-radius: 0 18px 18px 18px;

    background-color: var(--soft-lavender);

    color: var(--white);

    font-size: 22px;

    font-weight: 700;

    line-height: 1;

}



.vm-editorial-number::after {

    content: "";

    position: absolute;

    right: -8px;

    bottom: -8px;

    width: 18px;

    height: 18px;

    border: 5px solid var(--ivory-white);

    border-radius: 50%;

    background-color: var(--orchid-pink);

}



/* ================================

   ITEM TITLE

================================ */



.vm-editorial-item-title {

    margin: 5px 0 0;

    color: var(--charcoal-plum);

    font-family: "Cormorant Garamond", serif;

    font-size: 34px;

    font-weight: 600;

    line-height: 1.05;

}



.vm-editorial-item-title span {

    display: block;

    margin-top: 10px;

    color: var(--soft-lavender);

    font-family: "Manrope", sans-serif;

    font-size: 10px;

    font-weight: 700;

    line-height: 1.5;

    letter-spacing: 1.5px;

    text-transform: uppercase;

}



/* ================================

   ITEM TEXT

================================ */



.vm-editorial-text {

    position: relative;

    margin: 0;

    padding-left: 26px;

    color: var(--text-muted);

    font-size: 15px;

    line-height: 1.85;

}



.vm-editorial-text::before {

    content: "";

    position: absolute;

    top: 7px;

    bottom: 7px;

    left: 0;

    width: 2px;

    border-radius: 5px;

    background-color: var(--orchid-pink);

}



.vm-editorial-text strong {

    color: var(--deep-purple);

    font-weight: 700;

}



/* Mission text variation */



.vm-editorial-item-mission .vm-editorial-text {

    padding: 25px 28px;

    border: 1px solid rgba(139, 116, 181, 0.17);

    border-radius: var(--radius-md);

    background-color: var(--white);

    box-shadow: var(--shadow-card);

}



.vm-editorial-item-mission .vm-editorial-text::before {

    top: 25px;

    bottom: 25px;

    left: -1px;

    width: 4px;

    border-radius: 0 4px 4px 0;

    background-color: var(--soft-lavender);

}



/* ================================

   BOTTOM TEXT

================================ */



.vm-editorial-footer {

    display: flex;

    align-items: center;

    justify-content: flex-end;

    gap: 14px;

    margin-top: 12px;

    color: var(--deep-purple);

    font-family: "Cormorant Garamond", serif;

    font-size: 20px;

    font-weight: 600;

    font-style: italic;

}



.vm-editorial-footer::before {

    content: "";

    width: 55px;

    height: 1px;

    background-color: var(--orchid-pink);

}



/* ================================

   RESPONSIVE

================================ */



@media (max-width: 1100px) {



    .vm-editorial-layout {

        grid-template-columns: 300px minmax(0, 1fr);

        gap: 45px;

    }



    .vm-editorial-heading {

        padding: 42px 32px;

    }



    .vm-editorial-title {

        font-size: 52px;

    }



    .vm-editorial-item {

        grid-template-columns: 65px 155px minmax(0, 1fr);

        gap: 22px;

    }



    .vm-editorial-item-title {

        font-size: 30px;

    }

}



@media (max-width: 900px) {



    .vm-editorial {

        padding: 65px 20px;

    }



    .vm-editorial::before {

        width: 100%;

        height: 310px;

    }



    .vm-editorial-layout {

        grid-template-columns: 1fr;

        gap: 42px;

    }



    .vm-editorial-heading {

        min-height: 310px;

    }



    .vm-editorial-title,

    .vm-editorial-intro {

        max-width: 600px;

    }



    .vm-editorial-item {

        grid-template-columns: 65px 180px minmax(0, 1fr);

    }

}



@media (max-width: 650px) {



    .vm-editorial {

        padding: 50px 15px;

    }



    .vm-editorial::before {

        height: 280px;

    }



    .vm-editorial-heading {

        min-height: auto;

        padding: 38px 27px;

        border-radius: var(--radius-lg);

    }



    .vm-editorial-title {

        font-size: 45px;

    }



    .vm-editorial-intro {

        font-size: 13px;

    }



    .vm-editorial-item {

        grid-template-columns: 58px minmax(0, 1fr);

        gap: 17px;

        padding: 32px 0;

    }



    .vm-editorial-number {

        width: 50px;

        height: 50px;

        border-radius: 0 15px 15px 15px;

        font-size: 19px;

    }



    .vm-editorial-item-title {

        margin-top: 3px;

        font-size: 29px;

    }



    .vm-editorial-text {

        grid-column: 1 / -1;

        padding-left: 20px;

        font-size: 14px;

        line-height: 1.75;

    }



    .vm-editorial-item-mission .vm-editorial-text {

        padding: 22px 20px;

    }



    .vm-editorial-footer {

        justify-content: flex-start;

        font-size: 18px;

        line-height: 1.4;

    }

}





.ecosystem-bg {

            position: relative;

            min-height: 790px;

            display: flex;

            align-items: flex-end;

            padding: 90px 20px 55px;

            overflow: hidden;

            isolation: isolate;

            background-image:

                linear-gradient(

                    90deg,

                    rgba(25, 17, 39, 0.92) 0%,

                    rgba(35, 24, 54, 0.80) 35%,

                    rgba(35, 24, 54, 0.35) 68%,

                    rgba(35, 24, 54, 0.18) 100%

                ),

                linear-gradient(

                    180deg,

                    rgba(25, 17, 39, 0.12) 0%,

                    rgba(25, 17, 39, 0.18) 46%,

                    rgba(25, 17, 39, 0.93) 100%

                ),

                url("../images/skills-create-an-opportunity.jpg");



            background-repeat: no-repeat;

            background-position: center center;

            background-size: cover;

        }



        .ecosystem-bg::before {

            content: "";

            position: absolute;

            inset: 0;

            z-index: -1;

            background:

                linear-gradient(

                    180deg,

                    transparent 0%,

                    transparent 55%,

                    rgba(24, 16, 37, 0.50) 100%

                );

        }



        .ecosystem-bg-container {

            width: 100%;

            max-width: 1260px;

            margin: 0 auto;

        }



        /* =====================================

           TOP CONTENT

        ===================================== */



        .ecosystem-bg-content {

            width: 100%;

            max-width: 730px;

            margin-bottom: 70px;

        }



        .ecosystem-bg-label {

            display: inline-flex;

            align-items: center;

            gap: 12px;

            margin-bottom: 20px;

            color: rgba(255, 255, 255, 0.78);

            font-size: 12px;

            font-weight: 700;

            line-height: 1;

            letter-spacing: 2px;

            text-transform: uppercase;

        }



        /*.ecosystem-bg-label::before {

            content: "";

            width: 42px;

            height: 2px;

            border-radius: 50px;

            background-color: var(--orchid-pink);

        }*/



        .ecosystem-bg-title {

            max-width: 720px;

            margin: 0 0 25px;

            color: var(--white);

            font-family: "Cormorant Garamond", serif;

            font-size: 50px;

            font-weight: 600;

            line-height: 1;

            letter-spacing: -1.7px;

        }



        .ecosystem-bg-title span {

            display: block;

            color: #DCCFED;

        }



        .ecosystem-bg-description {

            max-width: 680px;

            margin: 0 0 18px;

            color: rgba(255, 255, 255, 0.78);

            font-size: 15px;

            line-height: 1.8;

        }



        .ecosystem-bg-description:last-of-type {

            margin-bottom: 0;

        }



        .ecosystem-bg-bottom-line {

            display: flex;

            align-items: center;

            flex-wrap: wrap;

            gap: 22px;

            margin-top: 30px;

        }



        .ecosystem-bg-button {

            display: inline-flex;

            align-items: center;

            justify-content: center;

            gap: 14px;

            min-height: 52px;

            padding: 0 25px;

            border: 1px solid var(--white);

            border-radius: 999px;

            background-color: var(--white);

            color: var(--deep-purple);

            font-size: 13px;

            font-weight: 700;

            line-height: 1;

            text-decoration: none;

            transition:

                color 0.3s ease,

                background-color 0.3s ease,

                transform 0.3s ease;

        }



        .ecosystem-bg-button::after {

            content: "↗";

            font-size: 17px;

            font-weight: 400;

            transition: transform 0.3s ease;

        }



        .ecosystem-bg-button:hover {

            color: var(--white);

            background-color: transparent;

            transform: translateY(-2px);

        }



        .ecosystem-bg-button:hover::after {

            transform: translate(3px, -3px);

        }



        .ecosystem-bg-statement {

            margin: 0;

            padding-left: 20px;

            border-left: 2px solid var(--orchid-pink);

            color: var(--white);

            font-family: "Cormorant Garamond", serif;

            font-size: 23px;

            font-weight: 600;

            line-height: 1.3;

        }



        /* =====================================

           HORIZONTAL PILLARS

        ===================================== */



        .ecosystem-bg-pillars {

            display: grid;

            grid-template-columns: repeat(4, minmax(0, 1fr));

            overflow: hidden;

            border-top: 1px solid rgba(255, 255, 255, 0.30);

            border-bottom: 1px solid rgba(255, 255, 255, 0.20);

            background-color: rgba(32, 21, 49, 0.58);

            backdrop-filter: blur(14px);

            -webkit-backdrop-filter: blur(14px);

        }



        .ecosystem-bg-pillar {

            position: relative;

            min-height: 245px;

            padding: 28px 25px 30px;

            border-right: 1px solid rgba(255, 255, 255, 0.18);

            transition:

                background-color 0.35s ease,

                transform 0.35s ease;

        }



        .ecosystem-bg-pillar:last-child {

            border-right: 0;

        }



        .ecosystem-bg-pillar::after {

            content: "";

            position: absolute;

            right: 25px;

            bottom: 0;

            left: 25px;

            height: 3px;

            background-color: var(--orchid-pink);

            transform: scaleX(0);

            transform-origin: left;

            transition: transform 0.35s ease;

        }



        .ecosystem-bg-pillar:hover {

            background-color: rgba(78, 57, 123, 0.72);

        }

		

		.ecosystem-bg-pillar.ecosyhovercolor{background-color: rgba(78,57,123,0.72);}



        .ecosystem-bg-pillar:hover::after {

            transform: scaleX(1);

        }



        .ecosystem-bg-number {

            display: block;

            margin-bottom: 40px;

            color: rgba(255, 255, 255, 0.48);

            font-family: "Cormorant Garamond", serif;

            font-size: 23px;

            font-weight: 600;

            line-height: 1;

        }



        .ecosystem-bg-pillar-title {

            margin: 0 0 13px;

            color: var(--white);

            font-family: "Cormorant Garamond", serif;

            font-size: 27px;

            font-weight: 600;

            line-height: 1.12;

        }



        .ecosystem-bg-pillar-text {

            margin: 0;

            color: rgba(255, 255, 255, 0.72);

            font-size: 13px;

            line-height: 1.7;

        }



        /* =====================================

           RESPONSIVE

        ===================================== */



        @media (max-width: 1100px) {

            .ecosystem-bg {

                min-height: 860px;

                background-position: 57% center;

            }



            .ecosystem-bg-pillars {

                grid-template-columns: repeat(2, minmax(0, 1fr));

            }



            .ecosystem-bg-pillar {

                min-height: 220px;

            }



            .ecosystem-bg-pillar:nth-child(2) {

                border-right: 0;

            }



            .ecosystem-bg-pillar:nth-child(-n+2) {

                border-bottom: 1px solid rgba(255, 255, 255, 0.18);

            }

        }



        @media (max-width: 767px) {

            .ecosystem-bg {

                min-height: auto;

                padding: 70px 18px 38px;

                background-image:

                    linear-gradient(

                        180deg,

                        rgba(30, 20, 46, 0.72) 0%,

                        rgba(30, 20, 46, 0.83) 42%,

                        rgba(30, 20, 46, 0.97) 100%

                    ),

                    url("https://symmetrixsys.in/staging/cf/images/whoweare.jpg");



                background-position: 43% center;

            }



            .ecosystem-bg-content {

                max-width: 100%;

                margin-bottom: 45px;

            }



            .ecosystem-bg-title {

                font-size: 48px;

                line-height: 1.02;

            }



            .ecosystem-bg-description {

                font-size: 14px;

                line-height: 1.75;

            }



            .ecosystem-bg-bottom-line {

                align-items: flex-start;

                flex-direction: column;

            }



            .ecosystem-bg-statement {

                font-size: 21px;

            }



            .ecosystem-bg-pillars {

                grid-template-columns: 1fr;

            }



            .ecosystem-bg-pillar {

                min-height: auto;

                padding: 25px 22px;

                border-right: 0;

                border-bottom: 1px solid rgba(255, 255, 255, 0.18);

            }



            .ecosystem-bg-pillar:nth-child(-n+2) {

                border-bottom: 1px solid rgba(255, 255, 255, 0.18);

            }



            .ecosystem-bg-pillar:last-child {

                border-bottom: 0;

            }



            .ecosystem-bg-number {

                margin-bottom: 16px;

            }



            .ecosystem-bg-pillar-title {

                font-size: 26px;

            }



            .ecosystem-bg-pillar-text {

                font-size: 13px;

            }

        }



        @media (max-width: 480px) {

            .ecosystem-bg {

                padding: 58px 15px 30px;

            }



            .ecosystem-bg-title {

                font-size: 41px;

            }



            .ecosystem-bg-button {

                width: 100%;

            }



            .ecosystem-bg-statement {

                font-size: 20px;

            }

        }





.quote-section {

            display: flex;

            align-items: center;

            justify-content: center;

            padding: 50px 0;

            background: var(--vibrant-violet);

        }



        .quote-wrapper {

            width: min(100%, 1050px);

            padding: 28px 32px;

        }



        .quote-frame {

            position: relative;

            padding: 58px 70px 52px;

            border: 7px solid var(--white);

            border-radius: 30px;

            background: transparent;

        }



        /* Removes the border behind the opening quotation mark */

        .quote-frame::before {

            content: "";

            position: absolute;

            z-index: 1;

            top: -10px;

            left: -10px;

            width: 118px;

            height: 55px;

            background: var(--vibrant-violet);

        }



        /* Removes the border behind the closing quotation mark */

        .quote-frame::after {

            content: "";

            position: absolute;

            z-index: 1;

            right: -10px;

            bottom: -10px;

            width: 120px;

            height: 65px;

            background: var(--vibrant-violet);

        }



        .quote-mark {

            position: absolute;

            z-index: 3;

            color: var(--white);

            font-family: Georgia, "Times New Roman", serif;

            font-size: 170px;

            font-weight: 700;

            line-height: 0.65;

            letter-spacing: -17px;

            text-shadow:

                4px 5px 0 rgba(78, 57, 123, 0.35),

                0 8px 14px rgba(46, 34, 56, 0.28);

        }



        .quote-mark.opening {

            top: -7px;

			left: 9px;

        }



        .quote-mark.closing {

            right: 20px;

			bottom: -73px;

        }



        .quote-content {

            position: relative;

            z-index: 2;

        }



        .quote-text {

            margin-bottom: 22px;

            color: var(--white);

            font-family: "Cormorant Garamond", serif;

            font-size: clamp(30px, 3.6vw, 46px);

            font-weight: 600;

            line-height: 1.25;

        }



        .normal-text {

            max-width: 850px;

            color: rgba(255, 255, 255, 0.88);

            font-size: 18px;

            line-height: 1.8;

        }



        @media (max-width: 768px) {

            .quote-section {

                padding: 75px 18px;

            }



            .quote-wrapper {

                padding: 22px 18px;

            }



            .quote-frame {

                padding: 52px 30px 46px;

                border-width: 5px;

                border-radius: 24px;

            }



            .quote-frame::before {

                width: 90px;

                height: 44px;

            }



            .quote-frame::after {

                width: 92px;

                height: 52px;

            }



            .quote-mark {

                font-size: 82px;

                letter-spacing: -13px;

            }



            .quote-mark.opening {

                top: -19px;

                left: -15px;

            }



            .quote-mark.closing {

                right: -22px;

                bottom: -20px;

            }



            .quote-text {

                font-size: 31px;

            }



            .normal-text {

                font-size: 16px;

                line-height: 1.7;

            }

        }



        @media (max-width: 480px) {

            .quote-section {

                padding: 60px 12px;

            }



            .quote-wrapper {

                padding: 18px 14px;

            }



            .quote-frame {

                padding: 46px 22px 42px;

                border-width: 4px;

                border-radius: 20px;

            }



            .quote-frame::before {

                width: 76px;

                height: 38px;

            }



            .quote-frame::after {

                width: 78px;

                height: 45px;

            }



            .quote-mark {

                font-size: 68px;

                letter-spacing: -11px;

            }



            .quote-mark.opening {

                top: -14px;

                left: -12px;

            }



            .quote-mark.closing {

                right: -17px;

                bottom: -15px;

            }



            .quote-text {

                font-size: 27px;

                line-height: 1.3;

            }



            .normal-text {

                font-size: 15px;

            }

        }

.heartourworkquote .quote-content{max-width:100%;}

.centeralignbtn.explorebtnone{margin-top:4rem;}

.timeline-section.section-padding{padding:50px 0;}





        .presence-section {

            position: relative;

            overflow: hidden;

            padding: 50px 0;

            background:

                linear-gradient(

                    135deg,

                    rgba(245, 239, 250, 0.96),

                    rgba(250, 249, 252, 0.98)

                );

        }



        .presence-section::before {

            content: "";

            position: absolute;

            top: -170px;

            right: -170px;

            width: 410px;

            height: 410px;

            border: 75px solid rgba(139, 116, 181, 0.07);

            border-radius: 50%;

            pointer-events: none;

        }



        .presence-section::after {

            content: "";

            position: absolute;

            bottom: -220px;

            left: -190px;

            width: 430px;

            height: 430px;

            border-radius: 50%;

            background: rgba(78, 57, 123, 0.05);

            pointer-events: none;

        }



        .presence-horizontal {

            position: relative;

            z-index: 2;

            display: grid;

            grid-template-columns: minmax(320px, 0.9fr) minmax(420px, 1.1fr);

            align-items: center;

            gap: 70px;

            padding: 40px;

            border: 1px solid rgba(139, 116, 181, 0.22);

            border-radius: var(--radius-xl);

            background: rgba(255, 255, 255, 0.88);

            box-shadow: var(--shadow-card);

        }



        .presence-heading {

            position: relative;

            padding-right: 55px;

        }



        .presence-heading::after {

            content: "";

            position: absolute;

            top: 0;

            right: 0;

            width: 1px;

            height: 100%;

            background: linear-gradient(

                180deg,

                transparent,

                rgba(139, 116, 181, 0.45),

                transparent

            );

        }



        .section-label {

            display: inline-flex;

            align-items: center;

            gap: 12px;

            margin-bottom: 10px;

            color: var(--vibrant-violet);

            font-size: 13px;

            font-weight: 700;

            letter-spacing: 0.16em;

            text-transform: uppercase;

        }



        .section-label::before {

            content: "";

            width: 38px;

            height: 2px;

            border-radius: 20px;

            background: var(--vibrant-violet);

        }



        .presence-title {

            margin: 0;

            color: var(--deep-purple);

            font-family: "Cormorant Garamond", serif;

            font-size: 50px;

            font-weight: 700;

            line-height: 1.06;

            letter-spacing: -0.03em;

        }



        .presence-content p {

            color: var(--text-muted);

            font-size: 17px;

            line-height: 1.9;

        }



        .presence-content p + p {

            margin-top: 22px;

        }



        .presence-content .presence-lead {

            color: var(--charcoal-plum);

            font-size: 19px;

            font-weight: 600;

            line-height: 1.75;

        }



        @media (max-width: 991px) {

            .presence-section {

                padding: 80px 0;

            }



            .presence-horizontal {

                grid-template-columns: 1fr;

                gap: 38px;

                padding: 48px 42px;

            }



            .presence-heading {

                padding-right: 0;

                padding-bottom: 36px;

            }



            .presence-heading::after {

                top: auto;

                right: auto;

                bottom: 0;

                left: 0;

                width: 100%;

                height: 1px;

            }

        }



        @media (max-width: 575px) {

            .container {

                width: min(calc(100% - 28px), 1200px);

            }



            .presence-section {

                padding: 60px 0;

            }



            .presence-horizontal {

                padding: 36px 24px;

                border-radius: 24px;

            }



            .section-label {

                font-size: 11px;

            }



            .section-label::before {

                width: 28px;

            }



            .presence-title {

                font-size: 39px;

            }



            .presence-content p,

            .presence-content .presence-lead {

                font-size: 16px;

                line-height: 1.8;

            }

        }

.cf-gov-eyebrow::before{display:none;}



        .board-trustees-section {

            position: relative;

            overflow: hidden;

            padding: 50px 0;



            background:

                linear-gradient(

                    135deg,

                    rgba(78, 57, 123, 0.85),

                    rgba(139, 116, 181, 0.98)

                ),

                url("../images/BROAD-BACKGROUND.jpg")

                center center / cover no-repeat fixed;

        }



        .board-trustees-section::before {

            content: "";

            position: absolute;

            inset: 0;

            z-index: 0;

            pointer-events: none;



            background:

                radial-gradient(

                    circle at 8% 15%,

                    rgba(255, 255, 255, 0.09),

                    transparent 30%

                ),

                radial-gradient(

                    circle at 92% 85%,

                    rgba(255, 255, 255, 0.07),

                    transparent 32%

                );

        }



        .board-trustees-container {

            position: relative;

            z-index: 2;

            width: min(calc(100% - 40px), 1200px);

            margin: 0 auto;

        }



        .board-trustees-heading {

            max-width: 950px;

            margin: 0 auto 55px;

            text-align: center;

        }



        .board-trustees-label {

            display: inline-flex;

            align-items: center;

            justify-content: center;

            gap: 12px;

            margin-bottom: 16px;

            color: var(--white);

            font-size: 13px;

            font-weight: 700;

            letter-spacing: 0.16em;

            text-transform: uppercase;

        }



        .board-trustees-label::before,

        .board-trustees-label::after {

            content: "";

            width: 36px;

            height: 2px;

            border-radius: 20px;

            background: rgba(255, 255, 255, 0.75);

        }



        .board-trustees-title {

            margin: 0 0 20px;

            color: var(--white);

            font-family: "Cormorant Garamond", serif;

            font-size: 50px;

            font-weight: 700;

            line-height: 1.08;

            letter-spacing: -0.025em;

        }



        .board-trustees-intro {

            max-width: 920px;

            margin: 0 auto;

        }



        .board-trustees-intro p {

            margin: 0 0 10px;

            color: rgba(255, 255, 255, 0.82);

            font-size: 16px;

            line-height: 1.8;

        }



        .board-trustees-intro p:last-child {

            margin-bottom: 0;

        }



        .board-trustees-grid {

            display: grid;

            grid-template-columns: repeat(2, minmax(0, 1fr));

            align-items: stretch;

            gap: 28px;

        }



        .board-trustees-card {

            position: relative;

            display: flex;

            flex-direction: column;

            height: 100%;

            overflow: hidden;

            border: 1px solid rgba(255, 255, 255, 0.28);

            border-radius: var(--radius-lg);

            background: rgba(255, 255, 255, 0.92);

            box-shadow: 0 22px 55px rgba(46, 34, 56, 0.25);

            backdrop-filter: blur(16px);

            -webkit-backdrop-filter: blur(16px);



            transition:

                transform 0.35s ease,

                background 0.35s ease,

                box-shadow 0.35s ease;

        }



        .board-trustees-card:hover {

            transform: translateY(-8px);

            background: var(--white);

            box-shadow: 0 30px 75px rgba(46, 34, 56, 0.32);

        }



        .board-trustees-card-header {

            position: relative;

            height: 350px;

            flex: 0 0 350px;



            background:

                linear-gradient(

                    135deg,

                    var(--deep-purple),

                    var(--soft-lavender),

                    var(--vibrant-violet)

                );

				background-repeat:no-repeat;

				background-size:cover;

        }



        .board-trustees-card-header::before {

            content: "";

            position: absolute;

            top: -60px;

            right: -45px;

            width: 160px;

            height: 160px;

            border: 28px solid rgba(255, 255, 255, 0.09);

            border-radius: 50%;

        }



        .board-trustees-card-header::after {

            content: "";

            position: absolute;

            bottom: -40px;

            left: -30px;

            width: 110px;

            height: 110px;

            border-radius: 50%;

            background: rgba(255, 255, 255, 0.07);

        }



        .board-trustees-initials {

            position: absolute;

            bottom: -46px;

            left: 50%;

            z-index: 3;



            display: flex;

            align-items: center;

            justify-content: center;



            width: 92px;

            height: 92px;



            color: var(--deep-purple);

            font-family: "Cormorant Garamond", serif;

            font-size: 32px;

            font-weight: 700;



            border: 6px solid var(--white);

            border-radius: 50%;



            background: var(--mist-lavender);

            box-shadow: 0 12px 30px rgba(46, 34, 56, 0.20);

            transform: translateX(-50%);

        }



        .board-trustees-card-content {

            display: flex;

            flex: 1;

            flex-direction: column;

            padding: 66px 34px 36px;

            text-align: center;

        }



        .board-trustees-name {

            margin: 0 0 8px;

            color: var(--deep-purple);

            font-family: "Cormorant Garamond", serif;

            font-size: 31px;

            font-weight: 700;

            line-height: 1.1;

        }



        .board-trustees-role {

            display: inline-flex;

            align-self: center;

            align-items: center;

            justify-content: center;



            min-height: 32px;

            margin-bottom: 20px;

            padding: 7px 15px;



            color: var(--deep-purple);

            font-size: 11px;

            font-weight: 700;

            line-height: 1.35;

            letter-spacing: 0.07em;

            text-transform: uppercase;



            border: 1px solid rgba(139, 116, 181, 0.27);

            border-radius: 30px;

            background: var(--mist-lavender);

        }



        .board-trustees-divider {

            position: relative;

            width: 66px;

            height: 1px;

            margin: 0 auto 20px;

            background: rgba(139, 116, 181, 0.38);

        }



        .board-trustees-divider::after {

            content: "";

            position: absolute;

            top: 50%;

            left: 50%;

            width: 7px;

            height: 7px;

            border-radius: 50%;

            background: var(--vibrant-violet);

            transform: translate(-50%, -50%);

        }



        .board-trustees-description {

            margin: 0;

            color: var(--text-muted);

            font-size: 16px;

            line-height: 1.8;

            text-align: center;

        }



        @media (max-width: 767px) {

            .board-trustees-section {

                padding: 75px 0;

                background-attachment: scroll;

            }



            .board-trustees-heading {

                margin-bottom: 45px;

            }



            .board-trustees-title {

                font-size: 44px;

            }



            .board-trustees-grid {

                grid-template-columns: 1fr;

            }



            .board-trustees-card-content {

                padding: 65px 28px 32px;

            }

        }



        @media (max-width: 480px) {

            .board-trustees-container {

                width: min(calc(100% - 26px), 1200px);

            }



            .board-trustees-section {

                padding: 60px 0;

            }



            .board-trustees-label {

                font-size: 11px;

            }



            .board-trustees-label::before,

            .board-trustees-label::after {

                width: 24px;

            }



            .board-trustees-title {

                font-size: 38px;

            }



            .board-trustees-intro p {

                margin-bottom: 10px;

                font-size: 15px;

                line-height: 1.75;

            }



            .board-trustees-card {

                border-radius: 22px;

            }



            .board-trustees-card-content {

                padding: 64px 21px 29px;

            }



            .board-trustees-name {

                font-size: 28px;

            }



            .board-trustees-description {

                font-size: 14px;

            }

        }

.sdg-section.section-padding{padding:50px 0;}



        .publication-banner {

            position: relative;

            display: flex;

            align-items: stretch;

            min-height: 620px;

            overflow: hidden;



            background-image:

                linear-gradient(

                    90deg,

                    rgba(46, 34, 56, 0.14),

                    rgba(46, 34, 56, 0.02)

                ),

                url("https://symmetrixsys.in/staging/cf/images/ipimg02.jpg");



            background-repeat: no-repeat;

            background-position: center center;

            background-size: cover;

        }



        .publication-banner::before {

            content: "";

            position: absolute;

            inset: 0 auto 0 0;

            z-index: 1;

            width: 61%;



            background:

                linear-gradient(

                    135deg,

                    rgba(46, 34, 56, 0.98) 0%,

                    rgba(78, 57, 123, 0.97) 56%,

                    rgba(107, 85, 156, 0.93) 100%

                );



            clip-path:

                polygon(

                    0 0,

                    84% 0,

                    100% 100%,

                    0 100%

                );

        }



        .publication-banner::after {

            content: "";

            position: absolute;

            inset: 0;

            z-index: 1;

            pointer-events: none;



            background:

                linear-gradient(

                    180deg,

                    rgba(46, 34, 56, 0.02) 48%,

                    rgba(46, 34, 56, 0.26) 100%

                );

        }



        .publication-banner-container {

            position: relative;

            z-index: 3;

            display: flex;

            align-items: center;

            width: min(calc(100% - 60px), 1240px);

            margin: 0 auto;

        }



        .publication-banner-caption {

            width: min(100%, 665px);

            padding: 200px 70px 80px 0;

        }



        .publication-banner-label {

            display: inline-flex;

            align-items: center;

            gap: 13px;

            margin-bottom: 22px;



            color: rgba(255, 255, 255, 0.84);

            font-size: 12px;

            font-weight: 700;

            line-height: 1;

            letter-spacing: 0.18em;

            text-transform: uppercase;

        }







        .publication-banner-title {

            max-width: 640px;

            margin: 0 0 25px;



            color: var(--white);

            font-family: "Cormorant Garamond", serif;

            font-size: 60px;

            font-weight: 700;

            line-height: 0.98;

        }



        .publication-banner-text {

            max-width: 590px;

            margin: 0;

            padding-left: 21px;



            color: rgba(255, 255, 255, 0.84);

            font-size: 18px;

            font-weight: 400;

            line-height: 1.85;



            border-left:

                3px solid rgba(139, 116, 181, 0.95);

        }



        .publication-banner-corner {

            position: absolute;

            right: 35px;

            bottom: 30px;

            z-index: 4;



            display: flex;

            align-items: center;

            gap: 12px;



            color: var(--white);

            font-size: 11px;

            font-weight: 700;

            line-height: 1;

            letter-spacing: 0.13em;

            text-transform: uppercase;

        }



        .publication-banner-corner::before {

            content: "";

            width: 46px;

            height: 1px;

            background: rgba(255, 255, 255, 0.78);

        }



        .publication-banner-bottom {

            position: absolute;

            right: 0;

            bottom: 0;

            left: 0;

            z-index: 5;

            height: 7px;



            background:

                linear-gradient(

                    90deg,

                    var(--deep-purple) 0%,

                    var(--vibrant-violet) 58%,

                    var(--orchid-pink) 100%

                );

        }



        @media (max-width: 1100px) {

            .publication-banner {

                min-height: 580px;

                background-position: 60% center;

            }



            .publication-banner::before {

                width: 70%;

            }



            .publication-banner-caption {

                width: 610px;

                padding-right: 55px;

            }



            .publication-banner-title {

                font-size: 62px;

            }

        }



        @media (max-width: 767px) {

            .publication-banner {

                align-items: flex-end;

                min-height: 620px;



                background-image:

                    linear-gradient(

                        180deg,

                        rgba(46, 34, 56, 0.04) 0%,

                        rgba(46, 34, 56, 0.18) 35%,

                        rgba(46, 34, 56, 0.95) 100%

                    ),

                    url("https://symmetrixsys.in/staging/cf/images/ipimg02.jpg");



                background-position: center center;

            }



            .publication-banner::before {

                top: auto;

                width: 100%;

                height: 64%;



                background:

                    linear-gradient(

                        180deg,

                        rgba(78, 57, 123, 0) 0%,

                        rgba(78, 57, 123, 0.90) 30%,

                        rgba(46, 34, 56, 0.98) 100%

                    );



                clip-path: none;

            }



            .publication-banner-container {

                align-items: flex-end;

                width: min(calc(100% - 34px), 1240px);

            }



            .publication-banner-caption {

                width: 100%;

                padding: 255px 0 65px;

            }



            .publication-banner-title {

                max-width: 620px;

                font-size: 49px;

                line-height: 1.02;

            }



            .publication-banner-text {

                max-width: 600px;

                font-size: 16px;

                line-height: 1.75;

            }



            .publication-banner-corner {

                display: none;

            }

        }



        @media (max-width: 480px) {

            .publication-banner {

                min-height: 580px;

            }



            .publication-banner-container {

                width: min(calc(100% - 26px), 1240px);

            }



            .publication-banner-caption {

                padding: 230px 0 52px;

            }



            .publication-banner-label {

                margin-bottom: 16px;

                font-size: 10px;

            }



            .publication-banner-label::before {

                width: 32px;

            }



            .publication-banner-title {

                margin-bottom: 19px;

                font-size: 40px;

            }



            .publication-banner-text {

                padding-left: 16px;

                font-size: 15px;

                line-height: 1.7;

            }

        }



        .publication-shakti-section {

            position: relative;

            overflow: hidden;

            padding: 50px 0;



            background:

                radial-gradient(

                    circle at 8% 12%,

                    rgba(139, 116, 181, 0.15),

                    transparent 30%

                ),

                radial-gradient(

                    circle at 92% 88%,

                    rgba(78, 57, 123, 0.09),

                    transparent 32%

                ),

                linear-gradient(

                    180deg,

                    var(--ivory-white) 0%,

                    var(--mist-lavender) 100%

                );

        }



        .publication-shakti-container {

            position: relative;

            z-index: 2;

            width: min(calc(100% - 40px), 1320px);

            margin: 0 auto;

        }



        .publication-shakti-feature {

            position: relative;

            display: grid;

            grid-template-columns:

                minmax(420px, 0.92fr)

                minmax(500px, 1.08fr);



            min-height: 650px;

            overflow: hidden;



            border: 1px solid rgba(139, 116, 181, 0.25);

            border-radius: var(--radius-xl);



            background: var(--white);

            box-shadow: var(--shadow-soft);

        }



        .publication-shakti-image {

            position: relative;

            min-height: 650px;

            overflow: hidden;



            background-image:

                linear-gradient(

                    180deg,

                    rgba(46, 34, 56, 0.04) 10%,

                    rgba(46, 34, 56, 0.22) 58%,

                    rgba(46, 34, 56, 0.78) 100%

                ),

                url("https://symmetrixsys.in/staging/cf/images/ipimg02.jpg");



            background-position: center center;

            background-repeat: no-repeat;

            background-size: cover;

        }



        .publication-shakti-image::before {

            content: "";

            position: absolute;

            inset: 0;



            background:

                linear-gradient(

                    90deg,

                    rgba(78, 57, 123, 0.14),

                    transparent 55%

                );

        }



        .publication-shakti-image::after {

            content: "SHAKTI";

            position: absolute;

            right: 28px;

            bottom: 28px;



            color: rgba(255, 255, 255, 0.94);

            font-family: "Cormorant Garamond", serif;

            font-size: clamp(64px, 7vw, 105px);

            font-weight: 700;

            line-height: 0.8;

            letter-spacing: 0.08em;



            text-shadow:

                0 12px 30px rgba(46, 34, 56, 0.38);

        }



        .publication-shakti-year {

            position: absolute;

            top: 28px;

            left: 28px;

            z-index: 3;



            display: inline-flex;

            align-items: center;

            justify-content: center;



            padding: 10px 18px;



            color: var(--deep-purple);

            font-size: 12px;

            font-weight: 800;

            letter-spacing: 0.08em;

            text-transform: uppercase;



            border-radius: 40px;

            background: rgba(255, 255, 255, 0.92);



            box-shadow:

                0 12px 30px rgba(46, 34, 56, 0.18);



            backdrop-filter: blur(10px);

            -webkit-backdrop-filter: blur(10px);

        }



        .publication-shakti-content {

            position: relative;

            display: flex;

            flex-direction: column;

            justify-content: center;

            padding: 65px 68px;

            overflow: hidden;

        }



        .publication-shakti-content::before {

            content: "";

            position: absolute;

            top: 0;

            right: 0;



            width: 230px;

            height: 230px;



            border: 48px solid rgba(139, 116, 181, 0.055);

            border-radius: 50%;



            transform: translate(70px, -85px);

            pointer-events: none;

        }



        .publication-shakti-content::after {

            content: "";

            position: absolute;

            bottom: -90px;

            left: -75px;



            width: 190px;

            height: 190px;



            border-radius: 50%;

            background: rgba(78, 57, 123, 0.045);



            pointer-events: none;

        }



        .publication-shakti-inner {

            position: relative;

            z-index: 2;

        }



        .publication-shakti-label {

            display: inline-flex;

            align-items: center;

            gap: 12px;



            margin-bottom: 18px;



            color: var(--vibrant-violet);

            font-size: 12px;

            font-weight: 800;

            letter-spacing: 0.15em;

            text-transform: uppercase;

        }







        .publication-shakti-title {

            margin: 0 0 8px;



            color: var(--deep-purple);

            font-family: "Cormorant Garamond", serif;

            font-size: 58px;

            font-weight: 700;

            line-height: 0.96;

            letter-spacing: -0.025em;

        }



        .publication-shakti-meta {

            margin: 0 0 24px;



            color: var(--vibrant-violet);

            font-size: 14px;

            font-weight: 800;

            line-height: 1.5;

            letter-spacing: 0.04em;

            text-transform: uppercase;

        }



        .publication-shakti-heading {

            max-width: 650px;

            margin: 0 0 18px;



            color: var(--charcoal-plum);

            font-family: "Cormorant Garamond", serif;

            font-size: 34px;

            font-weight: 700;

            line-height: 1.2;

        }



        .publication-shakti-text {

            max-width: 690px;

            margin: 0 0 12px;



            color: var(--text-muted);

            font-size: 15px;

            line-height: 1.82;

        }



        .publication-shakti-actions {

            display: flex;

            flex-wrap: wrap;

            align-items: center;

            gap: 13px;

            margin-top: 26px;

        }



        .cf-buttontwo {

            position: relative;

            display: inline-flex;

            align-items: center;

            justify-content: center;



            min-height: 52px;

            padding: 14px 25px;



            overflow: hidden;



            color: var(--deep-purple);

            font-size: 12px;

            font-weight: 800;

            line-height: 1;

            letter-spacing: 0.055em;

            text-decoration: none;

            text-transform: uppercase;



            border: 2px solid var(--deep-purple);



            background: transparent;



            transition:

                color 0.35s ease,

                background 0.35s ease,

                transform 0.35s ease,

                box-shadow 0.35s ease;

        }



        .cf-buttontwo:hover {

            color: var(--white);

            background: var(--deep-purple);

            transform: translateY(-3px);



            box-shadow:

                0 14px 30px rgba(78, 57, 123, 0.20);

        }



        .cf-buttontwo.cf-colorbtn {

            color: var(--white);

            background: var(--deep-purple);

        }



        .cf-buttontwo.cf-colorbtn:hover {

            color: var(--white);

            border-color: var(--vibrant-violet);

            background: var(--vibrant-violet);

        }



        @media (max-width: 1100px) {

            .publication-shakti-feature {

                grid-template-columns:

                    minmax(360px, 0.85fr)

                    minmax(460px, 1.15fr);

            }



            .publication-shakti-content {

                padding: 55px 48px;

            }



            .publication-shakti-title {

                font-size: 52px;

            }



            .publication-shakti-heading {

                font-size: 31px;

            }

        }



        @media (max-width: 900px) {

            .publication-shakti-section {

                padding: 80px 0;

            }



            .publication-shakti-feature {

                grid-template-columns: 1fr;

            }



            .publication-shakti-image {

                min-height: 440px;

            }



            .publication-shakti-content {

                padding: 52px 45px;

            }

        }



        @media (max-width: 600px) {

            .publication-shakti-container {

                width: min(calc(100% - 28px), 1320px);

            }



            .publication-shakti-section {

                padding: 65px 0;

            }



            .publication-shakti-feature {

                border-radius: var(--radius-lg);

            }



            .publication-shakti-image {

                min-height: 330px;

            }



            .publication-shakti-image::after {

                right: 20px;

                bottom: 22px;

                font-size: 64px;

            }



            .publication-shakti-year {

                top: 18px;

                left: 18px;

                padding: 8px 14px;

                font-size: 10px;

            }



            .publication-shakti-content {

                padding: 40px 25px;

            }



            .publication-shakti-title {

                font-size: 46px;

            }



            .publication-shakti-meta {

                font-size: 12px;

            }



            .publication-shakti-heading {

                font-size: 29px;

            }



            .publication-shakti-text {

                font-size: 14px;

                line-height: 1.75;

            }



            .publication-shakti-actions {

                flex-direction: column;

                align-items: stretch;

            }



            .cf-buttontwo {

                width: 100%;

            }

        }



        @media (max-width: 420px) {

            .publication-shakti-container {

                width: min(calc(100% - 22px), 1320px);

            }



            .publication-shakti-image {

                min-height: 290px;

            }



            .publication-shakti-image::after {

                font-size: 52px;

            }



            .publication-shakti-content {

                padding: 34px 20px;

            }



            .publication-shakti-title {

                font-size: 41px;

            }



            .publication-shakti-heading {

                font-size: 27px;

            }

        }

		

        .publication-section {

            position: relative;

            overflow: hidden;

            padding: 50px 0;



            background:

                radial-gradient(

                    circle at 7% 8%,

                    rgba(139, 116, 181, 0.13),

                    transparent 27%

                ),

                radial-gradient(

                    circle at 94% 92%,

                    rgba(78, 57, 123, 0.09),

                    transparent 28%

                ),

                linear-gradient(

                    180deg,

                    var(--ivory-white) 0%,

                    var(--mist-lavender) 100%

                );

        }



        .publication-container {

            position: relative;

            z-index: 2;

            width: min(calc(100% - 40px), 1320px);

            margin: 0 auto;

        }



        .publication-heading {

            max-width: 900px;

            margin: 0 auto 20px;

            text-align: center;

        }



        .publication-label {

            display: inline-flex;

            align-items: center;

            justify-content: center;

            gap: 12px;



            margin-bottom: 15px;



            color: var(--vibrant-violet);

            font-size: 12px;

            font-weight: 800;

            letter-spacing: 0.15em;

            text-transform: uppercase;

        }



        .publication-label::before,

        .publication-label::after {

            content: "";

            width: 36px;

            height: 2px;

            border-radius: 10px;

            background: var(--vibrant-violet);

        }



        .publication-title {

            margin: 0 0 15px;



            color: var(--deep-purple);

            font-family: "Cormorant Garamond", serif;

            font-size: 43px;

            font-weight: 700;

            line-height: 1.07;

            letter-spacing: -0.025em;

        }



        .publication-intro {

            max-width: 810px;

            margin: 0 auto;



            color: var(--text-muted);

            font-size: 16px;

            line-height: 1.8;

        }



        .publication-carousel-wrap {

            position: relative;

            padding: 0 58px 52px;

        }



        .publication-carousel .owl-stage {

            display: flex;

        }



        .publication-carousel .owl-item {

            display: flex;

            height: auto;

        }



        .publication-item {

            display: flex;

            width: 100%;

            height: 100%;

            padding: 8px 3px 18px;

        }



        .publication-card {

            display: flex;

            flex-direction: column;

            width: 100%;

            height: 100%;

            overflow: hidden;



            border: 1px solid rgba(139, 116, 181, 0.21);

            border-radius: var(--radius-lg);



            background: rgba(255, 255, 255, 0.97);



            transition:

                transform 0.35s ease,

                border-color 0.35s ease,

                box-shadow 0.35s ease;

        }



        .publication-card:hover {

            transform: translateY(-8px);

            border-color: rgba(139, 116, 181, 0.48);

            box-shadow: var(--shadow-soft);

        }



        .publication-card-image {

            position: relative;

            height: 230px;

            flex: 0 0 230px;

            overflow: hidden;



            background-position: center;

            background-repeat: no-repeat;

            background-size: cover;



            transition:

                transform 0.6s ease;

        }



        .publication-card-image::before {

            content: "";

            position: absolute;

            inset: 0;

            z-index: 1;



            background:

                linear-gradient(

                    180deg,

                    rgba(46, 34, 56, 0.02) 18%,

                    rgba(46, 34, 56, 0.73) 100%

                );

        }



        .publication-card:hover .publication-card-image {

            transform: scale(1.04);

        }



        .publication-card-image--pragati {

            background-image:

                url("https://symmetrixsys.in/staging/cf/images/ipimg02.jpg"),

                linear-gradient(

                    135deg,

                    var(--deep-purple),

                    var(--vibrant-violet)

                );

        }



        .publication-card-image--annual {

            background-image:

                url("https://symmetrixsys.in/staging/cf/images/ipimg03.jpg"),

                linear-gradient(

                    135deg,

                    var(--soft-lavender),

                    var(--deep-purple)

                );

        }



        .publication-card-image--jpal {

            background-image:

                url("https://symmetrixsys.in/staging/cf/images/ipimg04.jpg"),

                linear-gradient(

                    135deg,

                    var(--vibrant-violet),

                    var(--deep-purple)

                );

        }



        .publication-card-image--hfc {

            background-image:

                url("https://symmetrixsys.in/staging/cf/images/ipimg05.jpg"),

                linear-gradient(

                    135deg,

                    var(--deep-purple),

                    var(--soft-lavender)

                );

        }



        .publication-card-category {

            position: absolute;

            right: 18px;

            bottom: 17px;

            z-index: 2;



            padding: 7px 13px;



            color: var(--white);

            font-size: 10px;

            font-weight: 800;

            letter-spacing: 0.07em;

            text-transform: uppercase;



            border: 1px solid rgba(255, 255, 255, 0.34);

            border-radius: 30px;



            background: rgba(78, 57, 123, 0.80);



            backdrop-filter: blur(8px);

            -webkit-backdrop-filter: blur(8px);

        }



        .publication-card-content {

            display: flex;

            flex: 1;

            flex-direction: column;

            padding: 28px 25px 27px;

        }



        .publication-card-title {

            margin: 0 0 7px;



            color: var(--deep-purple);

            font-family: "Cormorant Garamond", serif;

            font-size: 27px;

            font-weight: 700;

            line-height: 1.05;

        }



        .publication-card-meta {

            min-height: 38px;

            margin: 0 0 13px;



            color: var(--vibrant-violet);

            font-size: 12px;

            font-weight: 800;

            line-height: 1.55;

            letter-spacing: 0.04em;

            text-transform: uppercase;

        }



        .publication-card-subtitle {

            margin: 0 0 10px;



            color: var(--charcoal-plum);

            font-size: 14px;

            font-weight: 700;

            line-height: 1.65;

        }



        .publication-card-text {

            margin: 0 0 10px;



            color: var(--text-muted);

            font-size: 15px;

            line-height: 1.75;

        }



        .publication-card-actions {

            display: flex;

            flex-wrap: wrap;

            gap: 9px;



            margin-top: auto;

            padding-top: 20px;

        }



        .cf-buttontwo {

            display: inline-flex;

            align-items: center;

            justify-content: center;



            min-height: 42px;

            padding: 10px 14px;



            color: var(--deep-purple);

            font-size: 10px;

            font-weight: 800;

            line-height: 1.25;

            letter-spacing: 0.035em;

            text-align: center;

            text-decoration: none;

            text-transform: uppercase;



            border: 1px solid var(--deep-purple);

            border-radius: 2px;



            background: transparent;



            transition:

                color 0.3s ease,

                background 0.3s ease,

                transform 0.3s ease;

        }



        .cf-buttontwo:hover {

            color: var(--white);

            background: var(--deep-purple);

            transform: translateY(-2px);

        }



        .cf-buttontwo.cf-colorbtn {

            color: var(--white);

            background: var(--deep-purple);

        }



        .cf-buttontwo.cf-colorbtn:hover {

            border-color: var(--vibrant-violet);

            background: var(--vibrant-violet);

        }



        .publication-carousel .owl-nav {

            margin: 0;

        }



        .publication-carousel .owl-nav button.owl-prev,

        .publication-carousel .owl-nav button.owl-next {

            position: absolute;

            top: 50%;



            display: inline-flex;

            align-items: center;

            justify-content: center;



            width: 46px;

            height: 46px;

            margin: 0;



            color: var(--white);

            font-size: 19px;



            border-radius: 50%;

            background: var(--deep-purple);



            box-shadow:

                0 12px 28px rgba(46, 34, 56, 0.22);



            transform: translateY(-50%);



            transition:

                background 0.3s ease,

                transform 0.3s ease;

        }



        .publication-carousel .owl-nav button.owl-prev {

            left: -58px;

        }



        .publication-carousel .owl-nav button.owl-next {

            right: -58px;

        }



        .publication-carousel .owl-nav button.owl-prev:hover,

        .publication-carousel .owl-nav button.owl-next:hover {

            background: var(--vibrant-violet);

            transform: translateY(-50%) scale(1.06);

        }



        .publication-carousel .owl-dots {

            position: absolute;

            right: 0;

            bottom: -37px;

            left: 0;



            display: flex;

            align-items: center;

            justify-content: center;

            gap: 8px;

        }



        .publication-carousel .owl-dots .owl-dot span {

            width: 9px;

            height: 9px;

            margin: 0;



            border-radius: 20px;

            background: rgba(78, 57, 123, 0.24);



            transition:

                width 0.3s ease,

                background 0.3s ease;

        }



        .publication-carousel .owl-dots .owl-dot.active span {

            width: 29px;

            background: var(--deep-purple);

        }



        @media (max-width: 1199px) {

            .publication-carousel-wrap {

                padding-right: 50px;

                padding-left: 50px;

            }



            .publication-carousel .owl-nav button.owl-prev {

                left: -50px;

            }



            .publication-carousel .owl-nav button.owl-next {

                right: -50px;

            }

        }



        @media (max-width: 767px) {

            .publication-section {

                padding: 75px 0;

            }



            .publication-container {

                width: min(calc(100% - 30px), 1320px);

            }



            .publication-heading {

                margin-bottom: 40px;

            }



            .publication-title {

                font-size: 43px;

            }



            .publication-carousel-wrap {

                padding: 0 0 52px;

            }



            .publication-carousel .owl-nav {

                display: none;

            }



            .publication-card-image {

                height: 250px;

                flex-basis: 250px;

            }

        }



        @media (max-width: 480px) {

            .publication-section {

                padding: 60px 0;

            }



            .publication-container {

                width: min(calc(100% - 24px), 1320px);

            }



            .publication-label {

                font-size: 10px;

            }



            .publication-label::before,

            .publication-label::after {

                width: 23px;

            }



            .publication-title {

                font-size: 38px;

            }



            .publication-intro {

                font-size: 15px;

                line-height: 1.75;

            }



            .publication-card {

                border-radius: 22px;

            }



            .publication-card-image {

                height: 220px;

                flex-basis: 220px;

            }



            .publication-card-content {

                padding: 24px 20px;

            }



            .publication-card-actions {

                flex-direction: column;

            }



            .cf-buttontwo {

                width: 100%;

            }

        }		

		

.publication-carousel-wrap .owl-carousel .owl-stage-outer{padding-bottom:5px;}	

	

        .publication-policy-section {

            position: relative;

            overflow: hidden;

            padding: 50px 0;



            background:

                radial-gradient(

                    circle at 7% 10%,

                    rgba(139, 116, 181, 0.13),

                    transparent 28%

                ),

                radial-gradient(

                    circle at 93% 90%,

                    rgba(78, 57, 123, 0.08),

                    transparent 30%

                ),

                linear-gradient(

                    180deg,

                    var(--ivory-white) 0%,

                    var(--mist-lavender) 100%

                );

        }



        .publication-policy-section::before {

            content: "";

            position: absolute;

            top: -180px;

            right: -160px;

            width: 430px;

            height: 430px;

            border: 75px solid rgba(139, 116, 181, 0.06);

            border-radius: 50%;

            pointer-events: none;

        }



        .publication-policy-container {

            position: relative;

            z-index: 2;

            width: min(calc(100% - 40px), 1240px);

            margin: 0 auto;

        }



        .publication-policy-heading {

            display: grid;

            grid-template-columns:

                minmax(280px, 0.75fr)

                minmax(400px, 1.25fr);

            align-items: end;

            gap: 55px;

            margin-bottom: 48px;

        }



        .publication-policy-kicker {

            display: inline-flex;

            align-items: center;

            gap: 12px;

            margin-bottom: 15px;

            color: var(--vibrant-violet);

            font-size: 12px;

            font-weight: 800;

            letter-spacing: 0.16em;

            text-transform: uppercase;

        }



        .publication-policy-kicker::before {

            content: "";

            width: 42px;

            height: 2px;

            border-radius: 20px;

            background: var(--vibrant-violet);

        }



        .publication-policy-title {

            margin: 0;

            color: var(--deep-purple);

            font-family: "Cormorant Garamond", serif;

            font-size: 43px;

            font-weight: 700;

            line-height: 1.04;

            letter-spacing: -0.025em;

        }



        .publication-policy-description {

            position: relative;

            margin: 0;

            padding: 5px 0 5px 25px;

            color: var(--text-muted);

            font-size: 16px;

            line-height: 1.85;

            border-left: 3px solid var(--vibrant-violet);

        }



        .publication-policy-panel {

            position: relative;

            overflow: hidden;

            border: 1px solid rgba(139, 116, 181, 0.22);

            border-radius: var(--radius-xl);

            background: rgba(255, 255, 255, 0.96);

            box-shadow: var(--shadow-soft);

        }



        .publication-policy-panel::before {

            content: "";

            position: absolute;

            top: -90px;

            right: -75px;

            z-index: 1;

            width: 220px;

            height: 220px;

            border: 42px solid rgba(255, 255, 255, 0.07);

            border-radius: 50%;

            pointer-events: none;

        }



        .publication-policy-panel-header {

            position: relative;

            z-index: 2;

            display: grid;

            grid-template-columns: 1fr 240px;

            align-items: center;

            min-height: 100px;

            padding: 25px 34px;

            color: var(--white);

            background:

                linear-gradient(

                    135deg,

                    var(--deep-purple) 0%,

                    var(--soft-lavender) 58%,

                    var(--vibrant-violet) 100%

                );

        }



        .publication-policy-panel-title {

            margin: 0;

            color: var(--white);

            font-family: "Cormorant Garamond", serif;

            font-size: 35px;

            font-weight: 700;

            line-height: 1.1;

        }



        .publication-policy-panel-status {

            margin: 0;

            color: rgba(255, 255, 255, 0.82);

            font-size: 12px;

            font-weight: 800;

            letter-spacing: 0.12em;

            text-align: right;

            text-transform: uppercase;

        }



        .publication-policy-list {

            display: grid;

        }



        .publication-policy-row {

            display: grid;

            grid-template-columns: 1fr 240px;

            align-items: center;

            min-height: 82px;

            padding: 16px 34px;

            border-bottom:

                1px solid rgba(139, 116, 181, 0.14);

            transition:

                background 0.3s ease,

                transform 0.3s ease;

        }



        .publication-policy-row:last-child {

            border-bottom: 0;

        }



        .publication-policy-row:hover {

            background: var(--mist-lavender);

        }



        .publication-policy-name-wrap {

            display: flex;

            align-items: center;

            gap: 17px;

            min-width: 0;

        }



        .publication-policy-number {

            display: flex;

            flex: 0 0 42px;

            align-items: center;

            justify-content: center;

            width: 42px;

            height: 42px;

            color: var(--deep-purple);

            font-size: 11px;

            font-weight: 800;

            border: 1px solid rgba(139, 116, 181, 0.24);

            border-radius: 50%;

            background: var(--mist-lavender);

        }



        .publication-policy-name {

            margin: 0;

            color: var(--charcoal-plum);

            font-size: 15px;

            font-weight: 700;

            line-height: 1.5;

        }



        .publication-policy-badge {

            display: inline-flex;

            align-items: center;

            justify-content: flex-start;

            gap: 9px;

            justify-self: end;

            min-width: 172px;

            padding: 9px 14px;

            color: var(--deep-purple);

            font-size: 11px;

            font-weight: 800;

            line-height: 1.35;

            border-radius: 30px;

            background: var(--mist-lavender);

        }



        .publication-policy-badge::before {

            content: "✓";

            display: flex;

            flex: 0 0 23px;

            align-items: center;

            justify-content: center;

            width: 23px;

            height: 23px;

            color: var(--white);

            font-size: 11px;

            border-radius: 50%;

            background: var(--deep-purple);

        }



        .publication-policy-badge--progress {

            color: #70561b;

            background: #fff4d5;

        }



        .publication-policy-badge--progress::before {

            background: #9a7520;

        }



        @media (max-width: 900px) {

            .publication-policy-heading {

                grid-template-columns: 1fr;

                gap: 22px;

            }



            .publication-policy-description {

                max-width: 780px;

            }

        }



        @media (max-width: 767px) {

            .publication-policy-section {

                padding: 75px 0;

            }



            .publication-policy-title {

                font-size: 43px;

            }



            .publication-policy-panel {

                border-radius: var(--radius-lg);

            }



            .publication-policy-panel-header {

                grid-template-columns: 1fr;

                gap: 8px;

                padding: 24px;

            }



            .publication-policy-panel-status {

                text-align: left;

            }



            .publication-policy-row {

                grid-template-columns: 1fr;

                gap: 15px;

                padding: 20px 24px;

            }



            .publication-policy-badge {

                justify-self: start;

                margin-left: 59px;

            }

        }



        @media (max-width: 480px) {

            .publication-policy-section {

                padding: 60px 0;

            }



            .publication-policy-container {

                width: min(calc(100% - 24px), 1240px);

            }



            .publication-policy-kicker {

                font-size: 10px;

            }



            .publication-policy-kicker::before {

                width: 30px;

            }



            .publication-policy-title {

                font-size: 38px;

            }



            .publication-policy-description {

                padding-left: 18px;

                font-size: 15px;

                line-height: 1.75;

            }



            .publication-policy-panel-header {

                padding: 22px 19px;

            }



            .publication-policy-panel-title {

                font-size: 30px;

            }



            .publication-policy-row {

                padding: 18px 19px;

            }



            .publication-policy-name-wrap {

                gap: 12px;

            }



            .publication-policy-number {

                flex-basis: 38px;

                width: 38px;

                height: 38px;

            }



            .publication-policy-name {

                font-size: 14px;

            }



            .publication-policy-badge {

                min-width: 0;

                margin-left: 50px;

                padding: 8px 12px;

                font-size: 10px;

            }

        }		

		

        .new-media-section {

            position: relative;

            overflow: hidden;

            padding: 50px 0;



            background:

                radial-gradient(

                    circle at 5% 8%,

                    rgba(139, 116, 181, 0.12),

                    transparent 27%

                ),

                radial-gradient(

                    circle at 95% 92%,

                    rgba(78, 57, 123, 0.08),

                    transparent 29%

                ),

                var(--ivory-white);

        }



        .new-media-section::before {

            content: "";

            position: absolute;

            top: -180px;

            right: -160px;

            width: 420px;

            height: 420px;

            border: 70px solid rgba(139, 116, 181, 0.05);

            border-radius: 50%;

            pointer-events: none;

        }



        .new-media-container {

            position: relative;

            z-index: 2;

            width: min(calc(100% - 40px), 1240px);

            margin: 0 auto;

        }



        .new-media-heading {

            max-width: 850px;

            margin: 0 auto 48px;

            text-align: center;

        }



        .new-media-kicker {

            display: inline-flex;

            align-items: center;

            justify-content: center;

            gap: 12px;

            margin-bottom: 13px;



            color: var(--vibrant-violet);

            font-size: 12px;

            font-weight: 800;

            letter-spacing: 0.16em;

            text-transform: uppercase;

        }



        .new-media-kicker::before,

        .new-media-kicker::after {

            content: "";

            width: 35px;

            height: 2px;

            border-radius: 10px;

            background: var(--vibrant-violet);

        }



        .new-media-title {

            margin: 0 0 14px;



            color: var(--deep-purple);

            font-family: "Cormorant Garamond", serif;

            font-size: 43px;

            font-weight: 700;

            line-height: 1.06;

            letter-spacing: -0.025em;

        }



        .new-media-description {

            max-width: 720px;

            margin: 0 auto;



            color: var(--text-muted);

            font-size: 17px;

            line-height: 1.8;

        }



        .new-media-grid {

            display: grid;

            grid-template-columns: repeat(3, minmax(0, 1fr));

            align-items: stretch;

            gap: 22px;

        }



        .new-media-card {

            position: relative;

            min-height: 610px;

            overflow: hidden;



            border-radius: 4px;

            background-color: var(--deep-purple);

            background-position: center;

            background-repeat: no-repeat;

            background-size: cover;



            box-shadow: var(--shadow-card);



            transition:

                transform 0.4s ease,

                box-shadow 0.4s ease;

        }



        .new-media-card:hover {

            transform: translateY(-8px);

            box-shadow: var(--deep-shadow);

        }



        .new-media-card::before {

            content: "";

            position: absolute;

            inset: 0;

            z-index: 1;



            background:

                linear-gradient(

                    180deg,

                    rgba(46, 34, 56, 0.04) 0%,

                    rgba(46, 34, 56, 0.12) 30%,

                    rgba(46, 34, 56, 0.76) 65%,

                    rgba(46, 18, 39, 0.98) 100%

                );

        }



        .new-media-card::after {

            content: "";

            position: absolute;

            inset: 0;

            z-index: 1;



            background:

                linear-gradient(

                    135deg,

                    rgba(139, 116, 181, 0.08),

                    transparent 50%

                );



            transition: background 0.4s ease;

        }



        .new-media-card:hover::after {

            background:

                linear-gradient(

                    135deg,

                    rgba(139, 116, 181, 0.20),

                    transparent 58%

                );

        }



        .new-media-card-one {

            background-image:

                url("https://symmetrixsys.in/staging/cf/images/ipimg02.jpg");

        }



        .new-media-card-two {

            background-image:

                url("https://symmetrixsys.in/staging/cf/images/ipimg03.jpg");

        }



        .new-media-card-three {

            background-image:

                url("https://symmetrixsys.in/staging/cf/images/ipimg04.jpg");

        }



        .new-media-card-tag {

            position: absolute;

            top: 24px;

            right: 24px;

            z-index: 3;



            padding: 8px 13px;



            color: var(--white);

            font-size: 16px;

            font-weight: 800;

            letter-spacing: 0.08em;

            text-transform: uppercase;



        }



        .new-media-card-content {

            position: absolute;

            right: 0;

            bottom: 0;

            left: 0;

            z-index: 3;



            display: flex;

            flex-direction: column;

            justify-content: flex-end;



            min-height: 72%;

            padding: 38px 27px 30px;

        }



        .new-media-card-subtitle {

            margin: 0 0 10px;



            color: rgba(255, 255, 255, 0.76);

            font-size: 11px;

            font-weight: 800;

            line-height: 1.5;

            letter-spacing: 0.09em;

            text-transform: uppercase;

        }



        .new-media-card-title {

            margin: 0 0 14px;



            color: var(--white);

            font-family: "Cormorant Garamond", serif;

            font-size: 32px;

            font-weight: 700;

            line-height: 1.08;

        }



        .new-media-card-text {

            margin: 0 0 11px;



            color: rgba(255, 255, 255, 0.87);

            font-size: 13px;

            line-height: 1.75;

        }



        .new-media-card-actions {

            display: flex;

            flex-wrap: wrap;

            gap: 9px;

            margin-top: 11px;

        }



        .new-media-button {

            display: inline-flex;

            align-items: center;

            justify-content: center;



            min-height: 40px;

            padding: 10px 14px;



            color: var(--deep-purple);

            font-size: 12px;

            font-weight: 800;

            line-height: 1.25;

            letter-spacing: 0.04em;

            text-align: center;

            text-decoration: none;

            text-transform: uppercase;



            border: 1px solid var(--white);

            border-radius: 2px;



            background: var(--white);



            transition:

                color 0.3s ease,

                border-color 0.3s ease,

                background 0.3s ease,

                transform 0.3s ease;

        }



        .new-media-button:hover {

            color: var(--white);

            border-color: var(--vibrant-violet);

            background: var(--vibrant-violet);

            transform: translateY(-2px);

        }



        .new-media-button-outline {

            color: var(--white);

            background: transparent;

        }



        .new-media-button-outline:hover {

            color: var(--deep-purple);

            border-color: var(--white);

            background: var(--white);

        }



        @media (max-width: 1100px) {

            .new-media-grid {

                grid-template-columns: repeat(2, minmax(0, 1fr));

            }



            .new-media-card {

                min-height: 600px;

            }



            .new-media-card:last-child {

                grid-column: 1 / -1;

                width: calc(50% - 11px);

                justify-self: center;

            }

        }



        @media (max-width: 767px) {

            .new-media-section {

                padding: 75px 0;

            }



            .new-media-heading {

                margin-bottom: 38px;

            }



            .new-media-title {

                font-size: 43px;

            }



            .new-media-description {

                font-size: 16px;

            }



            .new-media-grid {

                grid-template-columns: 1fr;

            }



            .new-media-card,

            .new-media-card:last-child {

                width: 100%;

                min-height: 590px;

                grid-column: auto;

            }

        }



        @media (max-width: 480px) {

            .new-media-section {

                padding: 60px 0;

            }



            .new-media-container {

                width: min(calc(100% - 24px), 1240px);

            }



            .new-media-kicker {

                font-size: 10px;

            }



            .new-media-kicker::before,

            .new-media-kicker::after {

                width: 23px;

            }



            .new-media-title {

                font-size: 38px;

            }



            .new-media-description {

                font-size: 15px;

                line-height: 1.7;

            }



            .new-media-card {

                min-height: 620px;

            }



            .new-media-card-tag {

                top: 18px;

                right: 18px;

            }



            .new-media-card-content {

                padding: 32px 21px 24px;

            }



            .new-media-card-title {

                font-size: 29px;

            }



            .new-media-card-text {

                font-size: 12px;

                line-height: 1.7;

            }



            .new-media-card-actions {

                flex-direction: column;

            }



            .new-media-button {

                width: 100%;

            }

        } 

 

 

         .media-contact-section {

            position: relative;

            overflow: hidden;

            padding: 50px 0;



            background:

                radial-gradient(circle at 7% 10%, rgba(139, 116, 181, 0.14), transparent 28%), radial-gradient(circle at 94% 90%, rgb(78 57 123), #2d0c526e 30%), linear-gradient(180deg, var(--ivory-white) 0%, var(--mist-lavender) 100%)

        }



        .media-contact-section::before {

            content: "";

            position: absolute;

            top: -170px;

            right: -150px;

            width: 420px;

            height: 420px;

            border: 70px solid rgba(139, 116, 181, 0.055);

            border-radius: 50%;

            pointer-events: none;

        }



        .media-contact-section::after {

            content: "";

            position: absolute;

            bottom: -210px;

            left: -170px;

            width: 430px;

            height: 430px;

            border-radius: 50%;

            background: rgba(78, 57, 123, 0.045);

            pointer-events: none;

        }



        .media-contact-wrapper {

            position: relative;

            z-index: 2;

            overflow: hidden;

            border: 1px solid rgba(139, 116, 181, 0.20);

            border-radius: var(--radius-xl);

            background: var(--white);

            box-shadow: var(--shadow-soft);

        }



        .media-contact-image-column {

            position: relative;

            min-height: 570px;

            overflow: hidden;

        }



        .media-contact-image {

            position: absolute;

            inset: 0;

            width: 100%;

            height: 100%;

            object-fit: cover;

            object-position: center;

            transition: transform 0.7s ease;

        }



        .media-contact-wrapper:hover .media-contact-image {

            transform: scale(1.04);

        }



        .media-contact-image-column::before {

            content: "";

            position: absolute;

            inset: 0;

            z-index: 1;



            background:

                linear-gradient(

                    180deg,

                    rgba(46, 34, 56, 0.03) 25%,

                    rgba(46, 34, 56, 0.72) 100%

                );

        }



        .media-contact-image-column::after {

            content: "";

            position: absolute;

            top: 30px;

            right: 30px;

            z-index: 2;

            width: 72px;

            height: 72px;

            border-top: 2px solid rgba(255, 255, 255, 0.82);

            border-right: 2px solid rgba(255, 255, 255, 0.82);

        }



        .media-contact-image-caption {

            position: absolute;

            right: 35px;

            bottom: 35px;

            left: 35px;

            z-index: 3;

        }



        .media-contact-image-label {

            display: inline-block;

            margin-bottom: 9px;

            color: rgba(255, 255, 255, 0.78);

            font-size: 11px;

            font-weight: 800;

            letter-spacing: 0.14em;

            text-transform: uppercase;

        }



        .media-contact-image-title {

            max-width: 390px;

            margin: 0;

            color: var(--white);

            font-family: "Cormorant Garamond", serif;

            font-size: 33px;

            font-weight: 700;

            line-height: 1.12;

        }



        .media-contact-content-column {

            position: relative;

            display: flex;

            align-items: center;

            min-height: 570px;

            overflow: hidden;

        }



        .media-contact-content-column::before {

            content: "";

            position: absolute;

            top: -85px;

            right: -75px;

            width: 230px;

            height: 230px;

            border: 46px solid rgba(139, 116, 181, 0.055);

            border-radius: 50%;

            pointer-events: none;

        }



        .media-contact-content {

            position: relative;

            z-index: 2;

            width: 100%;

            padding: 65px 70px;

        }



        .media-contact-kicker {

            display: inline-flex;

            align-items: center;

            gap: 12px;

            margin-bottom: 17px;

            color: var(--vibrant-violet);

            font-size: 12px;

            font-weight: 800;

            letter-spacing: 0.15em;

            text-transform: uppercase;

        }



        .media-contact-title {

            max-width: 610px;

            margin: 0 0 20px;

            color: var(--deep-purple);

            font-family: "Cormorant Garamond", serif;

            font-size: 43px;

            font-weight: 700;

            line-height: 1.04;

            letter-spacing: -0.025em;

        }



        .media-contact-description {

            max-width: 650px;

            margin: 0 0 27px;

            color: var(--text-muted);

            font-size: 16px;

            line-height: 1.85;

        }



        .media-contact-email-box {

            position: relative;

            margin-bottom: 28px;

            padding: 21px 24px 21px 27px;

            border-left: 4px solid var(--vibrant-violet);

            background: var(--mist-lavender);

        }



        .media-contact-email-label {

            display: block;

            margin-bottom: 6px;

            color: var(--text-muted);

            font-size: 12px;

            font-weight: 700;

            letter-spacing: 0.05em;

            text-transform: uppercase;

        }



        .media-contact-email {

            display: inline-block;

            color: var(--deep-purple);

            font-size: 18px;

            font-weight: 800;

            line-height: 1.5;

            text-decoration: none;

            word-break: break-word;

            transition: color 0.3s ease;

        }



        .media-contact-email:hover {

            color: var(--vibrant-violet);

        }



        .cf-buttontwo {

            display: inline-flex;

            align-items: center;

            justify-content: center;

            min-height: 50px;

            padding: 13px 25px;

            color: var(--white);

            font-size: 12px;

            font-weight: 800;

            line-height: 1;

            letter-spacing: 0.06em;

            text-decoration: none;

            text-transform: uppercase;

            border: 2px solid var(--deep-purple);

            border-radius: 2px;

            background: var(--deep-purple);

            transition:

                color 0.3s ease,

                border-color 0.3s ease,

                background 0.3s ease,

                transform 0.3s ease,

                box-shadow 0.3s ease;

        }



        .cf-buttontwo:hover {

            color: var(--white);

            border-color: var(--vibrant-violet);

            background: var(--vibrant-violet);

            transform: translateY(-3px);

            box-shadow:

                0 14px 30px rgba(78, 57, 123, 0.20);

        }



        @media (max-width: 1199px) {

            .media-contact-content {

                padding: 55px 45px;

            }



            .media-contact-title {

                font-size: 46px;

            }

        }



        @media (max-width: 991px) {

            .media-contact-image-column {

                min-height: 470px;

            }



            .media-contact-content-column {

                min-height: auto;

            }



            .media-contact-content {

                padding: 55px 45px;

            }

        }



        @media (max-width: 767px) {

            .media-contact-section {

                padding: 75px 0;

            }



            .media-contact-wrapper {

                border-radius: var(--radius-lg);

            }



            .media-contact-image-column {

                min-height: 390px;

            }



            .media-contact-content {

                padding: 44px 30px;

            }



            .media-contact-title {

                font-size: 42px;

            }



            .media-contact-description {

                font-size: 15px;

                line-height: 1.78;

            }

        }



        @media (max-width: 480px) {

            .media-contact-section {

                padding: 60px 0;

            }



            .media-contact-section .container {

                padding-right: 12px;

                padding-left: 12px;

            }



            .media-contact-wrapper {

                border-radius: var(--radius-md);

            }



            .media-contact-image-column {

                min-height: 330px;

            }



            .media-contact-image-caption {

                right: 22px;

                bottom: 24px;

                left: 22px;

            }



            .media-contact-image-title {

                font-size: 28px;

            }



            .media-contact-content {

                padding: 36px 22px;

            }



            .media-contact-kicker {

                font-size: 10px;

            }



            .media-contact-kicker::before {

                width: 30px;

            }



            .media-contact-title {

                font-size: 38px;

            }



            .media-contact-email-box {

                padding: 18px;

            }



            .media-contact-email {

                font-size: 15px;

            }



            .cf-buttontwo {

                width: 100%;

            }

        }

 

 

 .banner-caption .cf-buttontwo.partnerwithbtn{color:#4E397B; border-color:#fff; background-color:#fff;}

 

 /* Team Page Updates */

 

 :root {

      --team-banner-purple: #4E397B;

      --team-banner-lavender: #8B74B5;

      --team-banner-white: #ffffff;

      --team-banner-yellow: #ffc90b;

      --team-banner-pink: #ff1687;

      --team-banner-orange: #ff4c22;

      --team-banner-shadow: 0 20px 45px rgba(46, 34, 56, 0.18);

    }

	

     .team-banner {

      position: relative;

      width: 100%;

      min-height: 390px;

      aspect-ratio: 866 / 389;

      overflow: hidden;

      isolation: isolate;

      background: #e9ddff;

	  margin-top:9rem;

    }



    /* Large purple shape */

    .team-banner__purple-box {

      position: absolute;

      z-index: 1;

      top: -43%;

      left: -10%;

      width: 88%;

      height: 140%;

      border-radius: 0 0 58% 0 / 0 0 46% 0;

      background: var(--team-banner-purple);

    }



    /* Creates the diagonal white cut on the purple shape */

    .team-banner__white-cut {

      position: absolute;

      z-index: 2;

      top: -8%;

      right: 17.5%;

      width: 24%;

      height: 80%;

      background: #e9ddff;

      clip-path: polygon(71% 0, 100% 0, 100% 100%, 0 100%);

    }



    /* Large yellow curved shape */

    .team-banner__yellow-shape {

      position: absolute;

      z-index: 2;

      right: -15%;

      bottom: -73%;

      width: 62%;

      height: 137%;

      border-radius: 50%;

      background: var(--team-banner-yellow);

    }



    .team-banner__content {

      position: absolute;

      z-index: 5;

      top: 49%;

      left: 5%;

      transform: translateY(-50%);

    }



    .team-banner__title {

      color: var(--team-banner-white);

      font-size: clamp(43px, 5.3vw, 72px);

      font-weight: 500;

      line-height: 0.97;

      letter-spacing: -0.055em;

      text-shadow: 0 2px 3px rgba(0, 0, 0, 0.08);

    }



    .team-banner__title span {

      display: block;

    }



    /* Organic image shape using an image from the supplied website */

    .team-banner__image-block {

      position: absolute;

      z-index: 6;

      top: 11.5%;

      right: 14.4%;

      width: 30.5%;

      height: 64%;

      overflow: hidden;

      border-radius: 45% 55% 45% 55% / 38% 37% 63% 62%;

      background: var(--team-banner-pink);

      box-shadow: 0 18px 38px rgba(255, 22, 135, 0.12);

      transform: rotate(3deg);

    }



    .team-banner__image-block img {

      width: 100%;

      height: 100%;

      object-fit: cover;

      object-position: center;

      filter: saturate(1.35) contrast(1.06) brightness(1.03);

      transform: rotate(-3deg) scale(1.13);

    }



    .team-banner__image-block::before {

      content: "";

      position: absolute;

      z-index: 2;

      inset: 0;

      background:

        linear-gradient(

          115deg,

          rgba(255, 76, 34, 0.82) 0%,

          rgba(255, 22, 135, 0.64) 42%,

          rgba(255, 126, 196, 0.48) 76%,

          rgba(255, 224, 238, 0.32) 100%

        );

      mix-blend-mode: color;

      pointer-events: none;

    }



    .team-banner__image-block::after {

      content: "";

      position: absolute;

      z-index: 3;

      inset: 0;

      background:

        linear-gradient(

          102deg,

          transparent 8%,

          rgba(255, 255, 255, 0.10) 27%,

          transparent 44%

        ),

        radial-gradient(

          circle at 73% 63%,

          rgba(255, 255, 255, 0.33),

          transparent 35%

        );

      pointer-events: none;

    }



    .team-banner__badge {

      position: absolute;

      z-index: 8;

      top: 15%;

      right: 12.4%;

      display: flex;

      width: 11.6%;

      min-width: 86px;

      max-width: 112px;

      aspect-ratio: 1;

      flex-direction: column;

      align-items: center;

      justify-content: center;

      border-radius: 50%;

      color: var(--team-banner-white);

      text-align: center;

      background: var(--team-banner-purple);

      box-shadow: var(--team-banner-shadow);

    }



    .team-banner__badge-label {

      margin-bottom: 5px;

      color: var(--team-banner-yellow);

      font-size: 25px;

      font-weight: 800;

      line-height: 1;

      letter-spacing: 0.04em;

      text-transform: uppercase;

    }



    .team-banner__badge-year {

      font-size: 20px;

      font-weight: 700;

      line-height: 1;

    }



    .team-banner__scroll {

      position: absolute;

      z-index: 9;

      left: 10.8%;

      bottom: 3.8%;

      display: grid;

      width: 5%;

      min-width: 43px;

      max-width: 52px;

      aspect-ratio: 1;

      place-items: center;

      border: 0;

      border-radius: 50%;

      background: var(--team-banner-white);

      box-shadow: 0 7px 18px rgba(46, 34, 56, 0.12);

      cursor: pointer;

    }



    .team-banner__scroll::before {

      content: "";

      width: 0;

      height: 0;

      border-top: 5px solid var(--team-banner-pink);

      border-right: 4px solid transparent;

      border-left: 4px solid transparent;

    }



    @media (max-width: 767px) {

      .team-banner {

        min-height: 560px;

        aspect-ratio: auto;

      }



      .team-banner__purple-box {

        top: -20%;

        left: -38%;

        width: 140%;

        height: 94%;

        border-radius: 0 0 52% 0 / 0 0 27% 0;

      }



      .team-banner__white-cut {

        top: -3%;

        right: -3%;

        width: 39%;

        height: 57%;

      }



      .team-banner__yellow-shape {

        right: -47%;

        bottom: -34%;

        width: 110%;

        height: 67%;

      }



      .team-banner__content {

        top: 37%;

        left: 9%;

      }



      .team-banner__title {

        font-size: clamp(43px, 13vw, 62px);

      }



      .team-banner__image-block {

        top: auto;

        right: 10%;

        bottom: 8%;

        width: 47%;

        height: 42%;

      }



      .team-banner__badge {

        top: auto;

        right: 6%;

        bottom: 38%;

        width: 88px;

      }



      .team-banner__scroll {

        left: 8%;

        bottom: 4%;

      }

    }

 

 

    .social-wrapper {

      width: 100%;

      padding: 20px;

    }



    .social-list {

      display: flex;

      justify-content: flex-end;

      align-items: center;

      gap: 12px;

      list-style: none;

      margin: 0;

      padding: 0;

    }



    .social-list li {

      margin: 0;

      padding: 0;

    }



    .social-list a {

      width: 42px;

      height: 42px;

      display: flex;

      align-items: center;

      justify-content: center;

      border: 1px solid #2E2238;

      border-radius: 2px;

      color: #2E2238;

      text-decoration: none;

      transition: background-color 0.3s ease,

                  color 0.3s ease,

                  border-color 0.3s ease;

    }



    .social-list a:hover {

      background: #4E397B;

      border-color: #4E397B;

      color: #ffffff;

    }



    .social-list svg {

      width: 19px;

      height: 19px;

      fill: currentColor;

      display: block;

    }



    @media (max-width: 767px) {

      .social-wrapper {

        padding: 15px;

      }



      .social-list {

        gap: 8px;

      }



      .social-list a {

        width: 38px;

        height: 38px;

      }



      .social-list svg {

        width: 17px;

        height: 17px;

      }

    } 

 

     .founder-story {

      position: relative;

      display: flex;

      min-height: 770px;

      align-items: center;

      overflow: hidden;

      isolation: isolate;

      padding: 50px 24px 20px;

      background-image:

        linear-gradient(

          90deg,

          rgba(46, 34, 56, 0.92) 0%,

          rgba(78, 57, 123, 0.84) 36%,

          rgba(78, 57, 123, 0.52) 62%,

          rgba(46, 34, 56, 0.34) 100%

        ),

        linear-gradient(

          180deg,

          rgba(46, 34, 56, 0.10),

          rgba(46, 34, 56, 0.52)

        ),

        url('../images/abtimg01.jpg');

      background-position: center;

      background-size: cover;

      background-repeat: no-repeat;

    }



    .founder-story::before {

      content: "";

      position: absolute;

      z-index: -1;

      top: -200px;

      left: -180px;

      width: 620px;

      height: 620px;

      border: 100px solid rgba(255, 255, 255, 0.06);

      border-radius: 50%;

    }



    .founder-story::after {

      content: "";

      position: absolute;

      right: -140px;

      bottom: -220px;

      width: 560px;

      height: 560px;

      border-radius: 50%;

      background: rgba(139, 116, 181, 0.22);

      filter: blur(2px);

    }



    .founder-story__container {

      position: relative;

      z-index: 2;

      display: grid;

      width: min(1240px, 100%);

      margin: 0 auto;

      grid-template-columns: minmax(0, 1fr) minmax(330px, 430px);

      gap: 70px;

      align-items: center;

    }



    .founder-story__content {

      max-width: 720px;

      color: var(--white);

    }



    .founder-story__eyebrow {

      display: inline-flex;

      align-items: center;

      gap: 14px;

      margin-bottom: 20px;

      color: var(--mist-lavender);

      font-size: 12px;

      font-weight: 700;

      letter-spacing: 0.18em;

      text-transform: uppercase;

    }



    .founder-story__eyebrow::before {

      content: "";

      width: 44px;

      height: 2px;

      background: var(--mist-lavender);

    }



    .founder-story__title {

      max-width: 650px;

      color: var(--white);

      font-size: 43px;

      font-weight: 600;

      line-height: 0.86;

      letter-spacing: 0;

    }



    .founder-story__intro {

      max-width: 660px;

      margin-top: 20px;

      color: rgba(255, 255, 255, 0.84);

      font-size: 18px;

      line-height: 1.82;

    }

	

	.founder-story__intro span{font-size:16px;}



    .founder-story__copy {

      max-width: 690px;

      margin-top: 15px;

    }



    .founder-story__copy p {

      margin-bottom: 18px;

      color: rgba(255, 255, 255, 0.78);

      font-size: 15px;

      line-height: 1.85;

    }



    .founder-story__copy p:first-child {

      color: var(--white);

      font-size: 17px;

      font-weight: 500;

    }



    .founder-story__quote {

      position: relative;

      max-width: 690px;

      margin-top: 34px;

      padding: 28px 30px 28px 38px;

      border: 1px solid rgba(255, 255, 255, 0.20);

      border-radius: var(--radius-md);

      background: rgba(255, 255, 255, 0.10);

      box-shadow: 0 20px 55px rgba(20, 11, 34, 0.18);

      backdrop-filter: blur(12px);

    }



    .founder-story__quote::before {

      content: "“";

      position: absolute;

      top: -8px;

      left: 14px;

      color: rgba(255, 255, 255, 0.24);

      font-family: "Cormorant Garamond", serif;

      font-size: 92px;

      line-height: 1;

    }



    .founder-story__quote p {

      position: relative;

      margin: 0;

      color: var(--white);

      font-family: "Cormorant Garamond", serif;

      font-size: 28px;

      font-weight: 600;

      line-height: 1.25;

    }



    .founder-story__quote span {

      display: block;

      margin-top: 14px;

      color: rgba(255, 255, 255, 0.68);

      font-size: 10px;

      font-weight: 700;

      letter-spacing: 0.14em;

      text-transform: uppercase;

    }



    .founder-story__person {

      position: relative;

      width: 100%;

    }



    .founder-story__person::before {

      content: "";

      position: absolute;

      top: -22px;

      right: -22px;

      width: 118px;

      height: 118px;

      border-radius: 50%;

      background: var(--vibrant-violet);

      opacity: 0.9;

    }



    .founder-story__person-card {

      position: relative;

      z-index: 2;

      overflow: hidden;

      border: 10px solid rgba(255, 255, 255, 0.92);

      border-radius: var(--radius-xl);

      background: var(--white);

      box-shadow: var(--deep-shadow);

    }



    .founder-story__person-image {

      width: 100%;

      height: 630px;

      object-fit: cover;

      object-position: center top;

    }



    .founder-story__person-info {

      position: absolute;

      right: 10px;

      bottom: 10px;

      left: 10px;

      padding: 24px 24px 22px;

      border-radius: 0 0 24px 24px;

      color: var(--white);

      background:

        linear-gradient(

          180deg,

          rgba(46, 34, 56, 0),

          rgba(46, 34, 56, 0.92)

        );

    }



    .founder-story__person-name {

      font-family: "Cormorant Garamond", serif;

      font-size: 38px;

      font-weight: 600;

      line-height: 1;

    }



    .founder-story__person-role {

      display: block;

      margin-top: 9px;

      color: rgba(255, 255, 255, 0.75);

      font-size: 10px;

      font-weight: 700;

      letter-spacing: 0.14em;

      text-transform: uppercase;

    }



    .founder-story__year {

      position: absolute;

      z-index: 4;

      top: 40px;

      left: -44px;

      display: grid;

      width: 112px;

      height: 112px;

      place-items: center;

      border: 7px solid rgba(255, 255, 255, 0.92);

      border-radius: 50%;

      color: var(--white);

      text-align: center;

      background: var(--deep-purple);

      box-shadow: var(--shadow-card);

    }



    .founder-story__year span {

      display: block;

      color: var(--mist-lavender);

      font-size: 9px;

      font-weight: 700;

      letter-spacing: 0.12em;

      text-transform: uppercase;

    }



    .founder-story__year strong {

      display: block;

      margin-top: 3px;

      font-family: "Cormorant Garamond", serif;

      font-size: 34px;

      line-height: 1;

    }



    @media (max-width: 1050px) {

      .founder-story {

        min-height: auto;

      }



      .founder-story__container {

        grid-template-columns: 1fr;

      }



      .founder-story__content {

        max-width: 820px;

      }



      .founder-story__person {

        width: min(430px, 100%);

        margin: 0 auto;

      }

    }



    @media (max-width: 700px) {

      .founder-story {

        padding: 74px 16px;

        background-position: 58% center;

      }



      .founder-story__container {

        gap: 48px;

      }



      .founder-story__title {

        font-size: clamp(54px, 17vw, 76px);

      }



      .founder-story__intro {

        padding-left: 18px;

        font-size: 16px;

      }



      .founder-story__copy p {

        font-size: 14px;

      }



      .founder-story__quote {

        padding: 25px 22px 25px 30px;

      }



      .founder-story__quote p {

        font-size: 24px;

      }



      .founder-story__person-image {

        height: 500px;

      }



      .founder-story__year {

        top: 24px;

        left: -8px;

        width: 88px;

        height: 88px;

        border-width: 5px;

      }



      .founder-story__year strong {

        font-size: 27px;

      }



      .founder-story__person-name {

        font-size: 32px;

      }

    }

 

 

.founder-story .cf-quote-symbol{color:#fff;} 

.founder-story .cf-quote-text{color:#fff;} 

 

     .legacy-forward {

      position: relative;

      overflow: hidden;

      padding: 50px 24px;

      background:

        radial-gradient(

          circle at 90% 10%,

          rgba(139, 116, 181, 0.14),

          transparent 34%

        ),

        linear-gradient(

          135deg,

          var(--ivory-white) 0%,

          var(--mist-lavender) 100%

        );

    }



    .legacy-forward::before {

      position: absolute;

      top: 40px;

      right: -110px;

      width: 300px;

      height: 300px;

      border: 1px solid rgba(78, 57, 123, 0.12);

      border-radius: 50%;

      content: "";

    }



    .legacy-forward::after {

      position: absolute;

      bottom: -150px;

      left: -120px;

      width: 360px;

      height: 360px;

      border-radius: 50%;

      background: rgba(139, 116, 181, 0.08);

      content: "";

    }



    .legacy-forward__container {

      position: relative;

      z-index: 2;

      display: grid;

      grid-template-columns: minmax(0, 0.95fr) minmax(0, 1.05fr);

      align-items: center;

      max-width: 1240px;

      margin: 0 auto;

      background: var(--white);

      box-shadow: var(--deep-shadow);

    }



    .legacy-forward__image-column{

      position: relative;

      min-height: 600px;

      overflow: hidden;

    }



    .legacy-forward__image-column::after {

      position: absolute;

      inset: 0;

      background:

        linear-gradient(

          180deg,

          transparent 45%,

          rgba(46, 34, 56, 0.28) 100%

        );

      content: "";

      pointer-events: none;

    }



    .legacy-forward__image {

      display: block;

      width: 100%;

      height: 600px;

      min-height: 180px;

      object-fit: cover;

      object-position: center;

      transition: transform 0.8s ease;

    }



    .legacy-forward__container:hover .legacy-forward__image {

      transform: scale(1.025);

    }



    .legacy-forward__image-label {

      position: absolute;

      z-index: 2;

      right: 30px;

      bottom: 30px;

      left: 30px;

      padding: 18px 20px;

      border-left: 3px solid var(--white);

      color: var(--white);

      background: rgba(78, 57, 123, 0.55);

      backdrop-filter: blur(10px);

    }



    .legacy-forward__image-label span {

      display: block;

      margin-bottom: 5px;

      font-size: 11px;

      font-weight: 600;

      letter-spacing: 2px;

      text-transform: uppercase;

    }



    .legacy-forward__image-label strong {

      font-family: "Cormorant Garamond", serif;

      font-size: 24px;

      font-weight: 600;

    }



    .legacy-forward__content {

      padding: 40px 70px 40px 44px;

    }



    .legacy-forward__eyebrow {

      display: inline-flex;

      align-items: center;

      gap: 12px;

      margin-bottom: 22px;

      color: var(--vibrant-violet);

      font-size: 12px;

      font-weight: 600;

      letter-spacing: 2.4px;

      text-transform: uppercase;

    }



    .legacy-forward__eyebrow::before {

      width: 46px;

      height: 1px;

      background: var(--vibrant-violet);

      content: "";

    }



    .legacy-forward__title {

      max-width: 620px;

      margin-bottom: 15px;

      color: var(--deep-purple);

      font-family: "Cormorant Garamond", serif;

      font-size: 43px;

      font-weight: 600;

      line-height: 1.1;

      letter-spacing: 0px;

    }



    .legacy-forward__people {

      margin-bottom: 15px;

    }



    .legacy-forward__people h2 {

      margin-bottom: 5px;

      color: var(--charcoal-plum);

      font-family: "Cormorant Garamond", serif;

      font-size: 31px;

      font-weight: 600;

      line-height: 1.1;

    }



    .legacy-forward__people p {

      color: var(--soft-lavender);

      font-size: 13px;

      font-weight: 600;

      letter-spacing: 1.4px;

      line-height: 1.6;

      text-transform: uppercase;

    }



    .legacy-forward__intro {

      position: relative;

      margin-bottom: 24px;

      color: var(--deep-purple);

      font-family: "Cormorant Garamond", serif;

      font-size: 25px;

      font-style: italic;

      font-weight: 600;

      line-height: 1.45;

    }



    .legacy-forward__intro::before {

      color: rgba(139, 116, 181, 0.25);

      content: "“";

      font-size: 58px;

      line-height: 0;

      vertical-align: -18px;

    }



    .legacy-forward__description {

      max-width: 650px;

      color: var(--text-muted);

      font-size: 15.5px;

      line-height: 1.9;

    }



    .legacy-forward__description p + p {

      margin-top: 18px;

    }



    .legacy-forward__signature {

      display: flex;

      align-items: center;

      gap: 16px;

      margin-top: 36px;

      color: var(--deep-purple);

      font-family: "Cormorant Garamond", serif;

      font-size: 19px;

      font-style: italic;

      font-weight: 600;

    }



    .legacy-forward__signature::before {

      width: 60px;

      height: 1px;

      background: rgba(78, 57, 123, 0.45);

      content: "";

    }



    @media (max-width: 991px) {

      .legacy-forward {

        padding: 75px 20px;

      }



      .legacy-forward__container {

        grid-template-columns: 1fr;

        max-width: 760px;

      }



      .legacy-forward__image-column,

      .legacy-forward__image {

        min-height: 560px;

      }



      .legacy-forward__content {

        padding: 58px 48px;

      }

    }



    @media (max-width: 575px) {

      .legacy-forward {

        padding: 50px 14px;

      }



      .legacy-forward__image-column,

      .legacy-forward__image {

        min-height: 420px;

      }



      .legacy-forward__image-label {

        right: 18px;

        bottom: 18px;

        left: 18px;

      }



      .legacy-forward__content {

        padding: 44px 24px;

      }



      .legacy-forward__title {

        font-size: 46px;

        line-height: 1;

      }



      .legacy-forward__people h2 {

        font-size: 27px;

      }



      .legacy-forward__intro {

        font-size: 22px;

      }



      .legacy-forward__description {

        font-size: 14px;

        line-height: 1.8;

      }

    }

 

/* Impact Pages */

/* =========================================

   Compact Impact Metrics

========================================= */



.impact-metrics-short {

  position: relative;

  padding: 0px 0 50px;

  overflow: hidden;

  background: #fafafa;

}



.impact-metrics-short .container {

  width: calc(100% - 40px);

  max-width: 1240px;

  margin: 0 auto;

}



.impact-metrics-short__heading,

.impact-metrics-short__programme-heading {

  margin-bottom: 30px;

}



.impact-metrics-short__heading > span,

.impact-metrics-short__programme-heading > span {

  display: inline-flex;

  align-items: center;

  gap: 12px;

  color: var(--vibrant-violet);

  font-size: 16px;

  font-weight: 700;

  letter-spacing: 2px;

  text-transform: uppercase;

}



.impact-metrics-short__heading h2,

.impact-metrics-short__programme-heading h2 {

  color: var(--charcoal-plum);

  font-size: 37px;

  line-height: 1;

}



.impact-metrics-short__grid {

  display: grid;

  grid-template-columns: repeat(12, minmax(0, 1fr));

  gap: 18px;

}



.impact-metrics-short__card {

  position: relative;

  padding: 30px;

  overflow: hidden;

  border: 1px solid rgba(78, 57, 123, 0.1);

  border-radius: var(--radius-lg);

  background: var(--white);

  box-shadow: var(--shadow-card);

}



.impact-metrics-short__card h3 {

  color: var(--charcoal-plum);

  font-size: 18px;

  line-height: 1.15;

  font-family: "Manrope", sans-serif;

}



.impact-metrics-short__card p {

  margin: 8px 0 0;

  color: var(--text-muted);

  font-size: 13px;

  line-height: 1.6;

}



.impact-metrics-short__card > strong {

  display: block;

  margin-bottom: 8px;

  color: var(--deep-purple);

  font-family: "Manrope", sans-serif;

  font-size: 54px;

  line-height: 0.9;

  font-weight: 600;

}



.impact-metrics-short__card--primary,

.impact-metrics-short__card--dark {

  grid-column: span 3;

  display: flex;

  flex-direction: column;

  justify-content: center;

}



.impact-metrics-short__card--dark {

  border-color: transparent;

  background: linear-gradient(

    135deg,

    var(--deep-purple),

    var(--soft-lavender)

  );

}



.impact-metrics-short__card--dark > strong,

.impact-metrics-short__card--dark h3 {

  color: var(--white);

}



.impact-metrics-short__card--geography {

  grid-column: span 6;

}



.impact-metrics-short__card--geography h3 {

  max-width: 520px;

  margin-bottom: 28px;

  font-size: 31px;

}



.impact-metrics-short__percentages {

  display: grid;

  grid-template-columns: repeat(4, 1fr);

  gap: 12px;

}



.impact-metrics-short__percentages div {

  padding: 20px;

  border-radius: var(--radius-md);

  background: var(--mist-lavender);

}



.impact-metrics-short__percentages strong {

  display: block;

  margin-bottom: 5px;

  color: var(--deep-purple);

  font-size: 23px;

  line-height: 1;

}



.impact-metrics-short__percentages span {

  color: var(--text-muted);

  font-size: 13px;

  font-weight: 600;

}



.impact-metrics-short__card--income {

  grid-column: span 5;

  display: flex;

  min-height: 245px;

  flex-direction: column;

  justify-content: center;

  background: var(--mist-lavender);

}



.impact-metrics-short__card--income > span,

.impact-metrics-short__card--span > span {

  margin-bottom: 14px;

  color: var(--soft-lavender);

  font-size: 11px;

  font-weight: 700;

  letter-spacing: 1.5px;

  text-transform: uppercase;

}



.impact-metrics-short__card--income > strong {

  margin: 0;

  font-size: clamp(70px, 7vw, 100px);

}



.impact-metrics-short__card--span {

  grid-column: span 5;

}



.impact-metrics-short__span-grid {

  display: grid;

  grid-template-columns: repeat(2, 1fr);

  gap: 25px;

  margin-top: 15px;

}



.impact-metrics-short__span-grid > div {

  padding-right: 20px;

  border-right: 1px solid rgba(78, 57, 123, 0.12);

}



.impact-metrics-short__span-grid > div:last-child {

  border-right: none;

}



.impact-metrics-short__span-grid strong {

  display: block;

  color: var(--deep-purple);

  font-family: "Manrope", sans-serif;

font-size: 54px;

  line-height: 0.9;

}



.impact-metrics-short__span-grid h3 {

  margin-top: 8px;

}



.impact-metrics-short__states {

  padding-top: 22px;

  margin-top: 24px !important;

  border-top: 1px solid rgba(78, 57, 123, 0.1);

  color: var(--deep-purple) !important;

  font-weight: 600;

}



.impact-metrics-short__card--centres {

  grid-column: span 7;

  display: grid;

  grid-template-columns: repeat(2, minmax(0, 1fr));

  gap: 30px;

  align-items: center;

  background: var(--deep-purple);

}



.impact-metrics-short__card--centres > div {

  min-width: 0;

}



/* Divider between the two metrics */

.impact-metrics-short__card--centres > div + div {

  padding-left: 30px;

  border-left: 1px solid rgba(255, 255, 255, 0.2);

}



.impact-metrics-short__card--centres strong,

.impact-metrics-short__card--centres h3 {

  color: var(--white);

}



.impact-metrics-short__card--centres strong {

  display: flex;

  align-items: flex-end;

  gap: 8px;

  margin-bottom: 20px;

  font-family: "Manrope", sans-serif;

  font-size: 54px;

  line-height: 0.9;

  font-weight: 600;

}



.impact-metrics-short__card--centres small {

  margin-bottom: 7px;

  font-family: "Manrope", sans-serif;

  font-size: 14px;

  line-height: 1;

}



.impact-metrics-short__card--centres h3 {

  margin-bottom: 15px;

  font-size: 25px;

  line-height: 1.15;

}



.impact-metrics-short__card--centres p {

  margin: 0;

  color: rgba(255, 255, 255, 0.72);

}



.impact-metrics-short__card--reach {

  grid-column: span 7;

}



.impact-metrics-short__card--reach > strong {

  display: flex;

  align-items: flex-end;

  gap: 10px;

}



.impact-metrics-short__card--reach small {

  margin-bottom: 8px;

  font-family: "Manrope", sans-serif;

  font-size: 14px;

  letter-spacing: 0;

}



.impact-metrics-short__programme {

  margin-top: 30px;

}



.impact-metrics-short__programme-grid {

  display: grid;

  grid-template-columns: repeat(3, 1fr);

  gap: 18px;

}



.impact-metrics-short__programme-card {

  padding: 30px;

  border-radius: var(--radius-lg);

  background: var(--white);

  box-shadow: var(--shadow-card);

}



.impact-metrics-short__programme-card:nth-child(2) {

  background: var(--mist-lavender);

}



.impact-metrics-short__programme-card:nth-child(3) {

  background: var(--deep-purple);

}



.impact-metrics-short__programme-card h3 {

  margin-bottom: 25px;

  color: var(--charcoal-plum);

  font-size: 25px;

}



.impact-metrics-short__programme-card strong {

  display: block;

  color: var(--deep-purple);

  font-size: clamp(45px, 4vw, 61px);

  line-height: 1;

}



.impact-metrics-short__programme-card p {

  margin: 8px 0 0;

  color: #fff;

  font-size: 14px;

  position:relative;

  z-index:99;

}



.impact-metrics-short__programme-card:nth-child(3) h3,

.impact-metrics-short__programme-card:nth-child(3) strong {

  color: var(--white);

}



.impact-metrics-short__programme-card:nth-child(3) p {

  color: rgba(255, 255, 255, 0.72);

}



/* Animation */



.impact-metrics-short--js

.impact-metrics-short__card,

.impact-metrics-short--js

.impact-metrics-short__programme-card {

  opacity: 0;

  transform: translateY(25px);

}



.impact-metrics-short--visible

.impact-metrics-short__card,

.impact-metrics-short--visible

.impact-metrics-short__programme-card {

  opacity: 1;

  transform: translateY(0);

  transition:

    opacity 0.7s ease,

    transform 0.7s ease;

}



.impact-metrics-short--visible

.impact-metrics-short__card:nth-child(2),

.impact-metrics-short--visible

.impact-metrics-short__programme-card:nth-child(2) {

  transition-delay: 0.08s;

}



.impact-metrics-short--visible

.impact-metrics-short__card:nth-child(3),

.impact-metrics-short--visible

.impact-metrics-short__programme-card:nth-child(3) {

  transition-delay: 0.16s;

}



/* Responsive */



@media (max-width: 991px) {

  .impact-metrics-short {

    padding: 75px 0;

  }



  .impact-metrics-short__card--geography,

  .impact-metrics-short__card--income,

  .impact-metrics-short__card--span,

  .impact-metrics-short__card--centres,

  .impact-metrics-short__card--reach {

    grid-column: span 12;

  }

}



@media (max-width: 767px) {

  .impact-metrics-short .container {

    width: calc(100% - 30px);

  }



  .impact-metrics-short__heading h2,

  .impact-metrics-short__programme-heading h2 {

    font-size: 42px;

  }



  .impact-metrics-short__card--primary,

  .impact-metrics-short__card--dark {

    grid-column: span 12;

    min-height: 190px;

  }



  .impact-metrics-short__percentages,

  .impact-metrics-short__programme-grid {

    grid-template-columns: 1fr;

  }



  .impact-metrics-short__span-grid {

    gap: 18px;

  }



  .impact-metrics-short__card {

    padding: 25px;

    border-radius: var(--radius-md);

  }

}



@media (max-width: 480px) {

  .impact-metrics-short__span-grid {

    grid-template-columns: 1fr;

  }



  .impact-metrics-short__span-grid > div {

    padding: 0 0 18px;

    border-right: none;

    border-bottom: 1px solid rgba(78, 57, 123, 0.12);

  }



  .impact-metrics-short__span-grid > div:last-child {

    border-bottom: none;

  }

}



@media (max-width: 991px) {

  .impact-sectionone .impact-card {

    min-height: 310px;

  }

}



@media (max-width: 575px) {

  .impact-sectionone .impact-sectionone {

    padding: 40px 0;

  }



  .impact-sectionone .impact-img img {

    height: 180px;

  }



  .impact-sectionone .impact-card h3 {

    font-size: 30px;

  }



  .impact-sectionone .impact-card p {

    font-size: 16px;

  }

}



.impimgone {

  position: relative;

  min-height: 340px;

  padding: 35px;

  display: flex;

  flex-direction: column;

  justify-content: flex-end;

  overflow: hidden;



  background-image:

    linear-gradient(

      180deg,

      rgba(46, 34, 56, 0.78) 75%,

      rgba(46, 34, 56, 0.88) 100%

    ),

    url("https://symmetrixsys.in/staging/cf/images/whoweare.jpg");



  background-size: cover;

  background-position: center;

  background-repeat: no-repeat;



  border-radius: 24px;

  color: #ffffff;

}



.impimgone strong {

  position: relative;

  z-index: 2;

  display: block;

  margin-bottom: 15px;

  color: #ffffff;

  font-family: "Manrope", sans-serif;

  font-size: 54px;

  font-weight: 700;

  line-height: 0.9;

}



.impimgone h3 {

  position: relative;

  z-index: 2;

  margin: 0;

  color: #ffffff;

  font-family: "Manrope", sans-serif;

  font-size: 18px;

  font-weight: 600;

  line-height: 1.4;

}



.impimgone::before {

  content: "";

  position: absolute;

  inset: 0;

  z-index: 1;

  background: linear-gradient(

    180deg,

    transparent 35%,

    rgba(78, 57, 123, 0.35) 65%,

    rgba(46, 34, 56, 0.92) 100%

  );

  pointer-events: none;

}



@media (max-width: 767px) {

  .impimgone {

    min-height: 280px;

    padding: 25px;

  }



  .impimgone strong {

    font-size: 54px;

  }



  .impimgone h3 {

    font-size: 16px;

  }

}

.impact-metrics-short__card > strong{margin-bottom:15px; display:block;}



/* 2nd box */



.impact-metrics-short__card--geography {

    position: relative;

    min-height: 340px;

    padding: 42px;

    display: flex;

    flex-direction: column;

    justify-content: flex-end;

    overflow: hidden;

    isolation: isolate;



    background-image:

      url("https://symmetrixsys.in/staging/cf/images/bb02.jpg");

    background-size: cover;

    background-position: center;

    background-repeat: no-repeat;



    border-radius: 24px;

    box-shadow: 0 18px 45px rgba(46, 34, 56, 0.10);

  }



  /* Full overlay above the background image */

  .impact-metrics-short__card--geography::before {

    content: "";

    position: absolute;

    inset: 0;

    z-index: 0;



    width: 100%;

    height: 100%;



    background: linear-gradient(

      180deg,

      rgba(46, 34, 56, 0.18) 0%,

      rgba(78, 57, 123, 0.38) 45%,

      rgba(46, 34, 56, 0.88) 100%

    );



    border-radius: inherit;

    pointer-events: none;

  }



  /* Keep all content above the overlay */

  .impact-metrics-short__card--geography > h3,

  .impact-metrics-short__card--geography

  > .impact-metrics-short__percentages {

    position: relative;

    z-index: 1;

  }



  .impact-metrics-short__card--geography h3 {

    max-width: 570px;

    margin: 0 0 25px;

    color: #ffffff;

    font-family: "Cormorant Garamond", serif;

    font-size: clamp(30px, 3vw, 43px);

    line-height: 1;

    font-weight: 700;

    letter-spacing: -0.5px;

  }



  .impact-metrics-short__percentages {

    display: inline-flex;

    grid-template-columns: repeat(4, minmax(0, 1fr));

    gap: 12px;

    width: 100%;

  }



  /* Transparent metric boxes */

  .impact-metrics-short__percentage-box {

    min-width: 0;

    padding: 20px 18px;



    background: rgba(78, 57, 123, 0.52);

    border: 1px solid rgba(255, 255, 255, 0.25);

    border-radius: 18px;



    box-shadow: 0 12px 30px rgba(46, 34, 56, 0.15);



    backdrop-filter: blur(5px);

    -webkit-backdrop-filter: blur(5px);



    transition:

      transform 0.3s ease,

      background-color 0.3s ease;

  }



  .impact-metrics-short__percentage-box:nth-child(2) {

    background: rgba(107, 85, 156, 0.50);

  }



  .impact-metrics-short__percentage-box:nth-child(3) {

    background: rgba(139, 116, 181, 0.48);

  }



  .impact-metrics-short__percentage-box:nth-child(4) {

    background: rgba(46, 34, 56, 0.55);

  }



  .impact-metrics-short__percentage-box:hover {

    transform: translateY(-5px);

    background: rgba(78, 57, 123, 0.72);

  }



  .impact-metrics-short__percentage-box strong {

    display: block;

    margin-bottom: 6px;

    color: #ffffff;

    font-family: "Cormorant Garamond", serif;

    font-size: clamp(30px, 3vw, 44px);

    font-weight: 700;

    line-height: 0.95;

    white-space: nowrap;

  }



  .impact-metrics-short__percentage-box span {

    display: block;

    color: rgba(255, 255, 255, 0.88);

    font-family: "Manrope", sans-serif;

    font-size: 13px;

    font-weight: 600;

    line-height: 1.4;

  }



  @media (max-width: 900px) {

    .impact-metrics-short__percentages {

      grid-template-columns: repeat(2, minmax(0, 1fr));

    }

  }



  @media (max-width: 600px) {

    .impact-metrics-short__card--geography {

      min-height: 540px;

      padding: 28px 20px;

      border-radius: 18px;

    }



    .impact-metrics-short__card--geography h3 {

      margin-bottom: 20px;

      font-size: 33px;

    }



    .impact-metrics-short__percentages {

      gap: 10px;

    }



    .impact-metrics-short__percentage-box {

      padding: 18px 14px;

      border-radius: 14px;

    }



    .impact-metrics-short__percentage-box strong {

      font-size: 34px;

    }

  }



  @media (max-width: 390px) {

    .impact-metrics-short__percentages {

      grid-template-columns: 1fr;

    }

  }



.impact-metrics-short__percentages > div {

  padding: 20px;

  border-radius: var(--radius-md);

  background: #51358fd6;

  color: #ffffff;

}



.impact-metrics-short__percentages > div strong,

.impact-metrics-short__percentages > div span {

  color: #ffffff;

}



/* 3rd Box */

.impact-metrics-short__card--span {

  position: relative;

  min-height: 347px;

  padding: 38px;

  display: flex;

  flex-direction: column;

  justify-content: flex-end;

  overflow: hidden;

  isolation: isolate;



  background-image: url("https://symmetrixsys.in/staging/cf/images/bb03.jpg");

  background-size: cover;

  background-position: center;

  background-repeat: no-repeat;



  border-radius: var(--radius-lg);

  box-shadow: var(--shadow-card);

  color: #ffffff;

}



.impact-metrics-short__card--span::before {

  content: "";

  position: absolute;

  inset: 0;

  z-index: 0;

  border-radius: inherit;



  background: linear-gradient(

    180deg,

    rgba(46, 34, 56, 0.12) 0%,

    rgba(78, 57, 123, 0.45) 48%,

    rgba(46, 34, 56, 0.94) 100%

  );



  pointer-events: none;

}



.impact-metrics-short__card--span > * {

  position: relative;

  z-index: 1;

}



.impact-metrics-short__card--span > span {

  display: inline-block;

  align-self: flex-start;

  margin-bottom: 0;

  padding: 8px 14px;



  border: 1px solid rgba(255, 255, 255, 0.25);

  border-radius: 5px;

  background: rgba(81, 53, 143, 0.78);



  color: #ffffff;

  font-size: 12px;

  font-weight: 700;

  line-height: 1;

  letter-spacing: 1.2px;

  text-transform: uppercase;

}



.impact-metrics-short__span-grid {

  display: grid;

  grid-template-columns: repeat(2, minmax(0, 1fr));

  gap: 14px;

  margin-bottom: 20px;

}



.impact-metrics-short__span-grid > div {

  padding: 20px;

  border: 1px solid rgba(255, 255, 255, 0.22);

  border-radius: var(--radius-md);

  background: rgba(81, 53, 143, 0.78);



  box-shadow: 0 12px 28px rgba(46, 34, 56, 0.18);



  backdrop-filter: blur(5px);

  -webkit-backdrop-filter: blur(5px);

}



.impact-metrics-short__span-grid strong {

  display: block;

  margin-bottom: 4px;



  color: #ffffff;

font-size: 54px;

  font-weight: 700;

  line-height: 0.88;

}



.impact-metrics-short__span-grid h3 {

  margin: 0 0 5px;

  color: #ffffff;

  font-size: 19px;

  font-weight: 700;

  line-height: 1.2;

}



.impact-metrics-short__span-grid p {

  margin: 0;

  color: rgba(255, 255, 255, 0.86);

  font-size: 12px;

  font-weight: 500;

  line-height: 1.45;

}



.impact-metrics-short__states {

  margin: 0;

  padding: 13px 16px;



  border-left: 4px solid #8B74B5;

  border-radius: 0 12px 12px 0;

  background: rgba(46, 34, 56, 0.72);



  color: #ffffff;

  font-size: 14px;

  font-weight: 600;

  line-height: 1.6;

}



@media (max-width: 600px) {

  .impact-metrics-short__card--span {

    min-height: 480px;

    padding: 25px 20px;

  }



  .impact-metrics-short__span-grid {

    grid-template-columns: 1fr;

    gap: 10px;

  }



  .impact-metrics-short__span-grid > div {

    padding: 16px;

  }



  .impact-metrics-short__span-grid strong {

    font-size: 52px;

  }

}



.statewisenamecss{color:#fff!important;}

.impimgone.impimgtwo{min-height:246px;}



.sroi-impact {

      position: relative;

      padding: 50px 0px;

      overflow: hidden;

      background:

        radial-gradient(

          circle at 8% 10%,

          rgba(139, 116, 181, 0.13),

          transparent 26%

        ),

        linear-gradient(

          145deg,

          #ffffff 0%,

          var(--mist-lavender) 100%

        );

    }



    .sroi-impact::before {

      content: "";

      position: absolute;

      top: -220px;

      right: -220px;

      width: 500px;

      height: 500px;

      border: 1px solid rgba(78, 57, 123, 0.08);

      border-radius: 50%;

      box-shadow:

        0 0 0 45px rgba(78, 57, 123, 0.025),

        0 0 0 90px rgba(78, 57, 123, 0.018);

      pointer-events: none;

    }



    .sroi-impact__container {

      position: relative;

      z-index: 1;

      width: min(1200px, 100%);

      margin: 0 auto;

    }



    /* Hero */



    .sroi-impact__hero {

      display: grid;

      grid-template-columns: minmax(0, 1.08fr) minmax(380px, 0.92fr);

      overflow: hidden;

      border-radius: var(--radius-xl);

      background: var(--white);

      box-shadow: var(--deep-shadow);

    }



    .sroi-impact__hero-content {

      position: relative;

      padding: 65px 62px;

      overflow: hidden;

    }



    .sroi-impact__hero-content::after {

      content: "";

      position: absolute;

      left: -170px;

      bottom: -240px;

      width: 480px;

      height: 330px;

      border: 1px solid rgba(78, 57, 123, 0.08);

      border-radius: 50%;

      transform: rotate(14deg);

      pointer-events: none;

    }

	

	.sroi-impact__hero-content h2{font-size:43px; font-weight:600;}



    .sroi-impact__eyebrow {

      display: inline-flex;

      align-items: center;

      gap: 9px;

      margin-bottom: 22px;

      padding: 8px 14px;

      border: 1px solid rgba(78, 57, 123, 0.14);

      border-radius: 50px;

      background: var(--mist-lavender);

      color: var(--deep-purple);

      font-size: 11px;

      font-weight: 700;

      line-height: 1;

      letter-spacing: 1.4px;

      text-transform: uppercase;

    }



    .sroi-impact__eyebrow i {

      color: var(--vibrant-violet);

    }



    .sroi-impact__hero h1 {

      max-width: 680px;

      margin-bottom: 18px;

      color: #260866;

      font-size: 43px;

      font-weight: 700;

      line-height: 0.96;

      letter-spacing: -2px;

    }



    .sroi-impact__hero h1 span {

      color: var(--vibrant-violet);

    }



    .sroi-impact__subtitle {

      max-width: 590px;

      margin-bottom: 24px;

      color: var(--deep-purple);

      font-family: "Cormorant Garamond", serif;

      font-size: 28px;

      font-weight: 600;

      line-height: 1.15;

    }



    .sroi-impact__intro {

      max-width: 610px;

      color: var(--text-muted);

      font-size: 15px;

      line-height: 1.8;

    }



    .sroi-impact__intro + .sroi-impact__intro {

      margin-top: 12px;

    }



    .sroi-impact__summary {

      display: grid;

      grid-template-columns: repeat(2, minmax(0, 1fr));

      gap: 14px;

      margin-top: 34px;

    }



    .sroi-impact__summary-card {

      padding: 20px;

      border: 1px solid rgba(78, 57, 123, 0.10);

      border-radius: var(--radius-md);

      background: var(--mist-lavender);

    }



    .sroi-impact__summary-card i {

      margin-bottom: 10px;

      color: var(--vibrant-violet);

      font-size: 20px;

    }



    .sroi-impact__summary-card span {

      display: block;

      margin-bottom: 5px;

      color: var(--text-muted);

      font-size: 11px;

      font-weight: 700;

      line-height: 1.4;

      letter-spacing: 0.8px;

      text-transform: uppercase;

    }



    .sroi-impact__summary-card strong {

      display: block;

      color: var(--deep-purple);

      font-family: "Cormorant Garamond", serif;

      font-size: 34px;

      font-weight: 700;

      line-height: 1;

    }



    /* Image */



    .sroi-impact__hero-image {

      position: relative;

      min-height: 650px;

      overflow: hidden;

    }



    .sroi-impact__hero-image::before {

      content: "";

      position: absolute;

      inset: 0;

      z-index: 1;

      background: linear-gradient(

        180deg,

        rgba(46, 34, 56, 0.04) 15%,

        rgba(46, 34, 56, 0.35) 62%,

        rgba(46, 34, 56, 0.90) 100%

      );

    }



    .sroi-impact__hero-image img {

      width: 100%;

      height: 100%;

      min-height: 650px;

      display: block;

      object-fit: cover;

      object-position: center;

    }



    .sroi-impact__ratio {

      position: absolute;

      right: 28px;

      bottom: 28px;

      left: 28px;

      z-index: 2;

      padding: 25px;

      border: 1px solid rgba(255, 255, 255, 0.24);

      border-radius: var(--radius-md);

      background: rgba(78, 57, 123, 0.78);

      backdrop-filter: blur(8px);

      -webkit-backdrop-filter: blur(8px);

    }



    .sroi-impact__ratio span {

      display: block;

      margin-bottom: 7px;

      color: rgba(255, 255, 255, 0.72);

      font-size: 11px;

      font-weight: 700;

      letter-spacing: 1.4px;

      text-transform: uppercase;

    }



    .sroi-impact__ratio strong {

      display: block;

      margin-bottom: 10px;

      color: var(--white);

      font-family: "Cormorant Garamond", serif;

      font-size: 62px;

      font-weight: 700;

      line-height: 0.9;

    }



    .sroi-impact__ratio p {

      color: rgba(255, 255, 255, 0.88);

      font-size: 14px;

      line-height: 1.65;

    }



    /* Value explanation */



    .sroi-impact__value {

      margin-top: 28px;

      padding: 55px;

      border-radius: var(--radius-xl);

      background: var(--deep-purple);

      box-shadow: var(--shadow-card);

    }



    .sroi-impact__section-heading {

      max-width: 760px;

      margin-bottom: 34px;

    }



    .sroi-impact__section-heading h2 {

      margin-bottom: 12px;

      color: var(--white);

      font-family: "Cormorant Garamond", serif;

      font-size: clamp(38px, 4vw, 54px);

      font-weight: 700;

      line-height: 1;

    }



    .sroi-impact__section-heading p {

      color: rgba(255, 255, 255, 0.72);

      font-size: 15px;

      line-height: 1.75;

    }



    .sroi-impact__outcomes {

      display: grid;

      grid-template-columns: repeat(5, minmax(0, 1fr));

      gap: 12px;

    }



    .sroi-impact__outcome {

      min-height: 190px;

      padding: 24px 20px;

      border: 1px solid rgba(255, 255, 255, 0.14);

      border-radius: var(--radius-md);

      background: rgba(255, 255, 255, 0.07);

      transition:

        transform 0.3s ease,

        background 0.3s ease;

    }



    .sroi-impact__outcome:hover {

      transform: translateY(-5px);

      background: rgba(255, 255, 255, 0.11);

    }



    .sroi-impact__icon {

      width: 46px;

      height: 46px;

      margin-bottom: 20px;

      display: flex;

      align-items: center;

      justify-content: center;

      border-radius: 14px;

      background: rgba(139, 116, 181, 0.26);

      color: var(--white);

      font-size: 20px;

    }



    .sroi-impact__outcome p {

      color: rgba(255, 255, 255, 0.9);

      font-family: "Cormorant Garamond", serif;

      font-size: 21px;

      font-weight: 600;

      line-height: 1.25;

    }



    /* Methodology */



    .sroi-impact__methodology {

      display: grid;

      grid-template-columns: minmax(0, 0.84fr) minmax(0, 1.16fr);

      gap: 26px;

      margin-top: 28px;

    }



    .sroi-impact__methodology-intro {

      position: relative;

      padding: 48px;

      overflow: hidden;

      border-radius: var(--radius-xl);

      background:

        linear-gradient(

          145deg,

          #ffffff 0%,

          var(--mist-lavender) 100%

        );

      box-shadow: var(--shadow-card);

    }



    .sroi-impact__methodology-intro::after {

      content: "\f201";

      position: absolute;

      right: -12px;

      bottom: -30px;

      color: rgba(139, 116, 181, 0.09);

      font-family: FontAwesome;

      font-size: 190px;

      line-height: 1;

    }



    .sroi-impact__methodology-intro h2 {

      position: relative;

      z-index: 1;

      margin-bottom: 18px;

      color: #260866;

      font-family: "Cormorant Garamond", serif;

      font-size: 43px;

      font-weight: 700;

      line-height: 0.98;

    }



    .sroi-impact__methodology-intro p {

      position: relative;

      z-index: 1;

      color: var(--text-muted);

      font-size: 15px;

      line-height: 1.8;

    }



    .sroi-impact__methodology-list {

      padding: 38px;

      border-radius: var(--radius-xl);

      background: var(--white);

      box-shadow: var(--shadow-card);

    }



    .sroi-impact__methodology-grid {

      display: grid;

      grid-template-columns: repeat(2, minmax(0, 1fr));

      gap: 12px;

    }



    .sroi-impact__methodology-item {

      display: flex;

      align-items: center;

      gap: 14px;

      padding: 17px 18px;

      border: 1px solid rgba(78, 57, 123, 0.09);

      border-radius: 15px;

      background: var(--mist-lavender);

    }



    .sroi-impact__methodology-item i {

      width: 38px;

      height: 38px;

      flex: 0 0 38px;

      display: flex;

      align-items: center;

      justify-content: center;

      border-radius: 12px;

      background: var(--deep-purple);

      color: var(--white);

      font-size: 15px;

    }



    .sroi-impact__methodology-item span {

      display: block;

      margin-bottom: 3px;

      color: var(--text-muted);

      font-size: 11px;

      font-weight: 700;

      letter-spacing: 0.4px;

      text-transform: uppercase;

    }



    .sroi-impact__methodology-item strong {

      display: block;

      color: var(--deep-purple);

      font-size: 16px;

      font-weight: 700;

      line-height: 1.25;

    }



    .sroi-impact__accuracy {

      margin-top: 14px;

      padding: 18px 20px;

      display: flex;

      gap: 14px;

      border-left: 4px solid var(--vibrant-violet);

      border-radius: 0 14px 14px 0;

      background: #f8f4fc;

    }



    .sroi-impact__accuracy i {

      margin-top: 3px;

      color: var(--deep-purple);

      font-size: 18px;

    }



    .sroi-impact__accuracy strong {

      display: block;

      margin-bottom: 5px;

      color: var(--deep-purple);

      font-size: 14px;

    }



    .sroi-impact__accuracy p {

      color: var(--text-muted);

      font-size: 13px;

      line-height: 1.65;

    }



    .sroi-impact__accuracy code {

      color: var(--deep-purple);

      font-family: "Manrope", sans-serif;

      font-weight: 700;

    }



    /* Closing statement */



    .sroi-impact__closing {

      margin-top: 28px;

      padding: 40px 48px;

      border: 1px solid rgba(78, 57, 123, 0.10);

      border-radius: var(--radius-lg);

      background: var(--white);

      box-shadow: var(--shadow-card);

    }



    .sroi-impact__closing p {

      max-width: 1040px;

      color: var(--charcoal-plum);

      font-family: "Cormorant Garamond", serif;

      font-size: 25px;

      font-weight: 600;

      line-height: 1.35;

    }



    .sroi-impact__closing p::first-letter {

      color: var(--deep-purple);

    }



    @media (max-width: 1050px) {

      .sroi-impact__hero {

        grid-template-columns: 1fr;

      }



      .sroi-impact__hero-image,

      .sroi-impact__hero-image img {

        min-height: 540px;

      }



      .sroi-impact__outcomes {

        grid-template-columns: repeat(3, minmax(0, 1fr));

      }



      .sroi-impact__methodology {

        grid-template-columns: 1fr;

      }

    }



    @media (max-width: 760px) {

      .sroi-impact {

        padding: 55px 16px;

      }



      .sroi-impact__hero-content {

        padding: 42px 28px;

      }



      .sroi-impact__summary {

        grid-template-columns: 1fr;

      }



      .sroi-impact__value {

        padding: 38px 25px;

      }



      .sroi-impact__outcomes {

        grid-template-columns: repeat(2, minmax(0, 1fr));

      }



      .sroi-impact__methodology-intro,

      .sroi-impact__methodology-list {

        padding: 32px 24px;

      }



      .sroi-impact__methodology-grid {

        grid-template-columns: 1fr;

      }



      .sroi-impact__closing {

        padding: 30px 25px;

      }

    }



    @media (max-width: 520px) {

      .sroi-impact__hero h1 {

        font-size: 46px;

      }



      .sroi-impact__hero-image,

      .sroi-impact__hero-image img {

        min-height: 460px;

      }



      .sroi-impact__ratio {

        right: 18px;

        bottom: 18px;

        left: 18px;

      }



      .sroi-impact__ratio strong {

        font-size: 52px;

      }



      .sroi-impact__outcomes {

        grid-template-columns: 1fr;

      }



      .sroi-impact__outcome {

        min-height: auto;

      }

    }





  .change-proof,

  .change-proof * {

    box-sizing: border-box;

  }



  .change-proof {

    position: relative;

    padding: 50px 0px;

    overflow: hidden;

    background:

      radial-gradient(

        circle at 4% 8%,

        rgba(139, 116, 181, 0.13),

        transparent 26%

      ),

      var(--ivory-white);

    color: var(--charcoal-plum);

    font-family: "Manrope", sans-serif;

  }



  .change-proof::before {

    content: "";

    position: absolute;

    top: -220px;

    right: -220px;

    width: 500px;

    height: 500px;

    border: 1px solid rgba(78, 57, 123, 0.08);

    border-radius: 50%;

    box-shadow:

      0 0 0 45px rgba(78, 57, 123, 0.025),

      0 0 0 90px rgba(78, 57, 123, 0.018);

    pointer-events: none;

  }



  .change-proof__container {

    position: relative;

    z-index: 1;

    width: min(1200px, 100%);

    margin: 0 auto;

  }



  .change-proof__heading {

    max-width: 760px;

    margin-bottom: 38px;

  }



  .change-proof__heading > span {

    display: inline-block;

    margin-bottom: 13px;

    color: var(--vibrant-violet);

    font-size: 12px;

    font-weight: 700;

    line-height: 1;

    letter-spacing: 1.5px;

    text-transform: uppercase;

  }



  .change-proof__heading h2 {

    margin: 0 0 16px;

    color: #260866;

    font-family: "Cormorant Garamond", serif;

    font-size: 43px;

    font-weight: 700;

    line-height: 0.98;

    letter-spacing: -1.5px;

  }



  .change-proof__heading p {

    max-width: 100%;

    margin: 0;

    color: var(--soft-lavender);

    font-family: "Cormorant Garamond", serif;

    font-size: 24px;

    font-weight: 600;

    line-height: 1.2;

  }



  .change-proof__main {

    display: grid;

    grid-template-columns: minmax(0, 0.92fr) minmax(0, 1.08fr);

    overflow: hidden;

    border-radius: var(--radius-xl);

    background: var(--white);

    box-shadow: var(--shadow-soft);

  }



  .change-proof__image {

    position: relative;

    min-height: 610px;

    overflow: hidden;

    background: var(--mist-lavender);

  }



  .change-proof__image::before {

    content: "";

    position: absolute;

    inset: 0;

    z-index: 1;

    background: linear-gradient(

      180deg,

      rgba(46, 34, 56, 0.04) 20%,

      rgba(46, 34, 56, 0.18) 55%,

      rgba(46, 34, 56, 0.88) 100%

    );

    pointer-events: none;

  }



  .change-proof__image img {

    width: 100%;

    height: 100%;

    min-height: 610px;

    display: block;

    object-fit: cover;

    object-position: center;

    transition: transform 0.8s ease;

  }



  .change-proof__main:hover .change-proof__image img {

    transform: scale(1.035);

  }



  .change-proof__image-caption {

    position: absolute;

    right: 30px;

    bottom: 30px;

    left: 30px;

    z-index: 2;

    padding: 22px 24px;

    border: 1px solid rgba(255, 255, 255, 0.22);

    border-radius: var(--radius-md);

    background: rgba(78, 57, 123, 0.74);

    backdrop-filter: blur(7px);

    -webkit-backdrop-filter: blur(7px);

  }



  .change-proof__image-caption p {

    margin: 0;

    color: var(--white);

    font-family: "Cormorant Garamond", serif;

    font-size: 25px;

    font-weight: 600;

    line-height: 1.2;

  }



  .change-proof__content {

    position: relative;

    padding: 58px;

    background:

      linear-gradient(

        145deg,

        #ffffff 0%,

        var(--mist-lavender) 100%

      );

  }



  .change-proof__stage {

    display: grid;

    grid-template-columns: 62px minmax(0, 1fr);

    gap: 20px;

    align-items: start;

  }



  .change-proof__stage-number {

    width: 62px;

    height: 62px;

    display: flex;

    align-items: center;

    justify-content: center;

    border-radius: 50%;

    color: var(--white);

    background: var(--deep-purple);

    font-family: "Cormorant Garamond", serif;

    font-size: 23px;

    font-weight: 700;

    line-height: 1;

  }



  .change-proof__stage--endline .change-proof__stage-number {

    background: var(--vibrant-violet);

  }



  .change-proof__stage h3 {

    margin: 2px 0 10px;

    color: var(--deep-purple);

    font-family: "Cormorant Garamond", serif;

    font-size: 30px;

    font-weight: 700;

    line-height: 1.05;

  }



  .change-proof__stage p {

    margin: 0;

    color: var(--text-muted);

    font-size: 14px;

    line-height: 1.75;

  }



  .change-proof__connector {

    width: 62px;

    height: 58px;

    display: flex;

    justify-content: center;

  }



  .change-proof__connector span {

    width: 1px;

    height: 100%;

    background: linear-gradient(

      180deg,

      var(--deep-purple),

      var(--vibrant-violet)

    );

  }



  .change-proof__question-title {

    margin-top: 42px;

    padding: 24px 26px;

    border-left: 4px solid var(--vibrant-violet);

    background: var(--white);

    box-shadow: var(--shadow-card);

  }



  .change-proof__question-title span,

  .change-proof__question-title small {

    display: block;

    color: var(--text-muted);

    font-size: 12px;

    font-weight: 700;

    line-height: 1;

    letter-spacing: 1px;

    text-transform: uppercase;

  }



  .change-proof__question-title strong {

    display: block;

    margin: 9px 0 14px;

    color: var(--deep-purple);

    font-family: "Cormorant Garamond", serif;

    font-size: 28px;

    font-weight: 700;

    line-height: 1.1;

  }



  .change-proof__questions {

    display: grid;

    grid-template-columns: repeat(3, minmax(0, 1fr));

    gap: 14px;

    margin-top: 28px;

  }



  .change-proof__question {

    position: relative;

    min-height: 165px;

    padding: 26px;

    overflow: hidden;

    border: 1px solid rgba(78, 57, 123, 0.10);

    border-radius: var(--radius-md);

    background: var(--white);

    box-shadow: var(--shadow-card);

    transition:

      transform 0.3s ease,

      border-color 0.3s ease;

  }



  .change-proof__question:hover {

    transform: translateY(-4px);

    border-color: rgba(78, 57, 123, 0.24);

  }



  .change-proof__question span {

    display: block;

    margin-bottom: 23px;

    color: var(--vibrant-violet);

    font-size: 20px;

    font-weight: 700;

    letter-spacing: 1px;

  }



  .change-proof__question p {

    margin: 0;

    color: var(--charcoal-plum);

    font-family: "Cormorant Garamond", serif;

    font-size: 22px;

    font-weight: 600;

    line-height: 1.25;

  }



  .change-proof__method {

    position: relative;

    margin-top: 28px;

    padding: 42px 46px;

    overflow: hidden;

    border-radius: var(--radius-lg);

    background: var(--deep-purple);

    box-shadow: var(--shadow-card);

  }



  .change-proof__method::after {

    content: "";

    position: absolute;

    right: -120px;

    bottom: -190px;

    width: 370px;

    height: 370px;

    border: 1px solid rgba(255, 255, 255, 0.08);

    border-radius: 50%;

    box-shadow:

      0 0 0 35px rgba(255, 255, 255, 0.02),

      0 0 0 70px rgba(255, 255, 255, 0.015);

  }



  .change-proof__method-label {

    position: relative;

    z-index: 1;

    display: flex;

    align-items: center;

    gap: 12px;

    margin-bottom: 20px;

  }



  .change-proof__method-label span {

    padding: 8px 14px;

    border: 1px solid rgba(255, 255, 255, 0.22);

    border-radius: 30px;

    color: var(--white);

    background: rgba(255, 255, 255, 0.08);

    font-size: 11px;

    font-weight: 700;

    line-height: 1;

    letter-spacing: 1px;

    text-transform: uppercase;

  }



  .change-proof__method p {

    position: relative;

    z-index: 1;

    max-width: 1060px;

    margin: 0;

    color: rgba(255, 255, 255, 0.86);

    font-size: 15px;

    line-height: 1.85;

  }



  @media (max-width: 950px) {

    .change-proof__main {

      grid-template-columns: 1fr;

    }



    .change-proof__image,

    .change-proof__image img {

      min-height: 520px;

    }



    .change-proof__questions {

      grid-template-columns: repeat(2, minmax(0, 1fr));

    }

  }



  @media (max-width: 650px) {

    .change-proof {

      padding: 55px 15px;

    }



    .change-proof__heading h2 {

      font-size: 43px;

    }



    .change-proof__image,

    .change-proof__image img {

      min-height: 420px;

    }



    .change-proof__image-caption {

      right: 18px;

      bottom: 18px;

      left: 18px;

      padding: 18px;

    }



    .change-proof__image-caption p {

      font-size: 22px;

    }



    .change-proof__content {

      padding: 38px 23px;

    }



    .change-proof__stage {

      grid-template-columns: 50px minmax(0, 1fr);

      gap: 15px;

    }



    .change-proof__stage-number {

      width: 50px;

      height: 50px;

      font-size: 19px;

    }



    .change-proof__connector {

      width: 50px;

      height: 45px;

    }



    .change-proof__stage h3 {

      font-size: 26px;

    }



    .change-proof__questions {

      grid-template-columns: 1fr;

    }



    .change-proof__question {

      min-height: auto;

      padding: 22px;

    }



    .change-proof__question span {

      margin-bottom: 14px;

    }



    .change-proof__method {

      padding: 32px 24px;

    }

  }



 

 /* About Page Three Generation Section */

 /* ========================================

   MAIN SECTION

======================================== */



.cf-color-legacy{

    position:relative;

    overflow:hidden;

    padding:110px 0 120px;



    background:

        radial-gradient(

            circle at 8% 10%,

            rgba(139,116,181,.22) 0,

            rgba(139,116,181,.08) 18%,

            transparent 35%

        ),

        radial-gradient(

            circle at 92% 20%,

            rgba(78,57,123,.17) 0,

            rgba(78,57,123,.05) 20%,

            transparent 38%

        ),

        linear-gradient(

            135deg,

            #ffffff 0%,

            #F9F5FC 38%,

            #F3ECF8 70%,

            #FAF9FC 100%

        );

}





.cf-color-legacy__container{

    position:relative;

    z-index:3;

	padding-top:3.4rem;

    width:min(1320px,calc(100% - 48px));

    margin:0 auto;

}





/* ========================================

   DECORATIVE BLOBS

======================================== */



.cf-color-legacy__blob{

    position:absolute;

    pointer-events:none;

    filter:blur(2px);

}



.cf-color-legacy__blob--one{

    width:360px;

    height:360px;



    top:-170px;

    left:-110px;



    border-radius:44% 56% 60% 40% / 42% 38% 62% 58%;



    background:

        linear-gradient(

            135deg,

            rgba(139,116,181,.35),

            rgba(245,239,250,.08)

        );



    transform:rotate(18deg);

}



.cf-color-legacy__blob--two{

    width:430px;

    height:430px;



    right:-220px;

    bottom:-190px;



    border-radius:50%;



    background:

        linear-gradient(

            135deg,

            rgba(78,57,123,.16),

            rgba(139,116,181,.30)

        );

}





/* ========================================

   TOP HEADER

======================================== */



.cf-color-legacy__header{

    position:relative;

    display:grid;

    grid-template-columns:1.05fr 1.95fr;

    gap:70px;

    align-items:center;

    margin-bottom:50px;

}





/* LEFT TITLE */



.cf-color-legacy__eyebrow{

    display:inline-flex;

    align-items:center;

    gap:12px;



    margin-bottom:18px;



    font-size:12px;

    font-weight:700;

    text-transform:uppercase;

    letter-spacing:.18em;



    color:var(--vibrant-violet);

}



.cf-color-legacy__eyebrow::before{

    content:"";



    width:42px;

    height:2px;



    border-radius:10px;



    background:

        linear-gradient(

            90deg,

            var(--deep-purple),

            var(--vibrant-violet)

        );

}





.cf-color-legacy__title{

    margin:0;



    font-family:"Cormorant Garamond",serif;

    font-size:clamp(43px,6vw,58px);

    line-height:.9;

    font-weight:500;

    letter-spacing:-.04em;



    color:var(--charcoal-plum);

}



.cf-color-legacy__title span{

    position:relative;



    display:inline-block;



    margin-top:10px;



    color:var(--deep-purple);

    font-style:italic;

}



.cf-color-legacy__title span::after{

    content:"";



    position:absolute;



    left:5px;

    right:5px;

    bottom:3px;



    height:10px;



    border-radius:50px;



    background:rgba(139,116,181,.20);



    z-index:-1;

}





/* RIGHT INTRO */



.cf-color-legacy__intro{

    position:relative;



    padding:38px 40px;



    border-radius:30px;



    background:

        linear-gradient(

            135deg,

            rgba(255,255,255,.94),

            rgba(245,239,250,.84)

        );



    border:1px solid rgba(139,116,181,.16);



    box-shadow:var(--shadow-card);



    backdrop-filter:blur(12px);

    -webkit-backdrop-filter:blur(12px);

}





.cf-color-legacy__intro::before{

    content:"";



    position:absolute;



    left:0;

    top:38px;



    width:5px;

    height:80px;



    border-radius:0 10px 10px 0;



    background:

        linear-gradient(

            180deg,

            var(--deep-purple),

            var(--vibrant-violet)

        );

}





.cf-color-legacy__intro h3{

    margin:0 0 16px;



    font-family:"Cormorant Garamond",serif;

    font-size:clamp(32px,3vw,46px);

    line-height:1.07;

    font-weight:500;



    color:var(--deep-purple);

}





.cf-color-legacy__intro p{

    margin:0;



    font-family:"Cormorant Garamond",serif;

    font-size:24px;

    line-height:1.45;

    font-style:italic;

    font-weight:500;



    color:var(--soft-lavender);

}





/* ========================================

   STORY GRID

======================================== */



.cf-color-legacy__grid{

    display:grid;

    grid-template-columns:repeat(3,1fr);

    gap:26px;



    align-items:stretch;

}





/* ========================================

   CARD COMMON

======================================== */



.cf-color-legacy__card{

    position:relative;



    display:flex;

    flex-direction:column;



    min-height:100%;



    padding:38px 32px 34px;



    border-radius:28px;



    overflow:hidden;



    transition:

        transform .35s ease,

        box-shadow .35s ease;

}





.cf-color-legacy__card:hover{

    transform:translateY(-9px);

}





/* NUMBER */



.cf-color-legacy__number{

    position:absolute;



    right:18px;

    top:4px;



    font-family:"Cormorant Garamond",serif;

    font-size:115px;

    font-weight:600;

    line-height:1;



    opacity:.1;

}





/* LABEL */



.cf-color-legacy__label{

    position:relative;

    z-index:2;



    display:inline-flex;

    align-self:flex-start;

    align-items:center;



    min-height:34px;



    margin-bottom:30px;

    padding:8px 15px;



    border-radius:50px;



    font-size:12px;

    font-weight:700;

    line-height:1;

    letter-spacing:.14em;

    text-transform:uppercase;

}





/* CONTENT */



.cf-color-legacy__card p{

    position:relative;

    z-index:2;



    margin:0;



    font-size:16px;

    line-height:1.9;

}





.cf-color-legacy__card p + p{

    margin-top:20px;

}





/* ========================================

   CARD 01

======================================== */



.cf-color-legacy__card--one{

    background:

        linear-gradient(

            145deg,

            #ffffff 0%,

            #F5EFFA 100%

        );



    border:1px solid rgba(139,116,181,.18);



    box-shadow:

        0 22px 55px rgba(78,57,123,.10);

}





.cf-color-legacy__card--one::before{

    content:"";



    position:absolute;



    width:180px;

    height:180px;



    right:-80px;

    bottom:-100px;



    border-radius:50%;



    background:rgba(139,116,181,.16);

}





.cf-color-legacy__card--one .cf-color-legacy__number{

    color:var(--deep-purple);

}





.cf-color-legacy__card--one .cf-color-legacy__label{

    color:var(--deep-purple);

    background:rgba(139,116,181,.12);

}





.cf-color-legacy__card--one p{

    color:var(--text-muted);

}





/* ========================================

   CARD 02

======================================== */



.cf-color-legacy__card--two{

    background:

        linear-gradient(

            145deg,

            #EEE6F5 0%,

            #DCCFEA 100%

        );



    border:1px solid rgba(107,85,156,.16);



    box-shadow:

        0 24px 55px rgba(78,57,123,.13);

}





.cf-color-legacy__card--two::before{

    content:"";



    position:absolute;



    width:220px;

    height:220px;



    left:-110px;

    top:-110px;



    border-radius:50%;



    background:rgba(255,255,255,.20);

}





.cf-color-legacy__card--two::after{

    content:"";



    position:absolute;



    width:150px;

    height:150px;



    right:-60px;

    bottom:-60px;



    border:1px solid rgba(78,57,123,.16);

    border-radius:50%;

}





.cf-color-legacy__card--two .cf-color-legacy__number{

    color:var(--deep-purple);

}





.cf-color-legacy__card--two .cf-color-legacy__label{

    color:#ffffff;



    background:

        linear-gradient(

            90deg,

            var(--deep-purple),

            var(--soft-lavender)

        );

}





.cf-color-legacy__card--two p{

    color:#554866;

}





/* ========================================

   CARD 03

======================================== */



.cf-color-legacy__card--three{

    background:

        linear-gradient(

            145deg,

            #4E397B 0%,

            #6B559C 52%,

            #8B74B5 100%

        );



    box-shadow:

        0 30px 80px rgba(78,57,123,.30);

}





.cf-color-legacy__card--three::before{

    content:"";



    position:absolute;



    width:250px;

    height:250px;



    right:-110px;

    top:-100px;



    border-radius:50%;



    background:

        radial-gradient(

            circle,

            rgba(255,255,255,.18),

            rgba(255,255,255,.03) 65%,

            transparent 66%

        );

}





.cf-color-legacy__card--three::after{

    content:"";



    position:absolute;



    left:-70px;

    bottom:-110px;



    width:210px;

    height:210px;



    border-radius:50%;



    border:1px solid rgba(255,255,255,.14);

}





.cf-color-legacy__card--three .cf-color-legacy__number{

    color:#ffffff;

    opacity:.09;

}





.cf-color-legacy__card--three .cf-color-legacy__label{

    color:#ffffff;

    background:rgba(255,255,255,.14);



    border:1px solid rgba(255,255,255,.16);

}





.cf-color-legacy__card--three p{

    color:rgba(255,255,255,.82);

}





/* TODAY HIGHLIGHT */



.cf-color-legacy__today{

    margin-bottom:18px !important;



    font-family:"Cormorant Garamond",serif !important;



    font-size:29px !important;

    line-height:1.25 !important;

    font-weight:500 !important;



    color:#ffffff !important;

}





/* ========================================

   FIRST CARD FIRST LETTER

======================================== */



.cf-color-legacy__card--one p:first-of-type::first-letter{

    float:left;



    margin:7px 8px 0 0;



    font-family:"Cormorant Garamond",serif;

    font-size:59px;

    line-height:.7;

    font-weight:600;



    color:var(--deep-purple);

}





/* ========================================

   COLOR STRIP

======================================== */



.cf-color-legacy__strip{

    display:grid;

    grid-template-columns:1fr 1.25fr .85fr;



    width:100%;

    max-width:900px;



    height:7px;



    margin:55px auto 0;



    border-radius:50px;



    overflow:hidden;



    box-shadow:0 7px 20px rgba(78,57,123,.13);

}





.cf-color-legacy__strip span:nth-child(1){

    background:var(--deep-purple);

}



.cf-color-legacy__strip span:nth-child(2){

    background:var(--soft-lavender);

}



.cf-color-legacy__strip span:nth-child(3){

    background:var(--vibrant-violet);

}





/* ========================================

   TABLET

======================================== */



@media(max-width:1050px){



    .cf-color-legacy{

        padding:90px 0;

    }



    .cf-color-legacy__header{

        gap:40px;

    }



    .cf-color-legacy__grid{

        grid-template-columns:1fr 1fr;

    }



    .cf-color-legacy__card--three{

        grid-column:1 / -1;

    }



}





/* ========================================

   MOBILE

======================================== */



@media(max-width:767px){



    .cf-color-legacy{

        padding:68px 0;

    }



    .cf-color-legacy__container{

        width:calc(100% - 32px);

    }



    .cf-color-legacy__header{

        grid-template-columns:1fr;

        gap:35px;



        margin-bottom:50px;

    }



    .cf-color-legacy__title{

        font-size:55px;

    }



    .cf-color-legacy__intro{

        padding:30px 27px;

        border-radius:22px;

    }



    .cf-color-legacy__intro h3{

        font-size:32px;

    }



    .cf-color-legacy__intro p{

        font-size:21px;

    }



    .cf-color-legacy__grid{

        grid-template-columns:1fr;

        gap:22px;

    }



    .cf-color-legacy__card--three{

        grid-column:auto;

    }



    .cf-color-legacy__card{

        padding:32px 25px 30px;

        border-radius:22px;

    }



    .cf-color-legacy__number{

        font-size:90px;

    }



    .cf-color-legacy__card p{

        font-size:14px;

        line-height:1.85;

    }



    .cf-color-legacy__today{

        font-size:27px !important;

    }



}





/* ========================================

   SMALL MOBILE

======================================== */



@media(max-width:480px){



    .cf-color-legacy{

        padding:58px 0;

    }



    .cf-color-legacy__container{

        width:calc(100% - 26px);

    }



    .cf-color-legacy__title{

        font-size:48px;

    }



    .cf-color-legacy__intro{

        padding:27px 22px;

    }



    .cf-color-legacy__intro h3{

        font-size:29px;

    }



    .cf-color-legacy__intro p{

        font-size:19px;

    }



    .cf-color-legacy__card{

        padding:28px 21px;

    }



    .cf-color-legacy__number{

        font-size:76px;

    }



}

 

 

 

 /* =========================================

   SCROLL FADE-IN CARD ANIMATION

========================================= */



.cf-color-legacy__card {

    opacity: 0;

    transform: translateY(55px) scale(0.97);



    transition:

        opacity 0.8s ease,

        transform 0.8s cubic-bezier(0.22, 1, 0.36, 1);

}





/* visible state */

.cf-color-legacy__card.cf-card-visible {

    opacity: 1;

    transform: translateY(0) scale(1);

}





/* stagger animation */

.cf-color-legacy__card:nth-child(1) {

    transition-delay: 0s;

}



.cf-color-legacy__card:nth-child(2) {

    transition-delay: 0.18s;

}



.cf-color-legacy__card:nth-child(3) {

    transition-delay: 0.36s;

}





/* optional: small animation for the number */



.cf-color-legacy__number {

    opacity: 0;

    transform: translateY(20px);



    transition:

        opacity 0.7s ease,

        transform 0.7s ease;



    transition-delay: 0.25s;

}





.cf-color-legacy__card.cf-card-visible

.cf-color-legacy__number {

    opacity: 0.1;

    transform: translateY(0);

}





/* Card 3 number if you already use lower opacity */



.cf-color-legacy__card--three.cf-card-visible

.cf-color-legacy__number {

    opacity: 0.09;

}





/* optional label animation */



.cf-color-legacy__label {

    opacity: 0;

    transform: translateX(-20px);



    transition:

        opacity 0.6s ease,

        transform 0.6s ease;



    transition-delay: 0.3s;

}





.cf-color-legacy__card.cf-card-visible

.cf-color-legacy__label {

    opacity: 1;

    transform: translateX(0);

}





/* optional paragraph animation */



.cf-color-legacy__card > p {

    opacity: 0;

    transform: translateY(18px);



    transition:

        opacity 0.65s ease,

        transform 0.65s ease;

}





.cf-color-legacy__card > p:nth-of-type(1) {

    transition-delay: 0.38s;

}



.cf-color-legacy__card > p:nth-of-type(2) {

    transition-delay: 0.48s;

}





.cf-color-legacy__card.cf-card-visible > p {

    opacity: 1;

    transform: translateY(0);

}





/* =========================================

   ACCESSIBILITY

========================================= */



@media (prefers-reduced-motion: reduce) {



    .cf-color-legacy__card,

    .cf-color-legacy__number,

    .cf-color-legacy__label,

    .cf-color-legacy__card > p {

        opacity: 1 !important;

        transform: none !important;

        transition: none !important;

    }



}





/* Leadership Direction Section */

.leadership-dir-section{

    position: relative;

    padding: 50px 0;

    background: var(--ivory-white);

    overflow: hidden;

}



.leadership-dir-section::before{

    content: "";

    position: absolute;

    width: 420px;

    height: 420px;

    border-radius: 50%;

    background: rgba(139, 116, 181, 0.10);

    top: -220px;

    right: -120px;

    pointer-events: none;

}



.leadership-dir-section::after{

    content: "";

    position: absolute;

    width: 300px;

    height: 300px;

    border-radius: 50%;

    background: rgba(78, 57, 123, 0.06);

    bottom: -170px;

    left: -100px;

    pointer-events: none;

}



.leadership-dir-wrap{

    position: relative;

    z-index: 2;

    max-width: 1040px;

    margin: 0 auto;

}



.leadership-dir-content{

    position: relative;

    background: var(--white);

    border-radius: var(--radius-xl);

    padding: 65px 70px;

    box-shadow: var(--shadow-card);

    border: 1px solid rgba(78, 57, 123, 0.08);

}



.leadership-dir-content::before{

    content: "";

    position: absolute;

    top: 0;

    left: 70px;

    width: 90px;

    height: 5px;

    background: var(--vibrant-violet);

    border-radius: 0 0 10px 10px;

}



.leadership-dir-content h2{

    font-family: "Cormorant Garamond", serif;

    font-size: 43px;

    line-height: 1.12;

    font-weight: 600;

    color: var(--charcoal-plum);

    margin: 0 0 30px;

}



.leadership-dir-content p{

    font-family: "Manrope", sans-serif;

    font-size: 17px;

    line-height: 28px;

    font-weight: 400;

    color: var(--text-muted);

    margin: 0 0 20px;

    max-width: 900px;

}



.leadership-dir-content h3{

    font-family: "Cormorant Garamond", serif;

    font-size: 30px;

    line-height: 1.3;

    font-weight: 600;

    color: var(--deep-purple);

    margin: 40px 0 0;

    padding: 28px 32px;

    background: var(--mist-lavender);

    border-radius: var(--radius-md);

    border-left: 4px solid var(--vibrant-violet);

}





/* Responsive */

@media(max-width: 991px){



    .leadership-dir-section{

        padding: 80px 0;

    }



    .leadership-dir-content{

        padding: 50px 45px;

    }



    .leadership-dir-content::before{

        left: 45px;

    }



    .leadership-dir-content h2{

        font-size: 40px;

    }



    .leadership-dir-content h3{

        font-size: 28px;

    }

}





@media(max-width: 767px){



    .leadership-dir-section{

        padding: 60px 0;

    }



    .leadership-dir-content{

        padding: 42px 28px;

        border-radius: 24px;

    }



    .leadership-dir-content::before{

        left: 28px;

        width: 70px;

    }



    .leadership-dir-content h2{

        font-size: 34px;

        line-height: 1.15;

        margin-bottom: 25px;

    }



    .leadership-dir-content p{

        font-size: 16px;

        line-height: 26px;

    }



    .leadership-dir-content h3{

        font-size: 25px;

        padding: 24px 22px;

        margin-top: 32px;

    }

}





@media(max-width: 480px){



    .leadership-dir-content{

        padding: 38px 22px;

    }



    .leadership-dir-content::before{

        left: 22px;

    }



    .leadership-dir-content h2{

        font-size: 31px;

    }



    .leadership-dir-content h3{

        font-size: 23px;

    }

}



.leadership-dir-section{

    position: relative;

    padding: 50px 0;

    background:

        linear-gradient(

            rgba(46, 34, 56, 0.72),

            rgba(46, 34, 56, 0.72)

        ),

        url("https://symmetrixsys.in/staging/cf/images/bb01.jpg")

        center center / cover no-repeat;

    overflow: hidden;

}



.leadership-dir-content{

    position: relative;

    background: rgba(255,255,255,0.96);

    border-radius: var(--radius-xl);

    padding: 50px;

    box-shadow: var(--shadow-card);

    border: 1px solid rgba(255,255,255,0.35);

}



/* ============================

   ORGANIZATIONAL CHART

============================ */



.org-chart-section{

    width:100%;

    padding:50px 20px 20px;

    background:#fff;

    overflow-x:auto;

}



.org-chart-wrapper{

    min-width:1180px;

    width:100%;

    margin:auto;

}





/* Heading */



.org-chart-heading{

    background:linear-gradient(

        90deg,

        #eee7f7 0%,

        #e2d5f1 45%,

        #eee7f7 100%

    );



    text-align:center;

    padding:9px 20px 10px;

}



.org-chart-heading h2{

    margin:0;

    color:#32156f;

    font-family:"Manrope",sans-serif;

    font-size:28px;

    line-height:1.15;

    font-weight:700;

    text-transform:uppercase;

}





/* ============================

   TOP STRUCTURE

============================ */



.org-chart-top{

    position:relative;

    display:flex;

    justify-content:center;

    align-items:flex-start;

    padding-top:12px;

    min-height:112px;

}





/* Board */



.org-chart-board-area{

    width:275px;

    position:relative;

    text-align:center;

}



.org-chart-board{

    height:42px;

    background:linear-gradient(

        90deg,

        #431393,

        #5a1aa4

    );

    color:#fff;



    display:flex;

    align-items:center;

    justify-content:center;



    gap:14px;



    border-radius:6px;



    font-size:16px;

    font-weight:700;

    text-transform:uppercase;



    position:relative;

    z-index:2;

}



.org-chart-board-icon{

    width:34px;

    height:34px;



    display:flex;

    align-items:center;

    justify-content:center;



    border-radius:50%;



    border:1px solid rgba(255,255,255,.5);



    font-size:17px;

}



.org-chart-board-area::after{

    content:"";

    position:absolute;

    width:1px;

    height:14px;



    background:#4E397B;



    left:50%;

    top:42px;



    transform:translateX(-50%);

}





/* Executive Directors */



.org-chart-executive{

    position:absolute;

    left:50%;

    transform:translateX(-50%);

    top:55px;



    width:275px;

    height:33px;



    display:flex;

    align-items:center;

    justify-content:center;



    background:#fff;



    border:1px solid #ad8ddd;

    border-radius:3px;



    color:#221b39;



    font-size:14px;

    font-weight:700;

    text-transform:uppercase;

}



.org-chart-executive::after{

    content:"";

    position:absolute;



    width:1px;

    height:13px;



    left:50%;

    top:32px;



    background:#4E397B;

}



.org-chart-executive-arrow{

    position:absolute;

    bottom:-13px;

    left:50%;

    transform:translateX(-50%);

    color:#4E397B;

    font-size:16px;

}



.org-chart-executive-arrow .fa-solid.fa-caret-down{position:relative; top:8px;}





/* Strategic Advisor */



.org-chart-advisor{

    position:absolute;



    left:calc(50% + 205px);

    top:0;



    width:210px;

    min-height:62px;



    display:flex;

    align-items:center;



    gap:12px;



    padding:8px 13px;



    border:1px solid #b99ae8;



    border-radius:7px;



    background:

        linear-gradient(

            135deg,

            rgba(245,239,250,.9),

            rgba(255,255,255,.95)

        );

}



.org-chart-advisor::before{

    content:"";

    position:absolute;



    right:100%;

    top:20px;



    width:67px;



    border-top:1px dashed #7144ad;

}



.org-chart-advisor-icon{

    width:36px;

    height:36px;



    flex:0 0 36px;



    display:flex;

    align-items:center;

    justify-content:center;



    border-radius:50%;



    border:1px solid #ad91d8;



    color:#4E1796;



    font-size:19px;

}



.org-chart-advisor-content strong{

    display:block;



    color:#5b2195;



    font-size:12px;

    font-weight:700;



    text-transform:uppercase;



    margin-bottom:3px;

}



.org-chart-advisor-content p{

    margin:0;



    color:#221b39;



    font-size:11px;

    line-height:17px;



    font-weight:600;

}





/* ============================

   LEADERSHIP BOX

============================ */



.org-chart-main{

    position:relative;



    margin:0 6px;



    border:1px solid #a789dd;



    border-radius:6px;



    overflow:hidden;



    background:

        linear-gradient(

            90deg,

            rgba(245,239,250,.5),

            rgba(255,255,255,1)

        );

}



.org-chart-main-inner{

    display:grid;

    grid-template-columns:108px 1fr;

}





/* Left Layer */



.org-chart-layer{

    display:flex;

    align-items:center;

    justify-content:center;



    padding:20px 14px;



    border-right:1px solid #d8c9ed;



    background:

        linear-gradient(

            180deg,

            rgba(245,239,250,.85),

            rgba(250,249,252,.5)

        );

}



.org-chart-layer span{

    text-align:center;



    color:#4d218f;



    font-size:14px;

    line-height:22px;



    font-weight:700;

    text-transform:uppercase;

}





/* Right Content */



.org-chart-content{

    padding:16px 12px 8px 18px;

}





/* Rows */



.org-chart-row{

    display:grid;

    grid-template-columns:92px 1fr;



    align-items:center;



    min-height:86px;

}



.org-chart-row + .org-chart-row{

    border-top:1px dashed #bda8de;

	margin-top: 10px;

    padding-top: 10px;

}



.org-chart-row-label{

    color:#4b1d91;



    font-size:12px;

    line-height:18px;



    font-weight:700;



    text-transform:uppercase;



    padding-right:10px;

}





/* ============================

   MANAGEMENT CARDS

============================ */



.org-chart-cards{

    display:grid;

    gap:10px;

}



.org-chart-cards--senior{

    grid-template-columns:

        1.05fr

        1fr

        1.2fr

        1.15fr

        1.15fr

        1fr;

}



.org-chart-cards--manager{

    grid-template-columns:

        1fr

        1.05fr

        1fr

        1fr;



    padding-right:130px;

}



.org-chart-card{

    min-height:76px;



    display:flex;

    align-items:center;



    gap:12px;



    padding:10px 11px;



    background:#fff;



    border:1px solid #e3daf2;



    border-radius:5px;



    box-shadow:0 4px 12px rgba(78,57,123,.04);

}



.org-chart-card-icon{

    width:34px;

    height:34px;



    flex:0 0 34px;



    display:flex;

    align-items:center;

    justify-content:center;



    border-radius:50%;



    color:#fff;



    background:linear-gradient(

        135deg,

        #32106f,

        #6722a9

    );



    font-size:16px;

}



.org-chart-card-content{

    color:#171221;



    font-size:12px;

    line-height:16px;



    font-weight:600;

}





/* ============================

   CONNECTOR BOTTOM

============================ */



.org-chart-main::after{

    content:"";



    position:absolute;



    width:1px;

    height:25px;



    background:#4E397B;



    left:46.8%;

    bottom:-25px;

}





/* Responsive */



@media(max-width:1200px){



    .org-chart-section{

        overflow-x:auto;

        -webkit-overflow-scrolling:touch;

    }



    .org-chart-wrapper{

        min-width:1180px;

    }



}





/* Optional Scrollbar */



.org-chart-section::-webkit-scrollbar{

    height:7px;

}



.org-chart-section::-webkit-scrollbar-track{

    background:#f4f0f8;

}



.org-chart-section::-webkit-scrollbar-thumb{

    background:#8B74B5;

    border-radius:10px;

}



/* ==========================================

   ORGANIZATIONAL CHART - LOWER SECTION

========================================== */



.org-lower-section{

    width:100%;

    padding:13px 8px 30px;

    background:#ffffff;

    overflow-x:auto;

    font-family:"Manrope", sans-serif;

}



.org-lower-wrapper{

    width:100%;

    min-width:1120px;

    margin:0 auto;

}





/* ==========================================

   LAYER 2

========================================== */



.org-lower-layer2{

    display:grid;

    grid-template-columns:106px 1fr;



    border:1px solid #6da3ef;

    border-radius:6px;



    background:

        linear-gradient(

            90deg,

            rgba(240,247,255,.90),

            rgba(255,255,255,.98)

        );



    overflow:hidden;

}





/* Layer 2 left title */



.org-lower-layer2-title{

    display:flex;

    align-items:center;

    justify-content:center;



    text-align:center;



    border-right:1px solid #b8d0ef;



    padding:18px 8px;



    background:

        linear-gradient(

            180deg,

            #f4f9ff 0%,

            #edf5ff 100%

        );

}



.org-lower-layer2-title span{

    color:#174aa4;



    font-size:12px;

    line-height:21px;



    font-weight:700;

}





/* Layer 2 content */



.org-lower-layer2-content{

    padding:0 10px;

}





/* Rows */



.org-lower-row{

    min-height:54px;



    display:grid;

    grid-template-columns:155px 1fr;



    align-items:center;



    border-bottom:1px dashed #8cb3e7;

}



.org-lower-row-last{

    border-bottom:0;

}





/* Left role */



.org-lower-role{

    display:flex;

    align-items:center;



    gap:11px;



    padding:7px 8px;

}



.org-lower-role-icon{

    width:39px;

    height:39px;



    min-width:39px;



    border-radius:50%;



    display:flex;

    align-items:center;

    justify-content:center;



    background:#0757c7;

    color:#ffffff;



    font-size:18px;

}



.org-lower-role-title{

    color:#1252b2;



    font-size:11px;

    line-height:16px;



    font-weight:700;

}





/* Cards area */



.org-lower-items{

    display:grid;

    align-items:center;



    gap:34px;



    padding:7px 16px 7px 0;

}



.org-lower-items-4{

    grid-template-columns:repeat(4, 1fr);

}



.org-lower-items-5{

    grid-template-columns:repeat(5, 1fr);

    gap:38px;

}





/* Cards */



.org-lower-card{

    min-height:43px;



    padding:7px 10px;



    display:flex;

    align-items:center;

    justify-content:center;



    text-align:center;



    background:#ffffff;



    border:1px solid #dce8f7;



    border-radius:4px;



    box-shadow:

        0 2px 7px rgba(13,77,164,.04);



    color:#171721;



    font-size:12px;

    line-height:14px;



    font-weight:600;

}





/* Associates */



.org-lower-items-associates{

    display:flex;



    gap:72px;



    padding-left:26px;

}



.org-lower-card-wide{

    width:200px;

}





/* ==========================================

   DOWN ARROWS

========================================== */



.org-lower-down-arrows{

    height:29px;



    display:flex;

    justify-content:space-around;



    padding-left:100px;

    padding-right:115px;



    color:#1057bf;



    font-size:16px;

}



.org-lower-down-arrows span{

    position:relative;

    padding-top:6px;

}



.org-lower-down-arrows span::before{

    content:"";



    width:1px;

    height:12px;



    position:absolute;



    top:0;

    left:50%;



    transform:translateX(-50%);



    background:#2f6ac0;

}





/* ==========================================

   LAYER 3

========================================== */



.org-lower-layer3{

    min-height:100px;



    display:grid;

    grid-template-columns:106px 1fr;



    border:1px solid #75ae6b;



    border-radius:6px;



    background:

        linear-gradient(

            90deg,

            rgba(244,250,241,.95),

            rgba(253,255,252,.98)

        );



    overflow:hidden;

}





/* Layer title */



.org-lower-layer3-title{

    display:flex;

    flex-direction:column;

    align-items:center;

    justify-content:center;



    padding:8px 5px;



    text-align:center;



    border-right:1px solid #c6ddbf;



    background:

        linear-gradient(

            180deg,

            #f0f9ed,

            #f7fbf5

        );

}



.org-lower-layer3-title span{

    color:#317831;



    font-size:12px;

    line-height:18px;



    font-weight:700;

}



.org-lower-layer3-title small{

    display:block;



    color:#317831;



    font-size:9px;

    line-height:14px;



    font-weight:700;



    margin-top:2px;

}





/* Layer 3 network */



.org-lower-network{

    display:grid;



    grid-template-columns:

        195px

        55px

        245px

        55px

        175px

        1px

        1fr;



    align-items:center;



    gap:10px;



    padding:13px 24px;

}





/* Network item */



.org-lower-network-item{

    display:flex;

    align-items:center;



    gap:13px;

}



.org-lower-network-icon{

    width:52px;

    height:52px;



    min-width:52px;



    display:flex;

    align-items:center;

    justify-content:center;



    border-radius:50%;



    border:1px solid #80bd78;



    background:#f5fbf3;



    color:#299439;



    font-size:24px;

}



.org-lower-network-title{

    color:#171717;



    font-size:12px;

    line-height:16px;



    font-weight:700;

}





/* Arrows */



.org-lower-network-arrow{

    text-align:center;



    color:#409046;



    font-size:26px;



    font-weight:300;

}





/* Divider */



.org-lower-network-divider{

    height:72px;

    width:1px;



    border-left:1px dashed #67a95e;

}





/* Delivery box */



.org-lower-delivery-note{

    padding:11px 15px;



    border:1px dashed #85b77c;



    background:#f9fcf7;



    text-align:center;



    color:#252525;



    font-size:12px;

    line-height:16px;



    font-weight:600;

}





/* ==========================================

   BOTTOM GOVERNANCE NOTE

========================================== */



.org-lower-footer-note{

    min-height:52px;



    margin-top:15px;



    display:flex;

    align-items:center;

    justify-content:center;



    gap:18px;



    padding:8px 25px;



    border:1px solid #d5c2f1;



    border-radius:6px;



    background:

        linear-gradient(

            90deg,

            #fbf8ff 0%,

            #f2ebfb 50%,

            #fbf8ff 100%

        );

}



.org-lower-footer-icon{

    width:36px;

    height:36px;



    min-width:36px;



    border-radius:50%;



    display:flex;

    align-items:center;

    justify-content:center;



    border:1px solid #9d77d5;



    color:#50219a;



    font-size:16px;



    background:#ffffff;

}



.org-lower-footer-note p{

    margin:0;



    color:#54259a;



    text-align:center;



    font-size:12px;

    line-height:17px;



    font-weight:600;

}





/* ==========================================

   SCROLLBAR

========================================== */



.org-lower-section::-webkit-scrollbar{

    height:7px;

}



.org-lower-section::-webkit-scrollbar-track{

    background:#f1edf6;

}



.org-lower-section::-webkit-scrollbar-thumb{

    background:#8B74B5;

    border-radius:10px;

}





/* ==========================================

   RESPONSIVE

========================================== */



@media(max-width:1199px){



    .org-lower-section{

        overflow-x:auto;

        -webkit-overflow-scrolling:touch;

    }



    .org-lower-wrapper{

        min-width:1120px;

    }

}



:root{

    --senior-team-deep-purple:#4E397B;

    --senior-team-soft-lavender:#6B559C;

    --senior-team-violet:#8B74B5;

    --senior-team-mist:#F5EFFA;

    --senior-team-ivory:#FAF9FC;

    --senior-team-charcoal:#2E2238;

    --senior-team-muted:#6c6173;

    --senior-team-white:#ffffff;



    --senior-team-shadow:

        0 18px 45px rgba(46,34,56,.10);



    --senior-team-shadow-hover:

        0 28px 65px rgba(46,34,56,.15);

}



.senior-team-container{

    width:calc(100% - 40px);

    max-width:1260px;

    margin:0 auto;

}





/* ================================

   SECTION

================================ */



.senior-team-section{

    position:relative;

    overflow:hidden;

    padding:50px 0;



    background:

        radial-gradient(

            circle at 4% 5%,

            rgba(139,116,181,.13) 0,

            rgba(139,116,181,0) 28%

        ),

        radial-gradient(

            circle at 96% 92%,

            rgba(78,57,123,.09) 0,

            rgba(78,57,123,0) 27%

        ),

        linear-gradient(

            180deg,

            #ffffff 0%,

            #FAF9FC 48%,

            #F7F2FA 100%

        );

}





/* Decorative circles */



.senior-team-section::before{

    content:"";

    position:absolute;



    width:360px;

    height:360px;



    border:1px solid rgba(139,116,181,.13);

    border-radius:50%;



    top:-175px;

    right:-120px;



    pointer-events:none;

}



.senior-team-section::after{

    content:"";

    position:absolute;



    width:250px;

    height:250px;



    border:1px solid rgba(78,57,123,.10);

    border-radius:50%;



    bottom:-145px;

    left:-95px;



    pointer-events:none;

}





/* ================================

   SECTION HEADING

================================ */



.senior-team-heading{

    position:relative;

    z-index:2;



    max-width:850px;

    margin:0 auto 60px;



    text-align:center;

}



.senior-team-label{

    display:inline-flex;

    align-items:center;

    justify-content:center;



    padding:8px 18px;



    margin-bottom:18px;



    border:1px solid rgba(139,116,181,.25);

    border-radius:50px;



    background:rgba(245,239,250,.75);



    color:var(--senior-team-soft-lavender);



    font-family:"Manrope",sans-serif;

    font-size:13px;

    line-height:1;

    font-weight:700;



    letter-spacing:1.3px;

    text-transform:uppercase;

}



.senior-team-heading h2{

    margin:0;



    font-family:"Cormorant Garamond",serif;



    font-size:43px;

    line-height:1.12;



    font-weight:600;



    color:var(--senior-team-charcoal);

}





/* small ornamental divider */



.senior-team-divider{

    position:relative;



    width:120px;

    height:1px;



    margin:24px auto 0;



    background:linear-gradient(

        90deg,

        transparent,

        var(--senior-team-violet),

        transparent

    );

}



.senior-team-divider::before{

    content:"";



    position:absolute;



    width:7px;

    height:7px;



    border-radius:50%;



    background:var(--senior-team-violet);



    left:50%;

    top:50%;



    transform:translate(-50%,-50%);

}





/* ================================

   TEAM GRID

================================ */



.senior-team-grid{

    position:relative;

    z-index:2;



    display:grid;

    grid-template-columns:repeat(2,1fr);



    gap:28px;

}





/* ================================

   TEAM CARD

================================ */



.senior-team-card{

    position:relative;



    display:flex;

    flex-direction:column;



    min-height:100%;



    padding:38px 38px 36px;



    overflow:hidden;



    border:1px solid rgba(78,57,123,.09);

    border-radius:24px;



    background:rgba(255,255,255,.92);



    box-shadow:var(--senior-team-shadow);



    transition:

        transform .35s ease,

        box-shadow .35s ease,

        border-color .35s ease;

}



.senior-team-card:hover{

    transform:translateY(-6px);



    box-shadow:var(--senior-team-shadow-hover);



    border-color:rgba(139,116,181,.25);

}





/* decorative background */



.senior-team-card::after{

    content:"";



    position:absolute;



    width:190px;

    height:190px;



    border-radius:50%;



    top:-115px;

    right:-90px;



    background:

        radial-gradient(

            circle,

            rgba(139,116,181,.13),

            rgba(139,116,181,0) 70%

        );



    pointer-events:none;

}





/* Top detail */



.senior-team-card-top{

    display:flex;

    align-items:flex-start;



    gap:20px;



    margin-bottom:24px;

}





/* Icon */



.senior-team-icon{

    width:58px;

    height:58px;



    min-width:58px;



    display:flex;

    align-items:center;

    justify-content:center;



    border-radius:18px;



    background:

        linear-gradient(

            135deg,

            var(--senior-team-deep-purple),

            var(--senior-team-violet)

        );



    box-shadow:

        0 12px 28px rgba(78,57,123,.22);



    color:#ffffff;



    font-size:21px;

}





/* Name */



.senior-team-person{

    padding-top:1px;

}



.senior-team-person h3{

    margin:0 0 6px;



    font-family:"Cormorant Garamond",serif;



    color:var(--senior-team-charcoal);



    font-size:31px;

    line-height:1.1;



    font-weight:600;

}





/* Role */



.senior-team-role{

    margin:0;



    color:var(--senior-team-soft-lavender);



    font-family:"Manrope",sans-serif;



    font-size:14px;

    line-height:21px;



    font-weight:700;

}





/* Description */



.senior-team-description{

    position:relative;



    flex:1;



    padding-top:23px;



    border-top:1px solid rgba(139,116,181,.17);

}



.senior-team-description::before{

    content:"";



    position:absolute;



    top:-1px;

    left:0;



    width:58px;

    height:2px;



    background:var(--senior-team-violet);



    border-radius:2px;

}



.senior-team-description p{

    margin:0;



    color:var(--senior-team-muted);



    font-family:"Manrope",sans-serif;



    font-size:16px;

    line-height:27px;



    font-weight:400;

}





/* ================================

   LAST CARD

================================ */



.senior-team-card:last-child{

    grid-column:1 / -1;



    width:calc(50% - 14px);



    justify-self:center;

}





/* ================================

   RESPONSIVE

================================ */



@media(max-width:991px){



    .senior-team-section{

        padding:80px 0 90px;

    }



    .senior-team-heading{

        margin-bottom:48px;

    }



    .senior-team-heading h2{

        font-size:40px;

    }



    .senior-team-card{

        padding:32px 30px;

    }



    .senior-team-card:last-child{

        width:calc(50% - 14px);

    }

}





@media(max-width:767px){



    .senior-team-section{

        padding:65px 0 70px;

    }



    .senior-team-container{

        width:calc(100% - 30px);

    }



    .senior-team-heading{

        margin-bottom:38px;

    }



    .senior-team-heading h2{

        font-size:34px;

        line-height:1.15;

    }



    .senior-team-grid{

        grid-template-columns:1fr;

        gap:20px;

    }



    .senior-team-card{

        padding:29px 25px;

        border-radius:20px;

    }



    .senior-team-card:last-child{

        grid-column:auto;

        width:100%;

    }



    .senior-team-person h3{

        font-size:28px;

    }



    .senior-team-description p{

        font-size:16px;

        line-height:26px;

    }

}





@media(max-width:480px){



    .senior-team-section{

        padding:55px 0 60px;

    }



    .senior-team-heading h2{

        font-size:32px;

    }



    .senior-team-label{

        font-size:11px;

        padding:8px 14px;

    }



    .senior-team-card{

        padding:25px 21px;

    }



    .senior-team-card-top{

        gap:14px;

    }



    .senior-team-icon{

        width:50px;

        height:50px;



        min-width:50px;



        border-radius:15px;



        font-size:18px;

    }



    .senior-team-person h3{

        font-size:26px;

    }



    .senior-team-role{

        font-size:13px;

        line-height:19px;

    }

}





.sroi-wrap {

      width: 1260px;

      max-width: calc(100% - 40px);

      margin: 0 auto;

    }



    .sroi-section {

      padding: 50px 0;

    }



    .sroi-heading-lg {

      font-family: "Cormorant Garamond", serif;

      font-size: 52px;

      line-height: 1;

      font-weight: 700;

      color: var(--deep-purple);

    }



    .sroi-heading-md {

      font-family: "Cormorant Garamond", serif;

      font-size: 43px;

      line-height: 1.08;

      font-weight: 700;

      color: var(--charcoal-plum);

    }



    .sroi-heading-sm {

      font-family: "Cormorant Garamond", serif;

      font-size: 28px;

      line-height: 1.18;

      font-weight: 600;

      color: var(--deep-purple);

    }



    .sroi-text {

      color: var(--text-muted);

      font-size: 16px;

      line-height: 1.8;

    }



    .sroi-text strong,

    .sroi-quote strong {

      color: var(--deep-purple);

      font-weight: 700;

    }



    /* =========================

       HERO - Screenshot style

    ========================= */

    .sroi-hero {

      background: var(--mist-lavender);

      padding:0;

    }



    .sroi-hero-grid {

      display: grid;

      grid-template-columns: 1.15fr .85fr .85fr;

      gap: 0;

      min-height: 390px;

    }



    .sroi-hero-left {

      background: var(--white);

      padding: 48px 42px 48px 65px;

      display: flex;

      flex-direction: column;

      justify-content: center;

    }



    .sroi-hero-left h2 {

      font-size: 43px;

      line-height: 0.98;

      font-weight: 700;

      color: var(--deep-purple);

      margin-bottom: 18px;

    }



    .sroi-hero-left h2 span {

      display: block;

      color: var(--vibrant-violet);

      margin-top: 6px;

    }



    .sroi-hero-left h3 {

      font-family: "Cormorant Garamond", serif;

      font-size: 28px;

      line-height: 1.12;

      font-weight: 600;

      color: var(--deep-purple);

      margin-bottom: 14px;

    }



    .sroi-hero-left p {

      font-size: 15px;

      line-height: 1.8;

      color: var(--text);

      margin-bottom: 12px;

      max-width: 520px;

    }



    .sroi-hero-left p:last-child {

      margin-bottom: 0;

    }



    .sroi-hero-card {

      position: relative;

      overflow: hidden;

      min-height: 390px;

      display: flex;

      align-items: flex-end;

      padding: 32px 28px;

      background-image: url('../images/ak-banner-img01.jpg');

      background-size: cover;

      background-position: center;

    }



    .sroi-hero-card::before {

      content: "";

      position: absolute;

      inset: 0;

      background: var(--deep-purple);

      opacity: 0.88;

    }



    .sroi-hero-card--light::before {

      background: var(--deep-purple);

      opacity: 0.85;

    }



    .sroi-hero-card-content {

      position: relative;

      z-index: 2;

      width: 100%;

    }



    .sroi-hero-label {

      font-family: "Cormorant Garamond", serif;

      font-size: 30px;

      line-height: 1;

      font-weight: 600;

      color: var(--white);

      margin-bottom: 26px;

    }



    .sroi-hero-metric {

      font-size: 40px;

      line-height: .9;

      font-weight: 700;

      color: var(--white);

      margin-bottom: 14px;

    }



    .sroi-hero-card p {

      font-size: 14px;

      line-height: 1.65;

      color: var(--white);

      font-weight: 600;

    }



    /* =========================

       VALUE BLOCKS - Screenshot style

    ========================= */

    .sroi-value-area {

      background: #fafafa;

      padding: 50px 0;

    }



    .sroi-value-title {

      margin-bottom: 28px;

    }



    .sroi-value-grid {

      display: grid;

      grid-template-columns: repeat(3, 1fr);

      gap: 22px;

    }



    .sroi-value-card {

      position: relative;

      min-height: 290px;

      padding: 34px 34px 30px;

      display: flex;

      align-items: flex-end;

      overflow: hidden;

      background-image: url("images/ak-banner-img02.jpg");

      background-size: cover;

      background-position: center;

      box-shadow: var(--shadow-card);

    }



    .sroi-value-card::before {

      content: "";

      position: absolute;

      inset: 0;

      background: var(--deep-purple);

      opacity: .80;

    }



    .sroi-value-card--pink::before {

      background: var(--vibrant-violet);

      opacity: .72;

    }



    .sroi-value-card-content {

      position: relative;

      z-index: 2;

      width: 100%;

    }



    .sroi-value-number {

      position: absolute;

      top: 18px;

      left: 28px;

      z-index: 2;

      font-size: 74px;

      line-height: 1;

      font-weight: 800;

      color: var(--mist-lavender);

      opacity: 1.0;

    }



    .sroi-value-card p {

      font-family: "Cormorant Garamond", serif;

      font-size: 31px;

      line-height: 1.18;

      font-weight: 600;

      color: var(--white);

      margin: 0;

      max-width: 500px;

    }



    .sroi-value-card--wide {

      grid-column: 1 / -1;

      min-height: 180px;

    }



    /* =========================

       QUOTE / STATEMENT

    ========================= */

    .sroi-quote-section {

      background: var(--mist-lavender);

      padding: 50px 0;

    }



    .sroi-quote {

      border-left: 5px solid var(--vibrant-violet);

      padding-left: 26px;

    }



    .sroi-quote p {

      font-family: "Cormorant Garamond", serif;

      font-size: 34px;

      line-height: 1.3;

      font-weight: 600;

      color: var(--deep-purple);

    }



    /* =========================

       METHODOLOGY

    ========================= */

    .sroi-methodology {

      background: var(--mist-lavender);

      padding: 50px 0;

    }



    .sroi-methodology-head {

      text-align: center;

      margin-bottom: 32px;

    }



    .sroi-methodology-head h2 {

      font-family: "Cormorant Garamond", serif;

      font-size: 43px;

      line-height: 1.05;

      font-weight: 700;

      color: var(--deep-purple);

      margin-bottom: 12px;

    }



    .sroi-method-grid {

      display: grid;

      grid-template-columns: repeat(3, 1fr);

      gap: 18px;

      margin-bottom: 28px;

    }



    .sroi-method-card {

      background: var(--white);

      min-height: 160px;

      padding: 26px 24px;

      box-shadow: var(--shadow-card);

      border-radius: var(--radius-md);

      display: flex;

      flex-direction: column;

      justify-content: space-between;

    }



    .sroi-method-card h4 {

      font-size: 14px;

      line-height: 1.4;

      font-weight: 800;

      text-transform: uppercase;

      letter-spacing: .8px;

      color: var(--text-muted);

      margin-bottom: 14px;

    }



    .sroi-method-card p {

      font-family: "Cormorant Garamond", serif;

      font-size: 30px;

      line-height: 1.1;

      font-weight: 600;

      color: var(--deep-purple);

    }



    .sroi-method-card--accent {

      background: var(--deep-purple);

    }



    .sroi-method-card--accent h4,

    .sroi-method-card--accent p {

      color: var(--white);

    }



    /* =========================

       ACCURACY NOTE

    ========================= */

    .sroi-accuracy {

      display: grid;

      grid-template-columns: 1fr 360px;

      gap: 20px;

      align-items: stretch;

    }



    .sroi-accuracy-left,

    .sroi-accuracy-right {

      border-radius: var(--radius-md);

      overflow: hidden;

    }



    .sroi-accuracy-left {

      background: var(--white);

      padding: 28px 26px;

      box-shadow: var(--shadow-card);

    }



    .sroi-accuracy-left h3 {

      font-family: "Cormorant Garamond", serif;

      font-size: 34px;

      line-height: 1.1;

      font-weight: 600;

      color: var(--deep-purple);

      margin-bottom: 10px;

    }



    .sroi-accuracy-left p {

      font-size: 16px;

      line-height: 1.75;

      color: var(--text-muted);

    }



    .sroi-accuracy-right {

      background: var(--deep-purple);

      color: var(--white);

      padding: 28px 24px;

      display: flex;

      flex-direction: column;

      justify-content: center;

      box-shadow: var(--shadow-card);

    }



    .sroi-accuracy-right strong {

      display: block;

      font-size: 21px;

      line-height: 1.2;

      font-weight: 700;

      color: var(--white);

      margin-bottom: 8px;

    }



    .sroi-accuracy-right span {

      font-size: 21px;

      line-height: 1.2;

      font-weight: 600;

      color: var(--mist-lavender);

    }



    /* =========================

       RESPONSIVE

    ========================= */

    @media (max-width: 991px) {

      .sroi-hero-grid {

        grid-template-columns: 1fr 1fr;

      }



      .sroi-hero-left {

        grid-column: 1 / -1;

      }



      .sroi-value-grid {

        grid-template-columns: 1fr;

      }



      .sroi-value-card--wide {

        grid-column: auto;

      }



      .sroi-method-grid {

        grid-template-columns: repeat(2, 1fr);

      }



      .sroi-accuracy {

        grid-template-columns: 1fr;

      }

    }



    @media (max-width: 767px) {

      .sroi-wrap {

        max-width: calc(100% - 30px);

      }



      .sroi-section,

      .sroi-hero,

      .sroi-value-area,

      .sroi-quote-section,

      .sroi-methodology {

        padding: 40px 0;

      }



      .sroi-hero-grid {

        grid-template-columns: 1fr;

      }



      .sroi-hero-left {

        padding: 34px 24px;

      }



      .sroi-hero-left h1 {

        font-size: 42px;

      }



      .sroi-hero-left h3 {

        font-size: 28px;

      }



      .sroi-hero-card {

        min-height: 260px;

      }



      .sroi-hero-metric {

        font-size: 50px;

      }



      .sroi-heading-lg,

      .sroi-heading-md,

      .sroi-methodology-head h2,

      .sroi-value-title h2 {

        font-size: 36px;

      }



      .sroi-value-card {

        min-height: 230px;

        padding: 28px 24px;

      }



      .sroi-value-number {

        font-size: 60px;

        left: 22px;

      }



      .sroi-value-card p {

        font-size: 26px;

      }



      .sroi-quote p {

        font-size: 28px;

      }



      .sroi-method-grid {

        grid-template-columns: 1fr;

      }



      .sroi-accuracy-left h3 {

        font-size: 30px;

      }



      .sroi-accuracy-right strong {

        font-size: 26px;

      }



      .sroi-accuracy-right span {

        font-size: 22px;

      }

    }



/* Smooth background zoom in / zoom out */



.sroi-value-card {

    position: relative;

    overflow: hidden;

    isolation: isolate;

}





/* duplicate the existing card background image

   and animate this layer */

.sroi-value-card::after {

    content: "";

    position: absolute;

    inset: -4%;

    z-index: 0;



    /* takes the existing background image from each card */

    background-image: inherit;

    background-size: cover;

    background-position: center;

    background-repeat: no-repeat;



    transform: scale(1);

    transform-origin: center center;



    animation: sroi-bg-zoom 10s ease-in-out infinite alternate;



    will-change: transform;

    backface-visibility: hidden;

    -webkit-backface-visibility: hidden;

}





/* existing color overlay must stay above image */

.sroi-value-card::before {

    z-index: 1 !important;

}





/* content stays above image + overlay */

.sroi-value-number,

.sroi-value-card-content {

    position: relative;

    z-index: 3;

}



.sroi-value-number {

    position: absolute;

}





/* smooth zoom */

@keyframes sroi-bg-zoom {



    0% {

        transform: scale(1);

    }



    100% {

        transform: scale(1.14);

    }



}





/* different timing so all 5 do not move together */



.sroi-value-card:nth-child(1)::after {

    animation-delay: 0s;

}



.sroi-value-card:nth-child(2)::after {

    animation-delay: -2s;

}



.sroi-value-card:nth-child(3)::after {

    animation-delay: -4s;

}



.sroi-value-card:nth-child(4)::after {

    animation-delay: -6s;

}



.sroi-value-card:nth-child(5)::after {

    animation-delay: -8s;

}

.sroi-value-card.noimgboxonecls{background-color:#2a1850;}

.sroi-value-card.noimgboxonecls .sroi-value-card-content p{font-family: "Manrope", sans-serif; 

font-size:24px; line-height:34px;}

.estimatecolorcls{background:#8B74B5;}

.estimatecolorclstwo{background:#8B74B5;}

.cf-buttontwo.whitecfbtncls{color:#4E397B; border-color:#fff; background-color:#fff;}

.vibrantwhite{background-color:#8B74B5; color:#fff; border-color:#8B74B5;}



/* About Page Updates */

        /* =========================================================

           SHAMLU DUDEJA PROFILE / ABOUT SECTION

        ========================================================= */



        .samuelprofileabt-section {

            position: relative;

            overflow: hidden;

            background: #fcfcfc;

            padding: 50px 0 90px;

			background-image:url('../images/about-sd-bg02.png');

			background-repeat: no-repeat;

			background-position: right top;

			background-size: cover;

        }



        .samuelprofileabt-container {

            max-width: 1260px;

        }



        /* top editorial label */

        .samuelprofileabt-kicker-row {

            display: flex;

            align-items: center;

            gap: 20px;

            margin-bottom: 15px;

        }



        .samuelprofileabt-kicker {

            margin: 0;

            font-size: 15px;

            line-height: 1;

            font-weight: 700;

            letter-spacing: 2px;

            text-transform: uppercase;

            color: var(--deep-purple);

            white-space: nowrap;

        }



        /* .samuelprofileabt-kicker-line {

            height: 1px;

            width: 100%;

            background: var(--vibrant-violet);

        } */



        /* Main headline */

        .samuelprofileabt-heading {

            max-width: 1110px;

            margin: 0 0 15px;

            font-size: 43px;

            line-height: 0.98;

            font-weight: 600;

            color: var(--charcoal-plum);

        }



        .samuelprofileabt-main-grid {

            align-items: stretch;

        }



        /* Image */

        .samuelprofileabt-image-column {

            position: relative;

        }



        .samuelprofileabt-image-wrap {

            position: sticky;

            top: 30px;

            overflow: hidden;

            min-height: 690px;

            height: 100%;

            background: transparent;

            border-radius:4px;

            box-shadow: none;

			border: 0px solid var(--deep-purple);

        }



        .samuelprofileabt-image {

            width: 100%;

            height: 100%;

            min-height: 690px;

            object-fit: cover;

            object-position: center top;

            display: block;

        }



        .samuelprofileabt-image-caption {

            position: absolute;

            left: 0;

            bottom: 0;

            width: 100%;

            padding: 20px;

            background: var(--deep-purple);

            color: var(--white);

        }



        .samuelprofileabt-image-caption-name {

            display: block;

            margin-bottom: 3px;

            font-family: "Cormorant Garamond", serif;

            font-size: 29px;

            line-height: 1;

            font-weight: 600;

        }



        .samuelprofileabt-image-caption-role {

            display: block;

            font-size: 12px;

            line-height: 2.2;

            font-weight: 600;

            letter-spacing: 1px;

            text-transform: uppercase;

            color: var(--white);

        }



        /* Content side */

        .samuelprofileabt-content {

            padding-left: 0px;

        }



        .samuelprofileabt-descriptor{

            margin: 0 0 25px;

            padding-bottom: 0px;

            border-bottom: 0px solid var(--vibrant-violet);



            font-family: "Manrope", sans-serif;

            font-size: 14px;

            line-height: 1.8;

            font-weight: 700;

            letter-spacing: 1.3px;

            color: var(--soft-lavender);

        }



        .samuelprofileabt-lead {

            margin: 0 0 20px;

            font-family: "Cormorant Garamond", serif;

            font-size: 25px;

            line-height: 1.22;

            font-weight: 500;

            color: var(--charcoal-plum);

        }



        .samuelprofileabt-lead strong {

            color: var(--deep-purple);

            font-weight: 700;

        }



        .samuelprofileabt-body {

            font-size: 16px;

            line-height: 1.9;

            font-weight: 400;

            color: var(--muted);

        }



        .samuelprofileabt-body p {

            margin: 0 0 15px;

        }



        /* editorial drop-cap */

        .samuelprofileabt-body-first::first-letter {

            float: left;

            margin: 7px 10px 0 0;

            font-family: "Cormorant Garamond", serif;

            font-size: 78px;

            line-height: 0.68;

            font-weight: 600;

            color: var(--deep-purple);

        }



        /* 1994 editorial feature */

        .samuelprofileabt-year-block {

            display: grid;

            grid-template-columns: 145px 1fr;

            align-items: start;

            gap: 25px;

            margin: 44px 0 35px;

            padding: 30px 0;

            border-top: 1px solid var(--vibrant-violet);

            border-bottom: 1px solid var(--vibrant-violet);

        }



        .samuelprofileabt-year {

            font-family: "Cormorant Garamond", serif;

            font-size: 78px;

            line-height: 0.8;

            font-weight: 600;

            letter-spacing: -3px;

            color: var(--deep-purple);

        }



        .samuelprofileabt-year-copy {

            margin: 0;

            font-size: 16px;

            line-height: 1.85;

            color: var(--muted);

        }



        .samuelprofileabt-year-copy strong {

            color: var(--charcoal-plum);

        }



        /* pull quote / magazine close */

        .samuelprofileabt-closing {

            position: relative;

            margin-top: 34px;

            padding: 35px 38px;

            background: var(--mist-lavender);

            border-radius: var(--radius-md);

        }



        .samuelprofileabt-closing-mark {

            position: absolute;

            top: 8px;

            right: 25px;

            font-family: "Cormorant Garamond", serif;

            font-size: 90px;

            line-height: 1;

            color: var(--vibrant-violet);

        }



        .samuelprofileabt-closing p {

            position: relative;

            z-index: 1;

            max-width: 650px;

            margin: 0;

            font-family: "Cormorant Garamond", serif;

            font-size: 27px;

            line-height: 1.35;

            font-weight: 600;

            color: var(--charcoal-plum);

        }



        /* page number-style magazine detail */

        .samuelprofileabt-footer-detail {

            display: flex;

            align-items: center;

            justify-content: space-between;

            gap: 30px;

            margin-top: 30px;

            padding-top: 18px;

            border-top: 1px solid var(--vibrant-violet);

        }



        .samuelprofileabt-footer-text {

            font-size: 11px;

            font-weight: 700;

            letter-spacing: 1.7px;

            text-transform: uppercase;

            color: var(--text-muted);

        }



        .samuelprofileabt-footer-number {

            font-family: "Cormorant Garamond", serif;

            font-size: 24px;

            line-height: 1;

            font-weight: 600;

            color: var(--deep-purple);

        }



        /* =========================================================

           RESPONSIVE

        ========================================================= */



        @media (max-width: 1199.98px) {



            .samuelprofileabt-section {

                padding: 75px 0 85px;

            }



            .samuelprofileabt-content {

                padding-left: 15px;

            }



            .samuelprofileabt-image-wrap,

            .samuelprofileabt-image {

                min-height: 620px;

            }



            .samuelprofileabt-year {

                font-size: 68px;

            }

        }



        @media (max-width: 991.98px) {



            .samuelprofileabt-heading {

                margin-bottom: 35px;

            }



            .samuelprofileabt-content {

                padding-left: 0;

                margin-top: 45px;

            }



            .samuelprofileabt-image-wrap {

                position: relative;

                top: auto;

                min-height: auto;

                height: 650px;

            }



            .samuelprofileabt-image {

                min-height: auto;

                height: 650px;

            }

        }



        @media (max-width: 767.98px) {



            .samuelprofileabt-section {

                padding: 55px 0 65px;

            }



            .samuelprofileabt-kicker-row {

                gap: 14px;

                margin-bottom: 20px;

            }



            .samuelprofileabt-kicker {

                font-size: 11px;

                letter-spacing: 1.5px;

            }



            .samuelprofileabt-heading {

                font-size: 46px;

                line-height: 1;

                letter-spacing: -1px;

                margin-bottom: 30px;

            }



            .samuelprofileabt-image-wrap,

            .samuelprofileabt-image {

                height: 510px;

            }



            .samuelprofileabt-image-caption {

                padding: 20px;

            }



            .samuelprofileabt-image-caption-name {

                font-size: 25px;

            }



            .samuelprofileabt-content {

                margin-top: 36px;

            }



            .samuelprofileabt-descriptor {

                font-size: 11px;

            }



            .samuelprofileabt-lead {

                font-size: 27px;

            }



            .samuelprofileabt-body {

                font-size: 15px;

                line-height: 1.8;

            }



            .samuelprofileabt-year-block {

                grid-template-columns: 1fr;

                gap: 18px;

                margin: 35px 0 30px;

            }



            .samuelprofileabt-year {

                font-size: 65px;

            }



            .samuelprofileabt-closing {

                padding: 30px 25px;

            }



            .samuelprofileabt-closing p {

                font-size: 24px;

            }

        }



        @media (max-width: 575.98px) {



            .samuelprofileabt-section {

                padding-left: 5px;

                padding-right: 5px;

            }



            .samuelprofileabt-heading {

                font-size: 41px;

            }



            .samuelprofileabt-image-wrap,

            .samuelprofileabt-image {

                height: 450px;

            }



            .samuelprofileabt-body-first::first-letter {

                font-size: 64px;

            }



            .samuelprofileabt-footer-detail {

                gap: 15px;

            }

        }



/* Three Generation */

/* ==========================================================

           THREE GENERATIONS - MAGAZINE EDITORIAL

        ========================================================== */



        .threegenabt-section {

            position: relative;

            overflow: hidden;

            background: var(--ivory-white);

            padding:0 0 50px;

        }



        .threegenabt-container {

            max-width: 1260px;

        }



        .threegenabt-editorial {

            position: relative;

            min-height: 750px;

            background: var(--white);

            overflow: hidden;

            box-shadow: var(--shadow-soft);

        }



        /* =========================

           LARGE LEFT IMAGE

        ========================== */



        .threegenabt-main-image {

            position: absolute;

            top: 0;

            left: 0;

            width: 487px;

            height: 100%;

            overflow: hidden;

            background: var(--mist-lavender);

        }



        .threegenabt-main-image img {

            width: 100%;

            height: 100%;

            display: block;

            object-fit: cover;

            object-position: center;

            filter: grayscale(0%);

        }



        /* =========================

           RIGHT EDITORIAL PANEL

        ========================== */



        .threegenabt-content-panel {

            position: relative;

            z-index: 2;

            width: 58%;

            min-height: 750px;

            margin-left: auto;

            padding: 30px 30px 10px 10px;

            background: var(--white);

        }



        /* top title area */



        .threegenabt-title-wrap {

            position: relative;

            margin-bottom: 15px;

        }



        .threegenabt-title {

			margin: 0 0 15px;

			font-size: 43px;

			line-height: 0.98;

			font-weight: 600;

			color: var(--charcoal-plum);

        }



        .threegenabt-subtitle {

            margin: 0 0 15px;

            font-size: 29px;

            line-height: 1.15;

            font-weight: 600;

            color: var(--deep-purple);

        }



        .threegenabt-intro {

            max-width: 490px;

            margin: 0;

            line-height: 1.65;

            font-weight: 600;

            letter-spacing: 0px;

            color: var(--soft-lavender);

        }



        /* =========================

           SMALL OVERLAPPING IMAGE

        ========================== */



        .threegenabt-small-image-wrap {

            position: relative;

            z-index: 4;

            width: 74%;

            margin: 30px 0 28px -155px;

            padding: 14px;

            background: var(--white);

            box-shadow: var(--shadow-card);

        }



        .threegenabt-small-image {

            position: relative;

            overflow: hidden;

            aspect-ratio: 1.35 / 1;

            background: var(--mist-lavender);

        }



        .threegenabt-small-image img {

            width: 100%;

            height: 100%;

            display: block;

            object-fit: cover;

            object-position: center;

            filter: grayscale(0%);

        }



        /* =========================

           BODY COPY

        ========================== */



        .threegenabt-copy {

            max-width: 590px;

            margin-left: 0;

            color: var(--muted);

        }



        .threegenabt-copy p {

            margin: 0 0 15px;

            line-height: 1.72;

        }



        .threegenabt-copy p:first-child {

            color: var(--charcoal-plum);

            font-weight: 600;

        }



        .threegenabt-copy strong {

            color: var(--deep-purple);

            font-weight: 700;

        }



        /* bottom statement */



        .threegenabt-ending {

            position: relative;

            margin-top: 25px;

            padding: 20px 24px;

            background: var(--mist-lavender);

            border-left: 4px solid var(--vibrant-violet);

        }



        .threegenabt-ending strong {

            display: block;

            font-size: 15px;

            line-height: 1.55;

            color: var(--deep-purple);

        }



        /* decorative editorial line */



        .threegenabt-rule {

            width: 100%;

            height: 1px;

            margin-bottom: 24px;

            background: var(--vibrant-violet);

        }



        /* =========================

           RESPONSIVE

        ========================== */



        @media (max-width: 1199.98px) {



            .threegenabt-editorial,

            .threegenabt-content-panel {

                min-height: 820px;

            }



            .threegenabt-content-panel {

                width: 60%;

                padding: 50px 45px 50px 65px;

            }



            .threegenabt-title {

                margin-left: -120px;

            }



            .threegenabt-small-image-wrap {

                margin-left: -120px;

                width: 78%;

            }

        }



        @media (max-width: 991.98px) {



            .threegenabt-section {

                padding: 60px 0;

            }



            .threegenabt-editorial {

                min-height: auto;

            }



            .threegenabt-main-image {

                position: relative;

                width: 100%;

                height: 620px;

            }



            .threegenabt-content-panel {

                width: 100%;

                min-height: auto;

                padding: 45px;

            }



            .threegenabt-title {

                max-width: 700px;

                margin: 0 0 15px;

            }



            .threegenabt-small-image-wrap {

                width: 72%;

                margin: -120px 0 35px auto;

            }



            .threegenabt-copy {

                max-width: 100%;

            }

        }



        @media (max-width: 767.98px) {



            .threegenabt-section {

                padding: 45px 0;

            }



            .threegenabt-main-image {

                height: 500px;

            }



            .threegenabt-content-panel {

                padding: 35px 25px;

            }



            .threegenabt-title {

                font-size: 43px;

                line-height: 1.05;

            }



            .threegenabt-subtitle {

                font-size: 26px;

            }



            .threegenabt-small-image-wrap {

                width: 86%;

                margin-top: -85px;

                padding: 10px;

            }



            .threegenabt-copy p {

                font-size: 14px;

            }

        }



        @media (max-width: 575.98px) {



            .threegenabt-section {

                padding: 30px 0;

            }



            .threegenabt-main-image {

                height: 410px;

            }



            .threegenabt-content-panel {

                padding: 30px 20px;

            }



            .threegenabt-title {

                font-size: 43px;

            }



            .threegenabt-subtitle {

                font-size: 24px;

            }



            .threegenabt-intro {

                font-size: 13px;

            }



            .threegenabt-small-image-wrap {

                width: 92%;

                margin-top: -65px;

            }

        }

		

		

       /* =====================================================

           HBS EDITORIAL SECTION

        ===================================================== */



        .hbseditorial-section {

            position: relative;

            overflow: hidden;

            padding: 50px 0;

            background: var(--ivory-white);

        }





        .hbseditorial-container {

            max-width: 1260px;

        }





        .hbseditorial-layout {

            display: grid;

            grid-template-columns: 58px minmax(0, 1fr);

            overflow: hidden;

            background: var(--white);

            box-shadow: var(--shadow-soft);

        }







        /* =====================================================

           LEFT VERTICAL RAIL

        ===================================================== */



        .hbseditorial-rail {

            display: flex;

            align-items: center;

            justify-content: center;

            padding: 18px 0;

            background: var(--deep-purple);

        }





        .hbseditorial-rail-text {

            margin: 0;

            writing-mode: vertical-rl;

            transform: rotate(180deg);



            color: var(--white);



            font-size: 10px;

            line-height: 1;

            font-weight: 700;

            letter-spacing: 1.5px;

            text-transform: uppercase;

        }







        /* =====================================================

           CONTENT BODY

        ===================================================== */



        .hbseditorial-body {

            padding: 27px 30px 25px;

        }







        /* TOP META */



        .hbseditorial-topline {

            display: flex;

            align-items: center;

            justify-content: space-between;



            gap: 15px;



            margin-bottom: 10px;

        }





        .hbseditorial-kicker {

            display: flex;

            align-items: center;

            gap: 8px;



            margin: 0;



            color: var(--deep-purple);



            font-size: 10px;

            line-height: 1.3;

            font-weight: 700;

            letter-spacing: 1.3px;

            text-transform: uppercase;

        }





        .hbseditorial-kicker::before {

            content: "";



            width: 25px;

            height: 2px;



            background: var(--vibrant-violet);

        }





        .hbseditorial-year {

            margin: 0;



            color: var(--soft-lavender);



            font-size: 12px;

            line-height: 1.3;

            font-weight: 700;

            letter-spacing: 1px;

            text-transform: uppercase;

        }







        /* =====================================================

           MAIN HEADING

        ===================================================== */



        .hbseditorial-heading {

            max-width: 100%;



            margin: 0 0 8px;



            font-size: 43px;

            line-height: 1.02;

            font-weight: 600;

            letter-spacing: -0.5px;



            color: var(--charcoal-plum);

        }





        .hbseditorial-intro {

            max-width: 100%;



            margin: 20px 0 18px;



            color: var(--soft-lavender);

            line-height: 1.45;

            font-weight: 600;

			font-size: 18px;

        }







        /* =====================================================

           MAIN CONTENT GRID

        ===================================================== */



        .hbseditorial-content-grid {

            display: grid;

            grid-template-columns: minmax(0, 1fr) 390px;



            gap: 28px;



            align-items: start;

        }







        /* =====================================================

           LEFT COPY

        ===================================================== */



        .hbseditorial-copy p {

            margin: 0 0 10px;



            color: var(--muted);



            line-height: 1.62;

        }





        .hbseditorial-copy p:last-child {

            margin-bottom: 0;

        }





        .hbseditorial-copy strong {

            color: var(--deep-purple);

            font-weight: 700;

        }







        /* QUOTE */



        .hbseditorial-quote {





            padding: 11px 0 11px 16px;



            border-left: 3px solid var(--vibrant-violet);

        }





        .hbseditorial-quote p {

            margin: 0;



            color: var(--charcoal-plum);



            line-height: 1.5;

            font-weight: 600;

        }







        /* =====================================================

           RIGHT IMAGE

        ===================================================== */



        .hbseditorial-visual {

            position: relative;

        }





        .hbseditorial-image-frame {

            padding: 7px;



            background: var(--mist-lavender);



            box-shadow: var(--shadow-card);

        }





        .hbseditorial-image {

            position: relative;



            overflow: hidden;



            height: 272px;



            background: var(--mist-lavender);

        }





        .hbseditorial-image img {

            display: block;



            width: 100%;

            height: 100%;



            object-fit: cover;

            object-position: center;

        }







        /* =====================================================

           PLAY BUTTON

        ===================================================== */



        .hbseditorial-play {

            position: absolute;



            left: 14px;

            bottom: 14px;



            display: flex;

            align-items: center;

            justify-content: center;



            width: 46px;

            height: 46px;



            border: 2px solid var(--white);

            border-radius: 50%;



            background: var(--deep-purple);



            text-decoration: none;



            transition:

                transform .3s ease,

                background .3s ease;

        }





        .hbseditorial-play::before {

            content: "";



            margin-left: 3px;



            width: 0;

            height: 0;



            border-top: 7px solid transparent;

            border-bottom: 7px solid transparent;

            border-left: 11px solid var(--white);

        }





        .hbseditorial-play:hover {

            transform: scale(1.06);

            background: var(--soft-lavender);

        }







        /* =====================================================

           IMAGE LABEL

        ===================================================== */



        .hbseditorial-photo-label {

            position: absolute;



            top: 15px;

            right: -8px;



            padding: 6px 10px;



            background: var(--deep-purple);



            color: var(--white);



            font-size: 10px;

            font-weight: 700;

            letter-spacing: .8px;

            text-transform: uppercase;

        }







        /* =====================================================

           META INFORMATION

        ===================================================== */



        .hbseditorial-meta {

            margin-top: 8px;



            padding-top: 8px;



            border-top: 1px solid var(--vibrant-violet);

        }





        .hbseditorial-meta-row {

            display: flex;

            justify-content: space-between;



            gap: 12px;



            padding: 2px 0;

        }





        .hbseditorial-meta-label,

        .hbseditorial-meta-value {

            margin: 0;



            font-size: 9px;

            line-height: 1.35;

        }





        .hbseditorial-meta-label {

            color: var(--text-muted);



            font-weight: 700;

            letter-spacing: .5px;

            text-transform: uppercase;

        }





        .hbseditorial-meta-value {

            color: var(--charcoal-plum);



            font-weight: 600;

            text-align: right;

        }







        /* =====================================================

           BOTTOM CTA

        ===================================================== */



        .hbseditorial-bottom {

            display: flex;

            align-items: center;

            justify-content: space-between;



            gap: 18px;



            margin-top: 14px;



            padding: 11px 15px;



            background: var(--mist-lavender);

        }





        .hbseditorial-bottom-copy {

            max-width: 620px;



            margin: 0;



            color: var(--charcoal-plum);



            font-size: 11px;

            line-height: 1.45;

            font-weight: 600;

        }





        .hbseditorial-btn {

            display: inline-flex;

            align-items: center;

            justify-content: center;



            flex: 0 0 auto;



            min-height: 35px;



            padding: 7px 15px;



            border: 2px solid var(--deep-purple);



            background: var(--deep-purple);



            color: var(--white);



            font-size: 9px;

            line-height: 1.2;

            font-weight: 700;

            letter-spacing: .6px;

            text-transform: uppercase;



            text-decoration: none;



            transition:

                background .3s ease,

                color .3s ease;

        }





        .hbseditorial-btn:hover {

            background: var(--white);

            color: var(--deep-purple);

        }







        /* =====================================================

           TABLET

        ===================================================== */



        @media (max-width: 991.98px) {



            .hbseditorial-section {

                padding: 25px 0;

            }





            .hbseditorial-layout {

                grid-template-columns: 52px minmax(0, 1fr);

            }





            .hbseditorial-body {

                padding: 23px 24px;

            }





            .hbseditorial-content-grid {

                grid-template-columns: minmax(0, 1fr) 280px;

                gap: 20px;

            }





            .hbseditorial-image {

                height: 205px;

            }



        }







        /* =====================================================

           MOBILE

        ===================================================== */



        @media (max-width: 767.98px) {



            .hbseditorial-section {

                padding: 18px 0;

            }





            .hbseditorial-layout {

                display: block;

            }





            .hbseditorial-rail {

                padding: 9px 15px;



                justify-content: flex-start;

            }





            .hbseditorial-rail-text {

                writing-mode: initial;

                transform: none;

            }





            .hbseditorial-body {

                padding: 20px;

            }





            .hbseditorial-heading {

                font-size: 43px;

            }





            .hbseditorial-intro {

                margin-bottom: 14px;

            }





            .hbseditorial-content-grid {

                grid-template-columns: 1fr;



                gap: 18px;

            }





            .hbseditorial-image {

                height: 280px;

            }





            .hbseditorial-bottom {

                flex-direction: column;

                align-items: flex-start;



                gap: 10px;

            }



        }







        @media (max-width: 575.98px) {



            .hbseditorial-body {

                padding: 17px;

            }





            .hbseditorial-topline {

                display: block;



                margin-bottom: 8px;

            }





            .hbseditorial-year {

                margin-top: 5px;

            }





            .hbseditorial-heading {

                font-size: 43px;

            }





            .hbseditorial-intro {

                font-size: 14px;

            }





            .hbseditorial-image {

                height: 240px;

            }





            .hbseditorial-photo-label {

                right: 5px;

            }





            .hbseditorial-btn {

                width: 100%;

            }



        }



/* Quote Two */

/* =========================================

           QUOTE SECTION

        ========================================= */



        .legacyquote-section {

            position: relative;

            overflow: hidden;

            padding: 60px 0 55px;

            background: #f2eaf9;

        }





        .legacyquote-container {

            max-width: 1080px;

        }





        .legacyquote-card {

            position: relative;



            display: grid;

            grid-template-columns: 105px minmax(0, 1fr);



            overflow: visible;



            background: var(--ivory-white);



            box-shadow: var(--shadow-soft);

        }







        /* =========================================

           LEFT RAIL

        ========================================= */



        .legacyquote-rail {

            position: relative;



            display: flex;

            align-items: center;

            justify-content: center;



            min-height: 230px;



            background: var(--deep-purple);

        }





        .legacyquote-rail::before {

            content: "";



            position: absolute;

            top: 32px;

            bottom: 32px;

            left: 50%;



            width: 1px;



            background: var(--vibrant-violet);

        }







        /* =========================================

           OPEN QUOTE

        ========================================= */



        .legacyquote-open {

            position: absolute;

            top: -34px;

            left: 61px;

            z-index: 4;



            display: flex;

            align-items: center;

            justify-content: center;



            width: 78px;

            height: 78px;



            border-radius: 50%;



            background: var(--white);



            box-shadow: var(--shadow-card);



            color: var(--deep-purple);

        }





        .legacyquote-open svg {

            width: 36px;

            height: 36px;



            display: block;



            fill: currentColor;

        }







        /* =========================================

           CONTENT

        ========================================= */



        .legacyquote-content {

            position: relative;



            padding: 47px 70px 44px 58px;

        }





        .legacyquote-eyebrow {

            display: flex;

            align-items: center;

            gap: 12px;



            margin: 0 0 15px;



            color: var(--soft-lavender);



            font-size: 18px;

            line-height: 1.4;

            font-weight: 600;

        }





        /*.legacyquote-eyebrow::after {

            content: "";



            width: 70px;

            height: 2px;



            background: var(--vibrant-violet);

        }*/







        /* =========================================

           MAIN QUOTE

        ========================================= */



        .legacyquote-text{

            position: relative;

            z-index: 2;

            max-width: 750px;

            margin: 0;

            color: var(--charcoal-plum);

			font-family: "Cormorant Garamond", serif;

            font-size: 43px;

            line-height: 1em;

            font-weight: 600;

        }







        /* =========================================

           CLOSING QUOTE

        ========================================= */



        .legacyquote-close {

            position: absolute;

            right: 34px;

            bottom: -30px;



            display: flex;

            align-items: center;

            justify-content: center;



            width: 68px;

            height: 68px;



            background: var(--vibrant-violet);



            color: var(--white);



            box-shadow: var(--shadow-card);

        }





        .legacyquote-close svg {

            width: 31px;

            height: 31px;



            display: block;



            fill: currentColor;



            transform: rotate(180deg);

        }







        /* =========================================

           BOTTOM ACCENT

        ========================================= */



        .legacyquote-content::after {

            content: "";



            position: absolute;

            left: 58px;

            bottom: 0;



            width: 115px;

            height: 5px;



            background: var(--deep-purple);

        }







        /* =========================================

           TABLET

        ========================================= */



        @media (max-width: 991.98px) {



            .legacyquote-section {

                padding: 45px 0;

            }





            .legacyquote-card {

                grid-template-columns: 80px minmax(0, 1fr);

            }





            .legacyquote-open {

                left: 40px;

            }





            .legacyquote-content {

                padding: 42px 50px 40px;

            }





            .legacyquote-text {

                font-size: 38px;

            }





            .legacyquote-content::after {

                left: 50px;

            }



        }







        /* =========================================

           MOBILE

        ========================================= */



        @media (max-width: 767.98px) {



            .legacyquote-section {

                padding: 35px 0;

            }





            .legacyquote-card {

                display: block;

            }





            .legacyquote-rail {

                min-height: 18px;

                height: 18px;

            }





            .legacyquote-rail::before {

                display: none;

            }





            .legacyquote-open {

                top: -25px;

                left: 25px;



                width: 64px;

                height: 64px;

            }





            .legacyquote-open svg {

                width: 29px;

                height: 29px;

            }





            .legacyquote-content {

                padding: 55px 28px 38px;

            }





            .legacyquote-eyebrow {

                margin-bottom: 17px;



                font-size: 12px;

            }





            .legacyquote-text {

                font-size: 34px;

                line-height: 1.17;

            }





            .legacyquote-close {

                right: 20px;

                bottom: -24px;



                width: 56px;

                height: 56px;

            }





            .legacyquote-close svg {

                width: 25px;

                height: 25px;

            }





            .legacyquote-content::after {

                left: 28px;



                width: 80px;

            }



        }







        @media (max-width: 575.98px) {



            .legacyquote-section {

                padding: 30px 0 40px;

            }





            .legacyquote-content {

                padding: 52px 22px 34px;

            }





            .legacyquote-eyebrow {

                align-items: flex-start;

            }





            .legacyquote-eyebrow::after {

                width: 35px;

                margin-top: 8px;

            }





            .legacyquote-text {

                font-size: 30px;

            }





            .legacyquote-content::after {

                left: 22px;

            }



        }





.hero-content .recboxtwocus{background-color:#8B74B5; top:-2px; left:-18px;}

/*.aboutherobgimgcls{background-image:url('../images/apni-kutir-banner.jpg'); background-size:cover; background-repeat:no-repeat;}*/



.aboutherobgimgcls {

    position: relative;

    overflow: hidden;

    background-image:url('../images/BACKGROUND-PICTURE-1.jpg')!important;

    background-size: cover!important;

    background-position: center center!important;

    background-repeat: no-repeat!important;

	

}





/* Purple overlay */

.aboutherobgimgcls::before {

    content: "";

    position: absolute;

    inset: 0;

    z-index: 0;



    background: var(--deep-purple);

    opacity: 0.94;



    backdrop-filter: blur(5px);

    -webkit-backdrop-filter: blur(5px);



    pointer-events: none;

}









/* =========================================================

   HARVARD FEATURE SECTION

========================================================= */



.sdvideoharvard-section {

    position: relative;

    isolation: isolate;

    overflow: hidden;

    padding: 110px 24px;

    background: #4E397B;

}





/* =========================================================

   BACKGROUND IMAGE

========================================================= */



.sdvideoharvard-bg {

    position: absolute;

    inset: 0;

    z-index: -3;



    background-image:

        url("https://cloudinary.hbs.edu/hbsit/image/fetch/q_auto%2Cc_fill%2Car_495%3A363%2Cg_auto/f_webp/https%3A%2F%2Fwww.hbs.edu%2Fctfassets%2Fpublic%2Fimages%2F4rIXvLjAJT1O4E4SBfF1rV%2Finterviews-dudeja_profile.jpg");



    background-size: cover;

    background-position: center 35%;



    transform: scale(1.08);

    filter: grayscale(15%);

}





/* Purple overlay */



.sdvideoharvard-overlay {

    position: absolute;

    inset: 0;

    z-index: -2;



    background:

        linear-gradient(

            110deg,

            rgba(46, 34, 56, 0.96) 0%,

            rgba(78, 57, 123, 0.91) 48%,

            rgba(107, 85, 156, 0.80) 100%

        );

}





/* Decorative glow */



.sdvideoharvard-section::before {

    content: "";

    position: absolute;

    width: 520px;

    height: 520px;

    right: -130px;

    top: -170px;

    border-radius: 50%;



    background: rgba(139, 116, 181, 0.22);

    filter: blur(80px);



    z-index: -1;

}





/* =========================================================

   CONTAINER

========================================================= */



.sdvideoharvard-container {

    width: min(1260px, 100%);

    margin: 0 auto;

}





/* =========================================================

   WHITE FEATURE CARD

========================================================= */



.sdvideoharvard-card {

    position: relative;



    display: grid;

    grid-template-columns: 72px 1fr;



    background: rgba(255, 255, 255, 0.98);



    border-radius: 8px;

    overflow: hidden;



    box-shadow:

        0 40px 100px rgba(20, 10, 35, 0.28);



    border:

        1px solid rgba(255, 255, 255, 0.35);

}





/* =========================================================

   VERTICAL RAIL

========================================================= */



.sdvideoharvard-rail {

    position: relative;



    display: flex;

    align-items: center;

    justify-content: center;



    background: #4E397B;



    padding: 32px 0;

}





.sdvideoharvard-rail-text {

    margin: 0;



    writing-mode: vertical-rl;

    transform: rotate(180deg);



    color: rgba(255, 255, 255, 0.78);



    font-size: 11px;

    font-weight: 600;



    letter-spacing: 0.17em;

    text-transform: uppercase;



    white-space: nowrap;

}





/* =========================================================

   MAIN BODY

========================================================= */



.sdvideoharvard-body {

    padding: 40px 0 0;

	background-color: #4e397b24;

    padding: 30px;

    margin-top: 50px;

    border-radius: 4px;

}





/* =========================================================

   TOP LINE

========================================================= */



.sdvideoharvard-topline {

    display: flex;

    align-items: center;

    justify-content: space-between;

    gap: 20px;

    margin-bottom: 10px;

}





.sdvideoharvard-tag {

    display: inline-flex;

    align-items: center;



    padding: 8px 14px;



    background: #4e397b;

    color: #fff;



    border-radius: 999px;



    font-size: 11px;

    font-weight: 700;



    letter-spacing: 0.12em;

    text-transform: uppercase;

	margin:0 0 10px;

}





.sdvideoharvard-year {

    margin: 0;



    color: #6c6173;



    font-size: 12px;

    font-weight: 600;



    letter-spacing: 0.12em;

    text-transform: uppercase;

}





/* =========================================================

   HEADER

========================================================= */



.sdvideoharvard-header {

    margin-bottom: 20px;

}





.sdvideoharvard-eyebrow {

    margin: 0 0 14px;



    color: #8B74B5;



    font-size: 12px;

    font-weight: 700;



    letter-spacing: 0.14em;

    text-transform: uppercase;

}





.sdvideoharvard-heading {

    margin: 0;

    color: #2E2238;

    font-size: 43px;

    line-height: 1.05;

    font-weight: 600;

}





.sdvideoharvard-intro {

    max-width: 760px;



    margin: 24px 0 0;



    color: #6c6173;



    font-size: 18px;

    line-height: 1.7;

}





/* =========================================================

   GRID

========================================================= */



.sdvideoharvard-grid {

    display: grid;

    grid-template-columns: minmax(0, 0.98fr) minmax(0, 0.51fr);



    gap: 64px;



    align-items: center;

}





/* =========================================================

   IMAGE

========================================================= */



.sdvideoharvard-visual {

    position: relative;

}





.sdvideoharvard-image-wrap {

    position: relative;



    overflow: hidden;



    border-radius: 6px;



    background: #2E2238;



    box-shadow:

        0 24px 55px rgba(46, 34, 56, 0.18);

}





.sdvideoharvard-image-wrap::after {

    content: "";



    position: absolute;

    inset: 0;



    pointer-events: none;



    background:

        linear-gradient(

            180deg,

            transparent 42%,

            rgba(46, 34, 56, 0.78) 100%

        );

}





.sdvideoharvard-image {

    width: 100%;

    aspect-ratio: 1.28 / 1;



    display: block;



    object-fit: cover;

    object-position: center;



    transition:

        transform 0.8s cubic-bezier(.2,.7,.2,1);

}





.sdvideoharvard-image-wrap:hover .sdvideoharvard-image {

    transform: scale(1.04);

}





/* =========================================================

   PLAY BUTTON

========================================================= */



.sdvideoharvard-play {

    position: absolute;



    top: 50%;

    left: 50%;



    z-index: 3;



    width: 78px;

    height: 78px;



    display: flex;

    align-items: center;

    justify-content: center;



    transform: translate(-50%, -50%);



    border-radius: 50%;



    background: rgba(255, 255, 255, 0.95);



    box-shadow:

        0 14px 34px rgba(46, 34, 56, 0.25);



    transition:

        transform 0.3s ease,

        background 0.3s ease;

}





.sdvideoharvard-play:hover {

    transform:

        translate(-50%, -50%)

        scale(1.07);



    background: #ffffff;

}





.sdvideoharvard-play-icon {

    width: 0;

    height: 0;



    margin-left: 5px;



    border-top: 9px solid transparent;

    border-bottom: 9px solid transparent;

    border-left: 14px solid #4E397B;

}





/* =========================================================

   IMAGE CAPTION

========================================================= */



.sdvideoharvard-image-caption {

    position: absolute;



    left: 26px;

    right: 26px;

    bottom: 24px;



    z-index: 3;



    display: flex;

    flex-direction: column;

    gap: 4px;



    color: #ffffff;

}





.sdvideoharvard-image-caption span {

    font-size: 11px;



    letter-spacing: 0.12em;

    text-transform: uppercase;



    opacity: 0.72;

}





.sdvideoharvard-image-caption strong {

    font-size: 15px;

    font-weight: 600;

}





/* =========================================================

   CONTENT

========================================================= */



.sdvideoharvard-copy {

    color: #444444;



    font-size: 16px;

    line-height: 1.85;

}





.sdvideoharvard-copy > p {

    margin: 0 0 15px;

}





.sdvideoharvard-copy strong {

    color: #4E397B;

    font-weight: 700;

}





/* =========================================================

   QUOTE

========================================================= */



.sdvideoharvard-quote {

    position: relative;



    margin: 30px 0 32px;



    padding:

        26px

        26px

        26px

        30px;



    background: #F5EFFA;



    border-left: 3px solid #8B74B5;



    border-radius: 0 6px 6px 0;

}





.sdvideoharvard-quote-mark {

    position: absolute;



    top: 8px;

    left: 18px;



    color: rgba(139, 116, 181, 0.18);



    font-family: Georgia, serif;

    font-size: 68px;

    line-height: 1;

}





.sdvideoharvard-quote p {

    position: relative;



    z-index: 1;



    margin: 0;



    color: #4E397B;



    font-family: Georgia, "Times New Roman", serif;



    font-size: 18px;

    line-height: 1.65;



    font-style: italic;

}





/* =========================================================

   BUTTON

========================================================= */



.sdvideoharvard-btn {

    display: inline-flex;

    align-items: center;

    justify-content: center;



    gap: 12px;



    min-height: 52px;



    padding: 0 24px;



    background: #4E397B;

    color: #ffffff;



    border: 1px solid #4E397B;

    border-radius: 4px;



    text-decoration: none;



    font-size: 13px;

    font-weight: 700;



    letter-spacing: 0.04em;



    transition:

        background 0.25s ease,

        color 0.25s ease,

        transform 0.25s ease;

}





.sdvideoharvard-btn:hover {

    background: #6B559C;

    border-color: #6B559C;



    color: #ffffff;



    transform: translateY(-2px);

}





.sdvideoharvard-btn svg {

    transition: transform 0.25s ease;

}





.sdvideoharvard-btn:hover svg {

    transform: translateX(4px);

}





/* =========================================================

   RESPONSIVE - TABLET

========================================================= */



@media (max-width: 1050px) {



    .sdvideoharvard-section {

        padding:

            80px

            20px;

    }





    .sdvideoharvard-card {

        grid-template-columns: 56px 1fr;

    }





    .sdvideoharvard-body {

        padding:

            50px

            42px

            54px;

    }





    .sdvideoharvard-grid {

        gap: 40px;

    }





    .sdvideoharvard-heading {

        font-size: 43px;

    }



}





/* =========================================================

   RESPONSIVE - MOBILE

========================================================= */



@media (max-width: 767px) {



    .sdvideoharvard-section {

        padding:

            50px

            14px;

    }





    .sdvideoharvard-card {

        display: block;



        border-radius: 6px;

    }





    .sdvideoharvard-rail {

        justify-content: flex-start;



        padding:

            14px

            20px;

    }





    .sdvideoharvard-rail-text {

        writing-mode: initial;

        transform: none;



        white-space: normal;



        font-size: 9px;

        line-height: 1.5;

    }





    .sdvideoharvard-body {

        padding:

            30px

            20px

            34px;

    }





    .sdvideoharvard-topline {

        margin-bottom: 24px;

    }





    .sdvideoharvard-tag {

        font-size: 9px;



        padding:

            7px

            11px;

    }





    .sdvideoharvard-year {

        font-size: 10px;

    }





    .sdvideoharvard-header {

        margin-bottom: 32px;

    }





    .sdvideoharvard-eyebrow {

        font-size: 10px;

    }





    .sdvideoharvard-heading {

        font-size: 34px;

        line-height: 1.08;

    }





    .sdvideoharvard-intro {

        margin-top: 18px;



        font-size: 16px;

        line-height: 1.65;

    }





    .sdvideoharvard-grid {

        grid-template-columns: 1fr;



        gap: 34px;

    }





    .sdvideoharvard-copy {

        font-size: 15px;

        line-height: 1.75;

    }





    .sdvideoharvard-image {

        aspect-ratio: 1.15 / 1;

    }





    .sdvideoharvard-play {

        width: 62px;

        height: 62px;

    }





    .sdvideoharvard-image-caption {

        left: 18px;

        right: 18px;

        bottom: 18px;

    }





    .sdvideoharvard-quote {

        padding:

            24px

            20px

            22px

            24px;

    }





    .sdvideoharvard-quote p {

        font-size: 16px;

    }



}



.legacyquote-rail{visibility:hidden;}

.legacyquote-close{border-radius:100%;}

.legacyquote-open {

    position: absolute;

    top: -34px;

    left: 34px;

    z-index: 4;

    display: flex;

    align-items: center;

    justify-content: center;

    width: 78px;

    height: 78px;

    border-radius: 50%;

    background: var(--vibrant-violet);

    box-shadow: var(--shadow-card);

    color: var(--white);

}

.legacyquote-close{width:78px; right:34px; height:78px;}

.legacyquote-content{

    padding: 34px 70px 34px 40px;

}

















 

 

 

 







/********* Scroll Top *********/



.scrolltop {

	display:none;

	width:100%;

	margin:0 auto;

	position:fixed;

	bottom:2px;

	right:2px;

    z-index:99;	

}

.scroll {

	position:absolute;

	right:2px;

	bottom:-4px;

	background:rgba(67,197,184,0.0);

	padding:8px;

	opacity:0.7;

	text-align: center;

	margin: 0 0 0 0;

	cursor:pointer;

	transition: 0.5s;

	-moz-transition: 0.5s;

	-webkit-transition: 0.5s;

	-o-transition: 0.5s; 		

}

.scroll:hover {

	color:#fff;

	background:rgba(67,197,184,0.0);

	transition: 0.5s;

	-moz-transition: 0.5s;

	-webkit-transition: 0.5s;

	-o-transition: 0.5s; 

	opacity:1.0;		

}



.samuelprofileabt-section{position:relative;}

.samuelprofileabt-section:before{content:'';width: 500px;

    height: 400px;

    position: absolute;

    top: 17%;

    left: 0;

    background-color: #f7f7f7;}

.samuelprofileabt-image-wrap{position:relative; z-index:99;}

.samuelprofileabt-image-wrap{max-height:794px;}

.presence-horizontal{border-radius:10px 10px 0 0;}



/* =========================================

   WHO ARE WE

========================================= */



.cf-who-section {

    padding: 0;

    background: Transparent;

    color: #fff;

	width:100%;

}



.cf-who-container {

    width: 100%;

    max-width: 1160px;

    margin: 0 auto;

}





/* HEADING */



.cf-who-heading {

    max-width: 820px;

    margin: 0 auto 30px;

    text-align: center;

}



.cf-who-heading h2 {

    margin: 0 0 16px;

    font-size: 43px;

    line-height: 1.15;

    font-weight: 600;

    color: #fff;

}



.cf-who-heading p {

    margin: 0 auto;

    max-width: 760px;

    font-size: 20px;

    line-height: 1.6;

    color: var(--text);

}





/* MAIN CARDS */



.cf-who-grid {

    display: grid;

    grid-template-columns: repeat(2, minmax(0, 1fr));

    gap: 18px;

}



.cf-who-card {

    position: relative;

    min-height: 590px;

    overflow: hidden;

    padding: 48px 42px;

    display: flex;

    align-items: flex-start;

    background: var(--deep-purple);

    border-radius: var(--radius-xl);

    box-shadow: var(--shadow-card);

}





/* BACKGROUND IMAGE */



.cf-who-card-image {

    position: absolute;

    inset: 0;

    width: 100%;

    height: 100%;

    object-fit: cover;

    opacity: 0.07;

	filter: grayscale(100%);

}



.cf-who-card-content {

    position: relative;

    z-index: 2;

    width: 100%;

    color: var(--white);

}





/* ICON */



.cf-who-icon {

    width: 78px;

    height: 78px;

    margin-bottom: 32px;

    border-radius: 50%;

    display: flex;

    align-items: center;

    justify-content: center;

    background: var(--vibrant-violet);

}



.cf-who-icon svg {

    width: 38px;

    height: 38px;

    stroke: var(--white);

    fill: none;

    stroke-width: 1.8;

}





/* CARD TYPOGRAPHY */



.cf-who-card h3 {

    margin: 0 0 20px;

    font-size: 28px;

    line-height: 1.25;

    font-weight: 700;

    color: var(--white);

}



.cf-who-card p {

    margin: 0 0 17px;

    font-size: 16px;

    line-height: 1.75;

    color: var(--white);

}



.cf-who-card p:last-child {

    margin-bottom: 0;

}





/* FEATURE STATEMENT */



.cf-who-highlight {

    margin-top: 18px;

    padding: 38px 45px;

    text-align: center;

    background: var(--mist-lavender);

    border-radius: var(--radius-xl);

}



.cf-who-highlight p {

    max-width: 940px;

    margin: 0 auto;

    font-size: 23px;

    line-height: 1.65;

    font-weight: 600;

    color: var(--deep-purple);

}





/* RESPONSIVE */



@media (max-width: 900px) {



    .cf-who-section {

        padding: 70px 20px;

    }



    .cf-who-heading h2 {

        font-size: 34px;

    }



    .cf-who-heading p {

        font-size: 18px;

    }



    .cf-who-grid {

        grid-template-columns: 1fr;

    }



    .cf-who-card {

        min-height: 520px;

    }

}





@media (max-width: 600px) {



    .cf-who-section {

        padding: 55px 16px;

    }



    .cf-who-heading {

        margin-bottom: 35px;

    }



    .cf-who-heading h2 {

        font-size: 30px;

    }



    .cf-who-heading p {

        font-size: 17px;

    }



    .cf-who-card {

        min-height: auto;

        padding: 40px 25px;

    }



    .cf-who-card-image {

        position: absolute;

    }



    .cf-who-icon {

        width: 66px;

        height: 66px;

        margin-bottom: 25px;

    }



    .cf-who-icon svg {

        width: 32px;

        height: 32px;

    }



    .cf-who-card h3 {

        font-size: 24px;

    }



    .cf-who-card p {

        font-size: 15px;

        line-height: 1.7;

    }



    .cf-who-highlight {

        padding: 30px 22px;

    }



    .cf-who-highlight p {

        font-size: 19px;

    }

}



/* =========================================================

   JOURNEY SCROLL ANIMATION

   IMPORTANT:

   This does NOT redesign the existing Journey section.

   It only controls visibility / animation.

========================================================= */



.cf-journey-scroll-section {

    position: relative;

}



/* extra scroll distance for 7 journey items */

.cf-journey-scroll-section.cf-journey-ready {

    min-height: 620vh;

}





/* sticky original journey content */

.cf-journey-sticky-wrap {

    position: sticky;

    position: -webkit-sticky;

    top: 0;



    height: 100vh;

    display: flex;

    align-items: center;



    overflow: hidden;

}





/*

Keep the original Journey heading exactly as designed.

We do not change its font, size, color, margin etc.

*/

.cf-journey-fixed-heading {

    position: relative;

    z-index: 5;

}





/* stage containing original milestone rows */

.cf-journey-animation-stage {

    position: relative;

}





/* Each existing milestone */

.cf-journey-animated-item {

    transition:

        opacity 0.65s ease,

        transform 0.65s cubic-bezier(.22, .61, .36, 1),

        visibility 0.65s ease;



    will-change: opacity, transform;

}





/* inactive */

.cf-journey-animated-item {

    opacity: 0;

    visibility: hidden;

    pointer-events: none;



    position: absolute !important;

    left: 0;

    right: 0;

    top: 50%;



    transform:

        translateY(-50%)

        translateX(0);

}





/* ACTIVE */

.cf-journey-animated-item.cf-journey-active {

    opacity: 1;

    visibility: visible;

    pointer-events: auto;



    transform:

        translateY(-50%)

        translateX(0);

}





/* -----------------------------------------

   FADE OUT

----------------------------------------- */



.cf-journey-animated-item.cf-journey-fade-out {

    opacity: 0;

    visibility: hidden;

}





/*

Left milestone fades/slides towards left

*/

.cf-journey-animated-item.cf-journey-from-left.cf-journey-fade-out {

    transform:

        translateY(-50%)

        translateX(-45px);

}





/*

Right milestone fades/slides towards right

*/

.cf-journey-animated-item.cf-journey-from-right.cf-journey-fade-out {

    transform:

        translateY(-50%)

        translateX(45px);

}





/* -----------------------------------------

   FADE IN START POSITIONS

----------------------------------------- */



.cf-journey-animated-item.cf-journey-from-left:not(.cf-journey-active) {

    transform:

        translateY(-50%)

        translateX(-45px);

}





.cf-journey-animated-item.cf-journey-from-right:not(.cf-journey-active) {

    transform:

        translateY(-50%)

        translateX(45px);

}





/* smooth fade */

.cf-journey-animated-item.cf-journey-active {

    animation: cfJourneyFadeIn .7s ease both;

}





@keyframes cfJourneyFadeIn {



    0% {

        opacity: 0;

    }



    100% {

        opacity: 1;

    }



}





/* =========================================================

   RESPONSIVE

========================================================= */



@media (max-width: 991px) {



    .cf-journey-scroll-section.cf-journey-ready {

        min-height: 560vh;

    }



}





@media (max-width: 767px) {



    .cf-journey-scroll-section.cf-journey-ready {

        min-height: 520vh;

    }



    .cf-journey-sticky-wrap {

        min-height: 100svh;

    }





    /*

    On mobile do not force a left/right slide.

    Keep original mobile design and use mainly fade.

    */

    .cf-journey-animated-item.cf-journey-from-left:not(.cf-journey-active),

    .cf-journey-animated-item.cf-journey-from-right:not(.cf-journey-active),

    .cf-journey-animated-item.cf-journey-from-left.cf-journey-fade-out,

    .cf-journey-animated-item.cf-journey-from-right.cf-journey-fade-out {



        transform:

            translateY(-50%)

            translateY(25px);

    }



}





/* =========================================================

   REDUCED MOTION

========================================================= */



@media (prefers-reduced-motion: reduce) {



    .cf-journey-animated-item {

        transition: none !important;

        animation: none !important;

    }



}



.hero-section.akherosec.aboutherobgimgcls:before{width:100%!important; border-radius:0!important; 

height:100%;}

.hero-section.akherosec.aboutherobgimgcls .hero-copy h1{color:#fff; line-height:80px;}

.hero-highlight{color:#fff;}

.hero-section.akherosec.aboutherobgimgcls .recboxtwocus{top:4px;}

.samuelprofileabt-section.apnikutirecosysec .samuelprofileabt-image{min-height:200px;}

.samuelprofileabt-section.apnikutirecosysec .samuelprofileabt-image-wrap{min-height:200px;}

 

.sdg-section.section-padding .section-text.gapfromtopbox{margin:0;}





/* ==========================================

   APNI KUTIR - THREE BOX SECTION

========================================== */



.ak-three-boxes {

    padding: 30px 0 50px;

    background: var(--white);

}





.ak-three-boxes-grid {

    display: grid;

    grid-template-columns: repeat(3, minmax(0, 1fr));

    gap: 18px;

}





/* ==========================================

   BOX

========================================== */



.ak-info-box {

    position: relative;

    min-height: 440px;

    overflow: hidden;

    display: flex;

    align-items: flex-start;

    border-radius: var(--radius-xl);

    background: var(--deep-purple);

}





/* ==========================================

   BACKGROUND IMAGE

========================================== */



.ak-info-box-bg {

    position: absolute;

    inset: 0;

    width: 100%;

    height: 100%;



    object-fit: cover;



    filter: grayscale(50%);

    transition: transform .7s ease, filter .7s ease;

}





/* DARK OVERLAY */



.ak-info-box-overlay {

    position: absolute;

    inset: 0;



    background:

        linear-gradient(

            to bottom,

            rgba(0, 0, 0, 0.20) 0%,

            rgba(0, 0, 0, 0.48) 45%,

            rgba(0, 0, 0, 0.78) 100%

        );



    z-index: 1;

}





/* ==========================================

   CONTENT

========================================== */



.ak-info-box-content {

    position: relative;

    z-index: 2;



    width: 100%;

background-color:#2f214cd6;

    padding: 38px 32px;

	height:100%;

}





/* ==========================================

   ICON

========================================== */



.ak-info-icon {

    width: 78px;

    height: 78px;



    display: flex;

    align-items: center;

    justify-content: center;



    margin-bottom: 28px;



    border-radius: 50%;



    background: var(--vibrant-violet);



    color: var(--white);



    font-size: 18px;

    font-weight: 700;

    letter-spacing: .05em;

}





/* ==========================================

   TITLES

========================================== */



.ak-info-box h3 {

    margin: 0 0 12px;



    color: var(--white);



    font-size: 27px;

    line-height: 1.2;

    font-weight: 700;

}





.ak-info-box h4 {

    margin: 0 0 10px;



    color: var(--white);



    font-size: 14px;

    line-height: 1.4;

    font-weight: 700;



    letter-spacing: .08em;

}





.ak-info-box h5 {

    margin: -2px 0 16px;



    color: var(--white);



    font-size: 15px;

    line-height: 1.5;

    font-weight: 500;

}





/* ==========================================

   TEXT

========================================== */



.ak-info-box p {

    margin: 0 0 13px;



    color: var(--white);



    font-size: 15px;

    line-height: 1.65;

}





.ak-info-box p:last-child {

    margin-bottom: 0;

}





.ak-info-box p strong {

    color: var(--white);

    font-weight: 700;

}





/* ==========================================

   HOVER

========================================== */



.ak-info-box:hover .ak-info-box-bg {

    transform: scale(1.06);

    filter: grayscale(0%);

}





/* ==========================================

   TABLET

========================================== */



@media (max-width: 991px) {



    .ak-three-boxes-grid {

        grid-template-columns: repeat(2, minmax(0, 1fr));

    }



    .ak-info-box {

        min-height: 560px;

    }



}





/* ==========================================

   MOBILE

========================================== */



@media (max-width: 767px) {



    .ak-three-boxes {

        padding: 55px 0;

    }



    .ak-three-boxes-grid {

        grid-template-columns: 1fr;

    }



    .ak-info-box {

        min-height: 520px;

    }



    .ak-info-box-content {

        padding: 32px 25px;

    }



    .ak-info-icon {

        width: 68px;

        height: 68px;

        margin-bottom: 24px;

    }



    .ak-info-box h3 {

        font-size: 24px;

    }



}





/* ==========================================

   SMALL MOBILE

========================================== */



@media (max-width: 480px) {



    .ak-info-box {

        min-height: 500px;

    }



    .ak-info-box-content {

        padding: 28px 20px;

    }



    .ak-info-box p {

        font-size: 14px;

    }



}

.ak-why-sec.ak-section-padding{background-color:#eee8fb!important;}



/* =====================================================

   SECTION

===================================================== */



.ak-process-section {

    padding: 0px;

    background: rgba(0,0,0,0.0);

}





.ak-process-container {

    width: 100%;

    max-width: 1260px;

    margin: 0 auto;

}





/* =====================================================

   3 COLUMN GRID

===================================================== */



.ak-process-grid {

    display: grid;

    grid-template-columns: repeat(3, minmax(0, 1fr));

    column-gap: 40px;

    row-gap: 50px;

}





/* =====================================================

   ITEM

===================================================== */



.ak-process-item {

    position: relative;

    min-height: 225px;

}





/* =====================================================

   TOP TOOLS

===================================================== */



.ak-process-tools {

    position: relative;



    width: calc(100% - 20px);

    height: 94px;



    margin: 0 auto -2px;



    display: flex;

    align-items: stretch;

    justify-content: space-between;



    z-index: 5;

}





/* =====================================================

   NUMBER BOX

===================================================== */



.ak-process-number {

    position: relative;



    width: 94px;

    height: 94px;



    flex: 0 0 94px;



    display: flex;

    align-items: center;

    justify-content: center;



    background: var(--deep-purple);

    color: var(--white);



    border-radius: 12px;



    box-shadow:

        8px 12px 18px rgba(46, 34, 56, 0.20);



    z-index: 5;

}





.ak-process-number strong {

    display: block;



    margin: 0;



    font-size: 35px;

    line-height: 1;



    font-weight: 700;



    color: var(--white);

}





.ak-process-number::after {

    content: "";



    position: absolute;



    left: 50%;

    bottom: -8px;



    width: 16px;

    height: 16px;



    background: var(--deep-purple);



    transform:

        translateX(-50%)

        rotate(45deg);



    z-index: -1;

}





/* =====================================================

   ICON BOX

===================================================== */



.ak-process-icon {

    position: relative;



    width: 94px;

    height: 94px;



    flex: 0 0 94px;



    display: flex;

    align-items: center;

    justify-content: center;



    background: var(--white);



    border-radius: 12px;



    box-shadow:

        8px 12px 18px rgba(46, 34, 56, 0.14);



    color: var(--vibrant-violet);



    z-index: 5;

}





.ak-process-icon::after {

    content: "";



    position: absolute;



    left: 50%;

    bottom: -8px;



    width: 16px;

    height: 16px;



    background: var(--white);



    transform:

        translateX(-50%)

        rotate(45deg);



    z-index: -1;

}





.ak-process-icon svg {

    display: block;



    width: 36px;

    height: 36px;



    margin: 0;



    fill: none;



    stroke: var(--vibrant-violet);

    stroke-width: 1.8;



    stroke-linecap: round;

    stroke-linejoin: round;

}





/* =====================================================

   CONTENT CARD

===================================================== */



.ak-process-card {

    position: relative;



    width: 100%;

    min-height: 120px;



    padding: 25px 22px;



    background: var(--white);



    border-radius: 12px;



    box-shadow:

        0 15px 25px rgba(46, 34, 56, 0.15);



    z-index: 2;



    transition:

        transform .35s ease,

        box-shadow .35s ease;

}





/* =====================================================

   TYPOGRAPHY

===================================================== */



.ak-process-title {

    margin: 0 0 8px;



    font-size: 19px;

    line-height: 1.3;



    font-weight: 700;



    color: var(--deep-purple);

}





.ak-process-text {

    margin: 0;



    font-size: 14px;

    line-height: 1.6;

    font-weight:600;

    color: var(--text-muted);

}





/* =====================================================

   SAME FORMAT FOR ALL ITEMS

   NUMBER LEFT

   ICON RIGHT

===================================================== */



.ak-process-number {

    order: 1;

}



.ak-process-icon {

    order: 2;

}





/* =====================================================

   GRID ORDER

===================================================== */



.ak-step-01 {

    grid-column: 1;

    grid-row: 1;

}



.ak-step-02 {

    grid-column: 2;

    grid-row: 1;

}



.ak-step-03 {

    grid-column: 3;

    grid-row: 1;

}



.ak-step-04 {

    grid-column: 1;

    grid-row: 2;

}



.ak-step-05 {

    grid-column: 2;

    grid-row: 2;

}



.ak-step-06 {

    grid-column: 3;

    grid-row: 2;

}





/* =====================================================

   ARROWS

===================================================== */



.ak-process-arrow {

    position: absolute;



    background: var(--soft-lavender);



    z-index: 20;

}





.ak-process-arrow::after {

    content: "";



    position: absolute;



    width: 10px;

    height: 10px;



    border-top: 2px solid var(--soft-lavender);

    border-right: 2px solid var(--soft-lavender);

}





/* 01 → 02 */



.ak-step-01 .ak-process-arrow {

    width: 32px;

    height: 2px;



    top: 50%;

    right: -36px;

}





.ak-step-01 .ak-process-arrow::after {

    right: 0;

    top: 50%;



    transform:

        translateY(-50%)

        rotate(45deg);

}





/* 02 → 03 */



.ak-step-02 .ak-process-arrow {

    width: 32px;

    height: 2px;



    top: 50%;

    right: -36px;

}





.ak-step-02 .ak-process-arrow::after {

    right: 0;

    top: 50%;



    transform:

        translateY(-50%)

        rotate(45deg);

}





/* 03 ↓ 04 */



.ak-step-03 .ak-process-arrow {

    width: 2px;

    height: 32px;



    left: 50%;

    bottom: -37px;



    transform: translateX(-50%);

}





.ak-step-03 .ak-process-arrow::after {

    left: 50%;

    bottom: 0;



    transform:

        translateX(-50%)

        rotate(135deg);

}





/* 04 → 05 */



.ak-step-04 .ak-process-arrow {

    width: 32px;

    height: 2px;

transform: rotate(180deg);

    top: 50%;

    right: -36px;

}





.ak-step-04 .ak-process-arrow::after {

    right: 0;

    top: 50%;



    transform:

        translateY(-50%)

        rotate(45deg);

}





/* 05 → 06 */



.ak-step-05 .ak-process-arrow {

    width: 32px;

    height: 2px;

transform: rotate(180deg);

transform: rotate(180deg);

    top: 50%;

    right: -36px;

}





.ak-step-05 .ak-process-arrow::after {

    right: 0;

    top: 50%;



    transform:

        translateY(-50%)

        rotate(45deg);

}





/* =====================================================

   HOVER

===================================================== */



.ak-process-number,

.ak-process-icon {

    transition:

        transform .35s ease,

        box-shadow .35s ease;

}





.ak-process-item:hover .ak-process-number,

.ak-process-item:hover .ak-process-icon {

    transform: translateY(-4px);

}





.ak-process-item:hover .ak-process-card {

    transform: translateY(-3px);



    box-shadow:

        0 20px 32px rgba(46, 34, 56, 0.18);

}





/* =====================================================

   TABLET

===================================================== */



@media (max-width: 991px) {



    .ak-process-grid {

        grid-template-columns: repeat(2, minmax(0, 1fr));

        column-gap: 45px;

        row-gap: 50px;

    }





    .ak-step-01 {

        grid-column: 1;

        grid-row: 1;

    }



    .ak-step-02 {

        grid-column: 2;

        grid-row: 1;

    }



    .ak-step-03 {

        grid-column: 1;

        grid-row: 2;

    }



    .ak-step-04 {

        grid-column: 2;

        grid-row: 2;

    }



    .ak-step-05 {

        grid-column: 1;

        grid-row: 3;

    }



    .ak-step-06 {

        grid-column: 2;

        grid-row: 3;

    }





    /* arrows tablet */



    .ak-step-01 .ak-process-arrow,

    .ak-step-03 .ak-process-arrow,

    .ak-step-05 .ak-process-arrow {

        width: 35px;

        height: 2px;



        top: 50%;

        right: -40px;

        left: auto;

        bottom: auto;



        transform: none;

    }





    .ak-step-01 .ak-process-arrow::after,

    .ak-step-03 .ak-process-arrow::after,

    .ak-step-05 .ak-process-arrow::after {

        right: 0;

        left: auto;



        top: 50%;

        bottom: auto;



        transform:

            translateY(-50%)

            rotate(45deg);

    }





    .ak-step-02 .ak-process-arrow,

    .ak-step-04 .ak-process-arrow{

        width: 2px;

        height: 48px;



        left: 50%;

        right: auto;



        top: auto;

        bottom: -62px;



        transform: translateX(-50%);

    }





    .ak-step-02 .ak-process-arrow::after,

    .ak-step-04 .ak-process-arrow::after {

        left: 50%;

        right: auto;



        top: auto;

        bottom: 0;



        transform:

            translateX(-50%)

            rotate(135deg);

    }



}





/* =====================================================

   MOBILE

===================================================== */



@media (max-width: 767px) {



    .ak-process-section {

        padding: 60px 16px;

    }





    .ak-process-grid {

        display: flex;

        flex-direction: column;



        gap: 70px;

    }





    .ak-process-item {

        width: 100%;

        max-width: 500px;



        min-height: auto;



        margin: 0 auto;

    }





    .ak-step-01,

    .ak-step-02,

    .ak-step-03,

    .ak-step-04,

    .ak-step-05,

    .ak-step-06 {

        grid-column: auto;

        grid-row: auto;

    }





    .ak-process-tools {

        width: calc(100% - 30px);

    }





    /* all arrows down */



    .ak-step-01 .ak-process-arrow,

    .ak-step-02 .ak-process-arrow,

    .ak-step-03 .ak-process-arrow,

    .ak-step-04 .ak-process-arrow,

    .ak-step-05 .ak-process-arrow {



        left: 50%;

        right: auto;



        top: auto;

        bottom: -55px;



        width: 2px;

        height: 40px;



        transform: translateX(-50%);

    }





    .ak-step-01 .ak-process-arrow::after,

    .ak-step-02 .ak-process-arrow::after,

    .ak-step-03 .ak-process-arrow::after,

    .ak-step-04 .ak-process-arrow::after,

    .ak-step-05 .ak-process-arrow::after {



        left: 50%;

        right: auto;



        top: auto;

        bottom: 0;



        transform:

            translateX(-50%)

            rotate(135deg);

    }



}





/* =====================================================

   SMALL MOBILE

===================================================== */



@media (max-width: 480px) {



    .ak-process-tools {

        width: calc(100% - 20px);

        height: 86px;

    }





    .ak-process-number,

    .ak-process-icon {

        width: 86px;

        height: 86px;



        flex-basis: 86px;



        border-radius: 10px;

    }





    .ak-process-number strong {

        font-size: 31px;

    }





    .ak-process-icon svg {

        width: 32px;

        height: 32px;

    }





    .ak-process-card {

        min-height: 115px;



        padding: 22px 20px;

    }





    .ak-process-title {

        font-size: 18px;

    }





    .ak-process-text {

        font-size: 14px;

    }



}



.ak-section-padding.bg-white.ak-why-sec{padding-bottom:50px;}

.apni-kutir-map-section.impactbgsec{}





/* =====================================================

   VOCATIONAL SECTION

===================================================== */



.ak-vocational-section {

    width: 100%;

    background: var(--white);

}





/* =====================================================

   FULL WIDTH GRID

===================================================== */



.ak-vocational-grid {

    width: 100%;



    display: grid;

    grid-template-columns: repeat(4, minmax(0, 1fr));



    gap: 22px;

}





/* =====================================================

   CARD

===================================================== */



.ak-vocational-card {

    position: relative;



    min-height: 380px;



    display: flex;

    align-items: flex-end;



    overflow: hidden;



    background-repeat: no-repeat;

    background-position: center;

    background-size: cover;

	border-radius:10px;

    isolation: isolate;

}





/* =====================================================

   IMAGE ZOOM

===================================================== */



.ak-vocational-card::before {

    content: "";



    position: absolute;

    inset: 0;



    z-index: -2;



    background: inherit;

    background-position: center;

    background-size: cover;



    transition:

        transform .7s ease,

        filter .7s ease;

}





/* =====================================================

   PURPLE / DARK OVERLAY

===================================================== */



.ak-vocational-card::after {

    content: "";



    position: absolute;

    inset: 0;



    z-index: -1;



    background:

        linear-gradient(

            180deg,

            rgba(46, 34, 56, 0.08) 0%,

            rgba(78, 57, 123, 0.22) 35%,

            rgba(78, 57, 123, 0.88) 100%

        );



    transition: background .45s ease;

}





/* =====================================================

   INDIVIDUAL BACKGROUND IMAGES

===================================================== */



.ak-vocational-card-01 {

    background-image:

        url("https://symmetrixsys.in/staging/cf/images/ak-banner-img01.jpg");

}





.ak-vocational-card-02 {

    background-image:

        url("https://symmetrixsys.in/staging/cf/images/ak-banner-img02.jpg");

}





.ak-vocational-card-03 {

    background-image:url("../images/nail-art01.jpg");

}





.ak-vocational-card-04 {

    background-image:

        url("https://symmetrixsys.in/staging/cf/images/apni-kutir-banner.jpg");

}





/* =====================================================

   CONTENT

===================================================== */



.ak-vocational-content {

    position: relative;



    width: 100%;



    min-height: 250px;



    padding: 38px 25px 40px;



    display: flex;

    flex-direction: column;

    justify-content: flex-end;



    z-index: 2;

}





/* =====================================================

   NUMBER

===================================================== */



.ak-vocational-number {

    margin-bottom: 18px;



    font-size: 14px;

    line-height: 1;



    font-weight: 700;



    letter-spacing: .12em;



    color: var(--white);



    opacity: .8;

}





/* =====================================================

   TITLE

===================================================== */



.ak-vocational-title {

    margin: 0 0 15px;



    font-size: 30px;

    line-height: 1.15;



    font-weight: 700;



    color: var(--white);

}





/* =====================================================

   TEXT

===================================================== */



.ak-vocational-text {

    margin: 0;



    max-width: 330px;



    font-size: 15px;

    line-height: 1.7;



    color: var(--white);

}





/* =====================================================

   TOP ACCENT LINE

===================================================== */



.ak-vocational-content::before {

    content: "";



    display: block;



    width: 48px;

    height: 3px;



    margin-bottom: 20px;



    background: var(--white);



    transition: width .4s ease;

}





/* =====================================================

   DIVIDER

===================================================== */



.ak-vocational-card + .ak-vocational-card {

    border-left: 1px solid rgba(255, 255, 255, 0.28);

}





/* =====================================================

   HOVER

===================================================== */



.ak-vocational-card:hover::before {

    transform: scale(1.07);

}





.ak-vocational-card:hover::after {

    background:

        linear-gradient(

            180deg,

            rgba(46, 34, 56, 0.05) 0%,

            rgba(78, 57, 123, 0.28) 32%,

            rgba(78, 57, 123, 0.94) 100%

        );

}





.ak-vocational-card:hover

.ak-vocational-content::before {

    width: 85px;

}





/* =====================================================

   TABLET

===================================================== */



@media (max-width: 1100px) {



    .ak-vocational-grid {

        grid-template-columns:

            repeat(2, minmax(0, 1fr));

    }





    .ak-vocational-card {

        min-height: 500px;

    }





    .ak-vocational-card:nth-child(3) {

        border-left: 0;

        border-top: 1px solid rgba(255,255,255,.28);

    }





    .ak-vocational-card:nth-child(4) {

        border-top: 1px solid rgba(255,255,255,.28);

    }



}





/* =====================================================

   MOBILE

===================================================== */



@media (max-width: 767px) {



    .ak-vocational-grid {

        grid-template-columns: 1fr;

    }





    .ak-vocational-card {

        min-height: 430px;

    }





    .ak-vocational-card + .ak-vocational-card {

        border-left: 0;

        border-top:

            1px solid rgba(255,255,255,.28);

    }





    .ak-vocational-content {

        min-height: 220px;



        padding: 30px 25px;

    }





    .ak-vocational-title {

        font-size: 27px;

    }





    .ak-vocational-text {

        font-size: 15px;

    }



}





/* =====================================================

   SMALL MOBILE

===================================================== */



@media (max-width: 480px) {



    .ak-vocational-card {

        min-height: 400px;

    }





    .ak-vocational-content {

        padding: 26px 20px 28px;

    }





    .ak-vocational-title {

        font-size: 24px;

    }





    .ak-vocational-text {

        font-size: 14px;

        line-height: 1.65;

    }



}



/* =====================================================

   SECTION

===================================================== */



.ak-earning-section {

    width: 100%;

    padding: 50px 20px;

    background: var(--mist-lavender);

}





.ak-earning-container {

    width: 100%;

    max-width: 1320px;

    margin: 0 auto;

}





/* =====================================================

   SECTION HEADING

===================================================== */



.ak-earning-heading {

    margin-bottom: 40px;

    text-align: center;

}





.ak-earning-heading h2 {

    margin: 0;



    font-size: 38px;

    line-height: 1.2;

    font-weight: 700;



    color: var(--deep-purple);

}





/* =====================================================

   CARD

===================================================== */



.ak-earning-card {

    position: relative;



    width: 100%;

    min-height: 325px;



    overflow: hidden;



    display: flex;

    align-items: flex-end;



    border-radius: var(--radius-xl);



    background-position: center;

    background-repeat: no-repeat;

    background-size: cover;



    box-shadow: var(--shadow-card);



    isolation: isolate;

}





/* =====================================================

   BACKGROUND IMAGE LAYER

===================================================== */



.ak-earning-card::before {

    content: "";



    position: absolute;

    inset: 0;



    background-image: inherit;

    background-position: center;

    background-repeat: no-repeat;

    background-size: cover;



    transition:

        transform .6s ease,

        filter .6s ease;



    z-index: -2;

}





/* =====================================================

   OVERLAY

===================================================== */



.ak-earning-card::after {

    content: "";



    position: absolute;

    inset: 0;



    background:

        linear-gradient(

            180deg,

            rgba(46, 34, 56, 0.08) 0%,

            rgba(78, 57, 123, 0.22) 42%,

            rgba(78, 57, 123, 0.92) 100%

        );



    z-index: -1;



    transition: background .4s ease;

}





/* =====================================================

   CONTENT

===================================================== */



.ak-earning-content {

    position: relative;



    width: 100%;



    padding: 25px 20px 27px;



    z-index: 2;

}





/* =====================================================

   NUMBER

===================================================== */



.ak-earning-number {

    display: inline-flex;



    width: 34px;

    height: 34px;



    margin-bottom: 14px;



    align-items: center;

    justify-content: center;



    border: 1px solid rgba(255,255,255,.55);

    border-radius: 50%;



    color: var(--white);



    font-size: 12px;

    line-height: 1;

    font-weight: 700;

}





/* =====================================================

   TITLE

===================================================== */



.ak-earning-title {

    margin: 0;



    color: var(--white);



    font-size: 20px;

    line-height: 1.3;

    font-weight: 700;

}





/* =====================================================

   WHITE LINE

===================================================== */



.ak-earning-content::before {

    content: "";



    position: absolute;



    top: 0;

    left: 20px;



    width: 40px;

    height: 2px;



    background: var(--white);



    transition: width .4s ease;

}





/* =====================================================

   HOVER

===================================================== */



.ak-earning-card:hover::before {

    transform: scale(1.08);

}





.ak-earning-card:hover::after {

    background:

        linear-gradient(

            180deg,

            rgba(46, 34, 56, 0.04) 0%,

            rgba(78, 57, 123, 0.25) 38%,

            rgba(78, 57, 123, 0.96) 100%

        );

}





.ak-earning-card:hover .ak-earning-content::before {

    width: 75px;

}





/* =====================================================

   AND MANY MORE

===================================================== */



.ak-earning-more {

    margin: 35px 0 0;



    text-align: center;



    font-size: 18px;

    line-height: 1.5;

    font-weight: 600;



    color: var(--deep-purple);

}





/* =====================================================

   RESPONSIVE

===================================================== */



@media (max-width: 1199px) {



    .ak-earning-card {

        min-height: 300px;

    }



}





@media (max-width: 991px) {



    .ak-earning-section {

        padding: 65px 20px;

    }



    .ak-earning-heading h2 {

        font-size: 32px;

    }



    .ak-earning-card {

        min-height: 310px;

    }



}





@media (max-width: 575px) {



    .ak-earning-section {

        padding: 50px 15px;

    }



    .ak-earning-heading {

        margin-bottom: 30px;

    }



    .ak-earning-heading h2 {

        font-size: 27px;

    }



    .ak-earning-card {

        min-height: 280px;

    }



    .ak-earning-title {

        font-size: 19px;

    }



}





/* =====================================================

   APNI SURAKSHA SECTION

===================================================== */



.ak-health-section {

    width: 100%;

    padding: 50px 20px;

    background: var(--mist-lavender);

}





.ak-health-container {

    width: 100%;

    max-width: 1320px;

    margin: 0 auto;

}





/* =====================================================

   SECTION HEADING

===================================================== */



.ak-health-heading {

    margin-bottom: 42px;

    text-align: center;

}





.ak-health-heading h2 {

    margin: 0 0 8px;



    font-size: 38px;

    line-height: 1.2;

    font-weight: 700;



    color: var(--deep-purple);

}





.ak-health-heading span {

    display: block;



    font-size: 14px;

    line-height: 1.4;

    font-weight: 700;



    text-transform: uppercase;

    letter-spacing: .12em;



    color: var(--vibrant-violet);

}





/* =====================================================

   FOUR COLUMN GRID

===================================================== */



.ak-health-grid {

    display: grid;

    grid-template-columns: repeat(4, minmax(0, 1fr));

    gap: 18px;

}





/* =====================================================

   CARD

===================================================== */



.ak-health-card {

    position: relative;



    min-height: 480px;



    overflow: hidden;



    display: flex;

    align-items: flex-end;



    border-radius: var(--radius-xl);



    background-position: center;

    background-repeat: no-repeat;

    background-size: cover;



    box-shadow: var(--shadow-card);



    isolation: isolate;

}





/* =====================================================

   BACKGROUND IMAGE

===================================================== */



.ak-health-card::before {

    content: "";



    position: absolute;

    inset: 0;



    background-image: inherit;

    background-size: cover;

    background-position: center;



    z-index: -2;



    transition:

        transform .65s ease,

        filter .65s ease;

}





/* =====================================================

   PURPLE / DARK OVERLAY

===================================================== */



.ak-health-card::after {

    content: "";



    position: absolute;

    inset: 0;



    background:

        linear-gradient(

            180deg,

            rgba(46, 34, 56, 0.06) 0%,

            rgba(46, 34, 56, 0.15) 30%,

            rgba(78, 57, 123, 0.55) 62%,

            rgba(46, 34, 56, 0.96) 100%

        );



    z-index: -1;



    transition: background .4s ease;

}





/* =====================================================

   CONTENT

===================================================== */



.ak-health-content {

    position: relative;



    width: 100%;



    padding: 30px 25px 32px;



    z-index: 2;

}





/* =====================================================

   NUMBER

===================================================== */



.ak-health-number {

    display: flex;



    width: 38px;

    height: 38px;



    margin-bottom: 17px;



    align-items: center;

    justify-content: center;



    border: 1px solid rgba(255,255,255,.55);

    border-radius: 50%;



    font-size: 12px;

    line-height: 1;

    font-weight: 700;



    color: var(--white);

}





/* =====================================================

   TITLE

   SAME SIZE STYLE AS PREVIOUS SECTION

===================================================== */



.ak-health-title {

    margin: 0 0 14px;



    font-size: 20px;

    line-height: 1.3;

    font-weight: 700;



    text-transform: uppercase;



    color: var(--white);

}





/* =====================================================

   TEXT

===================================================== */



.ak-health-text {

    margin: 0;



    font-size: 15px;

    line-height: 1.7;



    color: var(--white);

}





/* =====================================================

   TOP LINE

===================================================== */



.ak-health-content::before {

    content: "";



    display: block;



    width: 42px;

    height: 2px;



    margin-bottom: 20px;



    background: var(--white);



    transition: width .4s ease;

}





/* =====================================================

   HOVER EFFECT

===================================================== */



.ak-health-card:hover::before {

    transform: scale(1.07);

}





.ak-health-card:hover::after {

    background:

        linear-gradient(

            180deg,

            rgba(46, 34, 56, 0.03) 0%,

            rgba(46, 34, 56, 0.14) 28%,

            rgba(78, 57, 123, 0.62) 60%,

            rgba(46, 34, 56, 0.98) 100%

        );

}





.ak-health-card:hover .ak-health-content::before {

    width: 78px;

}





/* =====================================================

   TABLET

===================================================== */



@media (max-width: 1100px) {



    .ak-health-grid {

        grid-template-columns: repeat(2, minmax(0, 1fr));

    }





    .ak-health-card {

        min-height: 450px;

    }



}





/* =====================================================

   MOBILE

===================================================== */



@media (max-width: 767px) {



    .ak-health-section {

        padding: 60px 18px;

    }





    .ak-health-heading {

        margin-bottom: 32px;

    }





    .ak-health-heading h2 {

        font-size: 30px;

    }





    .ak-health-grid {

        grid-template-columns: 1fr;

    }





    .ak-health-card {

        min-height: 420px;

    }





    .ak-health-content {

        padding: 28px 24px;

    }



}





/* =====================================================

   SMALL MOBILE

===================================================== */



@media (max-width: 480px) {



    .ak-health-section {

        padding: 50px 15px;

    }





    .ak-health-heading h2 {

        font-size: 27px;

    }





    .ak-health-card {

        min-height: 400px;

    }





    .ak-health-title {

        font-size: 19px;

    }





    .ak-health-text {

        font-size: 14px;

        line-height: 1.65;

    }



}



/* Impact pages Upgrade section */

.ip-banner .hero-content{margin-top:150px;}







/* =====================================================

   SECTION

===================================================== */



.why-ak-section {

    position: relative;



    width: 100%;



    padding: 50px 0;



    background: var(--vibrant-violet);



    /*

    IMPORTANT:

    DO NOT use overflow:hidden here.

    Sticky will not work properly.

    */

    overflow: visible;

}





.why-ak-container {

    position: relative;



    width: 100%;

    max-width: 1240px;



    margin: 0 auto;



    padding: 0 30px;



    z-index: 2;

}





/* =====================================================

   TWO COLUMN LAYOUT

===================================================== */



.why-ak-layout {

    display: grid;



    grid-template-columns:

        minmax(0, .85fr)

        minmax(0, 1.25fr);



    gap: 85px;



    /*

    important for sticky

    */

    align-items: start;

}





/* =====================================================

   LEFT SIDE

   THIS STAYS FIXED WHILE RIGHT CARDS SCROLL

===================================================== */



.why-ak-left {

    position: sticky;



    /*

    Change this according to header height.

    If header is 80px, use around 110px.

    */

    top: 110px;



    align-self: start;



    max-width: 470px;

}





/* =====================================================

   LEFT TITLE

===================================================== */



.why-ak-left h2 {

    margin: 0 0 28px;



    font-size: 48px;

    line-height: 1.08;



    font-weight: 700;



    color: var(--white);

}





/* =====================================================

   LEAD

===================================================== */



.why-ak-lead {

    margin: 0 0 24px;



    font-size: 22px;

    line-height: 1.45;



    font-weight: 700;



    color: var(--white);

}





/* =====================================================

   DESCRIPTION

===================================================== */



.why-ak-description {

    margin: 0;



    font-size: 17px;

    line-height: 1.75;



    font-weight: 400;



    color: var(--white);

}





/* =====================================================

   RIGHT SIDE

===================================================== */



.why-ak-cards {

    position: relative;



    display: flex;

    flex-direction: column;



    gap: 38px;



    padding-bottom: 20px;

}





/* =====================================================

   CARD

===================================================== */



.why-ak-card {

    position: relative;



    width: 100%;

    min-height: 150px;



    display: grid;



    grid-template-columns: 60px 1fr;



    align-items: center;



    gap: 22px;



    padding: 34px 36px;



    background: var(--ivory-white);



    border-radius: 18px;



    box-shadow:

        0 12px 32px rgba(46, 34, 56, 0.10);



    transition:

        transform .35s ease,

        box-shadow .35s ease;

}





/* =====================================================

   MAKE SCROLL SPACE SIMILAR TO REFERENCE

===================================================== */



.why-ak-card + .why-ak-card {

    margin-top: 20px;

}





/* =====================================================

   ICON

===================================================== */



.why-ak-icon {

    width: 46px;

    height: 46px;



    display: flex;

    align-items: center;

    justify-content: center;



    border-radius: 50%;



    background: var(--deep-purple);



    color: var(--white);



    font-size: 21px;



    flex-shrink: 0;



    transition:

        transform .35s ease,

        background .35s ease;

}





/* =====================================================

   CARD TEXT

===================================================== */



.why-ak-card-content {

    min-width: 0;

}





.why-ak-card h3 {

    margin: 0 0 12px;



    font-size: 21px;

    line-height: 1.3;



    font-weight: 700;



    color: var(--charcoal-plum);

}





.why-ak-card p {

    margin: 0;



    font-size: 16px;

    line-height: 1.65;



    color: var(--text-muted);

}





/* =====================================================

   HOVER

===================================================== */



.why-ak-card:hover {

    transform: translateY(-4px);



    box-shadow:

        0 20px 45px rgba(46, 34, 56, .16);

}





.why-ak-card:hover .why-ak-icon {

    background: var(--soft-lavender);



    transform: scale(1.08);

}





/* =====================================================

   OPTIONAL DECORATION

===================================================== */



.why-ak-section::before {

    content: "";



    position: absolute;



    width: 500px;

    height: 500px;



    left: -270px;

    bottom: 40px;



    border-radius: 50%;



    border: 80px solid rgba(255,255,255,.045);



    pointer-events: none;

}





/* =====================================================

   TEST NEXT SECTION

===================================================== */



.after-section {

    min-height: 600px;



    display: flex;

    align-items: center;

    justify-content: center;



    padding: 80px 30px;



    background: var(--white);

}





.after-section h2 {

    margin: 0;



    color: var(--deep-purple);



    font-size: 38px;

}





/* =====================================================

   TABLET

===================================================== */



@media (max-width: 1100px) {



    .why-ak-layout {

        grid-template-columns:

            minmax(0, .8fr)

            minmax(0, 1.2fr);



        gap: 50px;

    }





    .why-ak-left h2 {

        font-size: 42px;

    }





    .why-ak-lead {

        font-size: 20px;

    }





    .why-ak-description {

        font-size: 16px;

    }





    .why-ak-card {

        padding: 30px;

    }



}





/* =====================================================

   MOBILE / TABLET

   Disable sticky when columns become stacked

===================================================== */



@media (max-width: 900px) {



    .why-ak-section {

        padding: 70px 0;

    }





    .why-ak-layout {

        grid-template-columns: 1fr;



        gap: 45px;

    }





    .why-ak-left {

        position: relative;



        top: auto;



        max-width: 760px;

    }





    .why-ak-left h2 {

        font-size: 40px;

    }





    .why-ak-cards {

        gap: 20px;

    }





    .why-ak-card + .why-ak-card {

        margin-top: 0;

    }



}





/* =====================================================

   MOBILE

===================================================== */



@media (max-width: 767px) {



    .why-ak-section {

        padding: 55px 0;

    }





    .why-ak-container {

        padding: 0 18px;

    }





    .why-ak-layout {

        gap: 35px;

    }





    .why-ak-left h2 {

        margin-bottom: 22px;



        font-size: 34px;

    }





    .why-ak-lead {

        margin-bottom: 18px;



        font-size: 19px;

        line-height: 1.5;

    }





    .why-ak-description {

        font-size: 15px;

        line-height: 1.7;

    }





    .why-ak-card {

        min-height: auto;



        grid-template-columns: 52px 1fr;



        gap: 16px;



        padding: 25px 22px;



        border-radius: 14px;

    }





    .why-ak-icon {

        width: 43px;

        height: 43px;



        font-size: 19px;

    }





    .why-ak-card h3 {

        margin-bottom: 8px;



        font-size: 19px;

    }





    .why-ak-card p {

        font-size: 15px;

        line-height: 1.6;

    }



}





/* =====================================================

   SMALL MOBILE

===================================================== */



@media (max-width: 480px) {



    .why-ak-left h2 {

        font-size: 30px;

    }





    .why-ak-lead {

        font-size: 18px;

    }





    .why-ak-card {

        grid-template-columns: 1fr;



        gap: 14px;

    }



}



/* =====================================================

   SECTION

===================================================== */



.ak-journey-process {

    width: 100%;

    padding: 0px;

}





.ak-journey-container {

    width: 100%;

    max-width: 1260px;

    margin: 0 auto;

}





/* =====================================================

   GRID

===================================================== */



.ak-journey-grid {

    display: grid;



    grid-template-columns:

        repeat(3, minmax(0, 1fr));



    column-gap: 48px;

    row-gap: 75px;



    align-items: stretch;

}





/* =====================================================

   ITEM

===================================================== */



.ak-journey-item {

    position: relative;

    min-width: 0;

}





/* =====================================================

   CARD

   SAME GENERAL FORMAT AS BHUMI SCREENSHOT

===================================================== */



.ak-journey-card {

    position: relative;



    width: 100%;

    height: 100%;



    min-height: 220px;



    padding: 34px 34px 32px;



    display: flex;

    flex-direction: column;



    background: var(--white);



    border:

        1px solid rgba(78, 57, 123, .16);



    border-radius: 12px;



    box-shadow:

        0 3px 10px rgba(46, 34, 56, .035);



    transition:

        transform .35s ease,

        box-shadow .35s ease,

        border-color .35s ease;

}





/* =====================================================

   NUMBER CIRCLE

===================================================== */



.ak-journey-number {

    position: absolute;



    top: 30px;

    right: 30px;



    width: 74px;

    height: 74px;



    display: flex;

    align-items: center;

    justify-content: center;



    border-radius: 50%;



    background: var(--vibrant-violet);



    color: var(--white);



    font-size: 28px;

    line-height: 1;

    font-weight: 600;

}





/* =====================================================

   TITLE

===================================================== */



.ak-journey-title {

    max-width: calc(100% - 68px);



    margin: 0;



    font-size: 25px;

    line-height: 1.22;

    font-weight: 700;



    color: var(--charcoal-plum);

}





/* =====================================================

   ICON

===================================================== */



.ak-journey-icon {

    width: 92px;

    height: 92px;



    display: flex;

    align-items: center;

    justify-content: center;



    color: var(--soft-lavender);

}





.ak-journey-icon svg {

    display: block;



    width: 70px;

    height: 70px;



    fill: none;



    stroke: rgb(150,35,255);

    stroke-width: 1.55;



    stroke-linecap: round;

    stroke-linejoin: round;

}





/* =====================================================

   DESCRIPTION

===================================================== */



.ak-journey-text {

    margin: auto 0 0;



    font-size: 16px;

    line-height: 1.65;

    font-weight: 500;



    color: var(--text-muted);

}





/* =====================================================

   HOVER

===================================================== */



.ak-journey-card:hover {

    transform: translateY(-5px);



    border-color:

        rgba(78,57,123,.28);



    box-shadow:

        0 18px 38px rgba(46,34,56,.10);

}





/* =====================================================

   DESKTOP FLOW



   01 → 02 → 03

             ↓

   06 ← 05 ← 04



===================================================== */



.ak-step-01 {

    grid-column: 1;

    grid-row: 1;

}



.ak-step-02 {

    grid-column: 2;

    grid-row: 1;

}



.ak-step-03 {

    grid-column: 3;

    grid-row: 1;

}



.ak-step-04 {

    grid-column: 3;

    grid-row: 2;

}



.ak-step-05 {

    grid-column: 2;

    grid-row: 2;

}



.ak-step-06 {

    grid-column: 1;

    grid-row: 2;

}





/* =====================================================

   ARROW COMMON

===================================================== */



.ak-journey-arrow {

    position: absolute;



    z-index: 20;



    color: var(--deep-purple);



    pointer-events: none;

}





.ak-journey-arrow svg {

    display: block;



    width: 100%;

    height: 100%;



    overflow: visible;

}





.ak-journey-arrow path,

.ak-journey-arrow line,

.ak-journey-arrow polyline {

    fill: none;



    stroke: currentColor;

    stroke-width: 2;



    stroke-linecap: round;

    stroke-linejoin: round;

}





/* =====================================================

   01 → 02

===================================================== */



.ak-step-01 .ak-journey-arrow {

    width: 42px;

    height: 22px;



    right: -45px;

    top: 50%;



    transform: translateY(-50%);

}





/* =====================================================

   02 → 03

===================================================== */



.ak-step-02 .ak-journey-arrow {

    width: 42px;

    height: 22px;



    right: -45px;

    top: 50%;



    transform: translateY(-50%);

}





/* =====================================================

   03 ↓ 04

===================================================== */



.ak-step-03 .ak-journey-arrow {

    width: 22px;

    height: 58px;



    left: 50%;

    bottom: -67px;



    transform: translateX(-50%);

}





/* =====================================================

   04 ← 05

===================================================== */



.ak-step-04 .ak-journey-arrow {

    width: 42px;

    height: 22px;



    left: -45px;

    top: 50%;



    transform: translateY(-50%);

}





/* =====================================================

   05 ← 06

===================================================== */



.ak-step-05 .ak-journey-arrow {

    width: 42px;

    height: 22px;



    left: -45px;

    top: 50%;



    transform: translateY(-50%);

}





/* STEP 06 HAS NO ARROW */





/* =====================================================

   TABLET

===================================================== */



@media (max-width: 991px) {



    .ak-journey-grid {

        grid-template-columns:

            repeat(2, minmax(0,1fr));



        column-gap: 46px;

        row-gap: 70px;

    }





    /*

       TABLET FLOW



       01 → 02

             ↓

       04 ← 03

       ↓

       05 → 06

    */



    .ak-step-01 {

        grid-column: 1;

        grid-row: 1;

    }



    .ak-step-02 {

        grid-column: 2;

        grid-row: 1;

    }



    .ak-step-03 {

        grid-column: 2;

        grid-row: 2;

    }



    .ak-step-04 {

        grid-column: 1;

        grid-row: 2;

    }



    .ak-step-05 {

        grid-column: 1;

        grid-row: 3;

    }



    .ak-step-06 {

        grid-column: 2;

        grid-row: 3;

    }





    /* 01 → 02 */



    .ak-step-01 .ak-journey-arrow {

        width: 40px;

        height: 22px;



        right: -43px;

        left: auto;



        top: 50%;

        bottom: auto;



        transform: translateY(-50%);

    }





    /* 02 ↓ 03 */



    .ak-step-02 .ak-journey-arrow {

        width: 22px;

        height: 55px;



        left: 50%;

        right: auto;



        top: auto;

        bottom: -63px;



        transform: translateX(-50%);

    }





    /* 03 ← 04 */



    .ak-step-03 .ak-journey-arrow {

        width: 40px;

        height: 22px;



        left: -43px;

        right: auto;



        top: 50%;

        bottom: auto;



        transform: translateY(-50%);

    }





    /* 04 ↓ 05 */



    .ak-step-04 .ak-journey-arrow {

        width: 22px;

        height: 55px;



        left: 50%;

        right: auto;



        top: auto;

        bottom: -63px;



        transform: translateX(-50%);

    }





    /* 05 → 06 */



    .ak-step-05 .ak-journey-arrow {

        width: 40px;

        height: 22px;



        left: auto;

        right: -43px;



        top: 50%;

        bottom: auto;



        transform: translateY(-50%);

    }





    .ak-journey-card {

        min-height: 320px;

    }



}





/* =====================================================

   MOBILE

===================================================== */



@media (max-width: 767px) {



    .ak-journey-process {

        padding: 55px 18px;

    }





    .ak-journey-grid {

        display: flex;



        flex-direction: column;



        gap: 65px;

    }





    .ak-journey-item {

        width: 100%;

    }





    .ak-journey-card {

        min-height: auto;



        padding: 28px 25px 30px;

    }





    .ak-journey-title {

        font-size: 22px;

    }





    .ak-journey-icon {

        width: 82px;

        height: 82px;



        margin-top: 38px;

        margin-bottom: 30px;

    }





    .ak-journey-icon svg {

        width: 64px;

        height: 64px;

    }





    .ak-journey-text {

        font-size: 15px;

    }





    /*

       ALL MOBILE ARROWS DOWN

    */



    .ak-step-01 .ak-journey-arrow,

    .ak-step-02 .ak-journey-arrow,

    .ak-step-03 .ak-journey-arrow,

    .ak-step-04 .ak-journey-arrow,

    .ak-step-05 .ak-journey-arrow {



        width: 22px;

        height: 48px;



        left: 50%;

        right: auto;



        top: auto;

        bottom: -56px;



        transform: translateX(-50%);

    }



}





/* =====================================================

   SMALL MOBILE

===================================================== */



@media (max-width: 480px) {



    .ak-journey-process {

        padding-left: 15px;

        padding-right: 15px;

    }





    .ak-journey-card {

        padding: 25px 21px 27px;

    }





    .ak-journey-number {

        top: 22px;

        right: 22px;



        width: 40px;

        height: 40px;



        font-size: 12px;

    }





    .ak-journey-title {

        font-size: 20px;

    }





    .ak-journey-icon {

        width: 76px;

        height: 76px;



        margin-top: 34px;

        margin-bottom: 26px;

    }





    .ak-journey-icon svg {

        width: 58px;

        height: 58px;

    }





    .ak-journey-text {

        font-size: 14px;

    }



}



.apnikutirbgonecls {

    background-image: url("../images/apni-kutir-bg01111.jpg");

    background-size: cover;

    background-position: center center;

    background-repeat: no-repeat;

}



.samuelprofileabt-section.apnikutirecosysec .samuelprofileabt-descriptor{font-size:18px;}

.apkutirborderright{border-right: 1px solid #8B74B5;}

.hero-section.apnikutirbannersec{padding-bottom:50px;}



/* =====================================================

   SECTION

===================================================== */



.ak-health-half-section {

    width: 100%;



    padding: 80px 20px;



    background: var(--mist-lavender);

}





.ak-health-half-container {

    width: 100%;



    max-width: 1320px;



    margin: 0 auto;

}





/* =====================================================

   CARD

===================================================== */



.ak-health-half-card {

    position: relative;



    height: 100%;



    overflow: hidden;



    background: var(--white);



    border-radius: 14px;



    box-shadow: var(--shadow-card);



    transition:

        transform .35s ease,

        box-shadow .35s ease;

}





/* =====================================================

   IMAGE - TOP HALF

===================================================== */



.ak-health-half-image {

    position: relative;



    height: 250px;



    overflow: hidden;

}





.ak-health-half-image img {

    width: 100%;

    height: 100%;



    object-fit: cover;



    display: block;



    transition:

        transform .6s ease,

        filter .6s ease;

}





/* purple image overlay */



.ak-health-half-image::after {

    content: "";



    position: absolute;

    inset: 0;



    background:

        linear-gradient(

            180deg,

            rgba(78, 57, 123, 0.08) 0%,

            rgba(78, 57, 123, 0.18) 55%,

            rgba(78, 57, 123, 0.52) 100%

        );



    z-index: 1;

}





/* =====================================================

   NUMBER

===================================================== */



.ak-health-half-number {

    position: absolute;



    left: 22px;

    bottom: 20px;



    width: 42px;

    height: 42px;



    display: flex;

    align-items: center;

    justify-content: center;



    border-radius: 50%;



    background: var(--deep-purple);



    border: 1px solid rgba(255,255,255,.35);



    color: var(--white);



    font-size: 13px;

    line-height: 1;

    font-weight: 700;



    z-index: 3;

}





/* =====================================================

   TEXT AREA

===================================================== */



.ak-health-half-content {

    position: relative;



    min-height: 250px;



    padding: 28px 24px 30px;



    background: var(--white);

}





/* top decorative line */



.ak-health-half-content::before {

    content: "";



    display: block;



    width: 45px;

    height: 3px;



    margin-bottom: 18px;



    background: var(--vibrant-violet);



    transition: width .35s ease;

}





/* =====================================================

   TITLE

===================================================== */



.ak-health-half-title {

    margin: 0 0 14px;



    font-size: 20px;

    line-height: 1.3;



    font-weight: 700;



    text-transform: uppercase;



    color: var(--deep-purple);

}





/* =====================================================

   TEXT

===================================================== */



.ak-health-half-text {

    margin: 0;



    font-size: 15px;

    line-height: 1.7;



    color: var(--text-muted);

}





/* =====================================================

   ALTERNATE CARD ACCENT

===================================================== */



.ak-health-half-card.ak-card-purple

.ak-health-half-content {

    background: var(--deep-purple);

}





.ak-health-half-card.ak-card-purple

.ak-health-half-title {

    color: var(--white);

}





.ak-health-half-card.ak-card-purple

.ak-health-half-text {

    color: rgba(255,255,255,.86);

}





.ak-health-half-card.ak-card-purple

.ak-health-half-content::before {

    background: var(--white);

}





/* =====================================================

   SECOND ALTERNATE

===================================================== */



.ak-health-half-card.ak-card-lavender

.ak-health-half-content {

    background: var(--soft-lavender);

}





.ak-health-half-card.ak-card-lavender

.ak-health-half-title {

    color: var(--white);

}





.ak-health-half-card.ak-card-lavender

.ak-health-half-text {

    color: rgba(255,255,255,.88);

}





.ak-health-half-card.ak-card-lavender

.ak-health-half-content::before {

    background: var(--white);

}





/* =====================================================

   HOVER

===================================================== */



.ak-health-half-card:hover {

    transform: translateY(-6px);



    box-shadow:

        0 24px 48px rgba(46, 34, 56, 0.16);

}





.ak-health-half-card:hover

.ak-health-half-image img {

    transform: scale(1.07);

}





.ak-health-half-card:hover

.ak-health-half-content::before {

    width: 80px;

}





/* =====================================================

   TABLET

===================================================== */



@media (max-width: 991px) {



    .ak-health-half-section {

        padding: 65px 20px;

    }





    .ak-health-half-image {

        height: 230px;

    }





    .ak-health-half-content {

        min-height: 230px;

    }



}





/* =====================================================

   MOBILE

===================================================== */



@media (max-width: 767px) {



    .ak-health-half-section {

        padding: 55px 16px;

    }





    .ak-health-half-image {

        height: 240px;

    }





    .ak-health-half-content {

        min-height: auto;



        padding: 25px 22px 28px;

    }





    .ak-health-half-title {

        font-size: 19px;

    }





    .ak-health-half-text {

        font-size: 15px;

    }



}





/* =====================================================

   SMALL MOBILE

===================================================== */



@media (max-width: 480px) {



    .ak-health-half-image {

        height: 220px;

    }





    .ak-health-half-title {

        font-size: 18px;

    }





    .ak-health-half-text {

        font-size: 14px;

        line-height: 1.65;

    }



}



.ak-section-padding.ak-why-sec.proftrainsec .owl-carousel .owl-stage-outer{padding: 0 0 20px;}

.ak-earning-section .owl-carousel .owl-stage-outer{padding: 0 0 20px;}



/* =====================================================

   SECTION

===================================================== */



.apnidisha-new-section {

    position: relative;



    width: 100%;



    padding: 80px 20px;



    background: var(--mist-lavender);



    overflow: hidden;

}





.apnidisha-new-container {

    width: 100%;

    max-width: 1320px;



    margin: 0 auto;

}





/* =====================================================

   CARD

===================================================== */



.apnidisha-new-card {

    position: relative;



    height: 100%;



    overflow: hidden;



    background: var(--white);



    border-radius: 18px;



    box-shadow: var(--shadow-card);



    transition:

        transform .4s ease,

        box-shadow .4s ease;

}





/* =====================================================

   IMAGE

===================================================== */



.apnidisha-new-image {

    position: relative;



    width: 100%;

    height: 235px;



    overflow: hidden;

}





.apnidisha-new-image img {

    width: 100%;

    height: 100%;



    display: block;



    object-fit: cover;



    transition:

        transform .65s ease;

}





/* IMAGE OVERLAY */



.apnidisha-new-image::after {

    content: "";



    position: absolute;

    inset: 0;



    background:

        linear-gradient(

            180deg,

            rgba(46, 34, 56, 0.03) 0%,

            rgba(78, 57, 123, 0.10) 55%,

            rgba(78, 57, 123, 0.52) 100%

        );

}





/* =====================================================

   NUMBER

===================================================== */



.apnidisha-new-number {

    position: absolute;



    top: 18px;

    left: 18px;



    width: 46px;

    height: 46px;



    display: flex;

    align-items: center;

    justify-content: center;



    border-radius: 50%;



    background: var(--deep-purple);



    border: 2px solid rgba(255,255,255,.65);



    color: var(--white);



    font-size: 13px;

    line-height: 1;

    font-weight: 700;



    z-index: 3;

}





/* =====================================================

   TITLE STRIP

===================================================== */



.apnidisha-new-titlebox {

    position: relative;



    margin:

        -42px

        18px

        0;



    min-height: 92px;



    padding: 22px 20px;



    display: flex;

    align-items: center;



    background: var(--deep-purple);



    border-radius: 12px;



    box-shadow:

        0 12px 28px rgba(46, 34, 56, .18);



    z-index: 5;

}





.apnidisha-new-title {

    margin: 0;



    color: var(--white);



    font-size: 20px;

    line-height: 1.3;



    font-weight: 700;



    text-transform: uppercase;

}





/* =====================================================

   TEXT BODY

===================================================== */



.apnidisha-new-content {

    position: relative;



    padding:

        27px

        24px

        32px;

}





.apnidisha-new-text {

    margin: 0;



    color: var(--text-muted);



    font-size: 15px;

    line-height: 1.72;

}





/* =====================================================

   ACCENT

===================================================== */



.apnidisha-new-content::before {

    content: "";



    display: block;



    width: 40px;

    height: 3px;



    margin-bottom: 18px;



    background: var(--vibrant-violet);



    transition:

        width .4s ease;

}





/* =====================================================

   ALTERNATIVE CARD COLORS

===================================================== */



.apnidisha-new-card-02

.apnidisha-new-titlebox {

    background: var(--soft-lavender);

}





.apnidisha-new-card-03

.apnidisha-new-titlebox {

    background: var(--vibrant-violet);

}





.apnidisha-new-card-04

.apnidisha-new-titlebox {

    background: var(--deep-purple);

}





/* =====================================================

   HOVER

===================================================== */



.apnidisha-new-card:hover {

    transform: translateY(-7px);



    box-shadow:

        0 26px 55px rgba(46, 34, 56, .16);

}





.apnidisha-new-card:hover

.apnidisha-new-image img {

    transform: scale(1.08);

}





.apnidisha-new-card:hover

.apnidisha-new-content::before {

    width: 80px;

}





/* =====================================================

   TABLET

===================================================== */



@media (max-width: 991px) {



    .apnidisha-new-section {

        padding: 65px 20px;

    }





    .apnidisha-new-image {

        height: 245px;

    }



}





/* =====================================================

   MOBILE

===================================================== */



@media (max-width: 767px) {



    .apnidisha-new-section {

        padding: 55px 16px;

    }





    .apnidisha-new-card {

        max-width: 520px;



        margin: 0 auto;

    }





    .apnidisha-new-image {

        height: 250px;

    }





    .apnidisha-new-titlebox {

        min-height: auto;



        margin-left: 15px;

        margin-right: 15px;



        padding: 20px 18px;

    }





    .apnidisha-new-title {

        font-size: 19px;

    }





    .apnidisha-new-content {

        padding:

            25px

            21px

            28px;

    }





    .apnidisha-new-text {

        font-size: 15px;

    }



}





/* =====================================================

   SMALL MOBILE

===================================================== */



@media (max-width: 480px) {



    .apnidisha-new-image {

        height: 220px;

    }





    .apnidisha-new-number {

        width: 42px;

        height: 42px;



        font-size: 12px;

    }





    .apnidisha-new-title {

        font-size: 18px;

    }





    .apnidisha-new-text {

        font-size: 14px;

        line-height: 1.67;

    }



}



.blueprintoneimg{border-radius:15px; margin-top:0;}

.section-heading.apkuprintsec{text-align:left; }



/* =====================================================

   BLUEPRINT SECTION

===================================================== */



.apnikutir-blueprint-new {

    width: 100%;

    padding: 50px 20px;

    background: var(--white);

}





.apnikutir-blueprint-wrap {

    max-width: 1290px;

    margin: 0 auto;



    overflow: hidden;



    background: var(--deep-purple);



    border-radius: 30px;



    box-shadow: var(--shadow-soft);

}





/* Remove Bootstrap gutter inside main box */



.apnikutir-blueprint-wrap .row {

    --bs-gutter-x: 0;

}





/* =====================================================

   LEFT IMAGE COLUMN

===================================================== */



.apnikutir-blueprint-image {

    position: relative;



    width: 100%;

    height: 100%;

    min-height: 560px;



    overflow: hidden;

}





.apnikutir-blueprint-image img {

    display: block;



    width: 100%;

    height: 100%;



    min-height: 560px;



    object-fit: cover;

    object-position: center;



    transition: transform .7s ease;

}





/* Purple overlay */



.apnikutir-blueprint-image::after {

    content: "";



    position: absolute;

    inset: 0;



    background:

        linear-gradient(

            180deg,

            rgba(78, 57, 123, 0.04) 0%,

            rgba(78, 57, 123, 0.15) 50%,

            rgba(78, 57, 123, 0.42) 100%

        );



    pointer-events: none;

}





/* Small label */



.apnikutir-blueprint-image-label {

    position: absolute;



    left: 32px;

    bottom: 30px;



    z-index: 3;



    display: inline-flex;

    align-items: center;



    padding: 10px 18px;



    border-radius: 30px;



    background: rgba(255,255,255,.92);



    color: var(--deep-purple);



    font-size: 13px;

    line-height: 1;



    font-weight: 700;



    letter-spacing: .08em;

    text-transform: uppercase;

}





/* =====================================================

   RIGHT CONTENT COLUMN

===================================================== */



.apnikutir-blueprint-content {

    position: relative;



    min-height: 560px;



    padding: 65px 60px;



    display: flex;

    flex-direction: column;

    justify-content: center;



    color: var(--white);

}





/* Eyebrow */



.apnikutir-blueprint-eyebrow {

    display: inline-block;



    margin-bottom: 18px;



    font-size: 14px;

    line-height: 1;



    font-weight: 700;



    letter-spacing: .12em;

    text-transform: uppercase;



    color: var(--mist-lavender);

}





/* Heading */



.apnikutir-blueprint-content h2 {

    margin: 0 0 28px;



    max-width: 560px;



    font-size: 48px;

    line-height: 1.08;



    font-weight: 700;



    color: var(--white);

}





/* Decorative line */



.apnikutir-blueprint-line {

    width: 70px;

    height: 3px;



    margin-bottom: 28px;



    background: var(--vibrant-violet);

}





/* Paragraphs */



.apnikutir-blueprint-content p {

    margin: 0 0 22px;



    max-width: 610px;



    font-size: 17px;

    line-height: 1.75;



    color: rgba(255,255,255,.90);

}





.apnikutir-blueprint-content p:last-child {

    margin-bottom: 0;

}





/* Highlight second paragraph slightly */



.apnikutir-blueprint-highlight {

    position: relative;



    margin-top: 8px !important;



    padding: 22px 24px;



    border-left: 3px solid var(--vibrant-violet);



    background: rgba(255,255,255,.08);



    border-radius: 0 10px 10px 0;

}





/* =====================================================

   DECORATIVE CIRCLE

===================================================== */



.apnikutir-blueprint-content::after {

    content: "";



    position: absolute;



    width: 260px;

    height: 260px;



    right: -120px;

    bottom: -140px;



    border-radius: 50%;



    border: 45px solid rgba(255,255,255,.035);



    pointer-events: none;

}





/* =====================================================

   HOVER

===================================================== */



.apnikutir-blueprint-wrap:hover

.apnikutir-blueprint-image img {

    transform: scale(1.0);

}





/* =====================================================

   TABLET

===================================================== */



@media (max-width: 991px) {



    .apnikutir-blueprint-new {

        padding: 60px 20px;

    }





    .apnikutir-blueprint-wrap {

        border-radius: 24px;

    }





    .apnikutir-blueprint-image,

    .apnikutir-blueprint-image img {

        min-height: 430px;

    }





    .apnikutir-blueprint-content {

        min-height: auto;



        padding: 50px 42px;

    }





    .apnikutir-blueprint-content h2 {

        font-size: 38px;

    }



}





/* =====================================================

   MOBILE

===================================================== */



@media (max-width: 767px) {



    .apnikutir-blueprint-new {

        padding: 50px 15px;

    }





    .apnikutir-blueprint-wrap {

        border-radius: 18px;

    }





    .apnikutir-blueprint-image,

    .apnikutir-blueprint-image img {

        min-height: 340px;

        height: 340px;

    }





    .apnikutir-blueprint-image-label {

        left: 20px;

        bottom: 20px;



        padding: 9px 14px;



        font-size: 11px;

    }





    .apnikutir-blueprint-content {

        padding: 38px 26px 42px;

    }





    .apnikutir-blueprint-eyebrow {

        font-size: 12px;

    }





    .apnikutir-blueprint-content h2 {

        margin-bottom: 22px;



        font-size: 31px;

    }





    .apnikutir-blueprint-line {

        margin-bottom: 22px;

    }





    .apnikutir-blueprint-content p {

        font-size: 15px;

        line-height: 1.7;

    }





    .apnikutir-blueprint-highlight {

        padding: 18px 18px;

    }



}





/* =====================================================

   SMALL MOBILE

===================================================== */



@media (max-width: 480px) {



    .apnikutir-blueprint-image,

    .apnikutir-blueprint-image img {

        height: 290px;

        min-height: 290px;

    }





    .apnikutir-blueprint-content {

        padding: 32px 22px 36px;

    }





    .apnikutir-blueprint-content h2 {

        font-size: 28px;

    }



}



/* For Impact Updated */



/* =========================================================

   IMPACT SECTION

========================================================= */



.ak-impact-section {

    position: relative;



    width: 100%;



    padding: 50px 0;



    background: #fafafa;



    overflow: hidden;

}





.ak-impact-container {

    max-width: 1320px;

}





/* =========================================================

   IMAGE COMPOSITION

========================================================= */



.ak-impact-visual {

    position: relative;



    width: 100%;



    min-height: 570px;

}





/* BIG IMAGE */



.ak-impact-main-image {

    position: relative;



    width: 78%;

    height: 570px;



    overflow: hidden;



    border-radius: 4px;

}





.ak-impact-main-image img {

    display: block;



    width: 100%;

    height: 100%;



    object-fit: cover;



    transition: transform .7s ease;

}





/* PURPLE OVERLAY */



.ak-impact-main-image::after {

    content: "";



    position: absolute;

    inset: 0;



    background:

        linear-gradient(

            180deg,

            rgba(78, 57, 123, 0.02) 0%,

            rgba(78, 57, 123, 0.10) 55%,

            rgba(78, 57, 123, 0.22) 100%

        );

}





/* =========================================================

   OVERLAPPING IMAGE

========================================================= */



.ak-impact-small-image {

    position: absolute;



    right: 0;

    bottom: 42px;



    width: 53%;

    height: 330px;



    overflow: hidden;



    border: 14px solid var(--white);



    background: var(--white);



    box-shadow:

        0 16px 38px rgba(46, 34, 56, 0.16);



    z-index: 4;

}





.ak-impact-small-image img {

    width: 100%;

    height: 100%;



    display: block;



    object-fit: cover;



    transition: transform .7s ease;

}





/* =========================================================

   IMAGE HOVER

========================================================= */



.ak-impact-visual:hover

.ak-impact-main-image img {

    transform: scale(1.035);

}





.ak-impact-visual:hover

.ak-impact-small-image img {

    transform: scale(1.05);

}





/* =========================================================

   RIGHT CONTENT

========================================================= */



.ak-impact-content {

    padding-left: 38px;

}





/* EYEBROW */



.ak-impact-eyebrow {

    display: inline-block;



    margin-bottom: 14px;



    font-size: 14px;

    line-height: 1;



    font-weight: 700;



    letter-spacing: .11em;



    text-transform: uppercase;



    color: var(--vibrant-violet);

}





/* =========================================================

   TITLE

========================================================= */



.ak-impact-title {

    margin: 0 0 15px;



    max-width: 560px;



    font-size: 41px;

    line-height: 1.08;



    font-weight: 700;



    color: var(--charcoal-plum);

}





.ak-impact-title span {

    color: var(--deep-purple);

}





/* =========================================================

   INTRO TEXT

========================================================= */



.ak-impact-intro {

    max-width: 590px;



    margin: 0 0 34px;



    font-size: 17px;

    line-height: 1.72;



    color: var(--text-muted);

}





/* =========================================================

   LARGER METRICS

========================================================= */



.ak-impact-metrics {

    width: 100%;



    max-width: 600px;

}





/* TWO MAIN NUMBERS */



.ak-impact-main-metrics {

    display: grid;



    grid-template-columns:

        repeat(2, minmax(0, 1fr));



    gap: 14px;



    margin-bottom: 16px;

}





.ak-impact-metric {

    position: relative;



    padding: 24px 22px;



    background: var(--mist-lavender);



    border-radius: 10px;



    border:

        1px solid rgba(78, 57, 123, 0.08);

}





.ak-impact-metric:nth-child(2) {

    background: var(--deep-purple);

}





.ak-impact-metric-number {

    display: block;



    margin-bottom: 7px;



    font-size: 35px;

    line-height: 1;



    font-weight: 700;



    color: var(--deep-purple);

}





.ak-impact-metric-label {

    display: block;



    font-size: 14px;

    line-height: 1.4;



    font-weight: 600;



    color: var(--text-muted);

}





/* SECOND METRIC WHITE TEXT */



.ak-impact-metric:nth-child(2)

.ak-impact-metric-number,

.ak-impact-metric:nth-child(2)

.ak-impact-metric-label {

    color: var(--white);

}





/* =========================================================

   GEOGRAPHY BOX

========================================================= */



.ak-impact-geography {

    position: relative;



    padding: 24px;



    background: var(--ivory-white);



    border:

        1px solid rgba(78, 57, 123, .12);



    border-radius: 10px;

}





/* =========================================================

   GEOGRAPHY VALUES

========================================================= */



.ak-impact-geo-values {

    display: grid;



    grid-template-columns:

        repeat(3, minmax(0, 1fr));



    margin-bottom: 18px;

}





.ak-impact-geo-item {

    position: relative;



    padding-right: 15px;

}





.ak-impact-geo-item +

.ak-impact-geo-item {

    padding-left: 18px;



    border-left:

        1px solid rgba(78,57,123,.16);

}





.ak-impact-geo-number {

    display: block;



    margin-bottom: 5px;



    font-size: 25px;

    line-height: 1;



    font-weight: 700;



    color: var(--deep-purple);

}





.ak-impact-geo-label {

    display: block;



    font-size: 13px;

    line-height: 1.4;



    font-weight: 600;



    color: var(--text-muted);

}





/* =========================================================

   GEOGRAPHY DESCRIPTION

========================================================= */



.ak-impact-geo-text {

    margin: 0;



    padding-top: 16px;



    border-top:

        1px solid rgba(78,57,123,.12);



    font-size: 15px;

    line-height: 1.6;



    color: var(--text-muted);

}





/* =========================================================

   DECORATIVE LINE

========================================================= */



.ak-impact-content::before {

    content: "";



    display: block;



    width: 55px;

    height: 3px;



    margin-bottom: 22px;



    background: var(--vibrant-violet);

	display:none;

}



.ak-impact-content h3, .impact-metrics-short__heading h2, .ak-programme-heading h3{margin-bottom:12px; font-weight:700; font-size:30px;}



.storybehindnumsec{margin-top:-410px;}

.storybehindnumsec .ip-section-title{color:#fff;}

.storybehindnumsec .ip-section-text{color:#fff;}

















/* =========================================================

   TABLET

========================================================= */



@media (max-width: 1199px) {



    .ak-impact-title {

        font-size: 39px;

    }





    .ak-impact-content {

        padding-left: 20px;

    }





    .ak-impact-visual {

        min-height: 520px;

    }





    .ak-impact-main-image {

        height: 520px;

    }





    .ak-impact-small-image {

        height: 300px;

    }



}





/* =========================================================

   STACK ON TABLET

========================================================= */



@media (max-width: 991px) {



    .ak-impact-section{

        padding: 70px 0;

    }





    .ak-impact-visual {

        max-width: 720px;



        margin: 0 auto 55px;

    }





    .ak-impact-content {

        max-width: 720px;



        margin: 0 auto;



        padding-left: 0;

    }





    .ak-impact-title {

        font-size: 36px;

    }





    .ak-impact-metrics {

        max-width: none;

    }



}





/* =========================================================

   MOBILE

========================================================= */



@media (max-width: 767px) {



    .ak-impact-section {

        padding: 55px 0;

    }





    .ak-impact-visual {

        min-height: 440px;



        margin-bottom: 45px;

    }





    .ak-impact-main-image {

        width: 88%;

        height: 420px;

    }





    .ak-impact-small-image {

        width: 56%;

        height: 235px;



        right: 0;

        bottom: 20px;



        border-width: 8px;

    }





    .ak-impact-title {

        margin-bottom: 18px;



        font-size: 31px;

    }





    .ak-impact-intro {

        margin-bottom: 28px;



        font-size: 15px;

    }





    .ak-impact-main-metrics {

        grid-template-columns: 1fr;

    }





    .ak-impact-geo-values {

        grid-template-columns: 1fr;



        gap: 14px;

    }





    .ak-impact-geo-item {

        padding: 0;

    }





    .ak-impact-geo-item +

    .ak-impact-geo-item {

        padding:

            14px

            0

            0;



        border-left: 0;



        border-top:

            1px solid rgba(78,57,123,.12);

    }



}





/* =========================================================

   SMALL MOBILE

========================================================= */



@media (max-width: 480px) {



    .ak-impact-visual {

        min-height: 380px;

    }





    .ak-impact-main-image {

        height: 355px;

    }





    .ak-impact-small-image {

        width: 59%;

        height: 195px;

    }





    .ak-impact-title {

        font-size: 28px;

    }





    .ak-impact-metric-number {

        font-size: 31px;

    }



}



/* =====================================================

   SECTION

===================================================== */



.ak-impact-details {

    position: relative;

    width: 100%;

    padding: 0 0 50px;

    background: #fafafa;

}





.ak-impact-details-container {

    max-width: 1320px;

}





/* =====================================================

   COMMON IMAGE CARD

===================================================== */



.ak-impact-bg-card {

    position: relative;



    width: 100%;

    height: 100%;

    min-height: 360px;



    overflow: hidden;



    display: flex;

    align-items: flex-end;



    padding: 34px;



    border-radius: 16px;



    background-position: center;

    background-repeat: no-repeat;

    background-size: cover;



    box-shadow: var(--shadow-card);



    isolation: isolate;

}





/* image layer */



.ak-impact-bg-card::before {

    content: "";



    position: absolute;

    inset: 0;



    background-image: inherit;

    background-position: center;

    background-size: cover;



    z-index: -2;



    transition: transform .7s ease;

}





/* overlay */



.ak-impact-bg-card::after {

    content: "";



    position: absolute;

    inset: 0;



    background:

        linear-gradient(

            180deg,

            rgba(46,34,56,.08) 0%,

            rgba(46,34,56,.25) 38%,

            rgba(46,34,56,.92) 100%

        );



    z-index: -1;

}





/* hover */



.ak-impact-bg-card:hover::before {

    transform: scale(1.05);

}





/* =====================================================

   CARD CONTENT

===================================================== */



.ak-impact-bg-content {

    position: relative;



    width: 100%;

    z-index: 2;

}





.ak-impact-small-label {

    display: inline-block;



    margin-bottom: 14px;



    font-size: 20px;

    line-height: 1;



    font-weight: 700;



    letter-spacing: .1em;

    text-transform: uppercase;



    color: rgba(255,255,255,.78);

}





.ak-impact-big-number {

    display: block;



    margin-bottom: 12px;



    font-size: 48px;

    line-height: 1;



    font-weight: 700;



    color: var(--white);



    font-variant-numeric: tabular-nums;

}





.ak-impact-bg-card h3 {

    margin: 0;



    font-size: 20px;

    line-height: 1.35;



    font-weight: 700;



    color: var(--white);

}





.ak-impact-bg-card p {

    margin: 10px 0 0;



    font-size: 15px;

    line-height: 1.65;



    color: rgba(255,255,255,.86);

}





/* =====================================================

   CUMULATIVE INCOME CARD

===================================================== */



.ak-income-card {

    background-image:

        url("https://symmetrixsys.in/staging/cf/images/ak-banner-img01.jpg");

}





/* =====================================================

   GEOGRAPHICAL SPAN LARGE CARD

===================================================== */



.ak-geography-card {

    position: relative;



    min-height: 360px;



    padding: 34px;



    overflow: hidden;



    border-radius: 16px;



    background:

        linear-gradient(

            135deg,

            var(--deep-purple) 0%,

            var(--soft-lavender) 100%

        );



    box-shadow: var(--shadow-card);

}





.ak-geography-card::after {

    content: "";



    position: absolute;



    width: 340px;

    height: 340px;



    right: -170px;

    bottom: -180px;



    border-radius: 50%;



    border: 55px solid rgba(255,255,255,.05);

}





.ak-geography-heading {

    position: relative;



    margin-bottom: 28px;



    z-index: 2;

}





.ak-geography-heading span {

    display: block;



    margin-bottom: 8px;



    font-size: 20px;

    line-height: 1;



    font-weight: 700;



    letter-spacing: .1em;

    text-transform: uppercase;



    color: rgba(255,255,255,.72);

}





.ak-geography-heading h2 {

    margin: 0;



    font-size: 32px;

    line-height: 1.2;



    color: var(--white);

}





/* =====================================================

   GEOGRAPHY GRID

===================================================== */



.ak-geography-grid {

    position: relative;



    display: grid;



    grid-template-columns:

        repeat(2, minmax(0, 1fr));



    gap: 18px;



    z-index: 2;

}





.ak-geography-item {

    position: relative;



    padding: 20px;



    border-radius: 12px;



    background: rgba(255,255,255,.10);



    border:

        1px solid rgba(255,255,255,.12);

}





.ak-geography-item-full {

    grid-column: 1 / -1;

}





.ak-geography-number {

    display: block;



    margin-bottom: 7px;



    font-size: 30px;

    line-height: 1.1;



    font-weight: 700;



    color: var(--white);



    font-variant-numeric: tabular-nums;

}





.ak-geography-label {

    display: block;



    font-size: 14px;

    line-height: 1.55;



    color: rgba(255,255,255,.86);

}





.ak-geography-note {

    display: block;



    margin-top: 8px;



    font-size: 13px;

    line-height: 1.55;



    font-style: italic;



    color: rgba(255,255,255,.67);

}





/* =====================================================

   PROGRAMME IMPACT HEADING

===================================================== */



.ak-programme-heading {

    margin-top: 30px;

    margin-bottom: 30px;

}





.ak-programme-heading span {

    display: inline-block;



    margin-bottom: 8px;



    color: var(--vibrant-violet);



    font-size: 13px;

    line-height: 1;



    font-weight: 700;



    letter-spacing: .11em;

    text-transform: uppercase;

}





.ak-programme-heading h2 {

    margin: 0;



    font-size: 38px;

    line-height: 1.2;



    color: var(--deep-purple);

}





/* =====================================================

   PROGRAMME CARDS

===================================================== */



.ak-programme-card {

    min-height: 380px;

}





.ak-programme-card-01 {

    background-image:

        url("https://symmetrixsys.in/staging/cf/images/banner01.jpg");

}





.ak-programme-card-02 {

    background-image:

        url("https://symmetrixsys.in/staging/cf/images/ak-banner-img03.jpg");

}





.ak-programme-card-03 {

    background-image:

        url("https://symmetrixsys.in/staging/cf/images/ak-banner-img01.jpg");

}





/* =====================================================

   PROGRAMME NUMBER

===================================================== */



.ak-programme-number {

    display: block;



    margin-bottom: 12px;



    font-size: 39px;

    line-height: 1;



    font-weight: 700;



    color: var(--white);



    font-variant-numeric: tabular-nums;

}





.ak-programme-title {

    margin: 0 0 8px !important;



    font-size: 20px !important;

    line-height: 1.3 !important;



    color: var(--white) !important;

}





.ak-programme-card p {

    margin: 0;



    color: rgba(255,255,255,.85);

}





/* =====================================================

   ANIMATION ENHANCEMENT

===================================================== */



.ak-count {

    display: inline-block;



    min-width: 1ch;

}





/* =====================================================

   TABLET

===================================================== */



@media (max-width: 991px) {



    .ak-impact-details {

        padding: 65px 0;

    }





    .ak-impact-bg-card,

    .ak-geography-card {

        min-height: 340px;

    }





    .ak-impact-big-number {

        font-size: 42px;

    }





    .ak-programme-heading {

        margin-top: 50px;

    }



}





/* =====================================================

   MOBILE

===================================================== */



@media (max-width: 767px) {



    .ak-impact-details {

        padding: 55px 0;

    }





    .ak-impact-bg-card,

    .ak-geography-card {

        min-height: 320px;



        padding: 26px 22px;

    }





    .ak-impact-big-number {

        font-size: 38px;

    }





    .ak-geography-heading h2 {

        font-size: 28px;

    }





    .ak-geography-grid {

        grid-template-columns: 1fr;

    }





    .ak-geography-item-full {

        grid-column: auto;

    }





    .ak-programme-heading h2 {

        font-size: 31px;

    }





    .ak-programme-card {

        min-height: 330px;

    }



}





/* =====================================================

   SMALL MOBILE

===================================================== */



@media (max-width: 480px) {



    .ak-impact-bg-card,

    .ak-geography-card {

        min-height: 290px;

    }





    .ak-impact-big-number {

        font-size: 34px;

    }





    .ak-geography-number {

        font-size: 27px;

    }





    .ak-programme-number {

        font-size: 34px;

    }



}



/* Impact 1 investment sec */

/* =====================================================

   SECTION

===================================================== */



.cf-sroi-main-section {

    position: relative;

    width: 100%;

    padding: 50px 0;

    background: var(--white);

    overflow: hidden;

}





/* =====================================================

   TOP CONTENT

===================================================== */



.cf-sroi-heading-area {

    max-width: 1060px;

    margin-bottom: 20px;

}





.cf-sroi-main-title {

    margin: 0 0 16px;



    font-size: 43px;

    line-height: 1.12;

    font-weight: 700;



    color: var(--charcoal-plum);

}





.cf-sroi-main-title strong {

    color: var(--deep-purple);

}





.cf-sroi-subtitle {

    margin: 0 0 10px;



    font-size: 24px;

    line-height: 1.35;

    font-weight: 600;



    color: var(--soft-lavender);

}





.cf-sroi-intro {

    max-width: 980px;



    margin: 0;



    font-size: 16px;

    line-height: 1.8;



    color: var(--text-muted);

}





.cf-sroi-intro strong {

    color: var(--deep-purple);

}





/* =====================================================

   MAIN TWO COLUMN AREA

===================================================== */



.cf-sroi-main-row {

    position: relative;

    align-items: center;

}





/* =====================================================

   LEFT PANEL

===================================================== */



.cf-sroi-panel-wrap {

    position: relative;



    margin-right: -70px;



    z-index: 5;

}





.cf-sroi-panel {

    position: relative;



    min-height: 475px;



    padding: 50px 46px;



    display: flex;

    flex-direction: column;

    justify-content: center;



    overflow: hidden;



    background: var(--deep-purple);



    border-radius: var(--radius-xl);



    box-shadow: var(--deep-shadow);

}





/* =====================================================

   DECORATIVE SHAPES

===================================================== */



.cf-sroi-panel::before {

    content: "";



    position: absolute;



    width: 260px;

    height: 260px;



    left: -150px;

    bottom: -150px;



    border-radius: 50%;



    background: var(--soft-lavender);



    opacity: .28;

}





.cf-sroi-panel::after {

    content: "";



    position: absolute;



    width: 150px;

    height: 150px;



    right: -70px;

    top: -75px;



    border-radius: 50%;



    background: var(--vibrant-violet);



    opacity: .20;

}





/* =====================================================

   PANEL CONTENT

===================================================== */



.cf-sroi-panel-inner {

    position: relative;

    z-index: 2;

}





.cf-sroi-label {

    display: inline-block;



    margin-bottom: 20px;



    font-size: 13px;

    line-height: 1;



    font-weight: 700;



    letter-spacing: .12em;



    text-transform: uppercase;



    color: var(--mist-lavender);

}





/* =====================================================

   RATIO

===================================================== */



.cf-sroi-ratio {

    margin: 0 0 15px;



    font-size: 40px;

    line-height: 1;



    font-weight: 700;



    color: var(--white);

}





.cf-sroi-ratio span {

    color: var(--mist-lavender);

}





/* =====================================================

   MAIN STATEMENT

===================================================== */



.cf-sroi-statement {

    max-width: 470px;



    margin: 0 0 20px;



    font-size: 18px;

    line-height: 1.65;



    font-weight: 600;



    color: var(--white);

}





/* =====================================================

   VALUE BOXES

===================================================== */



.cf-sroi-value-grid {

    display: grid;



    grid-template-columns:

        repeat(2, minmax(0, 1fr));



    gap: 14px;

}





.cf-sroi-value-box {

    padding: 20px;



    background: var(--soft-lavender);



    border-radius: var(--radius-lg);

}





.cf-sroi-value-box:nth-child(2) {

    background: var(--vibrant-violet);

}





.cf-sroi-value {

    display: block;



    margin-bottom: 7px;



    font-size: 28px;

    line-height: 1.1;



    font-weight: 700;



    color: var(--white);

}





.cf-sroi-value-label {

    display: block;



    font-size: 12px;

    line-height: 1.45;



    font-weight: 600;



    color: var(--white);

}





/* =====================================================

   RIGHT IMAGE

===================================================== */



.cf-sroi-image {

    position: relative;



    width: 100%;

    height: 570px;



    overflow: hidden;



    border-radius: var(--radius-xl);



    box-shadow: var(--shadow-soft);

}





.cf-sroi-image img {

    display: block;



    width: 100%;

    height: 100%;



    object-fit: cover;

    object-position: center;



    transition: transform .7s ease;

}





/* overlay using existing site color */



.cf-sroi-image::after {

    content: "";



    position: absolute;

    inset: 0;



    background: var(--deep-purple);



    opacity: .12;



    pointer-events: none;

}





/* =====================================================

   IMAGE SMALL LABEL

===================================================== */



.cf-sroi-image-label {

    position: absolute;



    right: 24px;

    bottom: 24px;



    z-index: 3;



    padding: 10px 17px;



    background: var(--white);



    border-radius: var(--radius-lg);



    color: var(--deep-purple);



    font-size: 12px;

    line-height: 1;



    font-weight: 700;

}





/* =====================================================

   BOTTOM EXPLANATION

===================================================== */



.cf-sroi-note {

    max-width: 1060px;



    margin-top: 58px;



    padding: 30px 32px;



    display: grid;



    grid-template-columns: 5px 1fr;



    gap: 24px;



    align-items: stretch;



    background: var(--ivory-white);



    border-radius: var(--radius-xl);



    box-shadow: var(--shadow-card);

}





.cf-sroi-note-line {

    width: 5px;

    height: 100%;



    min-height: 80px;



    background: var(--vibrant-violet);



    border-radius: var(--radius-md);

}





.cf-sroi-note p {

    margin: 0;



    font-size: 16px;

    line-height: 1.8;



    color: var(--text-muted);

}





.cf-sroi-note strong {

    font-weight: 700;



    color: var(--deep-purple);

}





/* =====================================================

   HOVER

===================================================== */



.cf-sroi-image:hover img {

    transform: scale(1.045);

}





/* =====================================================

   TABLET

===================================================== */



@media (max-width: 1199px) {



    .cf-sroi-main-title {

        font-size: 40px;

    }





    .cf-sroi-panel-wrap {

        margin-right: -45px;

    }





    .cf-sroi-panel {

        padding: 42px 36px;

    }





    .cf-sroi-ratio {

        font-size: 51px;

    }



}





/* =====================================================

   TABLET STACK

===================================================== */



@media (max-width: 991px) {



    .cf-sroi-main-section {

        padding: 70px 0;

    }





    .cf-sroi-heading-area {

        margin-bottom: 40px;

    }





    .cf-sroi-panel-wrap {

        margin-right: 0;



        margin-bottom: -55px;



        padding-left: 35px;

        padding-right: 35px;

    }





    .cf-sroi-panel {

        min-height: auto;

    }





    .cf-sroi-image {

        height: 500px;

    }





    .cf-sroi-main-title {

        font-size: 37px;

    }



}





/* =====================================================

   MOBILE

===================================================== */



@media (max-width: 767px) {



    .cf-sroi-main-section {

        padding: 55px 0;

    }





    .cf-sroi-heading-area {

        margin-bottom: 32px;

    }





    .cf-sroi-main-title {

        font-size: 32px;

    }





    .cf-sroi-subtitle {

        font-size: 21px;

    }





    .cf-sroi-intro {

        font-size: 15px;

        line-height: 1.7;

    }





    .cf-sroi-panel-wrap {

        padding-left: 15px;

        padding-right: 15px;



        margin-bottom: -35px;

    }





    .cf-sroi-panel {

        padding: 34px 27px;



        border-radius: var(--radius-xl);

    }





    .cf-sroi-ratio {

        font-size: 44px;

    }





    .cf-sroi-statement {

        font-size: 16px;

    }





    .cf-sroi-image {

        height: 400px;

    }





    .cf-sroi-note {

        margin-top: 45px;



        padding: 24px 22px;



        gap: 18px;

    }





    .cf-sroi-note p {

        font-size: 15px;

        line-height: 1.7;

    }



}





/* =====================================================

   SMALL MOBILE

===================================================== */



@media (max-width: 480px) {



    .cf-sroi-main-title {

        font-size: 29px;

    }





    .cf-sroi-ratio {

        font-size: 40px;

    }





    .cf-sroi-value-grid {

        grid-template-columns: 1fr;

    }





    .cf-sroi-image {

        height: 340px;

    }





    .cf-sroi-image-label {

        right: 15px;

        bottom: 15px;

    }



}



.cf-sroi-main-section, .cf-bej-horizontal-section{

    position: relative;

    width: 100%;

    background-image:url('../images/apni-kutir-bg01111.jpg');

    background-size: cover;

    background-position: center;

    background-repeat: no-repeat;

    overflow: hidden;

}



.sroiparacls{padding-top:20px; color:#fff; margin-bottom:0;}



/* =========================================================

   SECTION

========================================================= */



.cfsroi-modern-section {

    position: relative;



    width: 100%;



    padding: 50px 0;



    background:#F5EFFA;

}





/* =========================================================

   HEADING

========================================================= */



.cfsroi-modern-heading {

    margin-bottom: 28px;

}





.cfsroi-modern-heading h2 {

    margin: 0;



    font-size: 43px;

    line-height: 1.1;



    font-weight: 700;



    color: var(--charcoal-plum);

}





/* =========================================================

   MAIN IMAGE CARDS

========================================================= */



.cfsroi-image-card {

    position: relative;



    min-height: 410px;



    height: 100%;



    overflow: hidden;



    display: flex;

    align-items: flex-end;



    padding: 30px;



    border-radius: 14px;



    background-position: center;

    background-size: cover;

    background-repeat: no-repeat;



    box-shadow: var(--shadow-card);



    isolation: isolate;



    transition:

        transform .4s ease,

        box-shadow .4s ease;

}





/* =========================================================

   INDIVIDUAL IMAGES

========================================================= */



.cfsroi-image-card-01 {

    background-image:

        url("https://symmetrixsys.in/staging/cf/images/banner01.jpg");

}





.cfsroi-image-card-02 {

    background-image:

        url("../images/bb02.jpg");

}





.cfsroi-image-card-03 {

    background-image:

        url("https://symmetrixsys.in/staging/cf/images/es01.jpg");

}





/* =========================================================

   IMAGE OVERLAY

========================================================= */



.cfsroi-image-card::before {

    content: "";



    position: absolute;

    inset: 0;



    background: var(--deep-purple);



    opacity: .68;



    z-index: -1;



    transition: opacity .4s ease;

}





/* slightly different tonal strength */



.cfsroi-image-card-02::before {

    background: var(--soft-lavender);

    opacity: .72;

}





.cfsroi-image-card-03::before {

    background: var(--deep-purple);

    opacity: .76;

}





/* =========================================================

   CARD TOP NUMBER

========================================================= */



.cfsroi-image-number {

    position: absolute;



    top: 24px;

    right: 24px;



    width: 44px;

    height: 44px;



    display: flex;

    align-items: center;

    justify-content: center;



    border-radius: 50%;



    background: var(--white);



    color: var(--deep-purple);



    font-size: 13px;

    font-weight: 700;



    z-index: 2;

}





/* =========================================================

   CARD CONTENT

========================================================= */



.cfsroi-image-content {

    position: relative;



    width: 100%;



    z-index: 2;

}





.cfsroi-image-value {

    display: block;



    margin-bottom: 13px;



    font-family: "Cormorant Garamond", serif;



    font-size: 44px;

    line-height: 1;



    font-weight: 700;



    color: var(--white);

}





.cfsroi-image-label {

    margin: 0;



    max-width: 330px;



    font-size: 16px;

    line-height: 1.55;



    font-weight: 600;



    color: var(--white);

}





/* small white rule */



.cfsroi-image-content::before {

    content: "";



    display: block;



    width: 42px;

    height: 2px;



    margin-bottom: 18px;



    background: var(--white);

}





/* =========================================================

   HOVER

========================================================= */



.cfsroi-image-card:hover {

    transform: translateY(-5px);



    box-shadow: var(--deep-shadow);

}





.cfsroi-image-card:hover::before {

    opacity: .78;

}





/* =========================================================

   METHODOLOGY ROW

========================================================= */



.cfsroi-method-row {

    margin-top: 34px;



    padding: 0;



    background: var(--white);



    border-radius: 14px;



    overflow: hidden;



    box-shadow: var(--shadow-card);

}





/* =========================================================

   METHODOLOGY CELL

========================================================= */



.cfsroi-method-cell {

    position: relative;



    height: 100%;



    min-height: 150px;



    padding: 26px 24px;



    display: flex;

    flex-direction: column;

    justify-content: center;



    background: var(--white);

}





/* separators */



.cfsroi-method-col + .cfsroi-method-col

.cfsroi-method-cell {

    border-left: 1px solid var(--mist-lavender);

}





/* =========================================================

   METHOD LABEL

========================================================= */



.cfsroi-method-label {

    display: block;



    margin-bottom: 11px;



    font-size: 14px;

    line-height: 1.4;



    font-weight: 600;



    color: var(--text-muted);

}





/* =========================================================

   METHOD VALUE

========================================================= */



.cfsroi-method-value {

    display: block;

    font-size: 40px;

    line-height: 1;

    font-weight: 700;

    color: var(--deep-purple);

}





/* =========================================================

   SIMPLE ACCENT

========================================================= */



.cfsroi-method-cell::after {

    content: "";



    position: absolute;



    left: 24px;

    bottom: 0;



    width: 40px;

    height: 3px;



    background: var(--vibrant-violet);

}





/* =========================================================

   FINAL ACCURACY BOX

   IMAGE + MONO PURPLE TREATMENT

========================================================= */



.cfsroi-final-box {

    position: relative;



    margin-top: 34px;



    min-height: 320px;



    overflow: hidden;



    display: flex;

    align-items: center;



    padding: 45px 50px;



    border-radius: 14px;



    background-image:

        url("https://symmetrixsys.in/staging/cf/images/ak-banner-img03.jpg");



    background-position: center;

    background-size: cover;

    background-repeat: no-repeat;



    box-shadow: var(--shadow-soft);



    isolation: isolate;

}





/* mono purple overlay */



.cfsroi-final-box::before {

    content: "";



    position: absolute;

    inset: 0;



    background: var(--deep-purple);



    opacity: .90;



    z-index: -1;

}





/* =========================================================

   FINAL CONTENT

========================================================= */



.cfsroi-final-content {

    max-width: 850px;

}





.cfsroi-final-content h3 {

    margin: 0 0 20px;



    font-family: "Cormorant Garamond", serif;



    font-size: 32px;

    line-height: 1.2;



    font-weight: 700;



    color: var(--white);

}





.cfsroi-final-content p {

    margin: 0 0 15px;



    font-size: 16px;

    line-height: 1.75;



    color: var(--white);

}





.cfsroi-final-content p:last-child {

    margin-bottom: 0;

}





.cfsroi-final-content strong {

    color: var(--white);

}





/* =========================================================

   CALCULATION

========================================================= */



.cfsroi-final-calculation {

    display: inline-block;



    margin-top: 12px;



    padding: 13px 18px;



    background: var(--white);



    border-radius: var(--radius-xl);



    color: var(--deep-purple);



    font-size: 16px;

    line-height: 1.4;



    font-weight: 700;

}





/* =========================================================

   TABLET

========================================================= */



@media (max-width: 991px) {



    .cfsroi-modern-section {

        padding: 70px 0;

    }





    .cfsroi-modern-heading h2 {

        font-size: 38px;

    }





    .cfsroi-image-card {

        min-height: 360px;

    }





    .cfsroi-image-value {

        font-size: 40px;

    }





    .cfsroi-method-col + .cfsroi-method-col

    .cfsroi-method-cell {

        border-left: 0;

    }





    .cfsroi-method-cell {

        border-bottom: 1px solid var(--mist-lavender);

    }





    .cfsroi-final-box {

        padding: 38px 35px;

    }



}





/* =========================================================

   MOBILE

========================================================= */



@media (max-width: 767px) {



    .cfsroi-modern-section {

        padding: 55px 0;

    }





    .cfsroi-modern-heading {

        margin-bottom: 30px;

    }





    .cfsroi-modern-heading h2 {

        font-size: 32px;

    }





    .cfsroi-image-card {

        min-height: 330px;



        padding: 25px;

    }





    .cfsroi-image-value {

        font-size: 37px;

    }





    .cfsroi-image-label {

        font-size: 15px;

    }





    .cfsroi-method-cell {

        min-height: 125px;



        padding: 22px 20px;

    }





    .cfsroi-method-cell::after {

        left: 20px;

    }





    .cfsroi-final-box {

        min-height: 280px;



        padding: 32px 25px;

    }





    .cfsroi-final-content h3 {

        font-size: 27px;

    }





    .cfsroi-final-content p {

        font-size: 15px;

    }



}



/* =====================================================

   SECTION

===================================================== */



.cf-change-section {

    width: 100%;

    padding: 50px 0;



    background: var(--ivory-white);

}





/* =====================================================

   MAIN WRAPPER

===================================================== */



.cf-change-wrap {

    overflow: hidden;



    background: var(--deep-purple);



    border-radius: 24px;



    box-shadow: var(--shadow-soft);

}





.cf-change-wrap .row {

    --bs-gutter-x: 0;

}





/* =====================================================

   LEFT CONTENT

===================================================== */



.cf-change-content {

    position: relative;



    height: 100%;



    padding: 55px 50px;



    display: flex;

    flex-direction: column;

    justify-content: center;



    background: var(--deep-purple);



    color: var(--white);

}





/* =====================================================

   TITLE

===================================================== */



.cf-change-title {

    margin: 0 0 16px;



    font-size: 43px;

    line-height: 1.1;



    font-weight: 700;



    color: var(--white);

}





/* =====================================================

   SUBTITLE

===================================================== */



.cf-change-subtitle {

    margin: 0 0 28px;



    font-size: 21px;

    line-height: 1.5;



    font-weight: 600;

    font-style: italic;



    color: var(--mist-lavender);

}





/* =====================================================

   PARAGRAPHS

===================================================== */



.cf-change-text {

    margin: 0 0 16px;



    font-size: 15px;

    line-height: 1.75;



    color: var(--white);

}





/* =====================================================

   QUESTION INTRO

===================================================== */



.cf-change-question-intro {

    margin: 8px 0 14px;



    font-size: 15px;

    line-height: 1.6;



    color: var(--white);

}





.cf-change-question-intro strong {

    display: block;



    margin-bottom: 7px;



    color: var(--white);

}





/* =====================================================

   QUESTION LIST

===================================================== */



.cf-change-questions {

    display: grid;



    grid-template-columns: 1fr;



    gap: 8px;

}





.cf-change-question {

    position: relative;



    padding-left: 20px;



    font-size: 15px;

    line-height: 1.55;



    font-weight: 600;



    color: var(--white);

}





.cf-change-question::before {

    content: "";



    position: absolute;



    left: 0;

    top: 9px;



    width: 7px;

    height: 7px;



    border-radius: 50%;



    background: var(--vibrant-violet);

}





/* =====================================================

   RIGHT SIDE - ONLY ONE IMAGE

===================================================== */



.cf-change-image {

    width: 100%;

    height: 100%;

    min-height: 720px;



    overflow: hidden;



    background: var(--mist-lavender);

}





.cf-change-image img {

    display: block;



    width: 100%;

    height: 100%;



    min-height: 720px;



    object-fit: cover;

    object-position: center;



    transition: transform .7s ease;

}





/* =====================================================

   HOVER

===================================================== */



.cf-change-wrap:hover

.cf-change-image img {

    transform: scale(1.025);

}





/* =====================================================

   BOTTOM TEXT

===================================================== */



.cf-change-bottom {

    margin-top: 32px;



    padding: 30px 34px;



    background: var(--white);



    border-radius: 14px;



    box-shadow: var(--shadow-card);

}





.cf-change-bottom p {

    margin: 0;



    font-size: 15px;

    line-height: 1.8;



    color: var(--text-muted);

}





/* =====================================================

   TABLET

===================================================== */



@media (max-width: 991px) {



    .cf-change-section {

        padding: 65px 0;

    }





    .cf-change-content {

        padding: 45px 38px;

    }





    .cf-change-title {

        font-size: 38px;

    }





    .cf-change-image,

    .cf-change-image img {

        min-height: 520px;

        height: 520px;

    }



}





/* =====================================================

   MOBILE

===================================================== */



@media (max-width: 767px) {



    .cf-change-section {

        padding: 50px 0;

    }





    .cf-change-wrap {

        border-radius: 18px;

    }





    .cf-change-content {

        padding: 35px 25px;

    }





    .cf-change-title {

        font-size: 32px;

    }





    .cf-change-subtitle {

        font-size: 19px;

    }





    .cf-change-text,

    .cf-change-question-intro,

    .cf-change-question {

        font-size: 14px;

    }





    .cf-change-image,

    .cf-change-image img {

        height: 430px;

        min-height: 430px;

    }





    .cf-change-bottom {

        margin-top: 25px;



        padding: 24px 22px;

    }





    .cf-change-bottom p {

        font-size: 14px;

        line-height: 1.7;

    }



}





/* =====================================================

   SMALL MOBILE

===================================================== */



@media (max-width: 480px) {



    .cf-change-title {

        font-size: 29px;

    }





    .cf-change-image,

    .cf-change-image img {

        height: 350px;

        min-height: 350px;

    }



}



/* =====================================================

   MIDDLE COLUMN - IMAGE BACKGROUND

===================================================== */



.cf-bej-horizontal-col-middle

.cf-bej-horizontal-card {

    position: relative;



    background-image:

        url("https://symmetrixsys.in/staging/cf/images/ak-banner-img02.jpg");



    background-size: cover;

    background-position: center;

    background-repeat: no-repeat;



    isolation: isolate;

}





/* PURPLE OVERLAY */



.cf-bej-horizontal-col-middle

.cf-bej-horizontal-card::after {

    content: "";



    position: absolute;

    inset: 0;



    background: var(--deep-purple);



    opacity: .86;



    z-index: -1;

}





/* TOP LINE */



.cf-bej-horizontal-col-middle

.cf-bej-horizontal-card::before {

    content: "";



    position: absolute;



    top: 0;

    left: 0;



    width: 100%;

    height: 4px;



    background: var(--vibrant-violet);



    z-index: 2;

}





/* TITLE */



.cf-bej-horizontal-col-middle

.cf-bej-horizontal-title {

    position: relative;



    color: var(--white);



    z-index: 2;

}





/* INTERVENTION LIST */



.cf-bej-horizontal-col-middle

.cf-bej-horizontal-interventions {

    position: relative;



    z-index: 2;

}





.cf-bej-horizontal-col-middle

.cf-bej-horizontal-intervention {

    color: var(--white);



    border-bottom:

        1px solid var(--soft-lavender);

}





/* DOT */



.cf-bej-horizontal-col-middle

.cf-bej-horizontal-intervention::before {

    background: var(--vibrant-violet);

}





/* NUMBER */



.cf-bej-horizontal-col-middle

.cf-bej-horizontal-number {

    background: var(--soft-lavender);



    color: var(--white);

}





/* STAGE TEXT */



.cf-bej-horizontal-col-middle

.cf-bej-horizontal-stage {

    color: var(--soft-lavender);

}





/* =====================================================

   SECTION

===================================================== */



.cf-bej-horizontal-section {

    width: 100%;

    padding: 50px 0 40px;

    background: #e6e0f1;

}





/* =====================================================

   HEADING

===================================================== */



.cf-bej-horizontal-heading {

    margin-bottom: 25px;

    text-align: center;

}





.cf-bej-horizontal-heading h2 {

    margin: 0;



    font-size: 38px;

    line-height: 1.15;

    font-weight: 700;



    color: var(--deep-purple);

}





/* =====================================================

   HORIZONTAL WRAPPER

===================================================== */



.cf-bej-horizontal-scroll {

    position: relative;



    width: 100%;



    overflow-x: auto;

    overflow-y: visible;



    padding: 10px 5px 35px;



    scrollbar-width: thin;



    scrollbar-color:

        var(--soft-lavender)

        var(--mist-lavender);



    scroll-snap-type: x proximity;

}





.cf-bej-horizontal-scroll::-webkit-scrollbar {

    height: 7px;

}





.cf-bej-horizontal-scroll::-webkit-scrollbar-track {

    background: var(--mist-lavender);

}





.cf-bej-horizontal-scroll::-webkit-scrollbar-thumb {

    background: var(--soft-lavender);

    border-radius: 10px;

}





/* =====================================================

   HORIZONTAL ROW

===================================================== */



.cf-bej-horizontal-row {

    position: relative;



    display: flex;

    flex-wrap: nowrap;



    gap: 50px;



    min-width: 1120px;



    align-items: stretch;

}





/* connector */



.cf-bej-horizontal-row::before {

    content: "";



    position: absolute;



    left: 50px;

    right: 50px;

    top: 38px;



    height: 2px;



    background: var(--soft-lavender);



    z-index: 0;

}





/* =====================================================

   COLUMN

===================================================== */



.cf-bej-horizontal-col {

    position: relative;



    flex: 1 0 0;



    min-width: 0;



    scroll-snap-align: start;



    z-index: 2;

}





/* =====================================================

   TOP STEP

===================================================== */



.cf-bej-horizontal-top {

    position: relative;



    height: 78px;



    display: flex;

    align-items: flex-start;



    gap: 14px;

	margin: 0 0 1rem;

}





/* NUMBER */



.cf-bej-horizontal-number {

    position: relative;



    width: 56px;

    height: 56px;



    flex: 0 0 56px;



    display: flex;

    align-items: center;

    justify-content: center;



    border-radius: 50%;



    background: var(--deep-purple);



    color: var(--white);



    font-size: 14px;

    line-height: 1;



    font-weight: 700;



    box-shadow: var(--shadow-card);



    z-index: 3;

	top:7px;

}





/* STAGE */



.cf-bej-horizontal-stage {

    padding-top: 17px;



    font-size: 13px;

    line-height: 1.35;



    font-weight: 700;



    letter-spacing: .06em;

    text-transform: uppercase;



    color: var(--vibrant-violet);

}





/* =====================================================

   CARD

===================================================== */



.cf-bej-horizontal-card {

    position: relative;



    height: calc(100% - 78px);



    padding: 30px 27px 32px;



    background: var(--white);



    border-radius: 14px;



    /*box-shadow: var(--shadow-card);*/



    overflow: hidden;



    transition:

        transform .35s ease,

        box-shadow .35s ease;

}





/* TOP ACCENT */



.cf-bej-horizontal-card::before {

    content: "";



    position: absolute;



    top: 0;

    left: 0;



    width: 100%;

    height: 4px;



    background: var(--vibrant-violet);



    z-index: 2;

}





/* =====================================================

   MIDDLE CARD - IMAGE BACKGROUND

===================================================== */



.cf-bej-horizontal-col-middle

.cf-bej-horizontal-card {

    position: relative;



    background-image:

        url("../images/Copy of IMPACTPAGE SMALL PICTURE.jpeg");



    background-size: cover;

    background-position: center;

    background-repeat: no-repeat;



    isolation: isolate;

}





/* PURPLE OVERLAY */



.cf-bej-horizontal-col-middle

.cf-bej-horizontal-card::after {

    content: "";



    position: absolute;

    inset: 0;



    background: var(--deep-purple);



    opacity: .86;



    z-index: -1;

}





/* MIDDLE NUMBER */



.cf-bej-horizontal-col-middle

.cf-bej-horizontal-number {

    background: var(--soft-lavender);



    color: var(--white);

}





/* MIDDLE STAGE */



.cf-bej-horizontal-col-middle

.cf-bej-horizontal-stage {

    color: var(--soft-lavender);

}





/* =====================================================

   TITLE

===================================================== */



.cf-bej-horizontal-title {

    position: relative;



    margin: 0 0 20px;



    font-size: 28px;

    line-height: 1.2;



    font-weight: 700;



    color: var(--deep-purple);



    z-index: 2;

}





.cf-bej-horizontal-col-middle

.cf-bej-horizontal-title {

    color: var(--white);

}





/* =====================================================

   TEXT

===================================================== */



.cf-bej-horizontal-intro {

    position: relative;



    margin: 0 0 18px;



    font-size: 15px;

    line-height: 1.7;



    color: var(--text-muted);



    z-index: 2;

}





.cf-bej-horizontal-col-middle

.cf-bej-horizontal-intro {

    color: var(--white);

}





/* =====================================================

   BASELINE LIST

===================================================== */



.cf-bej-horizontal-list {

    display: flex;

    flex-direction: column;

}





.cf-bej-horizontal-list-item {

    padding: 14px 0;



    border-bottom:

        1px solid var(--mist-lavender);

}





.cf-bej-horizontal-list-item:last-child {

    border-bottom: 0;

}





.cf-bej-horizontal-list-item strong {

    display: block;



    margin-bottom: 5px;



    font-size: 14px;

    line-height: 1.45;



    color: var(--deep-purple);

}





.cf-bej-horizontal-list-item p {

    margin: 0;



    font-size: 13px;

    line-height: 1.6;



    color: var(--text-muted);

}





/* =====================================================

   BASELINE NOTE

===================================================== */



.cf-bej-horizontal-note {

    margin: 20px 0 0;



    padding-top: 18px;



    border-top:

        2px solid var(--mist-lavender);



    font-size: 13px;

    line-height: 1.65;



    color: var(--text-muted);

}





/* =====================================================

   INTERVENTION LIST

===================================================== */



.cf-bej-horizontal-interventions {

    position: relative;



    display: flex;

    flex-direction: column;



    z-index: 2;

}





.cf-bej-horizontal-intervention {

    position: relative;



    padding: 15px 0 15px 22px;



    border-bottom:

        1px solid var(--soft-lavender);



    font-size: 15px;

    line-height: 1.45;



    font-weight: 600;



    color: var(--white);

}





.cf-bej-horizontal-intervention:last-child {

    border-bottom: 0;

}





.cf-bej-horizontal-intervention::before {

    content: "";



    position: absolute;



    left: 0;

    top: 21px;



    width: 7px;

    height: 7px;



    border-radius: 50%;



    background: var(--vibrant-violet);

}





/* =====================================================

   ENDLINE LIST

===================================================== */



.cf-bej-horizontal-endline {

    display: flex;

    flex-direction: column;



    margin-top: 4px;

}





.cf-bej-horizontal-endline-item {

    position: relative;



    padding: 11px 0 11px 20px;



    border-bottom:

        1px solid var(--mist-lavender);



    font-size: 14px;

    line-height: 1.5;



    font-weight: 700;



    color: var(--deep-purple);

}





.cf-bej-horizontal-endline-item:last-child {

    border-bottom: 0;

}





.cf-bej-horizontal-endline-item::before {

    content: "";



    position: absolute;



    left: 0;

    top: 17px;



    width: 7px;

    height: 7px;



    border-radius: 50%;



    background: var(--vibrant-violet);

}





/* =====================================================

   FINAL TEXT

===================================================== */



.cf-bej-horizontal-ending {

    margin-top: 22px;

}





.cf-bej-horizontal-ending p {

    margin: 0 0 14px;



    font-size: 14px;

    line-height: 1.7;



    color: var(--text-muted);

}





/* QUOTE */



.cf-bej-horizontal-quote {

    margin: 0;



    padding: 17px 18px;



    background: var(--mist-lavender);



    border-left:

        4px solid var(--deep-purple);



    border-radius: var(--radius-xl);



    font-size: 15px;

    line-height: 1.6;



    font-weight: 700;



    color: var(--deep-purple);

}





/* =====================================================

   ARROW BETWEEN COLUMNS

===================================================== */



.cf-bej-horizontal-arrow {

    position: absolute;



    right: -37px;

    top: 21px;



    width: 36px;

    height: 36px;



    display: flex;

    align-items: center;

    justify-content: center;



    border-radius: 50%;



    background: var(--white);



    box-shadow: var(--shadow-card);



    z-index: 6;

}





.cf-bej-horizontal-arrow::before {

    content: "";



    width: 10px;

    height: 10px;



    border-top:

        2px solid var(--deep-purple);



    border-right:

        2px solid var(--deep-purple);



    transform: rotate(45deg);



    margin-left: -4px;

}





/* =====================================================

   HOVER

===================================================== */



.cf-bej-horizontal-col:hover

.cf-bej-horizontal-card {

    transform: translateY(-5px);

}





/* =====================================================

   TABLET

===================================================== */



@media (max-width: 991px) {



    .cf-bej-horizontal-section {

        padding: 65px 0;

    }





    .cf-bej-horizontal-heading h2 {

        font-size: 37px;

    }





    .cf-bej-horizontal-row {

        min-width: max-content;



        gap: 55px;

    }





    .cf-bej-horizontal-col {

        width: 390px;



        flex: 0 0 390px;

    }



}





/* =====================================================

   MOBILE

===================================================== */



@media (max-width: 767px) {



    .cf-bej-horizontal-section {

        padding: 55px 0;

    }





    .cf-bej-horizontal-heading {

        margin-bottom: 30px;

    }





    .cf-bej-horizontal-heading h2 {

        font-size: 31px;

    }





    .cf-bej-horizontal-scroll {

        padding-left: 12px;

        padding-right: 12px;

    }





    .cf-bej-horizontal-row {

        min-width: max-content;



        gap: 52px;

    }





    .cf-bej-horizontal-col {

        width: 330px;



        flex: 0 0 330px;

    }





    .cf-bej-horizontal-card {

        padding: 25px 21px;

    }





    .cf-bej-horizontal-title {

        font-size: 24px;

    }





    .cf-bej-horizontal-number {

        width: 50px;

        height: 50px;



        flex-basis: 50px;

    }





    .cf-bej-horizontal-stage {

        padding-top: 14px;



        font-size: 11px;

    }





    .cf-bej-horizontal-arrow {

        right: -44px;



        width: 34px;

        height: 34px;

    }



}





/* =====================================================

   SMALL MOBILE

===================================================== */



@media (max-width: 400px) {



    .cf-bej-horizontal-col {

        width: 295px;



        flex-basis: 295px;

    }





    .cf-bej-horizontal-title {

        font-size: 22px;

    }



}



.legacyquote-section.impactquotesecls .legacyquote-content{padding-top:4rem;}



/* =====================================================

   SECTION

===================================================== */



.cf-community-compact-section {

    width: 100%;

    padding: 50px 0;

    background: var(--ivory-white);

}





/* =====================================================

   MAIN WRAPPER

===================================================== */



.cf-community-compact-wrap {

    overflow: hidden;



    background: var(--deep-purple);



    border-radius: 20px;



    box-shadow: var(--shadow-soft);

}





/* =====================================================

   TOP AREA

===================================================== */



.cf-community-compact-top {

    padding: 38px 38px 34px;

}





/* =====================================================

   LEFT CONTENT

===================================================== */



.cf-community-compact-left {

    height: 100%;



    padding-right: 30px;



    display: flex;

    flex-direction: column;

    justify-content: center;

}





/* =====================================================

   HEADING

===================================================== */



.cf-community-compact-title {

    margin: 0 0 22px;



    max-width: 650px;



    font-size: 38px;

    line-height: 1.12;



    font-weight: 700;



    color: var(--white);

}





.cf-community-compact-title span {

    display: block;



    margin-top: 5px;



    color: var(--mist-lavender);

}





/* =====================================================

   TEXT

===================================================== */



.cf-community-compact-text {

    margin: 0 0 15px;



    max-width: 680px;



    font-size: 15px;

    line-height: 1.72;



    color: var(--white);

}





.cf-community-compact-text:last-child {

    margin-bottom: 0;

}





/* =====================================================

   RIGHT PANEL

===================================================== */



.cf-community-compact-panel {

    height: 100%;



    min-height: 285px;



    padding: 30px;



    display: flex;

    flex-direction: column;

    justify-content: center;



    background: var(--white);



    border-radius: 16px;

}





/* =====================================================

   PANEL ITEM

===================================================== */



.cf-community-compact-item {

    position: relative;



    padding: 0 0 23px 48px;



    margin-bottom: 23px;



    border-bottom: 1px solid var(--mist-lavender);

}





.cf-community-compact-item:last-child {

    padding-bottom: 0;

    margin-bottom: 0;

    border-bottom: 0;

}





/* =====================================================

   NUMBER

===================================================== */



.cf-community-compact-number {

    position: absolute;



    left: 0;

    top: 1px;



    width: 34px;

    height: 34px;



    display: flex;

    align-items: center;

    justify-content: center;



    border-radius: 50%;



    background: var(--deep-purple);



    color: var(--white);



    font-size: 12px;

    font-weight: 700;

}





/* =====================================================

   HIGHLIGHT TEXT

===================================================== */



.cf-community-compact-highlight {

    margin: 0;



    font-size: 21px;

    line-height: 1.35;



    font-weight: 700;



    color: var(--deep-purple);

}





/* =====================================================

   IMAGE

===================================================== */



.cf-community-compact-image{

    width: 100%;

    height: 430px;

    overflow: hidden;

}





.cf-community-compact-image img{

    display: block;

    width: 100%;

    height: 100%;

    object-fit: cover;

    object-position: center;

    transition: transform 0.6s ease;

}





.cf-community-compact-wrap:hover

.cf-community-compact-image img {

    transform: scale(1.02);

}





/* =====================================================

   FINAL TEXT

===================================================== */



.cf-community-compact-final {

    width: calc(100% - 70px);



    margin: -32px auto 0;



    position: relative;



    padding: 23px 28px;



    background: var(--white);



    border-radius: 12px;



    box-shadow: var(--shadow-card);



    z-index: 5;

}





.cf-community-compact-final p {

    margin: 0;



    font-size: 14px;

    line-height: 1.7;



    color: var(--text-muted);

}





/* =====================================================

   TABLET

===================================================== */



@media (max-width: 991px) {



    .cf-community-compact-section {

        padding: 55px 0;

    }





    .cf-community-compact-top {

        padding: 32px;

    }





    .cf-community-compact-left {

        padding-right: 0;

        margin-bottom: 28px;

    }





    .cf-community-compact-title {

        font-size: 34px;

    }





    .cf-community-compact-panel {

        min-height: auto;

    }





    .cf-community-compact-image {

        height: 300px;

    }



}





/* =====================================================

   MOBILE

===================================================== */



@media (max-width: 767px) {



    .cf-community-compact-section {

        padding: 45px 0;

    }





    .cf-community-compact-wrap {

        border-radius: 16px;

    }





    .cf-community-compact-top {

        padding: 28px 22px;

    }





    .cf-community-compact-title {

        margin-bottom: 18px;



        font-size: 29px;

    }





    .cf-community-compact-text {

        font-size: 14px;

        line-height: 1.7;

    }





    .cf-community-compact-panel {

        padding: 24px 22px;

    }





    .cf-community-compact-highlight {

        font-size: 18px;

    }





    .cf-community-compact-item {

        padding-left: 44px;

    }





    .cf-community-compact-image {

        height: 250px;

    }





    .cf-community-compact-final {

        width: calc(100% - 30px);



        margin-top: -22px;



        padding: 20px;

    }





    .cf-community-compact-final p {

        font-size: 13px;

    }



}



/* =====================================================

   SECTION

===================================================== */



.cf-ripples-section {

    width: 100%;

    padding: 50px 0;

}





/* =====================================================

   HEADING

===================================================== */



.cf-ripples-heading {

    display: flex;

    align-items: flex-end;

    justify-content: space-between;



    gap: 40px;



    margin-bottom: 25px;



    padding-bottom: 24px;



    border-bottom: 1px solid var(--mist-lavender);

}





.cf-ripples-heading-left {

    max-width: 720px;

}





.cf-ripples-title {

    margin: 0 0 8px;



    font-size: 43px;

    line-height: 1.1;

    font-weight: 700;



    color: var(--deep-purple);

}





.cf-ripples-subtitle {

    margin: 0;



    font-size: 20px;

    line-height: 1.5;

    font-weight: 500;



    color: var(--text-muted);

}





/* small decorative text */



.cf-ripples-heading-index {

    flex: 0 0 auto;



    font-size: 13px;

    line-height: 1;



    font-weight: 700;



    letter-spacing: .12em;



    text-transform: uppercase;



    color: var(--vibrant-violet);

}





/* =====================================================

   GALLERY ROW

===================================================== */



.cf-ripples-gallery {

    align-items: stretch;

}





/* =====================================================

   VIDEO CARD

===================================================== */



.cf-ripples-card {

    height: 100%;



    background: var(--white);



    border-radius: 12px;



    overflow: hidden;



    box-shadow: var(--shadow-card);

}





/* =====================================================

   VIDEO

===================================================== */



.cf-ripples-video {

    position: relative;



    width: 100%;



    padding-top: 56.25%;



    overflow: hidden;



    background: var(--deep-purple);

}





.cf-ripples-video iframe {

    position: absolute;



    inset: 0;



    width: 100%;

    height: 100%;



    border: 0;

}





/* =====================================================

   LARGE FEATURED CARD

===================================================== */



.cf-ripples-featured {

    display: flex;

    flex-direction: column;

}





.cf-ripples-featured .cf-ripples-video {

    flex: 1;



    min-height: 445px;



    padding-top: 0;

}





.cf-ripples-featured .cf-ripples-video iframe {

    position: absolute;

}





/* =====================================================

   CARD CAPTION

===================================================== */



.cf-ripples-caption {

    display: flex;

    align-items: flex-start;



    gap: 18px;



    padding: 22px 24px;

}





.cf-ripples-number {

    flex: 0 0 auto;



    width: 38px;

    height: 38px;



    display: flex;

    align-items: center;

    justify-content: center;



    border-radius: 50%;



    background: var(--mist-lavender);



    color: var(--deep-purple);



    font-size: 12px;

    line-height: 1;



    font-weight: 700;

}





.cf-ripples-caption-text {

    padding-top: 2px;

}





.cf-ripples-source {

    display: block;



    margin-bottom: 5px;



    font-size: 12px;

    line-height: 1.3;



    font-weight: 700;



    letter-spacing: .08em;



    text-transform: uppercase;



    color: var(--vibrant-violet);

}





.cf-ripples-video-title {

    margin: 0;



    font-size: 18px;

    line-height: 1.4;



    font-weight: 700;



    color: var(--deep-purple);

}





/* =====================================================

   RIGHT COLUMN

===================================================== */



.cf-ripples-side {

    height: 100%;



    display: flex;

    flex-direction: column;



    gap: 24px;

}





.cf-ripples-side .cf-ripples-card {

    flex: 1;

}





/* smaller video */



.cf-ripples-side .cf-ripples-video {

    padding-top: 51%;

}





.cf-ripples-side .cf-ripples-caption {

    padding: 18px 20px;

}





.cf-ripples-side .cf-ripples-number {

    width: 34px;

    height: 34px;

}





.cf-ripples-side .cf-ripples-video-title {

    font-size: 16px;

}





/* =====================================================

   QUIET BOTTOM LINE

===================================================== */



.cf-ripples-footer-line {

    width: 100%;



    margin-top: 38px;



    height: 1px;



    background: var(--mist-lavender);

}





/* =====================================================

   TABLET

===================================================== */



@media (max-width: 991px) {



    .cf-ripples-section {

        padding: 65px 0;

    }





    .cf-ripples-heading {

        align-items: flex-start;



        margin-bottom: 30px;

    }





    .cf-ripples-title {

        font-size: 38px;

    }





    .cf-ripples-featured

    .cf-ripples-video {

        min-height: 390px;

    }





    .cf-ripples-side {

        margin-top: 24px;

    }





    .cf-ripples-side

    .cf-ripples-video {

        padding-top: 56.25%;

    }



}





/* =====================================================

   MOBILE

===================================================== */



@media (max-width: 767px) {



    .cf-ripples-section {

        padding: 50px 0;

    }





    .cf-ripples-heading {

        display: block;



        padding-bottom: 18px;

    }





    .cf-ripples-heading-index {

        margin-top: 16px;

    }





    .cf-ripples-title {

        font-size: 31px;

    }





    .cf-ripples-subtitle {

        font-size: 17px;

    }





    .cf-ripples-featured

    .cf-ripples-video {

        min-height: 0;

        padding-top: 56.25%;

    }





    .cf-ripples-caption {

        padding: 18px;

    }





    .cf-ripples-video-title {

        font-size: 16px;

    }





    .cf-ripples-footer-line {

        margin-top: 28px;

    }



}



/* CSR for AK */

/* =====================================================

   SECTION

===================================================== */



.cf-csr-impact-section {

    width: 100%;

    padding: 175px 0 50px;

    background: var(--ivory-white);

}





/* =====================================================

   HERO

===================================================== */



.cf-csr-impact-hero {

    position: relative;



    overflow: hidden;



    background: var(--deep-purple);



    border-radius: 0;

	background: linear-gradient(

        135deg,

        #4e397b 0%,

        #6B559C 50%,

        #8B74B5 100%

    );

}





/* =====================================================

   LEFT CONTENT

===================================================== */



.cf-csr-impact-content {

    min-height: 540px;



    padding: 55px 52px;



    display: flex;

    flex-direction: column;

    justify-content: center;

}





/* =====================================================

   TITLE

===================================================== */



.cf-csr-impact-title {

    margin: 0 0 24px;



    max-width: 580px;



    font-size: 47px;

    line-height: 1.08;

    font-weight: 700;



    color: var(--white);

}





/* =====================================================

   DESCRIPTION

===================================================== */



.cf-csr-impact-description {

    margin: 0 0 34px;



    max-width: 560px;



    font-size: 17px;

    line-height: 1.75;



    color: var(--white);

}





/* =====================================================

   KUTIR STAT

===================================================== */



.cf-csr-impact-kutir {

    max-width: 460px;



    display: grid;

    grid-template-columns: 95px 1fr;



    align-items: center;



    background: var(--white);



    overflow: hidden;



    border-radius: 12px;

}





.cf-csr-impact-kutir-number {

    height: 100%;

    min-height: 105px;



    display: flex;

    align-items: center;

    justify-content: center;



    background: var(--soft-lavender);



    font-size: 45px;

    line-height: 1;

    font-weight: 700;



    color: var(--white);

}





.cf-csr-impact-kutir-text {

    margin: 0;



    padding: 20px 22px;



    font-size: 15px;

    line-height: 1.55;

    font-weight: 600;



    color: var(--deep-purple);

}





/* =====================================================

   RIGHT IMAGE SLIDER

===================================================== */



.cf-csr-impact-slider {

    position: relative;



    width: 100%;

    height: 540px;



    overflow: hidden;



    background: var(--mist-lavender);

}





/* =====================================================

   SLIDES

===================================================== */



.cf-csr-impact-slide {

    position: absolute;

    inset: 0;



    opacity: 0;



    animation:

        cfCsrImpactSlide

        15s

        infinite;

}





.cf-csr-impact-slide:nth-child(1) {

    animation-delay: 0s;

}





.cf-csr-impact-slide:nth-child(2) {

    animation-delay: 5s;

}





.cf-csr-impact-slide:nth-child(3) {

    animation-delay: 10s;

}





.cf-csr-impact-slide img {

    display: block;



    width: 100%;

    height: 100%;



    object-fit: cover;

    object-position: center;

}





/* =====================================================

   CSS ONLY SLIDER ANIMATION

===================================================== */



@keyframes cfCsrImpactSlide {



    0% {

        opacity: 0;

        transform: scale(1.02);

    }



    5% {

        opacity: 1;

    }



    28% {

        opacity: 1;

    }



    33% {

        opacity: 0;

        transform: scale(1.06);

    }



    100% {

        opacity: 0;

    }



}





/* =====================================================

   SLIDER INDICATORS

===================================================== */



.cf-csr-impact-dots {

    position: absolute;



    left: 30px;

    bottom: 28px;



    display: flex;

    gap: 8px;



    z-index: 10;

}





.cf-csr-impact-dot {

    width: 9px;

    height: 9px;



    border-radius: 50%;



    background: var(--white);



    opacity: .55;

}





.cf-csr-impact-dot:first-child {

    width: 26px;



    border-radius: 20px;



    opacity: 1;

}





/* =====================================================

   STATS

===================================================== */



.cf-csr-impact-stats {

    margin-top: 25px;

}





/* =====================================================

   STAT CARD

===================================================== */



.cf-csr-impact-stat {

    position: relative;



    height: 100%;

    min-height: 180px;



    padding: 30px 27px;



    display: flex;

    flex-direction: column;

    justify-content: space-between;



    background: var(--white);



    border-radius: 12px;



    box-shadow: var(--shadow-card);



    overflow: hidden;



    transition:

        transform .3s ease,

        box-shadow .3s ease;

}





/* =====================================================

   SMALL TOP LINE

===================================================== */



.cf-csr-impact-stat::before {

    content: "";



    position: absolute;



    top: 0;

    left: 0;



    width: 100%;

    height: 4px;



    background: var(--soft-lavender);

}





/* =====================================================

   STAT NUMBER

===================================================== */



.cf-csr-impact-stat-number {

    display: block;



    margin-bottom: 25px;



    font-size: 34px;

    line-height: 1;



    font-weight: 700;



    color: var(--deep-purple);

}





/* =====================================================

   STAT TEXT

===================================================== */



.cf-csr-impact-stat-text {

    margin: 0;



    max-width: 230px;



    font-size: 15px;

    line-height: 1.5;



    font-weight: 600;



    color: var(--text-muted);

}





/* =====================================================

   STAT INDEX

===================================================== */



.cf-csr-impact-stat-index {

    position: absolute;



    top: 27px;

    right: 25px;



    font-size: 11px;

    line-height: 1;



    font-weight: 700;



    letter-spacing: .08em;



    color: var(--vibrant-violet);

}





/* =====================================================

   ALTERNATE FEATURED STAT

===================================================== */



.cf-csr-impact-stat-featured {

    background: var(--soft-lavender);

}





.cf-csr-impact-stat-featured::before {

    background: var(--white);

}





.cf-csr-impact-stat-featured

.cf-csr-impact-stat-number,



.cf-csr-impact-stat-featured

.cf-csr-impact-stat-text,



.cf-csr-impact-stat-featured

.cf-csr-impact-stat-index {

    color: var(--white);

}





/* =====================================================

   HOVER

===================================================== */



.cf-csr-impact-stat:hover {

    transform: translateY(-4px);



    box-shadow: var(--deep-shadow);

}





/* =====================================================

   LAPTOP

===================================================== */



@media (max-width: 1199px) {



    .cf-csr-impact-content {

        min-height: 500px;



        padding: 45px 38px;

    }





    .cf-csr-impact-title {

        font-size: 41px;

    }





    .cf-csr-impact-slider {

        height: 500px;

    }



}





/* =====================================================

   TABLET

===================================================== */



@media (max-width: 991px) {



    .cf-csr-impact-section {

        padding: 60px 0;

    }





    .cf-csr-impact-content {

        min-height: auto;



        padding: 45px 40px;

    }





    .cf-csr-impact-title {

        max-width: 700px;



        font-size: 38px;

    }





    .cf-csr-impact-description {

        max-width: 700px;

    }





    .cf-csr-impact-slider {

        height: 450px;

    }





    .cf-csr-impact-stat {

        min-height: 165px;

    }



}





/* =====================================================

   MOBILE

===================================================== */



@media (max-width: 767px) {



    .cf-csr-impact-section {

        padding: 45px 0;

    }





    .cf-csr-impact-hero {

        border-radius: 16px;

    }





    .cf-csr-impact-content {

        padding: 34px 25px;

    }





    .cf-csr-impact-title {

        margin-bottom: 20px;



        font-size: 31px;

        line-height: 1.13;

    }





    .cf-csr-impact-description {

        margin-bottom: 26px;



        font-size: 15px;

        line-height: 1.7;

    }





    .cf-csr-impact-kutir {

        grid-template-columns: 80px 1fr;

    }





    .cf-csr-impact-kutir-number {

        min-height: 95px;



        font-size: 37px;

    }





    .cf-csr-impact-kutir-text {

        padding: 17px;



        font-size: 13px;

    }





    .cf-csr-impact-slider {

        height: 340px;

    }





    .cf-csr-impact-dots {

        left: 20px;

        bottom: 20px;

    }





    .cf-csr-impact-stats {

        margin-top: 18px;

    }





    .cf-csr-impact-stat {

        min-height: 145px;



        padding: 24px 22px;

    }





    .cf-csr-impact-stat-number {

        margin-bottom: 20px;



        font-size: 31px;

    }





    .cf-csr-impact-stat-text {

        font-size: 14px;

    }





    .cf-csr-impact-stat-index {

        top: 24px;

        right: 21px;

    }



}





/* =====================================================

   SMALL MOBILE

===================================================== */



@media (max-width: 480px) {



    .cf-csr-impact-title {

        font-size: 28px;

    }





    .cf-csr-impact-slider {

        height: 285px;

    }



}



.cf-csr-impact-stats{margin:-50px auto 0; width:80%;}

.cf-csr-impact-dots{display:none;}





/* =====================================================

   SECTION

===================================================== */



.csrvision-section {

    width: 100%;

    padding: 50px 0;

    background: #ede7f7;

}





/* =====================================================

   FIRST ROW

===================================================== */



.csrvision-row-one {

    align-items: center;

    margin-bottom: 20px;

}





/* =====================================================

   FIRST ROW CONTENT

===================================================== */



.csrvision-main-content {

    padding: 20px 55px 20px 10px;

}





/* decorative label without adding new text */



.csrvision-accent {

    width: 58px;

    height: 6px;



    margin-bottom: 22px;



    background: var(--vibrant-violet);



    border-radius: var(--radius-lg);

}





/* =====================================================

   MAIN TITLE

===================================================== */



.csrvision-title {

    max-width: 580px;



    margin: 0 0 24px;



    font-size: 43px;

    line-height: 1.15;

    font-weight: 700;



    color: var(--deep-purple);

}





/* =====================================================

   PARAGRAPHS

===================================================== */



.csrvision-text {

    max-width: 590px;



    margin: 0 0 15px;



    font-size: 16px;

    line-height: 1.55;



    color: var(--text-muted);

}





.csrvision-text:last-child {

    margin-bottom: 0;

}





/* =====================================================

   MAIN IMAGE

===================================================== */



.csrvision-main-image {

    width: 100%;

    height: 410px;



    overflow: hidden;



    border-radius: var(--csr-ak-radius-lg);



    box-shadow: var(--shadow-card);

}





.csrvision-main-image img {

    display: block;



    width: 100%;

    height: 100%;



    object-fit: cover;

    object-position: center;



    transition: transform .6s ease;

}





.csrvision-main-image:hover img {

    transform: scale(1.025);

}





/* =====================================================

   SECOND ROW

===================================================== */



.csrvision-row-two {

    align-items: center;

}





/* =====================================================

   COLLAGE

===================================================== */



.csrvision-collage {

    display: grid;



    grid-template-columns: 1fr 1fr;

    grid-template-rows: 205px 205px;



    gap: 8px;



    overflow: hidden;



    border-radius: var(--csr-ak-radius-lg);



    box-shadow: var(--shadow-card);

}





/* =====================================================

   COLLAGE IMAGE

===================================================== */



.csrvision-collage-item {

    position: relative;



    overflow: hidden;



    background: var(--mist-lavender);

}





.csrvision-collage-item img {

    display: block;



    width: 100%;

    height: 100%;



    object-fit: cover;



    transition: transform .6s ease;

}





.csrvision-collage-item:hover img {

    transform: scale(1.04);

}





/* individual image positions */



.csrvision-collage-item:nth-child(1) img {

    object-position: top;

}





.csrvision-collage-item:nth-child(2) img {

    object-position: bottom;

}





.csrvision-collage-item:nth-child(3) img {

    object-position: center;

}





.csrvision-collage-item:nth-child(4) img {

    object-position: center;

}





/* =====================================================

   SECOND CONTENT

===================================================== */



.csrvision-detail-content {

    padding: 20px 10px 20px 30px;

}





/* =====================================================

   CONVERSATION INTRO

===================================================== */



.csrvision-conversation {

    margin: 0 0 24px;



    font-size: 24px;

    line-height: 1.35;

    font-weight: 700;



    color: var(--deep-purple);

}





/* =====================================================

   QUESTION LIST

===================================================== */



.csrvision-questions {

    margin-bottom: 15px;

}





/* =====================================================

   EACH QUESTION

===================================================== */



.csrvision-question {

    position: relative;



    margin: 0;



    padding: 8px 0 8px 28px;



    border-bottom: 1px solid var(--mist-lavender);



    font-size: 16px;

    line-height: 1.5;

    font-weight: 700;



    color: var(--deep-purple);

}





.csrvision-question:first-child {

    border-top: 1px solid var(--mist-lavender);

}





/* question marker */



.csrvision-question::before {

    content: "";



    position: absolute;



    left: 0;

    top: 15px;



    width: 9px;

    height: 9px;



    border-radius: 50%;



    background: var(--vibrant-violet);

}





/* =====================================================

   FINAL CONTENT

===================================================== */



.csrvision-final-text {

    margin: 0 0 10px;



    font-size: 15px;

    line-height: 1.75;



    color: var(--text-muted);

}





.csrvision-final-text:last-child {

    margin-bottom: 0;

}





/* =====================================================

   BLUEPRINT EMPHASIS

===================================================== */



.csrvision-blueprint {

    margin-top: 25px;



    padding: 24px 26px;



    background: var(--mist-lavender);



    border-left: 5px solid var(--deep-purple);



    border-radius: var(--radius-xl);

}





.csrvision-blueprint p {

    margin: 0;



    font-size: 15px;

    line-height: 1.75;



    color: var(--charcoal-plum);

}





.csrvision-blueprint strong {

    color: var(--deep-purple);

}





/* =====================================================

   TABLET

===================================================== */



@media (max-width: 991px) {



    .csrvision-section {

        padding: 65px 0;

    }





    .csrvision-row-one {

        margin-bottom: 35px;

    }





    .csrvision-main-content {

        padding: 10px 0 35px;

    }





    .csrvision-title {

        max-width: 700px;



        font-size: 38px;

    }





    .csrvision-text {

        max-width: 700px;

    }





    .csrvision-main-image {

        height: 390px;

    }





    .csrvision-detail-content {

        padding: 35px 0 0;

    }





    .csrvision-collage {

        grid-template-rows: 230px 230px;

    }



}





/* =====================================================

   MOBILE

===================================================== */



@media (max-width: 767px) {



    .csrvision-section {

        padding: 50px 0;

    }





    .csrvision-row-one {

        margin-bottom: 28px;

    }





    .csrvision-main-content {

        padding-bottom: 27px;

    }





    .csrvision-accent {

        margin-bottom: 17px;

    }





    .csrvision-title {

        margin-bottom: 19px;



        font-size: 31px;

        line-height: 1.2;

    }





    .csrvision-text {

        font-size: 14px;

        line-height: 1.7;

    }





    .csrvision-main-image {

        height: 300px;



        border-radius: var(--csr-ak-radius-md);

    }





    .csrvision-collage {

        grid-template-rows: 165px 165px;



        gap: 5px;



        border-radius: var(--csr-ak-radius-md);

    }





    .csrvision-detail-content {

        padding-top: 28px;

    }





    .csrvision-conversation {

        margin-bottom: 18px;



        font-size: 21px;

    }





    .csrvision-question {

        padding: 12px 0 12px 25px;



        font-size: 14px;

    }





    .csrvision-question::before {

        top: 18px;



        width: 8px;

        height: 8px;

    }





    .csrvision-final-text {

        font-size: 14px;

        line-height: 1.7;

    }





    .csrvision-blueprint {

        padding: 20px;



        border-left-width: 4px;

    }





    .csrvision-blueprint p {

        font-size: 14px;

        line-height: 1.7;

    }



}





/* =====================================================

   SMALL MOBILE

===================================================== */



@media (max-width: 480px) {



    .csrvision-title {

        font-size: 28px;

    }





    .csrvision-main-image {

        height: 260px;

    }





    .csrvision-collage {

        grid-template-rows: 140px 140px;

    }



}



.cf-bg-image {

    position: relative;

    background-image: url("https://symmetrixsys.in/staging/cf/images/ak-banner-img01.jpg");

    background-size: cover;

    background-position: top;

    background-repeat: no-repeat;

    box-shadow: var(--shadow-card);

    overflow: hidden;

}



.cf-bg-image::before {

    content: "";

    position: absolute;

    inset: 0;

    background: var(--deep-purple);

    opacity: 0.85;

    z-index: 0;

}



.cf-bg-image > * {

    position: relative;

    z-index: 1;

}



.akforcsrpullquote .legacyquote-text{padding-top:2rem;}



/* =========================================================

   SECTION

   UNIQUE PREFIX: cfcoimpactx-

========================================================= */



.cfcoimpactx-section {

    width: 100%;

    padding: 50px 0;

    background: var(--ivory-white);

}





/* =========================================================

   MAIN COMPOSITION

========================================================= */



.cfcoimpactx-wrap {

    position: relative;



    display: grid;

    grid-template-columns: 58% 42%;



    align-items: center;



    max-width: 1240px;

    margin: 0 auto;

}





/* =========================================================

   LEFT PURPLE PANEL

========================================================= */



.cfcoimpactx-panel {

    position: relative;



    padding: 38px 52px 38px 42px;



    margin-right: -42px;



    background: var(--deep-purple);



    border-radius: 16px;



    box-shadow: var(--deep-shadow);



    z-index: 5;

}





/* =========================================================

   TITLE

========================================================= */



.cfcoimpactx-title {

    max-width: 620px;



    margin: 0 0 10px;



    font-size: 38px;

    line-height: 1.14;

    font-weight: 700;



    color: var(--white);

}





/* =========================================================

   SUBTITLE

========================================================= */



.cfcoimpactx-subtitle {

    margin: 0 0 20px;



    font-size: 18px;

    line-height: 1.5;

    font-weight: 600;



    color: var(--mist-lavender);

}





/* =========================================================

   INTRO TEXT

========================================================= */



.cfcoimpactx-intro {

    max-width: 690px;

    margin: 0 0 10px;

    line-height: 1.7;

    color: var(--white);

}





.cfcoimpactx-intro:last-of-type {

    margin-bottom: 24px;

}





/* =========================================================

   EQUATION AREA



   PRIORITIES + ECOSYSTEM = IMPACT

========================================================= */



.cfcoimpactx-equation {

    display: grid;



    grid-template-columns:

        minmax(0, .95fr)

        32px

        minmax(0, 1.15fr)

        32px

        minmax(0, .95fr);



    gap: 8px;



    align-items: stretch;

}





/* =========================================================

   FORMULA CARDS

========================================================= */



.cfcoimpactx-card {

    min-width: 0;



    padding: 18px 16px;



    background: var(--white);



    border-radius: 10px;

}





/* =========================================================

   CARD TITLE

========================================================= */



.cfcoimpactx-card-title {

    margin: 0 0 13px;



    min-height: 35px;



    font-size: 14px;

    line-height: 1.4;

    font-weight: 700;



    letter-spacing: .05em;

    text-transform: uppercase;



    color: var(--deep-purple);

}





/* =========================================================

   CARD LIST

========================================================= */



.cfcoimpactx-list {

    margin: 0;

    padding: 0;



    list-style: none;

}





.cfcoimpactx-list li {

    position: relative;



    padding: 6px 0 6px 13px;



    font-size: 13px;

    line-height: 1.45;



    color: var(--charcoal-plum);

}





.cfcoimpactx-list li::before {

    content: "";



    position: absolute;



    left: 0;

    top: 12px;



    width: 5px;

    height: 5px;



    border-radius: 50%;



    background: var(--vibrant-violet);

}





/* =========================================================

   PLUS / EQUAL

========================================================= */



.cfcoimpactx-operator {

    display: flex;

    align-items: center;

    justify-content: center;

}





.cfcoimpactx-operator span {

    width: 30px;

    height: 30px;



    display: flex;

    align-items: center;

    justify-content: center;



    border-radius: 50%;



    background: var(--soft-lavender);



    color: var(--white);



    font-size: 21px;

    line-height: 1;

    font-weight: 500;

}





/* =========================================================

   RESULT CARD

========================================================= */



.cfcoimpactx-card-result {

    background: var(--vibrant-violet);

}





.cfcoimpactx-card-result

.cfcoimpactx-card-title {

    color: var(--white);

}





/* =========================================================

   RESULT TEXT

========================================================= */



.cfcoimpactx-result {

    display: flex;

    flex-direction: column;



    gap: 8px;

}





.cfcoimpactx-result p {

    margin: 0;



    padding-bottom: 8px;



    border-bottom: 1px solid var(--soft-lavender);



    font-size: 13px;

    line-height: 1.4;

    font-weight: 700;



    color: var(--white);

}





.cfcoimpactx-result p:last-child {

    padding-bottom: 0;

    border-bottom: 0;

}





/* =========================================================

   RIGHT IMAGE

========================================================= */



.cfcoimpactx-image {

    position: relative;



    height: 515px;



    overflow: hidden;



    border-radius: 16px;



    background: var(--mist-lavender);



    box-shadow: var(--shadow-card);



    z-index: 2;

}





.cfcoimpactx-image img {

    display: block;



    width: 100%;

    height: 100%;



    object-fit: cover;

    object-position: center;



    transition: transform .6s ease;

}





.cfcoimpactx-wrap:hover

.cfcoimpactx-image img {

    transform: scale(1.025);

}





/* =========================================================

   IMAGE DECORATIVE EDGE

========================================================= */



.cfcoimpactx-image::before {

    content: "";



    position: absolute;



    left: 0;

    top: 28px;

    bottom: 28px;



    width: 5px;



    background: var(--vibrant-violet);



    z-index: 3;

}





/* =========================================================

   LAPTOP

========================================================= */



@media (max-width: 1199px) {



    .cfcoimpactx-panel {

        padding: 34px 42px 34px 34px;



        margin-right: -30px;

    }





    .cfcoimpactx-title {

        font-size: 34px;

    }





    .cfcoimpactx-equation {

        grid-template-columns:

            minmax(0, 1fr)

            28px

            minmax(0, 1fr)

            28px

            minmax(0, 1fr);



        gap: 6px;

    }





    .cfcoimpactx-card {

        padding: 16px 13px;

    }





    .cfcoimpactx-card-title {

        font-size: 11px;

    }





    .cfcoimpactx-list li {

        font-size: 11px;

    }





    .cfcoimpactx-result p {

        font-size: 12px;

    }





    .cfcoimpactx-image {

        height: 500px;

    }



}





/* =========================================================

   TABLET

========================================================= */



@media (max-width: 991px) {



    .cfcoimpactx-section {

        padding: 50px 0;

    }





    .cfcoimpactx-wrap {

        display: flex;

        flex-direction: column;

    }





    .cfcoimpactx-panel {

        width: calc(100% - 40px);



        margin: 0 auto -35px;



        padding: 35px;



        order: 1;

    }





    .cfcoimpactx-image {

        width: 100%;

        height: 450px;



        order: 2;

    }





    .cfcoimpactx-equation {

        grid-template-columns:

            1fr

            35px

            1fr

            35px

            1fr;



        gap: 8px;

    }



}





/* =========================================================

   MOBILE

========================================================= */



@media (max-width: 767px) {



    .cfcoimpactx-section {

        padding: 50px 0;

    }





    .cfcoimpactx-panel {

        width: calc(100% - 20px);



        margin-bottom: -22px;



        padding: 28px 22px;



        border-radius: 12px;

    }





    .cfcoimpactx-title {

        font-size: 29px;

        line-height: 1.18;

    }





    .cfcoimpactx-subtitle {

        font-size: 16px;

    }





    .cfcoimpactx-intro {

        font-size: 13px;

        line-height: 1.65;

    }





    /* Stack equation vertically but retain + and = */



    .cfcoimpactx-equation {

        grid-template-columns: 1fr;

        gap: 8px;

    }





    .cfcoimpactx-operator {

        height: 32px;

    }





    .cfcoimpactx-operator span {

        width: 28px;

        height: 28px;



        font-size: 19px;

    }





    .cfcoimpactx-card {

        padding: 18px;

    }





    .cfcoimpactx-card-title {

        min-height: auto;



        font-size: 12px;

    }





    .cfcoimpactx-list li {

        font-size: 13px;

    }





    .cfcoimpactx-result p {

        font-size: 13px;

    }





    .cfcoimpactx-image {

        height: 350px;



        border-radius: 12px;

    }



}





/* =========================================================

   SMALL MOBILE

========================================================= */



@media (max-width: 480px) {



    .cfcoimpactx-title {

        font-size: 26px;

    }





    .cfcoimpactx-image {

        height: 300px;

    }



}



/* =========================================================

   SECTION

========================================================= */



.cfalign26-section {

    width: 100%;

    padding: 0 0 50px;

    background: var(--ivory-white);

}





/* =========================================================

   TOP SECTION

========================================================= */



.cfalign26-top {

    align-items: center;

    margin-bottom: 35px;

}





/* =========================================================

   LEFT IMAGE COMPOSITION

========================================================= */



.cfalign26-visual {

    position: relative;

    width: 100%;

    min-height: 470px;

}





/* MAIN IMAGE */



.cfalign26-main-image {

    position: absolute;



    left: 0;

    top: 0;



    width: 78%;

    height: 100%;



    overflow: hidden;



    border-radius: 16px;



    background: var(--mist-lavender);

}





.cfalign26-main-image img {

    width: 100%;

    height: 100%;



    display: block;



    object-fit: cover;

    object-position: center;

}





/* SMALL IMAGE */



.cfalign26-small-image {

    position: absolute;



    right: 0;

    top: 50%;



    width: 51%;

    height: 265px;



    transform: translateY(-50%);



    overflow: hidden;



    border: 8px solid var(--ivory-white);



    border-radius: 12px;



    box-shadow: var(--deep-shadow);



    background: var(--mist-lavender);

}





.cfalign26-small-image img {

    width: 100%;

    height: 100%;



    display: block;



    object-fit: cover;

    object-position: center;

}





/* =========================================================

   RIGHT INTRO CONTENT

========================================================= */



.cfalign26-content {

    padding-left: 45px;

}





.cfalign26-title {

    margin: 0 0 12px;



    font-size: 43px;

    line-height: 1.12;

    font-weight: 700;



    color: var(--deep-purple);

}





.cfalign26-subtitle {

    margin: 0 0 22px;



    font-size: 20px;

    line-height: 1.5;



    font-style: italic;

    font-weight: 600;



    color: var(--soft-lavender);

}





.cfalign26-text {

    margin: 0 0 13px;



    font-size: 15px;

    line-height: 1.75;



    color: var(--text-muted);

}





.cfalign26-text:last-child {

    margin-bottom: 0;

}





/* =========================================================

   CREDENTIAL GRID

========================================================= */



.cfalign26-grid {

    margin-top: 5px;

}





/* =========================================================

   COMMON CARD

========================================================= */



.cfalign26-card {

    position: relative;



    min-height: 245px;

    height: 100%;



    padding: 28px 26px;



    overflow: hidden;



    display: flex;

    flex-direction: column;

    justify-content: flex-end;



    border-radius: 14px;



    box-shadow: var(--shadow-card);



    isolation: isolate;



    transition:

        transform .35s ease,

        box-shadow .35s ease;

}





/* =========================================================

   NUMBER

========================================================= */



.cfalign26-card-number {

    position: absolute;



    top: 22px;

    right: 22px;



    width: 38px;

    height: 38px;



    display: flex;

    align-items: center;

    justify-content: center;



    border-radius: 50%;



    background: var(--white);



    color: var(--deep-purple);



    font-size: 12px;

    font-weight: 700;



    z-index: 3;

}





/* =========================================================

   CONTENT

========================================================= */



.cfalign26-card-content {

    position: relative;

    z-index: 3;

}





.cfalign26-card-title {

    margin: 0 0 9px;



    font-size: 20px;

    line-height: 1.3;



    font-weight: 700;

}





.cfalign26-card-text {

    margin: 0;



    font-size: 14px;

    line-height: 1.6;

}





/* =========================================================

   IMAGE CARD COMMON

========================================================= */



.cfalign26-card-image {

    background-size: cover;

    background-position: center;

    background-repeat: no-repeat;

}





/* PURPLE OVERLAY */



.cfalign26-card-image::before {

    content: "";



    position: absolute;

    inset: 0;



    background: var(--deep-purple);



    opacity: .76;



    z-index: -1;



    transition: opacity .35s ease;

}





.cfalign26-card-image

.cfalign26-card-title,

.cfalign26-card-image

.cfalign26-card-text {

    color: var(--white);

}





/* =========================================================

   IMAGE CARD 01

========================================================= */



.cfalign26-card-img01 {

    background-image:

        url("https://symmetrixsys.in/staging/cf/images/ak-banner-img01.jpg");

}





/* =========================================================

   IMAGE CARD 03

========================================================= */



.cfalign26-card-img03 {

    background-image:

        url("https://symmetrixsys.in/staging/cf/images/ak-banner-img02.jpg");

}





/* =========================================================

   IMAGE CARD 05

========================================================= */



.cfalign26-card-img05 {

    background-image:

        url("https://symmetrixsys.in/staging/cf/images/ak-banner-img03.jpg");

}





/* =========================================================

   SOLID CARD 02

========================================================= */



.cfalign26-card-solid02 {

    background: var(--mist-lavender);

}





.cfalign26-card-solid02

.cfalign26-card-title {

    color: var(--deep-purple);

}





.cfalign26-card-solid02

.cfalign26-card-text {

    color: var(--text-muted);

}





.cfalign26-card-solid02

.cfalign26-card-number {

    background: var(--deep-purple);

    color: var(--white);

}





/* =========================================================

   SOLID CARD 04

========================================================= */



.cfalign26-card-solid04 {

    background: var(--soft-lavender);

}





.cfalign26-card-solid04

.cfalign26-card-title,

.cfalign26-card-solid04

.cfalign26-card-text {

    color: var(--white);

}





/* =========================================================

   SOLID CARD 06

========================================================= */



.cfalign26-card-solid06 {

    background: var(--deep-purple);

}





.cfalign26-card-solid06

.cfalign26-card-title,

.cfalign26-card-solid06

.cfalign26-card-text {

    color: var(--white);

}





/* =========================================================

   HOVER

========================================================= */



.cfalign26-card:hover {

    transform: translateY(-5px);



    box-shadow: var(--deep-shadow);

}





.cfalign26-card-image:hover::before {

    opacity: .84;

}





/* =========================================================

   FINAL NOTE

========================================================= */



.cfalign26-document-note {

    margin-top: 25px;



    padding: 22px 27px;



    background: var(--white);



    border-left: 4px solid var(--vibrant-violet);



    border-radius: 10px;



    box-shadow: var(--shadow-card);

}





.cfalign26-document-note p {

    margin: 0;



    font-size: 14px;

    line-height: 1.7;



    color: var(--text-muted);

}





/* =========================================================

   FINAL STATEMENT

========================================================= */



.cfalign26-final {

    margin-top: 16px;



    padding: 25px 30px;



    background: var(--deep-purple);



    border-radius: 12px;



    box-shadow: var(--shadow-card);

}





.cfalign26-final p {

    margin: 0;



    font-size: 18px;

    line-height: 1.55;



    font-weight: 700;



    color: var(--white);

}





/* =========================================================

   LAPTOP

========================================================= */



@media (max-width: 1199px) {



    .cfalign26-visual {

        min-height: 440px;

    }





    .cfalign26-small-image {

        height: 250px;

    }





    .cfalign26-content {

        padding-left: 35px;

    }





    .cfalign26-title {

        font-size: 38px;

    }





    .cfalign26-card {

        min-height: 230px;

    }



}





/* =========================================================

   TABLET

========================================================= */



@media (max-width: 991px) {



    .cfalign26-visual {

        min-height: 430px;

        margin-bottom: 32px;

    }





    .cfalign26-content {

        padding-left: 0;

    }





    .cfalign26-title {

        font-size: 36px;

    }





    .cfalign26-card {

        min-height: 220px;

    }



}





/* =========================================================

   MOBILE

========================================================= */



@media (max-width: 767px) {



    .cfalign26-section {

        padding: 50px 0;

    }





    .cfalign26-top {

        margin-bottom: 25px;

    }





    .cfalign26-visual {

        min-height: 340px;

        margin-bottom: 28px;

    }





    .cfalign26-main-image {

        width: 82%;

    }





    .cfalign26-small-image {

        width: 55%;

        height: 190px;



        border-width: 6px;

    }





    .cfalign26-title {

        font-size: 30px;

    }





    .cfalign26-subtitle {

        margin-bottom: 18px;



        font-size: 17px;

    }





    .cfalign26-text {

        font-size: 14px;

        line-height: 1.7;

    }





    .cfalign26-card {

        min-height: 215px;



        padding: 24px 22px;

    }





    .cfalign26-card-number {

        top: 18px;

        right: 18px;

    }





    .cfalign26-card-title {

        font-size: 18px;

    }





    .cfalign26-card-text {

        font-size: 13px;

    }





    .cfalign26-document-note {

        padding: 20px;

    }





    .cfalign26-final {

        padding: 22px;

    }





    .cfalign26-final p {

        font-size: 16px;

    }



}





/* =========================================================

   SMALL MOBILE

========================================================= */



@media (max-width: 480px) {



    .cfalign26-visual {

        min-height: 300px;

    }





    .cfalign26-small-image {

        height: 165px;

    }





    .cfalign26-title {

        font-size: 27px;

    }



}



/* =========================================================

   SECTION WITH BACKGROUND IMAGE

========================================================= */



.cftrustcsrbg-section {

    position: relative;



    width: 100%;



    padding: 60px 0;



    background-image:

        url("https://symmetrixsys.in/staging/cf/images/ak-banner-img01.jpg");



    background-size: cover;

    background-position: center;

    background-repeat: no-repeat;



    isolation: isolate;



    overflow: hidden;

}





/* =========================================================

   BACKGROUND OVERLAY

========================================================= */



.cftrustcsrbg-section::before {

    content: "";



    position: absolute;

    inset: 0;



    background: var(--deep-purple);



    opacity: .84;



    z-index: -1;

}





/* =========================================================

   MAIN PANEL

========================================================= */



.cftrustcsrbg-panel {

    position: relative;



    padding: 40px;



    background: var(--white);



    border-radius: 20px;



    box-shadow: var(--deep-shadow);



    overflow: hidden;

}





/* =========================================================

   SMALL DECORATIVE ACCENT

========================================================= */



.cftrustcsrbg-panel::before {

    content: "";



    position: absolute;



    top: 0;

    left: 0;



    width: 100%;

    height: 6px;



    background: var(--vibrant-violet);

}





/* =========================================================

   HEADING

========================================================= */



.cftrustcsrbg-heading {

    max-width: 900px;



    margin: 0 auto 35px;



    text-align: center;

}





.cftrustcsrbg-eyebrow {

    display: inline-block;



    margin-bottom: 14px;



    padding: 8px 16px;



    border-radius: 30px;



    background: var(--deep-purple);



    font-size: 12px;

    line-height: 1;



    font-weight: 700;



    letter-spacing: .07em;



    color: var(--white);

}





.cftrustcsrbg-title {

    margin: 0;



    font-size: 43px;

    line-height: 1.12;



    font-weight: 700;



    color: var(--charcoal-plum);

}





.cftrustcsrbg-title span {

    display: block;



    margin-top: 5px;



    font-style: italic;

    font-weight: 500;



    color: var(--vibrant-violet);

}





/* =========================================================

   LOGO STRIP

========================================================= */



.cftrustcsrbg-logo-area {

    margin-bottom: 35px;



    padding: 15px;



    background: var(--mist-lavender);



    border-radius: 14px;

}





.cftrustcsrbg-logos {

    display: grid;



    grid-template-columns: repeat(6, minmax(0, 1fr));



    align-items: center;



    gap: 15px;

}





/* =========================================================

   LOGO BOX

========================================================= */



.cftrustcsrbg-logo {

    height: 82px;



    padding: 12px 15px;



    display: flex;

    align-items: center;

    justify-content: center;



    background: var(--white);



    border-radius: 10px;



    transition:

        transform .3s ease,

        box-shadow .3s ease;

}





.cftrustcsrbg-logo:hover {

    transform: translateY(-3px);



    box-shadow: var(--shadow-card);

}





.cftrustcsrbg-logo img {

    display: block;



    max-width: 100%;

    max-height: 48px;



    width: auto;

    height: auto;



    object-fit: contain;

}





/* =========================================================

   CONTENT ROW

========================================================= */



.cftrustcsrbg-content-row {

    display: grid;



    grid-template-columns: 100%;



    gap: 35px;



    align-items: start;

}





/* =========================================================

   LEFT LABEL

========================================================= */



.cftrustcsrbg-side {

    padding-top: 3px;

}





.cftrustcsrbg-side span {

    display: inline-block;



    padding: 9px 15px;



    border-radius: 30px;



    background: var(--soft-lavender);



    font-size: 12px;

    line-height: 1;



    font-weight: 700;



    letter-spacing: .05em;



    color: var(--white);

}





/* =========================================================

   RIGHT CONTENT

========================================================= */



.cftrustcsrbg-content {

    max-width: 100%;

}





.cftrustcsrbg-text {

    margin: 0;



    font-size: 16px;

    line-height: 1.8;



    color: var(--text-muted);

}





.cftrustcsrbg-text + .cftrustcsrbg-text {

    margin-top: 14px;

}





/* =========================================================

   BOTTOM ACCENT

========================================================= */



.cftrustcsrbg-content::after {

    content: "";



    display: block;



    width: 60px;

    height: 4px;



    margin-top: 24px;



    background: var(--vibrant-violet);



    border-radius: var(--radius-md);

}





/* =========================================================

   TABLET

========================================================= */



@media (max-width: 991px) {



    .cftrustcsrbg-section {

        padding: 50px 0;

    }





    .cftrustcsrbg-panel {

        padding: 36px 30px;

    }





    .cftrustcsrbg-title {

        font-size: 37px;

    }





    .cftrustcsrbg-logos {

        grid-template-columns: repeat(3, 1fr);

    }





    .cftrustcsrbg-content-row {

        grid-template-columns: 1fr;



        gap: 20px;

    }



}





/* =========================================================

   MOBILE

========================================================= */



@media (max-width: 767px) {



    .cftrustcsrbg-section {

        padding: 40px 0;

    }





    .cftrustcsrbg-panel {

        padding: 30px 20px;



        border-radius: 15px;

    }





    .cftrustcsrbg-heading {

        margin-bottom: 25px;

    }





    .cftrustcsrbg-title {

        font-size: 30px;

        line-height: 1.2;

    }





    .cftrustcsrbg-logo-area {

        padding: 15px 10px;

    }





    .cftrustcsrbg-logos {

        grid-template-columns: repeat(2, 1fr);



        gap: 10px;

    }





    .cftrustcsrbg-logo {

        height: 68px;

    }





    .cftrustcsrbg-logo img {

        max-height: 38px;

    }





    .cftrustcsrbg-text {

        font-size: 14px;

        line-height: 1.7;

    }



}





/* =========================================================

   SECTION

   UNIQUE PREFIX: cfbuildimpact5-

========================================================= */



.cfbuildimpact5-section {

    width: 100%;

    padding: 50px 0;

    background: var(--ivory-white);

}





/* =========================================================

   DUE DILIGENCE INTRO

========================================================= */



.cfbuildimpact5-review {

    display: grid;

    grid-template-columns: 48% 52%;

    align-items: stretch;



    margin-bottom: 46px;



    overflow: hidden;



    background: var(--deep-purple);



    border-radius: 18px;



    box-shadow: var(--shadow-soft);

}





/* =========================================================

   REVIEW CONTENT

========================================================= */



.cfbuildimpact5-review-content {

    padding: 42px 42px;



    display: flex;

    flex-direction: column;

    justify-content: center;

}





.cfbuildimpact5-review-title {

    margin: 0 0 14px;



    font-size: 35px;

    line-height: 1.18;

    font-weight: 700;



    color: var(--white);

}





.cfbuildimpact5-review-text {

    margin: 0;



    font-size: 16px;

    line-height: 1.7;

    font-weight: 500;



    color: var(--mist-lavender);

}





/* =========================================================

   REVIEW IMAGE

========================================================= */



.cfbuildimpact5-review-image {

    min-height: 310px;

    overflow: hidden;

}





.cfbuildimpact5-review-image img {

    display: block;



    width: 100%;

    height: 100%;



    object-fit: cover;

    object-position: center;

}





/* =========================================================

   SECTION HEADING

========================================================= */



.cfbuildimpact5-heading {

    max-width: 900px;



    margin: 0 auto 34px;



    text-align: center;

}





.cfbuildimpact5-heading h2 {

    margin: 0 0 10px;



    font-size: 43px;

    line-height: 1.15;

    font-weight: 700;



    color: var(--deep-purple);

}





.cfbuildimpact5-heading p {

    margin: 0;



    font-size: 19px;

    line-height: 1.55;

    font-weight: 600;

    font-style: italic;



    color: var(--soft-lavender);

}





/* =========================================================

   CARD

========================================================= */



.cfbuildimpact5-card {

    height: 100%;



    overflow: hidden;



    display: flex;

    flex-direction: column;



    background: var(--white);



    border-radius: 16px;



    box-shadow: var(--shadow-card);



    transition:

        transform .3s ease,

        box-shadow .3s ease;

}





.cfbuildimpact5-card:hover {

    transform: translateY(-5px);



    box-shadow: var(--deep-shadow);

}





/* =========================================================

   IMAGE

========================================================= */



.cfbuildimpact5-card-image {

    position: relative;



    height: 220px;



    overflow: hidden;



    background: var(--mist-lavender);

}





.cfbuildimpact5-card-image img {

    display: block;



    width: 100%;

    height: 100%;



    object-fit: cover;

    object-position: center;



    transition: transform .55s ease;

}





.cfbuildimpact5-card:hover

.cfbuildimpact5-card-image img {

    transform: scale(1.035);

}





/* =========================================================

   NUMBER

========================================================= */



.cfbuildimpact5-number {

    position: absolute;



    left: 20px;

    bottom: 18px;



    width: 46px;

    height: 46px;



    display: flex;

    align-items: center;

    justify-content: center;



    border-radius: 50%;



    background: var(--deep-purple);



    color: var(--white);



    font-size: 13px;

    line-height: 1;

    font-weight: 700;



    box-shadow: var(--shadow-card);

}





/* =========================================================

   CARD BODY

========================================================= */



.cfbuildimpact5-card-body {

    flex: 1;



    padding: 25px 24px 26px;



    display: flex;

    flex-direction: column;

}





/* =========================================================

   TYPE

========================================================= */



.cfbuildimpact5-type {

    margin-bottom: 9px;



    font-size: 12px;

    line-height: 1.4;

    font-weight: 700;



    letter-spacing: .06em;



    color: var(--vibrant-violet);

}





/* =========================================================

   CARD TITLE

========================================================= */



.cfbuildimpact5-card-title {

    margin: 0 0 10px;



    font-size: 24px;

    line-height: 1.25;

    font-weight: 700;



    color: var(--deep-purple);

}





/* =========================================================

   CARD SUBTITLE

========================================================= */



.cfbuildimpact5-card-subtitle {

    margin: 0 0 16px;



    font-size: 16px;

    line-height: 1.55;

    font-weight: 600;



    color: var(--charcoal-plum);

}





/* =========================================================

   CONTENT

========================================================= */



.cfbuildimpact5-card-text {

    margin: 0 0 17px;



    font-size: 14px;

    line-height: 1.7;



    color: var(--text-muted);

}





/* =========================================================

   VERTICAL LIST

========================================================= */



.cfbuildimpact5-list {

    margin: 0 0 18px;

    padding: 0;



    list-style: none;

}





.cfbuildimpact5-list li {

    position: relative;



    padding: 7px 0 7px 18px;



    font-size: 14px;

    line-height: 1.45;

    font-weight: 600;



    color: var(--deep-purple);

}





.cfbuildimpact5-list li::before {

    content: "";



    position: absolute;



    left: 0;

    top: 14px;



    width: 6px;

    height: 6px;



    border-radius: 50%;



    background: var(--vibrant-violet);

}





/* =========================================================

   BEST FOR

========================================================= */



.cfbuildimpact5-best {

    margin-top: auto;



    padding-top: 16px;



    border-top: 1px solid var(--mist-lavender);



    font-size: 13px;

    line-height: 1.6;



    color: var(--text-muted);

}





.cfbuildimpact5-best strong {

    color: var(--deep-purple);

}





/* =========================================================

   SECOND ROW LARGE CARDS

========================================================= */



.cfbuildimpact5-large {

    margin-top: 18px;

}





.cfbuildimpact5-card-large {

    display: grid;



    grid-template-columns: 42% 58%;



    min-height: 355px;

}





.cfbuildimpact5-card-large

.cfbuildimpact5-card-image {

    height: 100%;

}





.cfbuildimpact5-card-large

.cfbuildimpact5-card-body {

    padding: 30px 29px;

}





/* =========================================================

   EMPHASIS TEXT

========================================================= */



.cfbuildimpact5-emphasis {

    margin: 0 0 17px;



    font-size: 15px;

    line-height: 1.7;

    font-weight: 600;



    color: var(--charcoal-plum);

}





/* =========================================================

   ALTERNATE LARGE CARD

========================================================= */



.cfbuildimpact5-card-purple {

    background: var(--deep-purple);

}





.cfbuildimpact5-card-purple

.cfbuildimpact5-type,



.cfbuildimpact5-card-purple

.cfbuildimpact5-card-title,



.cfbuildimpact5-card-purple

.cfbuildimpact5-card-subtitle,



.cfbuildimpact5-card-purple

.cfbuildimpact5-emphasis,



.cfbuildimpact5-card-purple

.cfbuildimpact5-best,



.cfbuildimpact5-card-purple

.cfbuildimpact5-best strong {

    color: var(--white);

}





.cfbuildimpact5-card-purple

.cfbuildimpact5-best {

    border-top-color: var(--soft-lavender);

}





/* =========================================================

   TABLET

========================================================= */



@media (max-width: 991px) {



    .cfbuildimpact5-review {

        grid-template-columns: 1fr;

    }





    .cfbuildimpact5-review-content {

        padding: 35px;

    }





    .cfbuildimpact5-review-title {

        font-size: 31px;

    }





    .cfbuildimpact5-review-image {

        min-height: 360px;

    }





    .cfbuildimpact5-heading h2 {

        font-size: 37px;

    }





    .cfbuildimpact5-card-image {

        height: 230px;

    }





    .cfbuildimpact5-card-large {

        grid-template-columns: 1fr;

    }





    .cfbuildimpact5-card-large

    .cfbuildimpact5-card-image {

        height: 270px;

    }



}





/* =========================================================

   MOBILE

========================================================= */



@media (max-width: 767px) {



    .cfbuildimpact5-section {

        padding: 50px 0;

    }





    .cfbuildimpact5-review {

        margin-bottom: 35px;



        border-radius: 14px;

    }





    .cfbuildimpact5-review-content {

        padding: 28px 23px;

    }





    .cfbuildimpact5-review-title {

        font-size: 27px;

    }





    .cfbuildimpact5-review-text {

        font-size: 14px;

    }





    .cfbuildimpact5-review-image {

        min-height: 260px;

    }





    .cfbuildimpact5-heading {

        margin-bottom: 27px;

    }





    .cfbuildimpact5-heading h2 {

        font-size: 30px;

    }





    .cfbuildimpact5-heading p {

        font-size: 17px;

    }





    .cfbuildimpact5-card {

        border-radius: 13px;

    }





    .cfbuildimpact5-card-image {

        height: 210px;

    }





    .cfbuildimpact5-card-body {

        padding: 23px 20px;

    }





    .cfbuildimpact5-card-title {

        font-size: 21px;

    }





    .cfbuildimpact5-card-subtitle {

        font-size: 15px;

    }





    .cfbuildimpact5-card-large

    .cfbuildimpact5-card-image {

        height: 220px;

    }





    .cfbuildimpact5-card-large

    .cfbuildimpact5-card-body {

        padding: 24px 21px;

    }



}





.cfimpactflow26-section-title {

    margin: 0;

    font-family: "Cormorant Garamond", serif;

    font-size: 43px;

    line-height: 1.08;

    font-weight: 700;

    color: var(--deep-purple);

}



.cfimpactflow26-section-subtitle {

    margin: 12px 0 0;

    font-family: "Cormorant Garamond", serif;

    font-size: 22px;

    line-height: 1.45;

    font-weight: 600;

    font-style: italic;

    color: var(--soft-lavender);

}





/* =========================================================

   SECTION 01

   FROM IDEA TO IMPACT

========================================================= */



.cfimpactflow26-journey {

    padding: 0 0 50px;

    background: var(--ivory-white);

}



.cfimpactflow26-journey-wrap {

    display: grid;

    grid-template-columns: 38% 62%;

    align-items: stretch;



    overflow: hidden;



    border-radius: 22px;

    background: var(--mist-lavender);



    box-shadow: var(--shadow-soft);

}





/* =========================================================

   JOURNEY LEFT

========================================================= */



.cfimpactflow26-journey-left {

    position: relative;

    padding: 48px 42px;



    display: flex;

    flex-direction: column;

    justify-content: center;



    overflow: hidden;

    isolation: isolate;



    background-image:

        url("https://symmetrixsys.in/staging/cf/images/ak-banner-img01.jpg");



    background-size: cover;

    background-position: center;

    background-repeat: no-repeat;

}



.cfimpactflow26-journey-left::before {

    content: "";

    position: absolute;

    inset: 0;



    background: var(--deep-purple);

    opacity: .90;



    z-index: -1;

}



.cfimpactflow26-journey-left h2 {

    margin: 0 0 30px;



    font-family: "Cormorant Garamond", serif;

    font-size: 43px;

    line-height: 1.05;

    font-weight: 700;



    color: var(--white);

}



.cfimpactflow26-journey-quote {

    margin: 0;



    padding-top: 24px;



    border-top: 1px solid var(--soft-lavender);



    font-size: 17px;

    line-height: 1.7;

    font-weight: 600;



    color: var(--white);

}





/* =========================================================

   JOURNEY RIGHT

========================================================= */



.cfimpactflow26-steps {

    padding: 30px;



    display: grid;

    grid-template-columns: 1fr 1fr;



    gap: 14px;



    background: var(--mist-lavender);

}





/* =========================================================

   STEP CARD

========================================================= */



.cfimpactflow26-step {

    position: relative;



    min-height: 156px;



    padding: 23px 22px 22px 70px;



    background: var(--white);



    border-radius: 13px;



    box-shadow: var(--shadow-card);



    transition:

        transform .3s ease,

        box-shadow .3s ease;

}



.cfimpactflow26-step:hover {

    transform: translateY(-3px);

    box-shadow: var(--deep-shadow);

}



.cfimpactflow26-step-number {

    position: absolute;



    left: 20px;

    top: 22px;



    width: 36px;

    height: 36px;



    display: flex;

    align-items: center;

    justify-content: center;



    border-radius: 50%;



    background: var(--deep-purple);

    color: var(--white);



    font-size: 11px;

    font-weight: 700;

}



.cfimpactflow26-step-icon {

    display: block;



    margin-bottom: 10px;



    font-size: 19px;



    color: var(--vibrant-violet);

}



.cfimpactflow26-step h3 {

    margin: 0 0 7px;



    font-size: 16px;

    line-height: 1.3;

    font-weight: 700;



    color: var(--deep-purple);

}



.cfimpactflow26-step p {

    margin: 0;



    font-size: 15px;

    line-height: 1.6;



    color: var(--text-muted);

}





/* =========================================================

   SECTION 02

   NOTHING IMPORTANT SHOULD BE INVISIBLE

========================================================= */



.cfimpactflow26-transparency {

    padding: 50px 0;

    background: var(--white);

}





/* =========================================================

   INTRO SPLIT

========================================================= */



.cfimpactflow26-transparent-intro {

    display: grid;

    grid-template-columns: 44% 56%;



    align-items: center;



    margin-bottom: 35px;

}





/* =========================================================

   TRANSPARENCY IMAGE

========================================================= */



.cfimpactflow26-transparent-image {

    height: 390px;



    overflow: hidden;



    border-radius: 18px;



    box-shadow: var(--shadow-card);

}



.cfimpactflow26-transparent-image img {

    display: block;



    width: 100%;

    height: 100%;



    object-fit: cover;

    object-position: center;

}





/* =========================================================

   TRANSPARENCY CONTENT

========================================================= */



.cfimpactflow26-transparent-content {

    position: relative;



    margin-left: -45px;



    padding: 38px 42px;



    background: var(--ivory-white);



    border-radius: 16px;



    box-shadow: var(--shadow-card);



    z-index: 3;

}



.cfimpactflow26-transparent-content

.cfimpactflow26-section-subtitle {

    margin-bottom: 20px;

}



.cfimpactflow26-transparent-content > p {

    margin: 0;



    font-size: 15px;

    line-height: 1.75;



    color: var(--text-muted);

}





/* =========================================================

   REPORTING GRID

========================================================= */



.cfimpactflow26-report-grid {

    display: grid;

    grid-template-columns: repeat(3, 1fr);



    gap: 12px;



    margin-top: 25px;

}



.cfimpactflow26-report-item {

    min-height: 118px;



    padding: 20px;



    background: var(--mist-lavender);



    border-radius: 10px;

}



.cfimpactflow26-report-icon {

    width: 34px;

    height: 34px;



    margin-bottom: 12px;



    display: flex;

    align-items: center;

    justify-content: center;



    border-radius: 50%;



    background: var(--deep-purple);

    color: var(--white);



    font-size: 13px;

}



.cfimpactflow26-report-item p {

    margin: 0;



    font-size: 13px;

    line-height: 1.55;

    font-weight: 600;



    color: var(--deep-purple);

}





/* =========================================================

   DOCUMENTATION COPY

========================================================= */



.cfimpactflow26-documentation {

    margin-top: 22px;



    padding: 23px 26px;



    border-left: 4px solid var(--vibrant-violet);



    background: var(--ivory-white);



    border-radius: var(--radius-xl);

}



.cfimpactflow26-documentation p {

    margin: 0;



    font-size: 14px;

    line-height: 1.75;



    color: var(--text-muted);

}





/* =========================================================

   TRANSPARENCY QUOTE + CTA

========================================================= */



.cfimpactflow26-transparency-bottom {

    margin-top: 24px;



    display: flex;

    align-items: center;

    justify-content: space-between;



    gap: 30px;



    padding: 28px 30px;



    background: var(--deep-purple);



    border-radius: 13px;

}



.cfimpactflow26-transparency-quote {

    margin: 0;



    max-width: 820px;



    font-family: "Cormorant Garamond", serif;

    font-size: 22px;

    line-height: 1.4;

    font-weight: 600;



    color: var(--white);

}



.cfimpactflow26-cta {

    flex: 0 0 auto;



    display: inline-flex;

    align-items: center;



    gap: 11px;



    padding: 13px 18px;



    border-radius: 4px;



    background: var(--white);



    text-decoration: none;

    min-height:50px;

    font-size: 12px;

    line-height: 1;

    font-weight: 700;



    color: var(--deep-purple);



    transition: transform .3s ease;

}



.cfcsrcompacttalk26-bottom .cf-buttontwo{width:500px;}



.cfimpactflow26-cta:hover {

    transform: translateY(-2px);

    color: var(--deep-purple);

}





/* =========================================================

   SECTION 03

   PARTNERSHIP STORYTELLING

========================================================= */



.cfimpactflow26-story {

    padding: 50px 0;



    background: var(--mist-lavender);

}





/* =========================================================

   STORY MAIN

========================================================= */



.cfimpactflow26-story-wrap {

    display: grid;

    grid-template-columns: 48% 52%;



    align-items: center;

}





/* =========================================================

   STORY VISUAL

========================================================= */



.cfimpactflow26-story-visual {

    position: relative;



    min-height: 550px;

}



.cfimpactflow26-story-image-main {

    position: absolute;



    left: 0;

    top: 0;



    width: 78%;

    height: 100%;



    overflow: hidden;



    border-radius: 18px;



    box-shadow: var(--shadow-card);

}



.cfimpactflow26-story-image-main img {

    width: 100%;

    height: 100%;



    display: block;



    object-fit: cover;

    object-position: center;

}



.cfimpactflow26-story-image-small {

    position: absolute;



    right: 0;

    top: 50%;



    width: 52%;

    height: 285px;



    transform: translateY(-50%);



    border: 8px solid var(--mist-lavender);



    overflow: hidden;



    border-radius: 13px;



    background: var(--white);



    box-shadow: var(--deep-shadow);

}



.cfimpactflow26-story-image-small img {

    width: 100%;

    height: 100%;



    display: block;



    object-fit: cover;

    object-position: center;

}





/* =========================================================

   STORY CONTENT

========================================================= */



.cfimpactflow26-story-content {

    padding-left: 55px;

}



.cfimpactflow26-story-content > p {

    margin: 20px 0 15px;



    font-size: 15px;

    line-height: 1.75;



    color: var(--text-muted);

}



.cfimpactflow26-story-content > p + p {

    margin-top: 0;

}





/* =========================================================

   STORY FEATURES

========================================================= */



.cfimpactflow26-story-list {

    margin-top: 22px;



    display: grid;

    grid-template-columns: 1fr 1fr;



    border-top: 1px solid var(--soft-lavender);

}



.cfimpactflow26-story-item {

    position: relative;



    padding: 15px 15px 15px 27px;



    border-bottom: 1px solid var(--soft-lavender);



    font-size: 13px;

    line-height: 1.5;

    font-weight: 600;



    color: var(--deep-purple);

}



.cfimpactflow26-story-item:nth-child(odd) {

    border-right: 1px solid var(--soft-lavender);

}



.cfimpactflow26-story-item::before {

    content: "\f00c";



    position: absolute;



    left: 3px;

    top: 17px;



    font-family: "Font Awesome 6 Free";

    font-weight: 900;



    font-size: 11px;



    color: var(--vibrant-violet);

}





/* =========================================================

   STORY QUOTE

========================================================= */



.cfimpactflow26-story-quote {

    margin: 26px 0 0;



    padding: 15px 20px;



    background: var(--deep-purple);



    border-radius: 10px;



    font-family: "Cormorant Garamond", serif;

    font-size: 21px;

    line-height: 1.45;

    font-weight: 600;



    color: var(--white);

}





/* =========================================================

   RESPONSIVE

========================================================= */



@media (max-width: 1199px) {



    .cfimpactflow26-section-title,

    .cfimpactflow26-journey-left h2 {

        font-size: 38px;

    }



    .cfimpactflow26-steps {

        padding: 24px;

    }



    .cfimpactflow26-step {

        padding-left: 64px;

    }



    .cfimpactflow26-story-content {

        padding-left: 40px;

    }



}





@media (max-width: 991px) {



    .cfimpactflow26-journey-wrap {

        grid-template-columns: 1fr;

    }



    .cfimpactflow26-journey-left {

        padding: 40px 35px;

    }



    .cfimpactflow26-transparent-intro {

        grid-template-columns: 1fr;

    }



    .cfimpactflow26-transparent-image {

        height: 400px;

    }



    .cfimpactflow26-transparent-content {

        margin: -40px 30px 0;

    }



    .cfimpactflow26-report-grid {

        grid-template-columns: repeat(2, 1fr);

    }



    .cfimpactflow26-transparency-bottom {

        align-items: flex-start;

        flex-direction: column;

    }



    .cfimpactflow26-story-wrap {

        grid-template-columns: 1fr;

    }



    .cfimpactflow26-story-visual {

        min-height: 480px;

        margin-bottom: 35px;

    }



    .cfimpactflow26-story-content {

        padding-left: 0;

    }



}





@media (max-width: 767px) {



    .cfimpactflow26-journey,

    .cfimpactflow26-transparency,

    .cfimpactflow26-story {

        padding: 50px 0;

    }



    .cfimpactflow26-section-title,

    .cfimpactflow26-journey-left h2 {

        font-size: 30px;

    }



    .cfimpactflow26-section-subtitle {

        font-size: 18px;

    }



    .cfimpactflow26-journey-wrap {

        border-radius: 16px;

    }



    .cfimpactflow26-journey-left {

        padding: 32px 25px;

    }



    .cfimpactflow26-journey-quote {

        font-size: 15px;

    }



    .cfimpactflow26-steps {

        grid-template-columns: 1fr;

        padding: 18px;

    }



    .cfimpactflow26-step {

        min-height: auto;

        padding: 20px 18px 20px 62px;

    }



    .cfimpactflow26-transparent-image {

        height: 300px;

    }



    .cfimpactflow26-transparent-content {

        margin: -25px 15px 0;

        padding: 28px 22px;

    }



    .cfimpactflow26-transparent-content > p {

        font-size: 14px;

    }



    .cfimpactflow26-report-grid {

        grid-template-columns: 1fr;

    }



    .cfimpactflow26-report-item {

        min-height: auto;

    }



    .cfimpactflow26-transparency-bottom {

        padding: 24px 22px;

    }



    .cfimpactflow26-transparency-quote {

        font-size: 19px;

    }



    .cfimpactflow26-story-visual {

        min-height: 370px;

    }



    .cfimpactflow26-story-image-small {

        height: 195px;

        border-width: 6px;

    }



    .cfimpactflow26-story-content > p {

        font-size: 14px;

    }



    .cfimpactflow26-story-list {

        grid-template-columns: 1fr;

    }



    .cfimpactflow26-story-item:nth-child(odd) {

        border-right: 0;

    }



    .cfimpactflow26-story-quote {

        font-size: 18px;

    }



}



.cfimpactflow26-step-purplebox {

    position: relative;



    min-height: 156px;



    padding: 23px 22px 22px 70px;



    background: var(--deep-purple);



    border-radius: 13px;



    box-shadow: var(--shadow-card);



    color: var(--white);

}





/* all text white */



.cfimpactflow26-step-purplebox h3,

.cfimpactflow26-step-purplebox p {

    color: var(--white);

}





/* icon background */



.cfimpactflow26-step-purplebox .cfimpactflow26-step-icon {

    width: 38px;

    height: 38px;



    display: flex;

    align-items: center;

    justify-content: center;



    margin-bottom: 12px;



    border-radius: 8px;



    background: var(--vibrant-violet);



    color: var(--white);



    font-size: 17px;

}





/* number box */



.cfimpactflow26-step-purplebox .cfimpactflow26-step-number {

    background: var(--white);

    color: var(--deep-purple);

}



/* =========================================================

   COMPACT SECTION

========================================================= */



.cfproposalcompact26-section {

    width: 100%;

    padding: 50px 0;



    background: var(--ivory-white);

}





/* =========================================================

   MAIN WRAPPER

========================================================= */



.cfproposalcompact26-wrap {

    overflow: hidden;



    background: var(--white);



    border-radius: 16px;



    box-shadow: var(--shadow-soft);

}





/* =========================================================

   FORM SIDE

========================================================= */



.cfproposalcompact26-form-area {

    height: 100%;



    padding: 27px 30px;

}





/* =========================================================

   TOP LABEL

========================================================= */



.cfproposalcompact26-eyebrow {

    display: inline-block;



    margin-bottom: 9px;



    padding: 6px 12px;



    border-radius: 30px;



    background: var(--deep-purple);



    color: var(--white);



    font-size: 10px;

    line-height: 1;



    font-weight: 700;



    letter-spacing: .07em;

}





/* =========================================================

   TITLE

========================================================= */



.cfproposalcompact26-title {

    margin: 0 0 7px;



    font-size: 34px;

    line-height: 1.12;



    font-weight: 700;



    color: var(--deep-purple);

}





/* =========================================================

   INTRO

========================================================= */



.cfproposalcompact26-intro {

    max-width: 650px;



    margin: 0 0 18px;



    font-size: 15.7px;

    line-height: 1.55;



    color: var(--text-muted);

}





/* =========================================================

   FORM

========================================================= */



.cfproposalcompact26-form {

    margin: 0;

}





/* =========================================================

   FIELD

========================================================= */



.cfproposalcompact26-field {

    margin-bottom: 9px;

}





.cfproposalcompact26-label {

    display: block;



    margin-bottom: 8px;



    font-size: 14px;

    line-height: 1.3;



    font-weight: 700;



    color: var(--deep-purple);

}





/* =========================================================

   INPUTS

========================================================= */



.cfproposalcompact26-input,

.cfproposalcompact26-textarea {

    width: 100%;



    border: 1px solid var(--mist-lavender);



    border-radius: 7px;



    outline: none;



    background: var(--ivory-white);



    color: var(--charcoal-plum);



    font-size: 13px;



    transition: border-color .25s ease,

                background .25s ease;

}





.cfproposalcompact26-input {

    height: 40px;



    padding: 0 12px;

}





.cfproposalcompact26-textarea {

    min-height: 72px;

    max-height: 90px;



    padding: 10px 12px;



    resize: vertical;

}





.cfproposalcompact26-input:focus,

.cfproposalcompact26-textarea:focus {

    border-color: var(--vibrant-violet);



    background: var(--white);

}





/* =========================================================

   BUTTON

========================================================= */



.cfproposalcompact26-button {

    width: 100%;

    height: 44px;



    margin-top: 2px;



    border: 0;



    border-radius: 4px;



    background: var(--deep-purple);



    color: var(--white);



    font-size: 13px;



    font-weight: 700;



    cursor: pointer;



    transition: background .25s ease,

                transform .25s ease;

}





.cfproposalcompact26-button:hover {

    background: var(--soft-lavender);



    transform: translateY(-1px);

}





/* =========================================================

   RIGHT IMAGE

========================================================= */



.cfproposalcompact26-image {

    position: relative;



    width: 100%;

    height: 100%;

    min-height: 565px;



    overflow: hidden;



    background: var(--mist-lavender);

}





.cfproposalcompact26-image img {

    display: block;



    width: 100%;

    height: 100%;



    object-fit: cover;

    object-position: center;

}





/* subtle purple overlay */



.cfproposalcompact26-image::after {

    content: "";



    position: absolute;

    inset: 0;



    background: var(--deep-purple);



    opacity: .12;



    pointer-events: none;

}





/* =========================================================

   TABLET

========================================================= */



@media (max-width: 991px) {



    .cfproposalcompact26-section {

        padding: 35px 0;

    }





    .cfproposalcompact26-form-area {

        padding: 28px;

    }





    .cfproposalcompact26-title {

        font-size: 32px;

    }





    .cfproposalcompact26-image {

        min-height: 400px;

        height: 400px;

    }



}





/* =========================================================

   MOBILE

========================================================= */



@media (max-width: 767px) {



    .cfproposalcompact26-section {

        padding: 30px 0;

    }





    .cfproposalcompact26-wrap {

        border-radius: 12px;

    }





    .cfproposalcompact26-form-area {

        padding: 24px 20px;

    }





    .cfproposalcompact26-title {

        font-size: 28px;

    }





    .cfproposalcompact26-intro {

        font-size: 13px;

    }





    .cfproposalcompact26-input {

        height: 42px;

    }





    .cfproposalcompact26-textarea {

        min-height: 85px;

    }





    .cfproposalcompact26-image {

        min-height: 300px;

        height: 300px;

    }



}



/* =========================================================

   COMPACT SECTION

   UNIQUE PREFIX: cfcsrcompacttalk26-

========================================================= */



.cfcsrcompacttalk26-section {

    width: 100%;

    padding: 50px 0;

    background: #fff;

}





/* =========================================================

   CARD

========================================================= */



.cfcsrcompacttalk26-card {

    display: grid;

    grid-template-columns: 38% 62%;



    overflow: hidden;



    min-height: 310px;



    background: var(--white);



    border-radius: 16px;



    box-shadow: var(--shadow-soft);

}





/* =========================================================

   LEFT IMAGE

========================================================= */



.cfcsrcompacttalk26-image {

    position: relative;



    min-height: 310px;



    background-image:

        url("../images/Copy of Not Ready for a Proposal Yet.jpg");



    background-size: cover;

    background-position: center;

    background-repeat: no-repeat;



    isolation: isolate;

}





.cfcsrcompacttalk26-image::before {

    content: "";



    position: absolute;

    inset: 0;



    background: var(--deep-purple);



    opacity: .78;



    z-index: -1;

}





/* =========================================================

   IMAGE CONTENT

========================================================= */



.cfcsrcompacttalk26-image-content {

    height: 100%;



    padding: 30px 28px;



    display: flex;

    align-items: flex-end;

}





.cfcsrcompacttalk26-title {

    margin: 0;



    font-size: 31px;

    line-height: 1.16;

    font-weight: 700;



    color: var(--white);

}





/* =========================================================

   RIGHT CONTENT

========================================================= */



.cfcsrcompacttalk26-content {

    padding: 28px 32px;



    display: flex;

    flex-direction: column;

    justify-content: center;

}





/* =========================================================

   TEXT

========================================================= */



.cfcsrcompacttalk26-text {

    margin: 0 0 9px;



    font-size: 14px;

    line-height: 1.6;



    color: var(--text-muted);

}





/* =========================================================

   HIGHLIGHT

========================================================= */



.cfcsrcompacttalk26-highlight {

    margin: 7px 0 10px;



    font-size: 17px;

    line-height: 1.4;

    font-weight: 700;



    color: var(--deep-purple);

}





/* =========================================================

   FOOT ROW

========================================================= */



.cfcsrcompacttalk26-bottom {

    display: flex;



    align-items: center;

    justify-content: space-between;



    gap: 20px;



    margin-top: 10px;



    padding-top: 15px;



    border-top: 1px solid var(--mist-lavender);

}





.cfcsrcompacttalk26-bottom p {

    max-width: 520px;



    margin: 0;



    font-size: 13px;

    line-height: 1.55;



    color: var(--text-muted);

}





/* =========================================================

   CTA

========================================================= */



.cfcsrcompacttalk26-cta {

    flex: 0 0 auto;



    display: inline-flex;

    align-items: center;

    justify-content: center;



    min-height: 42px;



    padding: 0 19px;



    border-radius: 30px;



    background: var(--deep-purple);



    color: var(--white);



    text-decoration: none;



    font-size: 12px;

    line-height: 1;

    font-weight: 700;



    transition:

        background .25s ease,

        transform .25s ease;

}





.cfcsrcompacttalk26-cta:hover {

    background: var(--soft-lavender);

    color: var(--white);



    transform: translateY(-2px);

}





/* =========================================================

   TABLET

========================================================= */



@media (max-width: 991px) {



    .cfcsrcompacttalk26-card {

        grid-template-columns: 1fr;

    }





    .cfcsrcompacttalk26-image {

        min-height: 260px;

    }





    .cfcsrcompacttalk26-title {

        max-width: 650px;

    }



}





/* =========================================================

   MOBILE

========================================================= */



@media (max-width: 767px) {



    .cfcsrcompacttalk26-section {

        padding: 30px 0;

    }





    .cfcsrcompacttalk26-card {

        border-radius: 13px;

    }





    .cfcsrcompacttalk26-image {

        min-height: 220px;

    }





    .cfcsrcompacttalk26-image-content {

        padding: 24px 21px;

    }





    .cfcsrcompacttalk26-title {

        font-size: 27px;

    }





    .cfcsrcompacttalk26-content {

        padding: 24px 21px;

    }





    .cfcsrcompacttalk26-text {

        font-size: 13px;

    }





    .cfcsrcompacttalk26-highlight {

        font-size: 16px;

    }





    .cfcsrcompacttalk26-bottom {

        align-items: flex-start;

        flex-direction: column;

    }





    .cfcsrcompacttalk26-cta {

        width: 100%;

    }



}



/* =========================================================

   GEOGRAPHICAL SPAN

========================================================= */



.ak-geo-white-card {

    width: 100%;

    max-width: 900px;



    margin: 0 auto;



    padding: 28px;



    background: var(--white);



    border: 1px solid var(--mist-lavender);



    border-radius: 14px;



    box-shadow: var(--shadow-card);

}





/* =========================================================

   HEADING

========================================================= */



.ak-geo-white-heading {

    margin-bottom: 22px;



    padding-bottom: 14px;



    border-bottom: 1px solid var(--mist-lavender);

}





.ak-geo-white-heading span {

    display: inline-block;



    font-size: 16px;

    line-height: 1.3;



    font-weight: 700;



    letter-spacing: .06em;



    text-transform: uppercase;



    color: var(--deep-purple);

}





.sroi-value-grid {

    display: grid;

    grid-template-columns: repeat(6, 1fr);

    gap: 20px;

}



/* First 3 boxes */

.sroi-value-grid > div:nth-child(-n+3) {

    grid-column: span 2;

}



/* Last 2 boxes */

.sroi-value-grid > div:nth-child(n+4) {

    grid-column: span 3;

}



/* =========================================================

   GRID

========================================================= */



.ak-geo-white-grid {

    display: grid;



    grid-template-columns: repeat(2, minmax(0, 1fr));



    gap: 14px;

}





/* =========================================================

   ITEM

========================================================= */



.ak-geo-white-item {

    position: relative;



    min-height: 135px;



    padding: 20px 18px 20px 22px;



    display: flex;

    flex-direction: column;

    justify-content: center;



    background: var(--white);



    border: 1px solid var(--mist-lavender);



    border-radius: 10px;



    transition:

        border-color .25s ease,

        transform .25s ease,

        box-shadow .25s ease;

}





/* =========================================================

   FULL WIDTH

========================================================= */



.ak-geo-white-item-full {

    grid-column: span 2;



    min-height: 120px;

}





/* =========================================================

   LEFT ACCENT

========================================================= */



.ak-geo-white-item::before {

    content: "";



    position: absolute;



    left: 0;

    top: 18px;

    bottom: 18px;



    width: 4px;



    background: var(--vibrant-violet);



    border-radius: 0 4px 4px 0;

}





/* =========================================================

   NUMBER

========================================================= */



.ak-geo-white-number {

    display: block;



    margin-bottom: 8px;



    font-size: 27px;

    line-height: 1.2;



    font-weight: 700;



    color: var(--deep-purple);

}





/* =========================================================

   LABEL

========================================================= */



.ak-geo-white-label {

    display: block;



    font-size: 14px;

    line-height: 1.6;

    font-weight: 600;

    color: var(--text-muted);

}





/* =========================================================

   NOTE

========================================================= */



.ak-geo-white-note {

    display: block;



    margin-top: 2px;



    font-size: 12px;

    line-height: 1.55;



    color: var(--text-muted);

}





/* =========================================================

   HOVER

========================================================= */



.ak-geo-white-item:hover {

    transform: translateY(-3px);



    border-color: var(--soft-lavender);



    box-shadow: var(--shadow-card);

}





/* =========================================================

   MOBILE

========================================================= */



@media (max-width: 767px) {



    body {

        padding:0px;

    }





    .ak-geo-white-card {

        padding: 20px;



        border-radius: 12px;

    }





    .ak-geo-white-grid {

        grid-template-columns: 1fr;

    }





    .ak-geo-white-item-full {

        grid-column: auto;

    }





    .ak-geo-white-item {

        min-height: 115px;



        padding: 18px 16px 18px 20px;

    }





    .ak-geo-white-number {

        font-size: 23px;

    }





    .ak-geo-white-label {

        font-size: 12px;

    }



}



/* =========================================================

   SECTION

========================================================= */



.cf-csr-banner26-section {

    width: 100%;

    padding-bottom: 50px;

    background: var(--ivory-white);

}





/* =========================================================

   FULL BANNER CAROUSEL

========================================================= */



.cf-csr-banner26-hero {

    position: relative;

    width: 100%;

    min-height: 610px;

    overflow: hidden;

}





/* carousel */



.cf-csr-banner26-slider {

    position: absolute;

    inset: 0;

    z-index: 0;

}





.cf-csr-banner26-slide {

    position: absolute;

    inset: 0;



    opacity: 0;



    animation: cfBannerSlide26 15s infinite;

}





.cf-csr-banner26-slide:nth-child(1) {

    animation-delay: 0s;

}



.cf-csr-banner26-slide:nth-child(2) {

    animation-delay: 5s;

}



.cf-csr-banner26-slide:nth-child(3) {

    animation-delay: 10s;

}





.cf-csr-banner26-slide img {

    width: 100%;

    height: 100%;



    display: block;



    object-fit: cover;

    object-position: center;

}





@keyframes cfBannerSlide26 {



    0% {

        opacity: 0;

        transform: scale(1.02);

    }



    5% {

        opacity: 1;

    }



    29% {

        opacity: 1;

    }



    34% {

        opacity: 0;

        transform: scale(1.06);

    }



    100% {

        opacity: 0;

    }



}





/* =========================================================

   SUBTLE IMAGE OVERLAY

========================================================= */



.cf-csr-banner26-hero::before {

    content: "";



    position: absolute;

    inset: 0;



    background: var(--deep-purple);

    opacity: .20;



    z-index: 1;

}





/* =========================================================

   HERO INNER

========================================================= */



.cf-csr-banner26-inner {

    position: relative;

    z-index: 3;



    width: 100%;

    max-width: 1320px;



    min-height: 610px;



    margin: 0 auto;

    padding: 200px 30px 145px;



    display: flex;

    align-items: center;

}





/* =========================================================

   WHITE TRANSPARENT BLUR BOX

========================================================= */



.cf-csr-banner26-content {

    width: 100%;

    max-width: 620px;



    padding: 38px 40px;



    background:

        color-mix(

            in srgb,

            var(--white) 82%,

            transparent

        );



    border: 1px solid

        color-mix(

            in srgb,

            var(--white) 65%,

            transparent

        );



    backdrop-filter: blur(16px);

    -webkit-backdrop-filter: blur(16px);



    border-radius: 16px;



    box-shadow: var(--deep-shadow);

}





/* =========================================================

   CONTENT

========================================================= */



.cf-csr-banner26-title {

    margin: 0 0 16px;



    max-width: 560px;



    font-size: 50px;

    line-height: 1.08;



    font-weight: 700;



    color: var(--deep-purple);

}





.cf-csr-banner26-description {

    margin: 0 0 24px;



    max-width: 550px;



    font-size: 17px;

    line-height: 1.7;



    color: var(--charcoal-plum);

}





/* =========================================================

   KUTIR BOX INSIDE GLASS PANEL

========================================================= */



.cf-csr-banner26-kutir {

    display: grid;

    grid-template-columns: 80px 1fr;



    max-width: 100%;



    overflow: hidden;



    border-radius: 10px;



    background:

        color-mix(

            in srgb,

            var(--white) 78%,

            transparent

        );



    border: 1px solid var(--mist-lavender);

}





.cf-csr-banner26-kutir-number {

    min-height: 84px;



    display: flex;

    align-items: center;

    justify-content: center;



    background: var(--deep-purple);



    color: var(--white);



    font-size: 36px;

    line-height: 1;



    font-weight: 700;

}





.cf-csr-banner26-kutir-text {

    margin: 0;



    padding: 15px 18px;



    display: flex;

    align-items: center;



    font-size: 16px;

    line-height: 1.55;



    font-weight: 600;



    color: var(--deep-purple);

}





/* =========================================================

   DOTS

========================================================= */



.cf-csr-banner26-dots {

    position: absolute;



    right: 34px;

    bottom: 120px;



    z-index: 4;



    display: flex;

    gap: 7px;

	display:none;

}





.cf-csr-banner26-dot {

    width: 9px;

    height: 9px;



    border-radius: 30px;



    background: var(--white);



    opacity: .65;

}





.cf-csr-banner26-dot:first-child {

    width: 28px;

    opacity: 1;

}





/* =========================================================

   FOUR IMAGE STAT BOXES

========================================================= */



.cf-csr-banner26-stats-wrap {

    position: relative;

    z-index: 5;



    max-width: 1320px;



    margin: -95px auto 0;

    padding: 0 30px;

}





.cf-csr-banner26-stats {

    display: grid;



    grid-template-columns: repeat(4, 1fr);



    gap: 15px;

}





/* =========================================================

   STAT BOX

========================================================= */



.cf-csr-banner26-stat {

    position: relative;



    min-height: 190px;



    padding: 25px;



    display: flex;

    flex-direction: column;

    justify-content: flex-end;



    overflow: hidden;



    border-radius: 13px;



    background-size: cover;

    background-position: center;



    box-shadow: var(--shadow-card);



    isolation: isolate;

}





.cf-csr-banner26-stat::before {

    content: "";



    position: absolute;

    inset: 0;



    background: #2e2e2e;

    opacity: .70;



    z-index: -1;

}





/* =========================================================

   STAT BACKGROUND IMAGES

========================================================= */



.cf-csr-banner26-stat-01 {

    background-image:

        url("https://symmetrixsys.in/staging/cf/images/ak-banner-img01.jpg");

}





.cf-csr-banner26-stat-02 {

    background-image:

        url("https://symmetrixsys.in/staging/cf/images/ak-banner-img02.jpg");

}





.cf-csr-banner26-stat-03 {

    background-image:

        url("https://symmetrixsys.in/staging/cf/images/ak-banner-img03.jpg");

}





.cf-csr-banner26-stat-04 {

    background-image:

        url("https://symmetrixsys.in/staging/cf/images/banner01.jpg");

}





/* =========================================================

   STAT CONTENT

========================================================= */



.cf-csr-banner26-stat-index {

    position: absolute;



    top: 18px;

    right: 18px;



    font-size: 30px;

    font-weight: 500;



    color: var(--white);

}





.cf-csr-banner26-stat-number {

    display: block;



    margin-bottom: 8px;



    font-size: 34px;

    line-height: 1;



    font-weight: 700;



    color: var(--white);

}





.cf-csr-banner26-stat-text {

    margin: 0;



    max-width: 210px;



    font-size: 14px;

    line-height: 1.45;



    font-weight: 600;



    color: var(--white);

}





/* =========================================================

   RESPONSIVE

========================================================= */



@media (max-width: 991px) {



    .cf-csr-banner26-hero,

    .cf-csr-banner26-inner {

        min-height: 580px;

    }





    .cf-csr-banner26-inner {

        padding: 50px 30px 145px;

    }





    .cf-csr-banner26-content {

        max-width: 580px;

    }





    .cf-csr-banner26-title {

        font-size: 39px;

    }





    .cf-csr-banner26-stats {

        grid-template-columns: repeat(2, 1fr);

    }





    .cf-csr-banner26-stats-wrap {

        margin-top: -75px;

    }



}





@media (max-width: 767px) {



    .cf-csr-banner26-section {

        padding-bottom: 35px;

    }





    .cf-csr-banner26-hero,

    .cf-csr-banner26-inner {

        min-height: 620px;

    }





    .cf-csr-banner26-inner {

        padding: 45px 20px 120px;



        align-items: flex-start;

    }





    .cf-csr-banner26-content {

        padding: 27px 23px;



        border-radius: 13px;

    }





    .cf-csr-banner26-title {

        font-size: 31px;

    }





    .cf-csr-banner26-description {

        font-size: 14px;

    }





    .cf-csr-banner26-kutir {

        grid-template-columns: 68px 1fr;

    }





    .cf-csr-banner26-kutir-number {

        font-size: 30px;

    }





    .cf-csr-banner26-kutir-text {

        font-size: 12px;

    }





    .cf-csr-banner26-dots {

        right: 20px;

        bottom: 90px;

    }





    .cf-csr-banner26-stats-wrap {

        margin-top: -70px;

        padding: 0 20px;

    }





    .cf-csr-banner26-stats {

        grid-template-columns: 1fr;

    }





    .cf-csr-banner26-stat {

        min-height: 160px;

    }



}





/* =========================================================

   SECTION

========================================================= */



.cfstoryeditorial27-section {

    position: relative;



    width: 100%;



    overflow: hidden;



    background: var(--mist-lavender);

}





/* =========================================================

   DECORATIVE EDITORIAL BACKGROUND

========================================================= */



.cfstoryeditorial27-section::before {

    content: "";



    position: absolute;



    width: 420px;

    height: 420px;



    top: -190px;

    left: 30%;



    background: var(--white);



    transform: rotate(45deg);



    opacity: .75;



    pointer-events: none;

}





.cfstoryeditorial27-section::after {

    content: "";



    position: absolute;



    width: 400px;

    height: 400px;



    right: 18%;

    bottom: -285px;



    background: var(--white);



    transform: rotate(45deg);



    opacity: .72;



    pointer-events: none;

}





/* =========================================================

   MAIN GRID

========================================================= */



.cfstoryeditorial27-wrap {

    position: relative;



    z-index: 2;



    display: grid;



    grid-template-columns: 41% 59%;



    min-height: 650px;

}





/* =========================================================

   LEFT IMAGE

========================================================= */



.cfstoryeditorial27-visual {

    position: relative;



    min-height: 650px;



    display: flex;

    align-items: flex-end;

    justify-content: center;



    overflow: hidden;



    background: var(--white);

}





.cfstoryeditorial27-visual::after {

    content: "";



    position: absolute;



    left: 0;

    right: 0;

    bottom: 0;



    height: 42%;



    background: var(--ivory-white);



    z-index: 0;

}





.cfstoryeditorial27-image {

    position: relative;



    z-index: 1;



    width: 100%;

    height: 100%;

}





.cfstoryeditorial27-image img {

    display: block;



    width: 100%;

    height: 650px;



    object-fit: cover;

    object-position: center;



    position: relative;

    z-index: 2;

}





/* =========================================================

   RIGHT EDITORIAL CONTENT

========================================================= */



.cfstoryeditorial27-content {

    position: relative;



    z-index: 3;



    padding: 25px 70px 25px 65px;



    display: flex;

    flex-direction: column;

    justify-content: center;

}





/* =========================================================

   EYEBROW

========================================================= */



.cfstoryeditorial27-eyebrow {

    display: block;



    margin-bottom: 13px;



    font-size: 12px;

    line-height: 1;



    font-weight: 700;



    letter-spacing: .16em;



    text-transform: uppercase;



    color: var(--deep-purple);

}





/* =========================================================

   HEADING

========================================================= */



.cfstoryeditorial27-title {

    max-width: 760px;

    margin: 0 0 22px;

    font-family: "Cormorant Garamond", serif;

    font-size: 43px;

    line-height: 0.98;

    font-weight: 600;

    color: var(--charcoal-plum);

}





/* =========================================================

   LEAD

========================================================= */



.cfstoryeditorial27-lead {

    margin: 0 0 22px;

    line-height: 1.4;



    font-weight: 700;



    letter-spacing: .08em;



    color: var(--soft-lavender);

}





/* =========================================================

   COPY

========================================================= */



.cfstoryeditorial27-copy {

    max-width: 760px;



    margin: 0 0 15px;



    line-height: 1.75;



    color: var(--text-muted);

}





/* =========================================================

   SMALL LABEL

========================================================= */



.cfstoryeditorial27-subtitle {

    margin: 5px 0 10px;



    line-height: 1.5;



    font-weight: 700;



    color: var(--charcoal-plum);

}





/* =========================================================

   EDITORIAL LIST

========================================================= */



.cfstoryeditorial27-list {

    display: grid;



    grid-template-columns: repeat(2, minmax(0, 1fr));



    max-width: 760px;



    margin-top: 2px;



    border-top: 1px solid var(--white);

}





.cfstoryeditorial27-item {

    position: relative;



    min-height: 57px;



    padding: 12px 12px 12px 38px;



    display: flex;

    align-items: center;



    border-bottom: 1px solid var(--white);



    font-size: 14px;

    line-height: 1.45;



    font-weight: 600;



    color: var(--charcoal-plum);

}





.cfstoryeditorial27-item:nth-child(odd) {

    border-right: 1px solid var(--white);

}





/* number */



.cfstoryeditorial27-item-number {

    position: absolute;

    left: 5px;

    font-size: 17px;

    line-height: 1;

    font-weight: 700;

    color: var(--soft-lavender);

}





/* =========================================================

   QUOTE

========================================================= */



.cfstoryeditorial27-quote {

    position: relative;



    max-width: 760px;



    margin: 20px 0 0;



    padding: 16px 0 0 26px;



    border-top: 1px solid var(--vibrant-violet);



    font-family: "Cormorant Garamond", serif;



    font-size: 19px;

    line-height: 1.4;



    font-weight: 600;



    font-style: italic;



    color: var(--deep-purple);

}





.cfstoryeditorial27-quote::before {

    content: "“";



    position: absolute;



    left: 0;

    top: 12px;



    font-family: "Cormorant Garamond", serif;



    font-size: 34px;

    line-height: 1;



    color: var(--vibrant-violet);

}





/* =========================================================

   TABLET

========================================================= */



@media (max-width: 991px) {



    .cfstoryeditorial27-wrap {

        grid-template-columns: 1fr;

    }





    .cfstoryeditorial27-visual {

        min-height: 460px;

    }





    .cfstoryeditorial27-image img {

        height: 460px;

    }





    .cfstoryeditorial27-content {

        padding: 45px 40px;

    }





    .cfstoryeditorial27-title {

        font-size: 40px;

    }



}





/* =========================================================

   MOBILE

========================================================= */



@media (max-width: 767px) {



    .cfstoryeditorial27-visual {

        min-height: 340px;

    }





    .cfstoryeditorial27-image img {

        height: 340px;

    }





    .cfstoryeditorial27-content {

        padding: 35px 22px;

    }





    .cfstoryeditorial27-title {

        font-size: 33px;

        line-height: 1.08;

    }





    .cfstoryeditorial27-copy {

        font-size: 13px;

    }





    .cfstoryeditorial27-list {

        grid-template-columns: 1fr;

    }





    .cfstoryeditorial27-item:nth-child(odd) {

        border-right: 0;

    }





    .cfstoryeditorial27-item {

        min-height: 52px;

    }





    .cfstoryeditorial27-quote {

        font-size: 17px;

    }



}



.cf-apni-eyebrow-list {

    display: flex;

    align-items: center;

    flex-wrap: wrap;



    gap: 8px;



    margin: 15px 0 0;

    padding: 0;



    list-style: none;

}





.cf-apni-eyebrow-list li {

    display: inline-flex;

    align-items: center;

    justify-content: center;



    padding: 12px 14px;



    background: var(--deep-purple);



    border-radius: 4px;



    color: var(--white);



    font-size: 11px;

    line-height: 1;



    font-weight: 700;



    letter-spacing: .06em;



    text-transform: uppercase;

}





@media (max-width: 767px) {



    .cf-apni-eyebrow-list {

        gap: 6px;

    }





    .cf-apni-eyebrow-list li {

        padding: 6px 10px;



        font-size: 10px;

    }



}



.hero-section.akherosec.aboutherobgimgcls.apnikutirbannersec .floating-note{max-width:425px;}

.cfalign26-final.cfalign26-final-oppobgcolor{color:var(--deep-purple); background:#e1d4ff;}

.cfalign26-final.cfalign26-final-oppobgcolor p{color:var(--deep-purple); }



.cfpartnerowl26-carousel .cfpartnerowl26-logo{border:1px solid #e7e7e7; padding:20px;}

.cfpartnerowl26-carousel{padding:0 28px;}

.cfpartnerowl26-carousel .owl-dots{display:block;}

.cftrustcsrbg-section .cfpartnerowl26-carousel{padding:0;}

.state-map-shape.west-bengal-map span{top:-210px;}



.state-map-shape.chattisgarh-map span{left:-190px;}

.state-map-shape.maharashtra-map span{left:147px;}



/* =========================================================

   FULL PROCESS SECTION

========================================================= */



.process-flow-section {

    width: 100%;

    padding: 0;



    background: transparent;



    overflow: hidden;

}





.process-flow-container {

    width: 100%;

    max-width: 1130px;



    margin: 0 auto;

}





/* =========================================================

   FLOW GRID



   01  →  02  →  03

                  ↓

   06  ←  05  ←  04

========================================================= */



.process-flow-grid {

    display: grid;



    grid-template-columns: repeat(3, 326px);



    column-gap: 110px;

    row-gap: 75px;



    align-items: start;

    justify-content: center;

}





/* =========================================================

   CARD POSITION

========================================================= */



.process-step-01 {

    grid-column: 1;

    grid-row: 1;

}



.process-step-02 {

    grid-column: 2;

    grid-row: 1;

}



.process-step-03 {

    grid-column: 3;

    grid-row: 1;

}



.process-step-04 {

    grid-column: 3;

    grid-row: 2;

}



.process-step-05 {

    grid-column: 2;

    grid-row: 2;

}



.process-step-06 {

    grid-column: 1;

    grid-row: 2;

}





/* =========================================================

   YOUR APPROVED CARD STRUCTURE

========================================================= */



.process-step-card {

    position: relative;



    width: 340px;

    height: 275px;

}





/* =========================================================

   MAIN WHITE BOTTOM CARD

========================================================= */



.process-step-body {

    position: absolute;



    left: 10px;

    right: 10px;

    top: 168px;



    height: 102px;



    padding: 28px 24px 22px 24px;



    background: var(--white);



    border-radius: 0 0 20px 20px;



    box-shadow: var(--shadow-card);



    z-index: 2;

}





/* WHITE TOP LEFT CONNECTION */



.process-step-body::before {

    content: "";



    position: absolute;



    left: 0;

    top: -14px;



    width: 205px;

    height: 30px;



    background: var(--white);



    border-radius: 18px 0 0 0;



    z-index: -1;

}





/* =========================================================

   NUMBER BOX

========================================================= */



.process-step-number-box {

    position: absolute;



    top: 0;

    left: 10px;



    width: 130px;

    height: 130px;



    display: flex;

    align-items: center;

    justify-content: center;



    background: var(--vibrant-violet);



    border-radius: 18px;



    box-shadow: var(--shadow-card);



    z-index: 6;

}





/* NUMBER BOX POINTER */



.process-step-number-box::after {

    content: "";



    position: absolute;



    left: 50%;

    bottom: -18px;



    transform: translateX(-50%);



    width: 0;

    height: 0;



    border-left: 14px solid transparent;

    border-right: 14px solid transparent;

    border-top: 19px solid var(--vibrant-violet);

}





/* NUMBER */



.process-step-number {

    display: block;



    font-size: 63px;

    line-height: .88;



    font-weight: 700;



    color: var(--white);

}





/* =========================================================

   WHITE ICON BOX

========================================================= */



.process-step-icon-box {

    position: absolute;



    top: 0;

    right: 10px;



    width: 158px;

    height: 180px;



    padding: 25px 20px 20px;



    display: flex;

    flex-direction: column;



    align-items: center;



    background: var(--white);



    border-radius: 18px 18px 0 0;



    z-index: 4;

}





/* CONNECT ICON BOX WITH BODY */



/* .process-step-icon-box::before {

    content: "";



    position: absolute;



    left: 0;

    right: 0;

    bottom: -20px;



    height: 36px;



    background: var(--white);



    z-index: -1;

} */





/* RIGHT POINTER */



/*.process-step-icon-box::after {

    content: "";



    position: absolute;



    right: -18px;

    bottom: 11px;



    width: 0;

    height: 0;



    border-top: 14px solid transparent;

    border-bottom: 14px solid transparent;

    border-left: 19px solid var(--white);

}*/





/* =========================================================

   ICON

========================================================= */



.process-step-icon {

    display: block;



    font-size: 61px;

    line-height: 1;



    color: var(--vibrant-violet);

}





/* =========================================================

   ICON UNDERLINE

========================================================= */



.process-step-icon-line {

    display: block;



    width: 83px;

    height: 4px;



    margin-top: 17px;



    background: var(--mist-lavender);



    border-radius: 50%;



    box-shadow: var(--shadow-card);

}





/* =========================================================

   CONTENT HEADING

========================================================= */



.process-step-heading {

    position: relative;



    top: -18px;



    display: flex;

    align-items: center;



    gap: 10px;



    margin-bottom: 12px;

}





/* PLUS */



.process-step-plus {

    width: 25px;

    height: 25px;



    flex: 0 0 25px;



    display: inline-flex;

    align-items: center;

    justify-content: center;



    background: var(--vibrant-violet);



    border-radius: 50%;



    color: var(--white);



    font-size: 17px;

    line-height: 1;



    font-weight: 700;

}





/* TITLE */



.process-step-title {

    font-size: 18px;

    line-height: 1;



    font-weight: 700;



    text-transform: uppercase;



    color: var(--deep-purple);

}





/* =========================================================

   DESCRIPTION

========================================================= */



.process-step-description {

    position: relative;



    top: -18px;



    margin-left: 35px;



    max-width: 280px;



    font-size: 15px;

    line-height: 1.5;



    font-weight: 500;



    color: var(--text-muted);

}





/* =========================================================

   ARROWS

========================================================= */



/* 01 → 02 */



.process-step-01::after {

    content: "→";



    position: absolute;



    right: -60px;

    top: 133px;



    font-size: 34px;

    line-height: 1;



    color: var(--deep-purple);



    z-index: 20;

}





/* 02 → 03 */



.process-step-02::after {

    content: "→";



    position: absolute;



    right: -53px;

    top: 133px;



    font-size: 34px;

    line-height: 1;



    color: var(--deep-purple);



    z-index: 20;

}





/* 03 ↓ 04 */



.process-step-03::after {

    content: "↓";



    position: absolute;



    left: 50%;

    bottom: -47px;



    transform: translateX(-50%);



    font-size: 34px;

    line-height: 1;



    color: var(--deep-purple);



    z-index: 20;

}





/* 04 ← 05 */



.process-step-04::after {

    content: "←";



    position: absolute;



    left: -53px;

    top: 133px;



    font-size: 34px;

    line-height: 1;



    color: var(--deep-purple);



    z-index: 20;

}





/* 05 ← 06 */



.process-step-05::after {

    content: "←";



    position: absolute;



    left: -53px;

    top: 133px;



    font-size: 34px;

    line-height: 1;



    color: var(--deep-purple);



    z-index: 20;

}





/* =========================================================

   TABLET

========================================================= */



@media (max-width: 1100px) {



    .process-flow-grid {

        grid-template-columns: repeat(3, 326px);



        column-gap: 40px;



        transform: scale(.88);



        transform-origin: top center;



        margin-bottom: -65px;

    }





    .process-step-01::after,

    .process-step-02::after {

        right: -38px;

    }





    .process-step-04::after,

    .process-step-05::after {

        left: -38px;

    }



}





/* =========================================================

   MOBILE FLOW



   01

   ↓

   02

   ↓

   03

   ↓

   04

   ↓

   05

   ↓

   06

========================================================= */



@media (max-width: 850px) {



    .process-flow-section {

        padding: 45px 15px;

    }





    .process-flow-grid {

        display: flex;



        flex-direction: column;



        align-items: center;



        gap: 50px;



        transform: none;



        margin-bottom: 0;

    }





    .process-step-card {

        flex: 0 0 304px;

    }





    .process-step-01,

    .process-step-02,

    .process-step-03,

    .process-step-04,

    .process-step-05,

    .process-step-06 {

        grid-column: auto;

        grid-row: auto;

    }





    .process-step-01 {

        order: 1;

    }



    .process-step-02 {

        order: 2;

    }



    .process-step-03 {

        order: 3;

    }



    .process-step-04 {

        order: 4;

    }



    .process-step-05 {

        order: 5;

    }



    .process-step-06 {

        order: 6;

    }





    .process-step-01::after,

    .process-step-02::after,

    .process-step-03::after,

    .process-step-04::after,

    .process-step-05::after {

        content: "↓";



        left: 50%;

        right: auto;



        top: auto;

        bottom: -41px;



        transform: translateX(-50%);



        font-size: 28px;

    }



}





/* =========================================================

   SMALL MOBILE

========================================================= */



@media (max-width: 390px) {



    .process-flow-grid {

        width: 100%;

    }





    .process-step-card {

        transform: scale(.90);



        transform-origin: top center;



        margin-bottom: -25px;

    }



}





/*apni kutir map*/



.chattisgarh-map {

            width: 540px;

            height: 460px;

            background-image: url(../images/chattisgarh-map01.png);

            background-position: top center;

            background-repeat: no-repeat;

            background-size: contain;

        }

        .maharashtra-map {

            width: 540px;

            height: 460px;

            background-image: url(../images/maharashtra-map01.png);

            background-position: top center;

            background-repeat: no-repeat;

            background-size: contain;

        }

        /* =========================================================

        MAP OUTSIDE CALLOUT / LEADER LINE SYSTEM

        ========================================================= */





        /* Map needs to contain the generated overlay */

        .india-map-box {

            position: relative;

        }





        /* =========================================================

        ORIGINAL LOCATION BUTTON

        ========================================================= */



        /*

        Keep the original button at the true latitude/longitude

        position because we use it as the arrow destination.

        */



        .map-dot {

            z-index: 20;

        }





        /*

        Remove the old black location labels.

        These are what are currently making the map cluttered.

        */



        .map-dot small {

            display: none !important;

        }





        /*

        We do not need the large pink circle anymore.

        Keep only a small destination marker.

        */



        .map-dot > span {

            width: 10px !important;

            height: 10px !important;



            background: #d455a5 !important;



            border: 2px solid #ffffff !important;



            border-radius: 50%;



            box-shadow:

                0 0 0 2px rgba(212, 85, 165, 0.18) !important;

        }





        /* =========================================================

        GENERATED CALLOUT OVERLAY

        ========================================================= */



        .map-callout-overlay {

            position: absolute;



            inset: 0;



            width: 100%;

            height: 100%;



            z-index: 30;



            pointer-events: none;

        }





        /* =========================================================

        SVG LEADER LINES

        ========================================================= */



        .map-callout-svg {

            position: absolute;



            inset: 0;



            width: 100%;

            height: 100%;



            overflow: visible;



            pointer-events: none;

        }





        .map-callout-line {

            fill: none;



            stroke: #8b74b5;



            stroke-width: 1.25;



            stroke-linecap: round;



            opacity: 0.62;



            vector-effect: non-scaling-stroke;

        }



        /* =========================================================

        OUTSIDE LOCATION LABEL

        ========================================================= */



        .map-callout-label {

            position: absolute;



            min-width: 108px;

            max-width: 145px;



            padding: 7px 11px;



            border: 1px solid rgba(78, 57, 123, 0.16);



            border-radius: 20px;



            background: #ffffff;



            color: #2e2238;



            font-family: inherit;



            font-size: 13px;

            font-weight: 500;



            line-height: 1.2;



            text-align: center;



            box-shadow:

                0 4px 14px rgba(46, 34, 56, 0.08);



            white-space: normal;



            pointer-events: auto;



            cursor: pointer;



            transition:

                background 0.2s ease,

                color 0.2s ease,

                border-color 0.2s ease,

                transform 0.2s ease;

        }





        .map-callout-label:hover {

            background: #4e397b;



            border-color: #4e397b;



            color: #ffffff;



            transform: translateY(-1px);

        }





        /* =========================================================

        LEFT / RIGHT LABEL POSITIONING

        ========================================================= */



        .map-callout-label.callout-left {

            left: 12px;

        }





        .map-callout-label.callout-right {

            right: 12px;

        }





        /* =========================================================

        HIDE GENERATED CALLOUTS FOR INACTIVE STATE

        ========================================================= */



        .map-callout-label,

        .map-callout-line {

            transition: opacity 0.2s ease;

        }





        /* =========================================================

        MOBILE

        ========================================================= */



        @media (max-width: 767px) {



            .map-callout-label {

                min-width: 82px;

                max-width: 100px;



                padding: 5px 7px;



                font-size: 8px;

            }





            .map-callout-label.callout-left {

                left: 5px;

            }





            .map-callout-label.callout-right {

                right: 5px;

            }





            .map-callout-line {

                stroke-width: 1;

            }



        }



.leaflet-control-attribution{display:none;}

.img-fluid.apnikutirimgone{width:100%;}

.cfsroi-final-box{background-position:top left;}

.ip-banner .recboxtwocus{width:232px;}

.team-banner__content .recboxtwocus{width:308px; left:-15px; top:-15px;}

.founder-story .legacy-forward__people{color:#fff; padding-top:1rem;}

.founder-story .legacy-forward__people h2, .founder-story .legacy-forward__people p{color:#fff;}



.legacy-forward.legacy-forward-team .legacy-forward__content{padding:40px;}



/* =========================================================

   LEADERSHIP SETS

========================================================= */



.Leadership-sets {

    position: relative;



    width: 100%;

    min-height: 250px;



    padding: 55px 0;



    display: flex;

    align-items: flex-start;



    background-image:

        url('../images/Who-are-we011.jpg');



    background-size: cover;

    background-position: center;

    background-repeat: no-repeat;



    overflow: hidden;

}





/* =========================================================

   SUBTLE IMAGE OVERLAY

========================================================= */



.Leadership-sets::before {

    content: "";



    position: absolute;

    inset: 0;



    background: var(--deep-purple);



    opacity: .12;



    pointer-events: none;

}





/* =========================================================

   CONTAINER

========================================================= */



.Leadership-sets-container {

    position: relative;



    z-index: 2;



    width: min(1200px, calc(100% - 40px));



    margin: 0 auto;

}





/* =========================================================

   WHITE UPPER CONTENT BOX

========================================================= */



.Leadership-sets-content {

    width: 58%;

    max-width: 700px;



    padding: 38px 42px;



    background: var(--white);



    border-radius: var(--radius-xl);



    box-shadow: var(--shadow-soft);

}





/* =========================================================

   SMALL EYEBROW

========================================================= */



.Leadership-sets-eyebrow {

    display: inline-block;



    margin-bottom: 14px;



    padding: 7px 13px;



    background: var(--deep-purple);



    border-radius: var(--radius-md);



    color: var(--white);



    font-size: 11px;

    line-height: 1;



    font-weight: 700;



    letter-spacing: .08em;



    text-transform: uppercase;

}





/* =========================================================

   H2

========================================================= */



.Leadership-sets h2 {

    margin: 0 0 20px;



    font-size: 43px;

    line-height: 1.08;



    font-weight: 700;



    color: var(--deep-purple);

}





/* =========================================================

   PARAGRAPH

========================================================= */



.Leadership-sets p {

    margin: 0 0 16px;



    font-size: 16px;

    line-height: 1.7;



    color: var(--text-muted);

}





.Leadership-sets p:last-of-type {

    margin-bottom: 0;

}





/* =========================================================

   BOTTOM HIGHLIGHT

========================================================= */



.Leadership-sets-highlight {

    margin-top: 24px;



    padding: 18px 20px;



    background: var(--mist-lavender);



    border-left: 4px solid var(--vibrant-violet);



    border-radius: var(--radius-md);

}





.Leadership-sets-highlight p {

    margin: 0;



    font-size: 16px;

    line-height: 1.55;



    font-weight: 700;



    color: var(--deep-purple);

}





/* =========================================================

   TABLET

========================================================= */



@media (max-width: 991px) {



    .Leadership-sets {

        min-height: 200px;



        padding: 45px 0;

    }





    .Leadership-sets-content {

        width: 72%;



        padding: 34px 32px;

    }





    .Leadership-sets h2 {

        font-size: 39px;

    }



}





/* =========================================================

   MOBILE

========================================================= */



@media (max-width: 767px) {



    .Leadership-sets {

        min-height: auto;



        padding: 35px 0 280px;



        background-position: center bottom;

    }





    .Leadership-sets-container {

        width: min(100% - 30px, 1200px);

    }





    .Leadership-sets-content {

        width: 100%;



        padding: 28px 22px;

    }





    .Leadership-sets h2 {

        font-size: 34px;

        line-height: 1.1;

    }





    .Leadership-sets p {

        font-size: 16px;

        line-height: 1.65;

    }





    .Leadership-sets-highlight {

        padding: 16px 17px;

    }



}



h4.cf-team-section-title{font-size:34px; padding-top:2rem;}



/* =========================================================

   FROM STRATEGY TO GRASSROOTS

========================================================= */



.Strategy-grassroots {

    width: 100%;



    padding: 55px 0;



    background: var(--mist-lavender);



    overflow: hidden;

}





.Strategy-grassroots-container {

    width: min(1200px, calc(100% - 40px));



    margin: 0 auto;

}





/* =========================================================

   MAIN GRID

========================================================= */



.Strategy-grassroots-wrap {

    display: grid;



    grid-template-columns: 46% 54%;



    align-items: center;



    min-height: 600px;



    background: var(--white);



    border-radius: var(--radius-xl);



    box-shadow: var(--shadow-soft);



    overflow: hidden;

}





/* =========================================================

   LEFT IMAGE

========================================================= */



.Strategy-grassroots-image {

    position: relative;



    width: 100%;

    height: 100%;

    min-height: 600px;



    overflow: hidden;

}





.Strategy-grassroots-image img {

    display: block;



    width: 100%;

    height: 100%;



    min-height: 600px;



    object-fit: cover;

    object-position: center;

}





/* =========================================================

   SMALL PURPLE IMAGE ACCENT

========================================================= */



.Strategy-grassroots-image::after {

    content: "";



    position: absolute;



    right: 0;

    top: 0;



    width: 7px;

    height: 100%;



    background: var(--vibrant-violet);

}





/* =========================================================

   RIGHT CONTENT

========================================================= */



.Strategy-grassroots-content {

    padding: 48px 52px;

}





/* =========================================================

   EYEBROW

========================================================= */



.Strategy-grassroots-eyebrow {

    display: inline-block;



    margin-bottom: 15px;



    padding: 7px 13px;



    background: var(--deep-purple);



    border-radius: var(--radius-md);



    color: var(--white);



    font-size: 11px;

    line-height: 1;



    font-weight: 700;



    letter-spacing: .08em;



    text-transform: uppercase;

}





/* =========================================================

   H2

========================================================= */



.Strategy-grassroots h2 {

    max-width: 690px;



    margin: 0 0 24px;



    font-size: 43px;

    line-height: 1.08;



    font-weight: 600;



    color: var(--deep-purple);

}





/* =========================================================

   PARAGRAPHS

========================================================= */



.Strategy-grassroots p {

    margin: 0 0 16px;



    font-size: 16px;

    line-height: 1.7;



    color: var(--text-muted);

}





/* =========================================================

   JOURNEY LINES

========================================================= */



.Strategy-grassroots-moments {

    margin: 22px 0;



    padding: 18px 0;



    border-top: 1px solid var(--mist-lavender);

    border-bottom: 1px solid var(--mist-lavender);

}





.Strategy-grassroots-moment {

    position: relative;



    margin-bottom: 8px;



    padding-left: 22px;



    font-size: 16px;

    line-height: 1.55;



    color: var(--charcoal-plum);

}





.Strategy-grassroots-moment:last-child {

    margin-bottom: 0;

}





/* DOT */



.Strategy-grassroots-moment::before {

    content: "";



    position: absolute;



    left: 0;

    top: 9px;



    width: 8px;

    height: 8px;



    border-radius: 50%;



    background: var(--vibrant-violet);

}





/* =========================================================

   FINAL HIGHLIGHT

========================================================= */



.Strategy-grassroots-highlight {

    margin-top: 25px;



    padding: 20px 22px;



    background: var(--deep-purple);



    border-radius: var(--radius-xl);

}





.Strategy-grassroots-highlight p {

    margin: 0;



    font-size: 16px;

    line-height: 1.55;



    font-weight: 700;



    color: var(--white);

}





/* =========================================================

   TABLET

========================================================= */



@media (max-width: 991px) {



    .Strategy-grassroots-wrap {

        grid-template-columns: 1fr;

    }





    .Strategy-grassroots-image {

        min-height: 420px;

    }





    .Strategy-grassroots-image img {

        min-height: 420px;

        height: 420px;

    }





    .Strategy-grassroots-image::after {

        top: auto;

        bottom: 0;



        width: 100%;

        height: 7px;

    }





    .Strategy-grassroots-content {

        padding: 42px 38px;

    }





    .Strategy-grassroots h2 {

        font-size: 39px;

    }



}





/* =========================================================

   MOBILE

========================================================= */



@media (max-width: 767px) {



    .Strategy-grassroots {

        padding: 40px 0;

    }





    .Strategy-grassroots-container {

        width: min(100% - 30px, 1200px);

    }





    .Strategy-grassroots-image {

        min-height: 300px;

    }





    .Strategy-grassroots-image img {

        min-height: 300px;

        height: 300px;

    }





    .Strategy-grassroots-content {

        padding: 30px 22px;

    }





    .Strategy-grassroots h2 {

        font-size: 34px;

        line-height: 1.1;

    }





    .Strategy-grassroots p,

    .Strategy-grassroots-moment {

        font-size: 16px;

    }





    .Strategy-grassroots-highlight {

        padding: 17px 18px;

    }



}





/* =========================================================

   SENIOR MANAGEMENT SECTION

========================================================= */



.Senior-management {

    width: 100%;

    padding: 55px 0;

    background: var(--ivory-white);

}





/* =========================================================

   MAIN HEADING

========================================================= */



.Senior-management-heading {

    max-width: 760px;

    margin: 0 auto 25px;

    text-align: center;

}





.Senior-management-heading h2 {

    margin: 0 0 10px;



    font-size: 43px;

    line-height: 1.1;



    font-weight: 700;



    color: var(--deep-purple);

}





.Senior-management-heading p {

    margin: 0;



    font-size: 16px;

    line-height: 1.6;



    color: var(--text-muted);

}





/* =========================================================

   TEAM CARD

========================================================= */



.Senior-management-card {

    position: relative;



    height: 100%;



    background: var(--white);



    border: 1px solid var(--mist-lavender);



    border-radius: var(--radius-xl);



    overflow: hidden;



    box-shadow: var(--shadow-card);



    transition:

        transform .3s ease,

        box-shadow .3s ease;

}





.Senior-management-card:hover {

    transform: translateY(-5px);



    box-shadow: var(--deep-shadow);

}





/* =========================================================

   IMAGE

========================================================= */



.Senior-management-image {

    position: relative;



    width: 100%;

    height: 310px;



    overflow: hidden;



    background: var(--mist-lavender);

}





.Senior-management-image img {

    display: block;



    width: 100%;

    height: 100%;



    object-fit: cover;

    object-position: top;



    transition: transform .4s ease;

}





.Senior-management-card:hover

.Senior-management-image img {

    transform: scale(1.03);

}





/* =========================================================

   PURPLE BOTTOM IMAGE LINE

========================================================= */



.Senior-management-image::after {

    content: "";



    position: absolute;



    left: 0;

    right: 0;

    bottom: 0;



    height: 5px;



    background: var(--vibrant-violet);

}





/* =========================================================

   CONTENT

========================================================= */



.Senior-management-content {

    padding: 24px 24px 26px;

}





/* =========================================================

   NAME

========================================================= */



.Senior-management-name {

    margin: 0 0 7px;



    font-size: 24px;

    line-height: 1.2;



    font-weight: 700;



    color: var(--deep-purple);

}





/* =========================================================

   ROLE

========================================================= */



.Senior-management-role {

    display: block;



    min-height: 44px;



    margin-bottom: 14px;



    font-size: 14px;

    line-height: 1.45;



    font-weight: 700;



    color: var(--vibrant-violet);

}





/* =========================================================

   DIVIDER

========================================================= */



.Senior-management-line {

    width: 48px;

    height: 3px;



    margin-bottom: 15px;



    background: var(--soft-lavender);

}





/* =========================================================

   BIO

========================================================= */



.Senior-management-content p {

    margin: 0;



    font-size: 16px;

    line-height: 1.7;



    color: var(--text-muted);

}





/* =========================================================

   LAST ROW TWO CARDS CENTER

========================================================= */



.Senior-management-last-row {

    justify-content: center;

}





/* =========================================================

   TABLET

========================================================= */



@media (max-width: 991px) {



    .Senior-management {

        padding: 48px 0;

    }





    .Senior-management-heading h2 {

        font-size: 38px;

    }





    .Senior-management-image {

        height: 290px;

    }



}





/* =========================================================

   MOBILE

========================================================= */



@media (max-width: 767px) {



    .Senior-management {

        padding: 40px 0;

    }





    .Senior-management-heading {

        margin-bottom: 28px;

    }





    .Senior-management-heading h2 {

        font-size: 34px;

    }





    .Senior-management-heading p,

    .Senior-management-content p {

        font-size: 16px;

    }





    .Senior-management-image {

        height: 300px;

    }





    .Senior-management-content {

        padding: 22px 20px 24px;

    }





    .Senior-management-name {

        font-size: 23px;

    }





    .Senior-management-role {

        min-height: auto;

    }



}



/* =========================================================

   GET INVOLVED BANNER

========================================================= */



.Get-involved-banner {

    position: relative;



    width: 100%;

    min-height: 620px;



    display: flex;

    align-items: center;



    padding: 65px 0;



    background-image:

        url("../images/ak-banner-img03.jpg");

    background-size: cover;

    background-position: center;

    background-repeat: no-repeat;

	margin-top:200px;

    overflow: hidden;

}





/* =========================================================

   IMAGE OVERLAY

========================================================= */



.Get-involved-banner::before {

    content: "";



    position: absolute;

    inset: 0;



    background: var(--deep-purple);



    opacity: .24;



    z-index: 0;

}





/* =========================================================

   CONTAINER

========================================================= */



.Get-involved-banner-container {

    position: relative;



    z-index: 2;



    width: min(1200px, calc(100% - 40px));



    margin: 0 auto;

}





/* =========================================================

   CONTENT GLASS BOX

========================================================= */



.Get-involved-banner-content {

    position: relative;



    width: 68%;

    max-width: 810px;



    padding: 40px 42px 36px;



    overflow: hidden;



    border: 1px solid var(--white);



    border-radius: var(--radius-xl);



    box-shadow: var(--deep-shadow);



    backdrop-filter: blur(10px);

    -webkit-backdrop-filter: blur(10px);

}





/* transparent white background */



.Get-involved-banner-content::before {

    content: "";



    position: absolute;

    inset: 0;



    background: var(--white);



    opacity: .90;



    z-index: -1;

}





/* =========================================================

   LABEL

========================================================= */



.Get-involved-banner-label {

    display: inline-flex;



    align-items: center;

    justify-content: center;



    margin-bottom: 14px;



    padding: 7px 14px;



    background: var(--deep-purple);



    border-radius: var(--radius-md);



    color: var(--white);



    font-size: 11px;

    line-height: 1;



    font-weight: 700;



    letter-spacing: .08em;



    text-transform: uppercase;

}





/* =========================================================

   H2

========================================================= */



.Get-involved-banner h1 {

    max-width: 720px;

    margin: 0 0 18px;

    font-size: 60px;

    line-height: 1.08;

    font-weight: 700;

    color: var(--deep-purple);

}





/* =========================================================

   INTRO

========================================================= */



.Get-involved-banner-intro {

    max-width: 730px;



    margin: 0 0 22px;



    font-size: 16px;

    line-height: 1.7;



    color: var(--charcoal-plum);

}





/* =========================================================

   HORIZONTAL LIST

========================================================= */



.Get-involved-banner-ways {

    display: grid;



    grid-template-columns: repeat(4, 1fr);



    gap: 8px;



    margin: 22px 0;

}





/* =========================================================

   HORIZONTAL ITEM

========================================================= */



.Get-involved-banner-way {

    position: relative;



    min-height: 80px;



    padding: 15px 13px;



    display: flex;

    flex-direction: column;

    justify-content: center;



    background: var(--mist-lavender);



    border: 1px solid var(--white);



    border-radius: var(--radius-md);

}





/* top accent */



.Get-involved-banner-way::before {

    content: "";



    position: absolute;



    top: 0;

    left: 0;

    right: 0;



    height: 3px;



    background: var(--vibrant-violet);

}





/* small number */



.Get-involved-banner-way-number {

    display: block;



    margin-bottom: 6px;



    font-size: 20px;

    line-height: 1;



    font-weight: 700;



    color: var(--vibrant-violet);

}





/* text */



.Get-involved-banner-way p {

    margin: 0;



    font-size: 15px;

    line-height: 1.45;



    font-weight: 600;



    color: var(--charcoal-plum);

}





/* =========================================================

   FINAL MESSAGE

========================================================= */



.Get-involved-banner-highlight {

    position: relative;



    margin-top: 20px;



    padding: 18px 20px 18px 24px;



    background: var(--deep-purple);



    border-radius: var(--radius-md);

}





.Get-involved-banner-highlight::before {

    content: "";



    position: absolute;



    left: 0;

    top: 0;

    bottom: 0;



    width: 5px;



    background: var(--vibrant-violet);

}





.Get-involved-banner-highlight p {

    margin: 0;



    font-size: 16px;

    line-height: 1.55;



    font-weight: 700;



    color: var(--white);

}





/* =========================================================

   TABLET

========================================================= */



@media (max-width: 991px) {



    .Get-involved-banner {

        min-height: 600px;



        padding: 55px 0;

    }





    .Get-involved-banner-content {

        width: 82%;



        padding: 35px 34px;

    }





    .Get-involved-banner h2 {

        font-size: 39px;

    }





    .Get-involved-banner-ways {

        grid-template-columns: repeat(2, 1fr);

    }



}





/* =========================================================

   MOBILE

========================================================= */



@media (max-width: 767px) {



    .Get-involved-banner {

        min-height: auto;



        padding: 40px 0;



        background-position: center;

    }





    .Get-involved-banner-container {

        width: min(100% - 30px, 1200px);

    }





    .Get-involved-banner-content {

        width: 100%;



        padding: 27px 20px 24px;

    }





    .Get-involved-banner h2 {

        font-size: 34px;

        line-height: 1.1;

    }





    .Get-involved-banner-intro {

        font-size: 16px;

    }





    .Get-involved-banner-ways {

        grid-template-columns: repeat(2, 1fr);



        gap: 7px;



        margin: 18px 0;

    }





    .Get-involved-banner-way {

        min-height: 78px;



        padding: 13px 11px;

    }





    .Get-involved-banner-way p {

        font-size: 12px;

    }





    .Get-involved-banner-highlight {

        padding: 16px 16px 16px 20px;

    }



}





/* =========================================================

   SMALL MOBILE

========================================================= */



@media (max-width: 480px) {



    .Get-involved-banner-ways {

        grid-template-columns: 1fr 1fr;

    }



}



.hero-section.akherosec.aboutherobgimgcls.apnikutirbannersec h1{font-size:62px;}

.hero-section.getinvolvedcls .stat-card p{min-height:43px;}

.Get-involved-banner-highlight::before{display:none;}

.Get-involved-banner-highlight{text-align:center; background:transparent; padding:15px 10px 0;}



/* =========================================================

   MAKE GIVING A HABIT

========================================================= */



.giving-editorial {

    width: 100%;

    padding: 50px 0 85px;

    background: var(--ivory-white);

    overflow: hidden;

}





.giving-editorial-container {

    width: min(1180px, calc(100% - 40px));

    margin: 0 auto;

}





/* =========================================================

   TOP TITLE

========================================================= */



.giving-editorial-top {

    display: grid;

    grid-template-columns: 40% 60%;

    align-items: end;



    margin-bottom: 34px;

}





.giving-editorial-kicker {

    font-size: 13px;

    line-height: 1.4;



    font-weight: 700;



    letter-spacing: .08em;

    text-transform: uppercase;



    color: var(--vibrant-violet);

}





.giving-editorial-top h2 {

    margin: 0;



    max-width: 700px;



    font-size: 43px;

    line-height: 1.08;



    font-weight: 700;



    color: var(--deep-purple);

}





/* =========================================================

   MAIN VISUAL

========================================================= */



.giving-editorial-main {

    position: relative;



    display: grid;

    grid-template-columns: 56% 44%;



    min-height: 610px;

}





/* =========================================================

   LEFT IMAGE

========================================================= */



.giving-editorial-image {

    position: relative;

    min-height: 610px;

    overflow: hidden;

}





.giving-editorial-image img {

    display: block;



    width: 100%;

    height: 100%;



    min-height: 610px;



    object-fit: cover;

    object-position: center;

}





/* =========================================================

   RIGHT CONTENT

========================================================= */



.giving-editorial-copy {

    position: relative;



    padding: 46px 0 150px 52px;



    display: flex;

    flex-direction: column;

    justify-content: center;

}





.giving-editorial-copy h3 {

    margin: 0 0 23px;



    max-width: 500px;



    font-size: 31px;

    line-height: 1.22;



    font-weight: 700;



    color: var(--deep-purple);

}





.giving-editorial-copy p {

    margin: 0 0 16px;



    max-width: 510px;



    font-size: 16px;

    line-height: 1.72;



    color: var(--text-muted);

}





/* =========================================================

   SIMPLE HUMAN STORY LINES

========================================================= */



.giving-editorial-stories {

    margin: 9px 0 20px;

}





.giving-editorial-story {

    position: relative;



    padding: 12px 0 12px 26px;



    border-bottom: 1px solid var(--mist-lavender);



    font-size: 16px;

    line-height: 1.5;



    color: var(--charcoal-plum);

}





.giving-editorial-story:first-child {

    border-top: 1px solid var(--mist-lavender);

}





.giving-editorial-story::before {

    content: "";



    position: absolute;



    left: 0;

    top: 19px;



    width: 8px;

    height: 8px;



    background: var(--vibrant-violet);



    border-radius: 50%;

}





/* =========================================================

   DONATION ACTION BAR

========================================================= */



.giving-editorial-action {

    position: absolute;



    left: 8%;

    right: 0;

    bottom: -35px;



    min-height: 130px;



    padding: 26px 30px;



    display: flex;

    align-items: center;

    justify-content: space-between;



    gap: 30px;



    background: var(--deep-purple);



    border-radius: var(--radius-xl);



    box-shadow: var(--deep-shadow);



    z-index: 5;

}





.giving-editorial-action-copy {

    max-width: 540px;

}





.giving-editorial-action-small {

    display: block;



    margin-bottom: 6px;



    font-size: 11px;

    line-height: 1.2;



    font-weight: 700;



    letter-spacing: .08em;

    text-transform: uppercase;



    color: var(--mist-lavender);

}





.giving-editorial-action-copy strong {

    display: block;



    font-size: 20px;

    line-height: 1.4;



    color: var(--white);

}





/* =========================================================

   BUTTONS

========================================================= */



.giving-editorial-buttons {

    flex: 0 0 auto;

    display: block;

    align-items: center;

    gap: 10px;

}





.giving-editorial-btn {

    min-height: 46px;



    padding: 0 21px;



    display: inline-flex;

    align-items: center;

    justify-content: center;



    border-radius: var(--radius-lg);



    text-decoration: none;



    font-size: 14px;

    line-height: 1;



    font-weight: 700;



    transition:

        transform .25s ease,

        background .25s ease,

        color .25s ease;

}





.giving-editorial-btn-primary {

    background: var(--white);

    color: var(--deep-purple);

}





.giving-editorial-btn-secondary {

    background: var(--vibrant-violet);

    color: var(--white);

}





.giving-editorial-btn:hover {

    transform: translateY(-2px);

}





.giving-editorial-btn-primary:hover {

    background: var(--mist-lavender);

    color: var(--deep-purple);

}





.giving-editorial-btn-secondary:hover {

    background: var(--soft-lavender);

    color: var(--white);

}





/* =========================================================

   TABLET

========================================================= */



@media (max-width: 991px) {



    .giving-editorial {

        padding: 55px 0 75px;

    }





    .giving-editorial-top {

        grid-template-columns: 1fr;



        gap: 10px;



        margin-bottom: 28px;

    }





    .giving-editorial-top h2 {

        font-size: 39px;

    }





    .giving-editorial-main {

        grid-template-columns: 1fr;

    }





    .giving-editorial-image {

        min-height: 450px;

    }





    .giving-editorial-image img {

        min-height: 450px;

    }





    .giving-editorial-copy {

        padding: 40px 20px 165px;

    }





    .giving-editorial-action {

        left: 20px;

        right: 20px;

    }



}





/* =========================================================

   MOBILE

========================================================= */



@media (max-width: 767px) {



    .giving-editorial {

        padding: 40px 0 90px;

    }





    .giving-editorial-container {

        width: min(100% - 30px, 1180px);

    }





    .giving-editorial-top h2 {

        font-size: 34px;

    }





    .giving-editorial-image {

        min-height: 320px;

    }





    .giving-editorial-image img {

        min-height: 320px;

    }





    .giving-editorial-copy {

        padding: 30px 5px 230px;

    }





    .giving-editorial-copy h3 {

        font-size: 27px;

    }





    .giving-editorial-copy p,

    .giving-editorial-story {

        font-size: 16px;

    }





    .giving-editorial-action {

        left: 0;

        right: 0;

        bottom: -45px;



        padding: 22px;



        flex-direction: column;

        align-items: flex-start;



        gap: 18px;

    }





    .giving-editorial-buttons {

        width: 100%;



        flex-direction: column;

    }





    .giving-editorial-btn {

        width: 100%;

    }



}



.giving-editorial-copy h2{font-size:43px; margin-bottom:1rem;}

.smallgetinvtxt{padding-top:10px; text-align:center; margin-bottom:0; color:#fff; font-size:12px;}



.gi-compact-page {

    width: 100%;

    overflow: hidden;

}





.gi-compact-container {

    width: min(1160px, calc(100% - 40px));

    margin: 0 auto;

}





/* =========================================================

   COMMON TYPOGRAPHY

========================================================= */



.gi-compact-page h2 {

    margin: 0 0 16px;



    font-size: 43px;

    line-height: 1.08;



    font-weight: 700;



    color: var(--deep-purple);

}





.gi-compact-page h3 {

    margin: 0 0 12px;



    font-size: 25px;

    line-height: 1.25;



    font-weight: 700;



    color: var(--deep-purple);

}





.gi-compact-page p {

    margin: 0 0 12px;



    font-size: 16px;

    line-height: 1.65;



    color: var(--text-muted);

}





.gi-compact-label {

    display: inline-block;



    margin-bottom: 12px;



    padding: 7px 12px;



    background: var(--deep-purple);



    border-radius: var(--radius-md);



    color: var(--white);



    font-size: 11px;

    line-height: 1;



    font-weight: 700;



    letter-spacing: .07em;



    text-transform: uppercase;

}





/* =========================================================

   BUTTON

========================================================= */



.gi-compact-btn {

    display: inline-flex;



    align-items: center;

    justify-content: center;



    min-height: 44px;



    margin-top: 6px;



    padding: 0 20px;



    background: var(--deep-purple);



    border: 1px solid var(--deep-purple);



    border-radius: var(--radius-lg);



    color: var(--white);



    text-decoration: none;



    font-size: 14px;

    line-height: 1;



    font-weight: 700;



    transition:

        background .25s ease,

        transform .25s ease;

}





.gi-compact-btn:hover {

    background: var(--soft-lavender);



    border-color: var(--soft-lavender);



    color: var(--white);



    transform: translateY(-2px);

}





/* =========================================================

   01 VISIT - BACKGROUND IMAGE

========================================================= */



.gi-compact-visit {

    position: relative;



    min-height: 520px;



    padding: 55px 0;



    display: flex;

    align-items: center;



    background-image:

        url("https://symmetrixsys.in/staging/cf/images/ak-banner-img01.jpg");



    background-size: cover;

    background-position: center;

    background-repeat: no-repeat;



    overflow: hidden;

}





.gi-compact-visit::before {

    content: "";



    position: absolute;

    inset: 0;



    background: var(--deep-purple);



    opacity: .28;



    z-index: 0;

}





.gi-compact-visit .gi-compact-container {

    position: relative;

    z-index: 2;

}





.gi-compact-visit-box {

    width: 56%;

    max-width: 650px;



    padding: 34px 36px;



    background: var(--white);



    border-radius: var(--radius-xl);



    box-shadow: var(--deep-shadow);

}





/* =========================================================

   02 VOLUNTEER - COLOR BACKGROUND

========================================================= */



.gi-compact-volunteer {

    padding: 55px 0;



    background: var(--mist-lavender);

}





.gi-compact-two-col {

    display: grid;



    grid-template-columns: 46% 54%;



    align-items: center;



    gap: 48px;

}





/* =========================================================

   VOLUNTEER IMAGE

========================================================= */



.gi-compact-volunteer-image {

    position: relative;



    height: 440px;



    overflow: hidden;



    border-radius: var(--radius-xl);



    box-shadow: var(--shadow-card);

}





.gi-compact-volunteer-image img {

    width: 100%;

    height: 100%;



    display: block;



    object-fit: cover;

    object-position: center;

}





/* =========================================================

   VOLUNTEER LIST

========================================================= */



.gi-compact-list {

    display: grid;



    grid-template-columns: repeat(2, 1fr);



    gap: 0 20px;



    margin: 17px 0;

}





.gi-compact-list-item {

    position: relative;



    padding: 9px 0 9px 18px;



    border-bottom: 1px solid var(--white);



    font-size: 14px;

    line-height: 1.45;



    color: var(--charcoal-plum);

}





.gi-compact-list-item::before {

    content: "";



    position: absolute;



    left: 0;

    top: 15px;



    width: 6px;

    height: 6px;



    border-radius: 50%;



    background: var(--vibrant-violet);

}





/* =========================================================

   03 DONOR - BACKGROUND IMAGE

========================================================= */



.gi-compact-donor {

    position: relative;



    min-height: 520px;



    padding: 55px 0;



    display: flex;

    align-items: center;



    background-image:

        url("https://symmetrixsys.in/staging/cf/images/skills-create-an-opportunity.jpg");



    background-size: cover;

    background-position: center;

    background-repeat: no-repeat;



    overflow: hidden;

}





.gi-compact-donor::before {

    content: "";



    position: absolute;

    inset: 0;



    background: var(--deep-purple);



    opacity: .30;



    z-index: 0;

}





.gi-compact-donor .gi-compact-container {

    position: relative;

    z-index: 2;

}





.gi-compact-donor-box {

    width: 55%;

    max-width: 630px;



    margin-left: auto;



    padding: 34px 36px;



    background: var(--white);



    border-radius: var(--radius-xl);



    box-shadow: var(--deep-shadow);

}





.gi-compact-donor-emphasis {

    margin: 18px 0;



    padding: 15px 17px;



    background: var(--mist-lavender);



    border-left: 4px solid var(--vibrant-violet);



    border-radius: var(--radius-md);

}





.gi-compact-donor-emphasis p {

    margin: 0;



    font-weight: 700;



    color: var(--deep-purple);

}





/* =========================================================

   04 WAYS YOU CAN HELP - SOLID COLOR

========================================================= */



.gi-compact-ways {

    padding: 55px 0;



    background: var(--deep-purple);

}





.gi-compact-ways-heading {

    max-width: 680px;



    margin-bottom: 28px;

}





.gi-compact-ways h2 {

    color: var(--white);

}





/* =========================================================

   WAYS GRID

========================================================= */



.gi-compact-ways-grid {

    display: grid;



    grid-template-columns: repeat(5, 1fr);



    border-top: 1px solid var(--soft-lavender);

    border-bottom: 1px solid var(--soft-lavender);

}





.gi-compact-way {

    min-height: 160px;



    padding: 22px 18px;



    border-right: 1px solid var(--soft-lavender);

}





.gi-compact-way:last-child {

    border-right: 0;

}





.gi-compact-way-number {

    display: block;



    margin-bottom: 22px;



    font-size: 20px;

    line-height: 1;



    font-weight: 700;



    color: var(--vibrant-violet);

}





.gi-compact-way h3 {

    margin-bottom: 8px;



    font-size: 25px;



    color: var(--white);

}





.gi-compact-way p {

    margin: 0;



    font-size: 14px;

    line-height: 1.5;



    color: var(--mist-lavender);

}





/* =========================================================

   05 CONTACT - LIGHT BACKGROUND

========================================================= */



.gi-compact-contact {

    padding: 50px 0;



    background: var(--ivory-white);

}





.gi-compact-contact-heading {

    max-width: 740px;



    margin-bottom: 28px;

}





/* =========================================================

   CONTACT WRAP

========================================================= */



.gi-compact-contact-wrap {

    display: grid;



    grid-template-columns: 58% 42%;



    background: var(--white);



    border: 1px solid var(--mist-lavender);



    border-radius: var(--radius-xl);



    overflow: hidden;



    box-shadow: var(--shadow-card);

}





/* =========================================================

   CONTACT INFO

========================================================= */



.gi-compact-contact-info {

    padding: 30px 34px;

}





.gi-compact-contact-row {

    display: grid;



    grid-template-columns: 110px 1fr;



    gap: 20px;



    padding: 14px 0;



    border-bottom: 1px solid var(--mist-lavender);

}





.gi-compact-contact-row:last-child {

    border-bottom: 0;

}





.gi-compact-contact-title {

    font-size: 11px;

    line-height: 1.5;



    font-weight: 700;



    letter-spacing: .07em;



    text-transform: uppercase;



    color: var(--vibrant-violet);

}





.gi-compact-contact-value,

.gi-compact-contact-value a {

    font-size: 14px;

    line-height: 1.65;



    color: var(--charcoal-plum);



    text-decoration: none;

}





.gi-compact-contact-value a:hover {

    color: var(--deep-purple);

}





/* =========================================================

   OFFICE HOURS

========================================================= */



.gi-compact-hours {

    padding: 30px;



    background: var(--deep-purple);

}





.gi-compact-hours h3 {

    margin-bottom: 15px;



    color: var(--white);

}





.gi-compact-hours-row {

    display: flex;



    align-items: center;

    justify-content: space-between;



    gap: 15px;



    padding: 8px 0;



    border-bottom: 1px solid var(--soft-lavender);

}





.gi-compact-hours-row:last-child {

    border-bottom: 0;

}





.gi-compact-hours-day,

.gi-compact-hours-time {

    font-size: 13px;

    line-height: 1.5;



    color: var(--white);

}





.gi-compact-hours-day {

    font-weight: 700;

}





/* =========================================================

   TABLET

========================================================= */



@media (max-width: 991px) {



    .gi-compact-page h2 {

        font-size: 38px;

    }





    .gi-compact-visit-box,

    .gi-compact-donor-box {

        width: 72%;

    }





    .gi-compact-two-col {

        gap: 30px;

    }





    .gi-compact-ways-grid {

        grid-template-columns: repeat(2, 1fr);

    }





    .gi-compact-way {

        border-bottom: 1px solid var(--soft-lavender);

    }





    .gi-compact-contact-wrap {

        grid-template-columns: 1fr;

    }



}





/* =========================================================

   MOBILE

========================================================= */



@media (max-width: 767px) {



    .gi-compact-container {

        width: min(100% - 30px, 1160px);

    }





    .gi-compact-page h2 {

        font-size: 34px;

    }





    .gi-compact-visit,

    .gi-compact-donor {

        min-height: auto;



        padding: 40px 0 230px;



        align-items: flex-start;



        background-position: center bottom;

    }





    .gi-compact-visit-box,

    .gi-compact-donor-box {

        width: 100%;



        padding: 25px 21px;

    }





    .gi-compact-volunteer {

        padding: 40px 0;

    }





    .gi-compact-two-col {

        grid-template-columns: 1fr;



        gap: 25px;

    }





    .gi-compact-volunteer-image {

        height: 320px;

    }





    .gi-compact-list {

        grid-template-columns: 1fr;

    }





    .gi-compact-ways {

        padding: 42px 0;

    }





    .gi-compact-ways-grid {

        grid-template-columns: 1fr;

    }





    .gi-compact-way {

        min-height: auto;



        padding: 20px 0;



        border-right: 0;

    }





    .gi-compact-way-number {

        margin-bottom: 10px;

    }





    .gi-compact-contact {

        padding: 42px 0;

    }





    .gi-compact-contact-info,

    .gi-compact-hours {

        padding: 24px 20px;

    }





    .gi-compact-contact-row {

        grid-template-columns: 1fr;



        gap: 4px;

    }



}



.gi-compact-contact-title{font-size:12px;}

.gi-compact-contact-row{padding:25px 0;}



/* =========================================================

   CAREERS HORIZONTAL SECTION

========================================================= */



.careers-horizontal {

    position: relative;



    width: 100%;

    min-height: 560px;



    padding: 60px 0;



    display: flex;

    align-items: center;



    background-image:

        url("https://symmetrixsys.in/staging/cf/images/skills-create-an-opportunity.jpg");



    background-size: cover;

    background-position: center;

    background-repeat: no-repeat;



    overflow: hidden;

}





/* =========================================================

   BACKGROUND OVERLAY

========================================================= */



.careers-horizontal::before {

    content: "";



    position: absolute;

    inset: 0;



    background: var(--deep-purple);



    opacity: .40;



    z-index: 0;

}





/* =========================================================

   CONTAINER

========================================================= */



.careers-horizontal-container {

    position: relative;



    z-index: 2;



    width: min(1200px, calc(100% - 40px));



    margin: 0 auto;

}





/* =========================================================

   HORIZONTAL WHITE PANEL

========================================================= */



.careers-horizontal-panel {

    position: relative;



    display: grid;



    grid-template-columns: 28% 43% 29%;



    align-items: stretch;



    overflow: hidden;



    border: 1px solid var(--white);



    border-radius: var(--csr-ak-radius-lg);



    box-shadow: var(--deep-shadow);

}





.careers-horizontal-panel::before {

    content: "";



    position: absolute;

    inset: 0;



    background: var(--white);



    opacity: .94;



    z-index: -1;

}





/* =========================================================

   LEFT

========================================================= */



.careers-horizontal-left {

    padding: 40px 34px;



    display: flex;

    flex-direction: column;

    justify-content: center;



    background: var(--deep-purple);

}





.careers-horizontal-left h2 {

    margin: 0 0 16px;



    font-size: 43px;

    line-height: 1.08;



    font-weight: 700;



    color: var(--white);

}





.careers-horizontal-left h3 {

    margin: 0;



    font-size: 27px;

    line-height: 1.3;



    font-weight: 700;



    color: var(--white);

}





/* =========================================================

   MIDDLE

========================================================= */



.careers-horizontal-middle {

    padding: 40px 38px;



    display: flex;

    flex-direction: column;

    justify-content: center;

}





.careers-horizontal-middle p {

    margin: 0 0 15px;



    font-size: 16px;

    line-height: 1.7;



    color: var(--text-muted);

}





.careers-horizontal-middle p:last-child {

    margin-bottom: 0;

}





/* =========================================================

   RIGHT CTA

========================================================= */



.careers-horizontal-right {

    padding: 34px 28px;



    display: flex;

    flex-direction: column;

    justify-content: center;



    background: var(--mist-lavender);



    border-left: 1px solid var(--white);

}





/* =========================================================

   CTA BUTTONS

========================================================= */



.careers-horizontal-btn {

    width: 100%;

    min-height: 48px;



    padding: 0 18px;



    display: flex;

    align-items: center;

    justify-content: center;



    border-radius: var(--radius-lg);



    text-decoration: none;



    font-size: 14px;

    line-height: 1;



    font-weight: 700;



    transition:

        background .25s ease,

        color .25s ease,

        transform .25s ease;

}





.careers-horizontal-btn-primary {

    background: var(--deep-purple);



    color: var(--white);

}





.careers-horizontal-btn-secondary {

    background: var(--white);



    color: var(--deep-purple);



    border: 1px solid var(--vibrant-violet);

}





.careers-horizontal-btn:hover {

    transform: translateY(-2px);

}





.careers-horizontal-btn-primary:hover {

    background: var(--soft-lavender);



    color: var(--white);

}





.careers-horizontal-btn-secondary:hover {

    background: var(--vibrant-violet);



    color: var(--white);

}





/* =========================================================

   OR

========================================================= */



.careers-horizontal-or {

    display: block;



    margin: 10px 0;



    text-align: center;



    font-size: 13px;

    line-height: 1;



    font-weight: 700;



    color: var(--text-muted);

}





/* =========================================================

   EMAIL TEXT

========================================================= */



.careers-horizontal-email {

    margin: 18px 0 0;



    font-size: 14px;

    line-height: 1.6;



    color: var(--charcoal-plum);

}





.careers-horizontal-email strong {

    color: var(--deep-purple);

}





.careers-horizontal-email a {

    color: var(--deep-purple);



    font-weight: 700;



    text-decoration: none;

}





/* =========================================================

   TABLET

========================================================= */



@media (max-width: 991px) {



    .careers-horizontal {

        min-height: auto;



        padding: 50px 0;

    }





    .careers-horizontal-panel {

        grid-template-columns: 1fr 1fr;

    }





    .careers-horizontal-left {

        grid-column: 1 / -1;



        padding: 30px 32px;

    }





    .careers-horizontal-left h2 {

        font-size: 38px;

    }





    .careers-horizontal-middle,

    .careers-horizontal-right {

        padding: 32px;

    }



}





/* =========================================================

   MOBILE

========================================================= */



@media (max-width: 767px) {



    .careers-horizontal {

        padding: 40px 0;



        background-position: center;

    }





    .careers-horizontal-container {

        width: min(100% - 30px, 1200px);

    }





    .careers-horizontal-panel {

        grid-template-columns: 1fr;



        border-radius: var(--radius-xl);

    }





    .careers-horizontal-left {

        grid-column: auto;



        padding: 26px 22px;

    }





    .careers-horizontal-left h2 {

        font-size: 34px;

    }





    .careers-horizontal-left h3 {

        font-size: 24px;

    }





    .careers-horizontal-middle,

    .careers-horizontal-right {

        padding: 25px 22px;

    }





    .careers-horizontal-middle p {

        font-size: 16px;

    }





    .careers-horizontal-right {

        border-left: 0;



        border-top: 1px solid var(--white);

    }



}



/* =========================================================

   COMPACT CONTACT STRIP

========================================================= */



.cf-contact-strip {

    width: 100%;

    padding: 28px 0;



    background: var(--ivory-white);

}





.cf-contact-strip-container {

    width: min(1160px, calc(100% - 40px));

    margin: 0 auto;

}





/* =========================================================

   MAIN CONNECTED PANEL

========================================================= */



.cf-contact-strip-wrap {

    display: grid;



    grid-template-columns: 1.55fr .75fr 1.25fr;



    overflow: hidden;



    background: var(--white);



    border: 1px solid var(--mist-lavender);



    border-radius: var(--radius-xl);



    box-shadow: var(--shadow-card);

}





/* =========================================================

   COMMON ITEM

========================================================= */



.cf-contact-strip-item {

    position: relative;



    min-height: 138px;



    padding: 20px 24px;



    display: flex;

    align-items: center;



    gap: 16px;



    border-right: 1px solid var(--mist-lavender);

}





.cf-contact-strip-item:last-child {

    border-right: 0;

}





/* =========================================================

   NUMBER / MARK

========================================================= */



.cf-contact-strip-mark {

    width: 42px;

    height: 42px;



    flex: 0 0 42px;



    display: flex;

    align-items: center;

    justify-content: center;



    border-radius: 50%;



    background: var(--mist-lavender);



    color: var(--deep-purple);



    font-size: 12px;

    line-height: 1;



    font-weight: 700;

}





/* =========================================================

   CONTENT

========================================================= */



.cf-contact-strip-content {

    min-width: 0;

}





.cf-contact-strip-title {

    display: block;



    margin-bottom: 6px;



    font-size: 11px;

    line-height: 1;



    font-weight: 700;



    letter-spacing: .08em;



    text-transform: uppercase;



    color: var(--vibrant-violet);

}





.cf-contact-strip-text,

.cf-contact-strip-text a {

    font-size: 15px;

    line-height: 1.55;



    color: var(--charcoal-plum);



    text-decoration: none;

}





.cf-contact-strip-text a {

    font-weight: 600;

}





.cf-contact-strip-text a:hover {

    color: var(--deep-purple);

}





/* =========================================================

   ADDRESS FEATURE

========================================================= */



.cf-contact-strip-address {

    background: var(--deep-purple);



    border-right: 0;

}





.cf-contact-strip-address .cf-contact-strip-mark {

    background: var(--vibrant-violet);

    color: var(--white);

}





.cf-contact-strip-address .cf-contact-strip-title {

    color: var(--mist-lavender);

}





.cf-contact-strip-address .cf-contact-strip-text {

    color: var(--white);



    font-size: 16px;

    line-height: 1.55;

}





/* =========================================================

   PHONE

========================================================= */



.cf-contact-strip-phone .cf-contact-strip-text a {

    font-size: 19px;



    font-weight: 700;



    color: var(--deep-purple);

}





/* =========================================================

   EMAILS

========================================================= */



.cf-contact-strip-emails {

    display: flex;

    flex-direction: column;



    gap: 3px;

}





/* =========================================================

   TABLET

========================================================= */



@media (max-width: 991px) {



    .cf-contact-strip-wrap {

        grid-template-columns: 1fr 1fr;

    }





    .cf-contact-strip-address {

        grid-column: 1 / -1;

    }





    .cf-contact-strip-item {

        min-height: 120px;

    }



}





/* =========================================================

   MOBILE

========================================================= */



@media (max-width: 767px) {



    .cf-contact-strip {

        padding: 20px 0;

    }





    .cf-contact-strip-container {

        width: min(100% - 30px, 1160px);

    }





    .cf-contact-strip-wrap {

        grid-template-columns: 1fr;

    }





    .cf-contact-strip-address {

        grid-column: auto;

    }





    .cf-contact-strip-item {

        min-height: auto;



        padding: 18px 20px;



        border-right: 0;



        border-bottom: 1px solid var(--mist-lavender);

    }





    .cf-contact-strip-item:last-child {

        border-bottom: 0;

    }





    .cf-contact-strip-address {

        border-bottom: 0;

    }





    .cf-contact-strip-mark {

        width: 38px;

        height: 38px;



        flex-basis: 38px;

    }





    .cf-contact-strip-text,

    .cf-contact-strip-text a {

        font-size: 14px;

    }





    .cf-contact-strip-address .cf-contact-strip-text {

        font-size: 15px;

    }





    .cf-contact-strip-phone .cf-contact-strip-text a {

        font-size: 18px;

    }



}



.publication-card-actions .cf-buttontwo{padding:13px 10px;}



/* ==========================================================

   HERO

========================================================== */



.careerpage-hero {

    position: relative;

    width: 100%;

    min-height: 610px;

	

    display: flex;

    align-items: center;

	margin-top:4rem;

    padding: 58px 0 86px;



    background-image:

        url("../images/Who-are-we011.jpg");



    background-size: cover;

    background-position: center;

    background-repeat: no-repeat;



    overflow: hidden;

}





.careerpage-hero::before {

    content: "";

    position: absolute;

    inset: 0;



    background: var(--deep-purple);

    opacity: .18;



    z-index: 0;

}





.careerpage-container {

    position: relative;

    z-index: 2;



    width: min(1200px, calc(100% - 40px));

    margin: 0 auto;

}





/* ==========================================================

   WHITE CONTENT CARD

========================================================== */



.careerpage-hero-card {

    position: relative;



    width: 54%;

    max-width: 650px;



    padding: 42px 46px;



    background: var(--white);



    border-radius: var(--radius-xl);



    box-shadow: var(--deep-shadow);

}





/* purple detail */



.careerpage-hero-card::before {

    content: "";



    position: absolute;



    left: 0;

    top: 38px;



    width: 5px;

    height: 78px;



    background: var(--vibrant-violet);

}





/* ==========================================================

   HEADING

========================================================== */



.careerpage-hero-card h2 {

    margin: 0;



    max-width: 530px;



    font-size: 43px;

    line-height: 1.08;



    font-weight: 700;



    color: var(--deep-purple);

}



.careerpage-hero-card p{margin-bottom:0;}



/* ==========================================================

   STORY LINES

========================================================== */



.careerpage-story {

    margin-bottom: 22px;

}





.careerpage-story p {

    position: relative;



    margin: 0;



    padding: 8px 0 8px 23px;



    font-size: 16px;

    line-height: 1.45;



    color: var(--charcoal-plum);



    border-bottom: 1px solid var(--mist-lavender);

}





.careerpage-story p:first-child {

    border-top: 1px solid var(--mist-lavender);

}





.careerpage-story p::before {

    content: "";



    position: absolute;



    left: 0;

    top: 17px;



    width: 7px;

    height: 7px;



    border-radius: 50%;



    background: var(--vibrant-violet);

}





/* ==========================================================

   FEATURE LINE

========================================================== */



.careerpage-feature-line {

    margin: 0 0 25px;



    padding: 16px 18px;



    background: var(--mist-lavender);



    border-left: 4px solid var(--vibrant-violet);



    border-radius: var(--radius-md);

}





.careerpage-feature-line strong {

    font-size: 18px;

    line-height: 1.45;



    color: var(--deep-purple);

}





/* ==========================================================

   BUTTON

   Pill + circular arrow treatment

========================================================== */



.careerpage-btn {

    position: relative;



    display: inline-flex;

    align-items: center;



    min-height: 48px;



    padding: 0 50px 0 20px;



    background: var(--deep-purple);



    border: 2px solid var(--deep-purple);



    border-radius: 40px;



    color: var(--white);



    text-decoration: none;



    font-size: 13px;

    line-height: 1;



    font-weight: 700;



    transition:

        background .25s ease,

        color .25s ease,

        transform .25s ease;

}





.careerpage-btn-arrow {

    position: absolute;



    right: 4px;

    top: 4px;



    width: 36px;

    height: 36px;



    display: flex;

    align-items: center;

    justify-content: center;



    background: var(--white);



    border-radius: 50%;



    color: var(--deep-purple);



    font-size: 19px;

    line-height: 1;

}





.careerpage-btn:hover {

    background: var(--soft-lavender);

    border-color: var(--soft-lavender);



    color: var(--white);



    transform: translateY(-2px);

}





/* ==========================================================

   LOWER EDITORIAL STRIP

   Inspired by the second reference layout

========================================================== */



.careerpage-editorial {

    position: relative;



    margin-top: -36px;



    padding-bottom: 55px;



    z-index: 4;

}





.careerpage-editorial-wrap {

    display: grid;



    grid-template-columns: 1fr 1fr;



    min-height: 135px;



    background: var(--white);



    border-radius: var(--radius-xl);



    box-shadow: var(--shadow-card);



    overflow: hidden;

}





/* ==========================================================

   LEFT

========================================================== */



.careerpage-editorial-left {

    padding: 25px 30px;



    display: flex;

    align-items: center;



    background: var(--mist-lavender);

}





.careerpage-editorial-left p {

    margin: 0;



    font-size: 19px;

    line-height: 1.5;



    font-weight: 700;



    color: var(--deep-purple);

}





/* ==========================================================

   RIGHT

========================================================== */



.careerpage-editorial-right {

    padding: 25px 30px;



    display: flex;

    align-items: center;

    justify-content: flex-end;



    background: var(--white);

}





/* ==========================================================

   TABLET

========================================================== */



@media (max-width: 991px) {



    .careerpage-hero {

        min-height: 570px;

    }





    .careerpage-hero-card {

        width: 66%;

    }





    .careerpage-hero-card h2 {

        font-size: 38px;

    }



}





/* ==========================================================

   MOBILE

========================================================== */



@media (max-width: 767px) {



    .careerpage-hero {

        min-height: auto;



        padding: 260px 0 65px;



        align-items: flex-end;



        background-position: center top;

    }





    .careerpage-container {

        width: min(100% - 30px, 1200px);

    }





    .careerpage-hero-card {

        width: 100%;



        padding: 28px 23px;

    }





    .careerpage-hero-card::before {

        top: 28px;



        height: 60px;

    }





    .careerpage-hero-card h2 {

        font-size: 34px;

    }





    .careerpage-story p {

        font-size: 16px;

    }





    .careerpage-feature-line strong {

        font-size: 16px;

    }





    .careerpage-editorial {

        margin-top: -25px;



        padding-bottom: 40px;

    }





    .careerpage-editorial-wrap {

        grid-template-columns: 1fr;

    }





    .careerpage-editorial-left,

    .careerpage-editorial-right {

        padding: 20px 22px;

    }





    .careerpage-editorial-right {

        justify-content: flex-start;

    }



}



.careerpage-hero-card{top:4rem;}

.giving-editorial.careerpagesec .giving-editorial-copy{padding-left:0; padding-right:4rem; padding-top:0; padding-bottom:0;}

.giving-editorial.careerpagesec .giving-editorial-copy h3{max-width:550px;}

.giving-editorial.careerpagesec .giving-editorial-image img{height:auto; min-height:150px; 

border-radius: 15px;}

.giving-editorial.careerpagesec{padding:50px 0;}

.giving-editorial.careerpagesec .gi-compact-btn{width:200px;}

.giving-editorial.careerpagesec .giving-editorial-main{min-height:110px;}

.giving-editorial.careerpagesec .giving-editorial-image{min-height:110px;}



/* =====================================================

   CAREER FORM SECTION

===================================================== */



.careerpage-form-section {

    position: relative;



    width: 100%;

    min-height: 720px;



    padding: 55px 0;



    display: flex;

    align-items: center;



    background-image:

        url("https://symmetrixsys.in/staging/cf/images/Who-are-we011.jpg");



    background-size: cover;

    background-position: center;

    background-repeat: no-repeat;



    overflow: hidden;

}





.careerpage-form-section::before {

    content: "";



    position: absolute;

    inset: 0;



    background: var(--deep-purple);

    opacity: .42;



    z-index: 0;

}





/* =====================================================

   CONTAINER

===================================================== */



.careerpage-form-container {

    position: relative;

    z-index: 2;



    width: min(1160px, calc(100% - 40px));

    margin: 0 auto;

}





/* =====================================================

   MAIN FORM WRAPPER

===================================================== */



.careerpage-form-wrap {

    width: 100%;



    display: grid;

    grid-template-columns: 38% 62%;



    overflow: hidden;



    background: var(--white);



    border-radius: var(--csr-ak-radius-lg);



    box-shadow: var(--deep-shadow);

}





/* =====================================================

   LEFT CONTENT

===================================================== */



.careerpage-form-left {

    position: relative;



    padding: 42px 38px;



    display: flex;

    flex-direction: column;

    justify-content: space-between;



    background: var(--deep-purple);

}





.careerpage-form-left-top {

    position: relative;

    z-index: 2;

}





.careerpage-form-label {

    display: inline-block;



    margin-bottom: 15px;



    padding: 7px 12px;



    background: var(--vibrant-violet);



    border-radius: var(--radius-md);



    color: var(--white);



    font-size: 11px;

    line-height: 1;



    font-weight: 700;



    letter-spacing: .08em;

    text-transform: uppercase;

}





.careerpage-form-left h2 {

    margin: 0 0 18px;



    font-size: 43px;

    line-height: 1.08;



    font-weight: 700;



    color: var(--white);

}





.careerpage-form-left p {

    margin: 0;



    font-size: 16px;

    line-height: 1.7;



    color: var(--mist-lavender);

}





/* =====================================================

   LEFT BOTTOM

===================================================== */



.careerpage-form-left-bottom {

    position: relative;

    z-index: 2;



    margin-top: 40px;



    padding-top: 22px;



    border-top: 1px solid var(--soft-lavender);

}





.careerpage-form-left-bottom strong {

    display: block;



    margin-bottom: 6px;



    font-size: 15px;

    line-height: 1.4;



    color: var(--white);

}





.careerpage-form-left-bottom a {

    color: var(--mist-lavender);



    font-size: 14px;

    line-height: 1.5;



    text-decoration: none;

}





/* =====================================================

   RIGHT FORM

===================================================== */



.careerpage-form-right {

    padding: 36px 38px;



    background: var(--white);

}





.careerpage-form-right h3 {

    margin: 0 0 24px;



    font-size: 27px;

    line-height: 1.2;



    font-weight: 700;



    color: var(--deep-purple);

}





/* =====================================================

   FORM GRID

===================================================== */



.careerpage-form-grid {

    display: grid;



    grid-template-columns: 1fr 1fr;



    gap: 17px 18px;

}





/* =====================================================

   FORM GROUP

===================================================== */



.careerpage-form-group {

    display: flex;

    flex-direction: column;

}





.careerpage-form-group-full {

    grid-column: 1 / -1;

}





.careerpage-form-group label {

    margin-bottom: 7px;



    font-size: 12px;

    line-height: 1.3;



    font-weight: 700;



    color: var(--charcoal-plum);

}





/* =====================================================

   INPUTS

===================================================== */



.careerpage-form-group input,

.careerpage-form-group select,

.careerpage-form-group textarea {

    width: 100%;



    padding: 12px 13px;



    border: 1px solid var(--mist-lavender);



    border-radius: var(--radius-md);



    background: var(--ivory-white);



    color: var(--charcoal-plum);



    font-size: 14px;



    outline: none;



    transition:

        border-color .25s ease,

        background .25s ease;

}





.careerpage-form-group input,

.careerpage-form-group select {

    height: 46px;

}





.careerpage-form-group textarea {

    min-height: 100px;



    resize: vertical;

}





.careerpage-form-group input:focus,

.careerpage-form-group select:focus,

.careerpage-form-group textarea:focus {

    border-color: var(--vibrant-violet);



    background: var(--white);

}





/* =====================================================

   FILE UPLOAD

===================================================== */



.careerpage-form-file {

    position: relative;



    min-height: 54px;



    padding: 10px 12px;



    display: flex;

    align-items: center;



    border: 1px dashed var(--vibrant-violet);



    border-radius: var(--radius-md);



    background: var(--mist-lavender);

}





.careerpage-form-file input {

    width: 100%;



    padding: 0;



    height: auto;



    border: 0;



    background: transparent;

}





/* =====================================================

   SUBMIT

===================================================== */



.careerpage-form-submit-row {

    grid-column: 1 / -1;



    margin-top: 3px;



    display: flex;

    justify-content: flex-end;

}





.careerpage-form-submit {

    min-height: 47px;



    padding: 0 52px 0 21px;



    position: relative;



    display: inline-flex;

    align-items: center;



    border: 0;



    border-radius: 40px;



    background: var(--deep-purple);



    color: var(--white);



    font-size: 13px;

    line-height: 1;



    font-weight: 700;



    cursor: pointer;



    transition:

        background .25s ease,

        transform .25s ease;

}





.careerpage-form-submit::after {

    content: "→";



    position: absolute;



    right: 4px;

    top: 4px;



    width: 35px;

    height: 35px;



    display: flex;

    align-items: center;

    justify-content: center;



    border-radius: 50%;



    background: var(--white);



    color: var(--deep-purple);



    font-size: 18px;

	display:none;

}





.careerpage-form-submit:hover {

    background: var(--soft-lavender);



    transform: translateY(-2px);

}





/* =====================================================

   TABLET

===================================================== */



@media (max-width: 991px) {



    .careerpage-form-section {

        min-height: auto;

    }





    .careerpage-form-wrap {

        grid-template-columns: 1fr;

    }





    .careerpage-form-left {

        padding: 32px;

    }





    .careerpage-form-left h2 {

        font-size: 38px;

    }





    .careerpage-form-left-bottom {

        margin-top: 25px;

    }



}





/* =====================================================

   MOBILE

===================================================== */



@media (max-width: 767px) {



    .careerpage-form-section {

        padding: 35px 0;

    }





    .careerpage-form-container {

        width: min(100% - 30px, 1160px);

    }





    .careerpage-form-wrap {

        border-radius: var(--radius-xl);

    }





    .careerpage-form-left,

    .careerpage-form-right {

        padding: 25px 21px;

    }





    .careerpage-form-left h2 {

        font-size: 34px;

    }





    .careerpage-form-right h3 {

        font-size: 24px;

    }





    .careerpage-form-grid {

        grid-template-columns: 1fr;

    }





    .careerpage-form-group-full {

        grid-column: auto;

    }





    .careerpage-form-submit-row {

        grid-column: auto;

    }





    .careerpage-form-submit {

        width: 100%;



        justify-content: center;

    }



}



.careerpage-form-submit{border-radius: 6px;

    width: 200px;

    text-align: center;

    display: block; padding:10px;}



.publication-policy-panel-title{font-size:30px;}

.ar-news-heading{color:var(--deep-purple);}



/* =========================================================

   HERO BANNER

========================================================= */



.mediasinglemodern-hero {

    position: relative;



    min-height: 470px;



    display: flex;

    align-items: flex-end;



    padding: 75px 0 95px;



    background-image:

        url("https://symmetrixsys.in/staging/cf/images/ak-banner-img03.jpg");



    background-size: cover;

    background-position: center;

    background-repeat: no-repeat;



    overflow: hidden;

}





.mediasinglemodern-hero::before {

    content: "";



    position: absolute;

    inset: 0;



    background: var(--deep-purple);



    opacity: .52;



    z-index: 0;

}





.mediasinglemodern-hero .mediasinglemodern-container {

    position: relative;

    z-index: 2;

}





/* =========================================================

   HERO TITLE

========================================================= */



.mediasinglemodern-title {

    max-width: 950px;

}





.mediasinglemodern-title h1 {

    margin: 0;



    font-size: 54px;

    line-height: 1.08;



    font-weight: 700;



    color: var(--white);

}





/* =========================================================

   DETAILS SECTION

========================================================= */



.mediasinglemodern-content {

    position: relative;



    padding: 50px 0;



    background: var(--ivory-white);

}





/* =========================================================

   ARTICLE PANEL

========================================================= */



.mediasinglemodern-article {

    position: relative;



    width: min(1040px, calc(100% - 40px));



    margin: 0 auto;



    display: grid;

    grid-template-columns: 32% 68%;



    align-items: stretch;



    background: var(--white);



    border: 1px solid var(--mist-lavender);



    border-radius: var(--csr-ak-radius-lg);



    box-shadow: var(--shadow-soft);



    overflow: hidden;



    z-index: 5;

}





/* =========================================================

   LEFT SIDE

========================================================= */



.mediasinglemodern-meta {

    position: relative;



    min-height: 100%;



    padding: 38px 32px 30px;



    display: flex;

    flex-direction: column;



    background: var(--deep-purple);

}





/* accent */



.mediasinglemodern-meta::before {

    content: "";



    width: 54px;

    height: 4px;



    margin-bottom: 24px;



    background: var(--vibrant-violet);

}





/* =========================================================

   PARTNERSHIP TITLE

========================================================= */



.mediasinglemodern-meta h3 {

    margin: 0;



    font-size: 22px;

    line-height: 1.5;



    font-weight: 700;



    color: var(--white);

}





/* =========================================================

   BACK BUTTON AREA

========================================================= */



.mediasinglemodern-back-area {

    margin-top: auto;



    padding-top: 40px;

}





/* line above back button */



.mediasinglemodern-back-area::before {

    content: "";



    display: block;



    width: 100%;

    height: 1px;



    margin-bottom: 18px;



    background: var(--soft-lavender);

}





/* =========================================================

   BACK BUTTON

========================================================= */



.mediasinglemodern-back {

    display: inline-flex;

    align-items: center;



    gap: 10px;



    min-height: 43px;



    padding: 4px 16px 4px 4px;



    background: var(--white);



    border-radius: 40px;



    color: var(--deep-purple);



    text-decoration: none;



    font-size: 13px;

    line-height: 1;



    font-weight: 700;



    transition:

        transform .25s ease,

        background .25s ease;

}





.mediasinglemodern-back-icon {

    width: 35px;

    height: 35px;



    flex: 0 0 35px;



    display: inline-flex;

    align-items: center;

    justify-content: center;



    border-radius: 50%;



    background: var(--mist-lavender);



    color: var(--deep-purple);



    font-size: 18px;

    line-height: 1;

}





.mediasinglemodern-back:hover {

    background: var(--mist-lavender);



    transform: translateX(-4px);

}





/* =========================================================

   RIGHT CONTENT

========================================================= */



.mediasinglemodern-copy {

    position: relative;



    padding: 44px 50px;

}





/* top accent */



.mediasinglemodern-copy::before {

    content: "";



    display: block;



    width: 78px;

    height: 4px;



    margin-bottom: 28px;



    background: var(--vibrant-violet);

}





/* =========================================================

   ARTICLE TEXT

========================================================= */



.mediasinglemodern-copy p {

    margin: 0 0 24px;



    font-size: 17px;

    line-height: 1.85;



    color: var(--text-muted);

}





.mediasinglemodern-copy p:first-of-type {

    font-size: 19px;

    line-height: 1.8;



    color: var(--charcoal-plum);

}





.mediasinglemodern-copy p:last-child {

    margin-bottom: 0;

}





.mediasinglemodern-copy strong {

    color: var(--deep-purple);



    font-weight: 700;

}





/* =========================================================

   STRONG HIGHLIGHT

========================================================= */



.mediasinglemodern-copy p:nth-of-type(2) strong {

    background: var(--mist-lavender);



    padding: 2px 5px;



    border-radius: var(--radius-md);

}





/* =========================================================

   TABLET

========================================================= */



@media (max-width: 991px) {



    .mediasinglemodern-hero {

        min-height: 420px;



        padding: 60px 0 80px;

    }





    .mediasinglemodern-title h1 {

        font-size: 44px;

    }





    .mediasinglemodern-article {

        grid-template-columns: 1fr;



        width: min(900px, calc(100% - 40px));

    }





    .mediasinglemodern-meta {

        min-height: auto;



        padding: 30px;

    }





    .mediasinglemodern-back-area {

        margin-top: 30px;



        padding-top: 0;

    }





    .mediasinglemodern-back-area::before {

        margin-bottom: 16px;

    }





    .mediasinglemodern-copy {

        padding: 36px;

    }



}





/* =========================================================

   MOBILE

========================================================= */



@media (max-width: 767px) {



    .mediasinglemodern-container {

        width: min(100% - 30px, 1180px);

    }





    .mediasinglemodern-hero {

        min-height: 360px;



        padding: 55px 0 70px;



        background-position: center;

    }





    .mediasinglemodern-title h1 {

        font-size: 34px;

        line-height: 1.12;

    }





    .mediasinglemodern-content {

        padding-bottom: 45px;

    }





    .mediasinglemodern-article {

        width: calc(100% - 30px);



        margin-top: -35px;



        border-radius: var(--radius-xl);

    }





    .mediasinglemodern-meta {

        padding: 26px 22px;

    }





    .mediasinglemodern-meta::before {

        margin-bottom: 18px;

    }





    .mediasinglemodern-meta h3 {

        font-size: 19px;

    }





    .mediasinglemodern-back-area {

        margin-top: 25px;

    }





    .mediasinglemodern-copy {

        padding: 28px 22px;

    }





    .mediasinglemodern-copy::before {

        margin-bottom: 22px;

    }





    .mediasinglemodern-copy p,

    .mediasinglemodern-copy p:first-of-type {

        font-size: 16px;

        line-height: 1.75;

    }



}



.mediasinglemodern-back-area

 {

    margin-top: auto;

    padding-top: 40px;

    text-align: center;

}



.mediasinglemodern-back{width:200px; justify-content:center; padding:10px; border-radius:5px;}

.mediasinglemodern-back:hover{color:var(--deep-purple);}



.callusbtn .nav-item a{background:var(--deep-purple); color:#fff!important; border:none; 

padding:13px 25px!important;}

.callusbtn .nav-item a:hover{background:var(--vibrant-violet); color:#fff;}

#homebannerwrap .recboxtwocus{top:0px;}





/* After Client Said */

.board-trustees-section .board-trustees-grid{grid-template-columns:repeat(4, minmax(0, 1fr));}

.board-trustees-section .board-trustees-card-header{height:250px; flex:0 0 250px;}

.board-trustees-section .board-trustees-initials{width:72px; height:72px;}

.board-trustees-section .board-trustees-card-header{background-position:top center;}





/* Form Part Dev */

.form-success-message {

    background: #e8f8ee;

    color: #198754;

    border: 1px solid #b7e4c7;

    padding: 12px 18px;

    border-radius: 8px;

    font-size: 15px;

    margin-bottom: 15px;

    display: inline-block;

    animation: fadeInMessage 0.3s ease;

}



.form-error-message {

    background: #fdeaea;

    color: #dc3545;

    border: 1px solid #f5c2c7;

    padding: 12px 18px;

    border-radius: 8px;

    font-size: 15px;

    margin-bottom: 15px;

    display: inline-block;

}



@keyframes fadeInMessage {

    from {

        opacity: 0;

        transform: translateY(-5px);

    }

    to {

        opacity: 1;

        transform: translateY(0);

    }

}