.section_outsourcing--content {
  font-size: 1.5em;
  line-height: 1.8em;
  text-align: justify;
}

.section_outsourcing--row {
  align-items: center;
}

.page_title.page_title_services {
  color: black;
}
.img_section--outsourcing{
  height: auto;
  width: 100%;
  max-width: 700px;
}
.options_outsourcing {
  display: flex;
  height: 400px;
  width: 100%;
}

.options_outsourcing .option.service_many:nth-child(1) {
  width: 50%;
}

.options_outsourcing .option:nth-child(1) {
  --defaultBackground: #ED5565;
}

.options_outsourcing .option:nth-child(2) {
  --defaultBackground: #FC6E51;
}

.options_outsourcing .option:nth-child(3) {
  --defaultBackground: #FFCE54;
}

.options_outsourcing .option:nth-child(4) {
  --defaultBackground: #2ECC71;
}

.options_outsourcing .option:nth-child(5) {
  --defaultBackground: #5D9CEC;
}

.options_outsourcing .option:nth-child(6) {
  --defaultBackground: #AC92EC;
}

/* add background */

.serviceID_73:nth-child(1) {
  background: url(../images/outsourcing_services/professional-programmer.png);
}

.serviceID_73:nth-child(2) {
  background: url(../images/outsourcing_services/frame1-2.jpg);
}

.serviceID_73:nth-child(3) {
  background: url(../images/outsourcing_services/frame1-3.jpg);
}

.serviceID_73:nth-child(4) {
  background: url(../images/outsourcing_services/frame1-4.jpg);
}

.serviceID_74:nth-child(1) {
  background: url(../images/outsourcing_services/blockchain.jpg);
}

.serviceID_74:nth-child(2) {
  background: url(../images/outsourcing_services/datascience.jpg);
}

.serviceID_75:nth-child(1) {
  background: url(../images/outsourcing_services/offshore-dedicated-team.jpg);
}

.serviceID_75:nth-child(2) {
  background: url(../images/outsourcing_services/on-site-resources.jpg);
}

.options_outsourcing .option {
  transition: width 0.8s;
  border-radius: 8px;
  display: inline-block;
  padding: 15px;
  margin: 0 10px;
  background-size: cover;
  background-repeat: no-repeat;
  position: relative;
  bottom: 0;
}

.options_outsourcing .option:hover {
  transition: width 0.8s;
  border-radius: 8px;
  display: inline-block;
  padding: 15px;
  margin: 0 10px;
  background-size: cover;
  background-repeat: no-repeat;
  position: relative;
  bottom: 0;
}

.options_outsourcing .option.service_two {
  transition: bottom 0.5s;
}

.options_outsourcing .option.service_many {
  width: calc(50% / 3);
}

.options_outsourcing .option.service_two {
  width: 50%;
}
@media (max-width: 768px) {
  .img_section--outsourcing {
    height: fit-content;
}

}
.option.service_two:hover {
  bottom: 20px;
}

.options_outsourcing .option .label {
  padding: 0 20px;
  height: 100px;
  width: 100%;
  position: absolute;
  left: 0;
  bottom: 0;
  font-size: 1.5em;
  color: white;
  border-bottom-left-radius: 8px;
  border-bottom-right-radius: 8px;
  background: linear-gradient(180deg, rgba(255, 194, 159, 0) 0%, rgb(26 26 26 / 83%) 100%);
}

.options_outsourcing .option .label p {
  position: absolute;
  bottom: 30px;
  left: 15px;
}

@media screen and (min-width: 912px) and (max-width:1280px) {
  .options_outsourcing .option .label {
    font-size: 1em;
  }
}

@media (max-width: 912px) {
  .options_outsourcing {
    display: grid;
    height: unset;
  }

  .options_outsourcing .option {
    width: 100% !important;
    height: 400px;
    margin: 10px 0px;
  }
}

@media (max-width: 480px) {
  .section_outsourcing--content {
    font-size: 1.2em;
    margin-top: 10px;
  }
}