/*sales_new*/

@import url('https://fonts.googleapis.com/css2?family=Handlee&family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');

/* 
  font-family: "Handlee", cursive;

*/

* {
    padding: 0;
    margin: 0;
    box-sizing: border-box;
    font-family: "Poppins", sans-serif;
}
a, a:hover{
    text-decoration: none!important;
}
body,
html {
    font-size: 62.5%;
    overflow-x: hidden;
    background-color: #000;
}

.desktop-max-width {
    max-width: 130rem;
    margin: 0 auto;
    position: relative;
    z-index: 1;
}

:root {
    --brand-color: #ec180c;

    --hand-font: "Handlee", cursive;
}

.brand-text {
    color: var(--brand-color);
    background: linear-gradient(90deg, #ed6b37 11.32%, #ec180c 95.28%);
    background-image: radial-gradient(circle 703px at 15.9% 53.4%, rgba(80, 15, 85, 1) 0%, rgba(11, 83, 149, 1) 100.2%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-image: radial-gradient(circle farthest-corner at 10% 20%, rgba(20, 12, 239, 1) 0%, rgba(173, 0, 171, 1) 90%);
}

.red-text {
    color: rgb(235, 0, 0);
    background-image: radial-gradient(circle farthest-corner at 10% 20%, rgba(20, 12, 239, 1) 0%, rgba(198, 253, 249, 1) 90%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.yellow-text {
    color: rgb(230, 230, 0);
}

.light-pink-text {
    color: #fdf0d5;
}

.blueviolet-text {
    color: #ed6b37;
    background-image: radial-gradient(circle farthest-corner at 10% 20%, rgba(20, 12, 239, 1) 0%, rgba(198, 253, 249, 1) 90%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.image100 {
    width: 100%;
}

.bg-blue {
    background-color: #4D6BFE;
}

.bg-green {
    background-color: #00E800;
}

.bg-blueviolet {
    /* background-color: blueviolet; */
    background-image: radial-gradient( circle farthest-corner at 10% 20%,  rgba(237,9,115,1) 37.5%, rgba(144,34,85,1) 100.2% );
}
.bg-indigo{
    /* background-color: indigo; */
    background-image: radial-gradient( circle farthest-corner at 10% 20%,  rgba(0,97,255,1) 0%, rgba(96,239,255,1) 100.7% );
}
.indigo-box{
    padding: 3.2rem;
    border-radius: 2.4rem;
    backdrop-filter: blur(3px);
}
.margin-0{
    margin-bottom: 0rem!important;
}

.bg-pink {
    background-color: rgb(255, 28, 168);
}

.bg-skin {
    background-color: #fdf0d5;
}

.image-positining{
    position: absolute;
    top: 7%;
    left: 0%;
}

.para-1 {
    font-size: 1.8rem;
    font-weight: 400;
    color: #fafafa;
    line-height: 150%;
    margin-bottom: 1.4rem;
}

.para-2 {
    font-size: 2.4rem;
    font-weight: 400;
    color: #fafafa;
    line-height: 150%;
    margin-bottom: 2.4rem;
}

.para-3 {
    font-size: 3.2rem;
    font-weight: 400;
    color: #fafafa;
    line-height: 150%;
    margin-bottom: 2.4rem;
}


.heading-1 {
    font-size: 2.8rem;
    font-weight: 700;
    color: #fafafa;
    line-height: 150%;
    text-align: center;
    margin-bottom: 2.4rem;
}


.heading-2 {
    font-size: 4.8rem;
    font-weight: 700;
    color: #fafafa;
    line-height: 150%;
    text-align: center;
    margin-bottom: 2.4rem;
}


.heading-3 {
    font-size: 5rem;
    font-weight: 700;
    color: #fafafa;
    line-height: 150%;
    text-align: center;
    margin-bottom: 2.4rem;
}

.hand-font {
    font-family: var(--hand-font);
}

.blue-dot-border-pill {
    padding: 2.4rem;
    border: 1.6px dashed var(--brand-color);
    width: fit-content;
}


.t-center {
    text-align: center;
}

.everything-center {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;

}

.stripe {
    width: 100%;
    padding: 2.4rem 0rem;
    /* background-color: blueviolet; */
    background: linear-gradient(90deg, rgb(251, 3, 168) 0%, rgb(121, 3, 251) 100%);
    color: #fff;
    margin: 0;
    font-weight: 700;
    font-size: 28px;
    background-image: radial-gradient(circle farthest-corner at 32.7% 82.7%, rgba(173, 0, 171, 1) 8.3%, rgba(15, 51, 92, 1) 79.4%);
}

.placeholder {
    width: 100%;

    border: 1.6px dashed blueviolet;

}


/* hero: start  */
.hero {
    background-color: #111;
    padding: 5rem 0rem;
    background: url(../assets/dsp-bg1.webp) no-repeat center center/cover;
    position: relative;
}
.hero .bg-layer{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    /* padding: 10rem 0rem; */
    background: rgba(0, 0, 0, 0.7); /* Adjust the opacity as needed */
    z-index: 0;
}
.bg-layer{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    /* padding: 10rem 0rem; */
    background: rgba(0, 0, 0, 0.7); /* Adjust the opacity as needed */
    z-index: 0;
}
.hero-heading {
    font-size: 5rem;
    font-weight: 700;
    color: #fafafa;
    line-height: 139%;
    text-align: center;
}
#tmp_headline1-35220-130 .elHeadline b {
    color: #fff;
}

.grid-2-col-box {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 3.2rem;
}

.hero-item-1 {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 1.6rem;
}

.hero-assured {
    width: 25rem;
}

.hero-payment {
    width: 32rem;
}

.blue-border-pill {
    padding: 2.4rem;
    border: 1.2px solid #0b5395;


    width: 100%;
    text-align: center;
}



.cta-button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: linear-gradient(to bottom, #fcb040, #ff9500);
    color: white;
    font-weight: bold;
    font-size: 3.2rem;
    padding: 2rem 2.3rem;
    border: none;
    border-radius: 99rem;
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.3);
    cursor: pointer;
    text-decoration: none;
    transition: transform 0.2s;
    border: 5px solid #c0aeff;
    width: 100%;
    text-align: center;
    text-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
    background: linear-gradient(90deg, rgb(134, 58, 246) 0%, #4204ff 51.5%, rgb(133, 57, 246) 100%);
}

.cta-button:hover {
    transform: scale(1.05);
}

.cta-button i {
    margin-right: 12px;
    font-size: 2.4rem;
}

.cta-assured {
    margin-bottom: 1.2rem;
}


.list-box {
    .list-item {

        display: flex;
        align-items: flex-start;
        justify-content: start;
        gap: .4rem;

        margin-bottom: 1.6rem;

        .list-item-image {
            width: 3.2rem;
            height: 3.2rem;
            margin-right: 10px;
        }
    }
}
.video-sec{
    width: 81rem;
    margin: 0rem auto;
}
.video-div{
    width: 100%;
    border: 3px solid #ed6b37;
    border-radius: 8px;
    overflow: hidden;
    margin-bottom: 3rem;
    height: 396px;
    position: relative;
}
/* .left-img{
   position: absolute;
    left: -81px;
}
.right-img{
   position: absolute;
    right: -81px;
} */
/* hero: end  */


    .mtop-md30 {
        margin-top: 0px !important;
    }
    .hurry {
        background: linear-gradient(90deg, rgba(0, 0, 0, 0.00) 0%, #f9a200 51.5%, rgba(0, 0, 0, 0.00) 100%);
        display: block;
        padding: 10px;
    }
    .weight400 {
        font-weight: 400 !important;
    }
        .font-md24 {
        font-size: 24px !important;
    }
    .main {
        text-align: center;
        display: flex;
        justify-content: center;
        gap: 2rem;
    }
    .mtop-md20 {
        margin-top: 20px !important;
    }
    /* Css For Timer Display */

.main {
	text-align: center;
	display: flex;
	justify-content: center;
}

.item {
	margin-right: 5px;
	width: 100%;
	border-radius: 100%;
	position: relative;

    width: 80px;
    height: 80px;
    min-width: 80px;
    min-height: 80px;
    border-radius: 10px;
	display: inline-flex;
	align-items: center;
	flex-direction: column;
	justify-content: center;
	border-radius: 5rem;
	background: linear-gradient(182deg, #E5E5E538 -22%, #000 77%);
	box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.25);
	border: 1px solid #FFFFFF9C;
	position: relative;
}

.item {

	border: 1px solid #FFFFFF9C;
	border: 1px dashed #5900ff;
  /* background-color: #5d00ff; */
}

.timer-box .item {
border: 1px dashed #5900ff;
  /* background-color: #5d00ff; */
	/* box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.25); */
border: 1px dashed #4205FB;
	box-shadow: 0px 4px 6px 0px rgba(4, 10, 10, 0.36);
}


.item::before {
	content: ':';
	position: absolute;
	z-index: 9;
	right: -25px;
	color: #f01236;
	font-size: 60px;
	top: -10px;
	display: none;
}

.main .item:last-child {
	margin-right: 0px;
}

.main .item:last-child::before {
	content: none;
}

.item .count_down {
	font-weight: 600 !important;
	line-height: 100%;
	width: 100%;
	float: left;
	color: #fff;
font-size: 18px;
	padding: 0px;
	margin: 0px;

}

.item h4 {
	font-weight: 400 !important;
	line-height: 120%;
	color: #fff;
	font-size: 10px;
	padding: 0px;
	margin: 0px;

}

.item h4.line {
border-top: 1px dashed #6a24fa;
  padding-top: 5px;
  margin-top: 5px;
  width: 100%;
  text-transform: uppercase;
  
}
/* random1: start */
.random {
    padding: 4rem 0rem;
}

.random1_image {
    margin: 0rem 0rem 2rem;
    width: 64rem;
}

/* random1: end */



/* random2: start */
.random2 {
    padding: 4rem 0rem;
    background: url(../assets/random2_bg.webp) no-repeat center center/cover;
}


.glow-pill {
    background: linear-gradient(to bottom, #7d00ff, #3c0073);
    color: white;
    font-weight: bold;
    font-size: 2.4rem;
    padding: 1.6rem 3.6rem;
    border-radius: 99rem;
    /* border: 5px solid rgba(255, 24, 105, 1); */
    text-decoration: none;
    box-shadow: 0 0 15px rgba(80, 15, 85, 1);
    transition: box-shadow 0.3s, transform 0.2s;
    display: inline-block;
    width: fit-content;
    /* background-image: linear-gradient(115.3deg, rgba(255, 24, 105, 1) 9.5%, rgba(248, 142, 0, 1) 82.9%); */
    background-image: radial-gradient(circle 703px at 15.9% 53.4%, rgba(80, 15, 85, 1) 0%, rgba(11, 83, 149, 1) 100.2%);
    margin-bottom: 3rem;
}

.glow-pill:hover {
    box-shadow: 0 0 25px rgb(131, 7, 140);
    transform: scale(1.05);
}

/* random2: end */




/* random3: start  */
.random3 {
    background-color: #111;
    padding: 4rem 0rem;
    background: url(../assets/dsp-bg2.webp) no-repeat center center/cover;
    position: relative;
}



/* random3: end  */




/* know: start */
.know {
    padding: 4rem 0rem;
    background: url(../assets/know_more_bg.webp) no-repeat center center/cover;

}

.number {
    font-size: 3.2rem;
    font-weight: 700;
    color: #fff;
    /* background-color: #111; */
    padding: 1rem 0rem;
    border-radius: 99rem;
    width: fit-content;
    display: block;
    margin-bottom: 0.6rem;
}

.know-text-box {
    padding: 2.4rem;
    /* background-color: #733BE7; */
    background: linear-gradient(90deg, rgb(251, 3, 168) 0%, rgb(121, 3, 251) 100%);
    border-radius: 2.4rem;
    border: 2px dashed #fff;
    width: fit-content;
    height: fit-content;
}


.know-more-image {
    width: 48%;
    place-self: center;
}

.know-more-box {
    align-items: center;
    justify-content: center;
    place-self: center;

    margin-bottom: 2.4rem;
}

/* know: end */



/* ways: start */
.ways {
    padding: 4rem 0rem;
    background-color: #111;

    background: url(../assets/dsp-bg3.webp) no-repeat center center/cover;
    /* background: url(../assets/know_more_bg.webp) no-repeat center center/cover; */
    position: relative;

}

.ways-box {
    padding: 2.4rem;

    background-color: #000;
    /* border-radius: 2.4rem; */
    padding: 4rem 3.2rem;
    box-shadow: inset 0 0 5rem rgba(153, 0, 255, 0.5);
    border: 1px solid rgba(153, 0, 255, 0.4);
    position: relative;
    align-items: center;
    margin-bottom: 2rem;
    box-shadow: inset 0 0 5rem #0b5395;
    border: 1px solid #0b5395;
    /* background-image: linear-gradient(109deg, rgba(160, 24, 80, 1) 11.2%, rgba(201, 138, 75, 1) 81.7%); */
    /* box-shadow: inset 0 0 2.4rem #0b5395;
    border: 1.6px solid #0b5395; */
    /* padding: 3.2rem 2.2rem; */
    /* border-radius: 2.4rem; */
    /* background: linear-gradient(90deg, rgb(0, 0, 0) 0%, rgb(99, 0, 97) 100%); */
    /* box-shadow: inset 0 0 2.4rem #673AB7; */
    /* border: 1.6px solid #673AB7; */
    /* padding: 3.2rem 2.2rem; */
    /* border-radius: 2.4rem; */
    /* background: linear-gradient(90deg, rgb(0, 0, 0) 0%, #673AB7 100%); */
}

.ways_image {
    width: 100%;
    place-self: center;
}

.ways-item-heading {
    /* padding: 1.6rem 2rem; */
    border-radius: 2rem;
    /* background-color: blueviolet; */
    text-align: center;
    margin-bottom: 2.4rem;
    text-align: left;
}

/* ways: end */


/* popup: start */
#popup-container {
    position: fixed;
    bottom: 7rem;
    left: 2rem;
    z-index: 9999;

    width: 40rem;
}

.popup {
    border: 2px solid #ff2fb3;
    background: #121212!important;
    padding: 1.6rem 2rem;
    margin-bottom: 1.2rem;
    border-radius: 2rem;
    box-shadow: 0 0 18px rgba(255, 47, 179, 0.38), 0 10px 24px rgba(0, 0, 0, 0.45);
    opacity: 0;
    transform: translateY(50px);
    transition: opacity 0.3s ease, transform 0.3s ease;


    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-start;
    gap: 1.2rem;


    position: relative;
    overflow: hidden;
}

.buy-star {
    width: 5.4rem;
    height: 5.4rem;
    min-width: 5.4rem;
    object-fit: contain;
    display: block;
}

.popup.show {
    opacity: 1;
    transform: translateY(0);
}

.popup p {
    font-size: 1.25rem;
    font-weight: 600;
    color: #ffffff;
    margin: 0;
    text-align: left;
    line-height: 1.45;
    font-style: italic;
    flex: 1;
}

.pack-name {
    font-size: 1.2em;
    font-weight: 700;
    text-decoration: none;
    color: #ff4ec3;
}

@media (max-width: 768px) {
    #popup-container {
        bottom: 8rem;
        left: 1.2rem;
        width: calc(100vw - 2.4rem);
    }

    .popup {
        padding: 1.4rem 1.6rem;
        gap: 1rem;
        border-radius: 1.6rem;
    }

    .buy-star {
        width: 4.6rem;
        height: 4.6rem;
        min-width: 4.6rem;
    }

    .popup p {
        font-size: 1.15rem;
    }
}

/* popup: end */

/* cta: start */
.cta {

    /* background: linear-gradient(180deg, #6503FE 0%, #0E031F 100%); */
    background-image: radial-gradient(circle farthest-corner at 10% 20%, rgba(178, 0, 184, 1) 0%, rgba(71, 0, 159, 1) 90%);
    padding: 4rem 0rem;
    background-image: linear-gradient(91.2deg, rgba(136, 80, 226, 1) 4%, rgba(16, 13, 91, 1) 96.5%);
    background-image: radial-gradient(circle farthest-corner at -5.6% -6.8%, rgba(103, 49, 145, 1) 37.3%, rgba(50, 0, 129, 1) 73.5%);
}

.side-padding {
    padding: 0rem 2.4rem;
}

.cta-main-container {
    display: grid;
    grid-template-columns: 1fr 2fr 1fr;
    gap: 2.4rem;
}

.cta-image {
    width: 100%;
}

.red-dot-pill {
    padding: 2rem;
    border: 2px dashed #fff;
    background-color: #ff002d;
    margin-bottom: 2.4rem;
    background-image: linear-gradient(113.9deg, rgba(241, 106, 56, 1) 13%, rgba(213, 32, 39, 1) 48.8%, rgba(170, 65, 39, 1) 85.9%);
    border-radius: 8px;
}

.cta-assured {
    width: 32rem;
}

.cta-payment-image {
    width: 32rem;

    margin: 1rem 0rem;
}

/* cta: end */



/* compare: start */
.compare {
    padding: 4rem 0rem;
    background: url(../assets/random2_bg.webp) no-repeat center center/cover;
}

.compare-image {
    width: 80%;
}

/* compare: end */




/* step: start */
.step {
    padding: 4rem 0rem;
    background: url(../assets/optin-bg-4.webp) no-repeat center center/cover;
    position: relative;
    /* background-image: radial-gradient(circle 311px at 8.6% 27.9%, rgba(62, 147, 252, 0.57) 12.9%, rgba(239, 183, 192, 0.44) 91.2%); */
}

.step-box {
    margin: 4.8rem 0rem;
}

.grid-3-col-box {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 3.2rem;
}

.step-item {
    padding: 7.2rem 2.4rem 2rem;
    border-radius: 2rem;
    position: relative;
    background-color: #6D34F3;
    justify-content: flex-start !important;
    height: 100%;
    background: linear-gradient(90deg, #ed6b37 11.32%, #ec180c 95.28%);
    background-image: radial-gradient(circle 703px at 15.9% 53.4%, rgba(80, 15, 85, 1) 0%, rgba(11, 83, 149, 1) 100.2%);
    /* overflow: hidden; */

    .step-image {
        width: 12rem;
        height: 12rem;
        margin-bottom: 2.4rem;
    }

    .step-no {
        font-size: 2.8rem;
        font-weight: 700;
        color: #111;
        background-color: #fff;
        padding: 1.2rem 4.8rem;
        border-radius: 2.8rem;
        width: fit-content;
        display: block;
        position: absolute;
        top: -2rem;
        /* left: -2rem; */
    }

    .number {
        font-size: 2.4rem !important;
    }
}

/* step: end */



/* john: start */
.john {
    padding: 4rem 0rem;
    background-color: #111;
}

.john-max-width {
    padding: 0rem 2.4rem;
}

.john-list-item-image {
    width: 2.6rem !important;
    height: auto !important;
    object-fit: contain !important;
}

.john-item {
    padding: 4.8rem 2.4rem;
    gap: 2.4rem;
    justify-content: flex-start;

    align-self: center;
}

.john-pill {
    margin-top: -7.2rem;
}

.john-item-1 {
    box-shadow: inset 0 0 2.4rem rgba(255, 0, 0, 0.5);
    border: 1.6px solid rgba(255, 0, 0, 0.4);
}

.john-item-2 {
    box-shadow: inset 0 0 2.4rem rgba(0, 255, 47, 0.5);
    border: 1.6px solid rgba(0, 255, 47, 0.4);
}

.john-item-3 {
    box-shadow: inset 0 0 2.4rem rgba(0, 47, 255, 0.5);
    border: 1.6px solid rgba(0, 47, 255, 0.4);
}

.red-bg {
    background-color: red !important;
    border-radius: 0rem !important;
}

.green-bg {
    background-color: green !important;
    border-radius: 0rem !important;
}

.blue-bg {
    background-color: rgba(0, 47, 255, 1);
    border-radius: 0rem !important;
}

/* john: end */




/* random4: start */
.random4 {
    background: url(../assets/main-img2.webp) no-repeat center center/cover;
}

/* random4: end */




/* after: start */
.after {
    padding: 4rem 0rem;
    background: url(../assets/after_bg.webp) no-repeat center center/cover;
}


.glow-pill-2 {
    box-shadow: inset 0 0 2.4rem rgba(255, 0, 0, 0.5);
    border: 1px solid rgba(255, 0, 0, 0.4);
    background-color: #fff;

    padding: 1.2rem 2.4rem;
    border-radius: 99rem;
}

.glow-pill-3 {
    box-shadow: inset 0 0 2.4rem rgba(0, 255, 0, 0.5);
    border: 1px solid rgba(0, 255, 0, 0.4);
    background-color: #fff;

    padding: 1.2rem 2.4rem;
    border-radius: 99rem;
}

.after-item {
    padding: 2.8rem 3.4rem 2rem;
    border-radius: 2.4rem;
}

.after-item-1 {
    background-color: rgb(194 54 54);
}

.after-item-2 {
    background-color: rgb(0, 151, 0);
}

.after-image {
    width: 64%;
    margin-bottom: 2.4rem;
}

/* after: end */




/* much: start */
.much {
    background-color: #111;
    padding: 4rem 0rem;
    background: url(../assets/step-section.png) no-repeat center center/cover;
}

.much-item {
    box-shadow: inset 0 0 2.4rem #0b5395;
    border: 1.6px solid #0b5395;
    padding: 3.2rem 2.2rem;
    border-radius: 2.4rem;
    /* background: linear-gradient(90deg, rgb(0, 0, 0) 0%, rgb(99, 0, 97) 100%); */
    background: rgba(0, 0, 0, 0.5) 0%;



    img {
        width: 100%;
        margin-bottom: 1.6rem;
        border-radius: 9px;
    }
}

/* much: end */



/* random5: start */
.random5 {
    background: url(../assets/much_bg.webp) no-repeat center center/cover;
}

/* random5: end */


/* random6: start */
.random6 {
    background: url(../assets/random4_bg.webp) no-repeat center center/cover;
}

/* random6: end */



/* risk: start */
.risk {
    padding: 4rem 0rem;
    background-color: #111;
}

.risk-max-width {
    padding: 0rem 2.4rem;
}

.risk-image {
    width: 100%;
}

/* risk: end */



/* compare2: start */
.compare2 {
    padding: 0rem 0rem;

    background-color: #111;
}

.compare2-item {
    img {
        width: 80%;
    }
}

/* compare2: end */



/* changer: start */
.changer {
    background: url(../assets/dsp-bg3.webp) no-repeat center center/cover;
    position: relative;
}

.changer-box {
    box-shadow: inset 0 0 5rem rgba(8, 0, 255, 0.5);
    border: 1px solid rgba(8, 0, 255, 0.4);
    border-radius: 2.4rem;
    box-shadow: inset 0 0 2.4rem #0b5395;
    border: 1.6px solid #0b5395;
    /* padding: 3.2rem 2.2rem; */
    border-radius: 2.4rem;
    /* background: linear-gradient(90deg, rgb(0, 0, 0) 0%, rgb(99, 0, 97) 100%); */
}

.changer-item-heading {
    color: #fff;
    /* background-color: #fff; */
}

/* changer: end */



/* random7: start */

.grid-2-col-item {
    align-self: center;
}


/* random7: end */



/* choice: start */
.choice1 {
    padding: 4rem 0rem;
    background: url(../assets/much_bg.webp) no-repeat center center/cover;
}

.choice1-item {
    img {
        width: 100%;
        margin-bottom: 2.4rem;
    }


}

.choice-pill {
    padding: 3.2rem 3.2rem;
    border-radius: 2.8rem;
}

/* choice: end */



/* switch: start  */
.switch {
    padding: 4rem 0rem;
    background: url(../assets/after_bg.webp) no-repeat center center/cover;
}

.switch-box {
    width: 100%;
    gap: 3.2rem;

    img {
        width: 72%;
    }
}

/* switch: end  */



/* choice2: start */
.choice2 {
    background: url(../assets/step-section.png) no-repeat center center/cover;
}

.choice2-item {
    padding: 2.4rem;
    background-image: radial-gradient(circle at center center, transparent 0%, rgb(22, 17, 37) 99%), repeating-linear-gradient(0deg, rgba(163, 163, 163, 0.2) 0px, rgba(163, 163, 163, 0.2) 1px, transparent 1px, transparent 6px), repeating-linear-gradient(90deg, rgba(163, 163, 163, 0.2) 0px, rgba(163, 163, 163, 0.2) 1px, transparent 1px, transparent 6px), linear-gradient(90deg, rgb(33, 33, 33), rgb(33, 33, 33));


    border-radius: 4.8rem;
}

/* choice2: end */




/* show: start */
.show {
    background-color: #111;
    padding: 1rem;

    background: url(../assets/optin-bg-2.webp) no-repeat center center/cover;
    position: relative;

}

.show-logo {
    width: 26rem;
    margin: 2rem;

}

.product-show-image {
    width: 72%;
}

.show-col-box {
    padding: 3.2rem;
    border-radius: 3.2rem;
    /* background-color: #000; */
    background: linear-gradient(90deg, #ed6b3757 11.32%, #ec180c78 95.28%);
    background-image: radial-gradient(circle farthest-corner at 10% 20%, rgba(0, 51, 102, 0.1) 0%, rgba(0, 102, 204, 0.1) 49.5%, rgba(0, 191, 255, 0.1) 90%);
}

/* show: end */




/* fixed: start */
.fixed {
    padding: 4rem 0rem;
    background: url(../assets/after_bg.webp) no-repeat center center/cover;
}

/* fixed: end */



/* big: start */
.big {
    padding: 4rem 0rem;
    background: #111;

    background: url(../assets/random4_bg.webp) no-repeat center center/cover;
}

.big-text-box {
    padding: 8rem 2.4rem 2rem;
    border-radius: 2.4rem;
}

.big-image {
    margin-bottom: -8rem;
}

/* big: end */




/* profit: start */
.profit {
    padding: 4rem 0rem;
    background: url(../assets/random6_bg.webp) no-repeat center center/cover;
    position: relative;
}

.profit-max-width {
    padding: 0rem 2.4rem;
}

.profit-item-image {
    margin-bottom: 2rem;
}

.profit-item {
    /* padding: 2.4rem 2.4rem 0rem;
    border-radius: 2.4rem;

    border: 1.6px solid pink;
    background-color: rgba(137, 43, 226, 0.1); */
    padding: 2.4rem 2.4rem 0rem;
    border-radius: 2.4rem;
    /* border: 1.6px solid rgb(255, 0, 189);
    background-color: rgb(255 199 240);
    box-shadow: 9px 9px 0px 0px rgb(255, 0, 189); */
    border: 1.6px solid #0b5395;
    background-color: #9ed1ff;
    box-shadow: 9px 9px 0px 0px #0b5395;
}

/* profit: end */




/* top: start */
.top {
    padding: 4rem 0rem;
    background: url(../assets/random6_bg.webp) no-repeat center center/cover;
    position: relative;
}

.top-max-width {
    max-width: 104rem;
}

.top-item-image {
    margin-bottom: 2rem;
}

.top-item {
    padding: 2.4rem;
    border-radius: 2.4rem;
    border: 1.6px solid #0b5395;
    background-color: #9ed1ff;
    box-shadow: 9px 9px 0px 0px #0b5395;
}

/* top: end */




/* video: start */
.video {
    padding: 12rem 0rem;
    background: url(../assets/dsp-bg1.webp) no-repeat;
    position: relative;

}


.fast-buying-image {
    border-radius: 2.4rem;
    border: 4px solid #FF3CAC;

    margin-top: 8rem;

    padding: 0;
}

/* video: end */



/* revo: start */
.revo {
    padding: 4rem 0rem;
    background: url(../assets/after_bg.webp) no-repeat center center/cover;
}

/* revo: end */



/* life: start */
.life {
    padding: 4rem 0rem;
    background: url(../assets/random4_bg.webp) no-repeat center center/cover;
}
#life .life-item {
    box-shadow: #0b5395 0px 0px 2.4rem inset;
    border-width: 1.6px;
    border-style: solid;
    border-color: #0b5395;
    border-image: initial;
    padding: 3.2rem 2.2rem;
    border-radius: 2.4rem;
    background-color: #000;
}
.life-item {
    img {
        margin-bottom: 2rem;
    }
}

/* life: end */




/* choice3: start */
.choice3_image {
    border-radius: 2.4rem;
}

/* choice3: end */



/* random10: start */
.random10 {
    background: url(../assets/main-img2.webp);
}

/* random10: end */



/* random11: start */
.random11 {
    background: url(../assets/changer_bg.webp);
}

/* random11: end */




/* final: start  */
.final {
    padding: 4rem 0rem;
    background: url(../assets/changer_bg.webp) no-repeat center center/cover;
}

.final-product-image {
    width: 60rem;
    margin-bottom: -10rem;
    z-index: 1;
}


.final-list-box {
    width: 80rem;

    padding: 12rem 3.2rem;
    border-radius: 2.4rem;
    /* background-color: #2921ff; */
    background: linear-gradient(90deg, #ed6b37 11.32%, #ec180c 95.28%);
}
.final-list-box .list-box .list-item img{
    display: none;
}
.regular-price {
    text-decoration: line-through;
    font-size: 3.2rem;
    font-weight: 600;

}

.today-price {
    /* color: #FFD929; */
    color: #fff;

}

/* final: end  */


/* random15: start */
.random15 {
    background: url(../assets/random4_bg.webp) no-repeat center center/cover;
}

/* random15: end */




/* seller: start */
.seller {
    padding: 10rem 0rem;
    background: url(../assets/optin-bg-4.webp) no-repeat center center/cover;
    position: relative;
}

.seller-image {
    width: 72rem;
    margin-bottom: 5.6rem;
    margin-top: 3.2rem;
}

/* seller: end */



/* faq: start */
.faq {
    padding: 4rem 0rem;
    background: url(../assets/moneyback.webp) no-repeat center center/cover;
    position: relative;
}

.faq-item {
    margin-bottom: 3.2rem;
    width: 72%;
    border: 1px dashed #0b5395;
    padding: 10px 20px;
    border-radius: 5px;


}

/* faq: end */







.sticky-buy-now {
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    box-shadow: 0 -2px 10px rgba(0, 0, 0, 0.2);
    z-index: 1000;
    background: #000;


    padding: 1rem 3.2rem;

    display: flex;
    align-items: center;
    justify-content: space-between;

    img {
        width: 20rem;
    }

    h3 {
        margin: 0rem !important;
        font-size: 2.4rem;

        text-transform: uppercase;
    }

    a {
        font-size: 2rem;
        font-weight: 700;
        color: #fff;
        padding: 1rem 2rem;
        border-radius: 2rem;
        background-color: red;
    }


}


.video-container {
    position: relative;
    width: 100%;
    padding-bottom: 56.25%;
    /* 16:9 aspect ratio */
    height: 0;
    overflow: hidden;
    border-radius: 12px;
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.2);
    margin-bottom: 2rem;
}

.video-container iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: none;
    border-radius: 12px;
}




/* integration */
/* value: start  */

#value {
    background: url(../assets/much_bg.webp) no-repeat center center/cover;

    padding: 10rem 0rem;
}

.value-container {
    background: #021333;
    padding: 3.2rem 4.8rem;
    border-radius: 2rem;

    display: flex;
    flex-direction: column;
    gap: 1.6rem;

    max-width: 80%;

    margin: 6.4rem auto;
    margin-bottom: 2.4rem;
}

.value-heading {
    font-size: 5rem;
    text-align: center;
    color: #fff;
}

.line {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
}

.line-1 {
    border-bottom: 1px solid rgba(255, 255, 255, 0.2);
    padding-bottom: 1.6rem;
}

.line-1 img {
    width: 22rem;
    height: auto;
    object-fit: contain;

    margin-left: 4rem;
}

.line-1 h2 {
    font-size: 2rem;
    font-weight: 700;
    color: #ffffff;

    margin-right: 4rem;
}

.line h3 {
    font-size: 2.4rem;
    font-weight: 600;
    color: #ffffff;
}

.line .price-image {
    height: 6.4rem;
    width: auto;
    object-fit: contain;
}

.line-14 {
    padding-top: 1.6rem;
    border-top: 1px solid rgba(255, 255, 255, 0.2);
}

.line-14 h1 {
    font-size: 4rem;
    color: #ffffff;
    text-align: center;
}

.discount-container {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 1.6rem;
    margin-top: 0rem;
}

.discount-container h1 {
    font-size: 4.8rem;
    font-weight: 800;
    color: #ffffff;
    text-align: center;
}

.discount-price {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 2.4rem;
}

.discount-price h1 {
    font-size: 6.8rem;
    color: yellow;
}

.discount-container img {
    width: 12rem;
    height: auto;
    object-fit: contain;
}

.discount-btn {
    font-size: 2.8rem;
    font-weight: 800;
    max-width: fit-content;
    padding-inline: 7.2rem;
}



/* value: end  */




/* offer: start */
.offer {
    padding: 4rem 0rem;
    background: url(../assets/much_bg.webp) no-repeat center center/cover;
}


.offer-main-box {
    .offer-box {
        height: fit-content;
    }

    .bonus-image {
        width: 72%;
        height: auto;
        object-fit: contain;
    }
}

.intro-box {
    margin-top: 8rem;
}

.grid-box {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 2.4rem;
    align-items: center;
    margin-top: 4.8rem;
}

.grid-box {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 2.4rem;

    align-items: center;
    margin-top: 4.8rem;

    div {
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;

        padding: 2.4rem;
        border-radius: 2.4rem;

        height: 40rem;

        h3 {
            font-size: 3.2rem;
            font-weight: 700;
            text-align: center;
            line-height: 150%;
            color: #ffffff;
        }

        span {
            font-size: 2.8rem;
            font-weight: 600;
            text-align: center;
            line-height: 150%;
            color: #ffffff;
            margin-bottom: 2.4rem;
        }
    }

    .grid-box-1 {
        background-color: #ff9a8b;
        background-image: linear-gradient(90deg,
                #ff9a8b 0%,
                #ff6a88 55%,
                #ff99ac 100%);
    }

    .grid-box-2 {
        background-color: #08aeea;
        background-image: linear-gradient(0deg, #08aeea 0%, #2af598 100%);
    }

    .grid-box-3 {
        background-color: #ff3cac;
        background-image: linear-gradient(225deg,
                #ff3cac 0%,
                #784ba0 50%,
                #2b86c5 100%);
    }
}


/* offer: end */



/* review: start */
.review {
    padding: 4rem 0rem;
    /* background: url(../assets/after_bg.webp) no-repeat center center/cover; */
    background-image: radial-gradient(circle 311px at 8.6% 27.9%, rgba(62, 147, 252, 0.57) 12.9%, rgba(239, 183, 192, 0.44) 91.2%);

}

.heading-review-image {
    width: 52rem;
    height: auto;
    object-fit: contain;
}

.review-screenshot {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 3.2rem;
    padding: 2.4rem;
    row-gap: 2rem;
}
.review-item {
    display: flex;
    gap: 2rem;
}

.review-item img {
    width: 50%;
    display: block;
    border-radius: 2.8rem;
    border: 3px dashed #ed6b37;
    box-shadow: 0px 4px 24px rgba(0, 0, 0, 0.1);
}

/* Subtle random tilt effect for 12 images */
/* .review-item:nth-child(1) img {
    transform: rotate(-1.5deg);
}

.review-item:nth-child(2) img {
    transform: rotate(1.2deg);
}

.review-item:nth-child(3) img {
    transform: rotate(-0.8deg);
}

.review-item:nth-child(4) img {
    transform: rotate(0.5deg);
}

.review-item:nth-child(5) img {
    transform: rotate(-1deg);
}

.review-item:nth-child(6) img {
    transform: rotate(1.5deg);
}

.review-item:nth-child(7) img {
    transform: rotate(-0.3deg);
}

.review-item:nth-child(8) img {
    transform: rotate(0.9deg);
}

.review-item:nth-child(9) img {
    transform: rotate(-1.1deg);
}

.review-item:nth-child(10) img {
    transform: rotate(0.6deg);
}

.review-item:nth-child(11) img {
    transform: rotate(-0.7deg);
}

.review-item:nth-child(12) img {
    transform: rotate(1.3deg);
} */

/* Responsive design */
@media (max-width: 768px) {
    .review-screenshot {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (max-width: 480px) {
    .review-screenshot {
        grid-template-columns: 1fr;
    }
}

/* review: end */



/* features: start */
.features-main {
    padding: 4rem 0rem;

    background: url('../assets/after_bg.webp') no-repeat center center/cover;

}

.mail-image-features {
    width: 8rem;
    height: auto;
    object-fit: contain;
    margin-bottom: 1.6rem;
}

.feature-main-content-box {
    padding: 3.2rem;
    border-radius: 2.4rem;


    backdrop-filter: blur(3px);
}
.feature-main-content-box .heading-1{
    text-align: left;
}
.feature-main-image {
    width: 50rem;
    height: auto;
    object-fit: contain;
}

.feature-main-item {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 5.6rem;

    margin-bottom: 5.6rem;
}



/* features: end */



.success-screenshot {
    width: 80%;
}





/* table : start */
.table {
    padding: 4rem 0rem;
    background: url(../assets/random2_bg.webp) no-repeat center center/cover;
}

.heading-table-image {
    width: 21rem;
    height: auto;
    object-fit: contain;
}

.comparison-table {
    width: 100%;
    max-width: 100%;
    margin: 0 auto;
    border-collapse: collapse;
    overflow-x: auto;
    border-radius: 2.4rem;
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
    background-color: white;
}

table {
    width: 100%;
    border-collapse: collapse;
    text-align: left;
    border-radius: 2rem;
    overflow: hidden;
}

th,
td {
    padding: 2.4rem;
    border: 2px solid #ddd;
    text-align: center;
}

thead {
    background: linear-gradient(135deg, #ffcccc, #ffe6e6);
    color: #333;
}

thead th {
    font-size: 2.4rem;
    font-weight: 600;
    text-transform: uppercase;
}

thead th img {
    width: 100%;
}

tbody tr:nth-child(even) {
    background-color: #f5f5f5;
}

tbody tr:hover {
    background-color: #f0f0f0;
    cursor: pointer;
    transition: background-color 0.3s ease;
}

/* Highlighted column */
td:nth-child(2),
th:nth-child(2) {
    background: linear-gradient(135deg, #ff66b2, #ff99cc);
    color: white;
    font-weight: bold;
    text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.1);
    border: none;
    animation: flashy 2s infinite alternate;
}

@keyframes flashy {
    0% {
        box-shadow: 0 0 15px rgba(255, 105, 180, 0.8);
    }

    100% {
        box-shadow: 0 0 5px rgba(255, 105, 180, 0.4);
    }
}

td {
    font-size: 1.6rem;
    color: #555;
}

/* table : end */


/* money back: start */
.money-back {
    padding: 4rem 0rem;
    background: url(../assets/after_bg.webp) no-repeat center center/cover;
}

.money-back-item-1 {

    img {
        width: 64%;
    }
}

.money-back-box {
    padding: 3.2rem;
    box-shadow: inset 0 0 7.2rem #F44336;
    border: 2px solid #FF8A65;
}

/* money back: end */

.profit-max-width{
    width: 134rem;
    margin: auto;
    z-index: 1;
    position: relative;
}


/*  */
/* footer: start */
footer {
    background: #0C0306;
    padding: 5.6rem 0rem;

    color: #ffffff;
    font-size: 1.8rem;
}

.footer-links a {
    color: #ffffff;
    font-size: 1.8rem;
    margin-right: 2rem;
}

.footer {
    display: flex;
    align-items: center;
    justify-content: space-between;
}


/* footer: end */


/* disclaimer: start */
#disclaimer {
    background-color: #0C0306;
    padding-top: 5.6rem;

}

.disclaimer-heading-box {
    display: flex;
    flex-direction: column;
}

.disclaimer-heading {
    font-size: 4.8rem;
    text-align: center;
}

.disclaimer-text {
    font-size: 1.8rem;
    font-weight: 400;
    color: #ffffff;
    text-align: center;

    line-height: 175%;

    margin-top: 1.8rem;
    padding-bottom: 2.4rem;
}

.heading-disclaimer-image {
    width: 28rem;
    height: auto;
    object-fit: contain;
}

/* disclaimer: end */


/* footer: start */
.plr {
    background-color: #111111;
    padding-block: 7.2rem;
}

.footer-main-box {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 2.4rem;
}

.footer-box {
    padding: 2.4rem;
    border-radius: 2.4rem;
    background-color: #222;
}

.footer-list {
    display: flex;
    flex-direction: column;
    gap: .8rem !important;
}

.footer-list li {
    list-style: none;

    display: flex;
    gap: .8rem;
}

.footer-list li span {
    color: #ffffff !important;
    font-size: 1.6rem;
}

.footer-list li img {
    width: 2.4rem !important;
    height: 2.4rem !important;
}

.refund {
    margin-top: 3.2rem;
}

.big-para {
    font-size: 2.4rem;
    font-weight: 500;
    text-align: center;
    line-height: 150%;
    color: #111111;
    margin-bottom: 2.4rem;
}

/* footer: end */
/*  */

.main-footer {
    /* padding-bottom: 14rem; */
}

.sticky_anchor {
    text-decoration: none;
    border: 4px solid white;
    border-radius: 0.99rem;;
}

.sticky_anchor span {
    text-decoration: line-through;
}

/* upsell/downsell/thanks: generals: end */


/* upsell: start */
.upsell-one {
    padding-top: 4.8rem;
}

.upsell-one-main-container {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.upsell-one-btn-image {
    width: 40rem;
    height: auto;
    object-fit: contain;
}

@media (max-width: 450px) {
    .upsell-one-btn-image {
        width: 100%;
    }
}

.upsell-one-skip-text {
    color: blue;
}

.upsell-one-offer {
    font-weight: 700;
    text-transform: capitalize;
}

.flex-center {
    display: flex;
    align-items: center;
    justify-content: center;
}



.upsell-product-image {
    width: 64rem;
    height: auto;
    object-fit: contain;
}