@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;
          }



          /* INDUSTRY PAGE SHIVANSH  */
          .industry-intro-grid {
              gap: 60px;
          }

          .hiring-solutions-wrapper {
              gap: 60px;
          }

      }
  @media (min-width: 1200px) {

    .main-menus .dropdown:hover .dropdown-menu {
        display: block;
    }

}

      @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;
          }

          /* resoruces section */
          .resources-grid {
              grid-template-columns: repeat(2, 1fr);
              gap: 18px;
          }



          /* fetures sectionr resources  */

          .featured-resources-section {
              padding: 60px 0;
          }

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

          .featured-resource-card {
              min-height: 310px;
          }

          /* INDUSTRY PAGE CSS SHIVANSH  */
          .industry-intro-grid {
              gap: 45px;
          }

          .industry-card {
              padding: 30px;
          }

          .industry-card h3 {
              font-size: 24px;
          }

          .hiring-solutions-wrapper {
              gap: 45px;
          }


          /* case sudies inner page  */

          .case-study-hero h1 {
              font-size: 36px;
          }

          .case-study-hero-image {
              height: 350px;
          }

          .case-study-meta {
              grid-template-columns: 28px 105px 1fr;
          }
      }


      /* 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);
          }

          /* resoruces sectin */
          .resources-section {
              padding: 55px 0;
          }

          .resources-heading {
              margin-bottom: 30px;
          }

          .resources-heading p {
              font-size: 15px;
          }

          .resource-card li {
              font-size: 15px;
          }


          /* resoruces format  */
          .resource-format-section {
              padding: 55px 0;
          }

          .resource-format-box {
              gap: 30px;
              padding: 25px;
          }

          .resource-format-info {
              gap: 20px;
          }

          .resource-format-icon {
              width: 70px;
              height: 70px;
              flex-basis: 70px;
              font-size: 27px;
          }

          .resource-format-text h3 {
              font-size: 18px;
          }

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

          .resource-format-list {
              gap: 8px;
          }

          .resource-format-item {
              font-size: 13px;
              padding: 7px 9px;
          }


          /* hiring tools / */
          .hiring-tools-section {
              padding: 55px 0;
          }

          .hiring-tools-grid {
              row-gap: 20px;
          }

          .hiring-tool-card {
              min-height: 330px;
          }


          /* INDUSTRY PAGE SHIAVSNH  */

          .industry-intro-section,
          .industries-section,
          .featured-industry-section,
          .hiring-solutions-section,
          .industry-faq-section {
              padding: 70px 0;
          }

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

          .industry-intro-heading {
              max-width: 700px;
          }

          .industry-intro-content {
              padding-left: 0;
              border-left: 0;
              padding-top: 25px;
              border-top: 1px solid #dce5f0;
          }


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

          .industry-card {
              padding: 25px;
          }

          .industry-info ul {
              grid-template-columns: 1fr;
          }


          .featured-industry-grid {
              grid-template-columns: 1fr;
          }


          .hiring-solutions-wrapper {
              grid-template-columns: 1fr;
              gap: 45px;
          }

          .hiring-solutions-heading {
              max-width: 700px;
          }



          /* case studies [paeg ] */
          .case-study-image {
              height: 155px;
          }

          .case-study-content {
              padding: 17px;
          }

          .case-detail {
              grid-template-columns: 22px 90px 1fr;
          }


          /* case stidies inner page  */
          .case-study-hero {
              padding: 45px 0 50px;
          }

          .case-study-hero-content {
              padding-right: 0;
          }

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

          .case-study-hero-image {
              height: 320px;
          }



          .case-content-card {
              padding: 24px;
          }

          .case-approach-box {
              padding: 25px;
          }

          /* service inner page */
          .service-detail-hero {
              padding: 65px 0;
          }

          .service-detail-hero-image {
              margin-top: 20px;
          }

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

          .service-overview-title {
              position: static;
              max-width: 650px;
          }

          .service-overview-content {
              margin-top: 20px;
          }


          /* blog page css */
          .latest-blogs-section {
              padding: 60px 0 70px;
          }

          .latest-blogs-top {
              margin-bottom: 32px;
          }

          .latest-blogs-section .row {
              --bs-gutter-x: 25px;
              --bs-gutter-y: 28px;
          }

          .blog-image {
              height: 190px;
          }

          .blog-content {
              padding: 18px;
          }

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

          .blog-content p {
              font-size: 13px;
          }

      }





      @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;
          }

          /* resoruces section/ */


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

          .resources-heading {
              margin-bottom: 30px;
              padding: 0 10px;
          }

          .resources-grid {
              grid-template-columns: 1fr;
              gap: 16px;
          }

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

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

          .resource-card li {
              font-size: 15px;
          }


          /* featuressection  */
          .featured-resources-section {
              padding: 50px 0;
          }

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

          .featured-resources-heading p {
              font-size: 15px;
          }

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

          .featured-resource-card {
              min-height: auto;
              padding: 25px;
          }

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

          .featured-resource-content p {
              font-size: 15px;
          }


          /* resoruces format  */
          .resource-format-section {
              padding: 50px 0;
          }

          .resource-format-box {
              flex-direction: column;
              align-items: stretch;

              gap: 28px;

              padding: 25px 20px;
          }

          .resource-format-info {
              align-items: flex-start;
          }

          .resource-format-icon {
              width: 65px;
              height: 65px;
              flex-basis: 65px;
              font-size: 25px;
          }

          .resource-format-text {
              max-width: 100%;
          }

          .resource-format-text h3 {
              font-size: 18px;
          }

          .resource-format-text p {
              font-size: 15px;
              line-height: 1.55;
          }

          .resource-format-list {
              grid-template-columns: repeat(2, 1fr);
              gap: 10px;
          }




          /* hiring tools  */

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

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

          .hiring-tool-card {
              min-height: auto;
              padding: 25px 22px;
          }

          .hiring-tool-icon {
              width: 56px;
              height: 56px;
              margin-bottom: 18px;
          }

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

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

          .tool-btn {
              margin-top: 24px;
          }

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

          .faq-heading {
              margin-bottom: 25px;
          }

          .faq-accordion .accordion-button {
              padding: 14px 16px;
              font-size: 13px;
          }

          .faq-accordion .accordion-body {
              padding: 0 16px 16px;
              font-size: 13px;
          }

          /* INDSUTRY PAGE SIAVSNH  */

          .industry-intro-section,
          .industries-section,
          .featured-industry-section,
          .hiring-solutions-section,
          .industry-faq-section {
              padding: 60px 0;
          }


          .section-heading-center {
              margin-bottom: 40px;
          }

          .section-heading-center .all-same-heading {
              font-size: 36px;
          }


          .industry-intro-heading .all-same-heading {
              font-size: 36px;
          }


          .industries-grid {
              grid-template-columns: 1fr;
          }

          .industry-card {
              padding: 25px 22px;
          }

          .industry-card h3 {
              font-size: 23px;
          }

          .industry-number {
              font-size: 38px;
          }


          .featured-industry-card {
              padding: 25px 20px;
          }

          .featured-card-header {
              align-items: flex-start;
          }

          .featured-card-header h3 {
              font-size: 20px;
          }

          .featured-row {
              grid-template-columns: 1fr;
              gap: 5px;
          }

          .featured-row span {
              font-size: 12px;
          }


          .hiring-solutions-list {
              padding: 5px 20px;
          }

          .hiring-solution-item {
              grid-template-columns: 45px 1fr;
              gap: 15px;
              padding: 23px 0;
          }

          .solution-number {
              width: 40px;
              height: 40px;
          }

          .hiring-solution-item h3 {
              font-size: 18px;
          }

          /* case studies page */
          .case-studies-section {
              padding: 50px 0;
          }

          .case-studies-heading {
              margin-bottom: 28px;
          }

          .case-study-image {
              height: 185px;
          }

          .case-study-content {
              padding: 18px;
          }

          .case-study-content h3 {
              font-size: 17px;
          }

          .case-study-content>p {
              font-size: 14px;
          }

          .case-detail {
              grid-template-columns: 22px 95px 1fr;
          }

          /* case studies page inner  */
          .case-study-hero {
              padding: 40px 0 45px;
          }

          .case-study-number {
              margin-bottom: 15px;
              font-size: 11px;
          }

          .case-study-hero h1 {
              margin-bottom: 14px;
              font-size: 29px;
              line-height: 1.2;
          }

          .case-study-type {
              margin-bottom: 16px;
              font-size: 13px;
          }

          .case-study-meta-box {
              padding: 8px 15px;
          }

          .case-study-meta {
              grid-template-columns: 25px 85px 1fr;
              column-gap: 7px;
              min-height: 50px;
          }

          .case-study-meta-icon {
              font-size: 15px;
          }

          .case-study-meta-label {
              font-size: 12px;
          }

          .case-study-meta-value {
              font-size: 11px;
          }

          .case-study-hero-image {
              height: 240px;
              margin-top: 5px;
          }


          .case-context-section {
              padding: 22px 0 18px;
          }

          .case-context-box {
              padding: 20px;
          }

          .case-study-content-page p,
          .case-context-box p {
              font-size: 15px;
              line-height: 1.65;
          }

          .case-challenge-section {
              padding: 22px 0 25px;
          }

          .case-content-card {
              padding: 21px;
          }

          .case-content-heading {
              margin-bottom: 17px;
          }

          .case-content-heading h2,
          .case-technical-box h2,
          .case-approach-heading h2 {
              font-size: 18px;
          }

          .case-screen-list li {
              font-size: 14px;
              margin-bottom: 13px;
          }

          .case-technical-box {
              padding: 21px;
          }

          .case-approach-box {
              padding: 21px;
          }

          .case-outcome-section {
              padding: 36px 0;
          }

          .case-outcome-heading h2 {
              font-size: 22px;
          }

          .case-diagram-section {
              padding: 32px 0 45px;
          }

          .case-diagram {
              padding: 5px;
          }

          /* service inner pages */
          .service-detail-hero {
              padding: 50px 0;
          }

          .service-detail-hero-content p {
              font-size: 15px;
          }

          .service-detail-hero-content .service-detail-intro {
              font-size: 16px;
          }

          .service-overview-section,
          .service-benefits-section {
              padding: 50px 0;
          }

          .service-overview-title h2 {
              font-size: 27px;
          }

          .service-overview-item {
              grid-template-columns: 38px 1fr;
              gap: 12px;
              padding: 23px 0;
          }

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

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

          .service-benefits-heading {
              margin-bottom: 30px;
          }

          .service-benefit {
              padding: 23px 20px;
          }

          .service-benefits-cta {
              margin-top: 30px;
              padding: 23px 20px;
              align-items: flex-start;
              flex-direction: column;
          }


          /* blog paeg css  */
          .latest-blogs-section {
              padding: 50px 0 60px;
          }

          .latest-blogs-top {
              align-items: flex-start;
              flex-direction: column;
              gap: 20px;
              margin-bottom: 28px;
          }

          .latest-blogs-heading h2 {
              font-size: 25px;
          }

          .heading-line {
              width: 28px;
          }

          .blog-search {
              width: 100%;
              max-width: 100%;
              height: 46px;
          }

          .latest-blogs-section .row {
              --bs-gutter-x: 18px;
              --bs-gutter-y: 24px;
          }

          .blog-image {
              height: 200px;
          }

          .blog-content {
              padding: 18px 19px 20px;
          }

          .blog-category {
              margin-bottom: 10px;
              font-size: 8px;
          }

          .blog-content h3 {
              margin-bottom: 10px;
              font-size: 16px;
              line-height: 1.45;
          }

          .blog-content p {
              margin-bottom: 16px;
              font-size: 13px;
              line-height: 1.6;
          }

          .blog-meta {
              gap: 12px;
              margin-bottom: 14px;
              font-size: 9px;
          }

          .blog-read-more {
              font-size: 14px;
          }

          /* blog detail page */
          
    html,
    body {
        width: 100%;
        max-width: 100%;
        overflow-x: hidden;
    }

    .blog-detail-section {
        width: 100%;
        max-width: 100%;
        padding: 35px 0 50px;
        overflow-x: hidden;
    }

    .blog-detail-section .container {
        width: 100%;
        max-width: 100%;
        padding-left: 15px;
        padding-right: 15px;
        overflow-x: hidden;
    }

    .blog-detail-section .row {
        width: 100%;
        max-width: 100%;
        margin-left: 0;
        margin-right: 0;
        --bs-gutter-x: 0;
        --bs-gutter-y: 28px;
    }

    .blog-detail-section .row > * {
        width: 100%;
        max-width: 100%;
        min-width: 0;
        padding-left: 0;
        padding-right: 0;
    }

    /* Breadcrumb */

    .blog-breadcrumb {
        width: 100%;
        max-width: 100%;
        margin-bottom: 22px;
        gap: 6px;
        font-size: 11px;
        line-height: 1.5;
        flex-wrap: wrap;
    }

    /* Main content */

    .blog-detail-content {
        width: 100%;
        max-width: 100%;
        min-width: 0;
    }

    .blog-detail-content h1 {
        max-width: 100%;
        margin-bottom: 13px;
        font-size: 27px;
        line-height: 1.3;
        overflow-wrap: anywhere;
        word-break: normal;
    }

    .blog-detail-category {
        margin-bottom: 10px;
        padding: 5px 9px;
        font-size: 8px;
    }

    /* Meta */

    .blog-detail-meta {
        width: 100%;
        max-width: 100%;
        margin-bottom: 20px;
        gap: 8px 14px;
        font-size: 10px;
        flex-wrap: wrap;
    }

    .blog-detail-meta span {
        max-width: 100%;
    }

    /* Image */

    .blog-detail-image {
        width: 100%;
        max-width: 100%;
        margin-bottom: 25px;
        border-radius: 8px;
    }

    .blog-detail-image img {
        width: 100%;
        max-width: 100%;
        height: auto;
        display: block;
    }

    /* Article */

    .blog-article {
        width: 100%;
        max-width: 100%;
        min-width: 0;
    }

    .blog-article p {
        width: 100%;
        max-width: 100%;
        margin-bottom: 18px;
        font-size: 14px;
        line-height: 1.75;
        overflow-wrap: anywhere;
        word-break: normal;
    }

    .blog-article h2 {
        max-width: 100%;
        margin: 30px 0 13px;
        font-size: 20px;
        line-height: 1.4;
        overflow-wrap: anywhere;
    }

    .blog-article ul {
        width: 100%;
        max-width: 100%;
        margin-bottom: 20px;
        padding-left: 19px;
    }

    .blog-article li {
        max-width: 100%;
        margin-bottom: 8px;
        padding-left: 2px;
        font-size: 14px;
        line-height: 1.65;
        overflow-wrap: anywhere;
    }

    .blog-article strong {
        overflow-wrap: anywhere;
    }

    .blog-article a {
        overflow-wrap: anywhere;
        word-break: break-word;
    }

    /* Table - NO PAGE SLIDER */

    .blog-article .table-responsive {
        width: 100%;
        max-width: 100%;
        margin-bottom: 20px;
        overflow-x: hidden;
    }

    .blog-article table {
        width: 100%;
        max-width: 100%;
        min-width: 0;
        table-layout: fixed;
        margin-bottom: 0;
        font-size: 11px;
        word-break: break-word;
    }

    .blog-article th,
    .blog-article td {
        max-width: 0;
        padding: 8px 6px;
        vertical-align: top;
        word-break: break-word;
        overflow-wrap: anywhere;
    }

    /* FAQ */

    .blog-faq {
        width: 100%;
        max-width: 100%;
        margin-bottom: 25px;
    }

    .blog-faq .accordion-item {
        width: 100%;
        max-width: 100%;
        margin-bottom: 8px;
    }

    .blog-faq .accordion-button {
        width: 100%;
        max-width: 100%;
        min-height: 52px;
        padding: 14px 40px 14px 14px;
        font-size: 14px;
        line-height: 1.45;
        white-space: normal;
        overflow-wrap: anywhere;
    }

    .blog-faq .accordion-body {
        width: 100%;
        max-width: 100%;
        padding: 0 14px 16px;
        font-size: 13px;
        line-height: 1.7;
        overflow-wrap: anywhere;
    }

    /* Sidebar */

    .blog-detail-sidebar {
        width: 100%;
        max-width: 100%;
        position: static;
    }

    .blog-sidebar-box {
        width: 100%;
        max-width: 100%;
        padding: 22px 19px;
    }

    .blog-sidebar-label {
        font-size: 8px;
    }

    .blog-sidebar-box h3 {
        font-size: 20px;
        line-height: 1.4;
    }

    .blog-sidebar-box p {
        font-size: 13px;
        line-height: 1.7;
    }

    .blog-sidebar-box .all-same-btn-primary {
        max-width: 100%;
    }

/* privacy policy css */

    .privacy-policy-section {
        padding: 55px 0 50px;
    }

    .privacy-policy-section .row {
        --bs-gutter-x: 0;
        --bs-gutter-y: 25px;
    }

    .privacy-policy-section .row > * {
        width: 100%;
        max-width: 100%;
        min-width: 0;
    }

    .privacy-policy-updated {
        margin-bottom: 18px;
        font-size: 10px;
    }

    .privacy-policy-card {
        margin-bottom: 12px;
        padding: 20px;
        border-radius: 10px;
    }

    .privacy-policy-card h2 {
        margin-bottom: 12px;
        font-size: 16px;
    }

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

    .privacy-policy-list li {
        font-size: 14px;
        line-height: 1.6;
    }

    .privacy-policy-sidebar {
        position: static;
    }

    .privacy-sidebar-box {
        padding: 16px;
    }

    .privacy-sidebar-nav a {
        font-size: 11px;
    }

    .privacy-sidebar-box h3 {
        font-size: 14px;
    }

    .privacy-sidebar-box p {
        font-size: 12px;
    }

    .all-same-btn-primary {
        padding: 9px 14px;
        font-size: 14px;
    }
 /* terms condiyion */
.terms-section {
        padding: 55px 0 50px;
    }

    .terms-section .row {
        --bs-gutter-x: 0;
        --bs-gutter-y: 25px;
    }

    .terms-section .row > * {
        width: 100%;
        max-width: 100%;
        min-width: 0;
    }

    .terms-updated {
        margin-bottom: 18px;
        font-size: 10px;
    }

    .terms-card {
        margin-bottom: 12px;
        padding: 20px;
        border-radius: 10px;
    }

    .terms-card h2 {
        margin-bottom: 12px;
        font-size: 16px;
    }

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

    .terms-list li {
        font-size: 14px;
        line-height: 1.6;
    }

    .terms-sidebar {
        position: static;
    }

    .terms-sidebar-box {
        padding: 16px;
    }

    .terms-sidebar-nav a {
        font-size: 11px;
    }

    .terms-sidebar-box h3 {
        font-size: 14px;
    }

    .terms-sidebar-box p {
        font-size: 12px;
    }

    .all-same-btn-primary {
        padding: 9px 14px;
        font-size: 14px;
    }


      }



      /* 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;
          }


          /* resoruces section/ */

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

          .resource-card {
              padding: 18px;
          }

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


          /* features section */
          .featured-resources-section {
              padding: 45px 0;
          }

          .featured-resource-card {
              padding: 22px;
              border-radius: 14px;
          }

          .featured-resource-icon {
              width: 54px;
              height: 54px;
              font-size: 21px;
          }

          .featured-resource-content h3 {
              font-size: 18px;
          }

          .featured-resource-tag {
              font-size: 10px;
          }


          .resource-format-section {
              padding: 45px 0;
          }

          .resource-format-box {
              padding: 22px 16px;
              border-radius: 12px;
          }

          .resource-format-info {
              gap: 15px;
          }

          .resource-format-icon {
              width: 58px;
              height: 58px;
              flex-basis: 58px;
              font-size: 22px;
          }

          .resource-format-text h3 {
              font-size: 17px;
          }

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

          .resource-format-list {
              grid-template-columns: 1fr 1fr;
          }

          .resource-format-item {
              min-height: 48px;
              font-size: 12px;
              gap: 7px;
          }

          .resource-format-item-icon {
              width: 27px;
              height: 27px;
              flex-basis: 27px;
              font-size: 12px;
          }



          /* INDUSTRY PAGE SHIVANSH  */
          .industry-intro-section,
          .industries-section,
          .featured-industry-section,
          .hiring-solutions-section,
          .industry-faq-section {
              padding: 50px 0;
          }


          .section-heading-center .all-same-heading,
          .industry-intro-heading .all-same-heading {
              font-size: 31px;
          }

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


          .industry-card {
              padding: 22px 18px;
              border-radius: 16px;
          }

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

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

          .industry-number {
              font-size: 32px;
          }

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


          .featured-industry-card {
              border-radius: 16px;
          }

          .featured-icon {
              width: 50px;
              height: 50px;
              min-width: 50px;
          }

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


          .hiring-solutions-list {
              padding: 5px 16px;
              border-radius: 15px;
          }

          .hiring-solution-item {
              grid-template-columns: 1fr;
              gap: 12px;
          }


          /* blog detail page */
            .blog-detail-section .container {
        padding-left: 12px;
        padding-right: 12px;
    }

    .blog-detail-content h1 {
        font-size: 25px;
    }

    .blog-article h2 {
        font-size: 19px;
    }

    .blog-article p,
    .blog-article li {
        font-size: 13px;
    }

    .blog-detail-meta {
        font-size: 9px;
    }

    .blog-article table {
        font-size: 10px;
    }

    .blog-article th,
    .blog-article td {
        padding: 7px 5px;
    }
      }