@media screen and (max-width: 468px) {
    .benefit-items .benefit {
        font-size: 14px;
    }
    .page-banner {
        margin-top: 50px;
    }
    .faq-answer {
        padding-right: 20px !important;
    }
    .nav-menu-shadow-overlay-4 {
        width: 100% !important;
    }
}
@media screen and (max-width: 320px) {
    .fs-50,
    .faq-center-title h1 {
        font-size: 28px;
    }
    .block-one-image-one,
    .saas-solution-image-element-one,
    .saas-solution-image-element-two {
        display: none;
    }
    .saas-solution-image-block-one {
        margin-bottom: 0 !important;
    }
    .saas-solution-image.block-one-image-two {
        height: 100% !important;
    }
}
@media screen and (max-width: 780px) {
    .benefits-item {
        max-width: 100% !important;
    }
    .footer-form li a {
        font-size: 14px !important;
    }
    .newsletter-image-block img {
        transform: none !important;
    }
    .faq-dropdown-list {
        height: auto;
    }
    .contact-detail-card {
        flex-direction: column;
    }

    .saas-solution-heading,
    .saas-solution-paragraph,
    .section-heading-block h2,
    .section-short-details-block p {
        text-align: center;
    }
    .promises-price-sec {
        margin-top: 40px;
    }
    .primary-dark-button,
    .secondary-btn-style {
        background: #fff !important;
    }
    .btn-title-text-white {
        color: #000 !important;
    }
    .benefits-grid {
        grid-column-gap: 40px;
        grid-row-gap: 40px;
    }

    .benefits-section {
        padding-top: 0;
        padding-bottom: 40px;
    }
    .section-gap-bottom {
        padding-bottom: 40px;
    }
    .saas-solution-image-wrapper {
        padding: 30px;
    }
    .saas-solution-content-wrapper {
        padding: 30px;
    }
    .saas-solution-paragraph {
        margin-bottom: 0px;
    }
    .section-our-services {
        display: none;
    }
    .clip-wrapper {
        margin-top: 65px;
    }
    .benefits-progress-bar-wrapper {
        margin-top: 40px;
    }
    .business-slide-icon {
        width: 3.5rem;
        min-width: 3.5rem;
        height: 3.5rem;
        min-height: 3.5rem;
    }
    .unique-feauture-icon-wrapper {
        margin-top: 10px;
    }
    .section-gap {
        padding-top: 40px;
        padding-bottom: 40px;
    }
    .nav-dropdown-item:not(:first-child) {
        margin-top: 15px;
    }
    .unique-features-heading-block {
        grid-column-gap: 30px;
        grid-row-gap: 30px;
    }
    .newsletter-grid,
    .unique-features-heading-block,
    .unique-feature-grid,
    .benefits-grid {
        grid-template-columns: repeat(1, 100%);
    }
    .footer-logo {
        margin-bottom: 30px;
        align-self: center;
    }
    .promises-list {
        padding-left: 15px;
    }
    .promises-list ul {
        padding: 0 !important;
        margin: 0 !important;
    }
    .promises-list li {
        text-align: start;
        font-size: 12px;
    }
    .service-about {
        padding-top: 50px;
        padding-bottom: 50px;
        margin-top: 50px;
    }
    .home-5-card-grid.bottom {
        margin-top: 0;
    }
    .cards-mask {
        width: 100%;
        display: flex;
        flex-direction: column;
        gap: 50px;
        max-width: 100%;
        overflow: visible;
    }
    .our-features-grid .feature-item-wrapper {
        height: 100%;
    }
    .our-features-grid,
    .saas-solution-grid,
    .featured-blog-grid {
        grid-template-columns: repeat(1, 100%);
    }
    .saas-solution-tab-menu {
        flex-direction: column;
        border-radius: 20px;
        border: none;
        background-color: none;
    }
    .saas-solution-tab-menu a:first-child {
        margin-top: 0;
    }
    .saas-solution-tab-menu a {
        border: 1px solid var(--color--secondary-color);
        background-color: var(--color--bg-color-02);
        width: 150px;
        margin-top: 25px;
        text-align: center;
    }
    .d-none-mobile {
        display: none;
    }
}

@media screen and (max-width: 991px) {
    .contact-detail-card div {
        height: auto;
        width: 100%;
    }
    .mobile-nav {
        display: flex;
        flex-direction: column;
    }
    .flex-center-991 {
        display: flex;
        justify-content: center;
        align-items: center;
    }
}
@media screen and (min-width: 781px) {
    .precision-img,
    .dynamic-img {
        height: 300px;
    }
    .section-short-details-block {
        max-width: 550px;
    }
    .promises-list li {
        font-size: 18px;
    }
    .adaptive-heading {
        padding-left: 20px;
        padding-right: 20px;
    }
    .promises-price-sec {
        margin-top: 80px;
    }
    .footer-logo {
        align-self: baseline;
    }
    .benefits-grid {
        grid-column-gap: 80px;
        grid-row-gap: 80px;
    }
    .benefits-section {
        padding-top: 0px;
        padding-bottom: 80px;
    }
    .section-gap-bottom {
        padding-bottom: var(--section-gap--large);
    }

    .saas-solution-content-wrapper {
        padding: 80px 30px;
    }
    .saas-solution-paragraph {
        margin-bottom: 40px;
    }
    .benefits-progress-bar-wrapper {
        margin-top: 18px;
    }

    .slide-arrow-icon {
        height: 15px;
        width: 15px;
    }
    .business-slide-icon {
        width: 4.5rem;
        min-width: 4.5rem;
        height: 4.5rem;
        min-height: 4.5rem;
    }
    .section-gap {
        padding-top: var(--section-gap--large);
        padding-bottom: var(--section-gap--large);
    }
    .unique-feauture-icon-wrapper {
        margin-top: 20px;
    }
    .section-short-details-block {
        display: flex;
        align-items: flex-end !important;
        width: 100%;
    }
    .unique-feature-content-wrapper {
        display: flex;
        flex-direction: column;
        width: 100%;
        justify-content: flex-end;
        align-items: flex-end;
    }
    .unique-feature-list,
    .section-short-details-block > div {
        width: 90%;
    }
    .unique-features-wrapper {
        width: 90%;
    }
    .saas-solution-tab-menu {
        flex-direction: row;
        border-radius: 100px;
        border: 1px solid var(--color--secondary-color);
        background-color: var(--color--bg-color-02);
    }
    .featured-blog-grid,
    .saas-solution-grid,
    .benefits-grid {
        grid-template-columns: 1fr 1fr;
    }
    .our-features-grid {
        grid-template-columns: 1fr 1fr 1fr;
    }
    .our-features-grid .feature-item-wrapper .feature-item {
        height: 370px !important;
    }
    .newsletter-grid {
        grid-template-columns: 1.1fr 1fr;
    }
    .unique-features-heading-block {
        grid-template-columns: 1fr 1fr;
        grid-column-gap: 57px;
        grid-row-gap: 57px;
    }
    .unique-feature-grid {
        grid-template-columns: 1fr 1fr;
    }
    .cards-mask {
        width: 30%;
        max-width: 500px;
        overflow: visible;
        align-items: center;
        justify-content: center;
    }
}

@media screen and (min-width: 992px) {
    .mobile-nav {
        display: none;
    }
    .service-about {
        padding-top: 100px;
        padding-bottom: 100px;
    }
}
@media screen and (min-width: 468px) and (max-width: 779px) {
}
@media screen and (min-width: 819px) and (max-width: 990px) {
    .benefits-item {
        max-height: max-content !important;
    }
}
@media screen and (min-width: 766px) and (max-width: 1280px) {
    .hero-footer {
        padding-top: 70px;
    }
}