.elementor-81 .elementor-element.elementor-element-827aa64{--display:flex;--min-height:90px;--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-81 .elementor-element.elementor-element-575df6f{--display:flex;--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--padding-top:0px;--padding-bottom:0px;--padding-left:24px;--padding-right:24px;}.elementor-81 .elementor-element.elementor-element-d3be6e5{--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:space-between;--align-items:center;}.elementor-81 .elementor-element.elementor-element-efa5338{--display:flex;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-81 .elementor-element.elementor-element-a7a9039{--display:flex;}.elementor-widget-theme-site-logo .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-81 .elementor-element.elementor-element-2bd70f3{z-index:30;text-align:center;}.elementor-81 .elementor-element.elementor-element-2bd70f3 img{width:250px;}.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-81 .elementor-element.elementor-element-87a18ee img{width:250px;}.elementor-81 .elementor-element.elementor-element-b4c393e{--display:flex;}.elementor-81 .elementor-element.elementor-element-85e4c1d{width:var( --container-widget-width, 30px );max-width:30px;--container-widget-width:30px;--container-widget-flex-grow:0;}.elementor-theme-builder-content-area{height:400px;}.elementor-location-header:before, .elementor-location-footer:before{content:"";display:table;clear:both;}@media(min-width:768px){.elementor-81 .elementor-element.elementor-element-827aa64{--content-width:100%;}.elementor-81 .elementor-element.elementor-element-efa5338{--width:10%;}.elementor-81 .elementor-element.elementor-element-a7a9039{--width:50%;}.elementor-81 .elementor-element.elementor-element-b4c393e{--width:10%;}}/* Start custom CSS for container, class: .elementor-element-a7a9039 */.nav-logo-container {
  display: grid;
  place-items: center; /* Centers the items both horizontally and vertically */
}

.fading-logo-1,
.fading-logo-2 {
  grid-area: 1 / 1; /* Puts both elements in the same grid cell */
  opacity: 0;
  transition: opacity 2s ease !important;
}

.fading-logo-1.show,
.fading-logo-2.show {
  opacity: 1;
}

.elementor-widget-image img {
    vertical-align: middle !important;
    display: inline-block !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-d3be6e5 */.elementor-81 .elementor-element.elementor-element-d3be6e5 {
    max-width: 1440px;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-827aa64 *//* Hide the checkbox control */
.burger-nav_control {
    position: absolute;
    left: -9999px;
    width: 100%;
    clip: rect(0, 0, 0, 0);
}

/* Style the burger button */
.burger-button {
    color: #fff;
    display: flex;
    height: 25px;
    cursor: pointer;
    position: relative;
    align-items: center; /* Center the icon vertically */
}

.burger-icon {
    font-size: 33px; /* Adjust the size as needed */
    color: #0E0B09; /* Set the color of the icon */
}

/* Hide and animate the toggle section */
.toggle-section {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100vh;
    background: #00000047; /* Adjust background color if needed */
    transition: opacity 0.5s ease-out; /* Animate opacity */
    z-index: 100;
    opacity: 0; /* Start hidden */
    pointer-events: none; /* Prevent interaction when hidden */
    overflow: hidden; /* Ensure children are clipped */
}

/* Show toggle section when checked */
.burger-nav_control:checked ~ .toggle-section {
    opacity: 1;
    pointer-events: auto; /* Allow interaction when visible */
}

/* Common initial state for menu animations */
.menu-animation {
    opacity: 0; /* Start hidden */
    transition: opacity 0.35s ease-out, transform 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94); /* Smooth transition */
}

/* Desktop animation for sliding in from the left */
@media (min-width: 1024px) { /* Applies to desktop view */
    .menu-animation {
        transform: translateX(-1000px); /* Start off-screen to the left */
    }

    .menu-visible {
        opacity: 1; /* Fully visible */
        transform: translateX(0); /* Slide into place */
    }

    @keyframes slide-in-left {
        0% {
            transform: translateX(-1000px);
            opacity: 0;
        }
        100% {
            transform: translateX(0);
            opacity: 1;
        }
    }
}

/* Tablet and mobile animation for sliding in from the bottom */
@media (max-width: 1024px) { /* Applies to tablet and mobile view */
    .menu-animation {
        transform: translateY(1000px); /* Start off-screen at the bottom */
    }

    .menu-visible {
        opacity: 1; /* Fully visible */
        transform: translateY(0); /* Slide into place */
    }

    @keyframes slide-in-bottom {
        0% {
            transform: translateY(1000px);
            opacity: 0;
        }
        100% {
            transform: translateY(0);
            opacity: 1;
        }
    }
}

/* Default state for the navbar */
#navbar-main {
    transition: all 0.3s ease; /* Smooth transition for class changes */
    background-color: transparent; /* No background color */
    box-shadow: none; /* Remove shadow */
}

/* Sticky state: navbar is fixed but hidden above viewport */
.sticky-nav-main {
    position: fixed;
    top: -100%; /* Initially hidden above the viewport */
    left: 0;
    z-index: 20; /* Ensure it stays above other content */
    display: flex; /* or block, depending on your design */
    transition: all 0.5s ease; /* Smooth transition for top position */
    min-height: 75px !important;
}

/* Sticky state for navbar-main-color */
.sticky-nav-color {
    background-color: #fff; /* White background color */
    transition: all 0.3s ease; /* Smooth transition for class changes */
    box-shadow: 0px 0px 10px rgba(204, 204, 204, 1); /* Shadow effect */
    min-height: 75px !important;
}

/* Responsive adjustments for smaller screens */
@media (max-width: 768px) {
    #navbar-main {
        min-height: 75px;
    }
    .sticky-nav-main {
        min-height: 65px !important;
    }
    .sticky-nav-color {
        min-height: 65px !important;
    }
    .sticky-logo {
        width: 135px !important;
    }
}

/* Logo resizing */
.sticky-logo {
    width: 150px !important;
}

/* Animations for navbar */
.slide-bottom-fixed {
    top: 0; /* Move into view */
    animation: slide-bottom-fixed 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
}

.slide-top {
    animation: slide-top 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
    top: -20px; /* Hide above viewport */
}

/* Animation Definitions */
@keyframes slide-bottom-fixed {
    0% {
        transform: translateY(-100%);
    }
    100% {
        transform: translateY(0);
    }
}

@keyframes slide-top {
    0% {
        transform: translateY(0);
    }
    100% {
        transform: translateY(-100%);
    }
}/* End custom CSS */