@media (min-width: 576px) {
  .container {
    max-width: 100%;
    padding-left: 15px;
    padding-right: 15px;
  }

  .why-choose-content-wrap {
    max-width: 100%;
  }

  .fortune-companies .home-counter-wrap .counter-text {
    width: calc(100% - (60px + 20px));
    text-align: left;
  }
}

@media (min-width: 768px) {
  .footer-quick-info {
    display: none;
  }

  .container {
    max-width: 750px;
    padding-right: calc(var(--bs-gutter-x) * 0.5);
    padding-left: calc(var(--bs-gutter-x) * 0.5);
  }

  .section-content-gap {
    margin-top: 60px;
  }

  .why-choose-content-wrap {
    max-width: 750px;
  }

  .custom-slider-container {
    width: calc((100vw + 750px) / 2);
    margin-left: auto;
    margin-right: 0;
  }

  .header .header-wrapper .logo {
    max-width: 200px;
  }

  .section-title h2,
  .section-title-h4 h4,
  .section-title-h3 h3,
  .section-title .section-title-heading {
    font-size: 32px;
    line-height: 36px;
    margin-bottom: 20px;
  }

  .section-title h2 br {
    display: inline;
  }

  .white-arrow.swiper-button-next {
    right: -25px;
  }

  .white-arrow.swiper-button-prev {
    left: -25px;
  }

  .industries-list-wrap .industries-list-item {
    width: calc((100% / 4) - 20px);
    padding: 10px;
  }

  .lets-connect-card {
    padding: 50px 50px 30px;
    border-radius: 28px;
  }

  .tech-expert-tab-content .icons-wrapper .list .image-box {
    width: 83px;
    height: 80px;
  }

  .tech-expert-tab-content .icons-wrapper .list img {
    height: 55px;
    object-fit: contain;
  }

  .hero-section .hero-content-wrap .home-banner-title {
    font-size: 36px;
  }

  .hero-section .hero-content-wrap h2.banner-head-title-1 {
    font-size: 20px;
  }

  .who-we-serve-card .content h3 {
    font-size: 24px;
  }

  .header .header-wrapper .right-button {
    width: 200px;
    text-align: right;
    justify-content: flex-end;
  }

  .dev-collab-wrap {
    gap: 30px;
    grid-template-columns: repeat(2, 1fr);
  }

  .section-blur-element {
    width: 384px;
    height: 399px;
  }

  .contact-us-section {
    margin-top: 50px;
  }

  .featured-portfolio {
    padding: 80px 0 40px;
  }

  .inner-page-hero-section .hero-service-banner h1 {
    font-size: 36px;
  }

  body {
    font-size: 15px;
  }

  .form-group .form-label {
    font-size: 14px;
  }

  .about-us-section .certified-list,
  .featured-in-logo {
    gap: 30px 50px;
  }

  .breadcrumb-list li a {
    font-size: 14px;
  }

  .skills-list li {
    font-size: 17px;
    margin-bottom: 18px;
  }

  .tab-dropdown-selected-text {
    font-size: 18px;
  }

  .custom-tab-list > div > ul li.active,
  .custom-tab-list > div > ul li:hover {
    transform: scale(1.02);
  }

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

  .faq-accordion .faq-accordion-item .faq-accordian-btn {
    font-size: 20px;
    padding: 20px 50px 20px 20px;
  }

  .contact-us-spacing {
    padding: 80px 0;
  }

  .industry-focused-insights {
    padding: 30px 0 80px;
  }

  .industry-focused-insight-card h3,
  .industry-focused-insight-card .insight-heading {
    font-size: 18px;
    margin: 20px 0;
  }
}

@media (min-width: 992px) {
  .container,
  .why-choose-content-wrap {
    max-width: 970px;
  }

  .section-padding {
    padding: 80px 0 !important;
  }

  .custom-slider-container {
    width: calc((100vw + 970px) / 2);
    margin-left: auto;
    margin-right: 0;
  }

  .hero-section .hero-content-wrap .home-banner-title {
    font-size: 50px;
  }

  .hero-section .hero-content-wrap h2.banner-head-title-1 {
    font-size: 20px;
  }

  .fortune-companies,
  .what-can-we-do,
  .who-we-serve {
    padding-top: 80px;
    padding-bottom: 80px;
  }

  .our-products {
    padding-bottom: 80px;
    padding-top: 80px;
  }

  .our-case-study {
    padding-top: 80px;
    padding-bottom: 80px;
  }

  .fortune-companies .home-counter-wrapper {
    margin-bottom: 80px;
    margin-top: 0;
  }

  .who-we-serve .title-wrap {
    flex-direction: column;
    column-gap: 0;
  }

  .who-we-serve .title-wrap img {
    margin-top: 20px;
    height: 320px;
  }

  .who-we-serve .pl-50 {
    padding-left: 50px;
  }

  .portfolio-section .portfolio-wrapper .inner .right-content {
    width: 50%;
  }

  .tab-dropdown-selected-text {
    display: none;
  }

  .next-gen-tech-stack .next-gen-tab-list ul {
    padding: 0 16px;
    display: inline-flex;
    position: relative;
    box-shadow: none;
    margin: 0 auto;
    flex-wrap: wrap;
    border-radius: 0;
  }

  .dev-collab-wrap {
    gap: 30px;
    grid-template-columns: repeat(3, 1fr);
  }

  .testimonial-card-type-2 {
    padding: 30px;
  }

  .tech-expert-tab-list ul {
    margin: 0;
    padding: 0;
    list-style: none;
    display: flex;
    justify-content: center;
    gap: 16px;
  }

  .tech-expert-tabs.type-2 ul {
    width: max-content;
  }

  .custom-tab-list > div > ul {
    display: block;
    box-shadow: none;
    position: relative;
    background: 0 0;
  }

  .industry-focused-insight-card h3,
  .industry-focused-insight-card .insight-heading {
    font-size: 22px;
  }

  .footer .footer-links-wrap .footer-links ul a {
    font-size: 14px;
    line-height: 1.8rem;
  }

  .footer .company-rating-card .list a {
    padding-right: 40px;
  }

  .inner-page-hero-section .hero-service-banner h1 {
    font-size: 44px;
  }

  .next-gen-tech-stack .next-gen-tab-content {
    width: calc(100% - 350px);
    padding-left: 20px;
    margin-left: 20px;
    border-left: 1px solid var(--dark);
  }

  .next-gen-tech-stack .next-gen-tabs-wrap .next-gen-tab-list {
    width: 330px;
  }

  .next-gen-tech-stack .next-gen-tab-content-wrap {
    padding: 20px;
  }

  .next-gen-tech-stack .next-gen-tab-content-wrap .left-content ul {
    grid-template-columns: repeat(2, 1fr);
  }
}

@media (min-width: 1200px) {
  .header {
    height: 100px;
  }

  .header.inner-page {
    height: 80px;
  }

  .header.inner-page .header-top {
    margin-top: -8px;
  }

  .close-btn,
  .mobile-sidebar-backdrop,
  .desk-none {
    display: none;
  }

  .connect--cta .container,
  .container,
  .product--cta .container,
  .why-choose-content-wrap {
    max-width: 1170px;
  }

  .custom-slider-container {
    width: calc((100vw + 1170px) / 2);
    margin-left: auto;
    margin-right: 0;
  }

  .mobile-menu-toggle {
    display: none;
  }

  .section-title h2,
  .section-title-h4 h4,
  .section-title-h3 h3,
  .section-title .section-title-heading {
    font-size: 40px;
    line-height: 44px;
    margin-bottom: 30px;
  }

  .inner-page-hero-section .hero-service-banner h1 {
    font-size: 50px;
  }

  .industries-list-wrap .industries-list-item {
    width: calc((100% / 6) - 20px);
  }

  .lets-connect-card {
    padding: 70px 80px 50px;
  }

  .hero-section .hero-content-wrap .home-banner-title {
    font-size: 52px;
  }

  .hero-section .hero-content-wrap h2.banner-head-title-1 {
    font-size: 16px;
  }

  .hero-section {
    min-height: 90dvh;
  }

  .what-can-we-do .service-box {
    position: sticky;
    padding: 30px;
  }

  .what-can-we-do .service-box.box-1 {
    top: 110px;
  }

  .what-can-we-do .service-box.box-2 {
    top: 140px;
  }

  .what-can-we-do .service-box.box-3 {
    top: 170px;
  }

  .what-can-we-do .service-box.box-4 {
    top: 200px;
  }

  .what-can-we-do .service-box h3 {
    font-size: 26px;
  }

  .portfolio-section .portfolio-wrapper .inner .right-content {
    width: calc(100% - 550px);
  }

  .next-gen-tech-stack .next-gen-tab-content-wrap .right-content {
    width: 50%;
  }

  .collabration-card-type-2 {
    padding: 25px;
  }

  .service-intro-section .content {
    padding-right: 40px;
  }

  .service-intro-section .content.right-align {
    padding-left: 70px;
    padding-right: 0 !important;
  }

  .testimonial-card-type-2 {
    padding: 40px;
  }

  .testimonial-card-type-2 p {
    font-size: 18px;
  }

  .tech-expert-tab-list ul li {
    min-width: 150px;
  }

  .footer .quick-address a {
    font-size: 22px;
  }

  .next-gen-tech-stack .next-gen-tab-content {
    width: calc(100% - 350px);
    padding-left: 20px;
    margin-left: 20px;
  }

  .next-gen-tech-stack .next-gen-tabs-wrap .next-gen-tab-list {
    width: 330px;
  }

  .next-gen-tech-stack .next-gen-tab-content-wrap {
    padding: 30px;
  }

  .next-gen-tech-stack .next-gen-tab-content-wrap .left-content ul {
    grid-template-columns: repeat(2, 1fr);
  }

  .agile-process-circle .holderCircle {
    width: 500px;
    height: 500px;
  }

  .agile-process-circle .round {
    left: 40px;
    top: 35px;
    width: 410px;
    height: 410px;
  }

  .agile-process-circle .dotCircle .itemDot {
    width: 60px;
    height: 60px;
    line-height: 60px;
  }

  .agile-process-circle .dotCircle .itemDot .icon {
    font-size: 36px;
  }
}

@media (min-width: 1400px) {
  .container,
  .counter-section .container {
    max-width: 1370px;
  }

  .blog-inner-page .container {
    max-width: 1300px;
  }

  .statastics-section .container {
    max-width: 1150px;
  }

  .why-choose-content-wrap {
    max-width: 1400px;
    margin: 0 auto;
  }

  .custom-slider-container {
    width: calc((100vw + 1370px) / 2);
    margin-left: auto;
    margin-right: 0;
  }

  .industries-list-wrap .industries-list-item {
    width: calc((100% / 8) - 20px);
  }

  .hero-section .hero-content-wrap .home-banner-title {
    font-size: 60px;
  }

  .hero-section .hero-content-wrap h2.banner-head-title-1 {
    font-size: 20px;
  }

  .next-gen-tech-stack .next-gen-tab-content-wrap .right-content {
    width: 44%;
  }

  .collabration-card-type-2 {
    padding: 60px 40px;
  }

  .dev-collab-wrap {
    gap: 30px 30px;
  }

  .tech-expert-tab-list ul li {
    min-width: 170px;
  }

  .next-gen-tech-stack .next-gen-tab-content {
    width: calc(100% - 450px);
    padding-left: 50px;
    margin-left: 50px;
  }

  .next-gen-tech-stack .next-gen-tabs-wrap .next-gen-tab-list {
    width: 400px;
  }

  .agile-process-circle .holderCircle {
    width: 650px;
    height: 650px;
  }

  .agile-process-circle .round {
    left: 56px;
    top: 65px;
    width: 530px;
    height: 530px;
  }

  .agile-process-circle .dotCircle .itemDot {
    width: 80px;
    height: 80px;
    line-height: 80px;
    font-size: 30px;
  }

  .agile-process-circle .dotCircle .itemDot .icon {
    font-size: 48px;
  }

  .service-intro-section .content {
    padding-right: 70px;
  }
}

@media (min-width: 1600px) {
  .container {
    max-width: 1630px;
  }

  .custom-slider-container {
    width: calc((100vw + 1630px) / 2);
    margin-left: auto;
    margin-right: 0;
  }

  .dev-collab-wrap {
    gap: 50px;
  }
}

@media (max-width: 1599px) {
  .blog-inner-page h1 {
    font-size: 42px;
    line-height: 46px;
  }

  .blog-detail-para h2 {
    font-size: 28px;
    line-height: 34px;
  }

  .blog-detail-para h3 {
    font-size: 22px;
    line-height: 28px;
  }

  .blog-detail-para h5,
  .blog-detail-para h6 {
    font-size: 17px;
    line-height: 25px;
  }

  .blog-detail-para h4 {
    font-size: 19px;
    line-height: 25px;
  }

  .case-study-banner {
    height: 450px;
  }

  .case-study-wrapper .event-list__row,
  .news-events-section .event-list__row {
    gap: 20px;
  }

  .case-study-wrapper .event-list__row .event-list__col,
  .news-events-section .event-list__row .event-list__col {
    width: calc(33.33% - 14px);
  }

  .why-choose-service .why-choose-section-title {
    padding-right: 20px;
  }
}

@media (max-width: 1199px) {
  .main-menu {
    visibility: hidden;
  }

  .main-menu.open {
    visibility: visible;
  }

  .header.for-mobile .megamenu-verticle-menu .megamenu-verticle-tab-list {
    padding: 0;
    width: 100%;
  }

  .breadcrumb-section {
    margin-top: 60px;
  }

  .header .mega-menu .blue-title,
  .megamenu-verticle-menu .top-content,
  .service-menu-card {
    display: none;
  }

  .header.for-mobile .megamenu-verticle-menu .megamenu-verticle-tab-content {
    width: 100%;
    padding: 0;
    border-left: 0;
  }

  .header .mega-menu.about-company .left-link-wrap .list-links {
    width: 100%;
  }

  .header .mega-menu.about-company .left-link-wrap {
    flex-wrap: wrap;
  }

  .header.for-mobile .main-menu .menu li a {
    font-size: 16px;
    font-weight: 600;
  }

  .header.for-mobile .mega-menu .inner .left-links {
    padding-top: 10px;
  }

  .header.for-mobile .main-menu .tab-content-wrap .top-content {
    display: none;
  }

  .header.for-mobile .mega-menu .panel-title {
    margin-bottom: 0;
  }

  .header.for-mobile .mega-menu .list-columns li a {
    font-size: 14px;
    font-weight: 500;
  }

  .header.for-mobile .main-menu .menu li .panel-title a {
    padding-left: 0;
    border-bottom: none;
    font-weight: 600;
    font-size: 14px;
  }

  .header.for-mobile .main-menu .menu li .panel-title a:before {
    content: "-";
    position: absolute;
    right: 0;
    font-weight: 400;
    font-size: 24px;
  }

  .header.for-mobile .main-menu .menu li .panel-title a.collapsed:before {
    content: "+";
  }

  .header.for-mobile .main-menu .menu li .panel {
    border-bottom: 1px solid #b2b2b2;
  }

  .header .mega-menu.solutions-we-have .list-links {
    width: 100%;
  }

  .header .mega-menu.solutions-we-have .inner .left-links .list-columns {
    gap: 0;
  }

  .header .mega-menu.solutions-we-have .inner .left-links li a img {
    display: none;
  }

  .header .mega-menu.solutions-we-have .inner .left-links li a p {
    display: none;
  }

  .header .mega-menu.solutions-we-have .inner .left-links li a {
    font-weight: 500;
    font-size: 14px;
  }

  .header .mega-menu.our-technologies .list-links-wrap .list-links {
    width: 100%;
    padding: 0;
  }

  .header
    .mega-menu.our-technologies
    .list-links-wrap
    .list-links:nth-child(2n) {
    background: 0 0;
  }

  .header.inner-page .logo-dark {
    top: -4px;
  }

  .header.inner-page .icon-bar {
    background-color: var(--dark);
  }

  .header,
  .header.sticky {
    height: 60px;
  }

  .hero-section {
    height: auto;
  }

  .hero-section .nav-overlay,
  .inner-page-hero-section .nav-overlay {
    height: 9.125rem;
    background-image: linear-gradient(#0009 48%, transparent);
  }

  .statastics-section .home-counter-wrap {
    padding: 10px;
    gap: 16px;
  }

  .statastics-section .home-counter-wrap .icon img {
    width: 40px;
  }

  .statastics-section .home-counter-wrap .counter-text .counter-number {
    font-size: 28px;
  }

  .statastics-section .home-counter-wrap .counter-text p {
    font-size: 14px;
  }

  .hero-section .hero-slider .swiper-slide {
    padding-top: 120px;
    padding-bottom: 120px;
  }

  .header.sticky .logo-dark {
    top: -3px;
  }

  .agile-process-circle .holderCircle {
    width: 450px;
    height: 450px;
  }

  .agile-process-circle .round {
    width: 350px;
    height: 350px;
  }

  .agile-process-circle .dotCircle .itemDot {
    width: 60px;
    height: 60px;
    line-height: 60px;
    font-size: 20px;
  }

  .agile-process-circle .dotCircle .itemDot .icon {
    font-size: 38px;
  }

  .agile-process-circle .title-box span {
    font-size: 20px;
  }

  .agile-process-circle .title-box p {
    font-size: 14px;
    line-height: 20px;
  }

  .agile-process-circle .contentCircle {
    max-width: 250px;
  }

  .next-gen-tech-stack .next-gen-tab-content-wrap .left-content a {
    width: auto;
  }

  .tech-expert-card .technology-tech-stack-list {
    width: calc(100% - 270px);
  }

  .tech-expert-card .technology-main-heading {
    width: 250px;
  }

  .next-gen-tech-stack .next-gen-tab-content-wrap .left-content h3 {
    font-size: 28px;
    margin-bottom: 10px;
  }

  .about-us-section h3 {
    font-size: 30px;
    font-weight: 600;
  }

  .pl-50 {
    padding-left: 30px;
  }

  .our-work-case-study .our-work--row .left-content {
    padding: 30px;
  }

  .our-work-case-study .our-work--row .our-work--col.right-content {
    background-position: center;
  }

  .our-work-case-study .our-work-slider .swiper-slide {
    width: 850px;
  }

  .our-work-case-study .our-work--row .left-content h2,
  .our-work-case-study .our-work--row .left-content .case-study-title {
    font-size: 22px;
    line-height: normal;
  }

  .our-work-case-study .our-work--row .left-content p {
    font-size: 14px;
    line-height: 22px;
  }

  .benefits-section,
  .technology-partner {
    padding: 50px 0;
  }

  .why-choose-service .why-choose-section-title {
    padding-right: 30px;
  }

  .where-we-stand .where-we-stand-counter {
    flex-wrap: wrap;
    row-gap: 10px;
  }

  .why-choose-tech-card .inner .icon {
    width: 20px;
    height: 20px;
    font-size: 16px;
  }

  .why-choose-tech-card .inner .content {
    width: calc(100% - 32px);
  }

  .why-choose-tech-card .inner {
    gap: 12px;
  }

  .why-choose-tech-card {
    padding: 20px 16px;
  }

  .where-we-stand-counter .counter-item .number {
    font-size: 30px;
  }

  .testimonial-card-type-2 p {
    font-size: 14px;
  }

  .testimonial-card-type-2 {
    padding: 20px;
  }

  .industry-focused-insight-card h3,
  .industry-focused-insight-card .insight-heading {
    font-size: 16px;
    line-height: 22px;
  }

  .industry-focused-insight-card ul li {
    font-size: 12px;
    padding: 0 10px;
  }

  .dark-hero-section .hero-service-banner h1 {
    font-size: 38px;
  }

  .dark-hero-section .hero-service-banner p {
    font-size: 14px;
  }

  .where-we-stand .right-image {
    padding-left: 50px;
  }

  .dark-hero-section {
    padding: 100px 0 50px;
    height: 500px;
  }

  .inner-page-hero-section .hero-banner h1 {
    font-size: 40px;
  }

  .footer .quick-address a {
    font-size: 18px;
  }

  .banner-type2-right-image img {
    margin: 0 auto;
  }
  .service-banner-section h1 {
    font-size: 44px;
    line-height: 50px;
  }
}

@media (max-width: 991px) {
  .cubespinner {
    animation: none;
    display: flex;
    column-gap: 20px;
    transform-style: unset;
    transform-origin: unset;
    margin: 3px;
  }

  .cubespinner div {
    width: 150px;
    position: relative;
    height: unset;
  }

  .fortune-companies .home-client-logo-wrap {
    flex-flow: unset;
    gap: 0;
    animation: slide_to_left_full 42s linear infinite;
    flex-wrap: nowrap;
    width: auto;
    display: inline-flex;
    margin-top: 50px;
  }

  @keyframes slide_to_left_full {
    0% {
      transform: translateX(0);
    }

    to {
      transform: translateX(-100%);
    }
  }

  .cubespinner .face1 {
    -webkit-backface-visibility: unset;
  }

  .cubespinner .face2 {
    transform: none;
    -webkit-backface-visibility: unset;
  }

  .about-us-section,
  .case-study-wrapper,
  .hire-tech-experts,
  .industries-we-serve,
  .news-events-section,
  .portfolio-listing-section,
  .sevice-content-section,
  .tech-experts-tab-section {
    padding: 50px 0;
  }

  .without-banner-section {
    padding: 50px 0 30px;
  }

  .about-us-section .about-us {
    padding-right: 0;
    padding-bottom: 50px;
  }

  .section-mb-80 {
    margin-bottom: 50px;
  }

  .service-intro-section {
    padding-bottom: 60px;
  }

  .development-collabration-section,
  .our-work-case-study {
    padding-bottom: 50px;
  }

  .about-us-section .about-us:before {
    right: 0;
    bottom: 20px;
    height: 5px;
    width: 100%;
    top: unset;
  }

  .section-title {
    max-width: 90%;
  }

  .tech-why-choose-nextwebi .section-title {
    max-width: 100%;
  }

  .our-products,
  .technology-we-work {
    padding: 50px 0;
  }

  .next-gen-tech-stack .next-gen-tabs-wrap {
    justify-content: center;
    gap: 24px;
  }

  .tech-expert-card {
    flex-wrap: wrap;
    row-gap: 24px;
  }

  .tech-expert-card .technology-main-heading,
  .tech-expert-card .technology-tech-stack-list {
    width: 100%;
  }

  .footer .quick-address a {
    font-size: 14px;
  }

  .footer .full-address {
    font-size: 14px;
  }

  .our-testimonial:before {
    content: none;
  }

  .our-testimonial {
    padding: 50px 30px;
  }

  .our-testimonial .pe-sm-5 {
    padding-right: 0 !important;
  }

  .our-testimonial .section-title {
    text-align: center;
  }

  .our-testimonial .testimonial-swiper {
    margin-top: 30px;
  }

  .fortune-companies .home-client-logo-wrap .client-logo-item {
    width: 100%;
    margin: 0 20px 0 0;
  }

  .about-us-section h3 {
    text-align: center;
  }

  .section-content-gap {
    margin-top: 40px;
  }

  .portfolio-item .left-content {
    max-width: 350px;
    padding: 20px;
  }

  .portfolio-section .portfolio-wrapper .inner .left-content .icon {
    width: 35px;
    height: 35px;
    padding: 0;
    display: none;
    align-items: center;
    justify-content: center;
  }

  .portfolio-section .portfolio-wrapper .inner .left-content .icon img {
    width: 18px;
  }

  .portfolio-section .portfolio-wrapper .inner .left-content h3 {
    font-size: 24px;
  }

  .portfolio-section .portfolio-wrapper .inner {
    height: 430px;
  }

  .next-gen-tech-stack .next-gen-tab-content-wrap .left-content h3 {
    font-size: 24px;
  }

  .footer .company-rating-card {
    padding: 20px;
  }

  .footer .company-rating-card .list a {
    font-size: 16px;
  }

  .footer .company-rating-card .list a img {
    height: 20px;
    object-fit: contain;
  }

  .footer .authorized-partner .partner-list img {
    height: 36px;
  }

  .footer .footer-copy-right .footer-quick-links a,
  .footer .footer-links-wrap .footer-links ul a {
    font-size: 12px;
  }

  .footer .footer-copy-right p {
    font-size: 12px;
  }

  .footer .footer-copy-right {
    padding: 20px 0;
  }

  .footer .footer-copy-right .row {
    flex-direction: column-reverse;
    align-items: center;
    justify-content: center;
    text-align: center;
  }

  .footer .footer-copy-right .footer-quick-links {
    justify-content: center;
  }

  .blog-section {
    padding-bottom: 50px;
  }

  .pl-50 {
    padding-left: 20px;
  }

  .fortune-companies.service-page {
    padding-bottom: 30px;
  }

  .connect--cta .cta-card {
    padding: 30px;
  }

  .connect--cta .cta-card button {
    width: 200px;
  }

  .connect--cta .cta-card .content {
    width: calc(100% - 210px);
  }

  .our-work-case-study .our-work-slider .swiper-slide {
    width: 650px;
  }

  .our-work-case-study .our-work--row .left-content h2,
  .our-work-case-study .our-work--row .left-content .case-study-title {
    font-size: 20px;
  }

  .why-choose-service .why-choose-section-title {
    padding-right: 0;
    max-width: 100%;
  }

  .benefits-section .left-content {
    padding-right: 12px;
    padding-bottom: 60px;
  }

  .benefits-section .left-content:before {
    height: 5px;
    width: 100%;
    right: 0;
    bottom: 30px;
    top: unset;
  }

  .benefits-section .section-title {
    max-width: 100%;
  }

  .sevice-content-section .right-content {
    padding: 12px;
  }

  .service-punchlines h3 {
    font-size: 18px;
  }

  .service-punchlines p {
    font-size: 12px;
    line-height: 18px;
    opacity: 1;
  }

  .tech-combo-slider .swiper-slide {
    width: 350px;
  }

  .tech-combo-card h3,
  .tech-combo-card .tech-combo-card-heading {
    font-size: 18px;
  }

  .contact-us-section .contact-us-left-content {
    padding-top: 50px;
  }

  .contact-us-section {
    margin-top: 0;
  }

  .product--cta .cta-card .content h2,
  .product--cta .cta-card .content .cta-type-2-heading {
    font-size: 22px;
    line-height: 28px;
  }

  .client-slider-text,
  .client-slider-text h2 {
    font-size: 26px;
  }

  .case-study-wrapper .event-list__row .event-list__col,
  .news-events-section .event-list__row .event-list__col {
    width: calc(50% - 14px);
  }

  .tech-expert-tab-list ul {
    overflow-x: auto;
    overflow-y: hidden;
  }

  .tech-expert-tabs.type-2 ul {
    padding: 0 !important;
    gap: 0 !important;
  }

  .tech-expert-tabs.type-2 .tech-expert-tab-list {
    position: relative;
  }

  .tech-expert-tabs.type-2 .tech-expert-tab-list:before {
    content: "";
    position: absolute;
    right: -12px;
    top: 0;
    width: 100px;
    height: 100%;
    background: linear-gradient(to right, #fff0 0, #f40000 98%, #f6f6f7 100%);
    z-index: 1;
  }

  .tech-expert-tabs.type-2 .tech-expert-tab-list ul li.active:before {
    top: unset;
    bottom: 0;
  }

  .dark-hero-section {
    min-height: 450px;
    height: auto;
  }

  .dark-hero-section .hero-service-banner h1 {
    font-size: 36px;
  }

  .dark-hero-section .hero-service-banner p {
    font-size: 14px;
  }

  .service-intro-section .section-title {
    max-width: 100%;
  }

  .section-pb-80 {
    padding-bottom: 50px !important;
  }

  .where-we-stand .right-image {
    padding-left: 50px;
    display: none;
  }

  .where-we-stand .section-title {
    max-width: 100%;
  }

  .tech-why-choose-nextwebi .why-choose-list {
    margin-top: 30px;
  }

  .portfolio-type-2 .swiper-slide {
    width: 320px;
    height: unset;
  }

  .portfolio-type-2 {
    padding-top: 50px;
  }

  .tech-why-choose-nextwebi {
    padding: 50px 0;
  }

  .industry-focused-insights {
    padding: 10px 0 50px !important;
  }

  .technology-dev-services {
    padding: 50px 0 80px;
  }

  .tech-features .feature-content {
    padding-right: 0;
  }

  .tech-features .flex-row-reverse .feature-content {
    padding-left: 0;
  }

  .inner-page-hero-section.service-inner-page {
    background-size: cover !important;
    padding-bottom: 70px;
  }

  .service-inner-page .hero-service-banner.text-dark {
    color: #fff !important;
  }

  .inner-page-hero-section.service-inner-page:before,
  .inner-page-hero-section.service-inner-page.light-overlay:before {
    content: "" !important;
    background: #152226;
    opacity: 0.9;
  }

  .inner-page-hero-section.light .hero-service-banner h1,
  .inner-page-hero-section.light .hero-service-banner p,
  .inner-page-hero-section.light .hero-service-banner ul li {
    color: #fff;
  }

  .inner-page-hero-section .hero-banner h1 {
    font-size: 36px;
  }

  .contact-us-section .section-title,
  .sevice-content-section .section-title {
    max-width: 100%;
  }

  .technology-partner .pl-50 {
    padding-left: 0;
  }

  .service-connect-us a {
    max-width: max-content;
    margin-left: auto;
    margin-right: auto;
  }

  .product--cta .cta-card {
    padding: 30px;
  }

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

  .faq-accordion .faq-accordion-item .faq-accordian-btn {
    font-size: 16px;
    font-size: 16px;
  }

  .get-in-touch .contact-card ul li {
    flex-wrap: wrap;
    row-gap: 10px;
  }

  .get-in-touch-list li .wrap {
    width: 100%;
  }

  .get-in-touch .contact-card ul {
    display: flex;
    margin-top: 20px;
    gap: 16px;
    flex-wrap: wrap;
  }

  .get-in-touch {
    padding-bottom: 0;
  }

  .without-banner-section h1 {
    font-size: 36px;
    margin-bottom: 8px;
  }

  .get-in-touch-list li .wrap a {
    white-space: nowrap;
  }

  .get-in-touch .contact-card ul li {
    width: calc(50% - 20px);
  }

  .our-work-case-study .our-work-slider {
    padding: 0;
  }

  .banner-type2-right-image img {
    display: none;
  }
  .service-banner-section h1 {
    font-size: 36px;
    line-height: 42px;
  }
  .solution-hero-section {
    padding-bottom: 30px;
  }
  .service-banner-section .image img {
    margin: 0;
    max-height: unset;
  }
  .development-collabration-section {
    padding-top: 50px;
  }
}

@media (max-width: 767px) {
  .hero-slider .banner-image-static img {
    object-position: right;
  }

  body {
    padding-bottom: 44px;
  }

  .inner-page-hero-section .hero-banner h1 {
    font-size: 32px;
  }

  .section-title {
    max-width: 100%;
  }

  .footer .footer-copy-right .footer-quick-links {
    justify-content: center;
  }

  .footer .footer-copy-right p {
    text-align: center;
    margin-top: 8px;
  }

  .industries-list-wrap .industries-list-item {
    width: calc((100% / 3) - 15px);
  }

  .blog-card .blog-content h3 {
    font-size: 20px;
  }

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

  .case-study-card .image img {
    height: 230px;
    width: 100%;
  }

  .header .right-button a {
    padding: 4px 8px;
    line-height: normal;
  }

  .next-gen-tech-stack .next-gen-tab-content-wrap .left-content p {
    font-size: 14px;
    line-height: 22px;
  }

  .contact-us-section .contact-us-right-content {
    margin-top: 0;
    margin-bottom: 30px;
  }

  .connect--cta .cta-card {
    flex-wrap: wrap;
  }

  .connect--cta .cta-card .content {
    width: 100%;
  }

  .connect--cta .cta-card button {
    margin-top: 20px;
  }

  .our-work-case-study .our-work-slider .swiper-slide {
    width: 91%;
  }

  .our-work-case-study .our-work--row .our-work--col {
    width: 100%;
  }

  .our-work-case-study .our-work--row .our-work--col.right-content {
    display: none;
  }

  .our-work-case-study .catestudy-title {
    flex-wrap: wrap;
  }

  .product--cta .cta-card {
    padding: 20px;
  }

  .pl-50 {
    padding-left: 0;
  }

  .tech-expert-tab-list ul li img {
    display: none;
  }

  .tech-expert-tab-content {
    margin-top: 20px;
    padding: 20px;
  }

  .tech-expert-tab-content .icons-wrapper {
    gap: 12px;
    justify-content: flex-start;
  }

  .client-slider-text,
  .client-slider-text h2 {
    font-size: 22px;
  }

  .fortune-companies.service-page .home-client-logo-wrap {
    margin-top: 20px;
  }

  .blog-inner-page h1,
  .without-banner-section h1 {
    font-size: 36px;
    line-height: 42px;
  }

  .blog-inner-page .blog-sub-sec {
    flex-wrap: wrap;
    gap: 12px;
  }

  .blog-dimg {
    margin-top: 20px;
    margin-bottom: 20px;
  }

  .blog-detail-para {
    font-size: 14px;
  }

  .blog-detail-para p,
  .blog-detail-para ul li {
    font-size: 14px;
    line-height: 22px;
  }

  .portfolio-listing-section h2 {
    font-size: 22px;
  }

  .company-benefits {
    padding: 50px 0;
  }

  .dark-hero-section {
    height: auto;
  }

  .dark-hero-section .hero-service-banner h1 {
    font-size: 32px;
  }

  .portfolio-card-type-2 h3,
  .portfolio-card-type-2 .case-study-title {
    font-size: 18px;
    margin-bottom: 10px;
    font-style: var(--heading-font);
    line-height: 1.2;
  }

  .tech-features .image img {
    max-width: 100%;
  }

  .our-succes-story-2-card h3 {
    font-size: 16px;
  }

  .our-succes-story-2-card {
    padding: 12px;
  }

  .home-banner h1 {
    font-size: 16px;
  }

  .case-study-banner {
    height: 350px;
  }

  .portfolio-detail-section .tags li {
    font-size: 10px;
    padding: 0 8px;
  }

  .contact-card .mb-5 {
    margin-bottom: 0 !important;
  }

  .tech-expert-tab-list ul {
    justify-content: flex-start;
  }

  .footer .company-rating-card .row {
    justify-content: center;
  }

  .footer .company-rating-card .list {
    justify-content: center;
  }

  .footer .authorized-partner {
    justify-content: center;
  }

  .get-in-touch .contact-card ul li {
    width: 100%;
  }

  .get-in-touch .nda-content h3 {
    font-size: 20px;
  }

  .get-in-touch .nda-content span {
    font-size: 12px;
  }

  .get-in-touch .nda-content img {
    width: 40px;
  }

  .get-in-touch .nda-content {
    gap: 10px;
  }

  .technology-partner-card .process-counter {
    margin-bottom: 10px;
  }

  .inner-page-hero-section.service-inner-page {
    background-image: url(../images/hire/banner-bg-2.webp) !important;
  }
  .service-banner-section h1 {
    font-size: 32px;
    line-height: 36px;
  }
  .service-banner-section {
    padding: 100px 0 80px;
  }
  .collabration-card .top-content h3 {
    font-size: 22px;
  }
  .collabration-card .description p {
    line-height: 22px;
    font-size: 15px;
  }
  .connect--cta .cta-card h3,
  .connect--cta .cta-card .cta-type-1-sub-heading {
    font-size: 24px;
  }
}

@media (max-width: 575px) {
  .hero-section .hero-slider .swiper-slide:before {
    background: linear-gradient(90deg, #000c 100%, transparent 66%);
    opacity: 0.7;
  }

  .hero-section .hero-content-wrap h2 {
    font-weight: 600;
  }

  .fortune-companies .content p {
    line-height: 22px;
  }

  .industries-list-wrap .industries-list-item {
    width: calc((100% / 2) - 10px);
  }

  .about-us-section .certified-list img {
    height: 30px;
    max-width: 160px;
  }

  .featured-in-logo img {
    height: 18px;
    max-width: 90px;
  }

  .about-us-section .certified-in-section h3,
  .about-us-section h3,
  .featured-in-section h3,
  .next-gen-tech-stack .next-gen-tab-content-wrap .left-content h3 {
    font-size: 20px;
  }

  .our-products .portfolio-section,
  .section-content-gap {
    margin-top: 30px;
  }

  .fortune-companies .home-client-logo-wrap .client-logo-item {
    margin: 0 6px;
    min-height: 60px;
  }

  .fortune-companies .home-client-logo-wrap .client-logo-item img {
    height: 40px;
  }

  .fortune-companies .home-client-logo-wrap {
    margin-top: 30px;
  }

  .fortune-companies {
    padding-bottom: 50px;
  }

  .agile-process-circle .round {
    width: 270px;
    height: 270px;
    left: 0;
    top: 30px;
    right: 0;
    margin: 0 auto;
  }

  .agile-process-circle .holderCircle {
    width: 320px;
    height: 320px;
  }

  .agile-process-circle .dotCircle .itemDot {
    width: 42px;
    height: 42px;
    line-height: 42px;
    font-size: 20px;
  }

  .agile-process-circle .dotCircle .itemDot .icon {
    font-size: 24px;
  }

  .agile-process-circle .dotCircle .itemDot .forActive::before {
    right: 0;
  }

  .agile-process-circle .dotCircle .itemDot .forActive::after {
    bottom: 0;
  }

  .agile-process-circle .title-box p {
    font-size: 12px;
    line-height: 16px;
  }

  .agile-process-circle .contentCircle {
    max-width: 230px;
  }

  .portfolio-section .portfolio-item {
    width: 100%;
  }

  .portfolio-section .portfolio-wrapper .inner .bg-image img,
  .portfolio-section .portfolio-wrapper .inner .bg-image video {
    border-radius: 0;
  }

  .portfolio-item .left-content {
    max-width: 100%;
    padding: 20px;
    margin: 20px;
  }

  .section-title h2,
  .section-title-h3 h3,
  .section-title .section-title-heading,
  .section-title-h4 h4 {
    font-size: 24px;
    line-height: 30px;
    margin-bottom: 20px;
    font-weight: 700;
  }

  .slider-btns-wrap .arrow {
    width: 30px;
    height: 30px;
  }

  .arrow.swiper-button-next svg,
  .arrow.swiper-button-prev svg {
    width: 10px;
  }

  .slider-btns-wrap {
    gap: 10px;
  }

  .white-arrow {
    width: 30px;
    height: 30px;
  }

  .white-arrow:after {
    width: 12px;
    height: 12px;
    right: -4px;
  }

  .white-arrow.swiper-button-prev:after {
    right: unset;
    left: 6px;
  }

  .swiper-arrow-type-1 {
    gap: 10px;
  }

  .tech-expert-card {
    padding: 16px;
  }

  .technology-items .technology-item,
  .technology-tech-stack-list ul li a {
    padding: 6px 12px;
  }

  .tech-expert-card .technology-main-heading h3 {
    font-size: 18px;
  }

  .our-testimonial {
    padding: 0 15px;
    background: 0 0;
    margin: 0;
  }

  .our-testimonial .testimonial-card {
    margin: 8px;
  }

  .our-testimonial .swiper-pagination-bullet {
    background: #3f3f3f;
  }

  .contact-us-section form {
    padding: 0 15px 20px;
  }

  .contact-us-section .contact-us-left-content {
    padding-right: 0;
  }

  .contact-us-section .contact-form h3,
  .contact-us-section .contact-form .contact-form-title {
    padding: 10px;
  }

  .form-group .form-label,
  .form-group input[type="checkbox"] + label,
  .form-group.captcha-group label {
    font-size: 12px;
  }

  .form-group input[type="checkbox"] + label:before {
    top: 5px;
  }

  /*  .footer .footer-copy-right .footer-quick-links {
    display: none;
  }*/
  .footer .footer-copy-right {
    padding: 12px 0;
    margin-top: 20px;
  }

  .footer .footer-copy-right p {
    margin-top: 0;
  }

  .what-can-we-do .service-box {
    margin-top: 20px;
    padding: 0;
    background: 0 0;
    border: none;
  }

  .what-can-we-do .service-box h3 {
    font-size: 20px;
    margin-bottom: 16px;
  }

  .techstack .tech-slider .img-text-wrap {
    padding: 0 10px;
    min-height: 40px;
    gap: 7px;
  }

  .continue-slider .list.swiper-slide {
    padding: 0 5px;
  }

  .techstack .tech-slider .text {
    font-size: 12px;
    min-height: 40px;
  }

  .service-box .swiper-button-next,
  .service-box .swiper-button-prev {
    width: 30px;
    height: 30px;
  }

  .service-box .swiper-button-next svg,
  .service-box .swiper-button-prev svg {
    width: 10px;
  }

  .statastics-section .home-counter-wrap .counter-text p {
    font-size: 12px;
  }

  .statastics-section {
    margin-bottom: 0;
  }

  .about-us-section .about-us .counter-list {
    display: none;
  }

  .next-gen-tech-stack .next-gen-tab-content-wrap .left-content ul li a {
    font-size: 12px;
  }

  .next-gen-tech-stack .next-gen-tab-content-wrap {
    padding: 16px;
    gap: 20px;
  }

  .next-gen-tech-stack .next-gen-tab-content-wrap .left-content ul li {
    line-height: 18px;
  }

  .agile-process-section .agile-process-diagram {
    display: none;
  }

  .case-study-card .card-body {
    padding: 0 10px 15px;
  }

  .section-title {
    padding: 0;
  }

  .tech-combo-slider .swiper-slide {
    width: 280px;
  }

  .tech-combo-card img {
    height: 160px;
  }

  .tech-combo-card h3,
  .tech-combo-card .tech-combo-card-heading {
    font-size: 16px;
  }

  .btn {
    font-size: 14px;
    padding: 8px 16px;
  }

  .get-in-touch-list li .wrap span {
    font-size: 16px;
  }

  .fortune-companies.service-page .home-client-logo-wrap {
    margin-top: 0;
  }

  .collabration-card .top-content .icon {
    width: 40px;
    height: 40px;
  }

  .collabration-card .top-content .icon:before {
    width: 25px;
    height: 25px;
  }

  .collabration-card .description p {
    line-height: 22px;
  }

  .section-mb-80 {
    margin-bottom: 30px;
  }

  .our-work-case-study .our-work--row .left-content {
    padding: 16px;
  }

  .header .platform-we-use-wrap {
    grid-template-columns: repeat(1, 1fr);
  }

  .header .platform-we-use-wrap h4 {
    padding: 0;
    font-size: 16px;
    margin-bottom: 0;
    font-weight: 600;
  }

  .our-products .section-title {
    padding-right: 12px;
    padding-left: 12px;
  }

  .blog-listing-section .filter-wrap {
    margin-top: 0;
  }

  .blog-inner-page h1 {
    font-size: 28px;
    line-height: 34px;
  }

  .breadcrumb-list li {
    line-height: normal;
    padding-right: 16px;
  }
  .breadcrumb-list li:not(:last-child):before {
    right: 6px;
    top: 7px;
  }

  .breadcrumb-list li a {
    font-size: 10px;
  }

  .case-study-banner {
    height: auto;
    padding: 80px 0 50px !important;
  }

  .case-study-wrapper .event-list__row .event-list__col,
  .news-events-section .event-list__row .event-list__col {
    width: 100%;
  }

  .hire-developer-banner {
    padding: 80px 0 50px;
  }

  .hire-developer-banner .breadcrumb-list a {
    font-size: 10px;
    color: #9198a1;
  }

  .hire-developer-banner .breadcrumb-list li:not(:last-child):before {
    width: 6px;
    height: 6px;
    border-radius: 0;
    right: 5px;
    border-color: #9198a1;
  }

  .hire-developer-banner .breadcrumb-list li {
    padding-right: 12px;
  }

  .hire-developer-banner .hero-service-banner h1 {
    font-size: 24px;
    line-height: 28px;
  }

  .hire-developer-banner .hero-service-banner p {
    line-height: 20px;
  }

  .hire-dev-list {
    gap: 8px;
    flex-wrap: wrap;
  }

  .hire-dev-list .list-item {
    width: 100%;
  }

  .hire-developer-banner .certification {
    margin-top: 20px;
  }

  .hire-developer-banner {
    padding: 80px 0 50px;
  }

  .hire-developer-banner .breadcrumb-list a {
    font-size: 10px;
    color: #9198a1;
  }

  .hire-developer-banner .breadcrumb-list li:not(:last-child):before {
    width: 6px;
    height: 6px;
    border-radius: 0;
    right: 5px;
    border-color: #9198a1;
  }

  .hire-developer-banner .breadcrumb-list li {
    padding-right: 12px;
  }

  .hire-developer-banner .hero-service-banner h1 {
    font-size: 24px;
    line-height: 28px;
  }

  .hire-developer-banner .hero-service-banner p {
    line-height: 20px;
  }

  .hire-dev-list {
    gap: 8px;
  }

  .hire-developer-banner .certification {
    margin-top: 20px;
  }

  .company-benefits .pool-content__row .pool-content__col {
    width: calc(50% - 20px);
  }

  .company-benefits .pool-content__row {
    gap: 20px;
  }

  .company-benefits .pool-card .pool-lable {
    font-size: 12px;
    padding: 0 4px;
  }

  .company-benefits .pool-card p {
    font-size: 13px;
  }

  .our-engagement-model .right-content ul {
    gap: 20px;
    margin-top: 40px;
  }

  .our-engagement-model .right-content ul li h3 {
    font-size: 13px;
  }

  .engagement-card {
    padding: 24px 12px;
  }

  .bottom-buttons {
    display: block;
  }

  .our-engagement-model .call-to-action p span {
    font-size: 18px;
  }

  .featured-portfolio-card .image img {
    width: 100%;
  }

  .technology-dev-services .why-choose-nw-card {
    padding: 20px;
  }

  .technology-dev-services .why-choose-nw-card h3 {
    font-size: 20px;
  }

  .technology-dev-services .why-choose-nw-card p {
    margin-bottom: 0;
    font-size: 14px;
  }

  .inner-page-hero-section {
    min-height: 550px;
    height: auto;
  }

  .industry-focused-insight-card {
    padding: 12px;
  }

  .service-box .swiper-button-next {
    right: 4px;
  }

  .service-box .swiper-button-prev {
    left: 4px;
  }

  .service-inner-box .content {
    padding: 12px;
  }

  .header.for-mobile .main-menu {
    max-width: 300px;
  }

  .header.for-mobile .mega-menu .list-columns li a {
    font-size: 13px;
  }

  .our-work-case-study .our-work--row .left-content h2,
  .our-work-case-study .our-work--row .left-content .case-study-title {
    margin-top: 0;
  }

  .our-work-case-study .our-work--row {
    align-items: flex-start;
  }

  .our-work-case-study .our-work-slider {
    padding: 0;
  }

  .web-projects-card {
    padding: 14px;
  }

  .footer .quick-address a {
    font-size: 13px;
  }

  .custom-erp-benefits-card {
    min-height: unset;
  }
  .web-services-dev-collab .dev-collab-item {
    padding: 20px;
  }
  .service-banner-section .breadcrumb-list li a {
    font-size: 11px !important;
  }
}

/*wordpress blog*/
.CaptchaWrap {
  background: #ffdbdb;
  color: #e6392a;
  font-size: 20px;
  font-weight: 600;
  margin-right: 30px;
  padding: 5px 25px;
  border-radius: 3px;
  filter: blur(1px);
}

.impField {
  color: red;
}

.validationError {
  color: red;
  margin-top: 3px;
  display: inline-block;
}

.form-group.captcha-group img {
  height: 30px;
}

.contact-us-section .formDiv {
  padding: 0 30px 30px;
}

.contact-us-right-content.contact-form > div:nth-child(2) {
  padding: 0px 30px 30px;
}

.get-in-touch-form > div:nth-child(2) {
  padding: 0px 30px 30px;
}

#ExtraMenuBtn {
  cursor: pointer;
}

.hire-developer-form .hire-developer-cta .iti__selected-dial-code {
  color: #ffffff !important;
}

.hire-developer-form .hire-developer-cta .txtHireContact {
  padding-right: 36px !important;
}

.ViewMoreSkills {
  cursor: pointer !important;
}

@media (min-width: 1200px) {
  #ExtraMenuBtn {
    display: none !important;
  }
}

@media (min-width: 0px) and (max-width: 1199px) {
  #ExtraMenuBtn {
    display: inline-flex;
  }

  #ExtraMenu {
    display: none;
  }

  .contact-us-right-content.contact-form > div:nth-child(2) {
    padding: 0 15px 15px;
  }

  .contact-us-section
    .mobile-contact-form-padding
    .form-group.captcha-group.captcha-group
    > div:last-child {
    width: calc(100% - 50%) !important;
  }

  .get-in-touch .get-in-touch-form,
  .contact-us-inner .get-in-touch-form {
    margin-left: 0px !important;
  }

  .get-in-touch-form > div:nth-child(2) {
    padding: 0 15px 15px;
  }

  .get-in-touch-form .form-group.captcha-group.captcha-group > div:last-child {
    width: calc(100% - 50%) !important;
  }

  .contact-us-inner
    .get-in-touch-form
    .form-group.captcha-group.captcha-group
    > div:last-child {
    width: calc(100% - 50%) !important;
  }
}

.header-top {
  transition: transform 0.3s ease;
  will-change: transform;
}

.header-top.hidden {
  transform: translateY(-100%);
}
@media (max-width: 1199px) {
  .mobile-sidebar-backdrop {
    position: fixed;
    inset: 0;
    background: rgba(0, 0, 0, 0.5);
    display: none;
    z-index: 999;
  }
  .mobile-sidebar-backdrop.open {
    display: block;
  }

  .main-menu {
    position: fixed;
    top: 0;
    right: -100%;
    width: 80%;
    max-width: 320px;
    height: 100vh;
    background: #fff;
    overflow-y: auto;
    transition: right 0.3s ease;
    z-index: 1000;
  }
  .main-menu.open {
    right: 0;
  }
}

.header.for-desktop .mobile-menu-toggle {
  display: none;
}
.header.for-mobile .mobile-menu-toggle {
  display: inline-block;
}

@media (min-width: 922px) {
  #primary {
    width: 100%;
  }
}

.site-banner {
  width: 100%;
  max-height: 70vh !important;
  overflow: hidden;
  object-fit: cover;
  background-position: center !important;
  background-size: cover !important;
}

.page-grid > main.site-main,
.page-grid > main#main {
  padding-bottom: 80px;
}
aside#secondary {
  margin-top: 1%;
}

.ast-separate-container.ast-two-container #secondary .widget {
  background-color: #fff;
  padding: 1.5em;
  margin-bottom: 2em;
  padding-top: 0.8rem;
  padding-bottom: 1.4rem;
}
label.wp-block-search__label {
  margin: 0 0 10px;
  font-size: 15px;
  font-weight: 700;
  line-height: 1.5;
  font-family: "Lato";
  font-family: var(--heading-font);
}
.widget_block p:empty {
  display: none;
}
.widget_block p {
  display: none;
}
.widget_block p:has(*) {
  display: block;
}
@media (max-width: 768px) {
}
@media (max-width: 768px) {
  .post-thumb-link {
    max-width: 100% !important;
    height: auto;
  }
  .post-thumb-link img {
    width: 100% !important; /* stretch full card width */
    height: auto; /* keep natural aspect ratio */
    object-fit: contain; /* show full image, no crop */
  }
  .blog-list-container-page .post-body {
    padding-top: 0px;
  }
  .blog-list-container-page .page-grid > main.site-main,
  .blog-list-container-page .page-grid > main#main {
    padding-bottom: 0px !important;
  }
  .ast-separate-container.ast-two-container #secondary {
    padding-left: 0;
    padding-right: 0;
    padding-bottom: 20%;
  }
  .excerpt {
    font-size: 14px;
  }
  .post-body .meta {
    font-size: 12px;
  }
}
h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: "Lato", sans-serif;
}
/* On mobile, stack single post content + sidebar into 1 column */
@media (max-width: 768px) {
  body.single-post .single-layout {
    grid-template-columns: 1fr !important;
    grid-auto-flow: row;
    gap: 20px; /* adjust spacing */
  }

  body.single-post .single-layout > #main,
  body.single-post .single-layout > #secondary {
    grid-column: 1 / -1;
    width: 100%;
    max-width: 100%;
  }

  body.single-post #secondary {
    margin-top: 12px; /* spacing between content and sidebar */
  }
  .single-post table {
    table-layout: fixed;
    width: 100%;
    word-break: break-word; /* modern */
    overflow-wrap: anywhere; /* fallback */
  }
  .single-post .entry-content table {
    width: 100%;
  }

  .single-post .entry-content table {
    display: block;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch; /* smooth scroll on iOS */
    white-space: nowrap; /* keep cells in one line */
  }
  h2,
  .entry-content :where(h2) {
    font-size: 18px !important;
    line-height: 27px;
  }
  h3,
  .entry-content :where(h3) {
    font-size: 16px;
  }
  blockquote {
    font-size: 15px;
    line-height: inherit;
  }
  body.single-post .toc-column {
    background: white !important;
    padding-left: 10px !important;
    padding-right: 10px !important;
  }
  body.single-post .toc-column .toc-title {
    background: #284184 !important;
    color: white !important;
    padding-top: 5px !important;
    padding-bottom: 5px !important;
  }
  .entry-content p {
    margin-bottom: 1.6em;
    font-size: 14px;
  }
  main#main {
    margin-bottom: 25%;
  }
  .category-pills .pill {
    padding: 4px 8px !important;

    font-size: 12px !important;
  }
  .blog-list-container-page main#main {
    margin-bottom: 0% !important;
  }
}

h2,
.entry-content :where(h2) {
  font-size: 22px;

  font-weight: 600;
  line-height: 32px;
}
.entry-content :where(h1, h2, h3, h4, h5, h6) {
  margin-top: 1em;
  margin-bottom: calc(0.1em + 10px);
}

/* breadcrumb thin strip — overlap variant */
.nw-breadcrumb-strip {
  width: 100%;
  background: rgba(255, 255, 255, 0.98);
  padding: 6px 16px;
  box-sizing: border-box;
  font-size: 13px;
  z-index: 20;
  color: #33475b;
}

/* make it overlap the hero bottom when parent provides negative margin */
.nw-breadcrumb-strip.overlap {
  max-width: calc(100% - 40px);
  margin: 0 auto;
  margin-top: -20px; /* tweak -18 to -26px depending on your hero */
  border-radius: 10px;
  padding: 8px 18px;
  box-shadow: 0 10px 30px rgba(16, 40, 80, 0.06);
}

/* inner container (use your site container width if available) */
.nw-breadcrumb-strip .nw-breadcrumb-inner {
  max-width: 1200px;
  margin: 0 auto;
  display: flex;
  gap: 8px;
  align-items: center;
}

/* links & separators */
.nw-breadcrumb-strip a {
  color: #0b63e6;
  font-weight: 600;
  text-decoration: none;
}
.nw-breadcrumb-strip .sep {
  color: #98a6b3;
  margin: 0 6px;
}

/* responsive: remove overlap on small screens */
@media (max-width: 720px) {
  .nw-breadcrumb-strip.overlap {
    margin-top: 0;
    border-radius: 0;
    box-shadow: none;
    padding: 8px 12px;
  }
}