/* body{
    background-color: #F1F3F6;
}

@media (max-width: 991px) {
            .Search {
              display: none;
            }
          }
  
     .button-30 {
          align-items: center;
          appearance: none;
          background-color: #F6B93B;
          border-radius: 4px;
          border-width: 0;
          box-shadow: rgba(45, 35, 66, 0.4) 0 2px 4px,rgba(45, 35, 66, 0.3) 0 7px 13px -3px,#F6B93B 0 -3px 0 inset;
          box-sizing: border-box;
          color: #36395A;
          cursor: pointer;
          display: inline-flex;
          font-family: "JetBrains Mono",monospace;
          height: 48px;
          justify-content: center;
          line-height: 1;
          list-style: none;
          overflow: hidden;
          padding-left: 16px;
          padding-right: 16px;
          position: relative;
          text-align: left;
          text-decoration: none;
          transition: box-shadow .15s,transform .15s;
          user-select: none;
          -webkit-user-select: none;
          touch-action: manipulation;
          white-space: nowrap;
          will-change: box-shadow,transform;
          font-size: 18px;
        }

        .button-30:focus {
          box-shadow: #F6B93B 0 0 0 1.5px inset, rgba(45, 35, 66, 0.4) 0 2px 4px, rgba(45, 35, 66, 0.3) 0 7px 13px -3px, #F6B93B 0 -3px 0 inset;
        }

        .button-30:hover {
          box-shadow: rgba(45, 35, 66, 0.4) 0 4px 8px, rgba(45, 35, 66, 0.3) 0 7px 13px -3px, #F6B93B 0 -3px 0 inset;
          transform: translateY(-2px);
        }

        .button-30:active {
          box-shadow: #F6B93B 0 3px 7px inset;
          transform: translateY(2px);
        }
      

.btnn{
    background-color: #272D3C;
    height: 125px;
    width: 50px;
}

.carousel-control-next, .carousel-control-prev {
    position: absolute;
    top: 0;
    bottom: 0;
    z-index: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    width:50px;
    padding: 0;
    color: #fff;
    text-align: center;
    background: 0 0;
    border: 0;
    opacity: 1;
    transition: opacity .15s ease;
}



@media (min-width: 992px) {
    .onlycart {
      display: none;
    }
  }


  @media (max-width: 992px) {
    .hid {
      display: none;
    }
  }
   
  @media (min-width: 992px) {
    .hidd {
      display: none;
    }
  }
    */

body{
  background-color: #F1F3F6;
}
 
.round:hover {
  transform: scale(1.1);
  box-shadow: #F6B93B 0 0 0 1.5px inset, rgba(45, 35, 66, 0.4) 0 2px 4px, rgba(45, 35, 66, 0.3) 0 7px 13px -3px, #F6B93B 0 -3px 0 inset;
}
.round{
  transition: transform 0.5s;
}

 @media (min-width: 768px) {
 .body{
margin-top: 270px !important;
  }
}

 @media (max-width: 992px) {
   .roundd {
     height: 100px;
     width: 100px;
     background-color: #bbb;
     border-radius: 50%;
     display: inline-block;
   }
 }
@media (min-width: 992px) {
  .round {
    height: 173px;
    width: 173px;
    background-color: #bbb;
    border-radius: 50%;
    display: inline-block;
  }
}
 
    @media (max-width: 768px) {
      .smallscreenhid {
        display: none;
      }
    }
  
  @media (min-width: 768px) {
      .smallscreenshow {
        display: none;
      }
    }

 

.bottommargin {
  margin-bottom: 25px;
}
@media (max-width: 768px) {
  .newrow>* {
    flex-shrink: 0;
    width: 50%;
    max-width: 100%;
    padding-right: calc(var(--bs-gutter-x)* .5);
    padding-left: calc(var(--bs-gutter-x)* .5);
    margin-top: var(--bs-gutter-y);
  }
}
 

@media (max-width: 992px) {
  .margintop {
    margin-top: 15px !important; 
  }
}

.btn:link,
.btn:visited {

  text-decoration: none;
  float: right;
  border-radius: 100px;
}
 .card-img-top{
    width: 100%;
    height: 160px;
    object-fit: contain;
    margin-bottom: 12px;
 }

 

/* .new {
    background-color: #F6B93B;
    color: #0a0a0a;
} */
/* 
.btn::after {
    content: "";
    display: inline-block;
    height: 100%;
    width: 100%;
    border-radius: 100px;
    position: absolute;
  top: 0;
    left: 0;
    
    z-index: -1;
    transition: all .4s;
} */

/* .new::after {
  background-color: #F6B93B;
    
} */

/* .btn:hover::after {
    transform: scaleX(1.4) scaleY(1.6);
    opacity: 0;
} */


@media (max-width: 500px){
.bottommargin{
  padding: 3px !important;
  margin-bottom: 6px;
}
}

@media (min-width: 500px){
.textpadding{
 padding-right: 30px;
 padding-left: 30px;
}
}



 
/* 
@media (min-width: 576px) {
    .container,.container-sm {
        max-width:540px
    }
}

@media (min-width: 768px) {
    .container,.container-md,.container-sm {
        max-width:720px
    }
}

@media (min-width: 992px) {
    .container,.container-lg,.container-md,.container-sm {
        max-width:960px
    }
}

@media (min-width: 1200px) {
    .container,.container-lg,.container-md,.container-sm,.container-xl {
        max-width:1140px
    }
}*/

@media (min-width: 1500px) {
    .container,.container-lg,.container-md,.container-sm,.container-xl,.container-xxl {
        max-width:1450px;
    }
} 


.category-center{
  justify-content: center;
}
@media (max-width: 1500px) {
    .category-center{
  justify-content: start;
}
} 


    @media (max-width: 768px) {
 .search-box{
display: none !important;
  }
}
 


 @media (min-width: 768px) {
 .search-show{
display: none !important;
  }
}



@media (min-width: 999px) {
   .dark-card-box{
    border: solid 5px white;
   }
} 


.card:hover {
  transform: scale(1.01);
box-shadow: 
  0 1px 2px rgba(0, 0, 0, 0.08),  /* very soft tiny shadow */
  0 2px 4px rgba(0, 0, 0, 0.06),  /* light depth */
  0 0 0 1px rgba(246, 185, 59, 0.6); /* thin, soft golden border */
}
.card{
  transition: transform 0.5s;
}



.my-card {
            box-shadow: 1px 0px 10px -4px rgb(46, 46, 46);
            background-color: #ffffff;
            border-radius: 10px;
          }


          .box-padding{
            padding: 37px !important;
          }



          @media (max-width: 600px) {
   .box-padding{
     padding: 17px !important;
   }
}