@import url(https://cdnjs.cloudflare.com/ajax/libs/animate.css/4.1.1/animate.min.css);
.theme-color {
  color: #004882;
}

.white {
  color: white;
}

@media screen and (max-width: 768px) {
  .main {
    width: 100%;
  }
}

.wrap-box {
  box-sizing: border-box;
  width: 1520px;
  margin: 0 auto;
  max-width: calc(100% - 80px);
}

@media screen and (max-width: 768px) {
  .wrap-box {
    max-width: calc(100% - .4rem);
  }
}

.main {
  box-sizing: border-box;
  width: 1520px;
  margin: 0 auto;
  max-width: calc(100% - 80px);
}

@media screen and (max-width: 768px) {
  .main {
    max-width: calc(100% - .4rem);
  }
}

@font-face {
  font-family: 'bannerf';
  src: url("../fonts/TT0342M.TTF") format("truetype");
}

.f-color {
  color: #004882;
}

.f-bg {
  background-color: #004882;
}

.read-more {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100px;
  height: 50px;
  color: white;
  background-color: #004882;
  font-size: 14px;
  cursor: pointer;
  transition: 300ms;
}

.read-more:hover {
  background-color: #fff;
  color: #004882;
  border: 1px solid #004882;
}

*.animate__fadeInUp {
  animation-duration: 1s;
}

*.animate__lightSpeedInLeft {
  animation-duration: 1s;
}

*.animate__fadeInRight {
  animation-duration: 1s;
}

.swiper-pagination-bullet-active {
  background-color: #004882 !important;
}