/* Nuclear option - hide by position */
.setting-switcher,
.demo-option-wrapper,
.tf-switcher,
.switchery-wrapper,
.icon-setting,
.tf-cursor,
.mf-cursor,
.custom-cursor,
.cursor-wrapper,
.cursor-dot,
.cursor-inner,
.cursor-outer,
.color-switcher,
.color-skins,
.switcher-color,
.demo-panel,
[class*="switcher"],
[class*="cursor"],
[class*="setting"],
[class*="color-switch"],
[id*="switcher"],
[id*="cursor"],
[id*="setting"] {
    display: none !important;
    visibility: hidden !important;
    opacity: 0 !important;
    pointer-events: none !important;
}

.features-center {
    background: transparent !important;
    background-color: transparent !important;
    background-image: none !important;
    box-shadow: none !important;
    border: none !important;
}

a[href*="x.com"] {
    display: none !important;
}

/* Hide mobile menu on desktop */
.offcanvas-menu {
    display: none !important;
}




/* =========================================
   MAIN HEADER MENU BAR
========================================= */

.header-inner{
    display:flex !important;
    align-items:center !important;
    justify-content:space-between !important;

    width:fit-content !important;
    max-width:calc(100% - 40px) !important;

    min-height:76px !important;

    padding:0 18px 0 40px !important;

    background:#ffffff !important;
    border-radius:60px !important;

    box-sizing:border-box !important;
}


/* LOGO */

.header-inner .logo-site{
    flex:0 0 auto !important;
}


/* NAVIGATION */

.header-inner .box-navigation{
    flex:0 0 auto !important;

    display:flex !important;
    align-items:center !important;

    margin:0 18px !important;
}


/* MEGA MENU */

#mega-menu-wrap-main-menu{
    width:auto !important;
}

#mega-menu-main-menu{
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;

    flex-wrap:nowrap !important;
    gap:0 !important;
}


/* MENU ITEMS */

#mega-menu-main-menu > li{
    white-space:nowrap !important;
}


/* MENU LINKS */

#mega-menu-wrap-main-menu 
.mega-menu > li > a.mega-menu-link{

    display:flex !important;
    align-items:center !important;

    white-space:nowrap !important;
}


/* DROPDOWN ARROWS */

#mega-menu-wrap-main-menu .mega-indicator{

    position:static !important;

    display:inline-flex !important;
    align-items:center !important;

    margin-left:6px !important;

    transform:none !important;
}


/* =========================================
   CONTACT US BUTTON
========================================= */

.header-inner > .tf-btn.d-lg-flex{

    display:flex !important;

    align-items:center !important;
    justify-content:center !important;

    flex:0 0 auto !important;

    width:140px !important;
    min-width:140px !important;

    height:52px !important;

    padding:0 !important;

    margin:0 !important;

    white-space:nowrap !important;

    line-height:1 !important;

    text-align:center !important;

    border-radius:40px !important;
}


/* PREVENT CONTACT US FROM BREAKING */

.header-inner > .tf-btn.d-lg-flex br{
    display:none !important;
}

.header-inner > .tf-btn.d-lg-flex span{
    white-space:nowrap !important;
} height:52px !important;

    padding:0 28px !important;
    margin-left:20px !important;

    line-height:1 !important;
}

.header-inner > .tf-btn.d-lg-flex br{
    display:none !important;
}


/* ==========================================
   MAIN MEGA MENU DROPDOWN (1852)
   ========================================== */

#mega-sub-menu-1852 {
    background: rgba(255,255,255,0.95) !important; /* CHANGED: was rgba(221,221,221,0.85) */
    border-radius: 20px !important;
    overflow: hidden !important;
    border: 1px solid rgba(180,180,180,0.40) !important;
    box-shadow: none !important;
}

#mega-sub-menu-1852 > li,
#mega-sub-menu-1852 .mega-menu-row,
#mega-sub-menu-1852 .mega-menu-column,
#mega-sub-menu-1852 .mega-sub-menu {
    background: transparent !important;
}

#mega-sub-menu-1852 .mega-menu-item {
    background: transparent !important;
}

#mega-sub-menu-1852 .mega-menu-link {
    background: transparent !important;
}

#mega-sub-menu-1852 .mega-menu-link:hover {
    background: transparent !important;
}

#mega-sub-menu-1852 {
    clip-path: inset(0 round 20px);
}


/* ==========================================
   SERVICES DROPDOWN (20)
   ========================================== */

#mega-sub-menu-20 {
    background: rgba(255,255,255,0.95) !important; /* CHANGED: was rgba(221,221,221,0.85) */
    border-radius: 20px !important;
    overflow: hidden !important;
    border: 1px solid rgba(180,180,180,0.40) !important;
    box-shadow: none !important;
    width: 500px !important;
    min-width: 500px !important;
}

#mega-sub-menu-20 > li,
#mega-sub-menu-20 .mega-sub-menu {
    background: transparent !important;
}

#mega-sub-menu-20 .mega-menu-item {
    background: transparent !important;
}

#mega-sub-menu-20 .mega-menu-link {
    background: transparent !important;
    white-space: nowrap !important;
}

#mega-sub-menu-20 .mega-menu-link:hover {
    background: transparent !important;
}

#mega-sub-menu-20 {
    clip-path: inset(0 round 20px);
}


/* ==========================================
   EDUCATION DROPDOWN (22)
   ========================================== */

#mega-sub-menu-22 {
    background: rgba(255,255,255,0.95) !important; /* CHANGED: was rgba(221,221,221,0.85) */
    border-radius: 20px !important;
    overflow: visible !important;
    border: 1px solid rgba(180,180,180,0.40) !important;
    box-shadow: none !important;
}

#mega-sub-menu-22 > li,
#mega-sub-menu-22 .mega-sub-menu {
    background: transparent !important;
}

#mega-sub-menu-22 .mega-menu-item {
    background: transparent !important;
}

#mega-sub-menu-22 .mega-menu-link {
    background: transparent !important;
}

#mega-sub-menu-22 .mega-menu-link:hover {
    background: transparent !important;
}


/* ==========================================
   WORKSHOPS FLYOUT (1998)
   ========================================== */

#mega-menu-item-1998 {
    position: relative !important;
}

#mega-menu-item-1998 > #mega-sub-menu-1998 {
    position: absolute !important;
    left: 100% !important;
    top: 0 !important;
    z-index: 99999 !important;
    background: rgba(255,255,255,0.95) !important; /* CHANGED: was rgba(221,221,221,0.85) */
    background-color: rgba(255,255,255,0.95) !important; /* CHANGED: was rgba(221,221,221,0.85) */
    background-image: none !important;
    border: 1px solid rgba(180,180,180,0.40) !important;
    border-radius: 20px !important;
    box-shadow: none !important;
    overflow: hidden !important;
}

#mega-menu-item-1998 > #mega-sub-menu-1998 > li {
    background: transparent !important;
}

#mega-menu-item-1998 > #mega-sub-menu-1998 > li > a {
    background: transparent !important;
    color: inherit !important;
}

#mega-menu-item-1998 > #mega-sub-menu-1998 > li > a:hover {
    background: transparent !important;
}


/* ==========================================
   MORE DROPDOWN (442)
   ========================================== */

#mega-sub-menu-442 {
    background: rgba(255,255,255,0.95) !important; /* CHANGED: was rgba(221,221,221,0.85) */
    border-radius: 20px !important;
    overflow: hidden !important;
    border: 1px solid rgba(180,180,180,0.40) !important;
    box-shadow: none !important;
}

#mega-sub-menu-442 > li,
#mega-sub-menu-442 .mega-sub-menu {
    background: transparent !important;
}

#mega-sub-menu-442 .mega-menu-item {
    background: transparent !important;
}

#mega-sub-menu-442 .mega-menu-link {
    background: transparent !important;
}

#mega-sub-menu-442 .mega-menu-link:hover {
    background: transparent !important;
}

#mega-sub-menu-442 {
    clip-path: inset(0 round 20px);
}




/* Hide breadcrumb */
.breadcrumbs {
    display: none !important;
}




.title-icon .box {
    background: linear-gradient(180deg, #FFF 0%, #587EFE 100%) !important;
    box-shadow:
        0px 3.44px 5.57px rgba(0,0,0,0.086),
        0px 22.91px 37.08px rgba(88,126,254,0.16),
        0px 76px 123px rgba(88,126,254,0.05),
        0px 56px 83px rgba(88,126,254,0.25) !important;
}



/* Blue rounded square behind the icon */
.features-item > i {
    background: #587efe !important;
    color: #ffffff !important;

    width: 58px;
    height: 58px;

    display: inline-flex !important;
    align-items: center;
    justify-content: center;

    border-radius: 14px;
}

/* Keep the icon white */
.features-item > i::before {
    color: #ffffff !important;
}


/* Change Process icons background from orange to blue */
.process-card i {
    background: #587efe !important;
    color: #ffffff !important;
}

/* Keep the icon white */
.process-card i::before {
    color: #ffffff !important;
}
/* Change process icon glow to blue */
.process-card i {
    background: #587efe !important;
    color: #fff !important;
    box-shadow: 0 12px 30px rgba(88, 126, 254, 0.35) !important;
}

/* Remove any orange glow from pseudo-elements */
.process-card i::before,
.process-card i::after {
    box-shadow: none !important;
}




.box {
    display: none !important;
}







/* Move the paragraph upward */
.section-hero .text.effectFade.fadeUp {
    transform: translateY(-40px) !important;
}

/* Move the buttons upward */
.section-hero .bot-btns.effectFade.fadeRotateX {
    transform: translateY(-40px) !important;
}













/* Remove outer box */
.gsc-control-cse {
    background: transparent !important;
    border: none !important;
    padding: 0 !important;
}

/* Search input */
.gsc-input-box {
    border: 1px solid #587efe !important;
    border-radius: 12px !important;
    padding: 8px !important;
}

/* Search button */
.gsc-search-button-v2 {
    border-radius: 12px !important;
}

/* Results container */
.gsc-results-wrapper-overlay,
.gsc-results-wrapper-visible {
    border-radius: 12px !important;
}









img[src=""] {
    display: none !important;
}











.infiniteSlide_tech_main,
.infiniteslide_wrap,
.infiniteslide_wrap > div,
.section-partner,
.section-partner .container,
.section-partner .row,
[class*="partner"] section,
[class*="tech_main"] {
    background: #ffffff !important;
    background-color: #ffffff !important;
}




.infiniteSlide_partner {
    display: flex;
    align-items: center;
    gap: 40px;
    width: max-content;
    animation: logoScroll 25s linear infinite;
}

.infiniteSlide_partner:hover {
    animation-play-state: paused;
}

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

.infiniteSlide_partner img {
    flex-shrink: 0;
    max-height: 70px;
}




/* ── Mobile fixes (≤767px) ── */
@media (max-width: 767px) {

  /* Prevent horizontal scroll */
  body, html { overflow-x: hidden; max-width: 100%; }

  /* Responsive images */
  img { max-width: 100%; height: auto; }

  /* Touch targets */
  a, button { min-height: 48px; display: inline-flex; align-items: center; }

  /* Responsive embeds */
  iframe, video, embed { max-width: 100%; width: 100%; }

  /* Readable text */
  p, li { font-size: 16px; line-height: 1.6; }

  /* Section padding */
  .elementor-section { padding-left: 15px !important; padding-right: 15px !important; }

}


@media (max-width: 991px) {
  .header-inner > .tf-btn.d-lg-flex {
    display: none !important;
  }
}
@media (max-width: 991px) {
  .tf-btn.open-mb-menu.mobile-menu {
    display: none !important;
  }
}


@media (max-width: 991px) {

  /* ── Container ── */
  #mega-menu-wrap-main-menu {
    width: 100% !important;
    max-width: 100% !important;
    overflow: visible !important;
  }

  /* ── Menu UL ── */
  #mega-menu-main-menu {
    width: 100% !important;
    max-width: 100% !important;
    overflow-x: hidden !important;
    overflow-y: auto !important;
    max-height: 85vh !important;
    box-sizing: border-box !important;
  }

  /* ── Every LI full width ── */
  #mega-menu-wrap-main-menu #mega-menu-main-menu li.mega-menu-item {
    width: 100% !important;
    max-width: 100% !important;
    float: none !important;
    display: block !important;
    box-sizing: border-box !important;
    overflow: visible !important;
  }

  /* ── Top level links ── */
  #mega-menu-wrap-main-menu #mega-menu-main-menu > li > a.mega-menu-link {
    font-size: 16px !important;
    padding: 14px 20px !important;
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
    display: flex !important;
    justify-content: space-between !important;
    align-items: center !important;
    white-space: normal !important;
    word-break: break-word !important;
  }

  /* ── Sub-menu container ── */
  #mega-menu-wrap-main-menu #mega-menu-main-menu li ul.mega-sub-menu {
    position: relative !important;
    width: 100% !important;
    max-width: 100% !important;
    left: 0 !important;
    top: 0 !important;
    right: 0 !important;
    box-shadow: none !important;
    box-sizing: border-box !important;
    float: none !important;
    padding: 0 !important;
    margin: 0 !important;
  }

  /* ── Sub-menu links full text ── */
  #mega-menu-wrap-main-menu #mega-menu-main-menu li ul.mega-sub-menu li a.mega-menu-link {
    font-size: 13px !important;
    padding: 10px 25px !important;
    white-space: normal !important;
    word-break: break-word !important;
    overflow: visible !important;
    text-overflow: unset !important;
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
    display: block !important;
    line-height: 1.6 !important;
  }

  /* ── Stack mega grid columns ── */
  #mega-menu-wrap-main-menu .mega-menu-row,
  #mega-menu-wrap-main-menu .mega-menu-column {
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    float: none !important;
    overflow: visible !important;
    box-sizing: border-box !important;
    padding: 0 !important;
  }

  /* ── CLICK ONLY — hide all submenus by default ── */
  #mega-menu-wrap-main-menu #mega-menu-main-menu li.mega-menu-item > ul.mega-sub-menu {
    display: none !important;
    visibility: hidden !important;
  }

  /* ── Show only on click (mega-toggle-on) ── */
  #mega-menu-wrap-main-menu #mega-menu-main-menu li.mega-menu-item.mega-toggle-on > ul.mega-sub-menu {
    display: block !important;
    visibility: visible !important;
  }

  /* ── Disable hover trigger ── */
  #mega-menu-wrap-main-menu #mega-menu-main-menu li.mega-menu-item:hover > ul.mega-sub-menu {
    display: none !important;
    visibility: hidden !important;
  }

  /* ── Keep open if clicked AND hovered ── */
  #mega-menu-wrap-main-menu #mega-menu-main-menu li.mega-menu-item.mega-toggle-on:hover > ul.mega-sub-menu {
    display: block !important;
    visibility: visible !important;
  }

  /* ── Hide contact button ── */
  .header-inner > .tf-btn.d-lg-flex {
    display: none !important;
  }

}


@media (max-width: 991px) {

  /* Bigger dropdown arrow/indicator */
  #mega-menu-wrap-main-menu #mega-menu-main-menu > li > a.mega-menu-link .mega-indicator {
    font-size: 20px !important;
    padding: 0 10px !important;
    min-width: 48px !important;
    min-height: 48px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
  }

}


/* ── Mobile footer: 2×2 grid — affects only screens ≤ 767px ── */
@media (max-width: 767px) {

  /* Fix the -190px negative margin that causes overlap */
  .elementor-element-15e6c63 {
    margin-top: -60px !important;
  }

  /* Make the 4-column block a 2×2 grid */
  .elementor-element-cab0326 {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    grid-template-rows: auto auto !important;
    gap: 24px 16px !important;
    width: 92% !important;
    padding: 20px 16px !important;
  }

  /* Each column fills its grid cell fully */
  .elementor-element-cab0326 > .e-con {
    width: 100% !important;
    max-width: 100% !important;
    padding: 0 !important;
  }

  /* All heading widths to 100% — override Elementor's % widths */
  .elementor-element-cab0326 .elementor-widget-heading {
    width: 100% !important;
    max-width: 100% !important;
  }

  /* Section title (Pages, Products…) */
  .elementor-element-cab0326 .elementor-heading-title {
    font-size: 14px !important;
    line-height: 2 !important;
    margin: 0 !important;
  }

  /* Tighten spacing between links */
  .elementor-element-cab0326 .elementor-widget {
    margin-bottom: 2px !important;
  }
}






a.scroll-more {
    background: #ffffff !important;
    border: none !important;
}




/* Remove the grey fade effect on left and right */
.infiniteSlide_tech_main::before,
.infiniteSlide_tech_main::after {
    display: none !important;
}

.infiniteslide_wrap::before,
.infiniteslide_wrap::after {
    display: none !important;
}

.partner-wrap::before,
.partner-wrap::after {
    display: none !important;
}

.section-partner::before,
.section-partner::after {
    display: none !important;
}














.section-tools .heading-title {
    font-size: clamp(2.5rem, 5vw, 4.5rem) !important;
    line-height: 1.15 !important;
    white-space: normal !important;
    word-break: keep-all !important;
    text-align: center !important;
    hyphens: none !important;
}

.section-tools .col-xl-5,
.section-tools .col-md-8 {
    max-width: 400px !important;
    flex: 0 0 400px !important;
}

.section-tools .col-xl-5 > .overflow-hidden:last-child {
    margin-top: 60px !important;
}












.content-wrap {
    padding-top: 420px !important;
    padding-bottom: 40px !important;
}

.bot-btns,
.text {
    transform: matrix(1,0,0,1,0,0) !important;
}

.content-wrap .title {
    margin-bottom: 8px !important;
}

.content-wrap .text {
    margin-bottom: 8px !important;
}

.content-wrap .bot-btns {
    margin-top: 0px !important;
}






























/* Fix the dark card background */
.section-about-us .col-left {
    background-color: #eaebf0 !important;
    background-image: none !important;
}

/* Fix text colors - they are set to white, change to dark */
.section-about-us .col-left .sub.text-white {
    color: #1a1a2e !important;
}

.section-about-us .col-left .title.fw-semibold.text-white {
    color: #1a1a2e !important;
}

/* Fix the dot color */
.section-about-us .col-left .sub .dot {
    background-color: #1a1a2e !important;
}

/* Fix button if it becomes invisible */
.section-about-us .col-left .tf-btn {
    color: #ffffff !important;
}







.section-about-us .box-quotes {
    background-color: #f3f2f3 !important;
    box-shadow: none !important;
    border: none !important;
}

.section-about-us .box-quotes .image {
    background-color: #f3f2f3 !important;
    box-shadow: none !important;
    border: none !important;
    border-radius: 16px !important;
}

.section-about-us .box-quotes .image img {
    mix-blend-mode: luminosity !important;
    background-color: #f3f2f3 !important;
    border-radius: 16px !important;
}



















html {
    visibility: hidden;
    opacity: 0;
}

html.loaded {
    visibility: visible;
    opacity: 1;
    transition: opacity 0.3s ease;
}














/* =========================================
   CONTACT FORM - TRANSPARENT BACKGROUND
   ========================================= */

/* Main contact form container */
.form-contact {
    background: rgba(255, 255, 255, 0.20) !important;
    background-color: rgba(255, 255, 255, 0.20) !important;
    backdrop-filter: blur(4px);
    -webkit-backdrop-filter: blur(4px);
}

/* Contact Form 7 wrapper */
.form-contact .wpcf7,
#wpcf7-f2313-p982-o1 {
    background: transparent !important;
    background-color: transparent !important;
}

/* Contact Form 7 actual form */
.form-contact form.wpcf7-form,
#wpcf7-f2313-p982-o1 form.wpcf7-form {
    background: transparent !important;
    background-color: transparent !important;
}

/* All fieldsets */
.form-contact fieldset,
#wpcf7-f2313-p982-o1 fieldset {
    background: transparent !important;
    background-color: transparent !important;
    border: none;
}

/* Input and textarea backgrounds */
.form-contact .form-control,
#wpcf7-f2313-p982-o1 .form-control {
    background: transparent !important;
    background-color: transparent !important;
}

/* Input wrappers */
.form-contact .wpcf7-form-control-wrap,
#wpcf7-f2313-p982-o1 .wpcf7-form-control-wrap {
    background: transparent !important;
    background-color: transparent !important;
}

/* Remove possible background from the form's pseudo-elements */
.form-contact::before,
.form-contact::after,
.form-contact .wpcf7::before,
.form-contact .wpcf7::after,
.form-contact form.wpcf7-form::before,
.form-contact form.wpcf7-form::after {
    background: transparent !important;
    background-color: transparent !important;
}

/* Keep the form readable */
.form-contact input,
.form-contact textarea {
    background: transparent !important;
}

/* Optional: slightly transparent input underline/border */
.form-contact .form-control {
    border-color: rgba(0, 0, 0, 0.12) !important;
}

/* Submit button should remain visible */
.form-contact .wpcf7-submit {
    background: #000 !important;
    color: #fff !important;
}