*{margin: 0; padding: 0; box-sizing: border-box;}
img{max-width: 100%;}
a, a:hover, a:focus, a:visited, a:active{text-decoration: none;}
p, ul, li{padding: 0; margin: 0;}

h2{ font-family: "Playfair Display", serif;}

::selection {color: #fff; background-color: #a0c814;}


.owl-theme .owl-dots .owl-dot span{background-color: #000;}
.owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span{background-color: #a0c814;}



/* header */

header{position: absolute; left: 0; top: 0; right: 0; z-index: 9; padding: 0;}
header .header-top{background: linear-gradient(#a0c814, #a0c814); }
header .header-top p, header .header-top span{font-size: 16px;}
header .header-top ul li:last-child{padding: 10px 10px 10px 40px; position: relative; clip-path: polygon(0px 0px, 100% 0px, 100% calc(100% - 0px), 0px calc(100% - 0px), 15px calc(50% - 0px)); font-size: 14px;  overflow-wrap: break-word; background: rgb(235, 87, 87); text-align: center; font-weight: 600;}
header .headermn .navbar .navbar-brand{width: 20%;}

header .nav-link{color: #000; font-size: 16px; font-weight: 500; transition: .5s; position: relative; padding: 0px 0px !important;}
header .nav-link::before{content: ''; background-color: #a0c814; width: 0%; height: 2px; position: absolute; bottom: -5px; left: 0; transition: .5s;}
header .nav-link:hover::before{width: 100%;}
header .nav-link:hover, header .nav-link:focus{ color: #a0c814;}
header .navbar-nav{gap: 30px;}

header .navbar-nav .dropdown-menu{border: 0; box-shadow: #0000004b 0 0 10px;}
header .dropdown-item.active, header .dropdown-item:active, header .dropdown-item:hover{background-color: #a0c814; color: #fff;}

header .navbar-toggler{border: none; color: #a0c814; font-size: 28px; border-radius: 0;}
header .navbar-toggler:focus{box-shadow: none ;}
header .offcanvas-title img{width: 80%;}
header .navbar-nav{position: relative;}
 
.sticky{top: 0px; left: 0; right: 0; z-index: 999; position: fixed !important; background-color: #fff; box-shadow: 0 0 30px #00000021; animation: slideDown .5s ease-out;}
@keyframes slideDown {
  from {
  transform: translateY(-100%);
  }
  to {
  transform: translateY(10);
  }
  }


/* slider */
#slider{background-image: url(../images/banner1.jpg); background-position: center center; background-repeat: no-repeat; background-size: cover; }
#slider .slider-bg{padding: 250px 0 200px;}
#slider .content h2{font-size: 44px; color: #000; font-weight: bold;}
#slider .content h2 span{display: block; color: #a0c814;}
#slider .content p{color: #000; font-size: 20px; font-weight: 300; margin-bottom: 30px;}
#slider .content a{background: linear-gradient(#c8ff02, #a0c814); padding: 12px 30px; font-size: 18px; font-weight: 500; display: inline-block; transition: .5s; border-radius: 100px; color: #fff;}


/* about */
#about{padding: 70px 0; background-color: #fff;}
#about .row{row-gap: 25px;}
#about .p1{font-size: 16px; text-align: center; color: grey; margin-bottom: 30px;}
#about h2{color: #000; font-size: 43px; font-weight: bold; text-align: center;}
#about .content{text-align: center; padding: 30px 20px; border-radius: 50px 0 50px 0; box-shadow: 0 0 15px #0000002c;}
#about .content h3{font-size: 25px; color: #000;  margin: 15px 0;}
#about .content p{font-size: 16px; color: grey; }


/* product */
#product{background-image: url(../images/product-bg.jpg); background-position: center center; background-repeat: no-repeat; background-size: cover; background-attachment: fixed;}
#product .product-bg{padding: 70px 0; background-color: #000000a6;}
#product .row{row-gap: 25px;}
#product .p1{font-size: 16px; color: #fff; font-weight: 500;}
#product .p1 span{color: #c8ff02; font-weight: bold; display: block; line-height: 2px; font-size: 20px;}
#product h2{color: #fff; font-size: 38px; margin: 20px 0 40px; font-weight: bold;}
#product h2 span{color: #c8ff02;}
#product .inner{background-color: #fff; height: 100%;}
#product .inner img{width: 100%;}
#product .content{padding: 30px 20px;}
#product .content h4{color: #000; font-weight: bold; font-size: 19px; margin-bottom: 20px;}
#product .content ul{display: flex; align-items: center; justify-content: space-between; list-style: none;}
#product .content ul li a{color: #fff; background: linear-gradient(#c8ff02, #a0c814); padding: 10px 30px; font-size: 16px; font-weight: 500; display: inline-block; transition: .5s; border-radius: 100px;}
#product .content ul li p{font-size: 18px; color: #000; font-weight: bold;}
#product .content ul li span{font-size: 14px; color: grey;text-decoration: line-through; }


/* choose */
#choose{padding: 70px 0;}
#choose .row{row-gap: 25px; align-items: center;}
#choose .content h2{color: #000; font-size: 48px; font-weight: bold;}
#choose .content h2 span{color: #a0c814; display: block;}
#choose .content ul{list-style: none;}
#choose .content ul li{margin-top: 20px; color: grey; font-size: 18px;}


/* counter  */
#counter{background-image: url(../images/counter-bg.jpg); background-position: center center; background-repeat: no-repeat; background-size: cover; background-attachment: fixed; }
#counter .counter-bg{background-color: #ffffff94; padding: 80px 0;}
#counter .row{row-gap: 30px;}
#counter .item{list-style: none; display: flex; gap: 15px; align-items: center;} 
#counter .item h1{ color: #000; margin-bottom: 5px; font-size: 40px;}
#counter .item h3{ font-size: 22px; color: #000;}
#counter .item i{ font-size: 38px; color: #a0c814; border-bottom: 2px solid #a0c814; border-radius: 50%; padding: 13px; height: 100px; width: 100px; line-height: 72px;}
#counter .item li:first-child{text-align: center;}


/* testimonals */
#testimonals{padding: 70px 0px;}
#testimonals h2{color: #000; font-size: 43px; font-weight: bold; text-align: center; }
#testimonals h2 span{color: #a0c814;}
#testimonals .p1{font-size: 18px; text-align: center; color: #6d6d6d; margin-bottom: 40px;}

#testimonals .testimonalsinr{padding: 20px; background-color: #fff; margin: 10px; border-right: 3px solid #a0c814; box-shadow: 0 6px 12px #00000023; display: flex; gap: 15px; list-style: none;}
#testimonals .testimonalsinr li:first-child{width: 30%;}
#testimonals .testimonalsinr li:last-child{width: 70%;}
#testimonals .testimonalsinr img{border-radius: 50%;  width: 133px; height: 133px; object-fit: cover; object-position: center top; border: 1px solid #6d6d6d;}
#testimonals .testimonalsinr p{font-size: 20px; line-height: 30px; color: grey; font-style: italic; margin-bottom: 16px;}
#testimonals .testimonalsinr h3{font-size: 18px; color: #000; display: inline-block;  font-weight: bold;}


/* contact */
#contact{background-image: url(../images/contact-bg.jpg); background-position: center center; background-repeat: no-repeat; background-size: cover; background-attachment: fixed; padding: 100px 0;}

#contact form.row{padding: 30px 15px; border: 1px solid #fff; row-gap: 15px; margin: 0;}
#contact form .p1{color: #000; font-weight: bold; font-size: 18px; text-align: center;}
#contact form h2{background: linear-gradient(#c8ff02, #a0c814); color: #fff; text-align: center; padding: 15px;}
#contact form .form-control{border: none; background-color: #fff; color: #000; border-radius: 0; padding: 15px 20px;}
#contact form .form-control:focus{box-shadow: none;}
#contact form .btn{background: linear-gradient(#c8ff02, #a0c814); border-radius: 0px; border: 1px solid #fff; color: #fff; font-weight: 500; padding: 15px; width: 100%;}



/* footer */
footer .footertop{background-color: #f7f7f7; padding: 70px 0px 20px;}
footer .row{row-gap: 25px;}
footer .footertop .about img{width: 70%;}
footer .footertop .about p{color: #000; font-size: 15px; margin-top: 20px; }
footer .footertop ul{list-style: none;}
footer .footertop ul li{color: #000; margin-top: 10px;}
footer .footertop ul li a{color: #000; font-size: 16px; transition: .5s; display: inline-block; border-bottom: 1px solid transparent;}
footer ul li h4{color: #a0c814;}
footer .footertop ul li a:hover{color: #a0c814;}
footer .footertop .addres li{margin-bottom: 20px;}
footer .footertop .addres li i{color: #a0c814; font-size: 22px;}
footer .footerboo ul{display: flex; justify-content: space-between; margin: 0; border-top: 1px solid #a0c81436;padding-top: 20px;}
footer .footerboo{background-color:#f7f7f7; padding: 20px;}
footer .footerboo .soical li:first-child{color: #a0c814; text-align: center;}
footer .footerboo .soical li:first-child a{color: #fff; font-size: 16px; display: inline-block; width: 35px;height: 35px; line-height: 35px; background: linear-gradient(#a0c814, #a0c814); border-radius: 50%; transition: .5s;}
footer .footerboo .soical li:first-child a:hover{background: linear-gradient(#c8ff02, #a0c814);}
footer .footerboo ul li img{width: 200px; background: linear-gradient(#c8ff02, #a0c814); padding: 0px 10px 8px; border-radius: 100px;}


  /* quickcontact */
.quickcontact {
  width: 45px;
  position: fixed;
  top: 77%;
  right: 15px;
  z-index: 102;
}

.right-user{
    position: fixed;
    top: 55%;
    right: -42px;
    z-index: 102;
    background-color: #eb5757;
    color: #fff;
    font-weight: bold;
    padding: 8px 15px;
    transform: rotate(90deg);
    border-radius: 0 0 8px 8px;
    animation: blink 2s ease-in-out infinite;
}
/* .right-user:hover{background-color: #a0c814;} */


.left-user{
  position: fixed;
  bottom: 0;
  left: 0px;
  z-index: 102;
  background-color: #eb5757;
  color: #fff;
  padding: 8px 15px;
  border-radius: 0 8px 0 0;
  /* transform: rotate(90deg); */
  height: 45px;
  animation: blink 2s ease-in-out infinite;
}
/* .left-user:hover{
  background-color: #a0c814;
} */
.left-user #countdown{
  font-size: 16px;
}
.left-user #countdown span{
  font-size: 20px;
  display: inline-block;
  margin-right: 5px;
  font-weight: bold;
}

@keyframes blink {
  0%{
        background-color: #eb5757;
  }
  50%{
        background-color: #a0c814;
  }
  100%{
      background-color: #eb5757;
  }
}

/* book-now */
.book-now{
  position: fixed;
  bottom: 0;
  right: 0px;
  z-index: 102;
}

/* modal */
.modal form.row{row-gap: 20px;}
.modal .btn-theme {border-radius: 0px; background: #a0c814; color: #fff;}
.modal .btn-theme:hover{background-color: #000; color: white;} 
.modal .form-control{border-radius: 0px; border: none; box-shadow: none; background-color: #f1f1f1;}
.modal .form-control:focus{border-color: #000;}
.modal .submit{background: linear-gradient(#c8ff02, #a0c814); color: #fff; font-weight: 500px; padding: 10px; border: 0; transition: .5;}



/* ======================================
            inner page
======================================= */

/* heading */
#heading{background-image: url(../images/product-bg.jpg); background-position: center center; background-repeat: no-repeat; background-size: cover;}
#heading .heading-bg{padding: 150px 0 100px; background-color: #ffffff88;}
#heading h2{font-size: 42px; font-weight: bold; color: #000;}
#heading p, #heading a{font-size: 18px; color: #000; font-weight: bold; transition: .5s;}
#heading a:hover{color: #a0c814;}


/* courses */
#courses{padding: 70px 0;}
#courses .row{row-gap: 30px;}
#courses .img img{width: 100%; border-radius: 10px; box-shadow: 0 0 10px #00000021;}
#courses .content h3{color: #000; font-weight: bold; font-size: 22px; margin-bottom: 20px;}
#courses .content .contactus{color: #fff; background: linear-gradient(#c8ff02, #a0c814); padding: 10px 30px; font-size: 16px; font-weight: 500; display: inline-block; transition: .5s; border-radius: 100px; margin-bottom: 7px;}


/* book */
#book{padding: 70px 0;}
#book .row{row-gap: 30px;}
#book .content{padding-right: 40px;}
#book .content h3{font-size: 25px; margin-bottom: 40px; position: relative;}
#book .content h3:before{position: absolute; left: 0; bottom: -20px; content: ''; background-color: #a0c814; width: 20px; height: 5px;}
#book .content h5{font-size: 19px; margin: 20px 0;}
#book .content h6{font-size: 15px; margin-bottom: 20px;}
#book .content p{color: #3f3f3f; font-size: 16px; margin-top: 15px;}

#book .pay{padding: 60px; background-color: #fff; box-shadow: 0 0 10px #00000021;}
#book .pay h3{font-size: 25px; margin-bottom: 40px; position: relative;}
#book .pay h3:before{position: absolute; left: 0; bottom: -20px; content: ''; background-color: #a0c814; width: 20px; height: 5px;}
#book .pay ul{list-style: none; display: flex; gap: 10px; margin-top: 30px; justify-content: space-between; align-items: center;} 
#book .pay ul li:first-child{width: 50%;}
#book .pay ul li p{font-weight: 500; font-size: 16px; color: #000;}
#book .pay ul li span{font-weight: bold; font-size: 16px; color: #000;}
#book .pay ul li a{color: #fff; background: linear-gradient(#c8ff02, #a0c814); padding: 8px 20px; font-size: 16px; font-weight: 500; display: inline-block; transition: .5s; border-radius: 100px;}
#book .pay ul li a:hover{ background: linear-gradient(#a0c814, #c8ff02);}


/* terms */
#terms{padding: 70px 0;}
#terms .content h2{color: #000; margin-bottom: 30px;}
#terms .content p{color: grey; margin-top: 15px;}