@media (min-width:1600px) {
    .container {
        max-width: 1440px
    }
}

@media (min-width:1800px) {
    .container {
        max-width: 1600px
    }
}


/* 2560×1440 (QHD / 2K monitors) */
@media only screen and (max-width: 2560px) {
    /* your CSS rules here */
}

@media only screen and (max-width:1800px) {
    .contact-form h4 {
        font-size: 34px;
    }

    .contact-overlapbx {
        position: absolute;
        bottom: 28px;
        width: 100%;
    }

    .bride-img img {
        position: absolute;
        left: 12px;
        bottom: 0px;
        width: 30%;
    }

    .groom-img img {
        position: absolute;
        right: 30px;
        bottom: 0;
        width: 21%;
    }
}

@media only screen and (max-width:1650px) {

    h1,
    .h1 {
        font-size: 65px;
    }

    h2,
    .h2 {
        font-size: 38px;
    }

    p {
        font-size: 16px;
    }

    .feature-item h4 {
        font-size: 18px;
    }

    .bannerText {
        font-size: 20px;
        line-height: 1;
    }

    .see-subscriptions-btn {
        display: inline-block;
        padding: 15px 25px;
        border: 2px solid #c63a4a;
        color: #c63a4a;
        font-size: 16px;
        font-weight: 600;
        text-decoration: none;
        border-radius: 15px;
        transition: all 0.3s ease;
    }

    .container.is-mwg_effect025 {
        padding: 5em 0em 0em 0em;
    }

    .unsure-form input::placeholder {
        font-size: 16px;
    }

    .hero-style1 .mb-80px.md-mb50 {
        margin-bottom: 50px !important;
    }

    .section-title span {
        font-size: 65px;
    }

    .step-box h5 {
        font-size: 22px;
    }

    .how-dhol-content {
        grid-template-columns: 26% 74%;
    }

    .dhol-img img {
        left: -29px;
        bottom: 28px;
        height: 428px;
    }

    .step-box {
        padding: 35px 37px 35px 84px;
    }

    .hero-style1 {
        padding: 190px 0 100px;
    }

    .member-points p {
        font-size: 20px;
    }

    .btn-member {
        padding: 15px 25px;
        font-size: 15px;
    }

    .section.why-premium-section {
        padding-bottom: 0;
    }

    .cloud-left {
        top: 40px;
        left: -70px;
        width: 206px;
        z-index: 1;
    }

    .member-points span.yellow {
        font-size: 20px;
    }

    .member-img img {
        width: 31%;
        height: auto;
        object-fit: contain;
        position: absolute;
        bottom: 0;
        left: 100px;
    }

    .accordion-button {

        padding: 18px 30px 18px 30px;
    }

    .accordion-body {
        padding: 20px 30px 20px 30px;
    }

    .unsure-form input,
    .unsure-form select {
        padding: 20px 0px;
        font-size: 16px;
    }

    .app-note {
        font-size: 12px;
    }

    .right-contact-form img {
        position: absolute;
        right: 60px;
        bottom: 0;
        width: 43%;
    }

    .accordion-body p {
        font-size: 16px;
        font-weight: 500;
        color: #000;
    }

    img.line-2 {
        position: absolute;
        left: 52px;
        top: 23px;
        z-index: -1;
    }

    img.line-1 {
        position: absolute;
        left: -42px;
        top: 100px;
    }

    .accordion-button h3 {
        font-size: 22px;
        line-height: 32px;
        color: #870519;
    }
}

@media only screen and (max-width:1600px) {
    .section {
        padding: 80px 0;
        position: relative;
    }

    .contact-overlapbx {
        position: absolute;
        bottom: 12px;
        width: 100%;
    }

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

    .subscription-title {
        color: #fff;
        max-width: 500px;
        margin: 0 auto 13px auto;
    }

    .cardMargin .custom-card .card-image img.private-filter {
        position: absolute;
        top: -27px;
        left: 5px;
        right: 0;
        width: 91%;
    }

    .cardMargin .custom-card .card-image img.advanced-filter {
        position: absolute;
        top: -19px;
        left: 0;
        right: 0;
        width: 100%;
        margin: 0 auto;
    }

    .couple-img img.right-img {
        width: 88%;
    }

    .cardMargin .sw-card_content h3.heading-xs {
        font-size: 18px;
    }

    .coupleImgrtBx .couple-cloud-2 {
        position: absolute;
        bottom: -36px;
        left: 43px;
        width: 79%;
    }

    .boxrightContent p {
        font-size: 16px;
        font-weight: 600;
        color: #000;
        padding-right: 0;
        line-height: 22px;
    }

    .faded-text {
        color: #f52c644f;
        opacity: 0.5;
        position: absolute;
        top: -90px;
        font-size: 350px;
        font-weight: bold;
        left: 0;
        right: 0;
        z-index: -2;
    }

    .overlap-box {
        position: absolute;
        left: 0;
        right: 0;
        bottom: 77px;
    }

    .dhol-subscription {
        margin-top: 0;
        padding-bottom: 0;
    }

    img.line-2 {
        position: absolute;
        left: 128px;
        top: 39px;
        z-index: -1;
        width: 87%;
    }

    .matches-memories h5 {
        color: #E8636C;
        font-weight: bold;
        font-size: 23px;
        margin-bottom: 14px;
    }

    .contentWrap {
        padding-left: 23px;
    }

    .matches-memories .year {
        font-size: 80px;
        line-height: 67px;
        margin-bottom: 18px;
    }

    img.line-1 {
        position: absolute;
        left: -42px;
        top: 150px;
        width: 79%;
    }

    .price span {
        font-size: 37px;
        line-height: 1;
    }

    h5.plan-title {
        font-size: 21px;
    }

    p.plan-desc {
        font-size: 16px;
    }

    .price {
        font-size: 23px;
    }

    .section.pricing-section {
        padding-top: 150px;
        padding-bottom: 0;
    }

    .waitlist-box {
        padding: 47px 0 75px 0;
    }

    .section.contact-section {
        padding-top: 160px;
        padding-bottom: 0;
    }

    .footer-links a,
    .footer-social a {
        font-size: 14px;
    }

    .footer-links li,
    .footer-social li {
        margin-bottom: 16px;
    }

    h1,
    .h1 {
        font-size: 55px;
    }

    h2,
    .h2 {
        font-size: 38px;
    }

    p {
        font-size: 16px;
    }

    .unsure-form input::placeholder {
        font-size: 16px;
    }

    .feature-item h4 {
        font-size: 18px;
    }

    .bannerText {
        font-size: 20px;
        line-height: 1;
    }

    .see-subscriptions-btn {
        display: inline-block;
        padding: 15px 25px;
        border: 2px solid #c63a4a;
        color: #c63a4a;
        font-size: 16px;
        font-weight: 600;
        text-decoration: none;
        border-radius: 15px;
        transition: all 0.3s ease;
    }

    .container.is-mwg_effect025 {
        padding: 5em 0em 0em 0em;
    }

    .hero-style1 .mb-80px.md-mb50 {
        margin-bottom: 50px !important;
    }

    .section-title span {
        font-size: 65px;
    }

    .step-box h5 {
        font-size: 22px;
    }

    .unsure-content {
        padding: 20px 30px 50px 20px;
    }

    .how-dhol-content {
        grid-template-columns: 26% 74%;
    }

    .dhol-img img {
        left: -18px;
        bottom: 28px;
        height: 391px;
        width: 481px;
        object-fit: cover;
    }

    .sw-card_content h3.heading-xs {
        font-size: 20px;
        margin-bottom: 3px;
    }

    .member-content {
        flex: 0 0 59%;
        z-index: 2;
    }

    .step-box {
        padding: 35px 37px 35px 114px;
    }

    .hero-style1 {
        padding: 153px 0 100px;
    }

    .w-170px {
        width: 146px;
    }

    .member-points p {
        font-size: 18px;
    }

    .btn-member {
        padding: 15px 25px;
        font-size: 15px;
    }

    .section.why-premium-section {
        padding-bottom: 0;
    }

    .cloud-left {
        top: 40px;
        left: -70px;
        width: 206px;
        z-index: 1;
    }

    .member-points span.yellow {
        font-size: 18px;
    }

    .member-img img {
        width: 31%;
        height: auto;
        object-fit: contain;
        position: absolute;
        bottom: 0;
        left: 94px;
    }

    .member-box {
        padding: 75px 0px 75px 60px;
    }

    .accordion-button {

        padding: 18px 30px 18px 30px;
    }

    .accordion-body {
        padding: 20px 30px 20px 30px;
    }

    .unsure-form input,
    .unsure-form select {
        padding: 15px 0px;
        font-size: 16px;
    }

    .app-note {
        font-size: 12px;
    }

    .right-contact-form img {
        position: absolute;
        right: 60px;
        bottom: 0;
        width: 43%;
    }

    .accordion-body p {
        font-size: 16px;
        font-weight: 500;
        color: #000;
    }

    .accordion-button h3 {
        font-size: 22px;
        line-height: 32px;
        color: #870519;
    }






}

@media only screen and (max-width:1500px) {
    .section {
        padding: 80px 0;
        position: relative;
    }

    .contact-overlapbx {
        position: absolute;
        bottom: 9px;
        width: 100%;
    }

    .dhol-subscription {
        margin-top: 0;
        padding-bottom: 0;
    }

    .waitlist-box {
        padding: 47px 0 75px 0;
    }

    .footer-links a,
    .footer-social a {
        font-size: 14px;
    }

    .sw-card_shape {
        transform: translateY(-4em);
    }

    .footer-links li,
    .footer-social li {
        margin-bottom: 16px;
    }

    h1,
    .h1 {
        font-size: 50px;
    }

    .contact-info p {
        font-size: 18px;
    }

    h2,
    .h2 {
        font-size: 38px;
    }

    p {
        font-size: 16px;
    }

    .unsure-form input::placeholder {
        font-size: 16px;
    }

    .feature-item h4 {
        font-size: 16px;
    }

    .bannerText {
        font-size: 18px;
        line-height: 1;
    }

    .see-subscriptions-btn {
        display: inline-block;
        padding: 15px 25px;
        border: 2px solid #c63a4a;
        color: #c63a4a;
        font-size: 16px;
        font-weight: 600;
        text-decoration: none;
        border-radius: 15px;
        transition: all 0.3s ease;
    }

    .container.is-mwg_effect025 {
        padding: 5em 0em 0em 0em;
    }

    .hero-style1 .mb-80px.md-mb50 {
        margin-bottom: 50px !important;
    }

    .section-title span {
        font-size: 56px;
    }

    .step-box h5 {
        font-size: 22px;
    }

    .unsure-content {
        padding: 20px 30px 50px 20px;
    }

    .how-dhol-content {
        grid-template-columns: 31% 69%;
    }

    .dhol-img img {
        left: -23px;
        bottom: 28px;
        height: 392px;
    }

    .sw-card_content h3.heading-xs {
        font-size: 20px;
        margin-bottom: 3px;
    }

    .member-content {
        flex: 0 0 59%;
        z-index: 2;
    }

    .step-box {
        padding: 35px 37px 35px 60px;
    }

    .hero-style1 {
        padding: 153px 0 100px;
    }

    .w-170px {
        width: 146px;
    }

    .member-points p {
        font-size: 18px;
    }

    .btn-member {
        padding: 15px 25px;
        font-size: 15px;
    }

    .section.why-premium-section {
        padding-bottom: 0;
    }

    .cloud-left {
        top: 40px;
        left: -70px;
        width: 206px;
        z-index: 1;
    }

    .member-points span.yellow {
        font-size: 18px;
    }

    .member-img img {
        width: 32%;
        height: auto;
        object-fit: contain;
        position: absolute;
        bottom: 0;
        left: 84px;
    }

    .member-box {
        padding: 75px 0px 75px 60px;
    }

    .accordion-button {

        padding: 18px 30px 18px 30px;
    }

    .accordion-body {
        padding: 20px 30px 20px 30px;
    }

    .unsure-form input,
    .unsure-form select {
        padding: 13px 0px;
        font-size: 16px;
    }

    .app-note {
        font-size: 12px;
    }

    .right-contact-form img {
        position: absolute;
        right: 60px;
        bottom: 0;
        width: 43%;
    }

    .accordion-body p {
        font-size: 16px;
        font-weight: 500;
        color: #000;
    }

    .accordion-button h3 {
        font-size: 22px;
        line-height: 32px;
        color: #870519;
    }






}


@media only screen and (max-width:1400px) {

    .contact-overlapbx {
        position: absolute;
        bottom: 6px;
        width: 100%;
    }

    .hero-style1 .container.hoverCard {
        max-width: 1250px;
    }

    img.line-1 {
        position: absolute;
        left: -8px;
        top: 193px;
        width: 67%;
    }

    img.line-2 {
        position: absolute;
        left: 128px;
        top: 39px;
        z-index: -1;
        width: 78%;
    }

    .section {
        padding: 80px 0;
        position: relative;
    }

    .dhol-subscription {
        margin-top: 0;
        padding-bottom: 0;
    }

    .dual-btn-wrapper {
        margin: 20px auto 0 auto;
    }

    .overlap-box {
        bottom: 88px;
    }

    .subscription-desc {
        color: #fff;
        font-size: 17px;
        font-weight: 600;
    }

    .step-left {
        gap: 30px;
        width: 470px;
    }

    .footer-links a,
    .footer-social a {
        font-size: 14px;
    }

    .sw-card_shape {
        transform: translateY(-4em);
    }

    .footer-links li,
    .footer-social li {
        margin-bottom: 16px;
    }

    h1,
    .h1 {
        font-size: 50px;
    }

    h2,
    .h2 {
        font-size: 38px;
    }

    p {
        font-size: 16px;
    }

    .unsure-form input::placeholder {
        font-size: 16px;
    }

    .feature-item h4 {
        font-size: 16px;
    }

    .bannerText {
        font-size: 18px;
        line-height: 1;
    }

    .see-subscriptions-btn {
        display: inline-block;
        padding: 15px 25px;
        border: 2px solid #c63a4a;
        color: #c63a4a;
        font-size: 16px;
        font-weight: 600;
        text-decoration: none;
        border-radius: 15px;
        transition: all 0.3s ease;
    }

    .container.is-mwg_effect025 {
        padding: 5em 0em 0em 0em;
    }

    .hero-style1 .mb-80px.md-mb50 {
        margin-bottom: 50px !important;
    }

    .section-title span {
        font-size: 56px;
    }

    .step-box h5 {
        font-size: 22px;
    }

    .unsure-content {
        padding: 20px 30px 50px 20px;
    }

    .how-dhol-content {
        grid-template-columns: 32% 68%;
    }

    .dhol-img img {
        left: -24px;
        bottom: 30px;
        height: 446px;
        width: 531px;
        object-fit: cover;
    }

    .sw-card_content h3.heading-xs {
        font-size: 20px;
        margin-bottom: 3px;
    }

    .member-content {
        flex: 0 0 59%;
        z-index: 2;
    }

    .step-box {
        padding: 30px 37px 30px 123px;
    }

    .hero-style1 {
        padding: 153px 0 100px;
    }

    .w-170px {
        width: 146px;
    }

    .member-points p {
        font-size: 18px;
    }

    .btn-member {
        padding: 15px 25px;
        font-size: 15px;
    }

    .section.why-premium-section {
        padding-bottom: 0;
    }

    .cloud-left {
        top: 62px;
        left: 0px;
        width: 146px;
        z-index: 1;
    }

    .member-points span.yellow {
        font-size: 18px;
    }

    .member-img img {
        width: 32%;
        height: auto;
        object-fit: contain;
        position: absolute;
        bottom: 0;
        left: 114px;
    }

    .member-box {
        padding: 75px 0px 75px 60px;
    }

    .accordion-button {

        padding: 18px 30px 18px 30px;
    }

    .accordion-body {
        padding: 20px 30px 20px 30px;
    }

    .unsure-form input,
    .unsure-form select {
        padding: 13px 0px;
        font-size: 16px;
    }

    .app-note {
        font-size: 12px;
    }

    .right-contact-form img {
        position: absolute;
        right: 60px;
        bottom: 0;
        width: 43%;
    }

    .accordion-body p {
        font-size: 16px;
        font-weight: 500;
        color: #000;
    }

    .accordion-button h3 {
        font-size: 22px;
        line-height: 32px;
        color: #870519;
    }

    .waitlist-section img {
        width: 97%;
    }

    .waitlist-box {
        padding: 38px 0 75px 0;
    }


}

@media only screen and (max-width:1300px) {

    .cardMargin .sw-card_content h3.heading-xs {
        font-size: 17px;
    }

    .contact-overlapbx {
        position: absolute;
        bottom: 0;
        width: 100%;
    }

    .contentWrap {
        padding-left: 38px;
    }

    .matches-memories .boxrightContent {
        width: 60%;
        text-align: left;
    }

    .col-space-top-negative {
        margin-top: -160px;
    }

    img.line-1 {
        position: absolute;
        left: 13px;
        top: 193px;
        width: 62%;
    }

    .matches-memories {
        margin-bottom: 0;
    }

    img.line-2 {
        position: absolute;
        left: 153px;
        top: 39px;
        z-index: -1;
        width: 71%;
    }

    .matches-memories .boxleftContent {
        width: 54%;
    }

    .hero-style1 .container.hoverCard {
        max-width: 1140px;
    }

    .step-icon {
        min-width: 40px;
    }

    .section {
        padding: 80px 0;
        position: relative;
    }

    .dhol-subscription {
        margin-top: 0;
        padding-bottom: 0;
    }

    .step-left {
        gap: 30px;
        width: 430px;
    }

    .footer-links a,
    .footer-social a {
        font-size: 14px;
    }

    .sw-card_shape {
        transform: translateY(-4em);
    }

    .footer-links li,
    .footer-social li {
        margin-bottom: 16px;
    }

    h1,
    .h1 {
        font-size: 50px;
    }

    h2,
    .h2 {
        font-size: 38px;
    }

    p {
        font-size: 16px;
    }

    .unsure-form input::placeholder {
        font-size: 16px;
    }

    .feature-item h4 {
        font-size: 16px;
    }

    .bannerText {
        font-size: 18px;
        line-height: 1;
    }

    .see-subscriptions-btn {
        display: inline-block;
        padding: 15px 25px;
        border: 2px solid #c63a4a;
        color: #c63a4a;
        font-size: 16px;
        font-weight: 600;
        text-decoration: none;
        border-radius: 15px;
        transition: all 0.3s ease;
    }

    .container.is-mwg_effect025 {
        padding: 5em 0em 0em 0em;
    }

    .hero-style1 .mb-80px.md-mb50 {
        margin-bottom: 50px !important;
    }

    .section-title span {
        font-size: 50px;
    }

    .step-box h5 {
        font-size: 22px;
    }

    .unsure-content {
        padding: 20px 30px 42px 20px;
    }

    .how-dhol-content {
        grid-template-columns: 37% 63%;
    }

    .dhol-img img {
        left: -24px;
        bottom: 30px;
        height: 445px;
    }

    .sw-card_content h3.heading-xs {
        font-size: 20px;
        margin-bottom: 3px;
    }

    .member-content {
        flex: 0 0 59%;
        z-index: 2;
    }

    .step-box {
        padding: 30px 37px 30px 81px;
    }

    .hero-style1 {
        padding: 153px 0 100px;
    }

    .w-170px {
        width: 146px;
    }

    .member-points p {
        font-size: 18px;
    }

    .btn-member {
        padding: 15px 25px;
        font-size: 15px;
    }

    .section.why-premium-section {
        padding-bottom: 0;
    }

    .cloud-left {
        top: -40px;
        left: 0px;
        width: 146px;
        z-index: 1;
    }

    .member-points span.yellow {
        font-size: 18px;
    }

    .member-img img {
        width: 32%;
        height: auto;
        object-fit: contain;
        position: absolute;
        bottom: 0;
        left: 94px;
    }

    .member-box {
        padding: 60px 0px 60px 60px;
    }

    .accordion-button {
        padding: 18px 30px 18px 30px;
    }

    .accordion-body {
        padding: 20px 30px 20px 30px;
    }

    .unsure-form input,
    .unsure-form select {
        padding: 13px 0px;
        font-size: 16px;
    }

    .app-note {
        font-size: 12px;
    }

    .right-contact-form img {
        position: absolute;
        right: 60px;
        bottom: 0;
        width: 43%;
    }

    .accordion-body p {
        font-size: 16px;
        font-weight: 500;
        color: #000;
    }

    .accordion-button h3 {
        font-size: 22px;
        line-height: 32px;
        color: #870519;
    }






}

@media only screen and (max-width:1200px) {
    .waitlist-section img {
        width: 95%;
        height: 270px;
    }

    .unsure-header h2 {
        font-size: 30px;
    }

    .padding-left-1 {
        padding-left: 90px;
    }

    .padding-left-2 {
        padding-left: 90px;
    }

    .padding-left-3 {
        padding-left: 70px;
    }

    .wedding-stories .weddingSwiper {
        padding-bottom: 19px;
        /* padding-left: 30px;
        padding-right: 30px; */
        padding-top: 44px;
    }

    .matches-memories .year {
        font-size: 62px;
        line-height: 53px;
        margin-bottom: 9px;
    }

    .matches-memories h2 {
        color: #C03248;
        width: 47%;
        margin: 0 auto;
    }

    .matches-memories h5 {
        color: #E8636C;
        font-weight: bold;
        font-size: 20px;
        margin-bottom: 14px;
    }

    .waitlist-form {
        margin-top: 12px;
    }

    .feature-item {
        padding: 0 14px;
        position: relative;
    }

    .hero-style1 .container.hoverCard {
        max-width: 1140px;
    }

    .step-icon {
        min-width: 40px;
    }

    .paragraph-regular {
        font-size: 16px;
        text-align: start;
        line-height: 18px;
    }

    section.section.first-faq-block {
        padding: 80px 0;
    }

    .section {
        padding: 80px 0;
        position: relative;
    }

    .subscription-title {
        color: #fff;
        max-width: 400px;
        margin: 0 auto 13px auto;
        font-size: 30px;
    }

    .faded-text {
        position: absolute;
        top: -50px;
        font-size: 269px;
        font-weight: bold;
        left: 0;
        right: 0;
        z-index: -2;
    }

    .dhol-subscription {
        margin-top: 0;
        padding-bottom: 0;
    }

    .step-left {
        gap: 30px;
        width: 430px;
    }

    .footer-links a,
    .footer-social a {
        font-size: 14px;
    }

    .sw-card_shape {
        transform: translateY(-4em);
    }

    .aboutCard .sw-card_shape {
        transform: translateY(-6em);
    }

    .footer-links li,
    .footer-social li {
        margin-bottom: 16px;
    }

    h1,
    .h1 {
        font-size: 50px;
    }

    h2,
    .h2 {
        font-size: 38px;
    }

    p {
        font-size: 16px;
    }

    .unsure-form input::placeholder {
        font-size: 16px;
    }

    .feature-item h4 {
        font-size: 16px;
    }

    .bannerText {
        font-size: 18px;
        line-height: 1;
    }

    .see-subscriptions-btn {
        display: inline-block;
        padding: 15px 25px;
        border: 2px solid #c63a4a;
        color: #c63a4a;
        font-size: 16px;
        font-weight: 600;
        text-decoration: none;
        border-radius: 15px;
        transition: all 0.3s ease;
    }

    .container.is-mwg_effect025 {
        padding: 5em 0em 0em 0em;
    }

    .hero-style1 .mb-80px.md-mb50 {
        margin-bottom: 50px !important;
    }

    .section-title span {
        font-size: 50px;
    }

    .step-box h5 {
        font-size: 22px;
    }

    .unsure-content {
        padding: 20px 30px 42px 20px;
    }

    .how-dhol-content {
        grid-template-columns: 32% 68%;
    }

    .dhol-img img {
        left: -27px;
        bottom: 19px;
        height: 374px;
        width: 451px;
        object-fit: cover;
    }

    .sw-card_content h3.heading-xs {
        font-size: 20px;
        margin-bottom: 7px;
    }

    .member-content {
        flex: 0 0 59%;
        z-index: 2;
    }

    .step-box {
        padding: 24px 37px 24px 92px;
    }

    .step-box p {
        color: #222;
        line-height: 20px;
        margin: 0;
        font-weight: 500;
        font-size: 14px;
    }

    .hero-style1 {
        padding: 153px 0 100px;
    }

    .w-170px {
        width: 146px;
    }

    .member-points p {
        font-size: 18px;
    }

    .member-points li p {
        position: relative;
        line-height: 26px;
    }

    .member-points li p::before {
        top: 6px;
    }

    .btn-member {
        padding: 15px 25px;
        font-size: 15px;
    }

    .section.why-premium-section {
        padding-bottom: 0;
    }

    .cloud-left {
        top: -40px;
        left: 0px;
        width: 146px;
        z-index: 1;
    }

    .member-points span.yellow {
        font-size: 18px;
    }

    .member-img img {
        width: 34%;
        height: auto;
        object-fit: contain;
        position: absolute;
        bottom: 0;
        left: 84px;
    }

    .member-box {
        padding: 50px 0px 50px 60px;
    }

    .accordion-button {
        padding: 18px 30px 18px 30px;
    }

    .accordion-body {
        padding: 20px 30px 20px 30px;
    }

    .unsure-form input,
    .unsure-form select {
        padding: 13px 0px;
        font-size: 16px;
    }

    .app-note {
        font-size: 12px;
    }

    .right-contact-form img {
        position: absolute;
        right: 60px;
        bottom: 0;
        width: 43%;
    }

    .accordion-body p {
        font-size: 16px;
        font-weight: 500;
        color: #000;
    }

    .accordion-button h3 {
        font-size: 22px;
        line-height: 32px;
        color: #870519;
    }






}


@media only screen and (max-width:1100px) {
    .how-dhol-content {
        grid-template-columns: 38% 62%;
    }

    .wedding-stories .weddingSwiper {
        padding-top: 27px;
    }

    .contact-overlapbx {
        position: absolute;
        bottom: 8px;
        width: 100%;
    }

    .subscription-desc {
        color: #fff;
        font-size: 15px;
        font-weight: 600;
    }

    .btn-item {
        font-size: 14px;
    }

    .overlap-box {
        bottom: 63px;
    }

    .faded-text {
        font-size: 294px;

    }

    .dhol-subscription {
        position: relative;
        margin-top: 0px;
        /* background-image: url(../imgs/dhol-sub-bg.png); */
        background-size: cover;
    }

    img.line-1 {
        display: none;
    }

    .contentWrap {
        padding-left: 0;
    }

    .col-space-top {
        margin-top: 80px;
    }

    .boxleftContent p {
        font-size: 16px;
        line-height: 22px;
    }

    .col-space-top-negative {
        margin-top: -50px;
    }

    img.line-2 {
        display: none
    }

    .matches-memories h2 {
        color: #C03248;
        width: 48%;
        margin: 0 auto;
    }

    .contact-form .form-control {
        font-size: 16px;
    }

    .contact-form select {
        font-size: 16px;
    }

    .contact-form h4 {
        font-size: 29px;
        margin-bottom: 6px;
    }

    .contact-icon {
        margin-top: 80px;
    }

    .step-box {
        padding: 24px 37px 24px 37px;
    }

    .accordion-button h3 {
        font-size: 20px;
    }

    .how-dhol-box h2.section-title {
        position: unset;
        top: 32px;
    }

    .dhol-img img {
        position: absolute;
        /* height: auto; */
        left: -26px;
        bottom: 45px;
        height: 382px;
        width: 431px;
        object-fit: cover;
    }
}

@media screen and (max-width: 992px) {
    .md-mb10 {
        margin-bottom: 10px;
    }

    .md-mb15 {
        margin-bottom: 15px;
    }

    .md-mb20 {
        margin-bottom: 20px;
    }

    .md-mb30 {
        margin-bottom: 30px;
    }

    .md-mb40 {
        margin-bottom: 40px;
    }

    .md-mb50 {
        margin-bottom: 50px !important;
    }

    .md-mb80 {
        margin-bottom: 80px;
    }

    .md-no-mrg {
        margin: 0 !important;
    }

    .md-pb10 {
        padding-bottom: 10px;
    }

    .md-pb20 {
        padding-bottom: 20px;
    }

    .md-pb30 {
        padding-bottom: 30px;
    }

    .md-pb40 {
        padding-bottom: 40px;
    }

    .md-pb50 {
        padding-bottom: 50px;
    }

    .md-pb60 {
        padding-bottom: 60px;
    }

    .md-pb70 {
        padding-bottom: 70px;
    }

    .md-pb80 {
        padding-bottom: 80px;
    }

    .md-pt80 {
        padding-top: 80px !important;
    }

    .md-no-pad {
        padding: 0 !important;
    }

    .md-center {
        text-align: center !important;
    }

    .md-order-1 {
        order: 1 !important;
    }

    .md-order-2 {
        order: 2 !important;
    }

    .md-order-3 {
        order: 3 !important;
    }

    .md-order-4 {
        order: 4 !important;
    }

    .md-hide {
        display: none;
    }

    .justify-end {
        justify-content: flex-start !important;
    }

    .justify-end .vew-all {
        margin-left: 25px;
        margin-top: 25px;
    }

    .justify-end .swiper-controls {
        margin-top: 30px;
    }

    .justify-end .ml-auto {
        margin-left: 0;
        margin-top: 30px;
    }

    .row.sm-marg {
        margin-left: -15px;
        margin-right: -15px;
    }

    .row.sm-marg>* {
        padding-left: 15px;
        padding-right: 15px;
    }

    .row.stand-marg {
        margin-left: -15px;
        margin-right: -15px;
    }

    .row.stand-marg>* {
        padding-left: 15px;
        padding-right: 15px;
    }

    .row.md-marg {
        margin-left: -15px;
        margin-right: -15px;
    }

    .row.md-marg>* {
        padding-left: 15px;
        padding-right: 15px;
    }

    .row.lg-marg {
        margin-left: -15px;
        margin-right: -15px;
    }

    .row.lg-marg>* {
        padding-left: 15px;
        padding-right: 15px;
    }

    .row.xlg-marg {
        margin-left: -15px;
        margin-right: -15px;
    }

    .row.xlg-marg>* {
        padding-left: 15px;
        padding-right: 15px;
    }

    .row.xxlg-marg {
        margin-left: -15px;
        margin-right: -15px;
    }

    .row.xxlg-marg>* {
        padding-left: 15px;
        padding-right: 15px;
    }

    h1 {
        font-size: 50px;
    }

    h2 {
        font-size: 40px;
    }

    h3 {
        font-size: 30px;
    }

    h4 {
        font-size: 28px;
    }

    h5 {
        font-size: 23px;
    }

    h6 {
        font-size: 20px;
    }

    .fz-120 {
        font-size: 90px !important;
    }

    .fz-80 {
        font-size: 60px !important;
    }

    .fz-70 {
        font-size: 50px !important;
    }

    .border-radius-100px {
        border-radius: 50px !important;
    }

    .navbar .logo:after {
        display: none;
    }

    .navbar .contact-button {
        display: none;
    }

    .navbar .mega-menu .item-img .img {
        display: none;
    }

    .navbar {
        padding-top: 0;
        padding-bottom: 0;
    }

    .navbar .navbar-collapse {
        max-height: 440px;
        overflow: auto;
    }

    .navbar .navbar-collapse::-webkit-scrollbar {
        display: none;
    }

    .navbar.nav-scroll {
        padding-top: 0;
        padding-bottom: 0;
    }

    /* .navbar .container {
    padding: 0;
    width: 100%;
    max-width: 100%;
  } */

    .navbar .mega-menu .container {
        padding: 20px 10px !important;
    }

    /* .navbar .logo {
    margin-left: 30px;
  } */

    .navbar .navbar-collapse {
        border-top: 1px solid rgba(255, 255, 255, 0.1);
        margin-top: 15px;
    }

    .navbar .navbar-toggler {
        font-size: 20px;
        border-radius: 0;
        padding: 0;
        margin-right: 30px;
    }

    .navbar .navbar-toggler:focus {
        box-shadow: none;
        border: 0;
        outline: none;
    }

    .navbar .dropdown-menu {
        display: none;
    }

    .navbar .dropdown-menu.show {
        display: block;
        position: static;
    }

    .navbar .dropdown-menu .dropdown-item .dropdown-side {
        display: none;
        position: static;
        width: 100%;
        margin-top: 15px;
    }

    .navbar .dropdown-menu .dropdown-item .dropdown-side.show {
        display: block;
    }

    .navbar .navbar-nav .nav-link {
        padding: 15px 30px 10px;
        margin: 0;
        border-bottom: 1px solid rgba(255, 255, 255, 0.1);
    }

    .navbar .navbar-nav .nav-item:last-of-type .nav-link {
        padding-bottom: 0;
        border-bottom: 0;
    }

    .navbar .navbar-nav .mega-menu {
        width: auto;
        position: static;
        padding: 0;
    }

    .navbar .navbar-nav .mega-menu .item-img {
        font-size: 14px;
        color: #fff;
        transition: all 0.4s;
        padding: 10px 25px;
        position: relative;
    }

    .navbar .navbar-nav .mega-menu .item-img .mt-15 {
        margin-top: 0 !important;
    }

    .navbar .navbar-nav .mega-menu .item-img:after {
        content: "";
        width: 0px;
        height: 1px;
        background: #fff;
        position: absolute;
        left: 10px;
        top: 18px;
        transition: all 0.4s;
    }

    .navbar .navbar-nav .mega-menu .item-img:hover {
        padding-left: 30px;
        background: transparent;
    }

    .navbar .navbar-nav .mega-menu .item-img:hover:after {
        width: 10px;
    }

    .navbar .dark-mode-icon {
        display: none;
    }

    .navbar .navbar-nav {
        background: #282828;
        border-radius: 5px;
    }

    .navbar .dropdown-menu {
        border-radius: 0;
        background: #0c0c0c;
    }

    .hamenu .menu-links .main-menu>li .link {
        margin-bottom: 25px;
        padding-bottom: 25px;
        border-bottom: 1px solid #ffffff3d;
    }

    .hamenu .menu-links .main-menu>li:nth-child(4) .link {
        border-bottom: 0px solid #ffffff3d;
    }

    .blur-div {
        display: none;
    }

    .butn-arrow .arrow-icon {
        width: 32px;
        height: 32px;
        line-height: 32px;
    }

    .butn-arrow .arrow-icon svg {
        width: 25px;
    }

    .sec-head h6 {
        margin-bottom: 30px;
    }

    .sec-head h2 {
        font-size: 40px !important;
    }

    .sec-head .justify-content-end {
        display: block !important;
    }

    .sec-head .butn-more {
        margin-top: 30px;
    }

    div[data-lag="0"] {
        transform: translate(0) !important;
    }

    img[data-lag="0"] {
        transform: translate(0) !important;
    }

    .hero-style1 {
        padding-bottom: 80px;
    }

    .hr-sec .hr-container {
        flex-wrap: wrap;
        width: 100%;
    }

    .hr-sec .hr-container .item-panel {
        height: auto;
        width: 50%;
    }

    .hr-sec .hr-container .item-panel .fit-img {
        height: 480px;
    }

    .hero-style3 {
        padding-top: 140px;
        text-align: center;
    }

    .hero-style3 .text-indent {
        text-indent: 0;
    }

    .main-container {
        position: relative;
    }

    .left-side {
        position: absolute;
        top: 0;
        left: 0;
        width: 100% !important;
        height: auto;
        display: block !important;
        padding: 30px !important;
        z-index: 9999;
    }

    .right-side {
        width: 100% !important;
    }

    .hero-style2 .main-box {
        padding-top: 140px;
    }

    .hero-style2 .main-box .caption h1 {
        font-size: 85px;
    }

    .hero-style2 .serv {
        margin-top: 10px;
    }

    .hero-style2 .awards .awards-swiper {
        height: 300px;
    }

    .hero-style5 .snap-slider-captions-wrapper,
    .hero-style5-showcase .snap-slider-captions-wrapper {
        height: 60px;
    }

    .hero-style5 .snap-slider-captions h1,
    .hero-style5-showcase .snap-slider-captions h1 {
        font-size: 40px;
        text-align: center;
    }

    .hero-style5 .snap-slider-captions,
    .hero-style5-showcase .snap-slider-captions {
        align-items: flex-end;
        padding-bottom: 100px;
    }

    .hero-style5 .mdtop {
        position: static !important;
    }

    .hero-style8 h1 {
        font-size: 74px !important;
    }

    .hero-style7 .caption {
        width: 100%;
        text-align: center;
        margin-bottom: 50px;
    }

    .hero-style7 .caption .butn-arrow {
        margin: auto;
    }

    .hero-style7 .exp {
        right: auto;
    }

    .hero-style7 .img {
        max-width: 440px;
        margin: auto;
    }

    .hero-style7 .text-align-right {
        text-align: center !important;
    }

    .hero-style7 ul {
        width: 100%;
        display: flex;
        justify-content: space-around;
    }

    .hero-style6 h1 {
        margin-bottom: 50px;
    }

    .pg-hero {
        padding-top: 120px;
    }

    .pg-hero .fs-80 {
        font-size: 64px !important;
    }

    .pg-hero .text-align-right.md-mb80 {
        text-align: left !important;
    }

    .pg-hero ul li {
        display: inline-block;
        margin-right: 30px;
    }

    .intro-style6 h1 {
        margin-bottom: 50px;
    }

    .intro-style6 .justify-content-end {
        justify-content: center !important;
        text-align: center;
    }

    .intro-style6 .text-align-right {
        text-align: center !important;
        margin-top: 15px;
    }

    .intro-style6 ul li {
        display: inline-block;
        margin: 5px 10px;
    }

    .portfolio-style2 .item {
        margin-bottom: 50px !important;
    }

    .portfolio-style2 .item .fit-img {
        height: 450px !important;
    }

    .testimonials-ca .sec-head .gl-rate {
        margin-left: 0;
    }

    .serv-style4 .item {
        min-height: 420px;
    }

    .features .item {
        margin-top: 0 !important;
        margin-bottom: 30px !important;
    }

    .interactive-sec .glry-img .tab-img {
        max-width: 100%;
        top: 0 !important;
    }

    .interactive-sec .glry-img .tab-img:first-of-type {
        position: static;
        margin-bottom: 50px;
    }

    .serv-style2 .item {
        margin: 0;
    }

    .serv-style2 .item .cont {
        padding: 60px 30px !important;
    }

    .serv-style2 .item .fs-60 {
        font-size: 40px !important;
    }

    .features.pt-0 {
        padding-top: 140px !important;
    }

    .intro-style1 .box-bord,
    .intro-style1 .fit-vid {
        display: inline-block;
        margin: 0 30px 30px 0 !important;
        float: left;
    }

    .snap-slide .main-img .cont {
        top: auto;
        bottom: 20%;
        transform: translate(0);
        text-align: center;
    }

    .snap-slide .main-img .cont .d-flex {
        justify-content: center !important;
    }

    .snap-slide .main-img .cont h2 {
        margin-bottom: 30px;
    }

    .testim-cards .sec-head.bord {
        margin-bottom: 30px !important;
    }

    .awards-reval .item-row .award-position {
        margin-top: 5px;
    }

    .footer-style1 .fo-box-left {
        margin-bottom: 30px;
    }

    .portfolio-elegant .work-boxs,
    .portfolio-crev .work-boxs {
        display: block !important;
        text-align: center;
    }

    .portfolio-elegant .item,
    .portfolio-elegant .item.active,
    .portfolio-crev .item,
    .portfolio-crev .item.active {
        width: 49%;
        height: 400px;
        min-height: 400px;
        display: inline-block;
        padding: 0 10px;
    }

    .portfolio-elegant .item,
    .portfolio-elegant .item.active {
        height: auto;
        min-height: auto;
        margin: 0 0 30px !important;
    }

    .portfolio-elegant .item .bg-img,
    .portfolio-elegant .item.active .bg-img {
        height: 400px;
    }

    .testim-style3 .swiper-controls {
        top: auto;
        bottom: -30px;
        transform: none;
    }

    .testim-style3 .tobotm {
        margin-bottom: 80px;
    }

    .blog-md .row-bord:after {
        display: none;
    }

    .showcase-full .parallax-slider-full .caption h1 {
        font-size: 80px;
    }

    .parallax-slider-wrapper .parallax-slider-inner {
        left: 40px;
    }

    .slider .parallax-slider-full .swiper-slide .bg-img {
        background-position: center center !important;
    }

    .inter-links-center .links-text li h2 a .text {
        font-size: 64px;
        letter-spacing: -2px;
    }

    .portfolio-style2 .item {
        margin-top: 0 !important;
    }

    .footer-style4 .logo {
        margin-bottom: 25px;
    }

    .footer-style4 .column {
        margin: 25px 0;
    }

    .footer-style4 .links,
    .footer-style4 .copyright {
        text-align: center;
        display: block !important;
    }

    .footer-style4 .links .d-flex,
    .footer-style4 .copyright .d-flex {
        justify-content: center;
        margin-bottom: 15px;
    }
}

@media only screen and (max-width:991px) {
    .contact-form {
        margin-left: 0;
    }

    .features-grid.home-feature-grid .feature-item:nth-child(1)::after {
        content: "";
        position: absolute;
        background-image: url(../imgs/divider.svg);
        background-size: contain;
        top: 50%;
        right: 0;
        transform: translateY(-50%);
        height: 100%;
        width: 1px;
    }

    .features-grid.home-feature-grid {
        align-items: center;
        text-align: center;
        position: relative;
        width: 80%;
        margin: 0 auto;
    }

    .footer-section .socials {
        margin-top: 11px;
    }

    .padding-left-1 {
        padding-left: 12px;
    }

    .padding-left-2 {
        padding-left: 12px;
    }

    .padding-left-3 {
        padding-left: 12px;
    }

    .about-feature .feature-item:nth-child(4)::after {
        display: none;
    }

    .feature-item:last-child::before {
        display: none;
    }


    .features-grid.about-feature {
        grid-template-columns: repeat(5, 1fr);
        width: 100%;
    }

    .wedding-stories .weddingSwiper {
        margin: 0;
    }

    /* .swiper-nav {
        display: flex;
        border: 1px solid #c032483b;
        border-radius: 15px;
        height: 54px;
    } */

    .pricing-padding {
        --bs-gutter-x: 1.5rem;
    }

    .feature-item:nth-child(3)::after {
        display: none;
    }

    .features-grid.home-feature-grid .feature-item:nth-child(3)::after {
        display: block;
        background-image: url(../imgs/divider.svg);
        background-size: cover;

    }

    .sw-card_content {
        padding-bottom: 1.2em;
    }


    .feature-item:not(:last-child)::before {
        display: none;
    }

    .features-grid.home-feature-grid .feature-item:not(:last-child)::before {
        display: block;
        background-image: url(../imgs/divider.svg);
        background-size: cover;
    }

    .features-grid.home-feature-grid .feature-item:nth-child(2)::after {
        background-size: cover;
    }

    .waitlist-section.section {
        padding: 60px 0;
    }

    .waitlist-section img {
        width: auto;
        height: auto;
        margin-top: -7px;
    }

    .contact-overlapbx {
        position: relative;
        bottom: -22px;
        width: auto;
        z-index: 2;
    }

    /* .footerWrap {
        text-align: left;
        border-bottom: 1px solid #d5d5d5;
        padding-bottom: 25px;
        margin-bottom: 0;
    } */

    .feature-item:nth-child(1)::after {
        display: none;
    }

    .footer-text {
        max-width: 100%;
    }

    .feature-item {
        padding: 15px 14px;
        position: relative;
    }

    section.first-faq-block .accordion-item {
        margin-bottom: 10px;
    }

    .right-contact-form img {
        position: absolute;
        right: 0;
        bottom: 0;
        width: 44%;
    }

    .unsure-form {
        width: 50%;
    }

    .app-icon {
        width: 50%;
        margin: 0 auto;
    }

    .subscription-desc {
        font-size: 13px;
    }

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

    .overlap-box {
        bottom: 40px;
    }

    .subscription-title {
        color: #fff;
        max-width: 350px;
        margin: 0 auto 13px auto;
        font-size: 24px;
    }

    .btn-item {
        padding: 16px 15px;
        font-size: 13px;
    }

    .col-space-top-negative {
        margin-top: 0;
    }

    .matches-memories .boxleftContent {
        width: 47%;
        padding-right: 80px;
    }

    .matches-memories .boxleftContent {
        width: 42%;
        padding-right: 40px;
    }

    .col-space-top {
        margin-top: 10px;
    }

    .coupleImgBx .couple-cloud {
        position: absolute;
        bottom: -60px;
        left: 13px;
        width: 100%;
    }

    .matches-memories .leftbx {
        align-items: center;
        justify-content: center;
    }

    .matches-memories .boxrightContent {
        width: 37%;
        text-align: left;
        padding-left: 40px;
    }

    .faded-text {
        font-size: 207px;
        top: -10px;
    }

    .coupleImgrtBx .couple-cloud-2 {
        position: absolute;
        bottom: -36px;
        left: 104px;
        width: 70%;
    }

    .couple-img img.right-img {
        width: 68%;
    }

    .matches-memories .rightbx {
        flex-direction: row-reverse;
        align-items: center;
        justify-content: center;
    }

    .aboutCard .sw-card_shape {
        transform: translateY(-4em);
    }

    .section.pricing-section {
        padding-top: 100px;
        padding-bottom: 0;
    }

    .waitlist-box {
        padding: 40px 0 16px 0;
        background: #FF2D69;
        background: linear-gradient(120deg, rgb(255 45 105) 23%, rgb(246 163 66) 100%);
        border-radius: 20px 20px 0px 0px;
    }

    .contact-form h4 {
        font-size: 24px;
        margin-bottom: 6px;
    }

    .contact-form h4 span img {
        width: 29px;
    }

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

    .section.contact-section {
        padding-top: 90px;
        padding-bottom: 0;
    }

    .contact-icon {
        margin-top: 50px;
    }

    h1,
    .h1 {
        font-size: 38px;
    }

    p {
        font-size: 14px;
    }

    h2,
    .h2 {
        font-size: 30px;
    }

    .paragraph-regular {
        font-size: 14px;
    }

    .hero-style1 .mb-80px.md-mb50 {
        margin-bottom: 30px !important;
    }

    .container.is-mwg_effect025 {
        padding: 3em 0em 0em 0em;
    }

    .how-dhol-box h2.section-title {
        margin-bottom: 6px;
    }

    .dhol-img img {
        position: unset;
        height: 300px;
        width: 100%;
        object-fit: cover;
    }

    .member-content {
        flex: 0 0 65%;
        z-index: 2;
    }

    .member-points p {
        font-size: 16px;
    }

    .member-box {
        padding: 30px 0px 30px 60px;
    }

    .btn-member {
        padding: 15px 25px;
        font-size: 15px;
        margin-top: 17px;
    }

    .accordion-body {
        padding: 20px 20px 20px 20px;
    }

    section.section.first-faq-block {
        padding: 80px 0;
    }

    .mt-md-40 {
        margin-top: 25px;
    }

    section.first-faq-block .accordion-button::after {
        width: 14px;
        height: 14px;
    }

    .elent-wrapper {
        width: 70%;
    }

    .right-contact-form img {
        display: block;
    }

    .accordion-button {
        padding: 18px 20px 18px 20px;
    }

    .member-subtext {
        margin-bottom: 19px;
    }

    .member-points span.yellow {
        font-size: 16px;
    }

    .cloud-left {
        top: -60px;
        left: -31px;
        width: 146px;
        z-index: 1;
    }

    .cloud-right {
        bottom: -37px;
        right: -12px;
        width: 127px;
        top: unset;
    }

    .premiumSwiper {
        padding-bottom: 57px;
        padding-top: 48px;
    }

    .member-img img {
        left: 40px;
    }

    .step-box h5 {
        font-size: 20px;
    }

    .feature-item img {
        width: 38px;
        height: 38px;
        margin-bottom: 12px;
        display: inline-block;
    }

    .feature-item img.privacy-icon {
        width: 30px;
        height: 30px;
        margin-bottom: 12px;
        display: inline-block;
    }

    .feature-item img.bannerHeart {
        width: 30px;
        height: 30px;
        margin-bottom: 12px;
        display: inline-block;
    }

    .dhol-img {
        width: 100%;
    }

    .feature-item:nth-child(1)::before {
        background-image: none;
    }

    .feature-item:nth-child(3)::before {
        background-image: none;
    }

    .features-grid.about-feature .feature-item:nth-child(3)::before {
        background-image: url(../imgs/divider.svg);
    }

    .features-grid.about-feature .feature-item:nth-child(4)::before {
        background-image: url(../imgs/divider.svg);
    }

    .features-grid.about-feature .feature-item:nth-child(1)::before {
        background-image: url(../imgs/divider.svg);
    }


    .feature-item:nth-child(4)::before {
        background-image: none;
    }

    .hero-style1 {
        padding: 80px 0 80px;
    }

    .hide,
    .hide-tablet-mobile {
        display: none !important;
    }

    .step-left {
        gap: 30px;
        width: 510px;
    }

    .step-icon {
        max-width: 50px;
        height: auto;
    }

    .step-box {
        padding: 20px 0px 20px 0px;
    }

    .how-dhol-box {
        background: #fff6f4;
        border-radius: 15px;
        padding: 30px;
        width: 90%;
        max-width: 1400px;
        position: relative;
        box-shadow: 0 4px 20px rgba(0, 0, 0, 0.05);
    }

    .features-grid::before {
        content: "";
        position: absolute;
        background-image: url(../imgs/hr-line-.svg);
        background-repeat: no-repeat;
        background-size: cover;
        top: 52%;
        right: 0;
        left: 0;
        margin: 0 auto;
        height: 1px;
        width: 30%;
    }

    .features-grid::before {
        display: none;
    }

    .features-grid.about-feature::before {
        display: none;
    }

    .features-grid {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        gap: 20px 0px;
        width: 450px;
        margin: 0 auto;
    }

    /* .features-grid.contact-fea-grid {
        display: grid;
        grid-template-columns: repeat(4, 1fr);
        gap: 20px 0px;
        width: 100%;
        margin: 0 auto;
    } */

    .how-dhol-content {
        display: flex;
        flex-direction: column;
        gap: 0px;
    }

    .dhol-steps {
        width: 100%;
        margin-top: 14px;
    }
}

@media only screen and (max-width: 900px) {
    .cardMargin .sw-card_content h3.heading-xs {
        font-size: 16px;
    }

    .features-grid.about-feature .feature-item img {
        width: 41px;
        height: 41px;
        margin-bottom: 12px;
        display: inline-block;
    }
}

@media only screen and (max-width: 800px) {
    .cardMargin .custom-card {
        height: 270px;
    }

    .features-grid.about-feature .feature-item img {
        width: 30px;
        height: 30px;
    }

    .faded-text {
        font-size: 176px;
    }

    .cardMargin .custom-card .card-image {
        height: 270px;
    }

    .matches-memories h2 {
        width: 56%;
    }

    .matches-memories .year {
        font-size: 50px;
    }

    .cardMargin .custom-card .card-image img.card-bg-img {
        height: 270px;
    }
}

@media screen and (max-width: 768px) {
    .sm-mb10 {
        margin-bottom: 10px;
    }

    .sm-mb15 {
        margin-bottom: 15px;
    }

    .sm-mb20 {
        margin-bottom: 20px;
    }

    .sm-mb30 {
        margin-bottom: 30px;
    }

    .sm-mb40 {
        margin-bottom: 40px;
    }

    .sm-mb50 {
        margin-bottom: 50px;
    }

    .sm-mb80 {
        margin-bottom: 80px;
    }

    .sm-pb10 {
        padding-bottom: 10px;
    }

    .sm-pb20 {
        padding-bottom: 20px;
    }

    .sm-pb30 {
        padding-bottom: 30px;
    }

    .sm-pb40 {
        padding-bottom: 40px;
    }

    .sm-pb50 {
        padding-bottom: 50px;
    }

    .sm-pb60 {
        padding-bottom: 60px;
    }

    .sm-pb70 {
        padding-bottom: 70px;
    }

    .sm-pb80 {
        padding-bottom: 80px;
    }

    .sm-order-1 {
        order: 1 !important;
    }

    .sm-order-2 {
        order: 2 !important;
    }

    .sm-order-3 {
        order: 3 !important;
    }

    .sm-order-4 {
        order: 4 !important;
    }

    .sm-hide {
        display: none !important;
    }

    .fs-70 {
        font-size: 40px !important;
    }

    .fs-40 {
        font-size: 25px !important;
    }


    .fs-100 {
        font-size: 70px !important;
    }

    .progress-wrap {
        display: none;
    }

    .loader-wrap .loader-wrap-heading .load-text {
        font-size: 20px;
    }

    .hamenu .logo {
        left: 25px;
    }

    .hamenu .close-menu {
        top: 25px;
        right: 25px;
    }

    .hamenu .menu-links {
        padding: 80px 36px 50px;
        display: flex;
        flex-direction: column;
        justify-content: space-between;
    }

    .hamenu .menu-links .main-menu>li .link {
        font-size: 30px;
    }

    .hamenu .menu-links .main-menu>li .link i {
        width: 50px;
    }

    .hamenu .menu-links .main-menu>li .sub-dmenu {
        font-size: 24px;
    }

    .hamenu .menu-links .main-menu .sub-menu li,
    .hamenu .menu-links .main-menu .sub-menu2 li {
        font-size: 20px;
    }

    section {
        padding-top: 100px;
        padding-bottom: 100px;
    }

    .sec-head h2 {
        font-size: 30px !important;
    }

    .shape-top-right.w-300px {
        width: 200px;
    }

    .h-700px {
        height: 550px !important;
    }

    .h-700px .h-800px {
        height: 650px !important;
    }

    .h-600px {
        height: 450px !important;
    }


    .hr-sec .hr-container .item-panel {
        width: 100%;
    }

    .hr-sec .hr-container .item-panel .fit-img {
        height: 400px;
        min-height: 400px;
    }

    .hero-style4 h1,
    .hero-style4 h2 {
        font-size: 50px !important;
        font-weight: 600 !important;
    }

    .hero-style4 {
        padding-bottom: 20px;
    }

    .hero-style4 .justify-content-end {
        display: block !important;
    }

    .hero-style3 h1 {
        font-size: 35px !important;
    }

    .hero-style3 h1 img {
        width: 25px;
    }

    .hero-style2 .main-box .caption h1,
    .about-md .main-box .caption h1 {
        font-size: 60px;
        line-height: 60px;
    }

    .hero-style2 .main-box,
    .about-md .main-box {
        height: 700px;
    }

    .hero-style8 h1 {
        font-size: 40px !important;
    }

    .hero-style7 .fit-img {
        height: 550px !important;
    }

    body.modern-agency .section-padding {
        padding: 60px 20px !important;
    }

    body.modern-agency .right-side,
    body.modern-agency .main-container {
        padding: 0 !important;
    }

    .hero-style5 .snap-slider-thumbs-wrapper {
        width: 250px;
        height: 320px;
    }

    .hero-style5 .snap-slider-captions .col-sm-3,
    .hero-style5-showcase .snap-slider-captions .col-sm-3 {
        text-align: center;
        margin-bottom: 10px;
    }

    .hero-style5 .snap-slider-captions-wrapper,
    .hero-style5-showcase .snap-slider-captions-wrapper {
        height: 120px;
    }

    .hero-style5 .snap-slider-captions,
    .hero-style5-showcase .snap-slider-captions {
        padding-bottom: 50px;
    }

    .pg-hero .fs-80 {
        font-size: 32px !important;
    }

    .interactive-sec .cluom h3 {
        font-size: 40px !important;
    }

    .portfolio-elegant .item,
    .portfolio-elegant .item.active,
    .portfolio-crev .item,
    .portfolio-crev .item.active {
        width: 100%;
        padding: 0;
    }

    .portfolio-style2 .item .fit-img {
        height: 400px !important;
    }

    .portfolio-style3 .item {
        height: 450px !important;
    }

    .portfolio-style3 .item .text {
        left: 30px;
        bottom: 30px;
    }

    .intro-style3 .box-bgimg1:after {
        width: 50%;
        height: 50%;
        top: auto;
        bottom: 30px;
    }

    .serv-style6 .item h3 {
        font-size: 34px !important;
    }

    .serv-style6 .item .imgs {
        display: none;
    }

    .team-intro.style2 .item {
        min-height: 450px;
    }

    .team-reval .item-row .text-align-center,
    .team-reval .item-row .social-icon {
        text-align: left;
        margin-top: 15px;
    }

    .testim-style1 .swiper-controls {
        text-align: right;
    }

    .testim-style1 .info-text {
        display: block !important;
    }

    .testim-cards .stackCard,
    .testim-cards .item {
        padding: 50px 15px;
    }

    .testim-cards .stackCard>.d-flex,
    .testim-cards .item>.d-flex {
        display: block !important;
    }

    .testim-cards .stackCard .info,
    .testim-cards .item .info {
        margin-bottom: 50px;
    }

    .testim-cards .stackCard .line-left,
    .testim-cards .item .line-left {
        border: 0;
        padding: 0 !important;
        margin: 0 !important;
    }

    .awards-reval .item-row .award-year {
        margin-bottom: 10px;
    }

    .awards-reval .item-row {
        border-radius: 30px;
    }

    .showcase-full .parallax-slider-full .caption h1 {
        font-size: 45px;
    }

    .showcase-full .dots {
        display: none;
    }

    .parallax-slider-wrapper .parallax-slider-inner {
        left: 20px;
    }

    .inter-links-center .links-text li h2 a .text {
        font-size: 30px;
        letter-spacing: -1px;
    }

    .pg-hero .info {
        display: block !important;
    }

    .pg-hero .date {
        margin-left: 30px !important;
    }

    .pg-hero .right-info {
        margin: 30px 0 0;
    }

    .main-post .fz-60 {
        display: none;
    }

    .main-post .post-qoute {
        padding: 30px 15px;
    }

    .main-post .post-qoute h6:before {
        position: relative;
        left: 0;
    }

    .main-post .info-area {
        display: block !important;
    }

    .main-post .info-area .tags {
        margin-bottom: 30px;
    }

    .main-post .author-area .flex {
        display: block;
    }

    .main-post .author-area .author-img {
        margin: 0 0 30px 0;
    }

    .main-post .author-area .author-img .img {
        width: 80px;
        height: 80px;
    }

    .main-post .next-prv-post {
        display: block;
    }

    .main-post .next-prv-post .thumb-post {
        margin: 0 !important;
    }

    .main-post .next-prv-post .text-right {
        text-align: left;
        margin-top: 30px !important;
    }

    .main-post .author-area {
        padding: 40px 20px;
    }

    .comments-post .item-box .flex {
        display: block;
    }

    .comments-post .item-box .user-img {
        margin: 0 0 15px 0;
    }

    .comments-post .item-box .replay-post {
        margin: 15px 0 0 0;
    }

    .comments-post .item-box.replayed {
        margin-left: 0;
    }

    .main-post .post-qoute h6:before {
        top: 70px;
    }

    .pg-project .fs-60 {
        font-size: 28px !important;
    }

    .contact-style1 .box {
        padding: 60px 25px;
    }

    footer .fo-box-left .d-flex {
        display: block !important;
    }

    footer .fo-box-left .butn-arrow {
        margin-top: 30px;
    }

    footer .fo-box-left .text-align-right {
        text-align: left !important;
        margin-top: 30px;
    }

    .footer-style1 .fo-box-left,
    .footer-style1 .fo-box-right {
        padding: 40px 20px;
    }

    .footer-style1 .fo-box-left .line-bottom,
    .footer-style1 .fo-box-right .line-bottom {
        margin-bottom: 40px !important;
        padding-bottom: 40px !important;
    }
}

@media (max-width:767px) {
    .hide-mobile {
        display: none !important;
    }
.thankyou-title {
  font-family: 'Gilroy';
  color: #F52C64;
  text-align: center;
  font-size: 50px;
  line-height: 1;
}
    .features-grid.home-feature-grid .feature-item:not(:last-child)::before {
        display: none;
    }

    .features-grid.home-feature-grid .feature-item:nth-child(3)::after {
        display: none;
        background-image: url(../imgs/divider.svg);
    }

    .features-grid.home-feature-grid .feature-item:nth-child(3)::before {
        display: none;
        background-image: url(../imgs/divider.svg);
        left: 0;
    }

    .features-grid.home-feature-grid .feature-item:nth-child(2)::after {
        content: "";
        position: absolute;
        background-image: url(../imgs/divider.svg);
        background-size: contain;
        top: 50%;
        right: 0;
        transform: translateY(-50%);
        height: 100%;
        width: 1px;
    }

    .mt-small-0 {
        margin-top: 0;
    }

    .features-grid.home-feature-grid {
        width: 100%;
    }

    .modal.download-app button {
        right: 0;
    }

    .feature-item h4 {
        font-size: 12px;
    }

    .features-grid.home-feature-grid .feature-item:nth-child(2)::after {
        display: none;
    }

    .dhol-subscription.section {
        padding-top: 0;
    }

    .faded-text {
        font-size: 100px;
        top: -67px;
    }

    .coupleImgrtBx .couple-cloud-2 {
        position: absolute;
        bottom: -36px;
        left: 52px;
        width: 70%;
    }

    .weddingSwiper .card--wedding-1 {
        transform: rotate(0deg);
        transition: 0.3s all ease-in;
    }

    .weddingSwiper .card--wedding-2 {
        transform: rotate(0deg);
        transition: 0.3s all ease-in;
    }

    .wedding-stories .weddingSwiper {
        padding-top: 9px;
        padding-left: 0;
        padding-right: 0;
    }

    .weddingSwiper .card--wedding-3 {
        transform: rotate(0deg);
        transition: 0.3s all ease-in;
    }

    .weddingSwiper .card--wedding-4 {
        transform: rotate(0deg);
        transition: 0.3s all ease-in;
    }

    .waitlist-section.section {
        padding-top: 0;
    }

    .wedding-stories .weddingSwiper {
        padding-bottom: 70px;
    }

    .features-grid.contact-fea-grid {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        gap: 20px 0px;
        width: 450px;
        margin: 0 auto;
    }

    .cloud-right {
        top: -37px;
        right: -12px;
        width: 127px;
    }

    .features-grid {
        width: 100%;
    }

    .footerWrap {
        text-align: left;
    }

    .features-grid.contact-fea-grid::before {
        content: "";
        position: absolute;
        background-image: url(../imgs/hr-line-.svg);
        background-repeat: no-repeat;
        background-size: contain;
        top: 50%;
        right: 0;
        left: 0;
        margin: 0 auto;
        height: 1px;
        width: 71%;
    }

    .features-grid.contact-fea-grid {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        gap: 25px 0px;
    }

    .feature-item:not(:last-child)::before {
        top: 76%;
    }

    .feature-item:not(:last-child)::before {
        top: 50%;
    }

    .features-grid.about-feature .feature-item:nth-child(2)::after {
        display: none;
    }

    .features-grid.about-feature .feature-item:not(:last-child)::before {
        display: none;
    }

    .features-grid.about-feature .feature-item:nth-child(3)::before {
        display: none;
    }

    .features-grid.about-feature .feature-item:last-child::before {
        display: none;
    }

    .features-grid.about-feature .feature-item:nth-child(1)::before {
        display: none;
    }

    .features-grid.about-feature .feature-item:nth-child(3)::after {
        top: 20%;
        right: -1px;
    }

    .contact-form select {
        font-size: 16px;
    }

    .step-box:hover .step-num {
        color: #ec86944f;
        font-size: 30px;
        transform: rotate(4deg) scale(1.1);
        margin-bottom: 17px;
    }

    .right-contact-form img {
        display: none;
    }

    .cloud-left {
        bottom: -30px;
        left: -11px;
        width: 126px;
        z-index: 1;
        top: unset;
    }

    .app-icon {
        width: 100%;
    }

    .w-170px {
        width: 117px;
    }

    .faded-text {
        z-index: 1;
    }

    .dhol-subscription .bg-imgfff {
        position: absolute;
        right: 0;
        /* bottom: 0; */
        width: auto;
        margin: 0 auto;
        top: 0;
        height: auto;
        margin-bottom: -72px;
        z-index: 1;
        position: relative;
    }

    .subscription-box {
        background: #FF2D69;
        background: linear-gradient(90deg, rgb(255 45 105 / 95%) 40% 0%, rgb(246 163 66 / 95%) 100%);
        border-radius: 0 0 30px 30px;
        z-index: 1;
    }

    .subscriptionWrap {
        text-align: center;
        padding: 0px 0 200px 0;
    }

    .overlap-box {
        bottom: unset;
        top: 0;
        position: unset;
    }

    .features-grid.about-feature.mobile-grid {
        margin-top: 23px;
    }

    .features-grid.about-feature .feature-item:nth-child(2)::after {
        background-image: url(../imgs/divider.svg);
    }

    .features-grid.about-feature.mobile-grid .feature-item:nth-child(1)::after {
        background-image: url(../imgs/divider.svg);
    }

    .features-grid.about-feature.mobile-grid .feature-item {
        padding: 0 50px;
        position: relative;
    }

    .mobile-paddng {
        --bs-gutter-x: 1.5rem;
        --bs-gutter-y: 1.5rem;
    }


    .container.cardMargin.aboutCard.section {
        padding: 60px 12px;
    }


    .cursor {
        display: none;
    }

    .matches-memories .leftbx {
        flex-direction: column-reverse;
    }

    .feature-item {
        padding: 0 6px;
        position: relative;
    }

    .matches-memories .boxrightContent {
        width: 100%;
        text-align: center;
        padding-left: 0;
        margin: 50px 0 0px 0;
    }

    .matches-memories .rightbx {
        flex-direction: column-reverse;
        align-items: center;
        justify-content: center;
    }

    .matches-memories h2 {
        width: 67%;
    }

    .matches-memories .boxleftContent {
        width: 100%;
        padding-right: 0;
        margin-top: 66px;
        margin-bottom: 23px;
    }

    .coupleImgBx .couple-cloud {
        position: absolute;
        bottom: -60px;
        left: 15px;
        width: 100%;
    }

    .features-grid.about-feature {
        grid-template-columns: repeat(3, 1fr);
        display: flex;
        justify-content: center;
    }

    .features-grid.about-feature {
        grid-template-columns: repeat(3, 1fr);
    }

    .pricing-section .section.why-premium-section {
        padding-bottom: 60px;
    }

    .offer {
        font-size: 13px;
    }

    .price span {
        font-size: 30px;
        line-height: 1;
    }

    section.section.first-faq-block.pricing-faqs {
        background-size: cover;
    }

    .pricing-card.essential-card {
        padding: 18px 17px 18px 17px;
        margin-top: 31px;
    }

    .features.list-unstyled {
        padding-left: 0;
        list-style: none;
    }

    .features li {
        margin-bottom: 17px;
        font-size: 14px;
        color: #000;
        font-weight: 600;
        display: flex;
        align-items: center;
        gap: 8px;
    }

    .waitlist-box {
        padding: 22px 20px 22px 20px;
        background: #FF2D69;
        background: linear-gradient(140deg, rgba(255, 45, 105, 1) 35%, rgba(246, 163, 66, 1) 100%);
        border-radius: 10px 10px 0px 0px;
    }

    .waitlist-box p {
        color: #fff;
        font-size: 14px;
        font-weight: 600;
        margin-bottom: 0;
    }

    .weddingSwiper .it-project-dots-process {
        display: flex;
        justify-content: center;
    }

    .weddingSwiper {
        padding-top: 0px;
        margin: 0 0px;
        padding-bottom: 62px;
    }

    .waitlist-form .btn-subscribe {
        padding: 12px 30px;
        margin: 13px auto 0 auto;
    }

    .waitlist-form .form-control {
        max-width: 450px;
        height: 50px;
        border-radius: 15px;
        border: none;
        outline: none;
        padding: 0 20px;
        font-size: 15px;
        color: #fff;
        background-color: #ffffff36;
        margin: 0 auto;
    }

    .col-lg-2.col-md-6.arrowWrap {
        display: none;
    }

    .waitlist-section img {
        width: 100%;
        height: auto;
        margin-top: 0;
    }

    .contact-info p {
        font-size: 16px;
        margin-bottom: 20px;
    }

    .socials {
        margin-top: 27px;
        display: flex;
        align-items: center;
    }

    .contact-info {
        margin-top: 40px;
    }

    section.first-faq-block .accordion-item {
        margin-bottom: 15px;
    }

    .accordion-button h3 {
        font-size: 18px;
        line-height: 21px;
        padding-right: 11px;
    }

    section.section.first-faq-block {
        padding: 60px 0;
    }

    .section {
        padding: 60px 0;
        position: relative;
    }

    .commitment-section {
        padding: 110px 0 60px 0;
    }

    .bride-img img {
        position: absolute;
        left: 114px;
        bottom: 0px;
        width: 30%;
        z-index: 2;
    }

    .groom-img img {
        position: absolute;
        right: 110px;
        bottom: 0;
        width: 21%;
        z-index: 2;

    }

    .dhol-subscription {
        margin-top: 0;
        padding-bottom: 0;
    }

    .how-dhol-section {
        padding: 60px 0 0 0;
    }

    .step-num {
        margin-bottom: 0;
        margin-right: auto;
        width: 100%;
        font-size: 30px;
        padding-right: 15px;

    }

    .elent-wrapper {
        width: 100%;
    }

    .step-box {
        padding: 10px 0px 20px 0px;
        position: relative;
    }

    .hero-style1 {
        padding: 113px 0 60px;
    }

    .unsure-form {
        background-color: #fff;
        padding: 20px;
        border-radius: 20px;
        width: 90%;
        margin-left: 22px;
    }

    .how-dhol-box {
        padding: 30px 20px;
    }

    .step-info {
        display: block;
    }

    .feature-item img {
        width: 35px;
        height: 35px;
    }

    .feature-item img.privacy-icon {
        width: 35px;
        height: 35px;
    }

    .bannerText {
        font-size: 16px;
        line-height: 26px;
        margin-bottom: 20px;
        padding: 0 0px;
    }

    .mt-small-40 {
        margin-top: 28px;
    }

    .step-left {
        gap: 19px;
        width: 100%;
    }

    .member-content {
        flex: 0 0 100%;
        z-index: 2;
    }

    .member-img img {
        left: unset;
        right: 0;
        width: 30%;
    }

    .member-box {
        padding: 43px 20px 130px 20px;
    }

    h2,
    .h2 {
        font-size: 25px;
    }

    .btn-member {
        padding: 11px 14px;
        font-size: 14px;
        margin-top: 17px;
        border-radius: 10px;
    }

    .see-subscriptions-btn {
        padding: 11px 14px;
        font-size: 14px;
        margin-top: 0;
        border-radius: 10px;
    }

    .section-title span {
        font-size: 38px;
    }

    .feature-item img.bannerHeart {
        width: 35px;
        height: 35px;
        margin-bottom: 12px;
        display: inline-block;
    }

    .container.is-mwg_effect025 {
        padding: 2em 0em 0em 0em;
    }

    h1,
    .h1 {
        font-size: 30px;
    }

    .hide,
    .hide-tablet-mobile {
        display: none !important;
    }
}


@media (max-width: 600px) {

    .cardMargin .sw-card_content h3.heading-xs {
        font-size: 18px;
    }

    .footerWrap .contact-info {
        margin-top: 11px;
    }

    .mt-small-0 {
        margin-top: 28px;
    }

    .aboutCard .sw-card_shape {
        transform: translateY(-11em);
    }

    .cardMargin .custom-card .card-image img.card-bg-img {
        height: 477px;
    }

    .matches-memories .rightbx {
        margin-top: 0;
    }

    .cardMargin .custom-card .card-image img.advanced-filter {
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        width: 100%;
        margin: 0 auto;
    }

    .cardMargin .custom-card .card-image img.private-filter {
        position: absolute;
        top: 0;
        left: 5px;
        right: 0;
        width: 80%;
    }

    .cardMargin .custom-card .card-image {
        height: auto;
    }

    .cardMargin .custom-card {
        height: auto;
    }

    .features-grid.about-feature {
        grid-template-columns: repeat(3, 1fr);
        display: grid;
    }

}


@media (max-width: 500px) {
    .aboutCard .sw-card_shape {
        transform: translateY(-8em);
    }

    .unsure-header h2 {
        font-size: 20px;
    }

    .features-grid.contact-fea-grid {
        width: 100%;
    }

    .waitlist-box {
        background: linear-gradient(110deg, rgba(255, 45, 105, 1) 35%, rgba(246, 163, 66, 1) 100%);
    }

    .dhol-subscription .bg-imgfff {
        margin-bottom: -62px;
    }

    .matches-memories h2 {
        width: 100%;
    }

    .cardMargin .custom-card .card-image img.card-bg-img {
        height: 450px;
    }
}

@media (max-width: 450px) {
    .feature-item {
        padding: 0 0px;
        position: relative;
    }

    .dhol-subscription .bg-imgfff {
        margin-bottom: -54px;
    }

    .subscriptionWrap {
        padding: 0px 20px 150px 20px;
    }

    .aboutCard .sw-card_shape {
        transform: translateY(-5em);
    }

    .feature-item h4 {
        font-size: 12px;
    }

    .cardMargin .custom-card .card-image img.card-bg-img {
        height: 357px;
    }
}

@media (max-width: 420px) {
    .unsure-form {
        background-color: #fff;
        padding: 20px;
        border-radius: 20px;
        width: 100%;
        margin-left: 0;
    }

    .dhol-subscription .bg-imgfff {
        margin-bottom: -40px;
    }

    .subscriptionWrap {
        text-align: center;
        padding: 0px 0 150px 0;
    }

    .member-img img {
        left: unset;
        right: 0;
        width: 40%;
    }

    .feature-item h4 {
        font-size: 12px;
    }

    .header-badge {
        background: #fff;
        border-radius: 50px;
        color: #fff;
        width: 40px;
        height: 40px;
        font-size: 22px;
        font-weight: 600;
        display: flex;
        align-items: center;
        justify-content: center;
        line-height: 40px;
    }

    .header-badge i {
        color: #F6A243;
        font-weight: 400;
        font-size: 19px;
    }

    .unsure-header h2 {
        font-size: 20px;
    }

    .unsure-content .contentBx {
        padding: 10px 20px 11px 16px;
    }
}

@media (max-width: 400px) {
    .bride-img img {
        position: absolute;
        left: 74px;
        bottom: 0px;
        width: 36%;
        z-index: 2;
    }

    .unsure-header h2 {
        font-size: 20px;
    }

    .subscriptionWrap {
        text-align: center;
        padding: 0px 20px 150px 20px;
    }

    .groom-img img {
        position: absolute;
        right: 80px;
        bottom: 0;
        width: 24%;
        z-index: 2;
    }
}