@import url('/home-assets/css/inner-style-media.css');

.inner-hero-box {
    height: 100vh;
    background-size: cover;
    /*background-image: url("/../home-assets/img/Section-one-bg1.svg");*/
    /*background-position: bottom center;*/
    /*background-repeat: no-repeat;*/
    /*background-image: linear-gradient(to bottom, #EFF0FC 0%, #fff 20%);*/
    /*background-image: linear-gradient(310deg, #ffebec 0%, #dff3f0 80%);*/
    background: linear-gradient(180deg, #ffffff 0%, #e5f3ff 100%);
}

.inner-hero-box-no-vh {
    margin-top: 4em;
    background-size: cover;
    background-position: bottom center;
    background-repeat: no-repeat;
    background-image: linear-gradient(to bottom, #EFF0FC 0%, #fff 20%);
}

.buy__category-list li svg {
    margin-right: 10px;
}

.buy__category-list li {
    border-bottom: 1px solid var(--theme-border-color);
    margin-bottom: 16px;
    min-height: 24px;
    padding-bottom: 16px;
    list-style: none;
}

.buy__category-list li:last-child {
    margin-bottom: 0;
    padding-bottom: 0;
}

.buy__category-list li:last-child {
    border-bottom-color: transparent;
}

/*.buy__total-line small {*/
/*    color: hsl(0deg 0% 7% / 77%);*/
/*}*/

.buy__total-discount {
    padding: 2px 6px 2px 24px;
    z-index: 1;
    font-weight: 400;
}

.buy__total-discount:after {
    background: var(--theme-mint-green);
    bottom: 2px;
    left: 0;
    right: 0;
    top: 1px;
    transform: skewX(-10deg);
    transition: background-color .2s ease;
    z-index: -1;
}

.buy__total-discount:after, .buy__total-discount:before {
    content: " ";
    display: block;
    overflow: hidden;
    position: absolute;
}

.buy__total-discount:before {
    background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiIgZmlsbD0ibm9uZSI+PHBhdGggZmlsbD0iI2ZmZiIgZmlsbC1ydWxlPSJldmVub2RkIiBkPSJtNy4xODMgMi45NC00Ljg3IDQuODY5YTEgMSAwIDAgMC0uMDA2IDEuNDA4bDQuMzcgNC40NWExIDEgMCAwIDAgMS40MTQuMDEybDQuOTYtNC44NjhhMS40OTggMS40OTggMCAwIDAgLjQ1LTEuMDdWMy41YTEgMSAwIDAgMC0xLTFIOC4yNDRhMS41IDEuNSAwIDAgMC0xLjA2MS40NFptNi45MiA2Ljk0MmEzIDMgMCAwIDAgLjg5OC0yLjE0MVYzLjVhMi41IDIuNSAwIDAgMC0yLjUtMi41SDguMjQ0YTMgMyAwIDAgMC0yLjEyMi44NzlsLTQuODcgNC44N2EyLjUgMi41IDAgMCAwLS4wMTUgMy41MTlsNC4zNyA0LjQ1YTIuNSAyLjUgMCAwIDAgMy41MzUuMDMybDQuOTYxLTQuODY4Wm0tMy43Mi01LjMyNGEyLjUgMi41IDAgMCAwLTEuMDQ1LS4zOCAxLjk1IDEuOTUgMCAwIDAtMS42MTYuNTdjLS41NC41NC0uNTYgMS4yMy0uNDM3IDEuNzY3LjExOS41MjYuMzk0IDEuMDI5LjYzNyAxLjQxLjI1NC40LjQ2LjczMi41NDkgMS4wMzMuMDczLjI0OS4wMzYuMzUyLS4wNzIuNDYtLjA3Mi4wNzItLjE4Mi4xMjQtLjQxNy4wNjYtLjI1My0uMDY0LS41NjktLjI0Ny0uODU1LS41MzNhMS43NyAxLjc3IDAgMCAxLS40NjktLjg3OWMtLjA2OS0uMzI5LS4wMjMtLjU3LjAzNC0uNjhhLjc1Ljc1IDAgMSAwLTEuMzMtLjY5M2MtLjI2My41MDYtLjI4OSAxLjEyNS0uMTcyIDEuNjgyLjA3LjMzMi4xOTYuNjcuMzgyLjk4OGwtLjI1My4yNTJhLjc1Ljc1IDAgMCAwIDEuMDYgMS4wNjFsLjIyMi0uMjIxYy4zMDcuMjIuNjUyLjM4MiAxLjAxOC40NzguNi4xNSAxLjMwMS4wNzkgMS44NC0uNDYuNjEyLS42MTIuNjI2LTEuMzQ2LjQ1MS0xLjk0My0uMTUzLS41MjItLjQ3Mi0xLjAyMi0uNjk0LTEuMzdsLS4wMjktLjA0NmMtLjIxMy0uMzM0LS4zNzgtLjY2NC0uNDQtLjkzNy0uMDYtLjI2MS0uMDAyLS4zMzcuMDM2LS4zNzRhLjQ1LjQ1IDAgMCAxIC4zOTItLjE0Yy4xNzIuMDIuNDQ1LjEyNi43NzcuNDU3LjMzLjMzLjQ0Ny42LjQ4Mi43OWEuODMuODMgMCAwIDEtLjA2Ny41MTMuNzUuNzUgMCAxIDAgMS4zNjIuNjI3Yy4xOC0uMzkyLjI4MS0uODc5LjE3OS0xLjQyYTIuNjk4IDIuNjk4IDAgMCAwLS40NDYtMS4wMzZsLjIyMS0uMjIxYS43NS43NSAwIDEgMC0xLjA2LTEuMDZsLS4yNC4yMzlaIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiLz48L3N2Zz4=) no-repeat 50%;
    background-size: contain;
    height: 15px;
    left: 4px;
    top: 3px;
    width: 15px;
}

/*price*/
.buy__total-number, .buy__total-price {
    font-size: 30px;
}

.buy__total-price sup {
    font-size: 18px;
    font-weight: 500;
}

.package {
    cursor: pointer;
    padding: 8px 8px 5px;
    z-index: 1;
}

.package:after {
    border: 1px solid var(--theme-border-color);
    border-radius: 12px;
    bottom: 0;
    content: " ";
    display: block;
    left: 0;
    overflow: hidden;
    position: absolute;
    right: 0;
    top: 0;
    z-index: -1;
}

.package.active:after {
    background: #f7f7ff;
    border-color: var(--theme-mint-blue);
    border-radius: 16px;
    bottom: -2px;
    left: -2px;
    right: -2px;
    top: -2px;
}

.package:hover:after {
    background: #f7f7ff;
    border: 1px solid var(--theme-mint-blue);
    border-radius: 16px;
}

.package.active .package__amount {
    color: var(--theme-mint-blue);
}

.package__amount {
    font: 600 20px "Poppins", sans-serif;
    font-size: 20px;
    letter-spacing: -1.25px;
    margin: 0 -10px;
    word-spacing: -2px;
}

.package__sub {
    display: none;
    background: #f9f7f7;
    border-radius: 4px;
    color: var(--theme-primary-color);
    /*display: inline-block;*/
    font-size: 12px;
    font-weight: 500;
    line-height: 110%;
    margin: 2px auto 4px;
    padding: 2px 6px;
}

.package__discount {
    border-top: 1px solid var(--theme-border-color);
    font-size: 11px;
    line-height: 20px;
    margin: 4px 0 0;
    padding: 4px 0 0;
    text-align: center;
    white-space: nowrap;
}

/*.package__discount:before {*/
/*    background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" fill="none"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.18304 2.94L2.31304 7.809C2.1266 7.99549 2.02136 8.24807 2.02024 8.51177C2.01912 8.77546 2.1222 9.02893 2.30704 9.217L6.67704 13.667C6.86298 13.8561 7.11639 13.9636 7.38156 13.9658C7.64673 13.9681 7.90193 13.8649 8.09104 13.679L13.051 8.811C13.1935 8.67156 13.3066 8.50509 13.3839 8.32136C13.4612 8.13763 13.501 7.94032 13.501 7.741V3.5C13.501 3.23478 13.3957 2.98043 13.2082 2.79289C13.0206 2.60536 12.7663 2.5 12.501 2.5H8.24404C8.04696 2.50004 7.85181 2.53892 7.66976 2.61442C7.48771 2.68992 7.32232 2.80055 7.18304 2.94ZM14.103 9.882C14.3875 9.60269 14.6134 9.2695 14.7676 8.90189C14.9217 8.53428 15.0011 8.13963 15.001 7.741V3.5C15.001 2.83696 14.7377 2.20107 14.2688 1.73223C13.8 1.26339 13.1641 1 12.501 1H8.24404C7.84994 0.999953 7.45969 1.07756 7.09559 1.22838C6.73149 1.3792 6.40067 1.60029 6.12204 1.879L1.25204 6.749C0.786239 7.21517 0.52334 7.84641 0.520531 8.50541C0.517722 9.16442 0.77523 9.79787 1.23704 10.268L5.60704 14.718C6.07161 15.1909 6.705 15.46 7.36792 15.466C8.03084 15.472 8.669 15.2145 9.14205 14.75L14.103 9.882ZM10.383 4.558C10.0677 4.35449 9.71049 4.22461 9.33805 4.178C9.04306 4.14368 8.74414 4.1772 8.46408 4.27598C8.18402 4.37476 7.93022 4.53621 7.72204 4.748C7.18204 5.288 7.16204 5.978 7.28504 6.515C7.40404 7.041 7.67904 7.544 7.92204 7.925C8.17604 8.325 8.38204 8.657 8.47104 8.958C8.54404 9.207 8.50704 9.31 8.39904 9.418C8.32704 9.49 8.21704 9.542 7.98204 9.484C7.72904 9.42 7.41304 9.237 7.12704 8.951C6.88977 8.70895 6.72699 8.40386 6.65804 8.072C6.58904 7.743 6.63504 7.502 6.69204 7.392C6.73983 7.30448 6.76969 7.20831 6.77987 7.10911C6.79005 7.00991 6.78034 6.90968 6.75131 6.81428C6.72229 6.71887 6.67453 6.63022 6.61084 6.55349C6.54714 6.47677 6.46878 6.41352 6.38035 6.36744C6.29192 6.32136 6.19518 6.29338 6.0958 6.28513C5.99643 6.27689 5.8964 6.28854 5.80158 6.31942C5.70676 6.35029 5.61905 6.39976 5.54358 6.46494C5.46811 6.53011 5.40639 6.60969 5.36204 6.699C5.09904 7.205 5.07304 7.824 5.19004 8.381C5.26004 8.713 5.38604 9.051 5.57204 9.369L5.31904 9.621C5.18236 9.76239 5.10667 9.9518 5.10829 10.1485C5.1099 10.3451 5.18869 10.5332 5.32768 10.6724C5.46667 10.8115 5.65475 10.8905 5.85139 10.8923C6.04804 10.8941 6.23753 10.8186 6.37904 10.682L6.60104 10.461C6.90804 10.681 7.25304 10.843 7.61904 10.939C8.21904 11.089 8.92004 11.018 9.45904 10.479C10.071 9.867 10.085 9.133 9.91004 8.536C9.75704 8.014 9.43804 7.514 9.21604 7.166L9.18705 7.12C8.97405 6.786 8.80904 6.456 8.74704 6.183C8.68704 5.922 8.74504 5.846 8.78304 5.809C8.83228 5.75582 8.89364 5.71533 8.96188 5.69095C9.03013 5.66658 9.10326 5.65905 9.17505 5.669C9.34705 5.689 9.62004 5.795 9.95204 6.126C10.282 6.456 10.399 6.726 10.434 6.916C10.4669 7.08977 10.4435 7.26951 10.367 7.429C10.3225 7.51887 10.2965 7.61675 10.2905 7.71686C10.2844 7.81697 10.2986 7.91727 10.332 8.01183C10.3654 8.10639 10.4174 8.19328 10.485 8.26738C10.5526 8.34147 10.6344 8.40125 10.7255 8.44319C10.8166 8.48513 10.9152 8.50837 11.0154 8.51154C11.1156 8.51471 11.2155 8.49774 11.3091 8.46164C11.4026 8.42554 11.488 8.37104 11.5602 8.30137C11.6323 8.23169 11.6897 8.14826 11.729 8.056C11.909 7.664 12.01 7.177 11.908 6.636C11.834 6.2631 11.682 5.91005 11.462 5.6L11.683 5.379C11.7567 5.31034 11.8158 5.22754 11.8568 5.13554C11.8978 5.04354 11.9199 4.94423 11.9216 4.84352C11.9234 4.74282 11.9049 4.64279 11.8672 4.5494C11.8294 4.45601 11.7733 4.37118 11.7021 4.29996C11.6309 4.22874 11.546 4.1726 11.4526 4.13488C11.3593 4.09716 11.2592 4.07863 11.1585 4.08041C11.0578 4.08219 10.9585 4.10423 10.8665 4.14522C10.7745 4.18621 10.6917 4.24531 10.623 4.319L10.383 4.558Z" fill="%234e5960"/></svg>') no-repeat 50%;*/
/*    background-size: contain;*/
/*    content: " ";*/
/*    display: block;*/
/*    display: inline-block;*/
/*    height: 16px;*/
/*    margin: -3px 4px 0 -2px;*/
/*    overflow: hidden;*/
/*    vertical-align: middle;*/
/*    width: 16px;*/
/*}*/

.package__popular {
    color: var(--white);
    font: 700 9px / 12px "Poppins", sans-serif;
    left: 50%;
    letter-spacing: -.04em;
    padding: 2px 4px;
    position: absolute;
    text-transform: uppercase;
    top: -9px;
    transform: translateX(-50%);
    z-index: 1;
}

.package__popular:after {
    background: var(--theme-mint-green);
    bottom: 2px;
    content: " ";
    display: block;
    left: -2px;
    overflow: hidden;
    position: absolute;
    right: -2px;
    top: 1px;
    transform: skewX(-10deg);
    z-index: -1;
}

.packages__list.row > * {
    margin-bottom: 8px;
    padding-left: 2px;
    padding-right: 2px;
}

.packages__list .col.col-4 {
    width: 25%;
}

.packages__submit:hover {
    background: #b51c2b !important;
}

/*.packages-small {*/
    /*border: 2px solid var(--theme-primary-color);*/
/*    border-radius: 14px;*/
/*    color: #535353;*/
/*    font-size: 13px;*/
/*    font-weight: 500;*/
/*    letter-spacing: -.01em;*/
/*    line-height: 16px;*/
/*    list-style: none;*/
/*    margin: 0;*/
/*}*/

/*.packages-small .col-12 {*/
/*    cursor: default;*/
/*    position: relative;*/
/*}*/

/*.packages-small .col-12:first-child {*/
/*    border-top: none;*/
/*}*/

/*.packages-small .col-12:last-child {*/
/*    border-top: none;*/
/*}*/

/*.packages-small .col-12:after {*/
/*    background: var(--theme-border-color);*/
/*    bottom: 0;*/
/*    content: " ";*/
/*    display: block;*/
/*    height: 24px;*/
/*    margin: auto 0;*/
/*    overflow: hidden;*/
/*    position: absolute;*/
/*    right: 1px;*/
/*    top: 0;*/
/*    width: 1px;*/
/*}*/

/*.packages-small .col-12:last-child:after {*/
/*    background: none;*/
/*}*/

.buy__total_box {
    border: 1px solid var(--theme-border-color);
}

.buy__total_box .shape-1 {
    position: absolute;
    bottom: 14px;
    left: -118px;
    z-index: 1;
    transform: rotate(-43deg);
}

.pack-buy-btn {
    --clr-font-main: hsla(0 0% 20% / 100);
    --btn-bg-1: hsla(194 100% 69% / 1);
    --btn-bg-2: hsla(217 100% 56% / 1);
    --btn-bg-color: hsla(360 100% 100% / 1);
    cursor: pointer;
    font-weight: 500;
    transition: 0.8s;
    background-size: 280% auto !important;
    background-image: linear-gradient(
        325deg,
        var(--btn-bg-2) 0%,
        var(--btn-bg-1) 55%,
        var(--btn-bg-2) 90%
    ) !important;
}

.pack-buy-btn:hover {
    background-position: right top !important;
    transform: scale(0.95);
}

.pack-buy-btn:is(:focus, :focus-visible, :active) {
    outline: none;
    box-shadow: 0 0 0 3px var(--btn-bg-color),
    0 0 0 6px var(--btn-bg-2);
}

@media (prefers-reduced-motion: reduce) {
    .btn-donate {
        transition: linear;
    }
}


.secure-payment {
    bottom: -22px;
    border: 1px solid var(--theme-border-color);
    display: table;
    padding: 2px 10px;
}

/*price end*/

.sp-logo {
    top: -14px;
}

.curious-list-new {
    box-shadow: 0px 28px 8px rgba(127, 148, 189, 0), 0px 18px 7px rgba(127, 148, 189, 0.01), 0px 10px 6px rgba(127, 148, 189, 0.05), 0px 5px 5px rgba(127, 148, 189, 0.09), 0px 1px 2px rgba(127, 148, 189, 0.1);
    border: 1px solid var(--theme-border-color);
}

.curious-list-new:hover {
    box-shadow: none;
}

.curious-list-new .text-subs {
    width: 25px;
    height: 25px;
    content: "";
    top: -10px;
    background: var(--heading-text-color);
    transition: 0.5s;
}

.curious-list-new .text-subs span {
    font-size: 16px;
    font-weight: 700;
    color: var(--white);
}

.tracker-list-box h3, .tracker-list-box p {
    color: var(--white);
}

.tracker-list-box {
    box-shadow: 0px 28px 8px rgba(127, 148, 189, 0), 0px 18px 7px rgba(127, 148, 189, 0.01), 0px 10px 6px rgba(127, 148, 189, 0.05), 0px 5px 5px rgba(127, 148, 189, 0.09), 0px 1px 2px rgba(127, 148, 189, 0.1);
}

.tracker-list-box:hover {
    box-shadow: none;
}

.app-card__step.icon-an-arrow {
    position: absolute;
    top: 17px;
    right: -26px;
}

.icon-an-arrow svg path {
    animation: tw-fadeInOut 3s cubic-bezier(.165, .84, .44, 1) infinite;
}

@keyframes tw-fadeInOut {
    0%, to {
        opacity: .2
    }
    33.33% {
        opacity: 1
    }
}

.icon-an-arrow svg path {
    animation: tw-fadeInOut 3s cubic-bezier(.165, .84, .44, 1) infinite
}

.icon-an-arrow svg #path2 {
    animation-delay: .5s
}

.icon-an-arrow svg #path3 {
    animation-delay: 1s
}

@keyframes spin {
    0% {
        transform: rotate(0)
    }
    20% {
        transform: rotate(175deg)
    }
    30% {
        transform: rotate(120deg)
    }
    40% {
        transform: rotate(144deg)
    }
    to {
        transform: rotate(144deg)
    }
}

.ctn-one-box {
    padding: 4em 30px;
    /*background: var(--theme-primary-color);*/
    border-radius: 24px;
    background-image: url("/../home-assets/img/Generic_Orange_Background.webp");
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

.free-ctn-one-box {
    padding: 4em 30px;
    background: #7d3cff94;
    border-radius: 24px;
    background-image: url("/../home-assets/img/Group-10241-1.png");
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

.ctn-one-btn {
    background: var(--white);
    position: relative;
    overflow: hidden;
    color: var(--theme-primary-color);
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    text-align: center;
    border-radius: 50px;
    border: 2px solid transparent;
    padding: 10px 25px;
    height: auto;
    box-shadow: 0 6px 27px 14px rgba(0, 0, 0, .12);
    z-index: 4;
}

.ctn-one-btn.ctn-two-btn {
    background: var(--theme-secondary-color);
    color: var(--white);
}

.ctn-one-btn .btn-circle {
    position: absolute;
    width: 33.3334%;
    padding-bottom: 33.3334%;
    background-color: #fff;
    -webkit-transform: translateY(150%);
    -moz-transform: translateY(150%);
    transform: translateY(150%);
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    pointer-events: none;
    left: -moz-calc((var(--n) - 1) * 33.3334%);
    left: calc((var(--n) - 1) * 33.3334%);
    -webkit-transition: .5s;
    -moz-transition: .5s;
    transition: .5s;
    -webkit-transition-delay: calc((var(--n) - 1) * .1s);
    -moz-transition-delay: -moz-calc((var(--n) - 1) * .1s);
    transition-delay: calc((var(--n) - 1) * .1s);
    z-index: 1;
}

.ctn-one-btn .btn-circle:first-child {
    --n: 1;
}

.btn .btn-circle:nth-child(2) {
    --n: 2;
}

.btn .btn-circle:nth-child(3) {
    --n: 3;
}

.ctn-one-btn:hover .btn-circle {
    -webkit-transform: translateY(0) scale(2);
    -moz-transform: translateY(0) scale(2);
    transform: translateY(0) scale(2);
    z-index: -3;
}

.ctn-one-btn:hover {
    color: var(--theme-primary-color);
    border-color: var(--theme-primary-color);
}
.cta-two-bg-box {
    background: #cdf9fe;
    z-index: 99;
    transition: 0.3s;
    position: relative;
}

.cta-two-bg-box:before {
    background-image: url(/../home-assets/img/Group-10241-1.png);
    content: "";
    position: absolute;
    height: 100%;
    width: 100%;
    right: 0px;
    top: 0px;
    z-index: -2;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

.compare-i-list li {
    /*border-bottom: 1px solid var(--theme-border-color);*/
    margin-bottom: 10px;
    min-height: 24px;
    padding-bottom: 10px;
    position: relative;
    list-style: none;
    color: var(--heading-text-color);
}

.compare-i-list li:last-child {
    margin-bottom: 0;
    padding-bottom: 0;
}

.compare-i-list li:last-child {
    border-bottom-color: transparent;
}

.compare-other-icons {
    position: absolute;
    bottom: 0;
    right: 0;
    z-index: 0;
}

/*end*/

/*tabs*/
.safety-tab-list {
    padding: 5px;
    border-radius: 24px;
    border: 1px solid var(--theme-border-color);
}

.safety-tab-icon {
    display: flex;
    align-items: center;
    justify-content: center;
    margin: auto auto 10px;
}

.safety-tab-list button {
    background-color: transparent !important;
    color: #a0a0a0;
    margin-right: 6px;
    border-radius: 18px !important;
    width: 17%;
    border: none !important;
    font-weight: 600;
    padding: 12px;
    margin: 0px 2px;
    position: relative;
    text-align: center;
    text-decoration: none;
    transition: color .3s ease;
    box-shadow: none;
}

.safety-tab-list button:before {
    background: rgba(126, 81, 255, .25);
    bottom: 0;
    content: " ";
    display: block;
    height: 60px;
    margin: auto 0;
    overflow: hidden;
    position: absolute;
    right: -1.5px;
    top: 0;
    width: .5px;
}

.safety-tab-list button:last-child:before {
    background: transparent;
}

.safety-tab-list button svg path {
    fill: #a0a0a0;
}

.safety-tab-list button:hover {
    color: #a0a0a0;
}

.safety-tab-list button.active svg path {
    fill: #fff;
}

.safety-tab-list button.active {
    background-color: var(--theme-primary-color) !important;
    color: var(--white) !important;
    position: relative;
}

.safety-con-text-box {
    border: 1px solid var(--theme-border-color);
}


.advantages-is-box-icon-bg-new {
    background: linear-gradient(0deg, #daecf9 0, #fff 100%);
    -webkit-filter: drop-shadow(0px 30px 20px rgba(42, 129, 238, 0.2));
    box-shadow: 0px 28px 8px rgba(127, 148, 189, 0), 0px 18px 7px rgba(127, 148, 189, 0.01), 0px 10px 6px rgba(127, 148, 189, 0.05), 0px 5px 5px rgba(127, 148, 189, 0.09), 0px 1px 2px rgba(127, 148, 189, 0.1);
    border: 1px solid #d3d8e080;
    padding: 30px !important;
}

.advantages-is-text-box {
    box-shadow: 0px 28px 8px rgba(127, 148, 189, 0), 0px 18px 7px rgba(127, 148, 189, 0.01), 0px 10px 6px rgba(127, 148, 189, 0.05), 0px 5px 5px rgba(127, 148, 189, 0.09), 0px 1px 2px rgba(127, 148, 189, 0.1);
    border: 1px solid var(--theme-border-color);
    transition: 0.5s all;
    position: relative;
}

.advantages-is-text-box:hover {
    box-shadow: none;
}

.advantages-is-text-box:before {
    right: auto;
    font-size: 26px;
    color: #fff;
    transition: top 0.35s ease;
    content: "";
    display: block;
    height: 0;
    width: 0 !important;
    position: absolute;
    top: 0;
    left: -21px;
    bottom: 0;
    margin: auto;
    border-left: 16px solid transparent;
    border-right: 16px solid transparent;
    border-bottom: 16px solid #ffffff;
    transform: rotate(-90deg);
}

.advantages-is-text-box.advantages-is-text-evan:before {
    transform: rotate(90deg);
    left: auto;
    right: -21px;
}

.advantages-is-box-icon-bg-new {
    transition: 0.5s all;
}

.advantages-is-box-new:hover .advantages-is-box-icon-bg-new {
    scale: 1.1;
}

.seen-on-heading-box h2 {
    font-size: 15px;
}


@media (max-width: 539.98px) {
    .mobile-compare {
        margin: 0 -8px;
        width: calc(100% + 16px);
    }
}

@media (max-width: 389.98px) {
    .mobile-compare {
        margin: 0 -12px;
        width: calc(100% + 26px)
    }
}

.mobile-compare .mobile-compare__header {
    display: flex
}

.mobile-compare .mobile-compare__header div {
    align-items: center;
    border-radius: 12px 12px 0 0;
    display: flex;
    flex-shrink: 0;
    justify-content: center;
    padding: 10px 10px 7px;
    width: 150px
}

@media (max-width: 539.98px) {
    .mobile-compare .mobile-compare__header div {
        padding: 7px 7px 5px;
        width: 120px
    }
}

@media (max-width: 389.98px) {
    .mobile-compare .mobile-compare__header div {
        width: 90px
    }
}

.mobile-compare .mobile-compare__header div img {
    height: auto;
    width: 92px
}

@media (max-width: 539.98px) {
    .mobile-compare .mobile-compare__header div img {
        width: 84px
    }
}

@media (max-width: 389.98px) {
    .mobile-compare .mobile-compare__header div img {
        width: 72px
    }
}

.mobile-compare .mobile-compare__header div p {
    font-size: 13px;
    font-weight: 600;
    line-height: 120%;
    margin: 0;
    padding: 0;
    text-align: center
}

@media (max-width: 539.98px) {
    .mobile-compare .mobile-compare__header div p {
        font-size: 10px
    }
}

.mobile-compare .mobile-compare__header div:first-of-type {
    flex-grow: 1;
    flex-shrink: 1;
    width: 100%
}

.mobile-compare .mobile-compare__header div:nth-of-type(2) {
    background: var(--theme-mint-yellow);
    border: 1px solid var(--theme-mint-yellow);
    border-bottom: none;
    margin-right: 5px
}

@media (max-width: 539.98px) {
    .mobile-compare .mobile-compare__header div:nth-of-type(2) {
        margin-right: 3px
    }
}

@media (max-width: 389.98px) {
    .mobile-compare .mobile-compare__header div:nth-of-type(2) {
        margin-right: 1px
    }
}

.mobile-compare .mobile-compare__header div:nth-of-type(3) {
    background: var(--theme-mint-light-blue);;
    border: 1px solid var(--theme-border-color);
    border-bottom: none
}

.mobile-compare .mobile-compare__body {
    list-style: none;
    margin: 0;
    padding: 0
}

.mobile-compare .mobile-compare__body li {
    display: flex;
    flex-wrap: nowrap
}

.mobile-compare .mobile-compare__body div {
    align-items: center;
    display: flex;
    flex-shrink: 0;
    justify-content: center;
    width: 150px
}

@media (max-width: 539.98px) {
    .mobile-compare .mobile-compare__body div {
        width: 120px
    }
}

@media (max-width: 389.98px) {
    .mobile-compare .mobile-compare__body div {
        width: 90px
    }
}

.mobile-compare .mobile-compare__body div img {
    height: 24px;
    width: 24px
}

.mobile-compare .mobile-compare__body div span {
    font-size: 13px;
    font-weight: 500;
    line-height: 120%
}

.mobile-compare .mobile-compare__body div:first-of-type {
    border-bottom: 1px solid #eaeaea;
    flex-grow: 1;
    flex-shrink: 1;
    justify-content: left;
    margin-right: 5px;
    padding: 9px 0;
    width: 100%
}

@media (max-width: 389.98px) {
    .mobile-compare .mobile-compare__body div:first-of-type {
        margin-right: 3px
    }
}

.mobile-compare .mobile-compare__body div:nth-of-type(2) {
    align-items: center;
    background: var(--theme-mint-yellow);
    display: flex;
    justify-content: center;
    margin-right: 5px
}

@media (max-width: 539.98px) {
    .mobile-compare .mobile-compare__body div:nth-of-type(2) {
        margin-right: 3px
    }
}

@media (max-width: 389.98px) {
    .mobile-compare .mobile-compare__body div:nth-of-type(2) {
        margin-right: 1px
    }
}

.mobile-compare .mobile-compare__body div:nth-of-type(3) {
    background: var(--theme-mint-light-blue);
    border: 1px solid var(--theme-border-color);
    border-bottom: none;
    border-top: none
}

.mobile-compare .mobile-compare__footer {
    display: flex
}

.mobile-compare .mobile-compare__footer div {
    border-radius: 0 0 12px 12px;
    display: flex;
    flex-shrink: 0;
    height: 10px;
    width: 150px
}

@media (max-width: 539.98px) {
    .mobile-compare .mobile-compare__footer div {
        width: 120px
    }
}

@media (max-width: 389.98px) {
    .mobile-compare .mobile-compare__footer div {
        width: 90px
    }
}

.mobile-compare .mobile-compare__footer div:first-of-type {
    flex-grow: 1;
    flex-shrink: 1;
    width: 100%
}

.mobile-compare .mobile-compare__footer div:nth-of-type(2) {
    background: var(--theme-mint-yellow);
    border: 1px solid var(--theme-mint-yellow);
    border-top: none;
    margin-right: 5px
}

@media (max-width: 539.98px) {
    .mobile-compare .mobile-compare__footer div:nth-of-type(2) {
        margin-right: 3px
    }
}

@media (max-width: 389.98px) {
    .mobile-compare .mobile-compare__footer div:nth-of-type(2) {
        margin-right: 1px
    }
}

.mobile-compare .mobile-compare__footer div:nth-of-type(3) {
    background: var(--theme-mint-light-blue);
    border: 1px solid var(--theme-border-color);
    border-top: none
}

.buy-inner-box {
    padding: 20px;
}

.compare__item {
    background: var(--theme-mint-light-blue);
}

.compare__item.compare__item--check {
    background: var(--theme-mint-yellow) !important;
}

.section-six-bg {
    background: #e1fcff;
    border: 1px solid #cae9ed;
}

.section-six-border-item {
    box-shadow: 0px 28px 8px rgba(127, 148, 189, 0), 0px 18px 7px rgba(127, 148, 189, 0.01), 0px 10px 6px rgba(127, 148, 189, 0.05), 0px 5px 5px rgba(127, 148, 189, 0.09), 0px 1px 2px rgba(127, 148, 189, 0.1);
    /*border: 1px solid #d3d8e080;*/
    transition: 0.5s all;
    overflow: hidden;
    padding-bottom: 40px !important;
    padding: 35px !important;
}

.section-six-border-item:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    z-index: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(1turn, var(--white) -8.25%, hsla(0, 0%, 100%, 0) 40%);
    pointer-events: none;
    transition: opacity .4s;
}

.sa-box-icons {
    position: absolute;
    right: -228px;
    bottom: 50px;
    top: -44px;
    z-index: 0;
}

.box__entry {
    position: relative;
    max-height: 9rem;
    padding-right: 0rem;
    padding-bottom: 4rem;
    color: rgba(71, 71, 71, .9);
    overflow: hidden;
    transition-property: max-height opacity;
    text-align: left;
}

.box__entry.active {
    max-height: 100%;
    padding-bottom: 0;
}

.btn-more.box__btn {
    border: none;
    padding: 2px 10px;
    font-weight: 600;
    margin-top: 10px;
    background: var(--white);
    position: absolute;
    bottom: 0px;
    left: 0;
    right: 0;
    display: flex;
    align-items: center;
    justify-content: center;
}

.btn-more.box__btn i {
    font-size: 16px;
}

.section-six-border-item p, .section-six-border-item h3 {
    color: var(--white);
}

.e-box-1 {
    background: linear-gradient(to bottom, #00C0FF 0%, #5558FF 100%) !important;
}

.e-box-2 {
    background: linear-gradient(to bottom, #8DC26F 0%, #76b852 100%);
!important;
}

.e-box-3 {
    background: linear-gradient(to bottom, #FF81FF 0%, #A93AFF 100%) !important;
}

.e-box-4 {
    background: linear-gradient(to bottom, #FFA68D 0%, #FD3A84 100%) !important;
}

/*inner scroll content */
.wrapper-overall {
    background-image: url(/../home-assets/img/cta-pattern.png);
    background-size: cover;
    background-blend-mode: color;
    background-position: center;
    background-repeat: no-repeat;
    background-color: #ed79fa;
}

.wrapper-content::-webkit-scrollbar {
    width: 5px;
    height: 5px;
}

.wrapper-content::-webkit-scrollbar-thumb {
    border-radius: 5px;
    background: white;
}

.wrapper-content::-webkit-scrollbar-track {
    background-color: transparent;
    border-radius: 5px;
}

.wrapper-content {
    padding: 0px 32px;
    height: 250px;
    max-height: calc(-280px + 100vh);
    transition: height 0.2s ease-out;
    overflow-y: hidden;
}

.wrapper-content h3, .wrapper-content p, .wrapper-content ul li {
    color: var(--white);
    text-align: left;
}

.wrapper-content.active {
    padding: 0px 32px;
    height: 500px;
    max-height: calc(-280px + 100vh);
    transition: height 0.2s ease-out;
    overflow-y: scroll;
}

.toggle-btn-content {
    background: var(--white);
    position: relative;
    overflow: hidden;
    cursor: pointer;
    color: var(--theme-primary-color);
    font-size: 14px;
    font-style: normal;
    display: inline-block;
    font-weight: 600;
    text-align: center;
    border-radius: 50px;
    border: 2px solid transparent;
    padding: 11.5px 20px;
    height: auto;
    box-shadow: 0 6px 27px 14px rgba(0, 0, 0, .12);
    z-index: 4;
}

.toggle-btn-content .btn-circle {
    position: absolute;
    width: 33.3334%;
    padding-bottom: 33.3334%;
    background-color: #fff;
    -webkit-transform: translateY(150%);
    -moz-transform: translateY(150%);
    transform: translateY(150%);
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    pointer-events: none;
    left: -moz-calc((var(--n) - 1) * 33.3334%);
    left: calc((var(--n) - 1) * 33.3334%);
    -webkit-transition: .5s;
    -moz-transition: .5s;
    transition: .5s;
    -webkit-transition-delay: calc((var(--n) - 1) * .1s);
    -moz-transition-delay: -moz-calc((var(--n) - 1) * .1s);
    transition-delay: calc((var(--n) - 1) * .1s);
    z-index: 1;
}

.toggle-btn-content .btn-circle:first-child {
    --n: 1;
}

.toggle-btn-content .btn-circle:nth-child(2) {
    --n: 2;
}

.toggle-btn-content .btn-circle:nth-child(3) {
    --n: 3;
}

.toggle-btn-content:hover .btn-circle {
    -webkit-transform: translateY(0) scale(2);
    -moz-transform: translateY(0) scale(2);
    transform: translateY(0) scale(2);
    z-index: -3;
}

.toggle-btn-content:hover {
    color: var(--theme-secondary-color);
    border-color: var(--theme-secondary-color);
}

/*price card slider*/
.home-price-home-list {
    padding: 30px !important;
    margin-right: 25px !important;
    margin: 10px;
    box-shadow: 0px 28px 8px rgba(127, 148, 189, 0), 0px 18px 7px rgba(127, 148, 189, 0.01), 0px 10px 6px rgba(127, 148, 189, 0.05), 0px 5px 5px rgba(127, 148, 189, 0.09), 0px 1px 2px rgba(127, 148, 189, 0.1);
    border: 1px solid var(--theme-border-color);
}
.home-price-home-list:hover {
    box-shadow: none;
}

.home-price-title {
    font-size: 18px;
}

.home-price-num {
    font-size: 12px;
}

.home-price-num span {
    color: var(--theme-primary-color);
    font-weight: 600;
    font-size: 32px;
    display: block;
    line-height: 42px;
}

.next-level-box p {
    font-size: 150px;
    color: var(--theme-third-color) !important;
}

.wrapped-btn-list a {
    padding: 15px 10px !important;
    font-size: 15px !important;
    text-transform: math-auto;
    font-weight: 500;
    display: flex;
    align-items: center;
    justify-content: center;
    align-content: center;
}

.inner-hero-head-box {
    padding-top: 6em !important;
}

@media only screen and (max-width: 768px) and (min-width: 612px) {
    .wrapped-btn-list a.btn.bg-gradient-primary {
        font-size: 13px !important;
        padding: 6px 7px !important;
    }

    .inner-hero-box {
        text-align: center;
        padding-top: 7em !important;
    }

    .tiktok-wrapped-home-img img {
        width: 30% !important;
    }

    .point-view-tab-cont, .hero-new-reviews-and-star-all-box {
        display: flex !important;
        justify-content: center !important;
    }
}

@media only screen and (max-width: 611px) and (min-width: 200px) {
    .wrapped-btn-list a.btn.bg-gradient-primary {
        font-size: 13px !important;
        padding: 6px 7px !important;
    }

    .wrapped-btn-list a svg {
        display: none;
    }

    .inner-hero-box {
        text-align: center;
        padding-top: 7em !important;
    }

    .tiktok-wrapped-home-img img {
        width: 60% !important;
    }

}

.inner-title-color-1 {
    display: inline;
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent;
    background-image: linear-gradient(to right, #f97316 0%, #FFC107 100%);
}

.inner-title-color-2 {
    display: inline;
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent;
    background-image: linear-gradient(to right, #00d9bf 0%, #06f 100%);
}

.inner-title-color-3 {
    display: inline;
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent;
    background-image: linear-gradient(339deg, #ff0569, #ff3bbd);
}

.inner-title-color-4 {
    display: inline;
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent;
    background-image: linear-gradient(135deg, #6a11cb, #2575fc);
}

.inner-title-color-5 {
    display: inline;
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent;
    background-image: linear-gradient(315deg, #fd7702, #fb0);
}


.quick-product-package-select {
    box-shadow: 0 4px 12px 0 rgba(0, 0, 0, .12);
    border-radius: 50px;
}

.quick-product-package-select select {
    border-color: var(--theme-primary-color);
}

.quick-product-package-btn {
    color: var(--white);
    border-color: transparent;
    font-weight: 600;
    border-radius: 0px 50px 50px 0;
    transition: all 0.2s ease-in-out;
    background: linear-gradient(180deg, #8C83F7 0, #655BE2 100%);
    box-shadow: 0 6px 12px #766DE880;
}

.quick-product-package-btn:hover {
    color: var(--white);
    /*transform: scale(0.95);*/
    background: linear-gradient(180deg, #6F67D9 0%, #4F45C2 100%) !important;
}

.new-cta-ani-btn {
    z-index: 10;
    background: linear-gradient(45deg, var(--theme-primary-color), #9b5eff);
    transition: color 1s;
}

.new-cta-ani-btn:hover {
    color: var(--white);
    background: var(--theme-primary-color);
}

.circle {
    position: absolute;
    width: 20rem;
    height: 20rem;
    border-radius: 50%;
    top: 0;
    bottom: 0px;
    left: 0;
    right: 0;
    transform: scale(0);
    z-index: -1;
    transition: transform 0.7s ease;
    margin: auto;
}

.circle1 {
    background: radial-gradient(circle, #9b5eff, #7d3cff); /* slightly darker purple */
    transition-duration: 0.7s;
}

.circle2 {
    background: radial-gradient(circle, #5e22c4, #3f1389); /* deepest shade */
    transition-duration: 0.5s;
}

.new-cta-ani-btn:hover .circle1 {
    transform: scale(1);
    transition-duration: 0.5s;
}

.new-cta-ani-btn:hover .circle2 {
    transform: scale(1);
    transition-duration: 0.7s;
}

.head-font-high .text-xs {
    background: var(--theme-primary-color);
    display: inline-block;
    padding: 2px 10px;
    margin-bottom: 10px !important;
    color: #fff;
    font-weight: 600;
    border-radius: 4px;
}

.para-text-design {
    color: #94a3b8;
}

.para-highlight {
    margin-top: 1.5rem;
    display: inline-flex;
    align-items: center;
    gap: .5rem;
    border-radius: 9999px;
    padding: .375rem 1rem;
    font-size: .8125rem;
    line-height: 1;
    --tw-text-opacity: 1;
    color: rgb(70 83 100 / var(--tw-text-opacity));
}

.para-highlight.blue {
    --tw-bg-opacity: 1;
    background-color: rgb(195 253 247 / var(--tw-bg-opacity));
}

.para-highlight.lime {
    --tw-bg-opacity: 1;
    background-color: rgb(239 248 122 / var(--tw-bg-opacity));
}

.para-highlight.purple {
    --tw-bg-opacity: 1;
    background-color: rgb(245 197 249);
}

.para-highlight.orange {
    --tw-bg-opacity: 1;
    background-color: rgb(253 231 132 / var(--tw-bg-opacity));
}

.packages-small {
    --height: 60px;
    width: 400px;
    height: var(--height);
    overflow: hidden;
    position: relative;
}

.packages-small .slider-packages {
    display: flex;
    flex-direction: column;
    align-items: center;
    animation: slideUpDown 11s ease-in-out infinite;
}

.caption-rolling {
    height: var(--height);
    display: flex;
    align-items: center;
    padding: 0 1rem;
    font-weight: 500;
    font-size: 16px;
}

@keyframes slideUpDown {
    0%, 11.11%     { transform: translateY(0); }
    22.22%, 33.33% { transform: translateY(-60px); }
    44.44%, 55.55% { transform: translateY(-120px); }
    66.66%, 77.77% { transform: translateY(-60px); }
    88.88%, 100%   { transform: translateY(0); }
}

.text-color-highlight{
    color: #A93AFF;
}

.text-color-highlight1{
    color: #00C0FF;
}

.text-color-highlight2{
    color: #FD5900;
}

.package-type-name{
    background: linear-gradient(to right, #6666ff, #0099ff, #00ff00, #ff3399, #6666ff);
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent;
    animation: rainbow_animation 6s ease-in-out infinite;
    background-size: 400% 100%;
}

@keyframes rainbow_animation {
    0%,100% {
        background-position: 0 0;
    }

    50% {
        background-position: 100% 0;
    }
}

.how-to-buy-box-mobile-only-horizontal .slick-slide{
    height: auto !important;
}