@media (max-width: 1460px) {
  .container-fluid {
    max-width: 1360px;
  }

  .site-header .container-fluid {
    max-width: 100%;
  }
}

@media (max-width: 1399px) {
  .container-fluid {
    max-width: 1160px;
  }

  h1,
  .h1,
  h2,
  .h2 {
    font-size: 56px;

    line-height: 1.23;
  }

  h4,
  .h4 {
    font-size: 22px;
  }

  .mb-110 {
    margin-bottom: 100px;
  }

  .mt-110 {
    margin-top: 100px;
  }

  .pt-110 {
    padding-top: 100px;
  }

  .pb-110 {
    padding-bottom: 100px;
  }

  .pb-110-imp {
    padding-bottom: 100px !important;
  }

  .nav-wrapper > .menu,
  .nav-wrapper .menu-primary-menu-container > .menu,
  .nav-wrapper .menu-nl-primary-menu-container > .menu {
    gap: 16px;
  }
  html:lang(nl-NL) .nav-wrapper > .menu,
  html:lang(nl-NL) .nav-wrapper .menu-primary-menu-container > .menu,
  html:lang(nl-NL) .nav-wrapper .menu-nl-primary-menu-container > .menu {
    gap: 12px;
  }

  .nav-wrapper .menu li a {
    font-size: 15px;
  }

  .nav-wrapper .menu li:has(.submenu-icon) > a {
    padding-right: 20px;
  }

  .nav-wrapper .menu li:has(.sub-menu) a .submenu-icon {

    width: 18px;

    height: 18px;
  }

  .nav-wrapper .menu li a .submenu-icon {
    width: 18px;

    height: 18px;

    right: -22px;
  }

  .nav-wrapper .menu > li:has(.sub-menu):hover > .submenu-icon,
  .nav-wrapper .menu > li:has(.sub-menu):hover > a .submenu-icon {
    transform: translateY(-50%);

    margin-top: -2px;
  }

  .header-wrapper .site-logo img {
    max-width: 170px;
  }

  .header-wrapper .header-content-wrapper {
    gap: 18px;
  }

  .nav-wrapper .menu > li::after {
    height: 50px;
  }

  .nav-wrapper .menu li ul.sub-menu {
    top: 65px;
  }

  .how-we-do-card-lists.grid-5 .how-we-work-card {
    padding: 20px 15px;

    width: 100%;
  }

  .client-success-story::before,
  .client-success-story::after {
    width: 120px;

    height: 190px;

    opacity: 0.8;
  }

  .success-story-card {
    padding: 0 40px;
  }

  .what-we-provide-wrapper,
  .how-it-work-wrapper {
    gap: 60px;
  }

  .what-we-provide-accordions .accordion-item .accordion-title .icon-polygon {
    width: 18px;

    height: 10px;
  }

  .what-we-provide-accordions .accordion-item .title i {
    width: 26px;

    height: 26px;
  }

  .language-dropdown {
    min-width: 65px;
  }

  .language-dropdown .selected-language,
  .language-dropdown .language-options li {
    font-size: 15px;
  }

  .language-dropdown .selected-language {
    padding: 0 18px 0 0;
  }
    .page-404 .error-content-wrapper .main-title {
        font-size: 200px;
        line-height: 0.9;
    }
    .page-404 .error-content-wrapper .btn-wrapper .common-btn {
        padding: 15px 30px;
    }
    .page-404::before, .page-404::after {
        width: 120px;
        height: 190px;
        opacity: 0.8;
    }
}

@media (max-width: 1199px) {
  h1,
  .h1,
  h2,
  .h2 {
    font-size: 50px;
  }

  h3,
  .h3 {
    font-size: 30px;
  }

  h4,
  .h4 {
    font-size: 20px;
  }

  .fs-48 {
    font-size: 34px;
  }

  .fs-32 {
    font-size: 24px;
  }

  .fs-28 {
    font-size: 22px;
  }

  .fs-18 {
    font-size: 16px;
  }

  .mb-110 {
    margin-bottom: 80px;
  }

  .mt-110 {
    margin-top: 80px;
  }

  .pt-110 {
    padding-top: 80px;
  }

  .pb-110 {
    padding-bottom: 80px;
  }

  .pb-110-imp {
    padding-bottom: 80px !important;
  }

  .mb-64 {
    margin-bottom: 50px;
  }

  .mt-64 {
    margin-top: 50px;
  }

  .mb-70 {
    margin-bottom: 50px;
  }

  .mt-70 {
    margin-top: 50px;
  }

  .title-wrapper {
    gap: 16px;
  }

  .common-btn {
    font-size: 16px;

    padding: 12px 26px;

    min-height: 54px;
  }

  .cta-wrapper .common-btn {
    min-height: 54px;
  }

  .mobile-toggle {
    display: flex;
  }

  .nav-wrapper {
    position: fixed;

    top: 74px;

    left: -100%;

    height: calc(100dvh - 74px);

    width: 100%;

    padding-bottom: 20px;

    background: var(--black);

    border-top: 1px solid rgb(255 255 255 / 10%);

    overflow-y: auto;

    transition: 0.3s ease-in-out;

    z-index: 20;
  }

  body.open-menu {
    overflow: hidden;
  }

  .logged-in .nav-wrapper {
    top: 106px;

    height: calc(100dvh - 106px);
  }

  .open-menu .site-header .nav-wrapper {
    left: 0;
  }

  .site-header {
    padding: 20px 0;

    height: 74px;
  }

  .nav-wrapper .menu > li::after {
    display: none;
  }

  .nav-wrapper .menu > li > a::before {
    display: none;
  }

  .nav-wrapper > .menu,
  .nav-wrapper .menu-primary-menu-container > .menu,
  .nav-wrapper .menu-nl-primary-menu-container > .menu {
    flex-direction: column;
    gap: 0;
  }

    html:lang(nl-NL) .nav-wrapper > .menu,
    html:lang(nl-NL) .nav-wrapper .menu-primary-menu-container > .menu,
    html:lang(nl-NL) .nav-wrapper .menu-nl-primary-menu-container > .menu {
        flex-direction: column;
        gap: 0;
    }
  .nav-wrapper .menu li {
    display: block;

    width: 100%;
  }

  .nav-wrapper .menu li a {
    display: block;

    width: 100%;

    padding: 12px 30px 12px 20px !important;

    border-bottom: 1px solid rgb(255 255 255 / 10%);
  }

  .nav-wrapper .menu li ul.sub-menu a {
    color: var(--white);

    padding-left: 40px !important;
  }

  .nav-wrapper .menu li ul.sub-menu ul.sub-menu a {
    padding-left: 60px !important;
  }

  .nav-wrapper .menu > li.current-menu-item a > ul.sub-menu > a,
  .nav-wrapper .menu > li ul.sub-menu li.current-menu-item > a,
  .nav-wrapper .menu > li.active a > ul.sub-menu > a,
  .nav-wrapper .menu > li ul.sub-menu li.active > a {
    color: var(--primary);
  }

  .nav-wrapper .menu > li ul.sub-menu li.current-menu-item > a .submenu-icon,
  .nav-wrapper .menu > li ul.sub-menu li.active > a .submenu-icon {
    background-color: var(--primary);
  }

  .nav-wrapper .menu li ul.sub-menu {
    width: 100%;

    position: relative;

    top: unset;

    box-shadow: none;

    background-color: transparent;

    padding: 0;

    opacity: 1;

    visibility: visible;

    pointer-events: visible;

    transform: translateY(0px);
  }

  .nav-wrapper .menu li ul.sub-menu li:has(.sub-menu) ul.sub-menu {
    left: unset;

    top: unset;
  }

  .nav-wrapper .menu li ul.sub-menu {
    max-height: 0;

    opacity: 0 !important;

    overflow: hidden;

    pointer-events: none;

    transition: max-height 0.5s ease-in-out, opacity 0.4s ease-in-out;
  }

  .nav-wrapper .menu li:has(.submenu-icon) > a {
    margin-right: 0;

    padding-right: 22px;
  }

  .nav-wrapper .menu li a .submenu-icon,
  .nav-wrapper .menu li:has(.sub-menu) a .submenu-icon {
    right: 12px;
  }

  .nav-wrapper .menu li ul.sub-menu.open-submenu,
  .nav-wrapper .menu li ul.sub-menu.open-submenu {
    max-height: 600px;

    opacity: 1 !important;

    pointer-events: auto;
  }

  .nav-wrapper .menu li ul.sub-menu li a .submenu-icon,
  .nav-wrapper .menu li ul.sub-menu li:has(.sub-menu) a .submenu-icon {
    mask-image: url("../images/icon-dropdown-arrow.svg");

    width: 18px;

    height: 18px;

    opacity: 1;

    margin-left: 0 !important;

    right: 14px;

    margin-top: -1px;
  }

  .nav-wrapper .menu > li:hover > a .submenu-icon,
  .nav-wrapper .menu > li ul.sub-menu > li:hover > a .submenu-icon {
    transform: translateY(-50%);

    margin-top: -2px;
  }

  .nav-wrapper .menu > li.open > a > .submenu-icon,
  .nav-wrapper .menu > li.open ul.sub-menu li.open a > .submenu-icon {
    transform: translateY(-50%) rotate(180deg) !important;

    margin-top: 1px !important;
  }

  .nav-wrapper .menu li a[href*="bitinsights"]::after,
  .nav-wrapper .menu li a[href*="bit-insights"]::after {
    right: 18px;
  }

  .nav-wrapper .menu li a[href*="bitinsights"]::before,
  .nav-wrapper .menu li a[href*="bit-insights"]::before {
    right: 21px;
  }

  .footer-wrapper .footer-menu-title {
    font-size: 20px;

    margin-bottom: 20px;
  }

  .footer-wrapper {
    gap: 50px 30px;
  }

  .footer-wrapper .footer-content .site-logo img {
    max-width: 180px;
  }

  .home-banner {
    min-height: calc(100vh - 74px);
  }

  .tech-service-card-lists {
    gap: 35px;
  }

  .tech-service-card .icon-box {
    width: 60px;

    height: 60px;
  }

  .tech-service-card .icon-box .icon {
    width: 20px;

    height: 20px;
  }

  .auther-quote-wrapper .image-box {
    height: 350px;
  }

  .auther-quote-wrapper .auther-content {
    padding: 80px 30px 50px 40px;
  }

  .how-we-work-card {
    height: 100%;

    padding: 35px 20px;
  }

  .how-we-work-wrapper .icon-arrow-box {
    width: 54px;

    height: 54px;
  }

  .how-we-do-card-lists::after {
    bottom: 27px;
  }

  .case-study-wrapper {
    gap: 20px;
  }

  .choose-journey-wrapper .content-lists li {
    font-size: 16px;
  }

  .intel-card .image-box .category-badge {
    left: 15px;

    top: 15px;

    font-size: 16px;
  }

  .intel-card .btn-link {
    font-size: 16px;
  }

  .intel-card .btn-link .icon-wrap {
    width: 40px;

    height: 40px;
  }

  .intel-card .btn-link .icon-wrap .icon {
    width: 20px;

    height: 20px;
  }

  .home-faqs-wrapper .faq-image-card .image-box {
    margin-bottom: 20px;
  }

  .home-faqs-wrapper {
    gap: 50px;
  }

  .accordion-item .accordion-title,
  .accordion-item .accordion-content {
    padding: 24px;
  }

  .accordion-item .accordion-icon {
    width: 18px;

    height: 18px;
  }

  .get-in-touch-wrapper {
    gap: 30px;
  }

  .get-in-touch::after {
    width: 70px;

    height: 110px;
  }

  .input-wrapper label {
    font-size: 16px;

    margin-bottom: 8px;
  }

  input,
  select,
  textarea {
    padding: 12px 20px;

    height: 56px;
  }

  .input-wrapper:has(select)::after {
    right: 12px;

    top: 48px;
  }

  .wrap-input {
    gap: 16px;
  }

  .get-in-touch-wrapper .contact-us-content .image-box {
    margin-top: 30px;
  }

  .know-more-wrapper .card-inner-content {
    gap: 14px;
  }

  .know-more-wrapper .question-card .icon-close {
    margin-bottom: 14px;
  }

  .blog-insights-wrapper,
  .bit-insights-details-wrapper {
    flex-direction: column;

    gap: 60px 30px;
  }

  .other-blogs-listing-wrapper,
  .bit-insight-blog-content {
    width: 100%;
  }

  .bit-insights-details-wrapper .other-blogs-listing-wrapper {
    position: static;
  }

  .diffrent-blog-types {
    width: 100%;
  }

  .other-blogs-listing {
    grid-template-columns: repeat(2, 1fr);

    gap: 30px 20px;
  }

  .cta.light-pink-cta .cta-wrapper p {
    margin-bottom: 20px;
  }

  .light-pink-cta {
    padding: 30px;
  }

  .blogs-cta {
    padding: 30px;
  }

  .contact-info-lists li .icon {
    width: 20px;

    height: 20px;
  }

  .reasons-to-stay-with-us {
    gap: 50px;
  }

  .reasons-content-lists .reason-card {
    gap: 16px;

    margin-bottom: 20px;

    padding-bottom: 20px;
  }

  .team-makes-work-wrapper {
    gap: 50px;
  }

  .team-works-content .title {
    margin-bottom: 24px;
  }

  .team-member-card .details h3 {
    font-size: 20px;
  }

  .team-member-card .designation {
    font-size: 15px;
  }

  .member-social-lists li a {
    width: 40px;

    height: 40px;
  }

  .member-social-lists li a i {
    width: 16px;

    height: 16px;
  }

  .why-this-works-local-wrapper {
    gap: 35px;
  }

  .our-mission-wrapper .our-mission-image video,
  .our-mission-wrapper .our-mission-image img {
    height: 350px;
  }

  .blog-inner-details :is(ul, ol) li,
  .blog-inner-details p {
    font-size: 16px;
  }

  .blog-inner-details ol.numbers-with-bg > li,
  .blog-inner-details ol.numbers-with-bg ul li {
    font-size: 18px;
  }

  .blog-inner-details .blog-thumbnail-image {
    margin-bottom: 30px;
  }

  .blog-inner-details hr {
    margin-top: 30px;

    padding-top: 30px;
  }

  .blog-inner-details .table-title {
    margin-bottom: 20px;
  }

  .blog-inner-details :is(h1, h2, h3, h4, h5, h6) {
    margin-bottom: 20px;
  }

  .blog-inner-details p + ul,
  .blog-inner-details p + ol,
  .blog-inner-details p + .images-wrapper,
  .blog-inner-details .images-wrapper + .images-wrapper,
  .blog-inner-details p + img,
  .blog-inner-details ul + p,
  .blog-inner-details ol + p,
  .blog-inner-details p + :is(h1, h2, h3) {
    margin-top: 30px;
  }

  .blog-inner-details .key-takeawys-card,
  .blog-inner-details .auther-card {
    padding: 30px;

    margin-block: 35px;
  }

  .blog-inner-details .key-takeawys-card :is(h1, h2, h3, h4),
  .blog-inner-details .auther-card :is(h1, h2, h3, h4) {
    font-size: 25px;
  }

  .blog-inner-details .auther-card .auther-name {
    font-size: 22px;
  }

  .other-blogs-listing-wrapper {
    gap: 30px;
  }

  .blog-inner-details ul.checked-lists li {
    padding-left: 30px;
  }

  .blog-inner-details :is(h1, h2, h3) {
    font-size: 26px;
  }

  .blog-inner-details ul > li::before {
    top: 9px;
  }

  .about-wrapper {
    gap: 40px;
  }

  .about-wrapper .about-content p,
  .about-wrapper .about-content .read-more-btn {
    font-size: 16px;
  }

  .app-development-card {
    padding: 20px;
  }

  .app-development-card .icon-box {
    width: 60px;

    height: 60px;
  }

  .industries-we-cater .team-works-content .small-title {
    margin-bottom: 10px;
  }

  .client-success-story::before,
  .client-success-story::after {
    width: 90px;

    height: 140px;

    opacity: 0.5;
  }

  .ratings-wrapper .icon-star {
    width: 20px;

    height: 20px;
  }

  .reach-us-wrapper {
    bottom: 30px;

    right: 30px;

    gap: 20px;
  }

  .reach-us-wrapper > a {
    width: 50px;

    height: 50px;
  }

  .reach-us-wrapper > a img {
    width: 24px;

    height: 24px;
  }

  .outcomes-wrapper {
    gap: 30px;
  }

  .outcomes-wrapper .outcomes-lists {
    padding: 30px 20px;

    margin-bottom: 30px;
  }

  .outcomes-wrapper .btn-wrapper {
    gap: 16px;
  }

  .outcomes-wrapper .common-btn {
    padding: 12px 18px;
  }

  .bullet-point-lists li {
    font-size: 16px;

    padding-left: 16px;
  }

  .bullet-point-lists li::before {
    top: 8px;
  }

  .brochures-lists {
    gap: 20px;
  }

  .brochure-card {
    padding: 15px;
  }

  .brochure-card .common-btn {
    padding: 12px 14px;
  }

  .swiper-button-next,
  .swiper-button-prev {
    width: 55px;

    height: 55px;
  }

  .news-media-slider .swiper-button-prev {
    margin-right: 70px;
  }

  .news-card {
    gap: 60px;
  }

  .news-media-slider .title-wrapper {
    max-width: calc(100% - 135px);
  }

  .copack-vision-wrapper {
    min-height: 400px;
  }

  .copack-vision .copack-lists li i {
    width: 22px;

    height: 22px;
  }

  .copack-vision .copack-lists li {
    gap: 10px;

    padding: 15px 20px;
  }

  .copack-vision .copack-lists {
    bottom: 40px;

    left: -50px;
  }

  .what-we-provide-wrapper,
  .how-it-work-wrapper {
    gap: 40px;
  }

  .what-we-provide-content .title-wrapper {
    margin-bottom: 30px;
  }

  .what-we-provide-accordions .accordion-item .accordion-title,
  .what-we-provide-accordions .accordion-item .accordion-content {
    padding: 20px 20px;
  }

  .what-we-provide-image-box .verified-box .verified-badge {
    width: 60px;

    height: 60px;

    right: -25px;
  }

  .what-we-provide-image-box .verified-box .verified-badge img {
    width: 35px;

    height: 35px;
  }

  .how-it-work-content .reason-card .number-bg {
    width: 44px;

    height: 44px;

    font-size: 20px;
  }

  .how-it-work-image-box .learn-more-box {
    padding: 12px 25px;
  }

  .food-low-content {
    padding: 50px 50px 50px 0;
  }

  .food-low-content-card {
    margin-top: -250px;
  }

  .food-low-content-card::after {
    bottom: 30px;

    height: 180px;
  }

  .benefits-you-get-wrapper {
    gap: 40px;
  }

  .benefits-you-get-lists li {
    display: flex;

    align-items: flex-start;

    gap: 14px;

    font-size: 16px;

    margin-bottom: 12px;
  }

  .benefits-you-get-lists li i {
    width: 20px;

    height: 20px;

    margin-top: 2px;
  }

  .what-we-provide-accordions .accordion-item .title {
    gap: 10px;
  }

  .what-we-provide-accordions .accordion-item .title i {
    width: 22px;

    height: 22px;
  }

  .language-dropdown {
    min-width: 70px;
  }
    .grid-6{
        grid-template-columns: repeat(3,1fr);
    }
    .page-404{
        min-height: calc(100dvh - 73px);
    }
    .page-404::before, .page-404::after {
        width: 90px;
        height: 140px;
    }
    .page-404 .error-content-wrapper .main-title {
        font-size: 160px;
        line-height: 0.9;
    }
    .page-404 .error-content-wrapper .btn-wrapper .common-btn {
        padding: 12px 24px;
    }
    
}

@media (max-width: 991px) {
  h1,
  .h1,
  h2,
  .h2 {
    font-size: 40px;
  }

  h5,
  .h5 {
    font-size: 18px;
  }

  h4,
  .h4 {
    font-size: 18px;
  }

  .fs-48 {
    font-size: 28px;
  }

  .fs-32 {
    font-size: 22px;
  }

  .fs-28 {
    font-size: 20px;
  }

  .mb-110 {
    margin-bottom: 70px;
  }

  .mt-110 {
    margin-top: 70px;
  }

  .pt-110 {
    padding-top: 70px;
  }

  .pb-110 {
    padding-bottom: 70px;
  }

  .pb-110-imp {
    padding-bottom: 70px !important;
  }

  .mb-64 {
    margin-bottom: 30px;
  }

  .mt-64 {
    margin-top: 30px;
  }

  .mb-70 {
    margin-bottom: 30px;
  }

  .mt-70 {
    margin-top: 30px;
  }

  .pt-40 {
    padding-top: 24px;
  }

  .mt-40 {
    margin-top: 24px;
  }

  .common-btn {
    padding: 12px 20px;

    min-height: 50px;
  }

  .cta-wrapper .common-btn {
    min-height: 50px;
  }

  .footer-wrapper {
    gap: 40px 20px;

    grid-template-columns: repeat(3, 1fr);
  }

  .footer-wrapper .footer-menu-title {
    font-size: 18px;
  }

  .footer-content:has(.newsletter-form-wrapper) {
    grid-column: 2 / span 2;
  }

  .wrap-input {
    gap: 0;

    flex-wrap: wrap;
  }

  .input-wrapper {
    margin-bottom: 18px;
  }

  .input-wrapper label {
    font-size: 15px;

    margin-bottom: 4px;
  }

  input,
  select,
  textarea {
    font-size: 15px;
  }

  .input-wrapper:has(select)::after {
    top: 41px;
  }

  .get-in-touch form .common-btn {
    min-width: 150px;
  }

  .home-faqs-wrapper {
    gap: 20px;
  }

  .accordion-item .accordion-icon {
    margin-top: 2px;
  }

  .accordion-item .accordion-title,
  .accordion-item .accordion-content {
    padding: 20px;
  }

  .lets-work-together-wrapper {
    gap: 20px;
  }

  .lets-work-together-wrapper .work-content .title-wrapper {
    margin-bottom: 20px;
  }

  .intel-card {
    gap: 14px;
  }

  .intel-card .intel-card-content {
    gap: 14px;
  }

  .grid-4 {
    grid-template-columns: repeat(3, 1fr);

    gap: 20px;
  }

  .grid-3 {
    grid-template-columns: repeat(2, 1fr);

    gap: 20px;
  }

  .choose-journey-wrapper {
    gap: 30px;

    flex-direction: column-reverse;
  }

  .choose-journey-wrapper .journey-content,
  .choose-journey-wrapper .journey-images {
    width: 100%;
  }

  .how-we-work-card {
    padding: 20px 15px;
  }

  .how-we-do-card-lists {
    gap: 20px 10px;

    grid-template-columns: repeat(4, 1fr);
  }

  .how-we-work-wrapper .icon-arrow-box {
    width: 42px;

    height: 42px;
  }

  .how-we-work-wrapper {
    gap: 20px;
  }

  .how-we-work-wrapper .icon-arrow-box .icon {
    width: 20px;

    height: 20px;
  }

  .how-we-do-card-lists::after {
    bottom: 20px;
  }

  .project-counter {
    padding-block: 24px;
  }

  .counter-lists .counter-box .counter-number {
    margin-bottom: 16px;
  }

  .counter-lists .counter-box span {
    font-size: 16px;
  }

  .auther-quote-wrapper .auther-content {
    padding: 40px 20px;
  }

  .tech-service-card-lists {
    gap: 30px 20px;
  }

  .blog-card .image-box {
    height: 230px;
  }

  .blog-card {
    padding: 14px;
  }

  .blog-card .blog-card-content {
    padding: 20px 12px 10px;
  }

  .blogs-title-wrapper {
    flex-direction: column;
  }

  .blogs-title-wrapper .title-wrapper {
    width: 100%;
  }

  .how-we-do-card-lists.grid-5 {
    grid-template-columns: repeat(3, 1fr);
  }

  .team-makes-work-wrapper {
    gap: 20px;
  }

  .team-works-content .title {
    margin-bottom: 16px;
  }

  .team-work-lists .team-details {
    padding: 15px 15px;
  }

  .team-member-card {
    gap: 16px;
  }

  .why-this-works-local-wrapper .why-this-work-card {
    padding: 15px 20px;
  }

  .reasons-to-stay-with-us {
    gap: 30px 20px;
  }

  .reasons-content-lists .number-bg {
    width: 40px;

    height: 40px;

    font-size: 18px;
  }

  .reasons-content-lists .reason-card {
    gap: 12px;

    margin-bottom: 14px;

    padding-bottom: 14px;
  }

  .our-mission-wrapper {
    gap: 24px;
  }

  .our-mission-wrapper .mission-content .main-title {
    margin-bottom: 10px;
  }

  .our-mission-wrapper .our-mission-image {
    padding: 30px 30px 0px;
  }

  .trusted-organization.bg-black {
    padding-block: 60px;
  }

  .trusted-organization .title-with-line {
    margin-bottom: 50px;
  }

  .blog-inner-details .cta {
    padding: 30px;
  }

  .bloxx-it-advantages .bloxx-it-advantages-card .title i {
    width: 20px;

    height: 20px;
  }

  .about-wrapper {
    gap: 30px;
  }

  .bloxx-it-advantages-wrapper .bloxx-it-advantages-card {
    padding: 16px;
  }

  .outcomes-wrapper {
    gap: 20px;
  }

  .outcomes-wrapper .outcomes-lists {
    padding: 20px 15px;

    margin-bottom: 20px;
  }

  .news-card {
    gap: 24px;
  }

  .news-card .title {
    margin-bottom: 10px;
  }

  .gallery-image-lists {
    grid-template-columns: repeat(3, 1fr);

    gap: 14px;
  }

  .brochure-card .date {
    font-size: 14px;
  }

  .news-card .date,
  .media-card .date {
    font-size: 14px;
  }

  .gallery-image-lists .image-box:first-child a[data-type="video"]::after {
    width: 80px;

    height: 80px;

    background-size: 70px;
  }

  .gallery-image-lists .image-box a[data-type="video"]::after {
    width: 45px;

    height: 45px;

    background-size: 35px;
  }

  .copack-vision-content {
    width: calc(50% - 40px);
  }

  .copack-vision-image {
    width: calc(50% - 25px);
  }

  .copack-vision .copack-lists {
    left: -40px;
  }

  .copack-vision .copack-lists li {
    padding: 12px 15px;
  }

  .what-we-provide-wrapper,
  .how-it-work-wrapper {
    gap: 20px;

    flex-direction: column;
  }

  .what-we-provide-wrapper .what-we-provide-image-box,
  .what-we-provide-wrapper .what-we-provide-content,
  .how-it-work-wrapper .how-it-work-image-box,
  .how-it-work-wrapper .how-it-work-content {
    width: 100%;
  }

  .what-we-provide-wrapper .what-we-provide-image-box,
  .how-it-work-wrapper .how-it-work-image-box {
    max-height: 500px;
  }

  .food-low-content,
  .food-low-content-card::before,
  .food-low-content-card::after {
    width: 70%;
  }

  .food-low-content {
    padding: 50px 20px 50px 0;
  }

  .smart-secure {
    padding-top: 70px;
  }
     .grid-5{
      grid-template-columns: repeat(3,1fr);
    }
    .page-404 .error-content-wrapper {
        max-width: 385px;
    }
    .page-404 .error-content-wrapper .btn-wrapper {
        margin-top: 30px;
    }
    .page-404 .error-content-wrapper .btn-wrapper .common-btn {
        padding: 10px 24px;
        font-size: 14px;
    }
    .cookies-modal-wrapper .cookies-modal-card {
        padding: 30px;
      }
      .cookies-modal-wrapper .cookie-content {
        padding-block: 20px 20px;
      }
      .cookies-modal-wrapper .close-btn {
          top: 10px;
          right: 10px;
      }
}

@media (max-width: 782px) {
  .logged-in .site-header {
    top: 46px;
  }

  .logged-in .nav-wrapper {
    top: 120px;

    height: calc(100dvh - 120px);
  }

  #wpadminbar {
    position: fixed !important;
  }
}

@media (max-width: 767px) {
  body {
    font-size: 15px;
  }

  h1,
  .h1,
  h2,
  .h2 {
    font-size: 30px;
  }

  p,
  .p {
    font-size: 15px;

    line-height: 1.3;
  }

  h4,
  .h4 {
    font-size: 17px;
  }

  h5,
  .h5 {
    font-size: 16px;
  }

  .fs-48 {
    font-size: 22px;
  }

  .fs-32 {
    font-size: 20px;
  }

  .fs-28 {
    font-size: 18px;
  }

  .mb-110 {
    margin-bottom: 0;
  }

  .mt-110 {
    margin-top: 60px;
  }

  .pt-110 {
    padding-top: 60px;
  }

  .pb-110 {
    padding-bottom: 0;
  }

  .pb-110-imp {
    padding-bottom: 60px !important;
  }

  .mb-64 {
    margin-bottom: 24px;
  }

  .mt-64 {
    margin-top: 24px;
  }

  .mb-70 {
    margin-bottom: 24px;
  }

  .mt-70 {
    margin-top: 24px;
  }

  .pt-40 {
    padding-top: 16px;
  }

  .mt-40 {
    margin-top: 16px;
  }

  .mb-40 {
    margin-bottom: 24px;
  }

  h1,
  h2,
  h3,
  h4,
  h5,
  h6,
  address,
  p,
  pre,
  blockquote,
  dl,
  dd,
  menu,
  ol,
  ul,
  table,
  caption,
  hr {
    margin: 0 0 12px 0;
  }

  .icon {
    width: 20px;

    height: 20px;
  }

  .common-btn {
    padding: 10px 16px;

    min-height: 44px;

    font-size: 15px;

    gap: 8px;
  }
    .grid-1,.grid-2,.grid-3,.grid-4,.grid-5,.grid-6{
      grid-template-columns: repeat(1,1fr);
      gap: 14px;
    }
  .footer-wrapper {
    grid-template-columns: repeat(1, 1fr);

    gap: 20px;

    margin-bottom: 30px;
  }

  .footer-content:has(.newsletter-form-wrapper) {
    grid-column: auto;
  }

  .footer-wrapper .footer-content .site-logo {
    margin-bottom: 15px;
  }

  .footer-wrapper .footer-menu-title {
    margin-bottom: 12px;

    font-size: 16px;
  }

  .footer-wrapper .footer-links-wrapper .footer-menu-title {
    margin-bottom: 0;
  }

  .footer-wrapper .footer-menu-link-lists li a {
    font-size: 14px;
  }

  .copyright-footer-wrapper {
    padding-block: 16px;
  }

  .footer-wrapper .footer-menu-link-lists {
    max-height: 0;

    overflow: hidden;

    transition: 0.4s ease-in-out;
  }

  .footer-wrapper .footer-links-wrapper.active .footer-menu-link-lists {
    max-height: 500px;

    margin-top: 12px;
  }

  .footer-menu-title {
    cursor: pointer;

    display: block;

    position: relative;

    padding-right: 20px;
  }

  .footer-links-wrapper a.footer-menu-title .accordion-toggle {
    position: absolute;

    width: 13px;

    height: 13px;

    right: 0;

    top: 50%;

    transform: translateY(-50%);
  }

  .footer-links-wrapper .footer-menu-title::before,
  .footer-links-wrapper .footer-menu-title::after,
  .footer-links-wrapper .footer-menu-title .accordion-toggle::before,
  .footer-links-wrapper .footer-menu-title .accordion-toggle::after {
    content: "";

    position: absolute;

    background: var(--white);

    top: 50%;

    transform: translateY(-50%);

    transition: 0.3s ease-in-out;
  }

  .footer-links-wrapper .footer-menu-title::after,
  .footer-links-wrapper .footer-menu-title .accordion-toggle::after {
    width: 13px;

    height: 1px;

    right: 0px;
  }

  .footer-links-wrapper .footer-menu-title::before,
  .footer-links-wrapper .footer-menu-title .accordion-toggle::before {
    width: 1px;

    height: 12px;

    right: 6px;
  }

  .footer-links-wrapper.active .footer-menu-title::before,
  .footer-links-wrapper.active .footer-menu-title .accordion-toggle::before {
    opacity: 0;
  }

  .tech-service-card-lists {
    grid-template-columns: repeat(1, 1fr);

    gap: 20px;
  }

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

  .auther-quote-wrapper .image-box,
  .auther-quote-wrapper .auther-content {
    width: 100%;
  }

  .auther-quote-wrapper .image-box {
    height: 260px;
  }

  .counter-lists {
    flex-direction: column;
  }

  .counter-lists .counter-box {
    width: 100%;
  }

  .counter-lists .counter-box::after {
    /* width: 50%;

        height: 1px;

        right: unset;

        top: 100%;

        transform: translateX(-50%);

        left: 50%; */

    display: none;
  }

  .how-we-do-card-lists {
    gap: 14px;

    grid-template-columns: repeat(1, 1fr);
  }

  .how-we-work-wrapper {
    flex-direction: row-reverse;

    gap: 14px;
  }
    .how-we-work-card{
        width:100%;
    }
  .how-we-work-wrapper .icon-arrow-box .icon {
    rotate: 90deg;
  }

  .how-we-do-card-lists::after {
    bottom: unset;

    left: 18px;

    width: 0;

    height: 100%;
  }

  .home-banner {
    min-height: 70vh;
  }

  .home-banner-wrapper {
    gap: 14px;

    max-width: calc(100% - 40px);

    margin-inline: 0 auto;

    padding-block: 15px 30px;
  }

  .know-more-wrapper .question-card {
    width: 310px;
  }

  .know-more-wrapper .card-inner-content .title {
    font-size: 18px;
  }

  .tech-service-card .flex-box {
    margin-bottom: 12px;
  }

  .tech-service-card .icon-box {
    width: 50px;

    height: 50px;
  }

  .tech-service-card .icon-box .icon {
    width: 18px;

    height: 18px;
  }

  .divider-line {
    margin: 0 0 40px;

    padding-top: 40px;
  }

  .auther-quote-wrapper .auther-content {
    padding: 0;
  }

  .btn-wrapper {
    gap: 14px;
  }

  .cta-wrapper .common-btn {
    min-height: 44px;
  }

  .cta .cta-wrapper p {
    margin-bottom: 20px;
  }

  .title-wrapper {
    gap: 12px;
  }

  .title-with-btn {
    flex-direction: column;

    align-items: flex-start;

    gap: 16px;
  }

  .grid-3 {
    grid-template-columns: repeat(1, 1fr);

    gap: 16px;
  }

  .case-study-content {
    padding: 20px 15px;
  }

  .choose-journey-wrapper .journey-images {
    /* flex-direction: column; */

    gap: 10px;
  }

  .choose-journey-wrapper .journey-images .image-box {
    width: 50% !important;
  }

  .choose-journey-wrapper {
    gap: 20px;
  }

  .lets-work-together-wrapper {
    flex-direction: column-reverse;
  }

  .lets-work-together-wrapper .work-content,
  .lets-work-together-wrapper .image-box {
    width: 100%;
  }

  .title-with-line .small-title {
    padding: 0 15px;
  }

  .organization-track .organization-image-box {
    padding: 0px 16px;
  }

  .organization-track .organization-image-box img {
    max-height: 35px;
  }

  .home-faqs-wrapper {
    flex-direction: column;
  }

  .home-faqs-wrapper .faq-image-card,
  .home-faqs-wrapper .accordion-lists {
    width: 100%;
  }

  .accordion-item .accordion-title,
  .accordion-item .accordion-content {
    padding: 16px;
  }

  .accordion-item .accordion-content {
    margin-top: -5px;
  }
  .accordion-item .accordion-title .title {
    font-size: 16px;
  }
  .accordion-item .accordion-content p {
    font-size: 15px;
  }

  .accordion-item .accordion-icon {
    margin-top: 3px;

    width: 15px;

    height: 15px;
  }

  .home-faqs-wrapper .faq-image-card .image-box {
    margin-bottom: 10px;
  }

  .get-in-touch-wrapper {
    gap: 20px;

    flex-direction: column;
  }

  .get-in-touch-wrapper .contact-us-content,
  .get-in-touch-wrapper .contact-form {
    width: 100%;
  }

  .get-in-touch-wrapper .contact-us-content .title {
    margin-bottom: 10px;
  }

  .get-in-touch-wrapper .contact-us-content .image-box {
    margin-top: 20px;
  }

  .get-in-touch::after {
    display: none;
  }

  input,
  select,
  textarea {
    padding: 10px 16px;

    height: 48px;
  }

  .input-wrapper:has(select)::after {
    top: 36px;
  }

  .newsletter-form-wrapper input {
    padding: 13px 12px 13px 16px;
  }

  .choose-journey-wrapper .content-lists li {
    margin-bottom: 15px;

    padding-bottom: 15px;

    font-size: 16px;
  }

  .intel-card .image-box {
    aspect-ratio: 1/1;
  }

  .intel-card .image-box .category-badge {
    left: 10px;

    top: 10px;

    font-size: 14px;

    padding: 8px 12px;
  }

  .intel-card .btn-link {
    font-size: 15px;
  }

  .intel-card .btn-link .icon-wrap {
    width: 34px;

    height: 34px;
  }

  .intel-card .btn-link .icon-wrap .icon {
    width: 18px;

    height: 18px;
  }

  .blog-listing-wrapper {
    grid-template-columns: repeat(1, 1fr);
  }

  .blog-listing-wrapper .blogs-pagination {
    grid-column: unset;

    margin-top: 20px;

    max-width: 100%;

    overflow: hidden;
  }

  ul.page-numbers,
  ul.pagination-wrapper {
    gap: 12px;

    margin-inline: auto;
  }

  .blogs-cta {
    grid-column: auto;
  }

  .blog-listing-wrapper .no-data-found {
    grid-column: auto;
  }

  .other-blogs-listing {
    grid-template-columns: repeat(1, 1fr);

    gap: 20px;
  }

  .light-pink-cta {
    padding: 20px;
  }

  .blogs-title-wrapper {
    gap: 20px;

    margin-bottom: 25px;
  }

  .blog-user-wrapper .user-name {
    font-size: 14px;

    word-break: break-word;
  }

  .blog-card .blog-card-content {
    padding: 15px 5px 10px;

    gap: 16px;
  }

  .blog-user-wrapper .user-img-box {
    width: 40px;

    height: 40px;
  }

  .blog-card .image-box {
    height: 200px;
  }

  .blogs-cta {
    padding: 20px 15px;
  }

  .custom-search-wrapper {
    width: 100%;
  }

  .blogs-title-wrapper form {
    width: 100%;
  }

  .blogs-category-tabs-lists {
    gap: 16px;
  }

  ul.page-numbers li .page-numbers,
  ul.pagination-wrapper li .page-numbers {
    width: 35px;

    height: 35px;

    font-size: 14px;
  }

  ul.page-numbers li .page-numbers.next,
  ul.page-numbers li .page-numbers.prev,
  ul.pagination-wrapper li .page-numbers.next,
  ul.pagination-wrapper li .page-numbers.prev {
    min-width: 80px;
  }

  .blog-insights-wrapper {
    gap: 40px 30px;
  }

  .get-in-touch-wrapper .small-title {
    margin-bottom: 10px;
  }

  .contact-info-lists {
    gap: 16px;

    margin-block: 16px 24px;
  }

  .common-banner {
    min-height: 60vh;
  }

  .common-banner-wrapper {
    gap: 16px;
  }

  .custom-tabs-title-lists {
    gap: 14px;
  }

  .custom-tabs-title-lists li {
    font-size: 15px;

    padding: 8px 18px;
  }

  .how-we-do-card-lists.grid-5 {
    grid-template-columns: repeat(1, 1fr);
  }

  .team-makes-work-wrapper {
    flex-direction: column;
  }

  .team-makes-work-wrapper .image-box,
  .team-makes-work-wrapper .team-works-content {
    width: 100%;
  }

  .team-member-card .image-box {
    aspect-ratio: 1/0.8;
  }

  .why-this-works-local-wrapper,
  .bloxx-it-advantages-wrapper {
    gap: 24px;
  }

  /*.why-this-works-local-wrapper .content-lists,*/
  /*.bloxx-it-advantages-wrapper .content-lists {*/
  /*  grid-template-columns: repeat(1, 1fr);*/
  /*}*/
.why-this-works-local-wrapper .why-this-work-card,
.bloxx-it-advantages-wrapper .bloxx-it-advantages-card {
    width: 100%;
}
  .reasons-to-stay-with-us {
    flex-direction: column;
  }

  .reasons-to-stay-with-us .reasons-content-lists,
  .reasons-to-stay-with-us .image-group {
    width: 100%;
  }

  .reasons-content-lists .number-bg {
    width: 32px;

    height: 32px;

    font-size: 14px;
  }

  .reasons-to-stay-with-us .image-group {
    gap: 16px;
  }

  .our-mission-wrapper {
    flex-direction: column-reverse;

    gap: 16px;
  }

  .our-mission-wrapper:nth-child(even) {
    flex-direction: column;
  }

  .our-mission-wrapper .mission-content,
  .our-mission-wrapper .our-mission-image {
    width: 100%;
  }

  .trusted-organization.bg-black {
    padding-block: 45px;
  }

  .trusted-organization .title-with-line {
    margin-bottom: 30px;
  }

  .other-blogs-listing .other-blog-card {
    gap: 12px;
  }

  .other-blogs-listing .other-blog-card .other-blog-title {
    margin-bottom: 10px;
  }

  .other-blogs-listing .other-blog-card .image-box {
    width: 110px;

    height: 100px;
  }

  .our-mission-wrapper .our-mission-image video,
  .our-mission-wrapper .our-mission-image img {
    height: 250px;
  }

  .blog-inner-details .main-title {
    font-size: 24px;
  }

  .blog-inner-details :is(h1, h2, h3) {
    font-size: 20px;
  }

  .bit-insight-blog-content .breadcrumb-wrapper,
  .bit-insight-blog-content .main-title,
  .bit-insight-blog-content .auther-wrapper {
    margin-bottom: 16px;
  }

  .blog-inner-details .blog-thumbnail-image {
    margin-bottom: 20px;
  }

  .blog-thumbnail-image {
    max-height: 270px;
  }

  .blog-inner-details hr {
    margin-top: 25px;

    padding-top: 25px;
  }

  .blog-inner-details ol.numbers-with-bg > li::before {
    width: 26px;

    height: 26px;

    font-size: 13px;
  }

  .blog-inner-details ol.numbers-with-bg > li,
  .blog-inner-details ol.numbers-with-bg ul li {
    font-size: 16px;

    line-height: 26px;
  }

  .blog-inner-details ol.numbers-with-bg > li {
    padding-left: 40px;
  }

  .blog-inner-details ol.numbers-with-bg ul li::before {
    top: 10px;
  }

  .blog-inner-details p + ul,
  .blog-inner-details p + ol,
  .blog-inner-details p + .images-wrapper,
  .blog-inner-details .images-wrapper + .images-wrapper,
  .blog-inner-details p + img,
  .blog-inner-details ul + p,
  .blog-inner-details ol + p,
  .blog-inner-details p + :is(h1, h2, h3) {
    margin-top: 25px;
  }

  .blog-inner-details :is(h1, h2, h3, h4, h5, h6) {
    margin-bottom: 12px;
  }

  .blog-inner-details .images-wrapper {
    gap: 16px;

    flex-direction: column;
  }

  .blog-inner-details .images-wrapper img {
    width: 100% !important;
  }

  .blog-inner-details .key-takeawys-card,
  .blog-inner-details .auther-card {
    padding: 15px;

    margin-block: 25px;
  }

  .blog-inner-details .key-takeawys-card :is(h1, h2, h3, h4),
  .blog-inner-details .auther-card :is(h1, h2, h3, h4) {
    font-size: 20px;
  }

  .blog-inner-details ul.checked-lists li::before {
    width: 16px;

    height: 16px;
  }

  .blog-inner-details ul.checked-lists li {
    padding-left: 25px;
  }

  .blog-inner-details .auther-card .auther-name {
    font-size: 18px;
  }

  .blog-inner-details .cta {
    padding: 20px 15px;
  }

  .about-wrapper {
    flex-direction: column;

    gap: 20px;
  }

  .tired-of-software .about-wrapper .about-image-box,
  .about-wrapper .about-content,
  .about-wrapper .image-box {
    width: 100%;
  }

  /*.app-development-card-lists {*/
  /*  grid-template-columns: repeat(1, 1fr);*/
  /*}*/
    .app-development-card{
      width: 100%;
    }
  .app-development-card {
    padding: 20px 16px;
  }

  .app-development-card .icon-box {
    width: 50px;

    height: 50px;
  }

  .ratings-wrapper .icon-star {
    width: 16px;

    height: 16px;
  }

  .success-story-card {
    padding: 0 20px;

    gap: 16px;
  }

  .client-success-story {
    margin-top: 30px !important;
  }

  .client-success-story::before,
  .client-success-story::after {
    width: 70px;

    height: 110px;
  }

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

  .outcomes-wrapper .image-box,
  .outcomes-wrapper .outcome-content {
    width: 100%;
  }

  .brochure-card .common-btn {
    padding: 10px 12px;

    min-height: 40px;
  }

  .brochure-card .common-btn i {
    width: 15px;

    height: 15px;
  }

  .news-card {
    flex-direction: column;
  }

  .news-card .image-box,
  .news-card .news-content {
    width: 100%;
  }

  .gallery-image-lists {
    grid-template-columns: repeat(2, 1fr);
  }

  .media-cards-lists {
    display: none !important;
  }

  .news-card {
    gap: 15px;
  }

  .news-cards-lists {
    margin-bottom: 0px;
  }

  .swiper-button-next::after,
  .swiper-button-prev::after {
    width: 20px;

    height: 20px;
  }

  .swiper-button-next,
  .swiper-button-prev {
    width: 40px;

    height: 40px;
  }

  .news-media-slider .swiper-button-prev {
    margin-right: 50px;
  }

  .news-media-slider .title-wrapper {
    max-width: calc(100% - 100px);
  }

  .brochure-card .image-box {
    height: 180px;
  }

  .gallery-image-lists .image-box:first-child a[data-type="video"]::after {
    width: 65px;

    height: 65px;

    background-size: 55px;
  }

  .gallery-image-lists .image-box a[data-type="video"]::after {
    width: 40px;

    height: 40px;

    background-size: 30px;
  }

  .copack-vision-content {
    width: 100%;
  }

  .copack-vision-wrapper {
    min-height: unset;

    display: flex;

    flex-direction: column-reverse;

    gap: 24px;
  }

  .copack-vision-image {
    width: 100%;

    position: relative;

    right: -20px;
  }

  .copack-vision .copack-lists {
    left: -20px;
  }

  .copack-vision .copack-lists li {
    font-size: 14px;
  }

  .copack-vision .copack-lists li i {
    width: 18px;

    height: 18px;
  }

  .what-we-provide-wrapper .what-we-provide-image-box,
  .how-it-work-wrapper .how-it-work-image-box {
    max-height: unset;
  }

  .what-we-provide-image-box .verified-box {
    padding: 15px 30px 15px 15px;

    max-width: 240px;

    right: 20px;
  }

  .what-we-provide-image-box .verified-box .verified-badge {
    width: 40px;

    height: 40px;

    right: -10px;
  }

  .what-we-provide-image-box .verified-box .verified-badge img {
    width: 25px;

    height: 25px;
  }

  .what-we-provide-image-box .verified-box p {
    font-size: 14px;
  }

  .what-we-provide-accordions .accordion-item .accordion-title,
  .what-we-provide-accordions .accordion-item .accordion-content {
    padding: 16px;
  }

  .what-we-provide-accordions .accordion-item .title {
    gap: 8px;
  }

  .how-it-work-image-box .learn-more-box .play-btn {
    width: 30px;

    height: 30px;
  }

  .how-it-work-image-box .learn-more-box .play-btn i {
    width: 10px;

    height: 13px;
  }

  .how-it-work-image-box .learn-more-box {
    padding: 10px 20px;

    gap: 12px;
  }

  .how-it-work-content .reason-card .number-bg {
    width: 32px;

    height: 32px;

    font-size: 14px;
  }

  .cta {
    padding-block: 30px 40px;
  }

  .food-low-content,
  .food-low-content-card::before,
  .food-low-content-card::after {
    width: 100%;
  }

  .food-low-content-card {
    margin-top: 0px;
  }

  .food-low-content {
    padding: 40px 0;
  }

  .benefits-you-get-wrapper {
    gap: 20px;

    flex-direction: column-reverse;
  }

  .benefits-you-get-wrapper .benefits-contents,
  .benefits-you-get-wrapper .image-box {
    width: 100%;
  }

  .benefits-you-get-wrapper .benefits-contents .main-title {
    margin-bottom: 16px;
  }

  .benefits-you-get-lists li {
    gap: 10px;

    font-size: 14px;

    margin-bottom: 10px;
  }

  .benefits-you-get-lists li i {
    width: 18px;

    height: 18px;

    margin-top: 1px;
  }

  .smart-secure {
    padding-top: 40px;
  }

  .what-we-provide-accordions .accordion-item .title i {
    width: 20px;

    height: 20px;
  }

  .what-we-provide-accordions .accordion-item .accordion-title .icon-polygon {
    width: 16px;

    height: 8px;

    margin-top: 7px;
  }

  .header-wrapper {
    gap: 16px;
  }

  .header-wrapper .buttons-wrapper {
    gap: 10px;
  }

  .header-wrapper .site-logo img {
    max-width: 160px;
  }
     .case-study .intel-cards-lists {
        row-gap: 24px;
    }
     .case-study {
        padding-top: 30px;
    }
    .case-study .intel-card .image-box {
        height: 230px;
    }
    .page-404 {
        min-height: calc(100dvh - 74px);
    }
    .page-404::before, .page-404::after {
        width: 70px;
        height: 110px;
        opacity: 0.5;
    }
    .page-404 .error-content-wrapper .main-title {
        font-size: 120px;
    }
    .page-404 .error-content-wrapper .btn-wrapper {
        margin-top: 20px;
    }
    .page-404 .error-content-wrapper .btn-wrapper .common-btn {
        padding: 10px 18px;
    }
    .cookies-modal-wrapper .cookies-modal-card {
    padding: 20px;
  }
  .cookies-modal-wrapper .cookie-content {
    padding-block: 16px;
  }
  .cookies-modal-wrapper .close-btn {
    top: 5px;
    right: 5px;
  }
  .cookies-title-wrapper .icon-box {
    width: 42px;
    height: 42px;
  }
  .cookies-title-wrapper .icon-box i {
    width: 20px;
    height: 20px;
  }
  .cookies-buttons .common-btn {
    min-height: 38px;
    font-size:14px;
  }
  .cookies-settings-title-wrapper {
    padding: 15px;
  }
  .cookies-settings-lists {
    padding: 20px 15px;
  }
  .cookies-settings-card .cookies-buttons {
    padding: 15px;
  }
  .cookies-settings-card .cookies-buttons .common-btn {
    width: 100%;
  }
  .cookies-settings-accordion-card {
    gap: 10px;
    padding: 8px;
    margin-bottom: 12px;
  }
  .cookies-settings-accordion-card .wrap-content {
    gap: 6px;
  }
  .cookies-accordion-content .title {
    font-size: 13px;
    margin-block: 4px 0px;
  }
  .toggle-switch .toggle-label {
    width: 34px;
    height: 18px;
  }
  .toggle-switch .toggle-label::after {
    top: 3px;
    left: 4px;
    width: 12px;
    height: 12px;
  }
  .toggle-switch .toggle-input:checked + .toggle-label::after {
    left: 18px;
  }
  .faqs-pagination {
    margin-top: 10px;
  }
}