@font-face {
    font-family: 'proxima_novabold';
    src: url('proxima_nova_bold-webfont.woff2') format('woff2'),
         url('proxima_nova_bold-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
  
  }
  
  @font-face {
    font-family: 'proxima_novaregular';
    src: url('proximanova-regular-webfont.woff2') format('woff2'),
         url('proximanova-regular-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
  
  }

  @font-face {
    font-family: 'proxima_nova_altbold';
    src: url('proxima_nova_alt_bold-webfont.woff2') format('woff2'),
         url('proxima_nova_alt_bold-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

.col{
    padding-right: 0;
    padding-left: 0;
}
.row{
    margin-left: 0;
    margin-right: 0;
}
.body_content{
    padding: 20px 0;
}
.body_content input, textarea{
    border: none;
    border-bottom: 1px solid #abacad;
    border-radius: unset;
    width: 100%;
    padding: 8px;
}
.body_content label{
    color: #fff;
    padding: 10px 0 0 10px;
}
.body_content button{
    width: 100%;
    /* margin: 10px 0; */
    border: 1px solid #fff;
    padding: 8px 0;
    margin-top: 22px;
    max-width: 200px;
    color: #fff;
}
.body_content .button_submit{
    text-align: center;
}
.body_content .contact_name{
    /* display: flex;
    justify-content: center; */
    padding-top: 19px;
}
.body_content{
    padding: 20px 0 50px 0;
    background: linear-gradient( 90deg,#ef0866,#ff1e0c,#ef0866);
}
.contact_head{
    color: white;
    text-transform: capitalize;
    font-family: 'proxima_novabold';
    margin: 15px 0;
}
.contact_section{
    font-family: 'proxima_novaregular';
    color: white;
}
.contact_name span{
    padding-right: 6px;
}
.contact_name .phone{
    width: 36%;
    margin: 0 auto;
}
.qrcoded{
    text-align: center;
}
.qrcoded img{
    width: 180px;
    height: 180px;
}
.qrcoded .qrcontent{
    margin: 12px 0;
}
@media (max-width: 319px){
    .contact_head .h1{    
        font-size: 24px;
    }  
    .contact_name .phone{
        width: 100%;
        /* padding: 0 30px; */
    }
    .contact_name{
        display: flex;
        align-items: center;
        justify-content: center;
    }
    .contact_name .phone{
        width: 100%;
        padding: 0 27px;
    }
}
@media (min-width: 320px) and (max-width: 410px){
    .contact_head .h1{    
        font-size: 25px;
    } 
    .contact_name{
        display: flex;
        align-items: center;
        justify-content: center;
    }
    .contact_name .phone{
        width: 100%;
        padding: 0 28px;
    }
}
@media (min-width: 411px) and (max-width: 576px){
    .contact_head .h1{    
        font-size: 29px;
    }
    .contact_name{
        display: flex;
        align-items: center;
        justify-content: center;
    }
    
    .contact_name .phone{
        width: 100%;
        padding: 0 28px;
    }
}
@media (min-width: 577px) and (max-width: 767.98px){
    .contact_name .phone, .qrcoded{
        width: 50%;
        float: left;
    }
}
@media (min-width: 768px) and (max-width: 991.98px){
    .contact_name .phone{
        width: 59%;
    }
}
@media (min-width: 992px) and (max-width: 1199.98px){
    .contact_name .phone{
        width: 43%;
    }
}
@media (min-width: 1200px) and (max-width: 1326px){
   
}