.about-section {
    padding: 150px 0 50px 0;
    position: relative;
    overflow: hidden;
}

/*==========================
WHY UDAIPUR
==========================*/

.why-udaipur {

    padding: 120px 0;

    position: relative;

    overflow: hidden;

}

.why-image {

    position: relative;

}

.why-image img {

    width: 100%;

    border-radius: 25px;

    box-shadow: 0 30px 60px rgba(227, 23, 119, .18);

    transition: .5s;

}

.why-image img:hover {

    transform: scale(1.03);

}

.experience-box {

    position: absolute;

    left: -20px;

    bottom: 40px;

    background: #161616;

    padding: 25px 30px;

    border-radius: 20px;

    border: 1px solid rgba(255, 255, 255, .08);

    box-shadow: 0 20px 40px rgba(227, 23, 119, .18);

    text-align: center;

}

.experience-box span {

    font-size: 42px;

    font-weight: 700;

    color: #E31777;

    display: block;

    line-height: 1;

}

.experience-box p {

    margin: 8px 0 0;

    color: #fff;

}

.section-tag {

    display: inline-block;

    padding: 10px 18px;

    background: rgba(227, 23, 119, .12);

    border: 1px solid rgba(227, 23, 119, .3);

    color: #E31777;

    border-radius: 30px;

    font-size: 14px;

    letter-spacing: 1px;

    margin-bottom: 20px;

}

.why-content h2 {

    font-size: 48px;

    font-weight: 700;

    color: #fff;

    margin-bottom: 25px;

    line-height: 1.2;

}

.why-content h2 span {

    color: #E31777;

}

.why-content>p {

    font-size: 17px;

    color: #bdbdbd;

    margin-bottom: 35px;

    line-height: 30px;

}

.why-list {

    display: flex;

    flex-direction: column;

    gap: 25px;

    margin-bottom: 40px;

}

.why-item {

    display: flex;

    gap: 20px;

    align-items: flex-start;

    padding: 22px;

    background: #161616;

    border-radius: 18px;

    border: 1px solid rgba(255, 255, 255, .05);

    transition: .4s;

}

.why-item:hover {

    transform: translateX(10px);

    border-color: #E31777;

}

.why-item .icon {

    width: 65px;

    height: 65px;

    background: #E31777;

    border-radius: 50%;

    display: flex;

    align-items: center;

    justify-content: center;

    font-size: 24px;

    color: #fff;

    flex-shrink: 0;

}

.why-item h5 {

    color: #fff;

    margin-bottom: 8px;

    font-size: 22px;

}

.why-item p {

    color: #bfbfbf;

    margin: 0;

}

.why-btn {

    display: inline-block;

    padding: 16px 40px;

    background: #E31777;

    color: #fff;

    text-decoration: none;

    border-radius: 50px;

    font-weight: 600;

    transition: .4s;

}

.why-btn:hover {

    background: #fff;

    color: #111;

}

@media(max-width:991px) {

    .why-content {

        margin-top: 60px;

    }

    .why-content h2 {

        font-size: 36px;

    }

    .experience-box {

        left: 20px;

        bottom: 20px;

        padding: 18px;

    }

}

@media(max-width:575px) {

    .why-content h2 {

        font-size: 30px;

    }

    .why-item {

        padding: 18px;

    }

    .why-item .icon {

        width: 55px;

        height: 55px;

        font-size: 20px;

    }

}

/*==========================
HUMAN EXPERIENCE
==========================*/

.human-experience {

    padding: 120px 0;

    position: relative;

}

.section-heading {

    max-width: 760px;

    margin: auto;

}

.section-heading h2 {

    font-size: 48px;

    color: #fff;

    font-weight: 700;

    margin-top: 15px;

    margin-bottom: 20px;

}

.section-heading h2 span {

    color: #E31777;

}

.section-heading p {

    color: #bdbdbd;

    font-size: 17px;

    line-height: 30px;

}

.experience-card {

    background: rgb(255, 255, 255);

    border: 1px solid rgba(255, 255, 255, .08);

    border-radius: 25px;

    padding: 40px 30px;

    text-align: center;

    height: 100%;

    transition: .45s;

    position: relative;

    overflow: hidden;

    backdrop-filter: blur(12px);

}

.experience-card::before {

    content: "";

    position: absolute;

    top: -100%;

    left: -100%;

    width: 250px;

    height: 250px;

    background: rgba(227, 23, 119, .08);

    border-radius: 50%;

    transition: .6s;

}

.experience-card:hover::before {

    top: -60px;

    left: -60px;

}

.experience-card:hover {

    transform: translateY(-12px);

    border-color: #E31777;

    box-shadow: 0 20px 45px rgba(227, 23, 119, .15);

}

.experience-icon {

    width: 80px;

    height: 80px;

    margin: auto;

    margin-bottom: 25px;

    border-radius: 50%;

    background: #E31777;

    display: flex;

    align-items: center;

    justify-content: center;

    font-size: 30px;

    color: #fff;

    transition: .4s;

}

.experience-card:hover .experience-icon {

    transform: rotate(360deg) scale(1.08);

}

.experience-card h4 {

    color: #000000;

    font-size: 24px;

    margin-bottom: 15px;

}

.experience-card p {

    color: #888;

    line-height: 28px;

    margin: 0;

}

@media(max-width:991px) {

    .section-heading h2 {

        font-size: 36px;

    }

}

@media(max-width:576px) {

    .human-experience {

        padding: 80px 0;

    }

    .section-heading h2 {

        font-size: 30px;

    }

    .experience-card {

        padding: 30px 20px;

    }

    .experience-icon {

        width: 70px;

        height: 70px;

        font-size: 26px;

    }

}


/*==========================
WHO BOOKS
==========================*/

.who-books {

    padding: 120px 0;

    position: relative;

}

.client-card {

    background: #ffffff;

    border: 1px solid rgba(255, 255, 255, .08);

    border-radius: 22px;

    padding: 40px 30px;

    height: 100%;

    text-align: center;

    transition: .45s;

    position: relative;

    overflow: hidden;

}

.client-card::before {

    content: "";

    position: absolute;

    width: 120px;

    height: 120px;

    background: rgba(227, 23, 119, .08);

    border-radius: 50%;

    top: -60px;

    right: -60px;

    transition: .5s;

}

.client-card:hover {

    transform: translateY(-12px);

    border-color: #E31777;

    box-shadow: 0 25px 50px rgba(227, 23, 119, .18);

}

.client-card:hover::before {

    transform: scale(3);

    opacity: .2;

}

.client-icon {

    width: 90px;

    height: 90px;

    margin: auto;

    margin-bottom: 25px;

    border-radius: 50%;

    background: linear-gradient(135deg, #E31777, #ff5ca8);

    display: flex;

    justify-content: center;

    align-items: center;

    font-size: 34px;

    color: #fff;

    transition: .5s;

}

.client-card:hover .client-icon {

    transform: rotateY(180deg);

}

.client-card h4 {

    font-size: 24px;

    color: #000000;

    margin-bottom: 15px;

}

.client-card p {

    color: #888;

    /* line-height: 28px; */

    margin: 0;

}

@media(max-width:991px) {

    .who-books {

        padding: 90px 0;

    }

}

@media(max-width:576px) {

    .client-card {

        padding: 30px 22px;

    }

    .client-icon {

        width: 75px;

        height: 75px;

        font-size: 28px;

    }

    .client-card h4 {

        font-size: 21px;

    }

}

/*==================================
BOOKING PROCESS
==================================*/

.booking-process {

    padding: 120px 0;

    position: relative;

}

.booking-timeline {

    display: flex;

    justify-content: space-between;

    position: relative;

    margin-top: 80px;

    gap: 25px;

}

.timeline-line {

    position: absolute;

    top: 45px;

    left: 5%;

    width: 90%;

    height: 3px;

    background: rgba(227, 23, 119, .25);

    z-index: 0;

}

.booking-step {

    position: relative;

    flex: 1;

    text-align: center;

    z-index: 2;

}

.step-number {

    width: 90px;

    height: 90px;

    margin: auto;

    background: #E31777;

    border-radius: 50%;

    display: flex;

    align-items: center;

    justify-content: center;

    font-size: 28px;

    font-weight: 700;

    color: #fff;

    box-shadow: 0 15px 40px rgba(227, 23, 119, .35);

    margin-bottom: 35px;

    border: 6px solid #111;

    transition: .4s;

}

.booking-step:hover .step-number {

    transform: scale(1.08) rotate(10deg);

}

.step-card {

    background: #ffffff;

    padding: 30px 20px;

    border-radius: 20px;

    border: 1px solid rgba(255, 255, 255, .08);

    transition: .4s;

    /* height: 100%; */

}

.step-card:hover {

    transform: translateY(-12px);

    border-color: #E31777;

    box-shadow: 0 20px 45px rgba(227, 23, 119, .18);

}

.step-card i {

    font-size: 38px;

    color: #E31777;

    margin-bottom: 20px;

}

.step-card h4 {

    color: #000000;

    font-size: 22px;

    margin-bottom: 15px;

}

.step-card p {

    color: #888;

    line-height: 28px;

    margin: 0;

}

@media(max-width:991px) {

    .booking-timeline {

        flex-direction: column;

    }

    .timeline-line {

        display: none;

    }

    .booking-step {

        margin-bottom: 50px;

    }

    .step-number {

        margin-bottom: 20px;

    }

}

@media(max-width:576px) {

    .booking-process {

        padding: 80px 0;

    }

    .step-number {

        width: 75px;

        height: 75px;

        font-size: 24px;

    }

    .step-card {

        padding: 25px 18px;

    }

    .step-card h4 {

        font-size: 20px;

    }

}

/*==========================
PRIVACY SECTION
==========================*/

.privacy-section {

    padding: 120px 0;

    position: relative;

    overflow: hidden;

}

.privacy-image {

    position: relative;

}

.privacy-image img {

    width: 100%;

    border-radius: 25px;

    box-shadow: 0 25px 60px rgba(227, 23, 119, .15);

    transition: .5s;

}

.privacy-image:hover img {

    transform: scale(1.03);

}

.privacy-badge {

    position: absolute;

    left: 30px;

    bottom: 30px;

    background: #E31777;

    padding: 15px 25px;

    border-radius: 50px;

    display: flex;

    align-items: center;

    gap: 12px;

    color: #fff;

    font-weight: 600;

    box-shadow: 0 15px 35px rgba(227, 23, 119, .35);

}

.privacy-badge i {

    font-size: 22px;

}

.privacy-content h2 {

    font-size: 46px;

    color: #fff;
    font-weight: 600;

    margin: 20px 0;

    line-height: 1.2;

}

.privacy-content h2 span {

    color: #E31777;

}

.privacy-content>p {

    color: #bdbdbd;


  

    font-size: 17px;
    line-height: 32px;
    margin-bottom: 35px;

}

.privacy-card {

    background: #ffffff;

    border: 1px solid rgba(255, 255, 255, .08);

    padding: 28px;

    border-radius: 20px;

    height: 100%;

    transition: .4s;

}

.privacy-card:hover {

    transform: translateY(-10px);

    border-color: #E31777;

    box-shadow: 0 20px 45px rgba(227, 23, 119, .18);

}

.privacy-card i {

    font-size: 36px;

    color: #E31777;

    margin-bottom: 18px;

}

.privacy-card h5 {

    color: #000000;

    margin-bottom: 12px;

    font-size: 22px;

}

.privacy-card p {

    margin: 0;

    color: #888;

    line-height: 28px;

}

@media(max-width:991px) {

    .privacy-content {

        margin-top: 40px;

    }

    .privacy-content h2 {

        font-size: 34px;

    }

}

@media(max-width:576px) {

    .privacy-section {

        padding: 80px 0;

    }

    .privacy-badge {

        left: 15px;

        bottom: 15px;

        padding: 12px 18px;

        font-size: 14px;

    }

    .privacy-content h2 {

        font-size: 28px;

    }

    .privacy-card {

        padding: 22px;

    }

}

/*==========================
PRICING SECTION
==========================*/

.pricing-section {

    padding: 120px 0;

    position: relative;

}

.price-card {

    background: #ffffff;

    border: 1px solid rgba(255, 255, 255, .08);

    border-radius: 25px;

    padding: 45px 30px;

    text-align: center;

    position: relative;

    overflow: hidden;

    height: 100%;

    transition: .45s;

}

.price-card::before {

    content: "";

    position: absolute;

    top: -80px;

    right: -80px;

    width: 180px;

    height: 180px;

    background: rgba(227, 23, 119, .08);

    border-radius: 50%;

    transition: .5s;

}

.price-card:hover::before {

    transform: scale(2);

}

.price-card:hover {

    transform: translateY(-12px);

    border-color: #E31777;

    box-shadow: 0 25px 55px rgba(227, 23, 119, .18);

}

.price-card.active {

    border: 2px solid #E31777;

    box-shadow: 0 20px 50px rgba(227, 23, 119, .20);

}

.popular-tag {

    position: absolute;

    top: 20px;

    right: -39px;

    background: #E31777;

    color: #fff;

    padding: 8px 45px;

    font-size: 12px;

    font-weight: 600;

    transform: rotate(45deg);

}

.price-icon {

    width: 90px;

    height: 90px;

    margin: auto;

    margin-bottom: 25px;

    border-radius: 50%;

    background: linear-gradient(135deg, #E31777, #ff5ea8);

    display: flex;

    justify-content: center;

    align-items: center;

    font-size: 34px;

    color: #fff;

    transition: .5s;

}

.price-card:hover .price-icon {

    transform: rotateY(180deg);

}

.price-card h4 {

    color: #000000;

    font-size: 24px;

    margin-bottom: 18px;

}

.price-card p {

    color: #888;

    line-height: 28px;

    margin: 0;

}

@media(max-width:991px) {

    .pricing-section {

        padding: 90px 0;

    }

}

@media(max-width:576px) {

    .price-card {

        padding: 35px 20px;

    }

    .price-icon {

        width: 75px;

        height: 75px;

        font-size: 28px;

    }

    .price-card h4 {

        font-size: 21px;

    }

}

/*==================================
REAL PROFILE SECTION
==================================*/

.real-profile-section {

    padding: 120px 0;

}

.real-profile-image {

    position: relative;

}

.real-profile-image img {

    width: 100%;

    border-radius: 25px;

    box-shadow: 0 25px 60px rgba(227, 23, 119, .15);

    transition: .5s;

}

.real-profile-image:hover img {

    transform: scale(1.03);

}

.verified-badge {

    position: absolute;

    left: 25px;

    bottom: 25px;

    background: #E31777;

    padding: 14px 24px;

    border-radius: 50px;

    display: flex;

    align-items: center;

    gap: 10px;

    color: #fff;

    font-weight: 600;

    box-shadow: 0 15px 35px rgba(227, 23, 119, .35);

}

.comparison-box {

    display: flex;

    flex-direction: column;

    gap: 20px;

}

.comparison-item {

    display: flex;

    align-items: flex-start;

    gap: 20px;

    background: #161616;

    padding: 25px;

    border-radius: 18px;

    border: 1px solid rgba(255, 255, 255, .08);

    transition: .4s;

}

.comparison-item:hover {

    transform: translateX(10px);

    border-color: #E31777;

    box-shadow: 0 20px 40px rgba(227, 23, 119, .18);

}

.compare-icon {

    width: 65px;

    height: 65px;

    border-radius: 50%;

    display: flex;

    justify-content: center;

    align-items: center;

    font-size: 24px;

    color: #fff;

    flex-shrink: 0;

}

.compare-icon.success {

    background: #E31777;

}

.compare-icon.danger {

    background: #444;

}

.comparison-item h5 {

    color: #fff;

    margin-bottom: 8px;

    font-size: 22px;

}

.comparison-item p {

    margin: 0;

    color: #cfcfcf;

    line-height: 28px;

}

@media(max-width:991px) {

    .real-profile-section {

        padding: 90px 0;

    }

}

@media(max-width:576px) {

    .real-profile-section {

        padding: 80px 0;

    }

    .comparison-item {

        padding: 20px;

        gap: 15px;

    }

    .compare-icon {

        width: 55px;

        height: 55px;

        font-size: 20px;

    }

    .comparison-item h5 {

        font-size: 19px;

    }

    .verified-badge {

        left: 15px;

        bottom: 15px;

        padding: 12px 18px;

        font-size: 14px;

    }

}

/*==========================
UDAIPUR EXPERIENCE
==========================*/

.udaipur-experience {

    position: relative;

    padding: 120px 0;

    background: url(images/udaipur-bg.jpg) center center/cover no-repeat;

    overflow: hidden;

}

.experience-overlay {

    position: absolute;

    left: 0;

    top: 0;

    width: 100%;

    height: 100%;

    background: rgba(8, 8, 8, .82);

}

.experience-content {

    position: relative;

    z-index: 2;

    background: rgba(22, 22, 22, .55);

    backdrop-filter: blur(18px);

    padding: 70px;

    border-radius: 30px;

    border: 1px solid rgba(255, 255, 255, .08);

    text-align: center;

}

.experience-content h2 {

    font-size: 52px;

    color: #fff;

    margin: 20px 0;

    line-height: 1.2;

}

.experience-content h2 span {

    color: #E31777;

}

.experience-content>p {

    max-width: 750px;

    margin: auto;

    color: #d2d2d2;

    line-height: 30px;

}

.city-card {

    background: rgba(255, 255, 255, .03);

    border: 1px solid rgba(255, 255, 255, .08);

    border-radius: 22px;

    padding: 35px 25px;

    height: 100%;

    transition: .45s;

}

.city-card:hover {

    transform: translateY(-10px);

    border-color: #E31777;

    box-shadow: 0 20px 45px rgba(227, 23, 119, .18);

}

.city-card i {

    font-size: 42px;

    color: #E31777;

    margin-bottom: 20px;

}

.city-card h5 {

    color: #fff;

    font-size: 24px;

    margin-bottom: 15px;

}

.city-card p {

    color: #cfcfcf;

    margin: 0;

    line-height: 28px;

}

@media(max-width:991px) {

    .experience-content {

        padding: 45px;

    }

    .experience-content h2 {

        font-size: 38px;

    }

}

@media(max-width:576px) {

    .udaipur-experience {

        padding: 80px 0;

    }

    .experience-content {

        padding: 30px 20px;

    }

    .experience-content h2 {

        font-size: 30px;

    }

    .city-card {

        padding: 25px 20px;

    }

    .city-card h5 {

        font-size: 20px;

    }

}

/*==========================
TRUST SECTION
==========================*/

.trust-section {

    padding: 120px 0;

    position: relative;

}

.trust-card {

    background: #ffffff;

    border: 1px solid rgba(255, 255, 255, .08);

    padding: 40px 30px;

    border-radius: 22px;

    height: 100%;

    text-align: center;

    transition: .45s;

    position: relative;

    overflow: hidden;

}

.trust-card::before {

    content: "";

    position: absolute;

    top: -100px;

    right: -100px;

    width: 220px;

    height: 220px;

    background: rgba(227, 23, 119, .08);

    border-radius: 50%;

    transition: .5s;

}

.trust-card:hover::before {

    transform: scale(2);

}

.trust-card:hover {

    transform: translateY(-12px);

    border-color: #E31777;

    box-shadow: 0 25px 50px rgba(227, 23, 119, .18);

}

.trust-icon {

    width: 90px;

    height: 90px;

    margin: auto;

    margin-bottom: 25px;

    border-radius: 50%;

    background: linear-gradient(135deg, #E31777, #ff62aa);

    display: flex;

    align-items: center;

    justify-content: center;

    font-size: 34px;

    color: #fff;

    transition: .5s;

}

.trust-card:hover .trust-icon {

    transform: rotate(360deg);

}

.trust-card h4 {

    font-size: 24px;

    color: #000000;

    margin-bottom: 15px;

}

.trust-card p {

    color: #888;

    line-height: 28px;

    margin: 0;

}

/* Counter */

.trust-counter {

    background: #161616;

    border-radius: 20px;

    padding: 35px 20px;

    text-align: center;

    border: 1px solid rgba(255, 255, 255, .08);

    transition: .4s;

    margin-top: 20px;

}

.trust-counter:hover {

    border-color: #E31777;

    transform: translateY(-8px);

}

.trust-counter h2 {

    font-size: 42px;

    color: #E31777;

    font-weight: 700;

    margin-bottom: 10px;

}

.trust-counter p {

    margin: 0;

    color: #cfcfcf;

    font-size: 16px;

}

@media(max-width:991px) {

    .trust-section {

        padding: 90px 0;

    }

}

@media(max-width:576px) {

    .trust-section {

        padding: 80px 0;

    }

    .trust-card {

        padding: 30px 20px;

    }

    .trust-icon {

        width: 75px;

        height: 75px;

        font-size: 28px;

    }

    .trust-card h4 {

        font-size: 21px;

    }

    .trust-counter h2 {

        font-size: 34px;

    }

}


/*==================================
PREMIUM FAQ
==================================*/

.premium-faq {

    padding: 120px 0;

}

.faq-wrapper {

    max-width: 900px;

    margin: auto;

}

.faq-box {

    background: #161616;

    border: 1px solid rgba(255, 255, 255, .08);

    border-radius: 18px;

    margin-bottom: 20px;

    overflow: hidden;

    transition: .4s;

}

.faq-box:hover {

    border-color: #E31777;

    box-shadow: 0 20px 45px rgba(227, 23, 119, .15);

}

.faq-btn {

    width: 100%;

    background: none;

    border: none;

    padding: 25px 30px;

    display: flex;

    justify-content: space-between;

    align-items: center;

    cursor: pointer;

    color: #fff;

    font-size: 22px;

    font-weight: 600;

    text-align: left;

}

.faq-btn i {

    width: 45px;

    height: 45px;

    background: #E31777;

    border-radius: 50%;

    display: flex;

    justify-content: center;

    align-items: center;

    font-size: 16px;

    color: #fff;

    transition: .4s;

}

.faq-box.active .faq-btn i {

    transform: rotate(180deg);

}

.faq-content {

    max-height: 0;

    overflow: hidden;

    transition: .4s ease;

}

.faq-box.active .faq-content {

    max-height: 300px;

}

.faq-content p {

    padding: 0 30px 30px;

    margin: 0;

    color: #cfcfcf;

    line-height: 30px;

}

@media(max-width:768px) {

    .premium-faq {

        padding: 80px 0;

    }

    .faq-btn {

        font-size: 18px;

        padding: 20px;

    }

    .faq-btn i {

        width: 40px;

        height: 40px;

    }

    .faq-content p {

        padding: 0 20px 20px;

    }

}


/*==========================
FINAL CTA
==========================*/

.final-cta {

    padding: 120px 0;

}

.cta-wrapper {

    background: linear-gradient(135deg, #141414, #1e1e1e);

    border: 1px solid rgba(255, 255, 255, .08);

    border-radius: 30px;

    padding: 70px;

    position: relative;

    overflow: hidden;

    box-shadow: 0 30px 70px rgba(227, 23, 119, .15);

}

.cta-wrapper::before {

    content: "";

    position: absolute;

    width: 420px;

    height: 420px;

    background: rgba(227, 23, 119, .08);

    border-radius: 50%;

    right: -160px;

    top: -160px;

}

.cta-wrapper::after {

    content: "";

    position: absolute;

    width: 260px;

    height: 260px;

    background: rgba(227, 23, 119, .06);

    border-radius: 50%;

    left: -120px;

    bottom: -120px;

}

.cta-wrapper>* {

    position: relative;

    z-index: 2;

}

.cta-wrapper h2 {

    font-size: 52px;

    color: #fff;

    margin: 20px 0;

    line-height: 1.2;

}

.cta-wrapper h2 span {

    color: #E31777;

}

.cta-wrapper p {

    font-size: 18px;

    color: #cfcfcf;

    line-height: 30px;

    margin-bottom: 35px;

}

.cta-feature-list {

    display: grid;

    grid-template-columns: repeat(2, 1fr);

    gap: 18px;

}

.cta-feature {

    display: flex;

    align-items: center;

    gap: 12px;

    color: #fff;

    font-size: 17px;

}

.cta-feature i {

    color: #E31777;

    font-size: 18px;

}

.cta-buttons {

    display: flex;

    flex-direction: column;

    gap: 20px;

}

.cta-buttons a {

    display: flex;

    justify-content: center;

    align-items: center;

    gap: 12px;

    padding: 18px;

    border-radius: 60px;

    text-decoration: none;

    font-size: 18px;

    font-weight: 600;

    transition: .4s;

}

.whatsapp-btn {

    background: #25D366;

    color: #fff;

}

.whatsapp-btn:hover {

    transform: translateY(-6px);

    box-shadow: 0 20px 40px rgba(37, 211, 102, .35);

}

.call-btn {

    background: #E31777;

    color: #fff;

}

.call-btn:hover {

    transform: translateY(-6px);

    box-shadow: 0 20px 40px rgba(227, 23, 119, .35);

}

.profile-btn {

    background: transparent;

    border: 2px solid #E31777;

    color: #fff;

}

.profile-btn:hover {

    background: #E31777;

}

@media(max-width:991px) {

    .cta-wrapper {

        padding: 45px;

    }

    .cta-wrapper h2 {

        font-size: 38px;

    }

    .cta-buttons {

        margin-top: 40px;

    }

}

@media(max-width:576px) {

    .final-cta {

        padding: 80px 0;

    }

    .cta-wrapper {

        padding: 30px 25px;

    }

    .cta-wrapper h2 {

        font-size: 30px;

    }

    .cta-feature-list {

        grid-template-columns: 1fr;

    }

    .cta-buttons a {

        font-size: 16px;

        padding: 15px;

    }

}

/*=========================
PREMIUM CTA
==========================*/

.premium-cta {

    padding: 100px 0;

}

.premium-cta-box {

    background: linear-gradient(135deg, #7b0d4d, #E31777);

    padding: 70px;

    border-radius: 30px;

    position: relative;

    overflow: hidden;

    box-shadow: 0 25px 60px rgba(227, 23, 119, .25);

}

.premium-cta-box::before {

    content: "";

    position: absolute;

    width: 420px;

    height: 420px;

    background: rgba(255, 255, 255, .08);

    border-radius: 50%;

    top: -180px;

    right: -150px;

}

.premium-cta-box::after {

    content: "";

    position: absolute;

    width: 250px;

    height: 250px;

    background: rgba(255, 255, 255, .05);

    border-radius: 50%;

    left: -80px;

    bottom: -80px;

}

.premium-cta-box>* {

    position: relative;

    z-index: 2;

}

.cta-tag {

    display: inline-block;

    padding: 10px 22px;

    background: #fff;

    color: #E31777;

    font-weight: 700;

    border-radius: 30px;

    margin-bottom: 20px;

}

.premium-cta-box h2 {

    font-size: 52px;

    font-weight: 700;

    color: #fff;

    margin-bottom: 20px;

    line-height: 1.2;

}

.premium-cta-box h2 span {

    color: #ffd9ec;

}

.premium-cta-box p {

    font-size: 18px;

    color: #fff;

    line-height: 32px;

    margin-bottom: 35px;

}

.cta-features {

    display: grid;

    grid-template-columns: repeat(2, 1fr);

    gap: 18px;

}

.cta-features div {

    color: #fff;

    font-size: 17px;

}

.cta-features i {

    color: #fff;

    margin-right: 8px;

}

.cta-buttons {

    display: flex;

    flex-direction: column;

    gap: 18px;

}

.cta-buttons a {

    display: flex;

    justify-content: center;

    align-items: center;

    gap: 10px;

    text-decoration: none;

    padding: 18px;

    font-weight: 600;

    border-radius: 50px;

    transition: .4s;

    font-size: 17px;

}

.btn-whatsapp {

    background: #25D366;

    color: #fff;

}

.btn-whatsapp:hover {

    transform: translateY(-5px);

    box-shadow: 0 15px 35px rgba(37, 211, 102, .35);

}

.btn-call {

    background: #fff;

    color: #E31777;

}

.btn-call:hover {

    transform: translateY(-5px);

}

.btn-profile {

    border: 2px solid #fff;

    color: #fff;

    background: transparent;

}

.btn-profile:hover {

    background: #fff;

    color: #E31777;

}

@media(max-width:991px) {

    .premium-cta-box {

        padding: 45px;

        text-align: center;

    }

    .cta-buttons {

        margin-top: 40px;

    }

    .cta-features {

        grid-template-columns: 1fr;

    }

    .premium-cta-box h2 {

        font-size: 38px;

    }

}

@media(max-width:576px) {

    .premium-cta {

        padding: 70px 0;

    }

    .premium-cta-box {

        padding: 30px 20px;

        border-radius: 20px;

    }

    .premium-cta-box h2 {

        font-size: 30px;

    }

    .premium-cta-box p {

        font-size: 16px;

        line-height: 28px;

    }

    .cta-buttons a {

        padding: 15px;

        font-size: 16px;

    }

}