@charset "UTF-8"; /*
Theme Name:3G Healthcare RE Wordpress Theme
Author:Chelsea Brown
Author URI:https://focusedcre.com
Description:Custom wordpress theme for 3G Healthcare RE
Version:1
*/

/* Playfair Font import */
@import url('assets/fonts/playfair/PlayfairDisplay-Regular.ttf'); @import url('assets/fonts/playfair/PlayfairDisplay-Bold.ttf'); @import url('assets/fonts/playfair/PlayfairDisplay-Italic.ttf'); @import url('assets/fonts/playfair/PlayfairDisplay-BoldItalic.ttf'); @import url('assets/fonts/playfair/PlayfairDisplay-SemiBold.ttf'); @import url('assets/fonts/playfair/PlayfairDisplay-SemiBoldItalic.ttf'); :root{--primaryColor:#2280DA; --secondaryColor:#2B475C; --light:#f5f5f5; --dark:#333; --white:#fff; --black:#000; --primaryFont:"avenir-lt-pro",sans-serif; --secondaryFont:"Playfair Display",serif;}
/* html,body{overflow-x:hidden; width:100%;}
*/

/* html,body{max-width:100vw;}
*/

/* body{font-family:"Montserrat",sans-serif; font-weight:normal; color:#6d6e71; font-size:15px; line-height:1.8; overflow-x:hidden; max-width:100%;}
#websiteMainWrapper{width:100%; max-width:100%; box-sizing:border-box;}
*/

/* === GLOBAL RESET & SCROLL FIX === */
html,body{margin:0; padding:0; /* overflow-x:hidden; */
	width:100%; box-sizing:border-box;}
/* === SMOOTH SCROLL WITH FIXED HEADER OFFSET === */
html{scroll-behavior:smooth; scroll-padding-top:126px; /* Fixed header height offset */}
/* Optional but helpful */
*,*::before,*::after{box-sizing:inherit;}
/* === BODY STYLES === */
body{font-family:var(--primaryFont); font-weight:normal; color:var(--dark); font-size:16px; line-height:1.8; background-color:#fff;}
/* === WRAPPER === */
#websiteMainWrapper{position:relative; width:100%; overflow-x:clip; /* Better than hidden; allows sticky/fixed elements to still work */

	box-sizing:border-box;}
/************************* fonts,buttons,icons and text blocks styles**********************************/

/* font-family:"canada-type-gibson",sans-serif; */
h1{font-size:64px; line-height:1.2; font-family:var(--secondaryFont); font-weight:600;}
h2{font-size:44px; line-height:1.2; font-family:var(--secondaryFont); font-weight:600; color:var(--primaryColor); margin-top:20px; margin-bottom:30px;}
h3{font-size:36px; line-height:1.2; font-family:var(--secondaryFont); font-weight:400; color:var(--primaryColor); margin-bottom:20px;}
h4{font-size:26px; line-height:1.4; font-weight:400; color:var(--dark);}
h5{font-size:20px; line-height:1.5;}
h6{font-size:16px; line-height:1.5;}
strong{color:var(--dark);}
.heading-inline{display:inline !important;}
a{color:var(--dark); text-decoration:none; -webkit-transition:0.3s ease-in-out !important; -moz-transition:0.3s ease-in-out !important; -ms-transition:0.3s ease-in-out !important; -o-transition:0.3s ease-in-out !important; transition:0.3s ease-in-out !important;}
a:hover{color:var(--primaryColor); text-decoration:none;}
a:focus{text-decoration:none; outline:none;}
ul{margin:0; padding:0;}
ul li{list-style:none;}
img{image-rendering:-webkit-optimize-contrast;}
#map{height:400px;}
/*--------------------------------------------------------------
# Scroll Offset for Fixed Header Navigation
--------------------------------------------------------------*/

/* Apply scroll margin to all page sections to prevent content hiding behind fixed header */

/* .pageSectionEl{scroll-margin-top:126px;}
*/

/* Fallback for any section with ID attribute */

/* section[id]{scroll-margin-top:126px;}
*/

/*--------------------------------------------------------------
# Bottom Bar
--------------------------------------------------------------*/
#header{font-size:14px; transition:all 0.5s; padding:0; background:var(--primaryColor);}
#header:hover{overflow:visible;}
#header.header-scrolled{top:0; border-top:0; background:var(--primaryColor); border-bottom:1px solid rgb(0 0 0 / 20%);}
#header.header-scrolled > div{width:100%; max-width:initial;}
.headerLogoCol{}
.headerNavCol{justify-content:center; transition:justify-content 0.4s ease;}
#header.header-scrolled .headerNavCol{justify-content:space-between;}
/* Header Logo Animation - Initial State (hidden) */
.headerLogoBox{width:0; /* overflow:hidden; */
	opacity:0; transition:width 0.4s ease,opacity 0.3s ease;}
#header.header-scrolled .headerLogoBox{width:220px; opacity:1;}
.headerLogoBox .logo{display:block; white-space:nowrap; position:relative; top:-20px;}

/* Inner Pages (header-2.php) - Apply scrolled state by default */
/* Logo visible by default on inner pages */
.headerNavCol:has(.headerNav2) .headerLogoBox{width:220px; opacity:1;}
/* Navigation positioned to the right on inner pages */
.headerNavCol:has(.headerNav2){justify-content:space-between;}
/* Full width container on inner pages */
#header:has(.headerNav2) > div{width:100%; max-width:initial;}
/* Reduced padding on social/contact box for inner pages */
#header:has(.headerNav2) .navSocialandContactBox{padding-right:45px;}
/* Header Logo Animation - Visible State */

/* .header-logo-visible .headerLogoBox{width:220px; opacity:1;}
.header-logo-visible .headerNavCol{justify-content:space-between !important;}
*/
.headerNavCol *{color:#fff;}
#header .logo img{max-height:85px; width:180px; object-fit:contain; object-position:left;}
/*--------------------------------------------------------------
# Navigation Menu
--------------------------------------------------------------*/

/*--------------------------------------------------------------
# Desktop Navigation
--------------------------------------------------------------*/
@media (min-width:1366px){
	.navbar{padding:0;}
	.navbar ul{margin:0; padding:0; display:flex; list-style:none; align-items:center; gap:10px 15px;}
	.navbar li{position:relative; transition:0.3s;}
	.navbar li a{position:relative; display:block; align-items:center; justify-content:space-between; font-size:16px; color:var(--white); transition:0.3s !important; text-transform:uppercase; font-weight:normal; padding:25px 5px;}
	.navbar li a:hover,
	.navbar li a:focus {color: #fff;}
	.navbar #menu-main-menu > li > a::before{content:''; position:absolute; bottom:15px; left:50%; transform:translate(-50%,0); height:3px; width:0; background:var(--secondaryColor); transition:0.3s;}
	.navbar a i,.navbar a:focus i{font-size:12px; line-height:0; margin-left:5px;}
	.navbar li a:hover,.navbar .current-menu-item a,.navbar .current-menu-item:focus a,.navbar li:hover > a,.navbar li.activeMenuItem a{color:var(--white); }
	#header.header-scrolled  .navbar li a:hover,#header.header-scrolled .navbar .current-menu-item a,#header.header-scrolled .navbar .current-menu-item:focus a,#header.header-scrolled .navbar li:hover > a{border-bottom-color:#ffffff; }
	.navbar #menu-main-menu > li.current-menu-item > a::before,.navbar #menu-main-menu > li.activeMenuItem > a::before,.navbar #menu-main-menu > li > a:hover::before{width:calc(100% - 8px);}
	#header.header-scrolled .custombtnG{border:1px solid #fff;}
	.navbar .menu-item-has-children ul.sub-menu{display:block; position:absolute; left:0; top:calc(100% + 30px); margin:0; z-index:99; opacity:0; visibility:hidden; background:#fff; box-shadow:0 0 30px rgb(127 137 161 / 25%); transition:0.3s; height:0;}
	.navbar .menu-item-has-children ul.sub-menu li{min-width:200px;}
	.navbar .menu-item-has-children ul.sub-menu a{padding:8px 15px; font-size:16px; font-weight:600; text-transform:none; color:#000000; border:0; letter-spacing:1.5px;}
	.navbar .menu-item-has-children ul.sub-menu a i{font-size:12px;}
	.navbar .menu-item-has-children ul.sub-menu a:hover,.navbar .menu-item-has-children ul.sub-menu .active:hover,.navbar .menu-item-has-children ul.sub-menu li:hover > a{color:#000; background-color:var(--secondaryColor);}
	.navbar .menu-item-has-children:hover > ul.sub-menu{opacity:1; top:100%; visibility:visible; height:initial; width:250px;}
	.navbar .menu-item-has-children .menu-item-has-children ul.sub-menu{/* top:0; left:calc(100% - 30px); visibility:hidden; */
		position:static; display:block; padding-left:20px; height:initial; opacity:1; visibility:visible; box-shadow:none;}
	.navbar .menu-item-has-children .menu-item-has-children:hover > ul.sub-menu{/* opacity:1; top:0; left:100%; visibility:visible; */}
}
/* @media (min-width:1366px) and (max-width:1366px){
.navbar .menu-item-has-children .menu-item-has-children ul.sub-menu{left:-90%;}
.navbar .menu-item-has-children .menu-item-has-children:hover > ul.sub-menu{left:-100%;}
} */
@media (min-width:1366px){
	.mobile-nav-show,.mobile-nav-hide{display:none !important;}
}
@media (max-width: 1440px) and (min-width: 1366px) {
	.navbar ul {gap:10px 5px;}
}
.navbar ul:not(ul li ul){position:relative;}
.navSocialandContactBox{padding-right:195px; transition:padding-right 0.4s ease;}
#header.header-scrolled .navSocialandContactBox{padding-right:45px;}
.navSocialandContactBox > ul{gap:5px 15px;}
.navSocialandContactBox > ul > li:not(.navContactPhone) a{display:flex; align-items:center; justify-content:center; width:35px; height:35px; background:var(--secondaryColor); border-radius:50%; color:rgba(255,255,255,0.7); transition:all 0.3s ease;}
.navSocialandContactBox > ul > li:not(.navContactPhone) a:hover{background:var(--white); color:var(--secondaryColor);}
.navContactPhone a{color:rgba(255,255,255,0.8);}
.navContactPhone a:hover{color:#fff;}
/*--------------------------------------------------------------
# Mobile Navigation
--------------------------------------------------------------*/
@media (max-width:1365.98px){
	.navbar{position:fixed; top:0; right:-100%; width:100%; max-width:400px; bottom:0; transition:0.3s; z-index:9997;}
	.navbar ul{position:absolute; inset:0; padding:50px 0 10px 0; margin:0; overflow-y:auto; transition:0.3s; z-index:9998;}
	.navbar a,.navbar a:focus{display:flex; align-items:center; justify-content:space-between; padding:10px 20px; font-size:15px; font-weight:600; color:rgba(255,255,255,0.7); white-space:nowrap; transition:0.5s !important;}
	.navbar a:hover,.navbar .current-menu-item a,.navbar .current-menu-item:focus a,.navbar li:hover > a{color:#fff;}
	.navbar .menu-item-has-children ul.sub-menu,.navbar .menu-item-has-children .menu-item-has-children ul.sub-menu{position:static; display:none; padding:10px 0; margin:10px 20px; background-color:rgba(20,35,51,0.6);}
	.navbar .menu-item-has-children > .submenu-active,.navbar .menu-item-has-children .menu-item-has-children > .submenu-active{display:block;}
	.mobile-nav-show{font-size:23px; cursor:pointer; line-height:0; transition:0.5s; padding:17px 10px 0 0; color:#ffffff;}
	.mobile-nav-hide{color:rgba(255,255,255,0.9); font-size:32px; cursor:pointer; line-height:0; transition:0.5s; position:fixed; right:15px; top:30px; z-index:9999;}
	.mobile-nav-active{overflow:hidden;}
	.mobile-nav-active .navbar:before{content:""; position:fixed; inset:0; background:var(--secondaryColor); opacity:0.95; z-index:9996;}
	.mobile-nav-active .navbar{right:0; background:var(--green);}
}
.sub-menu-toggle{display:none !important;}
/*--------------------------------------------------------------
# Mobile Navigation
--------------------------------------------------------------*/
.page-margin{margin-top:100px;}
.btn{border-radius:0; text-decoration:none; display:inline-block; padding:12px 30px; font-size:16px; font-weight:400; letter-spacing:1px; background:var(--primaryColor); color:var(--white); transition:all 0.3s ease; text-transform:uppercase;}
.btn:hover{background:var(--secondaryColor); color:var(--white);}
.btnSecondary{background:var(--secondaryColor);}
.btnSecondary:hover{background:var(--primaryColor);}
/*--------------------------------------------------------------
# Choose Us Section
--------------------------------------------------------------*/
.chooseUsSec{background:#fff;}
.chooseUsBox{/* height:100%; */
	transition:all 0.4s cubic-bezier(0.4,0,0.2,1);}
.chooseUsBoxInner{position:relative; background:#fff; border:2px solid var(--primaryColor); padding:40px 20px; height:100%; transition:all 0.4s cubic-bezier(0.4,0,0.2,1); overflow:hidden; cursor:pointer; min-height:300px;}
.chooseUsBoxInner h3{color:var(--primaryColor); font-size:22px; font-weight:400; font-family:var(--primaryFont); line-height:1.2; text-transform:uppercase; letter-spacing:0.5px; margin:0; padding:10px 0; text-align:center; transition:color 0.4s cubic-bezier(0.4,0,0.2,1); position:relative; z-index:2;}
.chooseUsBoxInner h3::before{content:""; position:absolute; bottom:0; left:50%; transform:translate(-50%,0); width:0; height:3px; background:#fff; z-index:1; transition:width 0.4s cubic-bezier(0.4,0,0.2,1);}
.chooseUsBoxInner:hover h3::before{width:50%;}
.chooseUsBoxText{max-height:0; opacity:0; overflow:hidden; margin-top:0; transition:max-height 0.5s cubic-bezier(0.4,0,0.2,1),opacity 0.4s cubic-bezier(0.4,0,0.2,1) 0.1s,margin-top 0.4s cubic-bezier(0.4,0,0.2,1); position:relative; z-index:2; font-size:18px;}
.chooseUsBoxText p,.chooseUsBoxText ul,.chooseUsBoxText li{color:#fff; transition:color 0.4s cubic-bezier(0.4,0,0.2,1);}
.chooseUsBoxText ul{list-style:none; padding:0; margin:15px 0 0;}
.chooseUsBoxText ul li{padding-left:20px; position:relative; margin-bottom:8px; font-size:14px; line-height:1.6;}
.chooseUsBoxText ul li::before{content:"•"; position:absolute; left:0; color:#fff; font-size:18px;}
/* Hover State */
.chooseUsBoxInner:hover{background:var(--primaryColor); border-color:var(--primaryColor); box-shadow:0 10px 30px rgba(34,128,218,0.3);}
.chooseUsBoxInner:hover h3{color:#fff;}
.chooseUsBoxInner:hover .chooseUsBoxText{max-height:1000px; opacity:1; margin-top:20px;}
/* Active/Expanded State (for first box in screenshot) */
.chooseUsBoxInner.active{background:var(--primaryColor); border-color:var(--primaryColor);}
.chooseUsBoxInner.active h3{color:#fff;}
.chooseUsBoxInner.active .chooseUsBoxText{max-height:1000px; opacity:1; margin-top:20px;}
.bulletTextWhite ul{list-style:none; padding:0; margin:20px 0;}
.bulletTextWhite ul li{font-size:14px; line-height:1.6; color:var(--white); margin:0 0 10px; padding-left:20px; position:relative;}
.bulletTextWhite ul li::before{content:"●"; color:#fff; position:absolute; left:0; font-size:23px; top:-8px;}
.bulletText ul{list-style:none; padding:0; margin:20px 0;}
.bulletText ul li{font-size:14px; line-height:1.6; margin:0 0 10px; padding-left:20px; position:relative;}
.bulletText ul li::before{content:"●"; color:var(--primaryColor); position:absolute; left:0; font-size:23px; top:-8px;}
/*--------------------------------------------------------------
# Main Banner Section
--------------------------------------------------------------*/
.mainBannerBgCarouselContainer{position:fixed; width:100%; height:100vh; top:0; left:0; z-index:-99; overflow:hidden;}
.mainBannerBgCarousel{width:100%; height:100vh; display:block !important; opacity:1 !important;}
.mainBannerBgCarousel.owl-carousel{display:block !important;}
.mainBannerBgCarousel .owl-stage-outer{height:100vh; position:relative;}
.mainBannerBgCarousel .owl-stage{height:100vh; display:flex !important;}
.mainBannerBgCarousel .owl-item{height:100vh; display:flex !important; align-items:center; justify-content:center;}
.mainBannerBgCarousel .mainBannerBgCarouselItem{width:100%; height:100vh; display:block;}
.mainBannerBgCarouselContainer img,.mainBannerBgCarousel img{width:100%; height:100vh; object-fit:cover; object-position:center; display:block !important;}
/* Smooth carousel transitions with modern effects */
.mainBannerBgCarousel .owl-stage-outer{background:#000; /* Fallback background */}
.mainBannerBgCarousel .owl-item{opacity:1;}
.mainBannerBgCarousel .owl-item.active{opacity:1;}
.mainBannerBgCarousel .animated{animation-duration:1.2s; animation-fill-mode:both;}
/* Ensure smooth layering during animation */
.mainBannerBgCarousel .owl-item.active.animated{z-index:2;}
.mainBannerBgCarousel .owl-item.animated:not(.active){z-index:1;}
/* Custom slide effects - Keep visible during transition */
@keyframes slideInUp{
	0%{transform:translate3d(0,100%,0);}
	100%{transform:translate3d(0,0,0);}
}
@keyframes slideOutUp{
	0%{transform:translate3d(0,0,0);}
	100%{transform:translate3d(0,-100%,0);}
}
@keyframes slideInDown{
	0%{transform:translate3d(0,-100%,0);}
	100%{transform:translate3d(0,0,0);}
}
@keyframes slideOutDown{
	0%{transform:translate3d(0,0,0);}
	100%{transform:translate3d(0,100%,0);}
}
.slideInUp{animation-name:slideInUp;}
.slideOutUp{animation-name:slideOutUp;}
.slideInDown{animation-name:slideInDown;}
.slideOutDown{animation-name:slideOutDown;}
/* Subtle Zoom effects with fade */
@keyframes zoomInSubtle{
	0%{opacity:0; transform:scale(1.05);}
	100%{opacity:1; transform:scale(1);}
}
@keyframes zoomOutSubtle{
	0%{opacity:1; transform:scale(1);}
	100%{opacity:0; transform:scale(1.05);}
}
.zoomInSubtle{animation-name:zoomInSubtle;}
.zoomOutSubtle{animation-name:zoomOutSubtle;}
/* Fade effects */
@keyframes fadeIn{
	from{opacity:0;}
	to{opacity:1;}
}
@keyframes fadeOut{
	from{opacity:1;}
	to{opacity:0;}
}
.fadeIn{animation-name:fadeIn;}
.fadeOut{animation-name:fadeOut;}
.mainBannerSec{position:relative; min-height:100vh; display:flex; align-items:center; justify-content:center; z-index:1; overflow:hidden;}
.mainBannerSec::before{content:""; position:absolute; inset:0; background-image:url(assets/img/logo-mark-white.svg); background-repeat:no-repeat; background-position:right bottom 15%; background-size:500px auto; opacity:0.075; z-index:-2;}
.mainBannerSec::after{content:""; position:absolute; inset:0; background-color:var(--secondaryColor); opacity:0.7; z-index:-3;}
.mainBannerAffiliateLogo{position:absolute; bottom:50px; right:50px; max-width:200px; width:100%; height:auto; z-index:-1;}
.mainBannerTextBox{position:relative; z-index:2; margin:0 auto;}
.mainBannerTextBox > div{min-height:calc(100vh - 125px); margin-top:125px;}
.mainBannerLogo{max-width:500px; width:100%; height:auto; margin:0 auto; display:block;}
.mainBannerTextInner{color:var(--white); text-align:center;}
.mainBannerTextInner h1{font-size:60px; line-height:1.2; font-weight:700; color:var(--white); margin:0 0 20px; font-family:'playfair-display',serif;}
.mainBannerTextInner p{font-size:18px; line-height:1.6; color:var(--white); margin:0; font-style:italic;}
.trackRecordSection{background:var(--primaryColor);}
.trackRecordSection *{color:var(--white);}
.counterBox{position:relative; overflow:hidden;}
.counterBox::after{content:""; position:absolute; bottom:0; left:50%; transform:translateX(-50%); width:0; height:8px; background:rgba(255,255,255,1); transition:width 0.4s ease;}
.counterBox:hover::after{width:50%; transition:width 0.4s ease;}
.counterBox h3{font-weight:900; font-family:var(--primaryFont); font-size:40px;}
.trackRecordSection .btnSecondary:hover{background:#fff; color:var(--primaryColor);}
.whoWeServeSec h2{margin-top:0;}
.whoWeServeBtnsBox .btn{min-width:270px;}
.legacySection .legacyTopSec{background-color:var(--primaryColor); font-size:22px;}
.legacySection .legacyTopSec *{color:#fff;}
.legacyMainSec{position:relative; overflow:hidden;}
.legacyMainSecBg{position:absolute; top:0; left:0; width:100%; height:100%; object-fit:cover; object-position:center; z-index:-2;}
.legacyMainSec::before{content:""; position:absolute; inset:0; background-color:#000; opacity:0.7; z-index:-1; display:block;}

.legacyBox .legacyBoxInner{padding:30px 20px; border:1px solid var(--white); height:100%; min-height:220px; transition:all 0.4s ease;}
.legacyBox h3{color:var(--white); font-family:var(--primaryFont); font-size:20px; font-weight:400; margin:0; padding:10px 0; position:relative; z-index:2;}
.legacyBox h3::before{content:""; position:absolute; bottom:0; left:50%; transform:translate(-50%,0); width:0; height:3px; background:var(--white); z-index:1; transition:width 0.4s ease;}
.legacyBox .legacyBoxInner:hover{background:var(--primaryColor);}
.legacyBox .legacyBoxInner:hover h3::before{width:50%;}
.legacyAdditionalTextBox{font-size:22px;}
.legacyAdditionalTextBox *{color:#fff;}
.csAndTeamSecWrapper{background-color:#fff; position:relative; z-index:2;}
.csAndTeamSecWrapper::after{content:""; position:absolute; inset:0; background-image:url(assets/img/logo-mark-blue.svg); background-repeat:no-repeat; background-position:left -11% bottom 108px; background-size:31%; opacity:0.1; z-index:-3;}
/* Contact Section Right Column - Form Styles */
.homeContactForm .wpcf7-form{display:flex; flex-direction:column; gap:15px;}
.homeContactForm .wpcf7-form-control-wrap{display:block; width:100%;}
.homeContactForm input[type="text"],.homeContactForm input[type="email"],.homeContactForm input[type="tel"],.homeContactForm textarea{width:100%; padding:15px 20px; background:rgba(255,255,255,0.25); border:none; border-radius:0; color:var(--white); font-size:14px; font-family:inherit;}
.homeContactForm input[type="text"]::placeholder,.homeContactForm input[type="email"]::placeholder,.homeContactForm input[type="tel"]::placeholder,.homeContactForm textarea::placeholder{color:rgba(255,255,255,0.8);}
.homeContactForm textarea{min-height:120px; resize:vertical;}
.homeContactForm input[type="submit"]{background:var(--primaryColor); color:var(--primaryColor); border:none; padding:15px 40px; font-size:14px; font-weight:700; text-transform:uppercase; letter-spacing:1px; cursor:pointer; transition:all 0.3s ease; width:100%;}
.homeContactForm input[type="submit"]:hover{background:var(--primaryShadeColor);}
/* Hide CF7 default paragraph wrappers spacing */
.homeContactForm .wpcf7-form p{margin:0;}

.pageMargin {
	margin-top: 129px;
}
/*--------------------------------------------------------------
# Footer
--------------------------------------------------------------*/
.footerSec{background:#fff;}
.footerSec .footerNavCol a{text-decoration:none; text-transform:uppercase; position:relative; overflow:hidden; padding-left:25px; z-index:1; color:var(--primaryColor); font-size:16px; display:inline-block;}
.footerSec .footerNavCol a:hover{text-decoration:none; font-weight:bold; color:var(--primaryColor);}
.footerSec .footerNavCol a::before{content:''; position:absolute; top:50%; left:0; transform:translateY(-50%); z-index:-1; height:2px; width:20px; background-color:var(--primaryColor); opacity:0; transition:opacity 0.4s ease,width 0.4s ease;}
.footerSec .footerNavCol a:hover::before{opacity:1;}
.footerLogo{max-width:280px;}
.copyright{font-size:13px;}
/*--------------------------------------------------------------
# Footer End
--------------------------------------------------------------*/

/*--------------------------------------------------------------
# Responsive Styles for Main Banner
--------------------------------------------------------------*/
@media (max-width:1199.98px){
	.mainBannerTextInner h1{font-size:60px;}
	.mainBannerLogo{max-width:400px;}
}
@media (max-width:991.98px){
	.mainBannerTextInner h1{font-size:50px;}
	.mainBannerLogo{max-width:350px;}
	.mainBannerTextInner p{font-size:16px;}
}
@media (max-width:767.98px){
	.mainBannerTextInner h1{font-size:40px;}
	.mainBannerLogo{max-width:300px;}
	.mainBannerTextInner p{font-size:15px;}
	.mainBannerTextInner .mainBannerBtn{padding:12px 30px; font-size:13px;}
}
@media (max-width:575.98px){
	.mainBannerTextInner h1{font-size:32px;}
	.mainBannerLogo{max-width:250px;}
	.mainBannerTextInner p{font-size:14px;}
	.mainBannerTextBox .row{min-height:calc(100vh - 133px);}
	/* Choose Us Section Mobile */
	.chooseUsSec{padding:40px 0;}
	.chooseUsBoxInner{padding:30px 20px;}
	.chooseUsBoxInner h3{font-size:16px;}
	.chooseUsBoxText{font-size:14px;}
	/* Adjust scroll offset for mobile header height */
	html{scroll-padding-top:100px;}
	/* .pageSectionEl,section[id]{scroll-margin-top:100px;}
	*/}
/*--------------------------------------------------------------
# Case Studies Carousel Section
--------------------------------------------------------------*/
.caseStudiesSec{position:relative;}
.caseStudiesCarouselWrapper{position:relative; padding:0 60px;}
.caseStudiesCarousel{display:block !important; opacity:1 !important;}
.caseStudiesCarousel.owl-carousel{display:block !important;}
/* Fade Animation Classes for Owl Carousel */
.owl-carousel .animated{animation-duration:800ms; animation-fill-mode:both; animation-timing-function:ease-in-out;}
.owl-carousel .fadeOut{animation-name:fadeOut;}
@keyframes fadeOut{
	0%{opacity:1;}
	100%{opacity:0;}
}
.owl-carousel .fadeIn{animation-name:fadeIn;}
@keyframes fadeIn{
	0%{opacity:0;}
	100%{opacity:1;}
}
/* Disable default Owl Carousel grab cursor since drag is disabled */
.caseStudiesCarousel.owl-carousel .owl-stage{cursor:default !important;}
.caseStudiesCarousel.owl-carousel .owl-item{cursor:default !important;}
/* Ensure smooth fade transitions for all navigation methods */
.caseStudiesCarousel .owl-item{transition:none !important; -webkit-transition:none !important; -moz-transition:none !important; -ms-transition:none !important; -o-transition:none !important;}
/* Slide Container */
.caseStudySlide{position:relative; overflow:hidden; height:100%;}
/* Inner wrapper for 2-column layout */
.caseStudySlideInner{display:flex; gap:20px; height:100%;}
/* Main Column (Left) - 70% width with overlay */
.caseStudyMainColumn{flex:0 0 70%; max-width:70%; position:relative;}
/* Preview Column (Right) - 30% width,image only */
.caseStudyPreviewColumn{flex:0 0 30%; max-width:30%; position:relative;}
/* Preview column has no overlay */
.caseStudyPreviewColumn .caseStudyOverlay{display:none !important;}
.caseStudiesText > div{padding-left:60px;}
/* Image Wrapper */
.caseStudyImageWrapper{position:relative; width:100%; height:450px; overflow:hidden;}
.caseStudyImage{width:100%; height:100%; object-fit:cover; object-position:center; display:block; transition:all 0.4s ease;}
/* Overlay Content - Hidden by default,visible on active slide */
.caseStudyOverlay{position:absolute; top:0; left:0; width:100%; height:100%; background:rgba(43,71,92,0.85); display:flex; align-items:flex-end; justify-content:flex-start; padding:40px 50px; opacity:0; visibility:hidden; transition:all 0.4s ease;}
/* Show overlay on main column only (left side) */
.caseStudyMainColumn .caseStudyOverlay{opacity:1; visibility:visible;}
/* Content Styling */
.caseStudyContent{color:var(--white); width:100%; max-width:630px;}
.caseStudyTitle{font-family:var(--secondaryFont); font-size:44px; font-weight:700; color:var(--white); margin-bottom:20px; line-height:1.3; text-transform:capitalize; letter-spacing:1px;}
.caseStudyLocation{font-weight:400; font-size:22px;}
.caseStudyDescription{font-size:15px; line-height:1.8; color:var(--white); margin-bottom:50px;}
.caseStudyDescription p{margin-bottom:15px; color:var(--white);}
.caseStudyBtn{background:var(--primaryColor); color:var(--white); padding:12px 40px; font-size:14px; font-weight:600; letter-spacing:1.5px; border-radius:0; text-transform:uppercase; transition:all 0.3s ease; border:none; display:inline-block; text-decoration:none;}
.caseStudyBtn:hover{background:var(--white); color:var(--secondaryColor);}
/* ========================================
Transaction-Specific Styles (Hover Behavior)
======================================== */

/* Default Content - Visible by default */
.transactionDefaultContent{opacity:1; visibility:visible; transition:opacity 0.4s ease,visibility 0.4s ease;}
/* Hover Content - Hidden by default */
.transactionHoverContent{opacity:0; visibility:hidden; position:absolute; top:0; left:0; width:100%; height:100%; padding:40px 50px; display:flex; flex-direction:column; justify-content:flex-end; transition:opacity 0.4s ease,visibility 0.4s ease;}
/* On hover:Hide default,show hover content */
.caseStudyMainColumn:hover .transactionDefaultContent{opacity:0; visibility:hidden;}
.caseStudyMainColumn:hover .transactionHoverContent{opacity:1; visibility:visible;}
/* Transaction Subtitle */
.transactionSubtitle{font-size:22px; line-height:1.5; font-style: italic; color:var(--white); margin-bottom:0; font-weight:400;}
/* Transaction Section Titles (Challenge,Results) */
.transactionSectionTitle{font-family:var(--secondaryFont); font-size:18px; font-weight:700; color:var(--white); margin-bottom:10px; letter-spacing:1px;}
/* Transaction Section Text */
.transactionSectionText{font-size:14px; line-height:1.4; color:var(--white); margin-bottom:10px;}
.transactionSectionText p{margin-bottom:8px; color:var(--white);}
.transactionSectionText ul,.transactionSectionText ol{margin:0; padding-left:20px; list-style-position:outside;}
.transactionSectionText li{margin-bottom:5px; color:var(--white); list-style:inside;}
/* Transaction Challenge Section */
/* .transactionChallenge{margin-bottom:20px;} */
/* Transaction Results Section */
.transactionResults{margin-bottom:20px;}
/* Transaction CTA Line */
.transactionCTA{font-size:14px; font-style:italic; color:var(--white); margin-bottom:20px; line-height:1.5;}
/* Responsive adjustments for transaction content */
@media (max-width:991.98px){
	.transactionHoverContent{padding:30px 35px;}
	.transactionSubtitle{font-size:15px;}
	.transactionSectionTitle{font-size:16px;}
	.transactionSectionText{font-size:13px;}
}
@media (max-width:767.98px){
	.transactionHoverContent{padding:25px 30px;}
	.transactionSubtitle{font-size:14px;}
	.transactionSectionTitle{font-size:15px;}
	.transactionSectionText{font-size:12px;}
	.transactionCTA{font-size:13px;}
}
@media (max-width:575.98px){
	.transactionHoverContent{padding:20px 25px;}
	.transactionSubtitle{font-size:15px;}
	.transactionSectionTitle{font-size:18px; margin-bottom:8px;}
	.transactionSectionText{font-size:14px; margin-bottom:15px;}
	.transactionCTA{font-size:12px; margin-bottom:15px;}
}
/* Custom Navigation Arrows - Minimal Chevrons */
.caseStudyNavPrev,.caseStudyNavNext{position:absolute; top:50%; transform:translateY(-50%); background:rgba(255,255,255,0.1); border:none; color:var(--primaryColor); cursor:pointer; z-index:100; padding:10px; transition:all 0.3s ease; outline:none; border-radius:4px; backdrop-filter:blur(5px);}
.caseStudyNavPrev:hover,.caseStudyNavNext:hover{color:var(--secondaryColor); background:rgba(255,255,255,0.2); transform:translateY(-50%);}
.caseStudyNavPrev:active,.caseStudyNavNext:active{transform:translateY(-50%) scale(1.05);}
.caseStudyNavPrev{left:0;}
.caseStudyNavNext{right:0;}
.caseStudyNavPrev svg,.caseStudyNavNext svg{display:block; transition:all 0.3s ease;}
/* View All Button */
.caseStudiesViewAll{margin-top:20px; padding:0 60px;}
.caseStudiesViewAll .btn{background:var(--primaryColor); color:var(--white); padding:15px 40px; font-size:14px; font-weight:600; letter-spacing:1.5px; border-radius:0; text-transform:uppercase; transition:all 0.3s ease; border:none; text-align:right; position:relative; text-decoration:none;}
.caseStudiesViewAll .btn:hover{background:var(--secondaryColor); color:var(--white);}
/* Responsive Styles */
@media (max-width:991.98px){
	.caseStudiesCarouselWrapper{padding:0 50px;}
	/* Stack columns vertically on tablet */
	.caseStudySlideInner{flex-direction:column; gap:15px;}
	.caseStudyMainColumn,.caseStudyPreviewColumn{flex:0 0 100%; max-width:100%;}
	/* Hide preview column on smaller screens */
	.caseStudyPreviewColumn{display:none;}
	.caseStudyImageWrapper{height:380px;}
	.caseStudyOverlay{padding:30px 35px;}
	.caseStudyTitle{font-size:24px;}
	.caseStudyLocation{font-size:20px;}
	.caseStudyDescription{font-size:14px; margin-bottom:25px;}
	.caseStudyNavPrev,.caseStudyNavNext{width:35px; height:35px;}
	.caseStudyNavPrev svg,.caseStudyNavNext svg{width:35px; height:35px;}
}
@media (max-width:767.98px){
	.caseStudiesCarouselWrapper{padding:0 40px;}
	.caseStudyImageWrapper{height:320px;}
	.caseStudyOverlay{padding:25px 30px;}
	.caseStudyTitle{font-size:20px; margin-bottom:15px;}
	.caseStudyLocation{font-size:18px;}
	.caseStudyDescription{font-size:13px; margin-bottom:20px;}
	.caseStudyBtn{padding:10px 30px; font-size:13px;}
}
@media (max-width:575.98px){
	.caseStudiesCarouselWrapper{padding:0 35px;}
	.caseStudyImageWrapper{height:520px;}
	.caseStudyOverlay{padding:20px 25px;}
	.caseStudyTitle{font-size:24px; margin-bottom:12px;}
	.caseStudyLocation{font-size:16px;}
	.caseStudyDescription{font-size:12px; margin-bottom:15px;}
	.caseStudyDescription p{margin-bottom:10px;}
	.caseStudyBtn{padding:10px 25px; font-size:12px;}
	.caseStudyNavPrev,.caseStudyNavNext{width:30px; height:30px;}
	.caseStudyNavPrev svg,.caseStudyNavNext svg{width:30px; height:30px;}
	.caseStudyNavPrev svg {
		margin-left: -20px;
	}
}
.ourTeamText{font-size:22px; color:#999; letter-spacing:1.5px;}
.teamMemberCard{background:transparent; border-radius:0; overflow:visible; box-shadow:none; transition:all 0.3s ease; text-align:center; margin-bottom:30px;}
.teamMemberImageWrapper{position:relative; overflow:hidden;}
.teamMemberImageWrapper img{aspect-ratio:1 / 1; object-fit:cover; object-position:top center; width:100%; display:block;}
.teamMemberOverlay{position:absolute; top:0; left:0; width:100%; height:100%; background-color:var(--primaryColor); /* Primary color overlay */
	display:flex; align-items:center; justify-content:center; 
	flex-direction: column; gap:20px;
	opacity:0; visibility:hidden; transition:all 0.3s ease;
}
.teamMemberOverlay .teamMemberQRCode {width: 160px;}
.teamMemberCard:hover .teamMemberImageWrapper .teamMemberOverlay{opacity:0.9; visibility:visible;}
.teamSocialList{list-style:none; padding:0; margin:0; display:flex; gap:15px;}
.teamSocialList li a{display:flex; align-items:center; justify-content:center; width:45px; height:45px; border:1px solid #fff; border-radius:50%; color:#fff; font-size:18px; transition:all 0.3s ease; background:transparent; text-decoration:none;}
.teamSocialList li a:hover{background:#fff; color:var(--primaryColor);}
.teamMemberInfo{padding-top:20px;}
.teamMemberName{font-size:24px; font-weight:500; color:#000; margin:0 0 5px; font-family:var(--primaryFont);}
.teamMemberPosition{font-size:14px; text-transform:uppercase; color:#666; letter-spacing:2px; margin:0;}
/* ========================================
Insights Page Hero Section
======================================== */
.insightsHeroSection{position:relative; min-height:70vh; display:flex; align-items:center; justify-content:center; overflow:hidden; z-index:1;}
.insightsHeroBg{position:absolute; inset:0; z-index:-2;}
.insightsHeroImage{width:100%; height:100%; object-fit:cover; object-position:center;}
.insightsHeroOverlay{position:absolute; inset:0; background:linear-gradient(135deg,rgba(49,52,60,0.85) 0%,rgba(49,52,60,0.75) 100%); z-index:-1;}
.insightsHeroContent{position:relative; z-index:2; padding:60px 0;}
.insightsHeroTitle{font-family:var(--primaryFont); font-size:4rem; font-weight:700; color:#fff; margin-bottom:20px; text-transform:uppercase; letter-spacing:3px;}
.insightsHeroSubtitle{font-size:1.25rem; color:rgba(255,255,255,0.9); line-height:1.6; max-width:700px; margin:0 auto;}
/* Responsive Hero */
@media (max-width:768px){
	.insightsHeroSection{min-height:50vh;}
	.insightsHeroTitle{font-size:2.5rem;}
	.insightsHeroSubtitle{font-size:1rem;}
}
/* ========================================
Category Filter Buttons
======================================== */
.insightsFilterSection{background:#f8f9fa; padding:30px 0; border-bottom:1px solid #e0e0e0;}
.insightsFilterButtons{display:flex; flex-wrap:wrap; gap:15px; justify-content:center; align-items:center;}
.insightFilterBtn{background:#fff; border:2px solid var(--primaryColor); color:var(--primaryColor); padding:12px 30px; font-family:var(--primaryFont); font-size:14px; font-weight:600; text-transform:uppercase; letter-spacing:1px; cursor:pointer; transition:all 0.3s ease; border-radius:0; outline:none;}
.insightFilterBtn:hover{background:var(--primaryColor); color:#fff; transform:translateY(-2px); box-shadow:0 4px 12px rgba(0,0,0,0.15);}
.insightFilterBtn.active{background:var(--primaryColor); color:#fff; box-shadow:0 2px 8px rgba(0,0,0,0.1);}
.insightFilterBtn:focus{outline:2px solid var(--primaryColor); outline-offset:2px;}
/* Responsive Filter Buttons */
@media (max-width:576px){
	.insightFilterBtn{padding:10px 20px; font-size:12px;}
}
/* ========================================
Insights Section
======================================== */
.insightsSection{background:#fff;}
/* No Results Message */
.noResultsMessage{background:#f8f9fa; border:2px dashed #ccc; border-radius:8px; padding:40px 20px;}
.noResultsMessage p{font-size:18px; color:#666; margin:0;}
/* Insight Card Link Wrapper */
.insightCardLink{text-decoration:none; color:inherit; display:block; height:100%;}
.insightCardLink:hover{text-decoration:none;}
/* Category Badges */
.insightCategories{margin-bottom:10px; display:flex; flex-wrap:wrap; gap:8px;}
.insightCategoryBadge{display:inline-block; background:var(--primaryColor); color:#fff; padding:4px 12px; font-size:11px; font-weight:600; text-transform:uppercase; letter-spacing:0.5px; border-radius:3px;}
/* Insight Card Styles */
.insightCard{background:#fff; height:100%; /* margin-bottom:30px; */

	/* border-bottom:5px solid transparent; */}
.insightImageWrapper{overflow:hidden; margin-bottom:20px; border-bottom:5px solid transparent; transition:all 0.3s ease;}
.insightImageWrapper img{width:100%; height:250px; object-fit:cover; opacity:0.7; transition:0.3s; aspect-ratio:16 / 9; object-position:center;}
.insightInfo{padding:0 5px;}
.insightTitle{font-family:var(--primaryFont); font-size:18px; font-weight:700; color:#6d6e71; margin-bottom:10px; text-transform:uppercase; line-height:1.4;}
.insightDate{font-size:15px; font-style:italic; color:#999; margin-bottom:15px; font-weight:400; text-transform:uppercase;}
.insightExcerpt{font-size:14px; color:#6d6e71; line-height:1.6; margin-bottom:0;}
/* Hover Effects */
.insightCard:hover .insightImageWrapper{border-bottom-color:var(--primaryColor);}
.insightCard:hover .insightImageWrapper img{opacity:1;}
.contactSection{background-color:var(--primaryColor); position:relative; overflow:hidden; z-index:1;}
.contactSection::after{content:""; position:absolute; inset:0; background-image:url(assets/img/logo-mark-white.svg); background-repeat:no-repeat; background-position:right center; background-size:500px auto; opacity:0.075; z-index:-2;}
.contactFormAndInfo > div:first-child{padding-right:50px;}
/* Contact Form Styling */
.contactFormBox input::placeholder,
.contactFormBox textarea::placeholder {
	color: rgba(255, 255, 255, 1);
}
.contactFormBox .wpcf7-form-control{background:rgba(255,255,255,0.1); border:1px solid rgba(0,0,0,0.2); color:var(--white); border-radius:10px; padding:12px 15px; font-size:15px; margin-bottom:15px; width:100%;}
.contactFormBox .wpcf7-form-control:not(textarea,[type="submit"]){height:53px; resize:none;}
.contactFormBox textarea{height:150px;}
.contactFormBox .wpcf7-form-control:focus{background:rgba(255,255,255,0.2); border-color:var(--white); outline:none;}
/* Fix for Select Dropdown Options */
.contactFormBox select option{background:#fff; color:#333;}
.contactFormBox::placeholder{color:var(--white); opacity:1;}
.contactFormBox .wpcf7-submit{background:var(--secondaryColor); color:var(--white); text-transform:uppercase; font-weight:400; letter-spacing:1px; border:none; padding:12px 60px; margin:0; border-radius:0; cursor:pointer; width:auto; transition:all 0.3s ease; position:absolute; bottom:62px; right:calc(0% - 192px);}
.contactFormBox .wpcf7-submit:hover{background:var(--white); color:var(--secondaryColor);}
/* Contact Info Box */
.contactInfoBox ul{list-style:none; padding:0; margin:0;}
.contactInfoBox ul li{margin-bottom:15px;}
.cibEmail a,.cibPhone a{font-size:20px; color:var(--white); text-decoration:none; font-weight:300; display:block; margin-bottom:5px;}
.cibPhone a{font-size:24px;}
.contactInfoBox address{color:var(--white); font-size:20px; font-style:normal; line-height:1.6; font-weight:300;}
/* Social Icons */
.contactSocialList{display:flex; padding:0; margin:20px 0 0; list-style:none; gap:15px;}
.contactSocialList li a{width:35px; height:35px; background:transparent; color:var(--white); display:flex; align-items:center; justify-content:center; border-radius:50%; transition:all 0.3s ease;}
.contactSocialList li a:hover{background:var(--secondaryColor); color:var(--white);}
/* Footer Styling */
#footer{background:#fff; color:#6d6e71; font-size:15px;}
#footer h4,#footer h5{color:#6d6e71; font-family:var(--primaryFont); font-weight:700; text-transform:uppercase; letter-spacing:1px; font-size:16px; margin-bottom:15px; margin-top:25px;}
#footer h4:first-child{margin-top:0;}
/* Footer Navigation */
#footer .menu{list-style:none; padding:0; margin:0;}
#footer .menu li{margin-bottom:10px;}
#footer .menu li a{color:var(--primaryColor); text-transform:uppercase; font-size:14px; font-weight:500; letter-spacing:0.5px; text-decoration:none; transition:all 0.3s ease; display:flex; align-items:center;}
#footer .menu li a:hover{color:var(--primaryColor); padding-left:15px; position:relative;}
#footer .menu li a:hover::before{content:''; position:absolute; left:0; top:50%; transform:translateY(-50%); width:10px; height:1px; background-color:var(--primaryColor);}
/* Footer Contact Info */
.footerContact li a{color:#6d6e71; font-size:20px; text-decoration:none; display:block;}
.footerContact li:first-child a{/* Phone Number */
	font-size:28px; color:#6d6e71; font-weight:300;}
#footer address{font-style:normal; color:#6d6e71; line-height:1.6; font-size:18px; margin-bottom:20px;}
/* Footer Social Icons */
.footerSocial{gap:10px !important;}
.footerSocial li a{width:35px; height:35px; background:#555; color:#fff; border-radius:50%; display:flex; align-items:center; justify-content:center; transition:all 0.3s ease;}
.footerSocial li a:hover{background:var(--primaryColor); color:#fff;}
/* Footer Copyright Bar */
.footer-bottom{border-top:1px solid var(--primaryColor); padding-top:20px; margin-top:40px; text-align:center; font-size:13px; color:#6d6e71; text-transform:uppercase;}
.contactText *,.contactInfoBox *,.contactSocialList *{color:#fff;}
.copyrightBox{border-top:1px solid var(--primaryColor);}
.copyrightBox .copyright{text-transform:uppercase; letter-spacing:1px;}
.copyrightBox .copyright p{margin:0;}
.zIndex9{z-index:9;}

/* ========================================
Single Team Member Page Styles
======================================== */

/* Page Container */
.singleTeamMemberPage {
	background: #fff;
}

/* Main Content Section */
.singleTeamMemberContent {
	padding: 60px 0;
}

/* Photo Wrapper - Sticky on Desktop */
.singleTeamMemberPhotoWrapper {
	position: relative;
	max-width: 380px;
	margin: 0 auto;
}

/* Sticky behavior for desktop only */
@media (min-width: 992px) {
	.singleTeamMemberPhotoWrapper {
		position: sticky;
		top: 130px;
		align-self: flex-start;
	}
}

.singleTeamMemberPhoto {
	width: 100%;
	height: auto;
	aspect-ratio: 1 / 1;
	object-fit: cover;
	object-position: top center;
	display: block;
	box-shadow: 0 10px 40px rgba(0, 0, 0, 0.15);
}

/* QR Code */
.singleTeamMemberQRWrapper {
	position: absolute;
	bottom: -20px;
	right: -20px;
	background: #fff;
	padding: 15px;
	box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
	border: 3px solid var(--primaryColor);
}

.singleTeamMemberQR {
	width: 120px;
	height: 120px;
	display: block;
}

/* Info Wrapper - Contains Basic Info + Biography */
.singleTeamMemberInfoWrapper {
	padding-left: 0;
}

/* Basic Info Section */
.singleTeamMemberBasicInfo {
	margin-bottom: 40px;
	padding-bottom: 30px;
	border-bottom: 1px solid #e0e0e0;
}

.singleTeamMemberName {
	font-family: var(--secondaryFont);
	font-size: 48px;
	font-weight: 600;
	color: var(--primaryColor);
	margin-bottom: 15px;
	line-height: 1.2;
}

.singleTeamMemberDesignation {
	font-size: 20px;
	font-weight: 500;
	color: var(--secondaryColor);
	text-transform: uppercase;
	letter-spacing: 2px;
	margin-bottom: 30px;
	padding-bottom: 20px;
	border-bottom: 3px solid var(--primaryColor);
	display: inline-block;
}

/* Contact Information */
.singleTeamMemberContact {
	margin: 30px 0;
}

.singleTeamMemberContactItem {
	display: flex;
	align-items: center;
	gap: 15px;
	margin-bottom: 15px;
	font-size: 18px;
}

.singleTeamMemberContactItem i {
	width: 40px;
	height: 40px;
	display: flex;
	align-items: center;
	justify-content: center;
	background: var(--primaryColor);
	color: #fff;
	border-radius: 50%;
	font-size: 16px;
	flex-shrink: 0;
}

.singleTeamMemberContactItem a {
	color: var(--dark);
	text-decoration: none;
	font-weight: 400;
	transition: all 0.3s ease;
}

.singleTeamMemberContactItem a:hover {
	color: var(--primaryColor);
}

/* Social Media Links */
.singleTeamMemberSocial {
	margin-top: 30px;
}

.singleTeamMemberSocialList {
	list-style: none;
	padding: 0;
	margin: 0;
	display: flex;
	gap: 15px;
}

.singleTeamMemberSocialList li a {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 50px;
	height: 50px;
	border: 2px solid var(--primaryColor);
	border-radius: 50%;
	color: var(--primaryColor);
	font-size: 20px;
	transition: all 0.3s ease;
	background: transparent;
	text-decoration: none;
}

.singleTeamMemberSocialList li a:hover {
	background: var(--primaryColor);
	color: #fff;
	transform: translateY(-3px);
	box-shadow: 0 5px 15px rgba(34, 128, 218, 0.3);
}

/* Biography Section - Now in Right Column */
.singleTeamMemberBio {
	padding: 0;
	margin-top: 0;
}

.singleTeamMemberBioContent h2 {
	font-family: var(--secondaryFont);
	font-size: 32px;
	font-weight: 600;
	color: var(--primaryColor);
	margin-bottom: 25px;
	position: relative;
	padding-bottom: 15px;
}

.singleTeamMemberBioContent h2::after {
	content: '';
	position: absolute;
	bottom: 0;
	left: 0;
	width: 80px;
	height: 4px;
	background: var(--secondaryColor);
}

.singleTeamMemberBioText {
	font-size: 16px;
	line-height: 1.8;
	color: var(--dark);
}

.singleTeamMemberBioText p {
	margin-bottom: 20px;
}

.singleTeamMemberBioText h3,
.singleTeamMemberBioText h4,
.singleTeamMemberBioText h5 {
	color: var(--secondaryColor);
	margin-top: 30px;
	margin-bottom: 15px;
}

.singleTeamMemberBioText ul,
.singleTeamMemberBioText ol {
	margin: 20px 0;
	padding-left: 30px;
}

.singleTeamMemberBioText li {
	margin-bottom: 10px;
	line-height: 1.8;
}

.singleTeamMemberBioText strong {
	color: var(--primaryColor);
	font-weight: 600;
}

/* Back to Team Section */
.singleTeamMemberBackSection {
	padding: 20px 0;
	border-top: 1px solid #e0e0e0;
	border-bottom: 1px solid #e0e0e0;
	margin-top: 40px;
}

.singleTeamMemberBackSection .btn {
	padding: 15px 40px;
	font-size: 16px;
	display: inline-flex;
	align-items: center;
	gap: 10px;
}

.singleTeamMemberBackSection .btn i {
	transition: transform 0.3s ease;
}

.singleTeamMemberBackSection .btn:hover i {
	transform: translateX(-5px);
}

/* Responsive Styles */
@media (max-width: 991.98px) {
	.singleTeamMemberContent {
		padding: 40px 0;
	}

	.singleTeamMemberPhotoWrapper {
		max-width: 400px;
		margin-bottom: 30px;
	}

	.singleTeamMemberInfoWrapper {
		padding-left: 0;
	}

	.singleTeamMemberBasicInfo {
		margin-bottom: 30px;
		padding-bottom: 25px;
	}

	.singleTeamMemberName {
		font-size: 40px;
	}

	.singleTeamMemberDesignation {
		font-size: 18px;
	}

	.singleTeamMemberQRWrapper {
		bottom: -15px;
		right: -15px;
		padding: 12px;
	}

	.singleTeamMemberQR {
		width: 100px;
		height: 100px;
	}
}

@media (max-width: 767.98px) {
	.singleTeamMemberContent {
		padding: 30px 0;
	}

	.singleTeamMemberPhotoWrapper {
		max-width: 350px;
	}

	.singleTeamMemberBasicInfo {
		margin-bottom: 25px;
		padding-bottom: 20px;
	}

	.singleTeamMemberName {
		font-size: 32px;
	}

	.singleTeamMemberDesignation {
		font-size: 16px;
		letter-spacing: 1.5px;
	}

	.singleTeamMemberContactItem {
		font-size: 16px;
	}

	.singleTeamMemberContactItem i {
		width: 35px;
		height: 35px;
		font-size: 14px;
	}

	.singleTeamMemberSocialList li a {
		width: 45px;
		height: 45px;
		font-size: 18px;
	}

	.singleTeamMemberBioContent h2 {
		font-size: 28px;
		margin-bottom: 20px;
	}

	.singleTeamMemberBioText {
		font-size: 15px;
	}

	.legacyMainSec::after {
		content: "";
		position: absolute;
		inset: 0;
		background-color: #5b4a3b;
		opacity: 1;
		z-index: -3;
		display: block;
	}
	.legacyMainSecBg{    height: 20%;}
	.mainBannerSec::before{right: -250px;}
	.contactSection::after{right: -250px;}

	.footerFirstColInner{    gap: 12px;}
}

@media (max-width: 575.98px) {
	.singleTeamMemberPage {
		padding-bottom: 60px;
	}

	.singleTeamMemberContent {
		padding: 30px 0;
	}

	.singleTeamMemberPhotoWrapper {
		max-width: 100%;
		margin-bottom: 25px;
	}

	.singleTeamMemberQRWrapper {
		position: static;
		margin-top: 20px;
		display: inline-block;
	}

	.singleTeamMemberBasicInfo {
		margin-bottom: 20px;
		padding-bottom: 15px;
	}

	.singleTeamMemberName {
		font-size: 28px;
		margin-bottom: 10px;
	}

	.singleTeamMemberDesignation {
		font-size: 14px;
		letter-spacing: 1px;
		margin-bottom: 20px;
		padding-bottom: 15px;
	}

	.singleTeamMemberContact {
		margin: 20px 0;
	}

	.singleTeamMemberContactItem {
		font-size: 15px;
		gap: 12px;
	}

	.singleTeamMemberSocialList li a {
		width: 40px;
		height: 40px;
		font-size: 16px;
	}

	.singleTeamMemberBioContent h2 {
		font-size: 24px;
		margin-bottom: 20px;
	}

	.singleTeamMemberBioText {
		font-size: 14px;
	}

	.singleTeamMemberBackSection {
		padding: 30px 0 0;
		margin-top: 30px;
	}

	.singleTeamMemberBackSection .btn {
		padding: 12px 30px;
		font-size: 14px;
	}
}
@media(max-width: 1366px) {
	body.home #header:not(body.home #header.header-scrolled) {
		padding-bottom: 13px;
	}
	body.home .headerLogoBox {
		width: 0 !important;
		opacity: 0 !important;
	}
	body.home #header.header-scrolled .headerLogoBox {
		width: 220px !important;
		opacity: 1 !important;
	}
}