::-webkit-scrollbar {
  width: 10px;
}

/* Track */
::-webkit-scrollbar-track {
  background: #f1f1f1;
}

/* Handle */
::-webkit-scrollbar-thumb {
  background: #888;
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
  background: #555;
}

html {
  font-size: 62.5%;
  overflow-x: hidden;
  scroll-behavior: smooth;
  scroll-padding-top: 6rem;
}
 

body{
   
  overflow: hidden;
}

header{
     width: 100%;
     background-size: 100% 90%;
     background-position: bottom;
     position: relative;
}

 .announcement-bar{
   background:black;
    width:100%;
    height:60px;
    padding:20px !important;
    top:0;
    overflow: hidden;
    position: relative;
     animation: neon 0.08s ease-in-out infinite alternate;
  /*animation: flicker 1.5s infinite alternate;*/
 -webkit-animation: neon 0.08s ease-in-out infinite alternate;
  
    /*animation:animate 10s linear infinite;*/
}

.announcement-bar__message img {
  width: 40px;
 
  animation:move 8s linear infinite;
} 

@keyframes move {
    0% {
        transform: translateX(0%);
         
    }
    
    10%{
       transform: translateX(20px);
       transform:rotate(-90deg);
    }
    
     20%{
       transform: translateX(-20px);
       
    }
    
    30%{
       transform: translateX(20px);
       transform:rotate(-90deg);
    }
    
     40%{
       transform: translateX(-20px);
       
    }
    
    50%{
       transform: translateX(20px);
       
    }
    
     60%{
       transform: translateX(-20px);
       
    }
    
     70%{
       transform: translateX(20px);
       
    }
    
     80%{
       transform: translateX(-20px);
       
    }
    
     90%{
       transform: translateX(20px);
       
    }
    
    100%{
       transform: translateX(0%);
      
    }
}

 .announcement-bar a {
                position: absolute;
                width: 100%;
                height: 100%;
                margin: 0;
                 font-size:2.5rem !important;
                line-height: 30px;
                font-weight:500 !important;
               
                color: #efc6ff;
                text-align: center;
                -moz-transform: translateX(70%);
                -webkit-transform: translateX(70%);
                transform: translateX(70%);
                -moz-animation: scroll-left 2s linear infinite;
                -webkit-animation: scroll-left 2s linear infinite;
                animation: scroll-left 20s linear infinite !important;
                 color: #efc6ff;
         
    /*              text-shadow:*/
    /*0 0 5px #fff,*/
    /*0 0 10px #fff,*/
    /*0 0 20px #fff,*/
    /*0 0 40px #0ff,*/
    /*0 0 80px #0ff,*/
    /*0 0 90px #0ff,*/
    /*0 0 100px #0ff,*/
    /*0 0 150px #0ff;*/
    
    
               
            }
            
   @-webkit-keyframes neon {
  from {
    text-shadow: 0 0 6px rgba(223, 202, 228, 0.92), 0 0 30px rgba(202, 228, 225, 0.34), 0 0 12px rgba(207, 30, 242, 0.52), 0 0 21px rgba(175, 30, 242, 0.92), 0 0 34px rgba(242, 30, 231, 0.78), 0 0 54px rgba(217, 30, 242, 0.92);
  }
  to {
    text-shadow: 0 0 6px rgba(227, 202, 228, 0.98), 0 0 30px rgba(202, 228, 225, 0.42), 0 0 12px rgba(207, 30, 242, 0.58), 0 0 22px rgba(235, 30, 242, 0.84), 0 0 38px rgba(242, 30, 214, 0.88), 0 0 60px #cf1ef2;
  }
}
@keyframes neon {
  from {
    text-shadow: 0 0 6px rgba(223, 202, 228, 0.92), 0 0 30px rgba(202, 228, 225, 0.34), 0 0 12px rgba(207, 30, 242, 0.52), 0 0 21px rgba(175, 30, 242, 0.92), 0 0 34px rgba(242, 30, 231, 0.78), 0 0 54px rgba(217, 30, 242, 0.92);
  }
  to {
    text-shadow: 0 0 6px rgba(227, 202, 228, 0.98), 0 0 30px rgba(202, 228, 225, 0.42), 0 0 12px rgba(207, 30, 242, 0.58), 0 0 22px rgba(235, 30, 242, 0.84), 0 0 38px rgba(242, 30, 214, 0.88), 0 0 60px #cf1ef2;
  }
}
    
    
    
            
/*            @keyframes flicker {*/
                
    
/*  0%, 18%, 22%, 25%, 53%, 57%, 100% */
/*  {*/

/*      text-shadow:*/
/*      0 0 4px #fff,*/
/*      0 0 11px #fff,*/
/*      0 0 19px #fff,*/
/*      0 0 40px #0fa,*/
/*      0 0 80px #0fa,*/
/*      0 0 90px #0fa,*/
/*      0 0 100px #0fa,*/
/*      0 0 150px #0fa;*/
  
/*  }*/
  
/*  20%, 24%, 55% {        */
/*      text-shadow: none;*/
/*  }    */
/*}*/
            
            @-moz-keyframes scroll-left {
                0% {
                    -moz-transform: translateX(70%);
                }
                100% {
                    -moz-transform: translateX(-70%);
                }
            }
            
            @-webkit-keyframes scroll-left {
                0% {
                    -webkit-transform: translateX(70%);
                }
                100% {
                    -webkit-transform: translateX(-70%);
                }
            }
            
            @keyframes scroll-left {
                0% {
                    -moz-transform: translateX(70%);
                    -webkit-transform: translateX(70%);
                    transform: translateX(70%);
                }
                100% {
                    -moz-transform: translateX(-70%);
                    -webkit-transform: translateX(-70%);
                    transform: translateX(-70%);
                }
            }
            
            @keyframes animate {
       0%{
           filter:hue-rotate(0deg);
       }
       
      100%{
           filter:hue-rotate(360deg);
       }
}


@media only screen and (max-width:500px){
.announcement-bar a {
    position: absolute;
    width: 100%;
    height: 100%;
    margin: 0;
    font-size: 1.8rem !important;
    line-height: 20px;
    font-weight: 400;
     color: #efc6ff;
    text-align: center;
    -moz-transform: translateX(100%);
    -webkit-transform: translateX(100%);
    transform: translateX(100%);
    -moz-animation: scroll-left 2s linear infinite;
    -webkit-animation: scroll-left 2s linear infinite;
    animation: scroll-left 10s linear infinite !important;
    white-space:nowrap;
   
}


 @-moz-keyframes scroll-left {
                0% {
                    -moz-transform: translateX(100%);
                }
                100% {
                    -moz-transform: translateX(-100%);
                }
            }
            
            @-webkit-keyframes scroll-left {
                0% {
                    -webkit-transform: translateX(100%);
                }
                100% {
                    -webkit-transform: translateX(-100%);
                }
            }
            
            @keyframes scroll-left {
                0% {
                    -moz-transform: translateX(100%);
                    -webkit-transform: translateX(100%);
                    transform: translateX(100%);
                }
                100% {
                    -moz-transform: translateX(-100%);
                    -webkit-transform: translateX(-100%);
                    transform: translateX(-100%);
                }
            }
            


.announcement-bar {
    background: black;
    width: 100%;
    height: 60px;
     padding: 20px; 
    top: 0;
    overflow: hidden;
    position: relative;
    animation: neon 0.08s ease-in-out infinite alternate;
   -webkit-animation: neon 0.08s ease-in-out infinite alternate;
    /* animation: animate 10s linear infinite; */
}
}

* {
 font-family: 'Jost', sans-serif;
 letter-spacing:0.5px;
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  outline: none;
  border: none;
  
 /*transition: all 0.2s linear;*/
  
}

::selection {
  color: #fff;
  background: var(--bg-color);
}
:root{
--bg-color:#e2bb90;
/*-webkit-user-select: none;*/
/*-khtml-user-select: none;*/
/*-moz-user-select: none;*/
/*-ms-user-select: none;*/
/*-o-user-select: none;*/
/*user-select: none;*/
}

/* ---------common utlilities starts  --------- */

html {
  font-size: 62.5%;
  overflow-x: hidden;
  scroll-behavior: smooth;
  scroll-padding-top: 6rem;
}
 


@-webkit-keyframes rotate {
  0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  10% {
    -webkit-transform: rotate(1deg);
            transform: rotate(1deg);
  }
  20% {
    -webkit-transform: rotate(2deg);
            transform: rotate(2deg);
  }
  30% {
    -webkit-transform: rotate(3deg);
            transform: rotate(3deg);
  }
  40% {
    -webkit-transform: rotate(4deg);
            transform: rotate(4deg);
  }
  50% {
    -webkit-transform: rotate(5deg);
            transform: rotate(5deg);
  }
  60% {
    -webkit-transform: rotate(4deg);
            transform: rotate(4deg);
  }
  70% {
    -webkit-transform: rotate(3deg);
            transform: rotate(3deg);
  }
  80% {
    -webkit-transform: rotate(2deg);
            transform: rotate(2deg);
  }
  90% {
    -webkit-transform: rotate(1deg);
            transform: rotate(1deg);
  }
  100% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
}


@-webkit-keyframes top-bottom {
  0% {
    -webkit-transform: translateY(0px);
            transform: translateY(0px);
  }
  10% {
    -webkit-transform: translateY(1px);
            transform: translateY(1px);
  }
  20% {
    -webkit-transform: translateY(2px);
            transform: translateY(2px);
  }
  30% {
    -webkit-transform: translateY(3px);
            transform: translateY(3px);
  }
  40% {
    -webkit-transform: translateY(4px);
            transform: translateY(4px);
  }
  50% {
    -webkit-transform: translateY(5px);
            transform: translateY(5px);
  }
  60% {
    -webkit-transform: translateY(4px);
            transform: translateY(4px);
  }
  70% {
    -webkit-transform: translateY(3px);
            transform: translateY(3px);
  }
  80% {
    -webkit-transform: translateY(2px);
            transform: translateY(2px);
  }
  90% {
    -webkit-transform: translateY(1px);
            transform: translateY(1px);
  }
  100% {
    -webkit-transform: translateY(0px);
            transform: translateY(0px);
  }
}


@-webkit-keyframes left-right {
  0% {
    -webkit-transform: translateX(0px);
            transform: translateX(0px);
  }
  10% {
    -webkit-transform: translateX(-1px);
            transform: translateX(-1px);
  }
  20% {
    -webkit-transform: translateX(-2px);
            transform: translateX(-2px);
  }
  30% {
    -webkit-transform: translateX(-3px);
            transform: translateX(-3px);
  }
  40% {
    -webkit-transform: translateX(-4px);
            transform: translateX(-4px);
  }
  50% {
    -webkit-transform: translateX(-5px);
            transform: translateX(-5px);
  }
  60% {
    -webkit-transform: translateX(-4px);
            transform: translateX(-4px);
  }
  70% {
    -webkit-transform: translateX(-3px);
            transform: translateX(-3px);
  }
  80% {
    -webkit-transform: translateX(-2px);
            transform: translateX(-2px);
  }
  90% {
    -webkit-transform: translateX(-1px);
            transform: translateX(-1px);
  }
  100% {
    -webkit-transform: translateX(0px);
            transform: translateX(0px);
  }
}


@-webkit-keyframes right-left {
  0% {
    -webkit-transform: translateX(0px);
            transform: translateX(0px);
  }
  10% {
    -webkit-transform: translateX(1px);
            transform: translateX(1px);
  }
  20% {
    -webkit-transform: translateX(2px);
            transform: translateX(2px);
  }
  30% {
    -webkit-transform: translateX(3px);
            transform: translateX(3px);
  }
  40% {
    -webkit-transform: translateX(4px);
            transform: translateX(4px);
  }
  50% {
    -webkit-transform: translateX(5px);
            transform: translateX(5px);
  }
  60% {
    -webkit-transform: translateX(4px);
            transform: translateX(4px);
  }
  70% {
    -webkit-transform: translateX(3px);
            transform: translateX(3px);
  }
  80% {
    -webkit-transform: translateX(2px);
            transform: translateX(2px);
  }
  90% {
    -webkit-transform: translateX(1px);
            transform: translateX(1px);
  }
  100% {
    -webkit-transform: translateX(0px);
            transform: translateX(0px);
  }
}
/* .lineanimation{
  background-color:var(--bg-color);
  text-align: center;
 
  height: 30px;
  padding: 5px;
}

.lineanimation a{
  color:#fff;
} */

section {
  padding: 3rem 9%;
}

.btn{
  display: inline-block;
  margin-top: 1rem;
  border: transparent;
  background: transparent;
  padding: 1rem 3rem;
  font-size: 1.7rem;
  cursor: pointer;
  color:var(--bg-color);
  background-color:#854c21;
  /* border: 1px solid black; */
  text-transform: uppercase;
  letter-spacing: 4px;
   font-family: 'Jost', sans-serif;
  overflow: hidden;
  position: relative;
  z-index: 1;
}


.btn::before{
     content:"";
     position:absolute;
     left:0;
     top:0;
     width:101%;
     height:101%;
     background:#c78452;
     z-index:1;
     border-radius:5px;
     transition:transform 0.5s;
     transition-timing-function:ease;
     transform-origin:0 0;
     transform:scaleX(0);
     border-radius:0px;
}

.btn.focus,
.btn:focus {
    outline: 0;
    box-shadow: none
}
.new{
  display: inline-block;
  margin-top: 1rem;
  border: transparent;
  padding: 1rem 3rem;
  font-size: 1.7rem;
  cursor: pointer;
   border: 1px solid black; 
  text-transform: uppercase;
   font-family: 'Jost', sans-serif;
  font-weight: 300;
  letter-spacing: 4px;
  border: 1px solid #fff;
  background-color: var(--bg-color); 
  color:#854c21;  
}

.new:hover {
  /* color: #fff;
  background: rgb(239, 213, 183); */
  
   background-color: #000;
   color:var(--bg-color); 
}
.btn:hover::before {
  /* color: #fff;
  background: rgb(239, 213, 183); */
   /*border: 1px solid #854c21;*/
   /*background-color: transparent;*/
   /*color:#854c21;*/
    background: #c78452; 
     color: #fff !important;
   
   transform: scaleX(1);
   z-index: -1;
}

.new1{
  width: 300px;
  font-family: 'Jost', sans-serif;
  font-weight: 300;
  padding: 8px;
  font-size: 12px;
  letter-spacing: 2px;
  text-transform:capitalize;
  border: 1px solid #fff;
  background-color: var(--bg-color);
  color:#854c21;
}

.new1:hover {
  
   background-color: #000;
   color:var(--bg-color);
}
/* .bg-change{
    background: rgb(255, 247, 236);
    } */

.heading {
  text-align: center;
  margin-bottom: 4rem;
}
.heading a{
  text-decoration: none;
}
.heading h2,.heading h1 {
  font-size: 3rem;
  font-weight: 500;
  letter-spacing: 2px;
  text-transform: uppercase;
  color: #854c21;;
}
.heading p {
  margin: 1rem auto;
  font-size: 1.5rem;
  color: #777;
  max-width: 50rem;
  line-height: 1.8;
}

.fix-width {
  max-width: 1200px;
  margin: 5rem auto;
}

.flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}


/* ---------common utlilities end  --------- */


/* <<------------------navigation starts---------------------------------->> */

.header{
  height: 125px;
}


 .header .icons div,
.header .icons a,.products .box-container .box .icons a, .featured .featured-slider .slide .icons a, .contact .icons-container .icons i {
  color: #fff;
  cursor: pointer;
  -webkit-text-stroke: 0.1rem #854c21;
}
.user-name-icon{
  -webkit-text-stroke: 0;
  color: grey;
  font-weight: 400;
  font-size: 1.7rem;
  
}

.header .icons .dropdown-content-two,
.header .icons .dropdown-content-two a{
  color: gray;
  cursor: pointer;
  -webkit-text-stroke: 0;
  margin: 0;
  
}

.header  .mobile-view .dropdown-content-two,
.header  .mobile-view .dropdown-content-two a{
  color: gray;
  cursor: pointer;
  -webkit-text-stroke: 0;
  margin: 0;
  
}
.header .icons .dropdown-content-two:hover,
.header .icons .dropdown-content-two a:hover {
  -webkit-text-stroke: 0;
  color: burlywood;
}

.header .icons div:hover,
.header .icons a:hover, .header .search-form label:hover, .products .box-container .box .icons a:hover, .featured .featured-slider .slide .icons a:hover, .contact .icons-container .icons i:hover {
  -webkit-text-stroke: 0.1rem burlywood;
}

.nav-two{
 
 box-shadow: 0 0 10px rgb(34 44 56/50%);
 
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
          flex-wrap: wrap;
  padding: 0 2%;
}

.header {
  position: fixed;
  top: 40px;
  left: 0;
  right: 0;
  z-index: 1000;
  box-shadow: 0 0 10px rgb(34 44 56/50%);
   display: block;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: center;
  padding: 30px 4%;
  background: #fff;
  
  /*animation: fadeInDown 900ms cubic-bezier(0.2, 1, 0.22, 1) 0s 1 normal none;*/
  /*animation-play-state: running;*/
}


.top-nav{
     position: fixed;
  top: 0;
  left: 0;
  right: 0;
  z-index: 1000;
  box-shadow: 0 0 10px rgb(34 44 56/50%);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding: 2rem 4%;
  background: #fff;
}
.navbar {
  position: initial;
  display: inline-block;
  /*flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;*/
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
}
.header .navbar a:hover {
  color: burlywood;
}
.header .logo {
  font-size: 2.5rem;
  color: #130f40;
  font-weight: bolder;
}
.header .logo img{
   height: 20rem;
}


.header .navbar a {
  font-size: 1.8rem;
  color: #854c21;
  letter-spacing: 0px;
  font-weight: 500;
  margin: 0 1rem;
  font-family: 'Jost', sans-serif;
}

.dropdown-menu{
  padding: 10px;
    border: 0;
}

.dropdown-menu li{
 padding: 8px 3px;
   
}
.dropdown-menu a:hover{
  background-color: transparent !important;
}

.header .icons div,
.header .icons a {
  font-size: 2rem;
  margin-left: 1rem;
}

.icons .badge{
 
  font-size: 11px;
  font-weight: 900;
}
.header .search-form {
  width: 30rem;
  height: 4rem;
  background: burlywood;
  border: 1px solid #dfdfdf;
  border-radius: .5rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  overflow: hidden;
  right: 1rem;
  -webkit-transition: .4s linear;
  transition: .4s linear;
  border-radius: 50px;
}

 


 
 .navbar .has-megamenu{position:static!important;}
 .navbar .megamenu{
   left:0;
    right:0; 
    width:100%; 
     /*width:70%;*/
    border-top: 3px solid #000;   
    margin:0 auto;
   padding: 2rem 5rem;
   box-shadow: rgba(0, 0, 0, 0.25) 0px 25px 50px -12px;
  }
  .dropdown-menu[data-bs-popper] {
    top: 100%;
    left: 0;
    margin-top: 0.125rem;
    border-top: 3px solid #000; 
    /*width:100%;*/
}

.testiplus .dropdown-menu[data-bs-popper] {
     top: 68px !important;
}

.none_display
{
    display:none;
}
.yes_display
{
    display:block;
}


.header .search-form input {
 height: 100%;
  width: 100%;
  font-size: 1.6rem;
  text-transform: none;
  color: #130f40;
  padding: 0 1.2rem;
  background: #fff;
}

.header .search-form label {
 font-size: 1.5rem;
  margin-top: -5px;
  margin-left: 1.5rem;
  color: #fff;
}

#menu-btn {
  display: none;
}

.header .icons button{
 
    margin-right: 2rem;
}

/*@media (max-width: 1526px) {*/
/*  .header {*/
/*      padding: 2rem 1%;*/
      
/*  }*/
/*}*/
.logo2{
  width: 200px;
}
@media (max-width: 1064px) {
  .header .logo img {
    height: 13rem;
    width: 13rem;
}
.header{
  height: 130px;
}
}

@media (max-width: 991px) {
 
  .header {
    
    padding: 2rem 0;
  }
  
}

@media (min-width:1200px){
  .logo2{
    width: 180px; 
  }
  .mobile-view{
     display: none;
  }
/*  .logo_in_a{*/
/*    height:155px;*/
/*    position: relative;*/
/*    bottom: 8px*/
/*}*/
.nav-link{
  padding: 0.5rem 0;
}

}

@media (max-width: 1200px) {
  #menu-btn {
    display: inline-block;
  }
  .header .icons{
    display: none;
}  
  .header .logo2{
    display: none;
  }
  .header {
    top: 0;
  }
   .mobile-view{
  width: 100%;
}

  .mobile-view .logo-3{
    display: block;
    width: 20rem;
  }

  .header .mobile-view div,
.header .mobile-view a, .products .box-container .box .mobile-view a, .featured .featured-slider .slide .mobile-view a, .contact .mobile-view-container .mobile-view i {
  color: #fff;
  cursor: pointer;
  -webkit-text-stroke: 0.1rem #854c21;
  font-size: 2rem;
  margin-right: 0.7rem;
}


.mobile-view .badge{
 
  font-size: 11px;
  font-weight: 700;
}


.header .mobile-view a:hover, .header .search-form label:hover, .products .box-container .box .mobile-view a:hover, .featured .featured-slider .slide .mobile-view a:hover, .contact .mobile-view-container .mobile-view i:hover {
  -webkit-text-stroke: 0.1rem burlywood;
} 
  
.header .logo img {
      height: 20rem;
      width: 20rem;
  }
  

  .header .navbar {
    position: absolute;
    top: 99%;
    left: 0;
    right: 0;
    display: block;
    height: 500px;
    color: burlywood;
    background: rgb(0, 0, 0,0.8);
    border-bottom: 0.1rem solid rgba(0, 0, 0, 0.3);
    -webkit-clip-path: polygon(0 0, 100% 0, 100% 0, 0 0);
            clip-path: polygon(0 0, 100% 0, 100% 0, 0 0);
      overflow-y: scroll;
  }
  .header .navbar.active {
    -webkit-clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 100%);
            clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 100%);
  }
  .header .navbar a {
    font-size: 2rem;
    margin: 2rem;
    padding-left: 0;
    display: block;
  }
  .header .search-form {
    width: 100%;
    top: 100%;
    border-radius: 0;
    display: none;
  }
  .header .search-form.active {
    right: 0;
  }
  
  

  .links {
    display: flex;
    gap: 2rem;
    position: relative;
    top: 2rem;
    text-align: center;
   
  }
  
 .account-visible{
       display: none;
  }
 .links li {
    list-style: none;
  }
  .links a {
    display: block;
    padding: 1.5rem;
    font-size: 2rem;
    font-weight: 500;
    letter-spacing: 2px;
    color: #854c21;
    text-decoration: none;
  }

 
  .search-nav-item {
    padding: 8px 2px;
}

  
} 


@media (max-width: 500px) {
 
  .intro {
    height: 70vh;
}

.header .mobile-view div, .header .mobile-view a,.products .box-container .box .mobile-view a, .featured .featured-slider .slide .mobile-view a, .contact .mobile-view-container .mobile-view i{
     font-size: 1.7rem;
}
.mobile-view .badge{
      font-size: .9rem;
}


  .search-nav-item {
     padding: 0 3px;
     display: flex;
     flex-wrap: wrap;
}

.search-form .fa-search {
   padding-top: 10px;
}

.search-bar .fa-search {
  padding-top: 10px;
}


  
  .product2 {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    margin-top: 0;
}
#sorting{
     margin-top: 20px;
}
.blog-two-text .bottom-img {
    position: absolute;
    left: 0px;
    bottom: 0px;
    z-index:-1;
}

}

/* nav .icons{
  display: flex;
  justify-content: flex-end;
  margin-top: 3rem;
  gap: 1.5rem;
 
}

 nav .icons a,
  nav .icons div {
  height: 5rem;
  width: 5rem;
  line-height: 4.5rem;
  text-align: center;
  background: burlywood;
  color: #854c21;
  cursor: pointer;
  font-size: 1.5rem;
  border-radius: 0.5rem;
  
}

nav .icons a:hover,
 nav .icons div:hover {
  background: var(--bg-color);
  color: #fff;
}
 .logo img{
    width: 25rem;
    height: 25rem;
} 

nav {
	position: fixed;
	z-index: 1000;
	left: 0;
	right: 0;
	top: 0;
	font-family: 'Poppins', sans-serif;
	padding: 0 5%;
	height: 100px;
  display: flex;
 justify-content: space-between;
	background-color: #fff;
  box-shadow: 0 0.8rem 1rem rgba(0, 0, 0, 0.4);
}
nav .logo{
	float: left;
	width: 30%;
	height: 100%;
	display: flex;
	align-items: center;
	font-size: 24px;
	color: #fff;
}

.flex-ul{
  display: flex;
  justify-content: space-between;
}

nav .links {
	display: flex;
  gap: 2rem;
  position: relative;
  top: 2rem;
  text-align: center;
 
}

nav  .account-visible{
     display: none;
}
nav .links li {
	list-style: none;
}
nav .links a {
	display: block;
	padding: 1.5rem;
	font-size: 2rem;
	font-weight: 500;
  letter-spacing: 2px;
	color: #854c21;
	text-decoration: none;
}
#nav-toggle {
	position: absolute;
	top: -100px;
}
nav .icon-burger {
	display: none;
	position: absolute;
	right: 5%;
	top: 50%;
	transform: translateY(-50%);
}
nav .icon-burger .line {
	width: 30px;
	height: 5px;
	background-color:var(--bg-color);
	margin: 5px;
	border-radius: 3px;
	transition: all .3s ease-in-out;
}
#close-navbar{
  display: none;
}

@media screen and (max-width: 1110px) {
nav .links {
 gap: 1rem;
 
}

}
@media screen and (max-width: 978px) {
	nav .logo {
		float: none;
		width: auto;
		justify-content: flex-start;
	}
	nav .links {
		float: none;
		position: fixed;
		z-index: 9;
		left: 0;
		right: 0;
		top: 100px;
		bottom: 100%;
		width: auto;
		height: auto;
		flex-direction: column;
		justify-content: space-evenly;
		background-color: rgba(0,0,0,.8);
		overflow: hidden;
		box-sizing: border-box;
		transition: all .5s ease-in-out;
	}
	nav .links a {
		font-size: 20px;
	}
	nav :checked ~ .links {
		bottom: 0;
	}
	nav .icon-burger {
		display: block;
	}
	nav :checked ~ .icon-burger .line:nth-child(1) {
		transform: translateY(10px) rotate(225deg);
	}
	nav :checked ~ .icon-burger .line:nth-child(3) {
		transform: translateY(-10px) rotate(-225deg);
	}
	nav :checked ~ .icon-burger .line:nth-child(2) {
		opacity: 0;
	}
  nav .icons{
    display: flex;
    justify-content: flex-end;
    margin-top: -7rem;
    gap: 1.5rem;
    margin-right: 7rem;
   
  }
 
	
}   */

/*=============== HEADER ===============*/
  .header-two {
	 display: none;
   }
   :root {
  --header-height: 3rem;

  /*========== Colors ==========*/
  --hue: 174;
  --sat: 63%;
  --first-color: hsl(var(--hue), var(--sat), 40%);
  --first-color-alt: hsl(var(--hue), var(--sat), 36%);
  --title-color: hsl(var(--hue), 12%, 15%);
  --text-color: hsl(var(--hue), 8%, 35%);
  --body-color: hsl(var(--hue), 100%, 99%);
  --container-color: #FFF;

  /*========== Font and typography ==========*/
  --body-font: 'Open Sans', sans-serif;
  --h1-font-size: 1.5rem;
  --normal-font-size: .938rem;
  --tiny-font-size: .625rem;

  /*========== z index ==========*/
  --z-tooltip: 10;
  --z-fixed: 100;
}
   
   
   @media screen and (max-width: 767px) {
	 .nav__menu {
	   position: fixed;
	   bottom: 0;
	   left: 0;
	   right:0;
	   background-color: var(--container-color);
	   box-shadow: 0 -1px 12px hsla(var(--hue), var(--sat), 15%, 0.15);
	   width: 100%;
	   height: 7.5rem;
	   padding: 0;
	   display: grid;
	   align-content: center;
	   border-radius: 1.25rem 1.25rem 0 0;
	   transition: .4s;
       z-index: 999999999;
	 }
	 
	
	 .header-two {
	 position: relative;
	 bottom:0;
	 width: 100%;
	 background-color: var(--container-color);
	 z-index: var(--z-fixed);
	 transition: .4s;
	 display: block;
   }
     .nav__menu ul {
    padding-left: 0;
}
   
   }
   
   .nav__list, 
   .nav__link {
	 display: flex;
   }
   
   .nav__link {
	 flex-direction: column;
	 align-items: center;
	 row-gap: 4px;
	 color: var(--title-color);
	 font-weight: 600;
   }
   
   .nav__list {
	 justify-content: space-around;
   }
   
   li {
    list-style: none;
   }
   
   
   
  .nav__icon {
	 font-size: 2.7rem ;
   }
   /*Active link*/
   .active-link {
	 position: relative;
	 color: burlywood;
	 transition: .3s;
   }
   
   .nav__link:hover {
	   color: burlywood;
	 }
   
	 /* First design, remove if you choose the minimalist design */
	 .active-link::before {
	   content: '';
	   position: absolute;
	   bottom: -.75rem;
	   width: 4px;
	   height: 4px;
	   background-color: burlywood;
	   border-radius: 50%;
	 }
   
 
   /* Change background header */
   .scroll-header {
	 box-shadow: 0 1px 12px hsla(var(--hue), var(--sat), 15%, 0.15);
   }
   
   
   @media screen and (max-width: 500px) {
	  .nav__name {
	   font-size:1.2rem;
	   color:grey;
	 }
	 
	 .active-link .nav__name {
    position: relative;
    color: burlywood;
    transition: .3s;
}
	 
   }
/* --------navigation ends here------------- */

/*<<------------------------banner section-------------------------------------->>*/


.intro {
  height: 100vh;
  /*height:90vh;*/
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
  letter-spacing: 0.1rem;
}


.intro-slideshow img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%; 
  height: 100%;  
  object-fit: fill;
  z-index:-1;
    opacity: 0;
  transition: opacity 0.75s ease-in-out;
  padding-top:15rem;
}
/* .intro-slideshow img:first-child {
  display: block;
  opacity: 1;
} */
.intro .intro-header {
  border-radius: 0.5rem;
  padding: 2rem 2.5rem;
  background-color: rgba(0,0,0,0.7);
  color: var(--bg-color);
  margin-top:8rem;
}
.intro h1 {
  font-size: 8rem;
  font-weight: 400;
  margin-bottom: 0.75rem;
  text-shadow: 2px 3px 5px #854c21;
  font-family: 'Jost', sans-serif;
}
.intro p {
  font-size: 1.75rem;
}

@media (max-width: 700px) {
  html { font-size: 12px; }
  .intro-header { padding: 1.5rem 2rem; }
  .intro h1 { font-size: 3.5rem; }
  .intro p { font-size: 1.25rem; }
}


/*<<------------------------banner section ends-------------------------------------->>*/
 



/* category section starts */

.category {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(16rem, 1fr));
  gap: 2rem;
}
.category .box {
  padding: 0.7rem;
  border-radius: 0.5rem;
  background: none;
  border: 2px solid var(--bg-color);
  text-align: center;
}

.category a{
  text-decoration: none;
}


.category .box:hover {
  background: #301d10;
}
/* .category .box:hover img {
  filter: invert(1);
} */
.category .box:hover p {
  color:var(--bg-color);
}

.category .box img {
  width: 10rem;
  height: 10rem;
  margin-bottom: 1rem;
  border-radius: 50%;
}
.category .box p {
  font-size: 1.7rem;
  color: #222;
  letter-spacing: 2px;
}

/* category section ends */


/* oofer card-1 */



.banner-animate--flash {
  position: relative;
  overflow: hidden;
}

.banner-animate--flash::before {
  background: rgba(255, 255, 255, 0.3);
  content: "";
  top: 0;
  left: 0;
  height: 100%;
  position: absolute;
  transition: all 0.8s ease-in-out;
  transform: scale3d(1.9, 1.4, 1) rotate3d(0, 0, 1, 360deg) translate3d(0, -120%, 0);
  width: 100%;
  z-index: 1;
}

.banner-animate--flash:hover::before {
  opacity: 1;
  transform: scale3d(1.9, 1.4, 1) rotate3d(0, 0, 1, 360deg) translate3d(0, 120%, 0);
}


.banner-animate--flash::after {
  background: rgba(255, 255, 255, 0.3);
  content: "";
  top: 0;
  left: 0;
  height: 100%;
  position: absolute;
  transition: all 0.8s ease-in-out;
  transform: scale3d(1.9, 1.4, 1) rotate3d(0, 0, 1, 80deg) translate3d(0, -120%, 0);
  width: 100%;
  z-index: 1;
}

.banner-animate--flash:hover::after {
  opacity: 1;
  transform: scale3d(1.9, 1.4, 1) rotate3d(0, 0, 1, 80deg) translate3d(0, 120%, 0);
}

/* about section starts  */

.about-sec{
  max-width: 1500px;
  margin: 0 auto;
}


.blog-two-text{
  width: 48%;
  position: relative;
}
.blog-two-text .bottom-img {
  position: absolute;
  left: 0px;
  bottom: 0px;
}


.blog-two-text .bottom-img img {
  -webkit-animation: left-right 1s infinite;
          animation: left-right 1s infinite;
}

.blog-two-text .bottom-img img:nth-child(2) {
  position: absolute;
  left: 0px;
  bottom: 0px;
  -webkit-animation: rotate 1s infinite;
          animation: rotate 1s infinite;
}

.two-section .blog-two-img {
  width: 48%;
  position: relative;
  padding-bottom: 13rem;
}

.two-section .blog-two-img img {
  width: 100%;
  position: relative;
  z-index: 2;
}

.two-section .blog-two-img img:nth-child(2) {
  position: absolute;
}

.two-section .blog-two-img img:hover {
  -webkit-transform: rotate(6deg);
          transform: rotate(6deg);
}
.two-section .blog-two-img .img-top .left {
  position: absolute;
  left: 0px;
}

.two-section .blog-two-img .img-top .left img:nth-child(1) {
  position: absolute;
  width: 30%;
  left: -26%;
  top: -45px;
  -webkit-animation: rotate 1s infinite;
          animation: rotate 1s infinite;
}

.two-section .blog-two-img .img-top .left img:nth-child(2) {
  position: relative;
  z-index: -1;
  left: -33%;
  -webkit-transform: rotate(-17deg);
          transform: rotate(-17deg);
  -webkit-animation: right-left 1s infinite;
          animation: right-left 1s infinite;
}

.two-section .blog-two-img .img-top .right {
  position: absolute;
  right: 0px;
}

.two-section .blog-two-img .img-top .right img {
  width: 30%;
}

.two-section .blog-two-img .img-top .right img:nth-child(1) {
  position: absolute;
  width: 60%;
  top: -66%;
  right: 0%;
  -webkit-animation: rotate 1s infinite;
          animation: rotate 1s infinite;
}

.two-section .blog-two-img .img-top .right img:nth-child(2) {
  position: relative;
  z-index: -1;
  width: 81%;
  left: 38%;
  -webkit-transform: rotate(-17deg);
          transform: rotate(-17deg);
  -webkit-animation: right-left 1s infinite;
          animation: right-left 1s infinite;
}

.two-section .blog-two-img .img-bottom .left img {
  position: absolute;
  top: 64%;
  width: 20%;
  left: -8%;
  -webkit-animation: rotate 1s infinite;
          animation: rotate 1s infinite;
}

.two-section .blog-two-img .right img:nth-child(1) {
  width: 20%;
  position: absolute;
  top: 57%;
  right: 0px;
  -webkit-animation: top-bottom 1s infinite;
          animation: top-bottom 1s infinite;
}

.two-section .blog-two-img .right img:nth-child(2) {
  width: 32%;
  position: absolute;
  top: 59%;
  right: -11%;
  -webkit-animation: left-right 1s infinite;
          animation: left-right 1s infinite;
}

.two-section{
     width: 100%;
       display: flex;
       gap: 3rem;
       
}

.two-section .left-img{
     flex-basis: 50%;
} 

.two-section .left-img img{
  width: 100%;
  height: 100%;
}

.two-section .para-1{
  flex-basis: 50%;
} 
.two-section .para-1 p{
    margin: 25px 0;
    line-height: 1.8em;
    text-align: justify;
    font-size: 1.7rem;
}
.two-section .para-1 h3{
  font-weight: 400;
    font-style: normal;
    text-transform: uppercase;
    color: #854c21;
    display: block;
    letter-spacing: 2px;
}
.devider{
      width: 45px;
      height: 3px;
      margin-top: 10px;
      background-color: var(--bg-color);
}

@media (max-width: 952px) {
.two-section{
  flex-direction: row-reverse;
  justify-content: center;
  align-items: center;
}

.two-section .left-img{
    flex-basis: 100%;
} 

.two-section .para-1{
    flex-basis: 100%;
}

}

@media (max-width: 928px) {
  .two-section{
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
 }
 
}

/* about section ends */

/* event sectio starts */

.event {
  background-color: #e9e8e6;
  padding: 5rem 0rem;
}


.event .event-img {
  width: 51%;
  position: relative;
}

.event .event-img img {
  -webkit-transition: none;
  transition: none;
  width: 100%;
}

.event .event-text {
  width: 48%;
}

.event .event-text h1 {
  position: relative;
  font-size: 4.5rem;
  font-weight: 600;
  color: #484e5a;
  z-index: 1;
}

.event .event-text h1:before {
  content: url("../images/shades/s5.png");
  position: absolute;
  z-index: -1;
  top: -10%;
  left: -10%;
  -webkit-animation: left-right 1s infinite;
          animation: left-right 1s infinite;
}

.event .event-text p {
  margin: 3rem 0rem;
}


/* event section ends */


/* big-part section starts */

.bigpart {
  position: relative;
  overflow: hidden;
  padding-bottom: 12rem;
}

.bigpart .heading h2{
  padding-top: 3rem;
  color: #854c21;
}


.bigpart .right-top2 {
  position: absolute;
  right: 0px;
  top: 0px;
}

.bigpart .right-top2 img {
  position: absolute;
  right: 0px;
}

.bigpart .right-top2 img:nth-child(2) {
  -webkit-animation: rotate 1s infinite;
          animation: rotate 1s infinite;
}

.bigpart .right-top2 img:nth-child(3) {
  -webkit-animation: right-left 1s infinite;
          animation: right-left 1s infinite;
  z-index: -1;
}


.bigpart h2 {
  text-align: center;
  font-size: 3rem;
  font-weight: 600;
  color: #484e5a;
  margin-top: 2.5rem;
}

.bigpart p {
  text-align: center;
  width: 70%;
  margin: 3rem auto;
}

.bigpart .gallery-box {
   width: 30%;  
  -webkit-box-shadow: 10px 10px 7px -8px rgba(0, 0, 0, 0.61);
          box-shadow: 10px 10px 7px -8px rgba(0, 0, 0, 0.61);
  position: relative;
 
}

.bigpart .gallery-box:hover {
  -webkit-transform: translateY(20px);
          transform: translateY(20px);
}

.bigpart .gallery-box img {
  width: 100%;
  height: auto;
}

.bigpart .gallery-box .para-1{
  text-align: center;
  padding: 25px;
  height: 100px;
}

.bigpart .gallery-box .para-1 h3{
  font-weight: 400;
  font-style: normal;
  text-transform: uppercase;
  color: #854c21;
  display: block;
  letter-spacing: 2px;
  line-height: 28px;
  font-size: 1.5rem;
}




.bigpart .gallery-box .para-1 .btn{
  margin-bottom: 2rem;
}
/* .bigpart .gallery-box h1 {
  font-size: 1.6rem;
  color: #484e5a;
}

.bigpart .gallery-box p {
  font-size: 0.8rem;
  padding-bottom: 2rem;
} */

.bigpart .gallery-box .left-top-img {
  position: absolute;
  height: 100%;
}

.bigpart .gallery-box .left-top-img img {
  position: relative;
}

.bigpart .gallery-box .left-top-img img:nth-child(1) {
  top: -30%;
  left: -67px;
  -webkit-animation: left-right 1s infinite;
          animation: left-right 1s infinite;
  z-index: -1;
}

.bigpart .gallery-box .left-top-img img:nth-child(2) {
  width: 40%;
  top: -79%;
  left: -24%;
  z-index: -1;
  -webkit-animation: rotate 1s infinite;
          animation: rotate 1s infinite;
}

.bigpart .gallery-box .right-img {
  position: absolute;
  right: 0px;
  bottom: 0px;
  height: 100%;
}

.bigpart .gallery-box .right-img img {
  position: relative;
}

.bigpart .gallery-box .right-img img:nth-child(1) {
  top: 60%;
  left: 51%;
  -webkit-animation: top-bottom 1s infinite;
          animation: top-bottom 1s infinite;
  z-index: -1;
}

.bigpart .gallery-box .right-img img:nth-child(2) {
  width: 55%;
  left: 64%;
  top: 18%;
  z-index: -1;
  -webkit-animation: rotate 1s infinite;
          animation: rotate 1s infinite;
}

.bottom-left img:nth-child(1){
  position: absolute;
  left: 0px;
  -webkit-animation: rotate 1s infinite;
          animation: rotate 1s infinite;
  bottom: 0px;
}

 .bottom-left img:nth-child(2) {
  position: absolute;
  bottom: 0px;
  left: 0px;
  z-index: -1;
}

/* big-part section ends */

/* about section starts */

.about-fix{
  background: url('../images/9.jpg') no-repeat;
  background-size: cover;
  background-position: center;
  background-attachment: fixed;
  display: flex;
  align-items: center;
  width: 100%;
  height: auto;
}
.about-fix .content {
  width: 55rem;
  background: #000;
  padding: 3rem;
}
.about-fix .content span {
  color: var(--bg-color);
  font-size: 1.8rem;
  letter-spacing: 5px;
  font-weight: 400;
  text-transform:uppercase;
}
.about-fix .content h3 {
  padding-top: 1rem;
  font-size: 3rem;
  color: var(--bg-color);
}
.about-fix .content p {
  font-size: 1.5rem;
  font-weight: 400;
  color: var(--bg-color);
  line-height: 1.6;
  padding: 1rem 0;
  text-align: justify;
    letter-spacing: 1px;

   font-family: 'Jost', sans-serif;
}

.abount-btn{
  color: var(--bg-color);
  font-size: 2rem;
  font-weight: 300;
  border-bottom: 1px solid var(--bg-color);
}

/* about section ends */


/* best seller slider section starts */

/* .shopparent{
  position: relative;
} */
 .shop .slide {
  background: #fff;
} 

.shop .slide:hover .image img {
  transform: scale(1.1);
}
.shop .slide:hover .image .icons {
  right: 1rem;
}
.shop .slide .image {
  height: 35rem;
  width: 100%;
  position: relative;
  overflow: hidden;
}
.shop .slide .image .discount {
  position: absolute;
  top: 1rem;
  left: 1rem;
  padding: 0.5rem 1.5rem;
  font-size: 1.5rem;
  color: #fff;
  background: var(--bg-color);
  z-index: 10;
}
.shop .slide .image img {
  height: 100%;
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.shop .slide .image .icons {
  position: absolute;
  bottom: 0;
  right: -8rem;
}
.shop .slide .image .icons a {
  height: 5rem;
  width: 5rem;
  line-height: 4.5rem;
  font-size: 2rem;
  background-color: #000;
  color: var(--bg-color);
  border:transparent;
  box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.1);
  margin-bottom: 1rem;
  text-align: center;
  display: block;
}
.shop .slide .image .icons a:hover {
  background:#854c21;
  color: #fff;
}
.shop .slide .content {
  padding: 2rem;
  border-top: transparent;
}
.shop .slide .content .stars {
  padding-bottom: 0.5rem;
}
.shop .slide .content .stars i {
  font-size: 1.5rem;
  color: #854c21;
}
.shop .slide .content p {
  font-size: 1.5rem;
  color: #222;
  line-height: 1.5;
  
}
.shop .slide .content a {
  text-decoration: none;
  color: #222;
  letter-spacing: 2px;
  transition: all 0.3s ease;
   font-family: 'Jost', sans-serif;
   font-size: 1.7rem;
}
.shop .slide .content a:hover {
  color: #777;
}
.shop .slide .content .price {
  font-size: 16px;
  color: #854c21;
}
.shop .slide .content .price span {
  font-size: 1.5rem;
  color: #777;
  text-decoration: line-through;
}  



.swiper-button-next::after,
.swiper-button-prev::after {
  font-size: 1.3rem;
  color: #fff;
}

.swiper-pagination-bullet-active {
  opacity: var(--swiper-pagination-bullet-opacity, 1);
  background: #854c21;
}

.swiper-button-next, .swiper-button-prev {
  height: 3rem;
  width:3rem;
 background: rgb(187, 161, 79);
  border: 0;
  border-radius: 50%;
  -webkit-box-shadow: 0 0.5rem 1rem rgb(0 0 0 / 10%);
  box-shadow: 0 0.5rem 1rem rgb(0 0 0 / 10%);
  color: #fff;
}



.swiper-button-prev, .swiper-rtl .swiper-button-next {
  top:12rem;
  left: 10px;
  right: auto;
}

.swiper-button-next, .swiper-rtl .swiper-button-prev {
  top: 12rem;
  right: 10px;
  left: auto;
}

@media (max-width:838px){
    #shop img{
          width:100%!important;
    }
}


/* best seller slider section ends */



/* gallery section starts */


.gallery {
  /* background: var(--bg-color); */
  background: rgb(206 184 155 / 24%);
}

.gallery {
  position: relative;
  overflow: hidden;
  padding-bottom: 6rem;
}

.gallery .right-top {
  position: absolute;
  right: 0px;
  top: 0px;
}

.gallery .right-top img {
  position: absolute;
  right: 0px;
  
}

.gallery .right-top img:nth-child(2){
  -webkit-animation: rotate 1s infinite;
          animation: rotate 1s infinite;
}

.gallery .right-top img:nth-child(3){
  -webkit-animation: right-left 1s infinite;
          animation: right-left 1s infinite;
  z-index: -1;
}

 .gallery .lightbox {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(31rem, 1fr));
  gap: 2rem;
}
.gallery .lightbox a {
  height: 30rem;
  overflow: hidden;
  border: 0.4rem solid #fff;
  box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.1);
}
.gallery .lightbox a:hover img {
  transform: scale(1.1);
}
.gallery .lightbox a img {
  height: 100%;
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
} 


/* .mesorny{
  padding: 10px;
     columns: 4;
       column-gap: 16px;
}
.mesorny img{
    width: 100%;
    border-radius: 5px;
}

.grid-images{
      display: inine-block;
      margin-bottom: 16px;
      position: relative;

}

@media (max-width:1200px){
    .mesorny{
      columns: 3;
    }
}

@media (max-width:992px){
  .mesorny{
    columns: 2;
  }
} */


/* gallery section ends */


/* team section starts */

.team {
  /* background: var(--bg-color); */
  background: rgb(206 184 155 / 24%);
}

.team .heading p{
    max-width: 100rem;
    letter-spacing: 2px;
}
.team .box-container {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(31rem, 1fr));
  gap: 2rem;
}
.team .box-container .box {
  border: transparent;
  text-align: center;
}
.team .box-container .box:hover .image img {
  transform: scale(1.1);
}
.team .box-container .box:hover .image .share {
  left: 0;
}
.team .box-container .box .image {
  height: 50rem;
  width: 100%;
  position: relative;
  overflow: hidden;
}
.team .box-container .box .image img {
  height: 100%;
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.team .box-container .box .image .share {
  position: absolute;
  top: 0;
  left: -8rem;
  background: #222;
  height: 100%;
  display: flex;
  flex-flow: column;
  justify-content: center;
  padding: 0 1rem;
  gap: 1rem;
}
.team .box-container .box .image .share a {
  height: 5rem;
  width: 5rem;
  border: 0.2rem solid #fff;
  font-size: 2.5rem;
  color: #fff;
  line-height: 5rem;
}
.team .box-container .box .image .share a:hover {
  background: #fff;
  color: #222;
}
.team .box-container .box .content {
  border-top: transparent;
  padding: 1.5rem;
  background-color:transparent;
}
.team .box-container .box .content h3 {
  font-size: 2rem;
  color: #222;
  font-weight: 400;
  letter-spacing: 2px;
}
.team .box-container .box .content p {
  font-size: 1.5rem;
  color: var(--bg-color);
}

.team .content a{
  text-decoration: none;
}

/* team section ends */

/* new arrival section starts */

.arrivals .slide {
  text-align: center;
  background: #fff;
  padding: 25px 0;
}
.arrivals .slide:hover .image img {
  transform: scale(1.1);
}
.arrivals .slide .image {
  height: 30rem;
  width: 100%;
  overflow: hidden;
}
.arrivals .slide .image img {
  height: 100%;
  width: 100%;
 
}
.arrivals .slide .content {
  padding-top: 0.5rem;
}
.arrivals .slide .content p {
 font-size: 1.7rem !important;
  color: #222;
  line-height: 2;
  padding: 0.5rem 0;
  letter-spacing: 2px;
}
.arrivals .slide .content p a:hover{
  color: grey;
}
.arrivals .slide .content .price {
  font-size: 2rem;
  color: #854c21;
}
.arrivals .slide .content .price span {
  color: #777;
  font-size: 1.5rem;
  text-decoration: line-through;
}


.slide-page{
  background-color: antiquewhite; 
}
.page-two{
  background-color: antiquewhite;
}

.page-two .card{
	color: #854c21;

}

.right-bar button{
    background-color: burlywood;
    color: #fff;
    text-decoration: none;
    display: block;
    text-align: center
}
/* new arival section ends */

/* review section starts */
.reviews{
  background-image: url('../images/19.jpg');
  background-size: 100% 100%;
  background-repeat: no-repeat;
  background-position:center top;
  z-index: 1;
  position: relative;
}


.modernWay {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 4;
          line-clamp: 4; 
  -webkit-box-orient: vertical;
}
 
 .user-n h3{
  font-weight: 700;
  color: burlywood;
  font-size: 2rem;
  text-align:center;
 }

 .reviews .new {
  font-weight: 500;
  
  border: none;
  outline: none;
  
 }
  .reviews .color-overlay{
   width: 100%;
  height: 100%;
  background-color: antiquewhite;
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0.7;
  }

.reviews-slider .slide .user {
 display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
          justify-content: center;
          
  gap: 1rem;
  position: relative;
  top: 3rem;
}

.reviews-slider{
    padding: 5rem 0;
}

.reviews-slider .slide a {
  text-decoration:underline;
  color: burlywood;
}

/* .reviews-slider .slide .user img {
  height: 4rem;
  width: 4rem;
  border-radius: 50%;
  position: relative;
    top: -5px
} */

.reviews-slider .slide .user .fa-user-circle{
  font-size: 40px;
  color: burlywood;
  position: relative;
    top: -7px;
}

.review{
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

.review h2{
  font-size: 3rem;
  font-weight: 500;
  letter-spacing: 2px;
  text-transform: uppercase;
  color: #854c21;
}
.review-head{
  width: 50%;
  height: 100px;
  text-align: center;
  margin-bottom: 2rem;
}

.review-head p{
  font-weight: 300;
  letter-spacing: 3px;
  padding: 5px;
  font-size: 1.3rem;
}
.reviews-slider .slide {
  background: #6a4122e6;
  border-radius: 40px;
height: 500px;
    padding: 40px 0;
}

.reviews-slider .slide .user h3 {
  font-size: 1.5rem;
  color: burlywood;
  font-weight: 500;
  letter-spacing: 2px;
  line-height: 5px;
}
.product-image {
  width:150px;
  height: 150px;
  margin: 0 auto;
  box-shadow: 4px 13px 30px 1px rgb(77 43 13 / 88%);
 
}
.product-image img{
  width: 100%;
  height: 100%;
  border-radius: 5px;
}

.reviews-slider .slide .user .stars i {
  font-size: 1rem;
  color: goldenrod;
}


.reviews-slider .slide .text {
  padding: 2rem;
  
  border-radius: .5rem;
  line-height: 1.7;
  font-size: 2.3rem;
  color: antiquewhite;
  position: relative;
  top: 4rem;
  text-align: center;
}

.reviews-slider .slide .text::before {
  
  content: '\f10d';
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  position: absolute;
  top: -3rem;
  left: 3rem;
  font-size: 30px;
  
  
}

.reviews-slider .slide .text::after {
  
  content: '\f10e';
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  position: absolute;
  bottom: -3rem;
  right: 3rem;
  font-size: 30px;
  
  
}



/* review section ends */



/* service section starts */
.service {
  
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(20rem, 1fr));
  gap: 2rem;
}

.service .outer-box{
       background-image: url(../images/13-1.png);
       padding: 2rem;
      
       
}
.outer-box .box {
  border: transparent;
  padding: 2rem;
  text-align: center;
  background: rgba(255, 255, 255, 0.9);
  border-radius: 5px;
  height: 400px;
  display: flex;
  flex-direction: column;
    align-items: center;
    justify-content: center;
}
.service .box:hover {
 
  cursor: pointer;
  
}


.service .box img {
  height: 8rem;
  margin-bottom: 0.5rem;
}
.service .box h3 {
  padding: 0.7rem 0;
  font-size: 2rem;
  color: #854c21;
  font-weight: 500;
  letter-spacing: 2px;
}
.service .box p {
  font-size: 1.5rem;
  color: #777;
  line-height: 2;
}



/* newsletter */
#newsletter{
  background-color:whitesmoke;
 
}
#newsletter p{
  max-width: 600px;
}
#newsletter .input-group{
  max-width: 500px;
  border: 2px solid #854c21;
}

#newsletter button{
  background-color: var(--bg-color);
  color: #fff;
  border-left: 3px solid #854c21;
}
#newsletter .btn:hover{
  background-color: var(--bg-color);
  border-color: var(--bg-color);
}

#newsletter input{
  text-transform: none;
}

#newsletter input:focus{
     border-color: burlywood;
}

.footer-title h1::before{
  position: absolute;
  content: "";
  width: 4px;
  height: 50px;
  background-color: var(--bg-color);
  left: -20px;
  top: 50%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
}

.footer-title h1{
  color: #854c21;
}



/* footer */
footer{
  background-color: #212529;
  padding:8rem 0;
}
 footer .brand{
  font-family: var(--lg-font);
  letter-spacing: 2px;
  color: var(--bg-color);
}
footer a{
  -webkit-transition: color 0.3s ease;
  -o-transition: color 0.3s ease;
  transition: color 0.3s ease;
}


.footer nav span{
     cursor:pointer;
}



footer a:hover,
footer span:hover{
  color: #fff!important;
  cursor:pointer;
} 

.footer-widgets-items {
  display: grid;
  grid-template-columns: repeat(1, 1fr);
}

@media (min-width: 768px) {
  .footer-widgets-items {
    justify-items: center;
    grid-template-columns: repeat(3, 1fr);
    grid-row-gap: 35px;
}
 
}

.footer-widgets-single-items .title-two {
  font-size: 22px;
  font-weight: 700;
  line-height: 1.55;
  margin-bottom: 27px;
  position: relative;
  display: none;
}

@media (min-width: 768px) {
  .footer-widgets-single-items .title-two {
      display: block;
  }
}

.footer-widgets-single-items .title-two::after {
  position: absolute;
  content: "";
  width: 20px;
  height: 2px;
  background: #e2bb90;
  left: 0;
  bottom: -6px;
}

.footer-widgets-single-items .collapsed-title {
  display: block;
  cursor: pointer;
  padding: 15px 35px;
  color: burlywood;
  position: relative;
  margin-bottom: 0;
  font-size: 22px;
  font-weight: 700;
}

@media (min-width: 768px) {
  .footer-widgets-single-items .collapsed-title {
      display: none;
  }
}

.footer-widgets-single-items .collapsed-title::after {
  position: absolute;
  font-family: "Material Icons Round";
  content: "\e15b";
  font-size: 20px;
  font-weight: 700;
  top: 50%;
  transform: translateY(-50%);
  right: 35px;
}

.footer-widgets-single-items .collapsed-title.collapsed::after {
  content: "\e145";
}

.swiper-pagination { 
    display:none;
}

@media (min-width: 768px) {
  .footer-widgets-single-items .widget-collapse-body {
      display: block;
      padding: 0;
      border-radius: 0;
      background: none;
  }
}

.footer-widgets-single-items .footer-nav {
  font-size: 16px;
  padding: 15px 30px;
}

@media (min-width: 768px) {
  .footer-widgets-single-items .footer-nav {
      padding: 0;
  }
}

.footer-widgets-single-items .footer-nav li {
  margin-bottom: 10px;
}

.footer-widgets-single-items .footer-nav li:last-child {
  margin-bottom: 0px;
}

.footer-widgets-single-item--light .title-two, .footer-widgets-single-item--light .collapsed-title, .footer-widgets-single-item--light .collapsed-title::after {
   font-weight: 400;
}




@media (max-width: 991px) {
  html {
    font-size: 55%;
  }

  .header {
    padding: 0rem 1rem;
   
  
  }

  section {
    padding: 3rem 2rem;
  }

  

 
}
@media (max-width: 768px) {
 
.swiper-button-next,
.swiper-button-prev {
    display: none;
  }
  .swiper-pagination {
    display:block;
}

  .product2{
    display:flex;
    flex-direction: column;
}


}
@media (max-width: 450px) {
  html {
    font-size: 50%;
  }

 
}
/*# sourceMappingURL=style.css.map */

      
    


/* -----------------------------------------------------------------------------------------------product-details--------------------------------------------------------------------------------------- */
 
/* Color Variables */
:root {
--white: #fff;
--black: #222;
--green: var(--bg-color);
--grey1: #f0f0f0;
--grey2: #e9d7d3;
}


*,
*::before,
*::after {
margin: 0;
padding: 0;
box-sizing: inherit;
}

html {
box-sizing: border-box;
font-size: 62.5%;
}

body {
 font-family: 'Jost', sans-serif;
font-size: 1.6rem;
background-color: var(--white);
color: var(--black);
font-weight: 400;
font-style: normal;
}
/* Basic Reset */


a {
text-decoration: none;
color: var(--black);
}

li {
/*list-style: none;*/
}

.mobile-menu-bottom .offcanvas-menu li {
    list-style: none;
}

.section .top {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 4rem;
  padding: 0 20px;
}


.section .top h1{
    letter-spacing: 3px;
    color: #854c21;
    font-weight: 300;
}

.d-flex {
display: flex;
align-items: center;
}

.item{
    background-image: url('../images/TUMBLES/10.jpg');
    background-size: cover;
    background-repeat: no-repeat;
    width: 100%;
    height: 60vh;
    background-position: center center;
    background-attachment: fixed;
}

.sometext{
  width: 300px;
  height: 320px;
  background-color: #fff;
  padding: 20px;
  position: relative;
  top: 10rem;
}

.somemore{
    display: flex;
   justify-content: flex-end;
   position: relative;
   top: 5rem;
   right: 5rem;
}

.morespace h3{
   padding: 1.5rem 0;
}
.single-product > p{
      margin:6rem 0!important;       
}
/* New Arrivals */
.title {
text-align: center;
margin-bottom: 5rem;
}

.title h1 {
font-size: 3rem;
text-transform: uppercase;
margin-bottom: 1rem;
font-weight: 500;
}

.product-center {
display: flex;
justify-content: center;
flex-wrap: wrap;

}

.product-item {
position: relative;
width: 29rem;
margin: 0 auto;
margin-bottom: 3rem;
}

.product-thumb img {
width: 100%;
height: 31rem;
object-fit: cover;
transition: all 500ms linear;
}

.product-info {
padding: 1rem;
text-align: center;
}

.product-info h4{
   color: #854c21;
}

.product-info span {
display: inline-block;
font-size: 1.2rem;
color: #666;
margin-bottom: 1rem;
letter-spacing: 2px;
}

.product-info a {
font-size: 1.5rem;
display: block;
margin-bottom: 1rem;
transition: all 300ms ease;
letter-spacing: 0.5px;
}

.product-info a:hover {
color: var(--green);
}

.product-item .icons {
position: absolute;
left: 50%;
top: 35%;
transform: translateX(-50%);
display: flex;
align-items: center;
}

.product-item .icons li {
background-color: var(--white);
text-align: center;
padding: 1rem 1.5rem;
font-size: 2.3rem;
cursor: pointer;
transition: 300ms ease-out;
transform: translateY(20px);
visibility: hidden;
opacity: 0;
}

.product-item .icons li:first-child {
transition-delay: 0.1s;
}

.product-item .icons li:nth-child(2) {
transition-delay: 0.2s;
}

.product-item .icons li:nth-child(3) {
transition-delay: 0.3s;
}

.product-item:hover .icons li {
visibility: visible;
opacity: 1;
transform: translateY(0);
}

.product-item .icons li:not(:last-child) {
margin-right: 0.5rem;
}

.product-item .icons li:hover {
background-color: var(--green);
color: #854c21;
}

.product-item .overlay {
position: relative;
overflow: hidden;
cursor: pointer;
width: 100%;
}

.product-item .overlay::after {
content: '';
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: rgba(0, 0, 0, 0.5);
visibility: hidden;
opacity: 0;
transition: 300ms ease-out;
}

.product-item:hover .overlay::after {
visibility: visible;
opacity: 1;
}

.product-item:hover .product-thumb img {
transform: scale(1.1);
}

.product-item .discount {
position: absolute;
top: 1rem;
left: 1rem;
background-color: #854c21;
padding: 0.5rem 1rem;
color: var(--white);
font-size: 1.5rem;
}

.form-productdetail label{
     color:#854c21;
     font-weight: 500;
}

.form-productdetail input:focus,
.form-productdetail textarea:focus
{
    outline:0px !important;
    -webkit-appearance:none;
    box-shadow: none !important;
    border-color: var(--bg-color) !important;
} 

input{
  text-transform: none;
}

textarea{
  text-transform: none;
}

.form-control {
  
  padding: 0.5rem;
  border: 1px solid var(--bg-color);
  
}
.icons{
  display:inline-block;
}
 

@media only screen and (max-width: 1408px) {
.product-item {
  position: relative;
  width: 35rem;
  margin: 0 auto;
  margin-bottom: 3rem;
  }


.icons{
  display:inline-block;
  align-items: center;
}
}

@media (max-width:1340px){
  .header .navbar a {
   margin: 0;
   font-size:1.6rem !important;
}
.logo2{
  width: 180px;
}
.navbar{
  gap: 8px;
}

/*.logo2 {*/
/*  width: 140px;*/
/*  height: 51px;*/
/*}*/

}
@media only screen and (max-width:1249px){
  .icons{
    display:inline-block;
    align-items: center;
  }
  .logo2 {
    width: 180px;
}
}


@media only screen and (max-width: 567px) {
.product-center {
max-width: 100%;
padding: 0 1rem;
}
.item{
    background-image: url('../images/TUMBLES/10.jpg');
    background-size: cover;
    background-repeat: no-repeat;
    width: 100%;
    height: 80vh;
    background-position: center center;
    background-attachment: fixed;
}

footer{
  padding:5rem 0;
}
.footer-widgets-single-items .collapsed-title {
   font-size: 18px;
  
}
.product-thumb img {
height: 20rem;
}

.product-item {
  position: relative;
  width: 40rem;
  margin: 0 auto;
  margin-bottom: 3rem;
}

.product-item .icons li {
padding: 0.5rem 1rem;
font-size: 1.8rem;
}

.quantity_selector{
   margin-bottom: 2rem;
}

.quantity .q-text{
  margin-top: -8rem;
}

}


/* Product Details */
/* .product-detail .details {
display: grid;
grid-template-columns: 1fr 1.2fr;
gap: 2rem;
}

.product-detail{
  padding: 15rem 9%;
}

.product-detail .left {
display: flex;
flex-direction: column;
}

.product-detail .left .main {
text-align: center;
margin-bottom: 2rem;
height: 45rem;
}

.product-detail .left .main img {
object-fit: cover;
height: 100%;
width: 80%;
} */

.product-detail .right span {
display: inline-block;
font-size: 1.5rem;
margin-bottom: 1rem;
letter-spacing: 3px;
}

.product-detail .right h1 {
font-size: 4rem;
line-height: 1.2;
margin-bottom: 2rem;
font-weight: 400;
letter-spacing: 2px;
color: #854c21;
}

.product-detail .right p{
   font-family: 'Jost', sans-serif;
  font-size: 1.7rem;
  margin: 10px 0;
  color: #8d8d90;
}

.product-detail .right .price {
font-size: 600;
font-size: 2rem;
color: #854c21;
margin-bottom: 2rem;
}



.quantity
{
	width: 100%;
  display: flex;
  align-items: center;
}
.quantity_selector
{
  display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	align-items: center;
	width: 110px;
	height: 100%;
 padding-top: 10px;
	border: solid 1px black;
	margin-left: 12px;
  margin-right: 12px;
}


.quantity_selector span
{
	font-weight: 500;
	color: #232530;
}
.plus,
.minus
{
	padding-left: 18px;
	padding-right: 14px;
	cursor: pointer;
}
.plus:hover,
.minus:hover
{
	color: #b5aec4;
}

.product-detail .add-margin {
     margin-top: -3px;
}
.product-detail .form .addCart {
background: var(--green);
padding: 0.8rem 4rem;
color: #fff;
border-radius: 3rem;
margin-left: 3rem;
}

.product-detail h3 {
text-transform: uppercase;
margin-bottom: 2rem;
 font-family: 'Jost', sans-serif;
margin-top: 2rem;
font-weight: 500;
color: #854c21;
letter-spacing: 2px;
}





@media only screen and (max-width: 698px) {

  .product-detail .right {
margin-top: 6rem;
padding: 10px;
}
.product-detail .right h1 {
  font-size: 3rem;
  line-height: 1.2;
  margin-bottom: 2rem;
  font-weight: 400;
  letter-spacing: 2px;
  color: #854c21;
  }
  
  .quantity {
   margin-top: 5rem;
   margin-bottom: 5rem;
}
}


/* -----------------------------------------------------------------------------------------------testimonial------------------------------------------------------------------------------------- */



.section-title h2{
  border-bottom: 2px solid #854c21;
  margin-top: 2rem;
  color:#854c21 ;

 }
 
 .section-title h3{
 width: 60%;
    line-height: 28px;
    text-transform: lowercase;
    font-weight: 600;
    padding-top: 8px;
     letter-spacing: 1px;
    color: black;
    font-size:2rem;
}

 
.bg-testimonial{
 width: 100%;
 height: 100%;
 /*background-image: url('../images/testimonial-2.jpg');*/
  background-repeat: no-repeat;
  background-position:center center;
  background-size:cover;
  /*z-index: 99;*/
  position: relative;

 /*top: calc(100% - 15px);*/
 /* width: 100%;*/
 /* height: 100%;*/
 /* background: linear-gradient(#793d05,#ecc79f);*/
 /* z-index: 999;*/
 /* position: relative; */
 }  

.bg-testimonial .color-overlay{
  width: 100%;
 height: 100%;
 background:burlywood;
 position: absolute;
 top: 0;
 left: 0;
 opacity: 0.1;
 }
.image-gallery .lightbox-two{
   display:flex;
  flex-wrap:wrap;
  gap:10px;
}
.image-gallery .lightbox-two a{
     width:60px;
  height: 60px;

  overflow: hidden;
  border: 0.4rem solid black;
  box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.1);
}
.image-gallery .lightbox-two a:hover img{
  transform: scale(1.1);
}

.image-gallery .lightbox-two a img{
  height: 100%;
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
} 
.client-testimonial{
  width: 100%;
  text-align: center;
  position: relative;
  z-index: 99999999999999999;
}

 
  

.clientrow{
  padding-top:40px;
   margin:15px; 
   max-width:100%; 
    border: 2px solid var(--bg-color);
    box-shadow: 5px 5px 10px #854c21;
     border-radius:5px;
      padding:10px;
      text-align:left;
       background-color:rgb(222, 184, 135);
}

.three-col{
  border-right:1px solid #ddd; 
  display: table-cell; 
  vertical-align: middle;
}

.nine-col p{
  padding:4px;
   color:#000; 
    letter-spacing: 1.5px;
   text-align:justify;
}
.nine-col h3{
  padding:4px;
   color:#000;  
   padding-top:5px;
   font-size:19px;
   text-align:left;
}
.nine-col span{
  padding:4px; 
  color:#000; 
    text-align:left;
}

.testimonial  .pagination,
.product-filter .pagination{
  display: inline-block;
}

.testimonial  .pagination a,
.product-filter .pagination{
  color: black;
  float: left;
  padding: 8px 16px;
  text-decoration: none;
  transition: background-color .3s;
  border: 1px solid #ddd;
  margin: 0 4px;
}

.testimonial  .pagination li a,
.product-filter .pagination li a{
  background-color: #854c21;
  color: var(--bg-color);
  margin: 0 10px;
  
  border: 1px solid var(--bg-color);
}

.testimonial  .pagination li a:hover,
.product-filter .pagination li a{
  background-color: transparent;
  color: #854c21;
  border: 1px solid #854c21;
}

iframe
{
  height:300px;
  width:100%;
}

.inner-banner{
     background-image: url('https://themiraclehub.in/themiraclehub-website/vedio/7.png');
     background-size: cover;
  background-position: center top;
  margin-top: 16rem;
  background-repeat: no-repeat;
  padding: 13%;
      
}

.inner-bannerprivacy{
     background-image: url('https://themiraclehub.in/assets/images/privacypolicy1-2.jpg');
    background-size: cover;
  background-position: center top;
  margin-top: 16rem;
  background-repeat: no-repeat;
  padding: 14%;
}

.inner-bannertrack{
     background-image: url('https://themiraclehub.in/assets/images/Order_tracking_2.jpg');
    background-size: cover;
  background-position: center top;
  margin-top: 16rem;
  background-repeat: no-repeat;
  padding: 13%;
}

.inner-bannerterms{
    background-image: url('https://themiraclehub.in/assets/images/TermAndConditions.jpg');
    background-size: cover;
  background-position: center top;
  margin-top: 16rem;
  background-repeat: no-repeat;
  padding: 13%;
}

.inner-bannerpolicy{
      background-image: url('https://themiraclehub.in/assets/images/Shipping&ReturnsPolicy_2.jpg');
    background-size: cover;
  background-position: center top;
  margin-top: 16rem;
  background-repeat: no-repeat;
  padding: 13%;
}

.inner-banner2{
  background-image: url('../vedio/contact_us-1.jpg');
     background-position: center top;
      background-size: cover;
      background-repeat: no-repeat;
      padding-top: 25%;
      margin-top: 15rem;
}

.kit-banner{
  background-image: url('https://themiraclehub.in/assets/29.jpg');
 
     background-size: 100% 100%;
  background-position: center top;
  margin-top: 10rem;
  background-repeat: no-repeat;
  padding: 12%;
}

.inner-banner4{
  
      background-position: center top;
      background-size: cover;
      background-repeat: no-repeat;
      padding-top: 25%;
      margin-top: 12rem;
}

.inner-banner3{
  background-image: url('../vedio/review-2.jpg');
  background-size: 100% 100%;
  background-position: center top;
  margin-top: 12rem;
  background-repeat: no-repeat;
  padding: 12%;
}


.inner-banner6{
  background-image: url('../images/banner/account-banner.jpg');
  background-size:100% 100%;
  background-position: center top;
  margin-top:8rem;
  background-repeat: no-repeat;
  height:auto;
}

.about-banner{
  background-image: url('../images/banner/11_1.jpg');
  background-position: center top;
      background-size: cover;
      background-repeat: no-repeat;
      padding-top: 25%;
      margin-top: 12rem;
}
/*.about-banner{*/
 
/* background-image: url(../images/banner/06\ \(2\).jpg);*/
/*    background-size: 100% 100%;*/
/*    background-repeat: no-repeat;*/
/*    height: 359px;*/
/*    margin-top: 10rem;*/
/*    background-position: center top;*/
/*}*/

/* .inner-banner img{
  width: 100%;
  height: 60vh;
  object-fit: cover;
} */
.blog-card{
    margin-bottom: 30px;
    background-color: #fff;
    box-shadow: 0 0 15px rgb(0 0 0 / 10%);
    border-radius: 20px !important;
    transition: 0.7s;
    margin-top: 5rem;
}

#products .blog-card {
    margin-bottom: 1rem;
     margin-top: 5rem;
    z-index:999;
    /*background-color: #fff;*/
    /*box-shadow: 0 0 15px rgb(0 0 0 / 10%);*/
    /*border-radius: 20px !important;*/
    /*transition: 0.7s;*/
}
.blog-card img{
  border-top-left-radius: 20px;
  border-top-right-radius: 20px;
}


.blog-card:hover {
  transform: translateY(-5px);
}
.blog-card .blog-content {
  padding:20px;
  background-color: #fff;
  border-radius: 20px !important;
  
}
/*.blog-card .blog-content a h3 {*/
/*  font-size: 23px;*/
/*  transition: 0.7s;*/
/*  font-weight: 500;*/
/*  text-overflow:ellipsis;*/
/*  white-space: nowrap;*/
/*  overflow: hidden;*/
/*}*/


.blog-card .blog-content h3 {
  font-size: 1.7rem !important;
  /*text-transform:lowercase;*/
  transition: 0.7s;
  color: #854c21 !important;
  font-weight: 300;
  text-overflow:ellipsis;
  white-space: nowrap;
  overflow: hidden;
}

.blog-share .bx-share-alt{
  color: #854c21;
} 

.blog-share span{
  margin: 0 5px;
}

.blog-share span i{
     font-size: 2.5rem;
}

.blog-share  .fb{
    width: 40px;
    height: 40px;
    text-align: center;
    padding-top: 7px;
    color: #fff;
    border-radius: 50%;
    background-color: rgb(64, 107, 187);
    display: inline-block;
} 

.blog-share  .ws{
  width: 40px;
  height: 40px;
  text-align: center;
  padding-top: 7px;
  color: #fff;
  border-radius: 50%;
  background-color: rgb(13, 165, 13);
  display: inline-block;
} 

.blog-share  .twitter{
  width: 40px;
  height: 40px;
  text-align: center;
  padding-top: 7px;
  color: #fff;
  border-radius: 50%;
  background-color: rgb(70, 185, 238);
  display: inline-block;
} 

.posts a{
    color: rgb(59, 42, 20);
}

.comment-details{
  margin-top: 3rem;
}

.comments-user .card{
     border: 0;
     box-shadow: 0px 10px 10px burlywood;
}

.user-image i{
  font-size: 10rem;
  color: burlywood;
}

.posts a:hover{
    color: burlywood;
}

/* ------------------------------------------------------about-us css-------------------------------------------------------------------------- */



.none_display
{
    display:none;
}
.yes_display
{
    display:block;
}
.headingss {
  background: #854c21;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding-top: 15rem;
  padding-bottom: 5rem;
}

.headingss h3 {
  font-size: 2.5rem;
  text-transform: uppercase;
  color: #fff;
}

.headingss p {
  color: #fff;
  font-size: 2rem;
}

.headingss p span {
  color: var(--bg-color);
}

.headingss p a {
  color: #fff;
}

.headingss p a:hover {
  color: var(--bg-color);
}

.about {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 2rem;
}

.about .image-two {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 40rem;
          flex: 1 1 40rem;
}

.about .image-two img {
  width: 100%;
}

.about .content {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 40rem;
          flex: 1 1 40rem;
}

.about .content span {
  font-size: 3rem;
  color: #854c21;
  font-weight:400;
}

.about .content h3 {
  font-size: 2.5rem;
  color: #854c21;
  padding-top: 1rem;
}

.about .content p {
  font-size: 1.8rem;
  color: #779;
  padding: 1rem 0;
  line-height: 2;
  text-align:justify;
}

a:hover{
    color:grey;
}

.title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-bottom: 3rem;
  border-bottom: 0.1rem solid #854c21;
  padding-bottom: 1.5rem;
}

.title span {
  font-size: 2.5rem;
  color: #854c21;
}

.title a {
  font-size: 1.5rem;
  color: #779;
}

.title a:hover {
  color: #854c21;
}

@media (max-width: 450px) {
 
  .headingss {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-flow: column;
            flex-flow: column;
    gap: 1rem;
  }
}

/* ------------------------------------------------------contact-us css--------------------------------------------------------------------------------------- */

.section-title2 h2 {
  color: #854c21;
  font-size: 28px;
  font-weight: 800;
  line-height: 30px;
  padding-bottom: 15px;
  display: inline-block;
  text-transform: uppercase;
  position: relative;
  opacity: 0.8;
}
.section-title2 h2:after {
  left: 0;
  bottom: 0;
  width: 40%;
  height: 3px;
  right: 0;
  content: "";
  margin: 0 auto;
  position: absolute;
  background-color: #93C572;
}

.contact-top-area {
     transition: all 0.2s linear;
}

.contact-single-info .contact-icon {
  width: 100px;
  height: 100px;
  text-align: center;
  background-color: #000;
  border-radius: 50%;
  display: inline-block;
  transition: all 0.4s ease-out;
}
.contact-single-info .contact-icon i {
  color: var(--bg-color);
  font-size: 32px;
  line-height: 10rem;
  opacity: 0.7;
  transition: all 0.2s linear;
}

.contact-single-info .contact-icon:hover i{
          opacity: 1;
          border: 2px solid #854c21;
          border-radius: 50%;
          width: 100px;
          height: 100px;
          font-size: 42px;
          transform: scale(1.1,1.1) rotate(360deg);
          cursor: pointer;
}

.contact-single-info:hover h3{
      opacity: 1;
      transform: scale(1.1,1.1);
      cursor: pointer;
}

.contact-single-info h3{
     color: #854c21;
}

/*.bg-testimonial{*/
/*  margin: 0;*/
/*  padding: 0;*/
/*  height: 100%;*/
/*  width: 100%;*/
/*  font-family: 'Cormorant', serif;*/
  /* background: #262626; */
/*  background:#1c243c;*/
/*  z-index: 999;*/
/*  position: relative;*/
/*}  */
/*.bg-testimonial{*/
/*  width: 100%;*/
/*  height: 100%;*/
/*  background-image: url('../images/testimonial-2.jpg');*/
/*   background-repeat: no-repeat;*/
/*   background-position:center center;*/
/*   background-size:cover;*/
/*   z-index: 99;*/
/*   position: relative;*/
/* }*/
  /*top: calc(100% - 15px);*/
  /* width: 100%;*/
  /* height: 100%;*/
  /* background: linear-gradient(#793d05,#ecc79f);*/
  /* z-index: 999;*/
  /* position: relative; */
  /*}  */
 
 /*.bg-testimonial .color-overlay{*/
 /*  width: 100%;*/
 /* height: 100%;*/
 /* background-color: #000;*/
 /* position: absolute;*/
 /* top: 0;*/
 /* left: 0;*/
 /* opacity: 0.6;*/
 /* }*/
 
 .bg-testimonial{
  
   position: relative;
 }
  
 
 /* .bg-testimonial .color-overlay{
   width: 100%;
  height: 100%;
  background:linear-gradient(to bottom right,#d61c1c ,#d6511c, #d61c1c);
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0.6;
  } */

  .bg-testimonial .color-overlay{
   width: 100%;
  height: 100%;
  background:linear-gradient(to bottom right,#d6701c ,rgb(110, 71, 19), burlywood);
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0.6;
  } 


/* ---------------------------------------detail page css------------------------------------------------------------------------------------------------------ */

.inner-text h1{
         color:#854c21;
         
}

.inner-text h2{
  color: #854c21;
  font-weight: bold;
 
}


.inner-text span{
  /*color: grey!important;*/
  /*font-size:14px!important;*/
}


/* --------------------------------------------product filter css------------------------------------------------------------------------------------------------ */



#search {
    outline: none;
    border: none;
    display: inline-block;
}

#burgundy {
    color: rgb(153, 40, 59)
}

#orange,
select{
    color: burlywood;
}

#search-btn{
  font-size: 20px;
  margin-bottom: 3px;
  padding-right: 20px;
}


.search-form .fa-search {
    font-size: 20px;
    margin-bottom: 3px;
    padding-right: 20px;
    position: relative;
    top: 6px;
}

.search-nav-item {
    height: 40px;
    border:2px solid #854c21;
}


.special-img span{
  top: 18px;
  right: 0;
  cursor: pointer;
  width: 30px;
  height: 30px;
  position: absolute;
  z-index: 1;
   
}

.collection-img{
  position: relative;

}
.biji-img {
    top: 0px;
    right: 0px;
    background-color:brown;
}


.collection-img .biji-img{
   
   position: absolute;
    top: 0px;
    right: 0px;
    width: 46px;
    height: 46px;
    border-top-right-radius: 40%;
    
    
}

.fa-heart:before {
    content: "\f004";
    border:0;
}

 .special-img i {
 
  cursor: pointer;
  font-size: 2.0rem!important;
  color: transparent;
   -webkit-text-stroke: 0.2rem brown;
  

}

 .special-img i:hover {
   color: brown;
   -webkit-text-stroke: 0;
}

.special-img img{
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
  z-index: -1;
 
}

.fa-user-o,
.fa-shopping-cart {
    font-size: 20px;
    padding: 4px
}

.form-group {
    margin-bottom: 5px
}

#sidebar label {
    padding-left: 10px
}

.form-group:last-child {
    margin-bottom: 0
}

h6 {
    margin-bottom: 0px
}

#sort {
    outline: none;
    border: none;
    background-color: transparent;
}

.product2{
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  margin-top: 5rem;
}

/* .card-body {
    padding: 8px
}

.sign {
    width: 25px;
    height: 25px
} */

.discount {
    border: 1px solid orange;
    border-radius: 5px;
    width: 65px;
    position: absolute;
    top: 2%;
}

.blog-content a{
    text-decoration: none;
}

.blog-content b{
    font-size: 1.8rem;
}
.blog-content h3{
  font-size: 2rem;
  font-weight: 100;
  letter-spacing: 2px;
  font-family: 'Jost', sans-serif;
}


.blog-card img{
     width: 100%;
     height:300px;
    
}



.rating .fa-star{
    color: burlywood;
}

.bg-change{
    background: rgb(255, 247, 236);
    }

    .offcanvas-products-list .single-item {
      display: flex;
      /*align-items: center;*/
      justify-content: space-between;
      margin-bottom: 20px;
  }
  
  .offcanvas-products-list .single-item:last-child {
      margin-bottom: 0;
  }
  
  .offcanvas-products-list .single-item .box {
      display: flex;
      /*align-items: center;*/
  }
  
  .offcanvas-products-list .single-item .image {
      width: 80px;
      overflow: hidden;
      margin-right: 20px;
  }
  
  .offcanvas-title{
       color: burlywood;
  }
  
  input{
        accent-color:#854c21;
  }
  .offcanvas-products-list .single-item .image img {
      width: 100%;
      border-radius: 3px;
  }
  
  .offcanvas-products-list .single-item .content .title2 {
      display: block;
      font-weight: 700;
  }
  
  .offcanvas-products-list .single-item .content .title2:hover{
        color: burlywood;
  }
  .offcanvas-products-list .single-item .content span {
      font-size: 14px;
  }
  
  .offcanvas-products-list .single-item .content span:last-child {
      font-size: 16px;
      font-weight: 600;
      color:#854c21;
  }
  
  .offcanvas-action-link {
      margin-top: 40px;
  }
  
  .offcanvas-action-link .btn {
      display: block;
      padding: 10px 30px;
      text-align: center;
      font-weight: 600;
      text-transform: capitalize;
      border: 1px border transparent;
    
      margin-bottom: 30px;
  }
  
  .offcanvas-action-link .btn:hover {
      background: #fff;
     
  }
  
  .offcanvas-action-link .btn:last-child {
      margin-bottom: 0;
  }
  
  .item-delete .fa{
      color: #854c21;
  }
  

  @media(min-width:1200px) {
    #search {
        width: 300px;
        padding: 5px;
        padding-left: 20px
    }

    .search-nav-item {
        margin-left: 400px;
        width: 350px;
        border:2px solid #854c21;
    }

    .fa-user-o {
        margin-left: 300px
    }

    /* .text {
        display: none
    } */

    /* .card {
        width: 300px;
        height: 330px;
        border: none;
    } */

    .card-img-top {
        width: 295px;
        height: 200px;
        border-radius: 10px
    }

    del {
        padding-right: 2px
    }

    .filter,
    #mobile-filter {
        display: none
    }

   


} 




.accordion-button::after {
  background-image: url("data:image/svg+xml,%3csvg viewBox='0 0 16 16' fill='%23333' xmlns='http://www.w3.org/2000/svg'%3e%3cpath fill-rule='evenodd' d='M8 0a1 1 0 0 1 1 1v6h6a1 1 0 1 1 0 2H9v6a1 1 0 1 1-2 0V9H1a1 1 0 0 1 0-2h6V1a1 1 0 0 1 1-1z' clip-rule='evenodd'/%3e%3c/svg%3e");
  transform: scale(.7) !important;
}
.accordion-button:not(.collapsed)::after {
  background-image: url("data:image/svg+xml,%3csvg viewBox='0 0 16 16' fill='%23333' xmlns='http://www.w3.org/2000/svg'%3e%3cpath fill-rule='evenodd' d='M0 8a1 1 0 0 1 1-1h14a1 1 0 1 1 0 2H1a1 1 0 0 1-1-1z' clip-rule='evenodd'/%3e%3c/svg%3e");
}


.accordion-item {
background-color: #fff;


}

.modal-dialog-scrollable .modal-content {
min-height: 100%;
overflow: hidden;
}

.accordion-button {
background-color: #fff;
box-shadow: none;
border:none;
margin: 4px 0;
}
.accordion-button:not(.collapsed)
{
border-bottom: 4px solid #854c21;
color: #854c21;
font-weight: bold;
background-color: transparent; 
} 

.accordion-button:focus {
z-index: 3;
border-color: none;
outline: 0;
box-shadow: none;
}








@media (max-width:600px){
.filter_footer
{
    position:fixed;
    bottom:0px;
    z-index:1;
   
}

.inner-banner2{
  background-image: url('../vedio/contact_us-1.jpg');
     background-position: center top;
      background-size: cover;
      background-repeat: no-repeat;
      padding-top: 25%;
      margin-top: 7rem;
}

.inner-banner{
     background-image: url('https://themiraclehub.in/themiraclehub-website/vedio/7.png');
     background-size: cover;
  background-position: center top;
  margin-top: 9rem;
  background-repeat: no-repeat;
  padding: 13%;
      
}
.inner-bannerprivacy{
     background-image: url('https://themiraclehub.in/assets/images/privacypolicy1-2.jpg');
    background-size: cover;
  background-position: center top;
  margin-top: 9rem;
  background-repeat: no-repeat;
  padding: 14%;
}


.inner-bannertrack{
     background-image: url('https://themiraclehub.in/assets/images/Order_tracking_2.jpg');
    background-size: cover;
  background-position: center top;
  margin-top: 9rem;
  background-repeat: no-repeat;
  padding: 13%;
}

.inner-bannerterms{
    background-image: url('https://themiraclehub.in/assets/images/TermAndConditions.jpg');
    background-size: cover;
  background-position: center top;
  margin-top: 9rem;
  background-repeat: no-repeat;
  padding: 13%;
}

.inner-bannerpolicy{
      background-image: url('https://themiraclehub.in/assets/images/Shipping&ReturnsPolicy_2.jpg');
    background-size: cover;
  background-position: center top;
  margin-top: 9rem;
  background-repeat: no-repeat;
  padding: 13%;
}

.inner-banner3 {
    background-image: url('../vedio/review-2.jpg');
    background-size: 100% 100%;
    background-position: center top;
    padding-top: 25%;
    margin-top: 5rem;
    background-repeat: no-repeat;
    height:auto;
}
.inner-banner6{
  background-image: url('../images/banner/account-banner.jpg');
  background-size:100% 100%;
  background-position: center top;
  margin-top: 7rem;
  background-repeat: no-repeat;
  height:auto;
}
.list-group{
    
   left: 5rem;

 }
 .header {
    height: 90px;
}
#sidebar{
    display: none;      
}

.modal-dialog #sidebar{
      display: block;
}




}

@media (min-width:600px){
.filter_footer
{
     display: none;
}



}


/* profile dropdown csss */

 .dropdown-two {
  position: relative;
  display: inline-block;
}

 .dropdown-content-two {
  display: none;
  position: absolute;
  min-width: 170px;
 background-color: #fff;
  box-shadow: 0 10px 10px 5px #333;
  z-index: 1;
 
 
}



 .dropdown-content-two a {
  color: black;
  padding: 12px 16px;
  border-bottom: 1px solid black;
  text-decoration: none;
  display: block;
  font-size: 14px !important;
}



 .dropdown-two:hover .dropdown-content-two {display: block;} 



@media(max-width:1168px) {
.blog-card img{
  width: 100%;
  
}
/*.logo_in_a {*/
/*    height: 150px;*/
/*}*/
}

@media(min-width:1496px){

/* .logo_in_a{
    width:210px;
} */

/*@media(max-width:1496px){*/
/*.header .navbar a {*/
/*  font-size: 1.5rem;*/
/*}*/

}

/* --------------------------------------------privacy policy css------------------------------------------------------------------------------------------------ */


.privacy-policy h1{
  color:#854c21;
  line-height: 22px !important;
  font-size:20px !important;
  padding:0 0 20px 0;
}

.privacy-policy p{
  letter-spacing: 1px;
   font-family: 'Jost', sans-serif;
   text-align:justify;
}

.terms-con p{
  /*font-size: 1.2rem;*/
  color: grey;
  letter-spacing: 1px;
   font-family: 'Jost', sans-serif;
   text-align:justify;
}

.terms-con h2,h4{
  color:#854c21;
}


/*---------------------------sign-up css----------------------------------------------------------------------------------*/




        /**
 * Created by Muhammed Erdem on 10.10.2017.
 */






    



/* media query  */

@media (max-width:817px){

  .two-section-reverse{
       display: flex;
       flex-direction: column-reverse;
  }

  .two-section{
    margin-top: 15rem;
  }

  .two-section .para-1 {
    padding: 0 5rem;
    margin-top: -8rem;
   }

   /*.bg-change {*/
   /* margin-top: -5rem;*/
   /*}*/
   nav {
    padding: 0;
  }
  .logo img {
    width: 25rem;
    height: auto;
  }
}

@media (max-width:850px){
  .two-section .blog-two-img {
    width: 85%;
    margin: 0 auto;
  }
   .blog-two-text {
    width: 95%;
    margin: 0 auto;
  }
  .event {
    padding-bottom: 0px;
  }
  .event .event-img {
    width: 100%;
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;
    margin-top: 1.6rem;
  }
  .event .event-text {
    width: 95%;
    margin: 0 auto;
  }

  .bigpart .gallery-box {
    width: 47%;
    margin: 0 auto;
    margin-bottom: 3rem;
  }
  
  .intro-slideshow img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    z-index: -1;
    opacity: 0;
    transition: opacity 0.75s ease-in-out;
    padding-top: 0rem;
}
}

@media (max-width:600px){
  .two-section.blog-two-img .img-top .left img:nth-child(1) {
    width: 21%;
    left: -16%;
    top: -28px;
    visibility: hidden;
  }
  .two-section .blog-two-img .img-top .left img:nth-child(2) {
    left: -17%;
    width: 59%;
    visibility: hidden;
  }
  .two-section .blog-two-img .img-top .right img:nth-child(1) {
    width: 31%;
    top: -8%;
    visibility: hidden;
  }
  .two-section .blog-two-img .img-top .right img:nth-child(2) {
    width: 51%;
    left: 61%;
    visibility: hidden;
  }
  .two-section .blog-two-text .bottom-img img {
    width: 76%;
    visibility: hidden;
  }
  .two-section .blog-two-img .right img:nth-child(2) {
    top: 52%;
    visibility: hidden;
  }
  .two-section .blog-two-img .img-bottom .left img {
    top: 58%;
    visibility: hidden;
  }

  .bigpart p {
    width: 95%;
    margin: 0 auto;
  }
  .bigpart .right-top2{
    display: none;
  }
  .bigpart .gallery-box {
    width: 85%;
    margin: 25px auto;
  }
  .bigpart .gallery-box .left-top-img img:nth-child(1) {
    top: -24%;
    left: -33px;
    width: 51%;
  }
  .bigpart .gallery-box .left-top-img img:nth-child(2) {
    width: 20%;
    top: -29%;
    left: -55%;
  }
  .bigpart .gallery-box .right-img img:nth-child(1) {
    width: 39%;
    top: 84%;
    left: 81%;
  }
  .bigpart .gallery-box .right-img img:nth-child(2) {
    width: 40%;
    left: 25%;
    top: 100%;
  }
  .bigpart .bottom-left img:nth-child(1) {
    width: 41%;
  }
  .bigpart .bottom-left img:nth-child(2) {
    width: 31%;
  }

  .intro {
    height: 70vh;
  }
  .intro .intro-header {
    border-radius: 0.5rem;
    /*padding: 4rem 4rem;*/
    background-color: rgba(0,0,0,0.7);
    color: var(--bg-color);
    margin-top: 8rem;
}

.two-section {
  margin-top: 2rem;
}

.special-img span {
  
    width: 30px;
    height: 30px;
   
}
.special-img i {
    font-size: 1.4rem;
}
    
.bigpart .gallery-box img {
    width: 100%;
    height: auto;
}

}

@media (max-width:600px){
 

.inner-banner4{
  
  margin-top: 8.1rem !important;
  height: 120px; 
   background-position: top center;
}

}

/*@media screen and (max-width: 590px){*/
/*@media (max-width: 789px){*/
/*.inner-banner4 {*/
/*    margin-top: 6rem!important;*/
/*    height: 200px;*/
/*    background-position: top center;*/
/*}*/
/*}*/
/*}*/

@media (max-width:500px){
    
#products .blog-card {
    margin-bottom: 3rem !important;
    margin-top:0 !important;
    z-index:999;
    /*background-color: #fff;*/
    /*box-shadow: 0 0 15px rgb(0 0 0 / 10%);*/
    /*border-radius: 20px !important;*/
    /*transition: 0.7s;*/
}

.inner-banner3 {
    background-image: url('../vedio/review-2.jpg');
    background-size: 100% 100%;
    background-position: center top;
    padding-top: 25%;
    margin-top: 9rem !important;
    background-repeat: no-repeat;
    height:auto;
}
.inner-banner6{
  background-image: url('../images/banner/account-banner.jpg');
  background-size: 100% 100%;
  background-position: center top;
  margin-top: 7rem;
  background-repeat: no-repeat;
  height:115px;
}
 .left-p .email{
    width: 100%;
    margin-bottom: 15px;
 } 
 
.header {
  padding: 0;
}
 
 .left-p h3, .right-p h3 {
    text-align: center;
}

.two-section .para-1 {
  padding: 0;
  margin-top: -8rem;
} 



.event .event-img img {
  -webkit-transition: none;
  transition: none;
  width: 100%;
  /*display: none;*/
}
.blog-content b {
    font-size: 1.5rem;
}
.event {
    background-color: #e9e8e6;
    padding: 25px;
}
.event .event-img {
    width: 100%;
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 0;
    margin-top: 0;
}

.event .event-text {
    margin:5rem 0;
}
.bigpart h1 {
  font-size: 2.5rem;
}

.review-head {
  width: 100%;
  height: 0;
  margin-bottom: 20rem;
  text-align: center;
  
}

.heading h2 {
  font-size: 2rem;
  font-weight: 400;
  font-style: normal;
  text-transform: uppercase;
  letter-spacing: 2px;
  color: #854c21;
  text-align: center;
  z-index: 99;
    position: relative;
}
.heading {
  text-align: center;
  margin-bottom: 4rem;
}


}

@media (max-width:650px){
 
  /* nav .icons a, nav .icons div {
     display: none;
} */

nav .links .account-visible{
  display: block;
}







}
@media (max-width:789px){
  

 
   
     

.section-title h3{
   width: 100%;
   
}






.credit img{
    width: 100%;
}

/*.about-banner{*/
/*  background-image: url('../images/banner/banner-1.jpg');*/
/*  background-size: 100% 100%;*/
/*  background-repeat: no-repeat;*/
/* height: 30vh;*/
/* margin-top: 10rem;*/
/* background-position: center top;*/
/*}*/

}

@media (max-width:600px){
  .inner-banner2{
      margin-top: 7rem;
 } 
 
 .kit-banner{
    margin-top:4rem;
}
 
  

 .about-banner{
     margin-top:7rem;
}


/*.about-banner{*/
/* margin-top: 6rem;*/
/*}*/

.reviews{
  background-image: url('../images/19.jpg');
  background-size:cover;
  background-repeat: no-repeat;
  background-position:center top;
  height:auto;
}
}


@media (max-width:500px){
  .inner-banner2{
      margin-top: 7rem;
      padding:14%;
 }
 
 .kit-banner{
    margin-top:7rem;
    padding:14%;
}
 
 
  

.category .box p {
    font-size: 1.9rem;
}
.event .event-text h1 {
   font-size: 2.4rem;
    text-align: justify;
 }
 .event .event-text p {
 text-align: justify;
 }

}





@media (max-width:400px){
 
.header {
     padding: 0; 
     /*height:70px;*/
}

.bigpart .gallery-box .para-1 h3{
  font-weight: 400;
  font-style: normal;
  text-transform: uppercase;
  color: #854c21;
  display: block;
  letter-spacing: 2px;
  line-height: 18px;
  font-size: 1.1rem;
}



.offcanvas-start {
    top: 0;
    left: 0;
    width: 300px;
    border-right: 1pxsolidrgba(0,0,0,.2);
    transform: translateX(-100%);
}

.offcanvas-end {
    top: 0;
    right: 0;
    width: 300px;
    border-left: 1px solid rgba(0,0,0,.2);
    transform: translateX(100%);
}

/*.about-banner {*/
/*    height:20vh;*/
/*}*/
.about .content span {
    font-size: 2.3rem;
    color: #854c21;
    font-weight: 500;
}

/*.inner-banner4{*/
/*    margin-top:6rem;*/
/*  height: 160px;*/
/*  background-size: 100% 100%;*/
/*    background-position: center top;*/
/* }*/
 
 .two-section .para-1 {
  padding: 0;
  margin-top: -8rem;
  font-size: 1.3rem;
}
 
.header .icons div, .header .icons a {
  font-size: 2rem;
  margin-left: 1rem;
}

.mobile-view .logo-3{
  display: block;
  width: 13rem;
}
.header .mobile-view div,
.header .mobile-view a, .products .box-container .box .mobile-view a, .featured .featured-slider .slide .mobile-view a, .contact .mobile-view-container .mobile-view i {
  color: #fff;
  cursor: pointer;
  -webkit-text-stroke: 0.1rem #854c21;
  font-size: 1.8rem;
}
.product-detail .right {
  margin-top: 6rem;
   padding: 0;
}

.product-detail .right h1 {
  font-size: 2rem;
  
}
.search-form .fa-search {
  font-size: 20px;
  margin-bottom: 3px;
  padding-right: 0px;
}
 .intro {
    height: 70vh;
}
.btn {
   
    padding: 1rem 1.5rem;
    font-size: 1.3rem;
   letter-spacing:2px;
}
.about3 h1>span{
    font-size: 2.5rem !important;
    font-weight: 300;
    color: #854c21;
}
.single-product {
    margin-top: 6rem !important;
}

}

/* product filter media query */

/*admin-pannel*/


 .bg-common{
          background: burlywood;
          
      }

       .bg-right{
            background:#fff;
        } 
       
     .common-item .nav-link, .breadcrumb-item {
          padding: 10px 0 10px 30px;
          transition: all .2s;
          color: #854c21;
          letter-spacing: 2px;
      }

     .common-item .nav-link:hover, .breadcrumb-item a {
           color: #854c21;
           text-decoration: none;
      }

      .card {
            
            box-shadow: 0 6px 20px 0 rgba(0, 0, 0, 0.19);
      }

    .card-left{
           border-radius: 5px;
     }

     .form-productdetail i{
           font-size: 3rem;
           color: burlywood;
     }

    .form-productdetail .card{
          background-color: rgba(222, 184, 135, 0.13);
          color: #854c21;
    }

    .form-productdetail .card:hover{
             margin-top: -10px;
             box-shadow: 0px 10px 10px burlywood;

    }

    .form-productdetail a{
        color: burlywood;
        font-size: 1.5rem;
    }

#profile p{
        font-size: 1.3rem;
        margin: 20px 0;
       
    }

    .form-productdetail .fa-chevron-right{
        font-size: 1.5rem;
    }

    .wishliast-card button {
  border: none;
  outline: 0;
  padding: 12px;
  color: white;
  background-color: burlywood;
  text-align: center;
  cursor: pointer;
  width: 100%;
  font-size: 18px;
}

.wishliast-card button:hover {
  opacity: 0.7;
}

.fa-times-circle {
      position: absolute;
      right: 5px;
      top: 5px;
      background-color: #fff;
      border-radius: 50px;
}
.fa-times-circle:hover{
     
      background-color: #000;
      border-radius: 50px;
}

#wishlist h2{
      padding:1rem 1rem 0 1rem;
      color:#854c21;
      
}
#wishlist p{
     padding:1rem 1rem 0 1rem;
}


#wishlist .card{
    margin-bottom:2rem;
}
#wishlist .img12{
  height:100%!important;
}



@media (max-width:380px){
.category .box img {
    width: 15rem;
    height: 15rem;
    margin-bottom: 1rem;
    border-radius: 50%;
}
}
/*admin pannel end*/


/* -----------------------------popup---------------------------- */

.popup{
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100vh;
  background-color: rgba(0, 0, 0, 0.5);
  z-index: 9999;
  transition: 0.3s;
  transform: scale(1);
}

.popup-content{
  position: absolute;
  top: 50%;
  left: 50%;
  width: 90%;
  max-width: 110rem;
  margin: 0 auto;
  height: 55rem;
  transform: translate(-50%,-50%);
  padding: 1.6rem;
  display: table;
  overflow: hidden;
  background-color: var(--white);
}

.popup-close{
   display: flex;
   align-items: center;
   justify-content: center;
   position:absolute;
   top: 2rem;
   right: 2rem;
   padding: 0.5rem;
   background-color: var(--bg-color);
   border-radius: 50%;
   cursor: pointer;
}

.popup-close{
  font-size: 3rem;
  color: white;
}

.popup-left{
 display:table-cell;
 position: relative;
  /* display: flex;
  justify-content: center;
  align-items: center; */
  text-align: center;
 width: 50%;
 height: 100%;
 vertical-align: middle;
}

.popup-right {
display: table-cell;
width: 50%;
vertical-align: middle;
padding: 3rem 5rem;
}




/*.popup-img-container img {*/
/*position: absolute;*/
/*top: 0;*/
/*left: 0;*/
/*width: 100%;*/
/*height: 100%;*/
/*max-width: 100%;*/
/*border-radius: 1rem;*/
/*object-fit: cover;*/
/*z-index:-1;*/
/*  opacity: 0;*/
/*transition: opacity 0.75s ease-in-out;*/
/*}*/

.popup-img-container {
width: 100%;
overflow: hidden;
} 

 .popup-img-container img {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
max-width: 100%;
border-radius: 1rem;
object-fit: cover;
z-index:-1;
  opacity: 0;
transition: opacity 0.75s ease-in-out;
} 

.right-content {
text-align: center;
width: 85%;
margin: 0 auto;
}

.right-content h1 {
font-size: 4rem;
color: #000;
margin-bottom: 1rem;
}

.right-content h2 {
  margin-bottom: 1rem;
  }

.right-content h1 span {
color: var(--bg-color);
}

.right-content h2 span {
  color: #854c21;
  }

.right-content p {
font-size: 1.6rem;
color: rgb(168, 166, 166);
margin-bottom: 1.6rem;
}

.popup-form {
width: 100%;
padding: 1rem 0;
text-indent: 1rem;
margin-bottom: 1.6rem;
background-color:var(--bg-color)!important;
color: white!important;
font-size: 1.8rem;
border-radius: 5px;
border: none;
text-transform: none;
}

.popup-form::placeholder {
color: white;
}

.popup-form:focus {
outline: none;
}

.right-content a:link,
.right-content a:visited {
display: inline-block;
padding: 1rem 5rem;
color: var(--white);
background-color: var(--black);
border: 1px solid var(--grey2);
transition: 0.3s;
border-radius: 5px;
}

/* .right-content a:hover {
background-color: #854c21;
border: 1px solid var(--grey2);
color: var(--white);
} */

.hide-popup {
transform: scale(0.2);
opacity: 0;
visibility: hidden;
}

@media only screen and (max-width: 1200px) {
.right-content {
  width: 100%;
}

.right-content h1 {
  font-size: 3.5rem;
  margin-bottom: 1.3rem;
}

.icons .fa-user{
      display: flex;
      gap: 4px;
}
}

@media only screen and (max-width: 998px) {
.popup-right {
  width: 100%;
}

.popup-left {
  display: none;
}

.right-content h1 {
  font-size: 5rem;
}
}

@media only screen and (max-width: 768px) {
.right-content h1 {
  font-size: 4rem;
}

.right-content p {
  font-size: 1.6rem;
}

.popup-form {
  width: 90%;
  margin: 0 auto;
  padding: 1.8rem 0;
  margin-bottom: 1.5rem;
}

.goto-top:link,
.goto-top:visited {
  right: 5%;
  bottom: 5%;
}
}

@media only screen and (max-width: 568px) {
.popup-right {
  padding: 0 0.5rem;
}

.popup-content {
  height: 35rem;
  width: 90%;
  margin: 0 auto;
}

.right-content {
  width: 100%;
}

.right-content h1 {
  font-size: 3rem;
}

.right-content p {
  font-size: 1.4rem;
}

.popup-form {
  width: 100%;
  padding: 1rem 0;
  margin-bottom: 1.3rem;
  font-size: 1.1rem;
}

.right-content a:link,
.right-content a:visited {
  padding: 1rem 3rem;
}

.popup-close {
  top: 1rem;
  right: 1rem;
  padding: 0.5rem;
}
}
/* -------------end popup------- */

/* navigation for mobile view */

.mobile-header {
  padding: 20px 0;
  background-color: transparent;
}


@media (min-width: 1200px) {
  .header-action-item {
      margin-right: 100px;
  }
}

.header-action-item::after {
  position: absolute;
  content: "";
  height: 30px;
  width: 3px;
  background: #ebebeb;
  top: 50%;
  transform: translateY(-50%);
  left: calc(100% + 25px);
}
.header-event .search-event .header-search {
  width: 100%;
  padding: 0px 30px;
}
@media (min-width: 1200px) {
  .header-action-item::after {
      left: calc(100% + 48.5px);
  }

  .header-event .search-event .header-search {
      padding: 0 45px;
  }
}

.header-event .search-event .header-search::placeholder {
  color: #854c21;
}

.header-event .search-event .header-search-btn {
  position: absolute;
  height: 100%;
  padding: 0 30px;
}

.header-action-item:last-child {
  margin-right: 0;
}

.header-action-item:last-child::after {
  display: none;
}
.mobile-action-link {
  font-size: 24px;
}

.mobile-action-link a {
  color: #854c21;
}

.header-action-item {
  margin-right: 50px;
  position: relative;
}

.header-action-item .count-tag {
  padding: 0 5.11px;
  font-size: 10px;
  line-height: 22px;
  height: 22px;
  font-weight: 500;
  background: #854c21;
  display: inline-block;
  border-radius: 50%;
  text-align: center;
  color: #fff;
  position: absolute;
  top: 0;
  left: 20px;
}

.header-action-item .item-count {
  font-weight: 500;
  padding-left: 15px;
  font-size: 14px;
  color: #854c21;
}
/* ******************* */

.mobile-search {
  display: block;
}

.mobile-search .search-event {
  margin-left: 0;
}



.mobile-search .search-event::before {
  display: none;
}

.mobile-search .search-event .header-search {
  padding: 0 15px 0 0;
}

.offcanvas-menu {
  margin: 20px 0;
  font-size: 16px;
}

.offcanvas-menu li {
  position: relative;
  padding: 7px 5px;
}

.offcanvas-menu>ul>li {
  padding-bottom: 1.5rem;
  padding-top: 1.5rem;
  border-bottom: 1px solid #a3937d;
}

.offcanvas-menu>ul>li:last-child {
  border-bottom: none;
}

.offcanvas-menu li a {
  display: block;
 color: #854c21;
  font-weight: 500;
  text-decoration: none;
  text-transform: uppercase;
}

.offcanvas-menu li a:hover {
  color: #854c21;
}

.offcanvas-menu li .mobile-sub-menu {
  display: none;
  cursor: pointer;
}
ul.mobile-sub-menu li,ul.mobile-sub-menu ul li
{
	    padding-bottom: 1.5rem;
    padding-top: 1.5rem;
    border-bottom: 1px solid #a3937d;
}

.offcanvas-menu li span{
    text-transform: uppercase;
}

.header-event {
  /*display: flex;*/
  background: #fff;
  border: 3px solid #ebebeb;
  align-items: center;
  border-radius: 550px;
  padding: 9.5px 30px;
  font-size: 14px;
  line-height: 1.42;
  position: relative;
}

.header-event .search-event .header-search-btn {
  position: absolute;
  height: 100%;
  padding: 0 30px;
  background: transparent;
}

.header-event .search-event {
  position: relative;
  margin-left: -28px;
  margin-right: 50px;
}

.header-event .search-event::before, .header-event .search-event::after {
  position: absolute;
  content: "";
  height: 30px;
  width: 3px;
  background: #ebebeb;
  top: 50%;
  transform: translateY(-50%);
}

.header-event .search-event::before {
  left: 0;
}

.header-event .search-event::after {
  right: 0;
}

.header-event .search-event .header-search {
  width: 100%;
  padding: 0px 30px;
}

.offcanvas-menu-expand::after {
  content: "\e5df";
  position: absolute;
  top: 0;
  right: 0;
  font-family: 'Material Icons';
  transition: all 0.3s ease;
  color: #854c21;
  font-size: 24px;
  line-height: 1.8;
  cursor: pointer;
  
  
}

.fa-bars{
  color: #854c21;
}
.offcanvas-menu .active>.offcanvas-menu-expand:last-child, .submenu>.active .offcanvas-menu-expand:last-child {
  border-bottom: none;
}

.offcanvas-menu .active>.offcanvas-menu-expand::after, .submenu>.active .offcanvas-menu-expand::after {
  transform: rotate(90deg);
  color: #854c21;
}

#toggleMenu .user-btn{
  background-color: transparent;
  border-radius: 2px;
  margin-left: 6px;
}

.user-btn .fas{
    color:#854c21;
    font-size: 25px;
    
}


#toggleMenu .offcanvas-header{
  display: flex;
    align-items: flex-end;
    justify-content: flex-end;
    padding: 1rem 1rem;
}


#toggleMenu .user-name{
      color: #854c21;
      font-weight: 600;
      letter-spacing: 4px;
      text-transform: uppercase;
}
.offcanvas-header .btn-close {
    padding: 0.5rem 0.5rem;
    margin-top: -0.5rem;
    margin-right: -0.5rem;
    margin-bottom: -0.5rem;
    background-color:#854c21;
}

.mobile-contact-info {
  display: flex;
  justify-content: center;
}

.mobile-contact-info .social-link {
  display: flex;
}

.mobile-contact-info .social-link li {
  margin-right: 20px;
  list-style: none !important;
}

.mobile-contact-info .social-link li:last-child {
  margin-right: 0;
}

.mobile-contact-info .social-link a {
  width: 40px;
  height: 40px;
  line-height: 35px;
  text-align: center;
  background: #854c21;
  border: 2px solid #854c21;
  border-radius: 50%;
  display: inline-block;
  transition: all 0.5s ease;
}

.mobile-contact-info .social-link a img {
  filter: brightness(0) invert(1);
}

.mobile-contact-info .social-link a:hover {
  background: #fff;
}

.mobile-contact-info .social-link a:hover img {
  filter: brightness(1) invert(0);
}

@media (min-width: 1400px) {
  .mobile-contact-info .social-link a {
      width: 55px;
      height: 55px;
      line-height: 55px;
      margin-right: 25px;
  }

}

@media (max-width:1440px){
    .header .icons div,
.header .icons a {
  font-size: 2rem;
  margin-left: 1.2rem;
}
}



/* SCROLL TO TOP */


#button {
  display: inline-block;
  background-color: var(--bg-color);
 width: 40px;
    height: 40px;
  text-align: center;
  border-radius: 4px;
  position: fixed;
 bottom: 10px;
    right: 20px;
  transition: background-color .3s, 
    opacity .5s, visibility .5s;
  opacity: 0;
  visibility: hidden;
  z-index: 1000;
}
#button i {
    font-weight: normal;
    font-style: normal;
    font-size: 2.5em;
    line-height: 40px;
    color: #fff;
}
#button:hover {
  cursor: pointer;
  background-color: #333;
}
#button:active {
  background-color: #555;
}
#button.show {
  opacity: 1;
  visibility: visible;
}


/* megamenu css */

.navbar .megamenu{
  padding: 2rem 2rem 5rem 2rem;   
  
 }
 
 .col-megamenu{
  padding: 5px;
 }

 .header .navbar .col-megamenu  h6{
     font-size: 1.5rem;
     padding-bottom: 8px;
     text-transform:capitalize;
   
 } 

.header .navbar .col-megamenu li a {
font-size: 1.5rem;
color: #a76b1e;
letter-spacing: 1px;
font-weight: 400;
margin: 0;
 font-family: 'Jost', sans-serif;
}
/* ============ desktop view ============ */
/*@media all and (min-width: 992px) {*/
 
/*  .navbar {*/
/*    position: initial;*/
/*    display: flex;*/
/*    flex-wrap: wrap;*/
/*    align-items: center;*/
/*    justify-content: space-between;*/
/*    padding-top: 0.5rem;*/
/*    padding-bottom: 0.5rem;*/
/*  }*/
 
/* .navbar .has-megamenu{position:static!important;}*/
/* .navbar .megamenu{*/
/*   left:0;*/
/*    right:0; */
    /*width:100%; */
/*     width:70%;*/
/*    border-top: 3px solid #000;   */
/*    margin:0 auto;*/
/*   padding: 2rem 5rem;*/
/*   box-shadow: rgba(0, 0, 0, 0.25) 0px 25px 50px -12px;*/
/*  }*/
/*  .dropdown-menu[data-bs-popper] {*/
/*    top: 100%;*/
/*    left: 0;*/
/*    margin-top: 0.125rem;*/
/*    border-top: 3px solid #000;   */
/*}*/
  
 
/*}	*/
/* ============ desktop view .end// ============ */


/* ============ mobile view ============ */
@media(max-width: 991px){
 .navbar.fixed-top .navbar-collapse, .navbar.sticky-top .navbar-collapse{
     overflow-y: auto;
     max-height: 90vh;
     margin-top:10px;
 }
  .navbar {
    position: initial;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
  }
}

.ico_d{
    position: fixed;
    left: 40px;
    top: 90%;
    z-index:5;
}


@media screen and (min-device-width: 1272px) and (max-device-width: 1732px) { 
     .category {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(1rem, 1fr));
    gap: 2rem;
}
.category .box img {
    width: 10rem;
    height: 10rem;
    margin-bottom: 1rem;
    border-radius: 50%;
}
}

@media only screen and (min-width: 1072px) and (max-width:1272px){
     .category {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(1rem, 1fr));
    gap: 2rem;
}
.category .box img {
    width: 5rem;
    height: 5rem;
    margin-bottom: 1rem;
    border-radius: 50%;
}
}

/* vedio gallery css */

.video-gallery-container {
  width: 1100px;
  font-family: "Roboto", sans-serif;
  padding: 8px 0 0 0;
  margin: 0 auto;
}

.video-gallery-container,
.video-gallery-container * {
  box-sizing: border-box;
}

.video-gallery-container h2.title {
  text-align: center;
  font-weight: 300;
  text-transform: uppercase;
  font-size: 34px;
  margin-bottom: 24px;
}

.video-gallery-container .video-gallery {
  display: flex;
 
  justify-content: center;
  padding: 16px;
  padding-top: 24px;
  gap: 24px;
  color: transparent;
}

.video-gallery h3.video-title {
  line-height: 1.6;
  font-weight: 700;
  font-size: 20px;
  width: 100%;
}

.video-gallery .thumbnail {
  height: 200px;
  cursor: pointer;
 
  box-shadow: 0 0.5rem 1rem rgb(0 0 0 / 10%);
}



.video-gallery .thumbnail:hover{
border: 10px  solid #854c21;
}

.video-gallery .video {
  position: relative;
}

.video-gallery .video .play-icon {
  opacity: 1;
}

.video-gallery .play-icon {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  pointer-events: none;
  opacity: 0;
  transition: opacity 400ms ease;
}

.video-gallery .video .play-icon img {
  height: 50px;
  width: 50px;
}

.video-gallery .all-videos {
  display: flex;
  flex-direction: column;
  gap: 8px;
}

.video-gallery .responsive-iframe {
  position: relative;
  height: 0;
  overflow: hidden;
  padding-top: 56.25%;
  padding-bottom: 30px;
}

.video-gallery .responsive-iframe {

    width: 800px;
   
    box-shadow: 0 0.5rem 1rem rgb(0 0 0 / 10%);
}

.video-gallery .responsive-iframe iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

@media (max-width: 900px) {
     .video-gallery .responsive-iframe {
    width: 100% !important;
    
    box-shadow: 0 0.5rem 1rem rgb(0 0 0 / 10%);
}
  .video-gallery-container {
    width: 100%;
  }
}

@media (max-width: 700px) {
    
     .video-gallery .responsive-iframe {
        width: 100% !important;
   
    box-shadow: 0 0.5rem 1rem rgb(0 0 0 / 10%);
}
  .video-gallery-container .video-gallery {
    flex-direction: column;
  }

  .video-gallery .all-videos {
    display: grid;
    grid-template-columns: 1fr 1fr;
  }

  .video-gallery .thumbnail {
    height: unset;
    width: 100%;
  }
  
  .video-gallery-container .video-gallery {
    display: flex;
    justify-content: center;
     padding: 0; 
    padding-top: 24px;
    gap: 24px;
    color: transparent;
}
.video-gallery .all-videos {
    display: grid;
    grid-template-columns: 1fr 1fr;
    margin-top:-8rem;
}

}

@media (max-width: 500px) {
  .video-gallery .all-videos {
    display: grid;
    grid-template-columns: 1fr 1fr;
    margin-top:0;
}

  .video-gallery-container {
    max-width: 400px;
  }

  .video-gallery-container h2.title {
    font-size: 24px;
    font-weight: bold;
  }
  .video-gallery h3.video-title {
     line-height: 0; 
     font-weight: 0; 
     font-size: 0; 
     width: 0; 
}



}
@keyframes slide {
  0% {
      transform: translateY(40px);
      opacity: 1;
  }
  5%, 50% {
      transform: translateY(0);
      opacity: 1;
  }
  
  51% {
      transform: translateY(-40px);
      opacity: 0;
  }
  51.1%, 100% {
      transform: translateY(40px);
      opacity: 0;
  }
  }
  @-moz-keyframes slide {
      0% {
           -moz-transform: translateY(40px);
          opacity: 1;
      }
      5%, 50% {
           -moz-transform: translateY(0);
          opacity: 1;
      }
      
      51% {
           -moz-transform: translateY(-40px);
          opacity: 0;
      }
      51.1%, 100% {
           -moz-transform: translateY(40px);
          opacity: 0;
      }
      }
      @-webkit-keyframes slide {
          0% {
                -webkit-transform: translateY(40px);
              opacity: 1;
          }
          5%, 50% {
                -webkit-transform: translateY(0);
              opacity: 1;
          }
          
          51% {
                -webkit-transform: translateY(-40px);
              opacity: 0;
          }
          51.1%, 100% {
                -webkit-transform: translateY(40px);
              opacity: 0;
          }
          }