/* Book Now Modal */
#book-now-modal .modal-content {
  background-image: url(../img/meh2.jpg);
  background-size: cover;
  background-position: center;
  border-radius: 0px;
  /* box-shadow: inset 0 0 0 2000px #1c1c1c7a; */
  height: auto;
  /* width: auto; */
  /* align-items: center; */
}
#book-now-modal .modal-content .modal-header .modal-title {
  color: #fff;
  font-size: 2rem;
  font-weight: 800;
}
#book-now-modal .modal-content .modal-body {
  text-decoration: none;
  /* display: inline-flex; */
  /* align-content: center; */
}
#book-now-modal .modal-content .modal-body a {
  text-decoration: none;
  margin: 3% 25% 3% 25%;
}
#book-now-modal .modal-content .modal-header .btn-close {
  opacity: 1;
}
@media screen and (max-width: 400px) {
  #book-now-modal .modal-content .modal-body a {
    margin: 3% 18%;
  }
}
@media screen and (max-width: 300px) {
  #book-now-modal .modal-content .modal-body a {
    margin: 3% 10%;
  }
}
/* Button */
/* call */
.btnBook-call {
  background: #19262b;
}
/* Whatsapp */
.btnBook-whatsapp {
  background-color: #408f21;
}
/* email */
.btnBook-email {
  background-color: #1572a1;
}
.btnBook {
  width: 200px;
  height: 50px;
  /* cursor: pointer; */
  display: flex;
  align-items: center;
  border: none;
  border-radius: 5px;
  box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.15);
}

.btnBook,
.btnBook span {
  transition: 200ms;
}

.btnBook .text {
  transform: translateX(35px);
  color: white;
}
.btnBook .iconBook {
  position: absolute;
  border-left: 1px solid #fff;
  transform: translateX(110px);
  height: 40px;
  width: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  top: -5px;
  left: -20px;
  right: 0;
}

.btnBook svg {
  width: 20px;
  fill: #eee;
  margin-left: 15px;
}

.btnBook-call:hover {
  background: #203037;
}
.btnBook-whatsapp:hover {
  background-color: #43b815;
}
.btnBook-email:hover {
  background-color: #1183bb;
}

.btnBook:hover .text {
  color: transparent;
}

.btnBook:hover .iconBook {
  width: 135px;
  border-left: none;
  transform: translateX(0);
}

.btnBook:focus {
  outline: none;
}

.btnBook:active .iconBook svg {
  transform: scale(0.8);
}
/* Button End */

@media (max-width: 600px) {
  #book-now-modal .modal-content .modal-header .modal-title {
    font-size: 1.5rem;
  }
}
/* Book Now Modal End */
.benefits {
  /* background-image: url(../img/testimonial-bg.png);
  background-size: cover;
  background-position: center;
  border-radius: 0px; */
  /* box-shadow: inset 0 0 0 2000px #1c1c1c7a; */
  background-color: #fff;
  /* background-attachment: fixed; */
  height: 78vh;
}
@media (max-width: 400px) {
  .benefits {
    height: none;
  }
}
.benefitHead {
  color: #000;
  text-align: center;
  text-transform: capitalize;
}
.benefitHead h1 {
  font-family: "HomeHeading";
}
.benefitHead p {
  font-family: "SmallHomeHeading";
  text-transform: uppercase;
  font-size: 18px;
}
.benefitContent .benefitCardImg {
  display: flex;
  justify-content: center;
}
.benefitContent .benefitCardImg .img1 {
  width: 250px;
}
.benefitContent .benefitCardImg .img2 {
  width: 200px;
}
.benefitContent .benefitCardImg .img3 {
  width: 200px;
}
.benefitContent .benefitCardImg .img4 {
  width: 250px;
}
.benefitContent .benefitCardText {
  color: #000;
  text-align: center;
}
.benefitContent .benefitCardText h2 {
  color: #212529;
  font-family: "BenefitHeading";
}
.benefitContent .benefitCardText p {
  font-size: 20px;
  color: #6c757d;
  font-family: "HomeParaHeading";
}
/* Owl Carousel nav or dots control*/
#benefitItemsId .owl-nav {
  position: absolute;
  top: 35%;
  left: 35%;
  transform: translate(-35%, -35%);
  width: 100%;
  z-index: 3;
}
#benefitItemsId .owl-nav .owl-prev {
  position: absolute;
  left: 0;
  display: block;
  background: #0a2425;
  /* border: #fff solid 2px; */
  width: 50px;
  font-size: 30px;
  color: #fff;
  padding: 0px 0px 10px 0px !important;
  z-index: 3;
  border-radius: 5px 20px;
}
#benefitItemsId .owl-nav .owl-next {
  position: absolute;
  right: 0;
  display: block;
  background: #0a2425;
  /* border: solid #fff 2px; */
  width: 50px;
  font-size: 30px;
  color: #fff;
  padding: 0px 0px 10px 0px !important;
  z-index: 3;
  border-radius: 5px 20px;
}
#benefitItemsId .owl-dots {
  position: absolute;
  bottom: -5px;
  width: 100%;
  z-index: 3;
}
#benefitItemsId .owl-dots .owl-dot span {
  width: 34px;
  background: #0a2425;
  z-index: 3;
}
@media (max-width: 400px) {
  #benefitItemsId .owl-nav {
    top: 25%;
    left: 25%;
    transform: translate(-25%, -25%);
  }
}
#benefitItemsId .owl-theme .owl-dots .owl-dot.active span,
#benefitItemsId .owl-theme .owl-dots .owl-dot:hover span {
  background: rgb(143, 96, 96) !important;
  z-index: 3;
}
/* Benefits End */

/* Simple */
.simple {
  height: 78vh;
  z-index: 2;
}
.simpleText {
  z-index: 2;
  position: relative;
}
.simpleText::after {
  position: absolute;
  content: "Our Works";
  left: 44%;
  top: 5%;
  bottom: 0;
  right: 0;
  z-index: 1;
  color: #fff;
  font-size: 36px;
  font-family: "HomeHeading";
}
@media only screen and (max-width: 500px) {
  .simpleText::after {
    left: 30%;
  }
}
.simpleContent {
  display: flex;
  justify-content: center;
  z-index: 2;
}
.simpleContent img {
  width: 100%;
  height: 78vh;
  z-index: 2;
}
.simpleItemsMob {
  display: none;
}
@media (max-width: 600px) {
  .simpleItemsDesk {
    display: none;
    z-index: 2;
  }
  .simpleItemsMob {
    display: block;
    z-index: 2;
  }
  .simpleContent img {
    height: 86vh;
    z-index: 2;
  }
}
/* Owl Carousel nav or dots control*/
#simpleItemsId .owl-nav {
  position: absolute;
  top: 40%;
  left: 40%;
  transform: translate(-40%, -40%);
  width: 100%;
  z-index: 3;
}
#simpleItemsId .owl-nav .owl-prev {
  position: absolute;
  left: 0;
  display: block;
  background: #0a2425;
  border: #fff solid 2px;
  width: 50px;
  font-size: 30px;
  color: #fff;
  padding: 0px 0px 10px 0px !important;
  z-index: 3;
  border-radius: 5px 20px;
}
#simpleItemsId .owl-nav .owl-next {
  position: absolute;
  right: 0;
  display: block;
  background: #0a2425;
  border: solid #fff 2px;
  width: 50px;
  font-size: 30px;
  color: #fff;
  padding: 0px 0px 10px 0px !important;
  z-index: 3;
  border-radius: 5px 20px;
}
#simpleItemsId .owl-dots {
  position: absolute;
  bottom: 35px;
  width: 100%;
  z-index: 3;
}
#simpleItemsId .owl-dots .owl-dot span {
  width: 34px;
  background: #0a2425;
  z-index: 3;
}
.owl-theme .owl-dots .owl-dot.active span,
.owl-theme .owl-dots .owl-dot:hover span {
  background: #fff !important;
  z-index: 3;
}
/* Simple End */

/* testimonial */
.testimonials {
  background-image: url(../img/testimonial-bg.png);
  background-size: cover;
  background-position: center;
  border-radius: 0px;
  /* box-shadow: inset 0 0 0 2000px #1c1c1c7a; */
  /* background-color: #D18CE0; */
  background-color: #335455;
  height: 78vh;
}
@media screen and (max-width: 400px) {
  .testimonials {
    height: none;
  }
}
.testimonialHead {
  color: #fff;
  text-align: center;
  text-transform: capitalize;
}
.testimonialHead h1 {
  font-family: "HomeHeading";
}
.testimonialHead p {
  font-size: 18px;
  font-family: "SmallHomeHeading";
  text-transform: uppercase;
}
.testimonialContent .testimonialCardImg {
  display: flex;
  justify-content: center;
}
.testimonialContent .testimonialCardImg img {
  width: 150px;
  border-radius: 100%;
}
.testimonialContent .testimonialCardText {
  color: #fff;
  text-align: center;
}
.testimonialContent .testimonialCardText h2 {
  color: #fff;
  font-family: "testimonialNameHeading";
}
.testimonialContent .testimonialCardText p {
  font-size: 20px;
  color: #fff;
  font-family: "HomeParaHeading";
}
.testimonialContent .testimonialCardText a {
  text-decoration: none;
  color: #fff;
}
.testimonialContent .testimonialCardText a:hover {
  color: #e40475;
}
/* Owl Carousel nav or dots control*/
#testimonialItemsId .owl-nav {
  position: absolute;
  top: 40%;
  left: 40%;
  transform: translate(-40%, -40%);
  width: 100%;
  z-index: 3;
}
#testimonialItemsId .owl-nav .owl-prev {
  position: absolute;
  left: 0;
  display: block;
  /* background: #0a2425; */
  border: #fff solid 2px;
  width: 50px;
  font-size: 30px;
  color: #fff;
  padding: 0px 0px 10px 0px !important;
  z-index: 3;
  border-radius: 5px 20px;
}
#testimonialItemsId .owl-nav .owl-next {
  position: absolute;
  right: 0;
  display: block;
  /* background: #0a2425; */
  border: solid #fff 2px;
  width: 50px;
  font-size: 30px;
  color: #fff;
  padding: 0px 0px 10px 0px !important;
  z-index: 3;
  border-radius: 5px 20px;
}
#testimonialItemsId .owl-dots {
  position: absolute;
  bottom: -60px;
  width: 100%;
  z-index: 3;
}
#testimonialItemsId .owl-dots .owl-dot span {
  width: 34px;
  background: #0a2425;
  z-index: 3;
}
@media (max-width: 320px) {
  #testimonialItemsId .owl-nav {
    top: 30%;
    left: 30%;
    transform: translate(-30%, -30%);
  }
}
/* testimonial end */

@media (max-width: 1050px) {
  .benefits {
    height: 80vh;
  }
  .simple {
    height: 80vh;
  }
  .simpleContent img {
    height: 80vh;
  }
  .testimonials {
    height: 80vh;
  }
}
@media (max-width: 400px) {
  .benefits {
    height: none;
  }
  .simple {
    height: none;
  }
  .testimonials {
    height: none;
  }
}

/* Owl Carousel  */

/* Owl End */