.socialTagFB {
  margin-bottom: 16px;
}

.cstudies-card {
  padding: 40px;
  box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.06);
  border-radius: 24px;
  background: #ffffff;
  margin-bottom: 40px;
}

.casestudiesCoverImg {
  width: 100%;
  border-radius: 16px;
}

.cstudies-card .blueGradientText {
  font-weight: 800;
  font-size: 28px;
  line-height: 120%;
  text-align: center;
  background: linear-gradient(180.02deg, #0697ff 2.12%, #233fcf 104.27%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
}

.cstudies-card .orangeGradientText {
  font-weight: 800;
  font-size: 28px;
  line-height: 120%;
  text-align: center;
  background: linear-gradient(128.49deg, #de463e -8.23%, #ff8a00 72.36%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
}

.cstudies-card .GreenGradientText {
  font-weight: 800;
  font-size: 28px;
  line-height: 120%;
  text-align: center;
  background: linear-gradient(139.26deg, #93e16f -10.77%, #22a26c 99.35%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
}

.cstudies-card p {
  font-weight: 600;
  font-size: 16px;
  line-height: 180%;
  text-align: center;
  color: #2b2a29;
}

.cStudiesSolutions {
  position: relative;
}

.cStudiesOrangeBlurCircleLeft {
  position: absolute;
  top: 20%;
  left: -20%;
  width: 70%;
  height: 894px;
  background: linear-gradient(180deg, #fae059 0%, #ffd056 100%);
  opacity: 0.2;
  filter: blur(100px);
  z-index: -1;
  will-change: opacity;
}

.cStudiesGreenBlurCircleLeft {
  position: absolute;
  top: 20%;
  right: -20%;
  width: 70%;
  height: 894px;
  background: linear-gradient(145.56deg, #e3ffe9 -3.69%, #7bab55 86.61%);
  opacity: 0.2;
  filter: blur(100px);
  z-index: -1;
  will-change: opacity;
}

.CS-innerContainer {
  padding: 0px 130px;
}

.cs-fce-card {
  border-radius: 24px;
  z-index: 5;
  width: 421px;
}

.cs-fce-card .coverImg {
  width: 100%;
}

.cs-fce-card .content {
  padding: 24px 24px 40px 24px;
  box-shadow: 0px 4px 16px rgba(0, 0, 0, 0.1);
  border-radius: 0px 0px 24px 24px;
  background-color: white;
}

.cs-fce-card .content h3 {
  font-weight: 900;
  font-size: 22px;
  line-height: 150%;
  text-align: center;
  color: #000000;
  margin-bottom: 12px;
  width: 80%;
}

.cs-fce-card .content .tags p {
  font-weight: 400;
  font-size: 10px;
  line-height: 100%;
  color: #32506e;
  padding: 8px 7px;
  background: #f5f7fa;
  border-radius: 6px;
}

.cs-fce-card .content .clientLogo {
  margin-top: 32px;
}

.cs-title {
  font-weight: 400;
  font-size: 16px;
  line-height: 150%;
  text-transform: capitalize;
  background: linear-gradient(130.15deg, #002f59 25.69%, #000000 128.49%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  text-align: center;
}

.cs-heading {
  font-weight: 800;
  font-size: 40px;
  line-height: 150%;
  text-align: center;
  background: linear-gradient(92.02deg, #0697ff 2.12%, #233fcf 104.27%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  margin-bottom: 40px;
}

.cs-fce-section {
  position: relative;
  overflow: hidden;
}

.csFceGreenBlurCircleLeft {
  position: absolute;
  top: 0%;
  left: -20%;
  width: 894px;
  height: 894px;
  background: linear-gradient(145.56deg, #e3ffe9 -3.69%, #7bab55 86.61%);
  opacity: 0.3;
  filter: blur(100px);
  z-index: -1;
  will-change: opacity;
}

.csFceYellowBlurCircleCenter {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 494px;
  height: 494px;
  background: linear-gradient(180deg, #fae059 0%, #ffd056 100%);
  opacity: 0.3;
  filter: blur(100px);
  z-index: -1;
  will-change: transform, opacity;
}

.csFceBlueBlurCircleRight {
  position: absolute;
  top: 0%;
  right: -20%;
  width: 894px;
  height: 894px;
  background: linear-gradient(140.61deg,
      #7ec0ff 18.04%,
      #d5eaff 74.78%,
      #e7f3ff 74.78%);
  opacity: 0.3;
  filter: blur(100px);
  z-index: -1;
  will-change: opacity;
}

.clipart1 {
  position: absolute;
  top: 20%;
  left: 5%;
}

.clipart2 {
  position: absolute;
  bottom: 20%;
  right: 2%;
}

.cs-blurPinkCircle {
  position: absolute;
  top: 20%;
  left: -20%;
  width: 603px;
  height: 597px;
  background: linear-gradient(140.81deg,
      #ff5d5d 8%,
      #c04cad 48.81%,
      #1857d1 101.59%);
  opacity: 0.2;
  filter: blur(100px);
  z-index: -1;
  will-change: opacity;
}

.overviewHerosubHeading {
  font-weight: 700;
  font-size: 16px;
  line-height: 120%;
  color: #2b2a29;
  opacity: 0.5;
}

.overviewheroHeading {
  font-weight: 900;
  font-size: 44px;
  line-height: 120%;
  background: linear-gradient(140.81deg,
      #ff5d5d 8%,
      #c04cad 48.81%,
      #1857d1 101.59%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  margin-top: 8px;
}

.overviewHeroPara {
  font-weight: 400;
  font-size: 16px;
  line-height: 180%;
  color: #252525;
  margin-top: 20px;
}

.overviewHeroFloating {
  position: relative;
  height: 100%;
  width: 800px;
  z-index: -1;
}

.overviewcricle {
  width: 100%;
  height: 100%;
  max-width: 132px;
  max-height: 132px;
}

.ovposition1 {
  position: absolute;
  top: -6%;
  left: 0;
}

.ovposition2 {
  position: absolute;
  bottom: 21px;
  right: 46px;
}

.ovposition3 {
  position: absolute;
  top: 0%;
  right: 5%;
}

.ovposition5 {
  position: absolute;
  bottom: 9%;
  left: 5%;
}

.ovposition6 {
  position: absolute;
  top: 0%;
  left: 57%;
}

.ovposition7 {
  position: absolute;
  top: 0%;
  left: 31%;
}

.ovposition8 {
  position: absolute;
  top: 58%;
  left: 42%;
}

.parawidth {
  width: 80%;
}

.overviewFloatRight {
  position: absolute;
  top: 0;
  right: 0;
  height: 100%;
}

.csDetailHeadcount {
  width: 80px;
  height: 62px;
  object-fit: contain;
}

/* vikas */
.headingWrap {
  width: 250px;
}

.caseStudiesExplorePage {
  height: 300px;
}

@media screen and (max-width: 1100px) {
  .overviewHeroFloating {
    width: 600px;
  }

  .overviewcricle {
    max-height: 90px;
    max-width: 90px;
  }
}

@media screen and (max-width: 767px) {
  .viewWrap .headingWrap h3 {
    font-size: 18px;
  }

  .caseStudies_activity_container {
    margin: 20px 0px;
  }

  .caseStudies_activity_container .nav-pills {
    display: none;
  }

  .sortWrap .sort_icon {
    top: 7px;
  }

  .select2-container--default .select2-selection--single .select2-selection__rendered {
    padding: 5px 16px;
    padding-left: 30px;
  }

  .caseStudiesExplorePage {
    height: 300px;
    padding-top: 100px !important;
  }

  .overviewHeroFloating {
    width: 482px;
    top: -41px;
  }

  .ovposition5 {
    bottom: 36%;
    left: 17%;
  }

  .CS-innerContainer {
    padding: 0px 30px;
  }

  .clipart2 {
    bottom: 34%;
    width: 120px;
    height: 120px;
  }

  .clipart1 {
    width: 100px;
    height: 100px;
    top: 17%;
  }

  .cstudies-card .GreenGradientText,
  .cs-fce-card .content h3 {
    font-size: 20px;
  }

  .cstudies-card {
    padding: 15px;
  }

  .experienceContainer .experienceContent h2,
  .cs-heading {
    font-size: 25px;
  }

  section .experienceContainer {
    padding: 30px 20px;
  }

  .cs-fce-section {
    padding: 50px 0px;
  }

  .cstudies-card .blueGradientText,
  .cstudies-card .orangeGradientText {
    font-size: 20px;
  }

  .detailPage .cardWrap .box {
    width: 100%;
  }

  .container.breadcrumb_wrap {
    display: none;
  }

  .container.explorePage.caseStudiesExplorePage {
    margin-bottom: 30px;
  }

  .programCards .cardWrapContainer .cardWrap {
    padding-top: 35px;
  }

  .overviewHerosubHeading {
    text-align: center;
  }

  .overviewheroHeading {
    text-align: center;
  }

  .overviewHeroPara {
    text-align: center;
  }
}

@media screen and (max-width: 600px) {
  .caseStudiesExplorePage {
    height: 430px;
    padding-top: 200px !important;
  }

  .ovposition8 {
    top: 30%;
    left: 46%;
  }

  .ovposition1 {
    top: 12%;
    left: 93px;
  }

  .ovposition2 {
    bottom: 245px;
    right: 21%;
  }

  .ovposition3 {
    top: 13%;
    right: 11%;
  }

  .ovposition6 {
    position: absolute;
    top: 13%;
    left: 57%;
  }

  .overviewHeroFloating {
    width: 428px;
  }

  .overviewcricle {
    width: 55px;
    height: 55px;
  }

  .ovposition5 {
    bottom: 59%;
    left: 26%;
  }

  .ovposition7 {
    position: absolute;
    top: 12%;
    left: 39%;
  }

  .overviewheroHeading {
    font-size: 25px;
  }

  .headingWrap {
    width: 150px;
  }

  .headingWrap.headingWrapWidth {
    width: 100%;
  }

  .CS-innerContainer {
    padding: 0px 10px;
  }

  .clipart2,
  .clipart1 {
    display: none;
  }

  .cardWrap .box .img_wrap img {
    width: 60px;
    height: 40px;
  }
}

/* vikas */