body{ font-family:'open sans'; margin:0 auto; padding:0;  color:#fff; background: #000; overflow-x: hidden}
body, p, span, div{font-family:'open sans'}
h1, h2, h3, h4, h5, h6{font-family:'Montserrat';font-display:swap;}
.ffopen{ font-family:'open sans';font-display:swap;}
.ffmont{ font-family:'Montserrat';font-display:swap;}
.f400{font-weight:400;} .f500{font-weight:500;} .f600{font-weight:600;} .f700{font-weight:700; } .f800{font-weight:800;}
.glob_lr {padding-left:  4.3rem; padding-right:  4.3rem;}

 .stellar_logo { align-items: center; padding-bottom: 0; margin-bottom: 0}
.exp_text {font-size: 12px;line-height: 1;color: #fff;margin-top: .4rem;padding-left: .938rem;}
.exp_text span {display: block;background: linear-gradient(147deg,rgb(245,56,67) 10%,rgb(47,87,149) 68%);-webkit-background-clip: text;-webkit-text-fill-color: transparent;background-clip: text;text-fill-color: transparent;font-size: 16px;font-weight: 700;font-family: 'Montserrat';padding-bottom: .35rem}
.stellar_logo a {padding-right: .938rem;position: relative}

.stellar_logo a:before {width: 1px;height: 100%;background: linear-gradient(0deg,rgba(0,0,0,0) 0%,#d0d0d0 50%,rgba(0,0,0,0) 100%);position: absolute;right: 0;top: .3rem;margin: auto;content: '';}
.blur_bg{width: 200px;height: 200px;display: flex;flex-wrap: wrap;position: fixed;right: 1rem;top: -6rem;filter: blur(5rem);opacity: .7;transform: rotate(320deg); z-index: 1}
.blur_bg span{border-radius: 100%; }
.blur_bg span:nth-child(1){ background: #e11f26; display: block; width: 100%; height: 100%}
.blur_bg span:nth-child(2){ background: #fff; display: block; width: 100%; height: 100%; margin-top: -5rem;   transform: translateX(4rem)}
.blur_bg span:nth-child(3){ background: #2e5492; display: block; width: 100%; height: 100%; margin-top: -15rem;   transform: translateX(8rem)}

.blur_bg.bg2{left: -8rem;top: 15rem;/* max-width: 133px; */opacity: .5;filter: blur(4rem);z-index: 1;transform: rotate(238deg);}
.blur_bg.bg3{ left: -7rem;top: 70rem;opacity: .6;filter: blur(4rem);z-index: 0;transform: rotate(221deg);}
.blur_line_top{width: 40px;height: 200px;background: linear-gradient(180deg, rgb(0 0 0 / 93%) 17%, rgb(0 0 0 / 46%) 50%, rgba(0,0,0,0) 85%);position: absolute;left: -30px;right: 0;top: 0;margin: auto;z-index: 1202;}
.blur_line_bottom{width: 200px;height: 200px;background: linear-gradient(0, rgb(0 0 0 / 97%) 27%, rgb(0 0 0 / 78%) 59%, rgba(0,0,0,0) 85%);position: absolute;left: 0;left: 37rem;bottom: -11rem;margin: auto;z-index: 1;filter: blur(15px);}



.super_offer{display: flex; flex-direction: column; align-items: center; position: relative; padding-bottom: 1rem; z-index: 1}
.heroTitle{ font-size: 2.012rem; font-weight: 800; font-style: italic;font-family:'Montserrat'; }
.super_offer .offer_btn{   padding: 2px; display: inline-flex; margin-top: 1rem; cursor: pointer; border-radius: 11px; position: relative;  text-decoration: none; cursor: pointer; }

.super_offer .offer_btn:before{background:linear-gradient( 90deg, rgb(245,56,67) 9%, rgb(47,87,149) 78%); width: 100%; height: 100%; position: absolute; content: ''; filter:blur(1rem); opacity: 0; transition: ease-in-out .3s;animation: bgBlink 1s infinite;  }

@keyframes bgBlink{
    
    0% {
		  opacity: 1
	}
    
    50%{
		  opacity: 0
	}    100%{
		  opacity: 1
	}
    
      
}

.super_bundle{transform: scale(.9)}
.super_offer .offer_btn .button_wrap{ background: #d02430; display: inline-flex; padding: .8rem 1rem;  font-family:'Montserrat'; font-size: 1.25rem; color: #fff; border-radius: 11px; font-weight: 700; text-decoration: none; text-align: center; align-items: center; position: relative; left: 0; top: 0; margin: auto; transition: ease-in-out .3s}
/*.super_offer .offer_btn:hover:before{opacity: 1; filter: blur(2rem)}*/
.super_offer .offer_btn:before{opacity: 1; filter: blur(2rem)}

.super_offer .offer_btn .button_wrap .button_text{display: flex; flex-direction: column; margin-left: .5rem; position: relative; padding-left: 1.25rem;  font-family:'Montserrat'; font-size: 1.25rem}
.super_offer .offer_btn .button_wrap .button_text em{font-size: .65rem;  font-weight: 500; font-style: normal;}
.super_offer .offer_btn .button_wrap .offerprice{display: inline-flex;   align-items: center; margin-right: 1rem;position: relative}
.super_offer .offer_btn .button_wrap .offerprice .mrp{font-size: 1rem; font-weight: 400; display: inline-flex;position: relative; align-items: center; font-style: normal;}
.super_offer .offer_btn .button_wrap .offerprice .mrp sup{font-size: 55%; font-style: normal;}
.super_offer .offer_btn .button_wrap .offerprice .mrp:after{width: 61px;height: 1px;background: #fff;position: absolute;content: '';left: -9px;top: 10px;transform: rotate(156deg);}
.super_offer .offer_btn .button_wrap .offerprice .offer_p{display: inline-flex; flex-direction: column; padding-left: 1rem }
.super_offer .offer_btn .button_wrap .offerprice .offer_p .discount_p{ font-family:'Montserrat';  font-size: .75rem; font-weight: 600; text-transform: uppercase; padding-top: .2rem}
.super_offer .offer_btn .button_wrap .offerprice .offer_p .sup_p{font-style: normal; font-family:'Montserrat'; line-height: 1; font-size: 2.25rem }
.super_offer .offer_btn .button_wrap .offerprice .offer_p .sup_p sup{font-size: 55%}

 .super_offer .offer_btn .button_wrap .button_text:before{position: absolute; width: 1px; height: 100%; position: absolute; background: #ad0814; content: ''; left: 0}
 .super_offer .offer_btn .button_wrap .button_text:after{position: absolute; width: 1px; height: 100%; position: absolute; background: #df4a55; content: ''; left: -2px}


.right_move, .left_move{margin-top: .5rem; display: block}
.bg_text{display: flex; flex-direction: column; position: absolute; margin-top: 2rem; opacity: .5; z-index: 0}

.right_side, .left_side_animation{position: relative}

.right_side:before{width: 100%; height: 100%; position: absolute; left: 0; right: 0; background: #00000090; content: ''; filter: blur(6rem)}
.left_side_animation:before{width: 100%; height: 100%; position: absolute; left: 0; right: 0; background: #00000090; content: ''; filter: blur(6rem)}

.gradient_devider{position: absolute; display: block; width: 20px; height: 100%; transform: rotate(30deg) scaleY(1.9) scaleX(.5); z-index: 0; left: 
-3.5rem}
.gradient_devider:before{width: 37px;height: 100%;background: linear-gradient(269deg, #e11f263b 19%, rgba(46,84,146,0) 74%);position: absolute;content: '';left: -35px;  }
.gradient_devider:after{width: 37px;height: 100%;background: linear-gradient(90deg, rgb(46 84 146 / 54%) -24%, rgba(46,84,146,0) 77%);position: absolute;content: '';margin-left: 2px;opacity: .8;}
.blur_line_top{width: 70px;height: 96px;background: linear-gradient(180deg, rgb(0 0 0 / 93%) 17%, rgb(0 0 0) 50%, rgba(0,0,0,0) 85%);position: absolute;left: -30px;right: 0;top: 16px;margin: auto;z-index: 1202;}
.blur_line_bottom{width: 76px;height: 200px;background: linear-gradient(0, rgb(0 0 0 / 97%) 44%, rgb(0 0 0 / 78%) 59%, rgba(0,0,0,0) 85%);position: absolute; left: -2rem;bottom: -4rem;margin: auto;z-index: 1;filter: blur(15px)}
    
.product_container_body{background: #000; position: relative; margin-top: 5rem!important}
.bg_layer1{background: linear-gradient( 180deg, rgb(245,56,67) 9%, rgb(47,87,149) 78%); padding: 1px; border-radius: 19px; position: relative; animation: lenear_bg infinite 300ms}
.bg_layer2{background: #000; padding: 1rem; border-radius: 19px; position: relative}
.bg_layer3{background: linear-gradient(180deg, rgba(225,31,38,1) 0%, rgba(46,84,146,1) 49%, rgba(0,0,0,0) 88%);; padding: 1px; border-radius: 15px}
.bg_layer4{background: #000; padding: 2rem; border-radius: 15px}
.offer_title{font-family:'Montserrat'; font-size: 2rem; font-weight: 700; margin-left: -5rem}
.offer_title .off_tag{background: linear-gradient( 90deg, rgb(245,56,67) 9%, rgb(47,87,149) 78%); display: inline-flex; padding: .3rem 1.5rem; border-radius: 45px; font-family:'Montserrat';  margin-right: 1rem; text-transform: uppercase; font-style: italic; text-shadow: 0 0 5px #555; font-size: 1.8rem}
 
.image_shape_bg{max-width: 75px; height: 75px; width: 100%; background: linear-gradient( 180deg, rgb(245,56,67) 9%, rgb(47,87,149) 78%); padding: 1px; border-radius: 5px}
.image_shape_bg .bg_layer{background: #000; border-radius: 5px; box-sizing: border-box; padding: .5rem}
.image_shape_bg .bg_layer img{filter: brightness(0) invert(1)}
.media_title{font-size: 1rem;font-family:'Montserrat'; font-weight: 700; color: #fff}
.product_group .media-body{ font-size: .815rem; color: #838383}
.product_group{margin-top: 3rem}

.offer_bundle_sec{padding: 1rem; background: #fff; border-radius: 22px; color: #181617; text-align: center; position: relative}
.offer_bundle_sec .bundle_title{font-size: 1.875rem; font-weight: 800; color: #181617; font-style: italic;font-family:'Montserrat';}
.offer_bundle_sec p{font-size: 1.125rem;}
.offer_bundle_sec .price_card .cross_p{ display: inline-block; color: #e11f26; font-family:'Montserrat'; font-size: 1.25rem; position: relative}
.offer_bundle_sec .price_card .cross_p:before{ width:100%; height: 1px; background: #e11f26; position: absolute; left: 0; top: 0; bottom: 0; margin: auto 0;right: 0; content: ''; transform-origin: center; transform: scaleX(1.20) rotate(345deg)}
.offer_bundle_sec .price_card .cross_p sup{font-size: 55%}
.offer_bundle_sec .price_card .main_p{ display: block; font-family:'Montserrat'; font-size:2.5rem; font-weight: 700; line-height: 1}
.offer_bundle_sec .price_card .main_p sup{font-size: 55%}
.offer_bundle_sec .price_card .save_p{font-size: 1.125rem;  font-family: "Montserrat";  color: rgb(9, 158, 68);  font-weight: bold;  line-height: 1.389; margin-top: .5rem; display:inline-block}
.offer_bundle_sec .price_card .save_p sup{font-size: 55%}
.offer_bundle_sec .price_card .save_p{font-size: 1.125;  font-family: "Montserrat";  color: rgb(9, 158, 68);  font-weight: bold;  line-height: 1.389; margin-top: .5rem; display:inline-block}
.offer_bundle_sec .price_card .buy_btn{display: inline-flex; background: #e11f26; padding: .7rem 1.5rem; color: #fff; font-family: "Montserrat"; font-size: 1.25rem; font-weight: 700; /*text-transform: uppercase;*/ margin-top: 1rem; border-radius: 5px; text-decoration: none; transition: ease-in-out .3s}
.offer_bundle_sec .bottom_img{margin-top: 2rem}
.offer_bundle_sec .bottom_img img{ transform: scale(1.40) translateY(2.2rem)}
.offer_bundle_sec .bottom_img img.bundle-3{transform: scale(1.30)}
.offer_bundle_sec .price_card .buy_btn:hover{box-shadow:  0 0 15px #e11f26}

.right_col_sec{position: relative}
.prodduct_gradient{position: absolute; right: 0; bottom: 0; filter: blur(5rem)}
.prodduct_gradient .l1, .prodduct_gradient .l2{ width: 400px; height: 100px; border-radius: 200px; display: block}
.prodduct_gradient .l1{background: #e11f26; }
.prodduct_gradient .l2{background: #fff; width: 200px; margin: auto}

.red_h{color: #e11f26}
.counter_text{list-style: none; display: flex; justify-content: space-around; margin-bottom: 0; width: 100%; padding-left: 0}
.counter_text li{text-align: center; margin: 1rem auto}
.counter_text li .gtext {background:linear-gradient(  147deg, rgb(245,56,67) 10%, rgb(47,87,149) 68%);-webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text;	text-fill-color: transparent;}
.counter_text .counter_h span {font-size: 42px; font-weight: 800; font-family:'Montserrat';}
.counter_text .counter_h span sup{font-size:60%; font-weight: 800; position: static;
    vertical-align: revert;}
.counter_sh{ font-size: 14px; font-weight: 700; text-transform: uppercase}
.counter_text p{margin-bottom: 0}

.howitwork{position: relative}
.howitwork:before{width: 1px; height: 100%; position: absolute; right:7px; content: ''; top: 0; background: linear-gradient(0deg, rgba(255,255,255,0) 20%, rgba(215,215,215,1) 49%, rgba(246,246,246,0) 80%);
}

html{scroll-behavior: smooth}


@media    screen and (min-width:1500px){
.container-fluid{width:1400px!important;padding:0; margin:auto}
}

@media screen and (max-width:1366px){
    .animate_right {margin-left: -3rem}
    .offer_title, .offer_bundle_sec .bundle_title{font-size: 1.5rem}
    .super_offer{margin-left: 4rem}
    .gradient_devider {left: 0}
    .glob_lr {padding-left:  3.5rem; padding-right:  3.5rem;}
}
 
@media screen and (max-width:1280px){
    .glob_lr {padding-left:  3rem; padding-right:  3rem;}
}
@media screen and (max-width:1024px){
    .glob_lr {padding-left:  1rem; padding-right:  1rem;}
    .super_offer .offer_btn .button_wrap{font-size: 1.25rem}
    .super_offer .offer_btn .button_wrap .button_text{padding-left: 1rem}
    .super_offer .offer_btn .button_wrap .offerprice i { font-size: 2rem}
    .media_title, .offer_bundle_sec p{font-size: .875rem}
    .offer_title, .offer_bundle_sec .bundle_title{font-size: 1rem}
    .animate_right{margin-left: 0}

}
@media screen and (max-width:992px){
    .super_bundle, .gradient_devider, .heroTitle{display: none}
    .super_offer{margin-left: 0}
    .left_side_animation{display: flex; justify-content: center}
    .super_offer {margin-top: 2rem}
    .super_offer .offer_btn:before {opacity: 1;filter: blur(2rem);}
    .offer_bundle_sec{margin-top: 2rem}
    .counter_text{padding-left: 0; flex-wrap: wrap}
    .counter_text li{width: 33%}

}

@media screen and (max-width:572px){
    .super_offer .offer_btn .button_wrap{ flex-direction: column}
    .super_offer .offer_btn .button_wrap .button_text:before, .super_offer .offer_btn .button_wrap .button_text:after{display: none}
    .super_offer .offer_btn .button_wrap .offerprice{flex-direction: row; justify-content: center; margin-right: 0}
    .super_offer .offer_btn .button_wrap .offerprice i { margin-left: 1rem}
    .super_offer .offer_btn .button_wrap .button_text { padding-left: 0; margin-left: 0; margin-top: 1rem; background: #d02430; padding: .7rem 2rem; border-radius: 5px; font-size: 1rem}
    .super_offer .offer_btn .button_wrap{background: none}
    .super_offer .offer_btn:before{display: none}
    .super_offer .offer_btn .button_wrap{padding: 1rem}
    .product_group{flex-direction: column; align-items: center}
    .product_group .media-body{margin-left: 0 !important; margin-top: 1rem; text-align: center}
    .offer_title{margin-left: 0; display: flex; flex-direction: column; align-items: center; text-align: center; margin-right: 0}
    .offer_title .off_tag{font-size: 1rem; margin-bottom: 1rem}
    .counter_text .counter_h span{font-size: 1.75rem;}
    .counter_text p{font-size: .65rem}
    .super_offer{margin-top: 0}
}