/*--------------------------------- section 3 ------------------------------- */
.services-s3-h1 {
  font-size: 46px;
  font-weight: 700;
}
.services-s3-h2 {
  font-size: 36px;
  font-weight: 300;
}

/*--------------------------------- section 4 ------------------------------- */
.services-s4-d {
  width: 100%;
  height: 489px;
  background-image: url(../images/Component\ 104.png);
  background-size: 100% 100%;
}
.services-s4-d1 {
  width: 434px;
  height: 168px;
  background-color: white;
  border-top-left-radius: 40px;
}
.services-s4-h4 {
  font-size: 22px;
  font-weight: 600;
}
.services-s4-p {
  font-size: 14px;
  font-weight: 400;
}
.services-s4-d2 {
  width: 100%;
  height: 489px;
  background-image: url(../images/Component\ 97.png);
  background-size: 100% 100%;
}
.services-margine {
  margin-top: 30px !important;
}

/* ================================================Responsive=============================================== */

@media only screen and (max-width: 768px) and (min-width: 0px) {
  .text-size {
    font-size: 35px;
  }
  .services-text-size {
    font-size: 25px;
  }
}
@media only screen and (max-width: 600px) and (min-width: 0px) {
  .services-text-size {
    font-size: 20px;
  }
}
@media only screen and (max-width: 425px) and (min-width: 0px) {
  .services-s4-d {
    margin-bottom: 20px;
    border: 0;
  }
}
@media only screen and (max-width: 388px) and (min-width: 0px) {
  .services-s4-d {
    margin-bottom: 30px !important;
    border: 0;
  }
  .services-margine1 {
    margin-bottom: 30px;
  }
  .services-s4-s {
    margin-bottom: 90px;
  }
  .services-margine2 {
    margin-bottom: 40px;
  }
}