.excitemorebox h1{text-align: center ; font-size: 30px;font-family:"myFirstFont";}

.excitemorebox h1:after{
content: ''; position: absolute; width: 100%; height: 2px; background: #ffc087; left: 0; bottom: 3px; z-index: -1; border-radius: 30px;
}


.offertabs ul{display: flex ; justify-content: center; margin: auto; box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.25); width: fit-content; background: rgba(255, 247, 232, 1); gap: 10px; border-radius: 20px;padding-left:0px;cursor: pointer;}

.offertabs ul li{list-style:none;}
.offertabs ul li{ border:none; color:#000; padding: 10px 15px; border-radius: 30px; font-weight: 500; text-transform: uppercase; position: relative;background:transparent;}
.offertabs ul li.active{background:var(--dynamic-color);color:#fff;}
.offertabs ul li.active svg path{fill:#fff;}

.offertabs ul li button.active{background:var(--dynamic-color);color:#fff;}
.offertabs ul li button.active svg path{fill:#fff;}

.slidebannerbox {width:100%;height:200px;border-radius:12px;overflow: hidden;}
.slidebannerbox  img{width:100%;height: 100%;object-fit: cover;}

.mainslideboxes  .slick-prev{position:absolute; left: -15px !important; background: #fff; padding: 10px 6px; width: 40px; height: 40px; box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px; border-radius: 30px; display: flex ; align-items: center; justify-content: center;    top: 35% !important;border:none;}

.mainslideboxes  .slick-next{position:absolute;right: -15px !important; background: #fff; padding: 10px 6px; width: 40px; height: 40px; box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px; border-radius: 30px; display: flex ; align-items: center; justify-content: center;    top: 35% !important;border:none;}

.slick-prev:hover, .slick-next:hover{background:#fff !important;}

.custom-tabs { position: relative; display: flex; border-bottom: 2px solid #eee; }
.custom-tabs .nav-link { padding: 10px 18px; cursor: pointer; color: #444; text-decoration: none; border: none; background: transparent; }
.custom-tabs .nav-link.active { color: #ff8515; font-weight: 600; }
.custom-tabs .glider {
  position: absolute;
  bottom: 0;
  left: 0;
  height: 3px;
  width: 0;
  background: #ff8515;
  border-radius: 3px;
  transform: translateX(0);
  transition: transform 300ms cubic-bezier(.22,.9,.14,1), width 300ms cubic-bezier(.22,.9,.14,1);
  will-change: transform, width;
}
.tab-pane { display: none; }
.tab-pane.show.active { display: block; animation: fadeIn 350ms ease; }
@keyframes fadeIn { from { opacity: 0; transform: translateY(6px);} to {opacity:1; transform:none;} }

.mainslideboxes .slick-slide{
  height: auto !important;
}