 .none{
     border-bottom: 0 !important;
}
 .main-contact-us{
     padding: 3% 15%;
     position: relative;
}
 .main-contact-details {
     gap: 0 !important;
     transform: translateY(-130px);
     max-width: 970px;
     margin: 0 auto;
}
 .main-contact-form{
     background: #f6dcdc;
     border-radius: 10px 0 0 10px;
     padding: 13% 10%;
     justify-content: space-evenly;
}
 .main-contact-form .submit{
     text-align: center;
     background: var(--main-color);
     color: var(--white);
     border-radius: 3px;
     padding: 10px 0;
     font-size: 18px;
     cursor:pointer;
}
input[type=number]::-webkit-inner-spin-button, 
input[type=number]::-webkit-outer-spin-button { 
   -webkit-appearance: none !important;
  margin: 0 !important;
}
 .main-contact-form input, .main-contact-form textarea{
     width: -webkit-fill-available;
     padding: 12px 5px 12px 10px;
     border: 0;
     outline: 0;
     font-size: 15px;
     border-radius: 3px;
     resize: none;
    width: 100%;
    /* margin-bottom: 10px;
     */
}
.main-contact-form-number{
    display: grid;
    grid-template-columns: 17% 1fr;
    gap: 20px;
}
 .main-contact-form-number .numbre_prefix{
     padding: 11px 15px;
     background: var(--white);
     border-radius: 3px;
     margin-right: 10px;
     color: gray;
}
 .main-contact-address {
    background: var(--main-color);
    border-radius: 0 10px 10px 0;
    padding: 13% 8% 13% 12%;
    
}
 .main-contact-address .main-contact-address-fill h3{
     color: var(--white);
     margin-bottom: 15px;
     font-size: 20px;
}
 .main-contact-address-fill a{
     color: var(--white);
}
 .main-contact-address .main-contact-address-fill p{
     color: var(--white);
     font-size: 14px;
     letter-spacing: 0.6px;
}
.main-contact-address .main-contact-address-fill p{
     padding-bottom: 5%;
}
 .main-contact-address .main-contact-address-fill{
     position: relative;
     border-bottom: 0.5px solid #ffffff8f;
     height: 100%;
}
 .main-contact-address-fill-2{
     display: flex;
     justify-content: center;
     flex-direction:column;
}
 .main-contact-address .main-contact-address-fill-after::after{
     content: '';
     position: absolute;
     background: white;
     height: 0.6px;
     width: 100%;
     bottom: -30px;
}
.err_msg {
    color: var(--main-color);
    font-size: 14px;
    font-weight: 500;
}
@media screen and (max-width:1300px){
.main-contact-us {
    padding: 3% 10%;
}
}

@media screen and (max-width:1000px){
     #phoneNumber_prefix{
        padding: 12px 5px 12px 5px !important;
        text-align: center;
    }
}

 @media screen and (max-width:800px){
     .main-contact-details {
         transform: translateY(-52px);
    }
    .main-contact-us {
         padding: 3% 5%;
    }
    .main-contact-address .main-contact-address-fill {
    padding-bottom:30px;
}
    .main-contact-form input, .main-contact-form textarea {
         padding: 12px 5px 12px 10px !important;
         font-size: 15px;
    }
    #phoneNumber_prefix{
        padding: 12px 5px 12px 5px !important;
        text-align: center;
    }
     .main-contact-form{
         border-radius: 10px 10px 0 0 ;
         padding: 12% 8%;
    }
     .main-contact-address {
         background: var(--main-color);
         border-radius: 0 10px 10px 0;
         padding: 12% 8%;
    }
     .main-contact-address{
         border-radius: 0 0 10px 10px;
         gap: 30px;
    }
     .main-contact-address .main-contact-address-fill-after::after{
         bottom: -30px;
    }
    .landing-heading {
    font-size: 30px;
  }.item img, .landing-section {
    height: 270px !important;
}
}
