body {
    margin: 0;
    padding:0;
    
}
.appointment_one {
 
}
.appointment_one .container{
    width: 100%;
    max-width: 100%;
    padding-right: 15px;
    padding-left: 15px;
}

.top-heading {
    position: relative;
    text-align: center;
    margin-bottom: 3%;
}

.top-heading h3 {
    color: #fff;
}

.form-group {
    margin-bottom: 1.5rem;
    position: relative;
}
.appointment_one .appointment-form .form-group .form-control {
   font-size: 16px;
    font-weight: 400;
    line-height: 1.4em;
    color: #1e2022;
    background-color: #f3f3ff;
    border: none;
    border-radius: 16px;
    padding: 10px;
    outline: none;
    box-shadow: none;
    height: 49px;
}

.text-end {
    text-align: right !important;
}

    .header-btn .vs-btn {
        margin-left: 0;
    }
.vs-btn {
    position: relative;
    display: inline-block;
    font-size: 16px;
    font-weight: 600;
    line-height: 1em;
    text-transform: capitalize;
    background: linear-gradient(90deg, #c81854 0%, #c81854 100%);
    color: #ffffff;
    border-radius: 50px;
    padding: 14px 16px;
    border: none;
    overflow: hidden;
    transition: all 0.5sease-in-out;
    z-index: 1;
    cursor: pointer;

}
textarea.form-control {
    min-height: 115px;
}
.vs-btn.style2:hover, .vs-btn.style3 {
    background-color: #dc3d73;
}
textarea:focus-visible {
    outline-offset: 0px;
}


::placeholder{
    color:#000 !important;
    opacity:0.7 !important
}



rgb(32, 20, 20)rgb(32, 29, 29)
@media(max-width:550px){
.left-img{text-align: center;}
  .appointment_one {
    padding: 7px 0;
   }
.appointment_one .appointment-form{
    padding: 12px;}

}