/*---------CONTAC PAGE------------*/
.contact-details .wpcf7 form {
    width: 100%;
    display: flex;
    flex-direction: column;
}
.contact-details .wpcf7 form p{
    /* width: 100%; */
    overflow: hidden;
}
.contact-details .wpcf7 form p span{
    width: 100%;
    display: inline-block!important;
}

.contact-details .wpcf7 form p span input, 
.contact-details .wpcf7 form p span textarea{
    width: 100% !important;
    border: none;
    border-bottom: 1px solid var(--wp--preset--color--ji-light-gray);
    background-color: transparent;
    color: var(--wp--preset--color--ji-white);
    padding: 0.5rem 1rem 0.5rem 0;
    min-height: 40px;
}

.contact-details .wpcf7 form p span input::placeholder,
.contact-details .wpcf7 form p textarea::placeholder{
    color: var(--wp--preset--color--ji-light-gray);
    font-family: var(--wp--preset--font-family--poppins)!important;
}

.contact-details .wpcf7 form input[type="submit"] {
    background-color: transparent;
    border: 2px solid var(--wp--preset--color--ji-red);
    color: var(--wp--preset--color--ji-white);
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    -ms-border-radius: 50px;
    -o-border-radius: 50px;
    border-radius: 50px;
    display: flex;
    align-items: center;
    height: 60px;
    line-height: 58px;
    font-size: 18px !important;
    padding: 0 30px !important;
    font-weight: 300 !important;
    transition: background-color 0.35s ease-in-out;
   
    cursor: pointer;
    transition: background-color 0.35s ease-in-out;
}


 .contact-details .wpcf7 form input[type="submit"]:hover,
 .contact-details .wpcf7 form input[type="submit"]:focus {
    background-color: var(--wp--preset--color--ji-red);
 }