/* 
Theme Name: Hello Elementor Child
Theme URI: https://github.com/elementor/hello-theme-child/
Description: Hello Elementor Child is a child theme of Hello Elementor, created by Elementor team
Author: Elementor Team
Author URI: https://elementor.com/
Template: hello-elementor
Version: 2.0.0
Text Domain: hello-elementor-child
License: GNU General Public License v3 or later.
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Tags: flexible-header, custom-colors, custom-menu, custom-logo, editor-style, featured-images, rtl-language-support, threaded-comments, translation-ready
*/

/* Scrollbar */
::-webkit-scrollbar-track {	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3); border-radius: 0px; background-color: #F5F5F5; }
::-webkit-scrollbar { width: 5px; background-color: #F5F5F5; }
::-webkit-scrollbar-thumb {	border-radius: 0px; -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3); background-color: var(--thmRed); }

/* Sab entrance animations ko force disable karne ke liye */
.elementor-invisible {
    opacity: 1 !important;
    animation: none !important;
    visibility: visible !important;
}

.animated {
    animation: none !important;
    transition: none !important;
}

@font-face {
  font-family: 'Pro_65_Medium';
  src: url('./fonts/Pro_65_Medium.otf') format('opentype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;  
}

@font-face {
  font-family: 'Urbanist-SemiBold';
  src: url('./fonts/Urbanist-SemiBold.ttf') format('truetype'); /* Correct format for TTF */
  font-weight: 600; /* SemiBold ke liye weight 600 hona chahiye */
  font-style: normal;
  font-display: swap;  
}

@font-face {
  font-family: 'Urbanist-Regular';
  src: url('./fonts/Urbanist-Regular.ttf') format('truetype'); /* Correct format for TTF */
  font-weight: 600; /* SemiBold ke liye weight 600 hona chahiye */
  font-style: normal;
  font-display: swap;  
}

@font-face {
  font-family: 'Pro_55_Roman';
  src: url('./fonts/Pro_55_Roman.otf') format('opentype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;  
}

@font-face {
  font-family: 'Pro_45_Light';
  src: url('./fonts/Pro_45_Light.otf') format('opentype');
  font-style: normal;
  font-weight:300;
  font-display: swap;  
}

@font-face {
  font-family: 'Pro_35_Extra_Light';
  src: url('./fonts/Pro_35_Extra_Light.otf') format('opentype');
  font-style: normal;
  font-display: swap;  
}


/* Root variables */
:root {
	--font-regular: 'fontRegular', sans-serif;
	--font-65: 'Pro_65_Medium', sans-serif;
    --font-55: 'Pro_55_Roman', sans-serif;
	--font-45: 'Pro_45_Light', sans-serif; 
	--font-35: 'Pro_35_Extra_Light', sans-serif;
	--urb-bold: 'Urbanist-SemiBold', sans-serif;
	--urb-regular: 'Urbanist-Regular', sans-serif;
	
	/* Colors */
	--thmRed: #CE2030;
	--thmBlack: #232222;
	--thmGrey:#2C2C2C;
	--black: #000;
	--white: #fff;
	--navColo: #000;

	/* min and max screens */
	--min-vw: 1400;
	--max-vw: 1920;

	/* Fluid scale */
	--fluid-scale: calc(
		(100vw - var(--min-vw) * 1px) /
		((var(--max-vw) - var(--min-vw)) * 1px)
	);

	/* font sizes */
	--h1-font: clamp(40px, calc(60px + 30px * var(--fluid-scale)), 70px);
	--h2-font: clamp(30px, calc(50px + 20px * var(--fluid-scale)), 70px);
	--h3-font: clamp(20px, calc(30px + 15px * var(--fluid-scale)), 45px);
	--h4-font: clamp(18px, calc(16px + 8px * var(--fluid-scale)), 31px);
	--h5-font: clamp(15px, calc(16px + 7px * var(--fluid-scale)), 16px);
	--h6-font: clamp(15px, calc(13px + 7px * var(--fluid-scale)), 16px);
	--paragraph-font: clamp(16px, calc(14px + 8px * var(--fluid-scale)), 22px);
	--paragraph-font-small: clamp(16px,calc(16px + 8px * var(--fluid-scale)),19px)!important;
	--btn-font: clamp(14px, calc(14px + 6px * var(--fluid-scale)), 20px);
}

/* Container padding */
.containerPadd {
	padding-left: 4vw !important;
	padding-right: 4vw !important;
}

/* Typography colors*/
:not(.dark-section) p {
    color: #2C2C2C; 
}

.dark-section p {
    color: #B8B8B8 !important;
}

body {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
/* Typography fonts*/
body p, .navbar-header .menu-item a {
	letter-spacing: 0.22px; 
	    stroke: none !important;
    -webkit-text-stroke-color: unset !important;
}
body p { font-family: var(--font-45)}
h1 { font-family: var(--font-65);}
.font-65 { font-family: var(--font-65); }
.font-55, .section-heading .elementor-heading-title, h3 { font-family: var(--font-55); }
.font-45,  .section-subheading, .section-subheading p { font-family: var(--font-45) }
.font-35,  .font-35 *, h6 { font-family: var(--font-35); }
.font-urb-regular, .font-urb-regular * { font-family: var(--urb-regular); }
.font-urb-bold, .font-urb-bold * { font-family: var(--urb-bold); }

/* Typography sizes*/
h1 {font-size: var(--h1-font); line-height:1.3em !important}
h2 {font-size: var(--h2-font); line-height:1.2em !important}
h2 > span { color: var(--thmBeige) !important; }
h3 {font-size: var(--h3-font) !important; line-height: 1.4 !important;}
h4 {font-size: var(--h4-font)  !important;}
h5 {font-size: var(--h5-font) !important;}
h6 {font-size: var(--h6-font) !important;text-transform: capitalize;margin-bottom: 20px !important; color:var(--thmRed); letter-spacing: 1px}
h6:before {content: ''; display:inline-block; margin-right: 8px; vertical-align: text-bottom; background-color: var(--thmRed); width: 8px; height: 8px; border-radius: 50px; transform: translate(0px, -40%);}

p {font-size:var(--paragraph-font) !important; line-height:1.5em ; }

.section-heading .elementor-heading-title{
	margin-bottom:0.2em;
}
.section-subheading, .section-subheading p{
	font-size: clamp(17px, calc(30px + 15px * var(--fluid-scale)), 22px) !important;
    line-height: 1.5;
}

.service-approach li, .service-offer li, 
#job-preview-window li {margin-bottom:20px !important;color: var(--thmGrey);line-height: 1.6 !important;}

.service-approach li, .service-offer li, 
.elementor-icon-list-item > .elementor-icon-list-text,
#job-preview-window li {font-size: var(--paragraph-font-small);font-family: var(--font-regular) !important;}

/* h1, h2, h3 {color: var(--thmBlack) ; line-height: 1.3 !important;} */
strong { font-family: var(--font-heavy); color: var(--thmRed);}

/* Buttons */
.primary-btn a, 
.secondary-btn a, 
.outline-btn a {margin-right: 15px; padding: 19px 30px !important;text-decoration:none !important;background-color: transparent !important;border-radius: 40px;color: var(--white) !important;font-size: var(--btn-font);line-height: 1 !important;fill: var(--white) !important;min-width: 220px;}

.primary-btn a {background-color: var(--thmRed) !important;color: var(--white) !important;background: linear-gradient(0deg, #D11E2F, #D11E2F),
radial-gradient(62.56% 62.56% at 28.14% -10.42%, rgba(255, 255, 255, 0.2) 0%, rgba(255, 255, 255, 0) 100%); box-shadow: 0 -3px 0 0 #080808 inset, 0 1px 0 0 rgba(255, 255, 255, 0.30) inset, 0 2.77px 2.21px 0 rgba(0, 0, 0, 0.12), 0 6.65px 5.32px 0 rgba(0, 0, 0, 0.13), 0 12.52px 10.02px 0 rgba(0, 0, 0, 0.13), 0 22.34px 17.87px 0 rgba(0, 0, 0, 0.14), 0 41.78px 33.42px 0 rgba(0, 0, 0, 0.15), 0 100px 80px 0 rgba(0, 0, 0, 0.15), 0 3px 3px 0 rgba(0, 0, 0, 0.14), 0 2.77px 2.21px 0 rgba(0, 0, 0, 0.12); }


.secondary-btn a {background-color: var(--white) !important;color: var(--thmRed) !important;background: linear-gradient(0deg, #272727, #272727),
radial-gradient(62.56% 62.56% at 28.14% -10.42%, rgba(255, 255, 255, 0.2) 0%, rgba(255, 255, 255, 0) 100%); box-shadow: 0px -3px 0px 0px #080808 inset; }
.outline-btn a {border: 1px solid var(--white);}

.primary-btn a, 
.secondary-btn a, 
#tahefobu-header.scrolled .outline-btn a,
.elementor-form .elementor-button {
    padding: 12px 60px;
    border-radius: 50px;
    border: none;
    cursor: pointer;
    color: #FFFFFF !important;
    font-family: 'Inter', sans-serif;
    font-size: 16px;
    font-weight: 400;
    background: linear-gradient(180deg, #2c2c2c 0%, #1a1a1a 100%)  !important;
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.5), 0 35px 48px 0px rgb(0 0 0 / 20%)  !important;
    transition: all 0.3s ease;
    outline: none;
}

.primary-btn a:hover,
.secondary-btn a:hover,
.elementor-form .elementor-button {
    transform: translateY(2px);
    box-shadow: 
        0px 2px 5px rgba(0, 0, 0, 0.5), 
        0px 10px 20px rgba(0, 0, 0, 0.3)  !important;
    background: linear-gradient(180deg, #333333 0%, #222222 100%)  !important;
}

.primary-btn a:active,
.secondary-btn a:active,
.elementor-form .elementor-button {
    transform: translateY(4px);
    box-shadow: none;
}

.primary-btn a,
.primary-btn a:hover,
.primary-btn a:active,
.elementor-form .elementor-button {background-color: var(--thmRed) !important;color: var(--white) !important;background: linear-gradient(0deg, #D11E2F, #D11E2F),
radial-gradient(62.56% 62.56% at 28.14% -10.42%, rgba(255, 255, 255, 0.2) 0%, rgba(255, 255, 255, 0) 100%) !important;box-shadow: 0px -3px 0px 0px #080808 inset;}

#tahefobu-header.scrolled .outline-btn a {
	font-size: 14px !important;
}

.elementor-element.tag span {
    padding: 10px;
    border: 1px solid #ddd;
    min-width: max-content;
    display: inline-block;
}


/* Mobile Responsive Styles (Screens below 768px) */
@media (max-width: 767px) {
    .primary-btn a, 
    .secondary-btn a, 
    .outline-btn a {
        padding: 10px !important;
        font-size: 14px !important;
        min-width: 100px !important;
        text-align: center;
    }
	h1 br, h2 br, h3 br, h4 br, h5 br, h6 br, p br {
		display:none
	}
}

/*text classes*/
.textRed { color: var(--thmRed) !important; }
/* Utility classes */

/* Mobile (Default) - 30px */
:root { --spacing-80: 30px; }

/* Desktop - 80px */
@media(min-width: 768px) {
    :root { --spacing-80: 80px; }
}

/* Padding Classes */
.pt80 { padding-top: var(--spacing-80); }
.pb80 { padding-bottom: var(--spacing-80); }
.ptb80, .py80 { 
    padding-top: var(--spacing-80); 
    padding-bottom: var(--spacing-80); 
}
/* 
 * ================== Header ================== 
*/
#tahefobu-header{position:fixed;top:0;width:100%;z-index:9999;background:transparent;transition:all .35s ease}
#tahefobu-header .tahefobu-site-logo img{height:25px;width:auto;transition:height .35s ease,transform .3s ease}
#tahefobu-header.scrolled{background:var(--white);border-bottom-color:rgba(255,255,255,.25);box-shadow:0 0 25px rgba(0,0,0,.15)}

.topbar-header{position:relative;padding: 8px 0;}
.topbar-header:before{content:"";position:absolute;width:100%;height:100%;bottom:0;left:0;border-bottom: 0.4px solid #FFFFFF52;}
.topbar-header .elementor-icon-list-text{color:var(--white)!important;font-size:12px!important;font-family: var(--font-regular)!important;var(--font-regular)!important: ;}
.topbar-header .elementor-icon-list-icon svg {width: 12px; height: 12px;}

.navbar-header .menu-item a {font-family:var(--font-45)!important; font-size: 20px !important;}
.navbar-header .menu-item a:not(.navbar-header .current-menu-item a){color: var(--white)!important;}
.elementor-nav-menu .sub-arrow .e-font-icon-svg {fill: var(--white);}
.navbar-header {padding: 16px 0;}
.navbar-header .elementor-widget-image {max-width: 167px !important;}
.navbar-header .dark-logo {display: none;}

.elementor-nav-menu .current-menu-item .sub-arrow .e-font-icon-svg {fill: var(--thmRed);}
.navbar-header .current-menu-item > a {color: var(--thmRed)!important;border-radius: 0px;}

.navbar-header .elementor-nav-menu--dropdown {background: transparent;top: 40px !important;border-radius: 2px !important;right: 0 !important;}
.navbar-header .elementor-nav-menu--dropdown li:not(:last-child) {border-bottom: 1px solid #00000059 !important;}
.navbar-header .elementor-nav-menu--dropdown li a {background: var(--thmGrey)!important;color: var(--thmGrey)!important;font-family: var(--font-regular) !important;font-size: 14px !important;border-inline-start: 0;/* border-radius: 5px; */}
.navbar-header .elementor-nav-menu--dropdown a:hover {background: var(--thmRed) !important;border-left: 0;}
.navbar-header .elementor-nav-menu--dropdown .menu-item-has-children > .sub-menu { position: relative !important; left: 0px !important; top: 0 !important; margin-left: 0 !important; margin-top: 0 !important; width: 190px !important; border-width: 1px 0px 0px 0px !important; }

#tahefobu-header.scrolled .navbar-header .dark-logo {display: unset;}
#tahefobu-header.scrolled .navbar-header .light-logo {display: none;}
#tahefobu-header.scrolled .elementor-icon-list-text{color: var(--thmGrey)!important;}
#tahefobu-header.scrolled .elementor-icon-list-icon svg{
    filter: brightness(0) saturate(100%) invert(11%) sepia(1%) saturate(352%) hue-rotate(18deg) brightness(95%) contrast(93%);
}
#tahefobu-header.scrolled .topbar-header:before{border-color: var(--thmGrey);opacity: 0.4;}
#tahefobu-header.scrolled .elementor-nav-menu .sub-arrow .e-font-icon-svg {fill: var(--thmRed);}
#tahefobu-header.scrolled .navbar-header .menu-item > a:not(.navbar-header .current-menu-item > a, 
.navbar-header .elementor-nav-menu--dropdown li a){color: var(--thmGrey)!important;}

#tahefobu-header.scrolled .navbar-header .current-menu-item > a {color: var(--white)!important;background: var(--thmRed)!important;border-radius: 30px;}
#tahefobu-header.scrolled .navbar-header .sub-menu .current-menu-item > a { border-radius: 0; }
#tahefobu-header.scrolled .elementor-nav-menu .current-menu-item .sub-arrow .e-font-icon-svg {fill: var(--white);}

/* Home banner */
.banner {margin: 0 0 0;padding: 0px 0 0;}
#banner-element, #banner-element canvas { position: absolute; top: 0; left: 0; z-index: 0; width: 100% !important; }
.banner h1, 
.banner p {color: var(--white) !important;}
.banner p {
    margin: 30px 0 40px;
}
.banner > div > .elementor-element.e-con-full:not(.elementor-widget-video) {position: relative;z-index: 1;top: 30px;}
.banner .elementor-widget-video,
.banner video {position: absolute;top: 0;left: 0;z-index: 0;height: 100vh !important;}


/* processSection */
#processSection .elementor-image-box-title {
    font-family: var(--font-55);
    font-weight: 300 !important;
}
#processSection .elementor-image-box-description {
    font-family: var(--font-45);
}

@media(min-width:768px){
	#processSection .elementor-image-box-description {
		font-size: clamp(30px, calc(16px + 8px * var(--fluid-scale)), 38px) !important;
	}
}
@media(max-width:767px){
	#processSection .elementor-image-box-wrapper {
		display: flex;
        flex-direction: row;
        justify-content: center !important;
        align-items: center;
        gap: 18px;
	}
	#processSection .elementor-image-box-title{
		margin:0px
	}
}


/* impactSection */
#impactSection .elementor-image-box-title {
    font-family: var(--font-55);
    font-weight: 300 !important;
}
#impactSection .elementor-image-box-description, #impactSection .elementor-heading-title {
    font-family: var(--font-45);
	letter-spacing: 1px;
}
#impactSection .elementor-heading-title {
    color: #8f8d8d;
    font-size: 17.903px;
    font-family: var(--font-35);
    letter-spacing: 0.5px;
    padding-inline: 1em !important;
}

/* whyChooseSection */
#whyChooseSection .elementor-image-box-title {
    font-family: var(--font-55);
	font-size: clamp(31px, calc(16px + 8px * var(--fluid-scale)), 38px) !important;
    font-weight: 300 !important;
	margin-bottom:0.5em;
}
#whyChooseSection .elementor-image-box-description {
    font-family: var(--font-45);
	color:#f0f0f0 !important
}
#whyChooseSection .elementor-widget-divider .elementor-divider {
    padding-block-start:clamp(10px, calc(10px + 40px * var(--fluid-scale)), 50px) !important;
	padding-block-end:clamp(10px, calc(10px + 40px * var(--fluid-scale)), 50px) !important;
}

/* industriesSection */
#industriesSection .elementor-image-box-title {
    font-family: var(--font-55) !important;
    font-weight: 400 !important;
    margin-bottom: 0.5em;
}
#industriesSection .industry-card .elementor-image-box-img {
    background: #fff;
    width: 30% !important;
    min-width: 60px !important;
    aspect-ratio: 1;
    display: flex !important;
    margin: 30px auto !important;
    align-items: center;
    justify-content: center;
    border-radius: 100%;
}
@media(min-width:768px){
	#industriesSection .industry-card .elementor-image-box-description{
		min-height:17vh
	}
	#industriesSection .elementor-image-box-title {
		font-size: clamp(29px, calc(16px + 8px * var(--fluid-scale)), 31px) !important;
	}
}
@media(max-width:767px){
	#industriesSection .elementor-image-box-title {
		font-size: 20px;
	}
}

/*testimonial section*/
@media(min-width:768px){
	.testimonial .testimonial-review p {
        color: #FFF !important;
        font-style: normal;
        font-weight: 100;
        line-height: 1.6em;
        letter-spacing: 0.285px;
        font-size: clamp(16px, calc(21px + 8px * var(--fluid-scale)), 35px) !important;
        font-family: var(--font-35) !important;
		margin-bottom: 0px;
    }
	
	.testimonial .testimonial-author .elementor-heading-title {
        color: #FFF !important;
		font-size: clamp(37px, calc(16px + 8px * var(--fluid-scale)), 41px) !important;
		font-style: normal;
		font-weight: 700;
		line-height: normal;
		letter-spacing: 1px;
    }
	
	.testimonial .testimonial-designation{
		color: #FAFAFA !important;
		font-size: 20.736px;
		font-style: normal;
		font-weight: 100;
		line-height: normal;
		letter-spacing: 1px;
		font-family: var(--font-35) !important;
	}
}

/*technology platforms*/
.technology-filters {
    width: auto !important;
	margin-bottom: 6vw;
}
.technology-filters .elementor-widget-button .elementor-button{
	background:transparent;
	font-family: var(--font-55);
	color: #2C2C2C;
	text-align: center;
	font-size: 22px;
	font-style: normal;
	font-weight: 450;
	line-height: 24px; /* 109.091% */
	letter-spacing: 0.22px;
	display: flex;
	height: 60px;
	padding: 17px 43px 19px 44px;
	justify-content: center;
	align-items: center;
}
.technology-filters  .elementor-widget-button.active .elementor-button{
	color:#fff !important;
	border-radius: 99px;
	background: radial-gradient(62.56% 62.56% at 28.14% -10.42%, rgba(255, 255, 255, 0.20) 0%, rgba(255, 255, 255, 0.00) 100%), #272727;
	box-shadow: 0 -3px 0 0 #080808 inset, 0 1px 0 0 rgba(255, 255, 255, 0.30) inset, 0 2.77px 2.21px 0 rgba(0, 0, 0, 0.12), 0 6.65px 5.32px 0 rgba(0, 0, 0, 0.13), 0 12.52px 10.02px 0 rgba(0, 0, 0, 0.13), 0 22.34px 17.87px 0 rgba(0, 0, 0, 0.14), 0 41.78px 33.42px 0 rgba(0, 0, 0, 0.15), 0 100px 80px 0 rgba(0, 0, 0, 0.15), 0 3px 3px 0 rgba(0, 0, 0, 0.14), 0 2.77px 2.21px 0 rgba(0, 0, 0, 0.12);
}

/*news insights*/
.news-insight-item .categories span span{
	color: #111;
	font-family: var(--font-45);
}
.news-insight-item  .info a span{
	color: #111;
}
@media(min-width:768px){
	.news-insight-item .categories span span{
        zoom: 1.1;
        padding: 1em 2em !important;
        font-family: var(--font-35);
        letter-spacing: 0.5px;
	}
	.news-insight-item .news-content{
		flex:1;
		justify-content: center;
	}
	
	.news-insight-item  .info a{
		font-size: 23.075px;
		font-style: normal;
		font-weight: 450;
		line-height: 46.15px; /* 200% */
		letter-spacing: 0.231px;
	}
	.news-insight-item .elementor-heading-title{
		color: #111;
		font-size: clamp(37px, calc(16px + 8px * var(--fluid-scale)), 41px) !important;
		font-family: var(--font-55);
		font-style: normal;
		font-weight: 450;
		line-height: 49.446px; /* 120% */
		letter-spacing: 0.412px;
	}
	
	.news-insight-item .elementor-widget-theme-post-content p {
        color: #2C2C2C;
        font-size: clamp(25px, calc(16px + 8px * var(--fluid-scale)), 36px) !important;
        font-style: normal;
        font-weight: 450;
        line-height: 45.446px;
        letter-spacing: 0.264px;
    }
}

/*contact form section*/
.contactSection h1 {
	font-family: var(--font-55);
}

.contactSection .elementor-image-box-title{
	font-family: var(--font-65)
}
.contactSection .elementor-image-box-description{
	font-family: var(--font-35)
}

/*faqSection*/
.faqSection details > div:before {
    background: linear-gradient(90deg, rgba(212, 212, 216, 0.00) 0%, #D4D4D8 50%, rgba(212, 212, 216, 0.00) 100%);
    background-size: 100% 1px;
    height: 1px;
    content: '';
}
/* Seventh Fold -- Marquee effect for Elementor Image Carousel */
.seventh-fold .swiper-wrapper { transition-timing-function: linear !important; }

/* Footer Styles */
#primary-footer{padding: 60px 0 30px;margin-top: 0;background-color:#000;}
#primary-footer h4,
#primary-footer p,
#primary-footer .elementor-icon-list-icon svg,
#primary-footer .elementor-icon-list-text { color: #fff; fill: #fff; }

#primary-footer .elementor-icon-list-icon svg,
#primary-footer .elementor-icon-list-text { color: var(--thmRed); fill: var(--thmRed); margin-bottom: 20px; }

#primary-footer .elementor-icon-list-text,
#primary-footer h4 { font-size: 22px !important; font-weight: 700; margin-bottom: 20px; }
#primary-footer .elementor-icon-list-items { line-height: 70px; }

.footer-row-top,
.footer-row-middle { border-bottom: 1px solid rgb(255 255 255 / 24%); padding-bottom: 50px; }
.footer-row-middle { padding-top: 26px; }
.footer-small-para p { font-size: 20px; margin: 30px 0px 0; }
.termsPage p { font-size: 18px; }
.vertical_border { color: var(--thmRed); margin: 0 10px 0; }

/* Loop Grid Animate */
/* .e-loop-item.status-publish {opacity:0;transform: translate(-30px,0px);transition:all .6s ease}
.elementor-editor-active .e-loop-item.status-publish {opacity:1;transform: translate(-30px,0px);}
.elementor-grid.is-visible .e-loop-item.status-publish{opacity:1;transform:translate(0,0)}
.elementor-widget-loop-grid .elementor-loop-container {display:flex!important;flex-wrap:wrap;gap:30px}
.elementor-widget-loop-grid .elementor-loop-container:not(.doctors-listing-section .elementor-widget-loop-grid .elementor-loop-container){justify-content:center;}
.elementor-widget-loop-grid .elementor-loop-container>div{width:calc(33.333% - 20px)} */

/* Second Fold */

.controls-wrapper {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 30px;
    gap: 20px;
}

.showcase-container .progress-wrapper { 
    flex-grow: 1; 
    height: 3px; 
    background-color: #62626233; 
    overflow: hidden; 
}

.showcase-container .nav-arrows {
    display: flex;
    gap: 15px;
}

.showcase-container .nav-btn {
    background: none;
    border: none;
    cursor: pointer;
    color: #000;
    padding: 5px;
    transition: color 0.3s;
	height: 30px;
    border-radius: 40px;
}
.showcase-container .nav-btn:hover { background: var(--thmRed); color:#fff}

/* Baki existing CSS */
.numbers-wrapper { position: relative; height: 250px; }
.number-slide { position: absolute; top: 0; left: 0; opacity: 0; transition: opacity 0.8s ease-in-out; pointer-events: none; }
.number-slide.active { opacity: 1; pointer-events: auto; }
.number-slide .value { font-size: 140px; line-height: 1; font-family: var(--urb-bold)}
.number-slide .value span { color: var(--thmRed); font-family: var(--urb-regular)}
.number-slide .label { text-transform: uppercase; font-family: var(--urb-regular); letter-spacing: 1px; }

@media(min-width:768px){
    .number-slide .value { font-size: 240px; }
}
@media(max-width:767px){
    .numbers-wrapper {
		height: 144px;
	}
}

/* Progress Bar Styling */
.progress-wrapper { width: 100%; height: 3px; background-color: #62626233; margin: 20px 0; overflow: hidden; }
.progress-bar { height: 100%; width: 0%; background: #e11d48; transition: width 0.5s ease-in-out; box-shadow: 0px 2px 12px 0px #FD3A25; }



/* Third Fold */
.third-fold .elementor-image-carousel-wrapper:before { content: ''; position: absolute; background: linear-gradient(90deg, #FFFFFF 0%, rgba(255, 255, 255, 0) 25%, rgba(255, 255, 255, 0) 75%, #FFFFFF 100%); top: 0%; left: 0%; width: 100%; height: 100%; z-index: 9; pointer-events: none; }

/* Fourth Fold */
.services-accordion-main {}

/* --- [MOBILE & COMMON STYLES] --- */
.service-card h3{
	font-family: var(--font-45);
}

.service-card { 
    position: relative; 
    background: #fff; 
    border-radius: 40px; 
    border: 1px solid #e0e0e0; 
    padding: 30px; /* Mobile par thoda kam padding */
    overflow: hidden; 
    cursor: pointer;  
    transition: all 0.6s cubic-bezier(0.25, 1, 0.5, 1);
    display: flex;
    flex-direction: column;
    margin-bottom: 15px; /* Mobile stack spacing */
}

.service-card p{
	font-size:20px !important
}
/* Mobile par saare cards full width honge */

.service-title { 
    transition: all 0.5s ease; 
    /* Mobile par title seedha rahega */
    position: relative;
    top: 0;
    left: 0;
    transform: none;
    white-space: normal;
    margin-bottom: 15px;
}
.service-card.active  .service-title{
	display:none
}

.service-content { 
    opacity: 0; 
    max-height: 0; /* Mobile toggle effect ke liye */
    visibility: hidden; 
    transform: translateY(10px); 
    transition: all 0.4s ease; 
	display:flex;
	flex-direction:column;
	gap:15px;
}
.service-content > div {
	display:flex;
	flex-direction:column;
	gap:15px;
}
.service-content > div:nth-child(2) {
    position: absolute;
    right: 10px;
}
/* Mobile active state: Card expand ho jaye */
.service-card.active .service-content { 
    opacity: 1; 
    visibility: visible; 
    max-height: 1000px; 
    transform: translateY(0); 
}
@media(max-width: 767px) {
	.service-card{
		padding:10px !important;
		margin-bottom: 0px;
	}
	.service-card.active{
		padding:20px !important
	}
	.service-card  .service-title{
		margin-bottom:0px;
		gap:10px;
	}
	.service-card .service-title > div:first-child{
		width:51px !important
	}
	.service-card .service-title div:last-child{
		flex:1
	}
	
	.service-content > div:nth-child(2) {
        position: absolute;
        bottom: 10px;
        right: 13px;
        z-index: 1;
    }
}

/* --- [DESKTOP ONLY: 768px +] --- */
@media(min-width: 768px) {
    .service-card { 
        flex: 0 0 12% !important; 
        padding: 50px 30px;
        margin-bottom: 0;
    }

    .service-card.active, 
    .service-card:hover { 
        flex: 0 0 30% !important; 
        box-shadow: 0px 7px 88px 0px #0000002B; 
        border: none; 
        transform: translateY(-5px); 
    }

    /* Vertical Title Logic only for Desktop */
    .service-title { 
        position: absolute; 
        top: 85%; 
        left: 50%; 
        transform: translate(-50%, 0) rotate(-90deg); 
        white-space: nowrap; 
    }

    /* Rotational Heading Animation on Desktop Active */
    .service-card.active .service-title,
    .service-card:hover .service-title { 
        opacity: 0; 
        transform: translate(-50%, -50%) rotate(0deg); 
    }

    .service-content { 
        transform: translateY(20px); 
        max-height: none;
    }

    .service-card.active .service-content,
    .service-card:hover .service-content { 
        transition-delay: 0.15s; 
    }
}


/* Hide default scrollbar */
.custom-scroll-column {
    overflow-y: scroll;
    scrollbar-width: none; /* Firefox */
    -ms-overflow-style: none;  /* IE/Edge */
    position: relative;
}
.custom-scroll-column::-webkit-scrollbar {
    display: none; /* Chrome/Safari */
}

/* Custom Thumb Container */
.custom-scrollbar-track {
    position: absolute;
    left: 0; /* Left side positioning */
    top: 0;
    width: 4px;
    height: 100%;
    background: #1a1a1a; /* Dark track */
    z-index: 10;
}

/* Moving Red Thumb */
.custom-scrollbar-thumb {
    position: absolute;
    width: 100%;
    background: #e31e24; /* Your Red color */
    height: 50px; /* JS will update this height dynamically */
    top: 0;
}

@media(min-width:768px){
	.custom-left-scrollbar {
		height: 85vh;
		overflow-y: auto;
		direction: rtl;
		 /* your grey */
	}
}

.custom-left-scrollbar > * {
    direction: ltr;
}

.e-n-accordion-item {
    box-shadow: 12px 14px 18px 0px #00000026;
    background: #f4f4f5;
    border-radius: 40px;
}