.banner-section {
    height: 600px;
}
.banner-section img, .service-section img {
    width: 100% !important;
}
.banner-section p{
    color: #ffffff;
}
.banner-section .wp-block-buttons, .service-section .service-box .wp-block-buttons{
    justify-content: center;
}
.banner-section-btn a {
    border: 2px solid var(--primary-color) !important;
    color: #fff !important;
    text-decoration: none;
    padding: 10px 20px;
}
.banner-section-btn a.wp-block-button__link:hover {
    border-color: #fff !important;
    color: #fff !important;
    background: transparent !important;
}
.service-btn a {
    text-decoration: none;
    border: 2px solid #d4d4d4;
    background: transparent;
    padding: 10px 15px;
    transition: 0.3s all ease-in-out;
}
.service-btn a.wp-block-button__link:hover {
    color: #fff;
    background: linear-gradient(130deg, var(--secondary-color) 40% , var(--primary-color) 77%);
    border: 2px solid #d4d4d4;
} 
.service-box {
    box-shadow: 0px 7px 5px #eee;
    border: 1px solid #eee;
}
.banner-section-btn a::after {
    content: "\f105";
    font-family: 'Font Awesome 7 Free';
    font-weight: 900;
    padding: 7px;
    color: #fff;
}
.service-btn a::after {
    content: "\f105";
    font-family: 'Font Awesome 7 Free';
    font-weight: 900;
    padding: 7px;
    color: #000;
    transition: 0.3s all ease-in-out;
}
.service-btn a.wp-block-button__link:hover:after {
    color :#fff;
}
.service-section h2 {
    font-weight: 600 !important;
}
@media screen and (max-width: 767px){
    .banner-section h1, .service-section h2{
        font-size: 30px !important;
    }
    .banner-section p{
        font-size: 13px !important;
    }
}
@media screen and (max-width: 991px) and (min-width: 768px) {
    .service-boxes.wp-block-columns {
        flex-wrap:nowrap !important;
    }
}