/*font family*/
.main-banner-section h1 ,.main-banner-section p ,.main-banner-section a ,
.aboutus-section h2 ,.aboutus-section p ,.aboutus-section h3 ,.aboutus-section .know-more{
    font-family: 'Raleway', sans-serif !important;
}
/*banner section*/
.main-banner-section h1 {
    font-weight: 900;
    text-transform: uppercase;
    letter-spacing: 3px;
}
.main-banner-section{
    min-height: 600px;
}
.main-banner-section .wp-block-buttons{
    justify-content: center ;
}
.main-banner-section p {
    line-height: 2;
    font-weight: 500;
}
.main-banner-section a {
    color: #fff;
    background-color: var(--primary-color);
    font-weight: 800;
    display: inline-block;
    border: 2px solid #fff!important;
    padding: 10px;
}
/*about us*/
.aboutus-section h2{
    color: var(--secondary-color);
    font-weight: bold;
    font-size: 40px;
    letter-spacing: 1px;
    text-transform: uppercase;
}
.aboutus-section p{
    color: #666;
    font-size: 11px !important;
    line-height: 1.5;
    letter-spacing: 0;
    font-weight: 600;
}
.aboutus-section h3{
    font-size: 15px;
    font-weight: 700;
    color: var(--secondary-color);
    letter-spacing: 2px;
    text-transform: uppercase;
}
 .aboutus-section .know-more{
    font-size: 11px;
    font-weight: 700;
    margin-top: -30px;
    cursor: pointer;
    line-height: 58px;
}
.about-us-col-section{
    margin-left: 0px;
    margin-right: 0px;
}
.abt-img img{
    margin-left: -19px;
    margin-bottom: -19px;
    margin-top: 17px;
    width: 320px;
    height: 340px;
}
.about-us-col-section{
    gap: 7em;
}
.abt-img{
    border: 7px solid #cecccc;
}
.about-us-section-col-one .wp-block-columns{
	gap:1em !important;
}
.about-us-section-col-two .wp-block-columns{
	gap:1em !important;
}
.about-us-icon img{
    width: auto;
}
/* responsive */
@media screen and (max-width: 720px) {
    .aboutus-section p ,.aboutus-section h3, .aboutus-section .know-more{
        text-align: center;
    } 
    .about-us-col-section {
        gap: 3em;
    }
}
@media screen and (max-width: 992px) and (min-width: 767px) {
    .about-us-col-section {
      flex-wrap: nowrap !important;
    }
    .about-us-section-col-two .wp-block-columns{
        flex-wrap: nowrap !important;
    }
    .about-us-section-col-one .wp-block-columns{
        flex-wrap: nowrap !important;
    }
    .aboutus-section{
        margin-left: 0rem !important;
        margin-right: 0rem !important;
    }
    .about-us-col-section {
        gap: 2em;
    }
}
@media screen and (max-width: 1024px) and (min-width: 1000px){
    .about-us-col-section {
        gap: 3em;
    }
}
