/* Base CSS */
* {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
}

.normal {
    color: #db2f60
}

.alignleft {
    float: left;
    margin-right: 15px;
}

.alignright {
    float: right;
    margin-left: 15px;
}

.aligncenter {
    display: block;
    margin: 0 auto 15px;
}

a:focus {
    outline: 0 solid;
}

img {
    max-width: 100%;
    height: auto;
}

body {
    color: #07171d;
    font-weight: 400;
    font-family: 'Jost';
}

h1,
h2,
h3,
h4,
h5,
h6 {
    margin: 0 0 15px;
    color: #07171d;
    font-family: 'Jost';
}

.selector-for-some-widget {
    box-sizing: content-box;
}

li {
    list-style: none;
}

a,
button {
    text-decoration: none;
    transition: 0.3s ease-in-out;
}

ul {
    margin: 0;
    padding: 0;
}

a:hover {
    text-decoration: none;
}

.button {
    font-weight: 600;
    font-size: 16px;
    text-align: center;
    padding: 20px 50px;
    border-radius: 50px;
    background: #da3061;
}

a,
button,
input,
textarea {
    outline: none !important;
}

.section-padding {
    padding: 80px 0;
}

/* .blue {
    background-color: #052D50 !important;
    border-color: #052D50 !important;
} */

.section__title {
    font-size: 40px;
    line-height: 1.5;
}

.theme-btn {
    height: 60px;
    background-color: #db2f60;
    color: #fff;
    border: 1px solid #db2f60;
    width: 220px;
}

.theme-btn img {
    width: 30px;
}

.theme-btn:hover {
    background-color: transparent;
    color: #db2f60;
    border: 1px solid #db2f60;
}

.text-pink {
    color: #db2f60 !important;
}

.theme-btn--regular {
    background-color: transparent;
    color: #db2f60;
}

@keyframes upDown {

    0%,
    100% {
        transform: translateY(0);
    }

    50% {
        transform: translateY(-15px);
    }
}

/*   animation: upDown 2s ease-in-out infinite; */

@keyframes zoomInOut {

    0%,
    100% {
        transform: scale(1);
    }

    50% {
        transform: scale(1.1);
    }
}

/* animation: zoomInOut 2s ease-in-out infinite; */

@keyframes leftRight {

    0%,
    100% {
        transform: translateX(0);
    }

    50% {
        transform: translateX(15px);
    }
}

/* animation: leftRight 2s ease-in-out infinite; */

/* ----------------------------------------- HEADER AREA START ------------------------ */

.header__area .container {
    max-width: 1424px;
}

.header__logo {
    flex: 0 0 auto;
    margin-right: 58px;
}

.main__menu {
    margin-left: 30px;
}

.search__username {
    width: 350px;
    gap: 10px;
    background-color: #f7f7f7;
    padding: 15px;
    border-radius: 6px;
}

.search__username input {
    width: 100%;
    border: 0;
    background: transparent;
    font-size: 12px;
    color: #757575;
}

.search__username button {
    border: 0;
    background: transparent;
    flex: 0 0 auto;
    font-weight: 700;
    font-size: 12px;
    line-height: 18px;
    color: #ee1e52;
}

.main__menu ul li {
    display: inline-block;
}

.main__menu ul li a {
    display: block;
    padding: 10px 12px;
    font-weight: 600;
    line-height: 20px;
    color: #000000;
}

.search__username input::placeholder {
    color: #757575;
}

.search__username button:hover {
    color: #000;
}

.main__menu ul li:hover>a {
    color: #ee1e52;
}

.login__btn {
    font-weight: 600;
    line-height: 20px;
    color: #f97b24;
    padding: 10px 12px;
}

.login__btn:hover {
    color: #db2f60;
}

.header__btn {
    gap: 14px;
}

.header__btn {
    gap: 14px;
}

.get__started {
    font-size: 13px;
    line-height: 20px;
    font-weight: 700;
    border: 1px solid #db2f60;
    padding: 14px 32px;
    background-color: #db2f60;
    color: #fff;
    border-radius: 30px;
}

.get__started:hover {
    background-color: #fff;
    color: #db2f60;
}

.header__area {
    padding: 30px 0;
}

/* ----------------------------------------- HEADER AREA END ------------------------ */

/* ----------------------------------------- HERO AREA START ------------------------ */

/* ----------------------------------------- HERO AREA END ------------------------ */

/* ----------------------------------------- BRAND AREA START ------------------------ */

.brand__area {
    padding: 60px 0;
    background-color: #f7f7f7;
}

.brand__title {
    text-align: center;
    margin-bottom: 37px;
}

.section__title h2 {
    font-family: Jost;
    font-weight: 600;
    font-size: 38px;
    line-height: 50px;
}

.section__title p {
    margin: 0;
    color: #909090;
    font-size: 16px;
}


.brand__title p {
    max-width: 524px;
    margin: 0 auto;
}

.brand__btn {
    text-align: center;
    margin-bottom: 18px;
}

.brand__logos {
    gap: 35px;
}

/* ----------------------------------------- BRAND AREA END ------------------------ */

/* ----------------------------------------- ENGAGED AREA START ------------------------ */

.play__button {
    pointer-events: auto;
    position: absolute;
    top: 50%;
    left: 50%;
    height: 130px;
    width: 130px;
    transform: translate(-50%, -50%);
    transition: left 0.3s ease, top 0.3s ease, transform 0.3s ease;
    will-change: left, top, transform;
    z-index: 2;
    pointer-events: auto;
}

.engaged__inner__block {
    padding: 105px;
    padding-bottom: 40px;
    background-color: #181d30;
    padding-top: 0;
    margin-top: 165px;
    position: relative;
    z-index: 2;
}

.engaged__thumb {
    top: -90px;
}

.engaged__area {
    padding: 60px 0;
}

.engaged__title {
    max-width: 730px;
    margin: 0 auto;
}

.engaged__shape__one {
    position: absolute;
    top: 100px;
    left: 71px;
    z-index: -1;
    animation: zoomInOut 2s ease-in-out infinite;
}

.engaged__shape__two {
    position: absolute;
    bottom: 65px;
    z-index: -1;
    right: 13%;
    animation: zoomInOut 2s ease-in-out infinite;
}

/* ----------------------------------------- ENGAGED AREA END ------------------------ */

/* ----------------------------------------- FEATURES AREA START ------------------------ */
.features__area {
    background-color: #f8f8ff;
}

/* ----------------------------------------- FEATURES AREA END ------------------------ */

/* ----------------------------------------- RESULT AREA START ------------------------ */

.result__area {
    padding: 60px 0;
}

.result__title {
    max-width: 680px;
    margin: 0 auto;
    text-align: center;
    margin-bottom: 30px;
}

.result__card {
    padding: 15px;
    text-align: center;
    /* box-shadow: 0px 0px 20px 5px #0000001a; */
    min-height: 160px;
    display: flex;
    border-radius: 30px;
    background: #fff;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    transform: translateY(0);
    transition: 0.5s all;
}

.result__card:hover {
    transform: translateY(-20px);
    background-color: #da3061;
}

.result__card:hover * {
    color: #fff;
}

.result__card h4 {
    font-weight: 600;
    font-size: 30px;
    line-height: 30px;
}

.result__card p {
    margin: 0;
    color: #7a7a7a;
    font-family: Jost;
    font-weight: 500;
    font-size: 16px;
    line-height: 25px;
    text-align: center;
}

.result__inner__block .row {
    --bs-gutter-x: 20px;
    --bs-gutter-y: 20px;
}

.result__inner__block {
    margin-bottom: 40px;
}

/* ----------------------------------------- RESULT AREA END ------------------------ */

/* ----------------------------------------- CLIENT AREA START ------------------------ */
.client__card {
    background: #fafafa;
    border-radius: 8px;
    overflow: hidden;
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.1);
}

.client__label {
    background: #fff;
    color: #000;
    text-align: center;
    font-size: 18px;
    font-weight: 600;
    padding: 13px 10px;
    text-transform: capitalize;
}

.client__label--after {
    color: #d82772;
}

.client__profile {
    padding: 15px;
}

.client__profile__header {
    display: flex;
    justify-content: space-between;
}

.client__avatar {
    width: 78px;
    height: 78px;
    overflow: hidden;
    border-radius: 50%;
    padding: 2px;
    border: 3px solid #fa7e1e;
}

.client__avatar img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 50%;
}

.client__info {
    width: 75%;
}

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

.client__username {
    font-size: 14px;
    color: #5b5b5b;
    margin: 0;
}

.client__actions span.btn {
    background: #0d99ff;
    color: #fff;
    font-size: 12px;
    padding: 7px 9px;
    font-weight: 600;
    border-radius: 3px;
    margin-right: 6px;
    display: inline-block;
}

.client__actions .btn-icon i,
.client__actions>i {
    color: #7a7a7a;
}

.client__info__stats {
    margin: 20px 0;
}

.client__info__stats ul {
    display: flex;
    padding: 0;
    margin: 0;
}

.client__info__stats li {
    list-style: none;
    margin-right: 17px;
    text-align: center;
    position: relative;
}

.client__info__stats li h4 {
    font-size: 20px;
    font-weight: 500;
    color: #000;
    margin: 0 0 8px;
    line-height: 1.2;
}

.client__info__stats li p {
    font-size: 16px;
    color: #7a7a7a;
    margin: 0;
}

.client__bio {
    margin-top: 10px;
}

.client__bio h4 {
    font-size: 14px;
    font-weight: 700;
    color: #000;
    margin: 0;
}

.client__bio p {
    font-size: 12px;
    color: #7a7a7a;
    font-weight: 500;
    margin: 0;
}

.client__hover-img {
    position: absolute;
    top: -17px;
    left: -10px;
    width: 90px;
    height: 90px;
    border-radius: 50%;
}

.client__actions span.btn i {
    color: #fff;
}

/* ----------------------------------------- CLIENT AREA END ------------------------ */

section.client__area {
    padding: 60px 0;
}

.client__area button.owl-dot.active span {
    width: 31px;
    border-radius: 10px;
    background-color: #DA3061;
}

.sr-only-feature {
    position: absolute !important;
    width: 1px !important;
    height: 1px !important;
    padding: 0 !important;
    margin: -1px !important;
    overflow: hidden !important;
    clip: rect(0, 0, 0, 0) !important;
    border: 0 !important;
    min-width: 1px !important;
    min-height: 1px !important;
    background: #000 !important;
    color: #fff !important;
}

/* ----------------------------------------- TESTIMONIAL AREA START ------------------------ */

.testimonial__area {
    padding: 20px 0;
}

.testimonial__title {
    margin: 0 auto;
    margin-bottom: 20px;
}

.testimonial__card {
    border-radius: 20px;
    padding: 40px;
    min-height: 361px;
    background: #F6F6F6;
    box-shadow: 0px 10px 16px 0px #00000017;
    margin: 10px;
}

.testimonial__card:hover {
    background-color: #db2f60;
}

.testimonial__card:hover * {
    color: #fff !important;
}

.quote__icon {
    display: block;
    margin-bottom: 22px;
}

.testimonial__card p {
    color: #7a7a7a;
    line-height: 24px;
    margin-bottom: 24px;
}

.testimonial__logo {
    display: block;
    margin-top: 28px;
}

.common__border__style {
    display: block;
    height: 5.5px;
    border-bottom: 1px solid #e4e4e4;
    position: relative;
}

.common__border__style:before {
    position: absolute;
    left: 0;
    bottom: -1px;
    content: "";
    background: #DA3061;
    height: 3px;
    width: 90px;
}

.testimonial__cards .row {
    --bs-gutter-x: 20px;
    --bs-gutter-y: 25px;
}

/* ----------------------------------------- TESTIMONIAL AREA END ------------------------ */



/* ----------------------------------------- SERVICE AREA START ------------------------ */

section#service-area .how__it__work {
    max-width: unset;
    width: unset;
}

.service__thumb {
    /* padding-top: 85px;
    padding-right: 40px; */
    position: relative;
    z-index: 1;
}

.service__content__block {
    padding-top: 85px;
}

.service__thumb img {
    border-radius: 20px;
}

.how__it__work {
    border-radius: 10px;
    padding: 20px;
    position: absolute;
    top: 24px;
    right: 11px;
    background: #052D50;
    border: 5px solid #fff;
    display: flex;
    align-items: center;
    gap: 20px;
}

.how__it__work__content h3 {
    color: #fff;
    font-weight: 600;
    font-size: 24px;
    line-height: 100%;
    text-align: left;
    margin: 0 0 7px;
}

.how__it__work p {
    color: #ffff;
    margin: 0;
    font-family: Jost;
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    text-align: left;
}

.how__it__work__shape {
    position: absolute;
    top: 0;
    right: 0;
    animation: upDown 2s ease-in-out infinite;
}

.service__area .row {
    --bs-gutter-x: 80px;
}

.service__icon {
    display: flex;
    align-items: center;
    gap: 10px;
    margin: 20px 0;
}

.service__icon img {
    flex-shrink: 0;
    width: 42px;
    height: 100%;
}

.service__icon h3 {
    margin: 0;
    color: #000;
    font-family: Jost;
    font-weight: 600;
    font-size: 22px;
    line-height: 30px;
}

.service__content p {
    color: #7a7a7a;
    margin-bottom: 20px;
}

.service__content__block .service__content:not(:last-child) {
    margin-bottom: 17px;
}

.service__area {
    padding: 60px 0;
    overflow: hidden;
}

.service__thumb .how__it__work {
    width: 100%;
    max-width: 400px;
}

.how__it__work.position-static .how__it__work__icon img {
    width: 80px;
}

.service-body-content ul li {
    display: flex;
    align-items: flex-start;
    gap: 10px;
}

.service-body-content ul li img {
    margin-top: 4px;
}

.service-body-content ul li {
    display: flex;
    align-items: flex-start;
    gap: 10px;
    font-family: Jost;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    color: #909090;
    margin: 20px 0 0;
}

/* ----------------------------------------- SERVICE AREA END ------------------------ */

/* ----------------------------------------- ADVANTAGE AREA START ------------------------ */

.advantage__area {
    padding: 60px 0;
}

.advantage__title p {
    margin-bottom: 32px;
}

.advantage__lists {
    border-radius: 40px;
    background-color: #fff;
    padding: 40px;
    box-shadow: 0px 15px 13px 0px #0000000A;
}

.advantage__list ul li {
    color: #3a3a3a;
    display: flex;
    align-items: center;
    gap: 15px;
    font-family: Jost;
    font-weight: 500;
    font-size: 18px;
    line-height: 22px;
}

.advantage__list ul li span {
    flex: 0 0 auto;
}

.advantage__list ul li:not(:last-child) {
    margin-bottom: 15px;
}

.list__bottom__border {
    padding-bottom: 30px;
    margin-bottom: 30px;
    border-bottom: 1px solid #e4e4e4;
}

.advantage__title {
    max-width: 528px;
}

.advantage__title.section__title p {
    font-weight: 400;
    font-size: 18px;
    line-height: 28px;
}

.advantage__shape__one {
    position: absolute;
    top: -40px;
    right: 20px;
    z-index: -1;
    animation: zoomInOut 2s ease-in-out infinite;
}

.advantage__shape__two {
    position: absolute;
    bottom: -70px;
    left: 30px;
    z-index: -1;
    animation: zoomInOut 2s ease-in-out infinite;
}

/* ----------------------------------------- ADVANTAGE AREA END ------------------------ */

/* ----------------------------------------- FOLLOWER AREA START ------------------------ */

.follower__title {
    max-width: 1093px;
    margin: 0 auto;
    margin-bottom: 40px;
}

.follower__card {
    border-radius: 10px;
    background: #fff;
    box-shadow: 1px 10px 20px 0px rgba(0, 0, 0, 0.16);
}

.follower__profile {
    height: 60px;
    width: 60px;
    border-radius: 50%;
    background: linear-gradient(180deg, #f7791e 0%, #d82873 100%);
    padding: 2px;
}

.follower__profile img {
    height: 100%;
    width: 100%;
    object-fit: cover;
    border-radius: 50%;
}

.follower__header {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 10px;
}

.follower__profile__name h4 {
    margin: 0;
    color: #000;
    font-size: 16px;
    font-weight: 700;
}

.follower__feedback {
    padding: 20px 40px;
    background: linear-gradient(180deg, #f7791e 0%, #d82873 100%);
    min-height: 240px;
    display: flex;
    align-items: center;
    text-align: center;
    font-size: 14px;
    font-weight: 500;
    color: #fff;
}

.follower__card__footer {
    padding: 12px 17px;
}

.follower__footer__start {
    display: flex;
    align-items: center;
    gap: 15px;
}

.follower__footer__start a {
    display: block;
    line-height: 1;
}

.follower__aera {
    padding: 60px 0;
    overflow: hidden;
}

.follower__cards .row {
    --bs-gutter-x: 30px;
    --bs-gutter-y: 25px;
}

/* ----------------------------------------- FOLLOWER AREA END ------------------------ */

/* ----------------------------------------- FEATURED AREA START ------------------------ */

.featured__thumb {
    padding: 20px;
    border-radius: 35px;
    background-color: #eeeeec;
    box-shadow: 0 12px 24px rgba(0, 0, 0, 0.2), 0 -4px 6px rgba(0, 0, 0, 0.05),
        inset 0 2px 4px rgba(0, 0, 0, 0.08);
    max-width: 336px;
    margin-left: auto;
}

.featured__thumb img {
    border-radius: 25px;
}

.featured__inner__block .row {
    --bs-gutter-x: 50px;
    --bs-gutter-y: 30px;
}

.featured__content__wrapper {
    border-radius: 30px;
    background: #fff;
    padding: 50px;
    padding-bottom: 70px;
    padding-top: 0;
}

section.featured__area {
    background-color: #f6f6f6;
    padding: 100px 0 !important;
}

section.join__now__area {
    padding-bottom: 60px !important;
}

.featured__user__top h6 {
    color: #9e9e9e;
    text-align: center;
    font-family: Roboto;
    font-weight: 400;
    margin-bottom: 22px;
    padding-bottom: 22px;
    border-bottom: 1px solid #e4e4e4;
}

.featured__user__top {
    padding-top: 70px;
}

.featured__badge span {
    color: #db2f60;
    text-align: center;
    font-family: Poppins;
    font-weight: 600;
    line-height: 16px;
    padding: 16px 32px;
    border-radius: 100px;
    background: #fdcda6;
    margin-top: -24px;
}

.featured__user__top h4 {
    color: #000;
    text-align: center;
    font-size: 24px;
    line-height: 35px;
    font-weight: 400;
    max-width: 545px;
    margin: 0 auto;
    margin-bottom: 23px;
}

.featured__user__top p {
    color: #7a7a7a;
    text-align: center;
    max-width: 522px;
    margin: 0 auto;
    margin-bottom: 33px;
}

.featured__list {
    margin-top: 40px !important;
    max-width: 230px;
    margin: 0 auto;
}

.featured__list ul li span img {
    height: 14px;
}

.featured__list ul li {
    font-size: 16px;
    color: #54595f;
    font-weight: 400;
}

.featured__user__shape {
    position: absolute;
    top: -100px;
    left: 0;
    animation: upDown 2s ease-in-out infinite;
    z-index: -1;
}

.featured__vertical__shape {
    position: absolute;
    top: 40px;
    left: 15%;
    z-index: -1;
    animation: zoomInOut 2s ease-in-out infinite;
}

.featured__doted__shape {
    animation: leftRight 2s ease-in-out infinite;
    position: absolute;
    bottom: 150px;
    left: 20%;
    z-index: -1;
}

.circle__doted__shape img {
    height: 95px;
}

.circle__doted__shape {
    position: absolute;
    bottom: -27px;
    left: 28%;
    z-index: -1;
    animation: zoomInOut 2s ease-in-out infinite;
}


/* ----------------------------------------- FEATURED AREA END ------------------------ */

/* ----------------------------------------- EXPLORE AREA START ------------------------ */

.explore__cards {
    display: flex;
    flex-wrap: wrap;
    gap: 25px 20px;
    max-width: 785px;
}

.explore__card {
    display: block;
    width: calc(33.33% - 13.33px);
}

.eplore__card__name h5 {
    color: #000;
    font-size: 18px;
    font-weight: 700;
    line-height: 18px;
    margin: 0;
}

.eplore__card__name {
    margin-bottom: 10px;
}

.explore__thumb {
    height: 195px;
    overflow: hidden;
}

.explore__thumb img {
    height: 100%;
    width: 100%;
    object-fit: cover;
    transition: all 1s ease-in-out;
}

.explore__card:hover .explore__thumb img {
    transform: scale(1.2);
}

.explore__top__card {
    width: 464px;
    border-radius: 10px;
    background: #fff;
    box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.19);
    padding: 40px;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 0;
    z-index: 22;
}

.explore__top__card h4 {
    color: #000;
    font-family: Roboto;
    font-size: 32px;
    font-weight: 500;
    line-height: 48px;
    margin: 0;
}

.explore__top__card p {
    color: #7a7a7a;
    font-size: 22px;
    font-style: normal;
    line-height: 33px;
    margin: 0;
}

.explore__area .container {
    max-width: 1224px;
}

.explore__shape {
    position: absolute;
    top: 23%;
    right: 0;
    animation: zoomInOut 2s ease-in-out infinite;
    z-index: 33;
}

.explore__area {
    padding: 70px 0;
}

/* ----------------------------------------- EXPLORE AREA END ------------------------ */

/* ----------------------------------------- FAQ AREA START ------------------------ */
.faq__area .container {
    max-width: 924px;
    padding-bottom: 70px;
}

.faq__title {
    margin-bottom: 30px;
}

.faq__wrap button {
    padding: 34px 21px;
    box-shadow: none !important;
    border-radius: 10px !important;
    border: 1px solid #1a1a1a !important;
    background-color: #fff !important;
    color: #444 !important;
    font-family: Roboto;
    font-size: 20px;
    font-weight: 700;
    line-height: 20px;
    text-transform: capitalize;
}

.faq__wrap .accordion-item {
    border: 0;
}

.faq__wrap .accordion-body p {
    margin: 0;
    color: #000;
}

.faq__wrap .accordion-body {
    padding: 25px 21px;
    padding-bottom: 5px;
}

.faq__wrap .accordion-item:not(:last-child) {
    margin-bottom: 20px;
}

.faq__wrap .accordion-button::after {
    font-family: "Font Awesome 6 Pro";
    content: "\e59e";
    background-image: none !important;
}

.faq__wrap .accordion-button:not(.collapsed)::after {
    transform: rotate(-45deg);
}

/* ----------------------------------------- FAQ AREA END ------------------------ */

/* ----------------------------------------- JOIN NOW AREA START ------------------------ */

.join__now__area .row {
    --bs-gutter-x: 200px;
    --bs-gutter-y: 30px;
}

.join__now__content__wrap {
    max-width: 370px;
}

.join__now__area {
    overflow: hidden;
}

.join__now__content {
    margin-bottom: 30px;
}

.join__now__content__wrap .result__btn {
    margin-bottom: 25px;
}

.join__now__area .container {
    max-width: 1224px;
}

/* ----------------------------------------- JOIN NOW AREA END ------------------------ */

/* ----------------------------------------- COOKIES AREA START ------------------------ */

.header__cookie {
    background-color: #d23535;
    padding: 5px 10px;
    position: relative;
    z-index: 444;
}

.cookie__offer {
    display: flex;
    align-items: center;
    gap: 7px;
}

.timer__icon {
    flex: 0 0 auto;
}

.cookie__offer h6 {
    margin: 0;
    color: #fff;
    text-transform: uppercase;
}

.cookie__offer h6 {
    font-weight: 300;
    padding-right: 8px;
    margin-right: 10px;
    border-right: 2px solid #fff;
}

.cookie__offer h6 b {
    font-weight: 700;
}

.cookie__anniversary h5 {
    color: #fff;
    text-align: center;
    font-family: Archivo;
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: 16px;
    letter-spacing: 3px;
    text-transform: uppercase;
    margin: 0;
}

.flash__sale {
    color: #000;
    font-family: Archivo;
    font-size: 12px;
    font-weight: 500;
    line-height: 12px;
    letter-spacing: 3.2px;
    text-transform: uppercase;
    border-radius: 3px;
    background: #ffca4d;
    padding: 2px 5px;
}

.cookie__countdown ul li {
    height: 44px;
    width: 52px;
    padding: 4px;
    border-radius: 4px;
    background: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    color: #000;
    font-family: Archivo;
    font-size: 10px;
    font-style: normal;
    font-weight: 500;
    line-height: 10px;
    text-transform: uppercase;
    gap: 4px;
}

.cookie__countdown ul li span {
    color: #000;
    text-align: center;
    font-family: Archivo;
    font-size: 20px;
    font-weight: 500;
    line-height: 20px;
}

.cookie__countdown ul {
    display: flex;
    gap: 13px;
}

.cookie__shape__one {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 245px;
    z-index: -1;
}

.cookie__shape__one img,
.cookie__shape__two img {
    height: 100%;
    object-fit: cover;
    width: 100%;
}

.cookie__shape__two {
    position: absolute;
    top: 0;
    right: 0;
    height: 100%;
    width: 245px;
    z-index: -1;
}

.close__cookie {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    border: 0;
    background: transparent;
    color: #fff;
    right: 18px;
}

.header__area.sticky {
    position: sticky;
    transition: all 0.3s ease-in-out;
    background-color: #fff;
    box-shadow: 0 0 19px rgba(0, 0, 0, 0.2);
    z-index: 333;
}

.cookie__countdown {
    margin-left: 25px;
}

/* ----------------------------------------- COOKIES AREA END ------------------------ */

/* ----------------------------------------- CASE STADY AREA START ------------------------ */

.case__stady__content h2 {
    font-weight: 700;
    margin-bottom: 10px;
}

.case__stady__content {
    width: 390px;
    flex: 0 0 auto;
    padding-left: 80px;
}

.case__stady__content p {
    margin-bottom: 15px;
}

.case__stady__btn a {
    min-width: 153px;
    padding: 17px;
}

.case__study__area .container {
    max-width: 1160px;
}

.case__stady__thumbs {
    display: flex;
    position: relative;
}

.case__stady__inner__content {
    position: absolute;
    padding: 35px;
    padding-right: 50px;
    border-radius: 7px;
    background: linear-gradient(89deg,
            var(--color-red-77, #f7a491) 0%,
            var(--color-rose-52, #ee1d52) 100%);
    width: 381px;
    left: 30px;
    bottom: 30px;
}

.case__stady__thumb {
    width: 50%;
}

.case__study__area {
    padding-top: 140px;
    padding-bottom: 90px;
}

.case__stady__thumb__one {
    margin-top: -70px;
}

.case__stady__inner__content h5 {
    font-size: 20px;
    font-weight: 700;
    color: #fff;
    max-width: 273px;
    margin-bottom: 10px;
}

.case__stady__inner__content p {
    margin: 0;
    color: #fff;
}

.case__stady__inner {
    gap: 30px;
}

/* ----------------------------------------- CASE STADY AREA END ------------------------ */

/* ----------------------------------------- OUR CLIENT AREA START ------------------------ */

.our__client__content {
    flex: 0 0 auto;
}

.our__client__content h4 {
    font-size: 24px;
    font-weight: 700;
    margin-bottom: 10px;
}

.our__client__content p {
    margin: 0;
    font-size: 14px;
    color: #767381;
}

.our__client__inner__block {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 40px;
    border-radius: 10px;
    background: var(--color-grey-97, #f7f7f7);
    padding: 40px 55px;
}

.our__client__inner__block .brand__logos {
    gap: 20px;
    width: 100%;
}

.social__status__area {
    padding: 100px 0;
}

.social__status__title {
    margin-bottom: 60px;
}

.social__status__card {
    box-shadow: none;
    border-radius: 0;
    width: calc(33.33% - 20px);
    min-height: auto;
    padding: 40px 10px;
}

.social__status__mid {
    border-inline: 1px solid #000;
}

.social__status__inner {
    display: flex;
    flex-wrap: wrap;
}

.social__status__card h4 {
    font-size: 40px;
}

.social__status__card p {
    color: #767381;
}

/* ----------------------------------------- OUR CLIENT AREA END ------------------------ */

/* ----------------------------------------- STUDIES AREA START ------------------------ */

.studies__profile__picture {
    display: block;
    height: 95px;
    width: 95px;
}

.studies__profile__picture img {
    height: 100%;
    width: 100%;
    object-fit: cover;
    border-radius: 50%;
}

.studies__profile {
    display: flex;
    align-items: center;
    gap: 20px;
}

.studies__profile__content h4 {
    font-size: 24px;
    font-weight: 700;
    margin-bottom: 0;
}

.studies__profile__content h4:first-child {
    margin-bottom: 7px;
}

.studies__profile__content h4 span {
    color: #767381;
}

.studies__card__wrap {
    padding: 50px 70px;
    border-radius: 10px;
    background: #fff;
    box-shadow: 0px 10px 30px 10px rgba(232, 241, 255, 0.5);
}

.studies__followers {
    padding: 27px 30px;
    border-radius: 7px;
    background: #f7f7f7;
    display: flex;
    flex-direction: column;
    gap: 15px;
    margin: 40px 0;
}

.studies__followers p {
    color: #767381;
    margin: 0;
    display: flex;
    justify-content: space-between;
}

.studies__followers p b {
    font-size: 24px;
    color: #000;
    font-weight: 700;
}

.studies__engagement__list {
    padding: 14px 34px;
    border-radius: 7px;
    background: linear-gradient(95deg,
            var(--color-red-77, #f7a491) 0%,
            var(--color-rose-52, #ee1d52) 100%);
}

.studies__engagement__list p {
    margin: 0;
    display: flex;
    justify-content: space-between;
    color: #fff;
    align-items: center;
}

.studies__engagement__list p b {
    font-size: 24px;
}

.studies__engagement__list p:not(:last-child) {
    padding-bottom: 10px;
    border-bottom: 2px solid #fff;
}

.studies__engagement__list p:not(:first-child) {
    padding-top: 10px;
}

.view__case__stadies {
    display: flex;
    justify-content: center;
    margin-top: 40px;
}

.view__case__stadies a {
    font-size: 18px;
    font-weight: 600;
    color: #ee1d52;
    display: flex;
    align-items: center;
    gap: 10px;
}

.view__case__stadies a span {
    transition: all 0.3s ease-in-out;
}

.view__case__stadies a:hover span {
    transform: translateX(4px);
}

.studies__area .row {
    --bs-gutter-x: 30px;
    --bs-gutter-y: 20px;
}

/* ----------------------------------------- STUDIES AREA END ------------------------ */

/* ----------------------------------------- SIGNUP FOLLOWERS AREA START ------------------------ */

.signup__followers__inner {
    border-radius: 10px;
    background: linear-gradient(101deg,
            var(--color-blue-79, #a6a9eb) 1.69%,
            var(--color-violet-85, #dbc0f0) 100%);
    position: relative;
    padding: 70px 55px;
}

.singup__followers__content h2 {
    font-size: 30px;
    font-weight: 600;
    color: #fff;
    padding-bottom: 10px;
    border-bottom: 1px solid #fff;
}

.singup__followers__content>p {
    font-size: 20px;
    color: #fff;
    max-width: 312px;
    margin-bottom: 44px;
}

.singup__followers__btn a {
    min-width: 162px;
    padding: 16px 40px;
    background-color: #000;
    border-color: #000;
}

.singup__followers__btn a:hover {
    background-color: #fff;
}

.singup__followers__btn {
    margin-bottom: 25px;
}

.signup__followers__trusted {
    display: flex;
    align-items: center;
    gap: 10px;
}

.signup__followers__trusted span {
    flex: 0 0 auto;
}

.signup__followers__trusted p {
    margin: 0;
    color: #fff;
}

.signup__followers__doted {
    position: absolute;
    top: 50px;
    animation: zoomInOut 2s ease-in-out infinite;
}

.signup__followers__circle {
    position: absolute;
    top: -20px;
    left: 27%;
    animation: upDown 2s ease-in-out infinite;
}

.signup__followers__area {
    padding-bottom: 100px;
    padding-top: 140px;
}

.signup__followers__area .container {
    max-width: 1120px;
}

.signup__followers__shape {
    position: absolute;
    bottom: 0;
    right: 0;
}

/* ----------------------------------------- SIGNUP FOLLOWERS AREA END ------------------------ */

/* ----------------------------------------- PRICING AREA START ------------------------ */
.pricing__switch {
    position: relative;
    width: 60px;
    height: 30px;
    display: inline-block;
}

.pricing__switch input {
    opacity: 0;
    width: 0;
    height: 0;
}

.pricing__switch span {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #f7f7f7;
    /* OFF state background */
    transition: 0.4s;
    border-radius: 30px;
}

.pricing__switch span::before {
    position: absolute;
    content: "";
    height: 22px;
    width: 22px;
    left: 4px;
    top: 4px;
    background-color: #db2f60;
    /* OFF state circle color */
    transition: 0.4s;
    border-radius: 50%;
}

.pricing__switch input:checked+span {
    background-color: #e91e63;
    /* ON state background */
}

.pricing__switch input:checked+span::before {
    transform: translateX(30px);
    background-color: white;
    /* ON state circle color */
}

.pricing__title {
    max-width: 623px;
    margin: 0 auto;
}

.pricing__area {
    padding-top: 40px;
    padding-bottom: 150px;
}

.pricing__switch__block {
    /*gap: 20px;*/
    margin-top: 20px;
}

.save__yearly {
    font-size: 15px;
    font-weight: 500;
    color: #000000;
    border-radius: 3px;
    background: #ffc465;
    padding: 2px 8px;
    width: 210px;
    margin: 0 auto;
    display: block;
    text-align: center;
}

.pricing__card__block {
    padding-top: 30px;
    max-width: 940px;
    margin: 0 auto;
}

.pricing__button a {
    width: 100%;
}

.pricing__button {
    margin-bottom: 40px;
    padding: 0 20px;
}

.pricing__list {
    padding: 0 20px;
}

.pricing__list__bg {
    margin-inline: -20px;
    padding: 20px;
    background-color: #f8f8ff;
    margin-top: 18px;
}

.pricing__check {
    display: block;
    height: 20px;
    width: 20px;
    line-height: 1;
}

.question_icon {
    display: block;
    height: 20px;
    width: 20px;
    line-height: 1;
    position: absolute;
    right: 0;
}

.pricing__list ul li {
    display: flex;
    align-items: center;
    gap: 10px;
    color: #000;
    font-weight: 400;
    position: relative;
    padding-right: 30px;
}

.pricing__list ul li:not(:last-child) {
    margin-bottom: 10px;
}

.pricing__card {
    background-color: #fff;
    box-shadow: 1px 20px 42px 0px rgba(0, 0, 0, 0.1);
    border: 1px solid #e0e0e0;
    padding: 50px 35px;
    padding-top: 0;
}

.pricing__card__block .row {
    --bs-gutter-x: 0;
}

.pricing__top__content h2 {
    font-size: 34px;
    font-weight: 700;
    line-height: 45px;
    text-align: center;
    color: #000000;
}

.pricing__top__content {
    margin-top: 30px;
    padding: 0 20px;
}

.pricing__badge {
    text-align: center;
    margin-top: -22px;
}

.pricing__badge span {
    color: #ee1d52;
    font-weight: 700;
    padding: 10px 20px;
    display: inline-block;
    border-radius: 30px;
    background-color: #fdcda6;
}

.pricing__card__price h3 {
    font-size: 35px;
    font-weight: 700;
    text-align: center;
    margin: 0;
    display: flex;
    align-items: center;
    gap: 7px;
    font-family: "Archivo", sans-serif;
}

.pricing__card.active {
    border-color: #db2f60;
}

.pricing__card__price p {
    margin: 0;
    font-size: 14px;
    color: #000;
}

.discount__price {
    color: #767381;
    font-weight: 500;
}

.pricing__card__price {
    display: flex;
    align-items: center;
    gap: 10px;
    justify-content: center;
}

.billed__badge span {
    padding: 5px 16px;
    font-size: 12px;
    font-weight: 500;
    color: #ee1d52;
    background-color: #fabbcb;
    border-radius: 3px;
}

.billed__badge {
    display: flex;
    justify-content: center;
    margin-top: 15px;
    /* margin-bottom: 53px;*/
    padding: 0 20px;
}

.pricing__card__paragrapg p {
    color: #767381;
    text-align: center;
    max-width: 312px;
    margin: 0 auto;
    margin-bottom: 34px;
}

.lead__inner__block {
    padding: 80px;
    position: relative;
    background-color: #181d30;
    z-index: 1;
}

.lead__content h2 {
    max-width: 395px;
    margin-bottom: 15px;
    color: #fff;
}

.lead__content p {
    font-size: 20px;
    color: #b7b7b7;
}

.lead__inner__block .common__border__style {
    margin-top: 10px;
    border-color: #a7a7a7;
}

.lead__brand__area h4 {
    font-size: 20px;
    font-weight: 700;
    color: #fff;
    text-align: center;
}

.lead__brand__area {
    padding-top: 80px;
    max-width: 950px;
    margin: 0 auto;
}

.lead__brands {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 20px;
    flex-wrap: wrap;
}

.lead__brands a {
    display: block;
    width: 115px;
}

.pricing__card__block .row .col-md-6:first-child .pricing__card {
    border-top-left-radius: 12px;
    border-bottom-left-radius: 12px;
}

.pricing__card__block .row .col-md-6:last-child .pricing__card {
    border-top-right-radius: 12px;
    border-bottom-right-radius: 12px;
}

.coocis__get__started {
    flex: 0 0 auto;
}

.lead__thumb {
    position: relative;
}

.singup__followers__content .primary__btn {
    padding: 14px 40px;
    min-width: auto;
    width: auto;
}

.lead__content__card {
    background-color: #fff;
    width: 280px;
    padding: 20px;
    border-radius: 10px;
    position: absolute;
    bottom: -45px;
    right: -20px;
    z-index: 2;
    animation: upDown 2s ease-in-out infinite;
}

.lead__content__card h3 {
    margin: 0;
    font-size: 22px;
    font-weight: 700;
    margin-bottom: 4px;
}

.lead__content__card p {
    margin: 0;
    color: #767381;
}

/* ----------------------------------------- PRICING AREA END ------------------------ */

/* ----------------------------------------- REAL FOLLOWERS AREA START ------------------------ */
.real__followers__area {
    margin-top: 60px;
}

.real__followers__area .row {
    --bs-gutter-y: 50px;
    --bs-gutter-x: 40px;
}

.real__follower__content h2 {
    font-weight: 500;
}

.real__follower__content p {
    margin-bottom: 25px;
}

.real__follower__content {
    max-width: 333px;
}

.user__review__content p {
    margin: 0;
    color: #767381;
    padding: 30px 20px;
}

.user__review__card {
    border-radius: 20px;
    background-color: #fff;
    box-shadow: 0px 10px 30px 10px rgba(232, 241, 255, 0.5);
    overflow: hidden;
}

.user__profile__info {
    background-color: #ee1d52;
    padding: 20px;
    display: flex;
    justify-content: space-between;
}

.user__profile__name h5 {
    font-weight: 700;
    font-size: 13px;
    margin: 0;
    color: #fff;
    margin-bottom: 5px;
}

.user__profile__name p {
    margin: 0;
    font-size: 12px;
    color: #fff;
}

.user__profile__picture {
    height: 80px;
    width: 80px;
    position: relative;
    top: -10px;
    margin-top: -36px;
}

.user__profile__picture img {
    height: 100%;
    width: 100%;
    object-fit: cover;
    border-radius: 50%;
    border: 5px solid #ffff;
}

.user__review__card__wrapper .user__review__card:not(:last-child) {
    margin-bottom: 15px;
}

.user__review .container {
    max-width: 1160px;
}

.user__review__cards .row {
    --bs-gutter-x: 30px;
    --bs-gutter-y: 15px;
}

.user__tabs__btn button {
    color: #767381 !important;
    border: 1px solid #c8c9cb !important;
    border-radius: 6px !important;
    font-size: 12px;
    background-color: #fff;
}

.user__tabs__btn button.active {
    color: #fff !important;
    background-color: #db2f60 !important;
    border-color: #db2f60 !important;
}

.user__tabs__btn .owl-nav button {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    height: 44px;
    width: 44px;
    border-radius: 50% !important;
    background-color: #fff !important;
    color: #db2f60 !important;
    font-size: 20px !important;
    border: 0 !important;
    box-shadow: 3px 5px 20px 0px rgba(118, 115, 129, 0.2);
    left: 0;
}

.user__tabs__btn {
    border: 0 !important;
    padding-inline: 10px;
    margin-bottom: 65px;
}

.user__tabs__btn .owl-stage-outer {
    padding-bottom: 5px !important;
    height: 36px !important;
}

.user__tabs__btn .owl-nav button.owl-next {
    left: auto;
    right: 0;
}

.user__review__loadmore .primary__btn {
    min-width: auto;
    padding: 12px 24px;
}

.user__review__loadmore {
    padding-top: 50px;
}

.user__review {
    padding: 60px 0;
    background-color: #f6f6f6;
    margin-bottom: 70px;
    overflow: hidden;
}

.user__review__title h3 {
    color: #000000;
    font-size: 30px;
    margin-bottom: 30px;
}

/* ----------------------------------------- REAL FOLLOWERS AREA END ------------------------ */

/* ----------------------------------------- COMPARISON AREA START ------------------------ */

.verified__content__wrap {
    padding-top: 140px;
    padding-bottom: 100px;
    max-width: 780px;
    margin: 0 auto;
}

.verified__content h4 {
    font-weight: 700;
    font-size: 22px;
}

.verified__content p {
    font-size: 20px;
    color: #767381;
}

.verified__content .common__border__style:before {
    left: 50%;
    transform: translateX(-50%);
}

.verified__content .common__border__style {
    margin-top: 30px;
}

.verified__rating h4 span {
    height: 32px;
    width: 32px;
}

.verified__rating h4 {
    font-size: 22px;
    font-weight: 700;
}

.verified__rating {
    margin-top: 30px;
    margin-bottom: 20px;
}

.verified__rating>span {
    height: 30px;
}

.comparison__header {
    padding: 40px 20px;
    background-color: #181d30;
    gap: 80px;
    align-items: center;
    display: flex;
}

.comparison__header__title h3 {
    margin: 0;
    font-size: 30px;
    color: #fff;
    font-weight: 400;
}

.comparison__check__list h5 {
    font-size: 30px;
    font-weight: 700;
    color: #fff;
}

.comparison__check__list .gradient__border {
    width: 100%;
}

.comparison__header__title {
    display: flex;
    flex-grow: 1;
    padding-left: 60px;
}

.comparison__check__list {
    width: 180px;
}

.comparison__content__wrap {
    border: 1px solid #e2e8f0;
    border-top: 0;
}

.comparison__content__blk {
    padding: 30px 20px;
    background-color: #ffffff;
    display: flex;
    align-items: center;
    border-bottom: 1px solid #e2e8f0;
}

.comparison__content h5 {
    font-size: 20px;
    font-weight: 400;
    margin-bottom: 15px;
}

.comparison__content p {
    max-width: 398px;
    color: #767381;
    margin: 0;
}

.comparison__content {
    flex-grow: 1;
    padding-left: 60px;
}

.comparison__check__block {
    width: 440px;
    display: flex;
    gap: 80px;
}

.comparison__check {
    width: 50%;
}

.comparison__check>span img {
    height: 28px;
}

.comparison__inner__title h4 {
    margin: 0;
    font-weight: 700;
    font-size: 20px;
}

.comparison__inner__title {
    padding: 25px 80px;
    background-color: #f6f6f6;
}

.comparison__area {
    padding-bottom: 20px;
}

/* ----------------------------------------- COMPARISON AREA END ------------------------ */

/* ----------------------------------------- LEAD AREA START ------------------------ */

.lead__doted__shape {
    position: absolute;
    top: -40px;
    z-index: -1;
    left: 0;
    animation: zoomInOut 2s ease-in-out infinite;
}

.lead__shape__two {
    position: absolute;
    top: 102%;
    left: 0;
    animation: zoomInOut 2s ease-in-out infinite;
}

.lead__shape__two img {
    height: 120px;
}

/* ----------------------------------------- LEAD AREA END ------------------------ */

/* ----------------------------------------- EXPLODE AREA START ------------------------ */
.explode-checkbox {
    position: relative;
    display: inline-block;
    width: 30px;
    height: 30px;
}

.explode-checkbox input {
    opacity: 0;
    width: 0;
    height: 0;
}

.explode-checkbox span {
    position: absolute;
    top: 0;
    left: 0;
    height: 30px;
    width: 30px;
    background-color: #f3f3f3;
    border: 2px solid #b3b3b3;
    border-radius: 4px;
    transition: all 0.3s;
    cursor: pointer;
}

.explode-checkbox input:checked+span {
    background-color: #ee1d52;
    border-color: #ee1d52;
}

.explode-checkbox span::after {
    content: "";
    position: absolute;
    display: none;
    left: 9px;
    top: 4px;
    width: 8px;
    height: 15px;
    border: solid #fff;
    border-width: 0 2px 2px 0;
    transform: rotate(45deg);
}

.explode-checkbox input:checked+span::after {
    display: block;
}

.explode__card__block {
    padding: 12px 29px;
    border-radius: 12px;
    border: 1px solid #e0e0e0;
    background-color: #fff;
    display: flex;
    justify-content: space-between;
}

.explode__start__content h5 {
    font-size: 13px;
    font-weight: 700;
    color: #fff;
    padding: 6px 9px;
    background-color: #ee1d52;
    display: inline-block;
    margin-bottom: 20px;
}

.explode__start__content h4 {
    font-size: 20px;
    font-weight: 700;
    margin-bottom: 10px;
}

.explode__start__content p {
    margin: 0;
    color: #767381;
    font-size: 14px;
    max-width: 339px;
}

.explode__price h4 {
    font-size: 35px;
    font-weight: 700;
    text-align: center;
    margin: 0;
    display: flex;
    align-items: center;
    gap: 7px;
    font-family: "Archivo", sans-serif;
}

.explode__price>span {
    margin: 0;
    font-size: 14px;
    color: #000;
    display: block;
    margin-bottom: 5px;
}

.explode__price {
    display: flex;
    align-items: flex-end;
    gap: 8px;
    justify-content: flex-end;
}

.explode__end__content .billed__badge {
    padding: 0;
    margin-bottom: 25px !important;
}

.explode__end__content {
    flex: 0 0 auto;
    display: flex;
    flex-direction: column;
    align-items: flex-end;
}

.explode__inner__wrap {
    padding: 40px 30px;
    height: 100%;
}

.left__border {
    border-left: 1px solid #e0e0e0;
}

.explode__inner__title h4 {
    font-size: 20px;
    text-align: center;
    max-width: 429px;
    margin: 0 auto;
    margin-bottom: 20px;
}

.explode__input__field label {
    display: block;
    color: #333333;
    margin-bottom: 8px;
}

.explode__input__field input {
    width: 100%;
    padding: 5px;
    border: 0;
    border-bottom: 1px solid #ebebeb;
}

.offer__explode__text {
    color: #008000;
    font-weight: 700;
    text-align: center;
    margin-top: 30px;
}

.explode__btn a {
    width: 100%;
}

.explode__payment__method a {
    width: 83px;
    height: 52px;
    border: 2px solid #ededed;
    border-radius: 10px;
    overflow: hidden;
}

.explode__payment__method a img {
    height: 100%;
    width: 100%;
    object-fit: cover;
}

.explode__payment__method {
    margin-top: 40px;
}

.explode__inner__block {
    border: 1px solid #e0e0e0;
    border-radius: 12px;
}

.explode__inner__block .row {
    --bs-gutter-x: 0;
}

.explode__area {
    padding-top: 70px;
}

.explode__title {
    max-width: 467px;
    margin: 0 auto;
    margin-bottom: 40px;
}

.explode__title p {
    font-size: 18px;
    color: #000000;
}

.explode__client {
    padding: 80px 0;
}

/* ----------------------------------------- EXPLODE AREA END ------------------------ */

/* ----------------------------------------- RESOURCES AREA START ------------------------ */

.resource__area {
    padding: 60px 0;
    position: relative;
    z-index: 2;
    overflow: hidden;
}

.resource__buttons {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 5px 13px;
    flex-wrap: wrap;
    padding-bottom: 40px;
    border-bottom: 1px solid #cccccc;
}

.resource__buttons .secondary__btn {
    padding: 14px 24px;
    min-width: auto;
    font-size: 12px;
    font-weight: 400;
}

.resource__card__top__btn a {
    padding: 14px 24px;
    min-width: auto;
    font-size: 12px;
    font-weight: 400;
    text-decoration: underline;
}

.resource__card__top {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-top: 60px;
    padding-bottom: 30px;
}

.resource__area .container {
    max-width: 1160px;
}

.resource__card__thumb {
    height: 200px;
}

.resource__card__thumb img {
    height: 100%;
    width: 100%;
    object-fit: cover;
}

.resource__card__content {
    display: block;
    min-height: 200px;
    padding: 25px;
    background-color: #fff;
}

.resource__card__content h4 {
    font-size: 20px;
    /*text-decoration: underline;*/
    font-weight: 500;
    color: #000;
    margin-bottom: 5px;
}

.resource__card__content p {
    color: #777777;
   /* text-decoration: underline;*/
    margin: 0;
}

.resource__card__footer {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 16px 20px;
    border-top: 1px solid #d3d3d3;
    background-color: #fff;
}

.resource__readmore {
    color: #cc3366;
    font-weight: 700;
    text-decoration: underline;
}

.resource__more img {
    height: 27px;
}

.resource__card {
    box-shadow: 0px 0px 7px 0px #ccc;
    border-radius: 5px;
}

.resource__cards .row {
    --bs-gutter-x: 30px;
    --bs-gutter-y: 30px;
}

.resource__shape__one {
    position: absolute;
    top: 0;
    z-index: -1;
    right: 20px;
    height: 290px;
    animation: zoomInOut 2s ease-in-out infinite;
}

.resource__shape__one img {
    height: 100%;
}

.resource__shape__two {
    height: 400px;
    position: absolute;
    left: 6%;
    z-index: -1;
    top: 445px;
    animation: zoomInOut 2s ease-in-out infinite;
}

.resource__shape__two img {
    height: 100%;
}

.resource__shape__three {
    height: 400px;
    position: absolute;
    right: 6%;
    z-index: -1;
    bottom: 445px;
    animation: zoomInOut 2s ease-in-out infinite;
}

.resource__shape__three img {
    height: 100%;
}

.coocis__network>span img {
    height: 22px;
}

.coocis__network p {
    margin: 0;
    color: #fff;
}

.coocis__network {
    display: flex;
    align-items: center;
    gap: 8px;
    margin-right: 30px;
    padding: 8px 0;
}

.coocis__get__started a {
    display: flex;
    align-items: center;
    gap: 11px;
    color: #fff;
    text-decoration: underline;
}

/* ----------------------------------------- RESOURCES AREA END ------------------------ */

/* ----------------------------------------- BLOG AREA START ------------------------ */

.blog__profile {
    padding: 40px;
    border-bottom: 1px solid #dcdcdc;
    gap: 20px;
}

.blog__profile__image {
    height: 100px;
    width: 100px;
}

.blog__profile__image img {
    height: 100%;
    width: 100%;
    border-radius: 50%;
}

.blog__profile__content h5 {
    font-weight: 700;
    font-size: 20px;
    margin-bottom: 5px;
}

.blog__profile__content p {
    font-size: 18px;
    color: #cc3366;
}

.blog__profile__content p span {
    color: #767381;
}

.blog__contents {
    padding-top: 60px;
}

.blog__contents p,
.blog__contents span {
    color: #767381;
}

.blog__thumb {
    padding: 35px;
}

.blog__table__content {
    background-color: #f3f3f3;
    margin-bottom: 30px;
}

.blog__table__header {
    padding: 30px 60px;
    display: flex;
    justify-content: space-between;
    border-bottom: 1px solid #d5d5d5;
}

.blog__table__header h5 {
    font-size: 24px;
    margin: 0;
}

.blog__table__header button {
    height: 30px;
    width: 35px;
    border: 1px solid #999191;
    border-radius: 5px;
}

.blog__table__body {
    padding: 30px 75px;
}

.blog__table__body p {
    line-height: 32px;
    margin: 0;
}

.blog__table__body span {
    font-size: 14px;
    display: block;
    margin-left: 35px;
}

.blog__table__body p,
.blog__table__body span {
    font-weight: 500;
}

.blog__table__body h4 {
    font-weight: 700;
    gap: 18px;
}

.blog__contents h4 {
    font-weight: 700;
    font-size: 18px;
}

.blog__contents .section__title h2 {
    margin-bottom: 30px;
}

/*.blog__contents h5 {
  font-weight: 900;
  font-style: italic;
}*/

.blog__followers__content {
    margin: 0 auto;
    padding: 27px;
    border-bottom: 1px solid #dcdcdc;
}

.blog__followers__content h5 {
    font-weight: 500;
    font-size: 24px;
}

.blog__followers__content a {
    padding: 15px 27px;
    min-width: auto;
}

.blog__followers {
    padding-top: 60px;
}

.blog__contents p a {
    color: #cc3366;
}

.blog__contents p a:hover {
    color: #000;
}

.grow__instagram__inner {
    padding-top: 220px;
    padding-bottom: 150px;
    background-color: #f7f7f7;
    padding-right: 20px;
    position: relative;
}

.grow__instagram__area .join__now__content__wrap {
    max-width: 555px;
    margin-left: auto;
    padding-left: 10px;
}

.grow__instagram__inner .result__btn {
    margin: 0;
}

.grow__instagram__inner .result__btn a {
    padding: 16px;
    min-width: auto;
}

.grow__thumb {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 444px;
}

.grow__instagram__area .container {
    max-width: 1120px;
}

.blog__inner__block .container {
    max-width: 1120px;
}

.grow__instagram__area {
    padding: 65px 0;
}

.grow__network__icon p {
    margin: 0;
}

.grow__network {
    display: flex;
    align-items: center;
    justify-content: space-between;
    background-color: #ee1d52;
    border-radius: 6px;
    padding-right: 20px;
    box-shadow: 0px 10px 20px 10px rgba(20, 23, 68, 0.15);
    margin-top: 50px;
}

.grow__network__icon {
    display: flex;
    align-items: center;
    gap: 10px;
    color: #fff;
}

.grow__network__icon>span img {
    height: 54px;
}

.blog__top__list ul {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}

.blog__top__list ul li a {
    color: #cc3366;
    font-size: 14px;
    display: flex;
}

.blog__top__list ul li a>span {
    display: block;
    margin-inline: 12px;
}

.blog__top__list ul li:last-child a {
    color: #767381;
}

.blog__top__list .container {
    max-width: 1120px;
}

.blog__top__list__wrap {
    background-color: #f3f3f3;
    padding: 10px 0;
    /*margin-bottom: 40px;*/
}

.blog__title h3 {
    font-size: 45px;
    font-weight: 700;
}

/* ----------------------------------------- BLOG AREA END ------------------------ */
/* -----------------------------------------  FLASH PRICING AREA START ------------------------ */
.flash__pricing__wrap {
    max-width: 1070px;
}

.flash__pricing__wrap .pricing__badge {
    margin: 0;
    position: absolute;
    top: -22px;
    left: 50%;
    transform: translateX(-50%);
}

.flash__pricing__wrap .pricing__card {
    position: relative;
    padding-left: 22px;
    padding-right: 22px;
}

.flash__pricing__wrap .pricing__top__content {
    padding: 0;
}

.flash__pricing__wrap .pricing__button {
    padding: 0;
}

.flash__pricing__wrap .pricing__list {
    padding: 0;
}

.flash__pricing__wrap .pricing__check img {
    height: 13px;
}

.flash__pricing__wrap .primary__btn {
    padding: 16px 8px;
    background-color: #000000;
    border-color: #fff;
}

.flash__pricing__wrap .primary__btn:hover {
    background-color: #fff;
}

.pricing__top__border {
    margin-top: 30px;
    padding-top: 20px;
    border-top: 1px solid #EBEBEB;
}

/* -----------------------------------------  FLASH PRICING AREA END ------------------------ */


/* ----------------------------------------- ANNIVERSARY AREA START ------------------------ */

.anniversary__area {
    background-color: #D23535;
    position: relative;
    z-index: 2;
    min-height: 720px;
}

.anniversary__header__shape img {
    height: 90px;
}

.anniversary__offer__image {
    max-width: 575px;
    margin: 0 auto;
}

.anniversary__area .primary__btn {
    padding: 16px 8px;
    background-color: #000000;
    border-color: #000;
    margin-top: -50px;
}

.anniversary__area .primary__btn:hover {
    background-color: #D23535;
    border-color: #fff;
}

.anniversary__shape__one {
    position: absolute;
    left: 0;
    top: 0;
    height: 490px;
    width: 490px;
    z-index: -1;
}

.anniversary__shape__two {
    position: absolute;
    right: 0;
    top: 0;
    height: 490px;
    width: 490px;
    z-index: -1;
}

.anniversary__shape__three img,
.anniversary__shape__four img {
    height: 457px;
}

.anniversary__shape__three {
    position: absolute;
    left: 0;
    bottom: -100px;
}

.anniversary__shape__four {
    position: absolute;
    right: 0;
    bottom: -100px;
}

.flash__pricing__wrap {
    position: relative;
    z-index: 33;
    padding-top: 0;
    margin-top: -165px;
}

/* ----------------------------------------- ANNIVERSARY AREA END ------------------------ */

/* ----------------------------------------- INFLUNCER AREA START ------------------------ */

.influncer__inner {
    padding: 70px 30px;
    background-color: #F7F7F7;
}

.influncer__area {
    padding-top: 70px;
}

/* ----------------------------------------- INFLUNCER AREA END ------------------------ */

/* ----------------------------------------- HOW WORK AREA START ------------------------ */

.how__work__area {
    padding-top: 130px;
    padding-bottom: 90px;
}

.how__work__inner__title {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 30px;
}

.how__work__inner__title h4 {
    font-size: 30px;
    font-weight: 700;
    margin: 0;
}

.how__work__inner__title p {
    font-size: 20px;
    margin: 0;
}

.how__work__content {
    display: flex;
    gap: 20px;
    min-height: 145px;
}

.how__work__icon>img {
    height: 50px;
}

.how__work__text h4 {
    font-weight: 700;
    font-size: 18px;
    margin-bottom: 10px;
}

.how__work__text p {
    margin: 0;
    color: #767381;
}

.how__work__icon {
    position: relative;
    z-index: 1;
    flex: 0 0 auto;
}

.how__work__arrow__icon {
    line-height: 1;
    position: absolute;
    height: 70px;
    width: 9px;
    left: 50%;
    transform: translateX(-50%);
    top: 55px;
}

.how__work__btn a {
    padding: 16px 45px;
    min-width: auto;
}

/* ----------------------------------------- HOW WORK AREA END ------------------------ */

/* ----------------------------------------- STRUGGLR AREA START ------------------------ */

.struggle__inner__block {
    padding-bottom: 220px;
    padding-top: 120px;
    padding-left: 90px;
    padding-right: 50px;
    background-color: #F7F7F7;
    position: relative;
    z-index: 1;
    max-width: 1200px;
    margin: 0 auto;
}

.struggle__left__content>h4 {
    font-weight: 700;
}

.struggle__left__content p {
    color: #767381;
}

.struggle__list__block ul li {
    display: flex;
    align-items: center;
    font-size: 14px;
    color: #000000;
    gap: 8px;
}

.struggle__list__block ul li>span img {
    height: 13px;
}

.struggle__list__block ul li>span {
    flex: 0 0 auto;
    gap: 8px;
}

.struggle__list__block {
    display: flex;
    gap: 50px;
}

.struggle__list__block ul {
    width: 205px;
}

.struggle__add {
    margin-top: 30px;
}

.struggle__add a {
    display: inline-block;
    color: #767381;
}

.struggle__add a:hover {
    color: #DB2F60;
}

.struggle__thumb {
    position: absolute;
    bottom: 0;
    right: 0;
    width: 50%;
    z-index: -1;
}

/* ----------------------------------------- STRUGGLR AREA END ------------------------ */

/* ----------------------------------------- CHECKUP AREA START ------------------------ */

.checkup__inner__block {
    padding: 70px 100px;
    background: linear-gradient(151deg, rgba(177, 174, 235, 1) 0%, rgba(211, 188, 242, 1) 100%);
    max-width: 1200px;
    margin: 0 auto;
}

.checkup__content {
    max-width: 560px;
}

.checkup__content h4 {
    font-size: 28px;
    font-weight: 700;
    color: #fff;
}

.checkup__content p {
    color: #fff;
    margin-bottom: 22px;
}

.checkup__inner__block .primary__btn {
    background-color: #000;
    border-color: #000;
    padding: 16px;
}

.checkup__inner__block .primary__btn:hover {
    background-color: #fff;
    border-color: #fff;
}

.checkup__thumb {
    max-width: 300px;
    margin-left: auto;
}

.how__work__area .container {
    max-width: 1242px;
}

.how__different .advantage__inner__block {
    max-width: 1200px;
    margin: 0 auto;
}

.how__different {
    padding-top: 180px;
    padding-bottom: 120px;
}

.feedback__card {
    padding: 20px;
    border-radius: 10px;
    background: #fff;
    box-shadow: 0px 11px 14px 10px rgba(232, 241, 255, 0.50);
}

.feedback__quoet__icon {
    width: 32px;
    height: 32px;
}

.feedback__quoet__icons a img {
    height: 16px;
}

.feedback__quoet__icons {
    display: flex;
    gap: 10px;
    align-items: center;
}

.feedback__card__top {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 26px;
}

.feedback__content p {
    color: #767381;
    margin-bottom: 30px;
    font-size: 13px;
    min-height: 78px;
}

.feedback__profile__picture {
    height: 42px;
    width: 42px;
    flex: 0 0 auto;
}

.feedback__profile__name h4 {
    font-weight: 700;
    color: #000000;
    margin-bottom: 5px;
    font-size: 16px;
}

.feedback__profile__name p {
    margin: 0;
    color: #767381;
    font-size: 14px;
}

.feedback__profile__block {
    display: flex;
    gap: 10px;
}

.feedback__review__star p {
    margin: 0;
    font-size: 12px;
    text-align: center;
    color: #767381;
}

.feedback__review__star span img {
    height: 12px;
}

.feedback__title h2 {
    margin-bottom: 40px;
}

.feedback__area {
    padding-top: 70px;
}

.feedback__bottom__btn a {
    background-color: #000;
    border-color: #000;
    padding: 16px;
}

.feedback__bottom__btn a:hover {
    border-color: #fff;
    background-color: #DB2F60;
}

.feedback__bottom__btn {
    margin-top: 30px;
}

.feedback__card__block {
    padding: 15px;
    padding-bottom: 35px;
}

.reels__shape__one {
    position: absolute;
    left: 9px;
    top: 77px;
    z-index: -1;
    animation: zoomInOut 2s ease-in-out infinite;
}

.reels__shape__two {
    position: absolute;
    left: 10px;
    bottom: 27px;
    animation: upDown 2s ease-in-out infinite;
}

.reels__shape__three {
    position: absolute;
    height: 90px;
    width: 90px;
    animation: zoomInOut 2s ease-in-out infinite;
    right: 35px;
    bottom: 48px;
    z-index: 2;
}

.reels__shape__one img {
    height: 50px;
}

.reels__shape__two img {
    height: 88px;
}

.social__review__text {
    display: flex;
    align-items: center;
    gap: 5px;
    justify-content: center;
    margin-bottom: 12px;
}

.social__review__text p {
    margin: 0;
    color: #333333;
}

.social__review__text span img {
    height: 20px;
}

.social__review__title .section__title h2 {
    font-weight: 700;
    margin-bottom: 10px;
}

.social__review__title .primary__btn {
    padding: 15px 25px;
    min-width: auto;
    font-weight: 500;
    letter-spacing: 2px;
    border-radius: 10px;
    margin-top: 20px;
}

.social__review__title {
    padding-bottom: 40px;
}

.reels-slider {
    padding-top: 75px;
    padding-bottom: 50px;
}

/* ----------------------------------------- CHECKUP AREA END ------------------------ */

/* ----------------------------------------- HEADER AREA START ------------------------ */

/* ----------------------------------------- HEADER AREA END ------------------------ */

/* ----------------------------------------- FOOTER AREA START ------------------------ */
.footer__area .container {
    max-width: 1204px;
}

.footer__area {
    background-color: #131726;
}

.footer__top__block {
    padding: 80px 0;
}

.footer__list h4 {
    color: #f9f9f9;
    font-size: 27px;
    font-weight: 500;
    line-height: 27px;
    margin-bottom: 25px;
}

.footer__list ul li a {
    color: #fff;
    line-height: 20px;
    display: block;
    padding: 10px;
    padding-left: 0;
}

.footer__active__link {
    font-weight: 700;
    color: #db2f60 !important;
}

.footer__list__wrapper {
    display: flex;
    gap: 20px;
    padding-bottom: 80px;
}

.footer__widget {
    flex: 0 0 auto;
    width: 258px;
}

.footer__list__wrapper .footer__widget:last-child {
    flex-grow: 1;
}

.footer__content p {
    color: #fff;
    font-family: Roboto;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 27px;
}

.footer__identity {
    display: block;
    margin-bottom: 25px;
}

.footer__contact a {
    display: block;
    margin-bottom: 20px;
}

.footer__btn .primary__btn {
    min-width: 150px;
    border-radius: 5px;
}

.footer__btn {
    margin-top: 30px;
}

.footer__btn .primary__btn:hover {
    background-color: #fff;
}

.footer__list ul li a:hover {
    color: #db2f60;
    padding-left: 4px;
}

.footer__active__link:hover {
    color: #fff !important;
    padding-left: 4px;
}

.footer__brand__area {
    padding: 40px 15px;
    border-block: 1px solid rgba(204, 204, 204, 0.2);
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 15px;
}

.footer__bottom__wrap {
    padding-top: 60px;
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
}

.footer__bottom__list {
    width: calc(33.33% - 13.33px);
}

.footer__newsletter__wrap {
    width: calc(33.33% - 13.33px);
}

.newsletter__title h4 {
    color: #fff;
    text-align: center;
    font-size: 20px;
    font-weight: 500;
    line-height: 20px;
}

.footer__newsletter input {
    width: 100%;
    padding: 13px 17px;
    color: #252525;
    line-height: normal;
    border-radius: 4px;
    border: 1px solid #69727d;
    background-color: #fff;
}

.footer__newsletter button {
    padding: 19px 15px;
    width: 100%;
    border-radius: 4px;
    margin-top: 10px;
}

.footer__newsletter button:hover {
    background-color: #fff;
}

.footer__bottom__links a {
    color: #fff;
    text-align: center;
    font-size: 14px;
    line-height: 21px;
    display: block;
    padding: 0 15px;
}

.footer__bottom__links span {
    color: #fff;
    line-height: 1;
    display: block;
}

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

.footer__bottom__block {
    padding: 10px 0;
    background-color: #05070c;
}

.footer__bottom__links a:hover {
    color: #db2f60;
}

/* ----------------------------------------- FOOTER AREA END ------------------------ */

/* ----------------------------------------- SECONDARY FOOTER AREA START ------------------------ */

.footer__secondary__contact {
    max-width: 430px;
    margin: 0 auto;
}

.footer__secondary__newsletter {
    max-width: 430px;
    margin: 0 auto;
}

.footer__secondary__newsletter .footer__newsletter__wrap {
    width: 100%;
}

.secondary__footer__style {
    padding-bottom: 80px;
}

.secondary__footer__menu ul {
    gap: 30px;
}

.footer__bottom__secondary__menu {
    padding-top: 40px;
}

.secondary__footer__menu ul li a:hover {
    padding-left: 0 !important;
}

/* ----------------------------------------- SECONDARY FOOTER AREA END ------------------------ */

/* -------------------- primary__btn */
.primary__btn {
    position: relative;
    z-index: 10;
    /* Ensure it's above anything */
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    font-weight: 700;
    font-size: 14px;
    line-height: 14px;
    padding: 21px 15px;
    min-width: 210px;
    display: inline-block;
    text-align: center;
    color: #fff;
    background-color: #db2f60;
    outline: none;
    overflow: hidden;
    border: 1px solid #db2f60;
    border-radius: 4px;
    padding: 21px 15px
}

.primary__btn span {
    position: relative;
    pointer-events: none;
    z-index: 2;
}

.primary__btn::before {
    --size: 0;
    content: "";
    position: absolute;
    z-index: 1;
    left: var(--x);
    top: var(--y);
    width: var(--size);
    height: var(--size);
    background: radial-gradient(circle closest-side, #f97d1f, transparent);
    transform: translate(-50%, -50%);
    transition: width 0.3s ease, height 0.3s ease;
}

.primary__btn:hover::before {
    --size: 400px;
}

.primary__btn:hover {
    background-color: transparent;
    border-color: transparent;
}

/*------------------- secondary__btn */

.secondary__btn {
    position: relative;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    font-weight: 700;
    font-size: 14px;
    line-height: 14px;
    text-align: center;
    display: inline-block;
    min-width: 210px;
    padding: 21px 15px;
    border: 1px solid #ee1d52;
    color: #db2f60;
    outline: none;
    overflow: hidden;
    z-index: 1;
    background-color: transparent;
    transition: color 0.3s ease, border-color 0.3s ease;
    border-radius: 4px;
}

.secondary__btn span {
    position: relative;
    pointer-events: none;
    z-index: 2;
}

.secondary__btn::before {
    --size: 0;
    content: "";
    position: absolute;
    z-index: 1;
    left: var(--x);
    top: var(--y);
    width: var(--size);
    height: var(--size);
    background: radial-gradient(circle closest-side, #ee1d52, transparent);
    transform: translate(-50%, -50%);
    transition: width 0.3s ease, height 0.3s ease;
}

.secondary__btn:hover::before {
    --size: 400px;
}

.secondary__btn:hover {
    color: #fff;
    border-color: transparent;
}

/* ---------------------------- COUNTRY SELECT  */

/*-------------------- Selector Css Here   --------------------- */

.select-box {
    position: relative;
    display: block;
    width: 150px;
    color: #333;
    font-family: Roboto;
    font-size: 13px;
    line-height: 36px;
}

.select-box__current {
    position: relative;
    cursor: pointer;
    outline: none;
}

.select-box__current:focus+.select-box__list {
    opacity: 1;
    -webkit-animation-name: none;
    animation-name: none;
}

.select-box__current:focus+.select-box__list .select-box__option {
    cursor: pointer;
}

.select-box__current:focus .select-box__icon {
    transform: translateY(-50%) rotate(180deg);
}

.select-box__icon {
    position: absolute;
    top: 50%;
    right: 15px;
    transform: translateY(-50%);
    width: 20px;
    opacity: 0.3;
    transition: 0.2s ease;
}

.select-box__value {
    display: flex;
}

.select-box__input {
    display: none;
}

.select-box__input:checked+.select-box__input-text {
    display: block;
}

.select-box__input-text {
    display: none;
    width: 100%;
    margin: 0;
    padding: 8px 10px;
    background-color: #fff;
    color: #333;
    font-family: Roboto;
    font-size: 13px;
    line-height: 24px;
}

.select-box__list {
    position: absolute;
    width: 100%;
    padding: 0;
    list-style: none;
    opacity: 0;
    -webkit-animation-name: HideList;
    animation-name: HideList;
    -webkit-animation-duration: 0.5s;
    animation-duration: 0.5s;
    -webkit-animation-delay: 0.5s;
    animation-delay: 0.5s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    -webkit-animation-timing-function: step-start;
    animation-timing-function: step-start;
    box-shadow: 0 15px 30px -10px rgba(0, 0, 0, 0.1);
    z-index: 999;
    background: #ffffff;
    box-shadow: 0px 0px 12px 1px rgba(51, 51, 62, 0.08);
    height: 210px;
    overflow-y: scroll;
    overflow-x: hidden;
    bottom: 100%;
}

.select-box__option {
    display: block;
    padding: 7px;
    background-color: #fff;
}

.select-box__option:hover,
.select-box__option:focus {
    color: #546c84;
    background-color: #fbfbfb;
}

@-webkit-keyframes HideList {
    from {
        transform: scaleY(1);
    }

    to {
        transform: scaleY(0);
    }
}

@keyframes HideList {
    from {
        transform: scaleY(1);
    }

    to {
        transform: scaleY(0);
    }
}

.select-box__current img {
    width: 27px;
    margin-right: 10px;
}

.select-box__list li img {
    width: 27px;
    margin-right: 10px;
}

.select-box__list li {
    font-style: normal;
    font-weight: 500;
    font-size: 13px;
    line-height: 20px;
    color: #333;
}

.select-box__icon {
    width: 18px !important;
}

.selectorwith_flag {
    width: 100%;
    margin-top: 20px;
}

.country__select {
    position: fixed;
    right: 95px;
    bottom: 0;
    z-index: 999;
}

/*-------------------- Selector Css Here   --------------------- */
.live__chat {
    bottom: 15px;
    right: 15px;
    z-index: 555;
    animation: upDown 2s ease-in-out infinite;
}

/*-------------------- Reels Selector Css Here   --------------------- */
.reels-single video {
    width: 100%;
    height: 100% !important;
    max-height: 100%;
    object-fit: cover;
    z-index: 1;
    border-radius: 3px;
    margin-bottom: 0;
    padding: 0;
    box-sizing: border-box;
}

.video-container {
    height: 100% !important;
}

.reels-single {
    position: relative;
    z-index: 2;
    border: 6px solid #ffc465;
    border-radius: 10px;
    height: 460px;
    transition: 0.3s;
    transform: scale(0.89);
}

.reels-yellow.active {
    transform: scale(1);
}

.video-container.playing .play-button {
    display: none;
}

.reels-yellow {
    border-color: #ffc465;
}

.play-button {
    position: absolute;
    left: 50%;
    top: 50%;
    z-index: 3;
    width: 60px;
    height: 60px;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    font-size: 24px;
    transform: translate(-50%, -50%);
    background: transparent;
    border: 6px solid currentColor;
    color: #fff;
    border-radius: 50%;
    cursor: pointer;
    transition: transform .2s ease, box-shadow .2s ease, background-color .2s ease;
    outline: none;
    -webkit-tap-highlight-color: transparent;
}

.reels-yellow button {
    color: #ffc465;
}

.reels-yellow button i {
    position: relative;
    left: 2px;
}

.reels-user-info {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 0 20px;
    position: absolute;
    left: 0;
    top: 0;
    padding: 0 6px;
    padding-top: 15px;
    z-index: 3;
    width: 100%;
}

.reels-profile-info {
    display: flex;
    align-items: center;
    gap: 0 6px;
}

.reels-avatar img {
    width: 30px;
    border-radius: 100%;
    height: 30px;
    object-fit: cover;
}

.reels-text h4 {
    margin: 0;
    font-size: 10px;
    color: #fff;
    font-weight: 600;
    letter-spacing: 0.2px;
}

.reels-text p {
    margin: 0;
    font-size: 10px;
    color: #fff;
}

.reels-text span {
    margin: 0;
    color: #fff;
    font-size: 10px;
}

.following-btn span {
    display: inline-block;
    background: #ffc465;
    font-size: 10px;
    color: #fff;
    font-weight: 500;
    border-radius: 4px;
    padding: 2px 6px;
}

.reels-wrap {
    max-width: 1024px;
    margin: 0 auto;
}

.reels-yellow.active .play-button {
    opacity: 0;
    visibility: hidden;
}

.reels-wrapper {
    position: relative;
    z-index: 2;
    max-width: 1180px;
    margin: 0 auto;
}

.black-screen {
    height: 1px;
    max-width: 1180px;
    margin: 0 auto;
    position: relative;
    z-index: 1;
}

.black-screen::after {
    background: #131726;
    content: "";
    bottom: 16px;
    width: 100%;
    height: 340px;
    left: 0;
    position: absolute;
    z-index: -1;
}

.reels-slider .owl-nav button {
    background: #ffffff !important;
    position: absolute;
    top: 50% !important;
    transform: translateY(-50%);
    width: 90px;
    height: 40px;
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 99;
    color: #ee1d52 !important;
    font-size: 20px !important;
}

.reels-slider .owl-prev {
    left: 0;
    margin-left: -40px;
}

.reels-slider .owl-next {
    right: 0;
    margin-right: -40px;
}

.reels-slider .owl-prev {
    border-top-left-radius: 40px !important;
    border-bottom-left-radius: 40px !important;
}

.reels-slider .owl-next {
    border-top-right-radius: 40px !important;
    border-bottom-right-radius: 40px !important;
}

.reels-slider .owl-item.active:nth-child(2) .reels-single {
    transform: scale(2) !important;
}



.social__review__area .owl-nav button {
    background-color: #DB2F60 !important;
    color: #fff !important;
}

.anniversary__shape__five img {
    height: 200px;
}

.anniversary__shape__six img {
    height: 240px;
}

.anniversary__shape__six {
    position: absolute;
    right: 120px;
    bottom: 44%;
    animation: upDown 2s ease-in-out infinite;
    z-index: 1;
}

.anniversary__shape__five {
    position: absolute;
    left: 23px;
    bottom: 46%;
    animation: upDown 2s ease-in-out infinite;
    z-index: 1;
}

.pricing__button a {
    padding: 12px;
}

.real__follower__content .primary__btn {
    padding: 15px 50px;
    min-width: auto;
}


.followers__max__width {
    max-width: 470px;
}

.followers__max__width h2 {
    padding: 0;
    border: 0;
}

.followers__max__width p {
    max-width: 100%;
    font-size: 16px;
}

.resource__card__logo img {
    object-fit: scale-down;
}


.blog__card {
    background-color: #f88ba8;
    border-radius: 16px;
}

.blog__card-thumb {
    width: 150px;
    height: 160px;
    object-fit: cover;
    border-bottom-left-radius: 80px;
}

.blog__card-content {
    padding: 40px 30px 110px;
}

.blog__card-desc {
    font-size: 18px;
}

.blog__card-desc {
    font-size: 18px;
}

.blog__card-btn {
    color: #020202;
    background-color: #fff;
    padding: 12px 20px;
    border-radius: 6px;
}

.blog__card-btn:hover {
    background-color: #020202;
    color: #fff;
}

/* buy section start */

.buy {
    padding-top: 40px;
}

.buy .section__title {
    color: #090a1f;
    margin-bottom: 17px;
}

.pay-tabs {
    margin-block: 10px;
    width: 868px;
    height: 100%;
    min-height: 218px;
}

div#pay-tab button {
    background: linear-gradient(137.93deg, #DB2F60 5.58%, #C52E8F 96.27%);
    height: 100%;
    width: 100%;
    max-width: 31%;
}

div#pay-tab button.active {
    box-shadow: 1px 9px 20px 14px #00000024;
}

div#pay-tab button span {
    font-weight: 600;
    line-height: 100%;
    display: block;
    background: #fff;
    padding: 10px;
    font-size: 12px;
    width: 100%;
    max-width: 95%;
    margin: auto;
    border-radius: 10px;
    color: #000;
}

div#pay-tab button img {
    width: 100%;
    margin: 10px 0;
    max-width: 16%;
}

.pay-tab-link h2 {
    font-weight: 700;
    font-size: 23px;
    line-height: 100%;
    text-align: center;
    color: #fff;
}

.pay-tab-link.active h2 {
    color: #fff;
}

.pay-tab-link p {
    font-weight: 500;
    font-size: 16px;
    line-height: 100%;
    text-align: center;
    color: #fff;
    margin-top: 10px;
}

.pay-tab-link.active p {
    color: rgba(255, 255, 255, 0.5);
}

.pay-tab-link {
    padding: 0;
    border-radius: 16px !important;
    position: absolute;
    width: 33%;
    height: 80px;
    box-shadow: 5px 5px 30px rgba(135, 160, 164, 0.1);
}

.pay-tab-link.active {
    background-color: #db2f60 !important;
    box-shadow: none;
}

#pay-for-like-tab:not(.active) {
    width: 60%;
    padding-right: 50px;
}

.reviews-service {
    background: #F6F9FF;
    border: 1px solid #C9DBFF;
    padding: 30px;
    border-radius: 30px;
}

.reviews-service h4 {
    font-size: 20px;
}

.reviews-service ul {
    padding: 0 0 0 23px;
}

.reviews-service ul li {
    list-style: disc;
    padding: 7px 0px;
    color: #6D6D6D;
}

#subscription-tab:not(.active) {
    width: 60%;
    padding-left: 50px;
}

.buy__wrapper {
    gap: 20px;
}

.buy__wrapper-block {
    /*border: 1px solid rgba(0, 0, 0, 0.1);*/
    padding: 0 30px;
    border-radius: 24px;
}

.service-list {
    max-width: 728px;
}

.benefits {
    width: 380px;
    /* min-height: 480px;*/
}

.service-tabs {
    height: 80px;
}

.service-tab-link {
    padding: 0;
    border-radius: 16px !important;
    height: 80px;
    border: 1px solid rgba(0, 0, 0, 0.1) !important;
    background-color: #fff;
}

.service-tab-link h2 {
    font-size: 20px;
    color: rgba(0, 0, 0, 0.6);
    gap: 10px;
}

.service-tab-link h2 img {
    width: 25px;
}

.service-tab-link p {
    font-size: 14px;
    line-height: 21px;
    color: rgba(0, 0, 0, 0.4);
    margin-top: 5px;
}

.service-tab-link.active {
    background: linear-gradient(94.79deg, #f6ec32 -53.82%, #df2e80 79.03%, #132ef7 201.25%), #fff !important;
    border: 0 !important;
    z-index: 1;
}

.service-tab-link.active h2 {
    color: #fff;
}

.service-tab-link.active h2 img {
    filter: brightness(0) saturate(100%) invert(96%) sepia(0%) saturate(0%) hue-rotate(60deg) brightness(103%) contrast(103%);
}

.service-tab-link.active p {
    color: rgba(255, 255, 255, 0.5);
}

.service-tab-link:first-child:not(.active) {
    width: 60%;
    padding-right: 50px;
}

.service-tab-link:last-child:not(.active) {
    width: 60%;
    padding-left: 50px;
}

.box {
    gap: 10px;
    margin-top: 29px;
}

.box__card {
    width: 120px;
    height: 120px;
    border: 1px solid rgba(9, 10, 31, 0.05);
    border-radius: 24px;
    cursor: pointer;
    transition: all 0.3s;
}

.box__title {
    gap: 10px;
    margin-top: 20px;
    font-size: 22px;
    font-weight: 500;
    margin-bottom: 8px;
    line-height: 1;
}

.box__title img {
    width: 28px;
}

.box__service-name {
    font-size: 14px;
    line-height: 24px;
    color: rgba(0, 0, 0, 0.35);
    font-weight: 500;
}

.box__card:hover {
    border-color: #fff;
    box-shadow: 10px 10px 30px rgba(135, 160, 164, 0.1);
}

.box__card.active {
    border-color: #db2f60 !important;
    box-shadow: none !important;
}

.quantity-control {
    width: 32px;
    height: 32px;
    border: 1px solid rgba(9, 10, 31, 0.05);
    background-color: #fff;
    color: #db2f60;
    font-size: 20px;
    font-weight: 500;
    margin-top: 7px;
    z-index: 1;
}

.quantity-control:disabled {
    opacity: 0.4;
}

.quantity-control--plus {
    right: -16px;
}

.quantity-control--minus {
    left: -16px;
}

.benefit__title {
    color: #090a1f;
    line-height: 1.5;
    margin-bottom: 0;
}

.benefit__item {
    gap: 10px;
}

.benefit__item-icon {
    flex-shrink: 0;
    width: 48px;
    height: 48px;
    background-color: #f7f9ff;
}

.benefit__item-icon img {
    width: 24px;
}

.benefit__item-title {
    line-height: 1.4;
    margin-bottom: 4px;
}

.benefit__item-text {
    font-size: 14px;
    line-height: 1.4;
    color: #babec0;
}

.benefit__items::before {
    content: "";
    height: 80%;
    border-right: 1px dashed #457ce9;
    width: 1px;
    position: absolute;
    top: 10%;
    left: 24px;
    z-index: -1;
}

.trail {
    width: 90%;
}

.trial__container {
    padding-bottom: 32px;
    padding-right: 11px;
}

.trial__count-block {
    /*margin: 36px 0 0;*/
    /*gap: 10px;*/
    padding: 20px 10px;
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 20px;
}

.trial__count {
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 24px;
    width: 210px;
    height: 76px;
    padding: 0 18px;
}

.trial__count-text {
    color: #090a1f;
}

.trial__hide-trial {
    margin-top: 10px;
    gap: 24px;
}

.trial__text-cost {
    width: 220px;
    height: 60px;
    font-style: normal;
    font-weight: 500;
    font-size: 16px;
    line-height: 24px;
    text-align: right;
    color: #db2f60;
    display: flex;
    align-items: center;
    justify-content: flex-end;
}

.trial__text-cost span.ms-1.amount {
    font-weight: 600;
    font-size: 26px;
    line-height: 100%;
}

.trial__text-cost span.del.del_amount {
    font-weight: 400;
    font-size: 26px;
    line-height: 100%;
    text-decoration: line-through;
    font-family: Jost !important;
}

.trial__hide-trial button.trial__buy-btn {
    font-size: 20px;
    font-weight: 600;
}

.exclusive-unlocks {
    background: #fff;
    padding: 26px;
    border: 1px solid #EDEDED;
    border-radius: 30px;
    margin-top: 20px;
}

.trial__percent-block-color {
    padding: 30px;
    background: linear-gradient(94.79deg, rgba(246, 236, 50, 0.03) -53.82%, rgba(223, 46, 128, 0.03) 79.03%, rgba(19, 46, 247, 0.03) 201.25%);
}

.trial__percent-block {
    border-radius: 24px;
}

.trial__period-text {
    max-width: 270px;
    background: linear-gradient(94.79deg, #f6ec32 -53.82%, #df2e80 79.03%, #132ef7 201.25%), #457ce9;
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
    font-size: 18px;
    line-height: 160%;
    text-align: center;
}

.sale-off-badge {
    position: absolute;
    top: -3px;
    right: -25px;
    width: 25px;
    z-index: 1;
}

/* buy section end */

/* review section start */

.reviews {
    padding-block: 60px;
}

.reviews__add-feedback-btn {
    background-color: rgba(69, 124, 233, 0.05);
    border-radius: 16px;
    width: fit-content;
    min-width: 178px;
    max-width: fit-content;
    height: 60px;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 0 10px;
    border: 0;
    color: #db2f60;
    font-weight: 500;
}

.reviews__title {
    line-height: 1;
    margin-bottom: 12px;
}

.reviews__feedback-count {
    color: rgba(0, 0, 0, 0.7);
    font-size: 20px;
    gap: 5px;
}

.reviews__rate-star {
    font-size: 20px;
    margin-left: 3px;
    line-height: 1;
    color: #fbbc04;
}

.reviews__rate {
    color: #fbbc04;
    font-weight: 700;
}

.slider-nav__btn {
    width: 48px;
    height: 48px;
    border: 1px solid rgba(9, 10, 31, 0.15);
}

.slider-nav__btn img {
    width: 6px;
}

.slider-nav {
    gap: 16px;
}

.reviews__slider-wrapper {
    margin-top: 52px;
    margin-bottom: 40px;
}

.reviews__slide {
    background: rgba(255, 255, 255, 0.8);
    border: 1px solid rgba(9, 10, 31, 0.1);
    border-radius: 24px;
    padding: 48px 30px;
    min-height: 310px;
    height: auto;
}

.reviews__stars .star-icon {
    font-size: 20px;
    margin: 0 5px;
    color: #db2f60;
}

.reviews__title-card {
    font-size: 20px;
    line-height: 37px;
    text-align: center;
    margin-top: 30px;
    font-weight: 600;
}

.reviews__text-card {
    line-height: 170%;
    text-align: center;
    opacity: 0.5;
}

.swiper-pagination-bullet {
    width: 6px;
    height: 6px;
    margin: 0 3px !important;
    border: 1px solid #db2f60;
    background-color: #db2f60;
    position: relative;
    transition: all 0.2s ease-out;
    opacity: 0.2;
    border-radius: 50%;
}

.swiper-pagination-bullet-active {
    opacity: 1;
    background-color: #db2f60;
    border-color: #db2f60;
}

/* review section end */

/* how-it-work section start */

.how-it-work__wrapper {
    gap: 60px;
}

.how-it-work__thumb {
    flex-shrink: 0;
    width: 100%;
    max-width: 500px;
}

.how-it-work__title {
    margin-bottom: 10px;
}

.how-it-work__text {
    font-size: 16px;
    line-height: 2;
    color: rgba(0, 0, 0, 0.5);
}

.how-it-work__text ul li {
    list-style-type: disc;
    margin-left: 20px;
    padding-left: 6px;
}

.how-it-work__content {
    max-width: 570px;
}

/* how-it-work section end */

/* order section start */

.order {
    padding-top: 50px;
}

@media (min-width: 1366px) {
    section.order .order__title-wrap {
        width: 75% !important;
    }
}

.order__subtitle {
    color: rgba(0, 0, 0, 0.5);
    line-height: 1.7;
}

.steps__img-block {
    margin-top: 60px;
}

.steps__img {
    width: 120px;
    height: 120px;
    background-color: #f6f9ff;
    border-radius: 24px;
}

.steps__img img {
    max-width: 78px;
    max-height: 55px;
}

.steps__count-block {
    margin-top: 24px;
}

.steps__count {
    width: 48px;
    height: 48px;
    color: #db2f60;
    border: 2px solid #f095af;
    font-size: 20px;
}

.steps__count-block::before {
    content: "";
    position: absolute;
    top: 50%;
    background-image: linear-gradient(94.79deg, #f6ec32 -53.82%, #df2e80 79.03%, #132ef7 201.25%);
    height: 2px;
    width: 100%;
}

.steps__text {
    width: 33%;
    max-width: 250px;
}

.steps__step-title {
    line-height: 1.7;
    margin-top: 24px;
    margin-bottom: 10px;
}

.steps__step-text {
    font-size: 14px;
    line-height: 1.7;
    color: rgba(0, 0, 0, 0.5);
}

/* order section end */

/* about section start */

.about {
    padding-block: 60px;
}

.about__thumb {
    flex-shrink: 0;
    width: 100%;
    max-width: 500px;
}

.about__wrapper {
    gap: 60px;
}

.about__thumb img {
    min-height: 500px;
}

.about__title {
    margin-bottom: 10px;
}

.about__para {
    font-size: 16px;
    line-height: 2;
    color: rgba(0, 0, 0, 0.5);
}

.about__para a {
    color: #db2f60;
}

.about__desc {
    display: grid;
    grid-template-columns: 25.5% 74.5%;
    margin-top: 20px;
}

.about__desc-title {
    font-size: 14px;
    line-height: 1.8;
}

.about__desc-up-block {
    padding-bottom: 20px;
}

.about__desc-block .about__para {
    line-height: 1.8;
}

.about__desc-block {
    padding-left: 24px;
    border-left: 1px solid rgba(0, 0, 0, 0.1);
}

.about__desc-down-block {
    border-top: 1px solid rgba(0, 0, 0, 0.1);
    padding-top: 20px;
}

.about__content {
    max-width: 570px;
}

/* about section end */

/* faq section start */
.faq__collapse-btn {
    padding: 39px 48px;
    border: 1px solid rgba(0, 0, 0, 0.05);
    border-radius: 24px;
    background-color: transparent;
    font-size: 20px;
    line-height: 1.5;
}

.faq__collapse-icon {
    width: 36px;
    height: 36px;
    border: 1.5px solid rgba(0, 0, 0, 0.1);
    transition: all 0.5s ease-out;
}

.faq__collapse-icon img {
    transition: all 0.5s ease-out;
    width: 14px;
    height: 9px;
}

.faq__collapse-btn[aria-expanded="true"] {
    background-color: rgba(69, 124, 233, 0.05);
    border: 0;
    border-color: #fff;
    padding-bottom: 8px;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
}

.faq__collapse-icon .angle-up {
    opacity: 0;
}

.faq__collapse-btn[aria-expanded="true"] .angle-up {
    opacity: 1;
}

.faq__collapse-btn[aria-expanded="true"] .angle-down {
    opacity: 0;
}

.faq__collapse-btn[aria-expanded="true"] .faq__collapse-icon {
    background-color: #db2f60;
}

.faq__collapse-body {
    background-color: rgba(69, 124, 233, 0.05);
    border-bottom-left-radius: 24px;
    border-bottom-right-radius: 24px;
}

.faq__collapse-text {
    padding: 0 48px 39px;
    color: rgba(0, 0, 0, 0.5);
    line-height: 1.8;
    max-width: 978px;
}

.faq__collapse-text a {
    color: #db2f60;
}

.faq__collapse-title {
    max-width: 880px;
    width: 100%;
    text-align: left;
}

/* faq section end */

/* tips section start */

.tips {
    padding-top: 60px;
}

.tips__wrapper {
    gap: 36px;
    margin-top: 64px;
}

.tips__title {
    font-size: 24px;
    line-height: 1.5;
}

.about__desc-title p {
    max-width: 110px;
}

.tips__content {
    max-width: 570px;
}

.tips__thumb {
    max-width: 498px;
    width: 100%;
}

.tips__content ul li {
    list-style-type: disc;
    margin-left: 20px;
    padding-left: 6px;
}

/* tips section end */

/* cta section start */
.cta__btns {
    gap: 20px 32px;
    width: 780px;
    max-width: 100%;
}

.cta {
    padding-block: 80px;
}

.cta__btn {
    width: 50%;
}

.cta__btn:not(.theme-btn--regular):hover {
    background-color: #db2f60;
    color: #fff;
}

/* cta section end */

/* buy modal start */

.modal-dialog {
    max-width: 755px;
    width: calc(100% - 32px);
}

.modal-body {
    padding: 64px 72px;
}

.modal-content {
    border-radius: 36px;
    border: 0;
}

.modal__title {
    font-size: 28px;
    line-height: 1.5;
    margin-bottom: 12px;
}

.modal__subtitle {
    gap: 12px;
}

.modal__subtitle-icon {
    width: 28px;
}

.modal__count {
    font-size: 22px;
    line-height: 1.5;
}

.modal__price {
    color: rgba(0, 0, 0, 0.5);
}

.modal .form {
    margin-top: 36px;
}

.form__input-field {
    font-size: 18px;
    height: 60px;
    border-radius: 16px;
    border: 1px solid rgba(0, 0, 0, 0.1);
    padding-inline: 24px;
}

.form__input-field.has-icon {
    padding-left: 60px;
}

.form__input-field::placeholder {
    color: rgba(0, 0, 0, 0.25);
}

.form__input-icon {
    width: 24px;
    left: 25px;
    pointer-events: none;
}

.form__input-field:focus {
    outline: none;
}

.form__input-list {
    gap: 20px;
}

.form__btn {
    margin-top: 20px;
}

.modal__close-btn {
    top: 36px;
    right: 40px;
}

.modal__close-btn img {
    width: 24px;
}

.modal__back-btn {
    top: 36px;
    left: 45px;
}

.modal__back-btn img {
    width: 24px;
}

.modal-backdrop {
    background-color: rgba(248, 248, 248, 0.5);
    -webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px);
}

.modal-backdrop.show {
    opacity: 1;
}

.form__number {
    width: 82px;
    height: 60px;
    font-size: 22px;
    line-height: 33px;
    cursor: pointer;
    border-radius: 16px;
    border: 1px solid rgba(0, 0, 0, 0.15);
}

.form__number:not(.form__number-chosen):hover {
    box-shadow: 0px 10px 30px rgba(0, 0, 0, 0.07);
    border: none;
}

.form__number-chosen {
    background: linear-gradient(94.79deg, #f6ec32 -53.82%, #df2e80 79.03%, #132ef7 201.25%);
    border: none;
    color: #fff;
}

.form__number--another {
    width: 102px;
    font-size: 16px;
    line-height: 24px;
    color: rgba(0, 0, 0, 0.5);
    cursor: unset;
}

.form__numbers-block {
    margin-bottom: 32px;
}

.cart-btn {
    width: 60px;
    height: 60px;
    flex-shrink: 0;
    background-color: #db2f6021;
    border: 0;
}

.cart-btn img {
    width: 36px;
}

.form__btn-wrap {
    gap: 12px;
}

.add-new-user-btn {
    border: 1px dashed rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    cursor: pointer;
    height: 120px;
    gap: 0 8px;
    color: #db2f60;
}

.add-new-user-btn-icon {
    width: 24px;
    height: 24px;
    border: 1.5px solid #db2f60;
    font-size: 10px;
}

.add-new-user-btn-icon img {
    width: 8px;
}

.add-new-user-btn:hover .add-new-user-btn-text {
    text-decoration: underline;
    text-decoration-color: #000;
}

/* buy modal end */

/* add feedback modal start */
.form__stars label {
    margin: 0 6px;
    display: block;
    width: 35px;
    height: 32px;
    background: url("../img/icon/star-regular.png") center/100% no-repeat;
    cursor: pointer;
}

.form__stars input:checked~label {
    background: url("../img/icon/star-fill.png") center/100% no-repeat;
}

.form__stars {
    margin-bottom: 32px;
}

.form__input-field--textarea {
    min-height: 146px;
    padding: 22px;
}

.form__input-with-textarea .form__input-icon {
    top: 24px;
}

/* add feedback modal end */
.checkbox-label {
    cursor: pointer;
}

.checkbox {
    width: 60px;
    height: 30px;
    position: relative;
    background-color: #f7f7f7;
    border-radius: 60px;
}

.checkbox::before {
    position: absolute;
    content: "";
    height: 22px;
    width: 22px;
    left: 4px;
    top: 4px;
    background-color: rgb(186, 123, 184);
    transition: 0.4s;
    border-radius: 50%;
}

.checkbox-input:checked~.checkbox-label .checkbox {
    background: #e91e63;
}

.checkbox-input:checked~.checkbox-label .checkbox::before {
    transform: translateX(30px);
    background-color: #fff;
}

/* login section start */

.login__wrapper {
    height: 100vh;
}

.login__thumb {
    width: 50%;
}

.login__form-container {
    width: 50%;
}

.login .logo {
    top: 40px;
    left: 64px;
}

.login .logo img {
    width: 180px;
}

.login__form {
    max-width: 500px;
}

.form__title {
    font-size: 40px;
    line-height: 1;
    margin-bottom: 48px;
}

.form__rules {
    margin-top: 18px;
    color: rgba(0, 0, 0, 0.25);
}

.form__rules a {
    color: #457ce9;
}

/* login section end */

/* topup start */
.payment {
    padding: 100px 0;
}

.payment__wrapper {
    max-width: 600px;
    height: 370px;
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 24px;
    padding: 50px 48px;
    margin: 0 auto;
}

.payment__balance {
    background: rgb(219 47 96 / 5%);
    border-radius: 24px;
    height: 98px;
    font-style: normal;
    font-weight: 400;
    font-size: 18px;
    line-height: 27px;
    color: #db2f60;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
}

.payment__select {
    margin-top: 20px;
}

.payment__select-head {
    height: 51px;
    padding: 0 24px;
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
}

.payment__select-head.active {
    border-radius: 16px 16px 0 0;
    border-bottom: 0;
}

.payment__head-text {
    font-size: 18px;
    line-height: 27px;
    color: rgba(0, 0, 0, 0.25);
}

.payment__select-arrow {
    display: flex;
    color: #8c8c8c;
}

.payment__select-head.active .payment__select-arrow {
    transform: rotate(180deg);
}

.payment__sums {
    position: absolute;
    width: 100%;
    background-color: #ffffff;
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0 0 16px 16px;
    border-left: 1px solid rgba(0, 0, 0, 0.1);
    border-right: 1px solid rgba(0, 0, 0, 0.1);
    padding-bottom: 12px;
    opacity: 0;
    visibility: hidden;
    z-index: 1;
}

.payment__sums.active {
    opacity: 1;
    visibility: visible;
}

.payment__sums>div {
    display: flex;
    align-items: center;
    padding: 0 12px;
    height: 51px;
}

.payment__allowed-sum {
    padding: 0 12px;
    display: flex;
    align-items: center;
    height: 100%;
    width: 100%;
    justify-content: space-between;
    font-size: 14px;
    border-radius: 12px;
    transition: all 0.3s;
}

.payment__allowed-discount-amount {
    display: flex;
}

.payment__allowed-amount {
    margin-left: 2px;
    color: rgba(0, 0, 0, 0.5);
}

.payment__allowed-sum:hover {
    background: rgba(0, 0, 0, 0.03);
}

.payment__btn {
    margin-top: 36px;
}

.payment__btn:disabled {
    opacity: 0.6;
    pointer-events: none;
}

/* topup end */

/* client sections start */
.client {
    padding: 100px 0;
}

.client__wrapper {
    max-width: 1140px;
}

.client__info-wrap {
    gap: 36px;
    min-height: 232px;
}

.client__info-block {
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 24px;
}

.client__user {
    min-width: 507px;
    gap: 0 32px;
}

.client__user-img {
    height: 124px;
    width: 124px;
    background-color: rgb(219 47 96 / 5%);
    color: #db2f60;
}

.client__user-avatar {
    font-size: 40px;
}

.client__user-email {
    font-size: 18px;
    line-height: 1.5;
    font-weight: 500;
    margin-bottom: 8px;
}

.client__sign-out {
    color: #db2f60;
    font-size: 18px;
    line-height: 1.5;
}

.client__balance {
    width: 100%;
    padding: 0 36px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.client__current-balance {
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-radius: 24px;
    background-color: rgb(219 47 96 / 05%);
    height: 98px;
    padding-inline: 32px;
    width: 100%;
}

.client__current-balance>div {
    display: flex;
    align-items: center;
    gap: 10px;
    font-size: 18px;
    line-height: 1.5;
    color: #db2f60;
}

.client__current-balance>div span {
    font-size: 20px;
    font-weight: 500;
}

.topup__btn {
    width: 160px;
}

.contact__list {
    margin-top: 87px;
    min-height: 160px;
    border-radius: 41px;
    border: 1px solid rgba(0, 0, 0, 0.1);
    box-shadow: 25px 25px 100px 0px rgba(152, 152, 152, 0.1);
    padding: 48px;
    gap: 48px;
}

.contact__item {
    display: flex;
    align-items: center;
    gap: 20px;
}

.contact__icon {
    width: 64px;
    height: 64px;
    background-color: rgb(219 47 96 / 5%);
    color: #db2f60;
    font-size: 26px;
}

.contact__title {
    font-size: 14px;
    line-height: 1.4;
    color: #babec0;
}

.contact__link {
    font-size: 18px;
    line-height: 1.6;
    color: #db2f60;
}

.client__order-list-title {
    font-size: 24px;
    line-height: 1.5;
    margin-top: 48px;
    margin-bottom: 10px;
}

.client__warning {
    font-size: 18px;
    color: rgba(0, 0, 0, 0.5);
    margin-bottom: 6px;
}

.client__go-shopping {
    color: #db2f60;
    font-size: 18px;
    line-height: 1.5;
    display: inline-block;
}

.discountuser {
    padding-top: 100px;
}

.discountuser__title {
    font-size: 24px;
}

.discountuser__slider {
    margin-top: 40px;
}

.discountuser__slide {
    background-color: rgba(255, 255, 255, 0.8);
    border: 1px solid rgba(9, 10, 31, 0.1);
    border-radius: 24px;
    padding: 24px;
    min-height: 296px;
    display: flex;
    flex-direction: column;
    gap: 24px;
}

.discountuser__user-info {
    gap: 18px;
}

.discountuser__avatar {
    width: 32px;
    height: 32px;
    margin-inline: 5px;
}

.discountuser__text-card {
    font-size: 18px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    text-align: center;
    color: #000;
}

.discountuser__line {
    width: 100%;
    height: 1px;
    background-color: rgba(9, 10, 31, 0.1);
}

.discountuser__discount-info-block {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-around;
    height: 72px;
}

.discountuser__cur-text {
    font-size: 14px;
    opacity: 0.6;
}

.discountuser__percent-now {
    padding: 8px 48px;
    height: 43px;
    gap: 10px;
    border-radius: 12px;
    border: 1px solid rgba(0, 0, 0, 0.1);
    flex-direction: column;
    font-size: 18px;
    font-weight: 500;
}

.discountuser__next-text {
    font-size: 14px;
}

.discountuser__span-text {
    background: var(--gradient, linear-gradient(140deg, #f6ec32 0%, #df2e80 52.08%, #132ef7 100%));
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.discountuser__persent-next {
    position: relative;
    padding: 8px 48px;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 43px;
}

.discountuser__persent-next::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    border-radius: 12px;
    padding: 1px;
    background: linear-gradient(140deg, #f6ec32 0%, #df2e80 52.08%, #132ef7 100%);
    -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
    -webkit-mask-composite: destination-out;
    mask-composite: exclude;
}

.discountuser__span-text-next {
    background: var(--gradient, linear-gradient(140deg, #f6ec32 0%, #df2e80 52.08%, #132ef7 100%));
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-size: 18px;
}

.discountuser__service-icon {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 32px;
    height: 32px;
    font-size: 26px;
    color: #db2f60;
}

.discountuser__service-icon img {
    width: 100%;
}

.order-list {
    gap: 20px;
    margin-top: 32px;
}

.order-list__item {
    height: auto;
    /* 94px;*/
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    padding: 0 24px;
}

.order-list__item:hover {
    border: none;
    box-shadow: 0px 20px 50px rgba(0, 0, 0, 0.04);
}

.client__service-list-block {
    gap: 16px;
    width: 35%;
}

.client__service-list {
    gap: 16px;
}

.client__service-avatar {
    width: 64px;
    height: 64px;
}

.client__service {
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.client__block-system {
    display: flex;
    gap: 10px;
    align-items: center;
    margin-top: 4px;
}

.client__likes-color img {
    width: 30px;
}

.client__count {
    font-size: 14px;
    font-weight: 500;
    margin-top: 3px;
}

.client__link {
    font-weight: 500;
    opacity: 0.5;
}

.client__link a {
    color: inherit;
}

.client__order-list .client__label {
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 140%;
    color: #babec0;
    display: none;
    padding: 0;
    margin-bottom: 0px !important;
}

.client__container-link-data-block {
    width: 65%;
}

.client__data-block {
    display: flex;
    gap: 20px;
    align-items: center;
}

.client__price {
    font-weight: 500;
    text-align: right;
    color: #db2f60;
}

.client__time {
    font-size: 14px;
    line-height: 140%;
    text-align: right;
    text-transform: capitalize;
    color: #babec0;
    margin-top: 4px;
}

.client__headphones-block {
    width: 48px;
    height: 48px;
    background-color: rgb(219 47 96 / 5%);
    border-radius: 14px;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    color: #db2f60;
    font-size: 24px;
}

.edit__btn {
    color: #db2f60;
}

.client__line {
    display: none;
    margin-top: 20px;
    height: 1px;
    background: rgba(0, 0, 0, 0.1);
    width: 100%;
    margin-bottom: 16px;
}

/* client sections end */

.confirmation__msg {
    gap: 30px;
}

.confirmation__msg-icon {
    width: 100px;
    aspect-ratio: 1 / 1;
}

.confirmation__msg-text {
    font-size: 20px;
    color: #db2f60;
}

.elementor-element.elementor-element-4b62d8e {
    --divider-border-style: solid;
    --divider-color: #E0E0E0;
    --divider-border-width: 1px;
    margin: 20px 0;
}

.elementor-element.elementor-element-4b62d8e .elementor-divider {
    padding-block-start: 5px;
    padding-block-end: 5px;
}

.elementor-widget-divider .elementor-divider {
    display: flex;
}

.elementor-element.elementor-element-4b62d8e .elementor-divider-separator {
    width: 100%;
    border-block-start: var(--divider-border-width) var(--divider-border-style) var(--divider-color);
    direction: ltr;
    margin: 0;
}

.del {
    text-decoration: line-through;
}

body .price-text-block-new h2 span.del {
    color: #7a7a7a;
    font-family: "Archivo";
    font-size: 14px;
}

.price-text-block-new h2 span.del {

    font-size: 20px;
    font-weight: 400;
    color: #979797;
    display: inline-block !important;
    vertical-align: middle;
    position: relative;
}

.elementor *,
.elementor :after,
.elementor :before {
    box-sizing: border-box;
}

.price-text-block-new h2,
.price-text-block-new h2 span.core_monthly_price,
.price-text-block-new h2 span.currency_symbol.currency_symbol_main {
    font-weight: 700 !important;
    text-align: center !important;
    font-family: "Archivo" !important;
}

.price-text-block-new h2,
.price-text-block-new h2 span.core_monthly_price,
.price-text-block-new h2 span.currency_symbol.currency_symbol_main {
    font-size: 35px;
}

.currency_symbol_main,
.core_monthly_price {
    font-family: "Archivo" !important;
    font-size: 40px;
    font-weight: 700;
    line-height: 1.3;
    color: #000;
    margin: -8px 0;
}

.elementor *,
.elementor :after,
.elementor :before {
    box-sizing: border-box;
}

.price-text-block-new h2,
.price-text-block-new h2 span.core_monthly_price,
.price-text-block-new h2 span.currency_symbol.currency_symbol_main {
    font-weight: 700 !important;
    text-align: center !important;
    font-family: "Archivo" !important;
}

.price-text-block-new h2,
.price-text-block-new h2 span.core_monthly_price,
.price-text-block-new h2 span.currency_symbol.currency_symbol_main {
    font-size: 35px;
}

.currency_without_symbol .currency_symbol_main,
.core_monthly_price {
    font-size: 25px;
}

.currency_symbol_main,
.core_monthly_price {
    font-family: "Archivo" !important;
    font-size: 40px;
    font-weight: 700;
    line-height: 1.3;
    color: #000;
    margin: -8px 0;
}

body .price-text-block h2 .price_month {
    color: #000;
    font-size: 14px;
    font-family: 'Archivo' !important;
}

.price-text-block h2 .price_month {
    font-family: 'Roboto', sans-serif !important;
    font-size: 20px;
    font-weight: 400;
    color: #979797;
    display: inline-block;
    vertical-align: middle;
}

.pricing__switch__block {
    display: flex;
    justify-content: center;
}

.pricing__switch__btn {
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #fff;
    border: 2px solid #ee1e52;
    padding: 10px 0px;
    cursor: pointer;
    width: 150px;
    transition: background-color 0.3s ease-in-out;
}

.pricing__switch__btn input {
    display: none;
}

.pricing__switch__btn.active {
    background-color: #ee1e52;
    /* Red background */
    color: #fff;
    /* White text */
}

:root {
    --bg: #f7f9fc;
    --card: #fff;
    --muted: #6b7280;
    --text: #0b1020;
    --warning: #f59e0b;
    --border: #e5e7eb;
    --shadow: 0 8px 20px rgba(17, 24, 39, .08)
}

.client-card {
    background: var(--card);
    border: 1px solid var(--border);
    border-radius: 0;
    box-shadow: var(--shadow);
    overflow: hidden;
    margin: 0
}

.client-head {
    padding: 16px;
    border-bottom: 1px solid var(--border)
}

.biz-name {
    font-weight: 700;
    font-size: 16px;
    margin: 0 0 6px
}

.biz-meta {
    font-size: 13px;
    color: var(--muted)
}

.band {
    padding: 14px 16px
}

.band.before {
    background: #f9fafb
}

.band.after {
    background: #ecfdf5;
    border-top: 1px dashed var(--border)
}

.band-title {
    font-size: 12px;
    text-transform: uppercase;
    color: var(--muted)
}

.stats {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 0
}

.stat {
    padding: 10px;
    border: 1px solid var(--border);
    border-radius: 0;
    background: #fff
}

.label {
    font-size: 12px;
    color: var(--muted)
}

.value {
    font-weight: 800;
    font-size: 18px;
    color: var(--text)
}

.stars {
    position: relative;
    display: inline-block;
    font-size: 16px;
    letter-spacing: 2px;
    font-family: system-ui, -apple-system, "Segoe UI", Roboto, Arial, "Segoe UI Symbol", sans-serif !important;
}

.stars::before {
    content: "\2605\2605\2605\2605\2605";
    color: #e5e7eb
}

.stars::after {
    content: "\2605\2605\2605\2605\2605";
    color: var(--warning);
    position: absolute;
    left: 0;
    top: 0;
    width: calc(var(--rating)/5*100%);
    overflow: hidden
}

.delta {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    font-size: 12px;
    font-weight: 700;
    margin-top: 4px;
    padding: 4px 8px;
    background: #ecfdf5;
    color: #166534
}

.delta.delta-reviews {
    background: #eff6ff;
    color: #1e40af
}

/* remove spacing between carousel items */
.owl-stage {
    display: flex
}

.owl-item {
    margin-right: 0 !important
}

.owl-dots {
    text-align: center;
    margin-top: 10px
}

.owl-dot span {
    width: 6px;
    height: 6px;
    margin: 3px;
    background: #999;
    display: block;
    border-radius: 50%;
    border: none !important
}

.owl-dot.active span {
    background: #0b1020
}


@media screen and (max-width: 767px) {
    .col-lg-6.m-sm-0 {
        margin-top: 0 !important;
    }

    .hero__buttons a {
        padding: 20px 50px !important;
        border-radius: 50px !important;
    }

    .service__thumb img {
        width: 100%;
    }

    .footer__bottom__wrap {
        padding-top: 0px !important;
    }

    .footer__bottom__list.footer__list ul li a {
        font-size: 15px;
    }

    .footer__bottom__list.footer__list:nth-child(1) {
        width: 37% !important;
    }

    .footer__bottom__list.footer__list:nth-child(2) {
        width: 55% !important;
    }

    .footer__bottom__list.footer__list:nth-child(3) {
        width: 100% !important;
    }

    .footer__bottom__wrap {
        max-width: 100% !important;
    }
}

@media screen and (max-width: 1199px) {
    .footer__bottom__wrap {
        padding-top: 0px !important;
    }
}

section.follower__aera.home-follower-aera {
    padding-top: 10px;
}
.reviews__stars .star-icon i {
    color: #fbbc04; 
}

#clients .swiper-wrapper {
    display: block; /* 初始化前用 block，避免横向滚动条 */
}

#clients .swiper-slide {
    display: none;
}

    #clients .swiper-slide:first-child {
        display: block;
    }

#clients.swiper-initialized .swiper-wrapper {
    display: flex; /* 初始化后 Swiper 自动覆盖 */
}

#clients.swiper-initialized .swiper-slide {
    display: block;
}