@media screen and (min-width:1440px) {
    .mid-width {
        display: none;
    }

    .large-width {
        display: block;
    }

    .app-launch .imagecontainer {
        position: relative;
        display: block;
    }

    .about-page .twid_1hg8fj5 {
        width: 100%;
        height: 128px;
        margin: 0px auto;
    }

    .about-page .twid_1hg8fj5 .hero-text {
        font-size: 56px;
        line-height: 64px;
        letter-spacing: -2px;
    }

    .whychoosetwid .twid_1wtjhhf {
        width: 1440px;
    }

    .twid_5a7d3h p.twid_text,
    .twid_1m4vp71 .twid_7d79j4 p.twid_text,
    .twid_1hvykss .twid_1dgv8gd p.twid_text {
        align-self: stretch;
        color: var(--color-grey-97, #F7F8F8);
        text-align: center;
        font-size: 48px;
        font-style: normal;
        font-weight: 800;
        line-height: 56px;
        letter-spacing: 0px;
    }

    .twid_1x3j1pe p.twid_text.subtitle,
    .twid_1nw5wik p.twid_text.subtitle,
    .twid_1y5pjva p.twid_text.subtitle {
        color: var(--White-20, rgba(247, 248, 252, 0.72));
        font-size: 24px;
        font-style: normal;
        font-weight: 500;
        line-height: 32px;
        text-align: center;
    }

    .twid_329ny7 .twid_f2redf p.twid_text {
        align-self: stretch;
        color: #EDEFF8;
        font-size: 56px;
        font-style: normal;
        font-weight: 800;
        line-height: 64px;
    }

    .mentor .sub-child.w-70 h2 {
        color: var(--White-0, #F7F8FC);
        font-family: Montserrat;
        font-size: 24px;
        font-style: normal;
        font-weight: 700;
        line-height: 32px;
    }

    .mentor .sub-child.w-20 img {
        width: 32px;
        height: 32px;
    }
}

/*navigation*/
@media screen and (min-width:1300px) {
    .framer-2295tn {
        flex-flow: row;
        flex: none;
        place-content: center;
        align-items: center;
        gap: 0;
        width: min-content;
        height: min-content;
        padding: 0;
        display: flex;
        position: relative;
        overflow: visible;
    }

    .framer-qo10em,
    .framer-dcbbgu {
        flex: none;
        width: auto;
        height: auto;
        position: relative;
    }

    .index-page .header .navi-inner {
        height: 160px;
        top: 0px;
    }

    .row.navi-inner.m-auto .menu {
        width: 1040px
    }

    .framer-y7kvk4 {
        will-change: var(-will-change-effect-override, transform);
        flex: none;
        width: 50%;
        height: 700px;
        position: relative;
    }

    .framer-kq7ajs {
        will-change: var(-will-change-effect-override, transform);
        flex: none;
        width: 50%;
        height: 700px;
        position: relative;
    }

    .framer-kq7ajs div,
    .framer-y7kvk4 div {
        position: relative;
        max-width: 100%;
    }

    .framer-kq7ajs div img,
    .framer-y7kvk4 div img {
        position: relative;
        max-width: 100%;
    }
}

@media screen and (max-width:1299px) {
    .header {
        border-bottom: 1px solid rgba(255, 255, 255, 0.10);
    }

    .index-page .header .navi-inner {
        height: 70px;
        top: 0px;
    }

    .index-page .framer-7g5vv5,
    .row.navi-inner.m-auto .menu {
        width: 100%;
    }

    .framer-7g5vv5 {
        top: 0px;
    }

    .row.navi-inner.m-auto .menu {
        background: none;
        border: none;
    }

    .framer-kq7ajs,
    .framer-y7kvk4 {
        width: 50%;
        height: auto;
    }

    .framer-kq7ajs div,
    .framer-y7kvk4 div {
        position: relative;
        max-width: 100%;
    }

    .framer-kq7ajs div img,
    .framer-y7kvk4 div img {
        position: relative;
        max-width: 100%;
    }

    .framer-15kwf0m img {
        height: 100vh;
    }
}

@media screen and (max-width:1439px) {
    .main.dark-background {
        background-size: auto !important;
    }

    /* .twid_ekt165 {background-image: url('../../assets/img/hp-header.png');} */
    .header .navi-inner {
        width: 100%;
        padding: 0px !important;
        margin: 0px !important;
        height: 47px;
    }

    .header .navmenu {
        padding: 0px !important;
        margin: 0px !important;
    }

    .twid_wk6fij,
    .twid_1d7d0jh,
    .twid_1hvykss,
    .twid_2y6jzfe,
    .twid_1y6jzfe,
    .twid_3xu6m1,
    .twid_app-lauched,
    .twid_8wlzgz,
    .twid_offers {
        width: 100%;
    }

    .about_us .content,
    .jobs .jobs-container,
    .whychoosetwid .twid_d3i8ll,
    .offers .twid_1d7d0jh_new .slidernavigation,
    .offers .twid_1wtjhhf .slidernavigation {
        width: 100%;
        text-overflow: ellipsis;
        text-wrap-style: auto;
        padding: 0px;
        height: auto;
    }

    .app-launch .row {
        padding: 0px !important;
        width: 100%;
    }

    .twid_329ny7 {
        width: 100%;
        margin: 0px auto;
    }

    .twid_f2redf,
    .twid_6vpnaf,
    .twid_5a7d3h,
    .twid_1dtl4pw,
    .twid_7d79j4,
    .twid_1dgv8gd,
    .twid_vbhgti {
        width: 100%;
        text-overflow: ellipsis;
        text-align: left;
        white-space: pre-line;
    }

    .issuers-logo .col-6.col-md-3.col-lg-1-5.col-md-4.col-sm-4 {
        text-align: center;
        vertical-align: middle;
        align-items: center;
        /* border: 1px solid; */
        /* width: 100%; */
    }

    .issuers-logo .col-6.col-md-3.col-lg-1-5.col-md-4.col-sm-4 img.fk {
        width: 87px;
        height: 48px;
        align-items: center;
        text-align: center;
        vertical-align: middle;
        margin: 0px auto;
    }

    .whychoosetwid .twid_x6ph4e {
        padding: 0px;
        gap: 32px;
    }

    .redeem .twid-1e1x75m {
        padding: 0px;
    }

    .footer .text-\[15\.6vw\] {
        font-weight: 800;
        font-size: 10vw;
        line-height: 0px;
        letter-spacing: -1.12px;
        text-align: center;
    }

    .footer span.font-fill-dark {
        width: 359px;
        height: 29px;
        font-size: 10vw;
        line-height: 79px;
    }
}

@media screen and (min-width:1201px) and (max-width:1438px) {
    .twid-1e1x75m {
        width: 100% !important;
    }

    .hero {
        height: 100vh;
    }

    .twid_5a7d3h p.twid_text,
    .twid_1m4vp71 .twid_7d79j4 p.twid_text,
    .twid_1hvykss .twid_1dgv8gd p.twid_text {
        align-self: stretch;
        color: var(--color-grey-97, #F7F8F8);
        text-align: center;
        font-size: 48px;
        font-style: normal;
        font-weight: 800;
        line-height: 56px;
        letter-spacing: 0px;
    }

    .twid_1x3j1pe p.twid_text.subtitle,
    .twid_1nw5wik p.twid_text.subtitle,
    .twid_1y5pjva p.twid_text.subtitle {
        color: var(--White-20, rgba(247, 248, 252, 0.72));
        font-size: 24px;
        font-style: normal;
        font-weight: 500;
        line-height: 32px;
    }

    .gallery .twid-18abmr1,
    .gallery .twid-193s2vj,
    .gallery .twid-1p7kjiq,
    .gallery .twid-k9ahtb,
    .gallery .twid-j1uffn,
    .gallery .twid-9n2k6r,
    .gallery .twid-n58h16,
    .gallery .twid-15yp2y1,
    .gallery .twid-1nx604m,
    .gallery .twid-15i1gym,
    .gallery .twid-1xvr1o1,
    .gallery .twid-91vskc {
        flex: 1 1 calc(100% / 9 - 10px);
    }
}

@media screen and (min-width: 1000px) and (max-width: 1200px) {
    .hero {
        height: 100vh;
    }

    .gallery .twid-18abmr1,
    .gallery .twid-193s2vj,
    .gallery .twid-1p7kjiq,
    .gallery .twid-k9ahtb,
    .gallery .twid-j1uffn,
    .gallery .twid-9n2k6r,
    .gallery .twid-n58h16,
    .gallery .twid-15yp2y1,
    .gallery .twid-1nx604m,
    .gallery .twid-15i1gym,
    .gallery .twid-1xvr1o1,
    .gallery .twid-91vskc {
        flex: 1 1 calc(100% / 5 - 10px);
        /* 4 columns */
        width: 100%;
    }
}

@media screen and (max-width: 1200px) {
    .index-page .sub-title.d-flex.flex-wrap span {
        width: 100%;
    }

    .hero.section .twid_offer {
        width: 100%;
    }

    .twid-1e1x75m,
    .twid_eojd24,
    .twid_wk6fij,
    .twid_1d7d0jh,
    .twid_1hvykss,
    .twid_bwkpgt,
    .twid_1nw5wik,
    .twid_1y6jzfe,
    .twid_3xu6m1,
    .twid_offers {
        width: 100% !important;
    }

    .index-page .offers .twid_1d7d0jh {
        width: 1440px;
    }

    /* .whychoosetwid .twid_1wtjhhf{padding: 0 10px;} */
    .whychoosetwid .twid_x6ph4e {
        padding: 0px;
        gap: 24px;
    }

    .twid_1x3j1pe,
    .twid_1nw5wik,
    .twid_1y5pjva {
        width: 80vw;
        margin: 0px auto;
        align-items: center;
    }

    .twid_offer_1 .twid_og0yz9,
    .twid_offer_2 .twid_og0yz9,
    .twid_offer_3 .twid_og0yz9,
    .twid_offer_4 .twid_og0yz9 {
        width: 580px;
        height: 580px;
        will-change: transform;
        transform: perspective(1200px);
    }

    .twid_offer_1 .twid_og0yz9 img,
    .twid_offer_2 .twid_og0yz9 img,
    .twid_offer_3 .twid_og0yz9 img,
    .twid_offer_4 .twid_og0yz9 img {
        width: 580px;
        height: 580px;
    }

    /* .app-launch-mini .twid_og0yz9 {flex: none;height: 444px;position: relative;width: 450px;} */
    .app-launch-mini .imagecontainer {
        height: 100%;
        width: 100%;
    }

    .app-launch .twid_w226ic,
    .app-launch .twid_w226ic .twid_1m6c294,
    .app-launch .twid_w226ic .twid_8k5bvq {
        width: 100%;
    }

    .twid_ekt165_about {
        background-image: url('../img/about-header-mobile.png');
        background-repeat: repeat;
    }

    .footer .social-links a {
        width: 32px;
        height: 32px;
    }
}

@media (max-width: 767px) {
    .hero .tag-list li {
        width: 100%;
    }

    .hero .twid_vdi2kd {
        left: 85%;
        width: 36px;
        height: auto;
        transform: rotate(49.348deg);
    }

    .hero .twid_1bb7l6j {
        width: 100%;
        height: 100%;
        left: 0;
        top: 0;
    }

    .hero .twid_18bq478 {
        left: 5%;
        width: 32px;
        height: auto;
        transform: rotate(21.311deg);
        flex-shrink: 0;
    }

    .hero .twid_17jgr5t {
        left: 5%;
        bottom: 15%;
        height: 90px;
        width: 90px;
    }

    .hero .twid_17jgr5t1 {
        left: 50%;
        bottom: 12%;
    }

    .twid_iua3l5 .subtitle {
        justify-content: center;
        align-items: center;
        align-content: center;
        gap: 12px;
        align-self: stretch;
        height: auto;
    }

    .issuers-logo .twid_bottom_navigation {
        flex-direction: column;
        gap: 14px;
    }

    .issuers-logo .twid_bottom_navigation .divitem {
        flex: 1 1 100%;
        width: 100%;
        height: min-content;
        text-align: center;
    }

    .issuers-logo .twid_1a3s406-container {
        width: 100%;
        text-align: center;
        height: auto;
        align-items: center;
        vertical-align: middle;
    }

    .issuers-logo .twid_1a3s406-container .twid_HSl8G.twid_1t2srld {
        width: 100%;
    }

    .offers .twid_1d7d0jh_new,
    .offers .twid_1d7d0jh_new .slidernavigation,
    .offers .twid_1d7d0jh_new .twid_21vyze,
    .twid_8wlzgz1 .twid_21vyze {
        padding: 10px;
        width: 100%;
        margin: 0px auto;
        gap: 24px;
    }

    .whychoosetwid .twid_d3i8ll,
    .whychoosetwid .slidernavigation,
    .whychoosetwid .twid_x6ph4e {
        padding: 0 20px;
    }

    .slidernavigation {
        flex-direction: row-reverse;
    }

    .slidernavigation .twid_1a3s406-container {
        display: flex;
        justify-content: start;
    }

    .slidernavigation .twid_k1cafw {
        display: flex;
        align-items: flex-end;
        justify-content: flex-end;
        width: 100%;
    }

    .about_us .content p,
    .footer .footer-about p {
        font-weight: 500;
        font-size: 16px;
        line-height: 24px;
        width: 100%;
        word-wrap: break-word;
        overflow-wrap: break-word;
        /* height: 72px; */
        letter-spacing: 1px;
        text-align: center;
    }

    .footer .footer-links ul li {
        font-weight: 400;
        font-size: 16px;
        line-height: 25.6px;
        letter-spacing: 0%;
    }

    .footer h2.footer-heading,
    .footer h4 {
        font-family: Montserrat;
        font-weight: 600;
        font-size: 18px;
        line-height: 25.2px;
        letter-spacing: 0px;
    }

    .footer .copyright p {
        font-family: Montserrat;
        font-weight: 400;
        font-size: 14px;
        line-height: 30px;
        letter-spacing: 0px;
    }

    .footer .copyright .row {
        gap: 24px;
    }

    .footer .copyright p {
        margin-bottom: 0;
    }

    .copyright .social {
        justify-content: flex-start !important;
        text-align: left;
    }

    .social-links.d-flex {
        text-align: left;
    }

    .footer .footer-about p {
        color: var(--Grey-6, #CCC);
    }
}

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

    .offers .twid_1d7d0jh_new .slidernavigation>div:nth-child(2),
    .successstories .slidernavigation>div:nth-child(2) {
        display: none;
    }

    .app-launch-mini .twid_og0yz9 {
        flex: none;
        height: auto;
        position: relative;
        width: 100%;
    }
}

@media screen and (min-width:1023px) and (max-width:1439px) {
    .header .navi-inner {
        width: 100%;
    }

    .twid_eojd24 {
        height: 100vh;
        width: 100%;
    }

    .framer-1kqheaa {
        width: 100%;
        padding: 0px;
        display: flex;
        display: flex;
        align-items: center;
        /* Vertical Center */
        justify-content: center;
        /* Horizontal Center */
        flex-wrap: wrap;
        /* Ensures responsiveness */
        /* gap: 20px; */
        /* Space between columns */
        /* width: 100%; */
        height: 100vh;
        /* Full screen height */
        /* padding: 20px; */
    }

    .framer-1jgu1uq {
        /* width: 50%; */
        /* height: 100vh; */
        align-items: center;
        /* margin: 0px auto; */
        /* text-align: center; */
        vertical-align: middle;
    }

    .framer-1il9vpq {
        /* width: 50%; */
        /* display: flex; */
        position: relative;
        /* height: min-content; */
        /* flex-direction: column; */
        /* position: relative; */
    }

    .framer-1g8ewes-container,
    .framer-vsg981-container,
    .framer-1l1i49i-container,
    .framer-yzn2hq-container,
    .framer-1ql685o-container,
    .framer-eykvh2-container {
        width: 100%;
        text-overflow: ellipsis;
        text-wrap-style: auto;
    }

    .framer-nXeKp img,
    .framer-ie0pvv img {
        /* width: 100%;height: auto; */
        object-position: center;
        /* object-fit: contain; */
        overscroll-behavior: none;
    }

    .framer-aibwb5,
    .framer-12u27ao,
    .framer-af0oi4 {
        /* height: auto;max-width: 100%; */
        max-height: 580px;
        vertical-align: middle;
        /* position: absolute; */
        /* margin: 25% auto; */
    }

    /* .framer-nXeKp, .framer-ie0pvv{height: 100% !important;} */
    .framer-1il9vpq,
    .framer-1jgu1uq {
        flex: 1;
        /* Makes both columns flexible */
        max-width: 500px;
        /* Ensures responsiveness */
        text-align: left;
        /* Centers text content */
        vertical-align: middle;
    }

    .app-launch .twid_wk6fij .coverimagestyle {
        position: absolute;
        width: 100%;
        height: auto;
        max-height: 500px;
        object-position: center;
        object-fit: contain;
    }

    .gallery.twid-jfxdlt,
    .gallery.twid-hh8u4m,
    .gallery.twid-1ry8u9t {
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        width: 100%;
    }

    .twid_1d7d0jh,
    .twid_1hvykss,
    .twid_2y6jzfe,
    .twid_1y6jzfe,
    .twid_3xu6m1,
    .twid_app-lauched,
    .twid_8wlzgz,
    .twid_offers {
        width: 100%;
    }

    .twid_wk6fij {
        width: 80vw;
    }

    .footer .text-\[15\.6vw\] {
        font-size: 10vw;
    }

    .about_us .content {
        width: 100%;
    }

    .issuers-logo .twid_wk6fij {
        width: 100%;
    }

    .whychoosetwid .twid_1wtjhhf {
        width: 100%;
    }

    .whychoosetwid .twid_d3i8ll,
    .whychoosetwid .twid_x6ph4e {
        padding: 0 20px;
    }
}

@media screen and (max-width: 1680px) {
    .issuers-logo .twid_186hf0k.row {
        gap: 0px;
        row-gap: 24px;
    }
}

@media screen and (max-width:1023px) {
    .about_us .jobs .jobs-container {
        width: 100%;
    }

    .issuers-logo .twid_wk6fij {
        width: 100%;
        gap: 32px;
    }

    .footer-contact {
        width: 100%;
    }

    .offers .twid_1d7d0jh_new .twid_1m4vp71,
    .offers .twid_1d7d0jh_new .navigation {
        width: 100% !important;
        padding: 10px !important;
    }

    .offers .twid_1d7d0jh_new .slidernavigation,
    .offers .twid_1d7d0jh_new .twid_21vyze,
    .twid_8wlzgz1 .twid_21vyze {
        padding: 10px;
        width: 100%;
    }

    .app-launch-mini p {
        text-align: left;
    }

    .app-launch-mini .twid_tljshq p.twid_text {
        text-align: left !important;
        align-items: left;
    }

    .app-launch-mini .twid_bpx5v1 {
        width: 100%;
        flex-direction: column;
    }

    .successstories .packages-carousel {
        overflow: scroll;
    }
}

@media screen and (min-width:1500px) {
    .hero {
        height: auto;
    }
}

@media (max-width: 566px) {
    .hero .twid_17jgr5t1 {
        left: 55%;
        width: 60px;
        height: 50px;
        transform: rotate(-28.876deg);
        flex-shrink: 0;
    }

    .hero .twid_1su23u7.blue-card {
        left: 85%;
        width: 24px;
        height: auto;
        transform: rotate(40.218deg);
        flex-shrink: 0;
    }

    .hero .twid_17jgr5t.device {
        left: 5%;
        width: 66px;
        height: 50px;
        transform: rotate(-2.142deg);
        flex-shrink: 0;
    }

    .hero .twid_1bb7l6j {
        top: 0;
        width: 100%;
        height: 100%;
        left: 0;
    }
}

.about-page .hero .container {
    width: 80%;
}

/* Common Flex Styles */
.framer-1sw17tx,
.framer-1n4hsxy,
.framer-1cbbv39,
.framer-1ako1qr,
.framer-10ee3wx,
.framer-2tjd1y,
.framer-14tjfgn,
.framer-11c5yfg,
.framer-lbyghv,
.framer-qi9qtj,
.framer-1eic7os,
.framer-1kkn9t5,
.framer-1ehrtjl,
.framer-1gq6q80,
.framer-1t90in2,
.framer-ifhhp4,
.framer-wt764c {
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-items: flex-start;
    justify-content: flex-start;
    flex: none;
    height: min-content;
    position: relative;
    width: 100%;
}

/* Specific Adjustments */
.framer-1sw17tx {
    align-items: center;
    justify-content: center;
    gap: 32px;
    /* padding: 48px 16px; */
}

.framer-1n4hsxy,
.framer-1cbbv39,
.framer-1ako1qr,
.framer-10ee3wx {
    gap: 32px;
    padding: 0;
}

.framer-1solnib,
.framer-1cs6rfq,
.framer-1wlb4ki,
.framer-13jao0f {
    border-radius: 24px;
    gap: 24px;
    padding: 16px 0;
    display: flex;
    flex-direction: column;
    width: 100%;
    align-items: center;
    vertical-align: middle;
}

.framer-11z8wlz,
.framer-1jj52up {
    border-radius: 24px;
    /* height: 380px; */
    border: 1px solid #1c2b5a;
}

.framer-2tjd1y,
.framer-14tjfgn,
.framer-11c5yfg,
.framer-lbyghv {
    gap: 84px;
    overflow: hidden;
    padding: 0;
}

.framer-qi9qtj,
.framer-1eic7os,
.framer-1kkn9t5,
.framer-1ehrtjl,
.framer-1gq6q80,
.framer-1t90in2,
.framer-ifhhp4,
.framer-wt764c {
    gap: 8px;
    padding: 0;
}

.framer-uxrx6h,
.framer-vvvykq,
.framer-14bk66r,
.framer-1otinyy,
.framer-rpu20b,
.framer-1757d37,
.framer-i0hvyt,
.framer-1oonx3v,
.framer-1rd8gzo,
.framer-1c0r4l2,
.framer-899upm,
.framer-n92i06,
.framer-1h4cji7,
.framer-1plsimr {
    flex: none;
    height: auto;
    position: relative;
    white-space: pre-wrap;
    width: 100%;
    word-break: break-word;
}

.twid_329ny7 .twid_f2redf span.subtitle {
    width: 100%;
    text-overflow: ellipsis;
    overflow: hidden;
    justify-items: stretch;
    white-space: pre-line;
    color: var(--White-20, rgba(247, 248, 252, 0.72));
}

@media (min-width: 768px) and (max-width:1399px) {

    .whychoosetwid .twid_1wtjhhf,
    .successstories .twid_8wlzgz {
        padding: 0px;
    }

    .whychoosetwid .twid_d3i8ll,
    .whychoosetwid .slidernavigation,
    .whychoosetwid .twid_x6ph4e {
        padding: 0 20px;
    }

    .twid_329ny7 .twid_f2redf span.subtitle {
        font-size: 20px;
        font-style: normal;
        font-weight: 500;
        line-height: 28px;
        width: 65vw;
    }

    .offers .twid_1d7d0jh_new,
    .offers .twid_1d7d0jh_new .twid_21vyze {
        padding: 0px;
    }

    .successstories .packages-item {
        width: 400px;
    }

    .twid_5a7d3h p.twid_text,
    .twid_1m4vp71 .twid_7d79j4 p.twid_text,
    .twid_1hvykss .twid_1dgv8gd p.twid_text {
        color: var(--color-grey-97, #F7F8F8);
        text-align: center;
        font-size: 40px;
        font-style: normal;
        font-weight: 800;
        line-height: 48px;
        letter-spacing: 0px;
        text-align: center;
    }

    .twid_1x3j1pe p.twid_text.subtitle,
    .twid_1nw5wik p.twid_text.subtitle,
    .twid_1y5pjva p.twid_text.subtitle {
        font-size: 24px;
        font-weight: 500;
        line-height: 32px;
        align-self: stretch;
        text-align: center;
        width: 80vw;
    }

    .offers .twid_1d7d0jh_new,
    .offers .twid_1d7d0jh_new .slidernavigation,
    .offers .twid_1d7d0jh_new .twid_21vyze,
    .twid_8wlzgz1 .twid_21vyze {
        padding: 0 20px;
        width: 100%;
        margin: 0px auto;
        gap: 24px;
    }

    .twid_329ny7 .twid_f2redf p.twid_text {
        font-weight: 800;
        font-size: 48px;
        line-height: 56px;
    }

    .mentor .sub-child.w-70 h2 {
        color: var(--White-0, #F7F8FC);
        font-size: 24px;
        font-style: normal;
        font-weight: 700;
        line-height: 32px;
    }

    .mentor .sub-child.w-20 img {
        width: 32px;
        height: 32px;
    }

    .index-page .hero.section .container .hero-text {
        font-size: 56px;
        text-align: center;
        width: 100%;
    }

    .index-page .sub-title.d-flex.flex-wrap {
        width: 80%;
        margin: auto;
        text-align: center;
    }

    .index-page .sub-title.d-flex.flex-wrap span {
        font-size: 24px;
        line-height: 39.111px;
        /* 162.963% */
        letter-spacing: -0.267px;
    }
}

@media (min-width: 768px) {
    .index-page .second-section {
        background-attachment: fixed;
    }

    .hero .twid_1hg8fj5 h1 {
        text-align: center;
        font-size: 56px;
        font-style: normal;
        font-weight: 800;
        line-height: 64px;
        letter-spacing: -1px;
        text-transform: uppercase;
    }

    .index-page .hero .twid_1hg8fj5 h1 {
        text-transform: none;
    }

    .hero .subtitle>div {
        font-size: 28px;
        line-height: 36px;
    }

    .about_us .twid_8wlzgz .title.twid_text {
        color: #FAFAFA;
        text-align: center;
        font-size: 40px;
        font-style: normal;
        font-weight: 800;
        line-height: 48px;
        width: 100%;
        align-self: stretch;
    }

    .about_us .content {
        color: var(--White-20, rgba(247, 248, 252, 0.72));
        font-size: 20px;
        font-style: normal;
        font-weight: 500;
        line-height: 28px;
    }

    .about_us .title,
    .jobs .twid_8wlzgz h3.twid-text.title {
        color: var(--color-grey-97, #F7F8F8);
        text-align: center;
        font-size: 40px;
        font-style: normal;
        font-weight: 800;
        line-height: 48px;
    }

    .tw_offers .mobileonly .framer-1757d37,
    .tw_offers .mobileonly .framer-i0hvyt {
        width: 75%;
        margin: 0px auto;
        text-align: left;
    }

    .tw_offers .mobileonly .framer-1757d37 p {
        font-size: 48px;
        font-style: normal;
        font-weight: 800;
        line-height: 56px;
    }

    .tw_offers .mobileonly .framer-i0hvyt p {
        color: rgba(247, 248, 252, 0.72);
        font-size: 24px;
        font-style: normal;
        font-weight: 500;
        line-height: 32px;
        align-self: stretch;
    }

    .offers .twid_21vyze .twid_ybiwfz p {
        color: #FAFAFA;
        font-size: 20px;
        font-style: normal;
        font-weight: 700;
        line-height: 32px;
        align-self: stretch;
    }

    .issuers-logo .twid_bottom_navigation .divitem span {
        color: rgba(247, 248, 252, 0.72);
        text-align: center;
        font-size: 24px;
        font-style: normal;
        font-weight: 500;
        line-height: 32px;
    }

    .footer .footer-about p,
    .footer .footer-links ul li {
        font-weight: 400;
        font-size: 16px;
        line-height: 24px;
        width: 100%;
        word-wrap: break-word;
        overflow-wrap: break-word;
        /* height: 72px; */
        letter-spacing: 1px;
        color: var(--Grey-6, #CCC);
    }

    .hero .tag-list li div,
    .hero .tag-list li img {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        gap: 11.25px;
        width: 144px;
        height: 72px;
    }

    .whychoosetwid .twid_72jau4 .title {
        color: #F7F8F8;
        font-size: 32px;
        font-style: normal;
        font-weight: 700;
        line-height: 40px;
    }

    .whychoosetwid .twid_4x924q .twid_11y8fyb p.twid_text {
        color: var(--White-0, #FAFAFA);
        font-size: 30px;
        font-style: normal;
        font-weight: 700;
        line-height: 40px;
        letter-spacing: 0.6px;
    }

    .whychoosetwid .twid_4x924q .twid_1nvw8tm p.twid_text {
        color: var(--White-20, rgba(250, 250, 250, 0.72));
        font-size: 18px;
        font-style: normal;
        font-weight: 400;
        line-height: 24px;
    }

    .jobs .twid_8wlzgz h3.twid-text.title {
        color: var(--color-grey-97, #F7F8F8);
        text-align: center;
        font-size: 40px;
        font-style: normal;
        font-weight: 800;
        line-height: 48px;
    }
}

@media (max-width: 767px) {
    .hero {
        height: 100vh;
    }

    .index-page .hero {
        height: 90vh;
        padding: 0px !important;
    }

    .issuer-page .twid_eojd24,
    .merchant-page .twid_eojd24 {
        gap: 80px;
        max-height: 70vh;
    }

    p.twid_text.subtitle.text-left {
        font-size: 16px;
        font-style: normal;
        font-weight: 500;
        line-height: 26px;
    }

    .index-page .second-section {
        background-attachment: fixed;
        background-size: cover;
    }

    .hero .twid_1hg8fj5 h1 {
        font-weight: 800;
        font-size: 32px;
        line-height: 40px;
        letter-spacing: 0px;
        width: 100%;
        text-align: center;
    }

    .hero .twid_iua3l5 h2 {
        font-size: 18px;
        font-weight: 600;
        font-style: normal;
        line-height: 26px;
    }

    .hero .subtitle>div {
        font-weight: 600;
        font-size: 18px;
        line-height: 26px;
        letter-spacing: 0px;
        text-align: center;
    }

    .index-page .hero.section .container .hero-text {
        font-size: 32px;
        text-align: center;
        width: 100%;
    }

    .index-page .sub-title.d-flex.flex-wrap {
        width: 80%;
        margin: auto;
        text-align: center;
    }

    .index-page .sub-title.d-flex.flex-wrap span {
        font-size: 14px;
        font-style: normal;
        font-weight: 400;
        line-height: 22px;
        /* 157.143% */
        letter-spacing: -0.15px;
    }

    .about_us .twid_8wlzgz .title.twid_text,
    .twid_5a7d3h p.twid_text,
    .twid_1m4vp71 .twid_7d79j4 p.twid_text,
    .twid_1hvykss .twid_1dgv8gd p.twid_text,
    .twid_k9w2en p.twid_text.title {
        color: #FAFAFA;
        text-align: center;
        font-size: 28px;
        font-style: normal;
        font-weight: 700;
        line-height: 36px;
        width: 100%;
        align-self: stretch;
        letter-spacing: 0px;
    }

    .tw_offers .mobileonly .framer-1757d37 p {
        font-size: 32px;
        line-height: 40px;
        font-style: normal;
        font-weight: 800;
    }

    .tw_offers .mobileonly .framer-i0hvyt p {
        color: var(--White-20, rgba(247, 248, 252, 0.72));
        font-size: 18px;
        font-style: normal;
        font-weight: 500;
        line-height: 26px;
        align-self: stretch;
    }

    .offers .twid_21vyze .twid_ybiwfz p {
        color: #FAFAFA;
        font-size: 18px;
        font-style: normal;
        font-weight: 700;
        line-height: 26px;
        align-self: stretch;
    }

    .offers .twid_1vr36h3 {
        left: -10px;
        right: -10px;
        height: 40px;
    }

    .section#tw_offers {
        padding: 0px;
    }

    .tw_offers .mobileonly .framer-1wlb4ki:first-child {
        justify-content: start;
        transition: justify-content 0.5s ease-in-out;
    }

    .tw_offers .mobileonly .framer-1wlb4ki {
        justify-content: center;
        transition: transform 0.5s ease-in-out, opacity 0.5s ease-in-out;
    }

    /* .framer-1aematx, .framer-n785gf, .framer-13598hk, .framer-1dp1o3m{height:800px;} */
    .twid_offer_section_hide_m:last-child {
        height: 600px;
    }

    .jobs .twid_8wlzgz h3.twid-text.title,
    .about_us .title {
        color: #FAFAFA;
        text-align: center;
        font-size: 28px;
        font-style: normal;
        font-weight: 700;
        line-height: 36px;
    }

    .issuers-logo .twid_bottom_navigation .divitem span {
        color: rgba(247, 248, 252, 0.72);
        text-align: center;
        font-size: 18px;
        font-style: normal;
        font-weight: 500;
        line-height: 32px;
    }

    .twid_1x3j1pe p.twid_text.subtitle,
    .twid_1nw5wik p.twid_text.subtitle,
    .twid_1y5pjva p.twid_text.subtitle {
        font-size: 16px;
        font-weight: 500;
        line-height: 24px;
        align-self: stretch;
        text-align: center;
    }

    .twid_329ny7 .twid_f2redf p.twid_text {
        font-weight: 800;
        font-size: 32px;
        line-height: 40px;
    }

    .twid_329ny7 .twid_f2redf span.subtitle {
        font-size: 16px;
        font-style: normal;
        font-weight: 500;
        line-height: 28px;
    }

    /*merchant & issuer*/
    .hero .tag-list li img {
        width: 144px;
        height: 72px;
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        gap: 11.25px;
    }

    .hero .tag-list li div {
        width: 96px;
        height: auto;
        overflow: hidden;
        align-items: center;
        justify-content: center;
    }

    .hero .tag-list li div img {
        max-height: 64px;
        height: auto;
        width: 100%;
        object-fit: cover;
    }

    .hero.section .twid_offers .twid-1t9rx7d {
        height: auto;
    }

    .whychoosetwid .twid_72jau4 .title {
        color: #F7F8F8;
        font-size: 24px;
        font-style: normal;
        font-weight: 800;
        line-height: 32px;
    }

    .whychoosetwid .twid_4x924q .twid_11y8fyb p.twid_text {
        color: var(--White-0, #FAFAFA);
        font-size: 24px;
        font-style: normal;
        font-weight: 700;
        line-height: 40px;
        letter-spacing: 0.6px;
    }

    .whychoosetwid .twid_4x924q .twid_1nvw8tm p.twid_text {
        color: var(--White-20, rgba(250, 250, 250, 0.72));
        font-size: 16px;
        font-style: normal;
        font-weight: 500;
        line-height: 24px;
    }

    .whychoosetwid .twid_qe47m9 {
        width: 380px;
        display: flex;
        width: 380px;
        padding-bottom: var(--Spacing-5, 24px);
        flex-direction: column;
        align-items: center;
        gap: var(--Spacing-4, 16px);
        flex-shrink: 0;
        align-self: stretch;
    }

    .whychoosetwid .twid_qe47m9 .twid_uuojjz {
        height: 240px;
        align-self: stretch;
    }

    .whychoosetwid .twid_4x924q {
        flex-direction: column;
        align-items: flex-start;
        align-self: stretch;
    }

    .whychoosetwid .twid_x6ph4e .twid_go2z3l-img {
        width: 100%;
    }

    .jobs .jobs-container .jobs-item h3 {
        color: var(--White-0, #FAFAFA);
        font-size: 20px;
        font-style: normal;
        font-weight: 700;
        line-height: 28px;
    }

    .jobs .jobs-container .jobs-active .jobs-content h5 {
        color: #FAFAFA;
        font-size: 14px;
        font-style: normal;
        font-weight: 600;
        line-height: 32px;
    }

    .jobs .jobs-container .jobs-active .jobs-content ul li {
        color: var(--twid-subtext-color);
        font-size: 12px;
        font-style: normal;
        font-weight: 400;
        line-height: 18px;
    }

    .whychoosetwid .twid_1wtjhhf,
    .successstories .twid_8wlzgz {
        padding: 0px;
    }

    .insightsnews .twid_72jau4 p.twid_text {
        text-align: center !important;
    }

    .insightsnews .twid_1yhg9z2 h6 {
        font-size: 20px;
        font-style: normal;
        font-weight: 700;
        line-height: 29px;
    }

    .successstories .w_100_h_100px {
        width: 72px;
        height: 72px;
    }

    .successstories .packages-img {
        height: 72px;
    }

    .successstories .packages-content .quote_title .twid_text.subtitle {
        color: var(--White-0, #F7F8FC);
        font-size: 16px;
        font-style: normal;
        font-weight: 400;
        line-height: 24px;
    }

    .successstories .packages-content .twid_1222byn .twid_text {
        color: var(--White-10, #F7F8FC);
        font-size: 16px;
        font-style: normal;
        font-weight: 400;
        line-height: 24px;
        max-width: 352px;
        max-height: 224px;
        align-self: stretch;
    }

    .successstories .twid_i3fpjg,
    .successstories .twid_k9w2en,
    .successstories .twid_8wlzgz .packages-carousel,
    .successstories .twid_8wlzgz .slidernavigation {
        padding: 0 20px;
    }

    .mentor ul.tag-list li {
        padding: 0.1rem;
        background: transparent;
        display: flex;
        width: 116px;
        height: 48px;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        gap: 10px;
        flex-shrink: 0;
    }

    .mentor .sub-child.w-70 h2 {
        color: var(--White-0, #F7F8FC);
        font-size: 24px;
        font-style: normal;
        font-weight: 700;
        line-height: 40px;
        /* 166.667% */
    }

    .mentor .sub-child.w-20 img {
        width: 32px;
        height: 32px;
    }

    .insightsnews .website-logo {
        width: 100%;
    }

    .app-launch-mini .twid_11ua0k0 img,
    .app-launch-mini .twid_1dhjizf img {
        width: 32px;
        height: 32px;
    }

    .app-launch-mini .twid_11ua0k0,
    .app-launch-mini .twid_1dhjizf,
    .footer .social-links a div {
        width: 32px;
        height: 32px;
        margin-bottom: 0px !important;
    }

}

@media (max-width: 430px) {
    .index-page .hero {
        height: 80vh;
    }

    .hero .imagecontainer img {
        width: 50px;
    }
}