.banner-section {
    height: 600px;
}
.banner-section img, .service-section img {
    width : 100%;
}
.banner-section h1, .banner-section-btn a{
    color: #ffffff !important;
}
.banner-section-btn a {
    text-decoration: none !important;
}
.banner-section-btn:hover a.wp-block-button__link {
    background-color: var(--primary-color) !important;
}
.banner-section-btn::after {
    content: "\f105";
    background: var(--primary-color);
    color: #000;
    font-family: 'Font Awesome 7 Free';
    font-weight: 900;
    padding: 10px 15px 14px;
    font-size: 20px;
    line-height: 1;
}
.banner-section-btn:hover:after {
    background-color: var(--secondary-color) ;
}
.work-icon-content .work-box:hover {
    background-color: var(--primary-color) !important;
}
.work-service-section .service-section{
    margin: 0 !important;
}
@media screen and (max-width: 767px){
    .banner-section {
        height: 400px;
    }
    .banner-section p{
        font-size: 14px;
    }
}
@media screen and (max-width: 991px) and (min-width: 768px) {
    .banner-section {
        height: 400px;
    }
    .work-service-section .service-section.wp-block-columns, 
    .work-service-section .work-icon-content .wp-block-columns {
        flex-wrap: nowrap !important;
    }
}
@media screen and (max-width: 1199px) and (min-width: 992px) {
    .banner-section {
        height: 500px;
    }
}