#banner {
    /* background: linear-gradient(69.66deg, #FFF2C9 0%, #FAFAFA 64.71%, #FFFFFF 98.18%); */
    hr {
        color: #D4AF37;
        height: 4px;
        background: #D4AF37;
        border-radius: 9px;
        opacity: 0.8;
        width: 30%;
        margin: 0 0 1rem 0;
    }
}
#serviceModal .modal-content{
    top: 3rem;
}
#serviceModal .service_main{
    background: #F6FAFD;
}
#serviceModal hr {
    color: #8c8c8c;
    height: 2px;
    background: #525050;
    box-shadow: 0px 0px 4px 0px #00000040;
    opacity: 0.8;
    margin: 0 0 1rem 0;
}
#main {
    .card {
        background: linear-gradient(90deg, #FFFBEE 0%, #FFFFFF 51.75%);
        border: 1px solid var(--Primary_Yellow, #D4AF37);
    }
    .card img {
        width: 15rem;
        height: 15rem;
        object-fit: cover;
    }
    .card img.active {
        height: 20rem;
    }
    .image_contain img, .text_contain, .outer_contain, .card {
        transition: all 1s ease;
    }
    .view_more, .less_more {
        cursor: pointer;
    }
}
@media(max-width: 1024px) {
    #main {
        .card img {
            width: 10rem;
            height: 10rem;
        }
    }
    .banner {
        height: 260px!important;
    }
    .banner_1 {
        height: 260px!important;
    }
}
@media(max-width: 600px) {
    .banner_1 {
        background-size: 50% 100%, 110% 100%!important;
    }
    .banner {
        background-size: 100% 100%!important;
    }
}