@media only screen and (min-width:780px) {
    .hero-background {
        /*background-image: radial-gradient(circle at 80%, #ebf3fc 0%, #ebf3fc 100%);*/
        background-image: radial-gradient(circle at 80%, #f1f2f6 0%, #ecf4fb 100%) !important;
        background-repeat: no-repeat;
        background-size: 100% 70%;
    }
}
@media only screen and (max-width:780px) {
    .hero-background {
        background-image: radial-gradient(circle at 80%, #f1f2f6 0%, #ecf4fb 100%) !important;
        background-repeat: no-repeat;
        background-size: 100% 100%;
        padding-bottom: 20px !important;
        margin-bottom: 2.5rem !important;
    }
}
.main-content-area {
    padding: 0px !important;
    margin: 0 !important;
    background-color: white;
}


.contact-item-card-in-banner {
    display: flex;
    flex-direction: column;
    border-radius: 6px !important;
    border: 0.1px solid #e2e2e2;
    padding: 0.5rem;
    height: 280px;
    background-color: white;
    text-align: center;
    align-items: center !important;
    justify-content: center !important;
}
.contact-item-card {
    display: flex;
    border-radius: 0.8rem;
    border: 1px solid #f0f0f0;
    height: 170px;
    background-color: white;
    text-align: center;
    align-items: center !important;
    justify-content: center !important;
    box-shadow: 0 3px 6px rgba(0,0,0,0.1);
}
.contact-item-icon-image {
    width:60px;
}

.text-underline {
    text-decoration: underline;
}

.to-messsenger-btn {
    border-radius: 20px;
    color: #3961d8;
    border-color: #3961d8;
}

.contact-section{
    background-image: radial-gradient(circle at 80%, #f1f2f6 0%, #ecf4fb 100%) !important;
    background-repeat: no-repeat;
    background-size: 100% 81%;
}

.second-lead-title {
    font-size: 24px;
    font-weight: 700;
}

.mini-faq-section{
    padding: 1rem 2rem;
    background: #f8f8f8;
    font-size: 16px;
    font-weight: 400px;
    display: flex;
    border-radius: 3px;
    justify-content: space-between;
}


.mini-faqs-wrapper {
    position: relative !important;
}
@media only screen and (min-width:780px) {
    .contact-items-wrapper {
        padding-left: 5rem !important;
        padding-right: 5rem !important;
    }
    .mini-faqs-wrapper {
        padding-left: 12rem;
        padding-right: 12rem;
    }
}

@media only screen and (max-width:780px) {

    .contact-item-card {
        border-radius: 0.3rem !important;
    }

}