@import url('https://fonts.googleapis.com/css2?family=Manrope:wght@200..800&family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');

/*--------------------------------------------------------------------------------------*/
/*General-Css-Here
/*--------------------------------------------------------------------------------------*/

:root {
  --bg:#1A0D1B;
  --bg2:#271C28;
  --bg3:#1F1120;
  --bg4:#382B39;
  --black:#000;
  --heading:#1F1508;
  --dark-bg:#2F2330;
  --white:#fff;  
  --p:#D6D6E2;
  --red:#FF3636;
  --green:#349D23;
  --blue:#0BA4E8;
  --yellow:#FEBC14;
}

*{margin: 0; padding: 0; box-sizing: border-box;} 
body,html{font-size: 16px; color:var(--black); font-family: "Poppins", sans-serif; font-weight: 400; font-style: normal; box-sizing: border-box;}
html{scroll-padding-top: 10rem;}
body{background:url(/images/shape01.png) no-repeat left -150px,url(/images/shape02.png) no-repeat right 200px, var(--bg);}
a{text-decoration: none; transition-duration: 0.5s; -webkit-transition-duration: 0.5s; -moz-transition-duration: 0.5s; -ms-transition-duration: 0.5s; -o-transition-duration: 0.5s; color:var(--sky-blue);}
button{transition-duration: 0.5s; -webkit-transition-duration: 0.5s; -moz-transition-duration: 0.5s; -ms-transition-duration: 0.5s; -o-transition-duration: 0.5s;}
ul{margin: 0; padding: 0; list-style: none;}
img{max-width: 100%;}
.paddTop0{padding-top: 0 !important;}
.section-padding{padding:50px 0px;
  @media only screen and (max-width: 1280px) {
    padding: 40px 0px;
  }
  @media only screen and (max-width: 768px) {
   padding: 30px 0px;
  }
}
.white{color: var(--white);}
.btn{height: 44px; line-height: 42px; padding:0px 25px; font-size: 15px; font-weight: 500; border: none; border-radius:10px; color: var(--white); -moz-transition: all .4s ease-in-out; -o-transition: all .4s ease-in-out; -webkit-transition: all .4s ease-in-out; transition: all .4s ease-in-out; background-size: 300% 100%; background-image: linear-gradient(to right, #00AEEF, #92278F, #B43AB0, #00AEEF);
 &:hover{background-position: 100% 0; -moz-transition: all .4s ease-in-out; -o-transition: all .4s ease-in-out; -webkit-transition: all .4s ease-in-out; transition: all .4s ease-in-out; color: var(--white);}
}
.border-btn{height: 42px; line-height: 31px; padding:0px 25px; font-size: 15px; font-weight: 500; display: inline-block; border-radius:10px; color: var(--white); background-clip: padding-box; border: 5px solid transparent; background:var(--bg); position: relative;
 &:after{content: ''; position: absolute; top: -6px; bottom: -6px; left: -6px; right: -6px; background: linear-gradient(to bottom right, #00AEEF, #D04FCD); z-index: -1; border-radius: 10px;}
}
.disabled{background: rgba(255,255,255,0.1) !important; color: #fff !important;}


h1 { font-size:clamp(24px, 4vw, 32px);}
h2 { font-size:clamp(22px, 4vw, 28px);}
h3 { font-size:clamp(18px, 4vw, 26px);}
h4 { font-size:24px; }
h5 { font-size:20px; }
h6 { font-size:18px; }

p{color: var(--p); font-size: 16px; line-height: 28px;
  @media only screen and (max-width: 570px) {
    font-size: 16px;
    line-height: 24px;
   }
}

.transform-scale-07{transform: scale(0.7);}
.transform-scale-08{transform: scale(0.8);}
.transform-scale-09{transform: scale(0.9);}
.transform-scale-1{transform: scale(1);}
.transform-scale-1-1{transform: scale(1.1);}
.transform-scale-1-2{transform: scale(1.2);}
.transform-scale-1-3{transform: scale(1.3);}
.transform-scale-1-4{transform: scale(1.4);}
.transform-scale-1-5{transform: scale(1.5);}
.mr-bot0{margin-bottom: 0 !important;}
.border0{border: none !important;}
.padd-left-35{padding-left: 35px;}
.mar-top30{margin-top: 30px;}
.mar-top50{margin-top: 50px;}
.mar-bot50{margin-bottom: 50px;}
.mar-top80{margin-top: 80px;}
.mar-left-right50{margin-left: 50px; margin-right:50px;}
.mar-left-right80{margin-left: 80px; margin-right:80px;}
.mar-top-bottom50{margin-top: 50px; margin-bottom:50px;}
.mar-top-bottom30{margin-top: 30px; margin-bottom:30px;}
.padd-top-bottom50{padding-top: 50px; padding-bottom:50px;}
.mr-left-right45{margin-left: 45px; margin-right: 45px;}
.padd0{padding: 0 !important;}
.mr0{margin: 0 !important;}
.ml-auto{margin-left: auto;}
.mr-auto{margin-right: auto;}
.padd-top89{padding-top: 89px !important;}
hr{margin: 25px 0px;}
.padd20{padding: 20px;}
.padd30{padding: 30px;}
.padd-bot0{padding-bottom: 0;}
.padd-top0{padding-top: 0;}
.ml-50{margin-left: 50px}

.white-bg{background:var(--white); border: 1px solid var(--border); border-radius: 30px;}
.light-bg{background: var(--white) !important;}
.marTop40{margin-top: 40px;}
.marTop15{margin-top: 15px;}
.form-check-input{background-color: rgba(255,255,255,0.1); border-color:rgba(255,255,255,0.1);}
.form-check-input:checked{background-color: var(--blue); border-color: var(--blue);}
.site-bg{padding-top: 100px;}
::placeholder {
  color: #fff !important;
  opacity: 0.7 !important; /* Firefox */
}

::-ms-input-placeholder { /* Edge 12-18 */
  color: #fff !important;
}

/*--------------------------------------------------------------------------------------*/
/*header-css-here
/*--------------------------------------------------------------------------------------*/

header{position: fixed; left: 0; top: 0; width: 100%; z-index: 99; padding: 20px 0px;}
.header-inner{display: flex; align-items: center; justify-content: space-between;}
.navbar{flex: 1;}
.navbar-nav{flex: 1; display: flex; justify-content: center;
 li{margin-right: 10px;
  &:last-child{margin-right: 0;}
  a{font-size: 15px; color: var(--white); font-weight: 500;
   &:hover{color: var(--white);}
  }
  .active{color: var(--white) !important;}
 }
}
.login-signup-btn{display: flex; align-items: center; flex-wrap: wrap; gap: 15px;
 a{min-width: 130px; text-align: center;
  &:last-child{margin-right: 0;}
 }
}
.fixed{
 header{background:rgba(26,13,27,0.9);} 
}

.notification-profile-box{display: flex; align-items: center;}
.notification{margin-right: 15px;
 a{width: 40px; height: 40px; display: flex; align-items: center; justify-content: center; background: #291B29; background: color(display-p3 0.153 0.110 0.157); border-radius: 10px; font-size: 24px; color: var(--white);} 
}
.bids{margin-right: 15px;
 a{display: flex; align-items: center; justify-content: center; background: #291B29; background: color(display-p3 0.153 0.110 0.157); border-radius: 10px; font-size: 14px; color: var(--white); padding: 9.5px 15px;}
}


.user-profile-box{
 button{background: url(/images/drop-arrow01.png) no-repeat right center #291B29; padding:0 40px 0px 15px; border-radius: 10px; border: none; display: flex; align-items: center;
  &:after{border: none; margin: 0; top: -1px; left: -1px; right: -1px; bottom: -1px;}
  span{padding-left: 10px;}
 } 
}
.dropdown-menu{background: var(--dark-bg); padding: 0; border-radius: 10px; overflow: hidden; width: 177px;
 li{
    a{padding: 10px 15px; font-size: 14px; color: var(--white);
     &:hover{background: transparent !important; color: var(--white);}
    }
  }
}

/*--------------------------------------------------------------------------------------*/
/*home-page-css-here
/*--------------------------------------------------------------------------------------*/

.banner-section{padding: 30px 0 0 0px; position: relative;
 .shape01{position: absolute; left: 0; top:-150px;}
 .shape02{position: absolute; right: 0; bottom:-200px;}
}
.banner-des-box{background: url(/images/banner-image.png) no-repeat; background-size: cover; padding: 100px 50px; text-align: center; border-radius: 20px; position: relative; z-index: 1;
 h1{font-size:clamp(30px, 4vw, 65px); color: var(--white); font-weight: 600; margin-bottom: 10px;}
}
.search-box{margin:30px auto auto auto; width: 558px;}
.search-box .form-control,.search-box .form-control:focus{background: url(/images/search.png) no-repeat 15px center rgba(255, 255, 255, 0.3); border: none; padding-left: 45px; height: 50px; border-radius: 10px; color: var(--white); font-size: 14px; outline: none; box-shadow: none;}


.section-head{
 h2{font-size:clamp(18px, 4vw, 32px); color: var(--white); font-weight: 600; margin-bottom: 20px;} 
}
.categories-list{
 ul{display: grid; grid-template-columns: 1fr 1fr 1fr; gap: 30px;
  li{position: relative;
    a{
    figure{height: 256px; overflow: hidden; border-radius: 10px; width: 100%;
     img{width: 100%; height: 100%; object-fit: cover; transition-duration: 0.5s; -webkit-transition-duration: 0.5s; -moz-transition-duration: 0.5s; -ms-transition-duration: 0.5s; -o-transition-duration: 0.5s;}
    }
    figcaption{position: absolute; left: 0; bottom: 0; width: 100%; background: rgba(255, 255, 255, 0.07); background: color(display-p3 1.000 1.000 1.000 / 0.07); backdrop-filter: blur(7px); border-radius: 0px 0px 10px 10px; text-align: center; font-size: 22px; color: var(--white); font-weight: 500; padding:10px 15px; transition-duration: 0.5s; -webkit-transition-duration: 0.5s; -moz-transition-duration: 0.5s; -ms-transition-duration: 0.5s; -o-transition-duration: 0.5s; display: flex; align-items: center; justify-content: center;}
    &:hover{
      figure{
        img{transform: scale(1.2);}
      }
      figcaption{font-size: 18px;}
    }
   }
  }
 } 
}
.slide-content-box{
 figure{height: 218px; border-radius: 10px; overflow: hidden; position: relative; margin: 0;
  img{width: 100%; height: 100%; object-fit: cover; transition-duration: 0.5s; -webkit-transition-duration: 0.5s; -moz-transition-duration: 0.5s; -ms-transition-duration: 0.5s; -o-transition-duration: 0.5s;}
 }
 figcaption{padding-top: 15px;
  h3{font-size: 20px; color: var(--white); font-weight: 500; margin:0 0 5px 0;}
 }
 &:hover{
  figure{
    img{transform: scale(1.2);}
  }
 }
}
.heart-btn{position: absolute; right: 15px; top: 15px; width: 55px; height: 55px; background: rgba(0, 0, 0, 0.6); background: color(display-p3 0.000 0.000 0.000 / 0.6); box-shadow: 0px 2px 4px rgba(74, 70, 70, 0.11); box-shadow: 0px 2px 4px color(display-p3 0.286 0.275 0.275 / 0.11); font-size: 30px; border-radius: 50px; display: flex; align-items: center; justify-content: center; color: var(--white);}
.time-box{position: absolute; right: 0; bottom: 0; background: rgba(0, 0, 0, 0.55); background: color(display-p3 0.000 0.000 0.000 / 0.55); backdrop-filter: blur(3px); border-radius: 10px 0px; padding: 8px 16px; font-size: 18px; color: var(--white); font-weight: 500;}
.btn-group-box{display: flex; align-items: center; gap: 15px;
 a{flex: 1; text-align: center;}
}
.owl-prev{width: 55px; height: 55px; background: url(/images/arrow-left.png) no-repeat center center var(--dark-bg) !important; border-radius: 50px; position: absolute; left: -27px; top: 85px;
 span{display:none;} 
}
.owl-next{width: 55px; height: 55px; background: url(/images/arrow-right.png) no-repeat center center var(--dark-bg) !important; border-radius: 50px; position: absolute; right: -27px; top: 85px;
  span{display:none;} 
}
.sport-live-auctions-section{background: var(--bg2);}
.smart-bidding-section{background: var(--bg2);
.section-head{text-align: center; margin-bottom: 50px;
  h2{margin-bottom: 10px;}
 }
}

.section-head2{text-align: center; margin-bottom: 50px;
  h2{margin-bottom: 10px;}
 }

.smart-bidding-list{
 .col-md-3{display: flex; background: url(/images/line-shape01.png) no-repeat right center;}   
}
.smart-bidding-box{width: 100%; text-align: center; padding: 0px 15px;
 figure{margin: 0;}
 figcaption{padding-top: 30px;
  h4{font-size: 20px; color: var(--white); font-weight: 500;}
  p{margin: 0; font-size: 14px;}
 }
}

/*--------------------------------------------------------------------------------------*/
/*footer-css-Here
/*--------------------------------------------------------------------------------------*/

footer{background: var(--bg3);}
.foot-logo{margin-bottom: 25px;}
.footer-des-box{padding-right: 50px;
 p{font-size: 14px; margin: 0;} 
}

.footer-menu{
 h3{font-size: 22px; color: var(--white); font-weight: 600; margin-bottom: 15px;}
 ul{display: flex; flex-wrap: wrap;
  li{flex:0 0 50%; width: 50%; margin-bottom: 10px;
    &:last-child{margin-bottom: 0;}
   a{font-size: 15px; color: var(--p);
    &:hover{color: var(--white);}
   }
  } 
 } 
}

/*--------------------------------------------------------------------------------------*/
/*about-us-page-css-Here
/*--------------------------------------------------------------------------------------*/

.inner-page-head{text-align: center;
 h2{font-size:clamp(32px, 4vw, 65px); font-weight: 800; color: var(--white);} 
}
.about-des{text-align: center;
 p{line-height: 30px;}
}

.mission-values-section{
 .col-md-6{display: flex; align-items: center;} 
}
.mission-values-img{
 img{border-radius: 20px; width: 100%;}
}
.mission-values-des{width: 100%;
 h3{font-size: 32px; color: var(--white); font-weight: 600;}
}

.our-team-section{background: var(--bg2);}
.our-team-list{
 ul{display:grid; grid-template-columns: 1fr 1fr 1fr; gap: 30px;
   li{
    figure{aspect-ratio: 1/1; margin: 0; height: auto;
     img{width: 100%; height: 100%; object-fit: cover; border-radius: 20px;}
    } 
    figcaption{padding-top: 30px; text-align: center;
     h3{font-size: 22px; color: var(--white); font-weight: 600;}
     p{margin: 0;}
    }
   }
  } 
}

/*--------------------------------------------------------------------------------------*/
/*terms-and-conditions-page-css-Here
/*--------------------------------------------------------------------------------------*/

.static-page-des{
 h3{font-size: 30px; color: var(--white); font-weight: bold;} 
 h4{font-size: 20px; color: var(--white); font-weight: bold;}
}

/*--------------------------------------------------------------------------------------*/
/*frequently-asked-questions-page-css-Here
/*--------------------------------------------------------------------------------------*/

.accordion-item{margin-bottom: 30px; border-radius: 20px !important; background: var(--bg2); border: none; overflow: hidden;
 button{background:url(/images/faq-arrow.png) no-repeat right center var(--bg2); font-size: 18px; color: var(--white); font-weight: 700; padding: 20px; border-radius: 20px; box-shadow: none !important; border: none; padding-right: 65px;
  &:after{content: none;}
 }
}
.accordion-button:not(.collapsed){background:url(/images/faq-arrow-up.png) no-repeat right center var(--bg2); color: var(--white);}
.accordion-body{padding-top: 0;
  color: var(--white); font-size: 16px; color: var(--p);
}

/*--------------------------------------------------------------------------------------*/
/*contact-page-css-Here
/*--------------------------------------------------------------------------------------*/

.contact-box{margin: auto; width: 930px; border-radius: 20px; background: #281929; display: flex; overflow: hidden;}
.contact-info{background: url(/images/contact-bg.png) no-repeat; background-size: cover; width: 365px; flex:0 0 365px; padding: 30px;}
.contact-info-head{margin-bottom: 30px;
 h3{font-size: 22px; color: var(--white); font-weight: bold;} 
}
.contact-info-list{
  ul{
    li{margin-bottom: 15px;
      a{display: flex;
       i{font-size: 24px; color: var(--blue);}
       span{font-size: 16px; color: var(--white); padding-left: 10px;}
      }
     &:last-child{margin-bottom: 0;}
    }
  }
}
.contact-form{flex:1; padding: 30px;}
.form-group{margin-bottom: 15px;
  label{font-size: 15px; color: var(--white); font-weight: 500; margin-bottom: 5px;}
}
.form-control,.form-control:focus,.form-control:active{height: 44px; background: rgba(255,255,255,0.1); border: none; color: var(--white); box-shadow: none; outline: none;}
textarea.form-control{height: 84px; resize: none;}
.submit-btn{text-align: center; margin-top: 30px;}

/*--------------------------------------------------------------------------------------*/
/*login-page-css-Here
/*--------------------------------------------------------------------------------------*/

.form-box-inner.row{
  background: #281929; border-radius: 20px; overflow: hidden; 
 .col-md-6{padding: 0; display: flex; align-items: center; justify-content: center;} 
}
.form-box-des{background: url(/images/form-bg01.png) no-repeat; background-size: cover;}

.form-des{padding: 30px; text-align: center;
 h2{font-size:clamp(22px, 4vw, 42px); color: var(--white); font-weight: bold; margin-bottom: 15px;}
 p{margin: 0;}
}
.form-box{padding: 40px 110px; width: 100%;}
.form-head{text-align: center;
 h2{font-size:clamp(22px, 4vw, 42px); color: var(--white); font-weight: 700;}
}
.form-group.with-icon{position: relative;
 .form-control{padding-right: 40px;} 
 button{background: none; border: none; font-size: 24px; position: absolute; right: 10px; top: 34px; color: var(--white);}
}
.remember-forgot-box{display: flex; align-items: center; justify-content: space-between; margin-bottom: 20px;}
.form-check-label{font-size: 14px; color: var(--white);}
.forgot-password{
 a{font-size: 15px; color: var(--blue); font-weight: 600;}
}
.form-submit-btn{text-align: center;
 .btn{min-width: 130px;}
}
.form-foot{margin-top: 30px; text-align: center;
 p{margin: 0; 
  a{color: var(--blue);}
 }
}
.otp-box{display: flex; gap: 30px; margin-bottom: 30px;
 .form-group{flex: 1;
  .form-control{width: 100%; text-align: center;} 
 }
}

/*--------------------------------------------------------------------------------------*/
/*notifications-page-css-Here
/*--------------------------------------------------------------------------------------*/

.inner-pages-warper{
  h2{font-size:clamp(22px, 4vw, 32px); color: var(--white); font-weight: 600; margin-bottom: 25px;} 
}

.notifications-list{
 ul{
  li{background: var(--bg2); padding: 15px; border-radius: 20px; display: flex; align-items: center; justify-content: space-between; margin-bottom: 15px; flex-wrap: wrap; gap: 15px;
   &:last-child{margin-bottom: 0;}
  }
 } 
}
.notifications-left{display: flex; align-items: flex-start; flex-wrap: wrap; gap: 15px;
 figure{margin: 0;
  width: 54px; height: 54px; background: var(--bg4); border-radius: 10px; display: flex; align-items: center; justify-content: center; font-size: 24px; color: var(--white);
 }
 figcaption{flex:1;
  h3{font-size: 18px; color: var(--white); font-weight: 600; margin:0 0 5px 0;}
  p{margin: 0;}
 }
}
.notification-time-box{font-size: 14px; color: var(--white);}

/*--------------------------------------------------------------------------------------*/
/*My Account page-css-Here
/*--------------------------------------------------------------------------------------*/

.my-account-bg{display: flex; gap: 30px;}
.my-account-menu{max-width: 270px; flex:0 0 270px; background: var(--bg2); padding: 15px 15px; border-radius: 20px;
 ul{
  li{margin-bottom: 5px;
    a{display: flex; align-items: center; color: var(--white); font-weight: 600; padding: 10px 15px; border: solid 1px transparent; border-radius: 10px;
     i{font-size: 26px; margin-right: 8px;}
     span{font-size: 15px;} 
     &:hover{color: var(--blue);}
   }
   &:last-child{margin-bottom: 0;}
  } 
  .active{
    a{border-color: var(--blue);}
  }
 }
}
.my-account-des{flex: 1; background: var(--bg2); padding: 30px; border-radius: 20px;
 h3{font-size: 20px; color: var(--white); font-weight: 600; margin-bottom: 30px;}
}
.save-btn-box{margin-top: 15px;}

/*--------------------------------------------------------------------------------------*/
/*saved-cards-page-css-Here
/*--------------------------------------------------------------------------------------*/

.save-card-list{
 ul{display: grid; grid-template-columns: 1fr 1fr; gap: 30px;
  } 
}
.save-card-box{background: #3C303C; background: color(display-p3 0.227 0.188 0.231); border-radius: 20px; padding: 25px;}
.card-head{
 h4{font-size: 20px; color: var(--white); font-weight: 700;} 
 p{margin: 0; font-size: 16px; color: var(--white); font-weight: 500;}
}
.card-exp-delete-box{display: flex; align-items: center; justify-content: space-between; margin-top: 20px;} 
.exp-box{font-size: 16px; color: var(--white);
 span{color: var(--p); padding-right: 5px;}
}
.card-delete-btn{position: relative; z-index: 1;
 .border-btn{background:#3C303C;}
}

/*--------------------------------------------------------------------------------------*/
/*unpaid-wins-page-css-Here
/*--------------------------------------------------------------------------------------*/

.winning-box{margin-bottom: 15px;
 ul{display: grid; grid-template-columns: 1fr 1fr; gap: 15px;
  li{
    p{margin: 0;}
    h5{font-size: 16px; font-weight: 700; color: var(--p);}
  }
 }
}
.pay-now-btn{
  a{flex: inherit;}
}
.unpaid-content-bg{
 .slide-content-box{margin-bottom: 30px;} 
}

.time-box.completed{background: var(--green);}
.time-box.pending{background: var(--yellow);}
.time-box.failed{background: var(--red);}

/*--------------------------------------------------------------------------------------*/
/*after-payment-page-css-Here
/*--------------------------------------------------------------------------------------*/

.after-payment-full-image{
 img{width: 100%; border-radius: 10px; } 
}
.after-paymnet-des{padding-top: 30px;
 .winning-box{margin:15px 0 0 0;
  ul{grid-template-columns: 1fr 1fr 1fr 1fr;}
 }
}
.after-paymnet-des-top{display: flex; justify-content: space-between;}
.after-paymnet-top-left{
 h3{font-size: 30px; color: var(--white);}
 .paymnet-price{font-size: 30px; color: var(--white); font-weight: 600;} 
}
.total-ticket-box{display: flex; align-items: center;
 h5{font-size: 24px; color: var(--white); margin: 0;}
}
.complete-status{margin-left: 30px;
 span{display: inline-block; background: var(--green); font-size: 16px; color: var(--white); padding: 8px 15px  ; border-radius: 10px;}
}

/*--------------------------------------------------------------------------------------*/
/*buy-bids-page-css-Here
/*--------------------------------------------------------------------------------------*/

.buy-bids-list{
 ul{display: grid; grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); gap: 30px;
  li.active{transform: scale(1.05);}
 } 
}
.buy-bid-box{background: #3A303B; padding: 30px; border-radius: 20px;}
.bid-price-box{background: var(--bg); border-radius: 15px; padding: 15px; text-align: center;
 figure{margin:0 0 15px 0;}
 h4{font-size:clamp(18px,4vw,32px); color: var(--white); font-weight: 700;}
}
.bid-price{font-size:clamp(22px,4vw,38px); color: var(--white); font-weight: bold;}

.bid-list{margin-top: 25px;
 p{margin:0 0 15px 0; background: url(/images/check.png) no-repeat left 5px; padding-left: 30px; font-size: 14px; line-height:normal;
  &:last-child{margin-bottom: 0;}
 } 
}
.buy-now-btn{margin-top: 25px; text-align: center;}

/*--------------------------------------------------------------------------------------*/
/*search-page-css-Here
/*--------------------------------------------------------------------------------------*/

.search-head{display: flex; align-items: center; justify-content: space-between; margin-bottom: 30px;}
.search-left{flex:1; margin-right: 20px; position: relative;
 .form-control{background: rgba(255,255,255,0.1) url(/images/search01.png) no-repeat 15px center; height: 44px; border:none; border-radius: 10px; padding-left: 50px; padding-right: 50px;}
 .search-close-btn{position: absolute; right: 10px; top: 9px; background: none; border: none;}
}
.page-head-box{display: flex; align-items: center; justify-content: space-between; margin-bottom: 30px;
 h2{margin-bottom: 0;}
}
.activity-date-box{margin-left: auto; display: flex; gap: 15px;
.form-control{width: 220px;}
}
.bid-date-time{font-size: 16px; color: var(--white); font-weight: 600;}
.search-content-bg{display: flex;}
.filter-sidebar-box{width: 241px; flex:0 0 241px;
.accordion-item{background: none; border-radius: 0 !important;
 h2{margin: 0;
  button{font-size: 16px; font-weight: 600;}
 }
}
.accordion-button:not(.collapsed){background: url(/images/up-arrow.png) no-repeat right center transparent; padding: 0;}
.accordion-item{
 button{padding: 0; background: url(/images/down-arrow.png) no-repeat right center transparent;} 
}
.accordion-body{padding:30px 0 0 0;}
}
.filter-search-des{flex: 1; padding-left: 30px;}
.filter-search-head{display: flex; align-items: center; justify-content: space-between; padding-bottom: 15px; margin-bottom: 15px; border-bottom: solid 1px #2D2931;
 h4{font-size: 20px; color: var(--white); font-weight: 600; margin: 0;} 
}
.clear-all{margin-left: auto;
 a{font-size: 15px; color: var(--blue); font-weight: 600;}
}

.category-icon-title{display: flex; align-items: center; margin-left: 5px;
 figure{margin: 0; width: 33px; max-width: 33px; flex:0 0 33px;}
 figcaption{flex: 1; font-size: 14px; color: var(--white); padding-left: 10px;}
}
.auction-type-list{
 ul{
  li{margin-bottom: 10px;
   &:last-child{margin-bottom: 0;}
  }
 } 
}
.filter-search-des{
 .slide-content-box{margin-bottom: 30px;
  figure{height: auto; aspect-ratio: 1/0.8;}
  figcaption{
   p{margin-bottom: 5px;} 
  }
}
 .border-btn,.btn{padding: 0px 5px; font-size: 14px;}
}






/*--------------------------------------------------------------------------------------*/
/*wishlist-page-css-Here
/*--------------------------------------------------------------------------------------*/

.wishlist-content-bg{
 .slide-content-box{margin-bottom: 30px;}
 .border-btn{padding: 0px 10px;}
}

/*--------------------------------------------------------------------------------------*/
/*refer-and-earn-page-css-Here
/*--------------------------------------------------------------------------------------*/

.refer-and-earn-des{background: var(--bg2); border-radius: 20px; padding: 50px; text-align: center;
 figure{margin-bottom: 30px;}
 figcaption{
  h3{font-size:clamp(24px, 4vw, 40px); color: var(--white); font-weight: 600;}
 }
}
.refer-code-box{display: flex; justify-content: center;}
.refer-code-box-inner{display: flex; align-items: center;
 .form-control{width: 195px; border-radius: 10px; margin-right: 10px;}
 button{width: 40px; height: 40px; font-size: 24px; color:var(--white); padding: 0; border-radius: 50px;  }
}

.share-box{margin-top: 30px;
 h4{font-size: 16px; color: var(--white); font-weight: 600; margin-bottom: 15px;} 
}
.share-btn{margin-top: 15px; display: flex; align-items: center; justify-content: center;
 a{margin-right: 10px;
  &:last-child{margin-right: 0;}
 }
}


.earn-bids-head{margin-bottom: 25px;
 h2{margin:0 0 10px 0;}
 p{font-size: 22px; margin: 0;} 
}

.earn-free-bids{
 ul{display: grid; gap: 30px; grid-template-columns: repeat(auto-fit, minmax(600px, 1fr));
  li{background: var(--bg2); padding: 30px; border-radius: 20px; display: flex; align-items: center; justify-content: space-between; border:solid 1px transparent;
  }
 } 
}
.earn-title-image{display: flex; align-items: center;
 figure{margin: 0; width: 90;}
 figcaption{flex: 1; padding-left: 25px;
  h3{font-size: 22px; color: var(--white); font-weight: 600; margin:0 0 10px 0; line-height: normal;}
  p{font-size: 18px; margin: 0;}
 }
}
.slick-slide > div {
  margin: 0 10px;
}
.slick-list {
  margin: 0 -10px;
}
.slick-prev:before,
.slick-next:before {
  color: var(--white); /* Adjust as per your theme */
  font-size: 24px !important;
  display: block;
  text-align: center;
  position: absolute;
  margin-top: -70px; /* Move arrows above the carousel */
}

.slick-prev {
  left: 10px; /* Adjust to position it correctly */
  z-index: 10;
}

.slick-next {
  right: 10px; /* Adjust to position it correctly */
  z-index: 10;
}

.otp-box input.form-control {
  margin: 2%;
}
.otp-box {
  margin-bottom: 0px !important;
  
}

.slick-prev{width: 55px !important; height: 55px !important; background: url(../../images/arrow-left.png) no-repeat center center var(--dark-bg) !important; border-radius: 50px; position: absolute; left: -27px; top: 85px;}
.slick-prev::before{display: none;}
.owl-prev span{display: none;}
.slick-next {width: 55px !important; height: 55px !important; background: url(../../images/arrow-right.png) no-repeat center center var(--dark-bg) !important; border-radius: 50px; position: absolute; right: -27px; top: 85px;}
.slick-next::before{display: none;}
.my-account-bg .inner-pages-warper.section-padding{padding: 0;}
.activity-date-box{margin-bottom: 30px; flex-wrap: wrap;}
.after-payment-full-image img{object-fit: cover;}
.bid-box h4{font-size: clamp(24px, 4vw, 44px);}

.react-datepicker__month-container {
  float: none !important;
}