.g-6,
.gy-6 {
  --mdb-gutter-y: 6rem;
}

.g-6,
.gx-6 {
  --mdb-gutter-x: 6rem;
}

.g-7,
.gy-7 {
  --mdb-gutter-y: 7rem;
}

.g-7,
.gx-7 {
  --mdb-gutter-x: 7rem;
}

@media (max-width: 991.98px) {
  .header {
    padding-top: 1rem;
  }
}

.btn-play {
  background-image: url("data:image/svg+xml,%3Csvg width='109' height='109' viewBox='0 0 109 109' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='54.5' cy='54.5' r='54.5' fill='white'/%3E%3Cpath d='M78 51.5359C80.6667 53.0755 80.6667 56.9245 78 58.4641L42 79.2487C39.3333 80.7883 36 78.8638 36 75.7846L36 34.2154C36 31.1362 39.3333 29.2117 42 30.7513L78 51.5359Z' fill='%23EF3F53'/%3E%3C/svg%3E%0A");
  background-repeat: no-repeat;
  background-size: auto 90%;
  background-position: center right 2px;
  padding-right: 5rem;
}

.main-video-mob {
  margin-top: 1.8666666667vh;
}

.video-nav {
  text-align: right;
  gap: 2rem;
  display: flex;
  flex-direction: column;
  align-items: flex-end;
}

@media (max-width: 991.98px) {
  .video-nav {
    text-align: center;
    align-items: center;
    gap: 2.9985007496vh;
    padding-top: 2.2488755622vh;
  }
}

.video-nav a {
  color: #fff;
  font-size: 0.9em;
}

.hero .headlines {
  padding-bottom: 0;
  padding-top: clamp(0px, 90px - (100vh - 667px) * 0.5, 90px);
}

@media (max-width: 991.98px) {
  .hero .headlines .subhead {
    font-size: 22px !important;
    line-height: 1.3;
  }
}

.hero .headlines .btn-line .btn[href="#mobile"] {
  margin-top: 4vh;
}

.v-section {
  background-color: #003047;
  padding-top: 10.8695652174vw;
  padding-bottom: 60.8695652174vw;
  min-height: 100vh;
  height: auto;
}

@media (max-width: 991.98px) {
  .v-section {
    height: auto;
    min-height: auto;
  }
}

@media (min-width: 992px) {
  .v-section {
    background-color: #004465;
    padding-top: 5.2083333333vw;
    padding-bottom: 5.2083333333vw;
  }
}

.v-section .bg-footer {
  position: absolute;
  top: 0;
  padding: 0;
  width: 100%;
  height: 100%;
  padding-left: 0;
  padding-right: 0;
  display: flex;
  align-items: flex-end;
}

@media (max-width: 991.98px) {
  .v-section .bg-footer {
    max-width: 1650px;
  }
}

.v-section .bg-footer picture {
  width: 100%;
  height: 100%;
}

.v-section .bg-footer img {
  width: 100%;
  height: 100%;
}

@media (max-width: 1919.98px) {
  .v-section .bg-footer {
    object-fit: cover;
  }
}

.v-section .bg-img {
  background-image: url("../images/bg-v-section.webp");
  background-size: cover;
  background-position: center top;
}

.v-section p {
  color: #fff;
}

.v-section p.lead {
  font-weight: 600;
}

.v-section .main-video {
  padding-bottom: 7.2463768116vw;
}

@media (min-width: 992px) {
  .v-section .main-video {
    padding-bottom: 5.2083333333vw;
  }
}

.v-section .main-video .pattern {
  padding-top: 0;
  padding-bottom: 1em;
}

/* .socials {
  position: fixed;
} */

.a-section {
  background-color: #1C575F;
  padding-bottom: 7.2463768116vw;
  height: fit-content;
  min-height: unset;
}

@media (min-width: 992px) {
  .a-section {
    padding-bottom: 3.6458333333vw;
  }
}

@media (min-width: 992px) {
  .a-section .videos .col-lg {
    width: 20%;
    max-width: 20%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
  }
}

.a-section h4,
.a-section .h4 {
  font-size: 1.7em;
  word-break: keep-all;
  overflow-wrap: normal;
}

.a-section h4:not(:first-child),
.a-section .h4:not(:first-child) {
  margin-top: 1em;
}

@media (min-width: 992px) {

  .a-section h4,
  .a-section .h4 {
    font-size: 22px;
  }
}

@media (min-width: 1200px) {

  .a-section h4,
  .a-section .h4 {
    font-size: 25px;
  }
}

@media (min-width: 1400px) {

  .a-section h4,
  .a-section .h4 {
    font-size: 28px;
  }
}

@media (min-width: 1920px) {

  .a-section h4,
  .a-section .h4 {
    font-size: 34px;
  }
}

.a-section h5,
.a-section .h5 {
  font-size: 6.9333333333vw;
  line-height: 1.2;
  text-transform: none;
  font-weight: 900;
  color: #fff;
}

@media (min-width: 375px) {

  .a-section h5,
  .a-section .h5 {
    font-size: calc(1.4em * 1.4);
  }
}

@media (min-width: 992px) {

  .a-section h5,
  .a-section .h5 {
    font-size: 20px;
  }
}

@media (min-width: 1200px) {

  .a-section h5,
  .a-section .h5 {
    font-size: 20px;
  }
}

@media (min-width: 1400px) {

  .a-section h5,
  .a-section .h5 {
    font-size: 24px;
  }
}

@media (min-width: 1920px) {

  .a-section h5,
  .a-section .h5 {
    font-size: 28px;
  }
}

.a-section h5 sup,
.a-section .h5 sup {
  transform: translateY(5px);
  display: inline-block;
}

.a-section h5:not(:first-child),
.a-section .h5:not(:first-child) {
  margin-top: 1em;
}

.a-section h5 span,
.a-section .h5 span {
  color: #EF3F53;
}

.a-section .card {
  background-color: transparent;
  box-shadow: none;
}

.a-section .card:not(:first-child) {
  margin-top: 2em;
}

@media (min-width: 992px) {
  .a-section .card:not(:first-child) {
    margin-top: 3em;
  }
}

@media (max-width: 991.98px) {
  .a-section .card .img-fluid.d-lg-none {
    margin-top: 2.5em;
    margin-bottom: 2.5em;
  }
}

.a-section .card .card-img-top {
  border-radius: 0;
}

.a-section .card .card-body {
  padding: 1em 0 0 0;
}

.a-section .card .card-body .h5 {
  min-height: 55px;
}

.a-section .card .card-body p,
.a-section .card .card-body div {
  color: #fff;
}

@media (min-width: 992px) {
  .a-section .card .card-body div {
    min-height: 400px;
  }
}

.a-section .card.autor div:has(> .card-img-top) {
  background-color: #1C575F;
  width: fit-content;
}

.a-section .card.autor .card-img-top {
  max-width: 180px;
  mix-blend-mode: luminosity;
}

.a-section .saga-intro {
  padding-top: 14.4927536232vw;
  padding-bottom: 14.4927536232vw;
}

@media (min-width: 992px) {
  .a-section .saga-intro {
    padding-top: 4.6875vw;
    padding-bottom: 4.6875vw;
  }
}

.a-section .saga-intro .h1 {
  line-height: 1.1;
}

@media (max-width: 991.98px) {
  .a-section .saga-intro .h1 {
    font-size: 9.6618357488vw;
  }
}

.a-section .saga-intro p {
  color: #fff;
}

.a-section .saga-intro p.lead {
  font-weight: 600;
  text-align: center;
}

.a-section .saga-intro .pattern {
  padding-top: 0;
  padding-bottom: 1em;
}

.a-section .saga-intro .pattern .autors-collage {
  max-width: 1085px;
  width: 100%;
}

.a-section .bg-img {
  background-image: url("../images/bg-v-section.webp");
  background-size: cover;
  background-position: center top;
  background-repeat: no-repeat;
}

@media (min-width: 992px) {
  .a-section .bg-img {
    background-size: contain;
  }
}

.player-container {
  aspect-ratio: 16/8.32;
}

@media (min-width: 768px) {
  .player-container {
    aspect-ratio: 16/8.6;
  }
}

@media (min-width: 992px) {
  .player-container {
    aspect-ratio: 16/8.6;
  }
}

@media (min-width: 1200px) {
  .player-container {
    aspect-ratio: 16/8.65;
  }
}

@media (min-width: 1400px) {
  .player-container {
    aspect-ratio: 16/8.7;
  }
}

.player-container iframe {
  width: 100%;
  height: 100%;
  max-width: none;
}

@media (max-width: 991.98px) {
  .player-container iframe {
    border-radius: 0;
  }
}

[data-mdb-modal-init] {
  cursor: pointer;
}

.videoModal {
  max-width: 100%;
}

.videoModal .modal-dialog {
  width: 80%;
  max-width: 1416px;
  margin-left: auto;
  margin-right: auto;
}

@media (max-width: 991.98px) {
  .videoModal .modal-dialog {
    width: 100%;
    max-width: 100%;
    margin: 0;
  }
}

@media (max-width: 991.98px) {
  .videoModal .modal-body {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
}

.videoModal .modal-body .player-container {
  aspect-ratio: 16/9;
}