@font-face {
    font-family: 'Proxima Nova Rg';
    src: url('../fonts/ProximaNova-Regular.eot');
    src: url('../fonts/ProximaNova-Regular.eot?#iefix') format('embedded-opentype'),
        url('../fonts/ProximaNova-Regular.woff2') format('woff2'),
        url('../fonts/ProximaNova-Regular.woff') format('woff'),
        url('../fonts/ProximaNova-Regular.ttf') format('truetype'),
        url('../fonts/ProximaNova-Regular.svg#ProximaNova-Regular') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
 }
 @font-face {
    font-family: 'Proxima Nova Semibold';
    src: url('../fonts/ProximaNova-Semibold.eot');
    src: url('../fonts/ProximaNova-Semibold.eot?#iefix') format('embedded-opentype'),
        url('../fonts/ProximaNova-Semibold.woff2') format('woff2'),
        url('../fonts/ProximaNova-Semibold.woff') format('woff'),
        url('../fonts/ProximaNova-Semibold.ttf') format('truetype'),
        url('../fonts/ProximaNova-Semibold.svg#ProximaNova-Semibold') format('svg');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
 }
.container {
   overflow: visible;
}
 /* 2023 */
 .cms-2023 .banner-content {padding-top: 103px;}
.cms-2023 {
    position: relative;
    /* background-image: url('https://cdn.systweak.com/content/wp/systweak_com/v2/xmas/2023/cms-banner-2023.jpg'); */
    background-image: url('https://cdn.systweak.com/content/wp/systweak_com/v2/xmas/2025/main-banner-2025.png');
    background-repeat: no-repeat;
    background-size: 1920px auto;
    min-height: 644px;
    background-position: top center;
    background-color: #002a1d;
 }
 .cms-2023:before {
    position: absolute;
    left:0;
    bottom: 0;
    width: 100%;
    height: 313px;
    content: "";
    background-image: url('https://cdn.systweak.com/content/wp/systweak_com/v2/xmas/2025/bottom-bg.png');
    background-repeat: no-repeat;
    background-size: cover;
 
 }
 .cms-2023 .banner-content {
    /* padding-top: 150px; */
    /* padding-top: 80px; */
 }
 .menu-row-list {
  border-bottom: 1px solid #eaebee;
  margin-top: -45px;
  border-top: 1px solid #eaebee;
  position: relative;
  z-index: 222;
  background: #fff;
 }
 .cms-2023 .btn-buynow-cms {
    /* background: linear-gradient(to bottom, rgba(11,187,36,1) 0%,rgba(5,127,23,1) 100%);
    border-radius: 30px !important; */
    font-size: 20px;
    font-family: "Poppins", sans-serif;
     font-weight:600;
    
 }
 /* .cms-2023 .btn-buynow-cms:hover,.cms-2023 .btn-buynow-cms:focus {
    background: linear-gradient(to bottom, rgba(5,127,23,1) 0%,rgba(11,187,36,1) 100%);
 } */
 .cmd-head {
    font-size: 30px;
    font-family: 'Proxima Nova Semibold';
    margin-top: 0px !important; 
    margin-bottom: 4px !important;
   
 }
 .cms-2023 p {
    font-size: 19px;
    line-height: 26px;
    font-family: 'Proxima Nova Rg';
    padding: 0 2%;
    margin-bottom: 25px;

 }
 /* .right-santa {
    position: absolute;
    right: 40px;
    bottom: 0;
 } */
  .right-santa {
    position: absolute;
  left: -75px;
  bottom: 13px;
 }  
 .cms-2023 .banner-content {
    background: none !important;
 }
 /* .cms-2023 .btn-buynow-cms {
    background: linear-gradient(to bottom, rgba(11,187,36,1) 0%,rgba(5,127,23,1) 100%);
    border-radius: 30px !important;
    font-size: 24px;
    font-family: 'Proxima Nova Semibold';
  } */
  .btn-grab {
    position: relative;
    display: inline-block;
    border: none;
    width: 300px;
    font-size: 20px;
    text-align: center;
    text-decoration: none;
    margin-bottom: 50px;
    color: #fff;
    padding: 0;
    box-shadow: 7px 7px 9px 1px rgb(0 0 0 / 20%);
    /* background: #ff133d; */
    background: linear-gradient(to bottom, rgba(255,26,0,1) 0%,rgba(205,0,0,1) 100%);
    border-radius: 5px;
    margin-top: 0;
  }
   .btn-grab:hover, .btn-grab:focus, .btn-grab:active{
    background: linear-gradient(to bottom,  rgba(205,0,0,1) 0%,rgba(255,26,0,1) 100%);
    padding: 0;
   }
  .cms-2023.banner-xmas {
    background-image: none !important;
  }
  .top-des {
    position: relative;
    overflow: hidden;
    display: inline-block;
    width: 100%;
    padding: 13px 32px 8px;
  }
  .cms-2023 .btn-buynow-cms .top-des:before {
    position: absolute;
    left: -4px;
  bottom: 4px;
    width: 27px;
    height: 29px;
    background-image: url('https://cdn.systweak.com/content/wp/systweak_com/v2/xmas/2025/btn-des.png');
    content: "";
  }
  .cms-2023 .btn-buynow-cms .top-des:after {
    position: absolute;
    right: -7px;
  bottom: -3px;
    width: 27px;
    height: 29px;
    background-image: url('https://cdn.systweak.com/content/wp/systweak_com/v2/xmas/2025/btn-des.png');
    content: "";
  }

  .btn-grab:before {
    position: absolute;
    left: 0;
    top: -12px;
    width: 300px;
    height: 25px;
    content: "";
    background-image: url('https://cdn.systweak.com/content/wp/systweak_com/v2/xmas/2025/btn-cloud.png');
  }

  @media screen and (min-width:1930px) {
   .cms-2023 {background-size: cover;}
 }

@media screen and (max-width:1880px) {
  .cms-2023::before {
    background-size: 1900px auto;
  }
}
@media screen and (max-width:1680px) {
  .cms-2023::before {
    background-size: 1700px auto;
    bottom: -32px;
  }

}
@media screen and (max-width:1679px) {
  .right-santa {
    bottom: 5px;
  }
}
  @media screen and (max-width:1499px) {
   .right-santa {
    bottom: -50px;
  }
    .cms-2023::before {
    background-size: 1500px auto;
    bottom: -60px;
  }
    .cms-banner-content {max-width: 750px; margin:  0  auto;}
    .cms-2023 {background-size: 1500px auto;}
    /* .cms-2023 {min-height: 600px;} */
    .cms-2023 {
      min-height: 650px;
    }
    .cms-2023 .banner-content {padding-top: 110px;}
    /* .cms-2023::before {
      height: 185px;
    } */

  }
  @media screen and (max-width:1440px) {
   .cms-2023 {background-size: 1440px auto;}
   .cms-2023 .banner-content .cms-img {
      width: 70%; 
      height: auto;
   }
   
 }

 @media screen and (min-device-width: 1200px) and (max-device-width: 1399px) {  
   .cms-2023 { background-size: 1400px auto; }
   .cms-2023::before { bottom: -60px;}
   /* .right-santa { max-width: 280px; bottom: 95px;left: 0; } */
   /* .right-santa img { width: auto; height: inherit;} */
   .cms-2023 { min-height: 700px; }
   .right-santa {
    bottom: -100px;
  }

   
 }
@media screen and (max-width:1279px) {
  .right-santa {
    left: -15px;
  }
}
  @media screen and (max-width:1199px) {
     
    .cms-2023::before { display:none;}
    .top-des img {width: auto !important;}
    .cmd-head {font-size: 30px;}
    .cms-2023 p br {display: none;}
    .cms-2023 .banner-content img {width: 70%; height: auto;}
    .cms-2023 .banner-content {padding-top: 100px;}
    .cms-2023 {
      min-height: 580px;
    }
    .right-santa {display: none;}
    .cms-2023::before {height: 130px;}
    .cms-2023 {
    background-size: 1210px auto;
  }
  }
  @media screen and (max-width:1024px) {
   /* .cms-2023 {background-size: 1030px auto;} */
  }
  @media screen and (max-width:991px) {
    .cms-2023 .banner-content {padding-top: 80px; margin-top: 0;}
  }
  @media screen and (max-width:767px) {
    .right-santa {display: none;}
    .cms-2023::before {
        display: none;
    }
    .cms-2023 {min-height: auto;}
    .cmd-head {font-size: 26px;}
    .cms-2023 p {font-size: 16px; line-height: 24px;}
    .cms-2023 .banner-content img {width: 80%;}
    .cms-2023 .btn-buynow-cms {margin-bottom: 30px; font-size: 20px; width: 300px;}
    
    .cms-2023 {
        background-position: -200px center;
      }
    
  }
  @media screen and (max-width:575px) {
    .cms-2023 {
        background-position: 27% center;
    }
  }