/*-------------- Owl crousel ---------------*/

.owl-carousel .owl-item img {
  width: auto;
  margin: 0 auto;
  width: auto;
}

.main_heading {
  font-size: 40px;
  line-height: 50px;
  color: #353535;
  font-weight: 400;
  font-family: "Pacifico";
  text-align: center;
  position: relative;
}
.main_heading:before {
  content: "";
  width: 7%;
  height: 2px;
  background-color: #ff0096;
  position: absolute;
  left: 0px;
  margin: 0px auto;
  right: 0px;
  bottom: -15px;
}
.main_text {
  font-size: 44px;
  line-height: 60px;
  color: #1a1a1a;
  font-weight: 700;
}
.sec_main_heading {
  font-size: 44px;
  line-height: 80px;
  color: #1a1a1a;
  font-weight: 700;
}

/* SLIDER */
#slider {
  position: relative;
}
#slider .main-slider {
  padding-bottom: 62px;
}
#slider .left-img img {
  position: absolute;
  left: 10%;
  bottom: 0px;
  width: 19% !important;
  height: 36%;
}
#slider .right-img img {
  position: absolute;
  width: 51% !important;
  height: 64%;
  bottom: 15px;
  right: 4%;
}
#slider .owl-nav {
  display: none;
}
#slider .slide_btn {
  text-align: left;
}
#slider .slider-content {
  position: absolute;
  top: 49%;
  transform: translateY(-50%);
  left: 13%;
  right: 49%;
}
#slider .slider-content h1 {
  font-size: 53px;
  letter-spacing: -1px;
  line-height: 76px;
  color: #ffffff;
  font-weight: 300;
  font-family: "Poppins";
  text-align: center;
}
#slider .slider-content h2 {
  font-size: 55px;
  line-height: 65px;
  color: #ffffff;
  font-weight: 400;
  font-family: "Pacifico";
  text-align: center;
}
#slider .slider-content p {
  font-size: 16px;
  line-height: 28px;
  width: 53%;
  margin: 0 auto;
  color: #ffffff;
  font-weight: 400;
  font-family: "Poppins";
  text-align: center;
}
#slider a.btnn:after {
  content: "\f101";
  position: absolute;
  right: 24px;
  font-family: "FontAwesome";
}
#slider a.btnn {
  background: #0184f9;
  padding: 10px 45px 10px 25px;
  font-size: 16px;
  position: relative;
  line-height: 42px;
  color: #ffffff;
  font-weight: 400;
}
#slider .socialbox {
  left: -21%;
  position: absolute;
  display: grid;
  top: -13%;
}
#slider .socialbox a i:hover {
  color: #0184f9;
}
#slider .socialbox a i {
  border-radius: 30px;
  color: #fff;
  padding: 22px 13px;
  width: 38px;
  font-size: 22px;
  position: relative;
}

/****************Activities Section********************/
#activities h3.post-title a {
  font-size: 25px;
  line-height: 32px;
  color: black;
  font-weight: 400;
}
#activities h3.post-title a:hover {
  color: #0184f9;
}
#activities .activities_content {
  padding: 24px;
}
#activities p.content {
  font-size: 14px;
  line-height: 22px;
  color: #636363;
  font-weight: 400;
  text-align: center;
}

/* *********about us ************/
#about .main_heading {
  color: white;
}
#about .main_heading:before {
  background-color: #ff6903;
}
#about p.about_content {
  font-size: 16px;
  line-height: 22px;
  color: #ffffff;
  font-weight: 500;
  text-align: center;
}
#about .main_heading:before {
  background-color: #fffcf3;
  width: 13%;
}
.about-box {
  padding: 90px 0px 127px 0px;
}
#about h4.sec_main_heading {
  font-size: 20px;
  line-height: 25px;
  color: #ffffff;
  font-weight: 700;
  text-align: center;
}
#about a.btno {
  font-size: 22px;
  line-height: 25px;
  color: #ffffff;
  font-weight: 500;
  text-align: center;
}

/************** Product ****************/

#feature .feature-image img {
  width: auto;
  height: auto;
  /* margin: 0 auto;
    border-radius: 94px;
    border: 3px solid #ffbd0a; */
}
#feature h3.post-title a {
  font-size: 25px;
  line-height: 32px;
  color: #545454;
  font-weight: 400;
  text-align: center;
}
#feature p.content {
  font-size: 14px;
  line-height: 22px;
  color: #636363;
  font-weight: 400;
  text-align: center;
}
#feature .feature_content {
  padding: 95px 28px 20px 28px;
  background: #edf1f1;
  position: relative;
  z-index: -1;
  border-radius: 13px;
  margin-top: -80px;
}
#feature a.feature_button {
  font-size: 16px;
  line-height: 22px;
  color: #545454;
  font-weight: 700;
  text-align: center;
}
#feature button.owl-prev {
  position: absolute;
  left: -5%;
  top: 60%;
  transform: translateY(-50%);
  border: none;
  background: none;
  outline: none !important;
}
#feature button.owl-next {
  position: absolute;
  right: -5%;
  outline: none !important;
  top: 60%;
  transform: translateY(-50%);
  border: none;
  background: none;
}
#feature .owl-carousel .owl-nav button.owl-prev,
#feature .owl-carousel .owl-nav button.owl-next {
  background: none;
  color: inherit;
  border: none;
  border-radius: 31px;
  width: 45px;
  height: 45px;
  color: #0184f9;
  border: 4px solid #0184f9;
  padding: 0 !important;
  font: inherit;
  font-size: 24px;
}

/************** Appoinment ****************/
#appoinment .main_heading {
  color: white;
}

#appoinment input[type="text"],
#appoinment input[type="tel"],
#appoinment input[type="email"],
#appoinment input[type="number"],
#appoinment input[type="date"],
#appoinment input[type="phone"],
#appoinment input[type="password"],
#appoinment textarea,
#appoinment select {
  border: 0px;
  font-size: 16px;
  padding: 14px 30px;
  height: auto;
  margin-bottom: 12px;
  border-radius: 30px;
  width: 100%;
  background: #fff;
  font-weight: 400;
}
#appoinment .main_heading:before {
  width: 13%;
  background-color: #fffcf3;
}
#appoinment input[type="submit"] {
  padding: 14px 50px;
  border-radius: 30px;
  color: #ffffff;
  margin: 31px 0px;
  line-height: 22px;
  border: 1px solid #d9d9d9;
  background-color: #353535;
  font-size: 24px;
  font-weight: 400;
}

/*************Testimonial***************/

#testimonial h5.post-title a {
  font-size: 18px;
  line-height: 22px;
  color: #636363;
  font-weight: 700;
  text-align: center;
}
#testimonial p.content {
  font-size: 14px;
  line-height: 22px;
  color: #636363;
  font-weight: 500;
  text-align: center;
}
#testimonial .testi_content:before {
  content: "\f10d";
  color: #e3e3e3;
  font-size: 55px;
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  position: absolute;
  top: -32px;
  padding-right: 10px;
  background: #fff;
  left: -4px;
}
#testimonial .testi_content:after {
  content: "\f10d";
  color: #e3e3e3;
  font-size: 55px;
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  position: absolute;
  bottom: -32px;
  transform: rotate(180deg);
  padding-right: 10px;
  background: #fff;
  right: -5px;
}
#testimonial .testi_content {
  position: relative;
  border: 4px solid #0184f9;
  border-radius: 27px;
  padding: 20px 50px;
}
#testimonial img.test-img {
  width: 42px !important;
}
#testimonial .testi-imagebg {
  width: 110px;
  height: 110px;
  border-radius: 30px;
  position: relative;
  margin: 0 auto;
}
#testimonial .owl-dots,
#testimonial .owl-nav {
  display: none;
}

/*****************blog section***********/

#blog {
  background: #f3f3f3;
}
#blog .bolg-box {
  padding: 45px 30px 20px 30px;
  background: #fff;
  border-radius: 0px 0px 18px 18px;
  position: relative;
}
#blog .blogss {
  position: relative;
  border-radius: 16px;
  margin: 9px;
  box-shadow: 0 0 5px 2px rgb(145 138 138 / 36%);
}
#blog .post-date span.date {
  font-size: 30px;
  line-height: 22px;
  color: #ffffff;
  font-weight: 700;
  text-align: center;
}
#blog .post-date {
  position: absolute;
  top: -76px;
  border-radius: 65px 65px 0px 0px;
  padding: 35px 22px 10px 22px;
  left: 40px;
  background: #0184f9;
}
#blog .post-date span.date-month {
  font-size: 24px;
  line-height: 22px;
  color: #ffffff;
  font-weight: 400;
  text-align: center;
}
#blog .bolg-box h5.post-title {
  font-size: 18px;
  line-height: 22px;
  color: #3b4757;
  font-weight: 600;
}
#blog p.post-content {
  font-size: 14px;
  line-height: 22px;
  color: #636363;
  font-weight: 400;
}
#blog .owl-nav {
  display: none;
}
#blog .blog_button a {
  font-size: 18px;
  line-height: 22px;
  text-align: left;
  color: #3b4757;
  font-weight: 500;
}
/**************Our Gallery **************/
#gallery_product {
  background: #f8f8f8;
}
#gallery .main_heading:before {
  background-color: #ff6903;
}
#gallery_product .owl-nav {
  display: none;
}

/* ***************Team **********************/
#team {
  background-color: #ff6903;
}
#team h3.main_heading {
  color: #ffffff;
}
#team .team_content {
  padding: 18px 0px;
  text-align: center;
}
#team .owl-nav,
#team .owl-dots {
  display: none;
}
a.team_button {
  padding: 7px 25px;
  background: #ffffff;
  border-radius: 30px;
  font-size: 18px;
  line-height: 34px;
  color: #222222;
  font-weight: 400;
  font-family: "Poppins";
  text-align: center;
}
#team .team_content h5 a {
  font-size: 27px;
  line-height: 34px;
  color: #ffffff;
  font-weight: 400;
  font-family: "Pacifico";
  text-align: center;
}
#team .team_content p {
  font-size: 18px;
  line-height: 22px;
  color: #ffffff;
  font-weight: 400;
  text-align: center;
}

/*****************Newsletter***************/

#newsletter {
  background: #ffffff;
}
#newsletter .main_heading:before {
  width: 13%;
}
#newsletter p.main_text {
  font-size: 14px;
  line-height: 22px;
  color: #636363;
  font-weight: 400;
  font-family: "Poppins";
  text-align: center;
}
#newsletter input.wpcf7-form-control.has-spinner.wpcf7-submit {
  position: relative;
  padding: 13px 50px;
  background: #353535;
  border-radius: 30px;
  margin-top: 30px;
  font-size: 24px;
  line-height: 25px;
  color: #ffffff;
  font-weight: 400;
  text-align: center;
}
#newsletter input[type="email"]::placeholder {
  font-size: 16px;
  line-height: 26px;
  color: #6a6c74;
  font-weight: 400;
}
#newsletter .Shortcode p {
  margin: 0px;
}
#newsletter
  input.wpcf7-form-control.wpcf7-text.wpcf7-email.wpcf7-validates-as-email {
  padding: 12px 30px;
  width: 85%;
  position: relative;
  border-radius: 30px;
  text-align: center;
  background: #f4f4f4;
  border: 1px solid #d9d9d9;
}
#newsletter .newsbox {
  position: relative;
}
#newsletter .Shortcode {
  position: relative;
  width: 100%;
  margin: 0 auto;
}
#newsletter {
  position: relative;
}

/* ***************callnow **********************/
#callnows .owl-nav,
#callnows .owl-dots {
  display: none;
}

/* ***************Call Now **********************/
section#callnow {
  height: 405px;
  background-position: center;
}
#callnow .main_heading:before {
  background-color: #ff6903;
}
#callnow p.sub_heading {
  font-size: 16px;
  line-height: 22px;
  text-align: center;
  color: #636363;
  font-weight: 500;
}
#callnow .callnow_text {
  width: 33%;
  margin: 0 auto;
}
#callnow span.phone-heading {
  font-size: 25px;
  line-height: 22px;
  color: #353535;
  font-weight: 700;
  text-align: center;
}
#callnow i {
  font-size: 32px;
  color: #0184f9;
  margin-right: 10px;
}
#callnow .main_heading:before {
  width: 18%;
}

/* ***************Gallery Section**********************/

#gallery .gallery_img {
  --gap: 30px;
  --num-cols: 3;
  --row-height: 300px;
  box-sizing: border-box;
  display: grid;
  grid-template-columns: repeat(var(--num-cols), 1fr);
  grid-auto-rows: var(--row-height);
  gap: var(--gap);
}
#gallery .gallery_img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 12px;
  background-color: #e2e2e2;
  /* border: 5px solid #ffffff; */
}
#gallery .image-grid-col-4 {
  grid-column: span 2;
}
#gallery .image-grid-col-3 {
  grid-row-end: span 2;
}
section#gallery {
  background: #f3f3f3;
}