/* ---- FOR BIGGER SCREEN SIZES ---- */

@media screen and (min-width: 1680px) {
  #section-1 h1 {
    font-size: 2.33rem;
  }

  #section-1 li {
    font-size: 1.2rem;
  }

  #section-1 .cta {
    font-size: 1.2rem;
  }

  .image-container #first-button {
    bottom: 33%;
  }
  .hero-background {
    height: 800px;
  }
  
}

/* ---- FOR SMALLER SCREEN SIZES ---- */
/* SECTION-3 */

@media (max-width: 1400px) {
  #section-3 .container .paragraph-content {
    padding: 30px;
  }   

  .cercle-shape {
    width: 510px;
    height: 447px;
  } 
}

@media (max-width: 1200px) {

  #section-1 .overlay-icon {
    top: 59%;
    right: 13%;
  }

  #section-1 h1 {
    display: block;
    width: 100%;
  }

  #section-3 .container .paragraph-content {
    padding: 15px;
  }

  #section-3 .container .paragraphs-container p,
  #section-3 .container .sub-list li {
    font-size: 0.98rem;    
  }

  .cercle-shape {
    width: 420px;
    height: 368px;
  } 
}


@media (max-width: 992px) {
  #section-3 .container .paragraphs-container h3 {
    font-size: 1.1rem !important;
  }
  #section-3 .container .paragraphs-container p {
    font-size: 0.9rem;
  }

  .oval-container {
    width: 184.8px;
    height: 295.2px;
  }

  .overlay-left {
    top: 215px;
    left: -166px;
  }

  .overlay-right {
    top: 207px;
    left: 69px;
  }

  .features-grid h3 {
    font-size : 1.1rem !important;
  }

  .features-grid .paragraph-content p {
    font-size: 0.88rem !important;
  }

  /* section-6 */
  /* .step h4 {
    font-size: 14px !important;
  } */

  /* .step .paragraph-content p{
    font-size: 11px !important;
  } */
  
  .cercle-shape {
    width: 600px;
    height: 527px;
  } 
}