.ul-list {
    list-style: none;
}
.ul-list li {
    margin-bottom: 20px;
    transition-duration: 0.3s;
}
.ul-list li a,
.hover-shadow,
.price-card,
.hover-white-btn,
.hover-btn {
    transition-duration: 0.3s;
    cursor: pointer;
}
.ul-list li a:hover {
    color: #14b8a6 !important;
}
.black-bullet li ,
.bullet-list li {
    margin-bottom: 20px;
    list-style-type: none;
    position: relative;
}

.black-bullet li::before {
    background-color: #000;
    content: "";
    display: inline-block;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    margin-right: 10px;
    margin-left: -2em;
}

.bullet-list li::before {
    content: "";
    background-color: #14b8a6;
    display: inline-block;
    width: 14px;
    height: 14px;
    border-radius: 50%;
    margin-right: 10px;
    margin-left: -2em;
    position: absolute;
    top: 25%;
}
.navbar-nav .nav-item:last-child {
    margin-right: 0px;
}
.navbar-nav .nav-item {
    margin-right: 24px;
    font-weight: 500;
    font-size: 18px;
    line-height: 26px;
}
.navbar-nav .nav-item .active {
    color: #14b8a6 !important;
}
.hero-banner {
    background-image: url("/images/home/home-bg-image.webp");
    background-size: contain;
    background-repeat: no-repeat;
    padding: 150px 0;
}
.bg-banner {
    background-image: url("/images/bg-image.webp");
    background-size: contain;
    background-repeat: no-repeat;
    padding: 101px 0 110px 0;
}

.main-header {
    background-color: transparent !important;
    transition: background-color 0.3s ease, box-shadow 0.3s ease;
}

.main-header.scrolled,
.main-header.menu-open {
    background-color: white !important;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
}

.navbar .nav-link {
    color: #000;
    transition: color 0.3s ease;
}

.navbar .nav-link.active {
    color: #14b8a6; /* teal color */
    font-weight: 600;
}

.feature-sec {
    position: relative;
}
.feature-sec .modal-img {
    position: absolute;
    top: 80%;
    transform: translate(-50%, -50%) !important;
    left: 0;
}

.price-card:hover .text-light-grey,
.price-card:hover .text-teal {
    color: white !important;
}
.price-card:hover .btn {
    background-color: white !important;
    color: #14b8a6 !important;
}
.price-card:hover {
    background-color: #14b8a6 !important;
    color: white !important;
}
.price-card .register-btn i {
    transition: margin-left 0.3s ease;
    margin-left: 8px;
}

.price-card:hover .register-btn i {
    margin-left: 18px !important;
};

.bg-hut-image {
    height: 100%;
    overflow: visible;
}

/* Apply background only on screens ≥1100px */
@media (min-width: 1100px) {
    .bg-hut-image {
        background-image: url("/images/home/hut-image.webp");
        background-repeat: no-repeat;
        background-position: center;
        background-size: cover;
    }
}
@media (max-width: 1099px) {
    .bg-hut-image {
        background-image: none !important;
    }
}

.container-xxl {
    padding: 0 40px;
}
.home-feature .head-row {
    margin-top: 110px;
}

.hover-btn:hover {
    color: white !important;
    background-color: #0a9c8b !important;
}

.hover-white-btn:hover {
    color: #0a9c8b !important;
    background-color: white !important;
}

.bg-login-img {
    background-image: url("/images/login-img.webp");
    background-size: cover;
    background-position: center;
}