/* mobile */
@media (max-width:1024px) {
    .header img {
        width: 60px;
    }

    .header button a {
        font-size: 10px;
        line-height: 30px;
    }

    .banner {

        padding: 50px 0px;
    }

    .banner .sub-heading {
        font-size: 16px;
    }

    .banner .heading {
        font-size: 26px;
    }

    .banner .text-paragraph {
        font-size: 14px;
        line-height: 22px;
    }

    .banner .features-icon {
        width: 26px;
        height: 26px;
    }

    .banner .features-number {
        font-size: 16px;
    }

    .banner .features-description {
        font-size: 11px;
        margin-top: 5px;
    }

    .form-container {
        width: 100%;
        padding: 25px 15px;
    }

    .form-container input,
    .form-container input::placeholder {
        font-size: 12px;
    }

    .form-container button {
        font-size: 14px;
    }

    .second-section {
        padding: 50px 0px;
    }

    .second-section h2 {
        font-size: 25px;
    }

    .quote-wrapper img.quote-avatar {
        width: 75px;
        height: 75px;
    }

    .quote-wrapper p.quote-text {
        font-size: 14px;
        line-height: 22px;
        margin: 4px 0px 0px;
    }

    p.quote-position {
        font-size: 9px;
        line-height: 14px;
    }

    .partners-logo img {
        max-width: 50px;
    }

    .guest-journey-title-container h2 {
        font-size: 25px;
    }

    .guest-journey-title-container p {
        font-size: 14px;
    }

    .guest-journey-title-container {
        width: 100%;
    }

    .guest-journey {
        border-radius: 140px 0 140px 0;
        -webkit-border-radius: 140px 0 140px 0;

        -moz-border-radius: 140px 0 140px 0;
        -ms-border-radius: 140px 0 140px 0;
        -o-border-radius: 140px 0 140px 0;
        padding: 50px 25px;

    }

    .guest-journey-button-toggle button {
              font-size: 11px;
        padding: 11px 15px;
        width: 154px;
        margin: 0 5px;
    }
    .partners-logo{
        justify-content: center !important;
    }

    img.team-stream {
        width: 100px;

    }

    .team-stream-section h3 {
        font-size: 17px;
        padding-left: 20px;
    }

    .operation .right-column {
        padding-left: 15px !important;
    }

    .operation h3 {
        font-size: 24px;
        margin-top: 40px;
    }

    .operation .list-content h4 {

        font-size: 18px;
    }

    .operation .list-content p {
        font-size: 16px;
        margin-bottom: 20px;
    }

    .operation .list-icon {
        width: 16px;
        padding-top: 0px;
    }

    .reverse-column {
        flex-direction: column-reverse;
    }

    .qr-section h2,
    .integrated-section h2,
    .Action-section h2 {
        font-size: 26px;
        text-align: center;

    }

    .qr-section p,
    .optima-section p,
    .get-brochure p {
        font-size: 16px;
        text-align: center;
    }

    .qr-section button,
    .Action-section button {
        font-size: 16px;
        border: none;
        padding: 16px 28px;
        display: block;
        margin: auto;
    }

    .qr-section img {
        width: 70%;
        display: block;
        margin: 30px auto;
    }

    .qr-section {
        padding: 50px 0px;
    }

    .integrated-section p {
        margin: 15px auto 30px;
        font-size: 16px;
        width: 94%;
    }

    .integrated-section img {
        width: 80px;
    }

    .Action-section p {
        font-size: 16px;

        width: 92%;
    }

    .integrated-section h2,
    .Action-section h2 {
        font-size: 22px;
    }

    .testimonials-section h2 {
        font-size: 28px;
    }

    .integrated-section .d-flex {
        flex-wrap: wrap;
    }

    .mySwiper .quote-wrapper img.quote-avatar {
        width: 80px !important;
        height: 80px !important;
    }

    .quote-wrapper {
        flex-direction: column;
    }

    .swiper-slide {
        padding: 0px 0px;
        box-sizing: border-box;
    }

    .optima-section h2 {
        font-size: 26px;
        margin-bottom: 50px;
        text-align: center;
    }

    .optima-section img {
        width: 80%;
    }

    .optima-section h3 {
        font-size: 22px;
        margin-top: 20px;
        text-align: center;
    }

    .optima-section button {
        font-size: 16px;
        border: none;
        padding: 16px 28px;
        display: block;
        margin: 30px auto 0px;
    }

    .smarter-way-section h2,
    .get-brochure h2 {
        font-size: 32px;
        text-align: center;
    }

    .smarter-way-section .list-content h4 {
        font-size: 18px;

    }

    .smarter-way-section .list-content p {
        font-size: 16px;
    }

    .smarter-way-section .list-icon {
        width: 16px;
        padding-top: 2px;
    }

    .faq-item h4 {
        width: 300px;
        font-size: 16px;
        max-width: 300px;

    }

    .faq-answer {
        width: 300px;
        max-width: 300px;
        font-size: 14px;
    }

    .faq-section {
        padding: 50px 0px;
    }

    .faq-section h3 {
        font-size: 24px;
    }

    .tabs {
        display: flex;
        gap: 8px;
    }

    .tab {
        padding: 5px 0px;
        font-size: 13px;
    }

    .smarter-way-section .right-column,
    .get-brochure .right-column {
        padding-left: 15px;
    }
    .get-brochure form{
         margin-top: 20px;
    }
    .get-brochure form input {
        padding: 5px 14px;
        font-size: 14px;
        margin-bottom: 15px;
    }

    .get-brochure form input::placeholder {
        font-size: 14px;
    }

    .get-brochure button {
        font-size: 14px;
    }

    .form-footer h4 {
        font-size: 20px;
    }

    .form-footer .form-container {
        width: 100%;
    }

    .footer-contact-info,
    .footer-info {
        gap: 20px;
        flex-wrap: wrap;
        flex-direction: column;
    }

    .footer-item img.footer-item-icon {
        width: 14px;
    }

    .footer-item a,
    .footer-item p {
        font-size: 11px;
    }

    .Platform-section h3 {
        font-size: 25px;
        text-align: center;
    }

    .stay .right-column h3 {
        padding-right: 0px !important;
    }

    .stay .right-column {
        padding-left: 15px !important;
    }

    .stay h3 {
        font-size: 24px;
        margin-top: 40px;
    }

    .stay .list-icon {
        width: 16px;
        padding-top: 0px;
    }

    .stay .list-content h4 {
        font-size: 18px;
    }

    .stay .list-content p {
        font-size: 16px;
        margin-bottom: 20px;
    }

    .toast-div {
        width: 225px;
        font-size: 11px;
    }

    .iti--fullscreen-popup.iti--container {
        width: 100%;
    }
}

/* tablet */
@media (min-width: 768px) and (max-width: 1024px) {

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

    .qr-section img {
        width: 50%;
    }

    .footer-contact-info,
    .footer-info {
        flex-direction: row;
    }

}


@media (min-width: 1024px) and (max-width: 1249px) {
    .banner .heading {
            font-size: 34px;
    line-height: 53px;
    }
    .partners-logo img {
        width: 60px;
    }
    .second-section h2{
        font-size: 26px;
    }
    .quote-wrapper p.quote-text {
        font-size: 12px;
    }
    .integrated-section img {
        width: 80px;
    }
    .smarter-way-section h2, .get-brochure h2{
            font-size: 42px;
                line-height: 70px;
    }
    .get-brochure button{
            font-size: 18px;
    }
    .testimonials-section h2 {
          font-size: 42px;
    }
    .form-footer h3 {
    width: 100%;
    font-size: 38px;
}
.operation h3,.stay h3{
        font-size: 32px;
}

}
@media (min-width: 1250px) and (max-width: 1350px) {
    .partners-logo img {
        width: 80px;
    }
}