*, ::after,::before{
    box-sizing: border-box;
    padding: 0;
    margin: 0;
}
body, html{
    overflow-x: hidden;
    box-sizing: border-box;
    padding:0;
    margin: 0;
}


 .main{
    display: flex;
    height: 100%;
    justify-content: space-around;
    width: 100%;
    color: #fff;
    overflow-x: hidden;
    background-color: red;
}


 h3{
    color: #Fff;
    padding-left: 10px;
}


.now{
    background-color: #549BCE;
    padding: 15px;
    color: #fff;
    outline: none;
}

label{
    color: #14162F;
    font-weight: 500;
    height: 50px;
}

.book{
    color: #14162F;
    margin-top: 20px;
    padding-bottom: 20px;
}



input{
    border: solid 2px #aaa;
    padding: 10px;
    justify-content: center;
    align-items: center;
    margin: 10px ;
    width: 200px;
    border-radius: 9px;
}
select{
    width: 200px;
    align-items: center;
    text-align: center;
    padding: 10px;
    border-radius: 9px;
    margin: 10px;
}

.meet{
    padding: 10px;
     color: #fff;
     align-items: center;
     text-align: center;
     justify-content: center;
     margin-top: 15rem;
}
.best{
    font-weight: 800;
    font-size: 40px;
    padding-bottom:4px;
}

.meet > p{
    font-family: 'Courier New', Courier, monospace;
    font-size: 17px;
    color: #fff;
}

.form{
    background-color: #fff;
    height: 90%;
    padding: 10px;
    width: 450px;
    margin: 20px;
    z-index: 2;
    justify-content: center;
    align-items: center;
    text-align: center;
    border-radius: 10px;
}

.blue{
    background-color: #549BCE;
    padding: 10px;
    border-radius: 30px;
    color: #fff;
}

.light{
    background-color: transparent;
    padding: 10px;
    border-radius: 30px;
    color: #fff;
}

.lead{
 text-align: center;
 justify-content: center;
 align-items: center;
 width: 100%;
 padding: 10rem;
}



.care{
    grid-gap: 2rem;
    align-items: center;
    text-align: center;
    justify-content: center;
    display: flex;
    width: 90%;
    margin-left: 3rem;
}

.care h1{
    background-color: #70C5CA;
    height: 150px;
    align-items: center;
    text-align: center;
    justify-content: center;
    border-radius: 8px;
    color: #fff;
    width:100%;
    
}

.care ul{
    border-top: none;
    padding: 2px;
    
}

.care li{
    list-style-type:  '-';
}


.care .more{
    color: #549BCE;
    border: none;
    padding: 5px;
    border: 2px solid #666;
    margin-bottom: 5px;
    border-radius: 10px;
}

.care .more:hover{
    background-color: greenyellow;
    color: #fff;
}


.rating{
    grid-gap: 2rem;
    align-items: center;
    text-align: center;
    justify-content: center;
    display: flex;
    box-sizing: border-box;
    margin: auto auto;   
    padding: 10px;
    flex-direction: row;
}

.border{
    width: 700px;
    color: red;
    height: 100%;
    display: grid;
    grid-template: repeat(3, 3fr);
}

.nav {
    -moz-columns: 930px 4;
    columns: 93px 4;
    -webkit-column-gap: 0;
    -moz-column-gap: 0;
    column-gap: 0;
    align-items: flex-start;
  }

  .now, .blue,.light{
      outline: none;

  }

  

.nav li {
    color: white;
    padding: 2rem;
  }

.-faq{
    padding: 10px;
}
button:hover{
    outline: transparent;
    color: orange;
}


.col-lg-4, .col-md-4, .col-sm-4{
    padding: 10px;
}
.nav li:hover{
    color: #fbfb;
    cursor: pointer;
    transition: all 0.5s ease-in-out;
}

@media (max-width:850px){
    .care{
        display: grid;
        flex-direction: row;
        width: 100%;
        grid-template-columns: repeat (2fr);
        align-items: center;
        justify-content: center;
    }
}



@media (max-width:800px){

    .nav li {
        padding: 3px;
      }

      

      .button .container{
          width: 60px;
          height: 20px;
      }

      .blue, .light{
          padding: 10px;
          margin: 10px;
      }

      .lead{
        width: 120%;
        margin-left: -4rem;
       }

       .care{
           display: grid;
           flex-direction: row;
           width: 100%;
           align-items: center;
           justify-content: center;
           text-align: center;
       }

       .main{
           display: grid;
           width: 100%;
       }

       .meet{
         margin-top: 3rem;
    }

}


@media (min-width:600px){ 

    .nav li {
        padding: 1rem;
      }

      .blue, .light{
          padding: 10px;
          margin: 10px;
      }

      .lead{
        width: 100%;
        margin-left: -4rem;
       } 

}

@media (max-width:700px){

    .best{
        font-size: 32px;
    }

    .best{
        width: auto;
    }
}