@keyframes bounceDown {
  0% {
    transform: scale(1, 1) translateX(0);
  }
  10% {
    transform: scale(1.1, 0.9) translateX(0);
  }
  30% {
    transform: scale(0.9, 1.1) translateY(-4px);
  }
  50% {
    transform: scale(1.05, 0.95) translateY(6px);
  }
  57% {
    transform: scale(1, 1) translateY(-2px);
  }
  64% {
    transform: scale(1, 1) translateY(0);
  }
  100% {
    transform: scale(1, 1) translateY(0);
  }
}
@keyframes bounce2 {
  0% {
    transform: scale(1, 1) translateX(0);
  }
  10% {
    transform: scale(1.1, 0.9) translateX(0);
  }
  30% {
    transform: scale(0.9, 1.1) translateX(-4px);
  }
  50% {
    transform: scale(1.05, 0.95) translateX(2px);
  }
  57% {
    transform: scale(1, 1) translateX(-2px);
  }
  64% {
    transform: scale(1, 1) translateX(0);
  }
  100% {
    transform: scale(1, 1) translateX(0);
  }
}
/* Fonts */
.section-banner__title {
  margin: 0 0 16px;
}
.section-banner__desc {
  margin: 0 0 24px;
}
.section-banner__img img {
  position: relative;
  margin-left: auto;
  display: block;
  max-width: 100%;
  height: auto;
}
.section-banner__img .play-btn {
  display: flex;
  position: absolute;
  color: #FFF;
  z-index: 3;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  align-items: center;
  justify-content: center;
}
.section-banner__img .play-btn__wrap {
  display: flex;
  position: relative;
}
.section-banner__img .play-btn__text {
  background: #10243E;
  border-radius: 36px;
  height: 72px;
  display: flex;
  align-items: center;
  text-align: left;
  padding: 8px 32px 8px 76px;
  box-shadow: 0 0 0 rgba(16, 36, 62, 0.4);
  animation: bannerplay 2s infinite;
}
@keyframes bannerplay {
  0% {
    box-shadow: 0 0 0 0 rgba(16, 36, 62, 0.4);
  }
  70% {
    box-shadow: 0 0 0 14px rgba(16, 36, 62, 0);
  }
  100% {
    box-shadow: 0 0 0 0 rgba(16, 36, 62, 0);
  }
}
.section-banner__img .play-btn__icon {
  display: block;
  position: absolute;
  top: 8px;
  left: 8px;
  width: 56px;
  height: 56px;
  border-radius: 28px;
  background-image: url("data:image/svg+xml,%3Csvg width='21' height='21' viewBox='0 0 21 21' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg id='play-video'%3E%3Cpath id='Vector' fill-rule='evenodd' clip-rule='evenodd' d='M10.7723 4.66807L10.7455 4.65254C9.56002 3.93978 8.63574 3.38464 7.88333 3.02206C7.12863 2.65947 6.46254 2.44595 5.80714 2.51117C5.29865 2.56186 4.80642 2.72112 4.36268 2.97855C3.91893 3.23598 3.53368 3.58576 3.23214 4.005C2.84333 4.54461 2.68445 5.23718 2.60883 6.08192C2.53244 6.92434 2.53244 8.01598 2.53244 9.41587V12.2498C2.53244 13.6497 2.53244 14.7413 2.60883 15.5837C2.68521 16.4285 2.84333 17.121 3.23214 17.6607C3.5336 18.0798 3.91873 18.4295 4.36233 18.687C4.80594 18.9444 5.29802 19.1037 5.80638 19.1545C6.46178 19.2197 7.12863 19.007 7.8841 18.6428C8.63574 18.281 9.56002 17.7259 10.7455 17.0131L10.7723 16.9976L13.0792 15.6125L13.1059 15.5969V15.5962C14.2555 14.9051 15.1531 14.3663 15.81 13.8842C16.4707 13.4004 16.9642 12.9214 17.2247 12.3189C17.4276 11.8505 17.5324 11.3443 17.5324 10.8324C17.5324 10.3206 17.4276 9.8144 17.2247 9.34599C16.965 8.74504 16.4707 8.26521 15.81 7.78073C15.1531 7.29935 14.2555 6.75974 13.1059 6.0695L13.0792 6.05397L10.7723 4.66807Z' fill='%234B61DD'/%3E%3C/g%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-size: 24px;
  background-position: center;
  background-color: #FFF;
}
.section-banner__img .play-btn:hover {
  text-decoration: none;
}
.section-banner__img .play-btn.b-small {
  position: relative;
}
.section-banner__img .play-btn.b-small .play-btn__icon {
  width: 36px;
  height: 36px;
  top: 12px;
  left: 20px;
  background: #EAECFB url(../images/ic-play-video-blue.svg) no-repeat center/20px;
  box-shadow: 0 0 0 rgba(208, 189, 247, 0.4);
  animation: mastheadplayalt 2s infinite;
  transition: all 0.2s ease;
}
@keyframes mastheadplayalt {
  0% {
    box-shadow: 0 0 0 0 rgba(208, 189, 247, 0.4);
  }
  70% {
    box-shadow: 0 0 0 14px rgba(208, 189, 247, 0);
  }
  100% {
    box-shadow: 0 0 0 0 rgba(208, 189, 247, 0);
  }
}
.section-banner__img .play-btn.b-small .play-btn__text {
  color: #4B61DD;
  font-size: 16px;
  line-height: 24px;
  height: auto;
  padding: 18px 18px 18px 68px;
}
.section-banner__img .play-btn.b-small:hover .play-btn__icon {
  background-color: #d5d9f7;
}
.section-banner__action .btn + .btn {
  margin-left: 12px;
}
.section-banner__box {
  padding: 32px 64px;
  background: #F1F5F9;
  border-radius: 8px;
}
.section-banner__box > .row {
  align-items: center;
}
.section-banner__wrap {
  padding-top: 64px;
  padding-bottom: 64px;
}
.section-banner--type2 .section-banner__box {
  border-radius: 32px;
  background: #FFF;
  border: 1px solid var(--gray-gray-100, #D0D6DD);
  box-shadow: 0px 4px 6px -2px rgba(0, 0, 0, 0.05), 0px 10px 15px -3px rgba(0, 0, 0, 0.1);
  padding: 16px 16px 16px 48px;
}
@media (max-width: 991px) {
  .section-banner__img {
    margin-left: auto;
    margin-right: auto;
    margin-top: 24px;
  }
  .section-banner__action .btn {
    display: block;
  }
  .section-banner__action .btn + .btn {
    margin-top: 16px;
  }
  .section-banner__box {
    padding: 32px 24px;
  }
  .section-banner__wrap {
    padding-left: 16px;
    padding-right: 16px;
    padding-top: 32px;
    padding-bottom: 32px;
  }
  .section-banner--type2 .section-banner__box {
    padding: 16px;
  }
}/*# sourceMappingURL=banner-section.css.map */