body {
  font-family: Montserrat;
  text-align: center;
}

/* Navbar*/
.navbar-brand {
  margin-right: 0;
}

.navbar-nav {
  align-items: center;
}
.navbar .navbar-nav .nav-link {
  font-size: 1.5rem;
  padding: 0 2rem;
  color: #000000;
}

/* slide-show*/

#Slide-show .img-1 {
  width: 100%;
  height: 650px;
}

#Slide-show2 .img-1 {
  padding: 5% 0 0 0;
  width: 100%;
}
#Slide-show2 .text-1 {
  padding: 20% 0 0 0;
  text-align: center;
  font-size: 80px;
  color: #ffffff;
}

#Slide-show .img {
  width: 100%;
}

#Slide-show .fs-mb {
  padding: 0 30%;
}

#Slide-show .h2 {
  padding: 1% 0;
}

#Slide-show .h3 {
  font-size: 3.3rem;
  padding: 1% 0;
}
/* WINDOWS FOR CLASSES*/

/*HIDDEN*/

.hidden {
  display: none;
}

/*Pricing*/
.card {
  position: relative;
  overflow: hidden;
}

.h-img1 {
  position: absolute;
  width: 100%;
  opacity: 0;
}

.card:hover .h-img1 {
  transition: 1s;
  opacity: 1;
}

.h-img2 {
  position: absolute;
  width: 100%;
  opacity: 0;
}

.card:hover .h-img2 {
  transition: 1s;
  opacity: 1;
}

.h-img3 {
  position: absolute;
  width: 100%;
  opacity: 0;
}

.card:hover .h-img3 {
  transition: 1s;
  opacity: 1;
}

.h-img4 {
  position: absolute;
  width: 100%;
  opacity: 0;
}

.card:hover .h-img4 {
  transition: 1s;
  opacity: 1;
}

.h-img5 {
  position: absolute;
  width: 100%;
  opacity: 0;
}

.card:hover .h-img5 {
  transition: 1s;
  opacity: 1;
}

.h-img6 {
  position: absolute;
  width: 100%;
  opacity: 0;
}

.card:hover .h-img6 {
  transition: 1s;
  opacity: 1;
}

.img-button {
  padding-top: 80px;
}

.Pricing-title {
  color: #424242;
  padding: 5% 0 0 0;
}
.Pricing-p {
  color: #476269;
}

#Pricing .row {
  margin: 3% 3%;
}

#Pricing .card {
  box-shadow: 0 0 30px rgba(0, 0, 0, 0.2);
  overflow: hidden;
}
.card-title {
  font-size: 1.3rem;
  font-weight: bold;
}
.card-text {
  font-size: 1rem;
}

.d-grid .btn {
  padding: 4% 0;
  background-color: #404040;
  color: #fff;
}
.d-grid .btn:hover {
  background-color: #5e5e5e;
}
#Pricing .col {
  padding: 20px 20px;
}
/* <Pricing loave*/

#Pricing-loave .card-title {
  padding: 4% 0;
}

#Pricing-loave .card {
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.2);
  overflow: hidden;
}

#Pricing-loave .row {
  margin: 0 3%;
}

.Pricing-loave-title {
  color: #424242;
  padding: 0;
}
.Pricing-loave-p {
  color: #476269;
}

.hl-img1 {
  position: absolute;
  width: 100%;
  opacity: 0;
}

.card:hover .hl-img1 {
  transition: 1s;
  opacity: 1;
}

.hl-img2 {
  position: absolute;
  width: 100%;
  opacity: 0;
}

.card:hover .hl-img2 {
  transition: 1s;
  opacity: 1;
}

.hl-img3 {
  position: absolute;
  width: 100%;
  opacity: 0;
}

.card:hover .hl-img3 {
  transition: 1s;
  opacity: 1;
}

.hl-img4 {
  position: absolute;
  width: 100%;
  opacity: 0;
}

.card:hover .hl-img4 {
  transition: 1s;
  opacity: 1;
}

.hl-img5 {
  position: absolute;
  width: 100%;
  opacity: 0;
}

.card:hover .hl-img5 {
  transition: 1s;
  opacity: 1;
}

.hl-img6 {
  position: absolute;
  width: 100%;
  opacity: 0;
}

.card:hover .hl-img6 {
  transition: 1s;
  opacity: 1;
}

/* Owl slideshow arrows*/

/* Container for the navigation arrows */
.owl-nav {
  position: relative;
  top: -50%; /* Center vertically */
}

/* Shared styles for both arrows */
#Pricing-loave .owl-nav .owl-prev,
#Pricing-loave .owl-nav .owl-next {
  position: absolute;
  width: 45px;
  height: 45px;
  background-color: #ffffff28; /* Semi-transparent white */
  color: #333;
  border: 2px solid #ffffff25;
  border-radius: 50%;
  box-shadow: 0px 3px 10px #5f5f5f85; /* Soft shadow for depth */
  transition: all 0.3s; /* Smooth transition effect */
}

/* Hover effect: make it fully opaque and slightly scale up */
#Pricing-loave .owl-nav .owl-prev:hover,
#Pricing-loave .owl-nav .owl-next:hover {
  background-color: #ffffff7a;
  transform: scale(1.1);
}

/* Position arrows on either side of the carousel */
.owl-nav .owl-prev {
  left: -50px;
}

.owl-nav .owl-next {
  right: -50px;
}

/* Using pseudo-elements for the arrow design itself. This way, we can have full control over their appearance */
.owl-nav .owl-prev::before,
.owl-nav .owl-next::before {
  content: "";
  display: block;
  width: 10px;
  height: 10px;
  border-top: 3px solid #383737;
  border-left: 3px solid #383737;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

/* Adjust the orientation of the arrows using the CSS rotate property */
.owl-nav .owl-prev::before {
  transform: translate(-50%, -50%) rotate(-50deg);
}

.owl-nav .owl-next::before {
  transform: translate(-50%, -50%) rotate(135deg);
}

/*Reviews*/
#reviews {
  padding: 5% 8%;
  align-items: center;
  background-color: #f6f9fc;
}

#reviews .card {
  box-shadow: 0 0 15px rgba(0, 0, 0, 0.1);
}
.star {
  padding: 0 25%;
}
.testimonials-img {
  width: 60px;
}
.customer-reviews-title {
  padding-bottom: 5%;
}

.customer-reviews {
  height: 70px;
  padding-bottom: 5%;
}

/*Toast*/
.toast-body .fa-solid {
  color: #ff9292;
}

.rounded {
  width: 30px;
}

/*Features*/

#features {
  color: #1b5a7a;
  padding: 5% 2%;
}
.features-title {
  font-weight: bold;
  padding-top: 2%;
}
.features-p {
  font-size: 0.9rem;
  padding-top: 2%;
}
.f-img1 {
  width: 35%;
}
.f-img2 {
  width: 35%;
  padding-bottom: 1%;
}
.f-img3 {
  width: 35%;
}
.f-img4 {
  width: 70%;
  padding-bottom: 4%;
}
.f-img5 {
  width: 50%;
  padding: 8% 0 8% 0;
}
.f-img6 {
  width: 55%;
  padding-bottom: 7%;
}

/*Footer*/

.footer-widget {
  color: #ffffff;
}
.fa-brands1 {
  color: #040404;
  padding: 55px 10%;
}
.fa-brands2 {
  color: #040404;
  padding: 55px 10%;
}
.fa-brands3 {
  color: #040404;
  padding: 55px 10%;
}
.fa-brands1:hover {
  color: #5d5d5d;
}
.fa-brands2:hover {
  color: #5d5d5d;
}
.fa-brands3:hover {
  color: #5d5d5d;
}

.copyright {
  color: #424242;
  padding-top: 50px;
  font-size: 1.3rem;
}

#footer {
  background-image: url("../image/footetBG1.jpg");
  background-size: cover;
  padding: 10% 0 12% 0;
}

#footer .btn {
  background-color: #424242;
  color: #fff;
}
.footer-widget {
  color: #424242;
}
.footer-text {
  font-size: 1.2rem;
  color: #000000;
}

.lines {
  position: relative;
  padding-bottom: 6%;
  position: relative;
}
.lines::after {
  content: "";
  opacity: 20%;
  display: block;
  width: 30%;
  height: 0.5px;
  background: #424242;
  position: absolute;
  left: 10%;
  top: 30%;
}

.lines::before {
  content: "";
  opacity: 20%;
  display: block;
  width: 30%;
  height: 0.5px;
  background: #424242;
  position: absolute;
  right: 10%;
  top: 30%;
}

@media screen and (max-width: 992px) {
  /*NAVBAR*/

  .navbar-brand img {
    width: 170px;
    position: relative;
    margin: 0 230%;
  }

  /* slide-show*/

  #Slide-show .img1 {
    width: 100%;
    height: 100%;
  }

  #Slide-show .img {
    width: 100%;
    height: 200px;
  }

  #Slide-show .h2 {
    font-size: 1.9rem;
    padding: 0;
    margin: 0;
  }

  #Slide-show .h3 {
    font-size: 2.7rem;
    padding: 0;
  }

  #Slide-show .fs-mb {
    font-size: 1.2rem;
  }

  /*PRICING*/

  #Pricing .row {
    margin: 3% 3%;
  }
  .Pricing-title {
    margin: 10% 0 3% 0;
    font-size: 5rem;
  }
  .Pricing-p {
    font-size: 2.2rem;
  }
  .card-title {
    font-size: 2.5rem;
  }
  .btn {
    font-size: 2rem;
  }
  #Pricing-loave .row {
    margin: 3% 5%;
  }
  /* Shared styles for both arrows */
  #Pricing-loave .owl-nav .owl-prev,
  #Pricing-loave .owl-nav .owl-next {
    position: absolute;
    width: 90px;
    height: 90px;
  }
  .owl-nav .owl-prev::before,
  .owl-nav .owl-next::before {
    content: "";
    display: block;
    width: 25px;
    height: 25px;
    border-top: 5px solid #383737;
    border-left: 5px solid #383737;
  }

  /*REVIEWS*/

  #reviews {
    padding: 3% 0;
  }
  .customer-reviews-title {
    font-size: 2.5rem;
    padding: 3% 0 6% 0;
  }
  .customer-reviews {
    height: 200px;
    font-size: 1.6rem;
  }
  .star {
    width: 300px;
  }
  .fs-sm {
    font-size: 1.6rem;
  }

  /*FEATURES*/
  #features {
    align-items: center;
  }
  .features-title {
    font-size: 1.9rem;
    font-weight: bold;
  }
  .features-p {
    font-size: 1.7rem;
  }
  .fs-ms {
    font-size: 1.5rem;
  }

  /*Footer*/

  #footer {
    background-image: url("../image/footerBG.jpg");
    padding: 7% 0 0;
  }
  #footer .widget {
    padding: 3% 5%;
  }
  #footer .footer-widget {
    font-size: 2.5rem;
  }
  #footer .widget-1 {
    padding: 7% 10% 0 10%;
  }
  #footer .footer-text {
    font-size: 1.6rem;
  }
  #footer .form-control {
    font-size: 1.7rem;
  }
  #footer .copyright {
    font-size: 1.7rem;
    padding: 7% 0 15% 0;
  }
  .row {
    margin-left: 0;
    margin-right: 0;
  }
  .fa-brands1 {
    font-size: 2.5rem;
    padding: 45px 7%;
  }
  .fa-brands2 {
    font-size: 2.5rem;
    padding: 45px 7% 0 0;
  }
  .fa-brands3 {
    font-size: 2.5rem;
    padding: 45px 0 0 7%;
  }
}
img {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  pointer-events: none;
  -webkit-tap-highlight-color: rgba(255, 255, 255, 0);
}