@font-face {
    font-family: 'OBO Super';
    src: url('../fonts/OBOSuper.woff2') format('woff2'),
        url('../fonts/OBOSuper.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    /*font-display: swap; */
}
@font-face {
     font-family: 'Avenir Next Cyr';
    src: url('../fonts/AvenirNextCyr-Regular.woff2') format('woff2'),
        url('../fonts/AvenirNextCyr-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    /*font-display: swap; */
}
.july-sec-target {
    color: #ffffff !important;
}
@font-face {
     font-family: 'Avenir Next Cyr';
    src: url('../fonts/AvenirNextCyr-Bold.woff2') format('woff2'),
        url('../fonts/AvenirNextCyr-Bold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
    /*font-display: swap; */
}
@font-face {
    font-family: 'Avenir Next Cyr';
    src: url('../fonts/AvenirNextCyr-Heavy.woff2') format('woff2'),
        url('../fonts/AvenirNextCyr-Heavy.woff') format('woff');
    font-weight: 900;
    font-style: normal;
    /*font-display: swap; */
}
/*font family css code start*/
.obo-super{font-family: 'OBO Super';}
.AvenirNextCyr{font-family: 'Avenir Next Cyr';}
/*font family css code end*/

/*font-color css code start*/
.cream-color{ color: #f2e3c6;}
.theme-color{ color: #c94633;}
/*font-color css code end*/

/**/
.m-p{padding: 100px;}
.main-wrapper{max-width: 1320px;}
.red-btn{color: #c94633 !important;}

/*svg-color css code start*/
.cream-icon{ filter: brightness(0) saturate(100%) invert(100%) sepia(37%) saturate(1344%) hue-rotate(310deg) brightness(102%) contrast(90%);}
.theme-icon{ filter: brightness(0) saturate(100%) invert(35%) sepia(63%) saturate(1529%) hue-rotate(338deg) brightness(84%) contrast(87%);}
/*svg-color css code end*/
 

/*sizzling-deals-page css code start*/
.sizzling-deals-page{background-color: #c94632;font-family: 'Avenir Next Cyr'; }

    /*banner-sec css code start*/
    .banner-sec .content-part{padding: 5.208vw;}
    .banner-sec h1{font-size: 6.5vw;}
    .banner-sec h2{font-size: 3.5vw;}
    .banner-img img{border-top-left-radius: 50vw;border-bottom-left-radius: 50vw;}
    .banner-sec .content::before, .banner-sec .content::after{filter: brightness(0) saturate(100%) invert(100%) sepia(37%) saturate(1344%) hue-rotate(310deg) brightness(102%) contrast(90%);}
    .banner-sec .content::before{content: ''; position: absolute; width: 5.208vw; height: 5.208vw;left: -15px; background-image: url('../images/sizzling-deals/star.svg');}
    .banner-sec .content::after{content: ''; position: absolute; width: 5.208vw; height: 5.208vw; top: 0; right: -15px; background-image: url('../images/sizzling-deals/star.svg');}
    .banner-sec svg {
    fill: currentColor;
    height: auto;
    transform-origin: center;
    width: 100%;
    }
    .banner-sec svg text{font-size: 0.938vw;}
    .all-month-long-part img{width: 27.604vw; height: 28.854vw;}
    .all-month-long-part::before, .all-month-long-part::after{
    top: 0;
    bottom: 0;
    margin: auto;
    }
    .all-month-long-part{display: flex
;
    justify-content: center;
    align-items: center;
    width: 100%;}
    .all-month-long-part img{    width: 18vw !important;
    position: absolute;
    color-rendering: optimizeQuality;
    height: 18vw !important;
    left: -15px !important;
    right: 0 !important;
    justify-content: center;
    display: flex; top: 0;
    bottom: 5vw;
;
    align-items: center;
    margin: auto;}
    .AvenirNextCyr {font-weight: 900 !important;}
    .banner-sec .row{ margin: 0px;}
    /*banner-sec css code end*/

    /*price sec css code start*/
    .price-sec{ background-color: #f2e3c6; padding: 2.604vw;}
    .price-sec .box span{ font-size: 1.5vw; line-height: 1;}
    .price-sec .box span.price{ font-size: 3.4vw; line-height: 1;}
    .price-sec .vertical-line{width: 2px; height: 100%; background-color: #c94632;}
    .price-sec .box{gap: 15px;}
    .price-sec .box img{width: 4vw;}
    .price-sec .box:last-child .price{font-size:2vw !important;}
    .price-sec .box:last-child .price label{font-size: 1.3vw;}
    .price-sec .box:nth-child(3) label{font-size: 1.9vw; line-height: 1;}
    .price-sec .box:nth-child(3) span:first-child{font-size: 1.3vw; line-height: 1;}
    /*price sec css code end*/

    /*july-sec css code start*/
    .july-sec .heading h2{font-size: 120px; display: flex; line-height: 1;}
    .july-sec .heading .content {    
    justify-content: center;
    display: flex;
    flex-direction: column;
    align-items: center;
    }
    .july-sec .heading h3{font-size: 60px; display: flex;gap: 30px;}
    .july-sec .star-img{width: 80px; position: relative; top: -15px;}
    .model-home-part .price{font-size: 15px;}
    .model-home-part .box .content-part{bottom: 0;
    background: #000000;
    background: linear-gradient(0deg,rgba(0, 0, 0, 1) 0%, rgba(255, 255, 255, 0) 100%);
}
    .polygon_btn {
    width: 100px;
    height: 44px;
    background: url('../images/sizzling-deals/price-tag.svg');
    background-size: cover;
    color: white;
    font-weight: 500;
    font-size: 14px;
    display: flex;
    justify-content: end;
    align-items: center;
    border: none;
    cursor: pointer; padding: 0px 12px 0 0;
    }
    .model-home-part .box{ border-radius: 5px;}
    .model-home-part .box img{ border-radius: 5px;transition: all linear .3s; /* Animation */}
    .model-home-part .box img:hover{transform: scale(1.1);opacity: .95 !important; }
    .model-home-part .box p{font-size: 18px;}
    .model-home-part .row{row-gap: 0px;}
    .model-home-part .row .col-lg-3{padding: 5px; }
    /*july-sec css code end*/

    /*promotions-part css code start*/
    .promotions-part h2{font-size: 60px;}
    .promotions-part li{font-size: 54px; line-height: 75px;}
    .custom-list {
    list-style-type: none; /* or circle, disc, none, etc. */
    }
    .custom-list {
    list-style-image: url('../images/sizzling-deals/star.svg'); filter: brightness(0) saturate(100%) invert(100%) sepia(37%) saturate(1344%) hue-rotate(310deg) brightness(102%) contrast(90%);
    }
    .custom-list li::marker{font-size: 115px;} 
    .promotions-part .list-content{width: 1024px; margin: auto; gap: 100px;}
    /*promotions-part css code end*/

    /*questions-part css code start*/
    .questions-part{ background-color: #f2e3c6;}
    .questions-part .heading h2{font-size: 55px;}
    .questions-part .heading h3{font-size: 40px;}
    .questions-part .star-img{width: 80px; position: relative; top: -15px;}
    .questions-part p{ font-size: 25px;}
    /*questions-part css code end*/

    .modal-backdrop{display: none !important;}
    #sizzling-form .modal-dialog{max-width: 90%;}
    #sizzling-form .img-part{background-image:url('../images/sizzling-deals/sizzling-form-img.webp'); background-position: center center; background-size: cover;}
    #sizzling-form .form-part{background-color: #f2e3c6 !important;}
    #sizzling-form .form-part .custom-select{ background: transparent;}
    #sizzling-form .form-part h4{font-size: 30px;}
    #sizzling-form .custom-form1.gray-placeholder .form-control{border-bottom: 1px solid #c94633;}

    #sizzling-form input::-webkit-input-placeholder,textarea::-webkit-input-placeholder {
    letter-spacing: 2px;
    color: #000!important
    }
    #sizzling-form input:-moz-placeholder,textarea:-moz-placeholder {
    letter-spacing: 2px;
    color: #000!important;
    opacity: 1
    }
    #sizzling-form input::-moz-placeholder,textarea::-moz-placeholder {
    letter-spacing: 2px;
    color: #000!important;
    opacity: 1
    }
    #sizzling-form input:-ms-input-placeholder,textarea:-ms-input-placeholder {
    letter-spacing: 2px;
    color: #000!important
    }
    #sizzling-form input, #sizzling-form select, #sizzling-form select option, #sizzling-form  textarea {
    color: #000 !important; padding: 10px !important;
    }
    #sizzling-form select option {
        padding: 0px 10px;  
    }

/*sizzling-deals-page css code end*/

@media screen and (max-width: 1440px){
.promotions-part .list-content{width: 100%;}
}


@media screen and (max-width: 1024px){
.price-sec .box span{font-size:1vw;}
.price-sec .box span.price{font-size: 3.4vw;}
}

@media screen and (max-width: 1024px){
.price-sec .box span.price{font-size: 2.5vw;}
.price-sec .box:nth-child(3) span.price{font-size: 3vw;}
.m-p{ padding: 50px;}
}



@media screen and (max-width: 991px){
    .banner-sec .content-part{padding: 30px !important;}
    .banner-sec .content{padding: 0px 45px !important; width: max-content; margin: auto;}
    .banner-sec h2{font-size: 35px;}
    .banner-sec h1{font-size: 55px;}
    .banner-sec .content::before, .banner-sec .content::after{width: 52px; height: 52px;}
    .all-month-long-part img{width: 273px; height: auto;}
    .banner-img img{border-top-left-radius: 50vw;border-bottom-left-radius: 0vw; border-top-right-radius: 50vw;}
    .july-sec .heading h3{font-size: 40px;}
    .july-sec .heading h2{font-size: 80px;}
    .banner-sec svg text{font-size: 19px;}
    .all-month-long-part img{width: 105px !important;}
    .all-month-long-part{width: 520px !important;}
    .all-month-long-part::after{right:-5px !important;}
    .all-month-long-part::before{left:-5px !important;}

}


@media screen and (max-width: 768px){
.promotions-part .list-content{display: block !important;}
}


@media screen and (max-width: 767px){
    .mob_overflow_hidden {
overflow: hidden !important;
 }
 #sizzling-form .modal-dialog{max-width: 100%;}
.price-sec .row{ display: flex !important; row-gap: 25px;}
.price-sec .box span{font-size: 15px;}
.price-sec .box span.price{font-size: 30px;}
.price-sec .box:nth-child(3) span.price{font-size: 45px;}
.price-sec .box:nth-child(3) label{font-size: 22px;}
.price-sec .box:nth-child(3) span:first-child{font-size: 15px;}
.price-sec .box:last-child .price{font-size: 30px !important;}
.price-sec .box:last-child .price label{font-size: 19px;}
.price-sec{padding: 30px !important;}
.price-sec .box:nth-child(2), .price-sec .box:nth-child(4){ display: none !important; }
.m-p{ padding: 30px;}
.july-sec .heading h3{font-size: 30px;}
.july-sec .heading h2{font-size: 60px; line-height: 1;}
.july-sec .star-img{width: 55px;}
.promotions-part h2{font-size: 40px;}
.promotions-part .list-content{display: block !important;}
.custom-list li::marker{line-height: 1;}
.promotions-part .list-content{width: 100%;}
.promotions-part .custom-list{margin: auto;}
.promotions-part .row{margin: 0px;}
.promotions-part li{font-size: 30px; line-height: 40px; }
.custom-list li::marker{font-size:65px;}
.banner-sec svg text{font-size: 15px;}
.banner-sec .content{padding: 0px !important;}
.all-month-long-part img{height: auto !important; width: 135px !important; left: -15px !important;}
 .all-month-long-part{width: max-content !important;}
 .custom-list{ width: 300px;}
 #sizzling-form .form-part{ padding: 30px !important;}
 #sizzling-form .svg-common.w-icon{
        filter: brightness(0) saturate(100%) invert(0%) sepia(93%) saturate(7493%) hue-rotate(234deg) brightness(98%) contrast(99%);
 }
 /* .all-month-long-part {overflow: hidden;} */
}

@media screen and (max-width: 480px){
    .m-p{padding: 15px;}
    .banner-sec .content-part{padding: 15px !important;}
    .banner-sec .content{}
    .banner-sec h2{font-size: 25px;}
    .banner-sec h1{font-size: 40px;}
    .banner-sec .content::after{width: 42px; height: 42px; right: -50px;}
    .banner-sec .content::before{width: 42px; height: 42px; left: -50px;}
    .banner-sec .all-month-long-part::after{ right: 0;}
    .banner-sec .all-month-long-part::before{ left: 0;}

    .banner-sec .row{margin: 0px;}
    .all-month-long-part img{width: 60vw;}
    .july-sec .heading h3{font-size: 25px;}
    .july-sec .heading h2{font-size: 52px;}
    .july-sec .star-img{width: 40px;}
    .july-sec{padding-top: 50px;padding-bottom: 50px;}
    .model-home-part .row{row-gap:0;}
    .promotions-part h2{font-size: 25px;}
    .promotions-part li{font-size: 22px; line-height: 1;}
    .custom-list li::marker{font-size: 60px;}
}


    .rotating-div {

      transition: transform .01s linear;
    }

    #sizzling-form.modal {
            background-color: #00000085 !important;
    }
    
    body.modal-open {
        overflow: hidden;
    }