.section.upgrade {
  background-color: #ffd872;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: flex-start;
  gap: 70px;
  padding-bottom: 0px;
  z-index: 1;
  position: relative;
}

.upgrade-image-circle {
  width: 900px;
  height: 900px;
  background-color: #4960e5; 
  bottom: -242px;
  left: -200px;
  z-index: 0;
}

.upgrade-img {
  max-width: 600px;
  height: 755px;
  position: relative;
  bottom: -135px;
}

.upgrade .text {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-left: 50px;
}


/***RESPONSIVE**/
/* ≤1700px */
@media (max-width: 1700px) {
  .upgrade-image-circle {
    width: 720px;
    height: 720px;
    bottom: -180px;
    left: -140px;
  }
  .upgrade-img {
    max-width: 540px;
    height: 680px;
  }
  
  .upgrade .text {
    margin-left: 0px; 
  }
}

/* ≤1500px */
@media (max-width: 1500px) {
  .upgrade-image-circle {
    width: 650px;
    height: 650px;
    bottom: -160px;
    left: -120px;
  }
  .upgrade-img {
    max-width: 480px;
    height: 604px;
  }
}

/* ≤1366px */
@media (max-width: 1366px) {
  .upgrade-image-circle {
    width: 480px;
    height: 480px;
    bottom: -140px;
    left: -100px;
  }
  .upgrade-img {
    max-width: 420px;
    height: 529px;
  }
}

/* ≤1280px */
@media (max-width: 1280px) {
  .upgrade-image-circle {
    width: 480px;
    height: 480px;
    bottom: -120px;
    left: -80px;
  }
  .upgrade-img {
    max-width: 360px;
    height: 453px;
  }
}

@media (max-width: 1101px) {
  .upgrade {
    flex-direction: column-reverse;
  }
  
  .upgrade-img {
    position: relative;
    bottom: 0px;
  }
  
  .upgrade-image-circle {
    left: 28%;
  }
  
}

/* ≤992px */
@media (max-width: 992px) {
  
  .upgrade-image-circle {
    width: 400px;
    height: 400px;
    bottom: -100px;
  }
  .upgrade-img {
    max-width: 300px;
    height: 377px;
  }
}

/* ≤768px */
@media (max-width: 768px) {
  .upgrade-image-circle {
    width: 350px;
    height: 350px;
    bottom: -80px;
    left: 19%;
  }
  .upgrade-img {
    max-width: 240px;
    height: 302px;
  }
}

@media (max-width: 527px) {
  .upgrade .font-size-170 {
    font-size: 75px !important;
  }
}


/* ≤500px */
@media (max-width: 500px) {
  .upgrade-image-circle {
    width: 290px;
    height: 290px;
    bottom: -60px;
    left: 21%;
  }
  .upgrade-img {
    max-width: 200px;
    height: 252px;
  }
}

@media (max-width: 443px) {
  .upgrade .font-size-170 {
    font-size: 58px !important;
  }
  
  .upgrade-image-circle {
    left: 13%;
  }
}