.elementor-39 .elementor-element.elementor-element-397e7cc{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0%;--padding-bottom:0%;--padding-left:0%;--padding-right:0%;}.elementor-39 .elementor-element.elementor-element-397e7cc:not(.elementor-motion-effects-element-type-background), .elementor-39 .elementor-element.elementor-element-397e7cc > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-60da78b );}.elementor-39 .elementor-element.elementor-element-862e351{--display:flex;--gap:0rem 0rem;--row-gap:0rem;--column-gap:0rem;--z-index:20000;}.elementor-39 .elementor-element.elementor-element-6ff68e7{--display:flex;--position:absolute;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:1%;--padding-bottom:1%;--padding-left:2%;--padding-right:2%;top:0px;--z-index:1000;}.elementor-39 .elementor-element.elementor-element-6ff68e7:not(.elementor-motion-effects-element-type-background), .elementor-39 .elementor-element.elementor-element-6ff68e7 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#757575;}body:not(.rtl) .elementor-39 .elementor-element.elementor-element-6ff68e7{left:0px;}body.rtl .elementor-39 .elementor-element.elementor-element-6ff68e7{right:0px;}.elementor-39 .elementor-element.elementor-element-bd6c9ed{--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;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-39 .elementor-element.elementor-element-8c311bd{margin:0% 0% calc(var(--kit-widget-spacing, 0px) + 0%) 0%;padding:0px 0px 0px 0px;}.elementor-39 .elementor-element.elementor-element-8c311bd.elementor-element{--align-self:flex-start;}.elementor-39 .elementor-element.elementor-element-8c311bd .elementor-icon-wrapper{text-align:center;}.elementor-39 .elementor-element.elementor-element-8c311bd.elementor-view-stacked .elementor-icon{background-color:#FFFFFF;}.elementor-39 .elementor-element.elementor-element-8c311bd.elementor-view-framed .elementor-icon, .elementor-39 .elementor-element.elementor-element-8c311bd.elementor-view-default .elementor-icon{color:#FFFFFF;border-color:#FFFFFF;}.elementor-39 .elementor-element.elementor-element-8c311bd.elementor-view-framed .elementor-icon, .elementor-39 .elementor-element.elementor-element-8c311bd.elementor-view-default .elementor-icon svg{fill:#FFFFFF;}.elementor-39 .elementor-element.elementor-element-8c311bd .elementor-icon{font-size:40px;}.elementor-39 .elementor-element.elementor-element-8c311bd .elementor-icon svg{height:40px;}.elementor-39 .elementor-element.elementor-element-8c311bd .elementor-icon i, .elementor-39 .elementor-element.elementor-element-8c311bd .elementor-icon svg{transform:rotate(0deg);}.elementor-39 .elementor-element.elementor-element-835a0c1{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:space-around;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-39 .elementor-element.elementor-element-a32535d{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-39 .elementor-element.elementor-element-a32535d .elementor-icon-wrapper{text-align:center;}.elementor-39 .elementor-element.elementor-element-a32535d.elementor-view-stacked .elementor-icon{background-color:#7B7162;}.elementor-39 .elementor-element.elementor-element-a32535d.elementor-view-framed .elementor-icon, .elementor-39 .elementor-element.elementor-element-a32535d.elementor-view-default .elementor-icon{color:#7B7162;border-color:#7B7162;}.elementor-39 .elementor-element.elementor-element-a32535d.elementor-view-framed .elementor-icon, .elementor-39 .elementor-element.elementor-element-a32535d.elementor-view-default .elementor-icon svg{fill:#7B7162;}.elementor-39 .elementor-element.elementor-element-a32535d .elementor-icon{font-size:40px;}.elementor-39 .elementor-element.elementor-element-a32535d .elementor-icon svg{height:40px;}.elementor-39 .elementor-element.elementor-element-c2643ec{--display:flex;--flex-direction:row-reverse;--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-reverse;--align-items:center;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-39 .elementor-element.elementor-element-c24c84a .elementor-button:hover, .elementor-39 .elementor-element.elementor-element-c24c84a .elementor-button:focus{background-color:#FFFFFF;color:var( --e-global-color-primary );}.elementor-39 .elementor-element.elementor-element-c24c84a .elementor-button-content-wrapper{flex-direction:row-reverse;}.elementor-39 .elementor-element.elementor-element-c24c84a .elementor-button .elementor-button-content-wrapper{gap:50px;}.elementor-39 .elementor-element.elementor-element-c24c84a .elementor-button{font-family:"Secondary-Font", Sans-serif;font-size:1em;font-weight:bold;text-transform:uppercase;line-height:1em;letter-spacing:0px;fill:#FFFFFF;color:#FFFFFF;transition-duration:1s;border-style:solid;border-width:1px 1px 1px 1px;border-color:#FFFFFF;border-radius:3px 3px 3px 3px;}.elementor-39 .elementor-element.elementor-element-c24c84a .elementor-button:hover svg, .elementor-39 .elementor-element.elementor-element-c24c84a .elementor-button:focus svg{fill:var( --e-global-color-primary );}.elementor-39 .elementor-element.elementor-element-e637c43{margin:0% 0% calc(var(--kit-widget-spacing, 0px) + 0%) 0%;padding:0px 0px 0px 0px;}.elementor-39 .elementor-element.elementor-element-e637c43.elementor-element{--align-self:flex-start;}.elementor-39 .elementor-element.elementor-element-e637c43 .elementor-icon-wrapper{text-align:center;}.elementor-39 .elementor-element.elementor-element-e637c43.elementor-view-stacked .elementor-icon{background-color:#FFFFFF;}.elementor-39 .elementor-element.elementor-element-e637c43.elementor-view-framed .elementor-icon, .elementor-39 .elementor-element.elementor-element-e637c43.elementor-view-default .elementor-icon{color:#FFFFFF;border-color:#FFFFFF;}.elementor-39 .elementor-element.elementor-element-e637c43.elementor-view-framed .elementor-icon, .elementor-39 .elementor-element.elementor-element-e637c43.elementor-view-default .elementor-icon svg{fill:#FFFFFF;}.elementor-39 .elementor-element.elementor-element-e637c43 .elementor-icon{font-size:30px;}.elementor-39 .elementor-element.elementor-element-e637c43 .elementor-icon svg{height:30px;}.elementor-39 .elementor-element.elementor-element-e637c43 .elementor-icon i, .elementor-39 .elementor-element.elementor-element-e637c43 .elementor-icon svg{transform:rotate(0deg);}.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-39 .elementor-element.elementor-element-c2643ec{--flex-direction:row-reverse;--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-reverse;--justify-content:flex-start;--align-items:center;}.elementor-39 .elementor-element.elementor-element-c24c84a .elementor-button{font-size:15px;}}@media(max-width:767px){.elementor-39 .elementor-element.elementor-element-397e7cc{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-39 .elementor-element.elementor-element-6ff68e7{--padding-top:5px;--padding-bottom:5px;--padding-left:10px;--padding-right:10px;}.elementor-39 .elementor-element.elementor-element-bd6c9ed{--width:15%;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-39 .elementor-element.elementor-element-835a0c1{--width:70%;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;}.elementor-39 .elementor-element.elementor-element-a32535d .elementor-icon{font-size:35px;}.elementor-39 .elementor-element.elementor-element-a32535d .elementor-icon svg{height:35px;}.elementor-39 .elementor-element.elementor-element-c2643ec{--width:15%;--min-height:0vh;--flex-direction:row-reverse;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap-reverse;}.elementor-39 .elementor-element.elementor-element-c24c84a .elementor-button{font-size:20px;}.elementor-39 .elementor-element.elementor-element-e637c43 .elementor-icon{font-size:35px;}.elementor-39 .elementor-element.elementor-element-e637c43 .elementor-icon svg{height:35px;}}@media(min-width:768px){.elementor-39 .elementor-element.elementor-element-bd6c9ed{--width:33%;}.elementor-39 .elementor-element.elementor-element-835a0c1{--width:33%;}.elementor-39 .elementor-element.elementor-element-c2643ec{--width:33%;}}/* Start custom CSS for icon, class: .elementor-element-a32535d *//* --- CSS for the Sliding SVG Logo --- */

/* 1. This is the default, "hidden" state */
.smart-header .header-logo {
    transform: translateY(-150%); /* Hidden above */
    transition: transform 0.5s ease-in-out, opacity 0.5s ease; /* Animate both properties */
    opacity: 0;
}
.smart-header .header-logo svg {
    height: 40px;
    width: auto;
    fill: red;
}

/* 2. This is the "visible" state */
.smart-header.header-is-visible .header-logo {
    transform: translateY(0%); /* Slides down into view */
    opacity: 1;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-6ff68e7 *//* --- Main Header Setup --- */
.elementor-39 .elementor-element.elementor-element-6ff68e7.smart-header {
    background-color: transparent; /* The header itself is always transparent */
    top: 0;
    position: fixed;
    width: 100%;
    transition: top 0.5s ease-in-out; /* Only transition the top property for hiding/showing */
}

/* --- The Sliding White Panel (Pseudo-Element) --- */
.elementor-39 .elementor-element.elementor-element-6ff68e7.smart-header::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: white;
    box-shadow: 0 2px 10px rgba(0,0,0,0.1);
    z-index: -1; /* Place it behind the header's content (logo, menu) */
    
    /* By default, it's hidden above the header */
    transform: translateY(-100%); 
    
    /* This is the animation for the slide */
    transition: transform 0.5s ease-in-out; 
}

/* --- The VISIBLE State --- */
/* When this class is active, slide the panel down into view */
.elementor-39 .elementor-element.elementor-element-6ff68e7.header-is-visible::before {
    transform: translateY(0%);
}

/* --- The HIDDEN State --- */
/* This moves the entire header off-screen */
.elementor-39 .elementor-element.elementor-element-6ff68e7.header-is-hidden {
    top: -150px !important;
}


/* --- CSS for the Header Button (with Global Colors & Hover) --- */

/* 1. Set the transitions for all parts of the button */
.elementor-39 .elementor-element.elementor-element-6ff68e7 .header-button .elementor-button-text,
.elementor-39 .elementor-element.elementor-element-6ff68e7 .header-button .elementor-button-icon svg {
    /* Animate the color/fill change */
    transition: color 0.4s ease-in-out, fill 0.4s ease-in-out;
}
.elementor-39 .elementor-element.elementor-element-6ff68e7 .header-button .elementor-button {
    /* Animate the border and background change */
    transition: border-color 0.4s ease-in-out, background-color 0.4s ease-in-out;
}


/* 2. When the header is visible, change the default colors */
.elementor-39 .elementor-element.elementor-element-6ff68e7.header-is-visible .header-button .elementor-button-text {
    color: var(--e-global-color-primary) !important;
}
.elementor-39 .elementor-element.elementor-element-6ff68e7.header-is-visible .header-button .elementor-button-icon svg {
    fill: var(--e-global-color-primary) !important;
}
.elementor-39 .elementor-element.elementor-element-6ff68e7.header-is-visible .header-button .elementor-button {
    border-color: var(--e-global-color-primary) !important;
}


/* 3. NEW: HOVER STYLES for when the header is visible */
.elementor-39 .elementor-element.elementor-element-6ff68e7.header-is-visible .header-button .elementor-button:hover {
    background-color: var(--e-global-color-primary) !important;
}
.elementor-39 .elementor-element.elementor-element-6ff68e7.header-is-visible .header-button .elementor-button:hover .elementor-button-text {
    color: white !important;
}
.elementor-39 .elementor-element.elementor-element-6ff68e7.header-is-visible .header-button .elementor-button:hover .elementor-button-icon svg {
    fill: white !important;
}



/* --- CSS for the Header Icon (Corrected for SVG in a Link) --- */

/* 1. Set the transitions */
.elementor-39 .elementor-element.elementor-element-6ff68e7 .header-icon .elementor-icon,
.elementor-39 .elementor-element.elementor-element-6ff68e7 .header-icon .elementor-icon svg {
    transition: color 0.4s ease-in-out, fill 0.4s ease-in-out;
}

/* 2. Set the default color for the link and the SVG fill */
.elementor-39 .elementor-element.elementor-element-6ff68e7 .header-icon .elementor-icon {
    color: white !important; /* For the link container */
}
.elementor-39 .elementor-element.elementor-element-6ff68e7 .header-icon .elementor-icon svg {
    fill: white !important; /* For the SVG itself */
}


/* 3. When the header is visible, change the colors */
.elementor-39 .elementor-element.elementor-element-6ff68e7.header-is-visible .header-icon .elementor-icon {
    color: var(--e-global-color-primary) !important;
}
.elementor-39 .elementor-element.elementor-element-6ff68e7.header-is-visible .header-icon .elementor-icon svg {
    fill: var(--e-global-color-primary) !important;
}/* End custom CSS */