.section-title {
            font-size: 30px;
            font-weight: 700;
            text-align: left;
            margin-bottom: 40px;
            color: #000000;
            position: relative;
        }

        

        .feature-title {
            font-size: 25px;
            font-weight: 600;
            margin-top: 25px;
            color: #101010;
        }

        ul.custom-list,
        .highlight-section ul {
            list-style-type: disc; /* Standard bullet */
            padding-left: 20px;
            margin-bottom: 20px;
        }

        ul.custom-list li,
        .highlight-section ul li {
            margin-bottom: 10px;
        }


        .highlight-section {
            background: linear-gradient(to right, #4e87cb, #8b2b8c, #ee7b33);
            color: #fff;
            padding: 40px 20px;
            border-radius: 10px;
            margin-top: 20px;
            margin-bottom: 60px;
        }

        .highlight-section h3 {
           
            margin-top: 20px;
             font-size: 25px;
             color: white;
        }

/* //////////////////////////////////////// */
        .main-bg {
            position: relative;
            background: url("./assets/location/web-ban.jpg") center/cover no-repeat;
            display: flex;
            align-items: center;
            justify-content: center;
            text-align: center;
            padding: 0 20px;
            color: #fff;
            top: 80px;
            margin-bottom: 90px;
        }

        .main-bg::before {
            content: "";
            position: absolute;
              background: #00000091;
            inset: 0;
           
        }

        .main-bg .content {
            position: relative;
            max-width: 900px;
            z-index: 2;
        }

        .main-bg h1 {
            font-size: 42px;
            line-height: 1.3;
            font-weight: 700;
            margin-bottom: 20px;
    margin-top: 102px;
        color: #ffffff;
        }

        .main-bg p {
            font-size: 18px;
            margin-bottom: 25px;
        }

        .cta-btn {
            background: #ef8033;
            color: #fff;
            padding: 12px 25px;
            border-radius: 2px;
            display: inline-block;
            margin-bottom: 25px;
            font-weight: 600;
            text-decoration: none;
            transition: 0.3s;
        }

        .cta-btn:hover {
            background: #ff5722;
        }


        .city-btns a:hover {
            background: #444;
        }

        @media (max-width: 768px) {
            .main-bg {
                height: auto;
                padding: 80px 20px;
            }

            .main-bg h1 {
                font-size: 30px;
            }

            .main-bg p {
                font-size: 16px;
            }

            .cta-btn {
                padding: 10px 18px;
            }
        }

        @media (max-width: 480px) {
            .main-bg h1 {
                font-size: 26px;
            }

            .city-btns a {
                margin: 5px;
                padding: 8px 14px;
            }
        }



.section1 {
    padding-top: 80px;
}




.text-box h3 {
    font-size: 24px;
    color: #e97737;
    margin-top: 15px;
    letter-spacing: 1px;
}




.image-box {
    position: relative;
    width: 100%;
    max-width: 500px;
}

.image-box img {
    width: 100%;
    border: 1px solid #000;
    position: relative;
    z-index: 2;
}

.image-box::after {
    content: "";
    position: absolute;
    bottom: -15px;
    right: -15px;
    width: 100%;
    height: 100%;
    background: linear-gradient(to right, #4e87cb, #8b2b8c, #ee7b33);
    z-index: 1;
}

@media(max-width: 992px){
    .text-box {
        text-align: center;
    }
    .text-box h1 {
        font-size: 42px;
    }
    .image-box {
        margin: 0 auto;
    }
}