.elementor-kit-18255{--e-global-color-primary:#00517F;--e-global-color-secondary:#8E191C;--e-global-color-text:#0E0E0E;--e-global-color-accent:#FFFFFF;--e-global-color-4eabcbd:#F4F7F9;--e-global-color-195dfba:#D4DEE6;--e-global-color-002d3f5:#132D42;--e-global-color-a676072:#F0F0F0;--e-global-color-f0b73e7:#F5EBEB;--e-global-color-d45df92:#F0F0F0;--e-global-color-372fe66:#E0E0E0;--e-global-color-c2a3163:#858585;--e-global-color-be1cf89:#666666;--e-global-color-7b7aeda:#1F1F1F;--e-global-typography-primary-font-family:"Roboto";--e-global-typography-primary-font-size:48px;--e-global-typography-primary-font-weight:400;--e-global-typography-primary-line-height:1.1em;--e-global-typography-secondary-font-family:"Roboto";--e-global-typography-secondary-font-size:36px;--e-global-typography-secondary-font-weight:400;--e-global-typography-secondary-line-height:1.15em;--e-global-typography-text-font-family:"Roboto";--e-global-typography-text-font-size:20px;--e-global-typography-text-font-weight:400;--e-global-typography-text-line-height:1.6em;--e-global-typography-accent-font-family:"Roboto";--e-global-typography-accent-font-size:16px;--e-global-typography-accent-font-weight:400;--e-global-typography-64d754b-font-family:"Roboto";--e-global-typography-64d754b-font-size:32px;--e-global-typography-64d754b-font-weight:400;--e-global-typography-64d754b-line-height:1.25em;--e-global-typography-585ea66-font-family:"Roboto";--e-global-typography-585ea66-font-size:22px;--e-global-typography-585ea66-line-height:1.1em;--e-global-typography-aed0c8a-font-family:"Gilroy";--e-global-typography-aed0c8a-font-size:1.25rem;--e-global-typography-aed0c8a-line-height:1.2em;--e-global-typography-c7d1e48-font-family:"Gilroy";--e-global-typography-c7d1e48-font-size:1.125rem;--e-global-typography-c7d1e48-line-height:1.2em;--e-global-typography-e151519-font-family:"Roboto";--e-global-typography-e151519-font-size:18px;--e-global-typography-e151519-line-height:1.2em;--e-global-typography-a0988ff-font-family:"Gilroy";--e-global-typography-a0988ff-font-size:0.875rem;--e-global-typography-a0988ff-font-weight:400;--e-global-typography-a0988ff-line-height:1.2em;--e-global-typography-321fc44-font-family:"Neue Montreal";--e-global-typography-321fc44-font-size:18px;}.elementor-kit-18255 e-page-transition{background-color:#FFBC7D;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1440px;}.e-con{--container-max-width:1440px;--container-default-padding-top:0px;--container-default-padding-right:0px;--container-default-padding-bottom:0px;--container-default-padding-left:0px;}.elementor-widget:not(:last-child){--kit-widget-spacing:0px;}.elementor-element{--widgets-spacing:0px 0px;--widgets-spacing-row:0px;--widgets-spacing-column:0px;}{}h1.entry-title{display:var(--page-title-display);}.site-header .site-branding{flex-direction:column;align-items:stretch;}.site-header{padding-inline-end:0px;padding-inline-start:0px;}.site-footer .site-branding{flex-direction:column;align-items:stretch;}@media(min-width:2400px){.elementor-kit-18255{--e-global-typography-primary-font-size:56px;--e-global-typography-primary-line-height:1.05em;--e-global-typography-secondary-font-size:48px;--e-global-typography-secondary-line-height:1.1em;--e-global-typography-text-font-size:20px;--e-global-typography-accent-font-size:18px;--e-global-typography-64d754b-font-size:40px;--e-global-typography-64d754b-line-height:1.2em;--e-global-typography-585ea66-font-size:28px;--e-global-typography-585ea66-line-height:1.1em;--e-global-typography-aed0c8a-font-size:1.5rem;--e-global-typography-c7d1e48-font-size:1.25rem;--e-global-typography-e151519-font-size:20px;--e-global-typography-a0988ff-font-size:1rem;}}@media(max-width:1024px){.elementor-kit-18255{--e-global-typography-primary-font-size:40px;--e-global-typography-primary-line-height:1.15em;--e-global-typography-secondary-font-size:32px;--e-global-typography-secondary-line-height:1.2em;--e-global-typography-text-font-size:18px;--e-global-typography-text-line-height:1.6em;--e-global-typography-accent-font-size:16px;--e-global-typography-accent-line-height:1.5em;--e-global-typography-64d754b-font-size:28px;--e-global-typography-64d754b-line-height:1.3em;--e-global-typography-585ea66-font-size:20px;--e-global-typography-585ea66-line-height:1.1em;--e-global-typography-c7d1e48-font-size:1.125rem;--e-global-typography-e151519-font-size:16px;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-kit-18255{--e-global-typography-primary-font-size:36px;--e-global-typography-primary-line-height:1.2em;--e-global-typography-secondary-font-size:28px;--e-global-typography-secondary-line-height:1.25em;--e-global-typography-text-font-size:16px;--e-global-typography-text-line-height:1.55em;--e-global-typography-accent-font-size:16px;--e-global-typography-64d754b-font-size:24px;--e-global-typography-64d754b-line-height:1.3em;--e-global-typography-585ea66-font-size:18px;--e-global-typography-585ea66-line-height:1.5em;--e-global-typography-aed0c8a-font-size:1.2rem;--e-global-typography-c7d1e48-font-size:1.1rem;--e-global-typography-e151519-font-size:16px;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}:root { --Typeface_1:Neue Montreal; --Size_h3:3rem; --Typeface_2:Gilroy; --Size_para:1rem; --Roboto:Roboto; }
/* Start custom CSS */.elementor-kit-18255 .elementor-element.elementor-element-0f614d9 {
    --padding-top: 0px !important;
    --padding-bottom: 0px !important;
    --padding-left: 0px !important;
    --padding-right: 0px !important;
    padding: 0px !important;
}

.feature-parent.e-con {
    height: 1200px !important;
    overflow: clip !important;
    position: relative !important;
}

.sticky-child.e-con {
    position: -webkit-sticky !important;
    position: sticky !important;
    top: 100px !important;
    z-index: 10 !important;
}

/*sticky img*/
.offer-section {
    position: relative !important;
    align-items: flex-start !important;
}

.offer-sticky-img {
    position: sticky !important;
    top: 100px !important;
    align-self: flex-start !important;
}

@media (max-width: 767px) {
    .offer-sticky-img {
        position: relative !important; /* Sticky behavior ko disable karta hai */
        top: auto !important;          /* Top spacing ko reset karta hai */
        align-self: auto !important;   /* Alignment ko normal kar deta hai */
    }
}


/*sticky img*/
.offer-section {
    position: relative !important;
    align-items: flex-start !important;
}

.offer-sticky-img2 {
    position: sticky !important;
    top: 100px !important;
    align-self: flex-start !important;
}

@media (max-width: 767px) {
    .offer-sticky-img2 {
        position: relative !important; /* Sticky behavior ko disable karta hai */
        top: auto !important;          /* Top spacing ko reset karta hai */
        align-self: auto !important;   /* Alignment ko normal kar deta hai */
    }
}

#stats-cards .card {
    opacity: 0;
    transform: translateY(40px);
    transition: opacity 0.6s ease, transform 0.6s ease;
}

#stats-cards .card.visible {
    opacity: 1;
    transform: translateY(0);
}




/*glass card*/

.glass-card.e-con {
    background: radial-gradient(circle, rgba(0,0,0,0.08) 0%, rgba(0,0,0,0) 95%) !important;
    /*border: 2px solid rgba(0,0,0,0.2) !important;*/
    border-radius: 20px !important;
    backdrop-filter: blur(12px) saturate(1.2) brightness(1.1) !important;
    -webkit-backdrop-filter: blur(12px) saturate(1.2) brightness(1.1) !important;
    box-shadow: 
        inset 0 1px 0 rgba(255,255,255,0.1),
        inset 0 -1px 0 rgba(0,0,0,0.05),
        0 8px 32px rgba(0,0,0,0.1) !important;
    position: relative !important;
    overflow: hidden !important;
}

/* Glass light reflection effect (-45 degree) */
.glass-card.e-con::before {
    content: '' !important;
    position: absolute !important;
    top: -50% !important;
    left: -50% !important;
    width: 200% !important;
    height: 200% !important;
    background: linear-gradient(
        -45deg,
        transparent 0%,
        transparent 40%,
        rgba(255,255,255,0.06) 45%,
        rgba(255,255,255,0.12) 50%,
        rgba(255,255,255,0.06) 55%,
        transparent 60%,
        transparent 100%
    ) !important;
    pointer-events: none !important;
    z-index: 0 !important;
}

/* Keep content above the glass effect */
.glass-card.e-con > .elementor-element {
    position: relative !important;
    z-index: 1 !important;
}






/*grid image*/

.cert-grid .elementor-widget-image img {
    width: auto !important;
    height: 48px !important;
    max-width: 120px !important;
    object-fit: contain !important;
    opacity: 0.85;
}

.cert-grid .elementor-widget-image {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
}



/* ═══════════════════════════════════════
   CAROUSEL UP/DOWN — Vertical (Desktop) / Horizontal (Mobile)
   ═══════════════════════════════════════ */

/* --- Desktop Default (Vertical) --- */
.v-carousel-wrapper {
    height: 800px;
    overflow: hidden;
    position: relative;
    border-radius: 12px;
}

.v-carousel-wrapper::before,
.v-carousel-wrapper::after {
    content: '';
    position: absolute;
    left: 0;
    width: 100%;
    height: 100px;
    z-index: 2;
    pointer-events: none;
}

.v-carousel-wrapper::before {
    top: 0;
    background: linear-gradient(to bottom, #1a3a4a 0%, rgba(26,58,74,0) 100%);
}

.v-carousel-wrapper::after {
    bottom: 0;
    background: linear-gradient(to top, #1a3a4a 0%, rgba(26,58,74,0) 100%);
}

.v-carousel {
    display: flex;
    flex-direction: column;
    gap: 16px;
}

/* Animations (Desktop) */
.v-up { animation: scrollUp 20s linear infinite; }
.v-down { animation: scrollDown 20s linear infinite; }

@keyframes scrollUp {
    from { transform: translateY(0); }
    to { transform: translateY(-50%); }
}

@keyframes scrollDown {
    from { transform: translateY(-50%); }
    to { transform: translateY(0); }
}

.v-carousel-wrapper:hover .v-carousel {
    animation-play-state: paused;
}

/* Slides */
.v-slide {
    flex-shrink: 0;
}

.v-slide img {
    width: 100%;
    height: 200px;
    object-fit: cover;
    border-radius: 10px;
    display: block;
}

/* --- MOBILE & TABLET RESPONSIVE --- */
@media (max-width: 1024px) {
    .v-carousel-wrapper {
        height: auto;
        padding: 8px 0;
    }

    /* Fade Effect: Vertical to Horizontal */
    .v-carousel-wrapper::before,
    .v-carousel-wrapper::after {
        width: 80px;
        height: 100%;
        top: 0;
    }

    .v-carousel-wrapper::before {
        left: 0;
        background: linear-gradient(to right, #1a3a4a 0%, rgba(26,58,74,0) 100%);
    }

    .v-carousel-wrapper::after {
        right: 0;
        left: auto;
        background: linear-gradient(to left, #1a3a4a 0%, rgba(26,58,74,0) 100%);
    }

    .v-carousel {
        flex-direction: row;
        width: max-content;
        gap: 12px;
    }

    .v-slide {
        width: 250px;
        flex-shrink: 0;
    }

    .v-slide img {
        width: 100%;
        height: auto;
    }

    /* Animations (Mobile Overrides) */
    .v-up { 
        animation: scrollLTR 15s linear infinite; 
    }

    .v-down { 
        animation: scrollRTL 15s linear infinite; 
    }

    @keyframes scrollLTR {
        from { transform: translateX(-50%); }
        to { transform: translateX(0); }
    }

    @keyframes scrollRTL {
        from { transform: translateX(0); }
        to { transform: translateX(-50%); }
    }
}

/* ═══════════════════════════════════════
   SYRMA MEGA MENU — FINAL COMPLETE FIXED
   ═══════════════════════════════════════ */

/* Hide Elementor's own indicators */
.revamp-mega-menu .elementor-indicator,
.revamp-mega-menu .sub-arrow {
  display: none !important;
}

/* ── KEEP NAV / HEADER ABOVE MEGA PANEL ── */
.revamp-mega-menu,
.revamp-mega-menu .elementor-widget-container,
.revamp-mega-menu .elementor-nav-menu--main,
.elementor-location-header,
.elementor-location-header .elementor-container,
.elementor-location-header .elementor-widget-wrap,
.elementor-sticky--active {
  position: relative !important;
  z-index: 10 !important;
  overflow: visible !important;
}







/* Section heading */
.sj-section-title {
  grid-column: 1 / -1 !important;
  font-family: 'Neue Montreal', sans-serif !important;
  font-size: 20px !important;
  font-weight: 500 !important;
  letter-spacing: -0.01em !important;
  text-transform: none !important;
  color: #00517F !important;
  margin-bottom: 16px !important;
  padding-bottom: 12px !important;
  border-bottom: 1.5px solid #e2edf5 !important;
}

/* Left tab items */
.sj-left-item {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  padding: 11px 14px !important;
  border-radius: 8px !important;
  cursor: pointer !important;
  font-family: 'Gilroy', sans-serif !important;
  font-size: 14px !important;
  font-weight: 500 !important;
  color: #666666 !important;
  text-decoration: none !important;
  transition: background 0.15s, color 0.15s !important;
  gap: 12px !important;
  background: transparent !important;
  border: none !important;
}

.sj-left-item:hover,
.sj-left-item.sj-tab-active {
  background: #edf5fb !important;
  color: #00517F !important;
}

/* SVG right chevron for sub-items */
.sj-left-item.has-sub::after {
  content: '' !important;
  display: inline-block !important;
  width: 14px !important;
  height: 14px !important;
  background-image: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cmask id='m' style='mask-type:alpha' maskUnits='userSpaceOnUse' x='0' y='0' width='16' height='16'%3E%3Crect width='16' height='16' fill='%23D9D9D9'/%3E%3C/mask%3E%3Cg mask='url(%23m)'%3E%3Cpath d='M8 10.2663L4 6.26634L4.93333 5.33301L8 8.39967L11.0667 5.33301L12 6.26634L8 10.2663Z' fill='%231a1a1a'/%3E%3C/g%3E%3C/svg%3E") !important;
  background-repeat: no-repeat !important;
  background-position: center !important;
  background-size: contain !important;
  transform: rotate(-90deg) !important;
  flex-shrink: 0 !important;
}

/* ── RIGHT 38% — Sub items ── */
.sj-right-panel {
  width: 38% !important;
  background: #f6fafd !important;
  padding: 40px 44px !important;
  overflow-y: auto !important;
}

.sj-right-content {
  display: none !important;
}

.sj-right-content.sj-tab-active {
  display: block !important;
}

/* Right panel heading */
.sj-right-label {
  font-family: 'Neue Montreal', sans-serif !important;
  font-size: 20px !important;
  font-weight: 500 !important;
  letter-spacing: -0.01em !important;
  text-transform: none !important;
  color: #00517F !important;
  margin-bottom: 14px !important;
  padding-bottom: 10px !important;
  border-bottom: 1.5px solid #d8eaf5 !important;
}

/* Right panel links */
.sj-right-link {
  display: flex !important;
  align-items: center !important;
  gap: 10px !important;
  padding: 10px 0 !important;
  font-family: 'Gilroy', sans-serif !important;
  font-size: 14px !important;
  font-weight: 400 !important;
  color: #666666 !important;
  text-decoration: none !important;
  border-bottom: 1px solid #eaf2f8 !important;
  transition: color 0.15s, padding-left 0.15s !important;
}

.sj-right-link::before {
  content: '' !important;
  display: inline-block !important;
  width: 5px !important;
  height: 5px !important;
  border-right: 1.5px solid #b0c8d8 !important;
  border-top: 1.5px solid #b0c8d8 !important;
  transform: rotate(45deg) !important;
  flex-shrink: 0 !important;
  transition: border-color 0.15s, transform 0.15s !important;
}

.sj-right-link:hover {
  color: #00517F !important;
  padding-left: 5px !important;
}

.sj-right-link:hover::before {
  border-color: #00517F !important;
}

/* ═══════════════════════════════════════
   DISABLE GSAP REVEAL ANIMATIONS ON HEADINGS
   ═══════════════════════════════════════ */

/* Force all headings to always be visible */
h1, h2, h3, h4, h5, h6,
.elementor-heading-title,
.elementor-widget-heading .elementor-heading-title,
.elementor-widget-text-editor h1,
.elementor-widget-text-editor h2,
.elementor-widget-text-editor h3,
.elementor-widget-text-editor h4 {
    opacity: 1 !important;
    visibility: visible !important;
    transform: none !important;
    translate: none !important;
    rotate: none !important;
    scale: none !important;
    transition: none !important;
    animation: none !important;
}

/* Override GSAP's inline styles on headings */
h1[style*="opacity"],
h2[style*="opacity"],
h3[style*="opacity"],
h4[style*="opacity"],
h5[style*="opacity"],
h6[style*="opacity"],
.elementor-heading-title[style*="opacity"] {
    opacity: 1 !important;
    transform: translate(0px, 0px) !important;
}/* End custom CSS */
/* Start Custom Fonts CSS */@font-face {
	font-family: 'Gilroy';
	font-style: normal;
	font-weight: normal;
	font-display: auto;
	src: url('https://sjmedtech.com/wp-content/uploads/2026/02/Gilroy-Regular.woff2') format('woff2'),
		url('https://sjmedtech.com/wp-content/uploads/2026/02/Gilroy-Regular.woff') format('woff'),
		url('https://sjmedtech.com/wp-content/uploads/2026/02/Gilroy-Regular.ttf') format('truetype');
}
/* End Custom Fonts CSS */
/* Start Custom Fonts CSS */@font-face {
	font-family: 'Neue Montreal';
	font-style: normal;
	font-weight: normal;
	font-display: auto;
	src: url('https://sjmedtech.com/wp-content/uploads/2026/02/NeueMontreal-Regular.woff2') format('woff2'),
		url('https://sjmedtech.com/wp-content/uploads/2026/02/NeueMontreal-Regular.woff') format('woff');
}
@font-face {
	font-family: 'Neue Montreal';
	font-style: normal;
	font-weight: 600;
	font-display: auto;
	src: url('https://sjmedtech.com/wp-content/uploads/2026/02/NeueMontreal-Medium.woff2') format('woff2'),
		url('https://sjmedtech.com/wp-content/uploads/2026/02/NeueMontreal-Medium.woff') format('woff');
}
/* End Custom Fonts CSS */