@import url("https://fonts.googleapis.com/css2?family=Inter:wght@100;200;300;400;500;600;700;800;900&display=swap");

.content-7-3 p,
.content-7-3 h1 {
  margin: 0rem;
}

.content-7-3 .main {
  padding: 4rem 2rem 3.5rem;
}

.img-padding{
    margin-top: 20px;
    margin-bottom: 50px;

}
.content-7-3 .title-font {
  font: 800 3rem/1.25 'Inter', sans-serif;
  color: #113873;
  letter-spacing: -0.025em;
  margin-bottom: 2rem;
}

.content-7-3 .caption-text {
  font: normal 1rem/2rem 'Inter', sans-serif;
  letter-spacing: 0.05em;
  color: #6681A9;
  margin-bottom: 4rem;
}

.content-7-3 .btn-learn {
  font: 500 1.125rem/1.75rem 'Inter', sans-serif;
  padding: 1rem 2.25rem;
  border-radius: 9999px;
  background-color: #195AFF;
  transition: 0.3s;
}

.content-7-3 .btn-learn:hover {
  background-color: #0343E5;
  transition: 0.3s;
}

.content-7-3 .btn-learn .arrow {
  left: 0px;
  transition: 0.4s;
  position: relative;
}

.content-7-3 .btn-learn:hover .arrow {
  left: 3px;
  transition: 0.4s;
  position: relative;
}

@media (min-width: 768px) {
  .content-7-3 .main {
    padding: 4rem 4rem 3.5rem;
  }
}

@media (min-width: 992px) {
  .content-7-3 {
    background-image: url("http://api.elements.buildwithangga.com/storage/files/2/assets/Content/Content7/Content-7-9.png");
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
  }

  .content-7-3 .title-font {
    font: 800 3.75rem/1.25 'Inter', sans-serif;
  }

  .content-7-3 .caption-text {
    margin-bottom: 5rem;
  }

  .content-7-3 .main {
    padding: 2.25rem 7rem 3.5rem;
  }
}