/*Banner Section*/
.section_banner{
    margin-top: 7rem;
    background-size: 100%;
    height: 34.1875rem;
}
.banner_title{
    font-size: 3.75rem;
    /* color: white; */
    font-weight: 700;
    line-height: 5rem;
    text-align: center;
    padding-top: 10rem;
    font-family: Widescreen-Bold;
}

/*Button section: right after banner*/
.contact-us-buttons{
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}
.cta-button{
    font-family: Montserrat-Bold;
    padding: 1rem;
    font-weight: 700;
    font-size: 20px;
}
.showroom{
    border: 1px solid #AEE4ED;
    width: 100%;
    color: #5FB7CF;
}
.service-centre{
    color: #5FB7CF;
    border: 1px solid #5FB7CF;
}

.contact-us-buttons button.active{ /*.showroom:focus for inputs only*/
    background: #AEE4ED;
    color: black !important;
    border: 1px solid #5FB7CF;
}

.showroom:active{
    background:#AEE4ED;
}

.addressInfo{
    padding: 3rem;
}

.titleAddress{
    font-size: 2.5rem;
    font-weight: bold;
}

.descriptionAddress{
    font-size: 1.375rem;
    font-weight: bold;
}

.descriptionText{
    font-weight: 400;
}

.section-maps-mobile{
    display: none;
}



@media only screen and (max-width: 1023px) {
    /*Banner Section*/
    .section_banner{
        height: 21.8125rem;
        margin-top: 6.2rem;
    }
    .banner_title{
        font-size: 1.25rem;
        line-height: 1.6875rem;
        padding-top: 7rem;
    }
    .section-maps-mobile{
        display: block;
    }

    .section-maps{
        display: none;
    }

    .titleAddress{
        font-size: 1.5rem;
        font-weight: bold;
    }
    
    .descriptionAddress{
        font-size: 1.125rem;
        font-weight: bold;
    }
}

@media screen and (max-width: 765px){
    /*Adjust Margin top due to the header Icon adjusted to 35% width*/
    .section_banner{
        margin-top: 5rem!important;
    }
}