*body{margin: 0px; padding: 0px;font-family:Heebo; background-color: #dec9e4 !important;}

.top-bg{background-color: #00b8ff94;}
.logo-text{font-size:24px;font-weight:bold;color:#000;}
.header-right-box{font-size: 18x;}
.header-right-box a{text-decoration: none; color:#000; font-size:20px;}
.justify-content-between{align-items: center;}
.start-nav{padding: 15px;}
.navigation-bar{font-size:20px; }
.navbar-light .navbar-nav .nav-link {color:#000;}
.navbar-light .navbar-nav .nav-item{text-transform: uppercase; padding: 0px 20px;}
.inquiry-form-bg{background-color: #00b8ff94; height: 500px; padding: 0px 50px 0px 50px; border: 2px solid #fff;}
.quick-form p{font-size: 28px; color:#000; text-align: center; text-transform: uppercase; font-weight: bold; padding-top: 50px;}
.form-class input{border: none; border-radius:10px 0px; width: 100%; padding: 5px; outline: none;}
.form-class select{border: none; border-radius:10px 0px; width: 100%; padding: 5px;outline: none;}
.form-btn{background-color: #000; color: #fff; padding: 10px 20px;font-size: 18px;}
.form-btn:hover{color: #fff; border: none;} 
.form-button-box {text-align: center; padding: 40px 0px;}
.form-class input :active{border: none;}
.carousel-item img{height: 500px;}
.slide-box-1{--bs-gutter-x: 0px;}
.welcome-box {padding-top: 50px;}
.welcome-box p{line-height: 30px;}
.welcome-read-more{background-color: #00b8ff94; text-decoration: none; color: #000; padding: 10px; border-radius: 3px;}
.welcome-read-more:hover{background-color: #000; text-decoration: none; color: #fff; padding: 10px; border-radius: 3px;}
.welcome-box h2 {font-size: 22px;}
.welcome-box h1{font-size: 30px; margin-top: 15px; color: #00b8ff94;}
.welcome-box-image{border: 2px solid #00b8ff94;border-radius:3px; margin-top:60px;}
.welcome-box-image img{width: 100%; height: 280px;}
.aside-product-range{background-color: #f4f3f3;}
.aside-product-range h2 {font-size: 22px;}
.aside-product-range p { margin-bottom: 7px; color: #00b8ff94;}
.aside-product-range{text-align: center; padding: 30px; margin-top: 30px;box-shadow: -2px 0px 17px 0px;}
.aside-product-range button {background: black; color: #fff; border: none; padding: 7px 16px; font-size: 15px;}
.aside-product-range button:hover {background:#00b8ff94;; color: #000; border: none; padding: 7px 16px; font-size: 15px;}
.aside-product-range ul li{text-overflow: ellipsis; white-space: nowrap; overflow: hidden;}
.aside-product-range ul li a {text-decoration: none; color: #00b8ff94; font-size: 20px;}
.aside-product-range ul li a:hover {text-decoration: none; color: #000; font-size: 20px;}
.why-choose-first{border: 2px solid;}
.why-choose-first i {font-size: 40px; padding: 10px 0px; color: #00b8ff94;}
.why-choose-second{border: 2px solid;}
.why-choose-second i {font-size: 40px; padding: 10px 0px; color: #00b8ff94;}
.why-choose-text p{padding: 10px;}
.why-chooe-bg{background-image:url(Images/bg-2-new.jpg); background-repeat: no-repeat;}

  /* Client Section Start */
  .our-client-section {padding: 20px;}
  .slick-slide { margin: 0px 20px; }  
  .slick-slide img {width: 100%; }  
  .slick-slider{ position: relative; display: block; box-sizing: border-box; -webkit-user-select: none; -moz-user-select: none;
      -ms-user-select: none; user-select: none; -webkit-touch-callout: none; -khtml-user-select: none; -ms-touch-action: pan-y;
          touch-action: pan-y; -webkit-tap-highlight-color: transparent; }  
  .slick-list {position: relative; display: block; overflow: hidden; margin: 0; padding: 0;}
  .slick-list:focus{outline: none;}
  .slick-list.dragging{ cursor: pointer; cursor: hand;}  
  .slick-slider .slick-track, .slick-slider .slick-list { -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0);}  
  .slick-track {position: relative; top: 0; left: 0; display: block;}
  .slick-track:before, .slick-track:after {display: table; content: '';}
  .slick-track:after { clear: both;}
  .slick-loading .slick-track { visibility: hidden; }  
  .slick-slide { display: none; float: left; height: 100%; min-height: 1px;}
  [dir='rtl'] .slick-slide { float: right; }
  .slick-slide img {display: block;}
  .slick-slide.slick-loading img {display: none; }
  .slick-slide.dragging img {pointer-events: none;}
  .slick-initialized .slick-slide { display: block;}
  .slick-loading .slick-slide { visibility: hidden;}
  .slick-vertical .slick-slide{display: block; height: auto; border: 1px solid transparent;}
  .slick-arrow.slick-hidden {display: none;}

/* Client Section End */
  /* -------------------footer-box------------- */
.footer-box{
        background-color: #000;
      }
      .footer-box h4{color:#00b8ff94;
            font-size:18px;
            padding:30px 0px 10px 0px;}
      .footer-link{list-style:none;padding:0px;
     }
      .footer-link li {color:#fff; padding-bottom: 10px;}
      .footer-link span{padding-left: 10px;}
      .footer-link li a {color:#fff; text-decoration: none;padding-left: 10px;}
      .footer-link li a:hover{color:#00b8ff94;}

.footer-company{color:#fff; text-align: center; padding-bottom: 15px;}
.footer-company a {text-decoration: none; color:#00b8ff94 ;}
.footer-padding {padding-top: 40px;}



/* breadcrum-box-Start */
.breadcrum-box{padding: 35px 0px 21px; background: url(images/breadcrum-img.jpg);}    
.breadcrumb-item a{color: #fff; text-decoration: none;}
.breadcrumb-item {color: #fff;}

/* aboutus section */

.about-box{padding: 50px 0;}
.about-box h1{color: #00b8ff94;font-size:30px;}
.about-box h2{color: #00b8ff94;font-size:22px;}
.aboutus-right img{border:1px solid #00b8ff94; border-radius: 5px; position: sticky; top: 20px;}

/* product-page */
.product-box{padding: 50px 0;}
.product-img img{border:3px solid #00b8ff94; border-radius: 10px; width: 100%;position: sticky; top: 20px; max-height: 450px;}
.product-box h1{color: #00b8ff94; font-size:30px; }
.product-box h2{color: #00b8ff94; font-size:22px;}
.product-text{padding:0px 40px;}


/* all products page */
.all-products-page{padding-top: 50px;}
.all-products-page h1{ font-size: 30px;}

.card-body{text-align: center;}
.card-title{color: #00b8ff94; text-transform: capitalize; text-overflow: ellipsis; white-space: nowrap;overflow: hidden;}
.products-page{padding: 20px;}
.btn-primary{background-color: #00b8ff94; color: #000; border: none;}
.btn-primary:hover{background-color: #000; color: #fff; border: none;}
.btn-primary:active{background-color: #00b8ff94; color: #000; border: none;}
.btn-primary:focus{background-color: #00b8ff94; color: #000; border: none; outline: solid #00b8ff94;}


/* Contact us form Start */
.contact-box{ padding:50px;}
.contact-box h1{color: #00b8ff94; font-size: 30px;}
.contact-left-box i{font-size:18px;font-weight:600;color:#00b8ff94; padding-right: 20px;line-height: 40px;}
.contact-left-box  a{font-size:18px;color:#000;text-decoration: none;}
.contact-page-bg{background-image:url(Images/contact-bg.jpg);}
.form-bg-img {padding-top: 40px;}
.backgroud-img-form{background-image:url(images/backgroud-form.jpg); padding-bottom: 50px; margin-bottom: -56px;}
.contact-inquiry-form-bg{background-color:#00b8ff94; height:500px;border:2px solid #fff}


/* .map-section iframe{width: 100%; height: 450px;} */
.view-all-list{padding: 30px 0px 30px 0px; text-align: center;}
.read-more-part a:hover{color: #00b8ff94 !important;}
.card-img, .card-img-top{max-width: 100%; height: 300px;}
.dropdown-item.active, .dropdown-item:active{background-color: #00b8ff94;}


/* Gallry section */
.our-gallery{text-align: center; padding-top: 50px;}
.our-gallery h1{font-size: 30px;}
#gallery {padding: 40px 0px 40px 0px;
  @media screen and (min-width: 991px) {padding: 60px 30px 0 30px; }}
.img-wrapper { position: relative; margin-top: 15px;}
.img-wrapper a img{width: 100%; height: 250px;}
.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; 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;
  // Removes blue highlight
  -webkit-user-select: none;
  -moz-user-select: none;    
  -ms-user-select: none; 
  user-select: none; 
  img {margin: 0;  width: 80%; height: auto; object-fit: contain;  padding: 5%; @media screen and (min-width:768px) {width: 60%; }
    @media screen and (min-width:1200px) { width: 50%;} }}

#nextButton {
  color: #fff;
  font-size: 2em;
  transition: opacity 0.8s;
  &:hover {
    opacity: 0.7;
  }
  @media screen and (min-width:768px) {
    font-size: 3em;
  }
}

#prevButton {
  color: #fff;
  font-size: 2em;
  transition: opacity 0.8s;
  &:hover {
    opacity: 0.7;
  }
  @media screen and (min-width:768px) {
    font-size: 3em;
  }
}

#exitButton {
  color: #fff;
  font-size: 2em;
  transition: opacity 0.8s;
  position: absolute;
  top: 15px;
  right: 15px;
  &:hover {
    opacity: 0.7;
  }
  @media screen and (min-width:768px) {
    font-size: 3em;
  }
}


/* Gallry section End*/



/* Medial Qurey */


@media only screen and (max-width:1300px){
  .aboutus-right img{width: 100%;}
}
@media only screen and (max-width:1200px) {.aside-product-range{display: none;}}
@media only screen and (max-width:991px){.why-choose-first i{font-size: 30px;} 
.why-choose-first{border: none;}
.why-choose-second{border: none;}
.why-choose-second i{font-size: 30px;}
.all-products-page{padding: 30px;}
.form-bg-img {background-image: url(Images/contact-bg.jpg);
  padding: 24px;}}
@media only screen and (max-width:600px) {.carousel-item img{height: 300px;}
.quick-form p{padding: 20px; font-size: 24px;}
}
@media only screen and (max-width:767px) {.header-right-box a{display:none;}}
}