:root {
  --darkgray: #1f1e1e;
  --black: #000000;
  --white: #ffffff;
  --firstcolor: #FD5634;
  --secondcolor: #FEB916;
}
:root {
  --common-font-para: "Roboto";
  --common-font-fam: "Kaushan Script";
}
/* --------- Common CSS--------- */
#slider p, .class-meta span, #our-classes .box .post, #register-now p, #our-products del .woocommerce-Price-amount{
  font-size: 14px;
}
#slider .read-more:hover, .experience-head p, #our-classes .box .box-content, .why-choose-us-box i, .testimonials-box .testimonials-quote, .blog-contents .blog-button:hover, .benefit-box .benefir-icon i, .events-content:hover a, .events-content:hover .event_text, .events-content:hover span, .blog-contents:hover .blog-title a, button.owl-next i, button.owl-prev i, .we-offer-content h4 a, .records-content h5, .records-content p, .box-content h4 a, .box-content .classes-button, .experience-head h3, .benefit-content h4, #register-now legend, #register-now p, #register-now a, .pricing-plan-box h4, .pricing-plan-box a, .why-choose-us-content h3, .why-choose-us-box h4, .why-choose-us-content span, .why-choose-us-content a, .our-products-content .product-sale .onsale, .testimonials-head h3, .testimonials-head p, .testimonials-box .qoute_text, .testimonials-content h4 a, .testimonials-content cite, .open-hours h4, .open-hours ul li, .upcoming-events-head a, .upcoming-events-head a, .blog-contents .blog-image .blog-date {
  color: var(--white);
}
#testimonials .owl-dots .active, #our-classes .box-content h4:after, .experience-head h3:after, .why-choose-us-content h3:after, .testimonials-head h3:after {
  background-color: var(--white);
}
.we-offer-head h3:after, .our-classes-head h3:after, #our-classes .box-content h4:after, .experience-head h3:after, #our-gallery h3:after, .pricing-plan-head h3:after, .why-choose-us-content h3:after, .our-products-head h3:after, .testimonials-head h3:after, .upcoming-events-head h3:after, .our-blog-head h3:after {
  content: "";
  width: 60px;
  height: 4px;
  display: block;
  margin: 18px auto 0 auto;
}
#our-products .our-products-head h3:after, #our-blog .our-blog-head h3:after, #our-blog .blog-contents:hover .blog-title {
  background-color: var(--secondcolor);
}
#our-blog .blog-contents:hover .blog-title h4 a{
  color: #fff;
}
#our-blog .blog-contents:hover .blog-button{
  color: #fff;
  background: #1f1e1e;
}
#slider .slider-btn1, .box-content .classes-button, .upcoming-events-head a, .pricing-plan-head h3:after, .our-classes-head h3:after, .upcoming-events-head h3:after, #slider ol.carousel-indicators .active, .events-content:hover {
  background-color: var(--firstcolor);
}
#our-gallery h3:after {
  background-color: #FD5634;
  margin: 30px auto 0 auto;
}
.experience-head h3:after, .why-choose-us-content h3:after, .testimonials-head h3:after, .upcoming-events-head h3:after {
  margin: 18px 0 0 0;
}
#we-offer .we-offer-head h3:after {
  background-color: #7b95cf;
}
#testimonials .testimonials-content h4 a, #why-choose-us .why-choose-us-content span, #upcoming-events .events-content h4 a, #our-blog .blog-contents h4 a {
  font-size: 22px;
}
#slider h1, #slider .read-more, #our-records .records-content h5, #our-records .records-content p, #our-classes .box-content .classes-button, #register-now legend, #register-now a, #pricing-plan .pricing-plan-box a, #why-choose-us .why-choose-us-content span, #why-choose-us .why-choose-us-content a, #our-products .our-products-content .product-sale .onsale, #our-products .add_to_cart_button, #testimonials .testimonials-content cite, #testimonials .open-hours h4, #upcoming-events .upcoming-events-head a, #our-blog .blog-contents .blog-image .blog-date, #our-blog .blog-contents .blog-button {
  font-family: var(--common-font-fam);
}
#our-records .records-content h5, #pricing-plan .pricing-plan-box h4, #testimonials .open-hours h4 {
  font-size: 26px;
}
#slider h1, #slider .small-title, #slider p {
  color: #fff;
}
#upcoming-events .events-content h4 a{
  color: #1f1e1e;
}
#our-blog .our-blog-head p, #our-blog .blog-contents h4 a, #our-blog .blog-contents .blog-button{
  color: #1f1e1e;
}
#we-offer .we-offer-title, #our-records .records-content .records-icon, #experience .benefit-title, #why-choose-us .why-feature-title {
  display: flex;
  align-items: center;
}
#pricing-plan .pricing-plan-box a {
  margin-top: 20px;
}
.we-offer-box:last-child, .benefit-content:last-child, #our-products .add_to_cart_button {
  border:none;
}
.we-offer-head p, .our-classes-head p, .our-products-head p {
  max-width: 54%;
  margin: 0 auto;
}
.owl-carousel .owl-item img, #register-now fieldset, #our-blog .our-blog-head p {
  margin: 0 auto;
}
.experience-head p, .our-products-head h3, .testimonials-head h3, .upcoming-events-head h3, .our-blog-head h3 {
  padding-bottom: 20px;
}
/* --------- SLIDER--------- */
#slider{ 
  max-width:100%; 
  margin:auto; 
  padding:0; 
  position:relative;
}
.carousel-inner, #slider ol.carousel-indicators, .testimonials-box img{
  margin: 0;
}
#slider img, .classes-button, #our-classes .box .box-content {
  width: 100%;
}
#slider img{
  height: 730px;
  object-fit: cover;
}
#slider .carousel-caption {
  top: 0;
  text-align: left;
  left: 0;
  right: 0;
  margin: 0 !important;
  padding: 0 !important;
  bottom: 0;
}
#slider .small-title {
  font-size: 16px;
  letter-spacing: 2px;
  font-family: var(--common-font-para);
  padding: 8px 0;
}
#slider h1 {
  padding-top: 15px;
  font-size: 30px;
  letter-spacing: 3px;
}
#slider p {
  margin: 15px 0 15px 0;
  line-height: 26px;
}
.slider-box {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  padding: 20px;
  max-width: 40%;
}
#slider .slide_nav {
  position: absolute;
  left: 16%;
  top: 75%;
  width: 400px;
}
#slider .carousel-control-prev{
  opacity: 1;
}
#slider .carousel-control-next{
  position: absolute;
  left: 15%;
  top: 58%;
  opacity: 1;
}
#slider .carousel-item-next, #slider .carousel-item-prev, #slider .carousel-item.active {
  display: block !important;
}
#slider .carousel-control-prev-icon, #slider .carousel-control-next-icon{
  background-image:none; 
}
#slider .carousel-control-next, #slider .carousel-control-prev {
  width: 10%;
  height: fit-content;
}
.carousel-control-next-icon, .carousel-control-prev-icon{
  width: auto;
  height: auto;
}
#slider ol.carousel-indicators .active{
  background-color: var(--firstcolor);
  border: 2px solid var(--firstcolor);
}
#slider .carousel-indicators li{
  background: transparent;
  border: 2px solid #000;
  width: 8px !important;
  height: 8px !important;
  opacity: 1;
  margin: 20px 0px;
}
#slider a i {
  padding: 12px 16px;
  font-size: 17px;
  color: #fff;
  border-radius: 50%;
  border:2px solid #fff;
}
#slider a i:hover{
  background-color:#FD5634;
  border-color:#FD5634;
}
#slider .read-more {
  padding: 12px 30px;
  border-radius:40px;
  font-size: 18px;
  margin-right: 15px;
  border: none;
}
#slider .slider-btn2{
  border: 2px solid #fff;
  color: #fff;
  background-color: transparent;
}
#slider .slider-btn2:hover{
  background-color: #FD5634;
  border-color:#FD5634;
}
.carousel-fade .carousel-item {
 transition-duration: .6s;
 transition-property: opacity;
}
.carousel-fade  .carousel-item.active, .carousel-fade  .carousel-item-next.carousel-item-left, .carousel-fade  .carousel-item-prev.carousel-item-right, #our-classes .box:hover .box-content {
  opacity: 1;
}
.carousel-fade .carousel-item, .carousel-fade .active.carousel-item-left, .carousel-fade  .active.carousel-item-right {
 opacity: 0;
}
.carousel-fade  .carousel-item-next, .carousel-fade .carousel-item-prev, .carousel-fade .carousel-item.active, .carousel-fade .active.carousel-item-left, .carousel-fade  .active.carousel-item-prev {
 transform: translateX(0);
 transform: translate3d(0, 0, 0);
}
#slider ol.carousel-indicators {
  position:absolute !important;
  bottom: 45%;
  max-width: max-content;
  left: 82%;
  display: block;
}
ol.carousel-indicators li {
  max-width: 10px;
  padding: 5px;
  color: #333333;
  border-radius: 50%;
}
#slider .carousel-indicators [data-bs-target]{
  width:10px;
  height:10px;
  border-radius:50%;
}
/* ---------------- Button Effects --------------- */
@-webkit-keyframes hvr-wobble-bottom {
  16.65% {
    -webkit-transform: skew(-12deg);
    transform: skew(-12deg);
  }
  33.3% {
    -webkit-transform: skew(10deg);
    transform: skew(10deg);
  }
  49.95% {
    -webkit-transform: skew(-6deg);
    transform: skew(-6deg);
  }
  66.6% {
    -webkit-transform: skew(4deg);
    transform: skew(4deg);
  }
  83.25% {
    -webkit-transform: skew(-2deg);
    transform: skew(-2deg);
  }
  100% {
    -webkit-transform: skew(0);
    transform: skew(0);
  }
}
@keyframes hvr-wobble-bottom {
  16.65% {
    -webkit-transform: skew(-12deg);
    transform: skew(-12deg);
  }
  33.3% {
    -webkit-transform: skew(10deg);
    transform: skew(10deg);
  }
  49.95% {
    -webkit-transform: skew(-6deg);
    transform: skew(-6deg);
  }
  66.6% {
    -webkit-transform: skew(4deg);
    transform: skew(4deg);
  }
  83.25% {
    -webkit-transform: skew(-2deg);
    transform: skew(-2deg);
  }
  100% {
    -webkit-transform: skew(0);
    transform: skew(0);
  }
}
.hvr-wobble-bottom {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-transform-origin: 100% 0;
  transform-origin: 100% 0;
}
.hvr-wobble-bottom:hover, .hvr-wobble-bottom:focus, .hvr-wobble-bottom:active {
  -webkit-animation-name: hvr-wobble-bottom;
  animation-name: hvr-wobble-bottom;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-timing-function: ease-in-out;
  animation-timing-function: ease-in-out;
  -webkit-animation-iteration-count: 1;
  animation-iteration-count: 1;
}

/* --------------- Our Records ---------------- */
#our-records .records-content {
  border:2px dashed var(--white);
  padding: 15px;
}
.records-content p {
  font-size: 16px;
  letter-spacing: 1px;
  line-height: 55px;
  margin-bottom: 0;
}
.records-content .records-icon {
  justify-content: center;
}
.records-content .records-icon img {
  border-right: 1px solid #90a9da;
  padding: 0 27px;
}
/* ------------------- Our Classes ----------------- */
.our-classes-head {
  text-align: center;
  padding-bottom: 50px;
}
.our-classes-boxx > .our-classes-contents:nth-child(2) .our-classes-contents,.our-classes-boxx > .our-classes-contents:nth-child(2) .box.classes-image{
  height: 100%;
}
.our-classes-contents {
  /*padding-bottom: 25px;*/
  padding-bottom: 37px;
}
#our-classes .box-content h4 {
  padding-bottom: 15px; 
}
#our-classes .box-content h4 a {
  font-size: 27px;
  letter-spacing: 1px;
}
.class-meta span {
  letter-spacing: 1px;
  line-height: 29px;
  font-family: var(--common-font-para);
}
.classes-button {
  font-size: 16px;
  letter-spacing: 1px;
  display: block;
  padding: 10px 10px;
  position: absolute;
  bottom: 0;
}
/* -------------- Classes Hover -------------- */
#our-classes .box{
  text-align: center;
  box-shadow: 0 0 3px rgba(0,0,0,0.3);
  overflow: hidden;
  position: relative;
}
#our-classes .box img{
  width: 100%;
  height: 100%;
  object-fit: cover;
}
#our-classes .box .box-content{
  padding-top: 30px;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
  z-index: 1;
  transition: all 0.5s ease 0s;
}
#our-classes .box:before, #our-classes .box:after, #our-classes .box-content:before, #our-classes .box-content:after{
  content: "";
  width: 50%;
  height: 50%;
  background-color: rgba(0,0,0,0.7);
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
  transition: all 0.3s ease 0s;
}
#our-classes .box:after, #our-classes .box-content:after{
  left: auto;
  right: 0;
}
#our-classes .box:before{
  transform: rotate(-90deg);
  transform-origin: right bottom;
}
#our-classes .box:after{
  transform: rotate(90deg);
  transform-origin: left bottom;
}
#our-classes .box-content:before, #our-classes .box-content:after{
  top: auto;
  bottom:0;
  z-index: -1;
}
#our-classes .box-content:before{
  transform: rotate(90deg);
  transform-origin: top right;
}
#our-classes .box-content:after{
  transform: rotate(-90deg);
  transform-origin: top left;
}
#our-classes .box:hover:before, #our-classes .box:hover:after, #our-classes .box:hover .box-content:before, #our-classes .box:hover .box-content:after{
  transform: rotate(0);
  opacity: 1;
}
#our-classes .box .title{
  font-size: 25px;
  font-weight: 600;
  margin: 0 0 10px 0;
}
#our-classes .box .post{
  display: block;
  font-style: italic;
  margin-bottom: 20px;
}
/* ---------------- Experience -------------------- */
#experience .benefit-box {
  background-repeat: no-repeat;
  background-size: cover;
  padding: 25px;
}
.benefit-box .benefir-icon {
  text-align: center;
}
.benefit-box .benefir-icon img {
  border: 2px solid var(--white);
  border-radius: 50%;
  width: 70px;
  height: 70px;
  font-size: 25px;
  padding: 10px 0px;
  object-fit: contain;
}
.benefit-content {
  padding: 16px 0 27px 0;
  border-bottom: 1px solid #FD5634;
}
#experience .section-image{
  position:relative;
}
#experience .section-image img {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  margin:0 auto;
  top:-64px;
} 
.experience-contents {
  position: relative;
  top: 150px;
  margin-top: -130px;
}
.benefit-content:hover img {
  background-color:#FEB916;
  border:2px solid #FEB916;
}


/* --------------- Register Now -----------------  */
#register-now {
  text-align: center;
}
#register-now fieldset {
  border:2px dashed var(--white);
  padding-bottom: 30px;
  max-width: 65%;
}
#register-now legend {
  font-size: 36px;
  letter-spacing: 2px;
  width: auto;
  float:unset;
}
#register-now p {
  letter-spacing: 0px;
  line-height: 28px;
}
#register-now a {
  font-size: 20px;
  letter-spacing: 1px;
  border:2px solid var(--white);
  border-radius: 40px;
  padding: 6px 25px;
}
#register-now a:hover {
  background-color:#FD5634;
  border:2px solid #FD5634;
}
/* ----------------- Pricing Plan -------------- */
.pricing-plan-head {
  text-align: center;
  padding-bottom: 40px;
}
.pricing-plan-head p {
  letter-spacing: 0px;
  width: 54%;
  margin:0 auto;
}
.pricing-plan-box {
  padding: 20px;
  text-align: center;
  margin-bottom: 20px;
}
.pricing-plan-box h4 {
  padding-top: 20px;
  font-weight: bold;
}
.pricing-plan-box a {
  font-size: 20px;
  letter-spacing: 1px;
  border:2px solid var(--white);;
  border-radius: 40px;
  padding: 5px 20px;
  margin-bottom: 15px;
}
.pricing-plan-box a:hover {
  background-color: #FD5634;
  border:2px solid #FD5634;
}
.pricing-plan-content ul {
  list-style-type: none;
  padding-top: 25px;
}
.pricing-plan-content li {
  color: #848484;
  font-family: var(--common-font-para);
  line-height: 35px;
}
.pricing-plan-content li i {
  padding-right: 15px;
  color:#616161;
}
/* ---------------- why Choose Us ------------- */
#why-choose-us {
  padding-bottom: 0;
  position: relative;
}
.why-box {
  border-bottom:1px solid #efacd7;
  margin-bottom: 25px;
}
.why-choose-us-content {
  padding-bottom: 5%;
  position: relative;
  z-index: 2;
}
.why-choose-us-content h3 {
  padding-bottom: 30px;
}
.why-choose-us-box img {
  font-size: 25px;
  border:2px solid var(--white);
  width: 65px;
  height: 65px;
  border-radius: 50%;
  padding: 10px 10px;
  object-fit: contain;
}
.why-choose-us-box {
  padding-bottom: 30px;
}
.why-choose-us-content a {
  font-size: 20px;
  letter-spacing: 1px;
  border:2px solid var(--white);;
  border-radius: 40px;
  padding: 5px 20px;
  margin-left: 20px;
}
.why-choose-us-content a:hover {
  background-color: #FD5634;
  border:2px solid #FD5634;
}
.why-choose-us-image{
  /* position: relative; */
}
.why-choose-us-image img {
  position: absolute;
  bottom: 0;
  right: 10%;
  z-index: 0;
}
.why-choose-us-box:hover i {
  background-color: #FD5634;
  border:2px solid #FD5634;
}
/* ---------------- Our Products --------------- */
.our-products-head {
  text-align: center;
  padding-bottom: 40px;
}
.our-products-head p {
  line-height: 29px;
}
.our-products-content .product-sale .onsale {
  font-size: 18px;
  letter-spacing: 0px;
  width: 60px;
  height: 60px;
  border-radius: 50%;
  background-color:var(--secondcolor);
  padding: 17px 10px;
  position: absolute;
  top: 17px;
  left: 18px;
}
.our-products-content h4 {
  text-align: center;
  padding: 20px 0;
}
#our-products .add_to_cart_button {
  font-size: 12px;
  background-color: transparent;
  padding: 0;
  text-transform: uppercase;
  font-weight: bold;
}
#our-products .cart-basket i {
  padding-left:25px;
  color:var(--darkgray);
}
#our-products del .woocommerce-Price-amount {
  letter-spacing: 0px;
  text-decoration:none;
  color: #b5b2b2;
  font-family: var(--common-font-para);
}
#our-products ins {
  text-decoration: none;
}
#our-products ins .woocommerce-Price-amount {
  font-size: 16px;
  font-family: var(--common-font-para);
  font-weight: bold;
}
/* ------------- Testimonials ------------ */
#testimonials {
  padding-bottom: 0;
}
.testimonials-head {
  margin-bottom: -80px;
}
.testimonials-box {
  background-repeat: no-repeat;
  background-size: cover;
  padding: 30px;
}
.testimonials-box .testimonials-quote {
  font-size: 25px;
  border:2px solid var(--white);
  width:60px;
  height: 60px;
  padding: 14px 16px;
  border-radius: 50%;
}
.testimonials-box .qoute_text {
  line-height: 30px;
  font-family: var(--common-font-para);
  font-style: italic;
  border-bottom: 1px solid #fff;
  padding: 20px 0;
}
.testimonials-box img {
  width: auto;
  border-radius: 50%;
}
.testimonials-img {
  padding-top: 20px;
}
.open-hours {
  background-color:#FEB916;
  padding: 30px;
}
.open-hours ul {
  list-style-type: none;
}
.open-hours ul li {
  /*line-height: 37px;*/
  line-height: 42px;
  font-family: var(--common-font-para);
}
.testimonials-info {
  position: relative;
  top: 102px;
}
#testimonials .owl-dots {
  text-align: right;
  margin-top:-10px;
}
#testimonials .owl-dots button {
  width: 15px;
  height: 15px;
  margin-right: 10px;
  border-radius: 50%;
  background-color: transparent;
  border:2px solid var(--white);
  outline: none;
}
.testimonials-box:hover i {
  background-color: #FEB916;
  border:2px solid #FEB916;
}
/* ------------ Upcoming Events --------------- */
#upcoming-events {
  padding-top: 12%;
}
#upcoming-events .all-events {
  text-align: right;
}
.upcoming-events-head a {
  font-size: 18px;
  letter-spacing: 1px;
  border-radius: 40px;
  padding: 10px 25px;
}
.events-content {
  padding: 25px;
  border:2px dashed var(--darkgray);
  margin-top: 30px;
}
#upcoming-events .events-content:hover .events_name a {
  color: #fff;
}
.events-content h4 {
  padding-bottom: 15px;
  border-bottom: 1px solid lightgray;
}
.events-content .events-meta {
  padding-top: 15px;
}
.events-content .events-meta i {
  padding-right: 5px;
}
.events-content .events-meta span{
  line-height: 25px;
  color: #979797;
  font-family: var(--common-font-para);
  padding-right: 20px;
}
.events-content .event_text {
  line-height: 25px;
  color: #979797;
  font-family: var(--common-font-para);
  padding-top: 15px;
}
.events-content:hover span{
  color: #ffffff;
}
.events-content:hover {
  border: 2px solid var(--firstcolor);
}
/* ------------- Our Blog ---------------- */
#our-blog .our-blog-head {
  text-align: center;
  padding-bottom: 40px;
}
.our-blog-head p {
  line-height: 29px;
  max-width: 60%;
}
.blog-image .blog-date {
  font-size: 18px;
  background-color:#FD5634;
  max-width: 87px;
  display: inline-block;
  margin-top: -30px;
}
.blog-contents h4 {
  padding-top: 20px
}
.blog-contents h4 a {
  letter-spacing: 1px;
}
.blog-contents .blog_text {
  line-height: 28px;
  color: #979696;
  font-family: var(--common-font-para);
}
.blog-contents .blog-meta span {
  color: #979696;
  font-family: var(--common-font-para);
  padding-right: 15px;
}
.blog-contents .blog-meta a {
  font-size: 15px;
  letter-spacing: 0px;
  color: #979696;
  font-family: var(--common-font-para);
}
.blog-contents .blog-button {
  font-size: 18px;
  border:2px solid var(--darkgray);
  border-radius: 40px;
  padding:8px 20px;
  display: inline-block;
  margin: 27px 0 auto;
}
.blog-contents .blog-button:hover {
  border:2px solid var(--secondcolor);
}
.blog-contents .blog-title {
  margin-top: -24px;
  padding: 25px;
}
/*-------------- Owl crousel ---------------*/
button.owl-next, button.owl-prev {
  background: #1e202c;
}
button.owl-prev, button.owl-next {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  border: none;
  padding: 10px 20px;
}
button.owl-prev{
  left: -10px;
}
button.owl-next {
  right: -10px;
}
#our-products .owl-dots, #our-blog .owl-dots{
  text-align: center;
}
#our-products .owl-dot, #our-blog .owl-dot{
  padding: 5px;
  border-radius: 40px;
  margin-right: 2px;
  border: 2px solid #FD5634;
}
#our-products .owl-dot.active, #our-blog .owl-dot.active{
  background-color: #FD5634;
}
.themesecommbutton_center{
  text-align:center;
}
.themesecomm_button {
  color: #1f1e1e;
  border: 2px solid #1f1e1e;
  font-size: 18px;
  border-radius: 40px;
  font-family: "Kaushan Script";
  padding: 8px 20px;
  display: inline-block;
  margin-top: 20px;
}
.themesecomm_button:hover{
  background-color:#FEB916;
  border-color:#FEB916;
  color:#1f1e1e;
}