@media(max-width:1400px) {

          .hero-content h1 {

              font-size: 60px;

          }

          .all-same-heading {
              font-size: 42px;
          }

          .service-card {
              padding: 30px 25px;
          }

          .service-content h3 {
              font-size: 24px;
          }


          /* what we offer */

          .offer-section {
              padding: 60px 0;
          }

          .offer-grid {
              gap: 26px;
          }

          .offer-card {
              min-height: 355px;
          }

          /* contact */

          .contact-section {
              padding: 60px 0;
          }

          .contact-heading {
              margin-bottom: 40px;
          }



          /* hiring process / */

          .hiring-process-section {
              padding: 60px 0;
          }

          .hiring-process-grid {
              gap: 35px;
          }
      }


      @media (max-width:1199px) {

          .navbar-toggler {
              border: none;
              box-shadow: none;
              padding: 0;
              margin-left: 15px;
          }

          .navbar-toggler span.navbar-toggler-icon {
              background-image: none;
              width: 30px;
              height: 3px;
              display: block;
              background-color: #000;
              margin: 5px 0px;
              transition: .5s all;
          }

          .navbar-collapse {
              position: fixed;
              width: 65%;
              height: 100vh !important;
              background-color: white;
              left: 0;
              top: 82px;
              transition: .3s all;
              padding: 10px;
              gap: 10px;
              transform: translateX(-100%);
              z-index: 99999;
          }

          .navbar-collapse.show {
              transition: .5s all;
              transform: translateX(0);
          }

          .navbar-toggler.togle span:nth-child(1) {
              transform: rotate(45deg);
              margin: 0;
              position: relative;
              top: 2px;
              transition: .5s all;
          }

          .navbar-toggler.togle span:nth-child(2) {
              display: none;
              margin: 0;
              transition: .5s all;
          }

          .navbar-toggler.togle span:nth-child(3) {
              transform: rotate(-45deg);
              margin: 0;
              transition: .5s all;
          }

          .navbar-toggler:focus {
              box-shadow: none !important;
          }

          .circle-section {

              left: 50%;
          }

          /* work section */
          .work-icon {
              width: 95px;
              height: 95px;
          }

          .work-icon i {
              font-size: 34px;
          }

          .work-card h3 {
              font-size: 22px;
          }

          .work-arrow {
              display: none;
          }


          /* job catgory */

          .job-category-grid {

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

          }


          /* why choose */

          .why-section .why-card {
              padding: 50px 40px;
          }

          .why-left {
              padding-right: 36px;
          }

          .why-right {
              padding-left: 36px;
          }

          .testimonial-text {
              font-size: 20px;
          }

          /* cta */

          .cta-wrapper {

              padding: 40px;

          }

          .cta-content h2 {

              font-size: 40px;

          }

          /* footer */

          .footer-widget {
              padding-left: 20px;
          }

          .footer-widget h3 {
              font-size: 20px;
          }

          .footer-logo img {
              max-width: 190px;
          }



          /* about page css */

          .about-hero {
              min-height: 360px;

              background-position: center right;
          }

          .about-hero-content {
              max-width: 500px;
          }

          .about-hero h1 {
              font-size: 50px;
          }

          /* about css */

          .about-hero {
              min-height: 360px;

              background-position: center right;
          }

          .about-hero-content {
              max-width: 500px;
          }

          .about-hero h1 {
              font-size: 50px;
          }


          /* story section/ */

          .story-grid {
              gap: 55px;
          }

          .story-image-wrap {
              max-width: 510px;
          }

          .story-image img {
              height: 310px;
          }

          .story-text p {
              font-size: 15px;
          }

          /* candiate pae css */

          .candidate-benefits-grid {
              gap: 25px;
          }

          .candidate-benefit-card h3 {
              font-size: 22px;
          }

          .candidate-benefit-card p {
              font-size: 17px;
          }

          .candidate-benefit-icon {
              width: 85px;
              height: 85px;
              font-size: 29px;
              margin-bottom: 30px;
          }

          /* job category / */

          .job-category-grid {
              grid-template-columns: repeat(3, 164px);
              gap: 25px;
          }

          /* what we offer */

          .offer-section {
              padding: 60px 0;
          }

          .offer-heading {
              margin-bottom: 35px;
          }

          .offer-grid {
              grid-template-columns: repeat(2, 1fr);
              gap: 20px;
          }

          .offer-card,
          .offer-card:nth-child(7),
          .offer-card:nth-child(8) {
              grid-column: auto;
          }

          .offer-card {
              min-height: 330px;
              padding: 30px;
          }

          .offer-content h3 {
              font-size: 21px;
          }

          .offer-content p {
              max-width: 100%;
          }

          /* process section  */

          .process-heading {
              margin-bottom: 65px;
          }

          .process-icon {
              width: 80px;
              height: 80px;

              margin-bottom: 28px;
          }

          .process-icon i {
              font-size: 28px;
          }

          .process-number {
              font-size: 20px;
              margin-bottom: 15px;
          }

          .process-step h3 {
              font-size: 18px;
          }

          .process-step p {
              max-width: 180px;
              font-size: 14px;
          }

          .process-step:not(:last-child)::after {
              top: 40px;
              left: calc(50% + 40px);
              width: calc(100% - 80px);
          }

          /* contact  */

          .contact-section {
              padding: 60px 0;
          }

          .contact-heading {
              margin-bottom: 45px;
          }

          .contact-wrapper {
              grid-template-columns: 1.7fr 1fr;
              gap: 20px;
          }

          .contact-form-box {
              padding: 32px 28px;
          }

          .contact-info-box {
              padding: 32px 25px;
          }

          .contact-form-row {
              gap: 15px;
          }



          /* employer page css */

          .employer-benefits-grid {
              column-gap: 30px;
          }

          .employer-benefit-item {
              padding: 0 10px;
          }

          .employer-benefit-item:nth-child(1)::after,
          .employer-benefit-item:nth-child(2)::after {
              right: -15px;
          }

          /* hiring  process css */

          .hiring-process-section {
              padding: 60px 0;
          }

          .hiring-process-heading {
              margin-bottom: 45px;
          }

          .hiring-process-grid {
              gap: 35px;
          }

          .hiring-process-item:not(:last-child)::after,
          .hiring-process-item:not(:last-child)::before {
              display: none;
          }

          .hiring-process-icon {
              width: 70px;
              height: 70px;

              margin-bottom: 22px;
          }

          .hiring-process-icon i {
              font-size: 27px;
          }

          .hiring-process-content h3 {
              font-size: 18px;
          }

          .hiring-process-content p {
              font-size: 15px;
          }

/* SHIVANSH AI TALENT CSS */

 .ai-talent-hero h1 {
            font-size: 56px;
        }

        .ai-intro-grid {
            gap: 50px;
        }

        .ai-intro-image img {
            height: 400px;
        }

        .ai-roles-grid {
            grid-template-columns: repeat(2, 1fr);
        }

        .ai-expertise-grid {
            grid-template-columns: repeat(2, 1fr);
        }

        .ai-process-grid {
            grid-template-columns: repeat(3, 1fr);
            row-gap: 35px;
        }

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

        .ai-why-wrapper {
            gap: 50px;
        }




      }


      /* hero section  */





      @media(max-width:991px) {

          .hero-section {

              min-height: auto;

              background-position: 72% center;

          }

          .hero-overlay {

              background:
                  linear-gradient(90deg,
                      rgba(255, 255, 255, .98) 0%,
                      rgba(247, 250, 255, .95) 0%,
                      rgba(219, 232, 255, .78) 60%,
                      rgba(185, 210, 255, .38) 99%,
                      rgba(255, 255, 255, 0) 108%);

          }

          .hero-overlay::before,
          .hero-overlay::after {

              display: none;

          }

          .hero-content {

              max-width: 100%;

              padding: 70px 0;

              text-align: center;

          }

          .hero-content h1 {

              font-size: 50px;

          }

          .hero-content p {

              margin: 0 auto 35px;

          }

          .hero-btns {

              justify-content: center;

          }

          .trusted-box {

              justify-content: center;

          }


          /* service section/ */



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

          .service-heading {
              margin-bottom: 45px;
          }

          .all-same-heading {
              font-size: 22px;
          }

          .service-card {
              text-align: center;
          }

          .service-icon {
              margin: 0 auto 25px;
          }

          .service-btn {
              margin-top: 45px;
          }


          .work-grid {
              grid-template-columns: repeat(2, 1fr);
              gap: 35px;
          }



          /* work section */

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

          .work-card {
              padding: 15px;
          }

          .work-icon {
              width: 90px;
              height: 90px;
              margin-bottom: 20px;
          }

          .work-icon i {
              font-size: 30px;
          }

          .work-card h3 {
              font-size: 21px;
          }

          .work-card p {
              font-size: 15px;
          }

          .work-arrow {
              display: none;
          }

          /* job catgeory */

          .job-category-grid {

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

              gap: 18px;

          }


          /* why choose / */

          .why-section .why-card {
              padding: 44px 32px;
              border-radius: 18px;
          }

          .why-left {
              padding-right: 0;
              margin-bottom: 44px;
          }

          .why-right {
              padding-left: 0;
          }

          .why-right::before {
              display: none;
          }

          .why-section .all-same-heading p {
              font-size: 28px;
          }


          /* cta */

          .cta-wrapper {

              grid-template-columns: 1fr;

              text-align: center;

              padding: 45px 35px;

          }

          .cta-content p {

              margin: 0 auto 30px;

          }

          .cta-btns {

              justify-content: center;

          }

          .cta-image {

              text-align: center;

          }

          .cta-image img {

              margin: 40px auto 0;

              max-width: 420px;

          }


          /* about css */

          .about-hero {
              min-height: 340px;

              background-position: 65% center;
          }

          .about-hero {
              background-image:
                  linear-gradient(90deg,
                      rgba(5, 25, 65, 1) 0%,
                      rgba(5, 25, 65, .94) 38%,
                      rgba(5, 25, 65, .55) 68%,
                      rgba(5, 25, 65, .15) 100%),
                  url("assets/img/about-hero.jpg");
          }

          .about-hero-content {
              padding: 60px 0;
          }

          .about-hero h1 {
              font-size: 46px;
          }

          .about-hero p {
              font-size: 16px;
          }

          /* footer */

          .footer-section {
              padding: 70px 0 0;
          }

          .footer-about {
              margin-bottom: 45px;
              padding-right: 0;
          }

          .footer-widget {
              padding-left: 0;
              margin-bottom: 40px;
          }

          .footer-widget::before {
              display: none;
          }

          .footer-bottom {
              margin-top: 20px;
          }

          .footer-bottom p {
              text-align: center;
              margin-bottom: 15px;
          }

          .footer-bottom-links {
              justify-content: center;
          }

          /* story section */

          .story-section {
              padding: 70px 0;
          }

          .story-grid {
              grid-template-columns: 1fr;
              gap: 50px;
          }

          .story-content {
              max-width: 700px;
          }

          .story-image-wrap {
              max-width: 650px;
              width: 100%;
              margin: 0 auto;
          }

          .story-image img {
              height: 360px;
          }

          /* misssion  */

          .mission-section {
              padding: 55px 0;
          }

          .mission-intro {
              max-width: 720px;

              gap: 30px;

              margin-bottom: 35px;
          }

          .mission-main-icon {
              width: 120px;
              height: 120px;

              flex-basis: 120px;

              font-size: 50px;
          }

          .mission-main-icon::before {
              width: 72px;
              height: 72px;
          }

          .mission-main-icon::after {
              width: 45px;
              height: 45px;
          }

          .mission-description {
              font-size: 12px;
          }

          .mission-value {
              padding: 0 15px;
          }


          /* value section */

          .values-section {
              padding: 55px 0 60px;
          }

          .values-grid {
              grid-template-columns: repeat(2, 1fr);
              gap: 18px;
          }


          /* candiate page css */

          .candidate-benefits-section {
              padding: 65px 0 75px;
          }

          .candidate-benefits-section .all-same-heading {
              margin-bottom: 55px;
          }

          .candidate-benefits-grid {
              grid-template-columns: repeat(2, 1fr);
              gap: 50px 30px;
          }

          .candidate-benefit-card:last-child {
              grid-column: 1 / -1;
          }

          .candidate-benefit-card h3 {
              font-size: 21px;
          }

          .candidate-benefit-card p {
              font-size: 16px;
          }

          /* how ai sectuon */

          .how-it-works-grid {
              grid-template-columns: repeat(2, 1fr);
              gap: 25px;
          }

          .how-it-works-section h2.all-same-heading {
              font-size: 42px;
          }

          /* what we offer */

          .offer-section {
              padding: 55px 0;
          }

          .offer-heading {
              max-width: 700px;
              margin-bottom: 40px;
          }

          .offer-grid {
              gap: 18px;
          }

          .offer-card {
              min-height: 320px;
              padding: 28px;
          }

          .offer-icon {
              width: 58px;
              height: 58px;

              margin-bottom: 24px;
          }

          .offer-icon i {
              font-size: 24px;
          }

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

          .offer-content p {
              font-size: 15px;
              line-height: 1.6;
          }

          .offer-learn-more {
              margin-top: 22px;
              font-size: 14px;
          }


          /* proecss section */

          .process-section {
              padding: 55px 0;
          }

          .process-heading {
              margin-bottom: 50px;
          }

          .process-wrapper {
              grid-template-columns: repeat(2, 1fr);
              gap: 50px 30px;
          }

          .process-step:not(:last-child)::after {
              display: none;
          }

          .process-icon {
              width: 80px;
              height: 80px;
              margin-bottom: 22px;
          }

          .process-icon i {
              font-size: 28px;
          }

          .process-number {
              font-size: 18px;
              margin-bottom: 12px;
          }

          .process-step h3 {
              font-size: 18px;
              margin-bottom: 10px;
          }

          .process-step p {
              max-width: 250px;
              font-size: 15px;
          }


          /* contact  */



          .contact-section {
              padding: 55px 0;
          }

          .contact-heading {
              max-width: 700px;
              margin-bottom: 40px;
          }

          .contact-wrapper {
              grid-template-columns: 1fr;
              gap: 20px;
          }

          .contact-form-box,
          .contact-info-box {
              padding: 30px;
          }

          .contact-info-box h3 {
              margin-bottom: 30px;
          }


          /* employer [page css] */

          .employer-benefits-section {
              padding: 60px 0;
          }

          .employer-benefits-grid {
              grid-template-columns: repeat(2, minmax(0, 1fr));

              column-gap: 30px;
              row-gap: 45px;

              margin-top: 35px;
          }



          .employer-benefit-item:nth-child(1),
          .employer-benefit-item:nth-child(2),
          .employer-benefit-item:nth-child(3),
          .employer-benefit-item:nth-child(4),
          .employer-benefit-item:nth-child(5) {
              grid-column: auto;
          }



          .employer-benefit-item::after {
              display: none;
          }

          .employer-benefit-item {
              padding: 0 15px;
          }

          .employer-benefit-icon {
              width: 60px;
              height: 60px;

              margin-bottom: 14px;
          }

          .employer-benefit-item h3 {
              font-size: 18px;
          }

          .employer-benefit-item p {
              max-width: 260px;
              font-size: 16px;
          }

          /* hring  process csssm  */

          .hiring-process-section {
              padding: 55px 0;
          }

          .hiring-process-heading {
              margin-bottom: 40px;
          }

          .hiring-process-grid {
              grid-template-columns: repeat(2, 1fr);
              gap: 45px 30px;
          }

          .hiring-process-icon {
              width: 70px;
              height: 70px;

              margin-bottom: 20px;
          }

          .hiring-process-content {
              max-width: 260px;
          }

          .hiring-process-content h3 {
              font-size: 18px;
          }

          .hiring-process-content p {
              font-size: 15px;
              line-height: 1.55;
          }

          /* industry section */

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


          /* SHIVANSH AI TALENT  */
           .ai-talent-hero {
            min-height: 360px;

            background:
                linear-gradient(90deg,
                    #061d43 0%,
                    rgba(6, 29, 67, .96) 42%,
                    rgba(6, 29, 67, .62) 78%,
                    rgba(6, 29, 67, .34) 100%),
                url("img/about-banner.png") center right / cover no-repeat;
        }

        .ai-talent-hero-content {
            padding: 64px 0;
        }

        .ai-talent-hero h1 {
            font-size: 48px;
        }

        .ai-intro-section,
        .ai-roles-section,
        .ai-expertise-section,
        .ai-why-section,
        .ai-process-section,
        .ai-hiring-section,
        .ai-faq-section {
            padding: 35px 0;
        }

        .ai-intro-grid {
            grid-template-columns: 1fr;

            gap: 35px;
        }

        .ai-intro-content {
            max-width: 100%;
        }

        .ai-intro-image img {
            height: 360px;
        }

        .ai-expertise-header {
            grid-template-columns: 1fr;

            gap: 20px;
        }

        .ai-expertise-header .all-same-text {
            margin-left: 0;
        }

        .ai-why-wrapper {
            grid-template-columns: 1fr;

            gap: 45px;

            padding: 45px;
        }

        .ai-why-content {
            padding-right: 0;
        }

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

        .ai-hiring-grid {
            grid-template-columns: repeat(2, 1fr);
        }


      }





      @media(max-width:767px) {

          .hero-section {

              padding: 70px 0;

              background-position: 70% center;

          }

          .hero-content {

              padding: 0;

          }

          .hero-content h1 {

              font-size: 38px;

              line-height: 1.15;

          }

          .hero-content p {

              font-size: 16px;

              line-height: 1.7;

          }

          .hero-btns {

              flex-direction: column;

              gap: 14px;

          }

          .all-same-btn-primary,
          .all-same-btn-secondary {

              width: auto;
              margin: auto;

          }



          .hero-tag {

              font-size: 12px;

          }



          .service-section {
              padding: 65px 0;
          }

          .service-heading {
              margin-bottom: 35px;
          }

          .all-same-subheading {
              font-size: 13px;
              letter-spacing: 1.5px;
          }

          .all-same-heading {
              font-size: 30px;
              line-height: 1.3;
          }

          .service-card {
              padding: 28px 22px;
              border-radius: 16px;
          }

          .service-icon {
              width: 64px;
              height: 64px;
              margin-bottom: 22px;
          }

          .service-icon i {
              font-size: 26px;
          }

          .service-content h3 {
              font-size: 22px;
              margin-bottom: 14px;
          }

          .service-content p {
              font-size: 15px;
              line-height: 1.7;
          }

          .service-btn {
              margin-top: 35px;
          }

          /* stats section */

          .stats-section {

              padding: 35px 0;

          }

          .stats-card {

              padding: 30px 20px;

          }

          .stats-card::after {

              display: none;

          }

          .stats-number {

              font-size: 42px;

          }

          .stats-section {

              padding: 25px 0;

          }

          .stats-card {

              padding: 25px 15px;

          }

          .stats-icon i {

              font-size: 28px;

          }

          .stats-number {

              font-size: 36px;

          }

          .stats-text {

              font-size: 16px;

          }

          /* work */

          .work-grid {
              grid-template-columns: 1fr;
              gap: 30px;
          }

          .work-section p {
              font-size: 18px;
              line-height: 1.8;
              color: #555;
              margin-bottom: 15px;

          }

          .work-icon {
              width: 80px;
              height: 80px;
              margin: 0 auto 25px;
              border: 2px solid #dbe7ff;
              border-radius: 50%;
              display: flex;
              align-items: center;
              justify-content: center;
              background: #fff;
              transition: .35s;
          }

          .work-card:hover .work-icon {
              background: #0c8fff;
              border-color: #0c8fff;
          }

          .work-icon i {
              font-size: 30px;
              color: #0c8fff;
              transition: .35s;
          }

          .work-card:hover .work-icon i {
              color: #fff;
          }


          .work-card h3 {
              font-size: 26px;
              font-weight: 700;
              color: #17315e;
              margin-bottom: 12px;
          }

          .work-card p {
              margin: 0;
              font-size: 16px;
              line-height: 1.8;
              color: #666;
              max-width: 240px;
              margin-inline: auto;
          }



          .work-arrow {
              position: absolute;
              top: 55px;
              right: -25px;
              width: 55px;
              height: 2px;
              border-top: 2px dashed #cfe0ff;
          }

          .work-arrow i {
              position: absolute;
              right: -5px;
              top: -11px;
              color: #a8c6ff;
              font-size: 20px;
          }


          .work-section {
              padding: 65px 0;
          }

          .work-card {
              padding: 15px 10px;
          }

          .work-icon {
              width: 80px;
              height: 80px;
              margin-bottom: 18px;
          }

          .work-icon i {
              font-size: 26px;
          }

          .work-card h3 {
              font-size: 20px;
              margin-bottom: 10px;
          }

          .work-card p {
              font-size: 14px;
              line-height: 1.7;
          }

          .work-arrow {
              display: none;
          }


          /* job category  */

          .job-category-section {

              padding: 60px 0;

          }

          .job-category-grid {

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

              gap: 15px;

              margin-top: 35px;

          }

          .job-category-card {

              padding: 22px 15px;

          }

          .job-category-icon {

              width: 52px;

              height: 52px;

          }

          .job-category-icon i {

              font-size: 20px;

          }

          .job-category-card h3 {

              font-size: 15px;

          }

          /* why choose us  */

          .why-section {
              padding: 40px 14px;
          }

          .why-section .why-card {
              padding: 32px 22px;
          }

          .why-left {
              margin-bottom: 36px;
          }

          .why-list {
              margin: 22px 0;
          }

          .why-list li {
              gap: 10px;
              margin-bottom: 13px;
          }

          .why-list li span {
              font-size: 15px;
          }

          .testimonial-item {
              padding-right: 0;
          }

          .testimonial-quote i {
              font-size: 28px;
          }

          .testimonial-text {
              font-size: 17px;
              margin-top: 14px;
          }

          .testimonial-user {
              gap: 12px;
              margin-top: 22px;
          }

          .testimonial-user-img img {
              width: 48px;
              height: 48px;
          }

          .testimonial-dots {
              margin-top: 20px;
          }

          /* cta/ */

          .cta-section {

              padding-bottom: 60px;

          }

          .cta-wrapper {

              padding: 35px 22px;

              border-radius: 20px;

          }

          .cta-content h2 {

              font-size: 22px;

          }

          .cta-content p {

              font-size: 15px;

              line-height: 1.7;

          }

          .cta-btns {

              flex-direction: column;

              gap: 15px;

          }



          .cta-image img {

              max-width: 100%;

              margin-top: 30px;

          }


          /* footer */

          .footer-section {
              padding: 60px 0 0;
          }

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

          .footer-about p {
              font-size: 15px;
          }

          .footer-social {
              justify-content: flex-start;
          }

          .footer-widget h3 {
              margin-bottom: 18px;
              font-size: 20px;
          }

          .footer-widget ul li {
              margin-bottom: 12px;
          }

          .footer-widget ul li a,
          .footer-widget ul li span {
              font-size: 15px;
          }

          .footer-contact ul li {
              gap: 12px;
          }

          .footer-bottom {
              padding: 20px 0;
          }

          .footer-bottom-links {
              flex-direction: column;
              align-items: center;
              gap: 10px;
          }


          /* about page css */

          .about-hero {
              min-height: auto;
              background-image: none;

          }

          .about-hero-content {
              padding: 45px 0 40px;
          }

          .about-breadcrumb {
              margin-bottom: 18px;
              font-size: 11px;
          }

          .about-hero h1 {
              font-size: 38px;
          }

          .about-hero-line {
              width: 38px;
              height: 3px;

              margin: 16px 0 20px;
          }

          .about-hero p {
              font-size: 15px;
              line-height: 1.7;
              max-width: 100%;
          }



          .about-hero::after {
              content: "";

              display: block;

              height: 230px;


              background-size: cover;
              background-position: center;

          }

          /* story section */

          .story-section {
              padding: 55px 0;
          }

          .story-grid {
              gap: 40px;
          }

          .story-content {
              max-width: 100%;
          }

          .story-text p {
              font-size: 14px;
              line-height: 1.7;
          }

          .story-image-wrap {
              padding: 15px 10px 20px 0;
          }

          .story-image {
              border-radius: 16px;
          }

          .story-image img {
              height: 270px;
              border-radius: 16px;
          }

          .story-corner {
              width: 75px;
              height: 75px;

              border-width: 7px;

              border-radius: 0 38px 0 0;
          }

          .story-dots {
              width: 75px;
              height: 65px;

              background-size: 8px 8px;
          }

          .story-dots-top {
              right: 100px;
          }

          .story-dots-bottom {
              left: -10px;
          }

          /* mission */

          .mission-section {
              padding: 45px 0 50px;
          }

          .mission-intro {
              flex-direction: column;

              gap: 20px;

              margin-bottom: 35px;

              text-align: center;
          }

          .mission-main-icon {
              width: 105px;
              height: 105px;

              flex-basis: 105px;

              font-size: 44px;
          }

          .mission-main-icon::before {
              width: 64px;
              height: 64px;

              border-width: 3px;
          }

          .mission-main-icon::after {
              width: 40px;
              height: 40px;

              border-width: 3px;
          }

          .mission-main-icon i {
              font-size: 20px;
          }

          .mission-main-content {
              width: 100%;
          }

          .mission-main-content .all-same-heading {
              text-align: center;
          }

          .mission-description {
              max-width: 500px;

              margin: 10px auto 0;

              font-size: 13px;
              line-height: 1.7;
          }


          /* 2 columns on mobile */

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

              row-gap: 0;
          }

          .mission-value {
              min-height: 165px;

              padding: 18px 12px;

              border-right: 1px solid #dce5f0;
              border-top: 1px solid #dce5f0;
          }

          .mission-value:nth-child(2),
          .mission-value:nth-child(4) {
              border-right: 0;
          }

          .mission-value:nth-child(1),
          .mission-value:nth-child(2) {
              border-top: 0;
          }

          .mission-value:first-child,
          .mission-value:last-child {
              padding-left: 12px;
              padding-right: 12px;
          }

          .mission-value-icon {
              width: 60px;
              height: 60px;

              margin-bottom: 9px;

              font-size: 17px;
          }

          .mission-value h4 {
              font-size: 12px;
          }

          .mission-value p {
              max-width: 150px;

              font-size: 10px;
              line-height: 1.6;
          }

          /* value  */

          .values-section {
              padding: 45px 0 50px;
          }

          .values-grid {
              grid-template-columns: repeat(2, 1fr);
              gap: 15px;
          }

          .value-card {
              min-height: auto;
              padding: 25px 20px;
          }

          .value-card p {
              max-width: 280px;
          }

          /* candidate page css */

          .candidate-benefits-section {
              padding: 55px 0 60px;
          }

          .candidate-benefits-section .all-same-heading {
              margin-bottom: 45px;
          }

          .candidate-benefits-grid {
              grid-template-columns: 1fr;
              gap: 40px;
          }

          .candidate-benefit-card:last-child {
              grid-column: auto;
          }

          .candidate-benefit-icon {
              width: 80px;
              height: 80px;
              margin-bottom: 22px;
              font-size: 27px;
          }

          .candidate-benefit-card h3 {
              min-height: auto;
              font-size: 20px;
              margin-bottom: 12px;
          }

          .candidate-benefit-card p {
              max-width: 320px;
              font-size: 15px;
              line-height: 1.65;
          }

          /* how ai section  */

          .how-it-works-section {
              padding: 60px 0;
          }

          .how-it-works-grid {
              grid-template-columns: 1fr;
              gap: 20px;
          }

          .how-it-works-section h2.all-same-heading {
              font-size: 32px;
          }

          .how-it-works-card {
              min-height: auto;
              padding: 35px 25px 38px;
          }

          .how-it-works-icon-wrap,
          .how-it-works-icon {
              width: 105px;
              height: 105px;
          }

          .how-it-works-icon i {
              font-size: 30px;
          }

          .how-it-works-number {
              position: absolute;
              right: 0px;
              bottom: 0px;

          }

          .how-it-works-card h3 {
              font-size: 22px;
          }

          .how-it-works-card p {
              font-size: 17px;
          }


          /* job catgeory  */

          .ai-job-categories {
              padding: 60px 0;
          }

          .job-category-grid {
              grid-template-columns: repeat(2, minmax(145px, 164px));
              gap: 18px;
          }

          /* what we offer  */

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

          .offer-heading {
              margin-bottom: 32px;
              padding: 0 10px;
          }

          .offer-heading .all-same-subheading {
              margin-bottom: 12px;
          }

          .offer-grid {
              grid-template-columns: 1fr;
              gap: 18px;
          }

          .offer-card,
          .offer-card:nth-child(7),
          .offer-card:nth-child(8) {
              grid-column: auto;
          }

          .offer-card {
              min-height: auto;
              padding: 28px 25px;
          }

          .offer-icon {
              width: 58px;
              height: 58px;

              margin-bottom: 22px;
          }

          .offer-content h3 {
              font-size: 20px;
              line-height: 1.35;

              margin-bottom: 10px;
          }

          .offer-content p {
              max-width: 100%;

              font-size: 15px;
              line-height: 1.65;
          }

          .offer-learn-more {
              margin-top: 24px;
          }

          /* process section */

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

          .process-heading {
              margin-bottom: 40px;
          }

          .process-wrapper {
              grid-template-columns: 1fr;
              gap: 40px;
          }

          .process-step:not(:last-child)::after {
              display: none;
          }

          .process-icon {
              width: 75px;
              height: 75px;
              margin-bottom: 18px;
          }

          .process-icon i {
              font-size: 26px;
          }

          .process-number {
              font-size: 18px;
              margin-bottom: 10px;
          }

          .process-step h3 {
              font-size: 18px;
              margin-bottom: 8px;
          }

          .process-step p {
              max-width: 320px;
              font-size: 15px;
              line-height: 1.6;
          }

          /* contact  */

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

          .contact-heading {
              padding: 0 10px;
              margin-bottom: 32px;
          }

          .contact-heading .all-same-subheading {
              margin-bottom: 12px;
          }

          .contact-wrapper {
              gap: 18px;
          }

          .contact-form-box,
          .contact-info-box {
              padding: 28px 22px;
              border-radius: 15px;
          }

          .contact-form-box h3,
          .contact-info-box h3 {
              font-size: 23px;
          }

          .contact-form-intro {
              font-size: 14px;
              margin-bottom: 25px;
          }

          .contact-form-row {
              grid-template-columns: 1fr;
              gap: 15px;
              margin-bottom: 15px;
          }

          .contact-field input {
              height: 48px;
          }

          .contact-field textarea {
              min-height: 150px;
          }

          .contact-submit-btn {
              width: 180px;
          }

          .contact-info-item {
              margin-bottom: 24px;
          }

          /* employer page  */

          .employer-benefits-section {
              padding: 50px 0;
          }

          .employer-benefits-grid {
              grid-template-columns: 1fr;

              gap: 30px;

              margin-top: 30px;
          }

          .employer-benefit-item {
              padding: 0 15px 30px;

              border-bottom: 1px solid #e4e8ef;
          }

          .employer-benefit-item:last-child {
              padding-bottom: 0;
              border-bottom: 0;
          }

          .employer-benefit-item:nth-child(1),
          .employer-benefit-item:nth-child(2),
          .employer-benefit-item:nth-child(3),
          .employer-benefit-item:nth-child(4),
          .employer-benefit-item:nth-child(5) {
              grid-column: auto;
          }

          .employer-benefit-item::after {
              display: none !important;
          }

          .employer-benefit-icon {
              width: 58px;
              height: 58px;

              margin-bottom: 12px;

              font-size: 20px;
          }

          .employer-benefit-item h3 {
              margin-bottom: 8px;

              font-size: 18px;
              line-height: 1.4;
          }

          .employer-benefit-item p {
              max-width: 320px;

              font-size: 16px;
              line-height: 1.5;
          }

          /* hiring process */

          .hiring-process-section {
              padding: 50px 0;
          }

          .hiring-process-heading {
              margin-bottom: 35px;
          }

          .hiring-process-grid {
              grid-template-columns: 1fr;
              gap: 35px;
          }

          .hiring-process-icon {
              width: 65px;
              height: 65px;

              margin-bottom: 18px;
          }

          .hiring-process-icon i {
              font-size: 25px;
          }

          .hiring-process-content {
              max-width: 320px;
          }

          .hiring-process-content h3 {
              font-size: 18px;
              margin-bottom: 8px;
          }

          .hiring-process-content p {
              font-size: 15px;
              line-height: 1.6;
          }

          /* industry section  */

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

          .industry-grid {
              grid-template-columns: 1fr;
              gap: 15px;
          }

          .industry-card {
              min-height: auto;
          }

/* SHIVANSH AI TALENT  */
.ai-talent-hero {
            min-height: auto;

            background:
                linear-gradient(90deg,
                    rgba(6, 29, 67, .97) 0%,
                    rgba(6, 29, 67, .91) 62%,
                    rgba(6, 29, 67, .68) 100%),
                url("img/about-banner.png") 63% center / cover no-repeat;
        }

        .ai-talent-hero-content {
            padding: 56px 0;
        }

        .ai-talent-hero h1 {
            font-size: 40px;

            line-height: 1.15;
        }

        .ai-talent-hero .all-same-text {
            font-size: 16px;

            line-height: 1.7;
        }

        .ai-intro-image {
            border-radius: 14px;
        }

        .ai-intro-image img {
            height: 300px;
        }

        .ai-roles-grid {
            grid-template-columns: 1fr;
        }

        .ai-role-card {
            min-height: auto;

            padding: 28px;
        }

        .ai-expertise-grid {
            grid-template-columns: 1fr;
        }

        .ai-why-wrapper {
            padding: 32px 25px;

            border-radius: 18px;
        }

        .ai-process-grid {
            grid-template-columns: 1fr 1fr;

            gap: 20px;
        }

        .ai-hiring-grid {
            grid-template-columns: 1fr;
        }

      }



      /* small mobile */

      @media(max-width:480px) {

          .service-section {
              padding: 55px 0;
          }

          .all-same-heading {
              font-size: 22px;
          }

          .service-card {
              padding: 24px 20px;
          }

          .service-icon {
              width: 58px;
              height: 58px;
          }

          .service-icon i {
              font-size: 22px;
          }

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

          .service-content p {
              font-size: 14px;
          }



          /* work */

          .work-icon {
              width: 72px;
              height: 72px;
          }

          .work-icon i {
              font-size: 22px;
          }

          .work-card h3 {
              font-size: 18px;
          }

          .work-card p {
              font-size: 13px;
          }

          /* footer */

          .footer-section {
              text-align: center;
          }

          .footer-social {
              justify-content: center;
          }

          .footer-contact ul li {
              justify-content: center;
              text-align: left;
          }

          .footer-bottom p {
              font-size: 14px;
          }


          /* about page */

          .about-hero-content {
              padding: 35px 0 30px;
          }

          .about-hero h1 {
              font-size: 34px;
          }

          .about-hero p {
              font-size: 14px;
              line-height: 1.65;
          }

          .about-hero::after {
              height: 200px;
          }

          /* story about section */

          .story-section {
              padding: 45px 0;
          }

          .story-text p {
              font-size: 14px;
          }

          .story-image img {
              height: 230px;
          }

          .story-corner {
              width: 65px;
              height: 65px;
          }

          /* mission */

          .mission-section {
              padding: 40px 0 45px;
          }

          .mission-main-icon {
              width: 95px;
              height: 95px;

              flex-basis: 95px;
          }

          .mission-main-icon::before {
              width: 58px;
              height: 58px;
          }

          .mission-main-icon::after {
              width: 36px;
              height: 36px;
          }

          .mission-description {
              font-size: 14px;
          }

          .mission-value {
              min-height: 160px;

              padding: 16px 8px;
          }

          .mission-value-icon {
              width: 38px;
              height: 38px;

              font-size: 15px;
          }

          .mission-value h4 {
              font-size: 14px;
          }

          .mission-value p {
              font-size: 14px;
          }

          /* value section/ */

          .value-card {
              padding: 22px 18px;
          }

          .value-icon {
              width: 45px;
              height: 45px;
              font-size: 20px;
          }

          .value-card h3 {
              font-size: 15px;
          }

          .value-card p {
              font-size: 14px;
          }

          /* candiate pag css */

          .candidate-benefits-section {
              padding: 45px 0 50px;
          }

          .candidate-benefit-icon {
              width: 72px;
              height: 72px;
              font-size: 24px;
          }

          .candidate-benefit-card h3 {
              font-size: 19px;
          }

          .candidate-benefit-card p {
              font-size: 14px;
          }

          /* joob catgeory  */

          .job-category-grid {
              grid-template-columns: repeat(2, 1fr);
              gap: 15px;
              padding: 0 10px;
          }

          .job-category-card {
              width: 100%;
              height: auto;
              padding: 24px 10px 18px;
              border-radius: 18px;
          }

          .job-category-icon {
              width: 55px;
              height: 55px;
              flex-basis: 55px;
              margin-bottom: 13px;
          }

          .job-category-icon i {
              font-size: 25px;
          }

          .job-category-card h3 {
              min-height: 52px;
              height: 52px;
              font-size: 18px;
          }

          .job-category-card p {
              margin-top: 7px;
              font-size: 15px;
          }

          /* what we offer */

          .offer-section {
              padding: 45px 0;
          }

          .offer-heading {
              padding: 0 5px;
              margin-bottom: 28px;
          }

          .offer-card {
              padding: 25px 22px;
              border-radius: 15px;
          }

          .offer-icon {
              width: 54px;
              height: 54px;

              margin-bottom: 20px;
          }

          .offer-icon i {
              font-size: 22px;
          }

          .offer-content h3 {
              font-size: 19px;
          }

          .offer-content p {
              font-size: 15px;
              line-height: 1.6;
          }

          .offer-learn-more {
              font-size: 13px;
              gap: 10px;
          }

          /* contact  */

          .contact-section {
              padding: 45px 0;
          }

          .contact-heading {
              padding: 0 5px;
              margin-bottom: 28px;
          }

          .contact-form-box,
          .contact-info-box {
              padding: 25px 20px;
              border-radius: 15px;
          }

          .contact-form-box h3,
          .contact-info-box h3 {
              font-size: 21px;
          }

          .contact-form-intro {
              font-size: 14px;
              line-height: 1.6;
          }

          .contact-field textarea {
              min-height: 140px;
          }

          .contact-submit-btn {
              width: 175px;
              height: 50px;
          }

          .social-links {
              margin-left: 58px;
          }


          /* hiring process/ */

          .hiring-process-section {
              padding: 45px 0;
          }

          .hiring-process-heading {
              margin-bottom: 30px;
          }

          .hiring-process-grid {
              gap: 30px;
          }

          .hiring-process-icon {
              width: 60px;
              height: 60px;
          }

          .hiring-process-icon i {
              font-size: 23px;
          }

          .hiring-process-content h3 {
              font-size: 18px;
          }

          .hiring-process-content p {
              font-size: 15px;
          }


/* SHIVANSH AI TALENT  */


        .ai-talent-hero-content {
            padding: 48px 0;
        }

        .ai-talent-hero h1 {
            font-size: 34px;
        }

        .ai-talent-breadcrumb {
            font-size: 12px;
        }

        .ai-talent-hero-buttons {
            align-items: stretch;
            flex-direction: column;
        }

        .ai-talent-hero-buttons .all-same-btn-primary,
        .ai-talent-hero-buttons .all-same-btn-secondary {
            width: 80%;
            min-width: 0;
            justify-content: center;
            text-align: center;
        }

        .ai-intro-section,
        .ai-roles-section,
        .ai-expertise-section,
        .ai-why-section,
        .ai-process-section,
        .ai-hiring-section,
        .ai-faq-section {
            padding: 60px 0;
        }

        .ai-role-card {
            padding: 25px 22px;
        }

        .ai-intro-image img {
            height: 245px;
        }

        .ai-process-grid {
            grid-template-columns: 1fr;
        }

        .ai-process-item {
            padding: 10px 20px;
        }

        .ai-faq-item summary {
            padding: 20px 0;

            font-size: 16px;
        }

        .ai-faq-answer {
            padding: 0 25px 22px 0;
        }

    .ai-talent-hero h1 {
            font-size: 31px;
        }

        .ai-talent-hero-content {
            padding: 42px 0;
        }

        .ai-role-card,
        .ai-hiring-card {
            padding: 22px 20px;
        }

        .ai-common-btn .all-same-btn-primary {
            width: 100%;

            min-width: 0;

            padding: 0 18px;

            text-align: center;
        }




      }