.appontmentForm{
    padding:30px;
    border:solid 1px #ccc;
    background:#fff;
}
button:focus:not(:focus-visible) {
    outline: 0;
    box-shadow: none;
}
.contactForm{
    /* background: linear-gradient(117deg, #614AD3 0%, #7347C7 16%, #A240A9 47%, #ED3678 91%, #FE346E 100%); */
    /* background:transparent linear-gradient(62deg, rgb(124 0 0 / 66%) 16%, rgb(229 178 110 / 60%) 84%) no-repeat padding-box; */
    /* background: transparent linear-gradient(62deg, rgb(167 113 126) 16%, rgb(229 178 110 / 60%) 84%) no-repeat padding-box; */
    padding: 30px;
    border-radius: 20px;
    position: relative;
    z-index: 1;
    background: #fbfbfb;
    border: 1px solid #ddd;
/*    background: #614ad3;*/
}
.contactForm h1, .contactForm p{
    color:#333;
}
.locNform .contactForm{
    box-shadow: 5px 2px 12px #b7c2be;
}
.frmCl{
    position: relative;
    overflow: hidden;
    padding:15px 0px 0px 0px;
}
.frmShd{
  /* box-shadow: 5px 2px 12px #b7c2be; */
  height:50px;
  border-radius:10px;
}
.frmCl input, .frmCl text-area .frmShd, .frmCl select, .frmCl textarea{
   border-radius: 5px;
    padding:10px 15px;
        font-size: 18px;
}
input:focus, .form-control:focus{
    box-shadow:none;
    outline:none;
    border:solid 1px #ccc;
}
.frmShd .iti--separate-dial-code .iti__selected-flag {
    background: none!important;
    height:55px!important;
}
/*input#mobile_code {
  height: 44px!important;
}*/
.iti__country-list {
    z-index: 2222!important;
}

/* .frmCl input{
  width:100%;
  height:100%;
  color:white;
  padding:15px 16px 25px 15px;
  border:none;
  outline:none;
  background:#fff;
} */

.frmCl label {
  position: absolute;
  width:100%;
  height:100%;
  bottom:0px;
  left:0%;
  pointer-events:none;
}
.frmCl label::after{
  content:"";
  position:absolute;
  width:100%;
  height:100%;
/*  border-bottom:3px solid #5fa8d3;*/
  bottom:-1px;
  left:0px;
  transform:translateX(-100%);
  transition:all 0.3s ease;
}
.frmCtNm{
    position: absolute;
    bottom: 24px;
    z-index:2;
    left: 26px;
    transition: all .3s ease;
}
.frmCl input:focus + .label-name .frmCtNm,
.frmCl input:valid+ .label-name .frmCtNm{
  transform:translateY(-190%);
  font-size:14px;
 
}
.frmCl input.phone+ .label-name .frmCtNm{
    font-size: 15px;
    color: #000;
    position: absolute;
    bottom: -20px;
    z-index: 2;
    left: 26px;
    transition: all .3s ease;
}
.frmCl input.phone:focus+ .label-name .frmCtNm{
  bottom:20px;
   font-size:14px;
  color:white;
}
.frmCl input:focus+ .label-name::after, 
.frmCl input:valid+ .label-name::after {
  transform:translateX(0%);   
}
.frmCl select{
    border: none;
    outline: none;
    margin-top: -3px;
    font-size: 1rem;
    color: #666!important;
}
.appontmentForm select, .appontmentForm .frmCl textarea{
    border:solid 1px #ccc;
}
.frmCl select:focus {
    box-shadow: none;    
}
.frmsl .frmCtNm{
  opacity:0;
  transition: all .3s ease;
}
.frmCl select:focus + .label-name .frmCtNm, 
.frmCl textarea:focus + .label-name .frmCtNm{
   transform:translateY(-190%);
  font-size:14px;
  color:white;
  opacity:10;
}
.frmCl select:focus+ .label-name::after,
.frmCl textarea:focus+ .label-name::after
{
    transform:translateY(0%); 
    opacity:0;
}
.frmCl input.inputFile+ .label-name{
opacity:0;
}
.frmtxtarea {
    height:166px;
}
.frmtxtarea label{
    bottom:80px;
}
.frmshdtArea{
   height:123px;
}
.frmCl textarea{
  width:100%;
  height:100%;
  color:white;
  padding:15px 16px 25px 15px;
  border:none;
  outline:none;
  border-radius:10px;
  border:solid 1px #ccc;
}
.sltFormShd{
    display:flex;
    align-items:center;
    justify-content:center;
    background:#fff;
}
.formsBtn{
    display: table;
    margin: 0px auto auto auto;
    padding: 4px 20px;
    /* background: #6d45c9; */
    border-radius: 20px;
    color: #fff;
    border: none;
    background: #a7717e;
}

.contactAddress{
    padding:30px 0 0 45px;
}
.contactDetails ul{
    margin:0;
    padding:0;
}
.contactDetails ul li{
    margin:25px 0;    
    padding:0px 30px;
    border-radius:16px;
    
}

.contactDetails ul li i{
    margin-right:15px;
}
.contactDetails ul li p{
    margin-bottom:0;
}

.iti {
  display: block;
}