.invalid-feedback{ font-size: .675em; line-height: 2em;     margin-left: 20px;}
.modal-style .form-blk .form-group { padding-bottom: 5px;}
.modal-style .form-blk .form-group { padding-bottom: 5px;}

#offDiscountPopupXHours .form-logo{
    border: none;
    background: transparent;
}
#offDiscountPopupXHours .modal-title, .cmnheading .modal-title{
    color: #FB4F2D;
    text-align: center;
    font-family: 'M PLUS Rounded 1c';
    font-size: 40px;
    font-style: normal;
    font-weight: 900;
    line-height: 1.2;

}
#offDiscountPopupXHours .form-logo img, .cmnheading .form-logo img{
    height: 140px;
    width: 140px;
    object-fit: cover;
    object-position: center center;
     border-radius: unset
}
#offDiscountPopupXHours .btn-x-hours-offers, .btn-t-clr{padding: 14px 32px;
    border-radius: 80px;
    background: linear-gradient(162deg, #F42020 0%, #B51FEB 100%);
    color: #FFF;
    font-family: 'Montserrat';
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: 20px;
    text-transform: capitalize;
}
.btn-t-clr:hover, .btn-t-clr.activate:hover, .btn-t-clr:hover {
    box-shadow: 0px 4px 24px 0px rgba(0, 0, 0, 0.26);
}
#offDiscountPopupXHours .btn-x-hours-offers:hover, #offDiscountPopupXHours .btn-x-hours-offers.activate:hover, #offDiscountPopupXHours .btn-x-hours-offers:hover {
    box-shadow: 0px 4px 24px 0px rgba(0, 0, 0, 0.26);
}
.simtxtb{
margin-top:20px;
margin-bottom:20px;
gap: 24px;
opacity: 0px;
border-radius: 16px 0px 0px 0px;
opacity: 0px;
background: #FEF6F5;
color: #360946;
font-family: 'M PLUS Rounded 1c';
text-align: left;
}
/* addnew */
.simtxtb {padding: 5px 30px;} 
.simtxtb .simbgdr{
    padding: 32px 16px 32px 16px;  
 }
 #AffterEmailSendOffDiscountPopup .simtxtb .simbgdr{
    padding: 32px 24px 32px 24px; 
    gap:10px; 
 }
.simtxtb p{
    font-size: 16px;
    line-height: 35.64px;
    text-align:left;
    
}
ul.ulsimplg{
    text-align:left;
    padding-left:32px;
}
p.md-srf{
    text-align:left;
    padding-left:10px;
    font-family: 'Montserrat';
    line-height:20px;
}
ul.ulsimplg li{
    text-algin:left;
    font-family: 'Montserrat';
    line-height:20px;


}
.simtxtb p.sibdhead{
    font-size: 24px;
    font-weight: 900;
    line-height: 35.64px;
    text-align:center;
    font-family: 'M PLUS Rounded 1c';
    
}
.mdhedf h4.enjdisc{
    /* //styleName: H4 - 24px - Black; */
    font-family: 'Rounded Mplus 1c';
    color:#FB4F2D;
    font-size: 24px;
    font-weight: 900;
    line-height: 35.64px;
    text-align: center;
    
}

.simtxtb p.cmnpt{
font-family: 'M PLUS Rounded 1c';
/* font-family: 'Rounded Mplus 1c'; */
font-size: 24px;
font-weight: 900;
line-height: 35.64px;
text-align: center;    
color:#360946;

}
p.chkspm{
    font-family: 'M PLUS Rounded 1c';
    /* font-family: 'Rounded Mplus 1c'; */
    font-size: 18px;
    font-weight: 900;
    line-height: 16.73px;
    text-align: center !important;    
    color:#360946;
    display:flex-root !important;
    }
    .fa.fa-clipboard.clktcp {
        cursor: pointer;
      }

.cnrlr button{
    display:inline-block;
}
      .btn.cmnb.btnclose {
        background: #000;
        padding: 14px 32px;
        border-radius: 80px;
        color: #ffffff !important;
        font-family: 'Montserrat';
        font-size: 16px;
        font-style: normal;
        font-weight: 600;
        line-height: 20px;
        width: 100%;
        text-transform: capitalize;
      }
.lbl_max_dic_amount_popup{
    display:flex;
  padding: 4px 0px;
}
.copy-text {
  position: relative;
  padding: 10px;
  background: #fff;
  border: 1px solid #ddd;
  border-radius: 10px;
  display: flex;
}
    .copy-text button {
        padding: 0px 10px;
  background: #000000;
  color: #fff;
  font-size: 18px;
  border: none;
  outline: none;
  border-radius: 10px;
  cursor: pointer;
    margin-left: 10px;
}
    .copy-text button:before {
  content: "Copied Successfully";
    font-family: 'M PLUS Rounded 1c';
  position: absolute;
  top: -32px;
  right: 0px;
  background: #000000;
  padding: 0px 15px;
  border-radius: 10px;
  font-size: 12px;
  display: none;
}
.copy-text button:after {
  content: "";
  position: absolute;
  top: -1px;
  right: 54px;
  width: 10px;
  height: 10px;
  background: #000000;
  transform: rotate(45deg);
  display: none;
}
.copy-text.active button:before,
.copy-text.active button:after {
  display: block;
}


/* new offer css */
.product.portfolio{z-index: 0;}
.filter-boxs .row{--bs-gutter-x: 3.5rem;}
.filter-boxs .col-xl-3.col-lg-4.col-md-6.col-sm-12{margin-bottom:30px;}
.bg-gray{background:#ddd9dd url(../img/offer-filterbg.svg) 90% 20px no-repeat; position: relative; z-index: 9;padding:15px; border-radius:10px; margin:20px 0;}
.bg-gray h5{font-size:30px; font-weight:800;font-family: 'Baloo Tammudu 2', cursive;}
.offer-list-steps{list-style: none; display:block; border-bottom: solid 1px #d4cfd4; width:100%; padding-bottom:14px; margin-bottom: 16px;}
.offer-list-steps li{list-style: none; padding-right:30px; font-weight:700; font-size:18px; display: inline; color:#360946;}
.bg-gray .offer-filter-right .offer-search {min-width: auto;}
.firtar-tag{font-weight:700; padding-right:10px; font-size:17px; color:#360946;}
.bg-gray .offer-filter-right{margin-right:4px;}
.bg-gray .offer-filter-right .offer-search {padding:4px 10px; position:relative; font-size: 14px;font-weight: 500;}
.bg-gray .offer-filter-right .offer-search:after{content:'';background:url(../img/down-arrow.svg) right top no-repeat; position:absolute; right: 0; top:16px; width: 10px; height: 11px;}
.border-left{margin-left:2px; border-left:solid 1px #c3bcc2; padding-left: 2px;}
.btn-right #clear-filters{font-size:14px;border-radius: 80px; border:solid 1px #897091;padding:8px 14px; background: transparent; margin-right:10px;}
.btn-right {
  /* width: 300px; */
  float: right; text-align: right;}
.filter-button.main-button{position: relative; left:0; padding:10px 22px; bottom:3px; border:none;transform:inherit; }
.short-area{margin-top:10px; margin-bottom:0px;}
.short-area h6 {font-weight: 700; padding-right: 10px; font-size:20px;}
.short-area ul{list-style: none; display: inline-block; width: 100%;}
.short-area ul li{background:#360946; border-radius:30px; padding:6px 9px 6px 18px; color:#fff; margin-right:10px;display: inline;}
.short-area ul li span{opacity:0;visibility:hidden; cursor: pointer;}
.short-area ul li:hover span{opacity:1;visibility: visible;} 
.portfolio .main-offer-image img{border-radius:0;}
#product-list .row{margin-left:-29px; margin-right:-29px;}
.offer-list-tag{padding-top: 10px;}
.offer-list-price-tag h5 span{font-size: 28px;}
.ml-40{margin-left:20px;}
.view-btn{margin:0 auto; width:190px; text-align: center; margin-bottom:30px;}
.portfolio .slick-prev::before, .portfolio .slick-next::before{font-size: 14px;}
.view-btn a{border-radius:30px; padding:12px 28px; border:solid 1px #FB822D; color:#FB822D;}
.zoom-in-zoom-out {width: 50px;height: 50px;animation: zoom-in-zoom-out 10s ease-out infinite; position: absolute; left:-32px; top:-8px;}
@keyframes zoom-in-zoom-out {
  0% {
    transform: scale(1, 1);
  }
  50% {
    transform: scale(0.1, 0.1);
  }
  100% {
    transform: scale(1, 1);
  }
}
.drop-down{position:relative; left:0; display: block; top:0;}
.drop-down .selected a{background:transparent;display:block; padding-right:20px;  border:none; width:auto; border-radius:2px; text-decoration:none; }
.drop-down .selected a span{cursor:pointer;  display:block; padding:5px; color:#000;}
.drop-down .option{position:relative; }
.drop-down .options ul{
  background:#fff none repeat scroll 0 0;display:none;list-style:none; padding:0px 0px; 
  position:absolute; left:0px;  top:50px;  width:auto; 
  min-width:200px; border-radius:20px; padding:10px; 
  border:1px solid #d7d7d7;-webkit-box-shadow: 0px 0px 11px 0px rgba(212,212,212,1);
-moz-box-shadow: 0px 0px 11px 0px rgba(212,212,212,1);
box-shadow: 0px 0px 11px 0px rgba(212,212,212,1);
}
.drop-down .selected span.value, .drop-down .options span.value{ display: none;}
.drop-down .options ul li a{padding:5px; display:block; text-decoration:none;color:#000;}
.drop-down .options ul li a:hover{background:#f1f1f1; color:#000; transition:0.2s ease;}

/* home pages css */
.affiliate-page{background:#ffd6b8 url('../img/affiliate-bg.png') left top no-repeat; color:#360946; display: flex; width: 100vw; background-size:70%; overflow: hidden; height: 100vh; position: relative;}
 .por-reletive{width: 100vw; display: block; height: 100vh; padding: 0;}
.affiliate-left{width:60%; padding:0 3%; height: 100vh; display: block;position: relative; float: left;}
.affiliate-right{width:40%; text-align: left; padding:0 3%; height: 100vh; display: block; float: right; position: relative;background:#fff; }
.affiliate-cont{position:absolute;top: 50%; transform: translateY(-50%); z-index: 99; width:86%;}
.message-box{position: relative; width:82%; float: right; background:#fef6f5;-webkit-box-shadow: 0px 0px 15px 0px rgba(255,172,111,1);
-moz-box-shadow: 0px 0px 15px 0px rgba(255,172,111,1);margin-right: 30px;
box-shadow: 0px 0px 15px 0px rgba(255,172,111,1); padding:15px; border-radius:10px;}
.message-box:after{background:url('../img/affiliate-rectangle-1.png') left top no-repeat; height: 32px; width: 29px; right:-28px; content:''; position:absolute;bottom: 16px;}
.message-box .left-img{width:184px; position:absolute;left:-105px;top: -30px;}
.msg-cont{padding-left:70px;}
.msg-cont h2{font-size: 30px; line-height: 60px;font-weight:bold;}
.msg-cont h2, .msg-cont p{margin:0;}
.msg-cont p{margin:0px; font-size:16px; font-weight: bold;font-family: 'Baloo Tammudu 2', cursive; line-height: 24px;}
.text {text-transform: uppercase;background: linear-gradient(to right, #f21c24 84%, #b825b0 100%);-webkit-background-clip: text;-webkit-text-fill-color: transparent;}
.affiliate-service{float: left; width: 100%; padding:10px; text-align: center;}
.affiliate-service h4{font-weight:bold; padding:30px 0 60px 0;}
.affiliate-white-box{background:#fff6f1; border-radius:30px; width: 100%; height: 100%; padding:20px;-webkit-box-shadow: 0px 0px 15px 0px rgba(255,172,111,1);-moz-box-shadow: 0px 0px 15px 0px rgba(255,172,111,1); box-shadow: 0px 0px 15px 0px rgba(255,172,111,1); position: relative;}
.affi-icon{position: absolute; left: 50%; margin-left:-53px;top:-53px;}
.affi-cont{text-align: left; font-size:16px; padding:40px 0 0 0; font-weight: bold;font-family: 'Baloo Tammudu 2', cursive; line-height: 24px;}
.affi-cont h6{font-size:16px; padding:0; font-weight: bold;font-family: 'Baloo Tammudu 2', cursive; line-height: 24px; color:#FB4F2D;}
.message-box .left-img img{max-width: 100%;}
.affi-logo{text-align:center;}
.submitn-button { padding: 14px 32px; z-index: 1; position: relative; bottom:0px; left:0%; width: 100%; background: linear-gradient(118.6deg, #F42020 10.34%, #B51FEB 84.86%);  border-radius: 27px;  font-family: 'Montserrat', sans-serif;  font-size: 16px;  line-height: 22px;  color: #fff !important; font-weight: 600; text-align: center; transition-duration: 0.3s;  -webkit-transition-duration: 0.3s;}
.submitn-button:hover { background: linear-gradient(118.6deg, #F42020 10.34%, #B51FEB 84.86%);  box-shadow: 0px 4px 24px rgba(244, 32, 32, 0.26);}
.login-google{width: 100%; border-radius: 80px; border:solid 1px #E2DFE2;text-align: center; padding: 10px;}
.or{position: relative; background:#E2DFE2; width: 100%; margin-top: 15px; height:1px;}
.or span{position: absolute; left: 47%; background:#fff; padding: 0 10px; color:#E2DFE2; top:-6px;}
.offer-filter-right2 {padding: 1px;background: linear-gradient(180deg,#EB1FCD,#F42020, #FB822D);border-radius: 80px;display:block;}
.affiliate-right h5{font-size:30px;text-align:center; font-weight: bold;font-family: 'Baloo Tammudu 2', cursive; padding:10px 0;}
.affiliate-right form{font-weight: bold;font-family: 'Baloo Tammudu 2', cursive;}
.offer-filter-right2 .offer-search2 {padding: 14px 32px 14px 16px;font-size: 16px;line-height: 20px;  font-family: 'Montserrat';font-weight: 600;color: #360946; font-size:14px;background: #fff;border: none;border-radius: 80px;}
.affiliate-right .form-label{padding-left:20px;}
.affiliate-right a{color:#F42020; text-decoration:none;}
.affiliate-right a:hover{color:#F42020; text-decoration:underline;}
.affiliate-right .form-control::placeholder {color: #d7d7d7;opacity: 1;}
.mob-show-affi, .affil-mobile-show{display: none;}
@media (min-width:1800px) {
.affiliate-left {width: 50%;padding: 0 10%;}
.msg-cont {padding-left: 90px;}
.login-google{margin-top: 20px;}
.pad-20{padding:10px 0;}
.affiliate-right form{padding: 0 20%;}
}
 
@media (max-width:1400px) {
 .affiliate-cont {position: relative;top: 0;transform: inherit;z-index: 99;width: 100%; padding-top:60px;}
.affiliate-page{overflow: scroll;}
.msg-cont {padding-left: 90px;}
.affiliate-right{height: 114vh;}
.affiliate-right .affiliate-cont{padding-top: 30px;}
.login-google{margin-top: 10px;}
}
@media (max-width:1360px) {
  .affiliate-right{height: 125vh;}

}
@media (max-width:1200px) {
  .affiliate-right{height:100vh;} 
  .login-google{margin-top: 14px;}
}
@media (max-width:1100px) {
.message-box .left-img{top: -14px;left: -90px;}
}
@media (max-width:1070px) {
  .affi-cont{font-size:15px;}
  .affiliate-right .affiliate-cont {padding-top:80px;}
}
@media (max-width:850px) {
  .mb-60{margin-bottom:80px;}
  .affiliate-right {height: 116.5vh;}
  .por-reletive, .affiliate-left{height: auto;}
  .mob-show-affi{display: block;text-align: center; padding-bottom: 120px;}
  .mob-none-affi{display: none;}
  .affiliate-left{background:url('../img/affiliate-mobile-bottom.png') left bottom no-repeat; background-size: 100%;}
  .message-box .left-img {top: -64px;left: 50%;width: 120px;margin-left: -60px;}
  .affiliate-cont{padding-top:20px;}
  .message-box{width: 100%; margin-right:0;}
  .msg-cont {padding-left: 0;padding-top: 70px;text-align: center;}
  .affiliate-page{background-size: 100%;}
  .message-box::after {background: url('../img/affiliate-rectangle-2.png') left top no-repeat;right:10px;bottom:-32px;}
  .affiliate-left h2{font-weight: bold;background: url('../img/affiliate-arrow.png') 80px 40px no-repeat;}
}
@media (max-width:550px) {
  .affiliate-left{width: 100%; padding: 0 30px;}
  .affiliate-left h2{background: url('../img/affiliate-arrow.png') 40px 40px no-repeat;}
  .msg-cont{padding-top:50px;}
  .affil-mobile-none{display: none;}
  .affil-mobile-show {display: block;height: auto;width: 100%;margin: 40px 0 0 0;border-radius: 10px;-webkit-box-shadow: 1px 0px 17px 0px rgba(235,235,235,1);
-moz-box-shadow: 1px 0px 17px 0px rgba(235,235,235,1);
box-shadow: 1px 0px 17px 0px rgba(235,235,235,1);}
.message-box{border-radius: 10px;-webkit-box-shadow: 1px 11px 17px 0px rgba(201,201,201,1);
-moz-box-shadow: 1px 11px 17px 0px rgba(201,201,201,1);
box-shadow: 1px 11px 17px 0px rgba(201,201,201,1);}
.affiliate-right .affiliate-cont {padding:20px 10px;}
.affiliate-right h5{font-size: 24px; padding: 20px 0;}
.affiliate-page { background:none;}
.affiliate-page{background:url('../img/affiliate-mobile-bottom.png') left bottom no-repeat; background-size: 100%;}
.affiliate-white-box{-webkit-box-shadow: 1px 3px 17px 0px rgba(255,214,184,1);
-moz-box-shadow: 1px 3px 17px 0px rgba(255,214,184,1);
box-shadow: 1px 3px 17px 0px rgba(255,214,184,1);}
.affiliate-left { background: url('../img/affi-mob-bg.png') left top no-repeat; background-size: 100%;}
}

.container .gallery {
  height: 100%;
  width: 100%;
  display: flex;
  gap: 20px;
}
.container .panel-container {
  border-radius: 0.25rem;
  outline: 1px solid #dfd0b8;
  position: relative;
  width: 10%;
  background: #eee;
  transition: width 3s, visibility 2s;
  user-select: none;
}
.container .panel-container:nth-child(1) {
  visibility: hidden;
  transform: translateY(-100%);
  animation: fall 2s 0s forwards;
  transform: translateY(100%);
  animation: fly 2s 0s forwards;
}
.container .panel-container:nth-child(2) {
  visibility: hidden;
  transform: translateY(-100%);
  animation: fall 2s 0.5s forwards;
}
.container .panel-container:nth-child(3) {
  visibility: hidden;
  transform: translateY(-100%);
  animation: fall 2s 1s forwards;
  transform: translateY(100%);
  animation: fly 2s 1s forwards;
}
.container .panel-container:nth-child(4) {
  visibility: hidden;
  transform: translateY(-100%);
  animation: fall 2s 1.5s forwards;
}
.container .panel-container:nth-child(5) {
  visibility: hidden;
  transform: translateY(-100%);
  animation: fall 2s 2s forwards;
  transform: translateY(100%);
  animation: fly 2s 2s forwards;
}
.container .panel-container:hover {
  cursor: pointer;
  outline-color: #948979;
}
.container .panel-container:has(.panel-control:checked) {
  width: 60%;
}
.container .panel-container:has(.panel-control:checked):hover {
  user-select: initial;
  cursor: initial;
  outline-color: #dfd0b8;
}
.container .panel-container .panel {
  height: 100%;
  padding: 10px;
  position: relative;
}
.container .panel-container .panel-img {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  border-radius: 0.25rem;
  object-fit: cover;
}
.container .panel-container .panel-id {
  font-size: 2rem;
  color: rgba(255, 255, 255, 0.75);
  transform: rotate(90deg) translateX(50%);
}
.container .panel-container .panel-id::before {
  content: "#";
}
.container .panel-container .panel-control {
  display: none;
}
.container .panel-container .panel-control:checked ~ .panel-id {
  display: none;
}
.container .panel-container .panel-control:checked ~ .panel-content {
  display: flex;
}
.container .panel-container .panel-content {
  height: 100%;
  flex-direction: column;
  color: white;
  letter-spacing: 0.01rem;
  position: relative;
  z-index: 5;
  overflow: hidden;
  display: none;
  transition: display 1s;
}
.container .panel-container .panel-content .head {
  padding: 10px;
  font-size: 2.5rem;
  position: relative;
}
.container .panel-container .panel-content .head::before {
  content: "";
  border-radius: 0.25rem;
  border: 2.5px solid white;
  margin-right: 0.75rem;
}
.container .panel-container .panel-content .head::after {
  content: "";
  height: 78%;
  width: 0;
  border-radius: 0.25rem;
  margin: 7px 10px;
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
  overflow: hidden;
  background: #15344899;
  animation: squeezeout 2s 1s forwards;
}
.container .panel-container .panel-content .icon {
  color: inherit;
  height: 1.125rem;
}
.container .panel-container .panel-content .alt {
  vertical-align: bottom;
}
.container .panel-container .panel-content .alt .value::after {
  content: " mts.";
}
.container .panel-container .panel-content .spacer {
  flex: 1 0 auto;
}
.container .panel-container .panel-content .body {
  padding: 10px;
  font-size: 1.125rem;
  line-height: 1.5rem;
  position: relative;
  transform: translateY(100%);
  animation: slideInTop 2.5s 3s forwards;
}
.container .panel-container .panel-content .body::before {
  content: "";
  width: 100%;
  height: 100%;
  border-radius: 0.25rem;
  border-top: 2.5px solid #dfd0b8;
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
  background: #15344899;
}
.container .panel-container .panel-content .title {
  color: limegreen;
}
.container .panel-container .panel-content .value {
  margin-bottom: 0.75rem;
}

@keyframes fall {
  0% {
    visibility: hidden;
    transform: translateY(-100%);
  }
  100% {
    visibility: visible;
    transform: translateY(0);
  }
}
@keyframes fly {
  0% {
    visibility: hidden;
    transform: translateY(100%);
  }
  100% {
    visibility: visible;
    transform: translateY(0);
  }
}
@keyframes slideInLeft {
  0% {
    transform: translateX(50%);
  }
  100% {
    transform: translateY(0);
  }
}
@keyframes slideInBottom {
  0% {
    transform: translateY(0%);
  }
  100% {
    transform: translateY(100%);
  }
}
@keyframes slideInTop {
  0% {
    transform: translateY(100%);
  }
  100% {
    transform: translateY(0);
  }
}
@keyframes reveal {
  0% {
    flex: 1;
  }
  100% {
    flex: 80%;
  }
}
@keyframes squeezeout {
  0% {
    width: 1px;
  }
  100% {
    width: 100px;
  }
}


/*---------------------------------- dabba page tyle------------------------------ */
.mass-sec{padding: 80px 0 30px 0;}
.sms-box {text-align: center;  background: #F28482;  border-radius: 16px;  Padding: 35px 15% 20px 15%;  position:relative;}
.sms-box h4{font-size:24px; font-weight:900;color:#fff;}
.pizz-icon {width: 200px;  position: absolute;  left: -70px;  top: -62px;}
/*----------------------------------badges-sectyle------------------------------ */
.badges-sec{padding:50px 0 50px 0;}
.bd-tt h4{font-size:24px; font-weight:900;color:#0A0108;}
.is-slider.owl-theme .owl-dots .owl-dot {opacity: 1;}
.is-slider.owl-theme .owl-dots .owl-dot.active span {  width:45px;}
.is-slider.owl-theme .owl-dots .owl-dot.active span,
.is-slider.owl-theme .owl-dots .owl-dot:hover span {  background: #F42020 !important;  opacity: 1 !important;}
.is-slider.owl-theme .owl-dots .owl-dot span {  width: 25px;  height: 5px;  margin: 5px 7px;  background: #D6D6D6;  display: block;  -webkit-backface-visibility: visible;  transition: opacity 200ms ease;  border-radius: 8px;}
.hi-box{ display:flex; align-items:center;box-shadow: 0px 5px 16px 0px #E7E6E9;border-radius:16px;padding: 20px 20px;    gap: 20px;}
.item .hi-box .bd-icon img{ width:80px; }
.is-slider .item {padding:20px 10px;}
.bd-bot{display:flex;align-items:center;justify-content: space-between;}
.bd-bot .dxp{ padding:4px 10px; border-radius:13px; background:#FB822D; color:#fff; font-size:11px; font-weight:600; -webkit-border-radius:13px; -moz-border-radius:13px; -ms-border-radius:13px; -o-border-radius:13px; }
.bd-bot .lev{background: linear-gradient(180deg, #FBC42D 0%, #FB822D 100%);  -webkit-background-clip: text;  -webkit-text-fill-color: transparent;    font-size:18px;font-weight:700;}
.bd-body p{font-size:11px;font-weight:500;color:#360946;}
.bd-body h5{font-size:18px;font-weight:900;color:#0A0108;}
.is-slider.owl-carousel .owl-nav button.owl-prev,
.is-slider.owl-carousel .owl-nav button.owl-next {  border:none;}
.is-slider.owl-carousel .owl-nav button.owl-prev:hover,
.is-slider.owl-carousel .owl-nav button.owl-next:hover {  border:none;}
.is-slider .owl-nav button.owl-prev {  padding: 5px !important;  width: 32px;  height:32px;  opacity: 1;  left:-32px;  position: absolute;  top: 40%;  transform: translateY(-50%);  background: #fff url(../img/prev.png) center no-repeat !important;  border-radius: 50%;  border:none;}
.is-slider .owl-nav button.owl-next {  padding: 5px !important;  width: 32px;  height: 32px;  opacity: 1;  right:-32px;  position: absolute;  top: 40%;  transform: translateY(-50%);  background: #fff url(../img/next.png) center no-repeat !important;  border: none;  border-radius: 50%;}

/*---------------------------------- Royal badges-section-style------------------------------ */

/*------------------ Blog page style----------------------- */
.out-team-top {  display: flex;  align-items: center;  justify-content:space-between;margin-bottom: 50px;gap: 20px;  flex-wrap: wrap;}
.sear-input img {  position: absolute;  width:12px;  height:12px;  right: 15px;  top: 20px;  z-index: 0;}
.seartch-box{position:relative;z-index: 10;}
.sear-input.offer-filter-right2{width:350px;}
.loya-tt h4{font-size:24px; font-weight:900;color:#0A0108;}
.tab-content >.active { display: block;  opacity: 1;}
.loyalty-sec .item{margin-bottom:25px;}
.loyalty-sec .card{border:none;}
ul.nav-tabs li{margin:10px 10px;border-radius: 30px;}
.nav-tabs li a{cursor: pointer; min-width: 125px;  text-align: center;  text-decoration: none;  padding: 10px 21px;  background: #fff;  font-weight: 600;  font-size: 16px;  border-radius: 30px;  border: 1px solid #360946;  color: #360946;  display: inline-block; }
.nav-tabs li a.active { background:#fff;  color: #F42020; /* border:1px solid #F42020; */ border-image: linear-gradient(180deg, #EB1FCD, #FB822D) 0 0;  background-clip: padding-box; border-radius:30px;  position:relative;}
.nav-tabs li a.active:before {  content: "";  position: absolute;  top: 0;  right: 0;  bottom: 0;  left: 0;  z-index: -1;  margin: -1px;   border-radius: inherit;   background: linear-gradient(180deg, #EB1FCD, #FB822D);}
.nav-tabs {  border-bottom:none;}
.loya-tt{margin-bottom:30px;}
.tab-tittle {margin-bottom:20px;}
.tab-tittle h4{font-size:24px; font-weight:900;color:#0A0108;}
/*----------------------- Loyalty Badge page banner sec---------------------- */
section.loyal-hero {padding-bottom: 40px;}
.loyal-banner {overflow: hidden;  border-radius: 0 0 50px 100px;}
.loyalty-bodys{position:relative;}
.affo-pos {margin-top:-180px;margin-right:20px;}
.loyal-logo{display:flex;align-items:center;gap:20px;padding-left: 20px;}
.right-loyal{display:flex;align-items:center; gap:10px; position: relative; border: 5px solid #fff; background: #fff; border-radius:40px;    overflow: hidden;  transition: all 300ms ease-in-out;}
.de-flexs {  width: 100%;  display: flex;  align-items: center;  justify-content: space-between;  gap: 10px;  position: relative;}
.line{ width:80px; height:3px; background:#E2DFE2; border-radius:5px;}
.content-box  p{margin-bottom:0;}
.affo-box{color:#fff;}
.affo-box h1{font-size:42px;font-weight:900;margin-bottom:-25px;line-height:72px;}
.affo-box p{font-size:24px;font-weight:500;margin-bottom:0;line-height: 1.1;}
.affo-pos .row{align-items: center;}
.new-nav .nav-tabs li a {  min-width:auto;   font-weight: 800;  font-size: 13px;  border:1px solid transparent;  color: #360946;    padding: 7px 12px; }
.new-nav .nav-tabs li a.active {color: #F42020;  }
.bd-bot .dxpp{  cursor: pointer;  padding: 5px 15px;  border-radius: 30px;  background: linear-gradient(118.6deg, #F42020 10.34%, #B51FEB 84.86%);  color: #fff;  font-size: 16px;  font-weight: 600;  text-decoration:none;  -webkit-border-radius: 30px;  -moz-border-radius: 30px;  -ms-border-radius: 30px;  -o-border-radius: 30px;  border: 1px solid transparent;}
.share-two{  display:flex;  align-items: center;  gap:10px;}
.bd-bot .share-btn{  padding: 5px 15px 7px 15px;  border-radius: 30px;  background: transparent;  border:1px solid #BAB2B9;  color:#BAB2B9;  font-size: 16px;  font-weight: 600;  text-decoration:none;    text-transform: uppercase;}
.bd-bot .buy-btn{  padding: 5px 15px 7px 15px;  border-radius: 30px;  background: #BAB2B9;  border:1px solid #BAB2B9;  color:#fff;  font-size: 16px;  font-weight: 600;  text-decoration:none; 
}
.bd-bot .levp {   background: linear-gradient(180deg, #FB822D 0%, #FB4F2D 100%);  -webkit-background-clip: text;  -webkit-text-fill-color: transparent;  font-size: 20px;  font-weight: 900;}
.bd-p{display: flex;align-items: center;justify-content: space-between;}
.bd-p h5 {  font-size: 24px;  font-weight: 600;  color: #0A0108;}
.bd-p h6 {  font-size: 18px;  font-weight: 800;  color: #BAB2B9;}
.bd-body-p p{font-size: 14px;  font-weight: 400;  color: #360946;}
.bd-bot-p {  display: flex;  align-items: center;  justify-content: space-between;  padding: 5px;  background: linear-gradient(90deg, #Ffff 0%, #f2cfff5e 100%);  border-radius: 20px;}
.ab-flex{position:relative;}.abs{position: absolute;  top: -2px;  left: 110px;    padding: 1px 10px; background:#F42020; color:#fff; font-size:11px; font-weight: 600; border-radius:10px; -webkit-border-radius:10px; -moz-border-radius:10px; -ms-border-radius:10px; -o-border-radius:10px; }
.mystery{padding:50px 0 50px 0;}
.nav-top {  padding-bottom: 12px;  margin-bottom: 15px;  position:relative;  z-index:10;}
.nav-top:after{  z-index:-1;  content: '';  position: absolute;  width:100%;  height:2px;  left:0;  bottom:0;    background:#f420203d;}
.nav-top ul li a.active:after { content: ''; position: absolute; width: 79%; height: 4px; left: 50%; bottom: -24px; transform: translateX(-50%); -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); background: linear-gradient(118.6deg, #F42020 10.34%, #B51FEB 84.86%); border-radius:3px;}
.coming{ position: absolute;  top: 1px;  left: 300px;  padding: 1px 10px;  background: #F42020;  color: #fff;  font-size: 11px; font-weight: 600;  border-radius: 10px;  -webkit-border-radius: 10px;  -moz-border-radius: 10px;  -ms-border-radius: 10px;  -o-border-radius: 10px;  z-index: 10;}


/*---------------------Animation slider style-----------
-------------------------------------------------- */
/*---------------------------- slider-box-3 style---------------------------- */
.af-pizza{  position:absolute;  z-index:-1;  right:-200px;  bottom:0;  width:200px;  height:200px;}
.yellow-btn.mt-20{margin-top:20px;}
.slide-box-3{padding: 50px 0 50px 0;position: relative;   background:url(../img/Icons_Midle.png)left bottom no-repeat;}
.slide-box-3 .container {display: flex;  width:1320px;  border-radius: 20px;  padding-left: 0;  padding-right: 0; overflow:hidden;padding-bottom:160px;position:relative;}
.slide-box-3 .container:after {content:'';  position:absolute;  z-index:-1;  width:100%;  height:160px;  left:0;  bottom:0;  background: rgba(0, 0, 0, 0.7);}
.slide-box-3 .card {background-size: cover;  background-position: center;  background-repeat: no-repeat;  height:500px;   color: #fff;  cursor: pointer;  flex: 0.5;  position: relative;  -webkit-transition: all 1000ms ease-in;  border:none;  overflow:visible;  border-radius: 0;}
.slide-box-3 .card h3 {  font-size: 22px;  padding-top: 5px;  position: absolute;  bottom: 20px;  left: 10px;  margin: 0;  background: linear-gradient(118.6deg, #F42020 10.34%, #B51FEB 84.86%);  -webkit-background-clip: text;  -webkit-text-fill-color: transparent;  font-weight:bold;  z-index:1;}
.slide-box-3 .card.active {flex: 5;}
.af-pizza{  position:absolute;  right:90px;  bottom:65px;  width:250px;  height:250px;z-index:10;}
.bf-ber{position:absolute;  left:136px; top:-95px;  width:250px;  height:250px;z-index:-1;}
.slide-box-3 .footer {    position:fixed;    bottom:0;  margin-top: 100px;}
.slide-box-3 .card img{height:500px !important;object-fit: cover;}
.card .offer-box h4{font-size:32px;font-weight:bold;}
.card.active h3{display:none; }
.slide-box-3 .card:after {content: "";  position: absolute;  inset: 0;  transition: opacity var(--transition) ease;   background: rgba(0, 0, 0, 0.7);}
/*------- yellow btn---- */
.yellow-btn {position: relative;  display: inline-block;  width: auto;  height: auto;  background: linear-gradient(118.6deg, #F42020 10.34%, #B51FEB 84.86%);  border: none;  cursor: pointer;  min-width: 155px;   z-index: 10;  border-radius: 30px;  overflow: hidden;}
.yellow-btn a {text-align: center;position: relative;display: inline-block; border: 2px solid #fff;color: #fff; top: 0;  left: 0;width: 100%;padding: 15px 20px; transition: 0.3s; border-radius: 30px;font-size: 14px;font-weight: bold;text-transform: uppercase;text-decoration:none;}
.yellow-btn:after {top: 0;bottom: 0;     left: 0px;     height: 100%;     width: 0%;     border-radius: 30px;     background: #fff;     position: absolute;     content: "";     transition: 0.3s ease-out;     z-index: -1;}
.yellow-btn:hover:after {width: 100%;  transition: 0.3s ease-out;}
.yellow-btn:hover a {  color: #000;}
.slide-box-3 .card .offer-box{ position:absolute; top:30px; left:30px; width:400px; z-index: 1; transform: translateY(305%); -webkit-transform: translateY(305%); -moz-transform: translateY(305%); -ms-transform: translateY(305%); -o-transform: translateY(305%); }
.slide-box-3 .card.active .offer-box{  animation: slideInTop 2.5s 1s forwards;  -webkit-animation: slideInTop 2.5s 1s forwards;}


@keyframes fall {
  0% {visibility: hidden;    transform: translateY(-100%);}
  100% {visibility: visible;    transform: translateY(0);}
}
@keyframes fly {
  0% {visibility: hidden;    transform: translateY(100%);}
  100% {visibility: visible;    transform: translateY(0);}
}
@keyframes slideInLeft {
  0% {transform: translateX(-50%);}
  100% {transform: translateY(0);  }
}
@keyframes slideInBottom {
  0% {transform: translateY(0%);  }
  100% {transform: translateY(100%);  }
}
@keyframes slideInTop {
  0% {transform: translateY(100%);  }
  100% {transform: translateY(0);  }
}
@keyframes reveal {
  0% {flex: 1;  }
  100% {flex: 80%;  }
}
@keyframes squeezeout {
  0% {width: 1px;  }
  100% {width: 100px;  }
}


/*------ adven-hero style---------- */
.adven-hero{padding:50px 0 0 0;position:relative;  background:url(../img/h-ban.png)left top no-repeat;}
.adven-hero .foot-tt{text-align:center;}
.adven-hero .foot-tt h1{font-size:72px;font-weight:900;margin-bottom:30px;}
.adven-hero .foot-tt h1 span{background: linear-gradient(118.6deg, #F42020 10.34%, #B51FEB 84.86%);  -webkit-background-clip: text;  -webkit-text-fill-color: transparent;}
.adven-hero .foot-tt h3{font-size:32px;font-weight:900;}
/*------------------ model style----------------- */
.congra{  text-align:center;  background:#FEF6F5;  margin: 20px 0px;  border-radius:20px;  -webkit-border-radius:20px;  -moz-border-radius:20px;  -ms-border-radius:20px;  -o-border-radius:20px;  padding:20px 20px;}
.congra p span{color:#FB4F2D;}
.congra.re-congra {text-align: center;  background: transparent;  margin: 60px 0px 30px 0;  border-radius:0px;   padding:0px 0px;}
.mod-btn{  display:block;  width:100%;  text-align:center;  cursor: pointer;  padding: 10px 25px;  border-radius: 30px;  background: linear-gradient(118.6deg, #F42020 10.34%, #B51FEB 84.86%);  color: #fff;  font-size: 16px;  font-weight: 600;  text-decoration: none;  -webkit-border-radius: 30px;  -moz-border-radius: 30px;  -ms-border-radius: 30px;  -o-border-radius: 30px;}
.mod-btn:hover{background:#fff;border:1px solid #FB4F2D;}
.mod-btn.doky-btn {background:#0A0108;  color: #fff;border:1px solid #0A0108;}
.mod-btn.doky-btn:hover {background:transparent;  color: #000;}
.model-box {  margin: 0 30px;}
.modal-header{border-bottom:none;}
.m-tt-box h2{text-align:center;color:#FB4F2D;font-size:40px;font-weight:900;}
.congra h4 {font-size: 24px;  font-weight: 900;  color: #360946;}
.congra p{font-size:16px;font-weight:600;color: #360946;}
.congra p span{font-weight:bold;color:#FB4F2D;}
.hoor-model .model-box{padding-top:20px;}
.hoor-model .modal-header{padding:0 0;}
/* .modal.show .modal-dialog {transform: none;  position: absolute;  left: 50%;  top: 50%;  transform: translate(-50%, -50%);width: 90%;} */
.offer-mshow .modal.show .modal-dialog {transform: none;position: absolute;left: 50%;top: 0;transform: translate(-50%, -50%);width: 90%;margin-left: -270px;
}
.re-h{
  position:absolute;
  left:50%;
  top:-50px;
  transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -o-transform: translateX(-50%);
}
/* .of-b{display:flex;align-items:center;gap: 1px;} */
.of-bottom{ width:1320px;  position: absolute;  bottom:-160px;  left:0;  z-index: 1;}
.slide-box-3 .card:nth-child(2) .of-bottom{left:-110px;}
.slide-box-3 .card:nth-child(3) .of-bottom{left: -220px;}
.slide-box-3 .card .bb-tt img {  height: 160px !important;  object-fit: cover;}
.slide-box-3 .card .bb-tt .bd-icon img {  height: auto !important;  width:100%;  object-fit: cover;}
.bb-tt .bd-body h5 {   color: #FB822D;  font-size:16px;  font-weight:700px;}
.bb-tt .bd-body p{  color: #fff;  font-size:11px;  font-weight:500px;}
.bb-tt .hi-box {box-shadow:none;background: rgba(0, 0, 0, 0.7);border-radius: 0;    padding: 24px 20px;min-height: 160px;}
.slide-box-3 .card.active .of-bottom { transform:translateY(0); animation: slideInTop 6.5s 1s forwards; -webkit-animation: slideInTop 6.5s 1s forwards; opacity:1; -webkit-transform:translateY(0); -moz-transform:translateY(0); -ms-transform:translateY(0); -o-transform:translateY(0); }
.card .of-bottom{ transition:3.2s; transform: translateY(280%); -webkit-transform: translateY(280%); -moz-transform: translateY(280%); -ms-transform: translateY(280%); -o-transform: translateY(280%); }
.bb-tt {  position: relative;}
.b-fix {position: absolute;  bottom: -20px;  left: 0px;  width: 100%;  display: flex;  align-items: center;  justify-content: space-between;  background: rgba(0, 0, 0, 0.7);  padding: 10px;}
.b-price h6{font-size:17px;font-weight:700;color:#fff;margin-bottom: -5px;}
.b-price p{font-size:12px;font-weight:600;color:#FB4F2D;}
.b-price-2  h6{font-size:17px;font-weight:700;color:#FB4F2D;margin-bottom: -5px;}
.b-price-2  p{font-size:16px;font-weight:700;color: #645E63;}
/*------ banner progress bar style------------ */
.d-line{padding-left: 0; float: left;  width: 100%;  padding-bottom: 20px;  list-style: None;  display:flex;  align-items: center;  gap:10px;  justify-content: space-between;}
.d-line li {display: flex; align-items: center; min-width: 85px; width: 85px !important; height: 85px; border-radius: 40px; background: #fff; transition: 1.0s; position: relative; overflow: hidden; -webkit-transition: 1.0s; -moz-transition: 1.0s; -ms-transition: 1.0s; -o-transition: 1.0s; }
.im-box img{min-width:85px; padding:10px  10px;}
.dis-f{display:flex;align-items: center;}
.d-line li:hover{width: 100% !important; transition: 1.0s; -webkit-transition: 1.0s; -moz-transition: 1.0s; -ms-transition: 1.0s; -o-transition: 1.0s; }
.of-body span {color: #FB4F2D;  font-weight: 600;}
.of-body p {margin-bottom: 0;    line-height: 1;}
.of-body {padding-right: 10px;}
.container {max-width:1720px !important;margin:0 auto;}
.container.small-container{max-width:1320px !important;margin:0 auto;}
/*----- page two style -----*/
.page-2 .affo-box h1 { color:#FB822D;margin-bottom:-10px;}
.page-2 .d-line li{box-shadow: 0px 20px 40px 0px #FB822D1A;}
.affo-pos.page-2 {padding: 50px 0 50px;  position: unset;margin-top:0;}
.page-2 .affo-box h4{color:#FB822D;}
.page-2 .affo-box p{color:#360946;}
.page-2 .d-line li {background: #fff;}
.hi-box.hi-lock{position:relative;    box-shadow: 0px 5px 24px 0px #E7E6E9;}
.hi-box.hi-lock:after{  position:absolute;  content:'';  width:100%;  height:100%;   background:url(../img/Lock.png)center center no-repeat;  left:50%;  top:50%;  transform:translate(-50%, -50%) ;  -webkit-transform:translate(-50%, -50%) ;  -moz-transform:translate(-50%, -50%) ;  -ms-transform:translate(-50%, -50%) ;  -o-transform:translate(-50%, -50%) ;}
.hi-lock .bd-body-p {opacity: 0.2;}
.dc-b{  position:absolute;  left:15px;  top:15px;  padding: 6px 12px;  border-radius: 20px;  background:#FB4F2D;  color: #fff;  font-size: 13px;  font-weight: 600;  -webkit-border-radius: 20px;  -moz-border-radius: 20px;  -ms-border-radius: 20px;  -o-border-radius: 20px;}
.offer-filter-right2 select.offer-search2.form-control {   background:#fff url(../img//nav-ar.png) 95% 20px no-repeat;}
/*---------------- level-style---------------------- */
.level-1 {display: flex;  align-items: center;  gap: 20px;  box-shadow: 0px 4px 24px 0px #F4202042;  background: #FFFFFF;  border-radius: 10px;  padding: 20px 20px 20px 20px;  position: relative;  max-width: 469px; }
.level-box {  width: 100%;}
.pro-bar{ position:relative; margin: 10px auto;  width:100%;  text-align: center;}
.level-box h6{color: #FB4F2D;font-size:20px;font-weight:600;}
.level-box span{color: #0000004D;font-size:16px;font-weight:600;}
.level-box p{color: #1E041A99;font-size:16px;font-weight:600;margin-bottom:0;text-transform: uppercase;}
.progress2 {padding: 2px;  border-radius: 30px;  background: linear-gradient(340.48deg, rgba(243, 177, 78, 0.2) 9.32%, rgba(255, 206, 81, 0.2) 83.24%);  box-shadow: 0px 4px 23.6px 0px #FB822D94;}
.progress-bar2 {text-align: right;  padding-right: 10px;   height: 26px;  border-radius: 30px;  background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0.05));  color:#fff;  transition: 0.4s linear;  transition-property: width, background-color;}
.progress-moved .progress-bar2 {  width: 85%;   background: linear-gradient(90deg, #FBC42D 1.33%, #FB822D 100%);  animation: progressAnimation 6s;}
@keyframes progressAnimation {
  0% {width:5%;background-color: #f9bcca;}
  100% {width:85%;background-color: #ef476f;}
}

.link-1{  position:absolute;  left:2px;  top:1px;  display:flex;  align-items: center;  justify-content: center;   width:28px;   height:28px;   border-radius:50%;  
 color:#FB4F2D; border: 2.41px solid  #f09757;  background:#FBC42D; font-size:12px; font-weight:600;}
.link-1.link-2{  left:auto;  right:2px;  opacity:0.5;}
.info-i{position:absolute;top:4px;right:4px;}

/* .l-icon{position:absolute;    top:20px;    left:20px;  } */
/*------------------------- Responsive style--------------------------------------------- */
/*---  max-width:1366px ------*/
@media screen and (max-width:1850px){
  .af-pizza{right:70px;}
  .bf-ber{left:70px;}
}
@media screen and (max-width:1750px){
  .container {max-width:calc(100% - 20px) !important;margin:0 auto;}
  .af-pizza{right:40px;}
  .bf-ber{left:40px;}
}
@media screen and (max-width:1650px){
  .af-pizza{right:-30px;}
  .bf-ber{left:30px;}
}
@media screen and (max-width:1550px){
  .af-pizza{right:-50px;}
  .bf-ber{left:-50px;}
}
@media screen and (max-width:1450px){
  .af-pizza{right:-100px;}
  .bf-ber{left:-100px;}
}
@media screen and (max-width:1399px){
  /* .container {max-width:calc(100% - 20px) !important;margin:0 auto;} */
  .af-pizza{right:-160px;}
  .bf-ber{left:-160px;}
  .slide-box-3 .container{width:96vw;}
  .container.small-container{max-width:calc(100% - 20px) !important;margin:0 auto;}
  .is-slider .owl-nav button.owl-prev {left: -12px; }
  .is-slider .owl-nav button.owl-next {right:-12px;}
  .of-bottom {width:96vw;}
}

@media screen and (max-width:1280px){
  .slide-box-3 .card:nth-child(2) .of-bottom {left: -101px;  }
  .slide-box-3 .card:nth-child(3) .of-bottom {left: -203px;}
}
@media screen and (max-width:1200px){
  .slide-box-3 .card h3 {bottom: 40px;  left: -20px;   rotate: 90deg;}
  .slide-box-3 .card:nth-child(2) .of-bottom {left: -95px;  }
  .slide-box-3 .card:nth-child(3) .of-bottom {left: -191px;}
  .adven-hero .foot-tt h1 {font-size: 62px;}
  .af-pizza {display: none;}
}

@media screen and (max-width:1199px){
  .pizz-icon {    position: absolute;    left: -44px;    top: 50%;    transform: translateY(-46%);}
  .pizz-icon img{width:120px;}
}

@media screen and (max-width:1024px){
  .slide-box-3 .card:nth-child(2) .of-bottom {left: -81px;  }
  .slide-box-3 .card:nth-child(3) .of-bottom {left: -163px;}
  .slide-box-3 .card h3 {bottom: 55px;}
}
@media screen and (max-width:991.98px){
  .slide-box-3 .card:nth-child(2) .of-bottom {left: -78px;  }
  .slide-box-3 .card:nth-child(3) .of-bottom {left: -158px;}
  .adven-hero .foot-tt h1 {font-size: 50px;}
  .d-line li {background: #fff5f5;}
  .loyal-banner img{width:100%;  height:280px;object-fit: cover;}
  .affo-pos {position: absolute;    top: 10px;    margin-top: 0px;    margin-right:0px;    margin-left:0px;}
  .d-line {padding-left: 20px;    padding-right: 20px;}
  .affo-pos .row{gap:20px;}
  .m-tt-box h2 {font-size: 32px;}
  .mass-sec {padding: 40px 0 20px 0;}
  .badges-sec {padding: 30px 0 40px 0;}
}

@media screen and (max-width:820px){
  .sear-input.offer-filter-right2 {    width: 100%;  }
  .out-team-top {justify-content:center;}
  .out-team-top.new-nav{justify-content:left;}
  .slide-box-3 .card:nth-child(2) .of-bottom {left: -65px;}
  .slide-box-3 .card:nth-child(3) .of-bottom {left: -130px;}
}
@media screen and (max-width:767.98px){
  .adven-hero .foot-tt h1 {font-size: 42px;}
  .slide-box-3 .card:nth-child(2) .of-bottom {left: -61px;}
  .slide-box-3 .card:nth-child(3) .of-bottom {left: -122px;}
  .sms-box {Padding:20px 20px;}
  .pizz-icon {display:none;}
}
@media screen and (max-width:650px){
  .slide-box-3 .card:nth-child(2) .of-bottom {left: -51px;}
  .slide-box-3 .card:nth-child(3) .of-bottom {left: -103px;}
}
@media screen and (max-width:580px){ 
  .slide-box-3 .card .offer-box {width: 88%;  }
  .slide-box-3 .card.active {flex: 3;}
  .card .offer-box h4 {font-size: 30px;}
  .yellow-btn.mt-20 {margin-top: 10px;}
  .d-line li {min-width: 65px;    width: 65px !important;    height: 65px;}
  .im-box img {min-width: 65px;}
  .slide-box-3 .card .offer-box {left: 15px;}
  .slide-box-3 .card:nth-child(2) .of-bottom {left: -68px;}
  .slide-box-3 .card:nth-child(3) .of-bottom {left: -138px;}
}

@media screen and (max-width:480px){
  /* ul.nav-tabs{justify-content:center;} */
  .slide-box-3 .container {width: 100vw;  }
  .card:nth-of-type(4),
  .card:nth-of-type(5) {display: none;}
  .d-line li{width: 100% !important;   }
  .d-line {flex-flow: column;}
  .affo-pos {position: unset;padding-top: 20px;}
  .affo-box {color: #000;}
  .loyal-banner img {height: auto;}
  ul.nav-tabs li {margin: 10px 5px;}
  .d-line {padding-left: 0px;    padding-right: 0px;}
  .loyal-logo {padding-left:0px;}
  .nav-tabs li a {padding: 10px 10px;}
  .coming {left: 215px;}
  .slide-box-3 .card:nth-child(2) .of-bottom {left: -59px;}
  .slide-box-3 .card:nth-child(3) .of-bottom {left: -114px;}
}
@media screen and (max-width:430px){
  .slide-box-3 .card:nth-child(2) .of-bottom {left: -54px;}
  .slide-box-3 .card:nth-child(3) .of-bottom {left: -105px;}
}
@media screen and (max-width:414px){
  .slide-box-3 .card:nth-child(2) .of-bottom {left: -52px;}
  .slide-box-3 .card:nth-child(3) .of-bottom {left: -100px;}
}
@media screen and (max-width:393px){
  .slide-box-3 .card:nth-child(2) .of-bottom {left: -47px;}
  .slide-box-3 .card:nth-child(3) .of-bottom {left: -95px;}
}
@media screen and (max-width:360px){
  .slide-box-3 .card:nth-child(3) .of-bottom {left: -88px;}
}

.drop-down .options {
  display: none;
}
.drop-down{position:relative; left:0; display: block; top:0;}
.drop-down .selected a{background:transparent;display:block; padding-right:20px;  border:none; width:auto; border-radius:2px; text-decoration:none; }
.drop-down .selected a span{cursor:pointer;  display:block; padding:5px; color:#000;}
.drop-down .option{position:relative; }
.drop-down .options ul{
  background:#fff none repeat scroll 0 0;list-style:none; padding:0px 0px; 
  position:absolute; left:0px;  top:50px;  width:auto; 
  min-width:200px; border-radius:20px; padding:10px; 
  border:1px solid #d7d7d7;-webkit-box-shadow: 0px 0px 11px 0px rgba(212,212,212,1);
-moz-box-shadow: 0px 0px 11px 0px rgba(212,212,212,1);
box-shadow: 0px 0px 11px 0px rgba(212,212,212,1);
}
.drop-down .selected span.value, .drop-down .options span.value{ display: none;}
.drop-down .options ul li a{padding:5px; display:block; text-decoration:none;color:#000;}
.drop-down .options ul li a:hover{background:#f1f1f1; color:#000; transition:0.2s ease;}

#no-data-message {
  display: none;
  color: red;
  font-weight: bold;
  font-size: 20px;
  margin: 20px 0;
}
.filter-bar {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 20px;
}
.filter-bar select,
.filter-bar button {
  padding: 10px;
  margin-right: 10px;
  border: 1px solid #ddd;
  border-radius: 5px;
}
.filter-bar button.clear-all {
  display: none;
}
.offers {
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
}
.offer-item {
  background-color: #fff;
  border: 1px solid #ddd;
  border-radius: 5px;
  overflow: hidden;
  width: calc(25% - 20px);
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
}
.offer-item img {
  width: 100%;
  height: auto;
}
.offer-details {
  padding: 10px;
}
.offer-details h4 {
  margin: 0;
  font-size: 18px;
}
.offer-details p {
  margin: 10px 0 0;
  font-size: 14px;
  color: #555;
}
.offer-details .price {
  color: #e74c3c;
  font-size: 16px;
  font-weight: bold;
}
.cmnimground{border-radius: 7px !important;}


.portfolio{position: relative;}
.portfolio .discount{
float: none;
 height: auto!important; 
width: auto!important; 
display: initial!important;
 position: absolute;
  top: 16px;
  /* left:42px; */
  left:24px;
  background-color: #FB4F2D;
  border-radius: 80px;
  box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.06);
  padding: 8px 16px;
  max-width: fit-content;
  right: 16px;
   z-index: 9;
  color: #fff;
  font-weight: 600;
}
.portfolio .discount p {
  color: #FFF;
  font-family: 'Montserrat';
  font-size: 13px;
  font-style: normal;
  font-weight: 800;
  line-height: 20px;
  margin: 0;
}

.short-area h4.sort_by{
  font-family: 'M PLUS Rounded 1c';
  font-weight: 900;
  padding-right: 10px;
  font-size: 24px;
  color:#0A0108;

}
.offer-type{text-align: left;}
.offer-type h6{
  font-family: Montserrat;
  font-size: 23px;
  font-weight: 400;
  line-height: 28.04px;
  text-align: left;
  color: #360946;
}
.offer-blk-sort, .cuisine-blk-sort{gap: 24px;}
.offer-blk-sort ul, .cuisine-blk-sort ul{list-style: none;}
.offer-blk-sort ul li, .cuisine-blk-sort ul li{
padding: 0px 12px 0px 12px;
gap: 0px;
border-radius: 20px;
opacity: 0px;
background: #360946;
display: inline-block;
margin-right: 5px;
margin-top: 5px;

}
.offer-blk-sort ul li label, .cuisine-blk-sort ul li label{
font-family: Montserrat;
font-size: 16px;
font-weight: 600;
line-height: 20px;
text-align: left;
color: #FFFFFF;
position: relative;
transition: all 0.5s;
cursor: pointer;
}



.offer-blk-sort ul li label:after, .cuisine-blk-sort ul li label:after {
  content: 'x';
  position: absolute;
  opacity: 0;  
  right: 0px; color:#bc1b69;
  transition: 0.5s  ease-out;
}

.offer-blk-sort ul li label:hover, .cuisine-blk-sort ul li label:hover{
  padding-right: 24px;
  transition: 0.5s  ease-out; 
}

.offer-blk-sort ul li label:hover:after, .cuisine-blk-sort ul li label:hover:after {
  opacity: 1;
  right: 5px;
}

@keyframes fadeInRight {
  from {
      opacity:0;
      -webkit-transform: translatex(100px);
      -moz-transform: translatex(100px);
      -o-transform: translatex(100px);
      transform: translatex(100px);
  }
  to {
      opacity:1;
      -webkit-transform: translatex(0);
      -moz-transform: translatex(0);
      -o-transform: translatex(0);
      transform: translatex(0);
  }
}
@keyframes fadeInLeft {
  from {
      opacity:1;
      -webkit-transform: translatex(0);
      -moz-transform: translatex(0);
      -o-transform: translatex(0);
      transform: translatex(0);
  }
  to {
      opacity:0;
      -webkit-transform: translatex(100px);
      -moz-transform: translatex(100px);
      -o-transform: translatex(100px);
      transform: translatex(100px);
  }
}


.in-right {
  -webkit-animation-name: fadeInRight;
  -moz-animation-name: fadeInRight;
  -o-animation-name: fadeInRight;
  animation-name: fadeInRight;
  -webkit-animation-fill-mode: both;
  -moz-animation-fill-mode: both;
  -o-animation-fill-mode: both;
  animation-fill-mode: both;
}
.point-seven.in-right{display: inline-block;}
.point-seven.in-left.disnone{display: none;}
.point-seven.in-left{
  -webkit-animation-name: fadeInLeft;
  -moz-animation-name: fadeInLeft;
  -o-animation-name: fadeInLeft;
  animation-name: fadeInLeft;
  -webkit-animation-fill-mode: both;
  -moz-animation-fill-mode: both;
  -o-animation-fill-mode: both;
  animation-fill-mode: both;
  transition: all .5s ease-in-out;
  /* display: none; */
  
}
.point-seven {
  
  -webkit-animation-duration: .6s;
 -moz-animation-duration: .6s;
 -o-animation-duration: .6s;
 animation-duration: .6s;
 -webkit-animation-delay: .6s;
 -moz-animation-delay: .6s;
 -o-animation-duration: .6s;
 animation-delay: .6s;
 
}
.view-btn.spinner-a a{min-width: 100px;    padding: 2px 0px;}
.view-btn.spinner-a a .spinner-loader{
  position: relative;
  left:0;
  top:3px;
}
.offer-select-design{ padding: 12px!important; position: relative!important;background:#fff url(../img/down-arrow.svg) 98% 16px no-repeat !important;-webkit-appearance: none;
  -moz-appearance: none;
  padding-right: 24px !important;}
 
.drop-down .options ul li{width: 100%; margin:2px 0; display: block; position: relative;}
.drop-down .options ul li:hover{background:#f5ecfd;}
.cuisine-type h6, .offer-type h6{font-size:1.475rem; line-height: 1.475rem;font-family: Montserrat;}
.sorting-block{animation-duration: 3s;
  animation-iteration-count: 3;
  animation-iteration-count: infinite;
  animation-timing-function: ease-in-out;}
.fade-in {
  animation: fadeIn ease 15s;
  -webkit-animation: fadeIn ease 15s;
  -moz-animation: fadeIn ease 15s;
  -o-animation: fadeIn ease 15s;
  -ms-animation: fadeIn ease 15s;
}


@keyframes fadeIn{
  0% {
    opacity:0;
  }
  100% {
    opacity:1;
  }
}

@-moz-keyframes fadeIn {
  0% {
    opacity:0;
  }
  100% {
    opacity:1;
  }
}

@-webkit-keyframes fadeIn {
  0% {
    opacity:0;
  }
  100% {
    opacity:1;
  }
}

@-o-keyframes fadeIn {
  0% {
    opacity:0;
  }
  100% {
    opacity:1;
  }
}

@-ms-keyframes fadeIn {
  0% {
    opacity:0;
  }
  100% {
    opacity:1;
  }
}
.cmptdd {
  display: inline;
}

@media (max-width:1180px) {
.header-bottom ul{margin: 0; padding: 0;}
.btn-right{float: left;margin-top:10px;}
.bg-gray{float: left;}
}
@media (max-width:1100px) {
.header-bottom ul li p{margin-left: 10px;}
.border-left{padding-left:10px;}
}
@media (max-width:1030px) {
.border-left{padding-left:0px;}
}
@media (max-width:1022px) {
  .btn-right{width: auto;float: none;}
  .navbar-brand {width: 60px!important;}
  .firtar-tag{display: flex;margin: 10px 0;width: 130px;}
  .border-left{margin-left: 0px;border-left: 0; padding-left: 0px;width: 130px;}
  .filter-boxs { margin-top: 50px;}
  .cmptdd {display: flex; margin-top: 10px;}
  .bg-gray .offer-filter-right .offer-search {min-width: 230px;}
  #search-filters{max-width: 230px; width:230px!important;display: block;}
  .header-bottom ul, .header-bottom ul li p{text-align: center;}
  .header-bottom ul li{text-align: center!important;}
  .header-bottom ul li:last-child{text-align: center;}
  .offer-list-steps li{font-size: 13px;}
  
}
@media (max-width:900px) {
  .cmptdd {display: block;}
  .btn-right #clear-filters{float: left;}
  #search-filters{max-width: 230px;display: block;}
  .offer-filter-right .offer-search {min-width: 250px;padding: 8px 16px !important; height: 47px;}
}
@media (max-width:767px) {
  
    .filter-boxs {
      margin-top: 10px;
    }
  
  .offer-list-steps li{
    margin: 5px 0px;
    font-size:15px;
    display: flex;

    }
    .btn-right{
      float: none;
      width: 100%;
    }
  .bg-gray{width: 100%;}
    .bg-gray .offer-filter-right{margin-bottom: 20px;}
    .bg-gray .offer-filter-right .offer-search::after{top: 20px;right: 4px;}
    .offer-select-design { background: #fff url(../img/down-arrow.svg) 99% 20px no-repeat !important;}
    #search-filters{max-width: 100%;}
    .btn-right #clear-filters{
      width: 100%;
      margin-bottom: 10px;
    }
    #search-filters{width: 100%;}
    .drop-down .options ul{min-width: 100%; z-index: 9;}
}
@media (max-width:500px) {
#search-filters{width: 100%!important}
.offer-mshow .modal.show .modal-dialog{margin-left:-160px;width: 320px;}
}

.fadeInUp{animation:fadeInUp 1s ease backwards;}
@keyframes fadeInUp{
  0%{transform:translate(0px, 100px); opacity: 0;}
  100%{transform:translate(0px, 0); opacity: 1;}
}


.fade-out {
  animation: fadeOut ease 5s;
  -webkit-animation: fadeOut ease 5s;
  -moz-animation: fadeOut ease 5s;
  -o-animation: fadeOut ease 5s;
  -ms-animation: fadeOut ease 5s;
  opacity: 0;
}


@keyframes fadeOut{
  0% {
    opacity:1;
  }
  100% {
    opacity:0;
  }
}

@-moz-keyframes fadeOut {
  0% {
    opacity:1;
  }
  100% {
    opacity:0;
  }
}

@-webkit-keyframes fadeOut {
  0% {
    opacity:1;
  }
  100% {
    opacity:0;
  }
}

@-o-keyframes fadeOut {
  0% {
    opacity:1;
  }
  100% {
    opacity:0;
  }
}

@-ms-keyframes fadeOut {
  0% {
    opacity:1;
  }
  100% {
    opacity:0;
  }
}
#witoutLoginOffDiscountPopupXHours .modal-header .btn-close {
  padding: .5rem .5rem;
  margin: -6.5rem -3.5rem -.5rem auto;
}

.available-tag {
  position: absolute;
  top:120px;
  right: 25px;
  background: #ffffff url(../img/watch.png) 20px 15px no-repeat;
  -webkit-box-shadow: 0px 0px 6px 0px rgba(251,80,45,1);
-moz-box-shadow: 0px 0px 6px 0px rgba(251,80,45,1);
box-shadow: 0px 0px 6px 0px rgba(251,80,45,1);
-webkit-border-top-left-radius: 100px;
-webkit-border-bottom-left-radius: 100px;
-moz-border-radius-topleft: 100px;
-moz-border-radius-bottomleft: 100px;
border-top-left-radius: 100px;
border-bottom-left-radius: 100px;
  box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.06);
  padding: 8px 16px 8px 60px;
  /* width: 274px; */
  width: auto;
  /* max-width: 312px; */
  /* max-width: fit-content;  */
  z-index:9; 
}

.avail{color:#BAB2B9; font-weight:800; font-size:14px;line-height: 1.3rem;}
.day-tag{color:#FB4F2D; font-weight:800; font-size:15px;line-height: 1.3rem;}
.available-tag span {
  display: block;
}
.radio-custom {
    opacity: 0; /* Hide the default radio button */
    position: absolute;   
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0;
    border: 0;
    outline: none;
    cursor: pointer;
}

.radio-custom-label {
    position: relative;
    display: inline-block;
    width: 100%;
    border-bottom: 1px solid #e9ecef;
    padding:14px 0; font-weight:500;
    cursor: pointer;font-size: 16px;
}

/* Radio styles */
.radio-custom + .radio-custom-label:before {
    content: '';
    background: #fff;
    border:2px solid #242424;
    display: inline-block;
    vertical-align: middle;
    width:20px;
    height:20px;
    border-radius: 50%; /* Circular shape */
    position: absolute;
    right:8px;
}
.radio-custom:checked + .radio-custom-label:before {
    background: #000;
    border-color: #000;
}

.radio-custom:checked + .radio-custom-label:after {
    content: '';
    position: absolute;
    right:15px;
    top:16px;
    width: 7px;
    height: 12px;
    border: solid white;
    border-width: 0 2px 2px 0;
    transform: rotate(45deg);
}
.radio-custom:checked + .radio-custom-label{
    background-color: #fff;
}
.main{
    margin: 40px 0;
}
/* ===================================== */
.offer-content{
    background-color: #ded9dd;
    border-radius: 24px;
    padding: 40px;
    margin: 0 0 30px;
}
.offer-content h1{
    font-size: 60px;
    background: -webkit-linear-gradient(#f4206d, #f04c29);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    display: block;
    margin: 0 0 20px;
    font-weight: bold;
}
.offer_list {
    row-gap: 10px;
}
.offer_list li{
    font-weight: 600;
    font-size: 18px;
    color: #391e49;
}

.filter-serch-area{
    margin: 0 0 25px;
}
.filter-input{
    position: relative;
}
.filter-input input{
    border-width:1px;
    border-style: solid;
    padding: 5px;
    display: block;
    position: relative;
    width: 100%;
    border-radius: 50px;
    border-color: #ccc;
    padding: 5px 45px 5px 20px;
    color: #a6a6a6;
    min-height: 50px;font-size: 16px;
  font-weight: 800;
}
input::placeholder{
    color: #ccc;

}
.filter-icon {
    position: absolute;
    right: 20px;
    top: 15px;
    cursor: pointer;
}
.filter-icon img{
    opacity: 0.6;
    height: 21px;
}
.filter-selected {
    width: 8px;
    height: 8px;
    background-color: red;
    border-radius: 50%;
    display: block;
    position: absolute;
    right: -6px;
    top: -3px;
}
.sort-by-type {
    margin:0;
}
.sort-by-main  h4{
    color: #391e49;
    font-weight: 600;
    font-size: 24px;
    text-transform: capitalize;
    display: block;
}
.rest-filter {
  color: #ccc;
  cursor: pointer;
  font-size: 14px;
  font-weight: 800;
}
.sort-by-tab ul {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
}
.sort-by-tab ul li{
    border: 1px solid #391e49;
    color: #391e49;
    border-radius: 25px;
    padding: 5px  20px;
    cursor: pointer;
    text-transform: capitalize;
}
.sort-by-tab ul li:hover,
.sort-by-tab ul li.active{
  background-color: #391e49;
  color: #fff;   
}

.city-select-list li {
    position: relative;
    display: flex;
    justify-content: space-between;
    width: 100%;
    align-items: center;
   
}
.city-select-list li:last-child .radio-custom-label{
    padding-bottom: 0;
    border: 0;
}


.city-serch-input{
    position: relative;
    margin: 0 0 25px;
}
.city-serch-input input{
    border-width: 1px;
    border-style: solid;
    padding: 5px;
    display: block;
    position: relative;
    width: 100%;
    border-radius: 50px;
    border-color: #ccc;
    padding: 5px 20px 5px 55px;
    color: #ccc;
    min-height: 50px;
}

.city-serch-icon{
    position: absolute;
    left: 20px;
    top: 15px;
    cursor: pointer;
}
.city-serch-icon img{
    opacity: 0.6;
    height: 21px;
}
.city-heading-area{
    margin:0px;
}
.city-heading-area  h4{
    color: #391e49;
    font-weight: 600;
    font-size: 24px;
    text-transform: capitalize;
    display: block;
}
.close {
    outline: none !important;
    text-shadow: none !important;
}
.offer-mshow{display: none;}
.sort-by-tab ul{list-style: none;}
.mt-30-new{margin-top:40px;}

.btn-shadow-box{-webkit-border-top-left-radius: 60px;
-webkit-border-top-right-radius: 60px;
-moz-border-radius-topleft: 60px;
-moz-border-radius-topright: 60px;
border-top-left-radius: 60px;
border-top-right-radius: 60px;-webkit-box-shadow: 0px 0px 40px 0px rgba(235,235,235,1);
-moz-box-shadow: 0px 0px 40px 0px rgba(235,235,235,1);
box-shadow: 0px 0px 40px 0px rgba(235,235,235,1);
width:100%; padding:30px;}
.fot-button {
	margin-left: -20px;
	margin-right: -20px;
	margin-top: 20px;
	overflow: hidden;
	padding-top: 40px;
}
.btn-border a{border:solid 2px #FB822D;height: 50px; float: left; font-size:16px; font-weight:700; border-radius:50px; padding:12px 26px; color:#F42020;}
.btn-apply a {
	background: linear-gradient(118.6deg, #F42020 10.34%, #B51FEB 84.86%);
	box-shadow: 0px 4px 24px rgba(244, 32, 32, 0.26);
	position: relative;
	left: 0; 
	border: none;
	transform: inherit;
	float: left;
	width: 180px;
	float: left;
	font-size: 16px;
	font-weight: 700;
	border-radius: 50px;
	padding: 14px 26px;
	color: #fff;
	text-align: center;
	height: 50px;
	margin-left: 10px;
}
.offer-middle-section{position: relative;}
.slider-tag{position: relative;display: block; width: 100%;}
 .modal.show .modal-dialog{display: block!important;}
.offer-middle-section .available-tag {right: -1px !important;bottom:20px !important;top: auto !important;}
@media (max-width:1360px) {
.available-tag{
  width: auto;
  /* width: 245px; */
  padding:6px 10px 7px 46px;background: #fff url(../img/watch.png) 12px 16px no-repeat;}
.offer-middle-section .available-tag{background: #fff url(../img/watch.png) 12px 12px no-repeat;}
.avail, .day-tag{font-size:13px!important;}
.day-tag { margin-top: -4px;display: block;}

}
@media (max-width:1180px) {
 .available-tag {
  background: #fff url(../img/watch.png) 12px 10px no-repeat;
}
#product-list1 .product.portfolio, #product-list2 .product.portfolio, #product-list1 .product.portfolio, #product-list3 .product.portfolio, #product-list4 .product.portfolio{padding:0 28px;}
 
 .mob-catagory-list li{border-bottom: 1px solid #e9ecef; position: relative; padding:14px 0; font-size:16px;}
 .mob-catagory-list label{font-size:16px; color:#242424;}
 .mob-catagory-list .form-group input { padding: 0;height: initial;
  width: initial;margin-bottom: 0;display: none;cursor: pointer;background: #fff;}
 .mob-catagory-list .form-group {width: 100%; display: block;}
 .mob-catagory-list .form-group label {position: relative; cursor: pointer; width: 100%; display: block;font-weight: 500;}

 .mob-catagory-list .form-group label:before {
  content:'';
  -webkit-appearance: none;
  background-color: transparent;
  border: 2px solid #242424; border-radius:4px;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05), inset 0px -15px 10px -12px rgba(0, 0, 0, 0.05);
  padding:9px;
  display: inline-block;
  position: relative;
  vertical-align: middle;
  cursor: pointer; position: absolute; right:0;
  margin-right: 5px;
}

 .mob-catagory-list .form-group input:checked + label:after {
  content: '';
  display: block;
  position: absolute;
  top: 2px;
  right: 13px;
  width: 6px;
  height: 14px;
  border: solid #000;
  border-width: 0 2px 2px 0;
  transform: rotate(45deg);
}
 .offer-mshow .modal-dialog{
    max-width: 100% !important;
    margin: 0 !important;
    border: 0 !important;
    height: auto !important;margin-top:-140px !important;
    z-index: 9;
 }
 .btn-right.btn-shadow-box{text-align: center;}
 .bg-gray{width: 100%;}
 .offer-filter-right{width: 100%;}
.offer-mshow .modal-content{ border: 0 !important;}
#filterLabel{width:100%; text-align: center;font-size: 20px; font-weight: 600;}
.offer-mshow .close {outline: none !important;text-shadow: none !important;border: none;background: no-repeat;}
.header-btn.mobile-show {position: absolute;right: 30px!important;top: 26px;width: 220px;margin:0!important}
.header-btn.mobile-show a{float: left;}
    .offer-content h1 { font-size: 40px;}
    .offer-mnone{display: none!important;}
    .offer-mshow{display: block;float: left; width: 100%; margin-bottom:60px; background:#fff;}
    .offer-list-steps{border-bottom:none; margin-bottom:0; padding-bottom:0;}
    .offer-mshow .container{max-width: calc(100% - 0px) !important; padding:0;}
}
@media (max-width:1180px) {
    .offer-content { border-radius: 12px; padding: 20px; margin: 0 0 20px;}
    .offer-content h1 { font-size: 28px; }
    .offer_list li { font-size: 16px;}
    .offer_list { row-gap: 5px;}
    .main-title {font-size: 25px; color:#360946; opacity: 0.5; line-height: 30px; font-weight:900; margin-bottom:30px;}
    .sort-by-main  h4 {font-size: 24px;color: #1E041A99; font-weight: 800;}
    .our-offer .col-xl-3.col-lg-4.col-md-6.col-sm-12 {padding: 0 28px;}
    .sort-by-tab ul { gap: 14px;}
    .bg-gray h5{padding-top: 10px;}
    .city-heading-area h4 {font-size:22px;font-weight: 800;opacity: 0.5;}
}
@media (max-width:1000px) {
.available-tag{right: 22px;}
}
@media (max-width:480px) {
 /* .offer-mshow .modal-dialog{margin-top:-200px !important;} */
 .offer-mshow .modal-dialog{margin-top:-169px !important;}
.day-tag {margin-top: 0;}
.filter-boxs .product.portfolio{padding:0 28px!important;}
.available-tag {background: #ffffff url(../img/watch.png) 14px 9px no-repeat;top: 130px;}
}
@media (max-width:370px) {

  .offer-mshow .modal-dialog{margin-top:-200px !important;}
 
 }
.sort-by-tab ul{
    /* display: block ruby; */
    flex-wrap: nowrap;
    overflow-x: scroll;
    /* width: auto; */
    -ms-overflow-style: none;  /* Internet Explorer 10+ */
    scrollbar-width: none;  /* Firefox */
    white-space: nowrap;
}


.sort-by-tab ul::-webkit-scrollbar { 
  display: none;  /* Safari and Chrome */
}
.sort-by-tab input[type="checkbox"] {
  display: none; /* Hide checkbox for cleaner UI */
}
.sort-by-tab  input[type="checkbox"]:checked + label, .sort-by-tab li.checked {
  background-color: #391e49 !important; /* Greenish background */
  color:#ffffff;
}

.spnmobilefi a .spinner-loader{
  position: relative;
  left:0;
  top:0px;
}
.rest-filter .spinner-loader,.rest-filter .spinner-loader{
  position: relative;
  left:0;
  top:0px;
}
.rest-filter.sfilter{color:orange;}
@media (max-width: 990px) {
.restaurant-name.clearfix.resimg{
  display: inline;
}
}



.inblk{display: inline;}
.offer-mshow-product.inblk {display: none;}
@media (max-width: 1180px) {
  .offer-mshow-product.inblk {text-align: right;margin-right: 0 auto;right: 25px !important;position: absolute;
    width: 100%;display: inline;}
}
.short-area.device-mobile{margin-bottom: 20px;}
.offer-mshow-product.inblk .view-btn{float: right;width: auto;}

.allproducthmtl .slick-dots { display: flex; justify-content: center; margin: 0; padding: 1rem 0; list-style-type: none;}
.allproducthmtl .slick-dots li {margin: 0 0.25rem;}
.allproducthmtl .slick-dots button {display: block;width: 1rem;height: 1rem;padding: 0;border: none;border-radius: 100%;background-color: blue;text-indent: -9999px;}
.allproducthmtl .slick-dots  li.slick-active button {background: #391e49 !important;}
.allproducthmtl .slick-dots  li button {background:linear-gradient(162deg, #F42020 0%, #B51FEB 100%);}

.opciocian{opacity: 0.7 !important;}