/* Responsive */
  @media (min-width: 1550px) and (max-width: 1920px){

     .companylogos-content-inside {
        width: 82% !important;
        /* right: -54px; */
        left: 100px;
        top: 30px;
        position: relative;
     }
   }

   @media (max-width: 1629px) {
     .form-row {
       display: flex;
       gap: 16px;
       flex-wrap: nowrap;
     }

   }


   @media (max-width: 1599px) {

     .testimonial {
       display: flex;
       flex-wrap: nowrap;
       flex-direction: row;
     }

     .info-box-img {
       flex: 1 1 100%;
       min-width: auto;
     }

     .info-box-img img {
       width: 100%;
       max-width: 100%;
       height: 100%;
       object-fit: cover;
     }

     .info-box {
       flex: 1 1 100%;
       background-color: #003399;
       color: #fff;
       padding: 50px 6% 50px 5%;
       display: flex;
       flex-direction: column;
       justify-content: flex-start;
       height: auto;
       max-width: 100%;
     }

     .feature-list {
       grid-template-columns: 1 2fr !important;
       gap: 25px;
     }

     .form-row {
       display: flex;
       gap: 16px;
       flex-wrap: nowrap;
     }
   }

   @media (max-width: 1542px) {
     .companylogos-content {
       flex: 1;
       margin-top: 0px;
     }

     .companylogos img {
       width: 100%;
       max-width: 250px;
     }

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

     .feature2 img {
       width: 100%;
       max-width: 200px;
       margin-bottom: 10px;
     }

     .testimonial-inner {
       text-align: right;
       display: flex;
       justify-content: flex-end;
       width: 78%;
     }

   }

   @media (max-width: 1396px) {
     .hero-container {
       display: flex;
       justify-content: space-between;
       align-items: center;
       flex-wrap: nowrap;
       padding: 40px 5% 0px;
       gap: 30px;
       background-color: #E5EEFC;
     }

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

     .hero-image img {
       width: 100%;
       max-width: 100%;
       height: auto;
     }

     .custom-select1 {
       position: relative;
       width: 280px;
       background: #F6F6F6;
       border: 1px solid #d9d9d9;
       border-radius: 10px;
       box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
     }

     .testimonial-inner {
       text-align: right;
       display: flex;
       justify-content: flex-end;
       width: 84%;
     }


   }

   @media (max-width: 1200px) {
     .custom-select1 {
       position: relative;
       width: 245px;
       background: #F6F6F6;
       border: 1px solid #d9d9d9;
       border-radius: 10px;
       box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
     }

     .testimonial-inner {
       text-align: right;
       display: flex;
       justify-content: flex-end;
       width: 95%;
     }

   }

   @media (max-width: 1100px) {
     .form-row {
       flex-direction: column;
       flex-wrap: wrap;
     }

     .custom-select1 {
       position: relative;
       width: 400px;
       background: #F6F6F6;
       border: 1px solid #d9d9d9;
       border-radius: 10px;
       box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
     }
   }



   /* Tablet: 1024px and below */
   @media (max-width: 1024px) {
     .testimonial {
       flex-direction: column;
     }

     .info-box {
       padding: 30px 6%;
     }

     .feature-list {
       grid-template-columns: 1 3fr;
       gap: 25px;
     }

     .info-box h3 {
       font-size: 32px;
       line-height: 40px;
     }

     .info-box p {
       font-size: 15px;
       line-height: 22px;
     }

     .cta-btn {
       padding: 12px 18px;
       font-size: 15px;
     }

     .feature-icon img {
       width: 70px;
     }

     .feature-title {
       font-size: 15px;
     }

     .feature-desc {
       font-size: 13px;
     }

     .form-row {
       flex-direction: column;
     }

   }

   @media (max-width: 900px) {
     .testimonial-grid {
       flex-direction: column;
       align-items: center;
     }

     .testimonial-card {
       max-width: 90%;
     }

     .custom-select1 {
       position: relative;
       width: 694px;
       background: #F6F6F6;
       border: 1px solid #d9d9d9;
       border-radius: 10px;
       box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
     }

     .form-row {
       flex-direction: column;
     }

     .partner-content {
       flex-direction: column;
     }
   }

   @media (max-width: 820px) {
     .mobhide {
       display: none;
     }

     header {
       padding: 15px 5%;
     }

     .main-header {
       flex-direction: column;
       align-items: stretch;
       width: 100%;
       gap: 16px;
     }

     .headerleft,
     .headerright {
       flex-direction: row;
       justify-content: space-between;
       align-items: center;
       width: 100%;
       gap: 10px;
       flex-wrap: wrap;
     }

     .headerleft a {
       flex: 1;
       text-align: left;
     }

     .Employes-tabs,
     .headerright a {
       flex: 1;
       text-align: center;
     }

     .Employes-tabs {
       display: flex;
       justify-content: center;
       flex-wrap: wrap;
       gap: 20%;
     }

     .search-wrapper {
       width: 100%;
     }

     .search-wrapper input {
       width: 100%;
       box-sizing: border-box;
     }

     .nav-bar {
       /* flex-direction: column; */
       align-items: flex-start;
       padding: 15px 5%;
     }

     .menu-toggle {
       display: block;
     }

     .dropdown:hover .dropdown-content {
       display: block;
     }

     .dropdown-content {
       width: 100%;
     }

     .dropdown {
       position: relative;
       display: inline-block;
       top: 0px;
     }

     .arrow-icon {
       width: 20px;
       height: auto;
       padding-left: 6px;
       transition: transform 0.3s ease;
     }

     .nav-links {
       display: none;
       flex-direction: column;
       width: 100%;
       margin-top: 10px;
       gap: 15px;
     }

     .nav-links a {
       padding: 5px 0 15px 0px;
       width: 100%;
       border-bottom: 1px solid #eee;
       display: block;
     }

     .nav-links.show {
       display: flex;
     }

     .hero-container {
       display: flex;
       justify-content: space-between;
       align-items: center;
       flex-wrap: wrap !important;
       padding: 40px 5% 0px;
       gap: 30px;
       background-color: #E5EEFC;
     }


     .hero-container {
       flex-direction: column;
       text-align: center;
     }

     .hero-content,
     .hero-image {
       max-width: 100%;
     }

     .headermiddle input {
       width: 100% !important;
       max-width: 100%;
     }

     .buttons {
       justify-content: center;
     }

     /* company logo section css */
     .Employe-company-logo {
       flex-direction: column;
       text-align: center;
     }

     .clientimage {
       grid-template-columns: repeat(3, 1fr);
       justify-items: center;
     }

     .Companylogo-right {
       padding-top: 20px;
     }

     .hero-section h1 {
       font-size: 24px;
     }

     .hero-section {
       display: flex;
       background: #f7f7f7;
       text-align: left;
       padding: 60px 5%;
       gap: 30px;
       flex-wrap: wrap;

     }

     .feature2sone {
       display: flex;
       flex-wrap: wrap;
       justify-content: center;
       gap: 30px;
     }

     .feature2 img {
       width: 100%;
       max-width: 150px;
       margin-bottom: 10px;
     }

     .custom-select1 {
       position: relative;
       width: 100%;
       background: #F6F6F6;
       border: 1px solid #d9d9d9;
       border-radius: 10px;
       box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
     }

     /* All font size for mobile */
     .font26 {
       font-size: 30px;
       line-height: 38px;
       font-weight: normal;
       margin-bottom: 25px;
       font-family: "Open Sans", Arial, sans-serif;
     }

     .companylogos-content-inside h2 {
       font-size: 26px !important;
       line-height: 32px !important;
       margin-bottom: 10px !important;
     }

     .companylogos-content-inside p {
       font-size: 16px;
       line-height: 24px;
       margin-bottom: 20px;
       font-family: "Open Sans", Arial, sans-serif;
     }

     .future-section h2 {
       color: #1A1818;
       text-align: center;
       margin-bottom: 40px;
       font-weight: normal;
       font-size: 26px;
       line-height: 32px;
     }

     .feature2 h4 {
       font-size: 16px;
       line-height: 24px;
       font-weight: normal;
     }


     .future-section {
       padding: 25px 5%;
     }

     .info-box h3 {
       font-size: 26px;
       line-height: 32px;
       margin-bottom: 30px;
     }

     .info-box p,
     .feature-title,
     .feature-desc {
       font-size: 16px !important;
       line-height: 24px !important;
       margin-bottom: 10px !important;
     }

     .partner-left h2 {
       font-size: 26px;
       line-height: 32px;
       margin-bottom: 16px;
       font-weight: 500;
       margin-top: 0px;
       font-family: "Open Sans", Arial, sans-serif;
     }

     .partner-section {
       padding: 25px 20px;
       background: #fafafa;
       font-family: 'Arial', sans-serif;
     }

     .partner-left h4 {
       font-size: 20px;
       line-height: 24px;
       font-weight: 600;
       margin-bottom: 10px;
       font-family: "Open Sans", Arial, sans-serif;
     }

     .benefits {
       list-style: none;
       padding-left: 0;
       font-size: 16px;
       line-height: 26px;
       font-weight: normal;
       color: #333;
       font-family: "Open Sans", Arial, sans-serif;
     }

     .partner-content {
       gap: 20px;
     }

     .testimonial-section {
       padding: 25px 20px;
       background-color: #fff;
       text-align: center;
       font-family: "Open Sans", Arial, sans-serif;
     }

     .testimonial-header h2 {
       font-size: 26px;
       line-height: 32px;
       font-weight: normal !important;
       margin: 0px 0px 15px;
       font-family: "Open Sans", Arial, sans-serif;
     }

     .testimonial-header p {
       line-height: 22px !important;
     }

     .testimonial-grid {
       gap: 30px;
     }

     .talent-search-section {
       text-align: center;
       padding: 0px 20px 30px 20px;
       font-family: 'Arial', sans-serif;
     }

     .talent-title {
       margin-bottom: 30px;
       font-size: 28px;
       line-height: 34px;
       font-weight: 500;
       font-family: "Open Sans", Arial, sans-serif;
       padding: 10px 0px 0px 0px;
     }
   }

   @media (max-width: 768px) {

     .talent-form {
       flex-direction: column;
       align-items: center;
     }

     .custom-select {
       width: 100% !important;
       max-width: 100%;
     }

     .partner-content {
       flex-direction: column;
     }

     .form-group {
       display: flex;
       flex-direction: column;
       text-align: left;
       width: 100%;
     }

     .form-row {
       flex-direction: column;
     }

     .footer-columns {
       /* flex-direction: column; */
       align-items: flex-start;
     }

     .social-icons {
       justify-content: flex-start;
       margin-top: 20px;
     }

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

     .logo-bar,
     .testimonial1 {
       flex-direction: column;
       align-items: center;
     }

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

     .companylogos-content-inside h2 {
       font-size: 28px;
     }

     .companylogos img {
       width: 100%;
       max-width: 200px;
     }

     .hero-section h1 {
       font-size: 26px;
       line-height: 34px;
     }

     .hero-section {
       display: flex;
       background: #f7f7f7;
       text-align: left;
       padding: 25px 5%;
       gap: 30px;
       flex-wrap: wrap;

     }

     .hero-section p {
       font-size: 16px;
       line-height: 24px;
       color: #1A1818;
       font-weight: normal;
       font-family: "Open Sans", Arial, sans-serif;
     }

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

     .right-hero-section img {
       width: 100%;
       max-width: 280px;
       height: auto;
       margin: 20px 0;
     }

     .feature2sone {
       display: flex;
       flex-wrap: wrap;
       justify-content: center;
       gap: 30px;
     }

     .feature2 img {
       width: 100%;
       max-width: 150px;
       margin-bottom: 10px;
     }

     .info-box {
       padding: 20px;
     }

     .disclaimer {
       font-size: 16px;
       color: #000000;
       margin: 0;
       font-family: "Open Sans", Arial, sans-serif;
       padding: 5px 0px;

     }
   }

   /* Mobile: 600px and below */
   @media (max-width: 600px) {
     .info-box {
       padding: 24px 5%;
     }

     .info-box h3 {
       font-size: 28px;
       line-height: 32px;
     }

     .info-box p {
       font-size: 14px;
       line-height: 20px;
     }

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

     .feature-icon img {
       width: 60px;
     }

     .pt0 {
       padding-top: 0px !important;
     }
   }

   @media (max-width: 497px) {

     .Employes-tabs {
       display: flex;
       justify-content: center;
       flex-wrap: wrap;
       gap: 10%;
     }

     .buttons1 button {
       padding: 14px 14px;
       font-size: 16px;
       font-family: "Open Sans", Arial, sans-serif;
       font-weight: bold;
       background-color: #005DE2;
       color: white;
       border: none;
       border-radius: 10px;
       cursor: pointer;
       transition: all 0.3s ease;
       width: 100%;
     }

     .buttons2 button {
       padding: 14px 10px;
       margin-top: 15px;
     }

     .buttons3 button {
       padding: 14px 14px;
       font-size: 16px;
       font-family: "Open Sans", Arial, sans-serif;
       font-weight: bold;
       background-color: #005DE2;
       color: white;
       border: none;
       border-radius: 10px;
       cursor: pointer;
       transition: all 0.3s ease;
       width: 100%;
     }

     .buttons4 button {
       padding: 14px 10px;
     }

     .buttons5 button {
       padding: 14px 14px;
     }

     .buttons6 button {
       padding: 0px 14px;
       font-size: 16px;
       font-family: "Open Sans", Arial, sans-serif;
       font-weight: bold;
       background-color: #005DE2;
       color: white;
       border: none;
       border-radius: 10px;
       cursor: pointer;
       transition: all 0.3s ease;
       width: 100%;
     }

     .custom-select1 {
       position: relative;
       width: 100%;
       background: #F6F6F6;
       border: 1px solid #d9d9d9;
       border-radius: 10px;
       box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
     }

     .footer-columns {
       flex-direction: column;
       align-items: center !important;
       text-align: center;
       gap: 20px;
     }

     .footer-column ul {
       list-style: none;
       padding: 0;
       margin: 0;
       text-align: center;
     }

     .footer-column ul li {
       display: block;
       text-align: center;
     }

     .footer-column ul li a {
       display: inline-block;
       padding: 0;
       text-align: center;
     }

     .footer-column a {
       padding: 0;
       text-align: center !important;
     }



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

     /* Extra css for back to top and preloader */

     #backToTop {
       position: fixed;
       bottom: 30px;
       right: 20px;
       display: none;
       font-size: 22px;
       font-weight: 700;
       background-color: #7b2cff;
       color: #fff;
       border: none;
       border-radius: 50%;
       width: 40px;
       height: 40px;
       cursor: pointer;
       z-index: 1000;
       transition: all 0.3s ease;
       box-shadow: 0 8px 15px rgba(0, 0, 0, 0.2);
     }

     #backToTop:hover {
       background-color: #4a00e0;
       transform: scale(1.1);
       box-shadow: 0 10px 20px rgba(0, 0, 0, 0.3);
     }

     .footer-links {
       display: block !important;
     }

   }

   @media (max-width: 442px) {

     .headerleft {
       flex-direction: row;
       justify-content: center;
       align-items: center;
       width: 100%;
       gap: 0px;
       flex-wrap: nowrap !important;
     }

     .headerleft a {
       flex: 1;
       text-align: center;
       width: 20px !important;
       max-width: 20px !important;
     }

     .Employes-tabs {
       display: flex;
       justify-content: end;
       flex-wrap: nowrap !important;
       gap: 10%;
     }

     .logo img {
       width: 200px;
     }

     .Employes-tab {
       background: none;
       border: none;
       padding: 0;
       cursor: pointer;
       position: relative;
       font-weight: 400;
       padding: 10px 0px 10px 0px;
     }

     .Employes-tab.active::after {
       content: "";
       position: absolute;
       left: 0;
       bottom: 0px;
       width: 100%;
       height: 2px;
       background: #005DE2;
     }
   }


   @media (max-width: 410px) {
     .companylogos {
       grid-template-columns: repeat(2, 1fr);
     }

   }

   /* Very small mobile: 400px and below */
   @media (max-width: 400px) {
     .info-box h3 {
       font-size: 28px;
       line-height: 32px;
     }

     .info-box p,
     .feature-title,
     .feature-desc {
       font-size: 13px;
     }

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

     .feature-icon img {
       width: 50px;
     }



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