@charset "UTF-8";

/*!
 * Bootstrap  v5.3.3 (https://getbootstrap.com/)
 * Copyright 2011-2024 The Bootstrap Authors
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE)
 */

body {
  background-color: #F5F5F5;
  color: white;
  font-family: "Montserrat", sans-serif;
}

#top {
  background: white;
  padding: 15px 0;
  box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.1);
  font-family: "Montserrat", sans-serif;
}
#top .mainHeader {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
}
#top #logo img {
  max-width: 120px;
}

.navbarNew .navbar-nav {
  display: flex;
  align-items: center;
  font-family: "Montserrat", sans-serif;
}
.navbarNew .navbar-nav .dropdown {
  margin-right: 15px;
}
.navbarNew .navbar-nav .nav-link {
  color: #333;
  font-weight: 600;
  text-transform: uppercase;
  transition: 0.3s;
}
.navbarNew .navbar-nav .nav-link:hover {
  color: #ffd41d;
}

.headerbtn {
  background: linear-gradient(90deg, #62b5e6, #4a90d9);
  color: white;
  padding: 10px 20px;
  border-radius: 5px;
  font-weight: bold;
  text-transform: uppercase;
  transition: 0.3s;
}
.headerbtn:hover {
  background: linear-gradient(90deg, #ff7844, #ff5733);
}

.iconsHeader {
  display: flex;
  align-items: center;
  gap: 10px;
}
.iconsHeader img {
  width: 30px;
}

@media (max-width: 768px) {
  .navbar-toggler {
    border: none;
    background: transparent;
  }
  .navbar-toggler-icon {
    background-image: url("https://cdn-icons-png.flaticon.com/512/1828/1828859.png");
    width: 25px;
    height: 25px;
  }
}
.button {
  width: 300px;
  height: 50px;
  font-family: "Montserrat", sans-serif;
}

.CountDownArea {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
}

#timer {
  display: flex;
  gap: 15px;
  font-size: 2rem;
  font-weight: bold;
  font-family: "Montserrat", sans-serif;
}

.time-unit {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 65px;
  font-size: 15px;
  font-weight: 300;
  font-family: "Montserrat", sans-serif;
}

.CountDownArea .bonus {
  font-size: 47px;
  font-family: "Montserrat", sans-serif;
  color: #000000 !important;
}

.time-unit span {
  font-size: 20px;
  color: #000;
  text-transform: capitalize;
}

.digits {
  color: #62b5e6;
  padding: 10px;
  border-radius: 5px;
  min-width: 60px;
  text-align: center;
  font-size: 39px;
  font-weight: bold;
}

#expired {
  display: none;
  font-size: 2rem;
  color: red;
  margin-top: 10px;
}

.tapBtn.animated-button {
  background: linear-gradient(90deg, rgb(1, 199, 183) 0%, rgb(55, 212, 255) 100%);
  background-size: 200% 200%;
  animation: gradientMove 3s ease infinite;
  color: white;
  padding: 12px 24px;
  font-size: 18px;
  font-weight: bold;
  text-transform: uppercase;
  border: none;
  border-radius: 8px;
  cursor: pointer;
  display: inline-block;
  transition: all 0.3s ease-in-out;
  line-height: 1.3 !important;
  height: 95px;
}
.tapBtn.animated-button:hover {
  background-position: right center;
  transform: scale(1.05);
  box-shadow: 0px 4px 10px rgba(255, 0, 0, 0.3);
}

@keyframes gradientMove {
  0% {
    background-position: left top;
  }
  50% {
    background-position: right center;
  }
  100% {
    background-position: left bottom;
  }
}
.promotionBannerBtn {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  width: 75%;
  margin: auto;
}

.w90 {
  width: 90%;
}

.promotionBannerSection {
  position: relative;
}

button.tapBtn {
  font-size: 47px !important;
  font-family: "Montserrat", sans-serif;
  letter-spacing: -5px;
}

.bg-box-blue {
  background: url("../images/basicbg.png") no-repeat center center;
  color: #000;
  font-family: "Montserrat", sans-serif;
  background-size: 100% 100%;
  border-radius: 20px;
  height: 103%;
}

.price-wrapper {
  position: relative;
  display: inline-block;
  margin-bottom: 15px;
}

.price {
  font-size: 18px;
  color: #fb0202;
  font-weight: bold;
  font-family: "Montserrat", sans-serif;
  text-decoration: line-through;
}

.billed {
  font-size: 12px;
  color: #919191;
}

.select-package {
  display: inline-block;
  padding: 12px 24px;
  font-size: 16px;
  font-weight: bold;
  text-transform: uppercase;
  border-radius: 6px;
  background-image: url("https://lolomarewards.com.fj/images/homeheading/basicbtn.png");
  background-size: cover;
  transition: all 0.3s ease-in-out;
}
.select-package:hover {
  transform: scale(1.05);
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
}

.accText {
  font-family: "Montserrat", sans-serif;
}
.accText p {
  font-size: 17px;
  color: #000;
  font-weight: 600;
  text-shadow: inherit !important;
  line-height: 1.2;
}

.option ul li {
  list-style: none;
  margin-bottom: 10px;
  line-height: 1.4;
  color: #707070 !important;
  font-weight: 300;
  font-family: "Montserrat", sans-serif;
  font-size: 14px !important;
}

.option ul {
  display: inline-block;
  text-align: center;
  margin-bottom: 0px;
  margin-left: 0;
  padding: 0;
  font-size: 12px;
  line-height: 20px;
  margin-top: 10px;
  padding-left: 2rem !important;
}

.w80 {
  width: 80% !important;
  position: relative;
}

span.before-text {
  font-size: 26px !important;
  font-weight: 700;
  vertical-align: top;
  font-family: "Montserrat", sans-serif;
}

.price-text {
  font-size: 2.8rem;
  color: #313131;
  font-weight: bold;
  font-family: "Montserrat", sans-serif;
}

.list-icon {
  margin-right: 10px;
  position: absolute;
  left: 0px;width:auto !important;
}

.relative {
  position: relative;
}

.newButtonClass {
  display: inline-block;
  width: 100%;
  height: 40px;
  background-size: cover;
  background-position: center;
  text-align: center;
  text-decoration: none;
  line-height: 15px;
  border-radius: 5px;
}

.textSignUp {
  display: inline-block;
  font-size: 18px !important;
  letter-spacing: 1px;
  color: #000;
  font-weight: 400;
  font-family: "Montserrat", sans-serif;
  text-align: center;
  filter: inherit !important;
  text-shadow: inherit !important;
}

.char {
  display: inline-block;
  opacity: 1;
  transition: opacity 0.5s ease, transform 0.5s ease;
}
.firstPrizeSection {
    position: relative;
}
.viewmasterDetail, .owl-carousel, .carousel-custom-x-hide {
    overflow: hidden;
}
.owl-nav {
    position: absolute;
    top: 37%;
    width: 100%;    z-index: 9;
}
	.owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span {
    background: #000;
}
		.owl-theme .owl-dots .owl-dot span {
    width: 12px;
    height: 12px;
    margin: 5px 7px;
    background: transparent;
    display: block;
    -webkit-backface-visibility: visible;
    transition: opacity .2s ease;
    border-radius: 30px;
    border: 2px solid #000;
}
@media only screen and (min-width: 1200px) {
    .customContainer {
        max-width: 900px !important;
    }
}
.owl-dot img {
    width: 72px;
    padding: 0px;
    margin: 1px;
}
.p-2{    font-family: "Montserrat", sans-serif;
    color: #000000 !important;}
	h3.text-uppercase.h3.font-47 {
    font-family: "Montserrat", sans-serif;
    color: #000000 !important;    font-size: 47px;
}
h3.headingeach {
    font-family: "Montserrat", sans-serif;
    color: #000000 !important;
    font-size: 47px;
}
.card-box {
    position: relative;
    display: flex;
    flex-direction: column;
    min-width: 0;
    word-wrap: break-word;
    background-color: #fff;
    background-clip: border-box;
    border-width: 0px;
    border-radius: 13px;color:#000;
}
.bg-grey-light {
    background-color: #eaecee;
}
.custom-list li, .custom-list li a {
    font-size: 16px !important;
}
.text-primary-grey .list-icon {
    margin-right: 10px;
    position: absolute;
    left: -28px;
    top: 10px;
}
ul.mb-5.pb-3.customs-list.custom-list.text-start.list-padding-left {
    list-style: none;
    color: #000;
    padding: 0px;
}
li.text-primary-grey img {
    display: none;
}
.faqSection {
    background: url(https://lolomarewards.com.fj/images/newtheme/faq_bg.png);
    background-repeat: repeat-x;
    background-size: contain;
    background-position: center center;
    min-height: 600px;
}
.customContainer h3 {
    font-family: 'Montserrat' !important;
    font-size: 2.8rem !important;
}
h3.headingeach.mb-4.text-center.pt-5 {
    color: #fff !important;
}

.entireBtn {
    padding: 14px 15px;
    cursor: pointer;
    position: relative;
    z-index: 143;
    border: 1px solid #000000;
    -webkit-border-radius: 3.5px;
    -moz-border-radius: 3.5px;
    border-radius: 3.5px;
    background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIHZpZXdCb3g9IjAgMCAxIDEiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiPgo8bGluZWFyR3JhZGllbnQgaWQ9InJlY3RhbmdsZS0xLWNvcHktMiIgZ3JhZGllbnRVbml0cz0idXNlclNwYWNlT25Vc2UiIHgxPSI1MCUiIHkxPSIxMDAlIiB4Mj0iNTAlIiB5Mj0iMCUiPgo8c3RvcCBvZmZzZXQ9IjIzLjUwMDAwMiUiIHN0b3AtY29sb3I9IiNiZmJmYmYiIHN0b3Atb3BhY2l0eT0iMSIgLz4KPHN0b3Agb2Zmc2V0PSI3Ni41JSIgc3RvcC1jb2xvcj0iI2ZkZmJmYiIgc3RvcC1vcGFjaXR5PSIxIiAvPgo8L2xpbmVhckdyYWRpZW50Pgo8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI3JlY3RhbmdsZS0xLWNvcHktMikiIC8+PC9zdmc+);
    background: -moz-linear-gradient(90deg, #bfbfbf 23.500002%, #fdfbfb 76.5%);
    background: -o-linear-gradient(90deg, #bfbfbf 23.500002%, #fdfbfb 76.5%);
    background: -webkit-linear-gradient(90deg, #bfbfbf 23.500002%, #fdfbfb 76.5%);
    background: -webkit-gradient(linear, left bottom, left top, color-stop(23.500002%, #bfbfbf), color-stop(76.5%, #fdfbfb));
    background: -webkit-linear-gradient(bottom, #bfbfbf 23.500002%, #fdfbfb 76.5%);
    background: -moz-linear-gradient(bottom, #bfbfbf 23.500002%, #fdfbfb 76.5%);
    background: -o-linear-gradient(bottom, #bfbfbf 23.500002%, #fdfbfb 76.5%);
    background: linear-gradient(0deg, #bfbfbf 23.500002%, #fdfbfb 76.5%);
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    font-size: 1rem;
    font-weight: bold;
    letter-spacing: -0.02em;
    text-align: center;
}
.mainCard {
    border: 1px solid #000 !important;
    margin: 0 !important;
    background: #f8f8f8 !important;
    border-top: none !important;
}
.mainCard {
    border-top: 1px solid #000 !important;
}
.slide.active {
    max-height: 500px;
    display: block;
}
.entireBtn {
    font-family: "Montserrat" !important;
    font-size: 18px !important;
    padding: 14px !important;
    background: transparent !important;
    margin-bottom: 14px;
}
footer {
    background: #f8f8fb;
    font-family: "Montserrat", sans-serif;
    font-size: 16px;
    line-height: 20px;
    font-weight: 400;
}
footer .custom-list {
    list-style: none;
    padding-left: 0;
}
footer .custom-list li {
    margin-bottom: 20px;
    color: #000 !important;
    font-family: "Montserrat" !important;
}
footer .custom-list li, footer .custom-list li a {
    font-size: 20px;
    line-height: 31px;
    color: #000;
    font-weight: 400;
    font-family: "Montserrat";
    list-style: none;
	text-decoration:none;
}
.socialIcons ul li {
    margin-right: 15px;
}
.socialIcons ul li img {
    width: 50px;
    height: 50px;
}
.social {
    display: flex;
    list-style: none;
    padding: 0;
}
.socialIcons ul {
    align-items: center;    margin-top: 18px;
}
.copyrightText {
    font-family: 'Montserrat';
    color: #fff;
    font-size: 20px;
    line-height: 1;
}
.top.entry_top {
    background: linear-gradient(85.19deg, #B67B50 -6.79%, #FFDDC7 3.2%, #D79E74 50.16%, #FEEDE2 69.13%, #E4B494 95.46%, #B67B50 111.62%), linear-gradient(0deg, rgba(255, 255, 255, 0.2), rgba(255, 255, 255, 0.2));
    border-radius: 8px;
    padding: 23px;
    position: relative;
}
.top::before {
    content: "";
    position: absolute;
    width: 81px;
    height: 58px;
    background: url(https://lmctplus.com/wp-content/uploads/2024/08/bronzeVector.png);
    top: -6px;
    right: 40px;
    z-index: 1;
    transition: .3s ease-in;
}
.top img {
    position: absolute;
    right: 20px;
    top: -26px;
}
.top p {
    font-size: 32px;
    font-weight: 700 !important;
    line-height: 46px;
    text-align: left;
    margin: 0;
    border-radius: 8px;
    color: #313131;
}
  /* Fullscreen video styling */
     

        video {
            width: 100%;
            height: 100%;
            object-fit: cover; /* Ensures full coverage */
        }

        /* Overlay text content */
        .content {
            position: relative;
            z-index: 1;
            color: white;
            text-align: center;
            height: 100vh;
            display: flex;
            align-items: center;
            justify-content: center;
            background: rgba(0, 0, 0, 0.5); /* Optional dark overlay */
        }
		.section-heading h1 {
    font-size: 6rem;color:#000;text-align:center;
}
.text-primary{color:#4a90d9 !important;}
.text-yellow{color:#ffd41d !important;}
video {
    max-width: 100%;
    height: auto;
    display: block;
    margin: 0 auto;
}
.mainbg {
    position: relative;
    top: -70px;
    padding: 40px;
    border-radius: 40px;
}
.lolomaHeading{font-size:76px;font-family:'Montserrat';}
.form-control{    -webkit-box-shadow: 0 0 0 3px rgba(0, 0, 0, 0.05) !important;
    -moz-box-shadow: 0 0 0 3px rgba(0, 0, 0, 0.05) !important;
    box-shadow: 0 0 0 3px rgba(0, 0, 0, 0.05) !important;
    border: 1px solid rgba(0, 0, 0, 0.2);
    font-size: 14px;
    line-height: 24px;
    padding: 12px 18px;}
	select.form-select {
    -webkit-box-shadow: 0 0 0 3px rgba(0, 0, 0, 0.05) !important;
    -moz-box-shadow: 0 0 0 3px rgba(0, 0, 0, 0.05) !important;
    box-shadow: 0 0 0 3px rgba(0, 0, 0, 0.05) !important;
    border: 1px solid rgba(0, 0, 0, 0.2);
    font-size: 14px;
    line-height: 24px;
    padding: 12px 18px;
}
.bluebgcolor{  background: #4a90d9;
    width: 100%;
    height: 80vh;
    display: flex;
    align-items: center;
    justify-content: center;}
	.offers{font-size: 4rem;
    width: 40%;
    margin: 10px auto;}
.types.ul {
    list-style: none;
    padding: 0;
}

.types ul li {
    font-size: 14px;
    margin: 10px 0;
    display: flex;
    align-items: center;
	font-family:'Montserrat'
}

.types ul li i {
    margin-right: 10px;
    color: #007bff;width:20px;
}
 .slider-container { 
            position: relative; 
            width: 80%; 
            max-width: 600px; 
            margin: auto; 
            overflow: hidden; 
            border-radius: 10px;
        }
        .slider { 
            display: flex; 
            transition: transform 0.5s ease-in-out; 
        }
        .slide { 
            min-width: 100%; 
        }
        img { width: 100%; display: block; }
        .prev, .next { 
            position: absolute; 
            top: 50%; 
            transform: translateY(-50%); 
            background: rgba(0, 0, 0, 0.5); 
            color: white; 
            border: none; 
            padding: 10px; 
            cursor: pointer; 
        }
        .prev { left: 10px; }
        .next { right: 10px; }
@media (min-width: 768px) {
    .p-md-5 {
        padding: 3rem !important;
    }
}



@media (min-width: 992px) {
    .modal-lg, .modal-xl {
        max-width: 550px;
    }
}

@media (max-width: 767px) {
    .hero-header{min-height:auto !important;}
.marginres{margin:0px auto;}
.section-heading h1{font-size:1rem !important;}
}
	.checkoutHeader {
  background:#000 ;
    background-size: 100% 100%;background-repeat:no-repeat;
}

.modal-content .headingForm{font-size: 16px;
color: #000000;
font-weight: 600;
font-family: "Oswald", sans-serif !important;margin-bottom:0px;}

.form-control {
    padding: 0.575rem .75rem !important;
    border-color: #000;
    background-color: #fdfdfd;
    font-size: 16px;
    color: #6b6b6b;
    font-weight: 300;
    font-family: "Oswald", sans-serif ;height:43px !important;
}
.checkoutlogo{width: 20%;
    margin: 0px auto;}
	.blackbtn{    border-radius: 9px;
    background-color: #000000 !important;
    border: 0px solid #000000;
    background-image: inherit !important;}
	.naming {
    font-family: "Oswald", sans-serif !important;
}
.sectoionText p {    font-family: "Oswald", sans-serif !important;}
.modal-content .disclaimer p {
    color: #6b6b6b;
    font-family: "Oswald", sans-serif !important;
    font-size: 14px;
    line-height: 1.3;
    text-align: center;
}
.w-74{width:74%;}
.tapBtn.animated-button {
    background: linear-gradient(90deg, rgb(199, 1, 1) 0%, rgb(55 212 255) 100%);
    background-size: 200% 200%;
    animation: gradientMove 3sease infinite;
    color: white;
    padding: 12px 24px;
    font-size: 18px;
    font-weight: bold;
    text-transform: uppercase;
    border: none;
    border-radius: 8px;
    cursor: pointer;
    display: inline-block;
    transition: all 0.3sease-in-out;
    line-height: 1.3 !important;
   
}
form.checkoutPopup{    background-color: #FFF;
    border: 2px solid #4e4743;
    padding-bottom: 10px;
    border-radius: 3px;
    padding: 10px 20px;}
	.modal-content span.text-style {
    font-size: 16px;
    color: #000000;
    font-weight: 400;
    font-family: "Oswald" !important;
}
.modal-content a.text-style-2 {
    color: #ec0202;
    font-style: italic;
    text-decoration: underline;
    font-size: 16px;
    font-weight: 400;
    font-family:"Oswald", sans-serif !important;
}
.modal-content label.orderText{
	color: #6b6b6b;
    font-size: 16px;
    font-weight: 400;
    font-family:"Oswald", sans-serif !important;
	
}
.form-label {
    margin-bottom: .5rem;
    font-size: 16px;
    font-family: "Oswald", sans-serif !important;
}
							.ipayBtn{width: 50px;position: relative;
    top: -7px;}
	.section-heading h1{font-size:4rem !important;color:#62b5e6 !important;}
		   
	    #timer {
        display: flex;
        justify-content: center;
        gap: 0px;
    }

    .time-unit {
        display: flex;
        flex-direction: column;
        align-items: center;
    }

    .box {
    background-color: #000;
    color: #fff;
    font-size: 2rem;
    font-weight: bold;
    padding: 0px 20px;
    border-radius: 8px;
     margin: 6px;
    width: 96px;
    text-align: center;
    padding-bottom: 7px;   font-family: "Oswald", sans-serif !important;
    }
	.discountBanner {
 
    background-size: cover;
    background-position: center;
    padding: 20px 0;
    border-radius: 13px;
}
.time-unit span {
    font-size: 20px;margin-top:-15px;
    color: #fff;
    text-transform: capitalize;
    font-family: "Oswald", sans-serif !important;
}
 

    #expired {
        font-size: 1.5rem;
        color: red;
        font-weight: bold;
        margin-top: 20px;
        display: none;
    }
.bigNumber{    font-size: 2rem;line-height:2;} 


  .price{text-decoration:inherit !important;display:flex;align-items:baseline;gap:.2rem;font-family:system-ui,Segoe UI,Roboto,Arial}
  .price .cur{font-weight:800;font-size:3.2rem;line-height:1;color:#000}
  .price .now{font-weight:800;font-size:3rem;line-height:1;color:#e40000;}
  .price .old{font-size:1.3rem;line-height:1;color:#333;text-decoration:line-through}
  

   .offer-wrap{
    background: linear-gradient(135deg,#5fb0dd,#2e90cb);
    box-shadow: 0 18px 40px rgba(0,0,0,.25);
  }
  .headline{letter-spacing:.02em;text-shadow:0 3px 10px rgba(0,0,0,.25)}
  .time-box{
    background:#fff;border-radius:24px;padding:26px 28px;min-width:170px;
    display:flex;align-items:center;justify-content:center;
  }
  .num{font-weight:600;font-size:110px;line-height:1;color:#000}
  .time-label{color:#fff;font-weight:600;font-size:34px;margin-top:10px}
  .colon{width:28px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;position:relative;top:60px;}
  .colon span{width:12px;height:12px;border-radius:50%;background:#fff;display:block;box-shadow:0 2px 6px rgba(0,0,0,.2)}
  @media (max-width:992px){
    .time-box{min-width:160px}
    .num{font-size:72px}
    .time-label{font-size:22px}
  }
    :root{
      --brand:#4db0e3; /* Loloma blue */
      --brand-dark:#2a8fbd;
      --ink:#0b0d11; 
      --muted:#6b7b8f;
      --card:#ffffff;
      --soft:0 12px 28px rgba(13,16,23,.14);
      --radius:1.25rem;
    }
    body{  font-family: "Montserrat", sans-serif;
 color:var(--ink);}
    .btn-brand{background:var(--brand);border:none;color:#fff;font-weight:700}
    .btn-brand:hover{background:var(--brand-dark);color:#fff}
    .badge-pill{border-radius:999px}
    .shadow-soft{box-shadow:var(--soft)}
    .promo{background:linear-gradient(180deg,#7ec3f0,#5bb3ea);color:#fff;border-radius:var(--radius)}
    .promo .timer{background:#2d6a92;color:#fff;border-radius:1rem}
    .eyebrow{letter-spacing:.12em;text-transform:uppercase;color:#2d6a92;font-weight:800}
    .headline{font-weight:900;line-height:1.05}
    .price-card{max-width:380px;border-radius:1.25rem}
    .logos img{height:30px;object-fit:contain}
    .coming{font-size:.75rem;color:#6c757d;border:1px dashed #cfd6de;border-radius:10px;padding:.15rem .4rem;margin-left:.4rem}

    .accum-wrap{position:relative}
    .accum-wrap .arrow{position:absolute;inset:auto 0 100% 0;height:10px;background:linear-gradient(90deg,rgba(77,176,227,.0),rgba(77,176,227,.6));border-radius:99px}
    .month-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:.75rem}
    .month{background:linear-gradient(180deg,#8cc7ec,#58b2ea); color:#fff; text-align:center; border-radius:1rem; padding:.85rem .25rem}
    .month strong{display:block;font-size:1.75rem;line-height:1}
    .month small{opacity:.9}

    .carousel-item{height:360px}
    .carousel-item img{object-fit:cover;width:100%;height:100%;border-radius:1rem}

    .info-card{border-radius:1rem;box-shadow:var(--soft);background:#fff}
    .faq .accordion-button{font-weight:700}

    .cta{background:linear-gradient(135deg,#7ec3f0,#5bb3ea);color:#fff;border-radius:var(--radius)}
.left-bg {
    background: linear-gradient(135deg,#5fb0dd,#2e90cb);
  }
  .text-shadow {
    text-shadow: 0 4px 18px rgba(0,0,0,.35);
  }
  .text-highlight {
    color: #ffda4e;
  }
  .signup-btn {
    letter-spacing: .02em;
  }
  .hero img {
    object-fit: cover;
  }
  
  @media (max-width:767.98px) {
    .display-4 { font-size: 2.5rem; }
    .h3 { font-size: 1.75rem; }
    .signup-btn {
      font-size: 1rem;
      padding: .75rem 1.25rem;
    }
  }
   .membership-card {
      max-width: 560px;
      margin: 40px auto;
      background: #fff;
      border-radius: 22px;
      box-shadow: 0 8px 20px rgba(0,0,0,0.15);
      padding: 60px 30px 40px;
      position: relative;
    }
    .membership-card .top-band {
      position: absolute;
      top: -28px;
      left: 0;
      right: 0;
      margin: auto;
      max-width: 420px;
      background: linear-gradient(135deg,#5fb0dd,#2e90cb);
      color: #fff;
      font-weight: 700;
      text-align: center;
      padding: 12px 20px;
      border-radius: 12px;
      box-shadow: 0 6px 14px rgba(0,0,0,0.25);
    }
    .membership-card h3 {
      font-weight: 700;
      margin-bottom: 20px;
    }
    .membership-card .price {
      color: #e3332e;
      font-size: 3.5rem;
      font-weight: 800;
      line-height: 1;
    }
    .membership-card .old-price {
      font-size: 1.8rem;
      text-decoration: line-through;
      color: #777;
    }
    .membership-card p.subtext {
      font-size: 0.95rem;
      color: #777;
      font-weight: 600;
      margin: 15px 0 30px;
    }
    .membership-card .signup-btn {
      background: linear-gradient(135deg,#5fb0dd,#2e90cb);
      border: none;
      color: #fff;
      font-weight: 700;
      padding: 15px;
      border-radius: 12px;
      width: 100%;
      box-shadow: 0 6px 14px rgba(0,0,0,0.2);
      margin-bottom: 25px;
    }
    .membership-card ul {
      list-style: none;
      padding: 0;
      margin: 0;
    }
    .membership-card ul li {
      font-weight: 600;
      margin-bottom: 10px;
      display: flex;
      align-items: flex-start;
    }
    .membership-card ul li span {
      color: #2e90cb;
      margin-right: 8px;
      font-weight: 700;
    }
     .wrap{max-width:980px;margin:36px auto;border-radius:26px;overflow:hidden;box-shadow:var(--shadow)}
  .bar{    background: #5daedd;padding:18px 24px;text-align:center}
  .bar h2{margin:0;color:#fff;font-weight:900;letter-spacing:.04em;font-size:54px;text-shadow:0 5px 14px rgba(0,0,0,.35)}
  .panel{background:#f8f8fb;padding:30px 30px 26px}
  .stage{position:relative;width:100%;aspect-ratio:16/10;background:#ddd;border-radius:0px;overflow:hidden;box-shadow:inset 0 10px 26px rgba(0,0,0,.18)}
  .stage img{width:100%;height:100%;object-fit:contain;display:block}
  .nav{position:absolute;top:0;bottom:0;width:56px;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:900;font-size:28px;user-select:none;cursor:pointer;text-shadow:0 2px 8px rgba(0,0,0,.6)}
  .nav.left{left:0;padding-left:10px} .nav.right{right:0;padding-right:10px} .nav:active{transform:scale(.96)}
  .thumbs{display:flex;gap:40px;padding:22px 6px 4px;overflow-x:auto}
  .thumb{flex:0 0 150px;height:95px;border-radius:8px;overflow:hidden;background:#e9edf2;border:4px solid transparent;cursor:pointer;box-shadow:0 8px 18px rgba(0,0,0,.12)}
  .thumb img{width:100%;height:100%;object-fit:contain;display:block}
  .thumb.active{border-color:#2e90cb}
  @media (max-width:768px){.bar h2{font-size:38px}.thumb{flex-basis:120px;height:78px}}
    .prize-card{background:#fff}
  .cap{
    background:linear-gradient(135deg,#5fb0dd,#2e90cb);
    color:#fff; text-align:center; font-weight:900; letter-spacing:.06em;
    padding:16px 18px; font-size:1.4rem;
  }
   .prize-wrap{
    width:min(520px,92%);
    background:#fff;border-radius:22px;position:relative;
    box-shadow:0 18px 38px rgba(0,0,0,.18);
    padding:62px 28px 30px;
  }
  .prize-wrap .cap{
    position:absolute;top:-30px;left:22px;right:22px;
    background:linear-gradient(135deg,var(--b1),var(--b2));
    color:#fff;text-align:center;font-weight:900;letter-spacing:.08em;
    padding:16px 18px;border-radius:18px 18px 12px 12px;
    box-shadow:0 10px 18px rgba(0,0,0,.25);
    font-size:1.35rem;
  }
  .prize-wrap .card-body{background:#fff;border-radius:18px;padding:28px 18px}
  .small-head{font-weight:900;letter-spacing:.06em;color:var(--ink);opacity:.9;font-size:1.35rem;margin-bottom:4px}
  .big-head{font-weight:900;letter-spacing:.02em;color:#5fb0dd;font-size:3.1rem;line-height:1}
  .big-head span{color:#5fb0dd}
  @media (max-width:768px){
    .prize-wrap{padding:58px 20px 26px}
    .big-head{font-size:2.4rem}
    .prize-wrap .cap{font-size:1.1rem}
  }
        .faq-container {
            display: flex;
            gap: 40px;
        }

        .faq-title {
            font-size: 36px;
            font-weight: bold;
            line-height: 1.2;
        }

        .faq-title span {
            color: #56B4E9;
        }

        .faq-section {
            flex-grow: 1;
        }

        .question {
            font-weight: bold;
            margin: 20px 0 10px;
            cursor: pointer;
        }

        .answer {
            margin-bottom: 20px;
            border-top: 1px solid #999;
            padding-top: 10px;
         /*   display: none; /* hidden by default */
        }

        .active + .answer {
            display: block;
        }
            .info-wrapper {
      background: #f8f8fb;
      border-radius: 20px;
      max-width: 950px;
      padding: 50px 40px 60px;
      box-shadow: 0 10px 30px rgba(0,0,0,0.08);
      text-align: center;
      position: relative;
    }

    .info-wrapper img {
      width: 180px;
      position: absolute;
      top: -60px;
      left: 50%;
      transform: translateX(-50%);
    }

    .info-wrapper p {
      font-size: 16px;
      line-height: 1.7;
      color: #333;
      margin: 18px 0;
   
      font-family:'Montserrat',sans-serif !important;
    }

    .cta-btn {
      display: inline-block;
      background: linear-gradient(135deg, #2b90ff, #6bcbff);
      color: #fff;
      font-size: 17px;
      font-weight: 600;
      padding: 14px 34px;
      border-radius: 12px;
      text-decoration: none;
      margin-top: 28px;
      box-shadow: 0 6px 0 #1a5fa8;
      transition: all .2s ease-in-out;
    }
    .cta-btn:hover {
      transform: translateY(-2px);
      box-shadow: 0 8px 0 #1a5fa8;
      opacity: .95;
    }
     #packagesp { font-family: 'Montserrat', sans-serif; }
  .package-card {
    max-width: 420px;
    margin: auto;
    background: #fff;
    border-radius: 20px;
    box-shadow: 0 10px 25px rgba(0,0,0,0.15);
    position: relative;
  }
  .package-card .top-band {
    position: absolute;
    top: -25px;
    left: 0;
    right: 0;
    margin: auto;
    width: 80%;
    background: linear-gradient(135deg,#5fb0dd,#2e90cb);
    color: #fff;
    font-weight: 700;
    text-align: center;
    padding: 12px;
    border-radius: 12px;
    box-shadow: 0 6px 14px rgba(0,0,0,.25);
  }
  .price-now {
    color: #e3332e;
    font-size: 3rem;
    font-weight: 900;
  }
  .price-old {
    font-size: 1.3rem;
    text-decoration: line-through;
    color: #777;
    font-weight: 700;
  }
  .billed {
    font-size: 0.95rem;
    color: #777;
    font-weight: 600;
  }
  .btn-signup {
    display: inline-block;
    padding: 14px 26px;
    background: linear-gradient(135deg,#5fb0dd,#2e90cb);
    color: #fff;
    font-weight: 700;
    border-radius: 10px;
    text-decoration: none;
    box-shadow: 0 6px 14px rgba(0,0,0,.2);
  }
  .btn-signup:hover { opacity: 0.9; }
  .benefits {
    list-style: none;
    padding: 0;
    margin: 0;
    font-weight: 600;
  }
  .benefits li {
    margin-bottom: 10px;
    display: flex;
    align-items: flex-start;
    font-size: 0.95rem;
  }
  .benefits li span {
    color: #2e90cb;
    margin-right: 8px;
    font-weight: 900;
  }
    .heading-detail{width: 30%;
    text-align: center;
    margin: 50px auto;}
  /* ===== MOBILE ONLY (≤576px) ===== */
@media (max-width: 576px){
      .heading-detail{width: 60%;margin-bottom:10px;
  }
footer img {
    width: 40%;
    margin: 0px auto;
}
  .offer-wrap{
    padding: 22px 16px !important;
    border-radius: 18px;
  }

  .offer-wrap .headline{
    font-size: 22px !important;
    line-height: 1.15;
    margin-bottom: 14px;
  }
  .offer-wrap h3{
    font-size: 14px !important;
    margin-bottom: 8px;
  }

  /* timer: 2×2 grid, centered */
  .offer-wrap .timer{
display: flex;            /* important */
  flex-wrap: nowrap;        /* ek hi line */
  justify-content: space-between; 
    gap: 12px !important;
    align-items: start;
    justify-items: center;
  }

  /* hide desktop colons on mobile */
  .offer-wrap .timer .colon{ display:none !important; }

  /* box + number + label */
  .offer-wrap .timer .time-box{
    flex:1; /* equal width */
    max-width: 90px;
    border-radius: 18px;
    background:#fff;
  }
  .offer-wrap .timer .num{
    font-size: 44px;    /* big and readable */
    font-weight: 800;
    line-height: 92px;  /* vertical center if you use plain div */
    text-align:center;
  }
  .offer-wrap .timer .time-label{
    margin-top: 6px;
    font-size: 14px;
    font-weight: 700;
    color:#fff;
  }
}

/* Tiny phones (≤360px) — tighten a bit more */
@media (max-width: 360px){
  .offer-wrap .timer .time-box{ width: 108px; height: 86px; }
  .offer-wrap .timer .num{ font-size: 38px; line-height: 86px; }
  .offer-wrap .headline{ font-size: 20px !important; }
}
/* ≤991px (tablet & down): stack, image first */
@media (max-width:991.98px){
  .hero>.col-lg-6:first-child{order:2}
  .hero>.col-lg-6:last-child{order:1}
  .left-bg{padding:28px 20px!important}
  .hero img.object-cover{height:340px}
  .signup-btn{width:100%;padding-block:14px}
}

/* ≤576px (mobile): compact type, single-flow headline */
@media (max-width:576px){
  .hero{border-radius:18px!important}
  .hero img.object-cover{height:240px;border-radius:18px 18px 0 0!important}
  .left-bg{padding:22px 16px!important;border-radius:0 0 18px 18px!important}
  .hero h1{font-size:28px;line-height:1.12;margin-bottom:10px}
  .hero h1 br{display:none}
  .hero .h3{font-size:16px;margin-bottom:16px}
  .signup-btn{font-size:16px}
}

/* ≥1200px: breathe a bit more */
@media (min-width:1200px){
  .left-bg{padding:72px 56px!important}
}

@media (max-width: 448px){
 .time-box{min-width:100px !important;}

}


@media (max-width:991.98px){
  .offer-wrap .timer{
    flex-wrap:nowrap;
    justify-content:space-between;
    gap:12px;
  }
  .offer-wrap .time-box{
    width:100px;
    height:100px;
  }
  .offer-wrap .num{font-size:44px;}
}

/* Mobile (≤576px) */
@media (max-width:576px){
    .offer-wrap .timer .time-label{
   
    font-size: 11px !important;

  }
  .offer-wrap .timer{
    flex-wrap:nowrap !important;
    justify-content:space-between !important;
    gap:8px;
  }
  .offer-wrap .colon{display:none;} /* hide colons */
  .offer-wrap .time-box{
           flex: 1;
        width: 30px !important;
  }
      .time-box {
        min-width: 44px !important;
    }
    .time-box{padding:0 10px !important;}
  .offer-wrap .num{
    font-size:24px !important;
    line-height:2 !important;
  }
  .offer-wrap .time-label{
    font-size:13px;
  }
}

/* Tiny phones (≤360px) */
@media (max-width:360px){
  .offer-wrap .time-box{height:70px;}
  .offer-wrap .num{font-size:26px;}
}


  :root{ --info1:#4bb1e0; --info2:#3498db; --radius:28px; }
  .info-card{background:linear-gradient(135deg,var(--info1),var(--info2));color:#fff;border-radius:var(--radius);
    padding:28px 24px;box-shadow:0 8px 24px rgba(0,0,0,.08);display:flex;flex-direction:column;justify-content:center;min-height:180px}
  .info-icon{width:100px;height:100px;margin:0 auto 14px;object-fit:contain}
  .info-title{font-weight:700;font-size:1.5rem;letter-spacing:.4px;margin-bottom:6px}
  .info-value{font-weight:800;font-size:2.5rem;line-height:1.1;margin-bottom:4px}
  .info-sub{font-size:1.5rem;opacity:.92}

  /* <=576 (mobile, 2-column) */
@media (max-width:576px){
  .info-card{ padding:16px 14px; min-height:140px; border-radius:20px }
  .info-icon{ width:56px; height:56px }
  .info-title{ font-size:1rem }
  .info-value{ font-size:1.6rem }
  .info-sub{ font-size:.95rem }
}

/* <=390 (very small) */
@media (max-width:390px){
  .info-card{ padding:14px 12px; min-height:125px }
  .info-icon{ width:48px; height:48px }
  .info-title{ font-size:.95rem }
  .info-value{ font-size:1.4rem }
  .info-sub{ font-size:.9rem }
}


/* sales page css */
  /* Base (no :root here) */
.prize-col{display:flex}
.prize{display:flex;flex-direction:column;align-items:center;width:100%}
.prize-top-img{height:240px;object-fit:contain;margin-bottom:56px}
.row.gx-prize{--bs-gutter-x:56px;--bs-gutter-y:40px}

/* Curved fused block */
.badge-block{width:100%;max-width:640px;filter:drop-shadow(0 8px 24px rgba(0,0,0,.08))}
.badge-head{
  background:var(--blue2);color:#fff;text-align:center;
  padding:18px 20px;border-radius:var(--radius);
  font-weight:900;letter-spacing:.04em;font-size:clamp(22px,2.6vw,44px);
  position:relative;z-index:2;    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
    padding-bottom: 32px;

}
.badge-body{
    background: var(--bg);
    text-align: center;
    padding: 48px 18px 34px;
    border-radius: var(--radius);
    margin-top: -24px;
    position: relative;
    z-index: 2;
}
.line-1{color:#4b4b4b;font-weight:800;letter-spacing:.02em;font-size:clamp(18px,1.6vw,30px)}
.money{display:block;font-weight:600;line-height:1;margin-top:10px;font-size:clamp(56px,6.5vw,120px);color:var(--blue1)}

/* Responsive only */
@media (max-width:575.98px){
  .row.gx-prize{--bs-gutter-x:16px;--bs-gutter-y:28px}
  .prize-top-img{height:120px;margin-bottom:24px}
  .badge-head{padding:14px 16px;font-size:22px;border-radius:22px}
  .badge-body{margin-top:-18px;padding:36px 16px 26px;border-radius:22px}
  .line-1{font-size:16px}
  .money{font-size:48px}
}
@media (min-width:576px) and (max-width:767.98px){
  .row.gx-prize{--bs-gutter-x:20px;--bs-gutter-y:32px}
  .prize-top-img{height:140px;margin-bottom:28px}
  .badge-head{font-size:26px}
  .badge-body{margin-top:-20px;padding-top:40px}
  .line-1{font-size:18px}
  .money{font-size:56px}
}
@media (min-width:768px) and (max-width:991.98px){
  .row.gx-prize{--bs-gutter-x:28px;--bs-gutter-y:36px}
  .prize-top_img{height:160px;margin-bottom:32px}
  .badge-head{font-size:32px}
  .badge-body{margin-top:-22px;padding-top:44px}
  .line-1{font-size:20px}
  .money{font-size:68px}
}
@media (min-width:992px) and (max-width:1199.98px){
  .row.gx-prize{--bs-gutter-x:40px;--bs-gutter-y:40px}
  .prize-top-img{height:180px;margin-bottom:40px}
  .badge-head{font-size:38px}
  .badge-body{margin-top:-24px;padding-top:48px}
  .line-1{font-size:24px}
  .money{font-size:88px}
}
@media (min-width:1200px){
  .row.gx-prize{--bs-gutter-x:56px;--bs-gutter-y:40px}
  .prize-top-img{height:240px;margin-bottom:56px;width:60%;}
  .badge-head{font-size:44px}
  .badge-body{margin-top:-24px;padding-top:48px}
  .line-1{font-size:28px}
  .money{font-size:110px}
}

/* PACKAGES look (no HTML change) */
/* Badges without markup change */
/* Promo badge on FIRST package card */
#packages .row > .col:nth-child(1) .pkg{position:relative}
#packages .row > .col:nth-child(1) .pkg::before{
  content:"50% OFF";
  position:absolute; top:-26px; left:-23px;
  width:66px; height:66px; border-radius:50%;
  background:#e9414b; color:#fff;
  display:grid; place-items:center;
  font:900 14px/1.05 "Montserrat",sans-serif;
  box-shadow:0 10px 22px rgba(0,0,0,.25); z-index:2;
}
@media (max-width:576px){
  #packages .row > .col:nth-child(1) .pkg::before{top:-20px; left:-16px; width:56px; height:56px; font-size:12px}
}
/* MOST POPULAR — on BRONZE (card 2) */
#packages .row>.col:nth-child(2) .pkg::after{
content: "MOST POPULAR";
    position: absolute;
    top: -10px;
    left: -8px;
    transform: rotate(-12deg);
    background: #1ea7ff;
    color: #fff;
    font: 900 12px / 1 "Montserrat", sans-serif;
    padding: 6px 12px;
    border-radius: 8px;
    box-shadow: 0 8px 20px rgba(0, 0, 0, .25);
    z-index: 2;
}

/* mobile tweak */
@media (max-width:576px){
  .entries{font-size:12px;}
  #packages .row>.col:nth-child(1) .pkg::before{left:16px; top:-20px; width:72px; height:72px; font-size:18px}
  #packages .row>.col:nth-child(2) .pkg::after{left:90px; top:-8px; font-size:13px}
}

/* Button matches each card background */
#packages .btn-accent{
  background: linear-gradient(
    180deg,
    color-mix(in oklab, var(--pkg-bg), white 18%),
    color-mix(in oklab, var(--pkg-bg), black 10%)
  ) !important;
  color: var(--pkg-text) !important;
  border: 0; border-radius:18px; font-weight:500;

}
#packages .btn-accent:hover{
  filter:none;
  background: linear-gradient(
    180deg,
    color-mix(in oklab, var(--pkg-bg), white 12%),
    color-mix(in oklab, var(--pkg-bg), black 16%)
  ) !important;
}
#packages .pkg, #packages .pkg * { font-family: "Montserrat", sans-serif; }
#packages .pkg{
  background: var(--pkg-bg, #ececec) !important;
  color: var(--pkg-text,#fff);
  border-radius: 34px;
  box-shadow: inset 0 -6px 0 rgba(0,0,0,.08), 0 14px 28px rgba(0,0,0,.18);
}
#packages .pkg-head .pkg-title{ font-weight: 800; color: var(--pkg-head,#fff); }

#packages .price-now{ font-weight: 800; line-height:1; }
#packages .btn-accent{
  background: linear-gradient(180deg,#ffffff,#ececec);
  color: var(--btn-text,#000);
  border:0; border-radius:18px; font-weight:500; 
}

/* Per-card colors by order (Starter, Bronze, Silver, Gold, Platinum) */
#packages .row > .col:nth-child(1) .pkg{ --pkg-bg:#40cbf6; --pkg-text:#fff; --pkg-head:#fff; --btn-text:#000; }
#packages .row > .col:nth-child(2) .pkg{ --pkg-bg:#d16d00; --pkg-text:#fff; --pkg-head:#fff; --btn-text:#000; }
#packages .row > .col:nth-child(3) .pkg{ --pkg-bg:#737980; --pkg-text:#fff; --pkg-head:#fff; --btn-text:#000; }
#packages .row > .col:nth-child(4) .pkg{ --pkg-bg:#e8b000; --pkg-text:#fff; --pkg-head:#fff; --btn-text:#000; }
#packages .row > .col:nth-child(5) .pkg{ --pkg-bg:#002442; --pkg-text:#fff; --pkg-head:#fff; --btn-text:#000; }







  .prize{ font-family:Montserrat,system-ui,Arial,sans-serif; position:relative; border-radius:var(--radius); }
  .prize-top{
    display:block; width:220px; max-width:70%; height:auto; object-fit:contain;
    margin:-10px auto 8px; /* floats above card area */
  }
  .prize-head{
    background:linear-gradient(135deg,var(--blue1),var(--blue2));
    color:#fff; text-align:center; padding:16px 22px;
    border-radius:var(--radius) var(--radius) 0 0;
  }
  .prize-head h3{ margin:0; font-weight:800; letter-spacing:.6px; }

  .prize-body{
    position:relative; background:#fff; text-align:center;
    padding:26px 22px 28px; border-radius:0 0 var(--radius) var(--radius);
    box-shadow:0 10px 28px rgba(0,0,0,.08);
  }
  /* white quarter-circle cutout like reference */
  .prize-body::before{
    content:""; position:absolute; left:0; width:80px; height:80px;
    background:#fff; border-bottom-right-radius:80px;
  }

  .prize-label{ font-weight:700; font-size:1.15rem; color:#444; margin-bottom:12px; }
  .prize-amount{ font-weight:800; font-size:3rem; color:#58aee1; line-height:1; }

  /* Responsive tweaks */
  @media (max-width:1200px){
    .prize-top{ width:200px }
    .prize-amount{ font-size:2.6rem }
  }
  @media (max-width:992px){
    .prize-top{ width:180px }
    .prize-label{ font-size:1.05rem }
    .prize-amount{ font-size:2.3rem }
  }
  @media (max-width:576px){
    .prize-top{ width:160px; max-width:75%; margin:-6px auto 6px }
    .prize-head{ padding:14px 18px }
    .prize-body{ padding:20px 16px 22px }
    .prize-label{ font-size:.98rem }
    .prize-amount{ font-size:2rem }
  }
  @media (max-width:390px){
    .prize-top{ width:140px }
    .prize-amount{ font-size:1.8rem }
  }
  @media (max-width:390px){ .info-value{font-size:1.7rem}.info-icon{width:48px;height:48px} } 
  /* price row like your reference */
.price-now{color:#ff3b30 !important; letter-spacing:.2px}


/* card looks + tier colors (adjust as needed) */
.pkg{border-radius:1.6rem; box-shadow:0 10px 26px rgba(0,0,0,.18); overflow:hidden}
.pkg .pkg-title{font-weight:800; letter-spacing:.06em}
.pkg hr{height:2px; background:rgba(255,255,255,.9); border:0; width:78%; margin:0 auto}

.tier-starter{background:linear-gradient(180deg,#3cc4ef,#28aee3)}
.tier-bronze{ background:linear-gradient(180deg,#d47207,#b9650d)}
.tier-silver{ background:linear-gradient(180deg,#8f949b,#6f737a)}
.tier-gold{   background:linear-gradient(180deg,#f5c20a,#d6a300)}
.tier-platinum{background:linear-gradient(180deg,#e7e8ea,#b9bcc1); color:#333}

  .ll-price{display:flex;justify-content:center;align-items:baseline;gap:10px;margin:6px 0 14px}
.ll-price .ll-now{color:#ff3b30;font-weight:900;font-size:48px;letter-spacing:.2px}
.ll-price .ll-old{color:#aeb5bf;font-weight:800;font-size:32px;text-decoration:line-through;line-height:1}
@media (max-width:768px){.ll-price .ll-now{font-size:38px}.ll-price .ll-old{font-size:24px}}

.ll-wrap{background:var(--ll-page); font-family:Montserrat,system-ui,sans-serif}
.ll-grid{max-width:1400px;margin:24px auto;display:grid;gap:18px;grid-template-columns:repeat(5,1fr);padding:0 16px}
@media (max-width:1200px){.ll-grid{grid-template-columns:repeat(3,1fr)}}
@media (max-width:780px){.ll-grid{grid-template-columns:repeat(2,1fr)}}
@media (max-width:520px){.ll-grid{grid-template-columns:1fr}}

/* ----- CARD ----- */
.ll-card{
  position:relative; color:#fff; text-align:center;
  border-radius:38px; padding:32px 26px 28px; overflow:hidden;
  box-shadow:0 10px 26px rgba(0,0,0,.18);
}
.ll-card:after{content:""; position:absolute; inset:14px; border-radius:30px;
  box-shadow:inset 0 0 0 2px rgba(255,255,255,.18); pointer-events:none}

/* tiers */
.ll-card--starter{background:linear-gradient(180deg,var(--ll-start1),var(--ll-start2))}
.ll-card--bronze {background:linear-gradient(180deg,var(--ll-bronze1),var(--ll-bronze2))}
.ll-card--silver {background:linear-gradient(180deg,var(--ll-silver1),var(--ll-silver2))}
.ll-card--gold   {background:linear-gradient(180deg,var(--ll-gold1),var(--ll-gold2))}
.ll-card--plat   {background:linear-gradient(180deg,var(--ll-plat1),var(--ll-plat2))}

/* content */
.ll-t{margin:0 0 10px; font-weight:800; letter-spacing:.06em; font-size:34px}
.ll-n{display:block; font-weight:900; font-size:105px; line-height:1; text-shadow:0 2px 8px rgba(0,0,0,.10)}
.ll-l{display:block; margin-top:10px; font-weight:800; font-size:22px; letter-spacing:.1em; text-transform:uppercase}
.ll-sep{width:78%; height:2px; background:rgba(255,255,255,.9); margin:16px auto}
.ll-p{font-weight:900; font-size:52px; line-height:1.1; letter-spacing:-.5px}
.ll-note{margin-top:6px; font-weight:700; opacity:.95}

/* badges (optional) */
.ll-badge{
  position:absolute; top:-14px; left:70px; width:120px; height:120px; border-radius:50%;
  background:#e9414b; color:#fff; display:grid; place-items:center;
  font-weight:900; font-size:26px; line-height:1.05; box-shadow:0 10px 22px rgba(0,0,0,.25)
}
.ll-ribbon{
  position:absolute; top:28px; left:460px; transform:rotate(-12deg);
  background:#1ea7ff; color:#fff; font-weight:900; font-size:22px;
  padding:8px 18px; border-radius:8px; box-shadow:0 8px 20px rgba(0,0,0,.25)
}

/* ----- BUTTON ----- */
.ll-btn{
  margin:18px auto 0; width:78%; min-width:220px;
  border:0; border-radius:22px; padding:14px 18px; cursor:pointer;
  background:linear-gradient(180deg,#ffffff,#e8e8e8);
  color:#0b0b0b; font-weight:900; font-size:26px; letter-spacing:.06em;
  box-shadow:inset 0 0 0 1px rgba(0,0,0,.12), 0 12px 24px rgba(0,0,0,.22);
}
.ll-btn:hover{transform:translateY(-1px)}
.ll-btn:active{transform:translateY(0)}

/* responsive */
@media (max-width:1200px){
  .ll-t{font-size:30px} .ll-n{font-size:92px} .ll-p{font-size:46px} .ll-btn{font-size:22px}
}
@media (max-width:576px){
  .ll-card{border-radius:28px} .ll-n{font-size:78px} .ll-p{font-size:40px} .ll-btn{font-size:20px}
}
:root{
  --blue1:#6ec0e9; --blue2:#4aa6d8; --radius:30px;
  --blue:#0d9dea; --blue-d:#0a84c8; --ink:#081b33; --accent:#ffd008; --bg:#f5f9ff;  
    --ll-page:#cfe7c1;
  --ll-start1:#3cc4ef; --ll-start2:#28aee3;
  --ll-bronze1:#d47207; --ll-bronze2:#b9650d;
  --ll-silver1:#8f949b; --ll-silver2:#6f737a;
  --ll-gold1:#f5c20a;   --ll-gold2:#d6a300;
  --ll-plat1:#e7e8ea;   --ll-plat2:#b9bcc1;
}
*{box-sizing:border-box}
html,body{background:var(--bg);color:var(--ink);font-family:'Montserrat',system-ui,Arial}
h1,h2,h3,h4{font-weight:900;letter-spacing:.2px}
.section-h{color:#0c2b52}
.pill{border-radius:999px}
.btn-accent{background:var(--accent);color:#111;font-weight:900;border:none}
.btn-accent:hover{background:#e6bf00;color:#111}
.shadow-soft{box-shadow:0 18px 40px rgba(13,157,234,.15)}

/* Countdown */
.countdown{display:flex;justify-content:center;align-items:center;gap:22px;padding:18px 14px;flex-wrap:wrap}
.time-box{display:flex;flex-direction:column;align-items:center;min-width:82px;background:transparent !important}
.num{font-size:3rem;font-weight:900;color:var(--blue);line-height:1}
.lbl{font-size:.85rem;color:#5d6674}
@media (max-width:576px){.num{font-size:1.6rem}.time-box{min-width:62px}}

/* Hero */
.hero-wrap{background:linear-gradient(135deg,var(--blue) 0%,var(--blue-d) 45%);padding:0}
.hero{max-width:1800px;margin:0 auto}
.hero img{display:block;width:100%;height:400px;object-fit:cover}

/* Packages */
.pkg{border:1px solid #e8f1ff;border-radius:18px;background:#fff;transition:.2s;overflow:hidden}
.pkg:hover{transform:translateY(-6px);box-shadow:0 18px 40px rgba(0,0,0,.15)}
.pkg-head{padding:18px;color:#fff;background:transparent;}
.pkg-title{margin:0;font-weight:900}
.price{display:flex;align-items:flex-end;gap:8px}
.price-now{font-size:28px;font-weight:900}
.price-old{color:#fff}
.perk{display:flex;gap:8px;margin:.35rem 0;color:#3b4760;font-size:.95rem}
.perk i{color:#16a34a}
.badge-pop{position:absolute;top:12px;right:12px;background:var(--accent);color:#111;font-weight:900;padding:6px 10px;border-radius:999px}

/* Icon Cards */
.ico-card{background:#fff;border:1px solid #eaf2ff;border-radius:16px;padding:22px;height:100%}
.ico{width:44px;height:44px;border-radius:11px;display:grid;place-items:center;background:#eef7ff;color:var(--blue);font-size:22px;margin:0 auto 8px}

/* CTA strip */
.strip{background:linear-gradient(135deg,#0aa8ff,#0d9dea);color:#fff;border-radius:16px}

/* Winners */
.win-card{border-radius:14px;overflow:hidden;background:#fff;border:1px solid #eaf2ff}
.win-card img{width:100%;}

/* Partner block */
.stat-bubble{display:flex;flex-direction:column;align-items:center;justify-content:center;background:#fff;border:1px solid #eaf2ff;border-radius:16px;padding:18px}
.stat-bubble .big{font-size:28px;font-weight:900;color:var(--blue)}
.partner-logo{height:46px;object-fit:contain;filter:grayscale(10%)}

/* FAQ */
.faq .accordion-button{font-weight:700}
.faq .accordion-button:not(.collapsed){background:#eef7ff;color:#0c2b52}
.footer-lite{background:#0b2a47;color:#cfe8ff}
.footer-lite a{color:#fff;text-decoration:none}
.fw-black{font-weight:900}
.pill{border-radius:999px}
.step .dot{width:34px;height:34px;border-radius:50%;display:inline-grid;place-items:center;background:#eaf6ff;color:#0d9dea;font-weight:600;margin-right:.4rem}
.step{color:#6b7280}
.step.active{color:#0c2b52}
.step.active .dot{background:#ffd008;color:#111}
.step .sub{font-weight:600;font-size:.85rem;color:#8aa0b6;margin-left:2.9rem;margin-top:-.25rem}


/* cards */
.pkg{background:#fff;border:1px solid #e5e7eb;border-radius:14px;box-shadow:0 8px 24px rgba(0,0,0,.06);display:flex;flex-direction:column}
.pkg-head{background:transparent;color:#fff;padding:.6rem 1rem}
.pkg .p-3{flex:1}

/* content tightening */
.price{display:flex;gap:.5rem;align-items:baseline}
.perk{display:flex;gap:.5rem;align-items:center;font-size:.95rem}
.perk i{color:#22c55e}

/* mobile tweaks */
@media (max-width:575.98px){
  .pkg-title{font-size:1rem}
  .fw-bold{font-size:.95rem}
  .price-now{font-size:1.45rem;font-weight:800}
  .price-old s{opacity:.6}
  .text-muted{font-size:.9rem}
  .btn.pill{border-radius:999px}
}


/* ---- Mobile tweaks ---- */
@media (max-width:575.98px){
  /* stepper: stack + separators */
  .px-4.pt-3.pb-2 .d-flex{ flex-direction:column; align-items:flex-start !important; gap:.5rem; }
  .px-4.pt-3.pb-2 .vr{ display:none !important; }
  .step{ width:100%; padding:.25rem 0; border-bottom:1px solid #eef2f7; }
  .step:last-child{ border-bottom:0; }
  .step span:nth-child(2){ font-size:.95rem; }
  .step .sub{ font-size:.8rem; }

  /* compact paddings */
  .modal-body{ padding-left:1rem !important; padding-right:1rem !important; }
  .form-control-lg{ padding:.6rem .8rem; }
  .modal-footer{ flex-wrap:wrap; gap:.5rem; }
  .modal-footer .btn{ width:100%; }
}

/*. sales page end */