
h2{
  color: #121212;
}
.startingheadings {
  padding: 62px 0px 0px 0px;
}
.startingheadingsSecond {
  padding: 65px 0px 0px 0px;
}

.startingheadingsThird {
  padding: 66px 0px 0px 0px;
}

.subDescription {
  font-size: 15px;
  font-weight: 300;
  line-height: 27px;
  padding: 20px 0px 0px 0px;
  color: #060606;
  text-align: center;
}

.subDescriptiontag {
  font-size: 14px;
  font-weight: 300;
  line-height: 25.2px;
  padding: 10px 0px 0px 0px;
  color: #060606;
  max-width: 398px;
  margin: auto;
}
.Heading {
  font-weight: 600;
  font-size: 18px;
  line-height: 30.6px;
  color: #05ada3;
  text-align: center;
}

.AddPadding {
  padding: 0px 0px 0px 0px;
  max-width: 468px;
  width: 100%;
  text-align: center;
}

.mainHeading {
  font-size: 30px;
  line-height: 49.4px;
  font-weight: 600;
  text-align: center;
}
.logosSlide {
  display: inline-block;

  animation-name: slide;
  animation-duration: 35s;
  animation-iteration-count: infinite;
  animation-timing-function: linear;
}

.logos:hover .logosSlide {
  animation-play-state: paused;
}
.logos {
  position: relative;
  overflow: hidden;
  white-space: nowrap;
  margin: 81px 0px 82px 0px;
}

.logos::before {
  content: "";
  top: 0;
  left: 0;
  position: absolute;
  background: linear-gradient(to left, rgba(255, 255, 255, 0), white);
  height: 100%;
  width: 200px;
  z-index: 2;
}

.logos::after {
  content: "";
  top: 0;
  right: 0;
  position: absolute;
  background: linear-gradient(to right, rgba(255, 255, 255, 0), white);
  height: 100%;
  width: 200px;
  z-index: 2;
}

.logosSlide img {
  margin: 0 32.5px;
}
.transformingWritingChild {
  padding: 50px 35px 50px 35px;
  position: relative;
}

.transformingWriting {
  position: relative;
  border-radius: 55px;
  background: #060606;
  overflow: hidden;
}

.transformingWriting::before {
  position: absolute;
  content: "";
  width: 499px;
  height: 499px;
  background: conic-gradient(
    from 90deg at 50% 50%,
    rgba(0, 189, 178, 0.5) -0.07deg,
    rgba(0, 55, 52, 0.6) 170.63deg,
    rgba(0, 189, 178, 0.5) 359.93deg,
    rgba(0, 55, 52, 0.6) 530.62deg
  );
  filter: blur(100px);
  left: 103%;
  top: 30%;
  border-radius: 290px;
  transform: translate(-98%, -37%);
}

.descriptionElement {
  font-weight: 300;
  font-size: 16px;
  line-height: 28.8px;
  color: #d9d9d9;
  padding: 30.55px 0px 0px 0px;
  text-align: center;
}
.descriptionElementLast {
  font-weight: 300;
  font-size: 16px;
  line-height: 28.8px;
  color: #d9d9d9;
  padding: 25px 0px 0px 0px;
  text-align: center;
}
.subHeading {
  color: #ffffff;
  font-weight: 600;
  font-size: 28px;
  line-height: 36.4px;
  padding: 7px 0px 0px 0px;
  text-align: center;
}
@keyframes slide {
  from {
    transform: translateX(0);
  }
  to {
    transform: translateX(-100%);
  }
}

.multiCategory {
  display: flex;
  gap: 74px;
  padding-top: 80px;
  justify-content: center;
}

.multiCategorySecond {
  display: flex;
  gap: 140px;
  padding-top: 60px;
}
.headingSub {
  font-size: 17px;
  line-height: 34.2px;
  font-weight: 600;
  color: #000000;
  padding: 10px 0px 0px 0px;
}

.headingSubSecond {
  font-size: 18px;
  line-height: 32.2px;
  font-weight: 600;
  color: #000000;
  padding: 10px 0px 0px 0px;
}

.bottomPadding {
  padding-bottom: 63px;
}
.bottomPaddingSecond {
  padding-bottom: 100px;
}

.infoContainer {
  display: flex;
  gap: 20px;
}

.imgMargin {
  margin-top: 10px;
}

.descriptiontagSecond {
  font-size: 14px;
  font-weight: 300;
  line-height: 25.2px;
  padding: 10px 0px 0px 0px;
  color: #060606;
  max-width: 402px;
}

.subDescription a {
  color: #05ada3;
  font-weight: 400;
  text-decoration: underline;
}
.subDescription a:hover {
  text-decoration: none;
}

.socialMediaIcons img {
  margin-right: 10px;
}

.socialMediaIcons {
  padding: 25px 0px 0px 0px;
  text-align: center;
}
.endPadding {
  padding: 28px 0px 0px 0px;
}
.mainsubHeading {
  padding: 7px 0px 0px 0px;
  font-size: 28px;
  line-height: 36.4px;
  font-weight: 600;
  color: #060606;
  text-align: center;
}
@media screen and (max-width: 1000px) {
  .Heading {
    font-size: 15px;
    font-weight: 600;
    line-height: 25.5px;
  }

  .transformingWritingChild .descriptionElement:nth-child(4),
  .transformingWritingChild .descriptionElement:nth-child(5) {
    padding: 25px 0 0 0; /* Apply 25px padding to the second and third descriptionElement */
  }
  .descriptionElement {
    padding: 20px 0px 0px 0px;
  }

  .startingheadingsSecond {
    padding: 50px 0px 0px 0px;
  }
  .multiCategorySecond {
    display: flex;
    gap: 34px;
    padding-top: 40px;
    flex-direction: column;
  }
  .AddPadding img {
    width: 37px;
    height: 37px;
  }
  .bottomPaddingSecond {
    padding-bottom: 60px;
  }

  .headingSubSecond {
    font-size: 17px;
    line-height: 30.6px;
    font-weight: 600;
    color: #000000;
    padding: 3px 0px 0px 0px;
  }

  .descriptiontagSecond {
    font-size: 14px;
    font-weight: 300;
    line-height: 25.2px;
    padding: 6px 0px 0px 0px;
    color: #060606;
    max-width: 324px;
  }

  .infoContainer img {
    width: 37px;
    height: 37px;
  }

  .logos {
    position: relative;
    overflow: hidden;
    white-space: nowrap;
    padding: 0;
    margin: 81px 0px -20px 0px;
  }
  .mainsubHeading {
    font-size: 21px;
    line-height: 31.5px;
    font-weight: 600;
    padding-top: 8px;
  }
  .mainHeading {
    font-size: 27px;
    line-height: 40.5px;
    padding: 10px 0px 0px 0px;
  }
  .startingheadings {
    padding: 30px 5px 0px 8px;
  }
  .subHeading {
    font-size: 21px;
    line-height: 31.5px;
    padding: 10px 0px 0px 0px;
  }
  .descriptionElement {
    font-size: 14px;
    line-height: 25.2px;
  }
  .transformingWritingChild {
    padding: 35px 20px 35px 25px;
    position: relative;
  }
  .infoContainer {
    display: flex;
    gap: 15px;
  }
  .transformwritingSection {
    padding: 0px 0px;
  }

  .headingSub {
    font-size: 17px;
    line-height: 30.6px;
    font-weight: 600;
    color: #000000;
    padding: 8px 0px 0px 0px;
  }
  .transformwritingDiv {
    padding: 0px 12px;
  }

  .subDescriptiontag {
    font-size: 14px;
    font-weight: 300;
    line-height: 25.2px;
    padding: 3px 0px 0px 0px;
    color: #060606;
    max-width: 600px;
    width: 80%;
  }
  .transformingWriting::before {
    position: absolute;
    content: "";
    width: 499px;
    height: 499px;
    background: conic-gradient(
      from 90deg at 50% 50%,
      rgba(0, 189, 178, 0.5) -0.07deg,
      rgba(0, 55, 52, 0.6) 170.63deg,
      rgba(0, 189, 178, 0.5) 359.93deg,
      rgba(0, 55, 52, 0.6) 530.62deg
    );
    filter: blur(110px);
    left: 12%;
    top: 88%;
    border-radius: 83px;
    transform: translate(-43%, -27%);
  }
  .multiCategory {
    display: flex;
    justify-content: space-between;
    gap: 34px;
    padding: 40px 8px 0px 8px;
  }
  .logosSlide img {
    width: 150px;
    height: 35px;
    margin: 0px 15.5px;
  }

  .startingheadingsThird {
    padding: 60px 0px 0px 0px;
  }
  .bottomPadding {
    padding-bottom: 64px;
  }
  .transformingWriting {
    position: relative;
    border-radius: 30px;
    background: #060606;
  }
  .subDescription {
    font-size: 15px;
    font-weight: 300;
    line-height: 27px;
    padding: 10px 0px 0px 0px;
    color: #060606;
  }
  .endPadding {
    padding: 56px 0px 0px 0px;
  }

  .logos::before {
    content: "";
    top: 0;
    left: 0;
    position: absolute;
    background: linear-gradient(to left, rgba(255, 255, 255, 0), white);
    height: 100%;
    width: 50px;
    z-index: 2;
  }

  .logos::after {
    content: "";
    top: 0;
    right: 0;
    position: absolute;
    background: linear-gradient(to right, rgba(255, 255, 255, 0), white);
    height: 100%;
    width: 50px;
    z-index: 2;
  }
}

@media (max-width:575px) {
  .multiCategory{
    flex-direction: column;
  }
}