#contactus{
    display: flex;
    align-items:center;
    justify-content:center;
    padding:97px 32px 32px;
    background: url("/media/images/NewStyle/img/elements/contactBG.png");
    background-size: cover;
    background-repeat: no-repeat;
     background-attachment: fixed;
}

.mainLayout{
    display:flex;
    flex-direction:column;
    gap:40px;
    width:100%;
     background-color: #000000a3;
     padding:32px 40px;
     max-width:1560px;
}

.contactRow{
    display:flex;
    flex-direction:row;
    gap:24px;
    width:100%;
}

.addressContact{
    display:flex;
    flex-direction:column;
    gap:16px;
}

.addressContact p{
    color:white;
    font-size:16px;
    font-family:Ebrima;
    margin:0;
    border-left:4px solid yellow;
    padding-left:8px;
}

.columnContact{
    display:flex;
    flex: 0 0 calc(50% - 12px);
    max-width:calc(50% - 12px);
}

form{
    display:flex;
    flex-direction:column;
    gap:16px;
    width:100%;
}

form input{
    width: 100%;
    background-color: #444648;
    color: white;
    border: none;
    height: 40px;
    padding: 8px 16px;
    text-align: left;
    direction: ltr;
    font-size:14px;
}

form textarea{
    width: 100%;
    background-color: #444648;
    color: white;
    border: none;
    min-height:200px;
    resize: none;
    padding: 8px 12px;
    direction: ltr;
    font-size:14px;
}



#scrollUp, #back-top{
    display: none;
}


.submit {
    display:flex;
    justify-content:center;
}



.submit button{
    font-family: Myrid !important;
    border-radius: 25px;
    color: #333232;
    font-size: 12px;
    padding: 0.8% 3%;
    background-color:yellow;
    border: none;
    transition: all 0.3s ease-out 0s;
    font-size: 100%;
    height:40px;
    padding:8px 24px;
    display:flex;
    align-items:center;
    justify-content:center;
    min-width:120px;
}

.submit button:hover{
    background-color: #333232;
    color: white;
    cursor: pointer;
}
@media only screen and (max-width:1024px){
    .contactLogo img{
        max-width:250px
    }
}


@media only screen and (max-width:800px){
    .contactRow{
        flex-direction:column;
    }
    
    .columnContact{
        flex:0 0 100%;
        max-width:100%;
    }
}

@media only screen and (max-width:450px){
    #contactus{
        padding-left:0;
        padding-right:0;
        padding-bottom:0;
    }
    
    .mainLayout{
        padding-left:16px;
        padding-right:16px;
    }
}