/*Challenges Section Starts*/
.performance-section {
  position: relative;
  z-index: 1;
  background: var(--ks-bg-light-blue) !important;
  /* background-image: url(../images/all-images/bg/service-bg1.png) !important;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover; */
  overflow: hidden;
}

.challenges_bun_list {
  width: 100%;
  display: inline-block;
  vertical-align: top;
}

.challenges_bun_list ul {
  list-style: none;
  padding: 0;
  margin: 0;
}

.challenges_bun_list ul li {
  list-style: none;
  padding: 0 0 0 18px;
  margin: 0 0 62px 0;
  position: relative;
  display: block;
  width: auto;
}

.challenges_bun_list ul li:before {
  content: "";
  width: 4px;
  background: var(--ks-yellow);
  border-radius: 10px;
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  height: 100%;
}

.challenges_bun_list ul li h3 {
  font-size: 26px;
  margin-bottom: 6px;
  font-weight: var(--ztc-weight-semibold) !important;
}

.challenges_bun_list ul li p {
  font-size: 16px;
  line-height: 1.7;
  letter-spacing: -0.2;
}

.challenges_bun_list ul li:first-child {
  /* margin-left: 330px; */
  margin-left: calc(100% - 70%);
}

.challenges_bun_list ul li:nth-child(2) {
  margin-left: calc(100% - 80%);
}

.challenges_bun_list ul li:nth-child(3) {
  margin-left: calc(100% - 90%);
}

.challenges_bun_list ul li:nth-child(4) {
  margin-left: 0;
}
.challenges_bun_list ul li:last-child {
  margin-bottom: 0;
}

/* .different-tune-sec {
  background: var(--Gray-Color, #eff1ff);
} */
@media only screen and (max-width: 1199px) {
  .challenges_bun_list ul li h3 {
    font-size: 20px;
  }

  .challenges_burning_sec {
    padding: 70px 0 10px;
  }
}

@media only screen and (max-width: 1024px) {
  .challenges_bun_list ul li {
    margin-bottom: 30px;
  }

  .challenges_bun_list ul li h3 {
    font-size: 18px;
  }

  .challenges_bun_list {
    width: 100%;
    padding: 0;
  }
}

@media only screen and (max-width: 767px) {
  .challenges_bun_list ul li {
    margin-left: 0 !important;
  }
}

/*Challenges Section Ends*/

/*Hero section starts*/
.cta1-section-area{
    /* background-image: none; */
    /* background-image: url(../images/all-images/bg/service-bg1.png) !important; */
}



/* .yellow-rounded-btn{
  border-radius: 28px;
}
.yellow-rounded-btn::after {
  border-radius: 28px;
} */
/*Hero section ends*/

/*Ways you can partner modules - Start*/

#ways-you-can-partner-section.service1-section-area .service1-boxarea:hover::after {
  transform: translate(-24%, -20%) scale(1.5);
  transition: all 0.4s ease-in;
}

#ways-you-can-partner-section.service1-section-area .service1-boxarea:hover .icons {
  background: var(--ztc-bg-bg-1);
}
#ways-you-can-partner-section.service1-section-area .service1-boxarea::after {
  top: 0;
  z-index: -1;
  z-index: -1;
  transform-origin: top left;
  border-radius: 50%;
  content: "";
  height: 600px;
  left: 0;
  position: absolute;
  top: 0;
  transform: translate(-55px, -55px) scale(0.1);
  transform-origin: top left;
  transition: all 0.45s ease-out;
  width: 600px;
}
/*Ways you can partner modules - End*/


.how-to-get-started-with-freelancers .works-single-boxarea .icons{
  color: var(--ztc-text-text-1);
  font-family: var(--ztc-family-font1);
  font-size: var(--ztc-font-size-font-s26);
  font-style: normal;
  font-weight: var(--ztc-weight-semibold);
}
.how-to-get-started-with-freelancers .works-single-boxarea:hover .icons{
  color: var(--ks-dark-blue);
}

/*Remodel Starts*/
@media (max-width: 991px) {
  #remodel_the_way_container {
    width: calc(100% - 1.5rem);
  }
}
/*Remodel Ends*/

/*Freelancers Form Start*/
#freelancers-form-section .contact-author-boxarea {
  background: none !important;
}
.form-step {
  display: none;
}

.form-step.active {
  display: block;
}

.ts-dropdown .optgroup-header{
  font-family: var(--ztc-family-font1);
  font-size: var(--ztc-font-size-font-s18);
  font-style: normal;
  font-weight: var(--ztc-weight-medium);
  /* font-weight: 600; */
  margin-top: 10px;
}
.ts-wrapper.multi .ts-control > div{
  font-family: var(--ztc-family-font1) !important;
  font-size: var(--ztc-font-size-font-s16) !important;
  font-style: normal;
  font-weight: var(--ztc-weight-medium);
  margin: 0 10px 5px 0 !important;
}
/* .ts-wrapper.multi .ts-control > div */


.btn-small{
  font-size: var(--ztc-font-size-font-s16) !important;
  padding: 10px 18px !important;
  font-weight: var(--ztc-weight-semibold) !important;
}
.btn-yellow{
  border: 2px solid var(--ks-yellow);
  color: var(--ztc-text-text-7) !important;
  background: var(--ks-yellow) !important;
}
.btn-yellow::after {
  color: var(--ztc-text-text-7) !important;
  background: var(--ks-yellow) !important;
}

.ts-dropdown-content .option{
  font-size: var(--ztc-font-size-font-s16) !important;
}
.ts-dropdown-content .optgroup .option{
    padding-left: 20px !important;
}
.was-validated #open_to_remote.form-control:valid{
  padding-right: unset !important;
  /* background-image: unset; */
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23fff'/%3e%3c/svg%3e") !important;
  background-position: right !important;
  background-size: unset !important;
}

/*Freelancers Form Ends*/


/*Form */

/*Added by mit*/
.button {
  position: relative;
  display: inline-block;
  padding: 18px 24px;
  border-radius: 8px;
  border: none;
  color: #fff;
  background: var(--ztc-bg-bg-5);
  z-index: 1;
  font-family: var(--ztc-family-font1);
  font-size: var(--ztc-font-size-font-s20);
  line-height: 20px;
  font-weight: 700;
  transition: all 0.4s;
}

.flex-design-form {
  display: flex;
  justify-content: center;
}


/* h2 {
  text-align: center;
  color: var(--ztc-bg-bg-5);
  margin-bottom: 30px;
} */

/* Hide all form steps by default */
.form-step {
    display: none;
}

/* Show only the active step */
.form-step.active {
    display: block;
}

/* Optional: Add smooth transitions */
.form-step {
    opacity: 0;
    transition: opacity 0.3s ease-in-out;
    display: none;
}

.form-step.active {
    opacity: 1;
    display: block;
}

/* Optional: Add some spacing between steps */
.form-step + .form-step {
    margin-top: 0;
}


.nice-select{
 width: 100%;
    margin: 16px 0 0 0;
    height: 57px;
    display: flex
;
    align-items: center;
}
/**FAQ Starts */
.freelancers-faq-area .accordion-button {
  font-size: var(--ztc-font-size-font-s24) !important;
}
/**FAQ Ends */