body::-webkit-scrollbar {
    width: 5px
}

html {
    scroll-behavior: smooth !important;
}

body::-webkit-scrollbar-track {
    background-color: #f5f5f5
}

body::-webkit-scrollbar-thumb {
    border-radius: 100px;
    background-color: #7c7c7c
}

.calendly-overlay iframe {
    border-radius: 20px;
}

.schedule_header {
    font-size: 16px;
    line-height: 26px !important;
    color: #000000 !important;
    text-underline-offset: 4px;
}

#header.scrolled {
    background-color: #F8F8FC !important;
    border-bottom: 1px solid #eaeaf1;
    padding: 0 !important;
    transition-duration: .3s;
    display: flex;
    flex-direction: column;
}

header {
    top: 0;
    width: 100%;
    transition: transform 0.3s;
    z-index: 999 !important;
}

.visible {
    transform: translateY(0);
}

.hidden {
    transform: translateY(-100%);
}

.navbar-toggler {
    border: transparent !important;
}

.top-header {
    display: none;
}

* {
    box-sizing: border-box;
}

.pink_new {
    margin-left: 7px;
}

.inStartups.mobile {
    display: none;
    cursor: pointer;
}

a.navbar-brand.logo-border img {
    width: 178px;
}

#splideDevloper .splide__arrow {
    top: 45%;
    opacity: 1 !important;
    transform: translateY(-45%);
}

.top-header {
    background: #0152FF;
    width: 100%;
    height: 46px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.top-header p {
    color: #ffffff;

}

.top-header p span.yellow {
    color: #FFD54F;
}

.top-header p a.join-btn {
    padding: 7px 19px;
    color: #ffffff;
    font-size: 12px;
    font-weight: 500;

    line-height: 20px;
    background: #1D2434;
    border-radius: 8px;
    text-decoration: none;
    margin-left: 10px;
}

body {
    overflow-x: hidden;
    overflow-y: scroll;
}

.hero-box {
    border-radius: 30px;
    background: linear-gradient(180deg, #f5f5f5 0, rgba(241, 241, 241, 0) 100%);
    text-align: center;
    padding: 30px 30px 45px
}

.hero-box .title {
    color: #1c240b;
    font-size: 56px;
    font-weight: 600;
    line-height: 72px;
    letter-spacing: -.5px;
    margin-bottom: 15px !important;
    margin-top: 5px
}

.hero-box .hero-check-list {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    margin-top: 20px;
    margin-bottom: 16px
}

.hero-box .hero-check-list>div:nth-child(2) {
    margin: 0 40px;
    position: relative
}

.hero-box .hero-check-list>div:nth-child(2):before {
    content: '';
    position: absolute;
    left: -20px;
    top: 15%;
    height: 70%;
    width: 1px;
    background-color: #c5c7cf
}

.hero-box .hero-check-list>div:nth-child(2):after {
    content: '';
    position: absolute;
    right: -20px;
    top: 15%;
    height: 70%;
    width: 1px;
    background-color: #c5c7cf
}

.hero-btn {
    background-color: #266ff1;
    border: none;
    padding: 13px 13px 13px 30px;
    width: 200px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-radius: 90px;
    margin: 0 auto 15px;
    background-size: 105%;
    box-shadow: 0 9px 34px 3px rgba(0, 0, 0, .2)
}

/* ======= */

/* Hero Section */

.hero-section {
    padding: 100px 0px 5px 0px;
    overflow: hidden;
    /* background: linear-gradient(180deg, #F8F8FC 0.42%, #EEF2FD 83.6%); */

}

.parallax{
    border: 0;
    background: none;
}
.hero-sec {
    padding: 60px 0px 60px 0px;
    overflow: hidden;
    position: relative;
    background-image: url('./cover.jpg');
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}

@media only screen and (max-width : 1200px) {
    .hero-sec {
        background-position: left;
    }
}


.hero-sec::before {
    content: '';
    position: absolute;
    background-repeat: no-repeat !important;
    background-position: top !important;
    width: 100%;
    height: 150px;
    bottom: 0px;
    z-index: 1;
}

.hero-sec .hero-title {
    font-size: 62px;
    font-weight: 600;
    line-height: 66px;
    margin-bottom: 28px !important;
    margin-top: -20px !important;
}

.hero-cta-sec {
    display: flex;
    align-items: center;
    justify-content: start;
    margin: 30px 0;
}

.hero-cta-sec .hero-btn {
    background-color: #266ff1;
    border: none;
    padding: 13px 13px 13px 30px;
    width: 200px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-radius: 90px;
    background-size: 105%;
    box-shadow: 0 9px 34px 3px rgba(0, 0, 0, .2);
}

.hero-banner-figure {
    position: relative;
    padding-bottom: 160px;
}

.hero-banner-figure video {
    background: transparent !important;
    -webkit-background: transparent !important;
}

.hero-banner-dev-des {
    position: absolute;
    left: -20px;
    right: 0;
    bottom: 20px;
    margin: 0 auto;
    padding: 21px 28px;
    border-radius: 18px;
    background-color: #ffffff;
    box-shadow: 0px 2px 20px -10px #000000;
    width: 100%;
    max-width: 400px;
    transition-duration: 400ms;
}

.hero-sec:hover .hero-banner-dev-des {
    transform: scale(1.05);
}

.hero-sec form {
    position: relative;
    margin-bottom: 66px;
}

.hero-sec form {
    width: 468px;
    position: relative;
}

.hero-sec form input {
    display: flex;
    width: 100%;
    height: 62px;
    padding: 17px 153px 17px 28px;
    align-items: center;
    border-radius: 100px;
    border: 1px solid rgba(29, 36, 52, 0.12);
    background: #FFF;
    color: #1D2434;
    ;
    font-size: 18px;
    font-weight: 400;
    line-height: 28px;
    letter-spacing: -0.078px;
}

.hero-sec form button {
    padding: 14px 20px;
    gap: 10px;
    border-radius: 50px;
    border: none;
    background: #0152FF;
    color: #FFF !important;
    text-align: center;
    font-size: 18px;
    font-weight: 500;
    line-height: 24px;
    position: absolute;
    white-space: nowrap;
    width: 140px;
    right: 6px;
    top: 5px;
}

/* .hero-sec form button:hover{background: #003FC7;} */

.people-reviews .title {
    color: #1D2434;
    margin-bottom: 28px !important;
}

.people-reviews .peopleReview-cards {
    position: relative;
    height: 460px;
    width: 610px;
    max-width: 100%;
    border-radius: 16px;
    border: 1px solid rgba(29, 36, 52, 0.08);
    /* margin-top: 60px; */
    background: #F7F9FC;
    padding: 31px 28px 28px 28px;
}

.people-reviews .peopleReview-cards p {
    color: rgba(29, 36, 52, 0.72) !important;
}

.people-reviews .peopleReview-cards .profile {
    position: absolute;
    bottom: 28px;
    left: 28px;
}

.people-reviews .peopleReview-cards .profile h4 {
    color: #1D2434;
}

.people-reviews .peopleReview-cards .profile span {
    color: #1D2434;
}

.people-reviews .peopleReview-cards {
    transition: .1s ease-out;
}

.offer-section .offer-cta {
    color: rgba(29, 36, 52, 0.52);
    border-radius: 40px;
    padding: 6px 16px !important;
    border: 1px solid rgba(29, 36, 52, 0.12);
    margin-bottom: 20px;
    text-transform: uppercase;
}

html.lenis {
    height: auto;
}

.lenis.lenis-smooth {
    scroll-behavior: auto !important;
}

.lenis.lenis-smooth [data-lenis-prevent] {
    overscroll-behavior: contain;
}

.lenis.lenis-stopped {
    overflow: hidden;
}

.lenis.lenis-scrolling iframe {
    pointer-events: none;
}

.offer-section h2 {
    color: #1D2434;
    margin-bottom: 28px !important;
}

.offer-section .offer-detail {
    color: rgba(29, 36, 52, 0.72);
    margin-bottom: 60px !important;
}

.offer-section .offer-tabs {
    color: rgba(29, 36, 52, 0.52);
    text-align: center;
    padding-bottom: 14px;
    margin-bottom: 0px;
    border-bottom: solid 4px #E9EBF1;
    white-space: nowrap;
    text-align: center;
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
    position: relative;
    z-index: 1;
    background-color: #Fff;
    margin-top: 20px;
}

.hiringPartnermobile {
    background-color: #Fff;
    z-index: 1;
}

.offer-section .offer-tabs.active {
    color: #1D2434;
    text-align: center;
    font-size: 20px;
    background: transparent !important;
    box-shadow: 0px 10px 25px -20px #7D20FF;
    font-style: normal;
    font-weight: 600;
    transition: 0.1s ease-in;
    line-height: 24px;
    transition-duration: 200ms;
    border-bottom: solid 4px #39AAAC;
    position: relative;
}

.offer-section .offer-engagement-cards .offer-section {
    position: relative;
    z-index: 2;
}

.offer-section .offer-engagement-cards {
    transition: all .2s ease-in-out;
    border-radius: 16px;
    border: 1px solid rgba(29, 36, 52, 0.08);
    background: #F7F9FC;
    padding: 36px;
    width: 75%;
    height: 376px;
    position: relative;
    margin-top: 40px;
}

.offer-section #engagementCards {
    display: flex;
}

.offer-section #locationCards {
    display: none
}

.offer-section #hiringStageCards {
    display: none
}

.offer-section .offer-engagement-cards .offer-card-icon {
    margin-bottom: 24px !important;
}

.offer-section .offer-engagement-cards h3 {
    margin-bottom: 12px !important;
    color: #1D2434;
}

.offer-section .offer-engagement-cards p {
    color: rgba(29, 36, 52, 0.72);
}

.offer-section .offer-engagement-cards .contact-sales {
    position: absolute;
    left: 36px;
    bottom: 36px;
    text-decoration: none;
    color: #285FF5;
    text-align: center;
    font-size: 18px;
    font-style: normal;
    font-weight: 500;
    line-height: 24px;
    display: flex;
    align-items: center;
    margin-top: 40px;
}

.offer-section .offer-engagement-cards .contact-sales svg {
    margin-left: 6px;
}

.buildEngineeringTeam-mobile-box,
.buildEngineeringTeam-right-mobile,
.no-search-tech-found,
.solvestech-hiring-mobile {
    display: none
}

/*figure.v-web img {
    width: 95% !important;
}
figure.v-web,figure.m-view {
    position: relative;
}
.circlelghtblue {
    border-radius: 50%;
    background-color: #d2e6ff;
    width: 290px;
    height: 290px;
    position: absolute;
    opacity: 1;
    display: block;
    top: 50%;
    left: 47.5%;
    transform: translate(-50%, -50%);
    animation: scaleIn 3s infinite cubic-bezier(.36, .11, .89, .32);
}
@keyframes scaleIn {
    from {
      transform: translate(-50%, -50%) scale(0.9);
      transform: translate(-50%, -50%);
      opacity: .8;
    }
    to {
      transform: translate(-50%, -50%) scale(1.3);
      opacity: 0;
    }
  }
  .bluecircle {
    transition: all 0.3s;
    position: absolute;
    left: 0;
    width: 42% !important;
    height: 52%;
    object-fit: contain;
    top: 24%;
    transform: translate(-50%, -50%); 
    z-index: 9;
}
@keyframes scaleInmob {
    from {
      transform: translate(-50%, -50%) scale(0.9);
      opacity: .8;
    }
    to {
      transform: translate(-50%, -50%) scale(1.1);
      opacity: 0;
    }
  }
  .circlelghtbluemob {
    border-radius: 50%;
    background-color: #d2e6ff;
    width: 220px;
    height: 220px;
    position: absolute;
    opacity: 1;
    display: block;
    top: 53%;
    left: 50%;
    transform: translate(-50%, -50%);
     animation: scaleInmob 3s infinite cubic-bezier(.36, .11, .89, .32); 
}
figure.m-view .bluecircle {
    top: 27.5%;
     opacity: 0; 
    margin: 0 !important;
}
*/

.excellentCustomer .slick-list.draggable {
    overflow: visible;
}

.lookingForJobs {
    padding: 18px 27px;
    position: absolute;
    left: 50%;
    top: -10px;
    transform: translate(-50%, 0);
    z-index: 1
}

.ManageYourEngineering-banner,
.supersourcingStory-banner {
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%)
}

.lookingForJobs:before {
    content: '';
    display: inline-block;
    width: 110%;
    height: 100%;
    position: absolute;
    z-index: -1;
    left: -5%;
    top: 5px;
    border-radius: 100px;
    background: #fff;
    filter: blur(12px)
}

.mainFAQ-box {
    padding: 60px 0 0 0;
}

.service-box {
    /* background:   linear-gradient(90deg, #39aaac, #43b1b4, #4cb8bc, #55c0c4, #5ec7cc ); */
    background-color: #000000;
}

.unicorns {
    padding: 60px 0
}

.unicorns-group {
    padding: 40px 0;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap
}

.unicorns-group img {
    width: 80px;
    margin: 7px
}

.solvestech-hiring {
    padding: 50px 0 50px 20px;
}

.offer-section .offer-engagement-cards .contact-sales:hover svg,
.supersourcingStory .topEngineers-box:hover img {
    transform: translateX(2px);
    transition: transform .2s ease .1s;
}

.successStories-web .color-secondary-blue img {
    transition: transform .2s ease .1s;
}

#engagementCards:hover>div:hover,
#locationCards:hover>div:hover,
#hiringStageCards:hover>div:hover {
    opacity: 1;
}

#engagementCards:hover>div,
#locationCards:hover>div,
#hiringStageCards:hover>div {
    opacity: 0.7;
}

.trusted-gird {
    display: grid;
    grid-template-columns: repeat(7, 1fr);
    gap: 27px;
    margin-top: 48px;
}

.trusted-gird-sec {
    display: grid;
    grid-template-columns: repeat(6, 1fr);
    gap: 27px;
    margin: 30px 40px;
}

.trusted-gird-three {
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    gap: 27px;
    margin: 0px 130px;
}

.trusted-gird-mobile {
    display: none;
}

.trusted-gird-three .img-box img,
.trusted-gird-sec .img-box img,
.trusted-gird .img-box img {
    width: 100%;
    height: 56px;
    object-fit: scale-down;
}

.trusted-gird .img-box {
    object-fit: scale-down;
    display: flex;
    align-items: center;
}

.color-primary-black:hover {
    /* color: #3AADAF !important; */
}

.solvestech-hiring ul li p {
    padding-left: 5px !important;
}

.trusted-gird-sec .img-box {
    object-fit: scale-down;
    display: flex;
    align-items: center;
    justify-content: center;
}

.trusted-gird-three .img-box {
    object-fit: scale-down;
    display: flex;
    align-items: center;
    justify-content: center;
}

@keyframes scale {
    from {
        transform: scale(1.1);
    }
}

.supersourcingStory .topEngineers-box .border-radius-20 {
    transition: all .2s ease-in-out;
}

.supersourcingStory .topEngineers-box:hover .border-radius-20 {
    transform: scale(1.06);
    animation: 5s forwards, scale 1s 4s;
}

.solvestech-hiring-status {
    border-radius: 16px;
    padding: 24px;
    border: 1px solid rgba(29, 36, 52, 0.08);
    background: linear-gradient(0deg, #FFF 0%, #FFF 100%), lightgray 50% / cover no-repeat;
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
}

.solvestech-hiring-status div {
    width: 80%;
}

.solvestech-hiring-status div svg {
    width: 27%;
}

.solvestech-hiring-web-setting {
    min-height: 75px;
    margin-bottom: 15px;
    color: rgba(29, 36, 52, 0.72);

    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
    position: relative;
}

.solvestech-hiring-web-setting img {
    position: absolute;
    left: -28px;
    top: 3px;
    width: 24px;
}

.bestDeveloperSlider .slide-item {
    width: auto !important;
    margin-right: 38px;
}

.bg-nps-gradient {
    background: linear-gradient(90deg, #0B38FF 12.52%, #7E21FF 33.55%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;

    font-size: 18px;
    font-style: normal;
    font-weight: 600;

    line-height: 24px;
}

.bg-tech-gradient {
    background: linear-gradient(90deg, #39aaac, #43b1b4, #4cb8bc, #55c0c4, #5ec7cc);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;

    font-size: 52px;
    font-style: normal;
    font-weight: 600;
    line-height: 60px;
}

.bg-evertech-gradient {
    background: linear-gradient(90deg, #39aaac, #43b1b4, #4cb8bc, #55c0c4, #5ec7cc);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;

    font-size: 52px;
    font-style: normal;
    font-weight: 600;
    line-height: 60px;
}

.successStoriesModel .btn-close {
    position: absolute;
    right: -30px;
    top: -33px;
    background-color: rgba(255, 255, 255, 0.50);
    backdrop-filter: blur(1px);
    width: 30px;
    height: 30px;
    z-index: 1;
    opacity: 1;
    /* padding: 12px !important; */
    border-radius: 50px;
}

.counter-statistics .counter-box {
    margin-top: 90px
}

.supersourcingStory .topEngineers-subhead {
    font-size: 22px;
    font-weight: 500;
    margin: 20px 0 10px !important
}

.supersourcingStory .topEngineers-box {
    padding: 0 4px
}

.supersourcingStory .topEngineers-box .effect {
    border-radius: 20px;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 320px;
    width: 100%;
    -webkit-backface-visibility: hidden;
    -webkit-transform: translate3d(0, 0, 0);
    overflow: hidden;
    transition: transform 0.5s;
}

.supersourcingStory .topEngineers-box .effect:hover {
    transform: scale(1.05);
}

.topEngineers-box .bg-gradient-green,
.topEngineers-box .bg-gradient-sky {
    margin-top: 80px;
}

.topEngineers-box .bg-gradient-red {
    margin-top: 160px;
}

.solvesTech {
    /* padding: 128px 0; */
    padding: 0 0 60px 0;
    overflow: hidden
}

.offer-section {
    padding-bottom: 128px;
    position: relative;
    z-index: 2;
}

.people-reviews {
    padding: 88px 0 128px 0;
    overflow: hidden
}

.topInvestors {
    padding: 80px 0 128px 0;
    overflow: visible;
    position: relative;
}

.topInvestors::before {
    content: '';
    position: absolute;
    background-repeat: no-repeat !important;
    background-position: top !important;
    width: 100%;
    height: 100px;
    z-index: 1;
    top: -96px;
    background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="100%" height="367" viewBox="0 0 1440 367" fill="none"><path fill-rule="evenodd" clip-rule="evenodd" d="M1440 96.056V367H0V96.056C229.365 33.432 470.778 0 720 0C969.222 0 1210.64 33.432 1440 96.056Z" fill="white"/></svg>');
}

.trustedBusiness {
    padding: 80px 0 80px 0;
    position: relative;
    /* background: #F7F9FC; */

    overflow: visible;
}

.trustedBusiness::before {
    /* content: ''; */
    position: absolute;
    background-repeat: no-repeat !important;
    background-position: top !important;
    width: 100%;
    height: 367px;
    /* z-index: 1; */
    top: -270px;
    /* background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="100%" height="367" viewBox="0 0 1440 367" fill="none"><path fill-rule="evenodd" clip-rule="evenodd" d="M8.39748e-06 270.944L3.20842e-05 -0.000125889L1440 0L1440 270.944C1210.64 333.568 969.222 367 720 367C470.778 367 229.365 333.568 8.39748e-06 270.944Z" fill="white"/></svg>'); */
}

.job-platforms {
    position: relative;
    background: #000000cc;
    padding: 48px;
    border-radius: 24px;
    text-align: center;
    overflow: hidden;
}

.job-platforms::before {
    content: '';
    position: absolute;
    width: 420px;
    height: 800px;
    left: -20px;
    top: 0;
    border-radius: 390px;
    background: linear-gradient(100deg, rgba(255, 255, 255, 0.18) 6.76%, rgba(255, 255, 255, 0.00) 82.08%);
    transform: rotate(45deg);
}

.job-platforms::after {
    content: '';
    position: absolute;
    width: 420px;
    height: 800px;
    right: 139px;
    top: -486px;
    border-radius: 390px;
    background: linear-gradient(100deg, rgba(255, 255, 255, 0.18) 6.76%, rgba(255, 255, 255, 0.00) 82.08%);
    transform: rotate(306deg);
}

.job-platforms a {
    position: relative;
    display: inline-block;
    /* color: #0152FF !important; */
    border-radius: 50px;
    background: #FFF;
    text-align: center;

    font-size: 18px;
    font-style: normal;
    font-weight: 500;
    padding: 12px 28px;
    line-height: 24px;
    border: transparent;
    transition: all .3s ease-in-out;
}

.job-platforms a:hover {
    transition-delay: .4s, .4s;
    transition-property: background-color, border-color;
}

a.mousehoveranimationwhite.text-decoration-none:hover:before {
    width: 700px;
    height: 700px;
    transition: height 1s, width 1s;
}

a.mousehoveranimationwhite.text-decoration-none:before {
    content: "";
    display: block;
    position: absolute;
    height: 0;
    width: 0;
    transform: translate(-50%, -50%);
    transition: height .5s, width .5s;
    border-radius: 50%;
    z-index: -1;
    top: var(--y);
    left: var(--x);
    background: #F6F6F8;
    opacity: 1;
}

.supersourcingStory {
    padding: 130px 0;
    overflow: hidden
}

.ManageYourEngineering .border-bot-sec,
.supersourcingStory .border-bot-sec {
    border-bottom: 2px solid #00000018
}

.ManageYourEngineering .border-bot-sec.bott-space,
.supersourcingStory .border-bot-sec.bott-space {
    padding-bottom: 90px
}

.ratingReview {
    padding: 100px 0
}

.checked-featured-box {
    border-radius: 16px;
    background: #f7f7f8;
    padding: 30px 30px 10px;
    margin-bottom: 30px
}

.supersourcingStory-banner {
    left: 50%;
    width: 130%
}

.ManageYourEngineering {
    padding: 130px 0 150px
}

.ManageYourEngineering-banner {
    left: 45%;
    width: 95%
}

.bestDeveloperSlider,
.excellentCustomer,
.topInvestors,
.developerIntroCard .devSlideTop,
.featuredIn,
.industryLeaders-box,
.jobSearchBox {
    position: relative
}

.hireBestDeveloper {
    padding: 140px 0px 140px 0
}

/* .topInvestors, */

.trustedInvestors,
.bestDeveloperSlider,
.excellentCustomer {
    /* margin: 0 0 0 91px;*/
    margin: 0 0 0 0px;
}



.trustedInvestors .slide-item {
    margin: 0 36px;
}

.trustedInvestors figure.btm {
    margin-bottom: 12px !important;
}

.trustedInvestors figure.btm img {
    width: 130px;
    height: 130px;
    object-fit: scale-down;
}

.trustedInvestors figure.ibt {
    margin-top: 16px !important;
}

/* slick prev next css */



.excellentCustomer .slide-item {
    margin: 0 38px 0 0;
}

/* .excellentCustomer .slick-prev:before,
.topInvestors .slick-prev:before,
.bestDeveloperSlider .slick-prev:before {
    content: '';
    padding: 4px;
    display: inline-block;
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"><path d="M19 12L5 12" stroke="white" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/><path d="M12 19L5 12L12 5" stroke="white" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg>');
    width: 24px;
    height: 24px;
} */

/* .bestDeveloperSlider .slick-next {
    position: absolute;
    font-size: 0px;
    /* background: #084BFF; */

/* background: linear-gradient(0deg, rgba(8, 75, 255, 0.32) 0%, rgba(8, 75, 255, 0.32) 100%), #FFF;
    height: 52px;
    width: 52px;
    right: 72px;
    top: 40%;
    z-index: 8;
    border-radius: 60px;
    border: none 
}  */







.developerIntroCard.onHero1,
.developerIntroCard.onHero2 {
    max-width: 502px !important;
    padding: 10px 8px;
    box-shadow: 0 4px 33px 0 #00000021;
    top: 60px;
    position: absolute;
    text-align: left
}

/* .excellentCustomer .slick-next:before,
.topInvestors .slick-next:before,
.bestDeveloperSlider .slick-next:before {
    content: '';
    padding: 4px;
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"><path d="M5 12L19 12" stroke="white" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/><path d="M12 5L19 12L12 19" stroke="white" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg>');
    width: 24px;
    height: 24px;
    display: inline-block;
} */

.developerIntroCard.onHero1 {
    left: 165px
}

.developerIntroCard.onHero2 {
    right: 165px
}

.developerIntroCard {
    /* max-width: 502px; */
    width: 100%;
    background-color: #fff;
    border-radius: 14px;
    overflow: hidden
}

#splideinvestors .splide__arrows {
    display: none !important;
}

.developerIntroCard .devSlideTop .devName {
    color: #1D2434;

    font-size: 22px;
    font-style: normal;
    font-weight: 600;
    line-height: 24px;
    padding-top: 20px;
    display: inline-block;
    padding-left: 12px;
}

.developerIntroCard .devSlideTop img {
    border-radius: 16px;
    object-fit: cover !important;
}

.developerIntroCard .devSlideBot {
    padding: 15px 12px 10px
}

.developerIntroCard .dev-skill-set span {
    align-items: center;
    color: #565975;
    font-size: 10px;
    font-weight: 400;
    border-radius: 2px;
    background: #e8eaef;
    padding: 4px 5px;
    display: inline-block;
    margin: 0 5px 5px 0
}

.buildEngineeringTeam {
    background-image: url(../img/green-bg-illustration.webp);
    background-size: cover;
    position: relative
}

.buildEngineeringTeam .sectionBgOverlay {
    background-color: #0000005E;
    padding: 80px 0
}

.searchSkilJob {
    padding: 150px 0;
    background: #1a1a1a
}

.jobSearchBox {
    display: flex;
    align-items: stretch;
    margin: 32px 0 10px;
    width: 100%;
    max-width: 650px
}

.jobSearchBox input {
    padding: 18px 85px 18px 32px;
    font-size: 18px;
    font-weight: 400;
    color: #000;
    outline: 0 !important;
    width: 100%;
    border: none;
    border-radius: 140px
}

.jobSearchBox input:focus {
    box-shadow: 0 0 20px -8px #fff
}

.jobSearchBox .searchButton {
    position: absolute;
    right: 0;
    top: 0;
    height: 100%;
    border: none;
    padding: 0 25px;
    border-top-right-radius: 150px;
    border-bottom-right-radius: 150px
}

.search-result .search-result-link {
    font-size: 14px;
    font-weight: 500;
    border-radius: 50px;
    background-color: #25272d;
    color: #bababa;
    text-decoration: none;
    padding: 7px 15px;
    margin: 0 5px 9px 0;
    display: inline-block
}

.industryLeaders {
    padding: 150px 0;
    background-color: #000
}

.industryLeaders-box .leaderDetail {
    position: absolute;
    left: 0;
    top: 1px;
    height: 100%;
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    padding: 17px;
    background: linear-gradient(180deg, rgba(0, 0, 0, 0) 40.88%, #000 102%)
}

/* start */

.case-Studies {
    display: inline-flex;
    padding: 6px 16px 3px 16px !important;
    justify-content: center;
    align-items: center;
    gap: 10px;
    border-radius: 40px;
    border: 1px solid rgba(29, 36, 52, 0.12);
    color: rgba(29, 36, 52, 0.52);

    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px;
    text-transform: uppercase;
}

.mainFAQ {
    padding: 0 0 128px 0;
    /* background: #F7F9FC; */
}


.top-border-white {
    position: relative;
}

.top-border-white::before {
    content: '';
    background-image: url(../img/top-border-white.png);
    position: absolute;
    top: 0;
    background-size: cover;
    width: 100%;
    height: 69px;
    flex-shrink: 0;
}

.top-border {
    position: relative;
}

.top-border::before {
    content: '';
    /* background-image: url(../img/top-border-purple.png); */
    background-image: url(../img/top-border-white.png);
    position: absolute;
    top: 0;
    background-size: cover;
    width: 100%;
    height: 4px;
    flex-shrink: 0;
}

.top-border-blue {
    position: relative;
}

.top-border-blue::before {
    content: '';
    background-image: url(../img/top-border-reddish-blue.png);
    position: absolute;
    top: 0;
    background-size: cover;
    width: 100%;
    height: 69px;
    flex-shrink: 0;
}

.mainFAQ .mainFAQ-left {
    max-width: 48%;
}

.mainFAQ .mainFAQ-right {
    max-width: 48%;
    position: relative;
}

.mainFAQ-title {
    font-size: 52px;
    font-weight: 600;
    line-height: 60px;
}

.mainFAQ .mainFAQ-right .FAQ-head {
    position: -webkit-sticky;
    position: sticky;
    top: 80px;
}

.mainFAQ .mainFAQ-right .mainFAQ-sub-title {
    font-size: 32px;
    font-weight: 600;
    line-height: 40px;
    margin-top: 112px !important;
    margin-bottom: 40px !important;
}

.mainFAQ .mainFAQ-right .mainFAQ-sub-title span {
    /* background: linear-gradient(91deg, #0E4CFD 57.59%, #DA4C98 72.13%); */
    background: linear-gradient(90deg, #39aaac, #43b1b4, #4cb8bc, #55c0c4, #5ec7cc);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;

    font-size: 32px;
    font-style: normal;
    font-weight: 600;
    line-height: 40px;
}

.mainFAQ .mainFAQ-right .FAQ-head .btn-action span svg {
    margin-right: 8px !important;
}

.mainFAQ .mainFAQ-right .FAQ-head .btn-action {
    display: flex;
    justify-content: space-between;
    border-radius: 100px;
    border: 1px solid #084BFF;
    background: #ffffff;
    padding: 10px 24px;
    text-decoration: none;
    margin-bottom: 20px;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
}

.mainFAQ .mainFAQ-right .FAQ-head .btn-action:hover {
    border: 1px solid rgba(29, 36, 52, 0.08);
    background: #084BFF;
}

.mainFAQ .mainFAQ-right .FAQ-head .btn-action:hover span.hit {
    color: rgba(255, 255, 255, 0.52) !important;
}

.mainFAQ .mainFAQ-right .FAQ-head .btn-action:hover span {
    color: #ffffff;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
}

.mainFAQ .mainFAQ-right .FAQ-head .btn-action:hover span svg path {
    fill: white;
}

.mainFAQ .mainFAQ-box .accordion-item {
    padding: 24px !important;
    border-radius: 12px;
    border: 1px solid rgba(29, 36, 52, 0.08) !important;
    background: #FFF;
    margin-bottom: 20px;
}

.modal-content {
    /* border-radius: 20px !important; */
}

.modal-content .modal-footer {
    border-bottom-right-radius: 19px !important;
    border-bottom-left-radius: 19px !important;
    position: relative;
}

.mScroll {
    overflow-y: scroll;
    height: 75vh;
    position: relative;
    right: 10px;
    top: 10px;
    z-index: 0;
}

.mScroll::-webkit-scrollbar {
    width: 8px
}

.mScroll::-webkit-scrollbar-track {
    border-radius: 20px;
    background: rgba(29, 36, 52, 0.24);
}

.mScroll::-webkit-scrollbar-thumb {
    border-radius: 20px;
    background: rgba(29, 36, 52, 0.08);
}

/* emd */

/* we fix */

.we-fix-tech {
    display: grid;
    grid-template-columns: 1fr 2fr 1fr;
}

.solves-tech-hiring ul.list-unstyled {
    position: relative;
}

.vettingProcess {
    padding: 128px 0px 50px 0px;
    overflow: visible;
    background: #F7F9FC;
    position: relative;
}

.vettingProcess .process {
    margin-top: 110px;
}

.web-vetingProcess {
    display: block;
}

.vettingProcess .process figure {
    position: relative;
    z-index: 200;
}

.vettingProcess .process .trapezium .process-text {
    position: absolute;
    left: -359px;
    top: -89px;
    width: 254px;
    text-align: left;
    color: rgba(29, 36, 52, 0.72);

    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 22px;
}

.vettingProcess .process .trapezium.arrow::before {
    content: url(../img/dot-arrow-left-a.png);
    position: absolute;
    left: -106px;
    top: -62px;
}

.vettingProcess .process .trapezium3 .process-text-three {
    position: absolute;
    left: -226%;
    top: -89px;
    width: 280px;
    text-align: left;
    color: rgba(29, 36, 52, 0.72);

    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 22px;
}

.vettingProcess .process .trapezium3.arrow::before {
    content: url(../img/dot-arrow-left-b.png);
    position: absolute;
    left: -108px;
    top: -56px;
}

.vettingProcess .process .trapezium {
    position: relative;
    width: 500px;
    height: 0px;
    border-radius: 4px;
    border-top: 108px solid #D6DFFF;
    border-left: 50px solid transparent;
    border-right: 50px solid transparent;
    border-bottom-right-radius: 150%;
    border-bottom-left-radius: 150%;
    z-index: 100;
    margin: auto;
}

.trapezium-title {

    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: 20px;
    text-transform: uppercase;
    position: relative;
    white-space: nowrap;
    top: -56px;
}

.vettingProcess .process .trapezium .trapezium-text {
    position: absolute;
    transform: translate(60%, -281%);
    color: #194CF8;
    font-size: 16px;
    font-weight: 600;
    line-height: 20px;
    text-transform: uppercase;
}

.vettingProcess .process .trapezium .trapezium-circle {
    position: absolute;
    bottom: 83px;
    left: -48px;
    width: 498px;
    height: 45px;
    border-radius: 50%;
    background-color: #9EAFED !important;
}

.vettingProcess .process .trapezium2 {
    position: relative;
    width: 400px;
    height: 0px;
    border-radius: 4px;
    border-top: 100px solid #E0D8FF;
    border-left: 50px solid transparent;
    border-right: 50px solid transparent;
    border-bottom-right-radius: 150%;
    border-bottom-left-radius: 150%;
    z-index: 80;
    margin: auto;
    margin-top: 6px;
}

.vettingProcess .process .trapezium2 .trapezium2-text {
    position: absolute;
    transform: translate(10%, -280%);
    color: #5026EE;
    text-align: center;
    font-size: 16px;
    font-weight: 600;
    line-height: 20px;
    text-transform: uppercase;
}

.vettingProcess .process .trapezium2 .trapezium-circle2 {
    position: absolute;
    top: -122px;
    left: -49px;
    width: 399px;
    height: 45px;
    border-radius: 50%;
    background-color: #AC9AF0 !important;
}

.vettingProcess .process .trapezium2 .process-text-two {
    position: absolute;
    right: -135%;
    top: -89px;
    width: 280px;
    text-align: right;
    color: rgba(29, 36, 52, 0.72);

    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 22px;
}

.vettingProcess .process .trapezium2.arrow::before {
    content: url(../img/dot-arrow-right-a.png);
    position: absolute;
    right: -108px;
    top: -56px;
}

.vettingProcess .process .trapezium3 {
    position: relative;
    width: 300px;
    height: 0px;
    border-radius: 4px;
    border-top: 89px solid #FDDAFF;
    border-left: 50px solid transparent;
    border-right: 50px solid transparent;
    border-bottom-right-radius: 150%;
    border-bottom-left-radius: 150%;
    z-index: 60;
    margin: auto;
    margin-top: 6px;
}

.vettingProcess .process .trapezium3 .trapezium3-text {
    position: absolute;
    transform: translate(6%, -235%);
    color: #CD27D7;
    font-size: 16px;
    font-weight: 600;
    line-height: 20px;
    text-transform: uppercase;
}

.vettingProcess .process .trapezium3 .trapezium-circle3 {
    position: absolute;
    top: -100px;
    left: -48px;
    width: 298px;
    height: 25px;
    border-radius: 50%;
    background-color: #E79BEB !important;
}

.vettingProcess .process .trapezium4 {
    position: relative;
    width: 200px;
    height: 0px;
    border-radius: 4px;
    border-top: 85px solid #FFD1E4;
    border-left: 50px solid transparent;
    border-right: 50px solid transparent;
    border-bottom-right-radius: 150%;
    border-bottom-left-radius: 150%;
    z-index: 40;
    margin: auto;
    margin-top: 6px;
    margin-bottom: 32px;
}

.vettingProcess .process .trapezium4 .trapezium4-text {
    position: absolute;
    transform: translate(0%, -135%);
    color: #FF0067;
    text-align: center;
    font-size: 15px;
    font-weight: 600;
    line-height: 20px;
    text-transform: uppercase;
}

.vettingProcess .process .trapezium4 .trapezium-circle4 {
    position: absolute;
    top: -90px;
    left: -49px;
    width: 198px;
    height: 12px;
    border-radius: 50%;
    background-color: #F093B9 !important;
}

.vettingProcess .process .trapezium4 .process-text-four {
    position: absolute;
    right: -500%;
    top: -89px;
    width: 330px;
    text-align: right;
    color: rgba(29, 36, 52, 0.72);

    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 22px;
}

.vettingProcess .process .trapezium4.arrow::before {
    content: url(../img/dot-arrow-right-b.png);
    position: absolute;
    right: -108px;
    top: -56px;
}

.featuredOn {
    /* padding: 120px 0px 0px 0px; */
    overflow: hidden;
    position: relative;
}

.featuredOn::before {
    /* content: ''; */
    position: absolute;
    background-repeat: no-repeat !important;
    background-position: top !important;
    width: 100%;
    /* height: 376px; */
    top: -270px;
    z-index: -1;
    background: url('data:image/svg+xml,<svg width="100%" height="367" viewBox="0 0 1440 367" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M8.39748e-06 270.944L3.20842e-05 -0.000125889L1440 0L1440 270.944C1210.64 333.568 969.222 367 720 367C470.778 367 229.365 333.568 8.39748e-06 270.944Z" fill="%23F7F9FC"/></svg>');
}

.featuredOn .featuredOn-box {
    margin-top: 132px;
    border-radius: 16px;
    border: 1px solid rgba(29, 36, 52, 0.08);
    background: #F7F9FC;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
}

.featuredOn .featuredOn-box .faster,
.featuredOn .featuredOn-box .reliable {
    border-right: 1px solid rgba(29, 36, 52, 0.08);
    padding: 48px;
}

.featuredOn .featuredOn-box .trusted {
    padding: 48px;
}

.featuredOn .featuredOn-box .faster h4,
.featuredOn .featuredOn-box .reliable h4 {
    padding-top: 24px !important;
    color: #1D2434;
}

.featuredOn .featuredOn-box .trusted h4 {
    padding-top: 40px !important;
    color: #1D2434;
}

.featuredOn .featuredOn-box .faster p,
.featuredOn .featuredOn-box .reliable p,
.featuredOn .featuredOn-box .trusted p {
    padding-top: 24px !important;
    color: rgba(29, 36, 52, 0.72);
}

.featuredOn .featuredOn-box .faster p {
    padding-right: 120px !important;
}

.cta-underline {
    text-underline-offset: 4px;
    text-decoration: underline !important;
    color: #FFF;
    font-size: 20px;
    font-style: normal;
    font-weight: 600;
    line-height: 24px;
    text-decoration-line: underline;
}

.accordion-button::after {
    width: 24px !important;
    height: 24px !important;
    color: #1D2434 !important;
}



.featured {
    display: grid;
    grid-template-columns: repeat(6, 1fr);
    text-align: center;
    gap: 100px;
}

.featured figure {
    display: flex;
    justify-content: center;
    align-items: center;
}

.nav-m-view,
.successStories-mobile,
.s-mobile-view {
    display: none;
}

.successStories-web,
.s-web-view {
    display: block;
}

.ElightRemoteDeveloper-box {
    background-image: url('../img/HireEliteRemoteDevelopers.webp');
    background-size: cover;
    background-position: center center;
    padding: 60px;
    text-align: center;
    border-radius: 31px;
    position: absolute;
    left: 50%;
    bottom: -40%;
    transform: translate(-50%, 0);
    max-width: 1170px;
    width: calc(100% - 40px)
}

.site-footer {
    padding: 128px 0px 0px 0px;
    background: #eeeeee;

    z-index: 1
}

.inStartups {
    cursor: pointer;
    border-radius: 8px;
    background: linear-gradient(90deg, #39aaac, #43b1b4, #4cb8bc, #55c0c4, #5ec7cc);
    padding: 6px 16px !important;
    margin: 32px 0 20px 0;
    position: relative;
    overflow: hidden;
}

.inStartups a {
    text-decoration: none;
    color: #ffffff !important;
}

.inStartups p {
    display: flex;
    align-items: center;
}

.inStartups p img {
    padding-right: 10px !important;
}

.copyright {
    color: rgba(255, 255, 255, 0.52);

    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 22px;
}

.footer-title {
    color: #FFF;

    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: 20px;
    text-transform: uppercase;
    padding-bottom: 24px !important;
}

.address p {
    color: rgba(255, 255, 255, 0.72);

    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px;
    text-decoration: none;
    display: flex;
    align-items: flex-start;
    padding-bottom: 24px !important;
}

.address p a {
    color: rgba(255, 255, 255, 0.72);

    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px;
    text-decoration: none;
    display: flex;
    align-items: flex-start;
}

.address p:last-child {
    padding-bottom: 0 !important;
}

.address p img {
    margin-right: 5px !important;
}

.footer-unlist ul {
    position: relative;
    left: -30px;
}

.footer-unlist ul li {
    list-style: none;
    margin-bottom: 8px !important;
}

.footer-unlist ul li:last-child {
    margin-bottom: 0px !important;
}

.footer-unlist ul li,
.footer-unlist ul li a {

    color: rgba(255, 255, 255, 0.52);
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px;
    text-decoration: none;
}

/* .offer-section .offer-engagement-cards:hover {border: 1px solid #285FF5 !important;box-shadow: 0px 0px 999px 999px rgba(255, 255, 255, 0.5);z-index: 500;} */

.offer-section .offer-engagement-cards:hover {
    transform: scale(1.015);
    /* border: 1px solid #285FF5 !important; */
    background: #EBEFF5;
    /* box-shadow: 0 0 0 1px rgba(29, 36, 52, 0.08); */
    cursor: pointer;
}

.offer-section .offer-engagement-cards:hover p {
    color: #1D2434 !important;
}

.footer-unlist ul li a:hover {
    color: rgba(255, 255, 255, 0.82);
}

.contact-sales:hover svg {
    transform: translateX(2px);
}

.bottom-footer {
    background: rgb(28 28 28);
}

.bottom-footer p.scroll {
    color: #FFF;
    text-align: center;

    font-size: 42px;
    font-style: normal;
    font-weight: 500;
    line-height: 40px;
    transform: translateX(0);
    white-space: nowrap;
    animation: text-scroll 14s linear infinite;
    padding: 40px 0px !important;
}

@keyframes text-scroll {
    0% {
        transform: translate3d(0, 0, 0);
    }

    100% {
        transform: translate3d(-100%, 0, 0);
    }
}

.bottom-footer p span.text-gradient {
    background: linear-gradient(90deg, #134CFB 34.68%, #EE4C8E 91.26%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;

    font-size: 72px;
    font-style: normal;
    font-weight: 400;
    line-height: 60px;
}

.site-footer .follow-us {
    text-align: left;
    margin-top: -70px
}

.hide-link {
    display: block;
}

.show-link {
    display: none;
}

.btn-animation {
    position: relative;
    z-index: 1;
    overflow: hidden
}

.btn-animation:after {
    position: absolute;
    content: '';
    width: 0%;
    height: 100%;
    top: 0;
    right: 0;
    background-color: #154fb5;
    border-radius: 1px;
    -webkit-transition: .3s;
    transition: .3s;
    z-index: -1
}

.btn-animation.color-theme-blue:hover {
    color: #fff !important
}

.btn-animation:hover:after {
    left: 0;
    width: 100%
}

.btn-animation-black {
    position: relative;
    z-index: 1;
    overflow: hidden
}

.btn-animation-black:after {
    position: absolute;
    content: '';
    width: 0%;
    height: 100%;
    top: 0;
    right: 0;
    background-color: #161616;
    border-radius: 1px;
    -webkit-transition: .3s;
    transition: .3s;
    z-index: -1
}

.btn-animation-black.color-theme-blue:hover {
    color: #fff !important
}

.btn-animation-black:hover:after {
    left: 0;
    width: 100%
}

.btn-animation-light {
    position: relative;
    z-index: 1;
    overflow: hidden
}

.btn-animation-light:after {
    position: absolute;
    content: '';
    width: 0%;
    height: 100%;
    top: 0;
    right: 0;
    background-color: #F6F6F8;
    border-radius: 1px;
    -webkit-transition: .3s;
    transition: .3s;
    z-index: -1
}

.btn-animation-light.color-theme-blue:hover {
    color: #0152FF !important;
    background-color: #F6F6F8;
}

.btn-animation-light:hover:after {
    left: 0;
    width: 100%;
    color: #0152FF !important;
    background-color: #F6F6F8;
}

.drop-out-ratio {
    background-image: url(../img/drop-out-ratio-bg.webp);
    background-size: 100% 100%;
    overflow: hidden;
    height: 400px;
    padding: 30px;
    display: flex;
    flex-direction: column-reverse;
    border-radius: 40px;
    margin-bottom: 16px
}

.submit-hire-ratio {
    background-color: #e5e8dd;
    padding: 50px 20px 34px 29px;
    border-radius: 29px;
    margin-bottom: 16px
}

.less-time-hiring,
.reduction-hiring-cost {
    padding: 50px 20px 20px;
    border-radius: 30px
}

.less-time-hiring {
    background-color: #d9d9d9
}

.reduction-hiring-cost {
    background-color: #c4d6b9
}

.bg-linear-gradient {

    background: linear-gradient(90deg, #39aaac, #43b1b4, #4cb8bc, #55c0c4, #5ec7cc);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;

    font-style: normal;
}

.image-container-large {
    margin-top: 50px;
}

.image-container-small {
    display: none !important;
    margin-top: 28px;
    margin-bottom: 60px;
}

.image-container-large .img-box {
    border-radius: 12px;
    border: 1px solid rgba(29, 36, 52, 0.08);
    background: #FFF;
    margin-right: 27px !important;
    margin-bottom: 29px !important;
    padding: 15px 22px !important;
}

.image-container-small .img-box img,
.image-container-large .img-box img {
    object-fit: scale-down;
    width: -webkit-fill-available;
}

.image-container-small .img-box {
    border-radius: 12px;
    border: 1px solid rgba(29, 36, 52, 0.08);
    background: #FFF;
    margin-right: 10px !important;
    margin-bottom: 10px !important;
    padding: 10px 22px !important;
}

@media (max-width: 1274px) {
    .image-container-large {
        display: none !important;
    }

    .image-container-small {
        display: block !important;
    }
}

@media (min-width: 995px) {
    .hero-banner-figure video {
        width: 117%;
        position: absolute;
        top: -64px;
    }
}

@media (max-width: 995px) {

    .trusted-gird,
    .trusted-gird-sec,
    .trusted-gird-three {
        display: none;
    }

    .trusted-gird-mobile {
        display: grid;
        grid-template-columns: repeat(4, 1fr);
        gap: 10px;
        margin: 28px 0px;
    }
}

.loadMore {
    position: relative;
    display: inline-flex;
    padding: 19px 40px;
    gap: 10px;
    border-radius: 50px;
    background: #084BFF;
    color: #FFF !important;

    font-size: 18px;
    font-style: normal;
    font-weight: 500;
    line-height: 24px;
    align-items: center;
    text-decoration: none;
}

/* padding */

.p-40 {
    padding: 2.5rem;
}

.pt-32 {
    padding-bottom: 2rem !important;
}

.pb-40 {
    padding-bottom: 2.5rem !important;
}

.py-40 {
    padding-top: 2.5rem !important;
    padding-bottom: 2.5rem !important;
}

.pt-60 {
    padding-top: 3.75rem !important;
}

.pb-72 {
    padding-bottom: 4.5rem !important;
}

.pr-125 {
    padding-right: 7.813rem !important;
}

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

.mt-40 {
    margin-top: 40px !important;
}

.mt-100 {
    margin-top: 6.25rem !important;
}

.mb-72 {
    margin-bottom: 4.5rem !important;
}

.mt-60 {
    margin-top: 3.75rem !important;
}

.my-60 {
    margin-top: 3.75rem !important;
    margin-bottom: 3.75rem !important;
}

.my-80 {
    margin-top: 5rem !important;
    margin-bottom: 5rem !important;
}

.mt-100 {
    margin-top: 100px !important;
}

/* .loadMore-hidden {
    display:none;
} */

.small-text-gardient {
    /* background: linear-gradient(90deg, #094CFF 1.63%, #F34C8C 18.64%) !important; */
    background: linear-gradient(90deg, #39aaac, #43b1b4, #4cb8bc, #55c0c4, #5ec7cc);
    background-clip: text !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent;
}

.border-right {
    border-right: 1px solid #00000033;
}

.navbar-brand {
    position: relative !important;
    margin-right: 38px;
}

.navbar-brand::before {
    content: '';
    position: absolute;
    border-right: 1px solid #000 !important;
    opacity: 0.16 !important;
    top: 4px;
    height: 36px;
    right: -28px !important;
}

.text-underline-offset-4 {
    text-underline-offset: 4px;
}

.m-vetingProcess,
.we-fix-mobile-view,
.we-fix-tech .web-hiring figure.m-view {
    display: none;
}

.axamarin a.hero-btn {
    margin-left: 0 !important;
}

/* slick modifications */

.wrapper-1450 {
    margin: 0 0 0 85px;
    max-width: 1450px;
    width: 100%;
    padding: 0 0px 0 15px
}

.wrapper-1440 {
    margin: 0 0 0 90px;
    max-width: 1440px;
    width: 100%;
    padding: 0 0px 0 15px
}

.wrapper {
    margin: 0 auto;
    width: 100%;
    padding: 0 15px;
}

/* ---------------------------------------------Health Care page css--------------------------------------------------- */

.exploreTalentSec {
    position: relative;
    background: linear-gradient(180deg, #F7F9FC 10.47%, #0152ff42 209.89%);
    padding: 150px 0 128px 0;
}

.exploreTalentSec:before {
    content: " ";
    position: absolute;
    background-color: #E9EBF1;
    height: 2px;
    width: 1258px;
    left: 50%;
    top: 0;
    transform: translateX(-50%);
}

.exploreTalentSec p.expertPosition {
    color: #1D24349E;
}

.exploreTalentSec .mainTitle {
    margin: 0px 0px 60px !important;
}

.exploreTalentSec .expertFeature {
    background-color: #F7F9FC;
    border: 1px solid #E9EBF1;
    border-radius: 50px;
    padding: 3px 12px;
    margin: 12px 5px 0;
}

.exploreTalentSec .expertBox {
    transform: scale(1);
    transition: .3s ease;
    padding: 16px;
    border-radius: 16px;
    /* width: 22.73%; */
    /* margin: 0 19px 48px; */
}

.talentinner {
    margin-bottom: 48px;
}

.exploreTalentSec .expertBox:first-child {
    margin-left: 0px;
}

.exploreTalentSec .expertBox:last-child {
    margin-right: 0px;
}

.exploreTalentSec .expertFeature img {
    padding-right: 5px;
    margin-top: -2px;
}

.exploreTalentSec .colorBlue {
    color: #285FF5;
}

.exploreTalentSec .colorGreen {
    color: #00A01A
}

.exploreTalentSec .expertCourse {
    color: #1D24349E;
    padding: 20px 30px !important;
}

.exploreTalentSec .hireNow-btn {
    font-size: 18px;
    font-weight: 500;
    line-height: 24px;
    color: #084BFF;
    text-decoration: none;
    background-color: #fff;
    border: 1px solid #084BFF;
    border-radius: 50px;
    width: 100%;
    display: block;
    padding: 10px 20px;
    overflow: hidden;
    -webkit-transition: all 0.3s ease-in;
    transition: all 0.3s ease-in;
    z-index: 1 !important;
    overflow: hidden;
}

.exploreTalentSec .expertImages {
    position: relative;
    display: inline-block;
    margin-bottom: 10px;
}

.exploreTalentSec .expertImages img.expertCheck-icon {
    position: absolute;
    bottom: 0px;
    right: 0px;
}

.peopleWeHelp .nav-link img {
    min-height: 44px;
    max-width: 140px;
    object-fit: contain;
}

.shedulCall {
    margin: 80px 0px 0px;
}

.whyDoBusiness h2.section-title {
    max-width: 950px;
}

.whyDoBusiness p {
    max-width: 550px;
    padding-bottom: 70px !important;
}

.whyDoBusiness .whyDoBusiness-Box {
    background-color: #F7F9FC;
    padding: 25px;
    border-radius: 16px;
    /* width: 22.72%;
    margin: 0 19px; */
    border: 1px solid #1D243414;
}

.whyDoBusiness .whyDoBusiness-Box:first-child {
    margin-left: 0;
}

.whyDoBusiness .whyDoBusiness-Box:last-child {
    margin-right: 0;
}

.whyDoBusiness .whyDoBusiness-Box span {
    display: block;
    padding-top: 5px;
}

.whyDoBusiness .whyDoBusiness-Box h3.headingOne {
    color: #1335FF;
}

.whyDoBusiness .whyDoBusiness-Box h3.headingTwo {
    color: #352FFF;
}

.whyDoBusiness .whyDoBusiness-Box h3.headingThree {
    color: #5728FF;
}

.whyDoBusiness .whyDoBusiness-Box h3.headingFour {
    color: #7722FF;
}

.whyDoBusiness .successStories-web {
    padding-bottom: 128px;
}

.whyDoBusiness {
    padding-bottom: 0;
}

.healthcareBrands {
    background-color: #F7F9FC;
    padding: 128px 0px 378px;
    overflow: hidden;
}

.vettingHealthCare {
    padding-bottom: 128px;
}

.healthCareFeatured {
    padding-bottom: 128px;
}

.healthCareFeatured::before {
    content: "";
    position: absolute;
    top: 0px;
    left: 50%;
    transform: translate(-50%);
    background-color: #E9EBF1;
    height: 2px;
    width: 1258px;
}

.greycurvebusiness {
    /* height: 200px; */
    width: 100%;
}

.healthcareRightExpert .rightExpert-inner {
    background: linear-gradient(90.39deg, rgba(211, 239, 255, 0.6) 32.37%, rgba(141, 195, 255, 0.6) 99.86%), linear-gradient(0deg, #FFFFFF, #FFFFFF);
    padding: 48px;
    border-radius: 25px;
    box-shadow: 0px 8.227272987365723px 52.654544830322266px 0px #285FF514;
}

.healthcareRightExpert {
    padding: 50px 0 128px 0 !important;
    background: #ffffff;
}

.healthcareRightExpert figure:hover,
.exploreTalentSec .expertBox:hover {
    transform: scale(1.06);
    cursor: pointer;
}

.healthcareRightExpert figure {
    background-color: #FFFFFF85;
    border: 2px solid #fff;
    border-radius: 16px;
    padding: 20px !important;
    transform: scale(1);
    transition: .3s ease;
}

.healthcareRightExpert h5 {
    color: #1D2434;
}

.healthcareRightExpert .trusted-gird {
    display: grid;
    grid-template-columns: repeat(8, 1fr);
    gap: 15px;
    margin: 48px 0px;
}

.healthcareRightExpert .trusted-gird-sec {
    display: grid;
    grid-template-columns: repeat(8, 1fr);
    gap: 15px;
    margin: 15px 0px 48px;
}

.healthcareRightExpert .callSchedule {
    max-width: 230px;
}

.healthcareRightExpert figure img {
    max-width: 64px;
    max-height: 64px;
    height: 64px;
    object-fit: contain;
}

.healthcareRightExpert .searchBar span.input-group-append img {
    background: #0152ff;
    border-radius: 50% !important;
    padding: 13px;
}

.healthcareRightExpert .searchBar span.input-group-append img {
    background: #0152ff;
    border-radius: 50% !important;
    padding: 13px;
}

.healthcareRightExpert .searchBar .input-group {
    width: 100%;
    background-color: #fff;
    border-radius: 50px;
}

.healthcareRightExpert .searchBar .form-control {
    padding: 15px 30px;
    border-radius: 50px !important;
    border: none !important;
    color: #1D243485;
}

.healthcareRightExpert .searchBar .form-control::placeholder {
    color: #1D243485;
}

.healthcareRightExpert .searchBar input.form-control:focus {
    border: none;
    outline: none;
    box-shadow: none;
}

.healthcareRightExpert .searchBar {
    align-items: self-end;
    display: flex;
}

.healthcareRightExpert .searchBar span.input-group-append button {
    padding: 3px 3px 0px 0px !important;
}

.healthcareRightExpert.trustedBusiness::before {
    display: none;
}

.healthcareBrands .excellentCustomernew {
    margin: 0 90px;
}

.healthcareBrands #engagementCards {
    display: initial;
}

.healthcareBrands .healthcareBrands-card {
    background-color: #fff;
    padding: 20px 35px;
    border: 1px solid #1D243414;
    border-radius: 16px;
    min-height: 446px;
}

.healthcareBrands .healthcareBrands-card figure {
    min-height: 170px;
    display: flex;
    justify-content: center;
    margin-bottom: 30px !important;
    border-bottom: 1px solid #1D243414;
    align-items: center;
}

.healthcareBrands .hiringPartner {
    padding-bottom: 48px;
}

.healthcareBrands .offer-tabs {
    padding: 0 24px 14px;
    background-color: transparent;
}

.healthcareBrands:after {
    content: " ";
    position: absolute;
    bottom: -10px;
    top: initial;
    left: 50%;
    background: url("../img/healthcare/bg-curve-resize-new.png");
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    z-index: 2;
    width: 100%;
    height: 170px;
    transform: translate(-50%);
}

.peopleWeHelp {
    background-color: #F7F9FC;
    padding: 0px 0px 100px;
}

.peopleWeHelp .nav-link {
    border-left: 4px solid #E9EBF1;
    border-radius: 0 12px 12px 0 !important;
    padding: 24px;
}

.peopleWeHelp .nav-link.active {
    background-color: #7D20FF1A;
    border-left: 4px solid #7D20FF;
}

.peopleWeHelp .tab-content .modal-body {
    background: #fff;
    padding: 32px !important;
    border-radius: 20px;
    border: 1px solid #1D24341F;
}

.peopleWeHelp .nav-link img {
    filter: grayscale(100%);
    -webkit-filter: grayscale(100%);
}

.peopleWeHelp .nav-link.active img {
    filter: none;
}

.hireNow-btn {
    position: relative;
}

.hireNow-btn:hover {
    color: #fff;
    transition-delay: .4s, .4s;
    transition-property: background-color, border-color;
}

.hireNow-btn:before {
    content: "";
    display: block;
    position: absolute;
    height: 0;
    width: 0;
    transform: translate(-50%, -50%);
    transition: height .5s, width .5s;
    border-radius: 50%;
    z-index: -1;
    top: var(--y);
    left: var(--x);
    background: #003fc7;
    opacity: 1;
}

.hireNow-btn:hover:before {
    width: 700px;
    height: 700px;
    transition: height 1s, width 1s;
}

.heroBannerImagemobile {
    display: none;
}

.successStories-web .business {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 35px;
}

.top_devlopers li img {
    width: 44px;
    height: 44px;
    object-fit: cover;
}

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

.exploreTalentSec-Mobile {
    display: none;
}

.heroBannerImage {
    width: 117%;
}

.vetteddeveloper #vettedCards {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 35px;
}

.peopleWeHelp .tab-content>.tab-pane img {
    width: 470px;
    height: 210px;
    border-radius: 12px;
}

.exploreTalentSec .expertImages img:first-child {
    width: 120px;
    height: 120px;
}

html.schedule_introhead {
    height: 100vh;
    overflow: hidden;
}

html.schedule_introhead body {
    height: 100vh;
    overflow: hidden;
}

.healthcareRightExpert .trusted-gird a:after {
    position: absolute !important;
    content: "";
    width: 100%;
    height: 100%;
    right: 0;
    top: 0;
}

.whyDoBusiness .whyDoBusiness-Box .fs-16 {
    display: block !important;
    width: 100% !important;
}

.whyDoBusiness-Box em {
    font-style: normal;
    position: relative;
    top: -4px;
}

.whyDoBusiness .whyDoBusiness-Box h3 {
    color: #7722FF;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}

._number {
    line-height: 60px;
    display: inline-block;
    justify-content: center;
}

.searcg_data_dropdown.showIt {
    display: block;
}

/* .seconday_menu_main{
    display: none;
} */

.seconday_menu_main ul.navbar-nav {
    align-items: center;
    justify-content: flex-end;
}

.seconday_menu_main ul li a {
    color: #1D243485 !important;
    transition: all .3s ease-in;
    border-bottom: 3px solid transparent;
}

.seconday_menu_main ul li a.active {
    color: #1D2434 !important;
    border-color: #7D20FF !important;
}

input#example-search-input:focus {
    color: #1D2434 !important;
}

.seconday_menu_main {
    border-bottom: 1px solid #00000029;
    background: #fff;
    position: relative;
    z-index: 1000;
}

.search_noresult {
    z-index: 1;
    background: #fff;
    position: absolute;
    width: 92%;
    right: 0;
    top: 110px;
    box-shadow: 0px 1px 4px 0px #1D243433;
    border-radius: 12px;
    padding: 10px;
    height: 250px;
    text-align: center;
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    align-items: center;
    z-index: -4;
}

.search_noresult.showIt {
    z-index: 4;
}

ul.searcg_data_dropdown {
    display: none;
    z-index: 3;
    background: #fff;
    position: absolute;
    width: 92%;
    right: 0;
    top: 110px;
    box-shadow: 0px 1px 4px 0px #1D243433;
    border-radius: 12px;
    padding: 10px;
    height: 250px;
    overflow-y: scroll;
}

.searcg_data_dropdown.moveDown {
    z-index: -5;
}

.healthcareRightExpert .searchBar {
    position: relative;
}

.searcg_data_dropdown li img {
    height: 24px;
    width: 24px;
    margin-right: 10px;
}

.searcg_data_dropdown li a {
    padding: 6px 12px;
    border-radius: 8px;
    color: #1D2434;
    text-decoration: none;
    display: block;
    transition: all .3s ease-in-out;
}

.searcg_data_dropdown.list-unstyled li a:hover {
    background: linear-gradient(0deg, rgba(1, 82, 255, 0.12), rgba(1, 82, 255, 0.12)), linear-gradient(0deg, #FFFFFF, #FFFFFF);
    display: block;
}

.whyDoBusiness .whyDoBusiness-Box h3 {
    color: #1335FF !important;
}

.seconday_menu_main {
    margin-bottom: -60px;
    opacity: 0;
    transition: all 0.3s ease-in-out;
}

.seconday_menu_main.sticky {
    opacity: 1;
}

ul.searcg_data_dropdown.list-unstyled.scroller {
    border-radius: 20px !important;
    overflow-y: scroll;
    scrollbar-width: thin;
    scrollbar-color: #1D24343D #1D243414;
}

/* Fintech page css */

.fintech_dektop {
    width: 900px;
    margin: 0 auto !important;
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    gap: 27px;
    align-items: center;
}

.fintech_mobile {
    display: none !important
}

.overComeSuper #overComeSuperBox {
    display: grid;
    gap: 73px;
    grid-template-columns: 1.2fr 1fr 1.8fr;
}

.overComeSuper .overComeSuper-inner h2.pinkBg {
    color: #fff;
    display: inline-block;
    padding: 5px 18px !important;
    border-radius: 8px;
    background: linear-gradient(270.24deg, #C847CB 0.26%, #F34C8C 93.33%);
}

.overComeSuper .overComeSuper-inner h2.greenBg {
    color: #fff;
    display: inline-block;
    padding: 5px 18px !important;
    border-radius: 8px;
    background: linear-gradient(270deg, #45DEC3 0%, #08CB03 100%);
}

.overComeSuper .overComeSuper-inner .vetted-inner-cards h3 {
    margin-bottom: 0px !important;
    display: inline-block;
}

.overComeSuper .overComeSuper-inner .overComeSourcing {
    padding: 5px 10px !important;
    background-color: #fff;
    border: 1px solid #1D24341F;
    text-transform: uppercase;
    max-width: 180px;
    text-align: center;
    border-radius: 6px;
}

.tabMobile.sticky {
    top: 40px !important;
}

/* healthcare css start */

.healthcare {
    padding: 120px 0px 0px 0px;
    overflow: hidden;
    position: relative;
    background: #fff;
}

.healthcare:before {
    display: none;
}

.trusted-girdhealthcare {
    width: 1070px;
    margin: 0 auto !important;
    display: grid;
    grid-template-columns: repeat(6, 1fr);
    gap: 27px;
}

.purpletext {
    display: block;
    font-size: 14px;
    font-weight: 600;
    line-height: 20px;
    color: #801FFF;
    text-transform: uppercase;
}

.bg-linear-gradient-health {
    background: linear-gradient(90deg, #0B4CFF 65%, #EE4C8D 99.54%);
    background-clip: text;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent;

    font-style: normal;
    background: linear-gradient(89.26deg, #084BFF 38.06%, #F24B8B 63.86%), linear-gradient(0deg, #1D2434, #1D2434);
}

.healthcareLeadingcompanies:before {
    display: none;
}

.healthcareLeadingcompanies {
    background: #fff;
    padding: 80px 0 60px;
}

.healthcareMain p {
    max-width: 580px;
}

.healthcareMain.hero-sec form input {
    color: #1D2434B8;
}

.color {
    color: #1D2434B8;
}

.healthcare p strong,
.vetteddeveloper strong,
ul.top_devlopers strong,
.hero-sec p strong,
.supersourcingStory b {
    color: #1D2434;
}

ul.top_devlopers li:nth-child(2) img,
ul.top_devlopers li:nth-child(3) img {
    margin-left: -5px;
}

.healthcareLeadingcompanies .trusted-gird {
    grid-template-columns: repeat(6, 1fr);
    margin: 0;
    width: 1070px;
    margin: 0 auto !important;
}

.pink_new {
    background-clip: text !important;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background: linear-gradient(269deg, #C847CB 0.66%, #F34C8C 99.01%);
    position: relative;
    padding: 3px 9px;
}

.pink_new:before {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    background: linear-gradient(269deg, rgba(200, 71, 203, 0.12) 0.66%, rgba(243, 76, 140, 0.12) 99.01%);
    background: linear-gradient(269deg, rgba(200, 71, 203, 0.12) 0.66%, rgba(243, 76, 140, 0.12) 99.01%);
    left: 0;
    top: 0px;
    border-radius: 40px;
}

/* .excellentCustomernew .splide__slide {
    margin-right: 70px;
} */

/* splide excelet slider css */

.excellentCustomernew .splide__arrow--prev {
    left: -25px;
}

.excellentCustomernew .splide {
    visibility: visible;
}

.excellentCustomernew .splide__track {
    position: relative;
    z-index: 0;
    padding: 0 !important;
    overflow: visible;
}

.excellentCustomernew button.splide__arrow.splide__arrow--prev {
    background: #084BFF;
    height: 52px;
    width: 52px;
    left: -25px !important;
}

.excellentCustomernew button.splide__arrow.splide__arrow--next {
    background: #084BFF;
    height: 52px;
    width: 52px;
    right: -25px !important;
    /* right: 70px; */
}

div#splide-list {
    justify-content: center;
}

.excellentCustomernew button.splide__arrow.splide__arrow--prev:before,
.bestDeveloperSlider button.splide__arrow.splide__arrow--prev:before {
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"><path d="M19 12L5 12" stroke="white" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/><path d="M12 19L5 12L12 5" stroke="white" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg>');
    background-repeat: no-repeat;
    content: "";
    padding: 4px;
    display: inline-block;
    width: 24px;
    height: 24px;
    background-size: 24px;
}

.excellentCustomernew button.splide__arrow svg,
.bestDeveloperSlider button.splide__arrow svg {
    font-size: 0;
}

.excellentCustomernew .splide__arrow {
    opacity: 1 !important;
}

.excellentCustomernew button.splide__arrow.splide__arrow--next:before,
.bestDeveloperSlider button.splide__arrow.splide__arrow--next:before {
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"><path d="M5 12L19 12" stroke="white" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/><path d="M12 5L19 12L12 19" stroke="white" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg>');
    background-repeat: no-repeat;
    content: "";
    padding: 4px;
    display: inline-block;
    width: 24px;
    height: 24px;
    background-size: 24px;
}

.excellentCustomernew {
    margin: 0 90px 0 90px;
}

.vetteddeveloper {
    padding: 128px 0;
    background: #F7F9FC;
    overflow: hidden;
}

.vetted-inner-cards {
    transition: all .5s ease-in-out;
    border-radius: 16px;
    background: #F7F9FC;
    position: relative;
    text-align: left;
    margin: 0 !important;
}

.vetted-inner-cards figure.offer-card-icon {
    margin-bottom: 24px !important;
}

.vetted-inner-cards p {
    color: rgba(29, 36, 52, 0.72);
}

.vetted-inner-cards h3 {
    margin-bottom: 12px !important;
}

.healthcare .hero-title {
    margin-top: 0 !important;
}

button.splide__arrow.splide__arrow--prev:hover,
button.splide__arrow.splide__arrow--next:hover {
    transition: all .2s ease-in-out;
}

button.splide__arrow.splide__arrow--prev:hover,
button.splide__arrow.splide__arrow--next:hover {
    background: #39AAAC !important;
}

/* .excellentCustomernew button.splide__arrow.splide__arrow--next {
    background: #0152FF;
} */

button.splide__arrow:disabled {
    background: #a9dfe0 !important;
}

/* best d eveloer slider css */

.bestDeveloperSlider button.splide__arrow.splide__arrow--prev {
    background: #39AAAC;
    height: 52px;
    width: 52px;
    /* left: 72px !important; */
    left: -25px;
}

.bestDeveloperSlider button.splide__arrow.splide__arrow--next {
    background: #084BFF;
    height: 52px;
    width: 52px;
    /* right: 72px !important; */
    right: -25px
}

div#splideDevloper {
    margin: 0 90px;
}

body.fintech_body .peopleWeHelp .nav-link img {
    min-height: 22px !important;
}

div#splideDevloper .splide__track {
    overflow: visible;
}

body.health_body #header.scrolled,
.fintech_body #header.scrolled {
    background-color: #fff !important;
}

body.devopsmain .hero-cta-sec a.hero-btn {
    margin-left: 0 !important;
}

body.devopsmain .hero-cta-sec {
    justify-content: flex-start !important;
}

/* ------------------------------------------------------------------------------------------------ */

@media (min-width:1920px) {
    .excellentCustomer .slick-next {
        right: 110px;
    }
}

@media (min-width:1220px) {
    .solvestech-hiring-web-setting {
        min-height: 82px
    }
}

@media (max-width:1600px) {
    .trustedInvestors .slide-item {
        margin: 0 30px;
    }

    .peopleWeHelp {
        padding: 40px 0px 60px !important;
    }

    /* .excellentCustomernew .splide__slide {
    margin-right: 20px !important;
} */
}

@media (max-width:1440px) {
    .developerIntroCard .devSlideTop img {
        max-width: 502px;
    }

    .excellentCustomernew button.splide__arrow.splide__arrow--next {
        right: 65px !important;
    }
}

@media (max-width:1366px) {
    .excellentCustomernew button.splide__arrow.splide__arrow--next {
        right: 50px !important;
    }
}

@media (max-width:1024px) {
    .healthcareBrands:after {
        height: 120px !important;
    }

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

    .healthcareLeadingcompanies .trusted-gird {
        max-width: 100% !important;
    }

    .hero-sec .hero-title {
        margin-top: 0px !important;
    }

    /* .excellentCustomernew .splide__slide {
        margin-right: 200px !important;
    } */
    main {
        overflow-x: hidden !important;
    }

    /* start */
    .mainFAQ .mainFAQ-left {
        max-width: 48%;
    }

    .mainFAQ .mainFAQ-right {
        max-width: 48%;
    }

    /* end */
    .reviews-video-section {
        padding: 60px 0
    }

    .counter-statistics .counter-box h3 {
        font-size: 26px !important
    }

    .hero-box .hero-check-list {
        flex-direction: column;
        margin-top: 18px
    }

    .hero-box .hero-check-list>div {
        margin: 15px 0;
        display: none !important
    }

    .hero-box .hero-check-list>div:nth-child(2) {
        display: flex !important;
        margin: 0 !important
    }

    .hero-box .hero-check-list>div:nth-child(2)::after,
    .hero-box .hero-check-list>div:nth-child(2)::before {
        content: none
    }

    .topEngineers .topEngineers-box {
        padding: 0
    }

    .topEngineers {
        padding: 60px 0 20px
    }
}

@media (max-width:991px) {
    .people-reviews .peopleReview-cards {
        margin-top: 30px;
    }

    .hireBestDeveloper {
        padding: 140px 0px 140px 0;
    }

    .excellentCustomernew .splide__slide .peopleReview-cards {
        opacity: 0.6 !important;
    }

    .peopleReview-cards {
        overflow-y: auto;
    }

    .excellentCustomernew .splide__slide.is-active .peopleReview-cards {
        opacity: 1 !important;
    }

    .excellentCustomernew ul.splide__pagination,
    .bestDeveloperSlider ul.splide__pagination {
        display: block !important;
        bottom: -44px;
        text-align: center;
    }

    .excellentCustomernew button.splide__pagination__page,
    .bestDeveloperSlider button.splide__pagination__page {
        background: #b0c5ff;
        height: 4px;
        width: 28px;
        overflow: hidden;
        border: none;
        border-radius: 30px;
    }

    .excellentCustomernew button.splide__pagination__page.is-active,
    .bestDeveloperSlider button.splide__pagination__page.is-active {
        background: #084BFF;
        transform: none !important;
    }

    .excellentCustomernew .people-reviews .peopleReview-cards {
        width: 100% !important;
    }

    /* .excellentCustomernew .splide__slide {
        margin-right: 20px !important;
    } */
    .reviews-video-section .client-Video {
        grid-template-columns: 1fr 1fr 1fr;
    }

    .splide__arrow {
        display: none !important;
    }

    .excellentCustomernew,
    #splideDevloper {
        margin: 0 0 0 0px !important;
    }

    .ManageYourEngineering-banner,
    .supersourcingStory-banner {
        position: initial;
        transform: none;
        width: 100%
    }

    .industryLeaders-box {
        border-radius: 2px;
        background: #25272d;
        padding: 16px;
        height: 100%;
        display: flex;
        flex-direction: column
    }

    .industryLeaders-box .leaderDetail {
        position: initial;
        text-align: center;
        height: initial;
        width: initial;
        background: 0 0
    }

    .industryLeaders-box .leader-img {
        height: 150px !important;
        width: 150px !important;
        border-radius: 100px;
        margin: 0 auto 24px;
        display: block
    }


    .mainFAQ-box .accordion-button {
        font-size: 18px !important
    }

    .site-footer .follow-us {
        text-align: left;
        margin-top: 0
    }

    .ElightRemoteDeveloper-box {
        bottom: -30%
    }

    .ElightRemoteDeveloper-box .section-title {
        font-size: 28px !important;
        line-height: 34px
    }

    .developerIntroCard.onHero1 {
        left: 50px
    }

    .developerIntroCard.onHero2 {
        right: 50px
    }

    .featured {
        display: grid;
        grid-template-columns: repeat(3, 1fr);
        text-align: center;
        gap: 40px;
    }

    .web-vetingProcess {
        display: none !important;
    }

    .m-vetingProcess {
        display: block;
    }

    .m-vetingProcess p {
        color: rgba(29, 36, 52, 0.72);
        text-align: center;
        font-size: 16px;
        font-style: normal;
        font-weight: 400;
        line-height: 22px;
        padding: 12px 0 15px 0 !important;
    }

    .m-vetingProcess p strong {
        color: #1D2434;
        font-size: 16px;
        font-style: normal;
        font-weight: 600;
        line-height: 22px;
    }

    .m-vetingProcess figure {
        padding: 45px 0 28px 0 !important;
    }

    .m-vetingProcess figure img {
        width: -webkit-fill-available;
        width: 100%;
        object-fit: scale-down;
    }

    .vettingProcess .process {
        margin-top: 20px !important;
    }

    .vettingProcess {
        padding: 60px 0;
    }

    .navbar-brand::before {
        content: '';
        position: absolute;
        border-right: 0px solid transparent !important;
    }

    .offer-section #engagementCards {
        display: flex;
        flex-direction: column;
    }

    .trustedInvestors,
    .bestDeveloperSlider {
        margin: 0 50px;
    }

    .excellentCustomer {
        margin: 0 0 0 10px;
    }

    .excellentCustomer .slide-item {
        margin: 0 14px 0 0;
    }

    .topInvestors {
        padding: 80px 0;
        overflow: hidden;
    }

    .offer-section .offer-engagement-cards {
        border-radius: 16px;
        border: 1px solid rgba(29, 36, 52, 0.08);
        background: #F7F9FC;
        padding: 36px;
        width: 100%;
        position: relative;
        margin-bottom: 20px;
    }

    .featuredOn .featuredOn-box {
        margin-top: 60px;
        border-radius: 16px;
        border: 1px solid rgba(29, 36, 52, 0.08);
        background: #F7F9FC;
        display: grid;
        grid-template-columns: repeat(1, 1fr);
    }

    .featuredOn .featuredOn-box .faster,
    .featuredOn .featuredOn-box .reliable {
        border-bottom: 1px solid rgba(29, 36, 52, 0.08);
        padding: 48px;
    }

    .featuredOn .featuredOn-box .trusted {
        border-bottom: 0px solid transparent;
    }

    .mainFAQ .mainFAQ-left,
    .mainFAQ .mainFAQ-right {
        max-width: 100% !important;
    }

    .mainFAQ .viewPoint {
        flex-direction: column !important;
    }
}

@media (max-width:767px) {

  
    .site-footer {
        padding: 60px 0 0 0 !important;
    }

    .whyDoBusiness-Box em {
        font-size: 48px !important;
    }

    .fintechlogos {
        display: grid;
        grid-template-columns: repeat(3, 1fr);
        gap: 10px;
        margin-bottom: 10px;
    }

    .fintechlogostwo {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        gap: 10px;
        justify-content: center;
        width: 220px;
        margin: 0 auto;
    }

    .fintech_dektop {
        display: none !important;
    }

    .fintech_mobile {
        display: block !important;
    }

    html body .overComeSuper .overComeSuper-inner h2 {
        margin-bottom: 20px !important;
    }

    .vetteddeveloper.overComeSuper {
        padding-bottom: 20px !important;
    }

    #overComeSuperBox ul li {
        height: 160px;
        padding-bottom: 0 !important;
    }

    #overComeSuperBox .vetted-inner-cards h3 {
        display: block;
    }

    .overComeSuper #overComeSuperBox {
        padding-top: 20px !important;
    }

    .overComeSuper .overComeSuper-inner h2.pinkBg {
        padding: 5px 18px !important;
        display: block !important;
        text-align: center !important;
        line-height: 20px !important;
    }

    #overComeSuperBox .vetted-inner-cards:nth-child(2) {
        display: none !important;
    }

    #overComeSuperBox .vetted-inner-cards ul li img {
        width: 16px;
        height: 16px;
        padding-right: 0 !important;
        margin-right: 5px;
    }

    html body .overComeSuper .overComeSuper-inner h2.greenBg {
        padding: 5px 10px !important;
        line-height: 20px !important;
    }

    #overComeSuperBox .vetted-inner-cards h3,
    #overComeSuperBox .vetted-inner-cards ul li span {
        font-size: 14px !important;
        line-height: 20px !important;
    }

    .overComeSuper #overComeSuperBox {
        gap: 10px !important;
        grid-template-columns: repeat(2, 1fr) !important;
    }

    #overComeSuperBox .vetted-inner-cards ul {
        padding-right: 0 !important;
    }

    .overComeSuper .overComeSuper-inner h2 {
        font-size: 16px !important;
        line-height: 20px;
    }

    .seconday_menu_main.sticky .col-12.col-md-6.col-lg-4 {
        display: none !important;
    }

    ul.searcg_data_dropdown,
    .search_noresult {
        width: 100% !important;
        right: 0 !important;
        top: 50px !important;
    }

    .peopleWeHelp.fintechhelppeople .nav-link img {
        min-height: auto !important;
        max-width: 140px;
        object-fit: contain;
    }

    .exploreTalentSec-Mobile #exploreTalent-sliderTwo .expertBox .expertCourse {
        height: 100px;
    }

    .seconday_menu_main ul li a {
        margin-right: 0 !important;
    }

    .secondarymaneu_ulmain {
        overflow-x: scroll;
        width: auto !important;
        padding: 0 !important;
    }

    .seconday_menu_main ul.navbar-nav.d-flex {
        align-items: center;
        justify-content: flex-start !important;
        width: 500px !important;
    }

    #engagementCards button.splide__pagination__page,
    #locationCards button.splide__pagination__page {
        width: 20px !important;
    }

    .healthcareRightExpert figure:hover,
    .exploreTalentSec .expertBox:hover {
        transform: none !important;
    }

    .peopleWeHelp .tab-content>.tab-pane img {
        width: 100% !important;
        height: 160px;
        object-fit: cover;
    }

    .healthcareRightExpert .callSchedule {
        max-width: 100% !important;
        text-align: center !important;
        display: block;
    }

    .healthcare {
        padding: 90px 0px 0px 0px !important;
    }

    .heroBannerImagemobile {
        width: 105% !important;
        display: block !important;
        position: relative;
        left: -7px;
    }

    .heroBannerImage {
        display: none;
    }

    .calendly-popup {
        height: 600px !important;
        padding: 0 10px;
    }

    html body .healthcareBrands .hiringPartner .offer-tabs.active {
        padding: 0px 0px 8px !important;
    }

    .exploreTalentSec .expertFeature,
    .exploreTalentSec .expertBox {
        direction: ltr;
    }

    .excellentCustomernew ul.splide__pagination {
        bottom: -60px !important;
    }

    .healthcareBrands:after {
        height: 37px !important;
        background-size: 100% !important;
    }

    html body .peopleWeHelp .tab-content .modal-body .m-text p,
    html body .peopleWeHelp .tab-content .modal-body .m-text ul li {
        font-size: 14px !important;
        line-height: 20px !important;
    }

    html body .peopleWeHelp .tab-content .modal-body .m-text p {
        margin: 20px 0px !important;
    }

    html body .peopleWeHelp .tab-content .modal-body .m-text ul {
        padding: 0px 0px 0px 20px !important;
    }

    .vettingHealthCare {
        padding-bottom: 60px !important;
    }

    .vettingHealthCare a.loadMore {
        width: 100%;
        display: block;
        padding: 12px 30px;
    }

    html body .healthcareBrands {
        padding: 60px 15px 120px !important;
    }

    html body .healthcareBrands .hiringPartner {
        justify-content: flex-start !important;
        padding: 0px 0px 20px !important;
        overflow-x: scroll;
    }

    .healthcareBrands>p {
        align-items: self-start !important;
        justify-content: flex-start !important;
    }

    html body .healthcareBrands h2 {
        margin: 0px !important;
        text-align: left;
    }

    html body .healthcareBrands .hiringPartner .offer-tabs {
        margin: 40px 0px 0px !important;
        padding: 0px 15px 8px !important;
        font-size: 18px !important;
    }

    .healthcareBrands .healthcareBrands-card {
        padding: 20px 12px !important;
        border-radius: 12px !important;
        min-height: 350px !important;
    }

    .healthcareBrands .healthcareBrands-card figure img {
        width: 178px !important;
    }

    html body .healthcareBrands .healthcareBrands-card figure {
        min-height: 90px !important;
        padding: 0px !important;
        margin-bottom: 12px !important;
    }

    .healthcareBrands .healthcareBrands-card h3 {
        font-size: 16px !important;
    }

    .healthcareBrands .healthcareBrands-card p {
        font-size: 14px !important;
    }

    .featuredOn.healthCareFeatured {
        padding: 60px 0 30px !important;
    }

    .featuredOn.healthCareFeatured h2.section-title {
        margin-bottom: 45px !important;
    }

    .healthcareRightExpert ul.list-unstyled.d-flex.m-0 {
        display: block !important;
        margin-bottom: 30px !important;
    }

    .healthcareRightExpert .rightExpert-inner {
        border-radius: 0px !important;
    }

    html body .healthcareRightExpert .searchBar span.input-group-append button {
        padding: 2px !important;
    }

    html body .healthcareRightExpert .fs-18 {
        font-size: 14px !important;
        line-height: 20px !important;
        padding: 0 !important;
        margin-bottom: 10px;
    }

    html body .healthcareRightExpert .fs-18 img {
        width: 20px !important;
        height: 20px !important;
    }

    html body .healthcareRightExpert .fs-18 {
        font-size: 14px !important;
        line-height: 20px !important;
    }

    .healthcareRightExpert figure img {
        max-width: 55px !important;
        max-height: 55px !important;
    }

    .healthcareRightExpert h5 {
        font-size: 14px !important;
        line-height: 20px !important;
    }

    .healthcareRightExpert .trusted-gird {
        grid-template-columns: repeat(3, 1fr) !important;
    }

    .healthcareRightExpert .searchBar {
        width: 100% !important;
        padding: 0 !important;
    }

    .healthcareRightExpert .searchBar .form-control {
        font-size: 16px !important;
    }

    .rightExpert-inner .col-8 {
        width: 100% !important;
        flex: 1;
    }

    .healthcareRightExpert .searchBar .form-control {
        padding: 8px 30px !important;
    }

    .healthcareRightExpert .searchBar span.input-group-append img {
        padding: 8px !important;
    }

    .healthcareRightExpert .trusted-gird {
        margin: 28px 0px !important;
    }

    .healthcareRightExpert .wrapper-1290 {
        padding: 0 !important;
    }

    html body .healthcareRightExpert figure {
        padding: 14px !important;
    }

    .healthcareRightExpert .rightExpert-inner {
        padding: 40px 15px 60px !important;
        margin-top: 20px;
    }

    html body .healthcareRightExpert {
        padding: 20px 0 0px 0 !important;
    }

    .healthcareLeadingcompanies {
        padding: 0px 0 60px !important;
    }

    .heroBannerImage {
        width: 100% !important;
    }

    .healthcareLeadingcompanies .wrapper-1290 {
        padding: 0 !important;
    }

    .vetteddeveloper {
        padding: 60px 0 !important;
    }

    html body .vetted-inner-cards figure.offer-card-icon {
        margin-bottom: 15px !important;
    }

    .vetted-inner-cards h3 {
        font-size: 20px !important;
        line-height: 24px !important;
    }

    .vetted-inner-cards p {
        font-size: 16px !important;
        line-height: 22px !important;
    }

    .vetteddeveloper #vettedCards {
        grid-template-columns: repeat(2, 1fr) !important;
        gap: 20px !important;
    }

    html body .exploreTalentSec .mainTitle {
        margin: 0px 0px 28px !important;
    }

    .exploreTalentSec {
        padding: 60px 0 !important;
    }

    .exploreTalentSec-Desktop {
        display: none !important;
    }

    .exploreTalentSec-Mobile {
        display: block !important;
    }

    .exploreTalentSec {
        padding: 60px 0;
    }

    .exploreTalentSec-Mobile .mainTitle {
        max-width: 250px !important;
    }

    .exploreTalentSec-Mobile .expertFeature {
        padding: 3px 9px !important;
        margin: 12px 3px 0 !important;
        display: inline-flex !important;
    }

    .exploreTalentSec-Mobile .shedulCall {
        margin-top: 40px !important;
    }

    html body .exploreTalentSec-Mobile .expertCourse {
        padding: 20px 15px !important;
    }

    .exploreTalentSec-Mobile .loadMore {
        width: 100% !important;
        display: block !important;
        padding: 12px 30px !important;
    }

    .whyDoBusiness .successStories-web {
        display: block !important;
        padding-bottom: 60px !important;
    }

    .whyDoBusiness .successStories-web .business {
        display: grid !important;
        grid-template-columns: repeat(2, 1fr) !important;
        gap: 12px !important;
    }

    .whyDoBusiness .whyDoBusiness-Box h3 {
        font-size: 48px !important;
        line-height: 52px !important;
    }

    .whyDoBusiness .whyDoBusiness-Box .fs-16 {
        font-size: 12px !important;
    }

    .whyDoBusiness .whyDoBusiness-Box {
        padding: 20px;
    }

    html body .whyDoBusiness p {
        max-width: 100% !important;
        padding: 0 10px 30px !important;
    }

    .greycurvebusiness {
        height: 50px !important;
        width: 100% !important;
    }

    ul.top_devlopers {
        display: none !important;
    }

    .peopleWeHelp .tabMobile {
        margin: 0px 0px 30px !important;
        display: inline-flex !important;
        flex-direction: row !important;
        width: 610px;
        z-index: 2;
    }

    .peopleWeHelp .tabMobile-outer {
        display: block !important;
        padding-top: 30px !important;
    }

    html body .peopleWeHelp .nav-link {
        padding: 15px !important;
        border: none !important;
        border-bottom: 4px solid #E9EBF1 !important;
        border-radius: 12px 12px 0px 0 !important;
        background: #F7F9FC;
    }

    html body .peopleWeHelp .nav-link img {
        min-height: 40px;
        max-width: 100% !important;
        object-fit: contain !important;
        height: 28px !important;
        width: 118px !important;
    }

    html body .peopleWeHelp .nav-link.active {
        background-color: #ebe3fc !important;
        border-bottom: 4px solid #7D20FF !important;
    }

    .peopleWeHelp .tab-content .modal-body .mod-view {
        display: flex !important;
        flex-direction: column !important;
    }

    html body .peopleWeHelp .tab-content .modal-body {
        padding: 12px !important;
        border-radius: 12px;
    }

    .peopleWeHelp .tab-content .modal-body .mod-view p {
        padding: 0px !important;
        margin-bottom: 20px !important;
    }

    .peopleWeHelp .tab-content .modal-body .mod-view h3 {
        font-size: 20px !important;
        padding: 20px 0px 15px !important;
        line-height: 24px !important;
    }

    .peopleWeHelp .tab-content .modal-body .mod-view img {
        top: 0 !important;
        width: 100% !important;
    }

    .tabMobile-inner {
        width: auto !important;
        overflow-x: scroll;
    }

    .vetteddeveloper h2,
    .vetteddeveloper p {
        text-align: left;
        padding: 0 !important;
    }

    .vetteddeveloper {
        padding: 60px 0;
    }

    .trusted-girdhealthcare figure.img-box.text-center {
        object-fit: scale-down;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .trusted-girdhealthcare .img-box.text-center img {
        object-fit: scale-down;
        width: 100%;
        height: 40px;
    }

    .trusted-girdhealthcare {
        grid-template-columns: repeat(3, 1fr) !IMPORTANT;
        gap: 10px !important;
        width: 100% !important;
    }

    .offer-section .offer-engagement-cards {
        margin-top: 0 !important;
    }

    .mainFAQ .mainFAQ-right .mainFAQ-sub-title span {
        font-size: 28px !important;
    }

    .mainFAQ-sub-title {
        text-align: center;
    }

    .mainFAQ .mainFAQ-right .mainFAQ-sub-title {
        margin: 0 0 28px !important;
    }

    .mainFAQ .mainFAQ-box .accordion-item {
        margin-bottom: 10px !important;
    }

    .inStartups.mobile {
        display: block;
        width: max-content;
        margin: 0 0 20px !important;
    }

    .inStartups.desktop {
        display: none !important;
    }

    .vettingProcess .container {
        padding-left: 0 !important;
        padding-right: 0 !important;
    }

    a.navbar-brand.logo-border img {
        width: 140px;
    }

    .trustedBusiness .text-center,
    .supersourcingStory .text-center {
        padding-left: 0 !important;
        padding-right: 0 !important;
    }

    main {
        overflow-x: hidden !important;
    }

    .nav-m-view {
        display: block;
    }

    .navbar-brand {
        margin-right: 0px !important;
    }


    .modal-content {
        border-radius: 20px;
        margin: 0 15px 0 0;
        overflow: hidden;
    }

    .mod-view {
        display: flex !important;
        flex-direction: column-reverse !important;
    }

    .mod-view img {
        width: 108%;
        position: relative;
        top: -20px;
    }

    .modal-body.mScroll {
        overflow-y: scroll;
        overflow-x: hidden;
        height: 65vh;
        position: relative;
        right: 0;
        top: 0;
    }

    .mod-view h3 {
        font-size: 24px !important;
        font-style: normal;
        font-weight: 600;
        line-height: 26px !important;
    }

    .mod-view p {
        font-size: 18px !important;
        font-style: normal;
        font-weight: 500;
        line-height: 22px !important;
    }

    .p-40 {
        padding: 20px 14px !important;
    }

    .modal-content .m-text p {
        font-size: 16px !important;
        font-style: normal;
        font-weight: 400;
        line-height: 22px !important;
    }

    .offer-section #engagementCards {
        flex-direction: column;
    }

    .vettingProcess .process .trapezium.arrow::before,
    .vettingProcess .process .trapezium2.arrow::before,
    .vettingProcess .process .trapezium3.arrow::before,
    .vettingProcess .process .trapezium4.arrow::before,
    .vettingProcess .process .trapezium .process-text,
    .vettingProcess .process .trapezium2 .process-text-two,
    .vettingProcess .process .trapezium3 .process-text-three,
    .vettingProcess .process .trapezium4 .process-text-four {
        display: none;
    }

    .offer-section .offer-engagement-cards {
        width: 100% !important;
        margin-bottom: 14px !important;
    }

    .supersourcingStory .topEngineers-box {
        padding-bottom: 30px !important;
    }

    .lazyload {
        width: 100%;
    }

    .developerIntroCard .devSlideTop img {
        border-radius: 16px;
        width: 100% !important;
        margin: 28px 0 0 0px !important;
        height: 220px;
        object-fit: cover !important;
    }

    #mynavbar {
        text-align: center;
        border-top: 1px solid #ccc;
        margin-top: 8px;
        padding-top: 5px;
        margin-left: 0px !important;

    }

    #mynavbar .head-cta-sec a {
        max-width: 300px;
        display: block;
        margin: 5px auto 15px !important
    }

    .section-title {
        font-size: 28px !important;
        line-height: 32px !important;
    }

    .hero-box {
        padding: 15px 0
    }

    .hero-box .title {
        font-size: 32px;
        line-height: 36px;
        margin-top: 10px
    }

    .lookingForJobs {
        position: initial;
        transform: none
    }

    .counter-statistics .counter-box {
        margin-top: 40px
    }

    .ratingReview,
    .ratingReview .ratingReview-box {
        padding: 30px 0
    }

    .supersourcingStory .border-bot-sec {
        padding-bottom: 0 !important;
        border: none
    }

    .ManageYourEngineering {
        padding: 50px 0 80px
    }

    .searchSkilJob {
        padding: 80px 0
    }

    .industryLeaders-box {
        padding: 16px 5px
    }

    .industryLeaders-box .leaderDetail {
        padding: 17px 0
    }

    .solvestech-hiring-mobile {
        display: block
    }

    .mainFAQ-box {
        /* padding: 20px 0 40px */
    }

    .mainFAQ .mainFAQ-title {
        font-size: 28px;
        font-weight: 500;
        text-align: center
    }

    /* start */
    .mainFAQ .viewPoint {
        flex-direction: column !important;
    }

    .top-border-white::before,
    .top-border-blue::before,
    .top-border::before {
        background-position: center !important;
    }

    .mainFAQ .mainFAQ-left,
    .mainFAQ .mainFAQ-right {
        max-width: 100% !important;
        padding: 0px !important;
    }

    .mainFAQ .mainFAQ-right .mainFAQ-sub-title {
        margin-top: 0 !important;
    }

    /* end */
    .developerIntroCard.onHero1 {
        left: 50%;
        top: 90px;
        transform: translateX(-50%)
    }
}

@media (max-width:768px) {

    .trusted-gird,
    .trusted-gird-sec,
    .trusted-gird-three {
        display: none;
    }

    .trusted-gird-mobile {
        display: grid;
        grid-template-columns: repeat(3, 1fr);
        gap: 10px;
        margin: 28px 0px;
    }

    .mainFAQ-box {
        padding: 0px !important;
    }

}

@media (max-width:620px) {

    .offer-section .offer-tabs.active,
    .hiringPartnerScroll .offer-tabs {
        padding: 0 15px !important;
        position: relative;
        left: 36px !important;
        line-height: 36px;
    }

    .excellentCustomer .mx-3 {
        margin-right: 10px !important;
    }

    .hero-sec form input {
        height: 48px !important;
    }

    .hero-sec {
        padding: 40px 0px 50px 0px;
        margin-bottom: 30px;
    }

    .hero-sec::before {
        content: '';
        height: 70px;
    }

    .hiringPartnerScroll .offer-tabs {
        padding: 0 15px !important;
        position: relative;
        left: 30px !important;
        margin-bottom: 28px !important;
    }

    .solvestech-hiring-web-setting {
        min-height: 30px !important;
    }

    .reviews-video-section .client-Video {
        grid-template-columns: 1fr 1fr !important;
    }

    .trusted-gird,
    .trusted-gird-sec,
    .trusted-gird-three {
        display: none;
    }

    .trusted-gird-mobile {
        display: grid;
        grid-template-columns: repeat(3, 1fr);
        gap: 10px;
        margin: 28px 0px;
    }

    .trusted-gird-mobile .img-box {
        /* border-radius: 8.458px;
border: 0.705px solid rgba(29, 36, 52, 0.08);
        background: #FFF;
        padding: 8px !important; */
        object-fit: scale-down;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .trusted-gird-mobile .img-box img {
        object-fit: scale-down;
        width: 100%;
    }

    .people-reviews {
        padding: 0px 0 90px 0;
        overflow: hidden;
    }

    .people-reviews .title {
        font-size: 28px !important;
        font-style: normal;
        font-weight: 600;
        line-height: 32px !important;
    }

    solvesTech {
        padding: 70px 0;
    }

    .topInvestors h2,
    .offer-section h2,
    .offer-section h2 span,

    .solvesTech h2 span {
        font-size: 28px !important;
        font-style: normal;
        font-weight: 600;
        text-align: center;
        line-height: 32px !important;
    }

    .solvesTech h2 {
        font-size: 28px !important;
        font-style: normal;
        font-weight: 600;
        line-height: 32px !important;
    }

    .offer-section h2 {
        margin: 0 20px 12px 20px !important;
    }

    .topInvestors {
        padding: 60px 0;
    }

    .offer-section .offer-detail {
        font-size: 16px !important;
        font-style: normal;
        font-weight: 400;
        line-height: 22px !important;
        margin-bottom: 60px !important;
        padding: 0 10px !important
    }

    .offer-section {
        padding-bottom: 60px !important;
    }
}

@media (max-width:575px) {
    .hero-sec .hero-title {
        font-size: 36px;
        font-weight: 600;
        line-height: 40px;
        margin-bottom: 12px !important;
    }

    .supersourcingStory .topEngineers-box .effect {
        height: 280px !important;
    }

    .supersourcingStory h2 span {
        display: block !important;
    }

    .vettingProcess h2 .wordDown {
        display: block !important;
    }

    .mScroll::-webkit-scrollbar {
        width: 0px
    }

    .mScroll::-webkit-scrollbar-track {
        border-radius: 20px;
        background: rgba(29, 36, 52, 0.24);
    }

    .mScroll::-webkit-scrollbar-thumb {
        border-radius: 20px;
        background: rgba(29, 36, 52, 0.08);
    }

    .successStories-mobile,
    .s-mobile-view {
        display: block;
    }

    .successStories-web,
    .s-web-view {
        display: none;
    }

    .successStories-mobile .slick-list {
        padding: 0 !important;
    }

    /* 
    .hero-sec::before {
        content: '';
        position: absolute;
        background-repeat: no-repeat !important;
        background-position: top !important;
        width: 100%;
        height: 32px;
        bottom: 0px;
        background: url('data:image/svg+xml,<svg width="389" height="32" viewBox="0 0 389 32" fill="none" xmlns="http://www.w3.org/2000/svg"><mask id="mask0_1_11" style="mask-type:alpha" maskUnits="userSpaceOnUse" x="0" y="0" width="389" height="32"><rect width="389" height="32" transform="matrix(-1 0 0 1 389 0)" fill="%23D9D9D9"/></mask><g mask="url(%23mask0_1_11)"><mask id="path-2-outside-1_1_11" maskUnits="userSpaceOnUse" x="0" y="0" width="389" height="373" fill="black"><rect fill="white" width="389" height="373"/><path fill-rule="evenodd" clip-rule="evenodd" d="M386 32.1586L386 370L3 370L3 32.6566C63.6505 13.3937 128.255 3 195.288 3C261.74 3 325.807 13.2146 386 32.1586Z"/></mask><path fill-rule="evenodd" clip-rule="evenodd" d="M386 32.1586L386 370L3 370L3 32.6566C63.6505 13.3937 128.255 3 195.288 3C261.74 3 325.807 13.2146 386 32.1586Z" fill="white"/><path d="M386 32.1586H389V29.9577L386.901 29.297L386 32.1586ZM386 370V373H389V370H386ZM3 370H0L0 373H3L3 370ZM3 32.6566L2.09188 29.7974L0 30.4618V32.6566H3ZM383 32.1586L383 370H389L389 32.1586H383ZM386 367L3 367L3 373L386 373V367ZM6 370L6 32.6566H0L0 370H6ZM3.90812 35.5159C64.2684 16.3451 128.566 6 195.288 6V0C127.943 0 63.0326 10.4422 2.09188 29.7974L3.90812 35.5159ZM195.288 6C261.431 6 325.194 16.1669 385.099 35.0203L386.901 29.297C326.419 10.2623 262.049 0 195.288 0V6Z" fill="url(%23paint0_linear_1_11)" mask="url(%23path-2-outside-1_1_11)"/></g><defs><linearGradient id="paint0_linear_1_11" x1="-182.5" y1="3" x2="517.5" y2="3" gradientUnits="userSpaceOnUse"><stop stop-color="%230152FF" stop-opacity="0"/><stop offset="0.28125" stop-color="%230152FF" stop-opacity="0.16"/><stop offset="0.536458" stop-color="%230152FF"/><stop offset="0.802083" stop-color="%230152FF" stop-opacity="0.16"/><stop offset="1" stop-color="%230152FF" stop-opacity="0"/></linearGradient></defs></svg>');
        z-index: 1;
    } */

    .bestDeveloperSlider .slide-item {
        width: auto !important;
        margin-right: 0px !important;
    }

    .m-mt-40 {
        margin-top: 40px;
    }

    .m-fixed-w {
        width: 50%;
    }

    .pr-125 {
        padding-right: 12px !important;
    }

    .site-footer {
        /* padding: 60px 0px 80px 0; */
    }

    .pt-60 {
        padding-top: 40px !important;
    }

    .bottom-footer p.scroll {
        font-size: 32px;
        font-weight: 400;
        line-height: 40px;
        padding: 24px 0px !important;
    }

    .bottom-footer p span.text-gradient {
        font-size: 32px;
        font-weight: 400;
        line-height: 40px;
    }

    .trustedInvestors {
        margin: 0 14px !important;
    }

    .bestDeveloperSlider {
        margin: 0 0 0 14px !important;
    }

    .hero-sec form button {
        padding: 12px 20px;
        margin-left: 6px;
        height: 48px;
        gap: 6px;
        margin-top: 8px;
        border-radius: 50px;
        border: none;
        background: #0152FF;
        color: #FFF;
        text-align: center;
        font-size: 18px;
        font-weight: 500;
        line-height: 24px;
        position: relative;
        white-space: nowrap;
        width: 100%;
        display: flex;
        justify-content: center;
    }

    .hero-sec form {
        width: 100%;
        max-width: 100% !important;
        margin-bottom: 40px !important;
    }

    .hero-sec form input {
        width: 100%;
        max-width: 100% !important;
        padding: 10px 16px !important;
    }

    .rev-rating .border-right {
        border-right: solid 1px transparent !important;
    }

    .rev-rating .border-right .m-resetview {
        justify-content: center;
    }

    .rev-rating {
        margin-bottom: 40px;
        flex-direction: column !important;
    }

    .mSet {
        position: absolute !important;
        top: 10.5%;
        left: -8px;
    }

    .hero-box .title {
        font-size: 26px
    }

    .buildEngineeringTeam-right-web {
        display: none
    }

    .buildEngineeringTeam-right-mobile {
        display: inline-block;
        margin-top: 20px
    }

    .solvestech-hiring-status {
        border-radius: 16px;
        padding: 16px;
        display: grid;
        grid-template-columns: 1fr 1fr;
    }

    .solvestech-hiring-status div {
        width: 95%;
        margin-bottom: 20px;
    }

    .solvestech-hiring-status div p.ms-3 {
        margin-left: 0.5rem !important;
        font-size: 16px !important;
    }

    .we-fix-tech {
        display: flex !important;
        flex-direction: column !important;
        margin: 0 0 0 13px !important;
    }

    .we-fix-tech.mt-100,
    .we-fix-tech .web-hiring figure.v-web {
        display: none !important;
    }

    .we-fix-tech .web-hiring figure.m-view {
        display: block;
        width: 100% !important;
        transform: scale(1.5);
        margin: 70px 0 !important;
    }

    .topEngineers-box .bg-gradient-red,
    .topEngineers-box .bg-gradient-green,
    .topEngineers-box .bg-gradient-sky {
        margin-top: 0px;
    }

    .we-fix-tech .web-hiring figure.m-view img {
        margin-top: 28px;
        width: 100%;
        object-fit: scale-down;
        width: -webkit-fill-available !important;
    }

    .trustedBusiness::before {
        position: absolute;
        top: -330px;
    }

    .trustedBusiness {
        padding: 30px 0 60px 0;
    }

    .solvesTech {
        padding: 30px 0;
    }

    .mainFAQ {
        padding: 0 0 60px 0;
    }

    .solvestech-hiring {
        padding: 0 !important;
    }

    .we-fix-mobile-view {
        display: block;
        font-style: normal;
        padding: 60px 0 28px 0 !important;
        text-align: center;
    }

    .locationCards-mView {
        flex-direction: column;
    }

    .job-platforms h3 {
        font-size: 28px !important;
        font-style: normal;
        font-weight: 600 !important;
        line-height: 32px !important;
        margin-bottom: 12px !important;
    }

    .job-platforms p {
        font-size: 16px !important;
        font-style: normal;
        font-weight: 400;
        line-height: 22px !important;
    }

    .job-platforms a {
        padding: 12px 36px;
    }

    .job-platforms {
        /* margin: 60px 0 0 0 !important; */
        padding: 60px 20px;
        border-radius: 0px;
    }

    .topInvestors .wrapper-1290 {
        padding: 0px !important;
    }

    .job-platforms::before {
        content: '';
        position: absolute;
        width: 278px;
        height: 800px;
        left: -247px;
        top: 99px;
        border-radius: 390px;
        background: linear-gradient(100deg, rgba(255, 255, 255, 0.18) 6.76%, rgba(255, 255, 255, 0.00) 82.08%);
        transform: rotate(45deg);
    }

    .job-platforms::after {
        content: '';
        position: absolute;
        width: 278px;
        height: 800px;
        right: 152px;
        top: -571px;
        border-radius: 390px;
        background: linear-gradient(100deg, rgba(255, 255, 255, 0.18) 6.76%, rgba(255, 255, 255, 0.00) 82.08%);
        transform: rotate(306deg);
    }

    .vettingProcess .process figure img {
        width: -webkit-fill-available;
        width: 100%;
    }

    .web-vetingProcess {
        display: none !important;
    }

    .m-vetingProcess {
        display: block;
    }

    .m-vetingProcess p {
        color: rgba(29, 36, 52, 0.72);
        text-align: center;
        font-size: 16px;
        font-style: normal;
        font-weight: 400;
        line-height: 22px;
        padding: 12px 0 15px 0 !important;
    }

    .m-vetingProcess p strong {
        color: #1D2434;
        font-size: 16px;
        font-style: normal;
        font-weight: 600;
        line-height: 22px;
    }

    .m-vetingProcess figure {
        padding: 45px 0 28px 0 !important;
    }

    .m-vetingProcess figure img {
        width: -webkit-fill-available;
        width: 100%;
        object-fit: scale-down;
    }

    .vettingProcess .process {
        margin-top: 20px !important;
    }

    .vettingProcess {
        padding: 60px 0 0 0;
    }

    .navbar-brand::before {
        content: '';
        position: absolute;
        border-right: 0px solid transparent !important;
    }

    .vettingProcess .process .trapezium {
        position: relative;
        width: 371px;
    }

    .vettingProcess .process .trapezium .trapezium-circle {
        position: absolute;
        bottom: 83px;
        left: -48px;
        width: 367px;
    }

    .vettingProcess .process .trapezium2 {
        position: relative;
        width: 350px;
    }

    .vettingProcess .process .trapezium2 .trapezium-circle2 {
        position: absolute;
        top: -122px;
        left: -49px;
        width: 348px;
    }

    .solvestech-hiring-status div:last-child {
        margin-bottom: 0;
    }

    .ElightRemoteDeveloper-box {
        bottom: -33%
    }

    .ElightRemoteDeveloper-box .section-title {
        font-size: 27px !important
    }

    .hero-sub-text {
        font-size: 14px !important
    }

    .ManageYourEngineering,
    .unicorns {
        padding: 20px 0 80px
    }

    .industryLeaders,

    .solvestech-hiring {
        padding: 80px 0
    }

    .mainFAQ,
    {
    padding: 20px 0;
}

.supersourcingStory {
    padding: 70px 0
}

.hireBestDeveloper {
    padding: 80px 0 60px 0
}

.featuredIn {
    padding: 128px 0;
}

.buildEngineeringTeam-mobile-box {
    display: block;
    margin-top: 20px
}

.sectionBgOverlay-head {
    text-align: center
}

.sectionBgOverlay-head .max-width-700,
.sectionBgOverlay-head .max-width-800 {
    max-width: 100% !important
}

.developerIntroCard .devSlideTop .devName {
    text-align: left;
    padding-left: 5px;
    display: inline-block;
}

.featuredOn {
    padding: 110px 0 30px;
    overflow: visible;
}

.featuredOn .featuredOn-box {
    margin-top: 60px;
    padding: 0px 10px;
    border-radius: 16px;
    border: 1px solid rgba(29, 36, 52, 0.08);
    background: #F7F9FC;
    display: grid;
    grid-template-columns: repeat(1, 1fr);
}

.featuredOn .featuredOn-box .faster,
.featuredOn .featuredOn-box .reliable,
.featuredOn .featuredOn-box .trusted {
    border-bottom: 1px solid rgba(29, 36, 52, 0.08);
    border-right: 0px solid;
    padding: 24px 0;
    text-align: center;
}

.featuredOn .featuredOn-box .faster h4,
.featuredOn .featuredOn-box .reliable h4,
.featuredOn .featuredOn-box .trusted h4 {
    padding-top: 16px !important;
    color: #1D2434;
}

.featuredOn .featuredOn-box .faster p,
.featuredOn .featuredOn-box .reliable p,
.featuredOn .featuredOn-box .trusted p {
    padding-top: 10px !important;
    color: rgba(29, 36, 52, 0.72);
}

.featuredOn .featuredOn-box .faster p {
    padding-right: 0px !important;
}

.featured {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    text-align: center;
    gap: 40px;
}

.featured figure img {
    width: 65px;
}

.hide-link {
    display: none;
}

.show-link {
    display: block;
}
}

.accordion-button:not(.collapsed)::after {
    rotate:180deg;
    background-image: var(--bs-accordion-btn-active-icon);
    transform: var(--bs-accordion-btn-icon-transform);
}
.accordion-button::after {
     rotate:180deg;
}

@media (max-width:480px) {
    html body .exploreTalentSec-Mobile .expertCourse {
        max-width: 210px;
        margin: 0 auto !important;
    }

    .people-reviews .peopleReview-cards {
        width: 100% !important;
        margin: 0 0 0 10px;
    }

    .developerIntroCard .devSlideTop .devName {
        font-size: 18px;
        line-height: 22px;
    }

    .solvestech-hiring ul li p {
        padding-left: 0px !important;
    }

    .mainFAQ-box .accordion-button {
        font-size: 16px !important;
    }

    .mainFAQ-box .accordion-body p.fs-16,
    .mainFAQ-box .accordion-body ul li {
        font-size: 14px !important;
        line-height: 20px !important;
    }

    .buildEngineeringTeam-right-mobile {
        display: none
    }

    .featured figure:nth-child(1) img,
    .featured figure:nth-child(6) img {
        width: 76px;
    }

    .featured figure:nth-child(2) img,
    .featured figure:nth-child(3) img {
        width: 86px;
    }

    .featured figure:nth-child(4) img {
        width: 60px;
    }

    .topEngineers-box h3.fs-24 {
        font-size: 20px !important;
        line-height: 24px !important;
    }

    .offer-section .offer-engagement-cards img {
        width: 48px;
    }

    .inStartups {
        padding: 4px 14px !important;
    }

    .hero-sec .inStartups p img {
        padding-right: 3px !important;
        height: 20px;
    }

    .hero-sec .inStartups p {
        font-size: 12px;
        line-height: 12px;
    }

    .supersourcingStory .successStories-mobile p.fs-18 {
        font-size: 18px !important;
    }

    .trustedBusiness .fs-18 {
        font-size: 16px !important;
    }

    .supersourcingStory .fs-18 {
        font-size: 16px !important;
    }

    .featuredOn-box .fs-18 {
        font-size: 16px !important;
    }

    .excellentCustomer .mx-3 {
        margin: 0 10px !important;
    }

    .hireBestDeveloper .section-title {
        padding-bottom: 0 !important;
    }

    .trusted-gird-mobile {
        display: grid;
        grid-template-columns: repeat(3, 1fr);
        gap: 10px;
        margin: 28px 0px;
    }

    .trusted-gird-mobile .img-box {
        object-fit: scale-down;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .trusted-gird-mobile .img-box img {
        object-fit: scale-down;
        width: 100%;
        height: 40px;
    }

    .solvestech-hiring-web-setting {
        display: flex;
        align-items: center;
        font-size: 14px !important;
        line-height: 20px !important;
        min-height: 30px;
        margin-bottom: 7px !important;
    }

    .solvestech-hiring-web-setting img {
        height: 20px;
        width: 20px;
    }

    .buildEngineeringTeam {
        background-size: 100% 100%
    }

    .reviews-video-section .client-Video .clientVideoReviewSlider-item figure .youtube-icon img {
        width: 36px
    }

    .mainFAQ .mainFAQ-right .FAQ-head .btn-action {
        display: flex;
        justify-content: space-between;
    }

    .hiringPartnerScroll {
        width: 100%;
        overflow: auto;
        white-space: nowrap;
        padding: 0 10px;
    }

    .hiringPartnerScroll::-webkit-scrollbar {
        width: 0px
    }

    .hiringPartnerScroll::-webkit-scrollbar-track {
        background-color: #ffffff
    }

    .hiringPartnerScroll::-webkit-scrollbar-thumb {
        border-radius: 100px;
        background-color: #ffffff
    }

    .offer-section .offer-tabs.active,
    .hiringPartnerScroll .offer-tabs {
        padding: 10px 15px !important;
        position: relative;
        left: 36px !important;
        line-height: 36px;
    }

    .trustedInvestors .slide-item {
        margin: 0 2px 0 0 !important;
        width: 185px;
        display: flex !important;
        flex-direction: column;
        align-items: center;
    }

    .trustedInvestors {
        margin: 0px !important;
    }

    .people-reviews .peopleReview-cards {
        position: relative;
        height: 551px;
        /* width: 298px; */
        max-width: 100%;
        max-width: 100%;
        border-radius: 16px;
        border: 1px solid rgba(29, 36, 52, 0.08);
        margin-top: 30px;
        background: #F7F9FC;
        padding: 20px 15px;
    }

    .people-reviews .peopleReview-cards p {
        font-size: 16px !important;
        line-height: 22px !important;
    }

    .people-reviews .peopleReview-cards .profile {
        position: absolute;
        bottom: 28px;
        left: 19px;
    }

    .people-reviews .peopleReview-cards .profile img {
        height: 52px;
        width: 52px;
    }

    .people-reviews .peopleReview-cards .profile h4 {
        color: #1D2434;
        font-size: 18px;
    }

    .people-reviews .peopleReview-cards .profile span {
        color: #1D2434;
        font-size: 14px;
    }

    .developerIntroCard {
        max-width: 320px;
        width: 100%;
        background-color: #fff;
        border-radius: 14px;
        overflow: hidden;
    }

    button.navbar-toggler.px-1.me-3 {
        margin-right: 0 !important;
    }

    .d-mobile {
        display: block;
        /* background: linear-gradient(90deg, #084BFF 18.59%, #F24B8B 50.03%); */
        background: linear-gradient(90deg, #39aaac, #43b1b4, #4cb8bc, #55c0c4, #5ec7cc);
        background-clip: text;
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;

        font-size: 36px;
        font-style: normal;
        font-weight: 600;
        line-height: 40px;
    }

    .m-view-font {
        font-size: 16px !important;
        margin-top: 0 !important;
        font-style: normal;
        font-weight: 600;
        line-height: 20px !important;
    }

    .d-web {
        display: contents !important;
    }

    .fixed-top {
        top: -1px !important;
    }

    .offer-section .offer-cta {
        color: rgba(29, 36, 52, 0.52);
        border-radius: 40px;
        padding: 6px 16px !important;
        border: 1px solid rgba(29, 36, 52, 0.12);
        margin-bottom: 20px;
    }

    .offer-section h2 {
        color: #1D2434;
        margin-bottom: 28px !important;
    }

    .offer-section .offer-detail {
        color: rgba(29, 36, 52, 0.72);
        margin-bottom: 80px !important;
    }

    .offer-section .offer-tabs {
        color: rgba(29, 36, 52, 0.52);
        text-align: center;
        padding-bottom: 14px;
        margin-bottom: 48px;
        border-bottom: solid 4px #E9EBF1;
        white-space: nowrap;
        text-align: center;
        font-size: 20px;
        font-style: normal;
        font-weight: 400;
        line-height: 24px;
    }

    .offer-section .offer-tabs.active {
        color: #1D2434;
        text-align: center;
        font-size: 20px;
        background: transparent !important;
        box-shadow: 0px 10px 25px -20px #39AAAC;
        font-style: normal;
        font-weight: 600;
        transition: 0.1s ease-in;
        /* transition: .25s linear all; */
        line-height: 24px;
        /* transition-duration: 500ms; */
        transition-duration: 200ms;
        border-bottom: solid 4px #39AAAC;
        position: relative;
    }

    .offer-section .offer-engagement-cards {
        padding: 16px;
        width: 348px;
        height: 296px;
    }

    .offer-section .offer-engagement-cards .offer-card-icon {
        margin-bottom: 16px !important;
    }

    .offer-section .offer-engagement-cards h3 {
        font-size: 20px !important;
        line-height: 24px !important;
        margin-bottom: 8px;
    }

    .offer-section .offer-engagement-cards p {
        font-size: 16px !important;
        line-height: 22px !important;
    }

    .offer-section .offer-engagement-cards .contact-sales {
        left: 16px;
        bottom: 16px;
    }

    .top-border::before {
        content: '';
        background-image: url(../img/mobile-purple-curve.svg);
        /* background-image: url(../img/top-border-white.png); */
        position: absolute;
        top: 0;
        background-size: cover;
        width: 100%;
        height: 80px;
        flex-shrink: 0;
    }

    .mainFAQ {
        &.top-border::before {
            content: '';
            background-image: url(../img/mobile-blue-curve.svg);
            position: absolute;
            top: -69px;
            background-size: cover;
            width: 100%;
            height: 73px;
            flex-shrink: 0;
        }
    }

    .solvesTech {
        &.top-border::after {
            content: '';
            background-image: url(../img/white-curve.svg);
            position: absolute;
            bottom: 0px;
            background-size: cover;
            width: 100%;
            height: 30px;
            flex-shrink: 0;
        }
    }

    .trustedBusiness::before {
        content: '';
        position: absolute;
        background-repeat: no-repeat !important;
        background-position: top !important;
        width: 100%;
        height: 367px;
        z-index: 1;
        top: -339px;
        background-image: url(../img/white-curve.svg);
        rotate: 180deg;
    }

    .top-border-white::before {
        content: '';
        background-image: url(../img/mobile-blue-curve.svg);
        position: absolute;
        top: -69px;
        background-size: cover;
        width: 100%;
        height: 72px;
        flex-shrink: 0;
    }

    .top-border-blue::before {
        content: '';
        background-image: url(../img/mobile-purple-curve.svg);
        position: absolute;
        top: 1;
        background-size: cover;
        width: 100%;
        height: 73px;
        flex-shrink: 0;
    }

    .top-border-blue::after {
        content: '';
        position: absolute;
        background-repeat: no-repeat !important;
        background-position: top !important;
        width: 100%;
        height: 367px;
        z-index: 1;
        bottom: -458px;
        background-image: url(../img/gradient-curve.svg);
    }

    .featuredOn .featuredOn-box .faster h4,
    .featuredOn .featuredOn-box .reliable h4,
    .featuredOn .featuredOn-box .trusted h4 {
        font-size: 20px !important;
        line-height: 24px !important;
    }
}

@media (max-width:425px) {
    .mainFAQ .mainFAQ-right .FAQ-head .btn-action {
        display: flex !important;
        justify-content: space-between;
        /* flex-direction: column; */
        padding: 12px 16px;
    }

    .nav-m-view {
        display: block;
        padding: 4px 6px !important;
        font-size: 14px !important;
    }

    .offer-section .offer-tabs.active,
    .hiringPartnerScroll .offer-tabs {
        padding: 8px 15px !important;
        position: relative;
        left: 0px !important;
        line-height: 24px !important;
        font-size: 18px;
    }

    .offer-section .offer-tabs.active,
    .hiringPartnerScroll .offer-tabs {
        padding-left: 0 !important;
        padding-right: 0 !important;
    }

    .mainFAQ .mainFAQ-right .FAQ-head .btn-action span {
        font-size: 16px !important;
    }

    .mainFAQ .mainFAQ-right .FAQ-head .btn-action .hit {
        font-size: 14px !important;
    }
}

@media (max-width:375px) {
    .circlelghtbluemob {
        top: 54%;
        width: 210px;
        height: 210px;
        /* animation: scaleInmob 3s infinite cubic-bezier(.36, .11, .89, .32); */
    }

    figure.m-view .bluecircle {
        top: 28%;
    }

    .navbar-brand img {
        width: 140px !important;
    }
}

@media (max-width:360px) {
    .overComeSuper .overComeSuper-inner h2 {
        font-size: 14px !important;
        line-height: 20px;
    }

    .d-mobile {
        display: inline !important;
    }
}

@media (max-width:320px) {
    .rev-rating figure {
        white-space: nowrap;
    }

    .rev-rating figure img {
        margin-right: 8px !important;
    }

    .mainFAQ .mainFAQ-right .FAQ-head .btn-action {
        display: flex;
        justify-content: space-between;
        flex-direction: column;
    }

    .trustedInvestors,
    .bestDeveloperSlider,
    .excellentCustomer {
        margin: 0 14px !important;
    }

    .hero-sec form button {
        padding: 18px 20px;
        gap: 6px;
        margin-top: 8px;
        border-radius: 50px;
        border: none;
        background: #0152FF;
        color: #FFF;
        text-align: center;
        font-size: 18px;
        font-weight: 500;
        line-height: 24px;
        position: relative;
        white-space: nowrap;
        width: 100%;
        display: flex;
        justify-content: center;
    }

    .hero-sec form {
        width: 100%;
        max-width: 100% !important;
        margin-bottom: 40px !important;
    }

    .hero-sec form input {
        width: 100%;
        max-width: 100% !important;
        padding: 10px 16px !important;
    }

    .rev-rating .border-right {
        border-right: solid 1px transparent !important;
    }

    .rev-rating .border-right .m-resetview {
        justify-content: center;
    }

    .rev-rating {
        margin-bottom: 40px;
        flex-direction: column !important;
    }

    .mSet {
        position: absolute !important;
        top: 8.7%;
        left: -8px;
    }

    .people-reviews .peopleReview-cards {
        position: relative;
        height: 617px;
        /* width: 282px; */
        border-radius: 16px;
        border: 1px solid rgba(29, 36, 52, 0.08);
        margin-top: 60px;
        background: #F7F9FC;
        padding: 20px 15px;
    }

    .developerIntroCard {
        max-width: 272px;
        width: 100%;
        background-color: #fff;
        border-radius: 14px;
        overflow: hidden;
    }

    .hero-box .title {
        font-size: 26px
    }

    .buildEngineeringTeam-right-web {
        display: none
    }

    .buildEngineeringTeam-right-mobile {
        display: inline-block;
        margin-top: 20px
    }

    .solvestech-hiring-status {
        border-radius: 16px;
        padding: 16px;
        display: grid;
        grid-template-columns: 1fr 1fr;
    }

    .solvestech-hiring-status div {
        width: 95%;
        margin-bottom: 20px;
    }

    .solvestech-hiring-status div p.ms-3 {
        margin-left: 0.5rem !important;
    }

    .we-fix-tech {
        display: flex !important;
        flex-direction: column !important;
        margin: 0 20px !important;
    }

    .we-fix-tech.mt-100,
    .we-fix-tech .web-hiring figure.v-web {
        display: none !important;
    }

    .we-fix-tech .web-hiring figure.m-view {
        display: block;
    }

    .topEngineers-box .bg-gradient-red,
    .topEngineers-box .bg-gradient-green,
    .topEngineers-box .bg-gradient-sky {
        margin-top: 0px;
    }

    .we-fix-tech .web-hiring figure.m-view img {
        margin-top: 28px;
        width: 100%;
        object-fit: scale-down;
    }

    .solvesTech {
        padding: 70px 0;
    }

    .solvestech-hiring {
        padding: 0 !important;
    }

    .we-fix-mobile-view {
        display: block;
        font-style: normal;
        padding: 60px 0 28px 0 !important;
        text-align: center;
    }

    .locationCards-mView {
        flex-direction: column;
    }

    .job-platforms h3 {
        font-size: 28px !important;
        font-style: normal;
        font-weight: 600;
        line-height: 32px !important;
        margin-bottom: 12px !important;
    }

    .job-platforms p {
        font-size: 16px !important;
        font-style: normal;
        font-weight: 600;
        line-height: 22px !important;
    }

    .job-platforms {
        margin: 60px 0 0 0 !important;
        padding: 60px 30px;
    }

    .job-platforms::before {
        content: '';
        position: absolute;
        width: 278px;
        height: 800px;
        left: -247px;
        top: 99px;
        border-radius: 390px;
        background: linear-gradient(100deg, rgba(255, 255, 255, 0.18) 6.76%, rgba(255, 255, 255, 0.00) 82.08%);
        transform: rotate(45deg);
    }

    .job-platforms::after {
        content: '';
        position: absolute;
        width: 278px;
        height: 800px;
        right: 152px;
        top: -571px;
        border-radius: 390px;
        background: linear-gradient(100deg, rgba(255, 255, 255, 0.18) 6.76%, rgba(255, 255, 255, 0.00) 82.08%);
        transform: rotate(306deg);
    }

    .vettingProcess .process figure img {
        width: -webkit-fill-available;
        width: 100%;
    }

    .web-vetingProcess {
        display: none !important;
    }

    .m-vetingProcess {
        display: block;
    }

    .m-vetingProcess p {
        color: rgba(29, 36, 52, 0.72);
        text-align: center;
        font-size: 16px;
        font-style: normal;
        font-weight: 400;
        line-height: 22px;
        padding: 12px 0 15px 0 !important;
    }

    .m-vetingProcess p strong {
        color: #1D2434;
        font-size: 16px;
        font-style: normal;
        font-weight: 600;
        line-height: 22px;
    }

    .m-vetingProcess figure {
        padding: 45px 0 28px 0 !important;
    }

    .m-vetingProcess figure img {
        width: -webkit-fill-available;
        width: 100%;
        object-fit: scale-down;
    }

    .vettingProcess .process {
        margin-top: 20px !important;
    }

    .vettingProcess {
        padding: 60px 0 0 0 !important;
    }

    .navbar-brand::before {
        content: '';
        position: absolute;
        border-right: 0px solid transparent !important;
    }

    .solvestech-hiring-status div:last-child {
        margin-bottom: 0;
    }

    .ElightRemoteDeveloper-box {
        bottom: -33%
    }

    .ElightRemoteDeveloper-box .section-title {
        font-size: 27px !important
    }

    .hero-sub-text {
        font-size: 14px !important
    }

    .ManageYourEngineering,
    .unicorns {
        padding: 20px 0 80px
    }

    .industryLeaders,
    .mainFAQ,
    .solvestech-hiring {
        padding: 80px 0
    }

    .supersourcingStory {
        padding: 70px 0
    }

    .hireBestDeveloper {
        padding: 80px 0 60px 0
    }

    .featuredIn {
        padding: 128px 0;
    }

    .buildEngineeringTeam-mobile-box {
        display: block;
        margin-top: 20px
    }

    .sectionBgOverlay-head {
        text-align: center
    }

    .sectionBgOverlay-head .max-width-700,
    .sectionBgOverlay-head .max-width-800 {
        max-width: 100% !important
    }

    .developerIntroCard .devSlideTop .devName {
        text-align: center;
        display: inline-block;
    }

    .featuredOn {
        padding: 110px 0 0px;
        overflow: visible;
    }

    .featuredOn .featuredOn-box {
        margin-top: 60px;
        border-radius: 16px;
        border: 1px solid rgba(29, 36, 52, 0.08);
        background: #F7F9FC;
        display: grid;
        grid-template-columns: repeat(1, 1fr);
    }

    .featuredOn .featuredOn-box .faster,
    .featuredOn .featuredOn-box .reliable,
    .featuredOn .featuredOn-box .trusted {
        border-bottom: 1px solid rgba(29, 36, 52, 0.08);
        padding: 24px;
        text-align: center;
    }

    .featuredOn .featuredOn-box .faster h4,
    .featuredOn .featuredOn-box .reliable h4,
    .featuredOn .featuredOn-box .trusted h4 {
        padding-top: 16px !important;
        color: #1D2434;
    }

    .featuredOn .featuredOn-box .faster p,
    .featuredOn .featuredOn-box .reliable p,
    .featuredOn .featuredOn-box .trusted p {
        padding-top: 24px !important;
        color: rgba(29, 36, 52, 0.72);
    }

    .featuredOn .featuredOn-box .faster p {
        padding-right: 0px !important;
    }

    .featured {
        display: grid;
        grid-template-columns: repeat(3, 1fr);
        text-align: center;
        gap: 20px;
    }

    .featured figure img {
        width: 100%;
        width: -webkit-fill-available;
    }
}

#getEmail.err {
    border: solid 1px #e10000 !important;
}

.higlight {
    color: #2dc5b0;
    ;
}