body{
    /* height:100vh;
    width:100%; */
 font-family: "Manrope", sans-serif;
    background-color: #e8f4f8;
    font-family: "Manrope", sans-serif;
  font-optical-sizing: auto;
  font-style: normal;
}

.h1{
 font-family: "Manrope", sans-serif;
  font-optical-sizing: auto;
  font-weight: 800;
  font-style: normal;
  color: #054a91;
  letter-spacing: -0.01em;
  white-space:nowrap;
}
p{
    font-size:16px;
}
.uni-box{
    background-color:rgb(234, 234, 234);
}
button{
    border-color:  rgb(176, 176, 176);
    font-size: 12px;
}
button:hover{
    background-color: rgb(232, 232, 232);
    border-color:  rgb(131, 131, 131);
}
input{
    width:100%;
    border:none;
}
input:focus{
    border:2px solid rgb(2, 122, 54);
    box-shadow: 0 2px 4px #21d49633;
    outline: none;
}
.use{
    border:1px solid lightgrey;
    outline: none;
}
#dateToTime{
    display: none;
}
.active-tab{
    background:linear-gradient(90deg, #21D496 0%, #054A91 100%);
    color: white;
    transition: 0.6s ease;
}
.active-tab2{
    background:linear-gradient(90deg, #21D496 0%, #054A91 100%);
    border-radius: 10px;
    color: white;
    transition: 0.6s ease;
}
.dull{
    opacity:0.5;
}
.dull2{
    opacity:0.5;
}
.cursor-pointer{
    cursor: pointer;
}
#threebox{
    display: none;
}
.section-1,.section-2,.section-3,.section-4,.section-5{
    box-shadow: 0px 0px 2px #007c50 ;
}
.adv{
    background-image: url(img/insurance-card-bg.png) ;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    
}
.bg1{
    border-width: 5px;
    border-style: solid;
    border-right-color:white;
    border-bottom-color: #21D496;
    border-left-color: #21D496;
    border-top-color: white;  
}
.bg2{
    border-width: 5px;
    border-style: solid;
    border-right-color:white;
    border-bottom-color: #d4d121;
    border-left-color: #d4d121;
    border-top-color: white;  
}
.bg3{
    border-width: 5px;
    border-style: solid;
    border-right-color:white;
    border-bottom-color: #d46321;
    border-left-color: #d46321;
    border-top-color: white;  
}
.white{
    background-color: white;
}
.green{
    color:#21d496;
}

.sty{
    background:linear-gradient(82.77deg, #21D496 -71.55%, #054A91 158.62%) !important;
    outline:none;
     border-style: none;
     box-shadow: 0px 0px 10px rgb(189, 189, 189);
     padding: 10px 20px;
      transition: 0.6s ease;
}
.sty:hover{
    box-shadow: 0px 0px 0px rgb(189, 189, 189) ;
    transform: translatey(-10px);
}
.usetime-btn{
    background:linear-gradient(90deg, #21D496 0%, #054A91 100%);
    border-style: none;
    outline: none;
    margin-top: 20px;
    transition: 0.6s ease;
    box-shadow:0px 0px 2px #054a91;
}
.usetime-btn:hover{
    transform: translatey(-10px);
    box-shadow:0px 2px 10px #054a91;
}
.title{
    font-size: 16px;
}

@media (min-width: 768px){
    .title{
        font-size: 18px;
    }
}

@media (min-width: 992px){
    .title{
        font-size: 40px;
    }
}
.shad{
    box-shadow: 3px 3px 15px rgb(232, 232, 232);
    border-radius: 10px;
}
.jsbox{
    border-radius:20px;
    outline: none;
    box-shadow: 3px 3px 15px rgb(232, 232, 232);
    transition:0.3s ease;
}
.jsbox:hover{
    border:1px solid #054a91;
    box-shadow:3px 3px 15px lightblue;
    transform: translatey(-10px) ;
}
.jsbox-1{
    border-radius:10px;
    border-color: #b1e7f9;
    outline: none;
    background:linear-gradient(180deg,#e8f4f8, white,#e8f4f8) ;
    box-shadow: 3px 3px 15px rgb(232, 232, 232);
    transition:0.3s ease;
}
.jsbox-1:hover {
    border:1px solid #054a91;
    background:linear-gradient(white);
    box-shadow:3px 3px 15px lightblue;
    transform: translatey(-10px) ;
}
.jsbox-1:hover a{
    color:red;
}
.faq{
    outline: none;
    border-style: none;
    background-color: white;
}
.accordion-button{
    font-size: 20px;
    font-weight: 500;
    padding: 25px 10px;
}

.accordion-button:not(.collapsed){
    background-color: white;
    color: black;
    box-shadow: none;
}

.accordion-button:focus{
    box-shadow: none;
}

.accordion-body{
    font-size: 18px;
    color: #555;
}