html, body { 
    font-family: 'Poppins'; 
    width: 100%;
    overflow-x: hidden;
    color: #1a1a1a;
}
body {
    padding-top: 110px;
}

.bungee { font-family: 'Bungee'; }

.hero-banner {
    height: 80vh;
    position: relative;
    background: url('/res/images/hero.jpeg');
}
.secondary-hero {
    background-color: #F9EEE3;
    color: #7A726F;
}
.small-service-box {
    background-color: #F9EEE3;
}
.css-menu-open {
    position: absolute;
    background-color: #ffffff;
    top: 110px;
    width: 100%;
    left: 0;
    --tw-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);
    --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.css-menu-open li a {
    padding: 10px 5px;
    display: block;
    padding-left: 20px;
}
.owl-carousel.owl-theme {
    position: relative;
}
.owl-theme .owl-nav {
    position: absolute;
    right: 0;
    top: 0;
    margin-top: -50px;
}
.owl-theme .owl-nav [class*='owl-'] {
    background-color: #000000;
    width: 30px; 
    height: 30px;
    border-radius: 100px;
}
.owl-theme .owl-dots .owl-dot span {
    width: 5px;
    height: 5px;
    background-color: #000000;
}

.text-facebook-color {
    color: #4267B2;
}
.text-instagram-color {
    background-image: linear-gradient(72.44deg, #FF7A00 11.92%, #FF0169 51.56%, #D300C5 85.69%);
    -webkit-background-clip: text;
    background-repeat: no-repeat;
    color: transparent;
}

.dropdown-button:hover > .dropdown-menu {
    display: block !important;
}
.hero-overlay {
    background: rgba(255, 255, 255, 0.5);
}

.css-menu-open .css-submenu {
    display: block;
    position: relative !important;
    width: 100% !important;
    border: 0;
    top: 0;
    margin-top: 0;
    box-shadow: none;
}
.css-menu-open .css-submenu li a {
    padding-left: 40px;
}

@media (max-width: 768px)
{
    .hero-banner {
        object-fit: cover;
        width: 100%;
        background-size: cover !important;
        height: 60vh;
    }
}

@media only screen and (min-device-width: 480px)
{

}