*{
    margin: 0;
    padding: 0;
    overflow: hidden;
    box-sizing: border-box;
}

html{
    scroll-behavior: smooth;
    overflow-y: auto;
}

body{
    font-family: 'SF Pro Display';
    line-height: normal;
    background: #FFF;
    color: #061737;
}

a:hover{
    text-decoration: none;
    color: #061737;
}

a:visited{
    text-decoration: none;
    color: #061737;
}

.mob-only{
    display: none !important;
}

.banner-wrapper{
    width: 100%;
    height: calc(100 * (600vw / 1320));
    padding: 0;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    overflow-x: hidden;
}

.banner-wrapper .banner-text-section{
    width: 60%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.banner-wrapper .banner-text-section .text-area{
    min-height: 85%;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: space-between;
}

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

.banner-wrapper .banner-text-section .banner-main-text{
    font-family: 'SF Pro Display Heavy';
    font-size: calc(100 * (75vw / 1320));
    line-height: calc(100 * (85vw / 1320));
    /*margin-bottom: calc(100 * (35vw / 1320));*/
}

.banner-wrapper .banner-text-section .banner-main-text span{
    color: #EF6C12;
}

.banner-wrapper .banner-text-section .banner-main-text span.sub{
    color: #061737;
    display: inline-flex;
    flex-wrap: wrap;
    vertical-align: super;
    width: calc(100 * (120vw / 1320));
    margin-top: calc(100 * (20vw / 1320));
}

.banner-wrapper .banner-text-section .banner-main-text span.sub h3{
    font-family: 'SF Pro Display Heavy';
    font-size: calc(100 * (30vw / 1320));
    line-height: calc(100 * (36vw / 1320));
    text-transform: uppercase;
    margin: 0;
}

.banner-wrapper .banner-text-section .banner-main-text span.sub p{
    font-family: 'SF Pro Display Bold';
    font-size: calc(100 * (17vw / 1320));
    line-height: calc(100 * (20vw / 1320));
    margin: 0;
}

.banner-wrapper .banner-text-section .banner-sub-text{
    font-family: 'SF Pro Display Regular';
    font-size: calc(100 * (40vw / 1320));
    line-height: calc(100 * (50vw / 1320));
}

.banner-wrapper .banner-text-section .banner-sub-text span{
    font-family: 'SF Pro Display Heavy';
    color: #EF6C12;
}

.banner-wrapper .banner-text-section .banner-bottom-text{
    display: flex;
    align-items: center;
    gap: calc(100 * (50vw / 1320));
    width: 100%;
}

.banner-wrapper .banner-text-section .banner-bottom-text .offer{

}

.banner-wrapper .banner-text-section .banner-bottom-text .offer h3{
    font-family: 'SF Pro Display Heavy';
    font-size: calc(100 * (32vw / 1320));
    line-height: calc(100 * (37vw / 1320));
    text-transform: uppercase;
    margin: 0;
}

.banner-wrapper .banner-text-section .banner-bottom-text .offer p{
    font-family: 'SF Pro Display Bold';
    font-size: calc(100 * (22vw / 1320));
    line-height: calc(100 * (27vw / 1320));
    margin: 0;
}

.banner-wrapper .banner-image-section{
    background: url(../img/pizza-banner-desk.webp);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    width: 40%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.banner-wrapper .banner-image-section .banner-img{
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
    transition: 0.3s;
}

.banner-wrapper .banner-image-section .banner-logo{
    /*position: absolute;
    z-index: 9;
    top: calc(100 * (300vw / 1320));
    right: calc(100 * (100vw / 1320));*/
    max-width: calc(100 * (300vw / 1320));
}

.btn-gen{
    background: #EF6C12;
    color: #fff;
    font-family: 'SF Pro Display Heavy';
    font-size: calc(100 * (26vw / 1320));
    line-height: calc(100 * (30vw / 1320));
    border-radius: calc(100 * (30vw / 1320));
    border: calc(100 * (4vw / 1320)) #fff solid;
    min-width: calc(100 * (250vw / 1320));
    padding: calc(100 * (10vw / 1320)) calc(100 * (20vw / 1320));
    text-align: center;
}
.btn-gen:link,
.btn-gen:visited,
.btn-gen:hover,
.btn-gen:active,
.btn-gen:focus {
    text-decoration: none !important;
    color: #fff;
}
.btn-gen:hover {
    background: #000;
    color: #fff;
}

.btn-top-right{
    position: absolute;
    z-index: 9;
    top: calc(100 * (20vw / 1320));
    right: calc(100 * (20vw / 1320));
    border: none;
    box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}

.btn-bottom-center{
    font-size: calc(100 * (30vw / 1320));
    line-height: calc(100 * (35vw / 1320));
    border-radius: calc(100 * (35vw / 1320));
    border: calc(100 * (6vw / 1320)) #fff solid;
    min-width: calc(100 * (300vw / 1320));
}

.content-wrapper{
    width: 100%;
    height: calc(100 * (600vw / 1320));
    height: auto;
    padding: 0;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    overflow-x: hidden;
}

.plan-content {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    /*padding: calc(100 * (50vw / 1320)) calc(100 * (20vw / 1320));*/
    padding: calc(100 * (20vw / 1320));
}
.plan-content.sec-high{
    padding-bottom: 0;
}
.plan-content.sec-low{
    padding-top: 0;
}
.plan-content.no-padd{
    padding: 0;
}
.plan-content.sec-mid{
    padding: calc(100 * (50vw / 1320)) 0;
}

.plan-content h1 {
}
.plan-content h1.top {
    font-family: 'SF Pro Display Heavy';
    font-size: calc(100 * (40vw / 1320));
    line-height: calc(100 * (50vw / 1320));
    text-align: center;
    margin: 0;
    margin-bottom: calc(100 * (15vw / 1320));
    display: none;
}
.plan-content h1.top span {
    font-family: 'SF Pro Display Regular';
    color: #EF6C12;
}
.plan-content h1.top.actv{
    display: block;
}
.plan-content h3.mid {
    font-family: 'SF Pro Display';
    font-size: calc(100 * (25vw / 1320));
    line-height: calc(100 * (35vw / 1320));
    text-align: center;
    color: #061737;
    margin: 0;
}
.plan-content h3.mid span{
    font-family: 'SF Pro Display Bold';
}
.plan-content p {
}
.plan-content p.bottom {
    font-family: 'SF Pro Display Bold';
    font-size: calc(100 * (28vw / 1320));
    line-height: calc(100 * (40vw / 1320));
    margin: 0;
}

.arrow-container{
    /*display: flex;
    justify-content: space-between;
    align-items: center;
    margin: 0 auto;
    margin-top: calc(100 * (25vw / 1320));
    width: calc(100 * (475vw / 1320));*/
    width: calc(100 * (100vw / 1320));
    position: absolute;
    bottom: calc(100 * (175vw / 1320));
    right: calc(100 * (35vw / 1320));
}
.card.highlight .arrow-container{
    /* width: calc(100 * (112vw / 1320)); */
    bottom: calc(100 * (190vw / 1320));
    right: calc(100 * (30vw / 1320));
}
.arrow-container .arrow-container-left, .arrow-container .arrow-container-right{
    /*position: relative;
    height: calc(100 * (55vw / 1320));
    width: 35%;*/
    height: calc(100 * (45vw / 1320));
}
.arrow-container p {
    font-family: 'SF Pro Display';
    font-size: calc(100 * (14vw / 1320));
    line-height: calc(100 * (20vw / 1320));
    width: calc(100 * (50vw / 1320));
    margin: 0 auto;
    display: none;
}
.arrow-container p.monthly {
    width: calc(100 * (90vw / 1320));
}
.arrow-container p.actv{
    display: block;
}
.arrow-container img{
    position: absolute;
    top: calc(100 * (20vw / 1320));
    /* width: calc(100 * (40vw / 1320)); */
    width: calc(100 * (20vw / 1320));
}
.arrow-container img.arw-img{
    display: none;
}
.arrow-container img.actv{
    display: block;
}
.arrow-container img.arrw-left{
    right: calc(100 * (20vw / 1320));
}
.arrow-container img.arrw-right{
    left: 0;
}

.toggle-top {
    background: #fff;
    border-radius: calc(100 * (25vw / 1320));
    border: 1px solid #9796C0;
    display: flex;
    padding: calc(100 * (2.5vw / 1320));
    overflow: hidden;
    margin: 0 auto;
    margin-top: calc(100 * (25vw / 1320));
}

.toggle-top button {
    background: transparent;
    border: none;
     padding: calc(100 * (10vw / 1320)) calc(100 * (25vw / 1320)); 
    /*width: calc(100 * (225vw / 1320));
    height: calc(100 * (80vw / 1320));*/
    font-family: 'SF Pro Display Regular';
    font-size: calc(100 * (18vw / 1320));
    font-weight: 500;
    border-radius: calc(100 * (20vw / 1320));
    color: #000;
    cursor: pointer;
    transition: background 0.3s, color 0.3s;
}

.toggle-top .active {
    background-color: #f97316;
    color: #fff;
}

.toggle {
    background: #fff;
    border-radius: calc(100 * (25vw / 1320));
    border: 1px solid #9796C0;
    display: flex;
    padding: calc(100 * (2.5vw / 1320));
    overflow: hidden;
    /*margin: 0 auto;
    margin-bottom: calc(100 * (20vw / 1320));*/
}

.toggle button {
    background: transparent;
    border: none;
    /* padding: calc(100 * (10vw / 1320)) calc(100 * (18vw / 1320)); */
    width: calc(100 * (25vw / 1320));
    height: calc(100 * (13vw / 1320));
   /* font-family: 'SF Pro Display Regular';
    font-size: calc(100 * (18vw / 1320));
    font-weight: 500;*/
    border-radius: calc(100 * (20vw / 1320));
    color: #000;
    cursor: pointer;
    transition: background 0.3s, color 0.3s;
}

.toggle .active {
    background-color: #f97316;
    color: #fff;
}

.cards {
    /*margin-top: calc(100 * (10vw / 1320));
    margin-bottom: calc(100 * (25vw / 1320));*/
    margin: calc(100 * (35vw / 1320)) 0;
    position: relative;
}

.card {
    background: #fff;
    color: #1c1c3a;
    border-radius: calc(100 * (35vw / 1320));
    margin: calc(100 * (15vw / 1320)) calc(100 * (20vw / 1320));
    padding: calc(100 * (20vw / 1320)) calc(100 * (25vw / 1320));
    min-width: calc(100 * (320vw / 1320));
    text-align: left;
    position: relative;
    z-index: 1;
    transition: transform 0.3s;
}

.sec-monthly .card {
    padding: calc(100 * (40vw / 1320)) calc(100 * (25vw / 1320));
}

.card.highlight {
    border: 1px solid #9796C0;
    z-index: 2;
    margin: 0 calc(100 * (20vw / 1320));
    padding: calc(100 * (30vw / 1320)) calc(100 * (25vw / 1320));
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.2);
}

.card h2 {
    font-family: 'SF Pro Display Bold';
    font-size: calc(100 * (40vw / 1320));
    line-height: calc(100 * (45vw / 1320));
    /*margin: calc(100 * (15vw / 1320)) 0 calc(100 * (35vw / 1320)) 0;*/
    margin: calc(100 * (15vw / 1320)) 0;
    color: #F37021;
}

.card h2.fst {
    font-family: 'SF Pro Display Bold';
    font-size: calc(100 * (35vw / 1320));
    line-height: calc(100 * (50vw / 1320));
    /*margin: 0 0 calc(100 * (15vw / 1320)) 0;*/
    margin: 0;
}

.card h2.fst span.decimal {
    font-size: 60%;
    vertical-align: super;
    opacity: 0.7;
}

.card.highlight h2 {
    color: #F37021;
}

.card.highlight h2.fst {
    color: #061737;
}

.card p.fst {
    font-family: 'SF Pro Display';
    font-size: calc(100 * (25vw / 1320));
    line-height: calc(100 * (30vw / 1320));
    color: #6C6684;
    margin: 0;
    margin-bottom: calc(100 * (10vw / 1320));
}

.card p.scd {
    font-family: 'SF Pro Display';
    font-size: calc(100 * (18vw / 1320));
    line-height: calc(100 * (23vw / 1320));
    color: #6C6684;
    margin: 0;
}

.card p.thrd {
    font-family: 'SF Pro Display Regular';
    font-size: calc(100 * (15vw / 1320));
    line-height: calc(100 * (20vw / 1320));
    color: #6C6684;
    margin: 0;
    /*margin-bottom: calc(100 * (15vw / 1320));*/
}

.card p.thd {
    font-family: 'SF Pro Display Regular';
    font-size: calc(100 * (15vw / 1320));
    line-height: calc(100 * (20vw / 1320));
    color: #6C6684;
    margin: 0;
    margin-bottom: calc(100 * (15vw / 1320));
    margin-left: calc(100 * (18vw / 1320));
}

.card .price-toggle {
    display: flex;
    /* justify-content: center; */
    align-items: flex-end;
    gap: calc(100 * (17vw / 1320));
    /* width: calc(100 * (195vw / 1320)); */
    margin-bottom: calc(100 * (20vw / 1320));
}

.card .price {
    font-family: 'SF Pro Display';
    font-size: calc(100 * (45vw / 1320));
    line-height: calc(100 * (50vw / 1320));
    color: #2B1C50;
    /*margin-bottom: calc(100 * (10vw / 1320));*/
    display: none;
}
.card .price.upfront{
    /*width: calc(100 * (190vw / 1320));*/
}
.card .price.monthly{
    width: calc(100 * (190vw / 1320));
}
.card .price.actv{
    display: block;
}
.card .price span {
    font-family: 'SF Pro Display Regular';
}
.card .price span.decimal {
    font-family: 'SF Pro Display';
    font-size: 60%;
    vertical-align: super;
}

.card ul {
    font-family: 'SF Pro Display Regular';
    font-size: calc(100 * (17vw / 1320));
    color: #2B1C50;
    padding-left: calc(100 * (20vw / 1320));
    margin-bottom: calc(100 * (25vw / 1320));
}

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

.card ul li {
    overflow: visible;
    margin-bottom: calc(100*(8vw / 1320));
}
.card ul li:nth-child(1) {
    font-weight: 600;
}

.card ul li span {
    font-weight: 600;
}
.card ul li span.decimal {
    font-size: 60%;
    vertical-align: super;
}

.subscribe-btn {
    width: 60%;
    font-family: 'SF Pro Display Bold';
    font-size: calc(100 * (18vw / 1320));
    padding: calc(100 * (12vw / 1320));
    background: transparent;
    color: #061737;
    border: 1px solid #061737;
    border-radius: calc(100 * (25vw / 1320));
    cursor: pointer;
    text-align: center;
    display: none;
}
.subscribe-btn.actv{
    display: block;
}

.card.highlight .subscribe-btn {
    background: #F37021;
    color: #fff;
    border: 1px solid #F37021;
}

.card.highlight .subscribe {
    background: #F37021;
    color: #fff;
    border: none;
}


.custom-carousel .item {
    transform: scale(0.8);
}

.custom-carousel .owl-item.center .item {
    transform: scale(1); /* Highlight center */
}

/* Optional: Hide overflow on sides if you want cleaner look */
.owl-carousel {
    overflow: visible;
}

.container-carousel{
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto;
}

/*.carousel-btn{
  border-radius: 50%;
  background: #000;
  color: #fff;
  padding: calc(100 * (15vw / 1320)) calc(100 * (40vw / 1320));
  font-size: calc(100 * (80vw / 1320));
  line-height: calc(100 * (78vw / 1320));
  position: absolute;
  top: calc(100 * (1250vw / 1320));
  z-index: 99;
  display: flex;
  align-items: center;
}*/

.carousel-btn{
    background: transparent;
    border: none;
    padding: 0;
    position: absolute;
    /*top: calc(100 * (1250vw / 1320));*/
    top: calc(100 * (1345vw / 1320));
    z-index: 99;
}

.carousel-btn.prev{
    left: calc(100 * (20vw / 1320));
}

.carousel-btn.next{
    right: calc(100 * (20vw / 1320));
}

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

.sec-pricing.actv{
    display: flex;
}

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

/*.top-sec{
    padding: calc(100 * (30vw / 1320)) 0;
}*/
.top-sec h1 {
    font-family: 'SF Pro Display Bold';
    font-size: calc(100 * (35vw / 1320));
    line-height: calc(100 * (40vw / 1320));
    text-align: center;
    text-transform: uppercase;
    margin: 0;
    margin-bottom: calc(100 * (20vw / 1320));
}
.top-sec p {
    font-family: 'SF Pro Display Bold';
    font-size: calc(100 * (15vw / 1320));
    line-height: calc(100 * (20vw / 1320));
    width: calc(100 * (80vw / 1320));
    color: #740C00;
    margin: 0;
}
.top-sec .top-sec-part{
    background: #FFF0B9;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: calc(100 * (30vw / 1320));
    padding: calc(100 * (25vw / 1320)) calc(100 * (25vw / 1320));
    border-radius: calc(100 * (25vw / 1320));
}
.top-sec .top-sec-part img{
    width: calc(100 * (50vw / 1320));
}
.sec-parts{
    display: flex;
    align-items: center;
    justify-content: center;
    gap: calc(100 * (10vw / 1320));
}
.top-sec .top-sec-part .sec-parts img{
    width: calc(100 * (55vw / 1320));
}

/*.gen-sec-parent{
    padding: calc(100 * (30vw / 1320)) 0;
}*/
.gen-sec{
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: calc(100 * (25vw / 1320));
}
.sec-reverse{
    flex-direction: row-reverse;
}
.gen-sec .gen-part{
    width: 50%;
    height: calc(100 * (410vw / 1320));
}
.gen-sec .img-sec{
}
.gen-sec .gen-part img{
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
    transition: 0.3s;
}
.gen-sec .text-sec{
    padding: calc(100 * (55vw / 1320));
    display: flex;
    justify-content: center;
    flex-direction: column;
    gap: calc(100 * (15vw / 1320));
}
.gen-sec .text-sec .about-logo{
    max-width: calc(100 * (150vw / 1320));
}
.gen-sec .text-sec h1{
    font-family: 'Degular Display';
    font-size: calc(100 * (50vw / 1320));
    line-height: calc(100 * (65vw / 1320));
    margin: 0;
}
.gen-sec .text-sec p{
    font-family: 'SF Pro Display Regular';
    font-size: calc(100 * (18vw / 1320));
    line-height: calc(100 * (23vw / 1320));
    margin: 0;
}
.gen-sec .text-sec p span{
    font-family: 'SF Pro Display Bold';
}
.gen-sec .contact-text{
    gap: calc(100 * (30vw / 1320));
    padding: calc(100 * (30vw / 1320)) calc(100 * (50vw / 1320));
}

.faq-sec{
    border-radius: calc(100 * (25vw / 1320));
    padding: calc(100 * (25vw / 1320)) calc(100 * (55vw / 1320));
}
.faq-sec h1{
    font-family: 'Degular Display';
    font-size: calc(100 * (55vw / 1320));
    line-height: calc(100 * (65vw / 1320));
    margin: 0;
    text-align: center;
}
.faq-sec .faq-border {
    border: calc(100 * (1vw / 1320)) solid #D9D9D9;
    border-radius: calc(100 * (30vw / 1320));
    padding: calc(100 * (25vw / 1320));
    margin-top: calc(100 * (30vw / 1320));
}
.faq-sec .faq-border .faq-content{
    width: 90%;
    margin: 0 auto;
}
.faq-sec .faq-border .faq-content h1 {
    font-family: 'SF Pro Display';
    font-size: calc(100 * (25vw / 1320));
    line-height: calc(100 * (30vw / 1320));
    margin: 0;
    margin-bottom: calc(100 * (10vw / 1320));
    color: #740C00;
    text-align: left;
}
.faq-sec .faq-border .faq-content p {
    font-family: 'SF Pro Display Regular';
    font-size: calc(100 * (20vw / 1320));
    line-height: calc(100 * (30vw / 1320));
    margin: 0;
}

.bottom-section {
    padding: calc(100 * (50vw / 1320)) 0;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.bottom-section .bottom-text {
    float: left;
}
.bottom-section .bottom-text.bottom-left {
    display: flex;
    align-items: center;
    gap: calc(100 * (20vw / 1320));
}
.bottom-section .bottom-text .foot-logo{
    max-width: calc(100 * (150vw / 1320));
}
.bottom-section .bottom-text p {
    text-align: left;
    color: #fff;
    padding: 0;
    margin: 0;
    font-size: calc(100 * (17vw / 1320));
    line-height: calc(100 * (30vw / 1320));
}
.bottom-section .bottom-text p.bottom-mid-p {
    text-align: center;
    color: #676262;
    font-size: calc(100 * (17vw / 1320));
    line-height: calc(100 * (30vw / 1320));
    margin-bottom: calc(100 * (10vw / 1320));
}
.bottom-section .bottom-text .name_logo_top {
    max-width: calc(100 * (150vw / 1320));
}
.bottom-section .bottom-text a {
    display: block;
    text-align: left;
    color: #fff;
    padding: 0;
    margin: 0;
    text-decoration: underline;
    font-size: calc(100 * (17vw / 1320));
    line-height: calc(100 * (30vw / 1320));
}

.sec-btn {
    width: 50%;
    font-family: 'SF Pro Display Bold';
    font-size: calc(100 * (20vw / 1320));
    padding: calc(100 * (12vw / 1320));
    background: transparent;
    color: #061737;
    border: calc(100 * (1vw / 1320)) solid #061737;
    border-radius: calc(100 * (30vw / 1320));
    cursor: pointer;
    text-align: center;
}

.passModal {
    top: 5%;
    bottom: unset;
    z-index: 99999;
}
.passModal .modal-dialog {
    max-width: calc(100 * (980vw / 1320));
    max-width: -webkit-calc(100 * (980vw / 1320));
    max-width: -moz-calc(100*(980vw / 1320));
    margin: 0 auto;
    width: auto;
}
.passModal .modal-dialog .modal-content {
    border-radius: calc(100 * (25vw / 1320));
}
.passModal .modal-body {
    min-height: calc(100 * (660vw / 1320));
    margin: 0;
    padding: 0;
    display: flex;
}
.passModal .modal-dialog .modal-content .modal-body .cross {
    width: calc(100 * (45vw / 1320));
    position: absolute;
    right: calc(100 * (20vw / 1320));
    top: calc(100 * (20vw / 1320));
    z-index: 9;
    padding: 0;
    background-color: transparent;
    border: 0;
    -webkit-appearance: none;
}
.passModal .modal-dialog .modal-content .modal-body .cross img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    object-position: center !important;
}
.passModal .modal-body .text-block {
    width: 70%;
    height: 100%;
    padding: calc(100 * (42vw / 1320));
}
.passModal .modal-body .text-block h1 {
    font-family: 'SF Pro Display Bold';
    font-size: calc(100 * (35vw / 1320));
    line-height: calc(100 * (45vw / 1320));
    color: #E73A14;
    margin: 0;
}
.passModal .modal-body .text-block .scroll-block {
    margin: 0;
    padding: 0;
    margin-top: calc(100 * (15vw / 1320));
}
.passModal .modal-body .text-block .qstn-block {
    margin-bottom: calc(100 * (15vw / 1320));
}
.passModal .modal-body .text-block h2 {
    font-family: 'SF Pro Display bold';
    font-size: calc(100 * (20vw / 1320));
    line-height: calc(100 * (25vw / 1320));
    margin: 0;
    margin-bottom: calc(100 * (5vw / 1320));
    color: #000;
}
.passModal .modal-body .text-block p {
    font-family: 'SF Pro Display Regular';
    font-size: calc(100 * (17vw / 1320));
    line-height: calc(100 * (22vw / 1320));
    margin: 0;
}
.passModal .modal-body .img-block {
    width: 40%;
    border-radius: 0 calc(100 * (25vw / 1320)) calc(100 * (25vw / 1320)) 0;
    overflow: hidden;
}
.passModal .modal-body .img-block img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
    transition: 0.3s;
}
.passModal .modal-body .img-block .img-block-content {
    position: absolute;
    bottom: calc(100 * (20vw / 1320));
    right: calc(100 * (20vw / 1320));
    display: flex;
    align-items: center;
}
.passModal .modal-body .img-block .img-block-content .img-block-text {
    width: calc(100 * (150vw / 1320));
}
.passModal .modal-body .img-block .img-block-content .img-block-text p {
    font-size: calc(100 * (20vw / 1320));
    line-height: calc(100 * (28vw / 1320));
    margin: 0;
    color: #fff;
}
.passModal .modal-body .img-block .img-block-content .img-block-text p span {
    font-size: calc(100 * (25vw / 1320));
    line-height: calc(100 * (40vw / 1320));
}
.passModal .modal-body .img-block .img-block-content .img-block-logo img {
    width: calc(100 * (100vw / 1320));
    height: auto;
}

.main-sec-parent{
    display: flex;
    justify-content: center;
    gap: calc(100 * (125vw / 1320));
    padding: calc(100 * (25vw / 1320));
}
.main-sec-parent .cal-sec{
    /*padding: calc(100 * (50vw / 1320));*/
}
.main-sec-parent .cal-sec .cal-sec-pizza-img{
    width: calc(100 * (500vw / 1320));
}
.main-sec-parent .cal-sec p{
    font-family: 'SF Pro Display';
    font-size: calc(100 * (20vw / 1320));
    line-height: calc(100 * (25vw / 1320));
    margin: calc(100 * (25vw / 1320)) 0;
}
.main-sec-parent .cal-sec p.powerby {
    font-family: 'SF Pro Display Regular';
    font-size: 1rem;
    line-height: 1.2rem;
    color: #6c6684b5;
    margin: 0;
    margin-top: calc(100 * (50vw / 1320))
}
.main-sec-parent .cal-sec p.powerby span {
    font-family: 'SF Pro Display Bold';
}
.main-sec-parent .cal-sec h1{
    font-family: 'SF Pro Display Bold';
    font-size: calc(100 * (30vw / 1320));
    line-height: calc(100 * (35vw / 1320));
    margin: calc(100 * (25vw / 1320)) 0;
}
.main-sec-parent .cal-sec img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
    transition: 0.3s;
}
.main-sec-parent .pay-sec{
    width: 45%;
    /*min-height: 100vh;*/
    padding: calc(100 * (25vw / 1320));
    border-radius: calc(100 * (15vw / 1320));
    border: 1px solid #E7E4E4;
}
.main-sec-parent .pay-sec h4{
    font-family: 'SF Pro Display';
    font-size: calc(100 * (20vw / 1320));
    line-height: calc(100 * (30vw / 1320));
}
.main-sec-parent .verify-sec{
    max-width: calc(100 * (500vw / 1320));
    width: 100%;
}

.divider {
    display: flex;
    align-items: center;
    text-align: center;
    font-weight: 500;
    font-family: 'SF Pro Display';
    font-size: calc(100 * (20vw / 1320));
    line-height: calc(100 * (30vw / 1320));
    margin-top: calc(100 * (20vw / 1320));
    color: #9796C0;
}

.divider::before,
.divider::after {
    content: '';
    flex: 1;
    border-bottom: 1px solid #ccc;  /* Visible line color */
}

#payment-element{
    padding: calc(100 * (25vw / 1320));
    border-radius: calc(100 * (10vw / 1320));
    border: 1px solid #E7E4E4;
    margin-bottom: calc(100 * (25vw / 1320));
}
#payment-form{
    overflow: unset;
    margin-bottom: calc(100 * (25vw / 1320));
}

.checkout .form-group{
    margin: 0;
    border: 1px solid #D9D9D9;
    border-radius: calc(100 * (10vw / 1520));
}
.checkout .form-group label {
    position: relative;
    cursor: pointer;
    text-align: left;
    font-size: calc(100 * (16vw / 1520));
    font-weight: 600;
    margin-bottom: calc(100 * (5vw / 1520));
    display: flex;
    align-items: center;
    color: #061737;
}
.checkout .form-group .form-control{
    font-family: 'SF PRO DISPLAY REGULAR';
    border-radius: 0;
    border: none;
    border-bottom: 1px solid #D9D9D9;
    font-size: 1.2rem;
    line-height: 1.3rem;
    padding: 1.1rem 1.3rem;
    height: auto;
}
.checkval_msg {
    padding: calc(100 * (5vw / 1520)) calc(100 * (10vw / 1520)) !important;
    font-size: 1rem !important;
    line-height: 1.1rem !important;
    color: #ff0000 !important;
    text-align: center;
    margin: 0 !important;
    margin-bottom: calc(100 * (20vw / 1320));
}
.rewards-checkbox p {
    font-family: 'SF Pro Display Regular';
    font-size: 1rem;
    line-height: 1.2rem;
    color: #6c6684b5;
    margin: 0;
}
.rewards-checkbox p span a {
    font-family: 'SF Pro Display';
    text-decoration: underline;
    color: #6c6684b5;
}

.checkout-logo {
    max-width: calc(100 * (155vw / 1320));
}
.payment-part {
    width: 100%;
    height: auto;
    position: relative;
    padding: 0;
    margin-top: calc(100 * (25vw / 1320));
    border-top: 1px solid #E7E4E4;
}
.payment-part .item-row {
    width: 100%;
    height: auto;
    position: relative;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: calc(100 * (15vw / 1520)) 0;
    border-bottom: 1px solid #E7E4E4;
}
.payment-part .item-row p {
    font-size: 1.3rem;
    line-height: 1.4rem;
    font-weight: 400;
    display: flex;
    align-items: center;
    /*color: #575757 !important;*/
    color: #9796C0;
    margin: 0;
}
.payment-part .item-row h5 {
    font-size: 1.3rem;
    line-height: 1.4rem;
    font-weight: 500;
    color: #9796C0;
    white-space: nowrap;
    margin: 0;
}
.tip-box {
    width: 100%;
    height: auto;
    position: relative;
    background: #fff;
    padding: 10px 0;
    border-bottom: 1px solid #E7E4E4;
}
.tip-box .heading {
    width: 100%;
    height: auto;
    position: relative;
    display: flex;
    justify-content: space-between;
}
.tip-box .heading p {
    color: #9796C0;
    font-family: 'SF Pro Display Regular';
    font-weight: 500;
    font-size: 1.4rem;
    line-height: 1.4rem;
    display: flex;
    align-items: center;
    margin: 0;
}
.tip-box .heading h4 {
    color: #9796C0;
    font-size: 1.3rem !important;
    line-height: 1.4rem !important;
    font-weight: 500 !important;
    width: unset !important;
    margin: 0;
}
.payment-part .grand-total {
    width: 100%;
    height: auto;
    position: relative;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    justify-content: space-between;
    padding: calc(100 * (10vw / 1520)) 0;
}
.payment-part .grand-total p {
    font-family: 'SF Pro Display Regular';
    font-size: 1.4rem !important;
    line-height: 1.5rem !important;
    font-weight: 600;
    color: #061737 !important;
    margin: 0;
}
.payment-part .grand-total h5 {
    font-family: 'SF Pro Display Regular';
    font-size: 1.4rem !important;
    line-height: 1.5rem !important;
    font-weight: 600;
    margin: 0;
}
.btun-box {
    width: 100%;
    height: auto;
    position: relative;
    display: flex;
    display: -moz-flex;
    display: -webkit-flex;
    display: -ms-flex;
    justify-content: space-between;
}
.btun-box .save-btn{
    width: 100%;
    margin: 0 auto;
    background: #EF6C12;
    border: none;
    border-radius: calc(100 * (10vw / 1320));
    padding: calc(100 * (10vw / 1320));
    color: #fff;
    font-family: 'SF Pro Display';
    font-size: calc(100 * (20vw / 1320));
    line-height: calc(100 * (25vw / 1320));
    font-weight: 600;
    cursor: pointer;
}


.verify-content h2 {
    font-family: 'SF Pro Display Bold';
    font-size: calc(100 * (30vw / 1320));
    line-height: calc(100 * (40vw / 1320));
    text-align: center;
    text-transform: uppercase;
    margin: calc(100 * (30vw / 1320)) 0;
}
.verify-content p {
    font-family: 'SF Pro Display';
    font-size: calc(100 * (22vw / 1320));
    line-height: calc(100 * (30vw / 1320));
    margin: calc(100 * (30vw / 1320)) 0;
}
.mob-block{
    width: 85%;
    margin: 0 auto;
}
.mob-block label {
    font-family: 'SF Pro Display Bold';
    font-size: calc(100 * (20vw / 1520));
    margin-bottom: calc(100 * (5vw / 1520));
}
.phone-input {
    display: flex;
    margin-bottom: calc(100 * (30vw / 1320));
    border: 1px solid #ccc;
    border-radius: calc(100 * (10vw / 1320));
    overflow: hidden;
}
.phone-input input {
    flex: 1;
    padding: calc(100 * (10vw / 1320)) 0;
    font-size: calc(100 * (20vw / 1320));
    line-height: calc(100 * (25vw / 1320));
    border: none;
    height: auto;
}
.phone-input button {
    width: 45%;
    background: #000;
    color: #fff;
    padding: 0 calc(100 * (20vw / 1320));
    border: none;
    cursor: pointer;
    font-family: 'SF Pro Display Bold';
    font-size: calc(100 * (17vw / 1320));
    line-height: calc(100 * (25vw / 1320));
}
.otp-inputs {
    display: flex;
    justify-content: center;
    gap: calc(100 * (20vw / 1320));
}
.otp-inputs input {
    width: calc(100 * (50vw / 1320));
    height: calc(100 * (50vw / 1320));
    font-size: calc(100 * (22vw / 1320));
    line-height: calc(100 * (28vw / 1320));
    text-align: center;
    border: 1px solid #ccc;
    border-radius: calc(100 * (10vw / 1320));
}
.resend {
    font-size: calc(100 * (18vw / 1320));
    margin: calc(100 * (25vw / 1320)) 0;
    color: #555;
}
.resend a {
    color: #007bff;
    text-decoration: none;
}
.buttons {
    display: flex;
    justify-content: space-between;
    gap: calc(100 * (30vw / 1320));
}
.buttons button, .buttons a {
    flex: 1;
    padding: calc(100 * (12vw / 1320));
    font-size: calc(100 * (22vw / 1320));
    line-height: calc(100 * (28vw / 1320));
    border: none;
    border-radius: calc(100 * (10vw / 1320));
    cursor: pointer;
}
.buttons a:hover {
    color: #fff;
}
.skip {
    background: #000;
    color: #fff;
}
.submit {
    background: #ff7f2a;
    color: #fff;
}
.phn-verify {
    display: none;
}
.disable-btn{
    background-color: #d9d9d9 !important;
}

.iti {
  width: 100%;
}
.iti__flag-container {
  font-size: calc(100 * (19vw / 1520));
  font-size: -webkit-calc(100 * (19vw / 1520));
  font-size: -moz-calc(100 * (19vw/1520));
}
.iti--separate-dial-code .iti__selected-flag {
  font-size: calc(100 * (18vw / 1520));
  font-size: -webkit-calc(100 * (18vw / 1520));
  font-size: -moz-calc(100*(18vw / 1520));
}

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

.bg-basic{
    background: #FAF7EF;
}
.bg-0{
    background: #000;
}
.bg-1{
    background: #DEFAD4;
}
.bg-2{
    background: #EFF0FF;
}
.bg-3{
    background: #FFF0B9;
}
.bg-4{
    background: #FFF;
}
.bg-5{
    background: #FFF0B9;
}
.bg-6{
    background: #FAEAFF;
}