@media screen and (min-width: 1399px) {
    .container {
        width: 1250px;
    }
    .gen-sec .gen-part {
        height: calc(100 * (375vw / 1320));
    }
    .gen-sec .text-sec{
        padding: calc(100 * (40vw / 1320));
        gap: calc(100 * (15vw / 1320));
    }
    .gen-sec .text-sec .about-logo{
        max-width: calc(100 * (140vw / 1320));
    }
    .gen-sec .text-sec h1{
        font-size: calc(100 * (48vw / 1320));
        line-height: calc(100 * (60vw / 1320));
    }
    .gen-sec .text-sec p{
        font-size: calc(100 * (18vw / 1320));
        line-height: calc(100 * (23vw / 1320));
    }
    .gen-sec .contact-text{
        gap: calc(100 * (20vw / 1320));
        padding: calc(100 * (30vw / 1320)) calc(100 * (50vw / 1320));
    }

    .faq-sec .faq-border .faq-content {
        width: 95%;
    }
    .faq-sec .faq-border .faq-content h1 {
        font-size: calc(100 * (25vw / 1320));
        line-height: calc(100 * (30vw / 1320));
    }
    .faq-sec .faq-border .faq-content p {
        font-size: calc(100 * (20vw / 1320));
        line-height: calc(100 * (30vw / 1320));
    }

    .sec-btn {
        font-size: calc(100 * (20vw / 1320));
    }

    .plan-content h1.top{
        font-size: calc(100 * (35vw / 1320));
        line-height: calc(100 * (45vw / 1320));
    }
    .plan-content h3.mid{
        font-size: calc(100 * (25vw / 1320));
        line-height: calc(100 * (35vw / 1320));
    }
    .plan-content p.bottom{
        font-size: calc(100 * (24vw / 1320));
        line-height: calc(100 * (35vw / 1320));
    }

    .arrow-container {
        width: calc(100 * (97vw / 1320));
        bottom: calc(100 * (130vw / 1320));
        right: calc(100 * (15vw / 1320));
    }
    .card.highlight .arrow-container {
        width: calc(100 * (98vw / 1320));
        bottom: calc(100 * (155vw / 1320));
        right: calc(100 * (10vw / 1320));
    }
    .arrow-container .arrow-container-left, .arrow-container .arrow-container-right {
        height: calc(100 * (40vw / 1320));
    }
    .arrow-container p {
        font-size: calc(100 * (12vw / 1320));
        line-height: calc(100 * (16vw / 1320));
    }
    .arrow-container p.monthly {
        width: calc(100 * (80vw / 1320));
    }
    .arrow-container img {
        width: calc(100 * (20vw / 1320));
        top: calc(100 * (15vw / 1320));
    }
    .arrow-container img.arrw-left {
        right: calc(100 * (25vw / 1320));
    }

    .toggle{
        /*margin-bottom: calc(100 * (8vw / 1320));
        padding: calc(100 * (3vw / 1320));*/
        padding: calc(100 * (2vw / 1320));
    }
    .toggle button {
        /* padding: calc(100 * (5vw / 1320)) calc(100 * (18vw / 1320)); */
        /* font-size: calc(100 * (13vw / 1320)); */
        /* line-height: calc(100 * (18vw / 1320)); */
        width: calc(100 * (20vw / 1320));
        height: calc(100 * (10vw / 1320));
    }
    .toggle .active {
        /*width: calc(100 * (20vw / 1320));*/
    }

    .cards {
        margin: calc(100 * (35vw / 1320)) 0;
    }
    .card {
        padding: calc(100 * (30vw / 1320)) calc(100 * (20vw / 1320));
        min-width: calc(100 * (250vw / 1320));
    }
    .sec-monthly .card{
        padding: calc(100 * (38vw / 1320)) calc(100 * (20vw / 1320));
    }
    .card h2 {
        font-size: calc(100 * (30vw / 1320));
        line-height: calc(100 * (40vw / 1320));
        margin: calc(100 * (5vw / 1320)) 0 calc(100 * (20vw / 1320)) 0;
    }
    .card h2.fst {
        font-size: calc(100 * (30vw / 1320));
        line-height: calc(100 * (40vw / 1320));
    }
    .card p.fst {
        font-size: calc(100 * (20vw / 1320));
        line-height: calc(100 * (25vw / 1320));
    }
    .card p.scd {
        font-size: calc(100 * (15vw / 1320));
        line-height: calc(100 * (20vw / 1320));
    }
    .card p.thd {
        font-size: calc(100 * (9vw / 1320));
        line-height: calc(100 * (14vw / 1320));
        margin-bottom: calc(100 * (15vw / 1320));
        margin-left: calc(100 * (16vw / 1320));
    }
    .card p.thrd {
        font-size: calc(100 * (12vw / 1320));
        line-height: calc(100 * (17vw / 1320));
    }
    .card .price-toggle {
        /*width: calc(100 * (120vw / 1320));*/
        margin-bottom: calc(100 * (15vw / 1320));
    }
    .card.highlight .price-toggle {
        /*width: calc(100 * (123vw / 1320));*/
    }
    .card .price {
        font-size: calc(100 * (32vw / 1320));
        line-height: calc(100 * (27vw / 1320));
    }
    .card .price.upfront {
        /*width: calc(100 * (80vw / 1320));*/
    }
    .card .price.monthly {
        width: calc(100 * (135vw / 1320));
    }
    .card ul {
        font-size: calc(100 * (13vw / 1320));
        padding-left: calc(100 * (15vw / 1320));
        margin-bottom: calc(100 * (15vw / 1320));
    }
    .card ul li {
        margin-bottom: calc(100 * (5vw / 1320));
    }
    .subscribe-btn {
        width: 55%;
        font-size: calc(100 * (15vw / 1320));
        padding: calc(100 * (8vw / 1320));
        border-radius: calc(100 * (20vw / 1320));
    }
    .card.highlight ul{
        margin-bottom: calc(100 * (30vw / 1320));
    }

    .passModal .modal-dialog {
        max-width: calc(100 * (750vw / 1320));
        max-width: -webkit-calc(100 * (750vw / 1320));
        max-width: -moz-calc(100*(750vw / 1320));
    }
    .passModal .modal-dialog .modal-content {
        border-radius: calc(100 * (25vw / 1320));
    }
    .passModal .modal-body {
        min-height: calc(100 * (505vw / 1320));
    }
    .passModal .modal-body .text-block {
        padding: calc(100 * (35vw / 1320));
    }
    .passModal .modal-body .text-block h1 {
        font-size: calc(100 * (30vw / 1320));
        line-height: calc(100 * (40vw / 1320));
    }
    .passModal .modal-body .text-block .scroll-block {
        margin-top: calc(100 * (10vw / 1320));
    }
    .passModal .modal-body .text-block .qstn-block {
        margin-bottom: calc(100 * (10vw / 1320));
    }
    .passModal .modal-body .text-block h2 {
        font-size: calc(100 * (15vw / 1320));
        line-height: calc(100 * (20vw / 1320));
        margin-bottom: calc(100 * (3vw / 1320));
    }
    .passModal .modal-body .text-block p {
        font-size: calc(100 * (12vw / 1320));
        line-height: calc(100 * (17vw / 1320));
    }
    .passModal .modal-body .img-block {
        width: 40%;
        border-radius: 0 calc(100 * (25vw / 1320)) calc(100 * (25vw / 1320)) 0;
    }
    .passModal .modal-body .img-block .img-block-content .img-block-text {
        width: calc(100 * (120vw / 1320));
    }
    .passModal .modal-body .img-block .img-block-content .img-block-text p {
        font-size: calc(100 * (15vw / 1320));
        line-height: calc(100 * (20vw / 1320));
    }
    .passModal .modal-body .img-block .img-block-content .img-block-text p span {
        font-size: calc(100 * (20vw / 1320));
        line-height: calc(100 * (35vw / 1320));
    }
    .passModal .modal-body .img-block .img-block-content .img-block-logo img {
        width: calc(100 * (80vw / 1320));
    }

    .checkout-logo {
        max-width: calc(100 * (130vw / 1320));
    }
    .verify-content h2 {
        font-size: calc(100 * (25vw / 1320));
        line-height: calc(100 * (35vw / 1320));
        margin: calc(100 * (20vw / 1320)) 0;
    }
    .verify-content p {
        font-size: calc(100 * (20vw / 1320));
        line-height: calc(100 * (25vw / 1320));
        margin: calc(100 * (20vw / 1320)) 0;
    }
    .mob-block {
        width: 75%;
    }
    .mob-block label {
        font-size: calc(100 * (18vw / 1520));
    }
    .phone-input{
        margin-bottom: calc(100 * (25vw / 1320));
    }
    .phone-input input {
        padding: calc(100 * (10vw / 1320)) 0;
        font-size: calc(100 * (18vw / 1320));
        line-height: calc(100 * (23vw / 1320));
    }
    .phone-input button {
        width: 40%;
        padding: 0 calc(100 * (10vw / 1320));
        font-size: calc(100 * (15vw / 1320));
        line-height: calc(100 * (20vw / 1320));
    }
    .otp-inputs {
        gap: calc(100 * (15vw / 1320));
    }
    .otp-inputs input {
        width: calc(100 * (45vw / 1320));
        height: calc(100 * (45vw / 1320));
        font-size: calc(100 * (18vw / 1320));
        line-height: calc(100 * (23vw / 1320));
    }
    .resend {
        font-size: calc(100 * (15vw / 1320));
        margin: calc(100 * (25vw / 1320)) 0;
    }
    .buttons button, .buttons a {
        padding: calc(100 * (10vw / 1320));
        font-size: calc(100 * (18vw / 1320));
        line-height: calc(100 * (23vw / 1320));
    }

    .main-sec-parent .cal-sec .cal-sec-pizza-img{
        width: calc(100 * (400vw / 1320));
    }
    .main-sec-parent .cal-sec p {
        font-size: calc(100 * (15vw / 1320));
        line-height: calc(100 * (20vw / 1320));
        margin: calc(100 * (20vw / 1320)) 0;
    }
    .main-sec-parent .cal-sec h1 {
        font-size: calc(100 * (25vw / 1320));
        line-height: calc(100 * (30vw / 1320));
        margin: calc(100 * (20vw / 1320)) 0;
    }
    .main-sec-parent .pay-sec {
        width: 40%;
    }
    .main-sec-parent .pay-sec h4 {
        font-size: calc(100 * (15vw / 1320));
        line-height: calc(100 * (25vw / 1320));
    }
    .payment-part .item-row{
        padding: calc(100 * (10vw / 1520)) 0;
    }
    .payment-part .item-row p{
        font-size: 1.4rem;
        line-height: 1.5rem;
        margin: 0;
    }
    .payment-part .item-row h5{
        font-size: 1.4rem;
        line-height: 1.5rem;
        margin: 0;
    }
    .tip-box .heading p{
        font-size: 1.4rem;
        line-height: 1.5rem;
        margin: 0;
    }
    .tip-box .heading h4{
        font-size: 1.4rem;
        line-height: 1.5rem;
        margin: 0;
    }
    .payment-part .grand-total p{
        font-size: 1.6rem !important;
        line-height: 1.7rem !important;
        margin: 0;
    }
    .payment-part .grand-total h5{
        font-size: 1.6rem !important;
        line-height: 1.7rem !important;
        margin: 0;
    }
    .checkout .form-group .form-control{
        font-size: 1.5rem;
        line-height: 1.6rem;
        padding: 1.3rem 1.6rem;
    }
    .checkval_msg { 
        font-size: 1.1rem !important;
        line-height: 1.2rem !important;
    }
    .rewards-checkbox p {
        font-size: 1.2rem;
        line-height: 1.4rem;
    }
    .main-sec-parent .cal-sec p.powerby {
        font-size: 1.2rem;
        line-height: 1.4rem;
    }
    .btun-box .save-btn {
        padding: calc(100 * (8vw / 1320));
        font-size: calc(100 * (15vw / 1320));
        line-height: calc(100 * (20vw / 1320));
        border-radius: calc(100 * (8vw / 1320));
    }
    .divider{
        font-size: calc(100 * (15vw / 1320));
        line-height: calc(100 * (20vw / 1320));
        margin-top: calc(100 * (15vw / 1320));
    }

    #payment-element{
        padding: calc(100 * (20vw / 1320));
        border-radius: calc(100 * (10vw / 1320));
        margin-bottom: calc(100 * (20vw / 1320));
    }

    .mt-5{
        margin-top: calc(100 * (30vw / 1320));
    }
    .mb-5{
        margin-bottom: calc(100 * (30vw / 1320));
    }
}

@media screen and (min-width: 1799px) {
    .container {
        width: 1550px;
    }
    .gen-sec .gen-part {
        height: calc(100 * (352vw / 1320));
    }
    .gen-sec .text-sec{
        padding: calc(100 * (35vw / 1320));
        gap: calc(100 * (15vw / 1320));
    }
    .gen-sec .text-sec .about-logo{
        max-width: calc(100 * (130vw / 1320));
    }
    .gen-sec .text-sec h1{
        font-size: calc(100 * (48vw / 1320));
        line-height: calc(100 * (60vw / 1320));
    }
    .gen-sec .text-sec p{
        font-size: calc(100 * (18vw / 1320));
        line-height: calc(100 * (23vw / 1320));
    }
    .gen-sec .contact-text{
        gap: calc(100 * (20vw / 1320));
        padding: calc(100 * (30vw / 1320)) calc(100 * (50vw / 1320));
    }

    .faq-sec h1{
        font-size: calc(100 * (48vw / 1320));
        line-height: calc(100 * (58vw / 1320));
    }
    .faq-sec .faq-border{
        padding: calc(100 * (30vw / 1320)) calc(100 * (50vw / 1320));
    }
    .faq-sec .faq-border .faq-content h1 {
        font-size: calc(100 * (22vw / 1320));
        line-height: calc(100 * (27vw / 1320));
    }
    .faq-sec .faq-border .faq-content p {
        font-size: calc(100 * (17vw / 1320));
        line-height: calc(100 * (25vw / 1320));
    }

    .sec-btn {
        font-size: calc(100 * (18vw / 1320));
    }

    .plan-content h1.top{
        font-size: calc(100 * (32vw / 1320));
        line-height: calc(100 * (42vw / 1320));
    }
    .plan-content h3.mid{
        font-size: calc(100 * (22vw / 1320));
        line-height: calc(100 * (32vw / 1320));
    }
    .plan-content p.bottom{
        font-size: calc(100 * (20vw / 1320));
        line-height: calc(100 * (35vw / 1320));
    }

    .arrow-container {
        width: calc(100 * (85vw / 1320));
        bottom: calc(100 * (125vw / 1320));
        right: calc(100 * (5vw / 1320));
    }
    .card.highlight .arrow-container {
        width: calc(100 * (75vw / 1320));
        bottom: calc(100 * (147vw / 1320));
    }
    .arrow-container .arrow-container-left, .arrow-container .arrow-container-right {
        height: calc(100 * (30vw / 1320));
    }
    .arrow-container p {
        font-size: calc(100 * (9vw / 1320));
        line-height: calc(100 * (13vw / 1320));
    }
    .arrow-container p.monthly {
        width: calc(100 * (60vw / 1320));
    }
    .arrow-container img {
        width: calc(100 * (15vw / 1320));
        top: calc(100 * (13vw / 1320));
    }
    .toggle{
        /*margin-bottom: calc(100 * (5vw / 1320));
        padding: calc(100 * (3vw / 1320));*/
        padding: calc(100 * (2vw / 1320));
    }
    .toggle button {
        /* padding: calc(100 * (3vw / 1320)) calc(100 * (10vw / 1320)); */
        /* font-size: calc(100 * (12vw / 1320)); */
        /* line-height: calc(100 * (15vw / 1320)); */
        width: calc(100 * (18vw / 1320));
        height: calc(100 * (9vw / 1320));
    }
    .toggle .active {
        /*width: calc(100 * (18vw / 1320));*/
    }

    .cards {
        margin: calc(100 * (30vw / 1320)) 0;
    }
    .card {
        padding: calc(100 * (25vw / 1320)) calc(100 * (15vw / 1320));
        min-width: calc(100 * (225vw / 1320));
    }
    .card.highlight {
        min-width: calc(100 * (245vw / 1320));
    }
    .sec-monthly .card{
        padding: calc(100 * (30vw / 1320)) calc(100 * (15vw / 1320));
    }
    .card h2 {
        font-size: calc(100 * (30vw / 1320));
        line-height: calc(100 * (30vw / 1320));
        margin: calc(100 * (5vw / 1320)) 0 calc(100 * (15vw / 1320)) 0;
    }
    .card h2.fst {
        font-size: calc(100 * (25vw / 1320));
        line-height: calc(100 * (35vw / 1320));
    }
    .card p.fst {
        font-size: calc(100 * (22vw / 1320));
        line-height: calc(100 * (27vw / 1320));
    }
    .card p.scd {
        font-size: calc(100 * (15vw / 1320));
        line-height: calc(100 * (20vw / 1320));
    }
    .card p.thd {
        font-size: calc(100 * (9vw / 1320));
        line-height: calc(100 * (14vw / 1320));
        margin-bottom: calc(100 * (15vw / 1320));
        margin-left: calc(100 * (16vw / 1320));
    }
    .card p.thrd {
        font-size: calc(100 * (12vw / 1320));
        line-height: calc(100 * (17vw / 1320));
    }
    .card .price-toggle {
        /*width: calc(100 * (105vw / 1320));*/
        margin-bottom: calc(100 * (12vw / 1320));
    }
    .card.highlight .price-toggle {
        /*width: calc(100 * (105vw / 1320));*/
    }
    .card .price {
        font-size: calc(100 * (30vw / 1320));
        line-height: calc(100 * (30vw / 1320));
    }
    .card .price.upfront {
        /*width: calc(100 * (75vw / 1320));*/
    }
    .card .price.monthly {
        width: calc(100 * (130vw / 1320));
    }
    .card ul {
        font-size: calc(100 * (10vw / 1320));
        padding-left: calc(100 * (12vw / 1320));
        margin-bottom: calc(100 * (20vw / 1320));
    }
    .card ul li {
        margin-bottom: calc(100 * (5vw / 1320));
    }
    .subscribe-btn {
        width: 56%;
        font-size: calc(100 * (14vw / 1320));
        padding: calc(100 * (7vw / 1320)) calc(100 * (12vw / 1320));
        border-radius: calc(100 * (20vw / 1320));
    }
    .card.highlight ul{
        margin-bottom: calc(100 * (35vw / 1320));
    }

    .checkout-logo {
        max-width: calc(100 * (100vw / 1320));
    }

    .main-sec-parent .cal-sec .cal-sec-pizza-img{
        width: calc(100 * (300vw / 1320));
    }
    .main-sec-parent .cal-sec p {
        font-size: calc(100 * (12vw / 1320));
        line-height: calc(100 * (17vw / 1320));
        margin: calc(100 * (18vw / 1320)) 0;
    }
    .main-sec-parent .cal-sec h1 {
        font-size: calc(100 * (22vw / 1320));
        line-height: calc(100 * (27vw / 1320));
        margin: calc(100 * (18vw / 1320)) 0;
    }
    .main-sec-parent .pay-sec {
        width: 40%;
    }
    .main-sec-parent .pay-sec h4 {
        font-size: calc(100 * (12vw / 1320));
        line-height: calc(100 * (22vw / 1320));
    }
    .payment-part .item-row{
        padding: calc(100 * (10vw / 1520)) 0;
    }
    .payment-part .item-row p{
        font-size: 1.5rem;
        line-height: 1.6rem;
        margin: 0;
    }
    .payment-part .item-row h5{
        font-size: 1.5rem;
        line-height: 1.6rem;
        margin: 0;
    }
    .tip-box .heading p{
        font-size: 1.5rem;
        line-height: 1.6rem;
        margin: 0;
    }
    .tip-box .heading h4{
        font-size: 1.5rem;
        line-height: 1.6rem;
        margin: 0;
    }
    .payment-part .grand-total p{
        font-size: 1.7rem !important;
        line-height: 1.8rem !important;
        margin: 0;
    }
    .payment-part .grand-total h5{
        font-size: 1.7rem !important;
        line-height: 1.8rem !important;
        margin: 0;
    }
    .checkout .form-group .form-control{
        font-size: 1.5rem;
        line-height: 1.6rem;
        padding: 1.4rem 1.8rem;
    }
    .checkval_msg { 
        font-size: 1.2rem !important;
        line-height: 1.3rem !important;
    }
    .rewards-checkbox p {
        font-size: 1.3rem;
        line-height: 1.5rem;
    }
    .main-sec-parent .cal-sec p.powerby {
        font-size: 1.3rem;
        line-height: 1.5rem;
    }
    .btun-box .save-btn {
        padding: calc(100 * (8vw / 1320));
        font-size: calc(100 * (15vw / 1320));
        line-height: calc(100 * (20vw / 1320));
        border-radius: calc(100 * (8vw / 1320));
    }
    .divider{
        font-size: calc(100 * (12vw / 1320));
        line-height: calc(100 * (17vw / 1320));
        margin-top: calc(100 * (12vw / 1320));
    }

    #payment-element{
        padding: calc(100 * (15vw / 1320));
        border-radius: calc(100 * (10vw / 1320));
        margin-bottom: calc(100 * (15vw / 1320));
    }

    .mt-5{
        margin-top: calc(100 * (25vw / 1320));
    }
    .mb-5{
        margin-bottom: calc(100 * (25vw / 1320));
    }

}

@media screen and (min-width: 2200px) {
    .container {
        width: 1850px;
    }
}

@media screen and (max-width: 991.98px) {
    .cards {
        flex-direction: column;
        align-items: center;
        gap: 20px;
    }
}

@media screen and (max-width: 576px) {
    .desk-only{
        display: none !important;
    }
    .mob-only{
        display: block !important;
    }
    .banner-wrapper{
        /*height: 100vh;*/
        height: auto;
        flex-direction: column-reverse;
        justify-content: start;
    }
    .banner-wrapper .banner-image-section{
        width: 100%;
        background: url(../img/pizza-banner-mob.webp);
        background-position: center;
        background-repeat: no-repeat;
        background-size: cover;
        height: 33vh;
        /*height: calc(100 * (765vw / 1320));*/
        align-items: start;
        padding: calc(100 * (40vw / 1320));
    }
    .banner-wrapper .banner-image-section .banner-logo {
        max-width: calc(100 * (550vw / 1320));
    }
    .banner-wrapper .banner-text-section{
        width: 100%;
        /* height: 60vh; */
        /*height: calc(100 * (1400vw / 1320));*/
        height: auto;
        padding: calc(100 * (50vw / 1320));
        padding-bottom: 0;
    }
    .banner-wrapper .banner-text-section .text-area {
        /*min-height: 100%;*/
        width: 100%;
        justify-content: start;
        gap: calc(100 * (50vw / 1320));
    }

    .banner-wrapper .banner-text-section .banner-top-text{
        font-family: 'SF Pro Display Bold';
        font-size: calc(100 * (95vw / 1320));
        line-height: calc(100 * (100vw / 1320));
    }

    .banner-wrapper .banner-text-section .banner-top-text span{
        font-family: 'SF Pro Display Heavy';
        font-size: calc(100 * (80vw / 1320));
        line-height: calc(100 * (110vw / 1320));
        color: #EF6C12;
    }

    .banner-wrapper .banner-text-section .banner-main-text{
        font-size: calc(100 * (215vw / 1320));
        line-height: calc(100 * (210vw / 1320));
        /*margin-bottom: calc(100 * (100vw / 1320));*/
        margin-bottom: 0;
    }

    .banner-wrapper .banner-text-section .banner-main-text span.sub{
        width: calc(100 * (400vw / 1320));
        /*margin-top: calc(100 * (80vw / 1320));*/
        margin-top: 0;
    }

    .banner-wrapper .banner-text-section .banner-main-text span.sub h3{
        font-size: calc(100 * (80vw / 1320));
        line-height: calc(100 * (95vw / 1320));
    }

    .banner-wrapper .banner-text-section .banner-main-text span.sub p{
        font-size: calc(100 * (55vw / 1320));
        line-height: calc(100 * (60vw / 1320));
    }

    .banner-wrapper .banner-text-section .banner-sub-text{
        font-size: calc(100 * (85vw / 1320));
        line-height: calc(100 * (100vw / 1320));
    }

    a.btn-box-fix{
        background: #EF6C12;
        color: #fff;
        width: 100%;
        position: fixed;
        bottom: 0;
        z-index: 99;
        padding: calc(100 * (50vw / 1320));
    }

    .btn-box-fix .big{
        width: 70%;
        float: left;
        font-family: 'SF Pro Display Heavy';
        font-size: calc(100 * (95vw / 1320));
        line-height: calc(100 * (130vw / 1320));
    }

    .btn-box-fix .small{
        width: 30%;
        font-family: 'SF Pro Display Regular';
        font-size: calc(100 * (55vw / 1320));
        line-height: calc(100 * (70vw / 1320));
    }

    .plan-content{
        padding: calc(100 * (50vw / 1320)) calc(100 * (80vw / 1320));
    }

    .plan-content h1.top{
        font-size: calc(100 * (85vw / 1320));
        line-height: calc(100 * (100vw / 1320));
        margin-bottom: calc(100 * (50vw / 1320));
    }

    .plan-content h3.mid{
        font-size: calc(100 * (60vw / 1320));
        line-height: calc(100 * (80vw / 1320));
        margin: calc(100 * (25vw / 1320)) 0;
    }
    .plan-content h3.mid span{
        font-family: 'SF Pro Display Regular';
    }

    .plan-content p.bottom {
        font-size: calc(100 * (65vw / 1320));
        line-height: calc(100 * (85vw / 1320));
        margin-top: calc(100 * (50vw / 1320));
        text-align: center;
    }

    .arrow-container{
        /* margin-top: calc(100 * (50vw / 1320)); */
        width: calc(100 * (400vw / 1320));
        bottom: calc(100 * (600vw / 1320));
        right: calc(100 * (35vw / 1320));
    }
    .card.highlight .arrow-container{
        width: calc(100 * (400vw / 1320));
        /*bottom: calc(100 * (600vw / 1320));
        right: calc(100 * (35vw / 1320));*/
        bottom: calc(100 * (570vw / 1320));
        right: calc(100 * (40vw / 1320));
    }
    .arrow-container .arrow-container-left, .arrow-container .arrow-container-right{
        height: calc(100 * (160vw / 1320));
        /*width: 40%;*/
    }
    .arrow-container p {
        /*font-size: calc(100 * (50vw / 1320));
        line-height: calc(100 * (60vw / 1320));*/
        font-size: calc(100 * (50vw / 1320));
        line-height: calc(100 * (60vw / 1320));
        width: calc(100 * (190vw / 1320));
    }
    .arrow-container p.monthly {
        width: calc(100 * (325vw / 1320));
    }
    .arrow-container img{
        top: calc(100 * (65vw / 1320));
        width: calc(100 * (100vw / 1320)) !important;
    }
    .arrow-container img.arrw-left {
        right: calc(100 * (100vw / 1320));
    }

    .toggle-top{
        border-radius: calc(100 * (65vw / 1320));
        padding: calc(100 * (10vw / 1320));
        margin: calc(100 * (55vw / 1320)) auto;
    }
    .toggle-top button{
        padding: calc(100 * (25vw / 1320)) calc(100 * (50vw / 1320));
        border-radius: calc(100 * (55vw / 1320));
        font-size: calc(100 * (55vw / 1320));
    }

    .toggle {
        border-radius: calc(100 * (35vw / 1320));
        padding: calc(100 * (10vw / 1320));
    }
    .toggle button {
        /* padding: calc(100 * (25vw / 1320)) calc(100 * (50vw / 1320)); */
        width: calc(100 * (65vw / 1320));
        height: calc(100 * (40vw / 1320));
    }

    .cards-mob{
        width: 100%;
    }

    .card {
        border-radius: calc(100 * (90vw / 1320));
        margin: 0;
        /*padding: calc(100 * (100vw / 1320)) calc(100 * (60vw / 1320));*/
        padding: calc(100 * (130vw / 1320)) calc(100 * (100vw / 1320));
        min-width: calc(100 * (700vw / 1320));
    }

    .sec-mob-monthly .card {
        padding: calc(100 * (152vw / 1320)) calc(100 * (60vw / 1320));
    }

    .card.highlight {
        border: 2px solid #d7d7de;
        z-index: 2;
        margin: 0;
        box-shadow: none;
        padding: calc(100 * (115vw / 1320)) calc(100 * (100vw / 1320));
    }

    .card h2 {
        font-size: calc(100 * (135vw / 1320));
        line-height: calc(100 * (135vw / 1320));
        /* margin: calc(100 * (15vw / 1320)) 0; */
        margin: calc(100 * (70vw / 1320)) 0;
    }

    .card h2.fst {
        font-size: calc(100 * (120vw / 1320));
        line-height: calc(100 * (180vw / 1320));
        margin: 0 0 calc(100 * (60vw / 1320)) 0;
    }

    .card p.fst {
        font-size: calc(100 * (90vw / 1320));
        line-height: calc(100 * (100vw / 1320));
        margin-bottom: calc(100 * (40vw / 1320));
    }

    .card p.scd {
        font-size: calc(100 * (60vw / 1320));
        line-height: calc(100 * (75vw / 1320));
    }

    .card p.thrd {
        font-size: calc(100 * (50vw / 1320));
        line-height: calc(100 * (75vw / 1320));
        margin-bottom: calc(100 * (60vw / 1320));
    }

    .card p.thd {
        font-size: calc(100 * (45vw / 1320));
        line-height: calc(100 * (60vw / 1320));
        margin-bottom: calc(100 * (60vw / 1320));
        margin-left: calc(100 * (70vw / 1320));
    }

    .card .price-toggle{
        /*width: calc(100 * (475vw / 1320));*/
        width: 100%;
        margin-bottom: calc(100 * (65vw / 1320));
    }
    .card .price {
        font-size: calc(100 * (140vw / 1320));
        line-height: calc(100 * (150vw / 1320));
    }
    .card .price.upfront {
        /*width: calc(100 * (375vw / 1320));*/
    }
    .card .price.monthly {
        width: calc(100 * (600vw / 1320));
    }

    .card ul {
        font-size: calc(100 * (50vw / 1320));
        padding-left: calc(100 * (65vw / 1320));
        margin-bottom: calc(100 * (80vw / 1320));
    }

    .card.highlight ul {
        margin-bottom: calc(100 * (80vw / 1320));
    }

    .card ul li {
      margin-bottom: calc(100*(20vw / 1320));
    }

    .subscribe-btn {
        width: 60%;
        font-size: calc(100 * (60vw / 1320));
        padding: calc(100 * (35vw / 1320));
        border: 1px solid #061737;
        border-radius: calc(100 * (70vw / 1320));
        margin: 0 auto;
    }

    .sec-mob-pricing{
        /*display: none !important;*/
        display: block !important;
        flex-wrap: nowrap;
        justify-content: center;
        gap: 0;
    }

    .sec-mob-pricing.actvs{
        display: block !important;
    }

    .sec-separate{
        margin-top: unset;
    }
    .sec-mob-top{
        margin-top: calc(100 * (60vw / 1320));
    }
    .sec-mob-bottom{
        margin-bottom: 0;
    }

    .con-no-padd{
        padding: 0;
    }


    .top-sec{
        background: #FAF7EF;
        padding: 0 calc(100 * (50vw / 1320));
    }
    .top-sec h1 {
        font-size: calc(100 * (82vw / 1320));
        line-height: calc(100 * (100vw / 1320));
        margin-bottom: calc(100 * (50vw / 1320));
        text-align: left;
    }
    .top-sec p {
        font-size: calc(100 * (70vw / 1320));
        line-height: calc(100 * (85vw / 1320));
        width: 70%;
    }
    .top-sec .top-sec-part{
        background: transparent;
        flex-direction: column;
        gap: calc(100 * (65vw / 1320));
        padding: calc(100 * (55vw / 1320)) calc(100 * (125vw / 1320));
        border-radius: calc(100 * (25vw / 1320));
    }
    .top-sec .top-sec-part img{
        width: calc(100 * (145vw / 1320));
    }
    .top-sec .top-sec-part .sec-parts{
        justify-content: left;
        gap: calc(100 * (35vw / 1320));
        width: 100%;
    }
    .top-sec .top-sec-part .sec-parts img{
        width: calc(100 * (170vw / 1320));
    }

    .gen-sec{
        flex-direction: column;
        border-radius: unset;
    }
    .gen-sec .gen-part{
        width: 100%;
        height: unset;
    }
    .gen-sec .img-sec{
        height: calc(100 * (615vw / 1320));
    }
    .gen-sec .text-sec{
        /*height: calc(100 * (1000vw / 1320));*/
        height: auto;
        padding: calc(100 * (90vw / 1320)) calc(100 * (50vw / 1320));
        justify-content: space-between;
        gap: calc(100 * (50vw / 1320));
    }
    .gen-sec .text-sec .about-logo {
        max-width: calc(100 * (300vw / 1320));
        margin-left: calc(100 * (-150vw / 1320));
        margin-right: calc(100 * (30vw / 1320));
    }
    .gen-sec .text-sec h1{
        font-size: calc(100 * (100vw / 1320));
        line-height: calc(100 * (125vw / 1320));
        text-align: center;
    }
    .gen-sec .text-sec p{
        font-size: calc(100 * (55vw / 1320));
        line-height: calc(100 * (75vw / 1320));
        width: 90%;
        margin: 0 auto;
    }

    .faq-sec{
        border-radius: 0;
        padding: calc(100 * (85vw / 1320)) calc(100 * (65vw / 1320));
    }
    .faq-sec h1{
        font-size: calc(100 * (100vw / 1320));
        line-height: calc(100 * (120vw / 1320));
    }
    .faq-sec .faq-border{
        border: none;
        margin-top: calc(100 * (60vw / 1320));
    }
    .faq-sec .faq-border .faq-content {
        width: 100%;
    }
    .faq-sec .faq-border .faq-content h1{
        font-size: calc(100 * (65vw / 1320));
        line-height: calc(100 * (80vw / 1320));
        margin-bottom: calc(100 * (30vw / 1320));
        color: #E73A14;
    }
    .faq-sec .faq-border .faq-content p{
        font-size: calc(100 * (50vw / 1320));
        line-height: calc(100 * (65vw / 1320));
    }

    .bottom-section{
        flex-direction: column;
        gap: calc(100 * (100vw / 1320));
        padding: calc(100 * (50vw / 1320)) 0;
    }
    .bottom-section .bottom-text.bottom-left{
        flex-direction: column;
    }
    .bottom-section .bottom-text .foot-logo {
        max-width: calc(100 * (350vw / 1320));
    }
    .bottom-section .bottom-text p{
        font-size: calc(100 * (45vw / 1320));
        line-height: calc(100 * (75vw / 1320));
        text-align: center;
    }
    .bottom-section .bottom-text a{
        font-size: calc(100 * (45vw / 1320));
        line-height: calc(100 * (85vw / 1320));
        color: #FDD962;
        text-align: center;
    }
    .bottom-section .bottom-text p.bottom-mid-p{
        font-size: calc(100 * (45vw / 1320));
        line-height: calc(100 * (60vw / 1320));
    }
    .bottom-section .bottom-text .name_logo_top {
        max-width: calc(100 * (350vw / 1320));
    }

    .sec-btn{
        width: 60%;
        font-size: calc(100 * (55vw / 1320));
        padding: calc(100 * (35vw / 1320));
        border-radius: calc(100 * (70vw / 1320));
        margin: 0 auto;
    }

    .passModal {
        top: 0 !important;
        bottom: unset !important;
    }
    .passModal .modal-dialog {
        /*max-width: 85%;*/
        max-width: 100%;
    }
    .passModal .modal-dialog .modal-content {
        /*border-radius: calc(100 * (90vw / 1520));*/
        border-radius: 0;
    }
    .passModal .modal-dialog .modal-body {
        /* max-height: 70vh; */
        flex-direction: column-reverse;
    }
    .passModal .modal-dialog .modal-content .modal-body .cross {
        width: calc(100 * (120vw / 1520));
        right: calc(100 * (45vw / 1520));
        top: calc(100 * (45vw / 1520));
    }
    .passModal .modal-body .text-block {
        width: 100%;
        padding: calc(100 * (80vw / 1520));
        padding-right: calc(100 * (60vw / 1520));
    }
    .passModal .modal-body .text-block h1 {
        font-size: calc(100 * (70vw / 1320));
        line-height: calc(100 * (85vw / 1320));
    }
    .passModal .modal-body .text-block .scroll-block {
        max-height: 40vh;
        margin-top: calc(100 * (40vw / 1320));
    }
    .passModal .modal-body .text-block h2 {
        font-size: calc(100 * (50vw / 1320));
        line-height: calc(100 * (55vw / 1320));
    }
    .passModal .modal-body .text-block p {
        font-size: calc(100 * (45vw / 1320));
        line-height: calc(100 * (70vw / 1320));
        margin: calc(100 * (20vw / 1320)) 0 calc(100 * (45vw / 1320)) 0;
    }
    .passModal .modal-body .img-block {
        /*width: 100%;
        border-radius: calc(100 * (90vw / 1520)) calc(100 * (90vw / 1520)) 0 0;*/
        width: 100%;
        height: calc(100 * (1025vw / 1520));
        border-radius: 0;
    }
    .passModal .modal-body .img-block .img-block-content {
        bottom: unset;
        top: calc(100 * (685vw / 1320));
        right: calc(100 * (50vw / 1320));
    }
    .passModal .modal-body .img-block .img-block-content .img-block-text {
        width: calc(100 * (470vw / 1320));
    }
    .passModal .modal-body .img-block .img-block-content .img-block-text p {
        font-size: calc(100 * (45vw / 1320));
        line-height: calc(100 * (60vw / 1320));
    }
    .passModal .modal-body .img-block .img-block-content .img-block-text p span {
        font-size: calc(100 * (55vw / 1320));
        line-height: calc(100 * (60vw / 1320));
    }
    .passModal .modal-body .img-block .img-block-content .img-block-logo img {
        width: calc(100 * (250vw / 1320));
    }
    .passModal .modal-body .text-block .scroll-block .mCSB_scrollTools {
        display: block !important;
        width: 15px !important;
    }
    .passModal .modal-body .text-block .scroll-block .mCSB_scrollTools .mCSB_dragger {
        height: 30px !important;
    }
    .passModal .modal-body .text-block .scroll-block .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
        width: 5px !important;
        background: #E73A14;
    }
    .passModal .modal-body .text-block .scroll-block .mCSB_scrollTools .mCSB_draggerRail {
        width: 5px !important;
        background: #ECECEC;
    }


    .main-sec-parent .verify-sec{
        max-width: 100%;
    }
    .checkout-logo {
        max-width: calc(100 * (350vw / 1320)) !important;
    }
    .checkout .form-group{
        border-radius: calc(100 * (30vw / 1520));
    }
    .verify-content h2 {
        font-size: calc(100 * (70vw / 1320));
        line-height: calc(100 * (80vw / 1320));
        margin: calc(100 * (60vw / 1320)) 0;
    }
    .verify-content p {
        font-size: calc(100 * (55vw / 1320));
        line-height: calc(100 * (65vw / 1320));
        margin: calc(100 * (60vw / 1320)) 0;
    }
    .mob-block {
        width: 90%;
    }
    .mob-block label {
        font-size: calc(100 * (50vw / 1520));
    }
    .phone-input{
        margin-bottom: calc(100 * (60vw / 1320));
        border-radius: calc(100 * (20vw / 1320));
    }
    .phone-input input {
        padding: calc(100 * (30vw / 1320)) 0;
        font-size: calc(100 * (50vw / 1320));
        line-height: calc(100 * (55vw / 1320));
    }
    .phone-input button {
        width: 45%;
        padding: 0 calc(100 * (35vw / 1320));
        font-size: calc(100 * (45vw / 1320));
        line-height: calc(100 * (55vw / 1320));
    }
    .otp-inputs {
        gap: calc(100 * (35vw / 1320));
    }
    .otp-inputs input {
        flex: 1;
        width: 100%;
        height: calc(100 * (135vw / 1320));
        font-size: calc(100 * (45vw / 1320));
        line-height: calc(100 * (55vw / 1320));
    }
    .checkval_msg {       
        font-size: calc(100 * (55vw / 1520)) !important;
        line-height: calc(100 * (60vw / 1520)) !important;
    }
    .resend {
        font-size: calc(100 * (45vw / 1320));
        line-height: calc(100 * (55vw / 1320));
        margin: calc(100 * (65vw / 1320)) 0;
    }
    .buttons button, .buttons a {
        padding: calc(100 * (35vw / 1320));
        font-size: calc(100 * (55vw / 1320));
        line-height: calc(100 * (65vw / 1320));
        border-radius: calc(100 * (20vw / 1320));
    }    
    .iti--separate-dial-code .iti__selected-dial-code {
        font-size: 15px;
    }

    .main-sec-parent{
        flex-direction: column;
    }
    .main-sec-parent .cal-sec{
        width: 100%;
    }
    .main-sec-parent .pay-sec{
        width: 100%;
    }
    .cal-sec-img{
        text-align: center;
    }
    .main-sec-parent .cal-sec p {
        font-size: calc(100 * (65vw / 1320));
        line-height: calc(100 * (85vw / 1320));
        margin: calc(100 * (50vw / 1320)) 0;
    }
    .main-sec-parent .cal-sec h1 {
        font-size: calc(100 * (80vw / 1320));
        line-height: calc(100 * (95vw / 1320));
        margin: calc(100 * (50vw / 1320)) 0;
    }
    .main-sec-parent .pay-sec h4 {
        font-size: calc(100 * (55vw / 1320));
        line-height: calc(100 * (70vw / 1320));
    }
    .payment-part .item-row{
        padding: calc(100 * (40vw / 1520)) 0;
    }
    .payment-part .item-row p{
        font-size: 1.4rem;
        line-height: 1.5rem;
        margin: 0;
    }
    .payment-part .item-row h5{
        font-size: 1.4rem;
        line-height: 1.5rem;
        margin: 0;
    }
    .tip-box .heading p{
        font-size: 1.4rem;
        line-height: 1.5rem;
        margin: 0;
    }
    .tip-box .heading h4{
        font-size: 1.4rem;
        line-height: 1.5rem;
        margin: 0;
    }
    .payment-part .grand-total p{
        font-size: 1.6rem !important;
        line-height: 1.7rem !important;
        margin: 0;
    }
    .payment-part .grand-total h5{
        font-size: 1.6rem !important;
        line-height: 1.7rem !important;
        margin: 0;
    }
    .checkout .form-group .form-control{
        font-size: 1.4rem;
        line-height: 1.5rem;
    }
    .checkval_msg { 
        font-size: 1.1rem !important;
        line-height: 1.2rem !important;
    }
    .rewards-checkbox p {
        font-size: 1rem;
        line-height: 1.3rem;
    }
    .btun-box .save-btn {
        padding: calc(100 * (30vw / 1320));
        font-size: calc(100 * (55vw / 1320));
        line-height: calc(100 * (70vw / 1320));
        border-radius: calc(100 * (25vw / 1320));
    }
    #payment-form {
        margin-bottom: calc(100 * (100vw / 1320));
    }
    .divider{
        font-size: calc(100 * (60vw / 1320));
        line-height: calc(100 * (70vw / 1320));
        margin-top: calc(100 * (50vw / 1320));
    }

    .bg-5{
        background: #DEFAD4;
    }

    .spl-mb{
        margin-bottom: calc(100 * (20vw / 1320)) !important;
    }
}