@import url('https://fonts.googleapis.com/css2?family=Jost:ital,wght@0,100..900;1,100..900&display=swap');
*{
    margin:0;
    padding:0;
    font-family: "Jost", sans-serif;
    outline:none !important;
}
:root{
  --primary-color:#1F7461;
  --primary-color-hover:#228e76;
}
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent;
  font-family: "Jost", sans-serif;
}
html{
  width: 100%;
}
body, html {
  line-height: 100%;
  color: #111;
  background-color:#F9F9F9;
  font-size: 15px;
  overflow-x: hidden;
}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section, center {
  display: block;
}
nav ul, ul {
  list-style-type: none;
  list-style: none;
}
blockquote, q {
  quotes: none;
}
blockquote:before, blockquote:after, q:before, q:after {
  content: '';
  content: none;
}
h1, h2, h3, h4, h5, h6{
  color:#FFF;
}
a {
  margin: 0;
  padding: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent;
  text-decoration: none;
}
ins {
  background-color: #ff9;
  color: #000;
  text-decoration: none;
}
mark {
  background-color: #ff9;
  color: #000;
  font-style: italic;
  font-weight: bold;
}
hr {
  display: block;
  height: 1px;
  border: 0;
  border-top: 1px solid #cccccc;
  margin: 1em 0;
  padding: 0;
}
button {
  vertical-align: middle;
}
.btn{
  transition: all 0.4s;
}
.bg-primary{
  background-color:var(--primary-color) !important;
}
.text-primary{
  color:var(--primary-color) !important;
}
.border-color-primary{
  border-color:var(--primary-color) !important;
}
.btn-primary{
  background: var(--primary-color) !important;
  color:#FFF !important;
  border-color: var(--primary-color) !important;
}
.btn-primary:hover, .btn-primary:active, .btn-primary:focus{
  background: var(--primary-color-hover) !important;
  color:#FFF !important;
  border-color: var(--primary-color-hover) !important;
}
.hover-primary:hover, .hover-primary:active, .hover-primary:focus{
  color:var(--primary-color) !important;
}
.input-group{
  border-color: #EEE !important;
}
input:focus, select:focus, textarea:focus{
  border-color:#EEE !important;
}
.bg-light{
  background: #F5F5F5 !important;
}
.form-check-input:checked{
  background-color: var(--primary-color);
  border-color: var(--primary-color);
  box-shadow: none !important;
}
.text-warning{color:#F5E400 !important;}.mt-120{margin-top: 120px;}.tb-p{padding: 120px 0;}.lh-150{line-height: 150%;}.fs-13{font-size:13px;}.fs-14{font-size:14px;}.fs-16{font-size:16px;}.fs-18{font-size:18px;}.fs-20{font-size:20px;}.fs-32{font-size:32px}.transition{transition: all 0.4s;}

/***********************Default CSS Ends Here********************/

.top-banner{
  background: url(../images/bg-banner.png) no-repeat right top #FFF;
  height:807px;
  border-bottom: 1px solid #EEE;
}
.navbar-expand-lg .navbar-nav .nav-link{
  padding: 17px;
  color:#FFF;
}
.banner-text{
  min-height: 645px;
}
.banner-text small{
  color:#999;
}
.banner-text h1{
  font-size: 48px;
  line-height: 60px;
}
.banner-text h1 span{
  color:#0DB794;
}
.offcanvas {
  max-width: 75%;
}
.feature-box i{
  width: 61px;
  height: 60px;
}
.feature-box.f1 i{
  background:url(../images/feature-icon1.svg) no-repeat center center;
}
.feature-box.f1:hover i{
  background:url(../images/feature-icon1-hover.svg) no-repeat center center;
}
.feature-box.f2 i{
  background:url(../images/feature-icon2.svg) no-repeat center center;
}
.feature-box.f2:hover i{
  background:url(../images/feature-icon2-hover.svg) no-repeat center center;
}
.feature-box.f3 i{
  background:url(../images/feature-icon3.svg) no-repeat center center;
}
.feature-box.f3:hover i{
  background:url(../images/feature-icon3-hover.svg) no-repeat center center;
}
.feature-box span{
  font-size: 30px;
  color: var(--primary-color);
}
.feature-box strong{
  font-size: 20px;
}
.feature-box:hover, .feature-box:hover span{
  color:#FFF;
}
.hvr-sweep-to-right:before{
  background: var(--primary-color);
}
.feature-box img{
  opacity: 0;
}
.feature-box:hover img{
  opacity: 0.1;
}
.gain{
  padding-bottom: 130px;
}
.bg-gain{
  margin-left: -70px;
}
.gain-box{
  border:2px solid var(--primary-color);
  color: var(--primary-color);
  min-height: 76px;
  box-shadow: 4px 4px 4px 0 rgba(0, 0, 0, 0.1);
}
.gain-box:hover{
  border:2px solid #FFF;
  box-shadow: 0 0 1px 1px rgba(31, 116, 97, 0.54) !important;
  color: #FFF;
}
.hvr-radial-out:before{
  background: var(--primary-color);
}
.join:before{
  content:'';
  background:url(../images/circles.png) repeat;
  background-attachment:fixed;
  display: block;
  position: absolute;
  left:0;
  right: 0;
  bottom: 0;
  top: 0;
}
.testimonials{
  background: url(../images/customer-bg.png) repeat #F5F5F5;
  background-attachment:fixed;
  position: relative;
  z-index: 100;
  margin-bottom: -70px;
}
.slick-dots{
  text-align: left;
  margin-left: 20px;
  bottom: -40px;
}
.slick-dots li button:before{
  font-size: 22px;
  color: var(--primary-color);
}
.slick-dots li.slick-active button:before{
  color:var(--primary-color);
}
.slick-dots li{
  margin: 5px;
}
footer{
  background: url(../images/footer.png) no-repeat center 120px #FFF;
  min-height: 608px;
  color:#333;
  background-size:cover;
  padding-top: 20px;
}
footer .socials a{
  color:#999;
}
footer ul li a{
  color:#333;
}
footer ul li a:hover, footer ul li a:active, footer ul li a:focus{
  color:#25B091;
}
footer .copyrights{
  border-top:1px solid rgba(37, 176, 145, 0.3);
}
footer .bg-lights{
  background: #EFF9F3;
}
.alert-success{
  border:1px dashed #1F7461;
}
.waiter-box{
  border:1px solid #EEE;
}
.waiter-box h4{
  color:#000;
}
.waiter-box:hover, .waiter-box:active, .waiter-box:focus, .waiter-box.active{
  border:1px solid #1CA788;
}
.waiter-box:hover h4{
  color: #1CA788;
}
.tip .btn-check + .btn{
  border:1px solid var(--primary-color);
  color:var(--primary-color);
}
.tip .btn-check:checked + .btn{
  background: var(--primary-color);
  color:#FFF;
}
.cam{
  width: 240px;
}
.cam span{
  border-radius: 30px 0 0 30px;
}
.cam input{
  border-radius: 0 30px 30px 0;
}

.text-areas p{
  font-size: 15px;
  line-height: 150%;
  display: block;
  padding: 15px 0;
}
.text-areas h3{
  font-size: 22px;
  line-height: 150%;
  display: block;
  font-weight: bold;
  color: #333;
}
.text-areas h4{
  font-size: 18px;
  line-height: 150%;
  display: block;
  font-weight: bold;
  color: #333;
  padding: 10px 0;
}
.text-areas ul, .text-areas ol{
  padding-left: 20px;
  padding-bottom: 10px;
}
.text-areas li{
  list-style-type: disc;
  padding: 10px 0;
}
.text-areas p a, .text-areas a{
  color:var(--primary-color-hover);
  text-decoration: underline;
}
#slideOne, #slideTwo, #slideThree{
  min-height: 100vh;
}
#slideTwo, #slideThree{
  display: none;
}
#slideTwo .slick-prev:before, #slideTwo .slick-next:before{
  color:#333;
}
#slideTwo .slick-next{
  right:-10px;
}
#slideTwo .slick-prev{
  left:-10px;
}
.number input{
  width: 60px;
  max-width:60px;
  min-width: 60px;
}
.rating-stars ul {
  list-style-type:none;
  padding:0;
  -moz-user-select:none;
  -webkit-user-select:none;
}
.rating-stars ul > li.star {
  display:inline-block;
  
}
.rating-stars ul > li.star > i.fa {
  font-size:2em;
  color:#ccc;
}

.rating-stars ul > li.star.hover > i.fa {
  color:#FFCC36;
}
.rating-stars ul > li.star.selected > i.fa {
  color:#FF912C;
}
#checkbox:hover{
  background: #EEE;
  cursor: pointer;
}
.slick-next:before{
  content:"\f054";
  font-family: var(--fa-style-family, "Font Awesome 6 Free");
  font-weight: var(--fa-style, 900);
}
.slick-prev:before{
  content:"\f053";
  font-family: var(--fa-style-family, "Font Awesome 6 Free");
  font-weight: var(--fa-style, 900);
}


/************************Responsive CSS Starts From Here**********************/


@media(min-width:1201px) and (max-width:1300px){
  .top-banner {
    background: url(../images/bg-banner.png) no-repeat 25vw top #FFF;
    height: 790px;
  }
  .top-banner h1{
    font-size: 43px;
  }
  .bg-gain{
    width: 110%;
  }
  .fs-32{
    font-size: 28px;
  }
  .gain-box i{
    font-size: 1.5rem !important;
  }
  .fs-16{
    font-size: 14px;
  }
  .slick-slide img.rounded-circle {
    width: 220px;
    margin-bottom: 50px;
  }
}
@media(min-width:991px) and (max-width:1200px){
  .top-banner {
    background: url(../images/bg-banner.png) no-repeat 40vw top #FFF;
    height: 700px;
  }
  .banner-text h1 {
    font-size: 35px;
    line-height: 48px;
  }
  .bg-gain{
    width: 110%;
  }
  .fs-32{
    font-size: 28px;
  }
  .gain-box i{
    font-size: 1.5rem !important;
  }
  .fs-16{
    font-size: 14px;
  }
  .slick-slide img.rounded-circle {
    width: 220px;
    margin-bottom: 50px;
  }
  footer a, footer i, footer p{
    font-size: 13px;
  }
}
@media(min-width:768px) and (max-width:990px){
  .top-banner{
    height:auto;
  }
  .navbar-expand-lg .navbar-nav .nav-link{
    padding-left: 0;
    color:#333;
  }
  .top-banner {
    background: url(../images/bg-banner.png) no-repeat -100% top #FFF;
    height: 700px;
  }
  .banner-text{
    padding-top: 20px;
  }
  .banner-text h1 {
    font-size: 28px;
    line-height: 40px;
  }
  .banner-img{
    margin-top: 150px !important;
  }
  .feature-box strong{
    font-size: 17px;
  }
  .feature-box p{
    font-size: 14px;
  }
  .feature-box span{
    font-size: 25px;
  }
  .feature-box i{transform: scale(0.6) translateX(-15px);
  }
  .feature-box{
    padding: 10px !important;
  }
  .bg-gain{
    width: 110%;
  }
  .fs-32{
    font-size: 25px;
  }
  .slick-slide img.rounded-circle{
    width: 200px;
    margin-bottom: 50px;
  }
  footer .container{
    margin-top: 0 !important;
    padding-top: 0 !important;
  }
  .modal-body .p-lg-5.text-center p{
    text-align: left !important;
  }
}
@media(max-width:767px){
  .top-banner{
    height:auto;
  }
  .navbar-expand-lg .navbar-nav .nav-link{
    padding-left: 0;
    color:#333;
  }
  .top-banner {
    background: url(../images/bg-banner.png) no-repeat -60% top #FFF;
  }
  .banner-text{
    padding-top: 70px;
  }
  .banner-text h1 {
    font-size: 28px;
    line-height: 40px;
  }
  .banner-img{
    margin-bottom: -3px;
  }
  .slick-slide img{
    margin-bottom: 70px;
  }
  .fs-32{
    font-size: 25px;
  }
  .modal-body .p-lg-5.text-center p{
    text-align: left !important;
  }
  .container{
    padding-left: 15px;
    padding-right: 15px;
  }
  .testimonials{
    margin-bottom: -130px;
  }
}
@media(max-width:574px){
  .top-banner{
    height:auto;
  }
  .navbar-expand-lg .navbar-nav .nav-link{
    padding-left: 0;
    color:#333;
  }
  .top-banner {
    background: url(../images/bg-banner.png) no-repeat -37% top #FFF;
  }
  .banner-text{
    padding-top: 70px;
  }
  .banner-text h1 {
    font-size: 28px;
    line-height: 40px;
  }
  .banner-img{
    margin-bottom: -3px;
  }
  .slick-slide img{
    margin-bottom: 70px;
  }
  .fs-32{
    font-size: 25px;
  }
  .cam{
    width: 195px;
  }
  .testimonials{
    margin-bottom: -150px;
  }
}