.elementor-3796 .elementor-element.elementor-element-970b92a:not(.elementor-motion-effects-element-type-background), .elementor-3796 .elementor-element.elementor-element-970b92a > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-1237ee86 );}.elementor-3796 .elementor-element.elementor-element-970b92a > .elementor-container{min-height:80px;}.elementor-3796 .elementor-element.elementor-element-970b92a{border-style:solid;border-width:0px 0px 4px 0px;border-color:#E80000;transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;padding:10px 0px 10px 0px;z-index:11;}.elementor-3796 .elementor-element.elementor-element-970b92a > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-bc-flex-widget .elementor-3796 .elementor-element.elementor-element-dad5b9e.elementor-column .elementor-widget-wrap{align-items:center;}.elementor-3796 .elementor-element.elementor-element-dad5b9e.elementor-column.elementor-element[data-element_type="column"] > .elementor-widget-wrap.elementor-element-populated{align-content:center;align-items:center;}.elementor-3796 .elementor-element.elementor-element-dad5b9e.elementor-column > .elementor-widget-wrap{justify-content:flex-start;}.elementor-3796 .elementor-element.elementor-element-382381b0{text-align:left;}.elementor-3796 .elementor-element.elementor-element-382381b0 img{width:240px;}.elementor-bc-flex-widget .elementor-3796 .elementor-element.elementor-element-8282b4b.elementor-column .elementor-widget-wrap{align-items:center;}.elementor-3796 .elementor-element.elementor-element-8282b4b.elementor-column.elementor-element[data-element_type="column"] > .elementor-widget-wrap.elementor-element-populated{align-content:center;align-items:center;}.elementor-3796 .elementor-element.elementor-element-8282b4b.elementor-column > .elementor-widget-wrap{justify-content:flex-end;}.elementor-3796 .elementor-element.elementor-element-b565e2d{text-align:right;}.elementor-3796 .elementor-element.elementor-element-b565e2d img{width:60px;}@media(min-width:768px){.elementor-3796 .elementor-element.elementor-element-dad5b9e{width:25.029%;}.elementor-3796 .elementor-element.elementor-element-8282b4b{width:74.971%;}}@media(max-width:1023px) and (min-width:768px){.elementor-3796 .elementor-element.elementor-element-dad5b9e{width:45%;}.elementor-3796 .elementor-element.elementor-element-8282b4b{width:55%;}}@media(max-width:1023px){.elementor-3796 .elementor-element.elementor-element-970b92a{padding:2% 4% 2% 4%;}.elementor-3796 .elementor-element.elementor-element-8282b4b.elementor-column > .elementor-widget-wrap{justify-content:flex-end;}}@media(max-width:767px){.elementor-3796 .elementor-element.elementor-element-dad5b9e{width:75%;}.elementor-bc-flex-widget .elementor-3796 .elementor-element.elementor-element-dad5b9e.elementor-column .elementor-widget-wrap{align-items:center;}.elementor-3796 .elementor-element.elementor-element-dad5b9e.elementor-column.elementor-element[data-element_type="column"] > .elementor-widget-wrap.elementor-element-populated{align-content:center;align-items:center;}.elementor-3796 .elementor-element.elementor-element-8282b4b{width:25%;}.elementor-bc-flex-widget .elementor-3796 .elementor-element.elementor-element-8282b4b.elementor-column .elementor-widget-wrap{align-items:center;}.elementor-3796 .elementor-element.elementor-element-8282b4b.elementor-column.elementor-element[data-element_type="column"] > .elementor-widget-wrap.elementor-element-populated{align-content:center;align-items:center;}.elementor-3796 .elementor-element.elementor-element-b565e2d img{width:50px;}}/* Start custom CSS for section, class: .elementor-element-970b92a *//* You can change everything by changing the CSS variables below */

header.sticky-header {
    --header-height: 120px;  /* change the max-height of the header on scroll */
    --logo-max-width: 240px; /* change the max-width of the logo image */
    --opacity: 1; /* change the opacity of the header background */
    --shrink-me: .7; /* change the shrinking size for logo */
    --sticky-background-color: #fff; /* change the background color for the header */
    --transition: .3s ease-in-out; /* change the duration of the animation */

    transition: background-color var(--transition),
                background-image var(--transition),
                backdrop-filter var(--transition),
                opacity var(--transition);
}




/* fix for shrinking header - logo size → DO NOT CHANGE OR REMOVE OR REORDER! */
header .logo .elementor-image img {
    width: 100%!important;
    max-width: var(--logo-max-width)!important;
}



/* header background color */

header.sticky-header.elementor-sticky--effects {
    background-color: var(--sticky-background-color) !important;
    background-image: none !important;
    opacity: var(--opacity) !important;
    /*-webkit-backdrop-filter: blur(10px);*/
    /*backdrop-filter: blur(10px);*/
}

/* header container transition */

header.sticky-header > .elementor-container {
    -webkit-transition: all var(--transition);
    -moz-transition: all var(--transition);
    -o-transition: all var(--transition);
    transition: all var(--transition);
}

/* header container height and max-height */

header.sticky-header.elementor-sticky--effects > .elementor-container {
    min-height: calc(var(--header-height) * var(--shrink-me))!important;
    height: calc(var(--header-height) * var(--shrink-me));
}

/* header container paddings */

header.sticky-header .elementor-nav-menu .elementor-item {
    transition: padding var(--transition);
}
header.sticky-header.elementor-sticky--effects .elementor-nav-menu .elementor-item {
    padding-bottom: 10px!important;
    padding-top: 10px!important;
}
header.sticky-header.elementor-sticky--effects .elementor-column-gap-default>.elementor-row>.elementor-column>.elementor-element-populated {
    padding-top: 0;
    padding-bottom: 0;
}

/* header shrinking animation */

header.sticky-header.elementor-sticky--effects > .elementor-container .logo img {
    width: 100%!important;
    -webkit-transition: all var(--transition)!important;
    -moz-transition: all var(--transition)!important;
    -o-transition: all var(--transition)!important;
    transition: all var(--transition)!important;
}

/* header shrinking logo */

header.sticky-header.elementor-sticky--effects .logo img {
    max-width: calc(var(--logo-max-width) * var(--shrink-me))!important;
}/* End custom CSS */