.elementor-765 .elementor-element.elementor-element-a70a8da{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--align-items:center;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:-120px;--margin-left:0px;--margin-right:0px;--z-index:100;}.elementor-765 .elementor-element.elementor-element-a70a8da:not(.elementor-motion-effects-element-type-background), .elementor-765 .elementor-element.elementor-element-a70a8da > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#56B3F800;}.elementor-765 .elementor-element.elementor-element-99ccdb7{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;}.elementor-widget-image .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-765 .elementor-element.elementor-element-a5f6ee7{text-align:start;}.elementor-765 .elementor-element.elementor-element-a5f6ee7 img{width:64%;}.elementor-765 .elementor-element.elementor-element-421347c{text-align:start;}.elementor-765 .elementor-element.elementor-element-421347c img{width:64%;}.elementor-765 .elementor-element.elementor-element-43d4e0d{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;}.elementor-765 .elementor-element.elementor-element-8a1c99f .tf-nav-menu .mainnav .menu-container > ul > li > a{font-family:"Outfit", Sans-serif;color:#FFFFFF;padding-left:15px;padding-right:15px;padding-top:10px;padding-bottom:10px;}.elementor-765 .elementor-element.elementor-element-8a1c99f .tf-nav-menu .mainnav .menu-container > ul > li > a:hover{color:var( --e-global-color-e3e3a9e );}.elementor-765 .elementor-element.elementor-element-8a1c99f .tf_link_effect_underline .mainnav .menu-container > ul > li > a:after{background-color:var( --e-global-color-e3e3a9e );}.elementor-765 .elementor-element.elementor-element-8a1c99f .tf_link_effect_overline .mainnav .menu-container > ul > li > a:after{background-color:var( --e-global-color-e3e3a9e );}.elementor-765 .elementor-element.elementor-element-8a1c99f .tf_link_effect_double-line .mainnav .menu-container > ul > li > a:before{background-color:var( --e-global-color-e3e3a9e );}.elementor-765 .elementor-element.elementor-element-8a1c99f .tf_link_effect_double-line .mainnav .menu-container > ul > li > a:after{background-color:var( --e-global-color-e3e3a9e );}.elementor-765 .elementor-element.elementor-element-8a1c99f .tf-nav-menu .mainnav .menu-container > ul > li.current-menu-ancestor > a{color:var( --e-global-color-e3e3a9e );}.elementor-765 .elementor-element.elementor-element-8a1c99f .tf_link_effect_underline .mainnav .menu-container > ul > li.current-menu-ancestor > a:after{background-color:var( --e-global-color-e3e3a9e );}.elementor-765 .elementor-element.elementor-element-8a1c99f .tf_link_effect_overline .mainnav .menu-container > ul > li.current-menu-ancestor > a:after{background-color:var( --e-global-color-e3e3a9e );}.elementor-765 .elementor-element.elementor-element-8a1c99f .tf_link_effect_double-line .mainnav .menu-container > ul > li.current-menu-ancestor > a:before{background-color:var( --e-global-color-e3e3a9e );}.elementor-765 .elementor-element.elementor-element-8a1c99f .tf_link_effect_double-line .mainnav .menu-container > ul > li.current-menu-ancestor > a:after{background-color:var( --e-global-color-e3e3a9e );}.elementor-765 .elementor-element.elementor-element-8a1c99f .tf-nav-menu .mainnav .menu-container > ul > li ul.sub-menu a{color:#ffffff;}.elementor-765 .elementor-element.elementor-element-8a1c99f .tf-nav-menu .mainnav .menu-container > ul li ul.sub-menu{background-color:#1d2738;}.elementor-765 .elementor-element.elementor-element-8a1c99f .tf-nav-menu .mainnav .menu-container > ul > li ul.sub-menu a:hover{color:#ffffff;}.elementor-765 .elementor-element.elementor-element-8a1c99f .tf-nav-menu .mainnav .menu-container > ul li ul.sub-menu li:hover{background-color:var( --e-global-color-e3e3a9e );}.elementor-765 .elementor-element.elementor-element-8a1c99f .tf-nav-menu .mainnav .menu-container > ul > li ul.sub-menu li.current_page_item a{color:#ffffff;}.elementor-765 .elementor-element.elementor-element-8a1c99f .tf-nav-menu .mainnav .menu-container > ul li ul.sub-menu li.current_page_item{background-color:#23A455;}.elementor-765 .elementor-element.elementor-element-8a1c99f .tf-nav-menu .mainnav .menu-container > ul > li ul.sub-menu{min-width:250px;}.elementor-765 .elementor-element.elementor-element-8a1c99f .tf-nav-menu .mainnav .menu-container > ul > li > ul.sub-menu{top:100%;}.elementor-765 .elementor-element.elementor-element-8a1c99f .tf-nav-menu .mainnav .menu-container > ul li ul.sub-menu li a{padding-left:15px;padding-right:15px;padding-top:10px;padding-bottom:10px;}.elementor-765 .elementor-element.elementor-element-8a1c99f .tf-nav-menu .mainnav .menu-container > ul > li ul.sub-menu li:not(:last-child){border-bottom-style:none;}.elementor-765 .elementor-element.elementor-element-8a1c99f .tf-nav-menu .mainnav .menu-container > ul > li ul.sub-menu li:first-child{border-top-style:none;}.elementor-765 .elementor-element.elementor-element-8a1c99f .tf-nav-menu .mainnav .menu-container > ul > li ul.sub-menu li:last-child{border-bottom-style:none;}.elementor-765 .elementor-element.elementor-element-8a1c99f .tf-nav-menu .btn-menu-mobile, .elementor-765 .elementor-element.elementor-element-8a1c99f .tf-nav-menu .btn-menu-only{color:#000000;background-color:rgba(255,255,255,0);padding:8px 16px 8px 16px;margin:0px 0px 0px 0px;}.elementor-765 .elementor-element.elementor-element-8a1c99f .tf-nav-menu .btn-menu-mobile:hover, .elementor-765 .elementor-element.elementor-element-8a1c99f .tf-nav-menu .btn-menu-only:hover{color:#23A455;background-color:rgba(255,255,255,0);}.elementor-765 .elementor-element.elementor-element-8a1c99f .tf-nav-menu .mobile-menu-overlay .tf-close{color:rgba(255,255,255,0.5);background-color:rgba(255,255,255,0);padding:10px 10px 10px 10px;margin:0px 0px 0px 0px;}.elementor-765 .elementor-element.elementor-element-8a1c99f .tf-nav-menu .close-menu-panel-style-default{color:rgba(255,255,255,0.5);background-color:rgba(255,255,255,0);padding:10px 10px 10px 10px;margin:0px 0px 0px 0px;}.elementor-765 .elementor-element.elementor-element-8a1c99f .tf-nav-menu .mobile-menu-overlay .tf-close:hover{color:rgba(255,255,255,1);background-color:rgba(255,255,255,0);}.elementor-765 .elementor-element.elementor-element-8a1c99f .tf-nav-menu .close-menu-panel-style-default:hover{color:rgba(255,255,255,1);background-color:rgba(255,255,255,0);}.elementor-765 .elementor-element.elementor-element-8a1c99f .tf-nav-menu .nav-panel{background-color:#212529;padding:0px 0px 0px 0px;}.elementor-765 .elementor-element.elementor-element-8a1c99f .tf-nav-menu .nav-panel .logo-nav{width:200px;margin:20px 0px 20px 20px;}.elementor-765 .elementor-element.elementor-element-8a1c99f .tf-nav-menu .mainnav-mobi .menu-container ul li{border-top-style:none;}.elementor-765 .elementor-element.elementor-element-8a1c99f .tf-nav-menu .mainnav-mobi .menu-container > ul > li:last-child{border-bottom-style:none;}.elementor-765 .elementor-element.elementor-element-8a1c99f .tf-nav-menu .mainnav-mobi .menu-container ul li a, .elementor-765 .elementor-element.elementor-element-8a1c99f .tf-nav-menu .mainnav-mobi .btn-submenu i{color:#ffffff;}.elementor-765 .elementor-element.elementor-element-8a1c99f .tf-nav-menu .mainnav-mobi .menu-container ul li a:hover{color:#23A455;}.elementor-765 .elementor-element.elementor-element-8a1c99f .tf-nav-menu .mainnav-mobi .menu-container ul li.current_page_item a{color:#23A455;}.elementor-765 .elementor-element.elementor-element-8a1c99f .tf-nav-menu .mainnav-mobi .menu-container ul li a{padding-left:20px;padding-right:20px;padding-top:12px;padding-bottom:12px;}.elementor-765 .elementor-element.elementor-element-8a1c99f .tf-nav-menu .mainnav-mobi .menu-container ul.sub-menu li a{padding-left:calc(20px + 10px);padding-right:calc(20px + 10px);}.elementor-765 .elementor-element.elementor-element-8a1c99f .tf-nav-menu .mainnav-mobi .menu-container ul.sub-menu ul.sub-menu li a{padding-left:calc(20px + 20px);padding-right:calc(20px + 20px);}.elementor-765 .elementor-element.elementor-element-8a1c99f .tf-nav-menu .mainnav-mobi .btn-submenu{width:45px;height:45px;line-height:45px;}.elementor-765 .elementor-element.elementor-element-ee0d138{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-widget-button .elementor-button{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-765 .elementor-element.elementor-element-7ca6bd9 .elementor-button{background-color:#FFFFFF00;font-family:"Outfit", Sans-serif;font-weight:500;fill:var( --e-global-color-kadence9 );color:var( --e-global-color-kadence9 );border-style:solid;border-width:2px 2px 2px 2px;border-color:var( --e-global-color-kadence9 );border-radius:50px 50px 50px 50px;padding:10px 20px 10px 20px;}.elementor-765 .elementor-element.elementor-element-7ca6bd9 .elementor-button:hover, .elementor-765 .elementor-element.elementor-element-7ca6bd9 .elementor-button:focus{background-color:var( --e-global-color-kadence9 );color:#3498E2;border-color:var( --e-global-color-kadence9 );}.elementor-765 .elementor-element.elementor-element-7ca6bd9 .elementor-button:hover svg, .elementor-765 .elementor-element.elementor-element-7ca6bd9 .elementor-button:focus svg{fill:#3498E2;}.elementor-765 .elementor-element.elementor-element-2951c2a{--display:flex;}@media(max-width:1024px){.elementor-765 .elementor-element.elementor-element-a70a8da{--justify-content:space-between;}.elementor-765 .elementor-element.elementor-element-8a1c99f .tf-nav-menu .mainnav .menu-container > ul > li > ul.sub-menu{top:100%;}.elementor-765 .elementor-element.elementor-element-8a1c99f .tf-nav-menu .nav-panel .logo-nav{width:200px;}}@media(max-width:767px){.elementor-765 .elementor-element.elementor-element-99ccdb7{--width:40%;}.elementor-765 .elementor-element.elementor-element-43d4e0d{--width:24%;}.elementor-765 .elementor-element.elementor-element-8a1c99f .tf-nav-menu .mainnav .menu-container > ul > li > ul.sub-menu{top:100%;}.elementor-765 .elementor-element.elementor-element-8a1c99f .tf-nav-menu .nav-panel .logo-nav{width:200px;}}@media(min-width:768px){.elementor-765 .elementor-element.elementor-element-99ccdb7{--width:25%;}.elementor-765 .elementor-element.elementor-element-43d4e0d{--width:50%;}.elementor-765 .elementor-element.elementor-element-ee0d138{--width:25%;}}/* Start custom CSS for container, class: .elementor-element-a70a8da *//* =====================================================
   LYTB0X – CHANGE HEADER ON SCROLL
   Single header • SEO safe • Elementor
===================================================== */


/* =====================================================
   VARIABLES – EASY TO EDIT
===================================================== */

:root {

  /* Core animation */
  --lytbox-anim-ms: 180ms;
  --lytbox-admin-offset: 0px; /* set by JS */

  /* =====================================================
     SHRINK MODE (DEFAULT)
     Full-width compact sticky header
  ===================================================== */
  --shrink-pad-y: .6rem; /* adjust the inner top/bottom padding */
  --shrink-bg: rgba(249, 251, 253, 0.5); /* adjust the shrink menu background color */
  --shrink-blur: 12px; /* adjust the background blur */
  --shrink-shadow: 0 10px 30px rgba(18, 22, 30, 0.15); /* adjust the shrink menu box shadow */

  /* =====================================================
     PILL MODE (OPTIONAL)
     Floating pill-style header
  ===================================================== */
  --pill-top-space: 1.5rem; /* adjust top spacing*/
  --pill-max-w: 50rem; /* adjust the full width */
  --pill-inner-pad-y: .75rem; /* adjust the inner top/bottom padding */
  --pill-inner-pad-x: .75rem; /* adjust the inner left/right padding */
  --pill-radius: 999px; /* adjust the border radius */

  --pill-bg: rgba(249, 251, 253, 0.5); /* adjust the pill menu background color */
  --pill-blur: 12px; /* adjust the background blur */
  --pill-shadow: 0 10px 30px rgba(18, 22, 30, 0.15); /* adjust the pill menu box shadow */
  --pill-border: none; /* adjust the pill menu border */

  /* =====================================================
     MENU (add class to Nav Menu widget)
     .lytbox-nav
  ===================================================== */
  --menu-color: #3498E2; /* adjust the menu text color */
  --menu-color-hover: #64BCF2; /* adjust the menu text hover color */
  --menu-font-size: 1rem; /* adjust the menu font size */
  --menu-font-weight: 700; /* adjust the menu font weight */
  --menu-letter-spacing: 0em; /* adjust the menu text letter spacing */
  --menu-gap: 2.5rem; /* adjust the space between menu items */

  /* =====================================================
     CTA BUTTON (add class to Button wrapper)
     .lytbox-btn
  ===================================================== */
  --btn-font-size: .85rem; /* adjust the button font size */
  --btn-font-weight: 700; /* adjust the button font weight */
  --btn-pad-y: .75rem; /* adjust the button top/bottom padding */
  --btn-pad-x: 1.15rem; /* adjust the button right/left padding */
  --btn-radius: 999px; /* adjust the button border radius */

  --btn-bg: #3498E2; /* adjust the button background color */
  --btn-color: #fff; /* adjust the button font color */
  --btn-border: none; /* adjust the button border */

  --btn-color-hover: #ffffff; /* adjust the button font hover color */
  --btn-bg-hover: #64BCF2; /* adjust the button background hover color */
}


/* =====================================================
   CORE STICKY REVEAL (DO NOT EDIT)
===================================================== */

.lytbox-no-trans {
  transition: none !important;
}

.lytbox-header.lytbox-is-sticky {
  position: fixed;
  top: var(--lytbox-admin-offset);
  left: 0;
  right: 0;
  z-index: 9999;

  transform: translateY(-110%);
  transition: transform var(--lytbox-anim-ms) ease;
  will-change: transform;
}

.lytbox-header.lytbox-is-sticky.lytbox-show {
  transform: translateY(0);
}


/* =====================================================
   LOGO SWAP (OPTIONAL)
   logo-1 = default
   logo-2 = scrolled
===================================================== */

.logo-2 { display: none; }
.header-scrolled .logo-1 { display: none; }
.header-scrolled .logo-2 { display: inline-block; }


/* =====================================================
   BASE STRUCTURE
===================================================== */

.lytbox-header__inner {
  width: 100%;
  margin: 0 auto;
}

.header-scrolled.lytbox-header .e-con-inner {
  position: relative;
}


/* =====================================================
   SHRINK MODE (DEFAULT)
   Applies when:
   - no data-header-mode attribute
   - OR data-header-mode="shrink"
===================================================== */

.header-scrolled.lytbox-header:not([data-header-mode]),
.header-scrolled.lytbox-header[data-header-mode="shrink"] {
  background: var(--shrink-bg);
  backdrop-filter: blur(var(--shrink-blur));
  box-shadow: var(--shrink-shadow);
}

.header-scrolled.lytbox-header:not([data-header-mode]) .e-con-inner,
.header-scrolled.lytbox-header[data-header-mode="shrink"] .e-con-inner {
  padding-top: var(--shrink-pad-y);
  padding-bottom: var(--shrink-pad-y);
}

.header-scrolled.lytbox-header:not([data-header-mode]) .lytbox-header__inner,
.header-scrolled.lytbox-header[data-header-mode="shrink"] .lytbox-header__inner {
  max-width: none;
  padding: 0;
  background: none;
  box-shadow: none;
  border-radius: 0;
}


/* =====================================================
   PILL MODE (OPTIONAL)
   Activate with:
   data-header-mode="pill"
===================================================== */

.header-scrolled.lytbox-header[data-header-mode="pill"] {
  background: transparent;
  backdrop-filter: none;
  box-shadow: none;
}

.header-scrolled.lytbox-header[data-header-mode="pill"] .e-con-inner {
  padding-top: var(--pill-top-space);
}

.header-scrolled.lytbox-header[data-header-mode="pill"] .lytbox-header__inner {
  max-width: var(--pill-max-w);
  padding: var(--pill-inner-pad-y) var(--pill-inner-pad-x);
  border-radius: var(--pill-radius);

  background: var(--pill-bg);
  backdrop-filter: blur(var(--pill-blur));
  box-shadow: var(--pill-shadow);
  border: var(--pill-border);
}


/* =====================================================
   MENU STYLING
===================================================== */

.header-scrolled .lytbox-nav a {
  color: var(--menu-color)!important;
  font-size: var(--menu-font-size)!important;
  font-weight: var(--menu-font-weight)!important;
  letter-spacing: var(--menu-letter-spacing)!important;
}

.header-scrolled .lytbox-nav a:hover {
  color: var(--menu-color-hover)!important;
}

.header-scrolled .lytbox-nav nav ul {
  gap: var(--menu-gap)!important;
}

.header-scrolled .lytbox-nav .elementor-nav-menu>li:not(:first-child)>a
 {
    margin-inline-start: 0!important;
}

.header-scrolled .lytbox-nav .elementor-nav-menu>li:not(:last-child)>a 
 {
    margin-inline-end: 0!important;
}


/* =====================================================
   CTA BUTTON
===================================================== */

.header-scrolled .lytbox-btn .elementor-button {
  font-size: var(--btn-font-size)!important;
  font-weight: var(--btn-font-weight)!important;
  padding: var(--btn-pad-y) var(--btn-pad-x)!important;
  border-radius: var(--btn-radius)!important;
  background: var(--btn-bg)!important;
  color: var(--btn-color)!important;
  border: var(--btn-border)!important;
}

.header-scrolled .lytbox-btn .elementor-button:hover {
  background: var(--btn-bg-hover)!important;
  color: var(--btn-color-hover)!important;
}


/* =====================================================
   SMOOTH VISUAL POLISH
===================================================== */

.header-scrolled .lytbox-header__inner,
.header-scrolled .lytbox-nav a,
.header-scrolled .lytbox-btn .elementor-button {
  transition:
    padding 180ms ease,
    background 180ms ease,
    box-shadow 180ms ease,
    color 180ms ease,
    font-size 180ms ease;
}/* End custom CSS */