.elementor-5754 .elementor-element.elementor-element-4a50ad7{--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;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-5754 .elementor-element.elementor-element-6e608195 > .elementor-container > .elementor-column > .elementor-widget-wrap{align-content:center;align-items:center;}.elementor-5754 .elementor-element.elementor-element-72faf31a > .elementor-widget-wrap > .elementor-widget:not(.elementor-widget__width-auto):not(.elementor-widget__width-initial):not(:last-child):not(.elementor-absolute){margin-bottom:20px;}.elementor-5754 .elementor-element.elementor-element-4f1f6f20 > .elementor-element-populated{margin:0px 0px 0px 0px;--e-column-margin-right:0px;--e-column-margin-left:0px;padding:0px 0px 0px 0px;}.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-size:var( --e-global-typography-text-font-size );font-weight:var( --e-global-typography-text-font-weight );}.elementor-5754 .elementor-element.elementor-element-65c7209c{--spacer-size:50px;}.elementor-5754 .elementor-element.elementor-element-51ec5d01{--grid-template-columns:repeat(0, auto);--icon-size:10px;--grid-column-gap:5px;--grid-row-gap:10px;}.elementor-5754 .elementor-element.elementor-element-51ec5d01 .elementor-widget-container{text-align:right;}.elementor-5754 .elementor-element.elementor-element-51ec5d01 .elementor-social-icon{background-color:var( --e-global-color-primary );}.elementor-5754 .elementor-element.elementor-element-51ec5d01 .elementor-social-icon:hover{background-color:var( --e-global-color-secondary );}.elementor-5754 .elementor-element.elementor-element-51ec5d01 .elementor-social-icon:hover i{color:#FFFFFF;}.elementor-5754 .elementor-element.elementor-element-51ec5d01 .elementor-social-icon:hover svg{fill:#FFFFFF;}.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-5754 .elementor-element.elementor-element-36868871{width:var( --container-widget-width, 640px );max-width:640px;--container-widget-width:640px;--container-widget-flex-grow:0;}.elementor-widget-theme-site-logo .widget-image-caption{font-size:var( --e-global-typography-text-font-size );}.elementor-5754 .elementor-element.elementor-element-348a02fb img{width:40%;}.elementor-5754 .elementor-element.elementor-element-51ec5d01{width:var( --container-widget-width, 10px );max-width:10px;--container-widget-width:10px;--container-widget-flex-grow:0;}}@media(min-width:768px){.elementor-5754 .elementor-element.elementor-element-72faf31a{width:15%;}.elementor-5754 .elementor-element.elementor-element-4f1f6f20{width:85%;}}@media(max-width:767px){.elementor-5754 .elementor-element.elementor-element-4f1f6f20.elementor-column > .elementor-widget-wrap{justify-content:center;}.elementor-5754 .elementor-element.elementor-element-36868871{width:var( --container-widget-width, 321px );max-width:321px;--container-widget-width:321px;--container-widget-flex-grow:0;}.elementor-widget-theme-site-logo .widget-image-caption{font-size:var( --e-global-typography-text-font-size );}.elementor-5754 .elementor-element.elementor-element-348a02fb{width:100%;max-width:100%;text-align:center;}.elementor-5754 .elementor-element.elementor-element-51ec5d01{--grid-template-columns:repeat(0, auto);}}/* Start custom CSS for html, class: .elementor-element-443269c0 */@media (max-width: 767px) {
    .day {
        display: block;               /* Make the image a block-level element */
        margin: 0 auto;               /* Center horizontally */
        height: 7em;                  /* Keep the height you specified */
        max-width: 100%;              /* Prevent the image from overflowing */
    }
}/* End custom CSS */
/* Start custom CSS for column, class: .elementor-element-72faf31a */img/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-36868871 *//* General nav styles */
nav {
    background-color: #ffffff;
    font-family: poppins, sans-serif;
    font-weight: 400;
    text-transform: capitalize;
    width: 100%;
    position: relative;
}

nav ul {
    list-style-type: none;
    padding: 0;
    margin: 0;
    display: flex;
    text-transform: capitalize;
    font-family: rubik, sans-serif;
    font-weight: regular;
    /*new trial styling 12-nov*/
    margin-top: -1em;
    

}

nav ul li {
    margin-right: 20px;
    white-space: nowrap;
    
}

nav ul li a {
    text-decoration: none;
    color: #000000; /* Default text color */
    padding: 10px 6px;
    
    
}

/* Hover effect for non-active links */
nav ul li a:hover {
    background-color: #ffffff;
    color: #21689A;  /* Hover text color */
    text-decoration: underline;  /* Hover underline */
    color: #B17E3C;
    font-weight: bold;
}

/* Active page styling */
nav ul li a.active {
    color: #B17E3C;  /* Active page color */
    text-decoration: underline;  /* Underline active page */
    font-weight: 500;  /* Optional: slightly bolder text for active link */
}

/* Prevent hover styles from affecting the active link */
nav ul li a.active:hover {
    color: #B17E3C; /* Ensure color stays the same on hover for active link */
    text-decoration: underline;  /* Ensure underline stays */
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-73b3f7fa *//* Base styles for the nav */
.responsive-nav {
    background-color: #ffffff; /* Background for the nav */
    font-family: rubik, sans-serif;
    font-weight: 500;
    text-transform: uppercase;
    width: 100%;
    position: relative; 
}

 .hamburger {
        align-items: center !important;
    }

/* Styles for viewports 768px and below */
@media (max-width: 767px) {
    .responsive-nav ul {
        list-style-type: none; 
        padding: 0;
        margin: 0;
        display: none; /* Hide by default */
        flex-direction: column;
        position: absolute;
        background-color: #231F20; /* Background color for menu */
        top: 60px; /* Adjust as needed */
        width: calc(100% - 10px); 
        z-index: 10; 
        text-align: center;
    }

    .responsive-nav ul.show {
       display: flex; /* Show menu when toggled */
        
    }

    .responsive-nav ul li {
        margin: 10px 0; /* Vertical spacing between items */
    }

    .responsive-nav ul li a {
        text-decoration: none; 
        color: #ffffff; /* Text color */
        padding: 10px 15px;
        font-size: 14px;
        margin-left: 2%;
        
    }

    .responsive-nav ul li a:hover {
        background-color: #ffffff; /* Background color on hover */
        color: #B17E3C;
        text-decoration: none;
        
    }
    
    /* new styling for hamburger */
     
    nav ul li a.active {
        background-color: #ffffff;  /* White background for active link */
        color: #B17E3C;  /* Active link color */
        text-decoration: none;  /* Underline active link */
    }
    
    /*eof new stylign for hamburger */

    /* Ensure that the hover and active state look the same */
    nav ul li a.active:hover {
        background-color: #ffffff;  /* Maintain white background */
        color: #21689A;  /* Active text color */
        text-decoration: none;  /* Ensure underline */
    }


    .hamburger {
        display: flex; 
        flex-direction: column;
        cursor: pointer;
        justify-content: space-between;
        margin-right: auto;
        padding: 10px; 
        align-items: center;
    }

    .hamburger div {
        width: 25px;
        height: 2px;
        background-color: #333; /* Color of hamburger lines */
        margin: 4px 0;
    }
    

    
}




/* Styles for viewports between 768px and 1024px */
@media (min-width: 768px) and (max-width: 1024px) {
    .responsive-nav {
        background-color: #ffffff; 
        align-items: center;
    }

    .responsive-nav ul {
        display: none; 
    }

    .responsive-nav ul.show {
        display: flex; 
        background-color: #231F20; 
        /*line-spacing: 10px;*/
        left: -.5%;
    }

    .responsive-nav ul li {
       margin-top: 10px; 
       /*margin-left: -2%;*/
       margin-bottom: 2%;
         margin-left: 0%;
         
    }


    .responsive-nav ul li a {
        text-decoration: none; 
        color: #ffffff;
        padding: 10px 15px;
        font-size: 14px;
       
    
    }

    .responsive-nav ul li a:hover {
        background-color: #ffffff; 
         color: #B17E3C; 
        text-decoration: none;
        width: 100%;
    }
    
        /* new styling for hamburger */
     
    nav ul li a.active {
        background-color: #ffffff;  /* White background for active link */
        color: #B17E3C; /* Active link color */
        text-decoration: none;  /* Underline active link */
    }
    
    /*eof new stylign for hamburger */
    
    .hamburger {
        align-items: center !important;
        display: flex; 
        flex-direction: column;
        cursor: pointer;
        justify-content: space-between;
        margin-right: auto;
        padding: 10px; 
        align-items: center;
    }

    .hamburger div {
        width: 25px;
        height: 2px;
        background-color: #333; /* Color of hamburger lines */
        margin: 4px 0;
    }
    
    /* added styling to try */
       nav ul {
        display: none; 
        flex-direction: column;
        position: absolute;
        background-color: ##231F20;
        color: white;
        top: 60px;
       
        z-index: 10; 
        
        width: calc(100% - 10px); 
       
         display: flex;
    justify-content: center;
    align-items: center;
    
    width: 100vw;
    }
    
     nav ul li {
        text-align: center;        
     }

    nav ul.show {
        display: flex; 
        align-items: center; 
       
        background-color: #231F20;
        color: #ffffff;
        
    }

    .hamburger {
        display: flex; 
        
        margin-right: auto;
        padding: 10px; 
     
    }
    
    nav ul li {
    margin-right: 20px; 
    white-space: nowrap;
}

nav ul li a {
    text-decoration: none; 
    color: #ffffff; 
    padding: 10px 15px;
    font-size: 14px;
}

nav ul li a:hover {
    background-color: #ffffff; 
    
    width: 100%;
     color: #21689A;

    
}
/* eof added styling to try */
        
        
    }/*
     .responsive-nav ul {
        list-style-type: none; 
        padding: 0;
        margin: 0;
        display: none; 
        flex-direction: column;
        position: absolute;
        background-color: #231F20; 
        top: 60px;
        width: calc(100% - 10px); 
        z-index: 10; 
        text-align: center;
    }

    .responsive-nav ul.show {
        display: flex;
    }

    .responsive-nav ul li {
        margin: 10px 0; 
    }

    .responsive-nav ul li a {
        text-decoration: none; 
        color: #ffffff; 
        padding: 10px 15px;
        font-size: 14px;
        margin-left: 7%;
    }

    .responsive-nav ul li a:hover {
        background-color: #ffffff;
        color: #21689A;
        text-decoration: none;
    }

    .hamburger {
        display: flex; 
        flex-direction: column;
        cursor: pointer;
        justify-content: space-between;
        margin-right: auto;
        padding: 10px; 
        align-items: center;
    }

    .hamburger div {
        width: 25px;
        height: 2px;
        background-color: #333;
        margin: 4px 0;
    }*/
}/* End custom CSS */