@import url('./font.css');
.header__title{
  font-size: 35px;
  font-weight: 700;
  font-family: 'helvetica';
  color: #fff;
}

.section__title{
  font-size: 36px;
  font-weight: 700;
  font-family: 'helvetica';
  color:#1d4a94;
}

.sub__title{
  font-size: 24px;
  font-weight: 600;
  font-family: 'helvetica';
}
.section__text{
  font-family: 'roboto';
    font-size: 22px;
    font-weight: 300;
    line-height: 1.2 !important;
}
.card__title , .card__sub-title{
    font-family: 'roboto';
    font-weight: 500;
}
.card__text{
    font-family: 'roboto';
    font-weight: 400;
}
.card__sub-title, .card__text{
    font-size: 18px;
}
.card__title{
    font-size: 22px;
}
.section{
    padding: 100px 0;
}
/*navbar*/
.scroll-nav {
  background: #fff !important;
  border-color: #4A4A4A20 !important;
  color: #4A4A4A !important;
}
.scroll-nav .nav-menu {
  color: #4A4A4A !important;
}
.scroll-nav .nav-list {
  color: #4A4A4A !important;
}
.scroll-nav .lang {
  color: #4A4A4A !important;
}
.scroll-nav .lang span {
  background: #4A4A4A;
}
.scroll-nav .lang-active {
  color: #4A4A4A50 !important;
}
.scroll-nav .scroll-image{
  display: block !important;
}
.scroll-nav .nav-image{
  display: none !important;
}
input{
  outline: none;
}
.nav-item.active p {
    color: #1d4a94; /* currentBlue */
}

.nav-item.active .nav-underline {
    transform: scaleX(1);
}
main{
  min-height: 100vh;
}


@media (max-width: 1024px) {
  .header__title{
    font-size: 34px;
  }
  .section__title{
    font-size: 32px;
  }

  .sub__title{
    font-size: 22px;
  }
  .card__sub-title , .card__text{
    font-size: 16px;
}
  .section{
    padding: 70px 0 ;
  }
}
@media (max-width: 768px) {
  .header__title{
    font-size: 32px;
  }
  .section__title{
    font-size: 28px;
  }
  .sub__title{
    font-size: 20px;
  }

}
@media (max-width: 640px) {
  .header__title{
    font-size: 28px;
  }
  .section__title{
    font-size: 34px;
  }
  .sub__title{
    font-size: 18px;
  }

}
@media (max-width: 450px) {
  .header__title{
    font-size: 24px;
  }
  .section__title{
    font-size: 26px;
  }
  .section{
    padding: 30px 0;
  }
.card__title{
    font-size: 18px;
}
}

.tab-button {
  background-color: white;
  border: 1px #1d4a94 solid;
  position: relative;
  z-index: 10;
  color: #1d4a94;
  padding: 4px 10px;
  transition:  all 0.2s ease-in-out;
  border-radius: 50px;
}