@import url('https://fonts.googleapis.com/css2?family=Rammetto+One&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Rammetto+One&display=swap');
@import url('https://fonts.googleapis.com/css?family=Quicksand&display=swap');
@import url('https://fonts.googleapis.com/css?family=Muli&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Josefin+Sans:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;1,100&display=swap');
body {
  font-family: 'Poppins', sans-serif;
  font-weight: 300;
  font-size: 1rem !important;
}

.h1, h1, h2, .h2, h3, .h3, .h4, h4, h5, .h5, .h6, h6 {
  font-weight: 800;
  letter-spacing: 1px;
  margin: 0.2rem;
  text-transform: uppercase;
}

.bg-white{
  background-color:#8b4513!important;
  color: #fff!important;
}



/* Full height image header */
/* .bgimg-1 {
  background-position: center; 
  background-size: cover;
  background-image: url("image/img5.jpg");
  min-height: 70%;
  object-fit: cover;
  
} */

.w3-bar .w3-button {
  padding: 16px;
  

}
.header-img{
  position: relative;
  height: auto;
  /* float:center; */
  width: 4rem;
  /*margin:1%;*/
  /* margin-top: 15px;
  margin-left: 24px; */
  border-radius: 7px;
 
}
.w3-bar .w3-bar-item {
  font-family: sans-serif;
 
}
#button {
  position:relative;
  height: auto;
  overflow:hidden;
  transition: 0.5s;
  

}
#button:hover {
 z-index: 1;
 transform: scale(1.25);
 /* box-shadow:0 25px 40px rgba(0,0,0,.5); */
 border-radius: .5rem;
 border: 0.5em px solid #6b6b6b;

}

/* Dashboard css */

.carousel-control.left {
    background-image:none !important;
  }
  .carousel-control.right {
    background-image:none !important;
  }
  #type {
    position: relative;
  }
  .w3-round-xxlarge {
    display: block;
    width: 100%;
    height: auto;
  }
  .overlay {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    background-color:rgba(0, 0, 0, 0.3);
    overflow: hidden;
    width: 100%;
    height: 100%;
    -webkit-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0);
    -webkit-transition: .3s ease;
    transition: .3s ease;
  }
  /* #type:hover .w3-round-xxlarge {
  opacity: 0.;
  } */
  #type:hover .overlay {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    border:2px solid white;
  }
  .text {
    color: white;
    font-size: 20px;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    text-align: center;
  }
  .w3-main{
    max-width:1520px;
    /* margin-top:20px;
    margin-bottom:20px; */
    background-image: url('image/bg-img-11.jpg');
    background-size: cover;
  }

  #footer.w3-center{
    /* background-color:#8b4513!important; */
    background-image: linear-gradient(180deg, #8b4513, #b9b9b9);
  }


/* About Css */
  .w3-row-padding{
    margin-top: 50px;
    margin-left: 50px;
    margin-right: 50px;

}

/* Product Page Css */
#test {
    position:relative;
    /* width: 245px; */
    height: auto;
    overflow:hidden;
    transition: 0.5s;
    border:5px solid white;
     border-width: thick;
     background-color:#ffffff;
     
  }
  
  #test:hover {
   z-index: 1;
   transform: scale(1.00);
   box-shadow:0 25px 40px rgba(0,0,0,.5);
   /* border-radius: 1.5rem; */
   border:1px solid #6b6b6b;
  
  }
  /* .w3-modal-content{
      width: 500px !important;
  }
   */
  hr.solid {
    border-top: 8px solid #ffffff;
  }

  /* Enquiry css */
  .global-container {  
    height: 100%;  
    display: flex;  
    align-items: center;  
    justify-content: center;  
    /* background-color: #f5f5f5;   */
    

} 

form {  
     font-size: 14px;  
}  
 
.btn {  
    font-size: 14px;  
 
}  
.login-form {   
    width: 330px;  
    margin: 20px; 
    /* margin-top: 80px; */
    border-block-width: 2px;
   
}  

.enquiry-form {   
  width: 330px;  
  margin: 20px; 
  /* margin-top: 80px; */
  border-block-width: 2px;
  border: 2px solid black;
}  


/* .sign-up {  
    text-align: center;  
    padding: 20px 0 0;  
}   */
.alert {  
    margin-bottom: -30px;  
    font-size: 13px;  
    margin-top: 20px;  
}  




.navbar, header { background-color: #484848; }
.navbar .navbar-nav .nav-link { color: #fff; font-size: 0.98rem;}
.navbar .navbar-nav .nav-link:hover { color: #fbc531; }
.navbar .navbar-nav .active > .nav-link { color: #fbc531; }

footer a.text-light:hover { color: #fed136!important; text-decoration: none; }
footer .cizgi { border-right: 1px solid #c2c2c2; }
@media (max-width: 992px) { footer .cizgi { border-right: none; } }


.bg-ls{
  background-color: #cde9d6;
  border-radius: 10px;
  border: #c2c2c2 solid 2px;
  padding: 0.5rem;
  margin-top: 0.5rem;
 margin-bottom: 0.5rem;
}
.bg-energy{
  background-color: #fff1cb;
  border-radius: 10px;
  border: #c2c2c2 solid 2px;
  padding: 0.5rem;
  margin-top: 0.5rem;
 margin-bottom: 0.5rem;
}
.bg-pink{
  background-color: #f8d3cf;
  border-radius: 10px;
  border: #c2c2c2 solid 2px;
  padding: 0.5rem;
  margin-top: 0.5rem;
  margin-bottom: 0.5rem;
  
}

.bg-lb{
  background-color: #d2e4fd;
  border-radius: 10px;
  border: #c2c2c2 solid 2px;
  padding: 0.5rem;
  margin-top: 0.5rem;
 margin-bottom: 0.5rem;
}

.bg-off-white{
  background-color: #f2f2f2;
  border-radius: 10px;
  border: #c2c2c2 solid 2px;
  padding: 0.5rem;
  margin-top: 0.5rem;
  margin-bottom: 0.5rem;
  
}


/* CUSTOMIZE THE CAROUSEL
-------------------------------------------------- */

/* Carousel base class */
.carousel {
  margin-bottom: 4rem;
}
/* Since positioning the image, we need to help out the caption */
.carousel-caption {
  bottom: 3rem;
  z-index: 10;
}

/* Declare heights because of positioning of img element */
.carousel-item {
  height: 32rem;
}

#abt-carousel .carousel-item{
 height: 16rem;
}

/* MARKETING CONTENT
-------------------------------------------------- */

/* Center align the text within the three columns below the carousel */
.marketing .col-lg-4 {
  margin-bottom: 1.5rem;
  text-align: center;
}
/* rtl:begin:ignore */
.marketing .col-lg-4 p {
  margin-right: .75rem;
  margin-left: .75rem;
}
/* rtl:end:ignore */


/* Featurettes
------------------------- */

.featurette-divider {
  margin: 5rem 0; /* Space out the Bootstrap <hr> more */
}

/* Thin out the marketing headings */
/* rtl:begin:remove */
.featurette-heading {
  letter-spacing: -.05rem;
}

/* rtl:end:remove */

/* RESPONSIVE CSS
-------------------------------------------------- */

@media (min-width: 40em) {
  /* Bump up size of carousel content */
  .carousel-caption p {
    margin-bottom: 1.25rem;
    font-size: 1.25rem;
    line-height: 1.4;
  }

  .featurette-heading {
    font-size: 50px;
  }
}

@media (min-width: 62em) {
  .featurette-heading {
    margin-top: 7rem;
  }
}


.carousel-caption {
   background-color: #01010187;
   border-radius: 20px;
   padding: 0.4rem;
}
.product-bg {
  min-height: 22rem;
  margin: 0.75rem 0.15rem 0.75rem 0.15rem;
  padding: 0.15rem;
  background-color: #f2f2f2;
  border: solid #fafafa 2px;
  border-radius: 10px;
  box-shadow: rgba(50, 50, 93, 0.25) 0px 13px 27px -5px, rgba(0, 0, 0, 0.3) 0px 8px 16px -8px;
  overflow: hidden;
}
.product-card {
    height: 29rem;
    /* min-height: 22rem; */
    margin: 0.75rem 0.15rem 0.75rem 0.15rem;
    padding: 0.15rem;
    background-color: #f1e2e29c;
    border: solid #fafafa 2px;
    border-radius: 10px;
    box-shadow: rgba(50, 50, 93, 0.25) 0px 13px 27px -5px, rgba(0, 0, 0, 0.3) 0px 8px 16px -8px;

}
hr{
  margin: 0.7rem;
}
.product-card-p {
    font-size: 0.9rem;
    height: 32rem;
    /* min-height: 22rem; */
    margin: 0.75rem 0.15rem 0.75rem 0.15rem;
    padding: 0.15rem;
    background-color: #f1e2e29c;
    border: solid #fafafa 2px;
    border-radius: 10px;
    box-shadow: rgba(50, 50, 93, 0.25) 0px 13px 27px -5px, rgba(0, 0, 0, 0.3) 0px 8px 16px -8px;
    overflow: hidden;
}
.product-card-p lable {
 font-size: 0.8rem;
}
.product-img {
  width: 250px;
  height: 210px;
  border:5px solid white; 
  border-radius: 10px;  
}
.product-img-modal {
  width: 375px;
  height: 315px;
  border:5px solid white; 
  border-radius: 10px;  
}
.text-modal-data{
  color:#78244c;
  font-weight: 500;
  letter-spacing:1px;
}
.text-rouge {
  color: #a94064;
}
.bg-lightpurple {
    background-color: #e2dde9;
    border-radius: 10px;
    border: #c2c2c2 solid 2px;
    padding: 0.5rem;
    margin-top: 0.5rem;
    margin-bottom: 0.5rem;
}
.bg-lights {
    background-color: #dde2e9;
    border-radius: 10px;
    border: #c2c2c2 solid 2px;
    padding: 0.5rem;
    margin-top: 0.5rem;
    margin-bottom: 0.5rem;
}
.bg-hanuman {  
    background-color: #8b4513 !important;
    color: #fff !important;
  }
  .bg-hanuman-ftr {  
    background-color: #2a12016c !important;
    color: #fff !important;
    border-radius: 0.9rem;
    min-height: 14rem;
  }
  @media (max-width: 576px) {
  .carousel-item {
    height: 14rem;
  }
  .carousel {
    margin-bottom: 1rem;
  }
  .header-img {
    width: 2.5rem;
    
  }
  .navbar-brand {
    font-size: 1.1rem;
  }
  footer{
    font-size: 0.8rem !important;
  }
  body{
    font-size: 0.9rem;
  }
}


.product-name{
  color: #871515;
  font-weight: 700;
}
.view{
  background-color: #871515;
}


.testimonial{
  font-size: 0.8rem;
}

.owl-carousel .owl-item {
    transition: all 0.3s ease-in-out;
}

.owl-carousel .owl-item .card {
    padding: 30px;
    position: relative;
}

.owl-carousel .owl-stage-outer {
    overflow-y: auto !important;
    padding-bottom: 40px;
}

.owl-carousel .owl-item img {
    height: 200px;
    object-fit: cover;
    border-radius: 6px;
}

.owl-carousel .owl-item .card .name {
    position: absolute;
    bottom: -20px;
    left: 33%;
    color: #ffffff;
    font-size: 0.9rem;
    font-weight: 500;
    background-color: #a04505;
    padding: 0.3rem 0.4rem;
    border-radius: 5px;
    box-shadow: 2px 3px 15px #3c405a;
}

.owl-carousel .owl-item .card {
    opacity: 0.2;
    transform: scale3d(0.8, 0.8, 0.8);
    transition: all 0.3s ease-in-out;
}

.owl-carousel .owl-item.active.center .card {
    opacity: 1;
    transform: scale3d(1, 1, 1);
}

.owl-carousel .owl-dots {
    display: inline-block;
    width: 100%;
    text-align: center;
}

.owl-theme .owl-dots .owl-dot span {
    height: 20px;
    background: #a04505f7 !important;
    border-radius: 2px !important;
    opacity: 0.8;
}

.owl-theme .owl-dots .owl-dot.active span,
.owl-theme .owl-dots .owl-dot:hover span {
    height: 13px;
    width: 13px;
    opacity: 1;
    transform: translateY(2px);
    background: #a04505ab !important;
}

@media(min-width: 480.6px) and (max-width: 575.5px) {
    .owl-carousel .owl-item .card .name {
        left: 24%;
    }
}

@media(max-width: 360px) {
    .owl-carousel .owl-item .card .name {
        left: 30%;
    }
}


.product-card-p .card-footer{

     background-color: transparent !important; 
    border-top: 0px !important;
}
.product-card-p .card-body{

    padding: 0.25rem !important;
}
.btn-human {
  --bs-btn-color: #fff;
  --bs-btn-bg: #8b4513;
  --bs-btn-border-color: #8b4513;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #8b4513;
  --bs-btn-hover-border-color: #8b4513;
  --bs-btn-focus-shadow-rgb: 49, 132, 253;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #8b4513;
  --bs-btn-active-border-color: #8b4513;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #fff;
  --bs-btn-disabled-bg: #8b4513;
  --bs-btn-disabled-border-color: #8b4513;
}