.contactus__wrapper{
    height: fit-content;
    border-radius: 16px;
    background-color: var(--white-secondary-ffffff);
    padding: 24px 24px;
}

.contactus__content{    
    justify-content: space-between;
    display: grid;
    margin-top: 40px;
    grid-column-gap: 24px;
    grid-template-columns: 560px auto;
}

@media screen and (max-width: 767px) {
    .contactus__content {
        display:flex;
        gap: 32px;
        flex-direction: column;
    }
    .contactus__wrapper {
        width:100%;
    }
}


.contactus__helptext {
    padding:20px;
    padding-top:8px;
    background-color: #e8e8e8;
    font-size:14px;
}

.contactus__phone {
    display:inline;
}

.chat_btn{
    height: auto;
    background:url(../../images/chat_btn_bg.jpg) #439414 no-repeat;
    padding-top:14px;
    padding-bottom:15px;
    padding-left:70px;
    font-size:18px;
    color:#FFFFFF;
    cursor:pointer;
    display:block;
 }

.contactus__table {
    border-collapse: separate;
    border-spacing: 10px;
}

/*Added for the Customer service popup*/
.overlayShadow {
     display:none;
    position: fixed;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.75);
    z-index: 1002;
    overflow:scroll;
}

.overlayBand {
    display: table-cell;
    vertical-align: middle;
}

.overlayBox {
    display: table;
    margin: 0 auto 0 auto;
    width: 600px;
    background-color: white;
}

#callus .overlayBox {
     width: 600px;
}

.popup-title {
    background-color:#000;color:#fff;
    padding:15px;
    font-size: 35px;
    background-image: url(../images/login-grey-bg.png);
    background-repeat: repeat-x;
    background-position: top center;
    background-color: #fff;
    height:85px;
    text-align:center;
    
}

.popup-content {
    background-color:#fff;color:#000;
    border-bottom:9px solid #357211;
    padding:20px;
    text-align:center;
}

#callus .popup-content {
    display:table;
}

.phoneclose{
float:right;
    width:100%;
    text-align: right;
}

.region-list{
   margin: 0px 0px 0.5em;
    padding: 0px;
    width:50%;
    float:left;
}

.region-list a {
    border: 0px;
    font-size: 25px;
    font-family: AdiHaus, 'Open Sans', helvetica, arial, sans-serif;
    color: rgb(71, 71, 71);
    cursor: pointer;
}

.region-list a:hover {
   text-decoration: underline;
}

.phoneCountry {
    padding: 3px 0;
    float:left;
    width:49%;
}

.phoneNumber {
    padding: 3px 0;
    float:left;
    width:49%;
}

.phoneNum {
    text-align:left;
    font-size: 12px;
    font-family: AdiHaus, 'Open Sans', helvetica, arial, sans-serif;
    color: rgb(71, 71, 71);
    float:left;
    width:49%;
}