.container {
  max-width: 1230px;
  padding-right: 15px;
  padding-left: 15px;
  margin: auto;
}
.banner {
  background: url("/assets/aub/images/data-bases/data-bases-bg.png") no-repeat center;
  background-size: cover;
  color: #fff;
}
.banner .container {
  padding-top: 65px;
  padding-bottom: 65px;
  position: relative;
}
.banner .banner-lt {
  max-width: 730px;
}
.banner .banner-lt h1 {
  font-size: 46px;
  font-weight: bold;
}
.banner .banner-lt p {
  font-size: 24px;
  line-height: 36px;
}
.banner .banner-lt .ic-lf {
  margin-top: 30px;
  font-size: 18px;
}
.banner .banner-lt li {
  margin-top: 15px;
}
.banner .banner-lt li:before {
  border: 4px solid #fff;
}
.banner .banner-lt .jump {
  margin-top: 70px;
}
.banner .banner-lt .jump .arw-wt {
  margin-left: 60px;
}
@media (min-width: 1000px) {
  .banner .banner-rt {
    position: absolute;
    right: 35px;
    bottom: 25px;
  }
}
@media (max-width: 999px) {
  .banner .banner-rt {
    margin-top: 20px;
  }
  .banner .banner-lt {
    max-width: 100%;
  }
  .banner .container {
    text-align: center;
  }
  .banner .ic-lf {
    max-width: 250px;
    text-align: left;
    margin-left: auto;
    margin-right: auto;
  }
}
.why {
  background-color: #f5f7ff;
}
.why .container {
  padding-top: 90px;
  padding-bottom: 90px;
}
.why h2 {
  font-size: 46px;
  color: #1a1a1a;
  text-align: center;
  line-height: 1.2;
  margin-bottom: 70px;
}
.why .why-flex {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.why .why-flex .why-lt,
.why .why-flex .why-rt {
  display: inline-block \9;
  vertical-align: middle \9;
  margin-left: 20px \9;
}
.why .why-flex .why-rt {
  max-width: 770px;
  color: #000;
}
.why .why-flex .why-rt .why-box:first-child {
  margin-bottom: 40px;
}
.why .why-flex .why-rt h5 {
  font-size: 24px;
  margin-bottom: 20px;
}
.why .why-flex .why-rt p {
  font-size: 16px;
  line-height: 24px;
}
@media (min-width: 992px) and (max-width: 1199px) {
  .why .why-flex .why-rt {
    max-width: calc(100% - 380px);
    max-width: calc(100% - 450px) \9;
  }
}
@media (max-width: 991px) {
  .why .why-flex {
    flex-wrap: wrap;
    text-align: center;
    flex-direction: column;
  }
  .why .why-flex .why-rt {
    margin-top: 20px;
    max-width: 100%;
  }
}
.what .container {
  padding-top: 100px;
  padding-bottom: 100px;
}
.what h2 {
  font-size: 46px;
  font-weight: bold;
  color: #1a1a1a;
  text-align: center;
}
.what .what-flex {
  margin-top: 120px;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.what .what-flex .what-ct {
  max-width: 540px;
  word-spacing: -8px;
  display: inline-block \9;
}
.what .what-flex .what-ct:nth-of-type(odd) {
  margin-right: 30px;
}
.what .what-flex .what-ct .inline-block {
  word-spacing: normal;
  display: inline-block;
  vertical-align: middle;
}
.what .what-flex .what-ct .item {
  max-width: 370px;
  margin-left: 20px;
}
.what .what-flex .what-ct h6 {
  font-size: 24px;
  color: #070c23;
  margin-bottom: 20px;
  text-align: left;
}
.what .what-flex .what-ct p {
  font-size: 16px;
  line-height: 24px;
  color: #42475d;
  text-align: left;
}
@media (min-width: 992px) and (max-width: 1100px) {
  .what .what-flex .what-ct {
    max-width: 45%;
  }
  .what .what-flex .what-ct .item {
    max-width: 64%;
  }
}
@media (max-width: 991px) {
  .what .what-flex .what-ct {
    max-width: 100%;
    margin-top: 20px;
  }
  .what .what-flex .what-ct .item {
    max-width: calc(100% - 200px);
  }
  .what .what-flex {
    margin-top: 20px;
  }
  .what .what-flex:first-child {
    margin-top: 40px;
  }
}
@media (max-width: 530px) {
  .what .what-flex {
    text-align: center;
  }
  .what .what-flex .what-ct .inline-block {
    display: block;
  }
  .what .what-flex .what-ct h6,
  .what .what-flex .what-ct p {
    text-align: center;
  }
  .what .what-flex .what-ct .item {
    margin: 15px auto 0;
    max-width: 100%;
  }
}
.add {
  background: #f8f8f8;
  background-image: linear-gradient(#f8f8f8, #f8f8f8), linear-gradient(#ffffff, #ffffff);
  background-blend-mode: normal, normal;
}
.add .container {
  padding-top: 70px;
  padding-bottom: 80px;
}
.add h2 {
  text-align: center;
  font-size: 46px;
  font-weight: bold;
  color: #1a1a1a;
  margin-bottom: 50px;
}
.add .add-flex {
  display: flex;
  justify-content: space-around;
  text-align: center;
  flex-wrap: wrap;
  word-spacing: -8px;
}
.add .add-flex .item {
  min-height: 430px \9;
  margin: 0 15px \9;
  vertical-align: top;
  word-spacing: normal;
  display: inline-block \9;
  background-color: #ffffff;
  border-radius: 10px;
  padding: 40px 20px;
  max-width: 260px;
}
.add .add-flex .item-img {
  height: 70px;
}
.add .add-flex h5 {
  min-height: 45px;
  font-size: 20px;
  font-weight: bold;
  line-height: 26px;
  color: #070c23;
  margin: 30px auto 35px;
}
.add .add-flex p {
  font-size: 16px;
  line-height: 24px;
  color: #42475d;
}
@media (min-width: 768px) and (max-width: 1199px) {
  .add .add-flex .item {
    max-width: 48%;
    max-width: 45% \9;
    margin-top: 20px;
  }
}
@media (max-width: 767px) {
  .add .add-flex .item {
    max-width: 100%;
    width: auto;
    margin-top: 20px;
  }
}
.currently {
  background-color: #ffffff;
  box-shadow: inset 0px -1px 0px 0px #ffffff;
}
.currently .container {
  padding-top: 80px;
  padding-bottom: 80px;
}
.currently h2 {
  text-align: center;
  font-size: 46px;
  font-weight: bold;
  color: #14213e;
  margin-bottom: 25px;
}
.currently dl {
  text-align: center;
  line-height: 24px;
}
.currently dt {
  font-size: 20px;
  font-weight: bold;
  color: #14213e;
  margin-bottom: 30px;
}
.currently dd {
  display: inline-block;
}
.currently figcaption {
  margin-top: 10px;
  font-size: 14px;
  color: #4b5363;
}
.currently .slick-dots {
  bottom: -30px;
}
.currently .slick-dots li button {
  background-color: #99d1f1;
}
.currently .slick-dots .slick-active button {
  background-color: #2d85ff;
}
.currently .slick-prev {
  background: url("/assets/aub/images/icon/left.png") no-repeat center;
  width: 12px;
  height: 20px;
}
.currently .slick-prev:hover {
  background: url("/assets/aub/images/icon/left-hover.png") no-repeat center;
}
.currently .slick-next {
  background: url("/assets/aub/images/icon/right.png") no-repeat center;
  width: 12px;
  height: 20px;
}
.currently .slick-next:hover {
  background: url("/assets/aub/images/icon/right-hover.png") no-repeat center;
}
.xl-more {
  background: #145bd5;
}
.xl-more .container {
  padding-top: 70px;
  padding-bottom: 90px;
}
.xl-more h2 {
  font-size: 46px;
  font-weight: bold;
  text-align: center;
  color: #ffffff;
  margin-bottom: 40px;
}
.xl-more .more-box {
  background-color: #ffffff;
  border-radius: 20px;
  max-width: 1070px;
  padding: 50px  15px;
  word-spacing: -8px;
  margin: auto;
}
.xl-more .more-box .ic-lf {
  max-width: 760px;
  margin: auto;
}
.xl-more .more-box li {
  word-spacing: normal;
  display: inline-block;
  width: 33.33333%;
  padding-left: 30px;
  cursor: pointer;
  transition: 0.3s;
  margin: 15px 0;
}
.xl-more .more-box li:hover:before {
  background: url("/assets/aub/images/icon/book-hover.png") no-repeat center;
}
.xl-more .more-box li:hover a {
  color: #2d52f1;
}
.xl-more .more-box li:before {
  background: url("/assets/aub/images/icon/book.png") no-repeat center;
  content: '';
  width: 23px;
  height: 17px;
  top: 4px;
}
.xl-more .more-box li a {
  font-size: 18px;
  font-weight: bold;
  color: #14213e;
}
@media (max-width: 720px) {
  .xl-more .more-box li {
    width: 50%;
  }
}
@media (max-width: 475px) {
  .xl-more .more-box li {
    display: block;
    width: auto;
  }
  .xl-more .more-box .ic-lf {
    max-width: 220px;
    margin: auto;
  }
}
.what {
  background: #fefefe;
  text-align: center;
}
.what .container {
  padding-top: 50px;
  padding-bottom: 50px;
}
.what h2 {
  margin-top: 40px;
  font-size: 46px;
  font-weight: bold;
  color: #1a1a1a;
  margin-bottom: 60px;
}
.what .what-box {
  display: flex;
  justify-content: space-around;
}
.what .what-box .item {
  display: inline-block \9;
  background-color: #ffffff;
  box-shadow: 1px -20px 30px 0px rgba(0, 0, 0, 0.05);
  box-shadow: 1px -1px 30px 0px rgba(0, 0, 0, 0.05) \9;
  border-radius: 10px;
  padding: 30px 20px;
  max-width: 450px;
}
.what .what-box .item:first-child {
  margin-right: 40px \9;
}
.what .what-box p {
  margin-top: 30px;
  font-size: 16px;
  line-height: 30px;
  color: #666666;
}
@media (max-width: 992px) {
  .what .what-box {
    flex-wrap: wrap;
  }
  .what .what-box .item {
    margin-top: 20px;
    max-width: 100%;
  }
}
.never {
  background: #145bd5;
  background-image: linear-gradient(#145bd5, #145bd5), linear-gradient(#1645f0, #1645f0);
  background-blend-mode: normal, normal;
  text-align: center;
  color: #ffffff;
}
.never .container {
  padding-top: 60px;
  padding-bottom: 60px;
}
.never h2 {
  max-width: 720px;
  margin: 30px auto 30px;
  font-size: 36px;
  font-weight: bold;
  line-height: 60px;
}
.never .btn-grn {
  background: #19c439;
  font-size: 20px;
  border-radius: 10px;
}
.never .btn-grn:hover {
  background-color: #3ec808;
  border-color: #3ec808;
}
/*# sourceMappingURL=database-backup.css.map */