.contact-header-flex{
    display: flex;
width: auto;
align-items: center;
gap: 78px;
}
@media (max-width: 900px) {
    .contact-header-flex{
        flex-direction: column;
    }
    .contact-header-flex img{
        width: 100%;
        height: auto;
        justify-content: center;
        padding: 10px !important;
    }
    .contact-form-cover{
        width: 100% !important;
    }
     .contact-header-flex .contact-details-card{
        padding: 10px !important;
     }
    .contact-header-flex .contact-details-card{
        width: 100% !important;
    }
    form{
        width: 100% !important;
        padding: 20px !important;
        height: auto !important;

    }
  
    .item-1 p{
        width: 100% !important;
        padding-bottom: 25px;
    }
   form .total-width{
    flex-direction: column !important;
    justify-content: flex-start !important;
    align-items: flex-start !important;

    }
    
    form .total-width .input1 input{
        width: 100% !important;
    }
    .mes{
        width: 100% !important;
        height: 60px !important;
    }
    .input1{
        width: 100% !important;
    }

    .input1 .sub{
        width: 100% !important;
    }

}
.input1 .sub{
    width: 547px;
    height: 65px !important;
    flex-shrink: 0;
    border-radius: 14px;
    border: 1.3px solid rgba(196, 196, 196, 0.50) !important;
    color: black;
    font-family: Poppins;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    margin-bottom: 18px;
    line-height: normal;
    padding-left: 24px;
}

.contact-header-flex img{
    border-radius: 30px;
    
}
.contact-header-flex .contact-details-card{
    width: 514px;
height: 541px;
flex-shrink: 0;
border-radius: 30px;
background: #F0F5FF;
padding-top: 51px;
padding-left: 81px;
padding-right: 56px;
}

.contact-header-flex .contact-details-card h3{
    color: #121127;
font-family: Poppins;
font-size: 28px;
font-style: normal;
font-weight: 600;

letter-spacing: -0.532px; 
}
.contact-header-flex .contact-details-card p{
    color: #848996;
    font-family: Poppins;
    font-size: 17px;
    font-style: normal;
    font-weight: 400;
    line-height: 32px;
    letter-spacing: -0.38px;  
}
/*contact form*/

.contact-form-cover{
    margin-top: 49px;
    width: 1288.768px;
    height: 612.217px ;
    flex-shrink: 0;
    border-radius: 30px;
background: #F0F5FF;
display: flex;
flex-direction: row;
gap: 67px;
justify-content: center;
align-items: center;
}
@media (max-width: 800px) {
    .contact-form-cover{
        width: 80vw;
        height: auto;
        padding-top: 20px;
        padding-bottom:20px ;
        flex-direction: column;
    }
}
.contact-head{
    color: #121127;
font-family: Poppins;
font-size: 45px;
font-style: normal;
font-weight: 700;
line-height: normal;
}
.item-1{
    height: auto;
    margin-top: 115px;
    width: auto;
    margin-left: 51px;
}
.item-1 p{
    color: #848996;
font-family: Poppins;
max-width: 350px;
font-style: normal;
font-weight: 400;

width: 539px;
height: 117px;
flex-shrink: 0;
}
.item-1 .contact-list li{
    color: #F8AD15;
font-family: Poppins;
font-size: 20px;
font-style: normal;
list-style: disc;
font-weight: 400;
line-height: 40px; /* 200% */
}
.contact-list li span{
    color: #848996;

}
.input1 label{
    color: #848996;

}


/*Form*/
form{
    width: 598.921px;
height: 540.309px;
flex-shrink: 0;
border-radius: 30px;
background: #FFF;
padding: 62px 26px 22px 25px;
}
form .total-width{
    gap: 33px;
    justify-content: center;
    flex-direction: row;
    padding-bottom: 18px;
}

form .total-width .input1{
    width: 50%;
    display: flex;
    flex-direction: column;
    gap: 16px;

}
form .total-width .input2{
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 16px;
    margin-bottom: 18px;


}
form .total-width .input1{
    width: 50%;
}
form .total-width .input1 label {
    color: #919499;
font-family: Poppins;
font-size: 14px;
font-style: normal;
font-weight: 500;
line-height: normal;
}
form .total-width .input1 input {
    border-radius: 14px;
    width: 257px;
height: 65px;
flex-shrink: 0;
    border: 1.3px solid rgba(196, 196, 196, 0.50);
    color: black;
font-family: Poppins;
font-size: 14px;
font-style: normal;
font-weight: 400;
line-height: normal;
padding-left: 22px;
}
.mes {
    border-radius: 14px;
    border: 1.3px solid rgba(196, 196, 196, 0.50);
    width: 547px;
height: 113px;
flex-shrink: 0;
padding-left: 22px;
color: black;
font-family: Poppins;
font-size: 14px;
font-style: normal;
font-weight: 400;
line-height: normal;
}
.mes-label{
    color: #919499;
font-family: Poppins;
font-size: 14px;
font-style: normal;
font-weight: 500;
line-height: normal;
}
form .submit{
    border-radius: 10px;
    cursor: pointer;
background: #514694;
width: 175px;
height: 47.939px;
margin-top: 18px;
flex-shrink: 0;
color: #FFF;
font-family: Poppins;
font-size: 14px;
font-style: normal;
font-weight: 500;
line-height: normal;
}

/*center myDiv*/
center {
    display: none;
    font-size: 30px;
  }
  @media (min-width: 900px) {
    center {
      font-size: 12px;
    }
  }