@import url("https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;500;600;700;800&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Chakra+Petch:ital,wght@0,300;0,400;0,500;0,600;0,700;1,300;1,400;1,500;1,600;1,700&display=swap");
:root {
    --Primary-color: #0a5188;
    --base-color: #47c9e3;
    --Secondary-color: #23a0c8;
    --dark-gray: #232323;
    --majorelle-blue: #135d3a;
    --very-light-gray: #eceff1;
    --alt-font: "Roboto", sans-serif;
    --primary-font: "Roboto", sans-serif;
    
  }
  .bg-green {
    background-color: var(--Primary-color);
}
.bg-slate-blue {
    background-color: var(--base-color);
}
.bg-gray{
    background: #f4f4f4;
}
.text-green, .btn-link.text-green, a.text-green-hover:hover {
    color: var(--Primary-color);
}
.text-color-primary{
color: var(--Primary-color);
}
.text-gradient-base-color {
    background-image: linear-gradient(to right, #47c9e3, #083c83);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
header .navbar .container{
    background: white;
    border-radius: 84px;
    margin-top: 16px;
}
header .navbar [class*=col-] .navbar-nav .nav-item a{
    color: black;
}
header.sticky.sticky-active .navbar .container{
    margin-top: 0px;
}
header .navbar-brand {
    padding: 20px 10px;
}
footer .footer-logo img {
    max-height: 70px;
}
.navbar .navbar-nav .nav-link {
    font-size: 18px;
}
.btn.btn-base-color{
    background: linear-gradient(to right, #47c9e3, #083c83);
    border: none;
}
.btn.btn-box-shadow.btn-base-color:hover, .btn.btn-box-shadow.btn-base-color:active {
    background: linear-gradient(to left, #47c9e3, #083c83);
}
.text-base-color, .btn-link.text-base-color {
    color: var(--base-color);
}
.header-button .btn.with-rounded.btn-large {
    padding-right: 35px;
}
.btn-register{
    padding: 10px 30px;
    margin-right: 10px;
    background: #47c9e3;
    color:white;
    font-weight: 500;
}
.header-button a.btn-register:hover{
    margin-right: 10px;
    background: #0d99b5;
    color:white;
}
.header-button .btn-login{
    padding: 12px 30px !important;
    color: #144b97;
    background: #dedede;
    font-weight: 500;
}
.header-button a.btn-login:hover{
    background: #144b97;
    color: white;
}
.bg-base-color {
    background: linear-gradient(to right, #47c9e3, #083c83);
}
header.sticky .navbar-brand {
    padding: 15px 0;
}
header.sticky.sticky-active .navbar-brand img{
    height: 52px;
}
.bg-gradient-style-1{
    background: linear-gradient(to left, #47c9e3, #083c83);
}
.text-intro-news{
    color: white;
}
.opacity-full-dark {
    opacity: .9;
}
.bg-gradient-bottom-dark-transparent {
    background: -moz-linear-gradient(top, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0.90) 80%);
    background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0.90) 80%);
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0.90) 80%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000',endColorstr='#a8000000',GradientType=0 );
}
.bg-dark-gray, .bg-dark-gray:focus {
    background-color: #0a5188;
}
.btn-transparent-light-gray {
    background: linear-gradient(to left, #47c9e3, #41679c, #083c83);
}
.btn.btn-transparent-light-gray{
    color: white;
}
.feature-box.feature-box-left-icon .feature-box-icon{
    margin-top: -10px;
}
.entry-content.single-page h2{
    color: var(--black)
}
.post-content__body h3{
    color: var(--black);
font-size: 24px;
font-weight: 600;
line-height: 30px;
margin-bottom: 10px;
}
.post-content__body ul li{
list-style-type: disc;
color: var(--black);
}
.entry-content.single-page p{
    color: var(--black)
}
.entry-content.single-page a{
    color: var(--black);
}
.page-title-extra-large h1{
    line-height: 60px;
}
.entry-content.single-page h2 {
    font-size: 28px;
    font-weight: 500;
}
.entry-content.single-page h3 {
    font-size: 24px;
    font-weight: 500;
    line-height: 26px;
    margin-bottom: 12px;
}
.entry-content.single-page ul li{
    list-style: disc;
    color: black;
    margin-bottom: 10px;
}
.popular-post-sidebar li {
    margin-bottom: 0px;
}
.interactive-banner-style-09 img {
    height: 480px;
}