@font-face {
  font-family: 'Chestra';
  src: url('../fonts/Chestra-Regular.woff2') format('woff2'),
      url('../fonts/Chestra-Regular.woff') format('woff');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

section
{
position: relative;
padding: 40px 0px;
overflow: hidden;
}
p{
  font-size:1rem;
}
.btn-check:focus+.btn, .btn:focus{
  box-shadow:none !important;
}
/* border-radius */
.rounded-3{border-radius: 3px !important;}
.rounded-5{border-radius: 5px !important;}
.rounded-10{border-radius: 10px !important;}
.rounded-15{border-radius: 15px !important;}
.rounded-20{border-radius: 20px !important;}
.rounded-25{border-radius: 25px !important;}
.rounded-30{border-radius: 30px !important;}
/* bg  */
.bg-gray{background:#A88152 !important}
.bg-lm-white{background-color: #a8a8a8 !important;}
.bg-l-white{background-color: #9d999917;}
.bg-l-black{ background:#393838 !important;}
.bg-blue{background:#3976ff !important}
.text-red{color: #f00 !important;}
.text-l-green{color: #003124f5 !important;}
.text-l-white{ color: #c3c1c1 !important;}
.text-l-gray{color: #4d4d4d !important;}
.text-d-gray{color:#b19777 !important}
.text-l-white{color:#e7e7e7 !important}
.text-dl-gray{color: #c88b44 !important;}
.text-m-gray{color:#A88152 !important}
.text-lm-gray{color:#4d4d4d !important;}
.text-l-black{color:#4b4646 !important}
.text-m-black{color:#2E2F3C !important}
.text-ml-white{color: #ddbf9d !important;}
.text-l-blue{color: #3B444D !important;}
.text-m-blue{color: #6D7A82 !important;}
.text-lm-black{color: #181818 !important;}

.fw-900{font-weight: 900;}
.fw-600{font-weight: 600;}

.l-s-2{letter-spacing: 0px !important;}
.l-s-1{letter-spacing: 0px !important;}
.l-s-3{letter-spacing: 1px !important;}

.list-style-circle{
    list-style:circle;
}

.w-30{
  width:30% !important;
}

.text-justify{
  text-align:justify;
}

/* truncate */
.truncate-1,
.truncate-2,
.truncate-3,
.truncate-4,
.truncate-5 {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical}
.truncate-1 {
  -webkit-line-clamp: 1;}
.truncate-2 {
  -webkit-line-clamp: 2;}
.truncate-3 {
  -webkit-line-clamp: 3;}
.truncate-4 {
  -webkit-line-clamp: 4;}
.truncate-5 {
  -webkit-line-clamp: 5;}
.border-lm{border: 1px solid #5d5b5b9e;}
.border-bottom-gray{
border-bottom: 1px solid #D9BD9F;}
.bg-lieaner-green{background-image: linear-gradient(to right, #003124f5, #006345);}
.bg-light-gary{background-color: #eeeeee !important;}
.bg-tran-white{background:#f9f9f982 !important;}
.fs-10{font-size: 10px;}
.fs-11{font-size: 11px;}
.fs-12{ font-size: 12px;}
/*.fs-14{font-size: 14px;}*/
.fs-13{font-size: 13px;}
.fs-15{font-size: 15px;}
.fs-16{font-size: 16px;}

.primary-link
{
position: absolute;
  cursor: pointer;
  z-index: 1;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
.read-more{
color: #000;
font-size: 14px;
font-weight: 700;
text-decoration:none;
list-style:none;
letter-spacing: 1px;
}


/*--------------------------------------------------------------
# Global Footer
--------------------------------------------------------------*/
.footer {
--background-color: color-mix(in srgb, var(--default-color), transparent 95%);
border-top: 1px solid color-mix(in srgb, var(--default-color), transparent 90%);
color: var(--default-color);
background-color: var(--background-color);
font-size: 14px;
padding: 40px 0;
position: relative;
}

.footer .copyright p {
margin-bottom: 0;
}

.footer .social-links {
margin-top: 20px;
}

.footer .social-links a {
display: flex;
align-items: center;
justify-content: center;
width: 40px;
height: 40px;
border-radius: 50%;
border: 1px solid color-mix(in srgb, var(--default-color), transparent 50%);
font-size: 16px;
color: color-mix(in srgb, var(--default-color), transparent 50%);
margin: 0 5px;
transition: 0.3s;
}

.footer .social-links a:hover {
color: var(--accent-color);
border-color: var(--accent-color);
}

.footer .credits {
margin-top: 10px;
font-size: 13px;
text-align: center;
}
/* login  */
.whatsapp_inte{
  z-index: 99;
  position: fixed;
  width: 60px;
  height: 60px;
  border-radius: 100%;
  background: #04AA6D;
  text-align: center;
  color: #fff;
  right: 24px;
  bottom: 90px;
  display: inline-block;
  padding: 15px;
}

.login_page {
height: 100vh;
display: flex;
justify-content: center;
align-items: center;
}
.login_page .login-card {
  position:relative;
  width:100%;
}
.login_page .signin-form {
max-width: 100%;
background: #000;
padding:0;
border-radius: 10px;
box-shadow: 0 .4rem 0.8rem rgba(0,0,0,.15)!important;
animation: fadeIn 1s ease-in-out;
width:100%;
}
.login_page .form{
  background:#fff;
  padding:25px 30px;
  
}
.login_page .logo{
   background:#000;
   padding:15px 20px;
}
.login_page .logo img{
  width:180px;
  height:auto;
    
}
@media(max-width:767px){
    .login_page .logo{
   padding:50px 0px;
}
}
.login_page h2 {
text-align: center;
margin-bottom: 1.5rem;
font-size: 1.8rem;
color: #333;
font-weight: bold;
}

.login_page .input-group {
margin-bottom: 1rem;
}

.login_page .input-group label {
display: block;
font-size: 1rem;
color: #333;
margin-bottom: 0.5rem;
}

.login_page .input-group input {
width: 100%;
padding: 0.5rem;
border: 1px solid #ddd;
border-radius: 5px;
font-size: 1rem;
transition: border 0.3s;
}

.login_page .input-group input:focus {
border: 1px solid #333;
outline: none;
}

.login_page button {
width: fit-content;
padding: 0.75rem 1.75rem;
border: none;
border-radius: 5px;
background: #000;
color: white;
font-size: 1rem;
cursor: pointer;
}

@keyframes fadeIn {
from {
    opacity: 0;
    transform: translateY(-10px);
}
to {
    opacity: 1;
    transform: translateY(0);
}
}

/* / login  */




/* header */



  .clients_slick  .customers-img{
      max-width:100%;
      width:150px;
      height:auto;
      object-fit:cover
  }
  .header{
      background:transparent !important;
      padding:0px ;
  }
  .header .header-bottom{
      background:#000;
      padding:10px 0px;
  }
   .header .header-top{
       padding:8px 0px;
      background:#fff !important;
   }
   .header .header-top a, .header .header-top li{
      color:#000;
      text-decoration:none;
      list-style:none;
      font-size:14px;
  }
  .header-top .socail-icons img{
      height:14px;
      width:14px;
  }
  .header .login-btn .fa{
      font-size:20px;
      color:#000;
      background:#fff;
      border-radius:50%;
      padding: 6px 10px;
  }
  
  
.header{
position: fixed;
z-index: 100;
top: 0;
right: 0;
left: 0;
width: 100%;
padding:0 !important;
height: auto;
box-shadow: 0px 2px 1px #cacaca36;;
padding-top: 10px;
padding-bottom: 10px;
margin-left: auto;
margin-right: auto;
opacity: 1;
transition: height 0ms 0ms, opacity 600ms 0ms;}
.header .header-bottom{
  background: #131212 ;
}
body.specific_scroll:not(.up_scroll) header {
height: 0;
z-index: 0;
opacity: 0;
transition: height 0ms 400ms, opacity 400ms 0ms;}
/* fixed */
.specific_scroll.up_scroll header {
position: fixed;}

/* header-bg-transparent */
body:not(.specific_scroll) .header-bg-transparent header {
background-color: transparent;}


/* header-logo */
.header .link-logo {
display: inline-block;}
.header .link-logo img {
max-width: 100%;
max-height: 60px;}

.header .header-logo{
max-width: 100%;
width: 100px;
height: auto;
}

/* menu-bar */
.header .menu-bar .menu {
padding-left: 0;
margin-bottom: 0;
list-style: none;}
@media(min-width:1200px)
{
  .header .menu-bar .menu .link-item{
    margin-left: 30px;

  }
}
@media(min-width:991px) and (max-width:1200px)
{
  .header .menu-bar .menu .link-item{
    margin-left: 10px !important;
  }
}
.header .menu-bar .menu .link-item {
margin-left: 20px;
display: inline-block;}
.header .menu-bar .menu .link-item .link {
display: inline-block;
text-decoration: none;
font-size: 15px;
color: #eeeeee;}
.header .menu-bar .menu .link-item .link:not(.active) {
opacity: .7;}
.header .menu-bar .menu .link-item .link:hover {
opacity: initial}
@media (max-width: 991px) {
.header .menu-bar {   
position: fixed;
z-index: 101;
top: 0;
background-color: #131212;
width: 300px;
height: 100%;
overflow-y: auto;
overflow-x: hidden;
/**/
right: -300px;
-webkit-transition: right 0.3s ease-in-out;
-moz-transition: right 0.3s ease-in-out;
-ms-transition: right 0.3s ease-in-out;
-o-transition: right 0.3s ease-in-out;
transition: right 0.3s ease-in-out;}
.open-menu .header .menu-bar {
right: 0;}
.open-menu .header .menu-bar .menu {
padding-top: 60px;}
.header .menu-bar .menu .link-item {
margin-left: 0;
display: block;}
.header .menu-bar .menu .link-item .link {
padding: 15px 30px;}
}
/* header-bg-transparent */
@media (min-width: 992px) {
body:not(.specific_scroll) .header-bg-transparent header .menu-bar .menu .link-item .link {
color: #fff;}
}

/* menu-outside */
body:not(.open-menu) .header .menu-outside {
display: none;}
@media (max-width: 991px) {
.open-menu .header .menu-outside {
background: #00000096;
position: fixed;
z-index: 100;
top: 0;
right: 0;
bottom: 0;
left: 0;}
}

/* dropdown */
/* dropdown-toggle */
.header .menu-bar .menu .dropdown-toggle {
margin-top: -4px;}
.header .menu-bar .menu .dropdown-toggle::after {
border: 0;
font-family: FontAwesome;
content: '\f107';
position: relative;
left: 5px;
top: 3px;}
/* dropdown-menu */
.header .menu-bar .menu .dropdown-menu {
border: none;
min-width: 230px;
border-radius: 0;
padding: 0;
box-shadow: 3px 2px 12px #0000002e;}
.header .menu-bar .menu .dropdown-menu .dropdown-item {
background-color: transparent;
position: relative;
font-size: 12px;
padding: 13px 25px;
color: #332828;}
.header .menu-bar .menu .dropdown-menu li:not(:last-of-type) .dropdown-item {
border-bottom: 1px solid #efefef;}
.header .menu-bar .menu .dropdown-menu .dropdown-item:hover {
color: #000 !important;
background-color: #dbdbdb;}
/**/
.header .menu-bar .menu .dropdown-menu .dropdown-item::after {
font-family: FontAwesome;
content: '\f105';
font-size: 14px;
position: absolute;
top: 50%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
right: 20px;}


/* menu-toggle */
.header .menu-toggle {
position: absolute;
z-index: 10;
top: 50%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
right: 35px;
background-color: transparent;
border: none;
padding: 0;
width: 35px;
height: 25px;}
.header .menu-toggle span {
background-color: #ffffff;
display: block;
position: relative;
width: 100%;
height: 1px;}
.header .menu-toggle span:nth-of-type(1) {
top: -8px;}
.header .menu-toggle span:nth-of-type(3) {
top: 8px;}
@media (min-width: 992px) {
.header .menu-toggle {
display: none;}
}
/* header-bg-transparent */
body:not(.specific_scroll) .header-bg-transparent header .menu-toggle span {
background-color: #fff;}  

/* close-btn */
.header .menu-bar .close-btn {
top: 10px;
left: 15px}
@media (min-width: 992px) {
.header .menu-bar .close-btn {
display: none;}
}
.header .close-btn{
position: absolute;
width: 22px;
height: 22px;
opacity: 0.3;
cursor: pointer;
}
header .close-btn:before, .header .close-btn:after {
position: absolute;
left: 12px;
top: 5px;
content: ' ';
height: 100%;
width: 2px;
background-color: #ffffff;
}
.header .close-btn:before {
  transform: rotate(45deg);
}
.header .close-btn:after {
transform: rotate(-45deg);
}
.header .btn-ask 
{
background: transparent !important;
color: #fff !important;
 outline:none;
}
/* / header  */
.btn{
padding: 10px 25px;
border-radius: 20px 5px 20px 5px;
font-weight:500;
}
.scale-up:hover, .btn:hover{
transform: translateY(-5px)

}
.scale-up, .btn{
transition: transform .5s;
}

/*banner */
 @media(min-width:767px){
     .banner-carousel .slide {
      
      height:100vh !important;
         
     }
    .btns-box {
      bottom:20% !important;
    }
    .big-title{
        max-width:900px !important;
    }
    .big-title {
          font-size: 42px !important;
          line-height: 1.3 !important;
    }
 }
@media(max-width:567px){
     .content{
         width:100%;
         text-align:center;
         padding:0px 10px;
     }
 }
 .main-slider {
          position: relative;
          overflow: hidden;
      }
      .banner-carousel .slide {
          position: relative;
          width: 100%;
          height: 500px; /* Adjust height as needed */
          overflow: hidden;
      }
      .image-layer {
          position: relative;
          width: 100%;
          height: 100%;
          background-size: cover;
          background-position: center;
          transition: transform 0.5s ease; /* For zoom effect */
      }
      .image-layer::after{
          content:'';
          position:absolute;
          width:100%;
          top:0;
          left:0;
          right:0;
          bottom:0;
          opacity: 0.1;
          background: #000;
          /*background:#00000030;*/
          /* background-image:-webkit-linear-gradient(-90deg, rgb(33 37 37 / 30%) 0%, rgb(28 28 28 / 22%) 100%); */
      }
      .content {
          position: absolute;
          top: 50%;
          left: 50%;
          transform: translate(-50%, -50%) translateY(-50px); /* Start position above */
          opacity: 0;
          transition: opacity 0.5s ease, transform 0.5s ease; /* Fade in and slide down */
      }
      .btns-box {
          position: absolute;
          bottom: 20px;
          left: 50%;
          transform: translateX(-50%) translateY(50px); /* Start position below */
          opacity: 0;
          transition: opacity 0.5s ease, transform 0.5s ease; /* Fade in and slide up */
      }
      .slide.active .image-layer {
          transform: scale(1.1); /* Zoom effect on active slide */
      }
      .slide.active .content {
          opacity: 1; /* Fade in content */
          transform: translate(-50%, -50%) translateY(0); /* Slide down */
          transition-delay: 0.5s; /* Delay for animation */
      }
      .slide.active .btns-box {
          opacity: 1; /* Fade in buttons */
          transform: translateX(-50%) translateY(0); /* Slide up */
          transition-delay: 1s; /* Delay for animation */
      }
      .big-title {
          font-size: 36px;
          line-height: 1.1;
          text-shadow: 1px 1px rgba(0, 0, 0, 0.5);
          color: #fff;
          /*font-weight:900;*/
          margin-bottom: 20px;
          max-width:100%;
          text-align:center;
          font-weight:600;.rounded-box
          letter-spacing:2px;
  font-style: normal;

      }
      .btn-one {
          display: inline-block;
          padding: 10px 20px;
          background: #000;
          color: #fff;
          border:1px solid #ededed9e;
          text-decoration: none;
          font-size: 16px;
          transition: background-color 0.3s ease, color 0.3s ease, transform 0.5s ease; /* Added transform for button */
          transform: translateY(50px); /* Start position */
      }
      .btn-one:hover {
          background-color: #fff;
          color: #000;
      }
      .owl-theme .owl-nav{
          position:absolute;
          top:50%;
          margin-top:0;
          padding:10px 20px !important;
      }
      .owl-carousel .owl-dots.disabled, .owl-carousel .owl-nav.disabled {
          display:none;
      }
       .owl-nav {
      position: absolute;
      top: 50%;
      font-size:30px;
      padding:10px;
      width: 100%;
      display: flex;
      justify-content: space-between;
      transform: translateY(-50%);
  }
  .owl-nav .owl-prev,
  .owl-nav .owl-next {
      background-color: rgba(0, 0, 0, 0.5);
      color: #fff;
      padding: 10px 20px;
      border-radius: 50%;
  }
  .owl-nav .owl-prev {
      left: 10px;
      position:absolute ;
      background:rgb(255 255 255 / 27%) !important;
      color:rgba(255, 255, 255, .20) !important;
  }
  .owl-nav .owl-prev:hover,  .owl-nav .owl-next:hover{
        background:#fff !important;
      color:#000 !important;
  }
  .owl-nav .owl-next {
      right: 10px;
      position:absolute;
       background:rgb(255 255 255 / 27%) !important;
      color:rgba(255, 255, 255, .20) !important;
  }
  .owl-carousel .owl-nav button.owl-next, .owl-carousel .owl-nav button.owl-prev, .owl-carousel button.owl-dot{
      padding:10px 20px !important;
  }

/*/ banner */

.index_page .carousel-inner .carousel-item .banner-img
{
  height: 90vh;
  width: 100%;
  object-fit: cover;
}
.index_page  a, .index_page ul li
{
  text-decoration: none;
  list-style: none;
}
.index_page .counter-section .sm-card
{
    background: #fff;
  position: relative;
  padding: 30px 20px;
  height: 180px;
  /*border: 1px solid #ccd7d3;*/
  width: 100%;
  border-radius: 20px;
  align-items: center;
  text-align: center;

}
.index_page .counter-section .sm-card .counter
{
  max-width: 100%;
  width: 60px;
  height: auto;
}
/* prodcts */
.product-section .sub-head{
  position: relative;
  z-index: 2;
}
.product-section .combined{
  top: -25px !important;
}
@media(max-width:767px)
{
  .product-section .combined {
    top: -5px !important;
    font-size: 55px !important;
  }
}
.product-section .card {
  border:0;
  overflow: hidden;

}
.product-section .card .img-card
{
  position: relative;
  overflow: hidden;
  border-radius: 15px;

}
.product-section .card:hover img
{
  transform: scale(1.1);
}
.product-section .card img
{
   border-radius: 15px;
   border: 0;
   position: relative;
   height: 250px;
}
.product-section .slick-slide, .product-section-2 .slick-slide
{
  margin: 0px 10px !important;
}
.product-section .card-cont
{
  padding: 10px 20px;
}
.product-section .product
{
  max-width: 100%;
  width: 100%;
  height: 250px;
  overflow: hidden;
}
/* product */
@media(max-width:567px)
{
 .choose-section, .index_page .about-section{
  padding: 80px 20px !important;
}
}
.choose-section{
padding: 6  0px 50px;
background-image: url(../images/products/7.png);
background-size: cover;
background-position:top ;
background-repeat: no-repeat;
background-attachment: fixed;
}
 .choose-section::after, .index_page .about-section::after{
  content: '';
  position: absolute;
  height: 100%;
  width: 100%;
  left: 0;
  top: 0;
  background-color: #00000098;
}
.choose-section .cont
{
  z-index: 1;
  position: relative;
}
.choose-section .sub-head
{
font-size: 40px;
line-height: 50px;
}
.choose-section .sub-cont
{
font-size: 22px;
line-height: 28px;
font-weight: 300;
}
.choose-section .close-btn, .about-section-1 .close-btn 
{
background:#fff;
border: 1px solid #ffffff3a;
color: #000;
}
/* client */
@media(min-width:1400px)
{
  .client-section .smol-flexbox-grid { 
      --min:17ch !important; 
  }
}
.client-section .smol-flexbox-grid {
  --min: 15ch;
  --gap: 0.6rem;
  display: flex;
  flex-wrap: wrap;
  gap: var(--gap);
  justify-content: center; 
  padding: 0;
}
.specification-section .smol-flexbox-grid {
--min: 18ch;
--gap: 0.6rem;
display: flex;
flex-wrap: wrap;
gap: var(--gap);
justify-content: center; 
padding: 0;
}
.specification-section .item-card::after {
background-color: #ececec;
width: 1px;
height: 50%;
position: absolute;
right: -20px;
top: 25%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);}
.specification-section [class^="col-"]:nth-of-type(1) .item-card::after,
.specification-section [class^="col-"]:nth-of-type(2) .item-card::after,
.specification-section [class^="col-"]:nth-of-type(3) .item-card::after,
.specification-section [class^="col-"]:nth-of-type(4) .item-card::after,
.specification-section [class^="col-"]:nth-of-type(5) .item-card::after{
content: '';}
.client-section .smol-flexbox-grid > li, .specification-section .smol-flexbox-grid > li {
  flex: 0 1 var(--min); 
  max-width: var(--min); 
  box-sizing: border-box; 
}
.smol-flexbox-grid li{
list-style: none;
text-decoration: none;
}
.client-section .smol-flexbox-grid li
{
border: 1px solid #e1e1e1;
border-radius: 50px;
align-items: center !important;
justify-content: space-around;
padding: 10px 10px;
}
.client-section .client-img
{
max-width: 100%;
width: 40px;
height: auto;
}
.about-section-1 
{
background:url(../images/products/8.jpg);
background-position: top;
background-size: cover;
background-repeat: no-repeat;
padding: 60px 50px;
background-attachment: fixed;
}
.about-section-1::after
{
  content: '';
  position: absolute;
  height: 100%;
  width: 100%;
  left: 0;
  top: 0;
  background-color: #00000098;
}
@media(min-width:991px)
{
.about-section-1,  .choose-section{
  padding: 150px 100px;
}
}
.about-section-1 .cont
{
position: relative;
z-index: 1;
color: #ffffffd0;
}
.index_page .about-section .cont .sub-cont
{
font-size:16px ;
line-height: 28px;
}
/* / client  */

/* testimonials */
.testimonial-section .slide-container {
background-color: #e7e7e7;
border-radius: 20px;
padding: 20px 140px;}
.testimonial-section .slide-container .testi-img {
height: 80px;
width: 80px;
object-fit: cover;
border-radius: 50%;
margin-bottom: 10px;
}
.testimonial-section .slide-container .testi-cont {
color: #202020;
margin-bottom: 10px;
font-size: 16px;}
.testimonial-section .slide-container .testi-name {
font-size: 20px;}
.testimonial-section .slide-container .testi-desi {
font-size: 16px;
color: #858585;
}
@media (max-width: 991px) {
.testimonial-section .slide-container {
padding-left: 20px;
padding-right: 20px;}
.testimonial-section .slide-container .testi-img {
height: 100px;
width: 100px;}
.testimonial-section .slide-container .testi-name {
font-size: 18px;}
}
.testimonial-section .testimonials_slick .slick-dots
{
bottom: -72px;}
.testimonial-section .slick-dots li.slick-active button{
  background: #b59975 !important;
}
.testimonial-section .testimonials_slick .slick-dots li button{
/* background: linear-gradient(to right, #003124f5, #006345); */
background-color: transparent;
border: 1px solid #b59975;
height: 0.8rem;
width: 0.8rem;
border-radius: 50%;
color: transparent;
overflow: hidden;
}
/* / testimonial  */
/* customer section*/

.customers-section .slick-track{
  display:flex;
  align-items:center;
}
.clients_slick  .customers-img{
  max-width:100%;
  width:150px;
  height:auto;
  object-fit:cover
  }
/* /  customer section*/
  
  
.sub-head-title
{
font-size: 35px;
line-height: 45px;
}
@media(min-width:992px)
{
.sub-head-title
{
font-size: 45px;
line-height: 50px;
}
}
.sub-head{
font-size: 35px;
line-height: 48px;
}

/* about page  */
/* banner  */


/* banner-cover */
.banner-inner {
position: relative;
overflow: hidden;
z-index: 1;
}
.banner-inner::before {
content: '';
position: absolute;
width: 100%;
height: 100%;
top: 0;
bottom: 0;
right: 0;
left: 0;
background: linear-gradient(180deg, #0000008c, #0000009e);
}
.banner-inner .img-primary {
height: 500px;
width: 100%;
object-fit: cover;
    
}

.banner-inner .heading {
color: #fff;
width: 100%;
position: absolute;
left: 0;
top: 50%;
-webkit-transform: translateY(-50%);
z-index: 2;
transform: translateY(-50%);}
.banner-inner .heading h3 {
  font-size: 55px;
  line-height: 80px;
  font-weight: 900;
  letter-spacing: 4px;}
.banner-inner .heading h3 .sub-title
{
font-size: 18px;
line-height: 20px;
font-weight: 500;
color: #517e72;
letter-spacing: 2px;
}
/* .banner-inner .heading h3 .sub-title-1 */
.banner-inner .heading h3 span {
  display: block;
    
}

@media (max-width: 991px) {
.banner-inner .img-primary {
height: 340px;
    
}
.banner-inner .heading h3 {
  font-size: 44px;
  line-height: 64px;
  letter-spacing: 3px;
    
}
  
  .banner-inner .heading h3 .sub-title{
    font-size: 28px;
line-height: 20px;
font-weight: 500;
color: #517e72;
letter-spacing: 2px;
}  
  }
  

@media (max-width: 767px) {
    
.banner-inner .heading h3 {
  font-size: 38px;
  line-height: 52px;
  letter-spacing: 3px;
    
}

 .banner-inner .heading h3 .sub-title{
    font-size: 15px;
line-height: 20px;
font-weight: 500;
color: #517e72;
letter-spacing: 2px;
}
} 

.about_page .about-section .about-img
{
max-width: 100%;
width: 100%;
height: 385px;
object-fit: cover;
}
.about_page .client-section .customers-img
{
max-width: 100%;
width: 100%;
height: 100px;
object-fit: cover;
}
.about_page .team-section .card:hover
{
box-shadow: 4px 10px 20px #00000049;
}
.about_page .team-section .card
{
border-radius: 4px ;
border: 1px solid #0000002e;
background-color: #ffffffa8;

}
.about_page .team-section .card .cont{
  padding: 10px 20px;
}
.about_page .team-section .card .team-img{
max-width: 100%;
width: 100%;
height: 280px;
object-fit: cover;
object-position: top;
border-radius: 3px 3px 0px 0px;
}
.award-section .slick_award{
margin-left: -10px;
}
.award-section .award-card .img-card{
position: relative;
overflow: hidden;
}
.award-section .award-card{
margin: 0px 10px;
position: relative;
box-shadow: 5px 6px 9px #0a0a0a1a;
background-color: white;
border-radius: 10px;
}
.award-section .award-card:hover .award-img{
transform: scale(1.1  );
}
.award-section .award-card .award-img
{
max-width: 100%;
width: 100%;
object-fit: cover;
height: 300px;
border-radius: 10px 10px 0px 0px;
overflow: hidden;
position: relative;
}
.award-section .award-card .award-cont{
padding: 10px 10px;
margin-bottom: 10px;
position: relative;
}
/* product page  */
.product-section-1 {
position: relative;
padding: 100px 0px;
}
@media(min-width:767px) and (max-width:992px){
 .combined {
  font-size: 60px !important;
  top: 70px !important;
  letter-spacing: 2px !important;
}
}
@media(min-width:567px) and (max-width:767px){
 .combined {
  font-size: 50px !important;
  top: 80px !important;
  letter-spacing: 1px !important;
}
}
@media (max-width:567px){
 .combined {
  font-size: 40px !important;
  top: 80px !important;
  letter-spacing: 1px !important;
}
}

.combined {
-webkit-text-stroke: 1px rgb(255 221 224);
color: white;
position: absolute;
font-size: 90px;
letter-spacing: 10px;
font-weight: 900;
z-index: 1;
width: 100%;
left: 0;
top: 50px;
}

.product-section-1 h3{
font-size: 1.8rem;
line-height: 28px;
letter-spacing: 4px;
position: relative;
z-index: 2;
}
.product-section-1 span{
content: "";
width: 100%;
height: 10px;
border-radius: 20px 0px 20px 0px;
background-color: #000;
position: absolute;
bottom: 0;
left: 0;
z-index:1;
}
.product-section-2
{
background-color: #574b3d;
}
.product-section-2 .prodcuts-card {
background-color: #fff;
}
.product-section-2 .prodcuts-card .product-img{
max-width: 100%;
width: 100%;
height: 300px;
}
.product-section-2 .prodcuts-card .pro-dec{
border-top: 1px solid #b3b3b3;
padding:25px 20px;
}
.product-section-2 .prodcuts-card .pro-dec .arrow:hover {
border: 1.8px solid #f00;
color: #f00;
}
.product-section-2 .prodcuts-card .pro-dec .arrow{
border: 1.5px solid black;
color: #000;
padding: 8px 15px;
}
.product-section-2 .prodcuts-card .pro-dec .arrow .fa{
font-weight: 400;
}
.mattress-layer-img{
width:100%;
height:380px;
max-width:100%;
  
}
.layer-img{
  width:auto;
  height:400px;
}
.product-section-3 .pro-img-card::after{
content: "";
position: absolute;
height: 100%;
width: 100%;
left: 0;
right: 0;
top: 0;
bottom: 0;
background-color: #00000056;
}
.product_page .product-section-3 .pro-img-card::after{
background-color: #080808b3;
}
.product-section-3 .pro-img{
max-width: 100%;
width: 100%;
height: 400px;
object-fit: cover;
}
.product-section-3 .pro-img-card .cont
{
position: absolute;
bottom: 40%;
text-align: center;
left: initial;
z-index: 1;
color: #fff;
width: 100%;
}
.materials-section .features-list
{
list-style: none;
text-decoration: none;
}
.materials-section .features-list img
{
max-width: 100%;
width: 80px;
height: auto;
}
.featuer-about {
padding: 130px 0px;
background-image:url(../images/banner/features-layer.jpg) ;
background-size:cover;
background-repeat:no-repeat;
}
.featuer-about .read-more, .pillow-section-2 .read-more
{
  display:block;
   text-decoration:none;
  list-style:none;
  color:white;
  padding:10px 25px;
  background:#000;
  width:fit-content;
  font-weight:500;
  margin-top:10px;
  text-transform:uppercase; 
       
}
.pro-features-section .features-card .num{
max-width: 100%;
width: 80px;
height: 80px;
overflow: hidden;
}
.pro-features-section .features-card .feature-img:last-child{
width: 280px;
height:100px;
}
.pro-features-section .features-card .feature-img{
max-width: 100%;
height:200px;
width: 100%;
}
.specification-section .item-card{
position: relative;
}
/* .specification-section .item-card::after{
content: '';
background-color: #eb0000;
width: 1px;
height: 50px;
position: absolute;
right: -15px;
top: 50%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
}
.specification-section .item-card::before{
content: '';
background-color: #eb0000;
width: 50px;
height: 1px;
position: absolute;
right: -40px;
top: 50%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
} */
.specification-section .item-card img{
max-width: 100%;
width: 50px;
height: 55px;
}
.dot-bg 
{
background:url(../images/banner/dot-bg.png) ;
}
.pillow-section-2 .item-card .pillow-img{
max-width: 100%;
width:100%;
height: 300px;
overflow: hidden;
object-fit: cover;
position: relative;
z-index: 2;
}
.pillow-section-2 .item-card .shadow-card{
content: "";
position: absolute;
left: -20px;
right: 0;
bottom: 52px;
top: -20px;
background-color: #A88152;
z-index: 0;
width: 100%;
height: 100% 
}
.tab-nav-section .nav-tabs .nav-item.show .nav-link, .tab-nav-section .nav-tabs .nav-link.active{
border: 1px solid #b59975 !important;
color: #fff;
background-color: #b59975 !important;
border-radius: 10px;
margin: 10px 10px;
padding: 5px 15px !important;
}
.tab-nav-section .nav-tabs .nav-link{
background-color: transparent;
border: 1px solid #b59975;
border-radius: 10px;
color: #b59975;
margin: 10px 10px;
padding: 5px 15px !important;
}
.tab-nav-section .tab-pane .nav-tab-img{
max-width: 100%;
width: 100%;
height: 400px;
object-fit: cover;
}
@media (min-width:768px) {
.pillow-section-2 .item:nth-child(even) .col-item:first-of-type {
    order: 2;
  }
.pillow-section-2 .item:nth-child(even) .col-item:last-of-type {
    order: 1;}
/* .pillow-section-2 .item .cont{
      padding: 0px 20px;
  } */
  .pillow-section-2 .item:nth-child(even) .col-item:first-of-type .item-card .shadow-card {
    left: 20px;
  }
}
/* / product page  */
/* blog */

.blog_page .blog-section .blog-img
{
max-width: 100%;
width: 100%;
height: 380px;
object-fit: cover;
}
.blog_page .blog-section .blog-card:hover p, .blog_page .blog-section .blog-card:hover h4{
  color:#000 !important;
}
@media (min-width:768px) {
.blog_page .item:nth-child(odd) .col-item:first-of-type {
    order: 2;}
.blog_page .item:nth-child(odd) .col-item:last-of-type {
    order: 1;}
}
.blog-section .item:nth-child(odd)  {
  background-color: rgba(247, 247, 247, 0.911);
}
.blog-section .item {
border-bottom: 1px solid #ebebebc2;
padding: 30px 20px;
}

/* contact page */
.contact-section .card{
padding: 1.8rem 3rem;
background-color: #f7f7f7;
}
@media(min-width:1200px) and (max-width:1400px){
.contact-section .card{
  padding: 2rem 3rem;
}
}
@media(min-width:992px) and (max-width:1200px){
.contact-section .card{
  padding: 1.5rem 3rem;
}
}
@media(max-width:567px){
.contact-section .card{
  padding: 1rem 1.4rem;
}
}
.contact-section .contact-img img{
  min-height:500px;
}
.contact-section .card .form-control
{
border-radius: 5px;
padding: 0.5rem 1rem;
border: 1px solid #e5e6eb !important;
box-shadow:0 1px 2px 0 rgb(0 0 0 / 0.05);
--tw-shadow: 0 1px 2px 0 rgb(0 0 0 / 0.05);
--tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);
box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.contact-section .card textarea
{
min-height: 100px;
}
.contact-img .cont-address{

position: absolute;
bottom: 10px;
width: 100%;
padding: 10px 20px;

}
.contact-section .cont-address .cont
{
padding: 10px 15px;
border-radius: 10px;
background-color: #fff;
opacity:0.9;
}
.contact-section .cont-address .cont a{
color: #000 !important;
text-decoration: none;
list-style: none;
margin: 10px 0px;
}















/* footer */
footer{
padding: 60px 0px;
background-color: #000000fc;
color: #fff;
position: relative;
z-index: 1;
}
footer ul, footer a {
text-decoration: none;
list-style: none;
} 
footer .logo
{
width: 100px;
height: auto;
max-width: 100%;
}
footer .form-control{
padding: 1rem 2rem ;
}
footer .subscription .btn-sub
{
width: 100%;
letter-spacing: 2px;
color: #ffffff;
border-radius: 0;
background-color: #A88152;
}
footer .social .socail-icons{
height: 35px;
width: 35px;
display: flex;
justify-content: center;
align-items: center;
margin: 0px 15px 0px 0px ;
background:#fff ;
border-radius: 50%;
}
footer .social .socail-icons img
{
max-width: 100%;
width: 20px;
height: auto;
}
footer .quick-links li a
{
color: #b6bcba;
}
footer .links li a
{
color: #f9faf9;
}

.whatsapp_fixed{
position: fixed;
right: 30px;
bottom: 30px;
width: 50px;
height: 50px;
display: inline-block;
line-height: 50px;
background: #2ab03f;
color: #fff;
border-radius: 100%;
text-align: center;
z-index: 99;
}

.logo-font{
      font-family: 'Chestra' ;
}
.img-rounded {
  padding: 20px;
 display : flex;
align-items : center;
height: 120px;
width: 100%;
text-align: center;
    position: relative;
    color: #fff;
    font-size: 32px;
    overflow: hidden;
    justify-content: center;
}
.img-rounded::before{
  content: "";
  position: absolute;
width: 100%;
height: 100%;
top: 0;
bottom: 0;
right: 0;
left: 0;
background: #000;
opacity: 0.3;
}
.environment{
    background-image: url(../images/environment.jpg);
background-size: cover;
}
.food{
        background-image: url(../images/food.jpg);
background-size: cover;
}
.bed{
        background-image: url(../images/sleep.jpg);
background-size: cover;
background-position: bottom;
}

.pb-60{
  padding-bottom: 60px;
}
.rounded-box{
    background: #f5f5f5;
    padding: 15px;
    border-radius: 10px;
}
.bg-light-gary .rounded-box{
    background:#fdfdfd;
    border:1px solid #f7f7f7;
}
.rounded-box p{
    font-size: 14px;
    margin-bottom: 0px;
}
.banner-video{
    height: 100vh;
    overflow: hidden;
    position: relative;
}
/*.banner-video::before {*/
/*  width: 100%;*/
/*  height: 100vh;*/
/*  position: absolute;*/
/*  top: 0;*/
/*  left: 0;*/
/*  background-image: linear-gradient(45deg, rgba(0,0,0,.3) 50%, rgba(0,0,0,.7) 50%);*/
/*  background-size: 3px 3px;*/
/*  z-index: 2;*/
/*  right: 0;*/
/*  content: "";*/
/*}*/
@media (max-width: 768px) {
    .banner-video {
        height: auto;
    }
    .banner-video::before{
    display: none;
  }
}