body{
    overflow-x: hidden!important;
    font-family: 'Open Sans', sans-serif;
}
h3{
    font-weight:600;
}
.container-fluid{
    padding:0;
}
.sec-pd{
    padding:60px 60px;
}
.icon{
    margin-top:-35px;
}
.icon i{
    color:#fff;
}
span{
    padding-left:15px;
}
.form-label {
    margin-bottom: 0.5rem;
    font-weight: 600;
}
.form-control{
    color: #838384;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #ececec;
    padding:12px 14px;
    border-radius:10px;
}

.font-new{
    font-size: 13px!important;
}

.btn{
    width:100%;
    background: rgb(186,30,56);
background: linear-gradient(20deg, rgb(237, 44, 45) 50%, rgb(186,30,56) 100%);
color:#fff;
padding:12px 0px;
font-size:20px;
margin-top:20px;
}
.btn:hover{
    background: #fff;
    border: 2px solid rgb(186,30,56); 
    color:rgb(186,30,56);
}
.form-control:focus{
    border-color:rgb(186,30,56); 
    box-shadow: 0 0 0 0.1rem rgba(237,44,45,255);
}
.banner-img-desc{
    display: block;
}
.banner-img-mob{
    display: none;
}
@media(max-width:576px){
    .banner-img-desc{
        display: none;
    }
    .banner-img-mob{
        display: block;
    }
    .sec-pd{
        padding:60px 20px;
    }
    body{
        overflow-x: hidden!important;
    }
}

/* validation message */
.error{
    color:red;
}

/* active time slot  button*/
.active-slot{
    background: #fff !important;
    border: 2px solid rgb(186,30,56) !important; 
    color:rgb(186,30,56) !important;
}

/* Hide arrow in number */
/* Chrome, Safari, Edge, Opera */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

/* Firefox */
input[type=number] {
  -moz-appearance: textfield;
}

/* Password eye */
.togglePassword {
    margin-left: -30px !important;
    margin-top: 15px !important;
    z-index: 9999999999;
    position:absolute;
}

.footer {
    position: relative;
    font-size: 15px;
    left: 0;
    bottom: 0;
    width: 100%;
    /* background-color: #dfecf8; */
    color: #0F61A5;
    text-align: center;
 }
 
 a.down-arrow {
    background: linear-gradient(45deg, #c91f34, #ee2f2f);
    width: 70px;
    position: absolute;
    height: 70px;
    align-items: center;
    justify-content: center;
    text-decoration: none !important;
    margin: auto;
    display: inline-flex;
    border-radius: 50%;
    font-size: 29px;
    bottom: 4%;
}
@media (max-width:575px){
.down-arrow{
display:none !important;
}
}