* {
  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;
}

body {
  font-family: "Montserrat", Sans-serif;
}



/* header */
header {
  position: unset;
  left: 0;
  right: 0;
  top: 0;
  z-index: 99;
  background-color: #18191b;
}

header .headermn .navbar .navbar-brand {
  width: 13%;
}

header .headermn .navbar .navbar-brand img {
  width: 100%;
}

header .nav-link {
  color: #000;
  font-size: 13px;
  font-weight: 500;
  transition: .5s;
  position: relative;
  padding: 0px 0px !important;
  text-transform: uppercase;
}

header .nav-link::after {
  content: '';
  background-color: #e56215;
  width: 0%;
  height: 2px;
  position: absolute;
  bottom: -5px;
  left: 0;
  transition: .5s;
}

header .nav-link:hover::after {
  width: 100%;
}

header .nav-link:hover,
header .nav-link:focus {
  color: #e56215;
}

header .navbar-nav {
  gap: 45px;
}

header .navbar-toggler {
  border: none;
  color: #e31e25;
  font-size: 28px;
  border-radius: 0;
}

header .navbar-toggler:focus {
  box-shadow: none;
}

header .offcanvas-title img {
  width: 34%;
}

header .navbar-nav {
  position: relative;
  align-items: center;
}

.sticky {
  left: 0;
  right: 0;
  z-index: 999;
  position: fixed !important;
  top: 0px;
  animation: slideDown .5s ease-out;
  background-color: #fff;
  box-shadow: 0 0 10px #00000021;
}

.sticky .headermn .navbar .navbar-brand {
  width: 9%;
}

@keyframes slideDown {
  from {
    transform: translateY(-100%);
  }

  to {
    transform: translateY(10);
  }
}

header .navbar .whatsapp li a {
  display: inline-block;
  padding: 10px 20px;
  background-color: transparent;
  color: #e56215;
  border-radius: 3px;
  transition: .5s;
  border: 1px solid #e56215;
  position: relative;
  transition: .5s;
  z-index: 1;
}

header .navbar .whatsapp li a::before {
  position: absolute;
  content: '';
  top: 0px;
  left: 0px;
  width: 0px;
  height: 100%;
  transition: .5s;
  background-color: #e56215;
  z-index: -1;
}

header .navbar .whatsapp li a:hover:before {
  width: 100%;
}

header .navbar .whatsapp li a:hover {
  color: #ffffff;
}

/* slider-bg */

#slider-bg{background-color: #ff600033; padding: 30px 0px; text-align: center;}
#slider-bg h2{color: #ff6000; font-family: "Montserrat", Sans-serif; font-size: 39px; font-weight: 700; line-height: 37px;}
#slider-bg .text{font-size: 16px; font-weight: 400; margin-top: 10px; color: #a95b2b;}

/* about-sec */

#about-sec{padding: 15px 0px;}
#about-sec .imgs{background-color: #ff600033; border: 1px solid #ff6000; border-radius: 13px;}
#about-sec .imgs img{border-radius: 13px;}
#about-sec ul{margin-top: 20px; columns: 2;}
#about-sec ul .imgsc img{width: 10%;}
#about-sec ul li{margin-bottom: 30px;}
#about-sec ul span{color: #000000; font-size: 14px;}
#about-sec .from{box-shadow: 0px 3px 11px -3px rgba(0, 0, 0, 0.69); background-color: #F5F5F5; padding: 15px; text-align: center;}
#about-sec .from h2{color: #ff6000; font-family: "Montserrat", Sans-serif; font-size: 20px; font-weight: 700; margin: 25px 0px 30px;}
#about-sec .from .form-control{border: 1px solid #ebebeb; margin-bottom: 15px; padding: 8px; border-radius: 0px; font-size: 14px;}
#about-sec .from .submit-btn{padding: 8px 20px; background-color: #ff6000; color: #fff; border: 1px solid #ff6000; transition: .5s;}
#about-sec .from .submit-btn:hover{background-color: transparent; color: #ff6000;}

/* latest-hearing */

#latest-hearing{padding: 50px 0px 0px; background-color: #ff600033;}
#latest-hearing .row{row-gap: 25px; justify-content: center;}
#latest-hearing h2{color: #ff6000; text-align: center; font-family: "Montserrat", Sans-serif; font-size: 39px; margin-bottom: 50px; font-weight: 700; line-height: 37px;}
#latest-hearing .iner{box-shadow: 0px 3px 11px -3px rgba(0, 0, 0, 0.69); background-color: #F5F5F5; padding: 10px; border-radius: 5px;}
#latest-hearing .iner .content h4{color: #ff6000; font-family: "Montserrat", Sans-serif; font-size: 19px; font-weight: 700; margin: 25px 0px 15px;}
#latest-hearing .iner .content ul{padding: 0px 30px;}
#latest-hearing .iner .content ul li{font-size: 15px;}
#latest-hearing .iner .content .get-price-btn{padding: 10px 20px; display: inline-block; background-color: #ff6000; color: #fff; border: 1px solid #ff6000; transition: .5s; margin: 15px 0px 25px; border-radius: 30px; font-size: 15px;}
#latest-hearing .iner .content .get-price-btn:hover{background-color: transparent; color: #ff6000;}
#latest-hearing .owl-theme .owl-dots .owl-dot{display: none;}

/* extended-warranty */

#extended-warranty{background-color: #ff600033; padding: 50px 0px 15px;}
#extended-warranty .row{row-gap: 25px;}
#extended-warranty .iner{text-align: center;}
#extended-warranty .imgs img{width: 37%; text-align: center; margin: auto; border: 1px solid #ff6000; padding: 15px; border-radius: 50px;} 
#extended-warranty h4{font-size: 18px; margin-top: 15px;}
#extended-warranty .book-btn{text-align: center;}
#extended-warranty .book-btn a{padding: 10px 20px; display: inline-block; background-color: #ff6000; color: #fff; border: 1px solid #ff6000; transition: .5s; margin: 15px 0px 25px; border-radius: 30px; font-size: 15px;}
#extended-warranty .book-btn a:hover{background-color: transparent; color: #ff6000;}


/* gallery */

#gallery {
  background-color: #ffffff;
  padding: 60px 0 40px;
  overflow: hidden;
}

#gallery .row{row-gap: 20px;}

#gallery h2 {
  font-size: 38px;
  color: #e56215;
  font-weight: bold;
  text-align: center;
  margin-bottom: 10px;
}

#gallery .text{text-align: center; font-size: 16px; color: #000; margin-bottom: 30px;}
#gallery .book-btn{text-align: center;}
#gallery .book-btn a{padding: 10px 20px; display: inline-block; background-color: #ff6000; color: #fff; border: 1px solid #ff6000; transition: .5s; margin: 25px 0px 25px; border-radius: 30px; font-size: 15px;}
#gallery .book-btn a:hover{background-color: transparent; color: #ff6000;}


#gallery .img-wrapper {
  position: relative;
  margin-top: 15px;
  overflow: hidden;
  border-radius: 10px;
  box-shadow: 0 0 8px #00000033;
}

#gallery .img-wrapper img {
  width: 100%;
  height: 200px;
  object-fit: cover;
}

#gallery .img-overlay {
  background: rgba(0, 0, 0, 0.7);
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  opacity: 0;
}

#gallery .img-overlay i {
  color: #fff;
  font-size: 3em;
}

#overlay {
  background: rgba(0, 0, 0, 0.7);
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 999;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

#overlay img {
  margin: 0;
  width: 80%;
  height: auto;
  -o-object-fit: contain;
  object-fit: contain;
  padding: 5%;
}

@media screen and (min-width: 768px) {
  #overlay img {
    width: 60%;
  }
}

#nextButton i {
  color: #fff;
  font-size: 2em;
  transition: opacity 0.8s;
}

#nextButton:hover {
  opacity: 1;
}

#prevButton i {
  color: #fff;
  font-size: 2em;
  transition: opacity 0.8s;
}

#prevButton:hover {
  opacity: 0.7;
}

#exitButton i {
  color: #fff;
  font-size: 2em;
  transition: opacity 0.8s;
  position: absolute;
  top: 15px;
  right: 15px;
}

#exitButton:hover {
  opacity: 0.7;
}

/* testimonial */
#testimonial{padding: 0 0 60px ; }
#testimonial h2{color: #ff6000; text-align: center; font-family: "Montserrat", Sans-serif; font-size: 39px; margin-bottom: 15px; font-weight: 700; line-height: 37px;}
#testimonial h3{color: #000000; text-align: center; font-family: "Montserrat", Sans-serif; font-size: 20px; margin-bottom: 30px; font-weight: 400;}
#testimonial h6{color: #000000; text-align: center; font-family: "Montserrat", Sans-serif; font-size: 16px; margin-bottom: 30px; font-weight: 400;}
#testimonial .row{row-gap: 20px;}
#testimonial .testimonialslider .owl-item{border: 1px solid gray; padding: 20px; height: 210px; overflow-y: scroll;}
#testimonial .owl-item h5{color: #ff6000; margin: 0px; font-size: 17px;}
#testimonial .owl-item p{font-size: 14px;}
#testimonial .iner .google{ width: 40%;}
#testimonial .iner ul li{font-size: 35px; color: #f6bb06;}
#testimonial .iner h4{margin-top: 10px;}
#testimonial .testimonialslider .star li{color: #f6bb06; font-size: 16px;}
#testimonial .testimonialslider .profile{margin-bottom: 8px;}
#testimonial .testimonialslider .profile li:first-child p{height: 40px; width: 40px; line-height: 40px; font-size: 20px; border-radius: 50%; text-align: center; background-color: #a7a7a7; color: #fff;}
#testimonial .testimonialslider .profile li span{font-size: 14px;}
#testimonial .owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span{background-color: #ff6000;}
#testimonial .book-btn{text-align: center;}
#testimonial .book-btn a{padding: 10px 20px; display: inline-block; background-color: #ff6000; color: #fff; border: 1px solid #ff6000; transition: .5s; margin: 25px 0px 25px; border-radius: 30px; font-size: 15px;}
#testimonial .book-btn a:hover{background-color: transparent; color: #ff6000;}

/* why-choose */

#why-choose{background-color: #EBE9E9D1; box-shadow: 0px 10px 5px -6px #A6A6A6; padding: 22px;}
#why-choose .row{row-gap: 25px;}
#why-choose h2{color: #ff6000; text-align: center; font-family: "Montserrat", Sans-serif; font-size: 35px; margin-bottom: 50px; font-weight: 700; line-height: 37px;}
#why-choose .iner{background-color: #ff6000; border-radius: 5px; padding: 15px; text-align: center;}
#why-choose .iner .imgs img{width: 30%;}
#why-choose .iner h5{color: #fff; margin: 15px 0px; font-size: 16px;}


/* footer */
footer .footertop {
  background-color: #000000;
  padding: 25px 0px 20px;
  text-align: center;
}
footer .footertop .about img{width: 13%; margin-bottom: 15px;}
footer .footertop .imgs img{width: 195px; background-color: #ff6000; padding: 0px 10px 8px; border-radius: 100px;}


/* quickcontact */

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



/* modal */

.modal form.row {
  row-gap: 20px;
}

.modal .btn-theme {
  border-radius: 0px;
  background: #e56215;
  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-color: #e56215;
  color: #fff;
  font-weight: 500px;
  padding: 10px;
  border: 0;
  transition: .5;
}

.modal .submit:hover {
  background-color: #000;
}