@import url('https://fonts.googleapis.com/css2?family=DM+Sans:ital,opsz,wght@0,9..40,100..1000;1,9..40,100..1000&family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap');

* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    font-family: "Roboto", sans-serif;
    font-family: "DM Sans", sans-serif;
}

img {
    max-width: 100%;
}

ul {
    margin: 0;
    padding: 0;
}

body {
    background-color: #FAFAFA;
}
 
/* HEADER CSS START HERE */

  

header .navbar .nav-item .nav-link {
    font-size: 17px;
    font-weight: 600;
    padding: 0 20px;
}
header .navbar .dropdown:hover{
    transition: all 10s ease;
}
header .navbar .dropdown:hover > .dropdown-menu{
    display: block;
    margin-top: 0;
    padding: 0;
    overflow: hidden;
}

header .navbar .dropdown-item:focus, .dropdown-item:hover{
    background-color: #149191;
    color: #fff;
    transition: all 0.5s ease-out;
}
.contact-btn a {
    text-decoration: none;
    background-color: #000;
    color: #fff;
    padding: 10px 35px;
    border-radius: 22px;
    font-weight: bold;
    transition: background-color 0.3s;
    display: inline-block;
}

.contact-btn a:hover{
    background-color: #ffffff;
    color: #000000; 
    border: 2px solid #000;
}
.offcanvas-header{
    align-items: start;
}
/* HEADER CSS ENDED HERE */

/* MAIN SECTION CSS START HERE */
.section-space {
    padding: 80px 0;
}

.highlight-text {
    color: #149191;
}

.main-btn {
    padding: 13px 45px;
    border-radius: 12px;
    color: #FFFFFF;
    background-color: #149191;
    font-size: 16px;
    font-weight: 600;
    border: 0;
}

.main-btn:hover{
    background-color: #07f4c4;
    color: #000;
}

.main-btn2 {
    padding: 13px 45px;
    border-radius: 12px;
    color: #FFFFFF;
    background-color: #000000;
    font-size: 16px;
    font-weight: 600;
    border: 0;
}

.main-btn2:hover{
    background-color: #ffffff;
    color: #000;
    border: 2px solid #000;
}

.main-heading-title {
    font-size: 46px;
    font-weight: 700;
    font-family: "DM Sans", sans-serif;
}

.main-para {
    font-size: 20px;
    color: #5C5F6E;
    font-family: "Roboto", sans-serif;
}

.Hiring-Decision h4 {
    font-family: "Roboto", sans-serif;
    font-size: 10px;
    font-weight: 600;
}

.sub-heading-title {
    font-size: 40px;
    font-weight: 600;
    font-family: "DM Sans", sans-serif;
}

.sub-para {
    font-size: 18px;
    color: #838696;
    font-family: "Roboto", sans-serif;
    font-weight: 400;
}

/* MAIN SECTION CSS END HERE */

/* business_solutions SECTION CSS START HERE */
.para-text{
    font: 400 16px "Roboto", sans-serif;
    color: #838696;
    line-height: 25px;
}
.sunshil-card {
    background-color: #fff;
    box-shadow: 0 4px 24px 0 #00000005;
    border-radius: 25px;
    padding: 50px 30px;
}

.sunshil-card-img {
    width: 80px;
    height: 80px;
    background-color: #96FAF1;
    border-radius: 50%;
    position: relative;
}
.dotted-line::after {
    content: "";
    position: absolute;
    border-bottom: 2px dashed #5C5F6E;
    width: 253px;
    left: 140px;

}
.sunshil-card h3 {
    font: 600 23px "DM Sans", sans-serif;
}

.sunshil-card p {
    font-family: "Roboto", sans-serif;
    font-size: 16px;
    color: #838696;
}

.outline-btn {
    padding: 11px 45px;
    border-radius: 12px;
    color: #000;
    background-color: transparent;
    font-size: 16px;
    font-weight: 600;
    border: 2px solid #000;
}

.outline-btn:hover{
    color: #ffffff;
    background-color: #000;
}

/* business_solutions SECTION CSS END HERE */

/*  */
.Start-Optimizing {
    background-color: #E0F7FA;
}

.Start-Optimizing h5 {
    font-size: 25px;
    font-weight: 700;
    font-family: "DM Sans", sans-serif;
}


/* Ready to get started SECTION CSS START HERE */
.Get-started h3 {
    font-family: "DM Sans", sans-serif;
    font-size: 32px;
    font-weight: 700;
}

.Top-Talent {
    padding: 25px;
    background-color: #149191;
    border-radius: 25px;
}

.our-Talent {
    width: 64px;
    height: 64px;
    background-color: #E0F7FA;
    border-radius: 50%;
}

.Top-Talent h3 {
    font-family: "DM Sans", sans-serif;
    font-size: 24px;
    font-weight: 700;
    color: #fff;
}

.Top-Talent p {
    font-family: "Roboto", sans-serif;
    font-size: 15px;
    font-weight: 400;
    color: #fff;
}

.Top-Talent a {
    font-size: 14px;
    font-weight: 700;
    color: #fff;
}

.Flexible-Staffing {
    background-color: #000;
}

.Staffing-service {
    background-color: #ECECFE;
}

/* Ready to get started SECTION CSS END HERE */




/* our-mission SECTION CSS START HERE */
.our-mission p {
    font-family: "Roboto", sans-serif;
    font-size: 18px;
    color: #5C5F6E;
}

.our-mission .sub-highlightext {
    font-weight: 600;
}

/* our-mission SECTION CSS END HERE */

/* our-values SECTION CSS START HERE */
.our-values {
    background-color: #149191;
    font-family: "Roboto", sans-serif;
}

.our-values .value-circle {
    height: 80px;
    width: 80px;
    background: #fff;
    border-radius: 50%;
}

.our-values .value-circle h6 {
    font:700 36px "Roboto", sans-serif;
    color: #149191;
}

.our-values .value-content h3 {
    font-size: 32px;
    font-weight: 700;
    color: #fff;
}

.our-values .value-content p {
    font-size: 16px;
    color: #fff;
}

/* our-values SECTION CSS END HERE */

/* Executive Search PAGE CSS START HERE */
.Our-Philosophy h2 {
    font:700 47px "DM Sans", sans-serif;
}

.Our-Philosophy p {
    font: 19px "Roboto", sans-serif;
    color: #5C5F6E;
    line-height: 25px;
}
/* ON DEMAND HIRING START */
.heading-text{
    font-size: 34px;
    font-weight: 700;
}
/* ON DEMAND HIRING END */
/* WHY US SECTION CSS START HERE */
.sub-title {
    font: 700 36px "DM Sans", sans-serif;
}

.para-disc {
    font: 18px "Roboto", sans-serif;
    color: #5C5F6E;
}

/* WHY US SECTION CSS END HERE */

/* Process: Precision & Performance SECTION CSS START HERE */
.Consultation {
    background-color: #ECECFE;
    padding: 30px;
}
.Consultation p{
    font: 16px "Roboto", sans-serif;
    line-height: 26px;
}
.Cultural{
    background-color: #DBEDFF;
}
.card-heading {
    font: 700 31px "DM Sans", sans-serif;
}

.global-maping {
    background-color: #E0F7FA;
}

/* Process: Precision & Performance SECTION CSS END HERE */

/* Sanshil Solutions SECTION CSS START HERE */
.title-text{
    font: 700 24px "DM Sans", sans-serif;
}
/* Sanshil Solutions SECTION CSS END HERE */

/* Let’s Start the Conversation SECTION CSS START HERE */
.Conversation-box{
    background-color: #E0F7FA;
    padding: 30px 40px;
    border: 1px solid #0B0D0E;
}
/* Let’s Start the Conversation SECTION CSS END HERE */

/* Executive Search PAGE CSS END HERE */

/* Our process */
.our-process h2{
    font-size: 23px;
}
/* OUR PROCESS */

/* CONTACT PAGE CSS START HERE */
.contact-details {
    padding: 40px 60px;
    border-radius: 25px;
    box-shadow: 0 4px 8px rgb(0 0 0 / 3%), 0 -4px 8px rgb(0 0 0 / 3%), -4px 0 8px rgb(0 0 0 / 3%), 4px 0 8px rgb(0 0 0 / 3%);
}
.contact-links li{
    padding-bottom: 30px;
}
.contact-links a{
    font: 400 25px "DM Sans", sans-serif;
    text-decoration: none;
    color: #0B0D0E;
}

.contact-form {
    background-color: #1C7B79;
    /* border-radius: 40px; */

}
.contact-form h3{
    font-size: 48px;
    color: #fff;
}
.contact-form p{
    color: #fff;
}
.form-wrapper{
    background-color: #FFFFFF;
    padding: 35px;
    border-radius: 25px;
}
.contact-form .form-wrapper .form-control, .form-select{
    background-color: #F4F5F6;
    border: none;
    border-radius: 10px;
}
.contact-form .form-wrapper .form-control:focus, .form-select:focus{
    box-shadow: none;
}
.contact-form .form-wrapper .form-label{
    font: 600 14px "Roboto", sans-serif;
    color: #5C5F6E;
} 

.form-select {
    --bs-form-select-bg-img: url("../images/select-angle.svg");
   
    background-size: 30px;
}
/* CONTACT PAGE CSS END HERE */

/* FOOTER SECTION CSS START HERE */
footer {
    background-color: #000;
    color: #fff;
}

footer h3 {
    font: 900 20px "Roboto", sans-serif;

}

footer .copy-righttext {
    font-size: 14px;
}

footer ul {
    list-style: none;
}

footer a {
    text-decoration: none;
    color: #fff;
    display: block;
    padding-bottom: 15px;
}

/* FOOTER SECTION CSS END HERE */





/* on-demand CSS start HERE */
.Start-light {
    background: #ECECFE;
}
.Start-pink {
    background: #FBE9E7;
}
/* on-demand CSS END HERE */
/* carees CSS start HERE */
.Get-touch label {
    color: #5C5F6E;
    font-weight: 600;
    font-size: 14px;
}
p.Upload {
    font-size: 14px;
    color: #5c5f6e91;
}
label.btn.file p {
    color: #5C5F6E;
    font-weight: 300;
    font-size: 16px;
}
label.btn {
    width: 100%;
    padding: 34px 20px;
}
.Get-touch label.btn.file {
    background: #F4F5F6;
}
.form-control {
    background: #F4F5F6;
    background-clip: padding-box;
    border:#fff;
   
}
.form-control:focus {
    color: var(--bs-body-color);
    background: #F4F5F6;
    border-color: #ffffff;
    outline: 0;
    box-shadow:none;
}

.form-select:focus {
      box-shadow:none;
      
}

.get-in {
    position: relative;
    padding: 34px;
    color: #fff;
}
.get-in::after{
    border-radius: 20px;
    background: #1C7B79;
    content: "";
    height: 250px;
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
    display: block;
}

.get-in h5{
    margin-top: 10px;
    color: #5C5F6E;
}

/* .get-in {
    background: #1C7B79;
    padding: 34px;
    border-radius: 20px;
    color: #fff;
    height: 250px;
} */
/* .get-in {
    background: #1C7B79;
    padding: 34px;
    border-radius: 20px;
    color: #fff;
    height: 250px;
    margin-bottom: 44%;
} */
.get-in.form-select {
  background-color:#F4F5F6 ;
    border:#F4F5F6 ;
   }
.sr-only {
  position: absolute;
  margin: -1px;
  width: 1px;
  height: 1px;
  border: 0;
  clip: rect(0, 0, 0, 0);
  overflow: hidden;
}

.btn.Upload {
    display: inline-block;
    padding: 23px 0px;
    border-radius: 10px;
    color: #5c5f6ec9;
    background-color: #f4f5f6;
    cursor: pointer;
    font-weight: 400;
  
}
.btn-check:checked+.btn, .btn.active, .btn.show, .btn:first-child:active, :not(.btn-check)+.btn:active {
    color: #000;
    background-color: #00000000;
    border-color:#00000000;
}


@media (max-width:768px)  {
    .section-space{
        padding: 40px 0;
    }
    .get-in {
     height: 100%; 
    margin-bottom: 0; 
        padding: 20px;
}
 br{
    display: none;
  }
  header .navbar .nav-item .nav-link {
    font-size: 17px;
    font-weight: 600;
    padding: 17px 20px;
}
.sub-heading-title {
    font-size: 30px;

}
.main-heading-title {
    font-size: 31px;
}

/*  */
.sub-title {
    font-size: 33px;
}

/*  */
/* CONTACT PAGE CSS START */
.contact-details {
    padding: 40px 20px;
}
.contact-form h3 {
    font-size: 40px;
}
.dotted-line::after{
    display: none;
}
/* CONTACT PAGE CSS END */
}
@media (min-width:768px) and (max-width:1024px)  {
    .get-in {
     height: 100%; 
    margin-bottom: 0; 
}
.main-heading-title {
    font-size: 48px;
 
}
.sub-heading-title {
    font-size: 40px;
}
}
/* carees CSS end HERE */





.experienceLable{
    color: #000;
}

.get-ins {
    background: #1C7B79;
    padding: 34px;
    border-radius: 20px;
    color: #fff;
    height: 250px;
}
.get-ins {
    background: #1C7B79;
    padding: 34px;
    border-radius: 20px;
    color: #fff;
    height: 250px;
    margin-bottom: 44%;
}