body::-webkit-scrollbar {width: 5px;}
body::-webkit-scrollbar-track {background-color: #f5f5f5;}
body::-webkit-scrollbar-thumb {border-radius: 100px;background-color: #7c7c7c;}
#header.scrolled {background-color: #fff !important;box-shadow: 0 -6px 14px -2px #000;padding: 0 !important;transition-duration: 0.3s;}
main {padding-top: 90px;}

.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%}

.hero-sec{padding: 180px 0px 130px 0px;overflow: hidden;position: relative;background-color: #F7F9FE;border-radius: 50% / 15%;border-top-left-radius: 0px;border-top-right-radius: 0px;z-index: 0;}
.hero-sec:before {content: '';display: inline-block;border-radius: 100%;width: 1050px;height: 445px;background: linear-gradient(180deg, rgba(19, 184, 195, 0.08) 0%, rgba(38, 111, 241, 0.08) 100%);position: absolute;left: 35%;top: 50%;transform: translate(-50%,-50%);filter: blur(50px);z-index: -1;}
.hero-sec .hero-title{font-size: 55px;font-weight: 600;line-height: 60px;margin-bottom: 10px !important;}
                        /* max-width: 632px;     asked by pragati to remove this             */   
.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-counters .nums {font-size: 32px;font-weight: 600;color: #000000;line-height: 40px;white-space: nowrap;}
.hero-counters .nums-titl {font-size: 18px;font-weight: 500;color: #5E5E5E;white-space: nowrap;}
.hero-counters div:nth-child(2) {margin: 0px 20px;border-left: solid 1px #0000001F;border-right: solid 1px #0000001F;padding: 0px 20px;}

.hero-banner-figure{position: relative;padding-bottom: 160px;}
.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);}



.mainFAQ-box,.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;}
.site-footer {padding: 100px 0 60px;background: #16191d;color: #fff;overflow: hidden;z-index: 1;}
.site-footer .follow-us {text-align: left;margin-top: -70px;}
.site-footer .follow-us {text-align: left;margin-top: 0;}

.hireBestDeveloper {background-color: #f4f5f8;padding: 100px 0 100px 0px;}
.bestDeveloperSlider {position: relative;height: 390px;}
.developerIntroCard .devSlideTop,.industryLeaders-box,.jobSearchBox {position: relative;}
.bestDeveloperSlider .slick-slide {height: auto;}

.bestDeveloperSlider .slick-next,.bestDeveloperSlider .slick-prev {position: absolute;top: -60px;font-size: 0px;background: #d9d9d9;height: 32px;width: 32px;z-index: 1;}

.bestDeveloperSlider .slick-prev {right: 70px;border-radius: 60px;border: none;}
.bestDeveloperSlider .slick-prev:before {
  content: "";
  padding: 4px;
  display: inline-block;
  transform: rotate(45deg);
  border: 1px solid #000;
  border-top-color: transparent;
  border-right-color: transparent;
  margin-left: 4px;
}

.bestDeveloperSlider .slick-next {
  right: 32px;
  border-radius: 60px;
  border: none;
}

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

.bestDeveloperSlider .slick-next:before {
  content: "";
  padding: 4px;
  display: inline-block;
  transform: rotate(45deg);
  border: 1px solid #000;
  border-bottom-color: transparent;
  border-left-color: transparent;
  margin-right: 4px;
}

.developerIntroCard.onHero1 {
  left: 165px;
}

.developerIntroCard.onHero2 {
  right: 165px;
}

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

.developerIntroCard .devSlideTop .devName {
  background: linear-gradient(180deg, rgba(0, 0, 0, 0) 41.67%, #000 100%);
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: end;
  padding: 15px;
}
.developerIntroCard .devSlideTop > img{
  height: 190px;
  object-fit: cover;
}
.developerIntroCard .devSlideBot {
  padding: 15px 2px 0px;
}

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


.ratingReview {
  padding-top: 100px;
  padding-bottom: 100px;
}


.reviews-video-section {
  padding: 120px 0;
}

.reviews-video-section .client-Video {display: grid;grid-template-columns: 1fr 1fr 1fr 1fr 1fr;grid-gap: 15px;}
.reviews-video-section .client-Video .clientVideoReviewSlider-item figure img {border-radius: 8px !important;width: 100%;height: auto !important;object-fit: cover;transition-duration: 0.5s;}
.reviews-video-section .client-Video article {margin: 0 0 0px;display: grid;break-inside: avoid;}
.reviews-video-section .client-Video .clientVideoReviewSlider-item {width: 100% !important;}

.reviews-video-section .client-Video .clientVideoReviewSlider-item figure .youtube-icon img {cursor: pointer;position: absolute;top: 10px;left: 10px;display: inline-block;height: 52px;width: 56px;z-index: 9;transition-duration: 0.3s;}
.reviews-video-section .client-Video .clientVideoReviewSlider-item figure .youtube-icon:hover img,
.reviews-video-section .client-Video .clientVideoReviewSlider-item figure:hover img {box-shadow: none;}

.reviews-video-section .client-Video .clientVideoReviewSlider-item figure:before {
  border-radius: 8px;
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(180deg,
      transparent 0,
      rgba(0, 0, 0, 0.17) 70%,
      rgba(0, 0, 0, 0.92));
}

.reviews-video-section .client-Video .clientVideoReviewSlider-item figure {
  cursor: pointer;
}

.reviews-video-section .client-Video .clientVideoReviewSlider-item .author-detail {
  position: absolute;
  bottom: 0;
  left: 0;
  text-align: left;
  background-color: transparent;
  padding: 0 5px 5px 15px;
  border-top-right-radius: 0;
  width: 100%;
}

.clientReviewModel .btn-close {
  position: absolute;
  right: -15px;
  top: -15px;
  background-color: #fff;
  z-index: 1;
  opacity: 1;
  padding: 15px !important;
  border-radius: 50px;
}



.mainFAQ {
  padding: 160px 0;
}

.mainFAQ .mainFAQ-wrapper {
  max-width: 835px;
  margin: 0 auto;
  padding: 0 15px;
}

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

.mainFAQ-box .accordion-item {
  border-bottom: 1px solid #dfdfdf !important;
  padding: 8px 0 !important;
}


.featuredIn {
  padding: 100px 0;
  position: relative;
  overflow: visible;
}


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


.why-business-choose-ss {
  padding: 100px 0px;
}

.hire-developers-from-ss{
  background-image: url('../img/bg-blue-white-circles.webp');
  background-size: cover;
  background-position: center;
  overflow: hidden;
}
.hire-developers-from-ss-spacing{
  padding: 60px 0px 40px 0px;
}
.developers-inside-ss-img {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 65%;
}

.seo-content-section{padding: 130px 0px 100px 0px;}
.seo-content-section .accordion-item {border-bottom: solid 1px #DFDFDF !important;padding: 8px 2px !important;}
.seo-content-section .accordion-item button.accordion-button::after {margin-top: 6px;}
.seo-content-right-sec{position: -webkit-sticky;position: sticky;top: 100px;text-align: center;margin-top: 50px;}
.seo-content-right-cta {background-color: #000000;color: #ffffff;text-decoration: none;display: inline-block;padding: 14px 25px;font-size: 22px;border-radius: 14px;position: relative;}
.seo-content-right-cta:before {content: '';position: absolute;left: -38px;top: 0px;width: 30px;height: 100%;background-image: url(../img/flash-3.png);background-size: contain;transform: rotateY(180deg);background-repeat: no-repeat;}
.seo-content-right-cta:after {content: '';position: absolute;right: -35px;top: -4px;width: 30px;height: 100%;background-image: url(../img/flash-3.png);background-size: contain;background-repeat: no-repeat;}
a.seo-content-right-cta:hover {color: #ffffff;background-color: #0d6efd;}

.MyTalentForcesVsTraditional-web {max-width: 1000px;margin: 65px auto 0 auto;}
.MyTalentForcesVsTraditional-mobile{display: none;}
.MyTalentForcesVsTraditional {background-color: #F7F9FE;padding: 100px 0;}
.MyTalentForcesVsTraditional-web-setting {min-height: 55px;margin-bottom: 15px;font-size: 17px;font-weight: 500;}
.MyTalentForcesVsTraditional-web-setting.sett-titl {min-height: 38px;}
.MyTalentForces-hiring-feature {box-shadow: 0px 0px 0px 21px #ffffff, -13px 17px 24px 20px #195DCD14;/* outline: solid 16px #ffffff; */border-radius: 2px !important;margin-left: -10px;margin-top: -10px;}

.trident-top {position: absolute;top: -15px;left: -25px;}



.how-do-we-vet{padding: 80px 0px;position: relative;overflow: hidden;}
.how-do-we-vet:before {content: '';display: inline-block;height: 450px;width: 1200px;background: linear-gradient(180deg, rgba(19, 184, 195, 0.07) 0%, rgba(38, 111, 241, 0.07) 100%);border-radius: 100%;position: absolute;left: 60%;top: 60%;transform: translate(-50%,-50%);filter: blur(60px);z-index: -1;}
.how-do-we-vet .img-filter-shadow{filter: drop-shadow(0px 0px 11px #dddddd)}
.how-do-we-vet a.nav-link.active {box-shadow: 0px 7px 30px 20px #00000012;background-color: #ffffff !important;padding: 20px 10px 20px 20px;border-radius: 12px;position: relative;}
.how-do-we-vet a.nav-link.active:after {content: '';display: inline-block;width: 40px;height: 40px;position: absolute;right: -20px;top: 20px;background-color: #266FF1;border-radius: 100%;}
.how-do-we-vet a.nav-link:not(.active) p {white-space: nowrap;width: 90%;overflow: hidden;text-overflow: ellipsis;}
.how-do-we-vet .how-vet-score {font-size: 12px;font-weight: 400;color: #131416;background-color: #D2DEFC;padding: 4px 12px;border-right: solid 5px #F0D2FC;border-radius: 70px;}

.how-do-we-vet-mob{display: none;}
/* .how-do-we-vet a.nav-link.active .how-do-we-vet-mob-art {height: initial;margin-top: 30px;margin-bottom: 25px;} */
.how-do-we-vet-mob-art {margin-top: 30px;margin-bottom: 25px;}
.how-do-we-vet-mob .hdw-head{width: 100%;box-shadow: none !important;}
.how-do-we-vet-mob .hdw-head {width: 100%;box-shadow: none !important;position: relative;}
.how-do-we-vet-mob .hdw-head:before {content: '';background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23212529'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");background-size: 18px;background-repeat: no-repeat;background-position: center;display: inline-block;position: absolute;right: 0px;top: 10px;height: 20px;width: 20px;transform: rotateX(180deg);}
.how-do-we-vet-mob .hdw-head.collapsed:before{transform: rotateX(0deg);}
.how-do-we-vet-mob .hdw-head.collapsed .hdw-mobile-text{white-space: nowrap;width: 90%;overflow: hidden;text-overflow: ellipsis;}


.howDevelopersHelp{position: relative;padding: 80px 0px;overflow: hidden;}
.howDevelopersHelp:before {content: '';display: inline-block;height: 450px;width: 1200px;background: linear-gradient(180deg, rgba(19, 184, 195, 0.07) 0%, rgba(38, 111, 241, 0.07) 100%);border-radius: 100%;position: absolute;left: 60%;top: 60%;transform: translate(-50%,-50%);filter: blur(60px);z-index: -1;}
/* .howDevelopersHelp:after {content: '';display: inline-block;position: absolute;left: 0;right: 0;bottom: 0px;border-bottom: solid 2px #DCDEE0;width: 80%;max-width: 1024px;margin: 0 auto;} */

.devthroughSs{padding: 80px 0px 20px 0px;}
.devthroughSs-vactor{position: -webkit-sticky;position: sticky;top: 100px;text-align: center;}




@media (max-width: 480px) {
  .reviews-video-section .client-Video .clientVideoReviewSlider-item figure .youtube-icon img {width: 36px;}
  .MyTalentForcesVsTraditional-web-setting {font-size: 20px !important;min-height: 60px;}
}

@media (max-width: 575px) {
  .unicorns {padding: 20px 0 80px;}
  .mainFAQ {padding: 80px 0;}
  .featuredIn {padding: 80px 0;}
  .why-business-choose-ss {padding: 80px 0px;}
  .MyTalentForcesVsTraditional {padding: 80px 0;}
  .trident-top{display: none;}
  .searchSkilJob {padding: 80px 0;}
  .hero-banner-img{max-width: 100% !important;}
  .hero-banner-dev-des{left: 0px;bottom: 40px;padding: 10px 16px;}
}

@media (max-width: 620px) {
  .reviews-video-section .client-Video {grid-template-columns: 1fr 1fr !important;}
  .hero-counters .nums {font-size: 20px;line-height: 25px;}
  .hero-counters .nums-titl {font-size: 12px;line-height: 13px;white-space: initial;}
  .hero-counters div:nth-child(2){margin: 0px 10px;padding: 0px 10px;}
}

@media (max-width: 767px) {
  .ratingReview .ratingReview-box {padding: 30px 0;}
  .section-title {font-size: 26px !important;}
  .mainFAQ-box {padding: 20px 0 40px;}
  .mainFAQ .mainFAQ-title {font-size: 28px;font-weight: 500;text-align: center;}
  .MyTalentForcesVsTraditional-web {display: none;}
  .MyTalentForcesVsTraditional-mobile {display: block;}
  .seo-content-section {padding: 80px 0px;}
  .header-customize .head-cta-sec {display: flex;flex-direction: column;gap: 20px;margin: 10px 0px 15px 0px;}
}


@media (max-width: 991px) {
  .hero-sec {background-color: transparent;padding: 100px 0px 40px 0px;border-radius: 0px !important;}
  .hero-banner-img {max-width: 500px !important;margin: 40px auto 0 auto;display: block;}

  .bestDeveloperSlider .slick-prev {top: calc(100% + 30px);right: calc(50% + 0px);}
  .bestDeveloperSlider .slick-next {top: calc(100% + 30px);right: calc(50% - 50px);}
  .reviews-video-section .client-Video {grid-template-columns: 1fr 1fr 1fr;}
  .mainFAQ-box .accordion-button {font-size: 18px !important;}
  .developers-inside-ss-img {position: initial;transform: none;width: initial;max-width: 300px !important;margin-bottom: 20px;}
  .hireBestDeveloper {padding: 100px 0 120px 0;}
  .ratingReview{padding-top: 50px;padding-bottom: 50px;}
  .how-do-we-vet-mob{display: block;}
  .how-do-we-vet-web{display: none;}
  .how-do-we-vet a.nav-link.active:after{content: none;}

  .hero-sec .hero-title {font-size: 32px !important;font-weight: 700;margin-bottom: 10px !important;max-width: 632px;line-height: 40px;}
  .seo-content-right-cta {font-size: 16px;padding: 12px;border-radius: 10px;}
  .MyTalentForcesVsTraditional-web-setting.sett-titl-ss h3{font-size: 20px !important;}
}

@media (max-width: 1024px) {
  .reviews-video-section {
    padding: 60px 0;
  }
}

@media (min-width: 1220px) {
  .MyTalentForcesVsTraditional-web-setting {
    min-height: 50px;
  }
}