@media all and (max-width: 991px) {
    
    .grid-cols-3 {
        grid-template-columns: repeat(1, minmax(100px, 950px));
    }
    .grid-cols-4 {
        grid-template-columns: repeat(1, minmax(100px, 950px));
    }
    .w-section {
        gap: 0rem;
        flex-direction: column;
    }
    .w-section .content {
        padding: 1.5rem;
    }
    .border-field .f-item:not(:last-child) {
        border-bottom: 1px solid var(--border-color);
        border-right: none !important;
    }
    .home-section .text-wrapper h2 {
        font-size: 40px;
    }
    .home-section .hs-img img {
        height: auto;
    }
    .home-section .hs-img {
        margin-top: 3rem;
        margin-bottom: -34px;
    }
    .s-title {
        font-size: 36px;
    }
    .w-section .img {
        min-height: 200px;
    }
    .w-section .img img {
        height: 150px;
    }
    .table-responsive table.table {
        width: 100%;
    }
    .table-responsive table.table :is(th, td) {
        width: 100%;
        min-width: max-content;
    }
    .bg-wrapper .content-wrapper .content {
        width: 100%;
    }
    .bg-wrapper .content-wrapper {
        padding: 2rem;
    }
    .p-4r {
        padding: 2rem;
    }
    .navbar .navbar-collapse {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        background: var(--dark);
        padding-top: 95px;
        z-index: -1;
        border-bottom-left-radius: 12px;
        border-bottom-right-radius: 12px;
    }
    .navbar .navbar-collapse ul.navbar-nav {
        border-top: 1px solid var(--border-color);
        padding: 2rem;
        gap: 1rem;
    }
    .navbar-nav .dropdown-menu {
        background: #ffffff08;
    }
    button.navbar-toggler.btn.btn-dark {
        border-radius: 9px;
        border-color: var(--border-color);
    }
    section {
        padding-top: 40px;
        padding-bottom: 40px;
    }
    .home-section .h-layout {
        flex-direction: column;
    }
    .home-section .h-layout .img img {
        height: 180px;
        width: 100%;
        object-fit: contain;
    }
    section.is-relative.home-section.pb-8r {
        padding-bottom: 3rem;
    }
    .pricing-card.h-layout {
        flex-direction: column;
    }
    .pricing-card.h-layout .body {
        padding-top: 0 !important;
    }
    .pricing-card.h-layout .body ul.checklist {
        gap: .75rem;
        grid-template-columns: repeat(1, minmax(100px, 950px));
    }
    .pricing-card .btn.btn-light.w-fit {
        width: 100% !important;
    }
}