@font-face{font-family:'Inter28pt-Medium';src:url('../css/fonts/Inter28pt-Medium.eot');src:url('../css/fonts/Inter28pt-Medium.eot?#iefix') format('embedded-opentype'),url('../css/fonts/Inter28pt-Medium.woff') format('woff'),url('../css/fonts/Inter28pt-Medium.ttf') format('truetype'), url('../css/fonts/Inter28pt-Medium.svg') format('svg');}
@font-face{font-family:'Inter-Regular';src:url('../css/fonts/Inter-Regular.eot');src:url('../css/fonts/Inter-Regular.eot?#iefix') format('embedded-opentype'),url('../css/fonts/Inter-Regular.woff') format('woff'),url('../css/fonts/Inter-Regular.ttf') format('truetype'),url('../css/fonts/Inter-Regular.svg') format('svg')}
@font-face{font-family:'Inter28pt-Light';src:url('../css/fonts/Inter28pt-Light.eot');src:url('../css/fonts/Inter28pt-Light.eot?#iefix') format('embedded-opentype'),url('../css/fonts/Inter28pt-Light.woff') format('woff'),url('../css/fonts/Inter28pt-Light.ttf') format('truetype'),url('../css/fonts/Inter28pt-Light.svg') format('svg')}
@font-face{font-family:'siri-medium';src:url('../css/fonts/siri-medium/Siri-Medium.eot');src:url('../css/fonts/siri-medium/Siri-Medium.woff') format('woff'),url('../css/fonts/siri-medium/Siri-Medium.ttf') format('truetype'),url('../css/fonts/siri-medium/Siri-Medium.svg') format('svg');}
@font-face {
  font-family: 'Avenir';
  src: url('../css/fonts/Avenir-Book');
  src: url('../css/fonts/Avenir-Book.eot?#iefix') format('embedded-opentype'), url('../css/fonts/Avenir-Book.woff') format('woff'), url('../css/fonts/Avenir-Book.ttf') format('truetype', url('../css/fonts/Avenir-Book.svg') format('svg'))
}
@font-face {
  font-family: 'Avenir-Black';
  src: url('../css/fonts/Avenir-Black.eot');
  src: url('../css/fonts/Avenir-Black.eot?#iefix') format('embedded-opentype'), url('../css/fonts/Avenir-Black.woff') format('woff'), url('../css/fonts/Avenir-Black.ttf') format('truetype')
}
html {
  scroll-behavior: smooth;
}
body{background-image: url('../images/festive-deals/bg.jpg'); background-repeat: no-repeat; background-attachment: fixed; background-size: cover; padding:0 !important; background-position: center; margin: auto; font-family: 'Avenir';}
.rounded-input{line-height: 12px; border-radius:20px; border:2px solid #cccccc; padding: 5px 10px !important; height: 45px;}
.no-padding{padding:0 !important;}
.container{max-width: 1440px; margin:auto;}
::-webkit-input-placeholder { /* Chrome/Opera/Safari */
    color: #828282 !important; 
  }
  ::-moz-placeholder { /* Firefox 19+ */
    color: #828282 !important;
  }
  :-ms-input-placeholder { /* IE 10+ */
    color: #828282 !important;
  }
  :-moz-placeholder { /* Firefox 18- */
    color: #828282 !important;
  }
  .link-btn{cursor: pointer; font-size: 20px; text-align: center !important; background: #FD568E; background: linear-gradient(90deg,rgba(253, 86, 142, 1) 35%, rgba(249, 105, 109, 1) 67%, rgba(249, 105, 109, 1) 100%);
    color: #fff !important; border: none !important; font-family: 'Avenir-Black'; height:45px;}
  .top-menu {background: #CD0B84; background: linear-gradient(90deg,rgba(205, 11, 132, 1) 35%, rgba(106, 17, 128, 1) 67%, rgba(106, 17, 128, 1) 100%);     z-index: 1;}
  .top-menu ul{text-align:center; margin:0;}  
  .top-menu ul li{display:inline; color:#b057a2;}
  .top-menu ul li a{color: #ffffff;letter-spacing: 1.5px;text-decoration: none; line-height: 55px;letter-spacing: 1.5px; cursor: pointer;}
  .top-menu ul li > span{opacity: 0.4; font-size: 20px; font-weight: 100; color: #fff; position: relative; top: 5px;}
  
  .modal-form h1{color:#ffffff; font-family: 'Avenir'; text-align: center; padding-bottom: 22px; letter-spacing: 1.5px;}
  .banner-container{margin-top: 55px;}
  .close-btn{position: absolute; top: 5%; right: 5%; font-size: 32px; font-weight: 100; color:#ffffff; cursor: pointer; z-index: 9;}
  .close-btn:hover{color:#ffffff; text-decoration:none; }
.modal-form .form-group {margin-bottom: 10px;}
.pdlr{padding-left:45px; padding-right:45px;}
.mrg-auto{margin:auto;}
.box-item{color:#000000;}
.box-item h2 {
        margin-bottom: 16px;
    font-family: 'Avenir';
    font-weight: 600;
    letter-spacing: 2px;
    font-size: 34px;
}
.item-img{width: 100%; margin-bottom: 20px; border:1px solid #d5d5d5; padding: 34px;
    background-color: #ffffff;
    border-radius: 29px;}
.box-item .price-box {
    margin-bottom: 23px;
    font-size: 2.2rem;
    position: relative;
        display: inline-block;
        width: 100%;
}
.box-item p{font-size:20px;     margin-bottom: 18px;}
.stock-box {
    float: left;
    background-color: #ee1656;
    font-size: 2rem;
    padding: 0px 5px;
    display: inline-block;
    font-family: 'Inter28pt-Light';
    top: 0;
    letter-spacing: 1.5px;
}
.price-div {
    float: left;
    clear: both;
}
.gray-text {
    color: #d0d0d0;
}
s, strike {
    text-decoration: none;
    position: relative;
    display: inline-block;
    font-weight: 700;
}
s:after, strike:after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    border-top: 2px solid red;
    height: 45%;
    height: calc(50% - 1px);
    width: 100%;
    transform: rotateZ(-4deg);
}
.offer-price{font-family: 'Avenir-Black'; font-size:30px; line-height:1;}
.offer-box{float:left; margin-left:10px;}
.offer-box .fa.fa-inr{font-weight: normal;
    font-size: 19px;}
    .buy-now-link{    font-size: 24px;
    letter-spacing: 2px;
    padding: 8px 29px !important;
    border-radius: 26px; display: inline-block;
    line-height: 29px;}
    .buy-now-link:hover{text-decoration:none;}
.ml10{margin-left:10px;}
.bg-gray{background-color:#efefef;}
.pd15{padding:25px;}
.price-div, .price-limit, .offer-box{display:inline; float:inherit;}
.text-sm{font-size: 1.2rem !important; margin-bottom: 0 !important; margin-top: 6px !important; color:#f59090 !important;}
.banner-container{margin-left:-15px; margin-right:-15px;}
.title{font-size:70px; font-family:'Avenir-Black'; 
 background: #C8228C;
background: linear-gradient(90deg,rgba(200, 34, 140, 1) 35%, rgba(231, 59, 87, 1) 67%, rgba(231, 59, 87, 1) 100%); -webkit-background-clip: text;
-webkit-text-fill-color: transparent;}
    .heading-title {
      font-size: 70px;
      font-weight: bold;
      font-family:'Avenir-Black';
      text-transform: uppercase;
      background: #0F8FF7;
background: linear-gradient(90deg,rgba(15, 143, 247, 1) 28%, rgba(236, 122, 234, 1) 62%, rgba(241, 122, 70, 1) 88%);
      -webkit-background-clip: text;
      -webkit-text-fill-color: transparent;
      display: inline-block;
      position: relative;
      margin-bottom:0;
    }

    .heading-title::before,
    .heading-title::after {
      content: "";
      position: absolute;
      top: 50%;
      width: 120px;
      height: 2px;
      
    }

    .heading-title::before {
      left: -140px;
      background: #fd6c4d;
background: linear-gradient(90deg,rgba(255, 255, 255, 1) 11%, rgba(253, 108, 77, 1) 88%);
    }

    .heading-title::after {
      right: -140px;
      background: #fd6c4d;
background: linear-gradient(280deg,rgba(255, 255, 255, 1) 11%, rgba(253, 108, 77, 1) 88%);
    }

    .subtitle {
      font-size: 38px;
      margin-top: 0;
      color: #000;
    }
    .modal-form .thanksbox h1{font-size: 27px !important;}
    .modal-form .thanksbox p{font-size: 18px !important; color:#ffffff !important; margin:0 !important; text-align:center;}
    .modal-form a{color:#f59090 !important;}
@media (min-width: 768px) {
 .card-container{width:80%; margin:auto;}
 .top-menu ul li a{font-size: 18px; padding: 16px 40px; }
 .modal-form{max-width: 50%;}
  .modal-form .sml-box{width: 65%; margin-left: 17.5%;}
  /* .lp0{padding-left:0;}
  .rp0{padding-right:0;} */
  .lp10{padding-left:5px;}
  .rp10{padding-right:5px;}
  .text-img{width: 70%;margin: auto;}
  .pdt45{padding-top:45px;}
.pdb45{padding-bottom:45px;}
.pb0{padding-bottom:0;}
.modal-form h1{font-size: 36px !important;}
.pdb25{padding-bottom:25px;}
.items-center-modal{align-items: center;}
      
}
@media (max-width: 767px) {
  .top-menu ul li a{font-size: 13px; padding: 16px 18px;}
  .modal-form h1{font-size: 22px; margin-bottom:18px;}
  .pdt45{padding-top:25px;}
.pdb45{padding-bottom:25px;}
.container{padding-left:15px !important; padding-right:15px !important;}

.box-item{margin-bottom:25px;}
.box-item h2{font-size:24px;}
.box-item p{font-size:16px;}
.box-item .price-box{font-size: 2rem;}
.offer-price{font-size:22px;}
.buy-now-link{font-size: 18px;}
.card-container img{        width: 80%;
        margin: auto;}
        .title{font-size:26px;}
        .heading-title {
      font-size: 26px;}
      .subtitle{font-size: 20px; margin-bottom:10px;}
      .heading-title::before, .heading-title::after{width: 72px;}
      .heading-title::before{left: -91px;}
      .heading-title::after{right: -91px;}
    .modal-form .thanksbox h1{font-size: 18px !important;}
    .modal-form .thanksbox p{font-size: 15px !important;}
    .rounded-input{height:36px; line-height: 20px;}
    .item-img img{width:80%; margin:auto;}

}