.elementor-36 .elementor-element.elementor-element-5ec8045{--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:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:30px;--padding-right:30px;}.elementor-36 .elementor-element.elementor-element-6996468{--display:flex;--align-items:flex-start;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-36 .elementor-element.elementor-element-6f80ac7 .elementor-menu-toggle{margin:0 auto;}.elementor-36 .elementor-element.elementor-element-6f80ac7 .elementor-nav-menu--main .elementor-item{color:#777777;fill:#777777;}.elementor-36 .elementor-element.elementor-element-6f80ac7 .elementor-nav-menu--main .elementor-item:hover,
					.elementor-36 .elementor-element.elementor-element-6f80ac7 .elementor-nav-menu--main .elementor-item.elementor-item-active,
					.elementor-36 .elementor-element.elementor-element-6f80ac7 .elementor-nav-menu--main .elementor-item.highlighted,
					.elementor-36 .elementor-element.elementor-element-6f80ac7 .elementor-nav-menu--main .elementor-item:focus{color:#000000;fill:#000000;}.elementor-36 .elementor-element.elementor-element-6f80ac7 .elementor-nav-menu--main .elementor-item.elementor-item-active{color:#000000;}.elementor-36 .elementor-element.elementor-element-6cc62bd{--display:flex;}.elementor-36 .elementor-element.elementor-element-f485513 img{width:100%;max-width:230px;}body:not(.rtl) .elementor-36 .elementor-element.elementor-element-8bbf572{left:150px;}body.rtl .elementor-36 .elementor-element.elementor-element-8bbf572{right:150px;}.elementor-36 .elementor-element.elementor-element-8bbf572{top:-15px;}.elementor-36 .elementor-element.elementor-element-8bbf572 img{width:100%;max-width:90px;}.elementor-36 .elementor-element.elementor-element-d85d73a{--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;--justify-content:flex-end;--align-items:center;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-36 .elementor-element.elementor-element-99c36f4 .elementor-menu-toggle{margin:0 auto;}.elementor-36 .elementor-element.elementor-element-99c36f4 .elementor-nav-menu--main .elementor-item{color:#777777;fill:#777777;}.elementor-36 .elementor-element.elementor-element-99c36f4 .elementor-nav-menu--main .elementor-item:hover,
					.elementor-36 .elementor-element.elementor-element-99c36f4 .elementor-nav-menu--main .elementor-item.elementor-item-active,
					.elementor-36 .elementor-element.elementor-element-99c36f4 .elementor-nav-menu--main .elementor-item.highlighted,
					.elementor-36 .elementor-element.elementor-element-99c36f4 .elementor-nav-menu--main .elementor-item:focus{color:#000000;fill:#000000;}.elementor-36 .elementor-element.elementor-element-99c36f4 .elementor-nav-menu--main .elementor-item.elementor-item-active{color:#000000;}.elementor-36 .elementor-element.elementor-element-b485c96{--grid-template-columns:repeat(2, auto);text-align:center;--icon-size:16px;--grid-column-gap:10px;--grid-row-gap:0px;}.elementor-36 .elementor-element.elementor-element-b485c96 .elementor-social-icon{background-color:#FFFFFF;border-style:solid;border-width:1px 1px 1px 1px;border-color:#777777;}.elementor-36 .elementor-element.elementor-element-b485c96 .elementor-social-icon i{color:#777777;}.elementor-36 .elementor-element.elementor-element-b485c96 .elementor-social-icon svg{fill:#777777;}.elementor-36 .elementor-element.elementor-element-b485c96 .elementor-social-icon:hover{background-color:#1564AE;border-color:#1564AE;}.elementor-36 .elementor-element.elementor-element-b485c96 .elementor-social-icon:hover i{color:#FFFFFF;}.elementor-36 .elementor-element.elementor-element-b485c96 .elementor-social-icon:hover svg{fill:#FFFFFF;}.elementor-36 .elementor-element.elementor-element-23a57b4.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-36 .elementor-element.elementor-element-23a57b4 .elementor-icon-wrapper{text-align:center;}.elementor-36 .elementor-element.elementor-element-23a57b4.elementor-view-stacked .elementor-icon:hover{background-color:#1564AE;}.elementor-36 .elementor-element.elementor-element-23a57b4.elementor-view-framed .elementor-icon:hover, .elementor-36 .elementor-element.elementor-element-23a57b4.elementor-view-default .elementor-icon:hover{color:#1564AE;border-color:#1564AE;}.elementor-36 .elementor-element.elementor-element-23a57b4.elementor-view-framed .elementor-icon:hover, .elementor-36 .elementor-element.elementor-element-23a57b4.elementor-view-default .elementor-icon:hover svg{fill:#1564AE;}.elementor-36 .elementor-element.elementor-element-23a57b4 .elementor-icon{font-size:34px;}.elementor-36 .elementor-element.elementor-element-23a57b4 .elementor-icon svg{height:34px;}.elementor-36 .elementor-element.elementor-element-d0b703b .e-off-canvas__overlay{background-color:rgba(0,0,0,.8);}.elementor-36 .elementor-element.elementor-element-d0b703b{--e-off-canvas-justify-content:flex-end;--e-off-canvas-width:50%;--e-off-canvas-height:100vh;--e-off-canvas-content-overflow:auto;--e-off-canvas-animation-duration:1.5s;--e-off-canvas-overlay-opacity:1;}.elementor-36 .elementor-element.elementor-element-6f90fa2{--display:flex;--padding-top:35px;--padding-bottom:35px;--padding-left:35px;--padding-right:35px;}.elementor-36 .elementor-element.elementor-element-2de9a89{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 15px) 0px;padding:0px 0px 15px 0px;border-style:solid;border-width:0px 0px 1px 0px;border-color:#BBBBBB;}.elementor-36 .elementor-element.elementor-element-2de9a89 .elementor-button-content-wrapper{flex-direction:row;}.elementor-36 .elementor-element.elementor-element-2de9a89 .elementor-button .elementor-button-content-wrapper{gap:14px;}.elementor-36 .elementor-element.elementor-element-99ee534 .elementor-nav-menu--main .elementor-item{color:#777777;fill:#777777;}.elementor-36 .elementor-element.elementor-element-99ee534 .elementor-nav-menu--main .elementor-item:hover,
					.elementor-36 .elementor-element.elementor-element-99ee534 .elementor-nav-menu--main .elementor-item.elementor-item-active,
					.elementor-36 .elementor-element.elementor-element-99ee534 .elementor-nav-menu--main .elementor-item.highlighted,
					.elementor-36 .elementor-element.elementor-element-99ee534 .elementor-nav-menu--main .elementor-item:focus{color:#000000;fill:#000000;}.elementor-36 .elementor-element.elementor-element-99ee534 .elementor-nav-menu--main .elementor-item.elementor-item-active{color:#000000;}.elementor-36 .elementor-element.elementor-element-991068d{padding:25px 20px 25px 20px;border-style:solid;border-width:1px 0px 1px 0px;border-color:#B7B7B7;}.elementor-36 .elementor-element.elementor-element-991068d img{width:100%;border-style:none;}.elementor-theme-builder-content-area{height:400px;}.elementor-location-header:before, .elementor-location-footer:before{content:"";display:table;clear:both;}@media(max-width:1024px){.elementor-36 .elementor-element.elementor-element-f485513{text-align:left;}}@media(max-width:767px){.elementor-36 .elementor-element.elementor-element-5ec8045{--padding-top:0px;--padding-bottom:0px;--padding-left:15px;--padding-right:15px;}.elementor-36 .elementor-element.elementor-element-6996468{--width:0px;}.elementor-36 .elementor-element.elementor-element-6cc62bd{--width:45%;}body:not(.rtl) .elementor-36 .elementor-element.elementor-element-8bbf572{left:0px;}body.rtl .elementor-36 .elementor-element.elementor-element-8bbf572{right:0px;}.elementor-36 .elementor-element.elementor-element-8bbf572{top:-15px;}.elementor-36 .elementor-element.elementor-element-8bbf572 img{max-width:80px;}.elementor-36 .elementor-element.elementor-element-d85d73a{--width:55%;}.elementor-36 .elementor-element.elementor-element-99c36f4.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-36 .elementor-element.elementor-element-d0b703b{--e-off-canvas-width:85%;}}@media(min-width:768px){.elementor-36 .elementor-element.elementor-element-5ec8045{--width:100%;}.elementor-36 .elementor-element.elementor-element-6996468{--width:40%;}.elementor-36 .elementor-element.elementor-element-6cc62bd{--width:20%;}.elementor-36 .elementor-element.elementor-element-d85d73a{--width:40%;}}@media(max-width:1024px) and (min-width:768px){.elementor-36 .elementor-element.elementor-element-6996468{--width:0px;}.elementor-36 .elementor-element.elementor-element-6cc62bd{--width:50%;}.elementor-36 .elementor-element.elementor-element-d85d73a{--width:50%;}}/* Start custom CSS for icon, class: .elementor-element-23a57b4 */.elementor-36 .elementor-element.elementor-element-23a57b4 { position: relative; top: 3px; }/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-5ec8045 *//*
 * Define your background color for default and sticky
 * CSS Blend-mode rule is not included
 * Elementor Sticky Header change color on Scroll
 * Change the color from transparent to white
 */

/* Define custom properties for the parent container */
.parent__container {
  --site-transition: 350ms linear; /* Transition duration and timing function */
  --bg-color__before: #00000000; /* Initial background color (transparent) */
  --bg-color__color: #fff;
  --bg-color__after: #fff; /* Background color after scroll (black) */
  --max__height: 100px; /* Maximum height of the container */
  --min__height: 100px; /* Minimum height of the container */

  --min-height: var(--max__height); /* Set the initial minimum height to the maximum height */   
  background-color: var(--bg-color__before); /* Apply initial background color */
}

/* Define transition properties for the sticky header container */
.sticky-header-container {
  transition: 
    background-color var(--site-transition), /* Transition for background color */
    backdrop-filter var(--site-transition), /* Transition for backdrop filter */,
    min-height var(--site-transition),
    box-shadow var(--site-transition); /* Transition for box-shadow */
}

/* Apply styles when the elementor sticky effects are active */
.elementor-sticky--effects.sticky-header-container {
  --bg-color__before: var(--bg-color__after); /* Change initial background color to the 'after' color */
  box-shadow: hsl(0deg 0% 0% / 14%) 0 2px 40px; /* Apply a box shadow */

/* 
If you're using backdrop filter CSS properties, remove background color CSS properties and box-shadow CSS rule
  backdrop-filter: blur(10px); 
*/
  /* 
  * enable one of them
     * mix-blend-mode: difference;
     * mix-blend-mode: normal;
     * mix-blend-mode: multiply; 
  */
}


 /*
 * Elementor Sticky Header change color on Scroll & Shrink sticky Header
*/

.elementor-sticky--effects.sticky-header-container {
  --max__height: var(--min__height); /* Change max height to min height when sticky */
  --bg-color__before: var(--bg-color__after); /* Change background color to the 'after' color when sticky */

  box-shadow: hsl(0deg 0% 0% / 14%) 0 2px 40px; /* Apply a box shadow when sticky */

  /*
   * If using backdrop filter CSS properties, uncomment the line below
   * backdrop-filter: blur(10px);
   * If using WebKit-specific box shadow, uncomment the line below
   * -webkit-box-shadow: hsl(0deg 0% 0% / 14%) 0 2px 40px;
  */
}


/*
  * Site Logo widget
  * Using transform CSS property is much better than width properties to scale in terms of performance
*/
.site--logo{
    transform: scale(1);
    transform-origin: center;
    transition:
        transform var(--site-transition),
        transform-origin var(--site-transition);
}

.elementor-sticky--effects .site--logo{
      transform: scale(.8);
}

/*
 * Navigation
*/

.site-nav .elementor-nav-menu--main .elementor-item {
    /*
     * Add your own color
     */
    --_nav__before: var(--bg-color__after); /* Initial navigation item color, set to the background color after scroll */
    /* --_nav__before_hover: #000;  Navigation item color on hover */
    /* --_fw-600: 300;  Default font weight */
    --_font-size: clamp(1rem, 0.8182rem + 0.6061vw, 1.25rem); /* Responsive font size */
    
    /* font-weight: var(--_fw-600);  Apply the font weight */
    /* font-size: var(--_font-size); Apply the responsive font size */
    text-decoration: none; /* Remove text decoration */
    color: var(--_nav__before); /* Set the initial color */

    /* Transitions for color, font size, and font weight */
    transition: 
        color var(--site-transition),
        font-size var(--site-transition),
        font-weight var(--site-transition);
}

/* Hover state for the main navigation menu items */
.site-nav .elementor-nav-menu--main .elementor-item:hover {
    --_nav__before: var(--_nav__before_hover); /* Change color on hover */
    /* --_fw-600: 600; Uncomment to change font weight on hover */
}

/* Sticky state for the main navigation menu items */
.elementor-sticky--effects .site-nav .elementor-nav-menu--main .elementor-item {
    --_font-size: clamp(1rem, 0.8636rem + 0.4545vw, 1.1875rem); /* Responsive font size for sticky state */
    --_nav__before: #fff; /* Change navigation item color to white when sticky */
    /* --_fw-600: 600; Uncomment to change font weight when sticky */
}


/* 
  * Original logo styles 
*/
.site--logo {
    transform: scaleX(1); /* Initial scale */
    transform-origin: center; /* Set the transform origin to the center */
    transition:
        opacity var(--site-transition), /* Opacity transition */
        transform var(--site-transition); /* Transform transition */
}

/* 
  * Sticky effect for the logo when scrolling 
*/
.elementor-sticky--effects .site--logo {
    transform: scale(.95); /* Reduce scale on sticky */
}

/* 
  *Sticky effect for the red logo when scrolling 
*/
.elementor-sticky--effects .site--logo-red {
    opacity: 1; /* Make red logo visible on sticky */
    transform: scale(.95); /* Reduce scale on sticky */
}

/* 
  *Default styles for the logo 
*/
.site--logo {
    opacity: 1; /* Make the logo fully visible by default */
}

/* 
  *Default styles for the red logo 
*/
.site--logo-red {
    opacity: 0; /* Make the red logo fully transparent by default */
}

/* 
  *Additional effect for the logo when scrolling 
*/
.elementor-sticky--effects .site--logo {
    opacity: 0; /* Make the logo fully transparent on sticky */
}

/* 
  * Additional effect for the red logo when scrolling 
*/
.elementor-sticky--effects .site--logo-red {
    opacity: 1; /* Make the red logo fully visible on sticky */
    transform: scale(.95); /* Reduce scale on sticky */
}


/* Media Query for Tablets Ipads portrait mode */
   @media (max-width: 1024px) {
    .cst-hide-on-tablet-phone { display:none !important; }
   }/* End custom CSS */