body { margin: 0; padding: 0; font-family: 'Open Sans', sans-serif; color: #181617; }
.glob_gray { background: #f7f7f7; }
.globle_h { font-size: clamp(24px, 2.2vw + 16px, 32px); font-weight: 700; font-family: 'Montserrat', sans-serif; }
h1, h2, h3, h4, h5, h6 { font-family: 'Montserrat', sans-serif; }
.globle_sh { font-size: clamp(15px, 0.5vw + 14px, 18px); }
html { scroll-behavior: smooth; }
a { color: #181617; }
a:hover { color: #181617; text-decoration: none; }
.text-red { color: #e11f26; }
.glob_lr { padding-left: 4.3rem; padding-right: 4.3rem; }

/* Hero Section */
.hero_section { position: relative; background: linear-gradient(121.56deg, #FFFFFF 3.74%, rgb(255 230 231) 55.54%, rgb(234 242 254) 73.45%);   padding-bottom: 70px; overflow: hidden; }
.hero_section::before { content: ''; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-image: url('https://www.stellarinfo.com/offer/labor_images/bg.png'); background-repeat: repeat; background-position: top center; opacity: .24; mix-blend-mode: multiply; pointer-events: none; z-index: 1; }
.hero_section::after{ width: 100%; height: 100%; position: absolute; left: 0; content: ''; background: linear-gradient( 0deg, #ffffff 0%, #ffffff00 100%); bottom: 0; z-index: 1;}
.hero_section > .container-fluid { position: relative; z-index: 2; }
.hero_top_wrapper { display: flex; align-items: center; justify-content: center; gap: 36px; max-width: 1020px; margin: 0 auto 30px;   }
.hero_toolbox_col { flex: 0 0 auto; text-align: right; }
.hero_toolbox_img { max-width: 270px; width: 100%; height: auto; display: inline-block; filter: drop-shadow(0 10px 20px rgba(0, 0, 0, 0.08)); }
.hero_content_col { flex: 1 1 auto; }
.hero_main_title { font-family: 'Montserrat', sans-serif; font-size: clamp(24px, 3.5vw + 12px, 50px); font-weight: 800; color: #181617; line-height: 1.2; margin-bottom: 8px; letter-spacing: -2%; }
.hero_discount_title { font-family: 'Montserrat', sans-serif; font-size: clamp(26px, 6.5vw + 10px, 85px); font-weight: 800; line-height: 1.1; margin-bottom: 16px; letter-spacing: -2%; }
.hero_discount_title .text_blue { color: #3b71fe; font-family: 'Montserrat', sans-serif; }
.hero_discount_title .text_gradient_pink { background: linear-gradient(90deg, #4466f2 0%, #a820a0 25%, #e11075 65%, #fa3a80 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; display: inline-block; font-family: 'Montserrat', sans-serif; }
.hero_validity_pill { display: inline-block; font-family: 'Montserrat', sans-serif; font-size: clamp(11.5px, 0.5vw + 11px, 13px); font-weight: 600; color: #4b5563; border-radius: 7px; padding: 5px 8px; position: relative;     backdrop-filter: blur(4px); -webkit-backdrop-filter: blur(4px); background: linear-gradient(90deg, #ffffff 60%,  #2A64F600 76%) padding-box , linear-gradient(90deg, #E72578 0%, #2A64F6 41% , #2A64F600 64%) border-box; border: solid 1px transparent; }
 
/* Main White Bundle Card */
.hero_bundle_card { background: #ffffff; border: 1.5px solid #ffd5e0; border-radius: 22px; box-shadow: 0 16px 45px rgba(255, 80, 130, 0.08), 0 4px 16px rgba(0, 0, 0, 0.03); padding: 32px 35px 35px 35px; max-width: 100%; margin: 0 auto; position: relative; }
.card_bundle_title { font-family: 'Montserrat', sans-serif; font-size: clamp(17px, 0.8vw + 14px, 21px); font-weight: 700; color: #181617; margin-bottom: 12px; }
.card_divider_line { width: 100%; height: 1px; background: linear-gradient(90deg, #b0b4be 0%, rgba(200, 205, 215, 0.4) 60%, rgba(200, 205, 215, 0) 100%); margin-bottom: 24px; }

/* Products Column */
.bundle_products_col { padding-right: 30px; }
.bundle_products_grid { margin-left: -25px; margin-right: -25px; row-gap: 0; }
.bundle_products_grid > .bundle_item_col { padding: 22px 25px; position: relative; }
.bundle_products_grid > .bundle_item_col:nth-child(1), .bundle_products_grid > .bundle_item_col:nth-child(2) { padding-top: 6px; }
.bundle_products_grid > .bundle_item_col:nth-child(5) { padding-bottom: 6px; }
.bundle_products_grid > .bundle_item_col:nth-child(1)::after, .bundle_products_grid > .bundle_item_col:nth-child(3)::after { content: ''; position: absolute; bottom: 0; left: 10px; right: 0; height: 1px; background: linear-gradient(90deg, rgba(210, 214, 220, 0) 0%, rgba(210, 214, 220, 0.5) 40%, #d2d6dc 100%); pointer-events: none; }
.bundle_products_grid > .bundle_item_col:nth-child(2)::after, .bundle_products_grid > .bundle_item_col:nth-child(4)::after { content: ''; position: absolute; bottom: 0; left: 0; right: 10px; height: 1px; background: linear-gradient(90deg, #d2d6dc 0%, rgba(210, 214, 220, 0.5) 60%, rgba(210, 214, 220, 0) 100%); pointer-events: none; }
.bundle_products_grid > .bundle_item_col:nth-child(1)::before { content: ''; position: absolute; top: 12px; bottom: 0; right: 0; width: 1px; background: linear-gradient(180deg, rgba(210, 214, 220, 0) 0%, rgba(210, 214, 220, 0.5) 40%, #d2d6dc 100%); pointer-events: none; }
.bundle_products_grid > .bundle_item_col:nth-child(3)::before { content: ''; position: absolute; top: 0; bottom: 0; right: 0; width: 1px; background: #d2d6dc; pointer-events: none; }
.bundle_product_item { display: flex; align-items: flex-start; gap: 18px; margin-bottom: 0; }
.product_icon_box { width: 80px; height: 80px; min-width: 80px; border-radius: 14px; display: flex; align-items: center; justify-content: center; background: #ffffff; border: 1.5px solid #ff427d; background: linear-gradient(#ffffff, #ffffff) padding-box, linear-gradient(135deg, #3870ff 0%, #ff2a85 100%) border-box; border: 1.5px solid transparent; padding: 10px; transition: transform 0.25s ease, box-shadow 0.25s ease; }
.bundle_product_item:hover .product_icon_box { transform: translateY(-2px); box-shadow: 0 6px 16px rgba(255, 42, 133, 0.15); }
.product_icon_svg { max-width: 52px; width: 52px; height: auto; object-fit: contain; display: block; }
.product_details { flex: 1; }
.product_name { font-family: 'Montserrat', sans-serif; font-size: clamp(14.5px, 0.4vw + 13px, 16px); font-weight: 700; color: #181617; margin-bottom: 4px; line-height: 1.3; }
.product_name sup { font-size: clamp(9px, 0.2vw + 8.5px, 10px); font-weight: 600; top: -0.4em; }
.product_desc { font-family: 'Open Sans', sans-serif; font-size: clamp(13px, 0.3vw + 12px, 14px); line-height: 1.5; color: #676767; margin-bottom: 0; }

/* Pricing Highlight Card */
.pricing_card_col { padding-left: 10px; }
.bundle_pricing_box { position: relative; background: linear-gradient(180deg, #eef4ff 0%, #ffffff 32%, #ffffff 70%, #fff1f3 100%); border: 1.5px solid #ff2b7a; border-radius: 22px; padding: 75px 22px 26px 22px; text-align: center; box-shadow: 0 10px 40px rgba(255, 43, 122, 0.12); }
.save_badge_pill { position: absolute; top: 0; left: 50%; transform: translateX(-50%); background: #ffffff; border: 1.5px solid #d946ef; border-top: none; border-radius: 0 0 16px 16px; padding: 8px 30px 10px 30px; display: inline-flex; align-items: center; justify-content: center; gap: 8px; box-shadow: 0 8px 20px rgba(217, 70, 239, 0.18); white-space: nowrap; }
.save_badge_pill .save_txt { font-family: 'Montserrat', sans-serif; font-size: clamp(15px, 0.8vw + 13px, 19px); font-weight: 800; font-style: italic; color: #181617; letter-spacing: 0.5px; }
.save_badge_pill .save_amount { font-family: 'Montserrat', sans-serif; font-size: clamp(26px, 1.8vw + 20px, 36px); font-weight: 900; font-style: italic; line-height: 1; background: linear-gradient(90deg, #e1127a 20%, #a820a0 45%, #3b71fe 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; display: inline-block; padding: 1px 4px; }
.pricing_heading { font-family: 'Montserrat', sans-serif; font-size: clamp(13px, 0.4vw + 12px, 15px); font-weight: 800; color: #181617; letter-spacing: 0.6px; text-transform: uppercase; margin-top: 0; margin-bottom: 6px; }
.pricing_subheading { font-family: 'Open Sans', sans-serif; font-size: clamp(12px, 0.3vw + 11.5px, 13.5px); color: #374151; font-weight: 600; margin-bottom: 18px; }
.pricing_boxes_preview { margin: 4px auto 16px; padding: 0 4px; }
.bundle_boxes_img { max-width: 90%; height: auto; margin: 0 auto; display: block; }
.pricing_price_row { display: flex; align-items: baseline; justify-content: center; gap: 14px; margin-bottom: 16px; margin-top: -75px; }
.old_bundle_price { font-family: 'Montserrat', sans-serif; font-size: clamp(16px, 0.6vw + 14px, 20px); font-weight: 600; color: #ef4444; text-decoration: line-through; }
.old_bundle_price sup { font-size: clamp(10px, 0.3vw + 9.5px, 12px); top: -0.4em; }
.new_bundle_price { font-family: 'Montserrat', sans-serif; font-size: clamp(28px, 1.6vw + 23px, 37px); font-weight: 800; color: #181617; line-height: 1; }
.new_bundle_price .price_curr { font-size: clamp(22px, 1.4vw + 18px, 30px); font-weight: 800; vertical-align: top; margin-right: 2px; }
.new_bundle_price sup { font-size: clamp(15px, 0.8vw + 13px, 20px); font-weight: 800; top: -0.5em; }
.btn_bundle_buy { display: block; width: 100%; max-width: 275px; margin: 0 auto; background: linear-gradient(90deg, #326bff 0%, #8728f5 55%, #e61972 100%); color: #ffffff; font-family: 'Montserrat', sans-serif; font-size: clamp(18px, 1vw + 15px, 24px); font-weight: 800; padding: 13px 24px; border-radius: 10px; text-decoration: none; border: none; box-shadow: 0 8px 25px rgba(230, 25, 114, 0.35); transition: all 0.3s ease; }
.btn_bundle_buy:hover { background: linear-gradient(90deg, #2558e8 0%, #761ee0 55%, #cf1162 100%); color: #ffffff; text-decoration: none; transform: translateY(-2px); box-shadow: 0 10px 28px rgba(230, 25, 114, 0.45); }
.pricing_validity_note { font-family: 'Open Sans', sans-serif; font-size: clamp(11.5px, 0.3vw + 11px, 13px); color: #6b7280; font-weight: 500; margin-top: 14px; margin-bottom: 0; }

/* Bundle Offers Section */
.light_gradient { background: linear-gradient(133deg, #ffffff 8%, rgba(255, 230, 231, 0.67) 28%, rgba(234, 242, 254, 0.7) 36%); }
.offer_product { position: relative; overflow: visible; z-index: 0; padding-bottom: 2rem; }
.box_wrapper { display: flex; margin-bottom: 2rem; }
.main_product_box { background: #ffffff; padding: 1rem; border-radius: 10px; display: flex; box-shadow: -2px 4px 9px rgba(0, 0, 0, 0.22); max-width: 621px; width: 100%; position: relative; overflow: hidden; align-items: flex-start; }
.box_container { padding: 1rem; width: 100%; }
.box_container h3 { font-size: clamp(16px, 0.5vw + 14px, 18px); font-weight: 700; margin-bottom: 0; color: #181617; padding-right: 4rem; line-height: 1.35; }
.box_container ul { list-style: none; padding-left: 0; margin-top: 1rem; }
.box_container ul li { position: relative; padding-left: 1.5rem; margin-bottom: 0.35rem; font-size: clamp(13px, 0.3vw + 12px, 14.5px); color: #333333; line-height: 1.45; }
.box_container ul li:before { content: ""; display: block; width: 5px; height: 9px; border: solid #ffffff; border-width: 0 2px 2px 0; transform: rotate(45deg); position: absolute; top: 6px; left: 5px; z-index: 1; }
.box_container ul li:after { width: 15px; height: 15px; border-radius: 14px; background: #099e44; position: absolute; left: 0; margin: auto; content: ''; top: 4px; z-index: 0; }
.body_box { display: flex; justify-content: space-between; align-items: center; margin-top: 0.5rem; }
.body_box img { max-width: 48%; height: auto; object-fit: contain; }
.price_container { padding-top: 0.5rem; display: flex; flex-direction: column; align-items: flex-start; }
.save-text { font-size: clamp(11px, 0.2vw + 10.5px, 12px); font-weight: 700; color: #099e44; display: inline-block; margin-bottom: 0.3rem; }
.cross_p { margin: 0 0.5rem 0 0; font-size: clamp(16px, 0.6vw + 14px, 20px); font-family: 'Montserrat', sans-serif; position: relative; display: block; }
.cross_p sup { font-size: 55%; }
.cross_p:before { width: 100%; height: 1px; background: #e11f26; position: absolute; left: 0; top: 0; right: 0; bottom: 0; margin: auto; content: ''; }
.offer_price { font-size: clamp(24px, 2vw + 17px, 35px); font-weight: 800; font-family: 'Montserrat', sans-serif; color: #181617; }
.offer_price sup { font-size: 55%; }
.price_container .buy_btn { padding: 0.8rem 2rem; background: #e11f26; color: #ffffff; font-family: 'Montserrat', sans-serif; font-size: clamp(14px, 0.4vw + 13px, 16px); text-transform: uppercase; font-weight: 600; border-radius: 3px; display: inline-block; text-decoration: none; margin-top: 0.5rem; transition: background 0.3s ease; }
.price_container .buy_btn:hover { color: #ffffff; text-decoration: none; background: #c8171d; }
.gradient_box { white-space: nowrap; font-size: clamp(11px, 0.2vw + 10.5px, 12px); font-weight: 400; font-family: 'Montserrat', sans-serif; color: #ffffff; display: block; background: linear-gradient(120deg, #f53843 0%, #2f5795 100%); position: absolute; width: 100%; max-width: 106px; padding: 0.5rem 0; right: -13px; top: 0; text-align: center; border-radius: 0 0 0 10px; line-height: 1.3; }
.gradient_box strike { font-size: clamp(12px, 0.3vw + 11.5px, 14px); font-weight: 400; }
.gradient_box i { display: block; font-style: normal; font-size: clamp(16px, 0.6vw + 14px, 18px); font-weight: 600; }
.gradient_box sup { font-size: 50%; }

/* Counter Section */
.chose_color { color: #555555; }
.why_stellar_row { flex-wrap: wrap; justify-content: center; display: flex; }
.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, #f53843 10%, #2f5795 68%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; }
.counter_text .counter_h span { font-size: clamp(22px, 3.5vw + 12px, 42px); font-weight: 800; font-family: 'Montserrat', sans-serif; }
.counter_text .counter_h span sup { font-size: 60%; font-weight: 800; position: static; vertical-align: revert; }
.counter_sh { font-size: clamp(11px, 0.4vw + 10.5px, 14px); font-weight: 700; text-transform: uppercase; color: #555555; margin-bottom: 0; }

 

/* Consolidated Media Queries */
@media screen and (min-width: 1500px) {
  .container-fluid { max-width: 1400px; padding: 0; margin: auto; }
}

@media (max-width: 1200px) {
  .glob_lr { padding-left: 2.5rem; padding-right: 2.5rem; }
}

@media (max-width: 991px) {
  .hero_top_wrapper { flex-direction: column; text-align: center; gap: 16px; }
  .hero_toolbox_col { text-align: center; }
  .hero_toolbox_img { max-width: 220px; }
  .hero_bundle_card { padding: 24px 20px; }
  .pricing_card_col { order: 1; padding-left: 15px; padding-right: 15px; margin-top: 0; margin-bottom: 35px; }
  .bundle_products_col { order: 2; padding-left: 15px; padding-right: 15px; }
  .bundle_product_item { gap: 14px; }
  .product_icon_box { width: 55px; height: 55px; min-width: 55px; border-radius: 10px; padding: 6px; }
  .product_icon_svg { max-width: 35px; width: 35px; }
  .bundle_pricing_box { max-width: 420px; margin: 0 auto; }
  .box_container { margin-top: 3rem; }
  .box_container h3 { padding-right: 0; }
  .body_box { flex-direction: column-reverse; margin: auto; }
  .body_box img { margin: auto; max-width: 70%; }
  .box_wrapper { margin-bottom: 2rem; }
  .gradient_box { max-width: 100%; display: flex; justify-content: center; align-items: center; right: 0; }
  .price_container { margin: auto; align-items: center; }
  .price_container .buy_btn { margin-top: 1rem; }
  .stamp_row { flex-direction: column; text-align: center; gap: 1rem; }
  .stamp_container { margin-right: 0; }
  .inovation_col { border-left: none; border-top: 1px solid rgba(255, 255, 255, 0.3); padding-left: 0; padding-top: 0.5rem; }
  .logo_list { justify-content: center; margin-left: 0; margin-top: 0.5rem; }
}

@media (max-width: 768px) {
  .glob_lr { padding-left: 1rem; padding-right: 1rem; }
  .bundle_products_grid { margin-left: -15px; margin-right: -15px; row-gap: 0; }
  .bundle_products_grid > .bundle_item_col { flex: 0 0 100%; max-width: 100%; padding: 18px 15px; }
  .bundle_products_grid > .bundle_item_col::before { display: none; }
  .bundle_products_grid > .bundle_item_col:nth-child(1)::after, .bundle_products_grid > .bundle_item_col:nth-child(2)::after, .bundle_products_grid > .bundle_item_col:nth-child(3)::after, .bundle_products_grid > .bundle_item_col:nth-child(4)::after { left: 10px; right: 10px; background: linear-gradient(90deg, rgba(210, 214, 220, 0) 0%, #d2d6dc 50%, rgba(210, 214, 220, 0) 100%); }
  .box_container h3 { text-align: center; }
  .counter_text { flex-wrap: wrap; padding-left: 0; }
  .counter_text li { max-width: 30%; width: 100%; }
  .gradient_box i { padding-right: 10px; padding-left: 1rem; }
  .price_container .buy_btn { padding: 0.8rem 4rem; border-radius: 5px; }
  .logo_list { flex-wrap: wrap; justify-content: center; gap: 10px; }
}

@media (max-width: 576px) {
  .glob_lr { padding-left: 0.5rem; padding-right: 0.5rem; }
  .hero_section { padding-top: 10px; padding-bottom: 40px; }
  .hero_bundle_card { padding: 20px 14px; border-radius: 14px; }
  .pricing_card_col { margin-bottom: 25px; }
  .bundle_products_grid > .bundle_item_col { padding: 16px 8px; }
  .bundle_pricing_box { padding: 65px 14px 20px 14px; }
  .btn_bundle_buy { padding: 11px 20px; }
  .counter_text li { max-width: 48%; }
  .main_product_box { padding: 0.75rem; }
  .box_container { padding: 0.5rem; }
  .price_container .buy_btn { padding: 0.7rem 2.5rem; }
  .stellar_bootom_strip { padding: 1rem; }
  .hero_toolbox_col{ display: none;}
  .hero_bundle_card{padding: 0; border: none; box-shadow: none; background: none;} 
}