@import url('https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap');
body, h1, h2, h3, ul, li, p, .display-4 {
  font-family: "Inter", sans-serif;
  font-optical-sizing: auto;
  font-style: normal;
}
h1, h2 {
  font-weight: 800;
}
h3 {
  font-weight: 500;
}
.display-4
{
  font-weight: 500;
}

.rounded {
    border-radius: 1rem !important;
}

.feature-box-b {
border: 2px solid #ea4b8b;
border-radius: 10px 10px 25px 10px;
padding:20px;
}
.feature-box-s {
border: 2px solid #7f59b0;
border-radius: 10px 10px 25px 10px;
padding:20px;
}
.feature-box-t {
border: 2px solid #fc8d1f;
border-radius: 10px 10px 25px 10px;
padding:20px;
}



.c-b {
color: #ea4b8b;

}
.c-t {
color: #fc8d1f

}

.c-s {
color: #7f59b0;

}

.c-e {
color: #63a9bd;

}

.c-o {
color:#c83020
}



.feature-box-e {
border: 2px solid #63a9bd;
border-radius: 10px 10px 25px 10px;
padding:20px;
}




.display-4
{
  font-size: 2.5rem;
}

 }


.hero-banner {margin-top: 39px}
 }