/* Slider */
.slick-slider
{
    position: relative;

    display: block;
    box-sizing: border-box;

    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;

    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -ms-touch-action: pan-y;
        touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;
}

.slick-list
{
    position: relative;

    display: block;
    overflow: hidden;

    margin: 0;
    padding: 0;
}
.slick-list:focus
{
    outline: none;
}
.slick-list.dragging
{
    cursor: pointer;
    cursor: hand;
}

.slick-slider .slick-track,
.slick-slider .slick-list
{
    -webkit-transform: translate3d(0, 0, 0);
       -moz-transform: translate3d(0, 0, 0);
        -ms-transform: translate3d(0, 0, 0);
         -o-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
}

.slick-track
{
    position: relative;
    top: 0;
    left: 0;

    display: block;
    margin-left: auto;
    margin-right: auto;
}
.slick-track:before,
.slick-track:after
{
    display: table;

    content: '';
}
.slick-track:after
{
    clear: both;
}
.slick-loading .slick-track
{
    visibility: hidden;
}

.slick-slide
{
    display: none;
    float: left;

    height: 100%;
    min-height: 1px;
}
[dir='rtl'] .slick-slide
{
    float: right;
}
.slick-slide img
{
    display: block;
}
.slick-slide.slick-loading img
{
    display: none;
}
.slick-slide.dragging img
{
    pointer-events: none;
}
.slick-initialized .slick-slide
{
    display: block;
}
.slick-loading .slick-slide
{
    visibility: hidden;
}
.slick-vertical .slick-slide
{
    display: block;

    height: auto;

    border: 1px solid transparent;
}
.slick-arrow.slick-hidden {
    display: none;
}

/*! locomotive-scroll v4.1.3 | MIT License | https://github.com/locomotivemtl/locomotive-scroll */
html.has-scroll-smooth {
  overflow: hidden; }

html.has-scroll-dragging {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none; }

.has-scroll-smooth body {
  overflow: hidden; }

.has-scroll-smooth [data-scroll-container] {
  min-height: 100vh; }

[data-scroll-direction="horizontal"] [data-scroll-container] {
  height: 100vh;
  display: inline-block;
  white-space: nowrap; }

[data-scroll-direction="horizontal"] [data-scroll-section] {
  display: inline-block;
  vertical-align: top;
  white-space: nowrap;
  height: 100%; }

.c-scrollbar {
  position: absolute;
  right: 0;
  top: 0;
  width: 11px;
  height: 100%;
  transform-origin: center right;
  transition: transform 0.3s, opacity 0.3s;
  opacity: 0; }
  .c-scrollbar:hover {
    transform: scaleX(1.45); }
  .c-scrollbar:hover, .has-scroll-scrolling .c-scrollbar, .has-scroll-dragging .c-scrollbar {
    opacity: 1; }
  [data-scroll-direction="horizontal"] .c-scrollbar {
    width: 100%;
    height: 10px;
    top: auto;
    bottom: 0;
    transform: scaleY(1); }
    [data-scroll-direction="horizontal"] .c-scrollbar:hover {
      transform: scaleY(1.3); }

.c-scrollbar_thumb {
  position: absolute;
  top: 0;
  right: 0;
  background-color: black;
  opacity: 0.5;
  width: 7px;
  border-radius: 10px;
  margin: 2px;
  cursor: -webkit-grab;
  cursor: grab; }
  .has-scroll-dragging .c-scrollbar_thumb {
    cursor: -webkit-grabbing;
    cursor: grabbing; }
  [data-scroll-direction="horizontal"] .c-scrollbar_thumb {
    right: auto;
    bottom: 0; }

@charset "UTF-8";/*!
 * animate.css - https://animate.style/
 * Version - 4.1.1
 * Licensed under the MIT license - http://opensource.org/licenses/MIT
 *
 * Copyright (c) 2020 Animate.css
 */
:root {
  --animate-duration: 1s;
  --animate-delay: 1s;
  --animate-repeat: 1;
}
.animate__animated {
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-duration: var(--animate-duration);
  animation-duration: var(--animate-duration);
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}
.animate__animated.animate__infinite {
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
}
.animate__animated.animate__repeat-1 {
  -webkit-animation-iteration-count: 1;
  animation-iteration-count: 1;
  -webkit-animation-iteration-count: var(--animate-repeat);
  animation-iteration-count: var(--animate-repeat);
}
.animate__animated.animate__repeat-2 {
  -webkit-animation-iteration-count: calc(1 * 2);
  animation-iteration-count: calc(1 * 2);
  -webkit-animation-iteration-count: calc(var(--animate-repeat) * 2);
  animation-iteration-count: calc(var(--animate-repeat) * 2);
}
.animate__animated.animate__repeat-3 {
  -webkit-animation-iteration-count: calc(1 * 3);
  animation-iteration-count: calc(1 * 3);
  -webkit-animation-iteration-count: calc(var(--animate-repeat) * 3);
  animation-iteration-count: calc(var(--animate-repeat) * 3);
}
.animate__animated.animate__delay-1s {
  -webkit-animation-delay: 1s;
  animation-delay: 1s;
  -webkit-animation-delay: var(--animate-delay);
  animation-delay: var(--animate-delay);
}
.animate__animated.animate__delay-2s {
  -webkit-animation-delay: calc(1s * 2);
  animation-delay: calc(1s * 2);
  -webkit-animation-delay: calc(var(--animate-delay) * 2);
  animation-delay: calc(var(--animate-delay) * 2);
}
.animate__animated.animate__delay-3s {
  -webkit-animation-delay: calc(1s * 3);
  animation-delay: calc(1s * 3);
  -webkit-animation-delay: calc(var(--animate-delay) * 3);
  animation-delay: calc(var(--animate-delay) * 3);
}
.animate__animated.animate__delay-4s {
  -webkit-animation-delay: calc(1s * 4);
  animation-delay: calc(1s * 4);
  -webkit-animation-delay: calc(var(--animate-delay) * 4);
  animation-delay: calc(var(--animate-delay) * 4);
}
.animate__animated.animate__delay-5s {
  -webkit-animation-delay: calc(1s * 5);
  animation-delay: calc(1s * 5);
  -webkit-animation-delay: calc(var(--animate-delay) * 5);
  animation-delay: calc(var(--animate-delay) * 5);
}
.animate__animated.animate__faster {
  -webkit-animation-duration: calc(1s / 2);
  animation-duration: calc(1s / 2);
  -webkit-animation-duration: calc(var(--animate-duration) / 2);
  animation-duration: calc(var(--animate-duration) / 2);
}
.animate__animated.animate__fast {
  -webkit-animation-duration: calc(1s * 0.8);
  animation-duration: calc(1s * 0.8);
  -webkit-animation-duration: calc(var(--animate-duration) * 0.8);
  animation-duration: calc(var(--animate-duration) * 0.8);
}
.animate__animated.animate__slow {
  -webkit-animation-duration: calc(1s * 2);
  animation-duration: calc(1s * 2);
  -webkit-animation-duration: calc(var(--animate-duration) * 2);
  animation-duration: calc(var(--animate-duration) * 2);
}
.animate__animated.animate__slower {
  -webkit-animation-duration: calc(1s * 3);
  animation-duration: calc(1s * 3);
  -webkit-animation-duration: calc(var(--animate-duration) * 3);
  animation-duration: calc(var(--animate-duration) * 3);
}
@media print, (prefers-reduced-motion: reduce) {
  .animate__animated {
    -webkit-animation-duration: 1ms !important;
    animation-duration: 1ms !important;
    -webkit-transition-duration: 1ms !important;
    transition-duration: 1ms !important;
    -webkit-animation-iteration-count: 1 !important;
    animation-iteration-count: 1 !important;
  }

  .animate__animated[class*='Out'] {
    opacity: 0;
  }
}
/* Attention seekers  */
@-webkit-keyframes bounce {
  from,
  20%,
  53%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  40%,
  43% {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    -webkit-transform: translate3d(0, -30px, 0) scaleY(1.1);
    transform: translate3d(0, -30px, 0) scaleY(1.1);
  }

  70% {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    -webkit-transform: translate3d(0, -15px, 0) scaleY(1.05);
    transform: translate3d(0, -15px, 0) scaleY(1.05);
  }

  80% {
    -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    -webkit-transform: translate3d(0, 0, 0) scaleY(0.95);
    transform: translate3d(0, 0, 0) scaleY(0.95);
  }

  90% {
    -webkit-transform: translate3d(0, -4px, 0) scaleY(1.02);
    transform: translate3d(0, -4px, 0) scaleY(1.02);
  }
}
@keyframes bounce {
  from,
  20%,
  53%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  40%,
  43% {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    -webkit-transform: translate3d(0, -30px, 0) scaleY(1.1);
    transform: translate3d(0, -30px, 0) scaleY(1.1);
  }

  70% {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    -webkit-transform: translate3d(0, -15px, 0) scaleY(1.05);
    transform: translate3d(0, -15px, 0) scaleY(1.05);
  }

  80% {
    -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    -webkit-transform: translate3d(0, 0, 0) scaleY(0.95);
    transform: translate3d(0, 0, 0) scaleY(0.95);
  }

  90% {
    -webkit-transform: translate3d(0, -4px, 0) scaleY(1.02);
    transform: translate3d(0, -4px, 0) scaleY(1.02);
  }
}
.animate__bounce {
  -webkit-animation-name: bounce;
  animation-name: bounce;
  -webkit-transform-origin: center bottom;
  transform-origin: center bottom;
}
@-webkit-keyframes flash {
  from,
  50%,
  to {
    opacity: 1;
  }

  25%,
  75% {
    opacity: 0;
  }
}
@keyframes flash {
  from,
  50%,
  to {
    opacity: 1;
  }

  25%,
  75% {
    opacity: 0;
  }
}
.animate__flash {
  -webkit-animation-name: flash;
  animation-name: flash;
}
/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
@-webkit-keyframes pulse {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }

  50% {
    -webkit-transform: scale3d(1.05, 1.05, 1.05);
    transform: scale3d(1.05, 1.05, 1.05);
  }

  to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}
@keyframes pulse {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }

  50% {
    -webkit-transform: scale3d(1.05, 1.05, 1.05);
    transform: scale3d(1.05, 1.05, 1.05);
  }

  to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}
.animate__pulse {
  -webkit-animation-name: pulse;
  animation-name: pulse;
  -webkit-animation-timing-function: ease-in-out;
  animation-timing-function: ease-in-out;
}
@-webkit-keyframes rubberBand {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }

  30% {
    -webkit-transform: scale3d(1.25, 0.75, 1);
    transform: scale3d(1.25, 0.75, 1);
  }

  40% {
    -webkit-transform: scale3d(0.75, 1.25, 1);
    transform: scale3d(0.75, 1.25, 1);
  }

  50% {
    -webkit-transform: scale3d(1.15, 0.85, 1);
    transform: scale3d(1.15, 0.85, 1);
  }

  65% {
    -webkit-transform: scale3d(0.95, 1.05, 1);
    transform: scale3d(0.95, 1.05, 1);
  }

  75% {
    -webkit-transform: scale3d(1.05, 0.95, 1);
    transform: scale3d(1.05, 0.95, 1);
  }

  to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}
@keyframes rubberBand {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }

  30% {
    -webkit-transform: scale3d(1.25, 0.75, 1);
    transform: scale3d(1.25, 0.75, 1);
  }

  40% {
    -webkit-transform: scale3d(0.75, 1.25, 1);
    transform: scale3d(0.75, 1.25, 1);
  }

  50% {
    -webkit-transform: scale3d(1.15, 0.85, 1);
    transform: scale3d(1.15, 0.85, 1);
  }

  65% {
    -webkit-transform: scale3d(0.95, 1.05, 1);
    transform: scale3d(0.95, 1.05, 1);
  }

  75% {
    -webkit-transform: scale3d(1.05, 0.95, 1);
    transform: scale3d(1.05, 0.95, 1);
  }

  to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}
.animate__rubberBand {
  -webkit-animation-name: rubberBand;
  animation-name: rubberBand;
}
@-webkit-keyframes shakeX {
  from,
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  10%,
  30%,
  50%,
  70%,
  90% {
    -webkit-transform: translate3d(-10px, 0, 0);
    transform: translate3d(-10px, 0, 0);
  }

  20%,
  40%,
  60%,
  80% {
    -webkit-transform: translate3d(10px, 0, 0);
    transform: translate3d(10px, 0, 0);
  }
}
@keyframes shakeX {
  from,
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  10%,
  30%,
  50%,
  70%,
  90% {
    -webkit-transform: translate3d(-10px, 0, 0);
    transform: translate3d(-10px, 0, 0);
  }

  20%,
  40%,
  60%,
  80% {
    -webkit-transform: translate3d(10px, 0, 0);
    transform: translate3d(10px, 0, 0);
  }
}
.animate__shakeX {
  -webkit-animation-name: shakeX;
  animation-name: shakeX;
}
@-webkit-keyframes shakeY {
  from,
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  10%,
  30%,
  50%,
  70%,
  90% {
    -webkit-transform: translate3d(0, -10px, 0);
    transform: translate3d(0, -10px, 0);
  }

  20%,
  40%,
  60%,
  80% {
    -webkit-transform: translate3d(0, 10px, 0);
    transform: translate3d(0, 10px, 0);
  }
}
@keyframes shakeY {
  from,
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  10%,
  30%,
  50%,
  70%,
  90% {
    -webkit-transform: translate3d(0, -10px, 0);
    transform: translate3d(0, -10px, 0);
  }

  20%,
  40%,
  60%,
  80% {
    -webkit-transform: translate3d(0, 10px, 0);
    transform: translate3d(0, 10px, 0);
  }
}
.animate__shakeY {
  -webkit-animation-name: shakeY;
  animation-name: shakeY;
}
@-webkit-keyframes headShake {
  0% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }

  6.5% {
    -webkit-transform: translateX(-6px) rotateY(-9deg);
    transform: translateX(-6px) rotateY(-9deg);
  }

  18.5% {
    -webkit-transform: translateX(5px) rotateY(7deg);
    transform: translateX(5px) rotateY(7deg);
  }

  31.5% {
    -webkit-transform: translateX(-3px) rotateY(-5deg);
    transform: translateX(-3px) rotateY(-5deg);
  }

  43.5% {
    -webkit-transform: translateX(2px) rotateY(3deg);
    transform: translateX(2px) rotateY(3deg);
  }

  50% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}
@keyframes headShake {
  0% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }

  6.5% {
    -webkit-transform: translateX(-6px) rotateY(-9deg);
    transform: translateX(-6px) rotateY(-9deg);
  }

  18.5% {
    -webkit-transform: translateX(5px) rotateY(7deg);
    transform: translateX(5px) rotateY(7deg);
  }

  31.5% {
    -webkit-transform: translateX(-3px) rotateY(-5deg);
    transform: translateX(-3px) rotateY(-5deg);
  }

  43.5% {
    -webkit-transform: translateX(2px) rotateY(3deg);
    transform: translateX(2px) rotateY(3deg);
  }

  50% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}
.animate__headShake {
  -webkit-animation-timing-function: ease-in-out;
  animation-timing-function: ease-in-out;
  -webkit-animation-name: headShake;
  animation-name: headShake;
}
@-webkit-keyframes swing {
  20% {
    -webkit-transform: rotate3d(0, 0, 1, 15deg);
    transform: rotate3d(0, 0, 1, 15deg);
  }

  40% {
    -webkit-transform: rotate3d(0, 0, 1, -10deg);
    transform: rotate3d(0, 0, 1, -10deg);
  }

  60% {
    -webkit-transform: rotate3d(0, 0, 1, 5deg);
    transform: rotate3d(0, 0, 1, 5deg);
  }

  80% {
    -webkit-transform: rotate3d(0, 0, 1, -5deg);
    transform: rotate3d(0, 0, 1, -5deg);
  }

  to {
    -webkit-transform: rotate3d(0, 0, 1, 0deg);
    transform: rotate3d(0, 0, 1, 0deg);
  }
}
@keyframes swing {
  20% {
    -webkit-transform: rotate3d(0, 0, 1, 15deg);
    transform: rotate3d(0, 0, 1, 15deg);
  }

  40% {
    -webkit-transform: rotate3d(0, 0, 1, -10deg);
    transform: rotate3d(0, 0, 1, -10deg);
  }

  60% {
    -webkit-transform: rotate3d(0, 0, 1, 5deg);
    transform: rotate3d(0, 0, 1, 5deg);
  }

  80% {
    -webkit-transform: rotate3d(0, 0, 1, -5deg);
    transform: rotate3d(0, 0, 1, -5deg);
  }

  to {
    -webkit-transform: rotate3d(0, 0, 1, 0deg);
    transform: rotate3d(0, 0, 1, 0deg);
  }
}
.animate__swing {
  -webkit-transform-origin: top center;
  transform-origin: top center;
  -webkit-animation-name: swing;
  animation-name: swing;
}
@-webkit-keyframes tada {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }

  10%,
  20% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
    transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
  }

  30%,
  50%,
  70%,
  90% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
  }

  40%,
  60%,
  80% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
  }

  to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}
@keyframes tada {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }

  10%,
  20% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
    transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
  }

  30%,
  50%,
  70%,
  90% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
  }

  40%,
  60%,
  80% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
  }

  to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}
.animate__tada {
  -webkit-animation-name: tada;
  animation-name: tada;
}
/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
@-webkit-keyframes wobble {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  15% {
    -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
    transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
  }

  30% {
    -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
    transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
  }

  45% {
    -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
    transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
  }

  60% {
    -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
    transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
  }

  75% {
    -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
    transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@keyframes wobble {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  15% {
    -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
    transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
  }

  30% {
    -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
    transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
  }

  45% {
    -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
    transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
  }

  60% {
    -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
    transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
  }

  75% {
    -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
    transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
.animate__wobble {
  -webkit-animation-name: wobble;
  animation-name: wobble;
}
@-webkit-keyframes jello {
  from,
  11.1%,
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  22.2% {
    -webkit-transform: skewX(-12.5deg) skewY(-12.5deg);
    transform: skewX(-12.5deg) skewY(-12.5deg);
  }

  33.3% {
    -webkit-transform: skewX(6.25deg) skewY(6.25deg);
    transform: skewX(6.25deg) skewY(6.25deg);
  }

  44.4% {
    -webkit-transform: skewX(-3.125deg) skewY(-3.125deg);
    transform: skewX(-3.125deg) skewY(-3.125deg);
  }

  55.5% {
    -webkit-transform: skewX(1.5625deg) skewY(1.5625deg);
    transform: skewX(1.5625deg) skewY(1.5625deg);
  }

  66.6% {
    -webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg);
    transform: skewX(-0.78125deg) skewY(-0.78125deg);
  }

  77.7% {
    -webkit-transform: skewX(0.390625deg) skewY(0.390625deg);
    transform: skewX(0.390625deg) skewY(0.390625deg);
  }

  88.8% {
    -webkit-transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
    transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
  }
}
@keyframes jello {
  from,
  11.1%,
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  22.2% {
    -webkit-transform: skewX(-12.5deg) skewY(-12.5deg);
    transform: skewX(-12.5deg) skewY(-12.5deg);
  }

  33.3% {
    -webkit-transform: skewX(6.25deg) skewY(6.25deg);
    transform: skewX(6.25deg) skewY(6.25deg);
  }

  44.4% {
    -webkit-transform: skewX(-3.125deg) skewY(-3.125deg);
    transform: skewX(-3.125deg) skewY(-3.125deg);
  }

  55.5% {
    -webkit-transform: skewX(1.5625deg) skewY(1.5625deg);
    transform: skewX(1.5625deg) skewY(1.5625deg);
  }

  66.6% {
    -webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg);
    transform: skewX(-0.78125deg) skewY(-0.78125deg);
  }

  77.7% {
    -webkit-transform: skewX(0.390625deg) skewY(0.390625deg);
    transform: skewX(0.390625deg) skewY(0.390625deg);
  }

  88.8% {
    -webkit-transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
    transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
  }
}
.animate__jello {
  -webkit-animation-name: jello;
  animation-name: jello;
  -webkit-transform-origin: center;
  transform-origin: center;
}
@-webkit-keyframes heartBeat {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }

  14% {
    -webkit-transform: scale(1.3);
    transform: scale(1.3);
  }

  28% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }

  42% {
    -webkit-transform: scale(1.3);
    transform: scale(1.3);
  }

  70% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}
@keyframes heartBeat {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }

  14% {
    -webkit-transform: scale(1.3);
    transform: scale(1.3);
  }

  28% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }

  42% {
    -webkit-transform: scale(1.3);
    transform: scale(1.3);
  }

  70% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}
.animate__heartBeat {
  -webkit-animation-name: heartBeat;
  animation-name: heartBeat;
  -webkit-animation-duration: calc(1s * 1.3);
  animation-duration: calc(1s * 1.3);
  -webkit-animation-duration: calc(var(--animate-duration) * 1.3);
  animation-duration: calc(var(--animate-duration) * 1.3);
  -webkit-animation-timing-function: ease-in-out;
  animation-timing-function: ease-in-out;
}
/* Back entrances */
@-webkit-keyframes backInDown {
  0% {
    -webkit-transform: translateY(-1200px) scale(0.7);
    transform: translateY(-1200px) scale(0.7);
    opacity: 0.7;
  }

  80% {
    -webkit-transform: translateY(0px) scale(0.7);
    transform: translateY(0px) scale(0.7);
    opacity: 0.7;
  }

  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1;
  }
}
@keyframes backInDown {
  0% {
    -webkit-transform: translateY(-1200px) scale(0.7);
    transform: translateY(-1200px) scale(0.7);
    opacity: 0.7;
  }

  80% {
    -webkit-transform: translateY(0px) scale(0.7);
    transform: translateY(0px) scale(0.7);
    opacity: 0.7;
  }

  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1;
  }
}
.animate__backInDown {
  -webkit-animation-name: backInDown;
  animation-name: backInDown;
}
@-webkit-keyframes backInLeft {
  0% {
    -webkit-transform: translateX(-2000px) scale(0.7);
    transform: translateX(-2000px) scale(0.7);
    opacity: 0.7;
  }

  80% {
    -webkit-transform: translateX(0px) scale(0.7);
    transform: translateX(0px) scale(0.7);
    opacity: 0.7;
  }

  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1;
  }
}
@keyframes backInLeft {
  0% {
    -webkit-transform: translateX(-2000px) scale(0.7);
    transform: translateX(-2000px) scale(0.7);
    opacity: 0.7;
  }

  80% {
    -webkit-transform: translateX(0px) scale(0.7);
    transform: translateX(0px) scale(0.7);
    opacity: 0.7;
  }

  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1;
  }
}
.animate__backInLeft {
  -webkit-animation-name: backInLeft;
  animation-name: backInLeft;
}
@-webkit-keyframes backInRight {
  0% {
    -webkit-transform: translateX(2000px) scale(0.7);
    transform: translateX(2000px) scale(0.7);
    opacity: 0.7;
  }

  80% {
    -webkit-transform: translateX(0px) scale(0.7);
    transform: translateX(0px) scale(0.7);
    opacity: 0.7;
  }

  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1;
  }
}
@keyframes backInRight {
  0% {
    -webkit-transform: translateX(2000px) scale(0.7);
    transform: translateX(2000px) scale(0.7);
    opacity: 0.7;
  }

  80% {
    -webkit-transform: translateX(0px) scale(0.7);
    transform: translateX(0px) scale(0.7);
    opacity: 0.7;
  }

  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1;
  }
}
.animate__backInRight {
  -webkit-animation-name: backInRight;
  animation-name: backInRight;
}
@-webkit-keyframes backInUp {
  0% {
    -webkit-transform: translateY(1200px) scale(0.7);
    transform: translateY(1200px) scale(0.7);
    opacity: 0.7;
  }

  80% {
    -webkit-transform: translateY(0px) scale(0.7);
    transform: translateY(0px) scale(0.7);
    opacity: 0.7;
  }

  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1;
  }
}
@keyframes backInUp {
  0% {
    -webkit-transform: translateY(1200px) scale(0.7);
    transform: translateY(1200px) scale(0.7);
    opacity: 0.7;
  }

  80% {
    -webkit-transform: translateY(0px) scale(0.7);
    transform: translateY(0px) scale(0.7);
    opacity: 0.7;
  }

  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1;
  }
}
.animate__backInUp {
  -webkit-animation-name: backInUp;
  animation-name: backInUp;
}
/* Back exits */
@-webkit-keyframes backOutDown {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1;
  }

  20% {
    -webkit-transform: translateY(0px) scale(0.7);
    transform: translateY(0px) scale(0.7);
    opacity: 0.7;
  }

  100% {
    -webkit-transform: translateY(700px) scale(0.7);
    transform: translateY(700px) scale(0.7);
    opacity: 0.7;
  }
}
@keyframes backOutDown {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1;
  }

  20% {
    -webkit-transform: translateY(0px) scale(0.7);
    transform: translateY(0px) scale(0.7);
    opacity: 0.7;
  }

  100% {
    -webkit-transform: translateY(700px) scale(0.7);
    transform: translateY(700px) scale(0.7);
    opacity: 0.7;
  }
}
.animate__backOutDown {
  -webkit-animation-name: backOutDown;
  animation-name: backOutDown;
}
@-webkit-keyframes backOutLeft {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1;
  }

  20% {
    -webkit-transform: translateX(0px) scale(0.7);
    transform: translateX(0px) scale(0.7);
    opacity: 0.7;
  }

  100% {
    -webkit-transform: translateX(-2000px) scale(0.7);
    transform: translateX(-2000px) scale(0.7);
    opacity: 0.7;
  }
}
@keyframes backOutLeft {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1;
  }

  20% {
    -webkit-transform: translateX(0px) scale(0.7);
    transform: translateX(0px) scale(0.7);
    opacity: 0.7;
  }

  100% {
    -webkit-transform: translateX(-2000px) scale(0.7);
    transform: translateX(-2000px) scale(0.7);
    opacity: 0.7;
  }
}
.animate__backOutLeft {
  -webkit-animation-name: backOutLeft;
  animation-name: backOutLeft;
}
@-webkit-keyframes backOutRight {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1;
  }

  20% {
    -webkit-transform: translateX(0px) scale(0.7);
    transform: translateX(0px) scale(0.7);
    opacity: 0.7;
  }

  100% {
    -webkit-transform: translateX(2000px) scale(0.7);
    transform: translateX(2000px) scale(0.7);
    opacity: 0.7;
  }
}
@keyframes backOutRight {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1;
  }

  20% {
    -webkit-transform: translateX(0px) scale(0.7);
    transform: translateX(0px) scale(0.7);
    opacity: 0.7;
  }

  100% {
    -webkit-transform: translateX(2000px) scale(0.7);
    transform: translateX(2000px) scale(0.7);
    opacity: 0.7;
  }
}
.animate__backOutRight {
  -webkit-animation-name: backOutRight;
  animation-name: backOutRight;
}
@-webkit-keyframes backOutUp {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1;
  }

  20% {
    -webkit-transform: translateY(0px) scale(0.7);
    transform: translateY(0px) scale(0.7);
    opacity: 0.7;
  }

  100% {
    -webkit-transform: translateY(-700px) scale(0.7);
    transform: translateY(-700px) scale(0.7);
    opacity: 0.7;
  }
}
@keyframes backOutUp {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1;
  }

  20% {
    -webkit-transform: translateY(0px) scale(0.7);
    transform: translateY(0px) scale(0.7);
    opacity: 0.7;
  }

  100% {
    -webkit-transform: translateY(-700px) scale(0.7);
    transform: translateY(-700px) scale(0.7);
    opacity: 0.7;
  }
}
.animate__backOutUp {
  -webkit-animation-name: backOutUp;
  animation-name: backOutUp;
}
/* Bouncing entrances  */
@-webkit-keyframes bounceIn {
  from,
  20%,
  40%,
  60%,
  80%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }

  0% {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }

  20% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1);
  }

  40% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9);
    transform: scale3d(0.9, 0.9, 0.9);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(1.03, 1.03, 1.03);
    transform: scale3d(1.03, 1.03, 1.03);
  }

  80% {
    -webkit-transform: scale3d(0.97, 0.97, 0.97);
    transform: scale3d(0.97, 0.97, 0.97);
  }

  to {
    opacity: 1;
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}
@keyframes bounceIn {
  from,
  20%,
  40%,
  60%,
  80%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }

  0% {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }

  20% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1);
  }

  40% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9);
    transform: scale3d(0.9, 0.9, 0.9);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(1.03, 1.03, 1.03);
    transform: scale3d(1.03, 1.03, 1.03);
  }

  80% {
    -webkit-transform: scale3d(0.97, 0.97, 0.97);
    transform: scale3d(0.97, 0.97, 0.97);
  }

  to {
    opacity: 1;
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}
.animate__bounceIn {
  -webkit-animation-duration: calc(1s * 0.75);
  animation-duration: calc(1s * 0.75);
  -webkit-animation-duration: calc(var(--animate-duration) * 0.75);
  animation-duration: calc(var(--animate-duration) * 0.75);
  -webkit-animation-name: bounceIn;
  animation-name: bounceIn;
}
@-webkit-keyframes bounceInDown {
  from,
  60%,
  75%,
  90%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }

  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -3000px, 0) scaleY(3);
    transform: translate3d(0, -3000px, 0) scaleY(3);
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, 25px, 0) scaleY(0.9);
    transform: translate3d(0, 25px, 0) scaleY(0.9);
  }

  75% {
    -webkit-transform: translate3d(0, -10px, 0) scaleY(0.95);
    transform: translate3d(0, -10px, 0) scaleY(0.95);
  }

  90% {
    -webkit-transform: translate3d(0, 5px, 0) scaleY(0.985);
    transform: translate3d(0, 5px, 0) scaleY(0.985);
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@keyframes bounceInDown {
  from,
  60%,
  75%,
  90%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }

  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -3000px, 0) scaleY(3);
    transform: translate3d(0, -3000px, 0) scaleY(3);
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, 25px, 0) scaleY(0.9);
    transform: translate3d(0, 25px, 0) scaleY(0.9);
  }

  75% {
    -webkit-transform: translate3d(0, -10px, 0) scaleY(0.95);
    transform: translate3d(0, -10px, 0) scaleY(0.95);
  }

  90% {
    -webkit-transform: translate3d(0, 5px, 0) scaleY(0.985);
    transform: translate3d(0, 5px, 0) scaleY(0.985);
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
.animate__bounceInDown {
  -webkit-animation-name: bounceInDown;
  animation-name: bounceInDown;
}
@-webkit-keyframes bounceInLeft {
  from,
  60%,
  75%,
  90%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }

  0% {
    opacity: 0;
    -webkit-transform: translate3d(-3000px, 0, 0) scaleX(3);
    transform: translate3d(-3000px, 0, 0) scaleX(3);
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(25px, 0, 0) scaleX(1);
    transform: translate3d(25px, 0, 0) scaleX(1);
  }

  75% {
    -webkit-transform: translate3d(-10px, 0, 0) scaleX(0.98);
    transform: translate3d(-10px, 0, 0) scaleX(0.98);
  }

  90% {
    -webkit-transform: translate3d(5px, 0, 0) scaleX(0.995);
    transform: translate3d(5px, 0, 0) scaleX(0.995);
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@keyframes bounceInLeft {
  from,
  60%,
  75%,
  90%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }

  0% {
    opacity: 0;
    -webkit-transform: translate3d(-3000px, 0, 0) scaleX(3);
    transform: translate3d(-3000px, 0, 0) scaleX(3);
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(25px, 0, 0) scaleX(1);
    transform: translate3d(25px, 0, 0) scaleX(1);
  }

  75% {
    -webkit-transform: translate3d(-10px, 0, 0) scaleX(0.98);
    transform: translate3d(-10px, 0, 0) scaleX(0.98);
  }

  90% {
    -webkit-transform: translate3d(5px, 0, 0) scaleX(0.995);
    transform: translate3d(5px, 0, 0) scaleX(0.995);
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
.animate__bounceInLeft {
  -webkit-animation-name: bounceInLeft;
  animation-name: bounceInLeft;
}
@-webkit-keyframes bounceInRight {
  from,
  60%,
  75%,
  90%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }

  from {
    opacity: 0;
    -webkit-transform: translate3d(3000px, 0, 0) scaleX(3);
    transform: translate3d(3000px, 0, 0) scaleX(3);
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(-25px, 0, 0) scaleX(1);
    transform: translate3d(-25px, 0, 0) scaleX(1);
  }

  75% {
    -webkit-transform: translate3d(10px, 0, 0) scaleX(0.98);
    transform: translate3d(10px, 0, 0) scaleX(0.98);
  }

  90% {
    -webkit-transform: translate3d(-5px, 0, 0) scaleX(0.995);
    transform: translate3d(-5px, 0, 0) scaleX(0.995);
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@keyframes bounceInRight {
  from,
  60%,
  75%,
  90%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }

  from {
    opacity: 0;
    -webkit-transform: translate3d(3000px, 0, 0) scaleX(3);
    transform: translate3d(3000px, 0, 0) scaleX(3);
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(-25px, 0, 0) scaleX(1);
    transform: translate3d(-25px, 0, 0) scaleX(1);
  }

  75% {
    -webkit-transform: translate3d(10px, 0, 0) scaleX(0.98);
    transform: translate3d(10px, 0, 0) scaleX(0.98);
  }

  90% {
    -webkit-transform: translate3d(-5px, 0, 0) scaleX(0.995);
    transform: translate3d(-5px, 0, 0) scaleX(0.995);
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
.animate__bounceInRight {
  -webkit-animation-name: bounceInRight;
  animation-name: bounceInRight;
}
@-webkit-keyframes bounceInUp {
  from,
  60%,
  75%,
  90%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }

  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 3000px, 0) scaleY(5);
    transform: translate3d(0, 3000px, 0) scaleY(5);
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, -20px, 0) scaleY(0.9);
    transform: translate3d(0, -20px, 0) scaleY(0.9);
  }

  75% {
    -webkit-transform: translate3d(0, 10px, 0) scaleY(0.95);
    transform: translate3d(0, 10px, 0) scaleY(0.95);
  }

  90% {
    -webkit-transform: translate3d(0, -5px, 0) scaleY(0.985);
    transform: translate3d(0, -5px, 0) scaleY(0.985);
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@keyframes bounceInUp {
  from,
  60%,
  75%,
  90%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }

  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 3000px, 0) scaleY(5);
    transform: translate3d(0, 3000px, 0) scaleY(5);
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, -20px, 0) scaleY(0.9);
    transform: translate3d(0, -20px, 0) scaleY(0.9);
  }

  75% {
    -webkit-transform: translate3d(0, 10px, 0) scaleY(0.95);
    transform: translate3d(0, 10px, 0) scaleY(0.95);
  }

  90% {
    -webkit-transform: translate3d(0, -5px, 0) scaleY(0.985);
    transform: translate3d(0, -5px, 0) scaleY(0.985);
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
.animate__bounceInUp {
  -webkit-animation-name: bounceInUp;
  animation-name: bounceInUp;
}
/* Bouncing exits  */
@-webkit-keyframes bounceOut {
  20% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9);
    transform: scale3d(0.9, 0.9, 0.9);
  }

  50%,
  55% {
    opacity: 1;
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1);
  }

  to {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }
}
@keyframes bounceOut {
  20% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9);
    transform: scale3d(0.9, 0.9, 0.9);
  }

  50%,
  55% {
    opacity: 1;
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1);
  }

  to {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }
}
.animate__bounceOut {
  -webkit-animation-duration: calc(1s * 0.75);
  animation-duration: calc(1s * 0.75);
  -webkit-animation-duration: calc(var(--animate-duration) * 0.75);
  animation-duration: calc(var(--animate-duration) * 0.75);
  -webkit-animation-name: bounceOut;
  animation-name: bounceOut;
}
@-webkit-keyframes bounceOutDown {
  20% {
    -webkit-transform: translate3d(0, 10px, 0) scaleY(0.985);
    transform: translate3d(0, 10px, 0) scaleY(0.985);
  }

  40%,
  45% {
    opacity: 1;
    -webkit-transform: translate3d(0, -20px, 0) scaleY(0.9);
    transform: translate3d(0, -20px, 0) scaleY(0.9);
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0) scaleY(3);
    transform: translate3d(0, 2000px, 0) scaleY(3);
  }
}
@keyframes bounceOutDown {
  20% {
    -webkit-transform: translate3d(0, 10px, 0) scaleY(0.985);
    transform: translate3d(0, 10px, 0) scaleY(0.985);
  }

  40%,
  45% {
    opacity: 1;
    -webkit-transform: translate3d(0, -20px, 0) scaleY(0.9);
    transform: translate3d(0, -20px, 0) scaleY(0.9);
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0) scaleY(3);
    transform: translate3d(0, 2000px, 0) scaleY(3);
  }
}
.animate__bounceOutDown {
  -webkit-animation-name: bounceOutDown;
  animation-name: bounceOutDown;
}
@-webkit-keyframes bounceOutLeft {
  20% {
    opacity: 1;
    -webkit-transform: translate3d(20px, 0, 0) scaleX(0.9);
    transform: translate3d(20px, 0, 0) scaleX(0.9);
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0) scaleX(2);
    transform: translate3d(-2000px, 0, 0) scaleX(2);
  }
}
@keyframes bounceOutLeft {
  20% {
    opacity: 1;
    -webkit-transform: translate3d(20px, 0, 0) scaleX(0.9);
    transform: translate3d(20px, 0, 0) scaleX(0.9);
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0) scaleX(2);
    transform: translate3d(-2000px, 0, 0) scaleX(2);
  }
}
.animate__bounceOutLeft {
  -webkit-animation-name: bounceOutLeft;
  animation-name: bounceOutLeft;
}
@-webkit-keyframes bounceOutRight {
  20% {
    opacity: 1;
    -webkit-transform: translate3d(-20px, 0, 0) scaleX(0.9);
    transform: translate3d(-20px, 0, 0) scaleX(0.9);
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0) scaleX(2);
    transform: translate3d(2000px, 0, 0) scaleX(2);
  }
}
@keyframes bounceOutRight {
  20% {
    opacity: 1;
    -webkit-transform: translate3d(-20px, 0, 0) scaleX(0.9);
    transform: translate3d(-20px, 0, 0) scaleX(0.9);
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0) scaleX(2);
    transform: translate3d(2000px, 0, 0) scaleX(2);
  }
}
.animate__bounceOutRight {
  -webkit-animation-name: bounceOutRight;
  animation-name: bounceOutRight;
}
@-webkit-keyframes bounceOutUp {
  20% {
    -webkit-transform: translate3d(0, -10px, 0) scaleY(0.985);
    transform: translate3d(0, -10px, 0) scaleY(0.985);
  }

  40%,
  45% {
    opacity: 1;
    -webkit-transform: translate3d(0, 20px, 0) scaleY(0.9);
    transform: translate3d(0, 20px, 0) scaleY(0.9);
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0) scaleY(3);
    transform: translate3d(0, -2000px, 0) scaleY(3);
  }
}
@keyframes bounceOutUp {
  20% {
    -webkit-transform: translate3d(0, -10px, 0) scaleY(0.985);
    transform: translate3d(0, -10px, 0) scaleY(0.985);
  }

  40%,
  45% {
    opacity: 1;
    -webkit-transform: translate3d(0, 20px, 0) scaleY(0.9);
    transform: translate3d(0, 20px, 0) scaleY(0.9);
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0) scaleY(3);
    transform: translate3d(0, -2000px, 0) scaleY(3);
  }
}
.animate__bounceOutUp {
  -webkit-animation-name: bounceOutUp;
  animation-name: bounceOutUp;
}
/* Fading entrances  */
@-webkit-keyframes fadeIn {
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}
@keyframes fadeIn {
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}
.animate__fadeIn {
  -webkit-animation-name: fadeIn;
  animation-name: fadeIn;
}
@-webkit-keyframes fadeInDown {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@keyframes fadeInDown {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
.animate__fadeInDown {
  -webkit-animation-name: fadeInDown;
  animation-name: fadeInDown;
}
@-webkit-keyframes fadeInDownBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@keyframes fadeInDownBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
.animate__fadeInDownBig {
  -webkit-animation-name: fadeInDownBig;
  animation-name: fadeInDownBig;
}
@-webkit-keyframes fadeInLeft {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@keyframes fadeInLeft {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
.animate__fadeInLeft {
  -webkit-animation-name: fadeInLeft;
  animation-name: fadeInLeft;
}
@-webkit-keyframes fadeInLeftBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@keyframes fadeInLeftBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
.animate__fadeInLeftBig {
  -webkit-animation-name: fadeInLeftBig;
  animation-name: fadeInLeftBig;
}
@-webkit-keyframes fadeInRight {
  from {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@keyframes fadeInRight {
  from {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
.animate__fadeInRight {
  -webkit-animation-name: fadeInRight;
  animation-name: fadeInRight;
}
@-webkit-keyframes fadeInRightBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@keyframes fadeInRightBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
.animate__fadeInRightBig {
  -webkit-animation-name: fadeInRightBig;
  animation-name: fadeInRightBig;
}
@-webkit-keyframes fadeInUp {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@keyframes fadeInUp {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
.animate__fadeInUp {
  -webkit-animation-name: fadeInUp;
  animation-name: fadeInUp;
}
@-webkit-keyframes fadeInUpBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@keyframes fadeInUpBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
.animate__fadeInUpBig {
  -webkit-animation-name: fadeInUpBig;
  animation-name: fadeInUpBig;
}
@-webkit-keyframes fadeInTopLeft {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-100%, -100%, 0);
    transform: translate3d(-100%, -100%, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@keyframes fadeInTopLeft {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-100%, -100%, 0);
    transform: translate3d(-100%, -100%, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
.animate__fadeInTopLeft {
  -webkit-animation-name: fadeInTopLeft;
  animation-name: fadeInTopLeft;
}
@-webkit-keyframes fadeInTopRight {
  from {
    opacity: 0;
    -webkit-transform: translate3d(100%, -100%, 0);
    transform: translate3d(100%, -100%, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@keyframes fadeInTopRight {
  from {
    opacity: 0;
    -webkit-transform: translate3d(100%, -100%, 0);
    transform: translate3d(100%, -100%, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
.animate__fadeInTopRight {
  -webkit-animation-name: fadeInTopRight;
  animation-name: fadeInTopRight;
}
@-webkit-keyframes fadeInBottomLeft {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 100%, 0);
    transform: translate3d(-100%, 100%, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@keyframes fadeInBottomLeft {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 100%, 0);
    transform: translate3d(-100%, 100%, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
.animate__fadeInBottomLeft {
  -webkit-animation-name: fadeInBottomLeft;
  animation-name: fadeInBottomLeft;
}
@-webkit-keyframes fadeInBottomRight {
  from {
    opacity: 0;
    -webkit-transform: translate3d(100%, 100%, 0);
    transform: translate3d(100%, 100%, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@keyframes fadeInBottomRight {
  from {
    opacity: 0;
    -webkit-transform: translate3d(100%, 100%, 0);
    transform: translate3d(100%, 100%, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
.animate__fadeInBottomRight {
  -webkit-animation-name: fadeInBottomRight;
  animation-name: fadeInBottomRight;
}
/* Fading exits */
@-webkit-keyframes fadeOut {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
  }
}
@keyframes fadeOut {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
  }
}
.animate__fadeOut {
  -webkit-animation-name: fadeOut;
  animation-name: fadeOut;
}
@-webkit-keyframes fadeOutDown {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }
}
@keyframes fadeOutDown {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }
}
.animate__fadeOutDown {
  -webkit-animation-name: fadeOutDown;
  animation-name: fadeOutDown;
}
@-webkit-keyframes fadeOutDownBig {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0);
  }
}
@keyframes fadeOutDownBig {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0);
  }
}
.animate__fadeOutDownBig {
  -webkit-animation-name: fadeOutDownBig;
  animation-name: fadeOutDownBig;
}
@-webkit-keyframes fadeOutLeft {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }
}
@keyframes fadeOutLeft {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }
}
.animate__fadeOutLeft {
  -webkit-animation-name: fadeOutLeft;
  animation-name: fadeOutLeft;
}
@-webkit-keyframes fadeOutLeftBig {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0);
  }
}
@keyframes fadeOutLeftBig {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0);
  }
}
.animate__fadeOutLeftBig {
  -webkit-animation-name: fadeOutLeftBig;
  animation-name: fadeOutLeftBig;
}
@-webkit-keyframes fadeOutRight {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }
}
@keyframes fadeOutRight {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }
}
.animate__fadeOutRight {
  -webkit-animation-name: fadeOutRight;
  animation-name: fadeOutRight;
}
@-webkit-keyframes fadeOutRightBig {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0);
  }
}
@keyframes fadeOutRightBig {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0);
  }
}
.animate__fadeOutRightBig {
  -webkit-animation-name: fadeOutRightBig;
  animation-name: fadeOutRightBig;
}
@-webkit-keyframes fadeOutUp {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }
}
@keyframes fadeOutUp {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }
}
.animate__fadeOutUp {
  -webkit-animation-name: fadeOutUp;
  animation-name: fadeOutUp;
}
@-webkit-keyframes fadeOutUpBig {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0);
  }
}
@keyframes fadeOutUpBig {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0);
  }
}
.animate__fadeOutUpBig {
  -webkit-animation-name: fadeOutUpBig;
  animation-name: fadeOutUpBig;
}
@-webkit-keyframes fadeOutTopLeft {
  from {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(-100%, -100%, 0);
    transform: translate3d(-100%, -100%, 0);
  }
}
@keyframes fadeOutTopLeft {
  from {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(-100%, -100%, 0);
    transform: translate3d(-100%, -100%, 0);
  }
}
.animate__fadeOutTopLeft {
  -webkit-animation-name: fadeOutTopLeft;
  animation-name: fadeOutTopLeft;
}
@-webkit-keyframes fadeOutTopRight {
  from {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(100%, -100%, 0);
    transform: translate3d(100%, -100%, 0);
  }
}
@keyframes fadeOutTopRight {
  from {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(100%, -100%, 0);
    transform: translate3d(100%, -100%, 0);
  }
}
.animate__fadeOutTopRight {
  -webkit-animation-name: fadeOutTopRight;
  animation-name: fadeOutTopRight;
}
@-webkit-keyframes fadeOutBottomRight {
  from {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(100%, 100%, 0);
    transform: translate3d(100%, 100%, 0);
  }
}
@keyframes fadeOutBottomRight {
  from {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(100%, 100%, 0);
    transform: translate3d(100%, 100%, 0);
  }
}
.animate__fadeOutBottomRight {
  -webkit-animation-name: fadeOutBottomRight;
  animation-name: fadeOutBottomRight;
}
@-webkit-keyframes fadeOutBottomLeft {
  from {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 100%, 0);
    transform: translate3d(-100%, 100%, 0);
  }
}
@keyframes fadeOutBottomLeft {
  from {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 100%, 0);
    transform: translate3d(-100%, 100%, 0);
  }
}
.animate__fadeOutBottomLeft {
  -webkit-animation-name: fadeOutBottomLeft;
  animation-name: fadeOutBottomLeft;
}
/* Flippers */
@-webkit-keyframes flip {
  from {
    -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, -360deg);
    transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, -360deg);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }

  40% {
    -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px)
      rotate3d(0, 1, 0, -190deg);
    transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px)
      rotate3d(0, 1, 0, -190deg);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }

  50% {
    -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px)
      rotate3d(0, 1, 0, -170deg);
    transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px)
      rotate3d(0, 1, 0, -170deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  80% {
    -webkit-transform: perspective(400px) scale3d(0.95, 0.95, 0.95) translate3d(0, 0, 0)
      rotate3d(0, 1, 0, 0deg);
    transform: perspective(400px) scale3d(0.95, 0.95, 0.95) translate3d(0, 0, 0)
      rotate3d(0, 1, 0, 0deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  to {
    -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg);
    transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
}
@keyframes flip {
  from {
    -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, -360deg);
    transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, -360deg);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }

  40% {
    -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px)
      rotate3d(0, 1, 0, -190deg);
    transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px)
      rotate3d(0, 1, 0, -190deg);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }

  50% {
    -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px)
      rotate3d(0, 1, 0, -170deg);
    transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px)
      rotate3d(0, 1, 0, -170deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  80% {
    -webkit-transform: perspective(400px) scale3d(0.95, 0.95, 0.95) translate3d(0, 0, 0)
      rotate3d(0, 1, 0, 0deg);
    transform: perspective(400px) scale3d(0.95, 0.95, 0.95) translate3d(0, 0, 0)
      rotate3d(0, 1, 0, 0deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  to {
    -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg);
    transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
}
.animate__animated.animate__flip {
  -webkit-backface-visibility: visible;
  backface-visibility: visible;
  -webkit-animation-name: flip;
  animation-name: flip;
}
@-webkit-keyframes flipInX {
  from {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    opacity: 0;
  }

  40% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  60% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    opacity: 1;
  }

  80% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
  }

  to {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }
}
@keyframes flipInX {
  from {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    opacity: 0;
  }

  40% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  60% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    opacity: 1;
  }

  80% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
  }

  to {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }
}
.animate__flipInX {
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
  -webkit-animation-name: flipInX;
  animation-name: flipInX;
}
@-webkit-keyframes flipInY {
  from {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    opacity: 0;
  }

  40% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  60% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
    opacity: 1;
  }

  80% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
  }

  to {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }
}
@keyframes flipInY {
  from {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    opacity: 0;
  }

  40% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  60% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
    opacity: 1;
  }

  80% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
  }

  to {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }
}
.animate__flipInY {
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
  -webkit-animation-name: flipInY;
  animation-name: flipInY;
}
@-webkit-keyframes flipOutX {
  from {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }

  30% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    opacity: 1;
  }

  to {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    opacity: 0;
  }
}
@keyframes flipOutX {
  from {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }

  30% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    opacity: 1;
  }

  to {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    opacity: 0;
  }
}
.animate__flipOutX {
  -webkit-animation-duration: calc(1s * 0.75);
  animation-duration: calc(1s * 0.75);
  -webkit-animation-duration: calc(var(--animate-duration) * 0.75);
  animation-duration: calc(var(--animate-duration) * 0.75);
  -webkit-animation-name: flipOutX;
  animation-name: flipOutX;
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
}
@-webkit-keyframes flipOutY {
  from {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }

  30% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
    opacity: 1;
  }

  to {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    opacity: 0;
  }
}
@keyframes flipOutY {
  from {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }

  30% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
    opacity: 1;
  }

  to {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    opacity: 0;
  }
}
.animate__flipOutY {
  -webkit-animation-duration: calc(1s * 0.75);
  animation-duration: calc(1s * 0.75);
  -webkit-animation-duration: calc(var(--animate-duration) * 0.75);
  animation-duration: calc(var(--animate-duration) * 0.75);
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
  -webkit-animation-name: flipOutY;
  animation-name: flipOutY;
}
/* Lightspeed */
@-webkit-keyframes lightSpeedInRight {
  from {
    -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
    transform: translate3d(100%, 0, 0) skewX(-30deg);
    opacity: 0;
  }

  60% {
    -webkit-transform: skewX(20deg);
    transform: skewX(20deg);
    opacity: 1;
  }

  80% {
    -webkit-transform: skewX(-5deg);
    transform: skewX(-5deg);
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@keyframes lightSpeedInRight {
  from {
    -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
    transform: translate3d(100%, 0, 0) skewX(-30deg);
    opacity: 0;
  }

  60% {
    -webkit-transform: skewX(20deg);
    transform: skewX(20deg);
    opacity: 1;
  }

  80% {
    -webkit-transform: skewX(-5deg);
    transform: skewX(-5deg);
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
.animate__lightSpeedInRight {
  -webkit-animation-name: lightSpeedInRight;
  animation-name: lightSpeedInRight;
  -webkit-animation-timing-function: ease-out;
  animation-timing-function: ease-out;
}
@-webkit-keyframes lightSpeedInLeft {
  from {
    -webkit-transform: translate3d(-100%, 0, 0) skewX(30deg);
    transform: translate3d(-100%, 0, 0) skewX(30deg);
    opacity: 0;
  }

  60% {
    -webkit-transform: skewX(-20deg);
    transform: skewX(-20deg);
    opacity: 1;
  }

  80% {
    -webkit-transform: skewX(5deg);
    transform: skewX(5deg);
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@keyframes lightSpeedInLeft {
  from {
    -webkit-transform: translate3d(-100%, 0, 0) skewX(30deg);
    transform: translate3d(-100%, 0, 0) skewX(30deg);
    opacity: 0;
  }

  60% {
    -webkit-transform: skewX(-20deg);
    transform: skewX(-20deg);
    opacity: 1;
  }

  80% {
    -webkit-transform: skewX(5deg);
    transform: skewX(5deg);
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
.animate__lightSpeedInLeft {
  -webkit-animation-name: lightSpeedInLeft;
  animation-name: lightSpeedInLeft;
  -webkit-animation-timing-function: ease-out;
  animation-timing-function: ease-out;
}
@-webkit-keyframes lightSpeedOutRight {
  from {
    opacity: 1;
  }

  to {
    -webkit-transform: translate3d(100%, 0, 0) skewX(30deg);
    transform: translate3d(100%, 0, 0) skewX(30deg);
    opacity: 0;
  }
}
@keyframes lightSpeedOutRight {
  from {
    opacity: 1;
  }

  to {
    -webkit-transform: translate3d(100%, 0, 0) skewX(30deg);
    transform: translate3d(100%, 0, 0) skewX(30deg);
    opacity: 0;
  }
}
.animate__lightSpeedOutRight {
  -webkit-animation-name: lightSpeedOutRight;
  animation-name: lightSpeedOutRight;
  -webkit-animation-timing-function: ease-in;
  animation-timing-function: ease-in;
}
@-webkit-keyframes lightSpeedOutLeft {
  from {
    opacity: 1;
  }

  to {
    -webkit-transform: translate3d(-100%, 0, 0) skewX(-30deg);
    transform: translate3d(-100%, 0, 0) skewX(-30deg);
    opacity: 0;
  }
}
@keyframes lightSpeedOutLeft {
  from {
    opacity: 1;
  }

  to {
    -webkit-transform: translate3d(-100%, 0, 0) skewX(-30deg);
    transform: translate3d(-100%, 0, 0) skewX(-30deg);
    opacity: 0;
  }
}
.animate__lightSpeedOutLeft {
  -webkit-animation-name: lightSpeedOutLeft;
  animation-name: lightSpeedOutLeft;
  -webkit-animation-timing-function: ease-in;
  animation-timing-function: ease-in;
}
/* Rotating entrances */
@-webkit-keyframes rotateIn {
  from {
    -webkit-transform: rotate3d(0, 0, 1, -200deg);
    transform: rotate3d(0, 0, 1, -200deg);
    opacity: 0;
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}
@keyframes rotateIn {
  from {
    -webkit-transform: rotate3d(0, 0, 1, -200deg);
    transform: rotate3d(0, 0, 1, -200deg);
    opacity: 0;
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}
.animate__rotateIn {
  -webkit-animation-name: rotateIn;
  animation-name: rotateIn;
  -webkit-transform-origin: center;
  transform-origin: center;
}
@-webkit-keyframes rotateInDownLeft {
  from {
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}
@keyframes rotateInDownLeft {
  from {
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}
.animate__rotateInDownLeft {
  -webkit-animation-name: rotateInDownLeft;
  animation-name: rotateInDownLeft;
  -webkit-transform-origin: left bottom;
  transform-origin: left bottom;
}
@-webkit-keyframes rotateInDownRight {
  from {
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}
@keyframes rotateInDownRight {
  from {
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}
.animate__rotateInDownRight {
  -webkit-animation-name: rotateInDownRight;
  animation-name: rotateInDownRight;
  -webkit-transform-origin: right bottom;
  transform-origin: right bottom;
}
@-webkit-keyframes rotateInUpLeft {
  from {
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}
@keyframes rotateInUpLeft {
  from {
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}
.animate__rotateInUpLeft {
  -webkit-animation-name: rotateInUpLeft;
  animation-name: rotateInUpLeft;
  -webkit-transform-origin: left bottom;
  transform-origin: left bottom;
}
@-webkit-keyframes rotateInUpRight {
  from {
    -webkit-transform: rotate3d(0, 0, 1, -90deg);
    transform: rotate3d(0, 0, 1, -90deg);
    opacity: 0;
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}
@keyframes rotateInUpRight {
  from {
    -webkit-transform: rotate3d(0, 0, 1, -90deg);
    transform: rotate3d(0, 0, 1, -90deg);
    opacity: 0;
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}
.animate__rotateInUpRight {
  -webkit-animation-name: rotateInUpRight;
  animation-name: rotateInUpRight;
  -webkit-transform-origin: right bottom;
  transform-origin: right bottom;
}
/* Rotating exits */
@-webkit-keyframes rotateOut {
  from {
    opacity: 1;
  }

  to {
    -webkit-transform: rotate3d(0, 0, 1, 200deg);
    transform: rotate3d(0, 0, 1, 200deg);
    opacity: 0;
  }
}
@keyframes rotateOut {
  from {
    opacity: 1;
  }

  to {
    -webkit-transform: rotate3d(0, 0, 1, 200deg);
    transform: rotate3d(0, 0, 1, 200deg);
    opacity: 0;
  }
}
.animate__rotateOut {
  -webkit-animation-name: rotateOut;
  animation-name: rotateOut;
  -webkit-transform-origin: center;
  transform-origin: center;
}
@-webkit-keyframes rotateOutDownLeft {
  from {
    opacity: 1;
  }

  to {
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }
}
@keyframes rotateOutDownLeft {
  from {
    opacity: 1;
  }

  to {
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }
}
.animate__rotateOutDownLeft {
  -webkit-animation-name: rotateOutDownLeft;
  animation-name: rotateOutDownLeft;
  -webkit-transform-origin: left bottom;
  transform-origin: left bottom;
}
@-webkit-keyframes rotateOutDownRight {
  from {
    opacity: 1;
  }

  to {
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }
}
@keyframes rotateOutDownRight {
  from {
    opacity: 1;
  }

  to {
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }
}
.animate__rotateOutDownRight {
  -webkit-animation-name: rotateOutDownRight;
  animation-name: rotateOutDownRight;
  -webkit-transform-origin: right bottom;
  transform-origin: right bottom;
}
@-webkit-keyframes rotateOutUpLeft {
  from {
    opacity: 1;
  }

  to {
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }
}
@keyframes rotateOutUpLeft {
  from {
    opacity: 1;
  }

  to {
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }
}
.animate__rotateOutUpLeft {
  -webkit-animation-name: rotateOutUpLeft;
  animation-name: rotateOutUpLeft;
  -webkit-transform-origin: left bottom;
  transform-origin: left bottom;
}
@-webkit-keyframes rotateOutUpRight {
  from {
    opacity: 1;
  }

  to {
    -webkit-transform: rotate3d(0, 0, 1, 90deg);
    transform: rotate3d(0, 0, 1, 90deg);
    opacity: 0;
  }
}
@keyframes rotateOutUpRight {
  from {
    opacity: 1;
  }

  to {
    -webkit-transform: rotate3d(0, 0, 1, 90deg);
    transform: rotate3d(0, 0, 1, 90deg);
    opacity: 0;
  }
}
.animate__rotateOutUpRight {
  -webkit-animation-name: rotateOutUpRight;
  animation-name: rotateOutUpRight;
  -webkit-transform-origin: right bottom;
  transform-origin: right bottom;
}
/* Specials */
@-webkit-keyframes hinge {
  0% {
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }

  20%,
  60% {
    -webkit-transform: rotate3d(0, 0, 1, 80deg);
    transform: rotate3d(0, 0, 1, 80deg);
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }

  40%,
  80% {
    -webkit-transform: rotate3d(0, 0, 1, 60deg);
    transform: rotate3d(0, 0, 1, 60deg);
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    opacity: 1;
  }

  to {
    -webkit-transform: translate3d(0, 700px, 0);
    transform: translate3d(0, 700px, 0);
    opacity: 0;
  }
}
@keyframes hinge {
  0% {
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }

  20%,
  60% {
    -webkit-transform: rotate3d(0, 0, 1, 80deg);
    transform: rotate3d(0, 0, 1, 80deg);
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }

  40%,
  80% {
    -webkit-transform: rotate3d(0, 0, 1, 60deg);
    transform: rotate3d(0, 0, 1, 60deg);
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    opacity: 1;
  }

  to {
    -webkit-transform: translate3d(0, 700px, 0);
    transform: translate3d(0, 700px, 0);
    opacity: 0;
  }
}
.animate__hinge {
  -webkit-animation-duration: calc(1s * 2);
  animation-duration: calc(1s * 2);
  -webkit-animation-duration: calc(var(--animate-duration) * 2);
  animation-duration: calc(var(--animate-duration) * 2);
  -webkit-animation-name: hinge;
  animation-name: hinge;
  -webkit-transform-origin: top left;
  transform-origin: top left;
}
@-webkit-keyframes jackInTheBox {
  from {
    opacity: 0;
    -webkit-transform: scale(0.1) rotate(30deg);
    transform: scale(0.1) rotate(30deg);
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom;
  }

  50% {
    -webkit-transform: rotate(-10deg);
    transform: rotate(-10deg);
  }

  70% {
    -webkit-transform: rotate(3deg);
    transform: rotate(3deg);
  }

  to {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}
@keyframes jackInTheBox {
  from {
    opacity: 0;
    -webkit-transform: scale(0.1) rotate(30deg);
    transform: scale(0.1) rotate(30deg);
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom;
  }

  50% {
    -webkit-transform: rotate(-10deg);
    transform: rotate(-10deg);
  }

  70% {
    -webkit-transform: rotate(3deg);
    transform: rotate(3deg);
  }

  to {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}
.animate__jackInTheBox {
  -webkit-animation-name: jackInTheBox;
  animation-name: jackInTheBox;
}
/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
@-webkit-keyframes rollIn {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
    transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@keyframes rollIn {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
    transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
.animate__rollIn {
  -webkit-animation-name: rollIn;
  animation-name: rollIn;
}
/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
@-webkit-keyframes rollOut {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
    transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
  }
}
@keyframes rollOut {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
    transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
  }
}
.animate__rollOut {
  -webkit-animation-name: rollOut;
  animation-name: rollOut;
}
/* Zooming entrances */
@-webkit-keyframes zoomIn {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }

  50% {
    opacity: 1;
  }
}
@keyframes zoomIn {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }

  50% {
    opacity: 1;
  }
}
.animate__zoomIn {
  -webkit-animation-name: zoomIn;
  animation-name: zoomIn;
}
@-webkit-keyframes zoomInDown {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}
@keyframes zoomInDown {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}
.animate__zoomInDown {
  -webkit-animation-name: zoomInDown;
  animation-name: zoomInDown;
}
@-webkit-keyframes zoomInLeft {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}
@keyframes zoomInLeft {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}
.animate__zoomInLeft {
  -webkit-animation-name: zoomInLeft;
  animation-name: zoomInLeft;
}
@-webkit-keyframes zoomInRight {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}
@keyframes zoomInRight {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}
.animate__zoomInRight {
  -webkit-animation-name: zoomInRight;
  animation-name: zoomInRight;
}
@-webkit-keyframes zoomInUp {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}
@keyframes zoomInUp {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}
.animate__zoomInUp {
  -webkit-animation-name: zoomInUp;
  animation-name: zoomInUp;
}
/* Zooming exits */
@-webkit-keyframes zoomOut {
  from {
    opacity: 1;
  }

  50% {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }

  to {
    opacity: 0;
  }
}
@keyframes zoomOut {
  from {
    opacity: 1;
  }

  50% {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }

  to {
    opacity: 0;
  }
}
.animate__zoomOut {
  -webkit-animation-name: zoomOut;
  animation-name: zoomOut;
}
@-webkit-keyframes zoomOutDown {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }

  to {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}
@keyframes zoomOutDown {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }

  to {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}
.animate__zoomOutDown {
  -webkit-animation-name: zoomOutDown;
  animation-name: zoomOutDown;
  -webkit-transform-origin: center bottom;
  transform-origin: center bottom;
}
@-webkit-keyframes zoomOutLeft {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
  }

  to {
    opacity: 0;
    -webkit-transform: scale(0.1) translate3d(-2000px, 0, 0);
    transform: scale(0.1) translate3d(-2000px, 0, 0);
  }
}
@keyframes zoomOutLeft {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
  }

  to {
    opacity: 0;
    -webkit-transform: scale(0.1) translate3d(-2000px, 0, 0);
    transform: scale(0.1) translate3d(-2000px, 0, 0);
  }
}
.animate__zoomOutLeft {
  -webkit-animation-name: zoomOutLeft;
  animation-name: zoomOutLeft;
  -webkit-transform-origin: left center;
  transform-origin: left center;
}
@-webkit-keyframes zoomOutRight {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
  }

  to {
    opacity: 0;
    -webkit-transform: scale(0.1) translate3d(2000px, 0, 0);
    transform: scale(0.1) translate3d(2000px, 0, 0);
  }
}
@keyframes zoomOutRight {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
  }

  to {
    opacity: 0;
    -webkit-transform: scale(0.1) translate3d(2000px, 0, 0);
    transform: scale(0.1) translate3d(2000px, 0, 0);
  }
}
.animate__zoomOutRight {
  -webkit-animation-name: zoomOutRight;
  animation-name: zoomOutRight;
  -webkit-transform-origin: right center;
  transform-origin: right center;
}
@-webkit-keyframes zoomOutUp {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }

  to {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}
@keyframes zoomOutUp {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }

  to {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}
.animate__zoomOutUp {
  -webkit-animation-name: zoomOutUp;
  animation-name: zoomOutUp;
  -webkit-transform-origin: center bottom;
  transform-origin: center bottom;
}
/* Sliding entrances */
@-webkit-keyframes slideInDown {
  from {
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
    visibility: visible;
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@keyframes slideInDown {
  from {
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
    visibility: visible;
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
.animate__slideInDown {
  -webkit-animation-name: slideInDown;
  animation-name: slideInDown;
}
@-webkit-keyframes slideInLeft {
  from {
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
    visibility: visible;
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@keyframes slideInLeft {
  from {
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
    visibility: visible;
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
.animate__slideInLeft {
  -webkit-animation-name: slideInLeft;
  animation-name: slideInLeft;
}
@-webkit-keyframes slideInRight {
  from {
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
    visibility: visible;
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@keyframes slideInRight {
  from {
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
    visibility: visible;
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
.animate__slideInRight {
  -webkit-animation-name: slideInRight;
  animation-name: slideInRight;
}
@-webkit-keyframes slideInUp {
  from {
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
    visibility: visible;
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@keyframes slideInUp {
  from {
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
    visibility: visible;
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
.animate__slideInUp {
  -webkit-animation-name: slideInUp;
  animation-name: slideInUp;
}
/* Sliding exits */
@-webkit-keyframes slideOutDown {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  to {
    visibility: hidden;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }
}
@keyframes slideOutDown {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  to {
    visibility: hidden;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }
}
.animate__slideOutDown {
  -webkit-animation-name: slideOutDown;
  animation-name: slideOutDown;
}
@-webkit-keyframes slideOutLeft {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  to {
    visibility: hidden;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }
}
@keyframes slideOutLeft {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  to {
    visibility: hidden;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }
}
.animate__slideOutLeft {
  -webkit-animation-name: slideOutLeft;
  animation-name: slideOutLeft;
}
@-webkit-keyframes slideOutRight {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  to {
    visibility: hidden;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }
}
@keyframes slideOutRight {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  to {
    visibility: hidden;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }
}
.animate__slideOutRight {
  -webkit-animation-name: slideOutRight;
  animation-name: slideOutRight;
}
@-webkit-keyframes slideOutUp {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  to {
    visibility: hidden;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }
}
@keyframes slideOutUp {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  to {
    visibility: hidden;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }
}
.animate__slideOutUp {
  -webkit-animation-name: slideOutUp;
  animation-name: slideOutUp;
}

.dk-select,
.dk-select *,
.dk-select *:before,
.dk-select *:after,
.dk-select-multi,
.dk-select-multi *,
.dk-select-multi *:before,
.dk-select-multi *:after {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }

.dk-select,
.dk-select-multi {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  line-height: 1.5em;
  width: 200px;
  cursor: pointer; }

.dk-selected {
  width: 100%;
  white-space: nowrap;
  overflow: hidden;
  position: relative;
  background-color: white;
  border: 1px solid #CCCCCC;
  border-radius: 0.4em;
  padding: 0 1.5em 0 0.5em;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis; }
  .dk-selected:before, .dk-selected:after {
    content: '';
    display: block;
    position: absolute;
    right: 0; }
  .dk-selected:before {
    top: 50%;
    border: solid transparent;
    border-width: 0.25em 0.25em 0;
    border-top-color: #CCCCCC;
    margin: -0.125em 0.5em 0 0; }
  .dk-selected:after {
    top: 0;
    height: 100%;
    border-left: 1px solid #CCCCCC;
    margin: 0 1.5em 0 0; }

.dk-selected-disabled {
  color: #BBBBBB; }

.dk-select .dk-select-options {
  position: absolute;
  display: none;
  left: 0;
  right: 0; }

.dk-select-open-up .dk-select-options {
  border-radius: 0.4em 0.4em 0 0;
  margin-bottom: -1px;
  bottom: 100%; }

.dk-select-open-down .dk-select-options {
  border-radius: 0 0 0.4em 0.4em;
  margin-top: -1px;
  top: 100%; }

.dk-select-multi .dk-select-options {
  max-height: 10em; }

.dk-select-options {
  background-color: white;
  border: 1px solid #CCCCCC;
  border-radius: 0.4em;
  list-style: none;
  margin: 0;
  max-height: 10.5em;
  overflow-x: hidden;
  overflow-y: auto;
  padding: 0.25em 0;
  width: auto;
  z-index: 100; }

.dk-option-selected {
  background-color: #3297fd;
  color: #fff; }

.dk-select-options-highlight .dk-option-selected {
  background-color: transparent;
  color: inherit; }

.dk-option {
  padding: 0 0.5em; }

.dk-select-options .dk-option-highlight {
  background-color: #3297fd;
  color: #fff; }

.dk-select-options .dk-option-disabled {
  color: #BBBBBB;
  background-color: transparent; }

.dk-select-options .dk-option-hidden {
  display: none; }

.dk-optgroup {
  border: solid #CCCCCC;
  border-width: 1px 0;
  padding: 0.25em 0;
  margin-top: 0.25em; }
  .dk-optgroup + .dk-option {
    margin-top: 0.25em; }
  .dk-optgroup + .dk-optgroup {
    border-top-width: 0;
    margin-top: 0; }
  .dk-optgroup:nth-child(2) {
    padding-top: 0;
    border-top: none;
    margin-top: 0; }
  .dk-optgroup:last-child {
    border-bottom-width: 0;
    margin-bottom: 0;
    padding-bottom: 0; }

.dk-optgroup-disabled {
  opacity: 0.6;
  color: #BBBBBB;
  cursor: not-allowed; }

.dk-optgroup-label {
  padding: 0 0.5em 0.25em;
  font-weight: bold;
  width: 100%; }

.dk-optgroup-options {
  list-style: none;
  padding-left: 0; }
  .dk-optgroup-options li {
    padding-left: 1.2em; }

.dk-select-open-up .dk-selected {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  border-color: #3297fd; }

.dk-select-open-down .dk-selected {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
  border-color: #3297fd; }

.dk-select-open-up .dk-selected:before,
.dk-select-open-down .dk-selected:before {
  border-width: 0 0.25em 0.25em;
  border-bottom-color: #3297fd; }

.dk-select-open-up .dk-selected:after,
.dk-select-open-down .dk-selected:after {
  border-left-color: #3297fd; }

.dk-select-open-up .dk-select-options,
.dk-select-open-down .dk-select-options,
.dk-select-multi:focus .dk-select-options {
  display: block;
  border-color: #3297fd; }

.dk-select-multi:hover,
.dk-select-multi:focus {
  outline: none; }

.dk-selected:hover,
.dk-selected:focus {
  outline: none;
  border-color: #3297fd; }
  .dk-selected:hover:before,
  .dk-selected:focus:before {
    border-top-color: #3297fd; }
  .dk-selected:hover:after,
  .dk-selected:focus:after {
    border-left-color: #3297fd; }

.dk-select-disabled {
  opacity: 0.6;
  color: #BBBBBB;
  cursor: not-allowed; }
  .dk-select-disabled .dk-selected:hover, .dk-select-disabled .dk-selected:focus {
    border-color: inherit; }
    .dk-select-disabled .dk-selected:hover:before, .dk-select-disabled .dk-selected:focus:before {
      border-top-color: inherit; }
    .dk-select-disabled .dk-selected:hover:after, .dk-select-disabled .dk-selected:focus:after {
      border-left-color: inherit; }

select[data-dkcacheid] {
  display: none; }

:root{--f-spinner-width: 36px;--f-spinner-height: 36px;--f-spinner-color-1: rgba(0, 0, 0, 0.1);--f-spinner-color-2: rgba(17, 24, 28, 0.8);--f-spinner-stroke: 2.75}.f-spinner{margin:auto;padding:0;width:var(--f-spinner-width);height:var(--f-spinner-height)}.f-spinner svg{width:100%;height:100%;vertical-align:top;animation:f-spinner-rotate 2s linear infinite}.f-spinner svg *{stroke-width:var(--f-spinner-stroke);fill:none}.f-spinner svg *:first-child{stroke:var(--f-spinner-color-1)}.f-spinner svg *:last-child{stroke:var(--f-spinner-color-2);animation:f-spinner-dash 2s ease-in-out infinite}@keyframes f-spinner-rotate{100%{transform:rotate(360deg)}}@keyframes f-spinner-dash{0%{stroke-dasharray:1,150;stroke-dashoffset:0}50%{stroke-dasharray:90,150;stroke-dashoffset:-35}100%{stroke-dasharray:90,150;stroke-dashoffset:-124}}.f-throwOutUp{animation:var(--f-throw-out-duration, 0.175s) ease-out both f-throwOutUp}.f-throwOutDown{animation:var(--f-throw-out-duration, 0.175s) ease-out both f-throwOutDown}@keyframes f-throwOutUp{to{transform:translate3d(0, calc(var(--f-throw-out-distance, 150px) * -1), 0);opacity:0}}@keyframes f-throwOutDown{to{transform:translate3d(0, var(--f-throw-out-distance, 150px), 0);opacity:0}}.f-zoomInUp{animation:var(--f-transition-duration, 0.2s) ease .1s both f-zoomInUp}.f-zoomOutDown{animation:var(--f-transition-duration, 0.2s) ease both f-zoomOutDown}@keyframes f-zoomInUp{from{transform:scale(0.975) translate3d(0, 16px, 0);opacity:0}to{transform:scale(1) translate3d(0, 0, 0);opacity:1}}@keyframes f-zoomOutDown{to{transform:scale(0.975) translate3d(0, 16px, 0);opacity:0}}.f-fadeIn{animation:var(--f-transition-duration, 0.2s) var(--f-transition-easing, ease) var(--f-transition-delay, 0s) both f-fadeIn;z-index:2}.f-fadeOut{animation:var(--f-transition-duration, 0.2s) var(--f-transition-easing, ease) var(--f-transition-delay, 0s) both f-fadeOut;z-index:1}@keyframes f-fadeIn{0%{opacity:0}100%{opacity:1}}@keyframes f-fadeOut{100%{opacity:0}}.f-fadeFastIn{animation:var(--f-transition-duration, 0.2s) ease-out both f-fadeFastIn;z-index:2}.f-fadeFastOut{animation:var(--f-transition-duration, 0.1s) ease-out both f-fadeFastOut;z-index:2}@keyframes f-fadeFastIn{0%{opacity:.75}100%{opacity:1}}@keyframes f-fadeFastOut{100%{opacity:0}}.f-fadeSlowIn{animation:var(--f-transition-duration, 0.5s) ease both f-fadeSlowIn;z-index:2}.f-fadeSlowOut{animation:var(--f-transition-duration, 0.5s) ease both f-fadeSlowOut;z-index:1}@keyframes f-fadeSlowIn{0%{opacity:0}100%{opacity:1}}@keyframes f-fadeSlowOut{100%{opacity:0}}.f-crossfadeIn{animation:var(--f-transition-duration, 0.2s) ease-out both f-crossfadeIn;z-index:2}.f-crossfadeOut{animation:calc(var(--f-transition-duration, 0.2s)*.5) linear .1s both f-crossfadeOut;z-index:1}@keyframes f-crossfadeIn{0%{opacity:0}100%{opacity:1}}@keyframes f-crossfadeOut{100%{opacity:0}}.f-slideIn.from-next{animation:var(--f-transition-duration, 0.85s) cubic-bezier(0.16, 1, 0.3, 1) f-slideInNext}.f-slideIn.from-prev{animation:var(--f-transition-duration, 0.85s) cubic-bezier(0.16, 1, 0.3, 1) f-slideInPrev}.f-slideOut.to-next{animation:var(--f-transition-duration, 0.85s) cubic-bezier(0.16, 1, 0.3, 1) f-slideOutNext}.f-slideOut.to-prev{animation:var(--f-transition-duration, 0.85s) cubic-bezier(0.16, 1, 0.3, 1) f-slideOutPrev}@keyframes f-slideInPrev{0%{transform:translateX(100%)}100%{transform:translate3d(0, 0, 0)}}@keyframes f-slideInNext{0%{transform:translateX(-100%)}100%{transform:translate3d(0, 0, 0)}}@keyframes f-slideOutNext{100%{transform:translateX(-100%)}}@keyframes f-slideOutPrev{100%{transform:translateX(100%)}}.f-classicIn.from-next{animation:var(--f-transition-duration, 0.85s) cubic-bezier(0.16, 1, 0.3, 1) f-classicInNext;z-index:2}.f-classicIn.from-prev{animation:var(--f-transition-duration, 0.85s) cubic-bezier(0.16, 1, 0.3, 1) f-classicInPrev;z-index:2}.f-classicOut.to-next{animation:var(--f-transition-duration, 0.85s) cubic-bezier(0.16, 1, 0.3, 1) f-classicOutNext;z-index:1}.f-classicOut.to-prev{animation:var(--f-transition-duration, 0.85s) cubic-bezier(0.16, 1, 0.3, 1) f-classicOutPrev;z-index:1}@keyframes f-classicInNext{0%{transform:translateX(-75px);opacity:0}100%{transform:translate3d(0, 0, 0);opacity:1}}@keyframes f-classicInPrev{0%{transform:translateX(75px);opacity:0}100%{transform:translate3d(0, 0, 0);opacity:1}}@keyframes f-classicOutNext{100%{transform:translateX(-75px);opacity:0}}@keyframes f-classicOutPrev{100%{transform:translateX(75px);opacity:0}}:root{--f-button-width: 40px;--f-button-height: 40px;--f-button-border: 0;--f-button-border-radius: 0;--f-button-color: #374151;--f-button-bg: #f8f8f8;--f-button-hover-bg: #e0e0e0;--f-button-active-bg: #d0d0d0;--f-button-shadow: none;--f-button-transition: all 0.15s ease;--f-button-transform: none;--f-button-svg-width: 20px;--f-button-svg-height: 20px;--f-button-svg-stroke-width: 1.5;--f-button-svg-fill: none;--f-button-svg-filter: none;--f-button-svg-disabled-opacity: 0.65}.f-button{display:flex;justify-content:center;align-items:center;box-sizing:content-box;position:relative;margin:0;padding:0;width:var(--f-button-width);height:var(--f-button-height);border:var(--f-button-border);border-radius:var(--f-button-border-radius);color:var(--f-button-color);background:var(--f-button-bg);box-shadow:var(--f-button-shadow);pointer-events:all;cursor:pointer;transition:var(--f-button-transition)}@media(hover: hover){.f-button:hover:not([disabled]){color:var(--f-button-hover-color);background-color:var(--f-button-hover-bg)}}.f-button:active:not([disabled]){background-color:var(--f-button-active-bg)}.f-button:focus:not(:focus-visible){outline:none}.f-button:focus-visible{outline:none;box-shadow:inset 0 0 0 var(--f-button-outline, 2px) var(--f-button-outline-color, var(--f-button-color))}.f-button svg{width:var(--f-button-svg-width);height:var(--f-button-svg-height);fill:var(--f-button-svg-fill);stroke:currentColor;stroke-width:var(--f-button-svg-stroke-width);stroke-linecap:round;stroke-linejoin:round;transition:opacity .15s ease;transform:var(--f-button-transform);filter:var(--f-button-svg-filter);pointer-events:none}.f-button[disabled]{cursor:default}.f-button[disabled] svg{opacity:var(--f-button-svg-disabled-opacity)}.f-carousel__nav .f-button.is-prev,.f-carousel__nav .f-button.is-next,.fancybox__nav .f-button.is-prev,.fancybox__nav .f-button.is-next{position:absolute;z-index:1}.is-horizontal .f-carousel__nav .f-button.is-prev,.is-horizontal .f-carousel__nav .f-button.is-next,.is-horizontal .fancybox__nav .f-button.is-prev,.is-horizontal .fancybox__nav .f-button.is-next{top:50%;transform:translateY(-50%)}.is-horizontal .f-carousel__nav .f-button.is-prev,.is-horizontal .fancybox__nav .f-button.is-prev{left:var(--f-button-prev-pos)}.is-horizontal .f-carousel__nav .f-button.is-next,.is-horizontal .fancybox__nav .f-button.is-next{right:var(--f-button-next-pos)}.is-horizontal.is-rtl .f-carousel__nav .f-button.is-prev,.is-horizontal.is-rtl .fancybox__nav .f-button.is-prev{left:auto;right:var(--f-button-next-pos)}.is-horizontal.is-rtl .f-carousel__nav .f-button.is-next,.is-horizontal.is-rtl .fancybox__nav .f-button.is-next{right:auto;left:var(--f-button-prev-pos)}.is-vertical .f-carousel__nav .f-button.is-prev,.is-vertical .f-carousel__nav .f-button.is-next,.is-vertical .fancybox__nav .f-button.is-prev,.is-vertical .fancybox__nav .f-button.is-next{top:auto;left:50%;transform:translateX(-50%)}.is-vertical .f-carousel__nav .f-button.is-prev,.is-vertical .fancybox__nav .f-button.is-prev{top:var(--f-button-next-pos)}.is-vertical .f-carousel__nav .f-button.is-next,.is-vertical .fancybox__nav .f-button.is-next{bottom:var(--f-button-next-pos)}.is-vertical .f-carousel__nav .f-button.is-prev svg,.is-vertical .f-carousel__nav .f-button.is-next svg,.is-vertical .fancybox__nav .f-button.is-prev svg,.is-vertical .fancybox__nav .f-button.is-next svg{transform:rotate(90deg)}.f-carousel__nav .f-button:disabled,.fancybox__nav .f-button:disabled{pointer-events:none}html.with-fancybox{width:auto;overflow:visible;scroll-behavior:auto}html.with-fancybox body{touch-action:none}html.with-fancybox body.hide-scrollbar{width:auto;margin-right:calc(var(--fancybox-body-margin, 0px) + var(--fancybox-scrollbar-compensate, 0px));overflow:hidden !important;overscroll-behavior-y:none}.fancybox__container{--fancybox-color: #dbdbdb;--fancybox-hover-color: #fff;--fancybox-bg: rgba(24, 24, 27, 0.98);--fancybox-slide-gap: 10px;--f-spinner-width: 50px;--f-spinner-height: 50px;--f-spinner-color-1: rgba(255, 255, 255, 0.1);--f-spinner-color-2: #bbb;--f-spinner-stroke: 3.65;position:fixed;top:0;left:0;bottom:0;right:0;direction:ltr;display:flex;flex-direction:column;box-sizing:border-box;margin:0;padding:0;color:#f8f8f8;-webkit-tap-highlight-color:rgba(0,0,0,0);overflow:visible;z-index:var(--fancybox-zIndex, 1050);outline:none;transform-origin:top left;-webkit-text-size-adjust:100%;-moz-text-size-adjust:none;-ms-text-size-adjust:100%;text-size-adjust:100%;overscroll-behavior-y:contain}.fancybox__container *,.fancybox__container *::before,.fancybox__container *::after{box-sizing:inherit}.fancybox__container::backdrop{background-color:rgba(0,0,0,0)}.fancybox__backdrop{position:fixed;top:0;left:0;bottom:0;right:0;z-index:-1;background:var(--fancybox-bg);opacity:var(--fancybox-opacity, 1);will-change:opacity}.fancybox__carousel{position:relative;box-sizing:border-box;flex:1;min-height:0;z-index:10;overflow-y:visible;overflow-x:clip}.fancybox__viewport{width:100%;height:100%}.fancybox__viewport.is-draggable{cursor:move;cursor:grab}.fancybox__viewport.is-dragging{cursor:move;cursor:grabbing}.fancybox__track{display:flex;margin:0 auto;height:100%}.fancybox__slide{flex:0 0 auto;position:relative;display:flex;flex-direction:column;align-items:center;width:100%;height:100%;margin:0 var(--fancybox-slide-gap) 0 0;padding:4px;overflow:auto;overscroll-behavior:contain;transform:translate3d(0, 0, 0);backface-visibility:hidden}.fancybox__container:not(.is-compact) .fancybox__slide.has-close-btn{padding-top:40px}.fancybox__slide.has-iframe,.fancybox__slide.has-video,.fancybox__slide.has-html5video{overflow:hidden}.fancybox__slide.has-image{overflow:hidden}.fancybox__slide.has-image.is-animating,.fancybox__slide.has-image.is-selected{overflow:visible}.fancybox__slide::before,.fancybox__slide::after{content:"";flex:0 0 0;margin:auto}.fancybox__backdrop:empty,.fancybox__viewport:empty,.fancybox__track:empty,.fancybox__slide:empty{display:block}.fancybox__content{align-self:center;display:flex;flex-direction:column;position:relative;margin:0;padding:2rem;max-width:100%;color:var(--fancybox-content-color, #374151);background:var(--fancybox-content-bg, #fff);cursor:default;border-radius:0;z-index:20}.is-loading .fancybox__content{opacity:0}.is-draggable .fancybox__content{cursor:move;cursor:grab}.can-zoom_in .fancybox__content{cursor:zoom-in}.can-zoom_out .fancybox__content{cursor:zoom-out}.is-dragging .fancybox__content{cursor:move;cursor:grabbing}.fancybox__content [data-selectable],.fancybox__content [contenteditable]{cursor:auto}.fancybox__slide.has-image>.fancybox__content{padding:0;background:rgba(0,0,0,0);min-height:1px;background-repeat:no-repeat;background-size:contain;background-position:center center;transition:none;transform:translate3d(0, 0, 0);backface-visibility:hidden}.fancybox__slide.has-image>.fancybox__content>picture>img{width:100%;height:auto;max-height:100%}.is-animating .fancybox__content,.is-dragging .fancybox__content{will-change:transform,width,height}.fancybox-image{margin:auto;display:block;width:100%;height:100%;min-height:0;object-fit:contain;user-select:none;filter:blur(0px)}.fancybox__caption{align-self:center;max-width:100%;flex-shrink:0;margin:0;padding:14px 0 4px 0;overflow-wrap:anywhere;line-height:1.375;color:var(--fancybox-color, currentColor);opacity:var(--fancybox-opacity, 1);cursor:auto;visibility:visible}.is-loading .fancybox__caption,.is-closing .fancybox__caption{opacity:0;visibility:hidden}.is-compact .fancybox__caption{padding-bottom:0}.f-button.is-close-btn{--f-button-svg-stroke-width: 2;position:absolute;top:0;right:8px;z-index:40}.fancybox__content>.f-button.is-close-btn{--f-button-width: 34px;--f-button-height: 34px;--f-button-border-radius: 4px;--f-button-color: var(--fancybox-color, #fff);--f-button-hover-color: var(--fancybox-color, #fff);--f-button-bg: transparent;--f-button-hover-bg: transparent;--f-button-active-bg: transparent;--f-button-svg-width: 22px;--f-button-svg-height: 22px;position:absolute;top:-38px;right:0;opacity:.75}.is-loading .fancybox__content>.f-button.is-close-btn{visibility:hidden}.is-zooming-out .fancybox__content>.f-button.is-close-btn{visibility:hidden}.fancybox__content>.f-button.is-close-btn:hover{opacity:1}.fancybox__footer{padding:0;margin:0;position:relative}.fancybox__footer .fancybox__caption{width:100%;padding:24px;opacity:var(--fancybox-opacity, 1);transition:all .25s ease}.is-compact .fancybox__footer{position:absolute;bottom:0;left:0;right:0;z-index:20;background:rgba(24,24,27,.5)}.is-compact .fancybox__footer .fancybox__caption{padding:12px}.is-compact .fancybox__content>.f-button.is-close-btn{--f-button-border-radius: 50%;--f-button-color: #fff;--f-button-hover-color: #fff;--f-button-outline-color: #000;--f-button-bg: rgba(0, 0, 0, 0.6);--f-button-active-bg: rgba(0, 0, 0, 0.6);--f-button-hover-bg: rgba(0, 0, 0, 0.6);--f-button-svg-width: 18px;--f-button-svg-height: 18px;--f-button-svg-filter: none;top:5px;right:5px}.fancybox__nav{--f-button-width: 50px;--f-button-height: 50px;--f-button-border: 0;--f-button-border-radius: 50%;--f-button-color: var(--fancybox-color);--f-button-hover-color: var(--fancybox-hover-color);--f-button-bg: transparent;--f-button-hover-bg: rgba(24, 24, 27, 0.3);--f-button-active-bg: rgba(24, 24, 27, 0.5);--f-button-shadow: none;--f-button-transition: all 0.15s ease;--f-button-transform: none;--f-button-svg-width: 26px;--f-button-svg-height: 26px;--f-button-svg-stroke-width: 2.5;--f-button-svg-fill: none;--f-button-svg-filter: drop-shadow(1px 1px 1px rgba(24, 24, 27, 0.5));--f-button-svg-disabled-opacity: 0.65;--f-button-next-pos: 1rem;--f-button-prev-pos: 1rem;opacity:var(--fancybox-opacity, 1)}.fancybox__nav .f-button:before{position:absolute;content:"";top:-30px;right:-20px;left:-20px;bottom:-30px;z-index:1}.is-idle .fancybox__nav{animation:.15s ease-out both f-fadeOut}.is-idle.is-compact .fancybox__footer{pointer-events:none;animation:.15s ease-out both f-fadeOut}.fancybox__slide>.f-spinner{position:absolute;top:50%;left:50%;margin:var(--f-spinner-top, calc(var(--f-spinner-width) * -0.5)) 0 0 var(--f-spinner-left, calc(var(--f-spinner-height) * -0.5));z-index:30;cursor:pointer}.fancybox-protected{position:absolute;top:0;left:0;right:0;bottom:0;z-index:40;user-select:none}.fancybox-ghost{position:absolute;top:0;left:0;width:100%;height:100%;min-height:0;object-fit:contain;z-index:40;user-select:none;pointer-events:none}.fancybox-focus-guard{outline:none;opacity:0;position:fixed;pointer-events:none}.fancybox__container:not([aria-hidden]){opacity:0}.fancybox__container.is-animated[aria-hidden=false]>*:not(.fancybox__backdrop,.fancybox__carousel),.fancybox__container.is-animated[aria-hidden=false] .fancybox__carousel>*:not(.fancybox__viewport),.fancybox__container.is-animated[aria-hidden=false] .fancybox__slide>*:not(.fancybox__content){animation:var(--f-interface-enter-duration, 0.25s) ease .1s backwards f-fadeIn}.fancybox__container.is-animated[aria-hidden=false] .fancybox__backdrop{animation:var(--f-backdrop-enter-duration, 0.35s) ease backwards f-fadeIn}.fancybox__container.is-animated[aria-hidden=true]>*:not(.fancybox__backdrop,.fancybox__carousel),.fancybox__container.is-animated[aria-hidden=true] .fancybox__carousel>*:not(.fancybox__viewport),.fancybox__container.is-animated[aria-hidden=true] .fancybox__slide>*:not(.fancybox__content){animation:var(--f-interface-exit-duration, 0.15s) ease forwards f-fadeOut}.fancybox__container.is-animated[aria-hidden=true] .fancybox__backdrop{animation:var(--f-backdrop-exit-duration, 0.35s) ease forwards f-fadeOut}.has-iframe .fancybox__content,.has-map .fancybox__content,.has-pdf .fancybox__content,.has-youtube .fancybox__content,.has-vimeo .fancybox__content,.has-html5video .fancybox__content{max-width:100%;flex-shrink:1;min-height:1px;overflow:visible}.has-iframe .fancybox__content,.has-map .fancybox__content,.has-pdf .fancybox__content{width:calc(100% - 120px);height:90%}.fancybox__container.is-compact .has-iframe .fancybox__content,.fancybox__container.is-compact .has-map .fancybox__content,.fancybox__container.is-compact .has-pdf .fancybox__content{width:100%;height:100%}.has-youtube .fancybox__content,.has-vimeo .fancybox__content,.has-html5video .fancybox__content{width:960px;height:540px;max-width:100%;max-height:100%}.has-map .fancybox__content,.has-pdf .fancybox__content,.has-youtube .fancybox__content,.has-vimeo .fancybox__content,.has-html5video .fancybox__content{padding:0;background:rgba(24,24,27,.9);color:#fff}.has-map .fancybox__content{background:#e5e3df}.fancybox__html5video,.fancybox__iframe{border:0;display:block;height:100%;width:100%;background:rgba(0,0,0,0)}.fancybox-placeholder{border:0 !important;clip:rect(1px, 1px, 1px, 1px) !important;-webkit-clip-path:inset(50%) !important;clip-path:inset(50%) !important;height:1px !important;margin:-1px !important;overflow:hidden !important;padding:0 !important;position:absolute !important;width:1px !important;white-space:nowrap !important}.f-carousel__thumbs{--f-thumb-width: 96px;--f-thumb-height: 72px;--f-thumb-outline: 0;--f-thumb-outline-color: #5eb0ef;--f-thumb-opacity: 1;--f-thumb-hover-opacity: 1;--f-thumb-selected-opacity: 1;--f-thumb-border-radius: 2px;--f-thumb-offset: 0px;--f-button-next-pos: 0;--f-button-prev-pos: 0}.f-carousel__thumbs.is-classic{--f-thumb-gap: 8px;--f-thumb-opacity: 0.5;--f-thumb-hover-opacity: 1;--f-thumb-selected-opacity: 1}.f-carousel__thumbs.is-modern{--f-thumb-gap: 4px;--f-thumb-extra-gap: 16px;--f-thumb-clip-width: 46px}.f-thumbs{position:relative;flex:0 0 auto;margin:0;overflow:hidden;-webkit-tap-highlight-color:rgba(0,0,0,0);user-select:none;perspective:1000px;transform:translateZ(0)}.f-thumbs .f-spinner{position:absolute;top:0;left:0;width:100%;height:100%;border-radius:2px;background-image:linear-gradient(#ebeff2, #e2e8f0);z-index:-1}.f-thumbs .f-spinner svg{display:none}.f-thumbs.is-vertical{height:100%}.f-thumbs__viewport{width:100%;height:auto;overflow:hidden;transform:translate3d(0, 0, 0)}.f-thumbs__track{display:flex}.f-thumbs__slide{position:relative;flex:0 0 auto;box-sizing:content-box;display:flex;align-items:center;justify-content:center;padding:0;margin:0;width:var(--f-thumb-width);height:var(--f-thumb-height);overflow:visible;cursor:pointer}.f-thumbs__slide.is-loading img{opacity:0}.is-classic .f-thumbs__viewport{height:100%}.is-modern .f-thumbs__track{width:max-content}.is-modern .f-thumbs__track::before{content:"";position:absolute;top:0;bottom:0;left:calc((var(--f-thumb-clip-width, 0))*-0.5);width:calc(var(--width, 0)*1px + var(--f-thumb-clip-width, 0));cursor:pointer}.is-modern .f-thumbs__slide{width:var(--f-thumb-clip-width);transform:translate3d(calc(var(--shift, 0) * -1px), 0, 0);transition:none;pointer-events:none}.is-modern.is-resting .f-thumbs__slide{transition:transform .33s ease}.is-modern.is-resting .f-thumbs__slide__button{transition:clip-path .33s ease}.is-using-tab .is-modern .f-thumbs__slide:focus-within{filter:drop-shadow(-1px 0px 0px var(--f-thumb-outline-color)) drop-shadow(2px 0px 0px var(--f-thumb-outline-color)) drop-shadow(0px -1px 0px var(--f-thumb-outline-color)) drop-shadow(0px 2px 0px var(--f-thumb-outline-color))}.f-thumbs__slide__button{appearance:none;width:var(--f-thumb-width);height:100%;margin:0 -100% 0 -100%;padding:0;border:0;position:relative;border-radius:var(--f-thumb-border-radius);overflow:hidden;background:rgba(0,0,0,0);outline:none;cursor:pointer;pointer-events:auto;touch-action:manipulation;opacity:var(--f-thumb-opacity);transition:opacity .2s ease}.f-thumbs__slide__button:hover{opacity:var(--f-thumb-hover-opacity)}.f-thumbs__slide__button:focus:not(:focus-visible){outline:none}.f-thumbs__slide__button:focus-visible{outline:none;opacity:var(--f-thumb-selected-opacity)}.is-modern .f-thumbs__slide__button{--clip-path: inset( 0 calc( ((var(--f-thumb-width, 0) - var(--f-thumb-clip-width, 0))) * (1 - var(--progress, 0)) * 0.5 ) round var(--f-thumb-border-radius, 0) );clip-path:var(--clip-path)}.is-classic .is-nav-selected .f-thumbs__slide__button{opacity:var(--f-thumb-selected-opacity)}.is-classic .is-nav-selected .f-thumbs__slide__button::after{content:"";position:absolute;top:0;left:0;right:0;height:auto;bottom:0;border:var(--f-thumb-outline, 0) solid var(--f-thumb-outline-color, transparent);border-radius:var(--f-thumb-border-radius);animation:f-fadeIn .2s ease-out;z-index:10}.f-thumbs__slide__img{overflow:hidden;position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;margin:0;padding:var(--f-thumb-offset);box-sizing:border-box;pointer-events:none;object-fit:cover;border-radius:var(--f-thumb-border-radius)}.f-thumbs.is-horizontal .f-thumbs__track{padding:8px 0 12px 0}.f-thumbs.is-horizontal .f-thumbs__slide{margin:0 var(--f-thumb-gap) 0 0}.f-thumbs.is-vertical .f-thumbs__track{flex-wrap:wrap;padding:0 8px}.f-thumbs.is-vertical .f-thumbs__slide{margin:0 0 var(--f-thumb-gap) 0}.fancybox__thumbs{--f-thumb-width: 96px;--f-thumb-height: 72px;--f-thumb-border-radius: 2px;--f-thumb-outline: 2px;--f-thumb-outline-color: #ededed;position:relative;opacity:var(--fancybox-opacity, 1);transition:max-height .35s cubic-bezier(0.23, 1, 0.32, 1)}.fancybox__thumbs.is-classic{--f-thumb-gap: 8px;--f-thumb-opacity: 0.5;--f-thumb-hover-opacity: 1}.fancybox__thumbs.is-classic .f-spinner{background-image:linear-gradient(rgba(255, 255, 255, 0.1), rgba(255, 255, 255, 0.05))}.fancybox__thumbs.is-modern{--f-thumb-gap: 4px;--f-thumb-extra-gap: 16px;--f-thumb-clip-width: 46px;--f-thumb-opacity: 1;--f-thumb-hover-opacity: 1}.fancybox__thumbs.is-modern .f-spinner{background-image:linear-gradient(rgba(255, 255, 255, 0.1), rgba(255, 255, 255, 0.05))}.fancybox__thumbs.is-horizontal{padding:0 var(--f-thumb-gap)}.fancybox__thumbs.is-vertical{padding:var(--f-thumb-gap) 0}.is-compact .fancybox__thumbs{--f-thumb-width: 64px;--f-thumb-clip-width: 32px;--f-thumb-height: 48px;--f-thumb-extra-gap: 10px}.fancybox__thumbs.is-masked{max-height:0px !important}.is-closing .fancybox__thumbs{transition:none !important}.fancybox__toolbar{--f-progress-color: var(--fancybox-color, rgba(255, 255, 255, 0.94));--f-button-width: 46px;--f-button-height: 46px;--f-button-color: var(--fancybox-color);--f-button-hover-color: var(--fancybox-hover-color);--f-button-bg: rgba(24, 24, 27, 0.65);--f-button-hover-bg: rgba(70, 70, 73, 0.65);--f-button-active-bg: rgba(90, 90, 93, 0.65);--f-button-border-radius: 0;--f-button-svg-width: 24px;--f-button-svg-height: 24px;--f-button-svg-stroke-width: 1.5;--f-button-svg-filter: drop-shadow(1px 1px 1px rgba(24, 24, 27, 0.15));--f-button-svg-fill: none;--f-button-svg-disabled-opacity: 0.65;display:flex;flex-direction:row;justify-content:space-between;margin:0;padding:0;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI Adjusted","Segoe UI","Liberation Sans",sans-serif;color:var(--fancybox-color, currentColor);opacity:var(--fancybox-opacity, 1);text-shadow:var(--fancybox-toolbar-text-shadow, 1px 1px 1px rgba(0, 0, 0, 0.5));pointer-events:none;z-index:20}.fancybox__toolbar :focus-visible{z-index:1}.fancybox__toolbar.is-absolute,.is-compact .fancybox__toolbar{position:absolute;top:0;left:0;right:0}.is-idle .fancybox__toolbar{pointer-events:none;animation:.15s ease-out both f-fadeOut}.fancybox__toolbar__column{display:flex;flex-direction:row;flex-wrap:wrap;align-content:flex-start}.fancybox__toolbar__column.is-left,.fancybox__toolbar__column.is-right{flex-grow:1;flex-basis:0}.fancybox__toolbar__column.is-right{display:flex;justify-content:flex-end;flex-wrap:nowrap}.fancybox__infobar{padding:0 5px;line-height:var(--f-button-height);text-align:center;font-size:17px;font-variant-numeric:tabular-nums;-webkit-font-smoothing:subpixel-antialiased;cursor:default;user-select:none}.fancybox__infobar span{padding:0 5px}.fancybox__infobar:not(:first-child):not(:last-child){background:var(--f-button-bg)}[data-fancybox-toggle-slideshow]{position:relative}[data-fancybox-toggle-slideshow] .f-progress{height:100%;opacity:.3}[data-fancybox-toggle-slideshow] svg g:first-child{display:flex}[data-fancybox-toggle-slideshow] svg g:last-child{display:none}.has-slideshow [data-fancybox-toggle-slideshow] svg g:first-child{display:none}.has-slideshow [data-fancybox-toggle-slideshow] svg g:last-child{display:flex}[data-fancybox-toggle-fullscreen] svg g:first-child{display:flex}[data-fancybox-toggle-fullscreen] svg g:last-child{display:none}:fullscreen [data-fancybox-toggle-fullscreen] svg g:first-child{display:none}:fullscreen [data-fancybox-toggle-fullscreen] svg g:last-child{display:flex}.f-progress{position:absolute;top:0;left:0;right:0;height:3px;transform:scaleX(0);transform-origin:0;transition-property:transform;transition-timing-function:linear;background:var(--f-progress-color, var(--f-carousel-theme-color, #0091ff));z-index:30;user-select:none;pointer-events:none}
[data-aos][data-aos][data-aos-duration="50"],body[data-aos-duration="50"] [data-aos]{transition-duration:50ms}[data-aos][data-aos][data-aos-delay="50"],body[data-aos-delay="50"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="50"].aos-animate,body[data-aos-delay="50"] [data-aos].aos-animate{transition-delay:50ms}[data-aos][data-aos][data-aos-duration="100"],body[data-aos-duration="100"] [data-aos]{transition-duration:.1s}[data-aos][data-aos][data-aos-delay="100"],body[data-aos-delay="100"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="100"].aos-animate,body[data-aos-delay="100"] [data-aos].aos-animate{transition-delay:.1s}[data-aos][data-aos][data-aos-duration="150"],body[data-aos-duration="150"] [data-aos]{transition-duration:.15s}[data-aos][data-aos][data-aos-delay="150"],body[data-aos-delay="150"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="150"].aos-animate,body[data-aos-delay="150"] [data-aos].aos-animate{transition-delay:.15s}[data-aos][data-aos][data-aos-duration="200"],body[data-aos-duration="200"] [data-aos]{transition-duration:.2s}[data-aos][data-aos][data-aos-delay="200"],body[data-aos-delay="200"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="200"].aos-animate,body[data-aos-delay="200"] [data-aos].aos-animate{transition-delay:.2s}[data-aos][data-aos][data-aos-duration="250"],body[data-aos-duration="250"] [data-aos]{transition-duration:.25s}[data-aos][data-aos][data-aos-delay="250"],body[data-aos-delay="250"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="250"].aos-animate,body[data-aos-delay="250"] [data-aos].aos-animate{transition-delay:.25s}[data-aos][data-aos][data-aos-duration="300"],body[data-aos-duration="300"] [data-aos]{transition-duration:.3s}[data-aos][data-aos][data-aos-delay="300"],body[data-aos-delay="300"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="300"].aos-animate,body[data-aos-delay="300"] [data-aos].aos-animate{transition-delay:.3s}[data-aos][data-aos][data-aos-duration="350"],body[data-aos-duration="350"] [data-aos]{transition-duration:.35s}[data-aos][data-aos][data-aos-delay="350"],body[data-aos-delay="350"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="350"].aos-animate,body[data-aos-delay="350"] [data-aos].aos-animate{transition-delay:.35s}[data-aos][data-aos][data-aos-duration="400"],body[data-aos-duration="400"] [data-aos]{transition-duration:.4s}[data-aos][data-aos][data-aos-delay="400"],body[data-aos-delay="400"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="400"].aos-animate,body[data-aos-delay="400"] [data-aos].aos-animate{transition-delay:.4s}[data-aos][data-aos][data-aos-duration="450"],body[data-aos-duration="450"] [data-aos]{transition-duration:.45s}[data-aos][data-aos][data-aos-delay="450"],body[data-aos-delay="450"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="450"].aos-animate,body[data-aos-delay="450"] [data-aos].aos-animate{transition-delay:.45s}[data-aos][data-aos][data-aos-duration="500"],body[data-aos-duration="500"] [data-aos]{transition-duration:.5s}[data-aos][data-aos][data-aos-delay="500"],body[data-aos-delay="500"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="500"].aos-animate,body[data-aos-delay="500"] [data-aos].aos-animate{transition-delay:.5s}[data-aos][data-aos][data-aos-duration="550"],body[data-aos-duration="550"] [data-aos]{transition-duration:.55s}[data-aos][data-aos][data-aos-delay="550"],body[data-aos-delay="550"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="550"].aos-animate,body[data-aos-delay="550"] [data-aos].aos-animate{transition-delay:.55s}[data-aos][data-aos][data-aos-duration="600"],body[data-aos-duration="600"] [data-aos]{transition-duration:.6s}[data-aos][data-aos][data-aos-delay="600"],body[data-aos-delay="600"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="600"].aos-animate,body[data-aos-delay="600"] [data-aos].aos-animate{transition-delay:.6s}[data-aos][data-aos][data-aos-duration="650"],body[data-aos-duration="650"] [data-aos]{transition-duration:.65s}[data-aos][data-aos][data-aos-delay="650"],body[data-aos-delay="650"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="650"].aos-animate,body[data-aos-delay="650"] [data-aos].aos-animate{transition-delay:.65s}[data-aos][data-aos][data-aos-duration="700"],body[data-aos-duration="700"] [data-aos]{transition-duration:.7s}[data-aos][data-aos][data-aos-delay="700"],body[data-aos-delay="700"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="700"].aos-animate,body[data-aos-delay="700"] [data-aos].aos-animate{transition-delay:.7s}[data-aos][data-aos][data-aos-duration="750"],body[data-aos-duration="750"] [data-aos]{transition-duration:.75s}[data-aos][data-aos][data-aos-delay="750"],body[data-aos-delay="750"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="750"].aos-animate,body[data-aos-delay="750"] [data-aos].aos-animate{transition-delay:.75s}[data-aos][data-aos][data-aos-duration="800"],body[data-aos-duration="800"] [data-aos]{transition-duration:.8s}[data-aos][data-aos][data-aos-delay="800"],body[data-aos-delay="800"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="800"].aos-animate,body[data-aos-delay="800"] [data-aos].aos-animate{transition-delay:.8s}[data-aos][data-aos][data-aos-duration="850"],body[data-aos-duration="850"] [data-aos]{transition-duration:.85s}[data-aos][data-aos][data-aos-delay="850"],body[data-aos-delay="850"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="850"].aos-animate,body[data-aos-delay="850"] [data-aos].aos-animate{transition-delay:.85s}[data-aos][data-aos][data-aos-duration="900"],body[data-aos-duration="900"] [data-aos]{transition-duration:.9s}[data-aos][data-aos][data-aos-delay="900"],body[data-aos-delay="900"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="900"].aos-animate,body[data-aos-delay="900"] [data-aos].aos-animate{transition-delay:.9s}[data-aos][data-aos][data-aos-duration="950"],body[data-aos-duration="950"] [data-aos]{transition-duration:.95s}[data-aos][data-aos][data-aos-delay="950"],body[data-aos-delay="950"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="950"].aos-animate,body[data-aos-delay="950"] [data-aos].aos-animate{transition-delay:.95s}[data-aos][data-aos][data-aos-duration="1000"],body[data-aos-duration="1000"] [data-aos]{transition-duration:1s}[data-aos][data-aos][data-aos-delay="1000"],body[data-aos-delay="1000"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1000"].aos-animate,body[data-aos-delay="1000"] [data-aos].aos-animate{transition-delay:1s}[data-aos][data-aos][data-aos-duration="1050"],body[data-aos-duration="1050"] [data-aos]{transition-duration:1.05s}[data-aos][data-aos][data-aos-delay="1050"],body[data-aos-delay="1050"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1050"].aos-animate,body[data-aos-delay="1050"] [data-aos].aos-animate{transition-delay:1.05s}[data-aos][data-aos][data-aos-duration="1100"],body[data-aos-duration="1100"] [data-aos]{transition-duration:1.1s}[data-aos][data-aos][data-aos-delay="1100"],body[data-aos-delay="1100"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1100"].aos-animate,body[data-aos-delay="1100"] [data-aos].aos-animate{transition-delay:1.1s}[data-aos][data-aos][data-aos-duration="1150"],body[data-aos-duration="1150"] [data-aos]{transition-duration:1.15s}[data-aos][data-aos][data-aos-delay="1150"],body[data-aos-delay="1150"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1150"].aos-animate,body[data-aos-delay="1150"] [data-aos].aos-animate{transition-delay:1.15s}[data-aos][data-aos][data-aos-duration="1200"],body[data-aos-duration="1200"] [data-aos]{transition-duration:1.2s}[data-aos][data-aos][data-aos-delay="1200"],body[data-aos-delay="1200"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1200"].aos-animate,body[data-aos-delay="1200"] [data-aos].aos-animate{transition-delay:1.2s}[data-aos][data-aos][data-aos-duration="1250"],body[data-aos-duration="1250"] [data-aos]{transition-duration:1.25s}[data-aos][data-aos][data-aos-delay="1250"],body[data-aos-delay="1250"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1250"].aos-animate,body[data-aos-delay="1250"] [data-aos].aos-animate{transition-delay:1.25s}[data-aos][data-aos][data-aos-duration="1300"],body[data-aos-duration="1300"] [data-aos]{transition-duration:1.3s}[data-aos][data-aos][data-aos-delay="1300"],body[data-aos-delay="1300"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1300"].aos-animate,body[data-aos-delay="1300"] [data-aos].aos-animate{transition-delay:1.3s}[data-aos][data-aos][data-aos-duration="1350"],body[data-aos-duration="1350"] [data-aos]{transition-duration:1.35s}[data-aos][data-aos][data-aos-delay="1350"],body[data-aos-delay="1350"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1350"].aos-animate,body[data-aos-delay="1350"] [data-aos].aos-animate{transition-delay:1.35s}[data-aos][data-aos][data-aos-duration="1400"],body[data-aos-duration="1400"] [data-aos]{transition-duration:1.4s}[data-aos][data-aos][data-aos-delay="1400"],body[data-aos-delay="1400"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1400"].aos-animate,body[data-aos-delay="1400"] [data-aos].aos-animate{transition-delay:1.4s}[data-aos][data-aos][data-aos-duration="1450"],body[data-aos-duration="1450"] [data-aos]{transition-duration:1.45s}[data-aos][data-aos][data-aos-delay="1450"],body[data-aos-delay="1450"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1450"].aos-animate,body[data-aos-delay="1450"] [data-aos].aos-animate{transition-delay:1.45s}[data-aos][data-aos][data-aos-duration="1500"],body[data-aos-duration="1500"] [data-aos]{transition-duration:1.5s}[data-aos][data-aos][data-aos-delay="1500"],body[data-aos-delay="1500"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1500"].aos-animate,body[data-aos-delay="1500"] [data-aos].aos-animate{transition-delay:1.5s}[data-aos][data-aos][data-aos-duration="1550"],body[data-aos-duration="1550"] [data-aos]{transition-duration:1.55s}[data-aos][data-aos][data-aos-delay="1550"],body[data-aos-delay="1550"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1550"].aos-animate,body[data-aos-delay="1550"] [data-aos].aos-animate{transition-delay:1.55s}[data-aos][data-aos][data-aos-duration="1600"],body[data-aos-duration="1600"] [data-aos]{transition-duration:1.6s}[data-aos][data-aos][data-aos-delay="1600"],body[data-aos-delay="1600"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1600"].aos-animate,body[data-aos-delay="1600"] [data-aos].aos-animate{transition-delay:1.6s}[data-aos][data-aos][data-aos-duration="1650"],body[data-aos-duration="1650"] [data-aos]{transition-duration:1.65s}[data-aos][data-aos][data-aos-delay="1650"],body[data-aos-delay="1650"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1650"].aos-animate,body[data-aos-delay="1650"] [data-aos].aos-animate{transition-delay:1.65s}[data-aos][data-aos][data-aos-duration="1700"],body[data-aos-duration="1700"] [data-aos]{transition-duration:1.7s}[data-aos][data-aos][data-aos-delay="1700"],body[data-aos-delay="1700"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1700"].aos-animate,body[data-aos-delay="1700"] [data-aos].aos-animate{transition-delay:1.7s}[data-aos][data-aos][data-aos-duration="1750"],body[data-aos-duration="1750"] [data-aos]{transition-duration:1.75s}[data-aos][data-aos][data-aos-delay="1750"],body[data-aos-delay="1750"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1750"].aos-animate,body[data-aos-delay="1750"] [data-aos].aos-animate{transition-delay:1.75s}[data-aos][data-aos][data-aos-duration="1800"],body[data-aos-duration="1800"] [data-aos]{transition-duration:1.8s}[data-aos][data-aos][data-aos-delay="1800"],body[data-aos-delay="1800"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1800"].aos-animate,body[data-aos-delay="1800"] [data-aos].aos-animate{transition-delay:1.8s}[data-aos][data-aos][data-aos-duration="1850"],body[data-aos-duration="1850"] [data-aos]{transition-duration:1.85s}[data-aos][data-aos][data-aos-delay="1850"],body[data-aos-delay="1850"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1850"].aos-animate,body[data-aos-delay="1850"] [data-aos].aos-animate{transition-delay:1.85s}[data-aos][data-aos][data-aos-duration="1900"],body[data-aos-duration="1900"] [data-aos]{transition-duration:1.9s}[data-aos][data-aos][data-aos-delay="1900"],body[data-aos-delay="1900"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1900"].aos-animate,body[data-aos-delay="1900"] [data-aos].aos-animate{transition-delay:1.9s}[data-aos][data-aos][data-aos-duration="1950"],body[data-aos-duration="1950"] [data-aos]{transition-duration:1.95s}[data-aos][data-aos][data-aos-delay="1950"],body[data-aos-delay="1950"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1950"].aos-animate,body[data-aos-delay="1950"] [data-aos].aos-animate{transition-delay:1.95s}[data-aos][data-aos][data-aos-duration="2000"],body[data-aos-duration="2000"] [data-aos]{transition-duration:2s}[data-aos][data-aos][data-aos-delay="2000"],body[data-aos-delay="2000"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2000"].aos-animate,body[data-aos-delay="2000"] [data-aos].aos-animate{transition-delay:2s}[data-aos][data-aos][data-aos-duration="2050"],body[data-aos-duration="2050"] [data-aos]{transition-duration:2.05s}[data-aos][data-aos][data-aos-delay="2050"],body[data-aos-delay="2050"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2050"].aos-animate,body[data-aos-delay="2050"] [data-aos].aos-animate{transition-delay:2.05s}[data-aos][data-aos][data-aos-duration="2100"],body[data-aos-duration="2100"] [data-aos]{transition-duration:2.1s}[data-aos][data-aos][data-aos-delay="2100"],body[data-aos-delay="2100"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2100"].aos-animate,body[data-aos-delay="2100"] [data-aos].aos-animate{transition-delay:2.1s}[data-aos][data-aos][data-aos-duration="2150"],body[data-aos-duration="2150"] [data-aos]{transition-duration:2.15s}[data-aos][data-aos][data-aos-delay="2150"],body[data-aos-delay="2150"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2150"].aos-animate,body[data-aos-delay="2150"] [data-aos].aos-animate{transition-delay:2.15s}[data-aos][data-aos][data-aos-duration="2200"],body[data-aos-duration="2200"] [data-aos]{transition-duration:2.2s}[data-aos][data-aos][data-aos-delay="2200"],body[data-aos-delay="2200"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2200"].aos-animate,body[data-aos-delay="2200"] [data-aos].aos-animate{transition-delay:2.2s}[data-aos][data-aos][data-aos-duration="2250"],body[data-aos-duration="2250"] [data-aos]{transition-duration:2.25s}[data-aos][data-aos][data-aos-delay="2250"],body[data-aos-delay="2250"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2250"].aos-animate,body[data-aos-delay="2250"] [data-aos].aos-animate{transition-delay:2.25s}[data-aos][data-aos][data-aos-duration="2300"],body[data-aos-duration="2300"] [data-aos]{transition-duration:2.3s}[data-aos][data-aos][data-aos-delay="2300"],body[data-aos-delay="2300"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2300"].aos-animate,body[data-aos-delay="2300"] [data-aos].aos-animate{transition-delay:2.3s}[data-aos][data-aos][data-aos-duration="2350"],body[data-aos-duration="2350"] [data-aos]{transition-duration:2.35s}[data-aos][data-aos][data-aos-delay="2350"],body[data-aos-delay="2350"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2350"].aos-animate,body[data-aos-delay="2350"] [data-aos].aos-animate{transition-delay:2.35s}[data-aos][data-aos][data-aos-duration="2400"],body[data-aos-duration="2400"] [data-aos]{transition-duration:2.4s}[data-aos][data-aos][data-aos-delay="2400"],body[data-aos-delay="2400"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2400"].aos-animate,body[data-aos-delay="2400"] [data-aos].aos-animate{transition-delay:2.4s}[data-aos][data-aos][data-aos-duration="2450"],body[data-aos-duration="2450"] [data-aos]{transition-duration:2.45s}[data-aos][data-aos][data-aos-delay="2450"],body[data-aos-delay="2450"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2450"].aos-animate,body[data-aos-delay="2450"] [data-aos].aos-animate{transition-delay:2.45s}[data-aos][data-aos][data-aos-duration="2500"],body[data-aos-duration="2500"] [data-aos]{transition-duration:2.5s}[data-aos][data-aos][data-aos-delay="2500"],body[data-aos-delay="2500"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2500"].aos-animate,body[data-aos-delay="2500"] [data-aos].aos-animate{transition-delay:2.5s}[data-aos][data-aos][data-aos-duration="2550"],body[data-aos-duration="2550"] [data-aos]{transition-duration:2.55s}[data-aos][data-aos][data-aos-delay="2550"],body[data-aos-delay="2550"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2550"].aos-animate,body[data-aos-delay="2550"] [data-aos].aos-animate{transition-delay:2.55s}[data-aos][data-aos][data-aos-duration="2600"],body[data-aos-duration="2600"] [data-aos]{transition-duration:2.6s}[data-aos][data-aos][data-aos-delay="2600"],body[data-aos-delay="2600"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2600"].aos-animate,body[data-aos-delay="2600"] [data-aos].aos-animate{transition-delay:2.6s}[data-aos][data-aos][data-aos-duration="2650"],body[data-aos-duration="2650"] [data-aos]{transition-duration:2.65s}[data-aos][data-aos][data-aos-delay="2650"],body[data-aos-delay="2650"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2650"].aos-animate,body[data-aos-delay="2650"] [data-aos].aos-animate{transition-delay:2.65s}[data-aos][data-aos][data-aos-duration="2700"],body[data-aos-duration="2700"] [data-aos]{transition-duration:2.7s}[data-aos][data-aos][data-aos-delay="2700"],body[data-aos-delay="2700"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2700"].aos-animate,body[data-aos-delay="2700"] [data-aos].aos-animate{transition-delay:2.7s}[data-aos][data-aos][data-aos-duration="2750"],body[data-aos-duration="2750"] [data-aos]{transition-duration:2.75s}[data-aos][data-aos][data-aos-delay="2750"],body[data-aos-delay="2750"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2750"].aos-animate,body[data-aos-delay="2750"] [data-aos].aos-animate{transition-delay:2.75s}[data-aos][data-aos][data-aos-duration="2800"],body[data-aos-duration="2800"] [data-aos]{transition-duration:2.8s}[data-aos][data-aos][data-aos-delay="2800"],body[data-aos-delay="2800"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2800"].aos-animate,body[data-aos-delay="2800"] [data-aos].aos-animate{transition-delay:2.8s}[data-aos][data-aos][data-aos-duration="2850"],body[data-aos-duration="2850"] [data-aos]{transition-duration:2.85s}[data-aos][data-aos][data-aos-delay="2850"],body[data-aos-delay="2850"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2850"].aos-animate,body[data-aos-delay="2850"] [data-aos].aos-animate{transition-delay:2.85s}[data-aos][data-aos][data-aos-duration="2900"],body[data-aos-duration="2900"] [data-aos]{transition-duration:2.9s}[data-aos][data-aos][data-aos-delay="2900"],body[data-aos-delay="2900"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2900"].aos-animate,body[data-aos-delay="2900"] [data-aos].aos-animate{transition-delay:2.9s}[data-aos][data-aos][data-aos-duration="2950"],body[data-aos-duration="2950"] [data-aos]{transition-duration:2.95s}[data-aos][data-aos][data-aos-delay="2950"],body[data-aos-delay="2950"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2950"].aos-animate,body[data-aos-delay="2950"] [data-aos].aos-animate{transition-delay:2.95s}[data-aos][data-aos][data-aos-duration="3000"],body[data-aos-duration="3000"] [data-aos]{transition-duration:3s}[data-aos][data-aos][data-aos-delay="3000"],body[data-aos-delay="3000"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="3000"].aos-animate,body[data-aos-delay="3000"] [data-aos].aos-animate{transition-delay:3s}[data-aos][data-aos][data-aos-easing=linear],body[data-aos-easing=linear] [data-aos]{transition-timing-function:cubic-bezier(.25,.25,.75,.75)}[data-aos][data-aos][data-aos-easing=ease],body[data-aos-easing=ease] [data-aos]{transition-timing-function:ease}[data-aos][data-aos][data-aos-easing=ease-in],body[data-aos-easing=ease-in] [data-aos]{transition-timing-function:ease-in}[data-aos][data-aos][data-aos-easing=ease-out],body[data-aos-easing=ease-out] [data-aos]{transition-timing-function:ease-out}[data-aos][data-aos][data-aos-easing=ease-in-out],body[data-aos-easing=ease-in-out] [data-aos]{transition-timing-function:ease-in-out}[data-aos][data-aos][data-aos-easing=ease-in-back],body[data-aos-easing=ease-in-back] [data-aos]{transition-timing-function:cubic-bezier(.6,-.28,.735,.045)}[data-aos][data-aos][data-aos-easing=ease-out-back],body[data-aos-easing=ease-out-back] [data-aos]{transition-timing-function:cubic-bezier(.175,.885,.32,1.275)}[data-aos][data-aos][data-aos-easing=ease-in-out-back],body[data-aos-easing=ease-in-out-back] [data-aos]{transition-timing-function:cubic-bezier(.68,-.55,.265,1.55)}[data-aos][data-aos][data-aos-easing=ease-in-sine],body[data-aos-easing=ease-in-sine] [data-aos]{transition-timing-function:cubic-bezier(.47,0,.745,.715)}[data-aos][data-aos][data-aos-easing=ease-out-sine],body[data-aos-easing=ease-out-sine] [data-aos]{transition-timing-function:cubic-bezier(.39,.575,.565,1)}[data-aos][data-aos][data-aos-easing=ease-in-out-sine],body[data-aos-easing=ease-in-out-sine] [data-aos]{transition-timing-function:cubic-bezier(.445,.05,.55,.95)}[data-aos][data-aos][data-aos-easing=ease-in-quad],body[data-aos-easing=ease-in-quad] [data-aos]{transition-timing-function:cubic-bezier(.55,.085,.68,.53)}[data-aos][data-aos][data-aos-easing=ease-out-quad],body[data-aos-easing=ease-out-quad] [data-aos]{transition-timing-function:cubic-bezier(.25,.46,.45,.94)}[data-aos][data-aos][data-aos-easing=ease-in-out-quad],body[data-aos-easing=ease-in-out-quad] [data-aos]{transition-timing-function:cubic-bezier(.455,.03,.515,.955)}[data-aos][data-aos][data-aos-easing=ease-in-cubic],body[data-aos-easing=ease-in-cubic] [data-aos]{transition-timing-function:cubic-bezier(.55,.085,.68,.53)}[data-aos][data-aos][data-aos-easing=ease-out-cubic],body[data-aos-easing=ease-out-cubic] [data-aos]{transition-timing-function:cubic-bezier(.25,.46,.45,.94)}[data-aos][data-aos][data-aos-easing=ease-in-out-cubic],body[data-aos-easing=ease-in-out-cubic] [data-aos]{transition-timing-function:cubic-bezier(.455,.03,.515,.955)}[data-aos][data-aos][data-aos-easing=ease-in-quart],body[data-aos-easing=ease-in-quart] [data-aos]{transition-timing-function:cubic-bezier(.55,.085,.68,.53)}[data-aos][data-aos][data-aos-easing=ease-out-quart],body[data-aos-easing=ease-out-quart] [data-aos]{transition-timing-function:cubic-bezier(.25,.46,.45,.94)}[data-aos][data-aos][data-aos-easing=ease-in-out-quart],body[data-aos-easing=ease-in-out-quart] [data-aos]{transition-timing-function:cubic-bezier(.455,.03,.515,.955)}[data-aos^=fade][data-aos^=fade]{opacity:0;transition-property:opacity,transform}[data-aos^=fade][data-aos^=fade].aos-animate{opacity:1;transform:translateZ(0)}[data-aos=fade-up]{transform:translate3d(0,100px,0)}[data-aos=fade-down]{transform:translate3d(0,-100px,0)}[data-aos=fade-right]{transform:translate3d(-100px,0,0)}[data-aos=fade-left]{transform:translate3d(100px,0,0)}[data-aos=fade-up-right]{transform:translate3d(-100px,100px,0)}[data-aos=fade-up-left]{transform:translate3d(100px,100px,0)}[data-aos=fade-down-right]{transform:translate3d(-100px,-100px,0)}[data-aos=fade-down-left]{transform:translate3d(100px,-100px,0)}[data-aos^=zoom][data-aos^=zoom]{opacity:0;transition-property:opacity,transform}[data-aos^=zoom][data-aos^=zoom].aos-animate{opacity:1;transform:translateZ(0) scale(1)}[data-aos=zoom-in]{transform:scale(.6)}[data-aos=zoom-in-up]{transform:translate3d(0,100px,0) scale(.6)}[data-aos=zoom-in-down]{transform:translate3d(0,-100px,0) scale(.6)}[data-aos=zoom-in-right]{transform:translate3d(-100px,0,0) scale(.6)}[data-aos=zoom-in-left]{transform:translate3d(100px,0,0) scale(.6)}[data-aos=zoom-out]{transform:scale(1.2)}[data-aos=zoom-out-up]{transform:translate3d(0,100px,0) scale(1.2)}[data-aos=zoom-out-down]{transform:translate3d(0,-100px,0) scale(1.2)}[data-aos=zoom-out-right]{transform:translate3d(-100px,0,0) scale(1.2)}[data-aos=zoom-out-left]{transform:translate3d(100px,0,0) scale(1.2)}[data-aos^=slide][data-aos^=slide]{transition-property:transform}[data-aos^=slide][data-aos^=slide].aos-animate{transform:translateZ(0)}[data-aos=slide-up]{transform:translate3d(0,100%,0)}[data-aos=slide-down]{transform:translate3d(0,-100%,0)}[data-aos=slide-right]{transform:translate3d(-100%,0,0)}[data-aos=slide-left]{transform:translate3d(100%,0,0)}[data-aos^=flip][data-aos^=flip]{backface-visibility:hidden;transition-property:transform}[data-aos=flip-left]{transform:perspective(2500px) rotateY(-100deg)}[data-aos=flip-left].aos-animate{transform:perspective(2500px) rotateY(0)}[data-aos=flip-right]{transform:perspective(2500px) rotateY(100deg)}[data-aos=flip-right].aos-animate{transform:perspective(2500px) rotateY(0)}[data-aos=flip-up]{transform:perspective(2500px) rotateX(-100deg)}[data-aos=flip-up].aos-animate{transform:perspective(2500px) rotateX(0)}[data-aos=flip-down]{transform:perspective(2500px) rotateX(100deg)}[data-aos=flip-down].aos-animate{transform:perspective(2500px) rotateX(0)}
* {
  padding: 0;
  margin: 0;
  font-family: "Open Sans", sans-serif;
  -webkit-box-sizing: border-box;
          box-sizing: border-box; }

.container {
  width: 100%;
  max-width: 1400px;
  margin: 0 auto;
  padding: 0 20px; }

a {
  text-decoration: none; }

@media (max-width: 768px) {
  main {
    padding-top: 50px; } }

img {
  width: 100%;
  max-width: 100%; }

.btn {
  background: #000;
  color: #fff;
  border-radius: 20px;
  padding: 5px 10px !important;
  border: 2px solid #000;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 5px;
  font-weight: 700;
  font-size: 14px !important;
  text-decoration: none !important; }
  .btn.type2 {
    background: #009157;
    border: 2px solid #009157; }
    .btn.type2:hover {
      background: transparent;
      color: #009157; }
  .btn.type3 {
    background: #FF5100;
    border: 2px solid #FF5100;
    font-weight: 700; }
    .btn.type3:hover {
      background: transparent;
      color: #fff;
      border: 2px solid #fff; }
  .btn.type4 {
    background: #FFC600;
    color: #4828A9;
    border: 2px solid #FFC600;
    font-weight: 700; }
    .btn.type4:hover {
      background: transparent;
      color: #FFC600;
      border: 2px solid #FFC600; }
  .btn.type5 {
    background: #FF5100;
    border: 2px solid #FF5100;
    font-weight: 700;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    gap: 5px; }
    .btn.type5 svg {
      width: 12px;
      height: 12px; }
    .btn.type5:hover {
      background: transparent;
      color: #FF5100;
      border: 2px solid #FF5100; }
  .btn.active {
    background: #4828A9;
    color: #fff !important;
    border: 2px solid #4828A9;
    font-weight: 700; }
    .btn.active:hover {
      background: transparent;
      color: #4828A9 !important;
      border: 2px solid #4828A9; }
  .btn.orange {
    background: #fff;
    border: 2px solid #fff;
    color: #FF5100; }
    .btn.orange svg {
      width: 17px;
      height: 17px; }
    .btn.orange:hover {
      background: transparent;
      color: #fff;
      border: 2px solid #fff; }
  .btn.purple {
    background: #fff;
    color: #4828A9;
    border: 2px solid #fff;
    font-weight: 700; }
    .btn.purple:hover {
      background: transparent;
      color: #fff;
      border: 2px solid #fff; }
  .btn.ghost {
    border: 2px solid #000;
    color: #000;
    background: transparent; }
    .btn.ghost:hover {
      background: #000;
      color: #FFC600; }
  .btn.white {
    background: #fff;
    color: #000; }
    .btn.white:hover {
      background: transparent;
      color: #fff;
      border: 2px solid #fff; }
  .btn.big {
    padding: 10px 20px !important;
    background: #22d466;
    border: 2px solid #22d466;
    font-size: 20px !important;
    border-radius: 5px;
    color: #000; }
    @media (max-width: 768px) {
      .btn.big {
        font-size: 18px !important;
        padding: 5px 20px !important; } }
  .btn.padres {
    background: #000;
    color: #fff;
    border-radius: 20px;
    padding: 5px 10px !important;
    border: 2px solid #000;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    gap: 5px;
    font-weight: 700;
    font-size: 14px !important;
    max-width: 200px;
    width: 100%; }
    .btn.padres:hover {
      background: #4828A9;
      border: 2px solid #4828A9;
      color: #fff; }
  .btn:hover {
    background: transparent;
    color: #000; }

h1, h2, h3, h4, h5 {
  font-size: 34px !important;
  line-height: 45px !important;
  background: none; }

p, li, b, strong, span {
  font-size: 16px !important;
  line-height: 25px !important;
  -moz-text-align-last: auto;
       text-align-last: auto;
  font-style: inherit !important; }

.section-fullwidth {
  padding: 40px 0; }
  .section-fullwidth .container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 40px; }
    .section-fullwidth .container iframe {
      max-width: 960px;
      width: 100%; }

header {
  padding: 0;
  position: fixed;
  width: 100%;
  top: 0;
  left: 0;
  z-index: 99;
  background: #000;
  -webkit-transition: all 0.3s;
  transition: all 0.3s; }
  header.reduce_header {
    background: rgba(255, 255, 255, 0.9);
    background: #FF5100;
    background: #000;
    -webkit-box-shadow: 0 0 0.5em rgba(34, 34, 34, 0.3);
            box-shadow: 0 0 0.5em rgba(34, 34, 34, 0.3);
    -webkit-backdrop-filter: blur(5px);
            backdrop-filter: blur(5px); }
    @media (max-width: 1024px) {
      header.reduce_header .second-nav {
        position: absolute;
        -webkit-transform: translateY(-100%);
                transform: translateY(-100%); } }
    header.reduce_header .container nav ul li ul {
      background: rgba(255, 255, 255, 0.9); }
      header.reduce_header .container nav ul li ul:nth-last-child(-n+3) {
        background: rgba(255, 255, 255, 0.9); }
  header .second-nav {
    background: #fff;
    padding: 7px 0;
    -webkit-transition: all 0.3s;
    transition: all 0.3s; }
    header .second-nav .container {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      -webkit-box-pack: justify;
          -ms-flex-pack: justify;
              justify-content: space-between;
      gap: 20px;
      max-width: 95%; }
      @media (max-width: 1024px) {
        header .second-nav .container {
          -webkit-box-orient: vertical;
          -webkit-box-direction: normal;
              -ms-flex-direction: column;
                  flex-direction: column;
          gap: 10px; } }
      header .second-nav .container ul {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
        -webkit-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
        gap: 20px;
        list-style: none; }
        header .second-nav .container ul li a {
          color: #000;
          font-size: 14px !important;
          position: relative; }
          header .second-nav .container ul li a:before {
            content: "";
            width: 0%;
            left: 50%;
            height: 0;
            border-bottom: 2px solid #000;
            position: absolute;
            bottom: -3px;
            -webkit-transition: all 0.4s;
            transition: all 0.4s;
            z-index: 100; }
          header .second-nav .container ul li a:hover:before {
            width: 100%;
            left: 0; }
        @media (max-width: 1024px) {
          header .second-nav .container ul {
            gap: 15px; } }
      header .second-nav .container .social-media {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
        -webkit-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center;
        gap: 10px; }
        @media (max-width: 768px) {
          header .second-nav .container .social-media {
            display: none; } }
        header .second-nav .container .social-media a {
          color: #000; }
          header .second-nav .container .social-media a.tel {
            padding: 0 10px; }
            @media (max-width: 1024px) {
              header .second-nav .container .social-media a.tel {
                display: block; } }
          header .second-nav .container .social-media a svg {
            width: 25px;
            height: 25px;
            -webkit-transition: all 0.3s;
            transition: all 0.3s; }
          header .second-nav .container .social-media a:hover svg {
            -webkit-transform: scale(1.1);
                    transform: scale(1.1); }
  header .container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    max-width: 95%; }
    header .container img {
      max-width: 250px;
      height: auto;
      padding: 10px 0; }
      @media (max-width: 1024px) {
        header .container img {
          max-width: 120px; } }
    header .container .nav-bar {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      -webkit-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center;
      gap: 10px; }
      @media (max-width: 1024px) {
        header .container .nav-bar {
          -webkit-box-orient: vertical;
          -webkit-box-direction: normal;
              -ms-flex-direction: column;
                  flex-direction: column;
          -webkit-box-align: start;
              -ms-flex-align: start;
                  align-items: flex-start;
          -webkit-box-pack: start;
              -ms-flex-pack: start;
                  justify-content: flex-start; } }
      header .container .nav-bar.show .close-menu {
        display: block; }
      header .container .nav-bar .close-menu {
        color: #009157;
        display: none; }
        @media (max-width: 1024px) {
          header .container .nav-bar .close-menu {
            display: block; } }
        header .container .nav-bar .close-menu svg {
          width: 30px; }
      header .container .nav-bar ul {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        list-style: none; }
        header .container .nav-bar ul li {
          padding: 0 15px;
          position: relative; }
          header .container .nav-bar ul li a {
            padding: 5px 0;
            font-family: "Open Sans", sans-serif;
            color: #fff;
            position: relative;
            text-decoration: none;
            font-size: 14px !important; }
            header .container .nav-bar ul li a:before {
              content: "";
              width: 0%;
              left: 50%;
              height: 0;
              border-bottom: 2px solid #fff;
              position: absolute;
              bottom: -3px;
              -webkit-transition: all 0.4s;
              transition: all 0.4s;
              z-index: 100; }
            header .container .nav-bar ul li a:hover:before {
              width: 100%;
              left: 0; }
          header .container .nav-bar ul li.current-menu-item a:before {
            content: "";
            width: 100%;
            left: 0%;
            height: 0;
            border-bottom: 2px solid #009157;
            position: absolute;
            bottom: -3px;
            -webkit-transition: all 0.4s;
            transition: all 0.4s; }
          header .container .nav-bar ul li.current-menu-item > ul li a:before {
            display: none; }
          header .container .nav-bar ul li:has(ul li.current-menu-item) > a:before {
            width: 100%;
            left: 0;
            border-bottom-color: #009157; }
          header .container .nav-bar ul li:nth-last-child(-n+3):has(ul li.current-menu-item) > a:before {
            width: 100%;
            left: 0;
            border-bottom-color: #009157; }
          header .container .nav-bar ul li:nth-last-child(-n+3) ul {
            left: auto;
            right: 0;
            -webkit-box-align: end;
                -ms-flex-align: end;
                    align-items: flex-end;
            -webkit-box-pack: start;
                -ms-flex-pack: start;
                    justify-content: flex-start;
            background: transparent;
            -webkit-backdrop-filter: blur(5px);
                    backdrop-filter: blur(5px);
            background: rgba(255, 255, 255, 0.9); }
            header .container .nav-bar ul li:nth-last-child(-n+3) ul li.current-menu-item a:before {
              display: none; }
          header .container .nav-bar ul li ul {
            position: absolute;
            left: 0;
            top: 140%;
            width: 300px;
            height: 0;
            overflow: hidden;
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-align: start;
                -ms-flex-align: start;
                    align-items: flex-start;
            -webkit-box-pack: start;
                -ms-flex-pack: start;
                    justify-content: flex-start;
            -webkit-box-orient: vertical;
            -webkit-box-direction: normal;
                -ms-flex-direction: column;
                    flex-direction: column;
            gap: 15px;
            -webkit-transition: all 0.3s ease-in;
            transition: all 0.3s ease-in;
            background: transparent;
            -webkit-backdrop-filter: blur(5px);
                    backdrop-filter: blur(5px);
            background: rgba(255, 255, 255, 0.9);
            -webkit-transition: all 0.3s;
            transition: all 0.3s; }
            header .container .nav-bar ul li ul li a {
              color: #000; }
              header .container .nav-bar ul li ul li a:before {
                content: "";
                width: 0%;
                left: 50%;
                height: 0;
                border-bottom: 2px solid #000;
                position: absolute;
                bottom: -3px;
                -webkit-transition: all 0.4s;
                transition: all 0.4s;
                z-index: 100; }
            header .container .nav-bar ul li ul li.current-menu-item a:before {
              display: none !important; }
          header .container .nav-bar ul li:hover ul {
            padding: 20px 0 20px 0;
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            height: auto; }
            @media (max-width: 1024px) {
              header .container .nav-bar ul li:hover ul {
                position: relative;
                display: block;
                padding: 0 20px;
                max-width: 350px;
                width: 100%; } }
          @media (max-width: 1024px) {
            header .container .nav-bar ul li ul {
              padding: 20px 0 20px 0;
              display: -webkit-box;
              display: -ms-flexbox;
              display: flex;
              height: auto;
              background: rgba(222, 222, 222, 0.7) !important;
              position: relative;
              display: block;
              padding: 0 20px;
              max-width: 100%;
              width: 100%;
              overflow: auto; } }
      header .container .nav-bar .search-btn {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
        -webkit-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center; }
        @media (max-width: 768px) {
          header .container .nav-bar .search-btn {
            display: none; } }
        header .container .nav-bar .search-btn svg {
          width: 20px;
          height: 20px;
          color: #fff; }
      header .container .nav-bar .selector-languages {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
        -webkit-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center;
        gap: 5px; }
        header .container .nav-bar .selector-languages p {
          color: #fff;
          font-size: 14px !important; }
          header .container .nav-bar .selector-languages p.active {
            font-weight: 300;
            font-size: 14px !important;
            border-right: 2px solid #fff;
            padding: 0 5px; }
        header .container .nav-bar .selector-languages a {
          font-weight: 700;
          color: #fff;
          font-size: 14px !important;
          width: auto;
          border-left: 2px solid #fff;
          padding: 0 8px; }
          header .container .nav-bar .selector-languages a.active {
            font-weight: 300; }
      @media (max-width: 1024px) {
        header .container .nav-bar {
          padding: 10px 20px;
          position: fixed;
          right: 0;
          top: 0;
          background: #fff;
          z-index: 10;
          min-height: 100vh;
          max-width: 340px;
          width: 100%;
          -webkit-box-shadow: 0 0 0.5em rgba(34, 34, 34, 0.3);
                  box-shadow: 0 0 0.5em rgba(34, 34, 34, 0.3);
          -webkit-transition: all 0.4s;
          transition: all 0.4s;
          -webkit-transform: translateX(375px);
                  transform: translateX(375px);
          height: 100%;
          overflow-y: scroll; }
          header .container .nav-bar ul {
            -webkit-box-orient: vertical;
            -webkit-box-direction: normal;
                -ms-flex-direction: column;
                    flex-direction: column; }
            header .container .nav-bar ul li {
              padding: 10px 0px; }
              header .container .nav-bar ul li a {
                color: #000; }
          header .container .nav-bar.show {
            -webkit-transform: translateX(0px);
                    transform: translateX(0px); } }
    header .container .nav-btn-search {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      -webkit-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center;
      gap: 10px;
      display: none; }
      @media (max-width: 1024px) {
        header .container .nav-btn-search {
          display: grid;
          grid-template-columns: repeat(3, 1fr);
          grid-template-areas: "two three one";
          gap: 0;
          place-items: end;
          -webkit-box-align: center;
              -ms-flex-align: center;
                  align-items: center; } }
      header .container .nav-btn-search .nav-btn {
        padding: 5px;
        color: #009157;
        display: none;
        grid-area: one; }
        @media (max-width: 1024px) {
          header .container .nav-btn-search .nav-btn {
            display: block; } }
        header .container .nav-btn-search .nav-btn svg {
          width: 30px; }
      header .container .nav-btn-search .selector-languages {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
        -webkit-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center;
        gap: 5px;
        grid-area: two;
        margin: 0 auto; }
        header .container .nav-btn-search .selector-languages p {
          color: #fff;
          font-size: 14px !important; }
          header .container .nav-btn-search .selector-languages p.active {
            font-weight: 300;
            font-size: 14px !important;
            border-right: 2px solid #fff;
            padding: 0 5px; }
        header .container .nav-btn-search .selector-languages a {
          font-weight: 700;
          color: #fff;
          font-size: 14px !important;
          width: auto;
          margin: 0 auto; }
          header .container .nav-btn-search .selector-languages a.active {
            font-weight: 300; }
      header .container .nav-btn-search .search-btn {
        display: none;
        grid-area: three;
        margin: 0 auto; }
        @media (max-width: 1024px) {
          header .container .nav-btn-search .search-btn {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-align: center;
                -ms-flex-align: center;
                    align-items: center;
            -webkit-box-pack: center;
                -ms-flex-pack: center;
                    justify-content: center; }
            header .container .nav-btn-search .search-btn svg {
              width: 20px;
              height: 20px;
              color: #fff; } }

footer {
  padding: 30px;
  background: url("https://monicaherrera.edu.sv/wp-content/themes/custom_theme/dist/images/ornament-6.png") #009157;
  background-position: center right;
  background-repeat: no-repeat;
  background-size: contain;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 40px;
  z-index: 100;
  position: relative; }
  @media (max-width: 768px) {
    footer {
      background-size: cover; } }
  footer .container {
    width: 100%;
    display: grid;
    grid-template-columns: repeat(6, 1fr);
    grid-template-areas: "one one one two two two";
    gap: 40px; }
    @media (max-width: 768px) {
      footer .container {
        grid-template-columns: 1fr;
        grid-template-areas: "one"
 "two"; } }
    footer .container .logo-direccion {
      grid-area: one;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: start;
          -ms-flex-align: start;
              align-items: flex-start;
      -webkit-box-pack: start;
          -ms-flex-pack: start;
              justify-content: flex-start;
      gap: 20px; }
      @media (max-width: 768px) {
        footer .container .logo-direccion {
          -webkit-box-align: center;
              -ms-flex-align: center;
                  align-items: center;
          -webkit-box-orient: vertical;
          -webkit-box-direction: normal;
              -ms-flex-direction: column;
                  flex-direction: column;
          -webkit-box-pack: center;
              -ms-flex-pack: center;
                  justify-content: center; } }
      footer .container .logo-direccion .logo img {
        width: 100%;
        max-width: 125px; }
      footer .container .logo-direccion .direccion p {
        text-align: left;
        color: #fff; }
        @media (max-width: 768px) {
          footer .container .logo-direccion .direccion p {
            text-align: center; } }
    footer .container .container-menus {
      grid-area: two;
      display: grid;
      grid-template-columns: repeat(4, 1fr);
      gap: 20px; }
      @media (max-width: 768px) {
        footer .container .container-menus {
          grid-template-columns: repeat(2, 1fr);
          gap: 40px; } }
      footer .container .container-menus ul {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: start;
            -ms-flex-align: start;
                align-items: flex-start;
        -webkit-box-pack: start;
            -ms-flex-pack: start;
                justify-content: flex-start;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
        gap: 10px; }
        footer .container .container-menus ul li {
          list-style: none; }
          footer .container .container-menus ul li a {
            color: #fff;
            position: relative; }
            footer .container .container-menus ul li a:before {
              content: "";
              width: 0%;
              left: 50%;
              height: 0;
              border-bottom: 2px solid #fff;
              position: absolute;
              bottom: -3px;
              -webkit-transition: all 0.4s;
              transition: all 0.4s; }
            footer .container .container-menus ul li a:hover:before {
              width: 100%;
              left: 0; }
  footer .social-media {
    display: none;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    gap: 10px; }
    @media (max-width: 768px) {
      footer .social-media {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex; } }
    footer .social-media a {
      color: #fff; }
      footer .social-media a.tel {
        padding: 0 10px; }
        @media (max-width: 768px) {
          footer .social-media a.tel {
            display: block; } }
      footer .social-media a svg {
        width: 25px;
        height: 25px;
        -webkit-transition: all 0.3s;
        transition: all 0.3s; }
      footer .social-media a:hover svg {
        -webkit-transform: scale(1.1);
                transform: scale(1.1); }
  footer p {
    color: #fff;
    font-family: "Open Sans", sans-serif;
    text-align: center;
    line-height: 25px; }

.carousel-arrows {
  padding-top: 40px;
  line-height: 0px;
  position: relative;
  min-height: 650px; }
  @media (max-width: 768px) {
    .carousel-arrows {
      padding-top: 85px; } }
  .carousel-arrows img {
    width: 100%; }
  .carousel-arrows .controls {
    position: absolute;
    right: 0;
    bottom: 75px;
    width: 100%;
    z-index: 10;
    padding: 10px 0; }
    @media (max-width: 768px) {
      .carousel-arrows .controls {
        bottom: auto;
        top: 110px; } }
    .carousel-arrows .controls .container {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      -webkit-box-pack: justify;
          -ms-flex-pack: justify;
              justify-content: space-between;
      gap: 20px; }
      .carousel-arrows .controls .container .decorations3D {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
        -webkit-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center;
        gap: 10px;
        z-index: 10;
        position: relative;
        top: 70px; }
        @media (max-width: 768px) {
          .carousel-arrows .controls .container .decorations3D {
            position: inherit; } }
        .carousel-arrows .controls .container .decorations3D .ornament {
          width: 7px;
          -webkit-transition: all 0.3s;
          transition: all 0.3s; }
          .carousel-arrows .controls .container .decorations3D .ornament.type2 {
            width: 15px; }
          .carousel-arrows .controls .container .decorations3D .ornament:hover {
            -webkit-transform: scale(1.2);
                    transform: scale(1.2); }
      .carousel-arrows .controls .container .buttons {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
        -webkit-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center;
        gap: 20px; }
        .carousel-arrows .controls .container .buttons .arrow img {
          width: 30px;
          height: 30px;
          -o-object-fit: contain;
             object-fit: contain;
          -webkit-transition: all 0.3s;
          transition: all 0.3s; }
          @media (max-width: 768px) {
            .carousel-arrows .controls .container .buttons .arrow img {
              width: 20px; } }
        .carousel-arrows .controls .container .buttons .arrow:hover.left2 img {
          -webkit-transform: scale(1.1) translateX(-10px);
                  transform: scale(1.1) translateX(-10px); }
        .carousel-arrows .controls .container .buttons .arrow:hover.right2 img {
          -webkit-transform: scale(1.1) translateX(10px);
                  transform: scale(1.1) translateX(10px); }

.slider2 {
  z-index: 1;
  position: relative;
  min-height: 650px; }
  .slider2 .slick-slide {
    line-height: 25px;
    height: 100%;
    min-height: 650px; }
  .slider2 .item {
    min-height: 650px;
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
    -webkit-box-align: center !important;
        -ms-flex-align: center !important;
            align-items: center !important;
    -webkit-box-pack: center !important;
        -ms-flex-pack: center !important;
            justify-content: center !important;
    position: relative;
    overflow: hidden; }
    .slider2 .item .container {
      display: grid !important;
      grid-template-columns: repeat(2, 1fr) !important;
      gap: 40px !important; }
      @media (max-width: 768px) {
        .slider2 .item .container {
          grid-template-columns: 1fr !important; } }
      .slider2 .item .container .info {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: start;
            -ms-flex-align: start;
                align-items: flex-start;
        -webkit-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
        gap: 10px;
        padding: 80px 0; }
        .slider2 .item .container .info h2 {
          font-size: 40px !important;
          font-family: "Open Sans", sans-serif;
          font-weight: 700;
          line-height: 50px !important; }
          @media (max-width: 768px) {
            .slider2 .item .container .info h2 {
              font-size: 30px !important;
              line-height: 35px !important; } }
        .slider2 .item .container .info p {
          font-size: 20px !important; }
          @media (max-width: 768px) {
            .slider2 .item .container .info p {
              font-size: 14px !important; } }
      .slider2 .item .container .container-picture {
        position: relative;
        height: 400px !important;
        width: 100% !important; }
        @media (max-width: 768px) {
          .slider2 .item .container .container-picture {
            height: auto !important;
            display: -webkit-box !important;
            display: -ms-flexbox !important;
            display: flex !important;
            -webkit-box-align: center !important;
                -ms-flex-align: center !important;
                    align-items: center !important;
            -webkit-box-pack: center !important;
                -ms-flex-pack: center !important;
                    justify-content: center !important; } }
        .slider2 .item .container .container-picture img {
          width: 100%;
          height: 100%;
          -o-object-fit: cover;
             object-fit: cover; }
          @media (max-width: 768px) {
            .slider2 .item .container .container-picture img {
              -o-object-fit: inherit;
                 object-fit: inherit; } }
        .slider2 .item .container .container-picture:before {
          content: '';
          position: absolute;
          left: -190%;
          top: 50px;
          bottom: 0;
          width: 400%;
          height: 362px;
          -webkit-transform: rotate(25deg);
                  transform: rotate(25deg);
          background: #009157;
          z-index: -1; }
        .slider2 .item .container .container-picture:after {
          content: '';
          position: absolute;
          left: 0;
          top: 0;
          width: 200%;
          height: 400%;
          background: #fff;
          z-index: -1; }

.carreras {
  padding: 90px 0;
  position: relative;
  overflow: hidden; }
  .carreras .container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 20px;
    position: relative; }
    .carreras .container .block {
      display: grid;
      grid-template-columns: repeat(2, 1fr);
      gap: 40px;
      position: relative;
      display: none; }
      .carreras .container .block.show {
        display: grid; }
      @media (max-width: 768px) {
        .carreras .container .block {
          grid-template-columns: 1fr; } }
      .carreras .container .block .container-picture {
        position: relative;
        height: 440px;
        overflow: hidden; }
        .carreras .container .block .container-picture img {
          width: 100%;
          height: 100%;
          -o-object-fit: cover;
             object-fit: cover; }
        .carreras .container .block .container-picture:before {
          content: '';
          position: absolute;
          width: 40%;
          height: 50%;
          right: 200px;
          top: 138px;
          left: 94%;
          background: #EEEEEE;
          -webkit-transform: rotate(45deg) skew(45deg);
                  transform: rotate(45deg) skew(45deg);
          z-index: -1; }
          @media (max-width: 768px) {
            .carreras .container .block .container-picture:before {
              right: 0;
              left: auto; } }
        .carreras .container .block .container-picture:after {
          content: '';
          position: absolute;
          width: 10%;
          height: 20%;
          left: -80px;
          bottom: -20px;
          right: 100%;
          background: #EEEEEE;
          -webkit-transform: rotate(-45deg) skew(-45deg);
                  transform: rotate(-45deg) skew(-45deg);
          z-index: -1; }
          @media (max-width: 768px) {
            .carreras .container .block .container-picture:after {
              left: 0; } }
      .carreras .container .block .info {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: start;
            -ms-flex-align: start;
                align-items: flex-start;
        -webkit-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
        gap: 20px; }
        .carreras .container .block .info h3 {
          font-size: 65px !important;
          line-height: 65px !important; }
          @media (max-width: 768px) {
            .carreras .container .block .info h3 {
              font-size: 30px !important;
              line-height: 35px !important; } }
        .carreras .container .block .info p {
          font-size: 14px !important; }
          .carreras .container .block .info p a {
            color: #4828A9;
            font-weight: 700; }
        .carreras .container .block .info .container-buttons {
          width: 100%;
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex;
          -webkit-box-align: center;
              -ms-flex-align: center;
                  align-items: center;
          -webkit-box-pack: center;
              -ms-flex-pack: center;
                  justify-content: center;
          gap: 10px;
          -ms-flex-wrap: wrap;
              flex-wrap: wrap; }
          .carreras .container .block .info .container-buttons .btn {
            text-align: center;
            width: 30%;
            font-weight: 700; }
    .carreras .container .decorations3D {
      position: absolute;
      right: 0;
      top: 0;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: start;
          -ms-flex-align: start;
              align-items: flex-start;
      -webkit-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center;
      gap: 10px;
      z-index: 11; }
      .carreras .container .decorations3D .ornament {
        width: 15px;
        -webkit-transition: all 0.3s ease-in-out;
        transition: all 0.3s ease-in-out; }
        .carreras .container .decorations3D .ornament.type2 {
          width: 30px; }
        .carreras .container .decorations3D .ornament:hover {
          -webkit-transform: scale(1.2);
                  transform: scale(1.2); }
  .carreras:before {
    content: '';
    position: absolute;
    right: -400px;
    bottom: -285px;
    background: #000;
    width: 100%;
    height: 50%;
    -webkit-transform: rotate(-13deg) skew(37deg);
            transform: rotate(-13deg) skew(37deg);
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
    display: none; }
    @media (max-width: 1400px) {
      .carreras:before {
        -webkit-transform: rotate(-10deg) skew(37deg);
                transform: rotate(-10deg) skew(37deg);
        bottom: -254px; } }
    @media (max-width: 768px) {
      .carreras:before {
        display: none; } }

.casos-de-existo {
  padding: 150px 0 0 0;
  background: #000;
  background-size: 10%;
  height: 100%;
  background: -webkit-gradient(linear, left top, left bottom, color-stop(45%, transparent), color-stop(45%, #000));
  background: linear-gradient(180deg, transparent 45%, #000 45%);
  position: relative;
  overflow: hidden;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column; }
  @media (max-width: 768px) {
    .casos-de-existo {
      background: #000;
      padding: 80px 0 0 0; } }
  .casos-de-existo .container {
    width: 100%;
    line-height: auto; }
    .casos-de-existo .container .block1 {
      display: grid;
      grid-template-columns: repeat(7, 1fr);
      grid-template-areas: "one one one one two two two";
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      gap: 60px; }
      @media (max-width: 768px) {
        .casos-de-existo .container .block1 {
          grid-template-columns: 1fr;
          grid-template-areas: "one" "two";
          padding-bottom: 40px; } }
      .casos-de-existo .container .block1 .info {
        grid-area: one;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: start;
            -ms-flex-align: start;
                align-items: flex-start;
        -webkit-box-pack: start;
            -ms-flex-pack: start;
                justify-content: flex-start;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
        gap: 20px;
        position: relative;
        margin-bottom: 80px; }
        @media (max-width: 768px) {
          .casos-de-existo .container .block1 .info {
            margin-bottom: auto; } }
        .casos-de-existo .container .block1 .info h3 {
          font-size: 100px !important;
          line-height: 100px !important;
          font-weight: 700;
          color: #fff;
          max-height: 200px; }
          @media (max-width: 768px) {
            .casos-de-existo .container .block1 .info h3 {
              font-size: 30px !important;
              line-height: 35px !important;
              max-height: 100%; } }
        .casos-de-existo .container .block1 .info p {
          color: #fff;
          line-height: 25px !important;
          max-height: 125px;
          overflow-y: auto;
          scrollbar-color: #FF5100 #000; }
          @media (max-width: 768px) {
            .casos-de-existo .container .block1 .info p {
              max-height: 100%; } }
        .casos-de-existo .container .block1 .info .decorations3D {
          position: absolute;
          right: 0;
          top: -145px;
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex;
          -webkit-box-align: start;
              -ms-flex-align: start;
                  align-items: flex-start;
          -webkit-box-pack: center;
              -ms-flex-pack: center;
                  justify-content: center;
          gap: 10px; }
          @media (max-width: 768px) {
            .casos-de-existo .container .block1 .info .decorations3D {
              top: 0; } }
          .casos-de-existo .container .block1 .info .decorations3D .ornament {
            width: 10px;
            -webkit-transition: all 0.3s ease-in-out;
            transition: all 0.3s ease-in-out;
            z-index: 11; }
            .casos-de-existo .container .block1 .info .decorations3D .ornament.type2 {
              width: 25px; }
            .casos-de-existo .container .block1 .info .decorations3D .ornament:hover {
              -webkit-transform: scale(1.2);
                      transform: scale(1.2); }
      .casos-de-existo .container .block1 figure {
        grid-area: two;
        position: relative;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
        -webkit-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
        gap: 5px;
        max-width: 400px;
        width: 100%;
        top: -150px; }
        @media (max-width: 768px) {
          .casos-de-existo .container .block1 figure {
            top: auto; } }
        .casos-de-existo .container .block1 figure img {
          width: 100%;
          height: 100%;
          -o-object-fit: cover;
             object-fit: cover; }
        .casos-de-existo .container .block1 figure figcaption {
          font-size: 24px !important;
          font-weight: 700;
          text-align: left;
          width: 100%;
          color: #fff;
          line-height: 25px !important; }
          .casos-de-existo .container .block1 figure figcaption span {
            font-size: 16px;
            font-weight: 300; }
  .casos-de-existo .block2 {
    width: 100%;
    display: grid;
    grid-template-columns: repeat(7, 1fr);
    grid-template-areas: "one one one two two two two";
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    gap: 60px;
    background: #4828A9; }
    @media (max-width: 768px) {
      .casos-de-existo .block2 {
        grid-template-columns: 1fr;
        grid-template-areas: "one" "two";
        padding-bottom: 100px; } }
    .casos-de-existo .block2 figure {
      grid-area: one;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      -webkit-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center;
      width: 100%;
      height: 800px;
      position: relative; }
      .casos-de-existo .block2 figure img {
        width: 100%;
        height: 100%;
        -o-object-fit: cover;
           object-fit: cover; }
      .casos-de-existo .block2 figure:before {
        content: '';
        position: absolute;
        left: 41%;
        top: -247px;
        width: 400%;
        height: 100%;
        background: #4828A9;
        -webkit-transform: rotate(-13deg) skew(-45deg);
                transform: rotate(-13deg) skew(-45deg);
        z-index: -1;
        -webkit-transition: all 0.2s;
        transition: all 0.2s; }
      @media (max-width: 1600px) {
        .casos-de-existo .block2 figure:before {
          content: '';
          position: absolute;
          left: 41%;
          top: -170px;
          width: 400%;
          height: 100%;
          background: #4828A9;
          -webkit-transform: rotate(-13deg) skew(-45deg);
                  transform: rotate(-13deg) skew(-45deg);
          z-index: -1; } }
      @media (max-width: 1440px) {
        .casos-de-existo .block2 figure:before {
          content: '';
          position: absolute;
          left: 41%;
          top: -180px;
          width: 400%;
          height: 100%;
          background: #4828A9;
          -webkit-transform: rotate(-13deg) skew(-45deg);
                  transform: rotate(-13deg) skew(-45deg);
          z-index: -1; } }
    .casos-de-existo .block2 .info {
      grid-area: two;
      padding: 100px 0;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: start;
          -ms-flex-align: start;
              align-items: flex-start;
      -webkit-box-pack: start;
          -ms-flex-pack: start;
              justify-content: flex-start;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column;
      gap: 20px;
      max-width: 600px;
      width: 100%;
      padding: 0 20px; }
      .casos-de-existo .block2 .info h3 {
        font-size: 100px !important;
        line-height: 100px !important;
        font-weight: 700;
        color: #FFC600;
        max-height: 200px !important; }
        @media (max-width: 768px) {
          .casos-de-existo .block2 .info h3 {
            font-size: 30px !important;
            line-height: 35px !important;
            max-height: 100% !important; } }
      .casos-de-existo .block2 .info p {
        color: #FFC600;
        max-height: 176px;
        overflow-y: auto;
        scrollbar-color: #FFC600 #4828A9; }
        @media (max-width: 768px) {
          .casos-de-existo .block2 .info p {
            max-height: 100%; } }
  .casos-de-existo:before {
    content: '';
    width: 200%;
    height: 62%;
    left: -100px;
    top: -100px;
    background: #000;
    background-position: fixed;
    position: absolute;
    z-index: -1;
    -webkit-transform: rotate(-10deg);
            transform: rotate(-10deg); }
    @media (max-width: 768px) {
      .casos-de-existo:before {
        left: 0;
        top: 0; } }
  .casos-de-existo::after {
    content: '';
    position: absolute;
    width: 100%;
    height: 62%;
    background: #fff;
    -webkit-transform: rotate(-10deg);
            transform: rotate(-10deg);
    bottom: -829px;
    right: -200px;
    -webkit-transition: 0.3s;
    transition: 0.3s; }
    @media (max-width: 1400px) {
      .casos-de-existo::after {
        bottom: -852px; } }
    @media (max-width: 768px) {
      .casos-de-existo::after {
        display: none; } }

.noticias-homepage {
  padding: 80px 0;
  position: relative; }
  .noticias-homepage .container {
    display: grid;
    grid-template-columns: repeat(7, 1fr);
    grid-template-areas: "one one one one two two two";
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    gap: 20px;
    max-width: 100%;
    padding: 0 0 0 20px; }
    @media (max-width: 768px) {
      .noticias-homepage .container {
        grid-template-columns: 1fr;
        grid-template-areas: "one" "two";
        padding: 0 20px; } }
    .noticias-homepage .container .info {
      grid-area: one;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: end;
          -ms-flex-align: end;
              align-items: flex-end;
      -webkit-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center; }
      .noticias-homepage .container .info .content {
        max-width: 800px;
        width: 100%;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: start;
            -ms-flex-align: start;
                align-items: flex-start;
        -webkit-box-pack: start;
            -ms-flex-pack: start;
                justify-content: flex-start;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
        gap: 20px; }
        .noticias-homepage .container .info .content h4 {
          font-size: 65px !important;
          font-weight: 700;
          font-family: "Open Sans", sans-serif; }
          @media (max-width: 768px) {
            .noticias-homepage .container .info .content h4 {
              font-size: 30px !important; } }
    .noticias-homepage .container .slide-noticias {
      grid-area: two;
      width: 100%;
      overflow: hidden; }
      .noticias-homepage .container .slide-noticias .slider3 {
        width: 800px;
        height: 400px; }
        .noticias-homepage .container .slide-noticias .slider3 .item {
          padding: 5px 20px;
          height: 400px; }
          .noticias-homepage .container .slide-noticias .slider3 .item .description-item {
            background: -webkit-gradient(linear, left top, left bottom, from(transparent), to(rgba(0, 0, 0, 0.7)));
            background: linear-gradient(transparent, rgba(0, 0, 0, 0.7));
            position: relative;
            display: -webkit-box !important;
            display: -ms-flexbox !important;
            display: flex !important;
            -webkit-box-align: end !important;
                -ms-flex-align: end !important;
                    align-items: flex-end !important;
            -webkit-box-pack: start !important;
                -ms-flex-pack: start !important;
                    justify-content: flex-start !important;
            height: 100%;
            padding: 10px 20px; }
            .noticias-homepage .container .slide-noticias .slider3 .item .description-item .overlay {
              position: absolute;
              left: 0;
              top: 0;
              background: rgba(0, 0, 0, 0.3);
              width: 100%;
              height: 100%; }
            .noticias-homepage .container .slide-noticias .slider3 .item .description-item p {
              z-index: 2;
              color: #fff;
              font-family: "Open Sans", sans-serif;
              font-weight: 700;
              font-size: 18px; }
            .noticias-homepage .container .slide-noticias .slider3 .item .description-item img {
              position: absolute;
              left: 0;
              top: 0;
              width: 100%;
              height: 100%;
              -o-object-fit: cover;
                 object-fit: cover;
              z-index: -1; }
  .noticias-homepage .decorations3D {
    position: absolute;
    left: 0;
    top: -30px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
    gap: 10px;
    padding: 40px 0;
    z-index: -1; }
    .noticias-homepage .decorations3D .ornament {
      width: 35px;
      -webkit-transition: all 0.3s ease-in;
      transition: all 0.3s ease-in; }
      .noticias-homepage .decorations3D .ornament.type2 {
        width: 50px; }
      .noticias-homepage .decorations3D .ornament:hover {
        -webkit-transform: scale(1.1);
                transform: scale(1.1); }
    .noticias-homepage .decorations3D.type2 {
      right: 200px;
      left: auto;
      top: -100px;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: start;
          -ms-flex-align: start;
              align-items: flex-start;
      -webkit-box-pack: justify;
          -ms-flex-pack: justify;
              justify-content: space-between;
      gap: 20px;
      max-width: 150px;
      width: 100%;
      z-index: 1; }
      .noticias-homepage .decorations3D.type2 .ornament {
        width: 40px; }
        .noticias-homepage .decorations3D.type2 .ornament.type2 {
          width: 100px; }
      @media (max-width: 1200px) {
        .noticias-homepage .decorations3D.type2 {
          display: none; } }
    .noticias-homepage .decorations3D.type3 {
      left: 0;
      top: auto;
      bottom: 0;
      right: 0;
      margin: auto;
      width: 100%;
      max-width: 100px;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      -webkit-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column;
      gap: 0; }
      @media (max-width: 1200px) {
        .noticias-homepage .decorations3D.type3 {
          right: auto;
          z-index: -1; } }
      .noticias-homepage .decorations3D.type3 .ornament {
        width: 40px; }
        .noticias-homepage .decorations3D.type3 .ornament.type2 {
          width: 30px; }
    @media (max-width: 1200px) {
      .noticias-homepage .decorations3D {
        display: none; } }

.actividades-importantes {
  padding: 120px 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 20px; }
  .actividades-importantes p {
    font-size: 24px; }
  .actividades-importantes .container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 50px; }
    .actividades-importantes .container .block {
      display: grid;
      grid-template-columns: repeat(2, 1fr);
      grid-template-areas: "one two";
      gap: 60px;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center; }
      .actividades-importantes .container .block.type2 {
        grid-template-areas: "two one"; }
        @media (max-width: 768px) {
          .actividades-importantes .container .block.type2 {
            grid-template-areas: "one" "two"; } }
      @media (max-width: 768px) {
        .actividades-importantes .container .block {
          grid-template-columns: 1fr;
          grid-template-areas: "one" "two"; } }
      .actividades-importantes .container .block figure {
        grid-area: one;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
        -webkit-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center;
        position: relative; }
        .actividades-importantes .container .block figure img {
          width: 100%;
          max-width: 400px; }
        .actividades-importantes .container .block figure:before {
          content: '';
          position: absolute;
          right: 50px;
          bottom: 0;
          width: 100px;
          height: 100px;
          background: url("https://monicaherrera.edu.sv/wp-content/themes/custom_theme/dist/images/ornament-7.svg");
          background-position: center;
          background-repeat: no-repeat;
          background-size: contain; }
      .actividades-importantes .container .block .info {
        grid-area: two;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: start;
            -ms-flex-align: start;
                align-items: flex-start;
        -webkit-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
        gap: 20px; }
        .actividades-importantes .container .block .info h4 {
          font-size: 65px;
          line-height: 55px; }
          @media (max-width: 768px) {
            .actividades-importantes .container .block .info h4 {
              font-size: 30px; } }
        .actividades-importantes .container .block .info p {
          font-size: 18px; }
    .actividades-importantes .container .slider4 {
      position: relative;
      width: 100%; }
      .actividades-importantes .container .slider4 img {
        width: 100%;
        height: 765px;
        -o-object-fit: cover;
           object-fit: cover; }
        @media (max-width: 768px) {
          .actividades-importantes .container .slider4 img {
            height: 100%; } }
      .actividades-importantes .container .slider4 .slick-dots {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        margin: 0;
        padding: 0;
        list-style: none;
        -webkit-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center;
        position: absolute;
        bottom: 0;
        left: 0;
        bottom: 20px;
        right: 0;
        margin: auto; }
        @media (max-width: 768px) {
          .actividades-importantes .container .slider4 .slick-dots {
            -webkit-box-pack: center;
                -ms-flex-pack: center;
                    justify-content: center;
            gap: 5px;
            bottom: 10px; } }
        .actividades-importantes .container .slider4 .slick-dots li {
          padding: 5px 11px;
          position: relative;
          cursor: pointer; }
          @media (max-width: 768px) {
            .actividades-importantes .container .slider4 .slick-dots li {
              padding: 5px; } }
          .actividades-importantes .container .slider4 .slick-dots li button {
            opacity: 0;
            cursor: pointer; }
          .actividades-importantes .container .slider4 .slick-dots li:before {
            content: "";
            width: 10px;
            height: 10px;
            border-radius: 50%;
            border: 2px solid #D9D9D9;
            background-color: #D9D9D9;
            position: absolute;
            top: 0;
            left: 0;
            right: 0;
            bottom: 0;
            margin: auto;
            -webkit-transition: all 0.3s;
            transition: all 0.3s; }
            @media (max-width: 768px) {
              .actividades-importantes .container .slider4 .slick-dots li:before {
                width: 10px;
                height: 10px;
                left: 10px; } }
          .actividades-importantes .container .slider4 .slick-dots li.slick-active:before {
            background-color: #FFC600;
            border: 2px solid #FFC600; }

.banner-sobre-nosotros {
  padding: 140px 0 80px 0;
  background: #FFC600; }
  .banner-sobre-nosotros.banner-research {
    background: #009157; }
    .banner-sobre-nosotros.banner-research .container figure:before {
      display: none; }
    .banner-sobre-nosotros.banner-research .container .content h1 {
      color: #fff;
      font-size: 34px !important;
      line-height: 35px !important; }
    .banner-sobre-nosotros.banner-research .container .content p {
      font-size: 14px !important;
      line-height: 18px !important;
      color: #fff; }
    .banner-sobre-nosotros.banner-research .container .content .btn {
      color: #fff; }
      .banner-sobre-nosotros.banner-research .container .content .btn:hover {
        color: #fff; }
  .banner-sobre-nosotros .container {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 40px;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    position: relative; }
    @media (max-width: 768px) {
      .banner-sobre-nosotros .container {
        grid-template-columns: 1fr; } }
    .banner-sobre-nosotros .container figure {
      width: 450px;
      height: 450px;
      display: block;
      margin: 0 auto;
      position: relative;
      z-index: 1; }
      @media (max-width: 768px) {
        .banner-sobre-nosotros .container figure {
          max-width: 450px;
          width: 100%; } }
      .banner-sobre-nosotros .container figure img {
        width: 100%;
        height: 100%;
        max-width: 100%;
        -o-object-fit: contain;
           object-fit: contain;
        z-index: 1; }
      .banner-sobre-nosotros .container figure:before {
        content: '';
        position: absolute;
        right: 80%;
        top: 100px;
        width: 50%;
        height: 50%;
        background: #D9D9D9;
        -webkit-transform: rotate(14deg) skew(15deg, 15deg);
                transform: rotate(14deg) skew(15deg, 15deg);
        z-index: -1; }
      .banner-sobre-nosotros .container figure .decorations3D {
        position: absolute;
        left: 0px;
        top: 350px;
        z-index: 2;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
        -webkit-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center;
        gap: 0px; }
        .banner-sobre-nosotros .container figure .decorations3D.type2 {
          left: auto;
          right: 0;
          top: 0; }
          .banner-sobre-nosotros .container figure .decorations3D.type2 .ornament {
            width: 80px; }
            .banner-sobre-nosotros .container figure .decorations3D.type2 .ornament.type2 {
              width: 40px; }
        .banner-sobre-nosotros .container figure .decorations3D .ornament {
          width: 20px; }
          .banner-sobre-nosotros .container figure .decorations3D .ornament.type2 {
            width: 60px; }
    .banner-sobre-nosotros .container .content {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: start;
          -ms-flex-align: start;
              align-items: flex-start;
      -webkit-box-pack: start;
          -ms-flex-pack: start;
              justify-content: flex-start;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column;
      gap: 20px; }
      .banner-sobre-nosotros .container .content h1 {
        font-size: 65px !important;
        font-weight: 700;
        line-height: 65px !important; }
        @media (max-width: 768px) {
          .banner-sobre-nosotros .container .content h1 {
            font-size: 30px !important;
            line-height: 35px !important; } }
      .banner-sobre-nosotros .container .content p {
        font-size: 18px; }
      .banner-sobre-nosotros .container .content .buttons {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
        -webkit-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center;
        gap: 5px; }
        .banner-sobre-nosotros .container .content .buttons .btn {
          color: #FFC600; }
          .banner-sobre-nosotros .container .content .buttons .btn:hover {
            color: #000; }
      .banner-sobre-nosotros .container .content .btn {
        color: #FFC600; }
        .banner-sobre-nosotros .container .content .btn:hover {
          color: #000; }

.plan-de-estudio {
  background: #FFC600;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 20px;
  padding: 40px 0; }
  .plan-de-estudio.carreras-becas-white {
    background: #fff; }
  .plan-de-estudio .container {
    width: 100%;
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    gap: 40px; }
    @media (max-width: 768px) {
      .plan-de-estudio .container {
        grid-template-columns: 1fr; } }
    .plan-de-estudio .container .content {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: start;
          -ms-flex-align: start;
              align-items: flex-start;
      -webkit-box-pack: start;
          -ms-flex-pack: start;
              justify-content: flex-start;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column;
      gap: 20px; }
      .plan-de-estudio .container .content h2 {
        font-size: 48px; }
        @media (max-width: 768px) {
          .plan-de-estudio .container .content h2 {
            font-size: 20px; } }
      .plan-de-estudio .container .content p {
        font-size: 18px; }
      .plan-de-estudio .container .content ul {
        padding: 0 20px; }
        .plan-de-estudio .container .content ul li {
          line-height: 25px;
          padding: 5px 0;
          font-size: 18px; }
  .plan-de-estudio .areas-laborales {
    width: 100%;
    max-width: 1400px;
    margin: 0 auto;
    padding: 0 20px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 20px;
    padding: 40px 0; }
    @media (max-width: 768px) {
      .plan-de-estudio .areas-laborales {
        padding: 40px 20px;
        text-align: center; } }
    .plan-de-estudio .areas-laborales p {
      font-weight: 700;
      font-size: 24px; }
    .plan-de-estudio .areas-laborales .container-items {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      -webkit-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
      gap: 10px; }
      .plan-de-estudio .areas-laborales .container-items .active {
        border-radius: 20px;
        padding: 5px 20px;
        font-size: 18px;
        background: #4828A9;
        color: #fff;
        border: 2px solid #4828A9;
        font-weight: 700; }
  .plan-de-estudio .decorations3D {
    position: absolute;
    left: 0;
    top: 100px; }
    @media (max-width: 768px) {
      .plan-de-estudio .decorations3D {
        display: none; } }
    .plan-de-estudio .decorations3D.type2 {
      left: auto;
      right: 0; }
      .plan-de-estudio .decorations3D.type2 .ornament {
        width: 20px; }
        .plan-de-estudio .decorations3D.type2 .ornament.type2 {
          width: 50px; }
    .plan-de-estudio .decorations3D .ornament {
      width: 20px; }
      .plan-de-estudio .decorations3D .ornament.type2 {
        width: 10px; }

.students-section {
  background: #ffc600;
  background: -webkit-gradient(linear, left top, left bottom, color-stop(50%, #ffc600), color-stop(50%, #ff5100));
  background: linear-gradient(180deg, #ffc600 50%, #ff5100 50%);
  padding: 80px 0; }
  .students-section .container {
    width: 100%;
    max-width: 100%;
    padding: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between; }
    @media (max-width: 768px) {
      .students-section .container {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column; } }
    .students-section .container > div {
      min-height: 1000px; }
      @media (max-width: 768px) {
        .students-section .container > div {
          min-height: auto; } }
      .students-section .container > div:first-child {
        width: 50%;
        background-size: cover;
        z-index: 1; }
        @media (max-width: 768px) {
          .students-section .container > div:first-child {
            width: 100%; } }
      .students-section .container > div:last-child {
        width: 50%;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
        padding-left: 50px;
        position: relative;
        z-index: 1; }
        @media (max-width: 768px) {
          .students-section .container > div:last-child {
            width: 100%;
            padding: 10px; } }
        .students-section .container > div:last-child::before {
          content: "";
          z-index: -1;
          background: url("https://monicaherrera.edu.sv/wp-content/themes/custom_theme/dist/images/Rectangle-purple.png");
          background-size: cover;
          position: absolute;
          top: -40px;
          left: -150px;
          width: calc(100% + 150px);
          height: 100%; }
          @media (max-width: 768px) {
            .students-section .container > div:last-child::before {
              top: -130px; } }
        .students-section .container > div:last-child::after {
          content: "";
          z-index: -1;
          background: url("https://monicaherrera.edu.sv/wp-content/themes/custom_theme/dist/images/Rectangle-orange.png");
          background-size: cover;
          position: absolute;
          top: 90px;
          left: 0px;
          width: 100%;
          height: 100%; }
        .students-section .container > div:last-child .box {
          z-index: 5;
          max-width: 100%; }
          .students-section .container > div:last-child .box .slider .item {
            padding: 10px; }
          .students-section .container > div:last-child .box p {
            font-size: 18px;
            line-height: 20px;
            color: #fff; }
          .students-section .container > div:last-child .box h2 {
            font-family: "Open Sans", sans-serif;
            font-size: 70px !important;
            line-height: 65px !important;
            font-weight: 700;
            color: #fff;
            margin: 15px 0; }
            @media (max-width: 768px) {
              .students-section .container > div:last-child .box h2 {
                font-size: 50px !important;
                line-height: 55px !important; } }
          .students-section .container > div:last-child .box .social-media {
            padding-top: 30px; }
            .students-section .container > div:last-child .box .social-media a {
              color: #fff;
              margin-right: 15px; }
              .students-section .container > div:last-child .box .social-media a svg {
                fill: currentColor;
                color: #fff;
                width: 35px;
                -webkit-transition: all 0.3s;
                transition: all 0.3s; }
              .students-section .container > div:last-child .box .social-media a:hover svg {
                -webkit-transform: scale(1.2);
                        transform: scale(1.2); }
          .students-section .container > div:last-child .box .slick-dots {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-pack: center;
                -ms-flex-pack: center;
                    justify-content: center;
            gap: 20px;
            list-style: none;
            padding-top: 15px; }
            .students-section .container > div:last-child .box .slick-dots li {
              position: relative; }
              .students-section .container > div:last-child .box .slick-dots li button {
                display: none; }
              .students-section .container > div:last-child .box .slick-dots li:before {
                content: "";
                position: absolute;
                width: 12px;
                height: 12px;
                border-radius: 50%;
                left: 0;
                top: 0;
                background: rgba(255, 255, 255, 0.5); }
              .students-section .container > div:last-child .box .slick-dots li.slick-active:before {
                background: rgba(255, 255, 255, 0.95); }

.challenge-section {
  background-color: #FF5100;
  padding: 100px 0 0px; }
  @media (max-width: 768px) {
    .challenge-section {
      padding: 50px 0 0px; } }
  .challenge-section .container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    max-width: 100%;
    padding: 0; }
    @media (max-width: 768px) {
      .challenge-section .container {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column; } }
    .challenge-section .container div:first-child {
      width: 65%;
      padding: 50px; }
      @media (max-width: 768px) {
        .challenge-section .container div:first-child {
          width: 100%; } }
      .challenge-section .container div:first-child h2 {
        font-family: "Open Sans", sans-serif;
        font-size: 120px !important;
        line-height: 100px !important;
        color: #FFC600;
        font-weight: 700;
        margin-bottom: 20px; }
        @media (max-width: 768px) {
          .challenge-section .container div:first-child h2 {
            font-size: 40px !important;
            line-height: 45px !important; } }
        .challenge-section .container div:first-child h2 span {
          font-size: 120px !important;
          line-height: 100px !important;
          display: block;
          color: #fff; }
          @media (max-width: 768px) {
            .challenge-section .container div:first-child h2 span {
              font-size: 40px !important;
              line-height: 45px !important; } }
      .challenge-section .container div:first-child p {
        font-family: "Open Sans", sans-serif;
        font-size: 30px;
        line-height: 45px;
        color: #fff;
        font-weight: 400;
        max-width: 600px; }
        @media (max-width: 768px) {
          .challenge-section .container div:first-child p {
            font-size: 20px;
            line-height: 25px; } }
    .challenge-section .container div:last-child {
      width: 35%;
      padding: 0; }
      @media (max-width: 768px) {
        .challenge-section .container div:last-child {
          width: 100%; } }
      .challenge-section .container div:last-child > div {
        background-color: #4A27A8;
        padding: 100px 0;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
        -webkit-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center;
        width: 100%;
        position: relative;
        margin-bottom: -1px; }
        .challenge-section .container div:last-child > div img {
          width: 45%; }
        .challenge-section .container div:last-child > div:before {
          position: absolute;
          top: 99.5%;
          background: url("https://monicaherrera.edu.sv/wp-content/themes/custom_theme/dist/images/Rectangle.png");
          background-size: cover;
          width: 100%;
          height: 250px; }
      .challenge-section .container div:last-child img {
        display: block; }

.banner-single-noticia {
  padding: 100px 0 50px 0; }
  @media (max-width: 768px) {
    .banner-single-noticia {
      padding: 135px 0 50px 0; } }
  .banner-single-noticia .container {
    min-height: 450px;
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 40px;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    position: relative; }
    @media (max-width: 768px) {
      .banner-single-noticia .container {
        grid-template-columns: 1fr;
        gap: 20px; } }
    .banner-single-noticia .container .info {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: start;
          -ms-flex-align: start;
              align-items: flex-start;
      -webkit-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column;
      gap: 10px;
      padding: 0 20px;
      position: relative;
      background: #009157;
      height: 600px; }
      .banner-single-noticia .container .info h2 {
        font-size: 45px;
        font-family: "Open Sans", sans-serif;
        font-weight: 700;
        line-height: 45px; }
        @media (max-width: 768px) {
          .banner-single-noticia .container .info h2 {
            font-size: 30px;
            line-height: 35px; } }
      .banner-single-noticia .container .info p {
        font-size: 20px; }
        @media (max-width: 768px) {
          .banner-single-noticia .container .info p {
            font-size: 18px; } }
      .banner-single-noticia .container .info:before {
        content: '';
        width: 120%;
        height: 20%;
        position: absolute;
        top: -65px;
        right: -20px;
        background: #fff;
        -webkit-transform: rotate(9deg);
                transform: rotate(9deg); }
      .banner-single-noticia .container .info:after {
        content: '';
        width: 120%;
        height: 20%;
        position: absolute;
        bottom: -65px;
        right: -20px;
        background: #fff;
        -webkit-transform: rotate(-9deg);
                transform: rotate(-9deg); }
      @media (max-width: 768px) {
        .banner-single-noticia .container .info {
          overflow-x: clip;
          height: auto;
          padding: 20px 20px 40px 20px;
          z-index: 1; }
          .banner-single-noticia .container .info:before {
            height: 30%;
            background: #009157;
            top: -41px;
            -webkit-transform: rotate(3deg);
                    transform: rotate(3deg);
            z-index: -1; }
          .banner-single-noticia .container .info:after {
            display: none; } }
    .banner-single-noticia .container .container-picture {
      height: 600px;
      width: 100%;
      position: relative; }
      @media (max-width: 768px) {
        .banner-single-noticia .container .container-picture {
          height: auto; } }
      .banner-single-noticia .container .container-picture img {
        width: 100%;
        height: 100%;
        -o-object-fit: cover;
           object-fit: cover; }
      .banner-single-noticia .container .container-picture:before {
        content: '';
        width: 120%;
        height: 20%;
        position: absolute;
        top: -65px;
        left: -20px;
        background: #fff;
        -webkit-transform: rotate(-9deg);
                transform: rotate(-9deg); }
      .banner-single-noticia .container .container-picture:after {
        content: '';
        width: 120%;
        height: 20%;
        position: absolute;
        bottom: -65px;
        left: -20px;
        background: #fff;
        -webkit-transform: rotate(9deg);
                transform: rotate(9deg); }
      @media (max-width: 768px) {
        .banner-single-noticia .container .container-picture:after, .banner-single-noticia .container .container-picture:before {
          display: none !important; } }
    .banner-single-noticia .container .decorations3D {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      -webkit-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center;
      gap: 10px;
      z-index: 10;
      position: absolute;
      right: 0;
      bottom: 0; }
      .banner-single-noticia .container .decorations3D .ornament {
        width: 10px;
        -webkit-transition: all 0.3s;
        transition: all 0.3s; }
        @media (max-width: 768px) {
          .banner-single-noticia .container .decorations3D .ornament {
            width: 10px; } }
        .banner-single-noticia .container .decorations3D .ornament.type2 {
          width: 20px; }
          @media (max-width: 768px) {
            .banner-single-noticia .container .decorations3D .ornament.type2 {
              width: 10px; } }
        .banner-single-noticia .container .decorations3D .ornament:hover {
          -webkit-transform: scale(1.2);
                  transform: scale(1.2); }
      @media (max-width: 768px) {
        .banner-single-noticia .container .decorations3D {
          right: 0; } }

.info-single-noticias {
  padding: 40px 0;
  position: relative; }
  .info-single-noticias .container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 10px; }
    .info-single-noticias .container p {
      line-height: 25px; }
  .info-single-noticias .decorations3D {
    position: absolute;
    left: 0px;
    top: 350px;
    z-index: 2;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    gap: 0px; }
    .info-single-noticias .decorations3D.type2 {
      left: auto;
      right: 0;
      bottom: 0; }
      .info-single-noticias .decorations3D.type2 .ornament {
        width: 80px; }
        @media (max-width: 768px) {
          .info-single-noticias .decorations3D.type2 .ornament {
            width: 10px; } }
        .info-single-noticias .decorations3D.type2 .ornament.type2 {
          width: 40px; }
          @media (max-width: 768px) {
            .info-single-noticias .decorations3D.type2 .ornament.type2 {
              width: 10px; } }
    .info-single-noticias .decorations3D .ornament {
      width: 20px; }
      .info-single-noticias .decorations3D .ornament.type2 {
        width: 60px; }
        @media (max-width: 768px) {
          .info-single-noticias .decorations3D .ornament.type2 {
            width: 10px; } }

.info-research {
  background: #009157;
  position: relative;
  padding: 40px 0 80px 0;
  overflow-x: clip; }
  .info-research .container {
    position: relative;
    z-index: 20; }
    .info-research .container .container-cards {
      display: grid;
      grid-template-columns: repeat(2, 1fr);
      gap: 40px; }
      @media (max-width: 768px) {
        .info-research .container .container-cards {
          grid-template-columns: 1fr; } }
      .info-research .container .container-cards .card {
        background: #FFC600;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: start;
            -ms-flex-align: start;
                align-items: flex-start;
        -webkit-box-pack: start;
            -ms-flex-pack: start;
                justify-content: flex-start;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
        gap: 20px;
        padding: 40px;
        z-index: 10; }
        .info-research .container .container-cards .card h4 {
          font-size: 50px;
          line-height: 45px; }
          @media (max-width: 768px) {
            .info-research .container .container-cards .card h4 {
              font-size: 30px; } }
        .info-research .container .container-cards .card p {
          font-size: 18px;
          line-height: 25px; }
    .info-research .container .decorations3D {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      -webkit-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center;
      gap: 10px;
      z-index: -1;
      position: absolute;
      right: -120px;
      top: 0; }
      .info-research .container .decorations3D .ornament {
        width: 140px;
        -webkit-transition: all 0.3s;
        transition: all 0.3s; }
        .info-research .container .decorations3D .ornament.type2 {
          width: 70px; }
        .info-research .container .decorations3D .ornament:hover {
          -webkit-transform: scale(1.2);
                  transform: scale(1.2); }
      @media (max-width: 768px) {
        .info-research .container .decorations3D {
          right: 0; } }

.info-revista-abierta {
  z-index: 10;
  position: relative;
  background: #009157;
  padding: 100px 0 20px 0;
  overflow-x: clip; }
  .info-revista-abierta .container {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 40px;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    background: #fff;
    position: relative; }
    @media (max-width: 768px) {
      .info-revista-abierta .container {
        grid-template-columns: 1fr; } }
    .info-revista-abierta .container .info {
      z-index: 10;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: start;
          -ms-flex-align: start;
              align-items: flex-start;
      -webkit-box-pack: start;
          -ms-flex-pack: start;
              justify-content: flex-start;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column;
      gap: 20px;
      position: relative; }
      .info-revista-abierta .container .info h3 {
        font-size: 100px;
        line-height: 100px; }
        @media (max-width: 768px) {
          .info-revista-abierta .container .info h3 {
            font-size: 40px; } }
      .info-revista-abierta .container .info p {
        font-size: 18px;
        line-height: 25px; }
      .info-revista-abierta .container .info .container-buttons {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-line-pack: center;
            align-content: center;
        -webkit-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center;
        gap: 20px;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
        z-index: 10; }
      .info-revista-abierta .container .info .decorations3D {
        position: absolute;
        z-index: -1;
        bottom: -200px;
        left: -120px;
        top: auto; }
        .info-revista-abierta .container .info .decorations3D .ornament {
          width: 50px; }
          .info-revista-abierta .container .info .decorations3D .ornament.type2 {
            width: 20px; }
        @media (max-width: 768px) {
          .info-revista-abierta .container .info .decorations3D {
            left: 0;
            bottom: 0; } }
    .info-revista-abierta .container figure {
      position: relative;
      z-index: 1; }
      .info-revista-abierta .container figure img {
        -webkit-filter: drop-shadow(20px 10px 4px rgba(0, 0, 0, 0.3));
                filter: drop-shadow(20px 10px 4px rgba(0, 0, 0, 0.3));
        height: 700px;
        width: 100%;
        -o-object-fit: contain;
           object-fit: contain;
        z-index: 10; }
      .info-revista-abierta .container figure .ornament {
        position: absolute;
        right: 50px;
        top: 0;
        width: 100px;
        z-index: -1;
        -webkit-filter: none;
                filter: none; }
        .info-revista-abierta .container figure .ornament.type2 {
          width: 300px;
          right: -80px;
          -webkit-filter: none;
                  filter: none; }
  .info-revista-abierta .decorations3D {
    position: absolute;
    top: -265px;
    left: -70px;
    width: 150%;
    height: 100%;
    z-index: -1; }
    .info-revista-abierta .decorations3D .ornament {
      -webkit-transition: all 0.3s;
      transition: all 0.3s; }
      .info-revista-abierta .decorations3D .ornament.type2 {
        width: 70px; }
      .info-revista-abierta .decorations3D .ornament:hover {
        -webkit-transform: scale(1.2);
                transform: scale(1.2); }
    @media (max-width: 768px) {
      .info-revista-abierta .decorations3D {
        right: 0;
        width: 200%;
        height: 200%;
        left: -200px; } }
  .info-revista-abierta:before {
    content: '';
    background: #fff;
    position: absolute;
    top: 80px;
    left: -100px;
    width: 200%;
    height: 100%;
    z-index: 0;
    -webkit-transform: rotate(3deg);
            transform: rotate(3deg); }
  .info-revista-abierta:after {
    content: '';
    background: #fff;
    position: absolute;
    top: 80%;
    bottom: 0;
    left: -100px;
    width: 100%;
    height: 400px;
    z-index: 0; }

.medios-externos {
  padding: 80px 0;
  position: relative;
  background: #fff;
  z-index: 20; }
  .medios-externos .container {
    display: grid;
    grid-template-columns: repeat(7, 1fr);
    grid-template-areas: "one one one one two two two";
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    gap: 20px;
    max-width: 100%;
    padding: 0 0 0 20px; }
    @media (max-width: 768px) {
      .medios-externos .container {
        grid-template-columns: 1fr;
        grid-template-areas: "one" "two";
        padding: 0 20px; } }
    .medios-externos .container .info {
      grid-area: one;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: end;
          -ms-flex-align: end;
              align-items: flex-end;
      -webkit-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center; }
      .medios-externos .container .info .content {
        max-width: 800px;
        width: 100%;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: start;
            -ms-flex-align: start;
                align-items: flex-start;
        -webkit-box-pack: start;
            -ms-flex-pack: start;
                justify-content: flex-start;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
        gap: 20px; }
        .medios-externos .container .info .content h4 {
          font-size: 65px;
          font-weight: 700;
          font-family: "Open Sans", sans-serif; }
          @media (max-width: 768px) {
            .medios-externos .container .info .content h4 {
              font-size: 30px; } }
    .medios-externos .container .slide-noticias {
      grid-area: two;
      width: 100%;
      height: 100%;
      overflow: hidden;
      position: relative; }
      .medios-externos .container .slide-noticias .slider3 {
        width: 800px;
        height: 400px; }
        @media (max-width: 768px) {
          .medios-externos .container .slide-noticias .slider3 {
            width: 100%; } }
        .medios-externos .container .slide-noticias .slider3 .item {
          padding: 5px 20px;
          height: 400px; }
          .medios-externos .container .slide-noticias .slider3 .item .description-item {
            background: -webkit-gradient(linear, left top, left bottom, from(transparent), to(rgba(0, 0, 0, 0.7)));
            background: linear-gradient(transparent, rgba(0, 0, 0, 0.7));
            position: relative;
            display: -webkit-box !important;
            display: -ms-flexbox !important;
            display: flex !important;
            -webkit-box-align: end !important;
                -ms-flex-align: end !important;
                    align-items: flex-end !important;
            -webkit-box-pack: end !important;
                -ms-flex-pack: end !important;
                    justify-content: flex-end !important;
            -webkit-box-orient: vertical;
            -webkit-box-direction: normal;
                -ms-flex-direction: column;
                    flex-direction: column;
            height: 100%;
            padding: 10px 20px; }
            .medios-externos .container .slide-noticias .slider3 .item .description-item .overlay {
              position: absolute;
              left: 0;
              top: 0;
              background: rgba(0, 0, 0, 0.3);
              width: 100%;
              height: 100%; }
            .medios-externos .container .slide-noticias .slider3 .item .description-item p {
              z-index: 2;
              color: #fff;
              font-family: "Open Sans", sans-serif;
              font-weight: 700;
              font-size: 25px;
              line-height: 30px;
              text-align: left;
              width: 100%; }
              .medios-externos .container .slide-noticias .slider3 .item .description-item p span {
                font-size: 16px;
                line-height: 16px;
                font-weight: 300; }
            .medios-externos .container .slide-noticias .slider3 .item .description-item img {
              position: absolute;
              left: 0;
              top: 0;
              width: 100%;
              height: 100%;
              -o-object-fit: cover;
                 object-fit: cover;
              z-index: -1; }
      .medios-externos .container .slide-noticias .arrow {
        position: absolute;
        z-index: 10;
        width: 40px;
        height: 40px;
        left: 0;
        top: 0;
        bottom: 0;
        right: 0;
        margin: auto;
        z-index: 10;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
        -webkit-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center; }
        .medios-externos .container .slide-noticias .arrow img {
          width: 30px; }
        .medios-externos .container .slide-noticias .arrow.left3 {
          right: 92%;
          left: auto; }
          @media (max-width: 768px) {
            .medios-externos .container .slide-noticias .arrow.left3 {
              right: 90%; } }
        .medios-externos .container .slide-noticias .arrow.right3 {
          right: auto;
          left: 92%; }
          @media (max-width: 768px) {
            .medios-externos .container .slide-noticias .arrow.right3 {
              left: 90%; } }

.normativas-de-investigacion {
  padding: 80px 0;
  position: relative;
  background: #000;
  z-index: 20; }
  .normativas-de-investigacion .container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 20px; }
    .normativas-de-investigacion .container p {
      font-size: 24px; }
    .normativas-de-investigacion .container .container-cards {
      display: grid;
      grid-template-columns: repeat(2, 1fr);
      gap: 40px; }
      @media (max-width: 768px) {
        .normativas-de-investigacion .container .container-cards {
          grid-template-columns: 1fr; } }
      .normativas-de-investigacion .container .container-cards .card {
        background: #FFC600;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: start;
            -ms-flex-align: start;
                align-items: flex-start;
        -webkit-box-pack: start;
            -ms-flex-pack: start;
                justify-content: flex-start;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
        gap: 20px;
        padding: 40px;
        z-index: 40; }
        .normativas-de-investigacion .container .container-cards .card h4 {
          font-size: 30px;
          line-height: 35px; }
          @media (max-width: 768px) {
            .normativas-de-investigacion .container .container-cards .card h4 {
              font-size: 20px; } }
        .normativas-de-investigacion .container .container-cards .card p {
          font-size: 18px;
          line-height: 25px; }
  .normativas-de-investigacion:before {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    background: #fff;
    left: 0;
    top: 0;
    z-index: -1; }

.contacto-research {
  padding: 40px 0; }
  .contacto-research .container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 5px;
    max-width: 900px; }
    .contacto-research .container p {
      font-size: 18px;
      line-height: 25px;
      text-align: center; }
      .contacto-research .container p strong {
        font-weight: 700;
        font-size: 20px; }
      .contacto-research .container p span {
        font-size: 30px; }
      .contacto-research .container p a {
        color: #000;
        text-decoration: underline; }
    .contacto-research .container h4 {
      font-size: 30px;
      font-weight: 400; }

.research-list {
  background: url("https://monicaherrera.edu.sv/wp-content/themes/custom_theme/dist/images/bg-logo-resear-list.svg");
  background-color: #009157;
  background-position: top left;
  background-repeat: no-repeat;
  background-size: 70%;
  min-height: 600px;
  padding: 140px 0 80px 0;
  position: relative;
  overflow: hidden;
  z-index: 1; }
  .research-list .decorations3D {
    position: absolute;
    right: 100px;
    top: 400px;
    z-index: -1; }
    @media (max-width: 768px) {
      .research-list .decorations3D {
        top: 100px; } }
    .research-list .decorations3D.type2 {
      bottom: 200px;
      top: auto;
      left: 100px; }
      .research-list .decorations3D.type2 .ornament {
        width: 60px; }
        .research-list .decorations3D.type2 .ornament.type2 {
          width: 20px; }
    .research-list .decorations3D .ornament {
      width: 60px; }
      .research-list .decorations3D .ornament.type2 {
        width: 20px; }
  .research-list .container {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 20px;
    color: #fff; }
    .research-list .container h1 {
      font-size: 65px; }
      @media (max-width: 768px) {
        .research-list .container h1 {
          font-size: 30px; } }
    .research-list .container p {
      font-size: 18px; }
    .research-list .container .dk-select {
      max-width: 400px;
      width: 100%; }
      .research-list .container .dk-select.dk-select-open-down .dk-selected:before {
        border-bottom-color: #000;
        border-width: 0 0.35em 0.35em; }
      .research-list .container .dk-select .dk-selected {
        max-width: 400px;
        padding: 10px;
        width: 100%;
        background: #FFC600;
        color: #000;
        border-radius: 0px;
        border: 0px;
        outline: none; }
        .research-list .container .dk-select .dk-selected:before {
          content: '';
          border-top-color: #000;
          border-width: 0.35em 0.35em 0; }
        .research-list .container .dk-select .dk-selected:after {
          display: none; }
      .research-list .container .dk-select .dk-select-options {
        background: #FFC600;
        color: #000;
        border: 1px solid #FFC600; }
        .research-list .container .dk-select .dk-select-options .dk-option {
          padding: 7px; }
          .research-list .container .dk-select .dk-select-options .dk-option.dk-option-selected {
            color: #fff;
            background: #FF5100; }
    .research-list .container .container-list {
      display: grid;
      grid-template-columns: repeat(4, 1fr);
      gap: 45px;
      padding: 40px 0; }
      @media (max-width: 768px) {
        .research-list .container .container-list {
          grid-template-columns: 1fr; } }
      .research-list .container .container-list .item {
        background-position: center !important;
        background-size: cover !important;
        min-height: 380px !important;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: start;
            -ms-flex-align: start;
                align-items: flex-start;
        -webkit-box-pack: end;
            -ms-flex-pack: end;
                justify-content: flex-end;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
        gap: 20px;
        position: relative;
        -webkit-animation: zoomIn;
                animation: zoomIn;
        /* referring directly to the animation's @keyframe declaration */
        -webkit-animation-duration: 0.2s;
                animation-duration: 0.2s;
        /* don't forget to set a duration! */ }
        .research-list .container .container-list .item:hover:after {
          z-index: 10;
          display: block; }
        .research-list .container .container-list .item .overlay {
          position: absolute;
          left: 0;
          top: 0;
          width: 100%;
          height: 100%;
          background: rgba(0, 0, 0, 0.3);
          z-index: 0; }
        .research-list .container .container-list .item p {
          width: 100%;
          font-size: 16px;
          color: #fff;
          font-weight: 700;
          position: relative;
          padding: 20px 12px;
          z-index: 1; }
          .research-list .container .container-list .item p:before {
            content: '';
            position: absolute;
            background: -webkit-gradient(linear, left top, left bottom, color-stop(1%, transparent), color-stop(99%, rgba(0, 0, 0, 0.9)));
            background: linear-gradient(transparent 1%, rgba(0, 0, 0, 0.9) 99%);
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            z-index: -1; }
        .research-list .container .container-list .item:before {
          content: attr(layoaut);
          position: absolute;
          left: 0;
          top: 20px;
          background: #FF5100;
          padding: 7px;
          color: #000;
          width: 50%;
          z-index: 1; }
        .research-list .container .container-list .item:after {
          content: '';
          position: absolute;
          background: url("https://monicaherrera.edu.sv/wp-content/themes/custom_theme/dist/images/mas-informacion.svg");
          background-color: rgba(0, 0, 0, 0.7);
          background-position: center;
          background-repeat: no-repeat;
          background-size: 35%;
          left: 0;
          top: 0;
          width: 100%;
          height: 100%;
          z-index: -1;
          display: none; }
  .research-list:before {
    content: '';
    position: absolute;
    left: -200px;
    bottom: -300px;
    width: 200%;
    height: 45%;
    background: #fff;
    -webkit-transform: rotate(8deg);
            transform: rotate(8deg); }

.research-video-list {
  background: url("https://monicaherrera.edu.sv/wp-content/themes/custom_theme/dist/images/bg-logo-resear-list.svg");
  background-color: #009157;
  background-position: top left;
  background-repeat: no-repeat;
  background-size: 70%;
  min-height: 600px;
  padding: 140px 0 80px 0;
  position: relative;
  overflow: hidden;
  z-index: 1; }
  .research-video-list .decorations3D {
    position: absolute;
    right: 100px;
    top: 400px;
    z-index: -1; }
    @media (max-width: 768px) {
      .research-video-list .decorations3D {
        top: 100px; } }
    .research-video-list .decorations3D.type2 {
      bottom: 200px;
      top: auto;
      left: 100px; }
      .research-video-list .decorations3D.type2 .ornament {
        width: 60px; }
        .research-video-list .decorations3D.type2 .ornament.type2 {
          width: 20px; }
    .research-video-list .decorations3D .ornament {
      width: 60px; }
      .research-video-list .decorations3D .ornament.type2 {
        width: 20px; }
  .research-video-list .container {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 20px;
    color: #fff; }
    .research-video-list .container h1 {
      font-size: 65px; }
      @media (max-width: 768px) {
        .research-video-list .container h1 {
          font-size: 30px; } }
    .research-video-list .container p {
      font-size: 18px; }
    .research-video-list .container .container-list {
      display: grid;
      grid-template-columns: repeat(4, 1fr);
      gap: 45px;
      padding: 40px 0; }
      @media (max-width: 768px) {
        .research-video-list .container .container-list {
          grid-template-columns: 1fr; } }
      .research-video-list .container .container-list .item {
        background-position: center !important;
        background-size: cover !important;
        min-height: 380px !important;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: start;
            -ms-flex-align: start;
                align-items: flex-start;
        -webkit-box-pack: end;
            -ms-flex-pack: end;
                justify-content: flex-end;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
        gap: 20px;
        position: relative;
        -webkit-animation: zoomIn;
                animation: zoomIn;
        /* referring directly to the animation's @keyframe declaration */
        -webkit-animation-duration: 0.2s;
                animation-duration: 0.2s;
        /* don't forget to set a duration! */ }
        .research-video-list .container .container-list .item:hover:after {
          z-index: 10;
          display: block; }
        .research-video-list .container .container-list .item .overlay {
          position: absolute;
          left: 0;
          top: 0;
          width: 100%;
          height: 100%;
          background: rgba(0, 0, 0, 0.3);
          z-index: 0; }
          @media (max-width: 768px) {
            .research-video-list .container .container-list .item .overlay:before {
              content: '';
              position: absolute;
              background: url("https://monicaherrera.edu.sv/wp-content/themes/custom_theme/dist/images/PlayButton.svg");
              background-size: 30%;
              background-repeat: no-repeat;
              background-position: center;
              display: -webkit-box;
              display: -ms-flexbox;
              display: flex;
              -webkit-box-align: center;
                  -ms-flex-align: center;
                      align-items: center;
              -webkit-box-pack: center;
                  -ms-flex-pack: center;
                      justify-content: center;
              opacity: 0.6;
              width: 100%;
              height: 100%; } }
        .research-video-list .container .container-list .item p {
          width: 100%;
          font-size: 16px;
          color: #fff;
          font-weight: 700;
          position: relative;
          padding: 20px 12px;
          z-index: 1; }
          .research-video-list .container .container-list .item p:before {
            content: '';
            position: absolute;
            background: -webkit-gradient(linear, left top, left bottom, color-stop(1%, transparent), color-stop(99%, rgba(0, 0, 0, 0.9)));
            background: linear-gradient(transparent 1%, rgba(0, 0, 0, 0.9) 99%);
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            z-index: -1; }
        .research-video-list .container .container-list .item:after {
          content: '';
          position: absolute;
          background: url("https://monicaherrera.edu.sv/wp-content/themes/custom_theme/dist/images/button-video-play.svg");
          background-color: rgba(0, 0, 0, 0.7);
          background-position: center;
          background-repeat: no-repeat;
          background-size: 25%;
          left: 0;
          top: 0;
          width: 100%;
          height: 100%;
          z-index: -1;
          display: none; }
  .research-video-list:before {
    content: '';
    position: absolute;
    left: -200px;
    bottom: -300px;
    width: 200%;
    height: 45%;
    background: #fff;
    -webkit-transform: rotate(8deg);
            transform: rotate(8deg); }

.banner-podcast {
  padding: 200px 0 80px 0;
  background: url("https://monicaherrera.edu.sv/wp-content/themes/custom_theme/dist/images/bg-logo-resear-list.svg");
  background-position: top left;
  background-repeat: no-repeat;
  background-size: 45%;
  background-color: #FF5100; }
  .banner-podcast.exed {
    background-color: #4828A9; }
    .banner-podcast.exed .container figure img {
      height: auto; }
    .banner-podcast.exed .container .content {
      color: #fff;
      line-height: 25px;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: start;
          -ms-flex-align: start;
              align-items: flex-start;
      -webkit-box-pack: start;
          -ms-flex-pack: start;
              justify-content: flex-start;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column;
      gap: 0; }
      .banner-podcast.exed .container .content ul, .banner-podcast.exed .container .content ol {
        padding: 0 20px; }
  .banner-podcast.padres {
    padding: 200px 0 20px; }
    .banner-podcast.padres .container .content .container-buttons {
      width: 100%;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      -webkit-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center;
      gap: 10px; }
  .banner-podcast.programas .container.programas {
    padding: 80px 20px; }
  .banner-podcast .float-buttons {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    padding: 40px 0 80px 0;
    gap: 10px;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
    margin: 0 auto;
    z-index: 50;
    right: 0;
    left: 0;
    top: 105px;
    position: fixed;
    width: 100%; }
    @media (max-width: 765px) {
      .banner-podcast .float-buttons {
        top: 120px;
        padding: 20px; } }
    .banner-podcast .float-buttons.fixed {
      position: fixed;
      top: 145px;
      right: 0;
      left: 0;
      margin: 0 auto;
      padding: 0; }
      @media (max-width: 768px) {
        .banner-podcast .float-buttons.fixed {
          top: 60px; } }
  .banner-podcast .container {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 40px;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    position: relative;
    z-index: 20; }
    @media (max-width: 768px) {
      .banner-podcast .container {
        grid-template-columns: 1fr; } }
    .banner-podcast .container figure {
      width: 100%;
      height: 100%;
      display: block;
      margin: 0 auto;
      position: relative;
      z-index: 1; }
      @media (max-width: 768px) {
        .banner-podcast .container figure {
          max-width: 100%;
          width: 100%; } }
      .banner-podcast .container figure img {
        width: 100%;
        height: 100%;
        max-width: 100%;
        -o-object-fit: contain;
           object-fit: contain;
        z-index: 1; }
      .banner-podcast .container figure .decorations3D {
        position: absolute;
        left: 0px;
        top: 350px;
        z-index: -1;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
        -webkit-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center;
        gap: 0px; }
        .banner-podcast .container figure .decorations3D.type2 {
          left: auto;
          right: 0;
          top: 0; }
          .banner-podcast .container figure .decorations3D.type2 .ornament {
            width: 80px; }
            .banner-podcast .container figure .decorations3D.type2 .ornament.type2 {
              width: 40px; }
        .banner-podcast .container figure .decorations3D .ornament {
          width: 20px; }
          .banner-podcast .container figure .decorations3D .ornament.type2 {
            width: 60px; }
    .banner-podcast .container .content {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: start;
          -ms-flex-align: start;
              align-items: flex-start;
      -webkit-box-pack: start;
          -ms-flex-pack: start;
              justify-content: flex-start;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column;
      gap: 20px;
      position: relative;
      z-index: 20; }
      .banner-podcast .container .content h1 {
        font-size: 65px;
        font-weight: 700;
        line-height: 65px;
        color: #fff; }
        @media (max-width: 768px) {
          .banner-podcast .container .content h1 {
            font-size: 30px;
            line-height: 35px; } }
      .banner-podcast .container .content p {
        font-size: 18px;
        color: #fff; }
      .banner-podcast .container .content .container-buttons {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
        -webkit-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center;
        gap: 20px;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap; }
      .banner-podcast .container .content .decorations3D {
        position: absolute;
        right: 0;
        top: 0;
        z-index: -1; }
        .banner-podcast .container .content .decorations3D .ornament {
          width: 50px; }
          .banner-podcast .container .content .decorations3D .ornament.type2 {
            width: 20px; }

.info-podcast {
  background: #FF5100;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 20px;
  padding: 40px 0;
  z-index: 2;
  overflow-x: clip;
  padding: 20px 0 150px 0;
  overflow-x: clip; }
  @media (max-width: 768px) {
    .info-podcast {
      padding: 40px 0; } }
  .info-podcast.modelo-educativo-section:before {
    display: none; }
  .info-podcast.exed {
    background: #fff; }
    .info-podcast.exed .container .content {
      gap: 0; }
      .info-podcast.exed .container .content h2, .info-podcast.exed .container .content p, .info-podcast.exed .container .content li {
        color: #000; }
      .info-podcast.exed .container .content ul, .info-podcast.exed .container .content ol {
        padding: 0 20px; }
  .info-podcast .container {
    width: 100%;
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    gap: 80px; }
    @media (max-width: 768px) {
      .info-podcast .container {
        grid-template-columns: 1fr; } }
    .info-podcast .container .content {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: start;
          -ms-flex-align: start;
              align-items: flex-start;
      -webkit-box-pack: start;
          -ms-flex-pack: start;
              justify-content: flex-start;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column;
      gap: 20px; }
      .info-podcast .container .content h2 {
        font-size: 48px;
        color: #fff; }
        @media (max-width: 768px) {
          .info-podcast .container .content h2 {
            font-size: 30px; } }
      .info-podcast .container .content p {
        font-size: 18px;
        color: #fff; }
    .info-podcast .container figure {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      -webkit-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center;
      position: relative; }
      .info-podcast .container figure img {
        max-width: 500px;
        width: 100%; }
      .info-podcast .container figure .decorations3D {
        position: absolute;
        right: 0;
        top: 100px;
        z-index: -1; }
        @media (max-width: 768px) {
          .info-podcast .container figure .decorations3D {
            display: none; } }
        .info-podcast .container figure .decorations3D .ornament {
          width: 350px;
          position: relative;
          right: -300px; }
          .info-podcast .container figure .decorations3D .ornament.type2 {
            width: 100px;
            right: 0px; }
            @media (max-width: 768px) {
              .info-podcast .container figure .decorations3D .ornament.type2 {
                width: 20px; } }
          .info-podcast .container figure .decorations3D .ornament.type3 {
            width: 50px;
            right: -50px; }
  .info-podcast:before {
    content: '';
    position: absolute;
    left: -200px;
    bottom: -140px;
    width: 150%;
    height: 30%;
    background: #fff;
    -webkit-transform: rotate(4deg);
            transform: rotate(4deg); }
    @media (max-width: 768px) {
      .info-podcast:before {
        width: 250%;
        left: -200px;
        display: none; } }

.eventos-de-difusion {
  padding: 80px 0 80px 0;
  position: relative;
  z-index: 5; }
  .eventos-de-difusion .container {
    display: grid;
    grid-template-columns: repeat(7, 1fr);
    grid-template-areas: "one one one one two two two";
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    gap: 20px;
    max-width: 100%;
    padding: 0 0 0 20px; }
    @media (max-width: 768px) {
      .eventos-de-difusion .container {
        grid-template-columns: 1fr;
        grid-template-areas: "one" "two";
        padding: 0 20px; } }
    .eventos-de-difusion .container .info {
      grid-area: one;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: end;
          -ms-flex-align: end;
              align-items: flex-end;
      -webkit-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center; }
      .eventos-de-difusion .container .info .content {
        max-width: 800px;
        width: 100%;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: start;
            -ms-flex-align: start;
                align-items: flex-start;
        -webkit-box-pack: start;
            -ms-flex-pack: start;
                justify-content: flex-start;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
        gap: 20px; }
        .eventos-de-difusion .container .info .content h4 {
          font-size: 65px;
          font-weight: 700;
          font-family: "Open Sans", sans-serif; }
          @media (max-width: 768px) {
            .eventos-de-difusion .container .info .content h4 {
              font-size: 30px; } }
    .eventos-de-difusion .container .slide-noticias {
      grid-area: two;
      width: 100%;
      overflow: hidden; }
      .eventos-de-difusion .container .slide-noticias .slider3 {
        width: 800px;
        height: 400px; }
        .eventos-de-difusion .container .slide-noticias .slider3 .item {
          padding: 5px 20px;
          height: 400px; }
          .eventos-de-difusion .container .slide-noticias .slider3 .item .description-item {
            background: -webkit-gradient(linear, left top, left bottom, from(transparent), to(rgba(0, 0, 0, 0.7)));
            background: linear-gradient(transparent, rgba(0, 0, 0, 0.7));
            position: relative;
            display: -webkit-box !important;
            display: -ms-flexbox !important;
            display: flex !important;
            -webkit-box-align: end !important;
                -ms-flex-align: end !important;
                    align-items: flex-end !important;
            -webkit-box-pack: center !important;
                -ms-flex-pack: center !important;
                    justify-content: center !important;
            height: 100%;
            padding: 10px 20px; }
            .eventos-de-difusion .container .slide-noticias .slider3 .item .description-item p {
              z-index: 2;
              color: #fff;
              font-family: "Open Sans", sans-serif;
              font-weight: 700;
              font-size: 25px; }
            .eventos-de-difusion .container .slide-noticias .slider3 .item .description-item img {
              position: absolute;
              left: 0;
              top: 0;
              width: 100%;
              height: 100%;
              -o-object-fit: cover;
                 object-fit: cover;
              z-index: -1; }

.banner-vinculacion {
  padding: 140px 0 80px 0;
  background: url("https://monicaherrera.edu.sv/wp-content/themes/custom_theme/dist/images/bg-logo-resear-list.svg");
  background-position: top left;
  background-repeat: no-repeat;
  background-size: 45%;
  background-color: #FFC600;
  position: relative;
  overflow-x: clip; }
  .banner-vinculacion.especializaciones {
    padding: 140px 0 40px 0; }
    .banner-vinculacion.especializaciones .container figure {
      width: 100%;
      height: 100%; }
    .banner-vinculacion.especializaciones:before {
      content: '';
      position: absolute;
      left: -30px;
      bottom: -70px;
      width: 120%;
      height: 20%;
      z-index: 1;
      background: #fff;
      -webkit-transform: rotate(3deg);
              transform: rotate(3deg); }
      @media (max-width: 768px) {
        .banner-vinculacion.especializaciones:before {
          display: none; } }
  .banner-vinculacion .container {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 40px;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    position: relative; }
    @media (max-width: 768px) {
      .banner-vinculacion .container {
        grid-template-columns: 1fr; } }
    .banner-vinculacion .container figure {
      width: 450px;
      height: 450px;
      display: block;
      margin: 0 auto;
      position: relative;
      z-index: 1; }
      @media (max-width: 768px) {
        .banner-vinculacion .container figure {
          max-width: 450px;
          width: 100%; } }
      .banner-vinculacion .container figure img {
        width: 100%;
        height: 100%;
        max-width: 100%;
        -o-object-fit: contain;
           object-fit: contain;
        z-index: 1; }
      .banner-vinculacion .container figure .decorations3D {
        position: absolute;
        left: 0px;
        top: 350px;
        z-index: 2;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
        -webkit-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center;
        gap: 0px; }
        .banner-vinculacion .container figure .decorations3D.type2 {
          left: auto;
          right: 0;
          top: 0; }
          .banner-vinculacion .container figure .decorations3D.type2 .ornament {
            width: 80px; }
            .banner-vinculacion .container figure .decorations3D.type2 .ornament.type2 {
              width: 40px; }
        .banner-vinculacion .container figure .decorations3D .ornament {
          width: 20px; }
          .banner-vinculacion .container figure .decorations3D .ornament.type2 {
            width: 60px; }
    .banner-vinculacion .container .content {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: start;
          -ms-flex-align: start;
              align-items: flex-start;
      -webkit-box-pack: start;
          -ms-flex-pack: start;
              justify-content: flex-start;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column;
      gap: 20px;
      position: relative;
      z-index: 1; }
      .banner-vinculacion .container .content h1 {
        font-size: 65px;
        font-weight: 700;
        line-height: 65px;
        color: #000; }
        @media (max-width: 768px) {
          .banner-vinculacion .container .content h1 {
            font-size: 30px;
            line-height: 35px; } }
      .banner-vinculacion .container .content p {
        font-size: 18px;
        color: #000; }
      .banner-vinculacion .container .content .container-buttons {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
        -webkit-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center;
        gap: 20px;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap; }
      .banner-vinculacion .container .content .decorations3D {
        position: absolute;
        right: 0px;
        top: 80px;
        z-index: -1;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
        -webkit-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center;
        gap: 0px; }
        .banner-vinculacion .container .content .decorations3D .ornament {
          width: 100px; }
          .banner-vinculacion .container .content .decorations3D .ornament.type2 {
            width: 30px; }

.info-vinculacion {
  background: #FFC600;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 20px;
  padding: 40px 0;
  z-index: 2;
  overflow-x: clip;
  padding: 80px 0; }
  @media (max-width: 768px) {
    .info-vinculacion {
      padding: 40px 0; } }
  .info-vinculacion.type2 .container figure .decorations3D {
    z-index: -1; }
    .info-vinculacion.type2 .container figure .decorations3D.type2 {
      right: 0;
      left: auto;
      z-index: 1; }
      .info-vinculacion.type2 .container figure .decorations3D.type2 .ornament {
        width: 190px; }
        .info-vinculacion.type2 .container figure .decorations3D.type2 .ornament.type2 {
          width: 80px; }
        .info-vinculacion.type2 .container figure .decorations3D.type2 .ornament.type3 {
          width: 40px;
          z-index: 2; }
    .info-vinculacion.type2 .container figure .decorations3D .ornament {
      width: 50px; }
      .info-vinculacion.type2 .container figure .decorations3D .ornament.type2 {
        position: absolute;
        width: 100px; }
  .info-vinculacion .container {
    width: 100%;
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    gap: 80px; }
    @media (max-width: 768px) {
      .info-vinculacion .container {
        grid-template-columns: 1fr; } }
    .info-vinculacion .container .content {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: start;
          -ms-flex-align: start;
              align-items: flex-start;
      -webkit-box-pack: start;
          -ms-flex-pack: start;
              justify-content: flex-start;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column;
      gap: 20px; }
      .info-vinculacion .container .content h2 {
        font-size: 48px;
        color: #000; }
        @media (max-width: 768px) {
          .info-vinculacion .container .content h2 {
            font-size: 30px; } }
      .info-vinculacion .container .content p {
        font-size: 18px;
        color: #000; }
      .info-vinculacion .container .content .container-items {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
        -ms-flex-pack: distribute;
            justify-content: space-around;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
        gap: 20px; }
        .info-vinculacion .container .content .container-items .item {
          max-width: 150px;
          width: 100%;
          height: 70px;
          -o-object-fit: contain;
             object-fit: contain; }
    .info-vinculacion .container figure {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      -webkit-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center;
      position: relative; }
      .info-vinculacion .container figure img {
        max-width: 500px;
        width: 100%; }
      .info-vinculacion .container figure .decorations3D {
        position: absolute;
        left: 0;
        top: 100px;
        z-index: 1; }
        .info-vinculacion .container figure .decorations3D.type2 {
          right: 0;
          top: auto;
          bottom: 0;
          left: auto; }
          .info-vinculacion .container figure .decorations3D.type2 .ornament {
            width: 100px;
            position: relative;
            right: 0; }
            .info-vinculacion .container figure .decorations3D.type2 .ornament.type2 {
              width: 100px;
              right: 0px; }
            .info-vinculacion .container figure .decorations3D.type2 .ornament.type3 {
              position: absolute;
              width: 50px;
              right: -100px;
              z-index: 1; }
        @media (max-width: 768px) {
          .info-vinculacion .container figure .decorations3D {
            z-index: -1; } }
        .info-vinculacion .container figure .decorations3D .ornament {
          width: 200px;
          left: 0; }

.info-single-investigacion {
  background: url("https://monicaherrera.edu.sv/wp-content/themes/custom_theme/dist/images/bg-logo-resear-list.svg");
  background-position: top left;
  background-repeat: no-repeat;
  background-size: 60%;
  min-height: 100vh;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding: 80px 0;
  overflow-x: clip; }
  .info-single-investigacion .container {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 80px;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center; }
    @media (max-width: 768px) {
      .info-single-investigacion .container {
        grid-template-columns: 1fr; } }
    .info-single-investigacion .container .content {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: start;
          -ms-flex-align: start;
              align-items: flex-start;
      -webkit-box-pack: start;
          -ms-flex-pack: start;
              justify-content: flex-start;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column;
      gap: 20px;
      position: relative; }
      .info-single-investigacion .container .content h1 {
        font-size: 36px; }
        @media (max-width: 768px) {
          .info-single-investigacion .container .content h1 {
            font-size: 30px; } }
      .info-single-investigacion .container .content p {
        font-size: 16px;
        line-height: 25px; }
      .info-single-investigacion .container .content .decorations3D {
        position: absolute;
        left: -100px;
        bottom: 0; }
        .info-single-investigacion .container .content .decorations3D .ornament {
          width: 35px; }
          .info-single-investigacion .container .content .decorations3D .ornament.type2 {
            width: 60px;
            position: relative;
            left: -25px; }
    .info-single-investigacion .container figure {
      position: relative;
      width: 100%; }
      .info-single-investigacion .container figure > img {
        height: 100%;
        max-width: 70%;
        width: 100%;
        -o-object-fit: cover;
           object-fit: cover;
        -webkit-transform: rotate(13deg);
                transform: rotate(13deg);
        display: block;
        margin: 0 auto;
        -webkit-box-shadow: 5px 10px 20px rgba(0, 0, 0, 0.4);
                box-shadow: 5px 10px 20px rgba(0, 0, 0, 0.4); }
        @media (max-width: 768px) {
          .info-single-investigacion .container figure > img {
            max-width: 350px; } }
      .info-single-investigacion .container figure .decorations3D {
        position: absolute;
        right: 0;
        bottom: 0; }
        .info-single-investigacion .container figure .decorations3D .ornament {
          width: 80px; }
          .info-single-investigacion .container figure .decorations3D .ornament.type2 {
            width: 30px;
            position: relative;
            left: -24px; }

.research-medios-externos {
  background: url("https://monicaherrera.edu.sv/wp-content/themes/custom_theme/dist/images/bg-logo-resear-list.svg");
  background-color: #009157;
  background-position: top left;
  background-repeat: no-repeat;
  background-size: 70%;
  min-height: 600px;
  padding: 140px 0 80px 0;
  position: relative;
  overflow: hidden;
  z-index: 1; }
  .research-medios-externos .decorations3D {
    position: absolute;
    right: 100px;
    top: 400px;
    z-index: -1; }
    @media (max-width: 768px) {
      .research-medios-externos .decorations3D {
        top: 100px; } }
    .research-medios-externos .decorations3D.type2 {
      bottom: 200px;
      top: auto;
      left: 100px; }
      .research-medios-externos .decorations3D.type2 .ornament {
        width: 60px; }
        .research-medios-externos .decorations3D.type2 .ornament.type2 {
          width: 20px; }
    .research-medios-externos .decorations3D .ornament {
      width: 60px; }
      .research-medios-externos .decorations3D .ornament.type2 {
        width: 20px; }
  .research-medios-externos .container {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 20px;
    color: #fff; }
    .research-medios-externos .container h1 {
      font-size: 65px; }
      @media (max-width: 768px) {
        .research-medios-externos .container h1 {
          font-size: 30px; } }
    .research-medios-externos .container p {
      font-size: 18px; }
    .research-medios-externos .container .dk-select {
      max-width: 400px;
      width: 100%; }
      .research-medios-externos .container .dk-select.dk-select-open-down .dk-selected:before {
        border-bottom-color: #000;
        border-width: 0 0.35em 0.35em; }
      .research-medios-externos .container .dk-select .dk-selected {
        max-width: 400px;
        padding: 10px;
        width: 100%;
        background: #FFC600;
        color: #000;
        border-radius: 0px;
        border: 0px;
        outline: none; }
        .research-medios-externos .container .dk-select .dk-selected:before {
          content: '';
          border-top-color: #000;
          border-width: 0.35em 0.35em 0; }
        .research-medios-externos .container .dk-select .dk-selected:after {
          display: none; }
      .research-medios-externos .container .dk-select .dk-select-options {
        background: #FFC600;
        color: #000;
        border: 1px solid #FFC600; }
        .research-medios-externos .container .dk-select .dk-select-options .dk-option {
          padding: 7px; }
          .research-medios-externos .container .dk-select .dk-select-options .dk-option.dk-option-selected {
            color: #fff;
            background: #FF5100; }
    .research-medios-externos .container .container-list {
      display: grid;
      grid-template-columns: repeat(4, 1fr);
      gap: 45px;
      padding: 40px 0; }
      @media (max-width: 768px) {
        .research-medios-externos .container .container-list {
          grid-template-columns: 1fr; } }
      .research-medios-externos .container .container-list .item {
        background-repeat: no-repeat !important;
        background-position: center !important;
        background-size: cover !important;
        min-height: 380px !important;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: start;
            -ms-flex-align: start;
                align-items: flex-start;
        -webkit-box-pack: end;
            -ms-flex-pack: end;
                justify-content: flex-end;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
        gap: 20px;
        position: relative;
        -webkit-animation: zoomIn;
                animation: zoomIn;
        /* referring directly to the animation's @keyframe declaration */
        -webkit-animation-duration: 0.2s;
                animation-duration: 0.2s;
        /* don't forget to set a duration! */ }
        .research-medios-externos .container .container-list .item:hover:after {
          z-index: 10;
          display: block; }
        .research-medios-externos .container .container-list .item .overlay {
          position: absolute;
          left: 0;
          top: 0;
          width: 100%;
          height: 100%;
          background: rgba(0, 0, 0, 0.3);
          z-index: 0; }
        .research-medios-externos .container .container-list .item p {
          width: 100%;
          font-size: 16px;
          color: #fff;
          font-weight: 700;
          position: relative;
          padding: 20px 12px;
          z-index: 1; }
          .research-medios-externos .container .container-list .item p span {
            font-size: 16px;
            font-weight: 300; }
          .research-medios-externos .container .container-list .item p:before {
            content: '';
            position: absolute;
            background: -webkit-gradient(linear, left top, left bottom, color-stop(1%, transparent), color-stop(99%, rgba(0, 0, 0, 0.9)));
            background: linear-gradient(transparent 1%, rgba(0, 0, 0, 0.9) 99%);
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            z-index: -1; }
        .research-medios-externos .container .container-list .item:after {
          content: '';
          position: absolute;
          background: url("https://monicaherrera.edu.sv/wp-content/themes/custom_theme/dist/images/ver-nota.svg");
          background-color: rgba(0, 0, 0, 0.7);
          background-position: center;
          background-repeat: no-repeat;
          background-size: 20%;
          left: 0;
          top: 0;
          width: 100%;
          height: 100%;
          z-index: -1;
          display: none; }
  .research-medios-externos:before {
    content: '';
    position: absolute;
    left: -200px;
    bottom: -300px;
    width: 200%;
    height: 45%;
    background: #fff;
    -webkit-transform: rotate(8deg);
            transform: rotate(8deg); }

.banner-carreras-ciclos {
  position: relative;
  min-height: 650px; }
  .banner-carreras-ciclos img {
    width: 100%; }
  .banner-carreras-ciclos .info-banner-carreras {
    z-index: 1;
    position: relative;
    min-height: 650px; }
    .banner-carreras-ciclos .info-banner-carreras .content {
      min-height: 650px;
      display: -webkit-box !important;
      display: -ms-flexbox !important;
      display: flex !important;
      -webkit-box-align: center !important;
          -ms-flex-align: center !important;
              align-items: center !important;
      -webkit-box-pack: center !important;
          -ms-flex-pack: center !important;
              justify-content: center !important;
      position: relative;
      overflow: hidden; }
      .banner-carreras-ciclos .info-banner-carreras .content .container {
        display: grid !important;
        grid-template-columns: repeat(2, 1fr) !important;
        gap: 40px !important; }
        @media (max-width: 768px) {
          .banner-carreras-ciclos .info-banner-carreras .content .container {
            grid-template-columns: 1fr !important; } }
        .banner-carreras-ciclos .info-banner-carreras .content .container .info {
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex;
          -webkit-box-align: start;
              -ms-flex-align: start;
                  align-items: flex-start;
          -webkit-box-pack: center;
              -ms-flex-pack: center;
                  justify-content: center;
          -webkit-box-orient: vertical;
          -webkit-box-direction: normal;
              -ms-flex-direction: column;
                  flex-direction: column;
          gap: 10px;
          padding: 80px 0; }
          .banner-carreras-ciclos .info-banner-carreras .content .container .info h2 {
            font-size: 65px;
            font-family: "Open Sans", sans-serif;
            font-weight: 700;
            line-height: 65px; }
            @media (max-width: 768px) {
              .banner-carreras-ciclos .info-banner-carreras .content .container .info h2 {
                font-size: 30px;
                line-height: 35px; } }
          .banner-carreras-ciclos .info-banner-carreras .content .container .info p {
            font-size: 20px; }
            @media (max-width: 768px) {
              .banner-carreras-ciclos .info-banner-carreras .content .container .info p {
                font-size: 18px; } }
          .banner-carreras-ciclos .info-banner-carreras .content .container .info .float-buttons {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-align: center;
                -ms-flex-align: center;
                    align-items: center;
            -webkit-box-pack: center;
                -ms-flex-pack: center;
                    justify-content: center;
            gap: 10px;
            -ms-flex-wrap: wrap;
                flex-wrap: wrap;
            -webkit-transition: all 0.3s;
            transition: all 0.3s;
            z-index: 50; }
            .banner-carreras-ciclos .info-banner-carreras .content .container .info .float-buttons.fixed {
              position: fixed;
              top: 60px; }
        .banner-carreras-ciclos .info-banner-carreras .content .container .container-picture {
          position: relative;
          height: 400px !important;
          width: 100% !important; }
          .banner-carreras-ciclos .info-banner-carreras .content .container .container-picture img {
            width: 100%;
            height: 100%;
            -o-object-fit: cover;
               object-fit: cover; }
          .banner-carreras-ciclos .info-banner-carreras .content .container .container-picture:before {
            content: '';
            position: absolute;
            left: -190%;
            top: 50px;
            bottom: 0;
            width: 400%;
            height: 362px;
            -webkit-transform: rotate(25deg);
                    transform: rotate(25deg);
            background: #FF5100;
            z-index: -1; }
          .banner-carreras-ciclos .info-banner-carreras .content .container .container-picture:after {
            content: '';
            position: absolute;
            left: 0;
            top: 0;
            width: 200%;
            height: 400%;
            background: #fff;
            z-index: -1; }

.carreras-ciclos {
  padding: 40px 0; }
  .carreras-ciclos .container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 40px; }
    .carreras-ciclos .container .block-info {
      width: 100%;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: start;
          -ms-flex-align: start;
              align-items: flex-start;
      -webkit-box-pack: start;
          -ms-flex-pack: start;
              justify-content: flex-start;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column;
      gap: 40px; }
      .carreras-ciclos .container .block-info h2 {
        font-size: 64px; }
        @media (max-width: 768px) {
          .carreras-ciclos .container .block-info h2 {
            font-size: 30px; } }
      .carreras-ciclos .container .block-info .ciclo {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: start;
            -ms-flex-align: start;
                align-items: flex-start;
        -webkit-box-pack: start;
            -ms-flex-pack: start;
                justify-content: flex-start;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
        gap: 20px; }

.modelos-educativos {
  position: relative; }
  .modelos-educativos.white .block {
    color: #000;
    background: transparent; }
    .modelos-educativos.white .block figure:before {
      background: #fff; }
    .modelos-educativos.white .block .info {
      color: #000;
      background: transparent; }
  .modelos-educativos.exed .block .info {
    gap: 0; }
    .modelos-educativos.exed .block .info ul, .modelos-educativos.exed .block .info ol {
      padding: 0 20px; }
  .modelos-educativos.padres {
    background: #4828A9;
    z-index: 1;
    padding: 80px 0 0 0; }
    .modelos-educativos.padres .block figure {
      height: auto; }
      .modelos-educativos.padres .block figure img {
        -o-object-fit: contain;
           object-fit: contain;
        height: auto; }
      .modelos-educativos.padres .block figure:before {
        top: -275px;
        z-index: 10;
        height: 50%;
        background: #4828A9; }
        @media (max-width: 1440px) {
          .modelos-educativos.padres .block figure:before {
            top: -333px;
            display: none; } }
        @media (max-width: 768px) {
          .modelos-educativos.padres .block figure:before {
            display: none; } }
    .modelos-educativos.padres .block .info {
      padding: 0 20px;
      color: #FFC600; }
      .modelos-educativos.padres .block .info h3 {
        color: #FFC600; }
      .modelos-educativos.padres .block .info p {
        color: #FFC600; }
      .modelos-educativos.padres .block .info img {
        width: 100%; }
  .modelos-educativos .block {
    width: 100%;
    display: grid;
    grid-template-columns: repeat(6, 1fr);
    grid-template-areas: "one one one two two two";
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    gap: 60px;
    background: #FFC600;
    overflow-x: clip; }
    @media (max-width: 768px) {
      .modelos-educativos .block {
        grid-template-columns: 1fr;
        grid-template-areas: "one" "two";
        padding-bottom: 100px; } }
    .modelos-educativos .block figure {
      grid-area: one;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      -webkit-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center;
      width: 100%;
      height: 800px;
      position: relative; }
      .modelos-educativos .block figure img {
        width: 100%;
        height: 100%;
        -o-object-fit: cover;
           object-fit: cover;
        z-index: 20; }
      .modelos-educativos .block figure:before {
        content: '';
        position: absolute;
        left: 41%;
        top: -290px;
        width: 400%;
        height: 100%;
        background: #FFC600;
        -webkit-transform: rotate(-13deg) skew(-45deg);
                transform: rotate(-13deg) skew(-45deg);
        z-index: 11;
        -webkit-transition: all 0.2s;
        transition: all 0.2s; }
      @media (max-width: 1600px) {
        .modelos-educativos .block figure:before {
          content: '';
          position: absolute;
          left: 41%;
          top: -170px;
          width: 400%;
          height: 100%;
          background: #FFC600;
          -webkit-transform: rotate(-13deg) skew(-45deg);
                  transform: rotate(-13deg) skew(-45deg);
          z-index: 11; } }
      @media (max-width: 1440px) {
        .modelos-educativos .block figure:before {
          content: '';
          position: absolute;
          left: 41%;
          top: -200px;
          width: 400%;
          height: 100%;
          background: #FFC600;
          -webkit-transform: rotate(-13deg) skew(-45deg);
                  transform: rotate(-13deg) skew(-45deg);
          z-index: 11; } }
    .modelos-educativos .block .info {
      grid-area: two;
      padding: 100px 0;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: start;
          -ms-flex-align: start;
              align-items: flex-start;
      -webkit-box-pack: start;
          -ms-flex-pack: start;
              justify-content: flex-start;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column;
      gap: 20px;
      max-width: 600px;
      width: 100%;
      padding: 0 20px;
      z-index: 20; }
      .modelos-educativos .block .info h3 {
        font-size: 55px;
        line-height: 100px;
        font-weight: 700;
        color: #000;
        max-height: 200px; }
        @media (max-width: 768px) {
          .modelos-educativos .block .info h3 {
            font-size: 30px;
            line-height: 35px;
            max-height: 100%; } }
      .modelos-educativos .block .info p {
        color: #000;
        font-size: 16px;
        scrollbar-color: #FFC600 #FF5100; }
        @media (max-width: 768px) {
          .modelos-educativos .block .info p {
            max-height: 100%; } }
  .modelos-educativos .decorations3D {
    position: absolute;
    right: 20px;
    bottom: 20px;
    z-index: 20;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    gap: 5px; }
    .modelos-educativos .decorations3D .ornament {
      width: 100px; }
      .modelos-educativos .decorations3D .ornament.type2 {
        width: 40px; }

.juegos-pedagogicos {
  background: #FFC600;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 40px;
  padding: 40px 0 80px 0;
  z-index: 20;
  overflow-x: clip;
  padding: 80px 0; }
  @media (max-width: 768px) {
    .juegos-pedagogicos {
      padding: 40px 0; } }
  .juegos-pedagogicos.white {
    color: #000;
    background: transparent; }
  .juegos-pedagogicos.exed .container .content {
    gap: 0; }
    .juegos-pedagogicos.exed .container .content ul, .juegos-pedagogicos.exed .container .content ol {
      padding: 0 20px; }
  .juegos-pedagogicos .container {
    width: 100%;
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    gap: 80px; }
    @media (max-width: 768px) {
      .juegos-pedagogicos .container {
        grid-template-columns: 1fr; } }
    .juegos-pedagogicos .container .content {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: start;
          -ms-flex-align: start;
              align-items: flex-start;
      -webkit-box-pack: start;
          -ms-flex-pack: start;
              justify-content: flex-start;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column;
      gap: 20px; }
      .juegos-pedagogicos .container .content h2 {
        font-size: 55px;
        color: #000; }
        @media (max-width: 768px) {
          .juegos-pedagogicos .container .content h2 {
            font-size: 30px; } }
      .juegos-pedagogicos .container .content p {
        font-size: 18px;
        color: #000; }
      .juegos-pedagogicos .container .content .container-items {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
        -ms-flex-pack: distribute;
            justify-content: space-around;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
        gap: 20px; }
        .juegos-pedagogicos .container .content .container-items .item {
          max-width: 150px;
          width: 100%;
          height: 70px;
          -o-object-fit: contain;
             object-fit: contain; }
    .juegos-pedagogicos .container figure {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      -webkit-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center;
      position: relative; }
      .juegos-pedagogicos .container figure img {
        max-width: 500px;
        width: 100%; }
      .juegos-pedagogicos .container figure .decorations3D {
        position: absolute;
        left: 100px;
        top: 350px;
        z-index: 2;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
        -webkit-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center;
        gap: 0px; }
        .juegos-pedagogicos .container figure .decorations3D.type2 {
          left: auto;
          right: 0;
          top: 0; }
          .juegos-pedagogicos .container figure .decorations3D.type2 .ornament {
            width: 80px; }
            .juegos-pedagogicos .container figure .decorations3D.type2 .ornament.type2 {
              width: 40px; }
        .juegos-pedagogicos .container figure .decorations3D .ornament {
          width: 20px; }
          .juegos-pedagogicos .container figure .decorations3D .ornament.type2 {
            width: 60px; }
  .juegos-pedagogicos .picture-fullwidth {
    width: 100%;
    max-width: 1400px;
    margin: 0 auto;
    padding: 0 20px; }
    .juegos-pedagogicos .picture-fullwidth img {
      width: 100%; }
  .juegos-pedagogicos .slider4 {
    width: 100%;
    max-width: 1400px;
    margin: 0 auto;
    padding: 0 20px;
    position: relative;
    width: 100%; }
    .juegos-pedagogicos .slider4 img {
      width: 100%;
      height: 765px;
      -o-object-fit: cover;
         object-fit: cover; }
      @media (max-width: 768px) {
        .juegos-pedagogicos .slider4 img {
          height: 100%; } }
    .juegos-pedagogicos .slider4 .slick-dots {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      margin: 0;
      padding: 0;
      list-style: none;
      -webkit-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center;
      position: absolute;
      bottom: 0;
      left: 0;
      bottom: 20px;
      right: 0;
      margin: auto; }
      @media (max-width: 768px) {
        .juegos-pedagogicos .slider4 .slick-dots {
          -webkit-box-pack: center;
              -ms-flex-pack: center;
                  justify-content: center;
          gap: 5px;
          bottom: 10px; } }
      .juegos-pedagogicos .slider4 .slick-dots li {
        padding: 5px 11px;
        position: relative;
        cursor: pointer; }
        @media (max-width: 768px) {
          .juegos-pedagogicos .slider4 .slick-dots li {
            padding: 5px; } }
        .juegos-pedagogicos .slider4 .slick-dots li button {
          opacity: 0;
          cursor: pointer; }
        .juegos-pedagogicos .slider4 .slick-dots li:before {
          content: "";
          width: 10px;
          height: 10px;
          border-radius: 50%;
          border: 2px solid #D9D9D9;
          background-color: #D9D9D9;
          position: absolute;
          top: 0;
          left: 0;
          right: 0;
          bottom: 0;
          margin: auto;
          -webkit-transition: all 0.3s;
          transition: all 0.3s; }
          @media (max-width: 768px) {
            .juegos-pedagogicos .slider4 .slick-dots li:before {
              width: 10px;
              height: 10px;
              left: 10px; } }
        .juegos-pedagogicos .slider4 .slick-dots li.slick-active:before {
          background-color: #FFC600;
          border: 2px solid #FFC600; }
  .juegos-pedagogicos:before {
    content: '';
    position: absolute;
    left: -200px;
    bottom: -99px;
    width: 150%;
    height: 20%;
    background: #fff;
    -webkit-transform: rotate(3deg);
            transform: rotate(3deg); }

.casos-competencias {
  padding: 120px 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 20px; }
  .casos-competencias.orange {
    background: #FF5100;
    color: #fff;
    padding: 40px 0; }
  .casos-competencias.exed {
    background: #4828A9;
    position: relative;
    overflow-x: clip; }
    .casos-competencias.exed .container .block {
      -webkit-box-align: auto;
          -ms-flex-align: auto;
              align-items: auto; }
      .casos-competencias.exed .container .block figure {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: start;
            -ms-flex-align: start;
                align-items: flex-start;
        -webkit-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center;
        height: 100%; }
        .casos-competencias.exed .container .block figure > img {
          height: auto;
          max-width: 100%; }
      .casos-competencias.exed .container .block .info {
        gap: 10px;
        color: #fff; }
        .casos-competencias.exed .container .block .info ul, .casos-competencias.exed .container .block .info ol {
          padding: 0 20px; }
    .casos-competencias.exed:before {
      content: '';
      position: absolute;
      left: -200px;
      bottom: -140px;
      width: 150%;
      height: 30%;
      background: #fff;
      -webkit-transform: rotate(4deg);
              transform: rotate(4deg); }
      @media (max-width: 768px) {
        .casos-competencias.exed:before {
          width: 250%;
          left: -200px;
          display: none; } }
  .casos-competencias.type2::before {
    display: none; }
  .casos-competencias.programas .container .block.type3 {
    padding: 80px 0; }
  .casos-competencias.programas .servicio-de-ayuda .container {
    color: #fff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 20px; }
  .casos-competencias.programas .block-videos-fullwidth {
    width: 100%;
    padding: 80px 0; }
    .casos-competencias.programas .block-videos-fullwidth .container {
      color: #fff; }
      .casos-competencias.programas .block-videos-fullwidth .container .container-videos {
        width: 100%;
        display: grid;
        grid-template-columns: repeat(3, 1fr);
        gap: 20px; }
        .casos-competencias.programas .block-videos-fullwidth .container .container-videos iframe {
          max-width: 400px;
          width: 100%; }
  .casos-competencias.programas:before {
    content: '';
    position: absolute;
    left: -200px;
    bottom: -250px;
    width: 150%;
    height: 30%;
    background: #fff;
    -webkit-transform: rotate(4deg);
            transform: rotate(4deg); }
    @media (max-width: 768px) {
      .casos-competencias.programas:before {
        width: 250%;
        left: -200px;
        display: none; } }
  .casos-competencias p {
    font-size: 24px; }
  .casos-competencias .container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 50px; }
    .casos-competencias .container .block {
      display: grid;
      grid-template-columns: repeat(2, 1fr);
      grid-template-areas: "one two";
      gap: 40px;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center; }
      .casos-competencias .container .block.type2 {
        grid-template-areas: "two one"; }
        @media (max-width: 768px) {
          .casos-competencias .container .block.type2 {
            grid-template-areas: "one" "two"; } }
      @media (max-width: 768px) {
        .casos-competencias .container .block {
          grid-template-columns: 1fr;
          grid-template-areas: "one" "two"; } }
      .casos-competencias .container .block figure {
        grid-area: one;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
        -webkit-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center;
        position: relative;
        z-index: 20; }
        .casos-competencias .container .block figure img {
          width: 100%;
          max-width: 400px; }
        .casos-competencias .container .block figure .decorations3D {
          position: absolute;
          left: 0px;
          top: 350px;
          z-index: 2;
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex;
          -webkit-box-align: center;
              -ms-flex-align: center;
                  align-items: center;
          -webkit-box-pack: center;
              -ms-flex-pack: center;
                  justify-content: center;
          gap: 0px; }
          @media (max-width: 768px) {
            .casos-competencias .container .block figure .decorations3D {
              z-index: -1; } }
          .casos-competencias .container .block figure .decorations3D.type2 {
            left: auto;
            right: 0;
            top: 0; }
            .casos-competencias .container .block figure .decorations3D.type2 .ornament {
              width: 80px; }
              .casos-competencias .container .block figure .decorations3D.type2 .ornament.type2 {
                width: 40px; }
          .casos-competencias .container .block figure .decorations3D .ornament {
            width: 20px; }
            .casos-competencias .container .block figure .decorations3D .ornament.type2 {
              width: 60px; }
      .casos-competencias .container .block .info {
        grid-area: two;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: start;
            -ms-flex-align: start;
                align-items: flex-start;
        -webkit-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
        gap: 20px;
        z-index: 20; }
        .casos-competencias .container .block .info h4 {
          font-size: 65px; }
          @media (max-width: 768px) {
            .casos-competencias .container .block .info h4 {
              font-size: 30px; } }
        .casos-competencias .container .block .info p {
          font-size: 18px; }
  .casos-competencias .picture-fullwidth {
    width: 100%;
    max-width: 1400px;
    margin: 0 auto;
    padding: 0 20px; }
    .casos-competencias .picture-fullwidth img {
      width: 100%; }
  .casos-competencias .slider4 {
    width: 100%;
    max-width: 1400px;
    margin: 0 auto;
    padding: 0 20px;
    position: relative;
    width: 100%; }
    .casos-competencias .slider4 img {
      width: 100%;
      height: 765px;
      -o-object-fit: cover;
         object-fit: cover; }
      @media (max-width: 768px) {
        .casos-competencias .slider4 img {
          height: 100%; } }
    .casos-competencias .slider4 .slick-dots {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      margin: 0;
      padding: 0;
      list-style: none;
      -webkit-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center;
      position: absolute;
      bottom: 0;
      left: 0;
      bottom: 20px;
      right: 0;
      margin: auto; }
      @media (max-width: 768px) {
        .casos-competencias .slider4 .slick-dots {
          -webkit-box-pack: center;
              -ms-flex-pack: center;
                  justify-content: center;
          -ms-flex-wrap: wrap !important;
              flex-wrap: wrap !important;
          gap: 5px;
          bottom: 10px; } }
      .casos-competencias .slider4 .slick-dots li {
        padding: 5px 11px;
        position: relative;
        cursor: pointer; }
        @media (max-width: 768px) {
          .casos-competencias .slider4 .slick-dots li {
            padding: 5px; } }
        .casos-competencias .slider4 .slick-dots li button {
          opacity: 0;
          cursor: pointer; }
        .casos-competencias .slider4 .slick-dots li:before {
          content: "";
          width: 10px;
          height: 10px;
          border-radius: 50%;
          border: 2px solid #D9D9D9;
          background-color: #D9D9D9;
          position: absolute;
          top: 0;
          left: 0;
          right: 0;
          bottom: 0;
          margin: auto;
          -webkit-transition: all 0.3s;
          transition: all 0.3s; }
          @media (max-width: 768px) {
            .casos-competencias .slider4 .slick-dots li:before {
              width: 10px;
              height: 10px;
              left: 10px; } }
        .casos-competencias .slider4 .slick-dots li.slick-active:before {
          background-color: #FFC600;
          border: 2px solid #FFC600; }

.banner-carreras-becas {
  padding: 140px 0 40px 0;
  background: #FFC600; }
  .banner-carreras-becas.carreras-becas-white {
    background: #fff; }
    .banner-carreras-becas.carreras-becas-white .container .content .btn {
      color: #fff; }
      .banner-carreras-becas.carreras-becas-white .container .content .btn:hover {
        color: #000; }
  .banner-carreras-becas .container {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 40px;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    position: relative; }
    @media (max-width: 768px) {
      .banner-carreras-becas .container {
        grid-template-columns: 1fr; } }
    .banner-carreras-becas .container figure {
      width: 100%;
      height: 100%;
      display: block;
      margin: 0 auto;
      position: relative;
      z-index: 2; }
      @media (max-width: 768px) {
        .banner-carreras-becas .container figure {
          max-width: 100%;
          width: 100%; } }
      .banner-carreras-becas .container figure img {
        width: 100%;
        height: 100%;
        max-width: 100%;
        -o-object-fit: contain;
           object-fit: contain;
        z-index: 1; }
      .banner-carreras-becas .container figure .decorations3D {
        position: absolute;
        left: 0px;
        top: 350px;
        z-index: 2;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
        -webkit-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center;
        gap: 0px; }
        @media (max-width: 768px) {
          .banner-carreras-becas .container figure .decorations3D {
            z-index: -1;
            top: 100px; } }
        .banner-carreras-becas .container figure .decorations3D.type2 {
          left: auto;
          right: 0;
          top: 0; }
          @media (max-width: 768px) {
            .banner-carreras-becas .container figure .decorations3D.type2 {
              display: block; } }
          .banner-carreras-becas .container figure .decorations3D.type2 .ornament {
            width: 80px; }
            .banner-carreras-becas .container figure .decorations3D.type2 .ornament.type2 {
              width: 40px; }
        .banner-carreras-becas .container figure .decorations3D .ornament {
          width: 20px; }
          .banner-carreras-becas .container figure .decorations3D .ornament.type2 {
            width: 60px; }
    .banner-carreras-becas .container .content {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: start;
          -ms-flex-align: start;
              align-items: flex-start;
      -webkit-box-pack: start;
          -ms-flex-pack: start;
              justify-content: flex-start;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column;
      gap: 20px; }
      .banner-carreras-becas .container .content h1 {
        font-size: 65px;
        font-weight: 700;
        line-height: 65px; }
        @media (max-width: 768px) {
          .banner-carreras-becas .container .content h1 {
            font-size: 30px;
            line-height: 35px; } }
      .banner-carreras-becas .container .content p {
        font-size: 18px; }
      .banner-carreras-becas .container .content .btn {
        color: #FFC600;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
        -webkit-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center;
        gap: 5px; }
        .banner-carreras-becas .container .content .btn.green {
          background: #009157;
          color: #fff;
          border: 2px solid #009157; }
          .banner-carreras-becas .container .content .btn.green:hover {
            background: transparent;
            color: #009157; }
            .banner-carreras-becas .container .content .btn.green:hover svg {
              color: #009157; }
        .banner-carreras-becas .container .content .btn svg {
          width: 20px;
          height: 20px; }
        .banner-carreras-becas .container .content .btn:hover {
          color: #000; }
          .banner-carreras-becas .container .content .btn:hover svg {
            color: #000; }

.pasos-carreras-becas {
  padding: 40px 0;
  background: #FFC600;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 40px; }
  .pasos-carreras-becas.carreras-becas-white {
    background: #fff; }
    .pasos-carreras-becas.carreras-becas-white .container .info .btn {
      color: #fff; }
      .pasos-carreras-becas.carreras-becas-white .container .info .btn:hover {
        color: #000; }
    .pasos-carreras-becas.carreras-becas-white .container .container-items .item p {
      color: #fff; }
  .pasos-carreras-becas .container {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    gap: 40px; }
    @media (max-width: 768px) {
      .pasos-carreras-becas .container {
        grid-template-columns: 1fr; } }
    .pasos-carreras-becas .container .info {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: end;
          -ms-flex-align: end;
              align-items: flex-end;
      -webkit-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column;
      gap: 10px;
      width: 100%;
      max-width: 400px;
      margin: 0 auto; }
      @media (max-width: 768px) {
        .pasos-carreras-becas .container .info {
          -webkit-box-align: center;
              -ms-flex-align: center;
                  align-items: center; } }
      .pasos-carreras-becas .container .info h3 {
        font-size: 45px; }
        @media (max-width: 768px) {
          .pasos-carreras-becas .container .info h3 {
            font-size: 25px;
            text-align: center; } }
      .pasos-carreras-becas .container .info p {
        width: 100%;
        text-align: right;
        font-size: 18px;
        line-height: 25px; }
        @media (max-width: 768px) {
          .pasos-carreras-becas .container .info p {
            text-align: center; } }
      .pasos-carreras-becas .container .info .btn {
        color: #FFC600; }
        .pasos-carreras-becas .container .info .btn:hover {
          color: #000; }
    .pasos-carreras-becas .container .container-items {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: start;
          -ms-flex-align: start;
              align-items: flex-start;
      -webkit-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column;
      gap: 20px; }
      .pasos-carreras-becas .container .container-items .item {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
        -webkit-box-pack: start;
            -ms-flex-pack: start;
                justify-content: flex-start;
        gap: 20px;
        background: #009157;
        padding: 25px;
        width: 100%; }
        .pasos-carreras-becas .container .container-items .item p {
          font-size: 18px;
          line-height: 25px;
          color: #FFC600;
          margin: 0; }
          .pasos-carreras-becas .container .container-items .item p span {
            font-size: 55px;
            font-weight: 700; }
  .pasos-carreras-becas > p {
    font-family: "Open Sans", sans-serif;
    text-align: center;
    font-size: 16px;
    max-width: 900px;
    padding: 0 20px;
    line-height: 25px; }
    .pasos-carreras-becas > p a {
      color: #000;
      text-decoration: underline; }

.noticias-list {
  background: url("https://monicaherrera.edu.sv/wp-content/themes/custom_theme/dist/images/bg-logo-resear-list.svg");
  background-color: #009157;
  background-position: top left;
  background-repeat: no-repeat;
  background-size: 70%;
  min-height: 600px;
  padding: 140px 0 80px 0;
  position: relative;
  overflow: hidden; }
  .noticias-list .decorations3D {
    position: absolute;
    right: 100px;
    top: 400px; }
    .noticias-list .decorations3D.type2 {
      bottom: 200px;
      top: auto;
      left: 100px; }
      .noticias-list .decorations3D.type2 .ornament {
        width: 60px; }
        .noticias-list .decorations3D.type2 .ornament.type2 {
          width: 20px; }
    .noticias-list .decorations3D .ornament {
      width: 60px; }
      .noticias-list .decorations3D .ornament.type2 {
        width: 20px; }
  .noticias-list .container {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 20px;
    color: #fff; }
    .noticias-list .container h1 {
      font-size: 65px; }
      @media (max-width: 768px) {
        .noticias-list .container h1 {
          font-size: 30px; } }
    .noticias-list .container p {
      font-size: 18px; }
    .noticias-list .container .container-list {
      display: grid;
      grid-template-columns: repeat(4, 1fr);
      gap: 45px;
      padding: 40px 0; }
      @media (max-width: 768px) {
        .noticias-list .container .container-list {
          grid-template-columns: 1fr; } }
      .noticias-list .container .container-list .item {
        background-position: center !important;
        background-size: cover !important;
        min-height: 380px !important;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: start;
            -ms-flex-align: start;
                align-items: flex-start;
        -webkit-box-pack: end;
            -ms-flex-pack: end;
                justify-content: flex-end;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
        gap: 20px;
        position: relative;
        -webkit-animation: zoomIn;
                animation: zoomIn;
        /* referring directly to the animation's @keyframe declaration */
        -webkit-animation-duration: 0.2s;
                animation-duration: 0.2s;
        /* don't forget to set a duration! */ }
        .noticias-list .container .container-list .item:hover:after {
          z-index: 10;
          display: block; }
        .noticias-list .container .container-list .item p {
          width: 100%;
          font-size: 16px;
          color: #fff;
          font-weight: 700;
          position: relative;
          padding: 20px 12px;
          z-index: 1; }
          .noticias-list .container .container-list .item p:before {
            content: '';
            position: absolute;
            background: -webkit-gradient(linear, left top, left bottom, color-stop(2%, transparent), color-stop(98%, rgba(0, 0, 0, 0.7)));
            background: linear-gradient(transparent 2%, rgba(0, 0, 0, 0.7) 98%);
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            z-index: -1; }
        .noticias-list .container .container-list .item:after {
          content: '';
          position: absolute;
          background: url("https://monicaherrera.edu.sv/wp-content/themes/custom_theme/dist/images/eye-read.svg");
          background-color: rgba(0, 0, 0, 0.7);
          background-position: center;
          background-repeat: no-repeat;
          background-size: 30%;
          left: 0;
          top: 0;
          width: 100%;
          height: 100%;
          z-index: -1;
          display: none; }
  .noticias-list:before {
    content: '';
    position: absolute;
    left: -200px;
    bottom: -300px;
    width: 200%;
    height: 45%;
    background: #fff;
    -webkit-transform: rotate(8deg);
            transform: rotate(8deg); }

.banner-historia {
  padding: 140px 0 80px 0;
  background: url("https://monicaherrera.edu.sv/wp-content/themes/custom_theme/dist/images/bg-logo-resear-list.svg");
  background-position: top left;
  background-repeat: no-repeat;
  background-size: 45%;
  background-color: #FF5100; }
  .banner-historia .container {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 40px;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    position: relative; }
    @media (max-width: 768px) {
      .banner-historia .container {
        grid-template-columns: 1fr; } }
    .banner-historia .container figure {
      width: 100%;
      height: 100%;
      display: block;
      margin: 0 auto;
      position: relative;
      z-index: 1; }
      @media (max-width: 768px) {
        .banner-historia .container figure {
          max-width: 450px;
          width: 100%; } }
      .banner-historia .container figure img {
        width: 100%;
        height: 100%;
        max-width: 100%;
        -o-object-fit: contain;
           object-fit: contain;
        z-index: 1; }
      .banner-historia .container figure .decorations3D {
        position: absolute;
        left: 0px;
        top: 350px;
        z-index: 2;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
        -webkit-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center;
        gap: 0px; }
        @media (max-width: 768px) {
          .banner-historia .container figure .decorations3D {
            top: 80px; } }
        .banner-historia .container figure .decorations3D.type2 {
          left: auto;
          right: 0;
          top: 0; }
          @media (max-width: 768px) {
            .banner-historia .container figure .decorations3D.type2 {
              display: block; } }
          .banner-historia .container figure .decorations3D.type2 .ornament {
            width: 80px; }
            .banner-historia .container figure .decorations3D.type2 .ornament.type2 {
              width: 40px; }
        .banner-historia .container figure .decorations3D .ornament {
          width: 20px; }
          .banner-historia .container figure .decorations3D .ornament.type2 {
            width: 60px; }
    .banner-historia .container .content {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: start;
          -ms-flex-align: start;
              align-items: flex-start;
      -webkit-box-pack: start;
          -ms-flex-pack: start;
              justify-content: flex-start;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column;
      gap: 20px;
      position: relative; }
      .banner-historia .container .content h1 {
        font-size: 65px;
        font-weight: 700;
        line-height: 65px;
        color: #fff; }
        @media (max-width: 768px) {
          .banner-historia .container .content h1 {
            font-size: 30px;
            line-height: 35px; } }
      .banner-historia .container .content p {
        font-size: 18px;
        color: #fff; }
      .banner-historia .container .content .container-buttons {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
        -webkit-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center;
        gap: 20px;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap; }
      .banner-historia .container .content .decorations3D {
        position: absolute;
        right: 0;
        top: 0; }
        .banner-historia .container .content .decorations3D .ornament {
          width: 50px; }
          .banner-historia .container .content .decorations3D .ornament.type2 {
            width: 20px; }

.info-historia {
  background: #FF5100;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 20px;
  padding: 40px 0;
  z-index: 2;
  overflow-x: clip;
  padding: 20px 0 150px 0; }
  .info-historia.white {
    padding: 20px 0 0 0; }
    .info-historia.white:before {
      background: #fff; }
  @media (max-width: 768px) {
    .info-historia {
      padding: 20px 0 40px 0; } }
  .info-historia .container {
    width: 100%;
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    gap: 80px; }
    @media (max-width: 768px) {
      .info-historia .container {
        grid-template-columns: 1fr; } }
    .info-historia .container .content {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: start;
          -ms-flex-align: start;
              align-items: flex-start;
      -webkit-box-pack: start;
          -ms-flex-pack: start;
              justify-content: flex-start;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column;
      gap: 20px; }
      .info-historia .container .content h2 {
        font-size: 48px;
        color: #fff; }
        @media (max-width: 768px) {
          .info-historia .container .content h2 {
            font-size: 30px; } }
      .info-historia .container .content p {
        font-size: 18px;
        color: #fff; }
    .info-historia .container figure {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      -webkit-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center;
      position: relative; }
      .info-historia .container figure img {
        max-width: 100%;
        width: 100%; }
      .info-historia .container figure .decorations3D {
        position: absolute;
        right: 0;
        top: 100px;
        z-index: -1; }
        .info-historia .container figure .decorations3D .ornament {
          width: 350px;
          position: relative;
          right: -300px; }
          @media (max-width: 768px) {
            .info-historia .container figure .decorations3D .ornament {
              width: 20px;
              right: 0; } }
          .info-historia .container figure .decorations3D .ornament.type2 {
            width: 100px;
            right: 0px; }
          .info-historia .container figure .decorations3D .ornament.type3 {
            width: 50px;
            right: -50px; }
  .info-historia:before {
    content: '';
    position: absolute;
    left: -200px;
    bottom: -50px;
    width: 150%;
    height: 30%;
    background: #FFC600;
    -webkit-transform: rotate(-4deg);
            transform: rotate(-4deg); }

.info-historia-text-fullwidth {
  padding: 20px 0 80px 0;
  z-index: 20;
  background: #FFC600;
  position: relative; }
  .info-historia-text-fullwidth.white {
    color: #000;
    background: transparent;
    padding: 0 0 30px 0; }
  .info-historia-text-fullwidth .container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 30px; }
    .info-historia-text-fullwidth .container .block {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      -webkit-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column;
      gap: 20px;
      padding: 20px 0;
      text-align: center; }
      .info-historia-text-fullwidth .container .block p {
        text-align: center;
        font-size: 24px;
        font-style: italic; }
      .info-historia-text-fullwidth .container .block.type2 p {
        font-size: 16px; }
  .info-historia-text-fullwidth:before {
    content: '';
    background: #FFC600;
    width: 100%;
    height: 100%;
    z-index: -1;
    background: #000; }

.info-historia-picture-info {
  padding: 40px 0 250px 0;
  background-position: top left;
  background-repeat: no-repeat;
  background-size: 45%;
  background-color: #FFC600;
  position: relative;
  overflow-x: clip; }
  .info-historia-picture-info.white {
    color: #000;
    background: #fff;
    padding: 40px 0; }
    .info-historia-picture-info.white:before {
      display: none; }
  @media (max-width: 768px) {
    .info-historia-picture-info {
      padding: 40px 0; } }
  .info-historia-picture-info .container {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 40px;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    position: relative;
    z-index: 20; }
    @media (max-width: 768px) {
      .info-historia-picture-info .container {
        grid-template-columns: 1fr; } }
    .info-historia-picture-info .container figure {
      width: 100%;
      height: 100%;
      display: block;
      margin: 0 auto;
      position: relative;
      z-index: 1; }
      @media (max-width: 768px) {
        .info-historia-picture-info .container figure {
          max-width: 450px;
          width: 100%; } }
      .info-historia-picture-info .container figure img {
        width: 100%;
        height: 100%;
        max-width: 100%;
        -o-object-fit: contain;
           object-fit: contain;
        z-index: 1; }
      .info-historia-picture-info .container figure .decorations3D {
        position: absolute;
        left: 0px;
        top: 350px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
        -webkit-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center;
        gap: 0px; }
        .info-historia-picture-info .container figure .decorations3D.type2 {
          left: auto;
          right: 0;
          top: 0;
          z-index: 22; }
          .info-historia-picture-info .container figure .decorations3D.type2 .ornament {
            width: 80px; }
            .info-historia-picture-info .container figure .decorations3D.type2 .ornament.type2 {
              width: 40px; }
        .info-historia-picture-info .container figure .decorations3D .ornament {
          width: 20px; }
          .info-historia-picture-info .container figure .decorations3D .ornament.type2 {
            width: 60px; }
    .info-historia-picture-info .container .content {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: start;
          -ms-flex-align: start;
              align-items: flex-start;
      -webkit-box-pack: start;
          -ms-flex-pack: start;
              justify-content: flex-start;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column;
      gap: 20px;
      position: relative; }
      .info-historia-picture-info .container .content h4 {
        font-size: 65px;
        font-weight: 700;
        line-height: 65px;
        color: #000; }
        @media (max-width: 768px) {
          .info-historia-picture-info .container .content h4 {
            font-size: 30px;
            line-height: 35px; } }
      .info-historia-picture-info .container .content p {
        font-size: 18px;
        color: #000; }
      .info-historia-picture-info .container .content .decorations3D {
        position: absolute;
        right: 0;
        top: 0;
        z-index: -1; }
        .info-historia-picture-info .container .content .decorations3D .ornament {
          width: 50px; }
          .info-historia-picture-info .container .content .decorations3D .ornament.type2 {
            width: 20px; }
  .info-historia-picture-info:before {
    content: '';
    position: absolute;
    left: -40px;
    bottom: -145px;
    width: 120%;
    height: 30%;
    background: #009157;
    -webkit-transform: rotate(6deg);
            transform: rotate(6deg); }

.historia-years-information {
  position: relative;
  padding: 80px 0 20px 0;
  background: #009157; }
  .historia-years-information.white {
    color: #000;
    background: transparent;
    padding: 0 0 20px 0; }
    .historia-years-information.white h2 {
      height: auto;
      top: 40px;
      color: #000;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      -webkit-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center; }
  .historia-years-information h2 {
    position: absolute;
    top: -130px;
    left: 0;
    right: 0;
    bottom: 100%;
    margin: auto;
    color: #FFC600;
    z-index: 20;
    width: 100%;
    height: 400px;
    max-width: 400px;
    font-size: 250px; }
    @media (max-width: 768px) {
      .historia-years-information h2 {
        font-size: 55px;
        bottom: 0;
        top: 0;
        position: inherit;
        height: auto;
        text-align: center; } }
  .historia-years-information > .decorations3D {
    position: absolute;
    right: 0;
    top: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 10px;
    z-index: -1; }
    .historia-years-information > .decorations3D .blocks {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      -webkit-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center;
      gap: 10px; }
      .historia-years-information > .decorations3D .blocks .ornament {
        width: 40px; }
        .historia-years-information > .decorations3D .blocks .ornament.type2 {
          width: 20px; }
        .historia-years-information > .decorations3D .blocks .ornament.type3 {
          width: 180px; }
        .historia-years-information > .decorations3D .blocks .ornament.type4 {
          width: 40px; }
      .historia-years-information > .decorations3D .blocks.type2 {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
        -webkit-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column; }
      @media (max-width: 768px) {
        .historia-years-information > .decorations3D .blocks .ornament {
          width: 20px; }
          .historia-years-information > .decorations3D .blocks .ornament.type2 {
            width: 10px; }
          .historia-years-information > .decorations3D .blocks .ornament.type3 {
            width: 40px; }
          .historia-years-information > .decorations3D .blocks .ornament.type4 {
            width: 20px; } }
  .historia-years-information .container {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 40px;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    position: relative;
    padding: 80px 20px 20px 20px; }
    @media (max-width: 768px) {
      .historia-years-information .container {
        grid-template-columns: 1fr;
        padding: 40px 20px; } }
    .historia-years-information .container figure {
      width: 100%;
      height: 100%;
      display: block;
      margin: 0 auto;
      position: relative;
      z-index: 1; }
      @media (max-width: 768px) {
        .historia-years-information .container figure {
          max-width: 450px;
          width: 100%; } }
      .historia-years-information .container figure img {
        width: 100%;
        height: 100%;
        max-width: 100%;
        -o-object-fit: contain;
           object-fit: contain;
        z-index: 1; }
      .historia-years-information .container figure .decorations3D {
        position: absolute;
        left: 0px;
        top: 350px;
        z-index: -1;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
        -webkit-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center;
        gap: 0px; }
        @media (max-width: 768px) {
          .historia-years-information .container figure .decorations3D {
            top: 200px; } }
        .historia-years-information .container figure .decorations3D.type2 {
          left: auto;
          right: 0;
          top: 0; }
          .historia-years-information .container figure .decorations3D.type2 .ornament {
            width: 80px; }
            .historia-years-information .container figure .decorations3D.type2 .ornament.type2 {
              width: 40px; }
        .historia-years-information .container figure .decorations3D .ornament {
          width: 20px; }
          .historia-years-information .container figure .decorations3D .ornament.type2 {
            width: 60px; }
    .historia-years-information .container .content {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: start;
          -ms-flex-align: start;
              align-items: flex-start;
      -webkit-box-pack: start;
          -ms-flex-pack: start;
              justify-content: flex-start;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column;
      gap: 20px;
      position: relative; }
      .historia-years-information .container .content h4 {
        font-size: 65px;
        font-weight: 700;
        line-height: 65px; }
        @media (max-width: 768px) {
          .historia-years-information .container .content h4 {
            font-size: 30px;
            line-height: 35px; } }
      .historia-years-information .container .content p {
        font-size: 18px; }
      .historia-years-information .container .content .container-buttons {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
        -webkit-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center;
        gap: 20px;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap; }
      .historia-years-information .container .content .decorations3D {
        position: absolute;
        right: 0;
        top: 0; }
        .historia-years-information .container .content .decorations3D .ornament {
          width: 50px; }
          .historia-years-information .container .content .decorations3D .ornament.type2 {
            width: 20px; }

.layer-historia-information {
  background: #009157;
  padding: 80px 0;
  position: relative;
  z-index: 20; }
  .layer-historia-information.white {
    color: #000;
    background: transparent; }
  .layer-historia-information .container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 40px; }
    .layer-historia-information .container img {
      max-width: 650px;
      width: 100%; }
    .layer-historia-information .container .info {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      -webkit-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column;
      gap: 20px; }
      .layer-historia-information .container .info p {
        text-align: center;
        font-size: 16px; }
  .layer-historia-information .decorations3D {
    position: absolute;
    left: 0;
    bottom: 200px;
    z-index: -1; }
    .layer-historia-information .decorations3D .ornament {
      width: 120px; }
      .layer-historia-information .decorations3D .ornament.type2 {
        width: 40px; }

.banner-exed {
  padding: 140px 0 80px 0;
  background: url("https://monicaherrera.edu.sv/wp-content/themes/custom_theme/dist/images/bg-logo-resear-list.svg");
  background-position: top left;
  background-repeat: no-repeat;
  background-size: 45%;
  background-color: #4828A9;
  position: relative;
  overflow-x: clip; }
  @media (max-width: 768px) {
    .banner-exed:before {
      display: none; } }
  .banner-exed .container {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 40px;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    position: relative; }
    @media (max-width: 768px) {
      .banner-exed .container {
        grid-template-columns: 1fr; } }
    .banner-exed .container figure {
      width: 100%;
      height: 100%;
      display: block;
      margin: 0 auto;
      position: relative;
      z-index: 1; }
      @media (max-width: 768px) {
        .banner-exed .container figure {
          max-width: 100%;
          width: 100%; } }
      .banner-exed .container figure img {
        width: 100%;
        height: 100%;
        max-width: 100%;
        -o-object-fit: contain;
           object-fit: contain;
        z-index: 1; }
      .banner-exed .container figure .decorations3D {
        position: absolute;
        left: 0px;
        top: 350px;
        z-index: 2;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
        -webkit-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center;
        gap: 0px; }
        @media (max-width: 768px) {
          .banner-exed .container figure .decorations3D {
            display: none; } }
        .banner-exed .container figure .decorations3D.type2 {
          left: auto;
          right: 0;
          top: 0; }
          .banner-exed .container figure .decorations3D.type2 .ornament {
            width: 80px; }
            .banner-exed .container figure .decorations3D.type2 .ornament.type2 {
              width: 40px; }
        .banner-exed .container figure .decorations3D .ornament {
          width: 20px; }
          .banner-exed .container figure .decorations3D .ornament.type2 {
            width: 60px; }
    .banner-exed .container .content {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: start;
          -ms-flex-align: start;
              align-items: flex-start;
      -webkit-box-pack: start;
          -ms-flex-pack: start;
              justify-content: flex-start;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column;
      gap: 20px;
      position: relative;
      z-index: 2; }
      .banner-exed .container .content h1 {
        font-size: 65px;
        font-weight: 700;
        line-height: 65px;
        color: #fff; }
        @media (max-width: 768px) {
          .banner-exed .container .content h1 {
            font-size: 30px;
            line-height: 35px; } }
      .banner-exed .container .content p {
        font-size: 18px;
        color: #fff; }
      .banner-exed .container .content .container-buttons {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
        -webkit-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center;
        gap: 20px;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap; }
      .banner-exed .container .content .decorations3D {
        position: absolute;
        right: 0;
        top: 0;
        z-index: -1; }
        .banner-exed .container .content .decorations3D .ornament {
          width: 50px; }
          .banner-exed .container .content .decorations3D .ornament.type2 {
            width: 20px; }
  .banner-exed:before {
    content: '';
    position: absolute;
    left: -30px;
    bottom: -80px;
    width: 110%;
    height: 30%;
    background: #fff;
    -webkit-transform: rotate(3deg);
            transform: rotate(3deg); }

.info-exed {
  background: #4828A9;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 20px;
  padding: 40px 0;
  z-index: 2;
  overflow-x: clip;
  padding: 40px 0; }
  .info-exed.white {
    color: #000;
    background: transparent; }
  @media (max-width: 768px) {
    .info-exed {
      padding: 20px 0 40px 0; } }
  .info-exed .container {
    width: 100%;
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    gap: 80px; }
    @media (max-width: 768px) {
      .info-exed .container {
        grid-template-columns: 1fr; } }
    .info-exed .container .content {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: start;
          -ms-flex-align: start;
              align-items: flex-start;
      -webkit-box-pack: start;
          -ms-flex-pack: start;
              justify-content: flex-start;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column;
      gap: 20px; }
      .info-exed .container .content h2 {
        font-size: 48px; }
        @media (max-width: 768px) {
          .info-exed .container .content h2 {
            font-size: 30px; } }
      .info-exed .container .content p {
        font-size: 18px; }
    .info-exed .container figure {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      -webkit-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center;
      position: relative; }
      .info-exed .container figure img {
        max-width: 500px;
        width: 100%; }
      .info-exed .container figure .decorations3D {
        position: absolute;
        left: 0;
        right: 100%;
        top: 100px;
        z-index: -1;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: start;
            -ms-flex-align: start;
                align-items: flex-start;
        -webkit-box-pack: start;
            -ms-flex-pack: start;
                justify-content: flex-start; }
        .info-exed .container figure .decorations3D .ornament {
          width: 450px; }
          .info-exed .container figure .decorations3D .ornament.type2 {
            width: 400px;
            left: 0px; }
          .info-exed .container figure .decorations3D .ornament.type3 {
            width: 50px;
            left: -50px; }

.info-text-exed-fullwidth {
  padding: 40px 0;
  background: #4828A9; }
  .info-text-exed-fullwidth.white {
    color: #000;
    background: transparent; }
  .info-text-exed-fullwidth .container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-line-pack: center;
        align-content: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 20px; }
    .info-text-exed-fullwidth .container p {
      text-align: center;
      font-size: 18px; }

.oferta-academica {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 40px;
  background: #4828A9;
  padding: 80px 0;
  position: relative; }
  .oferta-academica.white {
    color: #000;
    background: transparent; }
  .oferta-academica h3 {
    text-align: center;
    font-size: 40px; }
  .oferta-academica .container .slider4 {
    position: relative; }
    .oferta-academica .container .slider4 img {
      width: 100%;
      height: 765px;
      -o-object-fit: cover;
         object-fit: cover; }
      @media (max-width: 768px) {
        .oferta-academica .container .slider4 img {
          height: 100%; } }
    .oferta-academica .container .slider4 .slick-dots {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      margin: 0;
      padding: 0;
      list-style: none;
      -webkit-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center;
      position: absolute;
      bottom: 0;
      left: 0;
      bottom: 20px;
      right: 0;
      margin: auto; }
      @media (max-width: 768px) {
        .oferta-academica .container .slider4 .slick-dots {
          -webkit-box-pack: center;
              -ms-flex-pack: center;
                  justify-content: center;
          gap: 5px;
          bottom: 10px; } }
      .oferta-academica .container .slider4 .slick-dots li {
        padding: 5px 11px;
        position: relative;
        cursor: pointer; }
        @media (max-width: 768px) {
          .oferta-academica .container .slider4 .slick-dots li {
            padding: 5px; } }
        .oferta-academica .container .slider4 .slick-dots li button {
          opacity: 0;
          cursor: pointer; }
        .oferta-academica .container .slider4 .slick-dots li:before {
          content: "";
          width: 10px;
          height: 10px;
          border-radius: 50%;
          border: 2px solid #D9D9D9;
          background-color: #D9D9D9;
          position: absolute;
          top: 0;
          left: 0;
          right: 0;
          bottom: 0;
          margin: auto;
          -webkit-transition: all 0.3s;
          transition: all 0.3s; }
          @media (max-width: 768px) {
            .oferta-academica .container .slider4 .slick-dots li:before {
              width: 10px;
              height: 10px;
              left: 10px; } }
        .oferta-academica .container .slider4 .slick-dots li.slick-active:before {
          background-color: #FFC600;
          border: 2px solid #FFC600; }
  .oferta-academica .related-post {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 45px;
    width: 100%;
    max-width: 1400px;
    padding: 0 20px; }
    @media (max-width: 768px) {
      .oferta-academica .related-post {
        grid-template-columns: 1fr; } }
    .oferta-academica .related-post .item {
      background: url("https://monicaherrera.edu.sv/wp-content/themes/custom_theme/dist/images/picture-post-exed.jpg");
      background-position: center !important;
      background-size: cover !important;
      min-height: 380px !important;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: start;
          -ms-flex-align: start;
              align-items: flex-start;
      -webkit-box-pack: end;
          -ms-flex-pack: end;
              justify-content: flex-end;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column;
      gap: 20px;
      position: relative;
      -webkit-animation: zoomIn;
              animation: zoomIn;
      /* referring directly to the animation's @keyframe declaration */
      -webkit-animation-duration: 0.2s;
              animation-duration: 0.2s;
      /* don't forget to set a duration! */ }
      .oferta-academica .related-post .item .overlay {
        position: absolute;
        left: 0;
        top: 0;
        background: rgba(0, 0, 0, 0.3);
        width: 100%;
        height: 100%;
        z-index: 0; }
      .oferta-academica .related-post .item.proximamente:before {
        content: attr(layoaut);
        position: absolute;
        left: 0;
        top: 20px;
        background: #FFC600;
        padding: 7px;
        color: #000;
        width: 63%;
        z-index: 2; }
      .oferta-academica .related-post .item.noHover {
        cursor: inherit; }
        .oferta-academica .related-post .item.noHover:after {
          display: none !important; }
      .oferta-academica .related-post .item.inscripcion_abierta {
        cursor: pointer !important; }
        .oferta-academica .related-post .item.inscripcion_abierta:hover:after {
          z-index: 10 !important;
          display: block !important; }
      .oferta-academica .related-post .item:hover:after {
        z-index: 10;
        display: block; }
      .oferta-academica .related-post .item p {
        width: 100%;
        font-size: 16px;
        color: #fff;
        font-weight: 700;
        position: relative;
        padding: 20px 12px;
        z-index: 1; }
        .oferta-academica .related-post .item p:before {
          content: '';
          position: absolute;
          background: -webkit-gradient(linear, left top, left bottom, from(transparent), to(#000));
          background: linear-gradient(transparent, #000);
          top: 0;
          left: 0;
          width: 100%;
          height: 100%;
          z-index: -1; }
      .oferta-academica .related-post .item:after {
        content: '';
        position: absolute;
        background: url("https://monicaherrera.edu.sv/wp-content/themes/custom_theme/dist/images/mas-informacion-eye-icon.svg");
        background-color: rgba(0, 0, 0, 0.7);
        background-position: center;
        background-repeat: no-repeat;
        background-size: 40%;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        z-index: -1;
        display: none; }
  .oferta-academica .decorations3D {
    position: absolute;
    right: 0;
    top: 200px; }
    .oferta-academica .decorations3D .ornament {
      width: 60px; }
      @media (max-width: 768px) {
        .oferta-academica .decorations3D .ornament {
          width: 20px; } }
      .oferta-academica .decorations3D .ornament.type2 {
        width: 40px; }
        @media (max-width: 768px) {
          .oferta-academica .decorations3D .ornament.type2 {
            width: 10px; } }

.empresas-aliados {
  padding: 40px 0 80px 0;
  background: #4828A9; }
  .empresas-aliados.white {
    color: #000;
    background: transparent; }
  .empresas-aliados .container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 50px; }
    .empresas-aliados .container iframe {
      max-width: 960px;
      width: 100%;
      height: 500px; }
    .empresas-aliados .container .empresas {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      -webkit-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column;
      gap: 40px;
      padding: 20px 0; }
      .empresas-aliados .container .empresas h3 {
        font-size: 35px;
        text-align: center; }
        @media (max-width: 768px) {
          .empresas-aliados .container .empresas h3 {
            font-size: 30px; } }
      .empresas-aliados .container .empresas .container-items {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
        -webkit-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
        gap: 20px; }
        .empresas-aliados .container .empresas .container-items .item {
          width: 100%;
          max-width: 200px; }

.form-exed {
  padding: 80px 0;
  background: #4828A9; }
  .form-exed.white {
    color: #000;
    background: transparent; }
    .form-exed.white .container .wpcf7 form input {
      background: #4828A9;
      color: #fff; }
  .form-exed .container {
    display: grid;
    grid-template-columns: repeat(6, 1fr);
    grid-template-areas: "one one two two two two";
    gap: 80px;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center; }
    @media (max-width: 768px) {
      .form-exed .container {
        grid-template-columns: 1fr;
        grid-template-areas: "one" "two"; } }
    .form-exed .container .info {
      grid-area: one;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: start;
          -ms-flex-align: start;
              align-items: flex-start;
      -webkit-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column;
      gap: 20px;
      height: 100%; }
      .form-exed .container .info h3 {
        font-size: 65px;
        text-align: left;
        line-height: 60px; }
        @media (max-width: 768px) {
          .form-exed .container .info h3 {
            font-size: 30px;
            line-height: 35px; } }
    .form-exed .container .wpcf7 {
      grid-area: two;
      max-width: 600px;
      width: 100%;
      display: block;
      margin: 0 auto; }
      .form-exed .container .wpcf7 form {
        width: 100%;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
        -webkit-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
        gap: 20px; }
        .form-exed .container .wpcf7 form p {
          width: 100%; }
          .form-exed .container .wpcf7 form p label, .form-exed .container .wpcf7 form p input {
            width: 100%; }
          .form-exed .container .wpcf7 form p span {
            width: 100%; }
        .form-exed .container .wpcf7 form input {
          padding: 10px;
          border: none;
          outline: none; }
        .form-exed .container .wpcf7 form input[type=submit] {
          border-radius: 20px;
          background: #4828A9;
          color: #fff;
          border: 2px solid #fff;
          font-weight: 700;
          -webkit-transition: all 0.3s ease;
          transition: all 0.3s ease;
          cursor: pointer;
          width: auto;
          display: block;
          margin: 0 auto;
          font-size: 18px;
          padding: 5px 20px;
          text-align: center; }
          .form-exed .container .wpcf7 form input[type=submit]:hover {
            background: transparent;
            border: 2px solid #4828A9;
            color: #4828A9; }
      .form-exed .container .wpcf7 .wpcf7-spinner {
        display: none; }

.exed-cursos-list {
  background: url("https://monicaherrera.edu.sv/wp-content/themes/custom_theme/dist/images/bg-logo-resear-list.svg");
  background-color: #4828A9;
  background-position: top left;
  background-repeat: no-repeat;
  background-size: 70%;
  min-height: 600px;
  padding: 80px 0;
  position: relative;
  overflow: hidden; }
  .exed-cursos-list .decorations3D {
    position: absolute;
    right: 100px;
    top: 400px; }
    .exed-cursos-list .decorations3D.type2 {
      bottom: 200px;
      top: auto;
      left: 100px; }
      .exed-cursos-list .decorations3D.type2 .ornament {
        width: 60px; }
        .exed-cursos-list .decorations3D.type2 .ornament.type2 {
          width: 20px; }
    .exed-cursos-list .decorations3D .ornament {
      width: 60px; }
      .exed-cursos-list .decorations3D .ornament.type2 {
        width: 20px; }
  .exed-cursos-list .container {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 20px;
    color: #fff; }
    .exed-cursos-list .container h1 {
      font-size: 65px; }
      @media (max-width: 768px) {
        .exed-cursos-list .container h1 {
          font-size: 30px; } }
    .exed-cursos-list .container p {
      font-size: 18px; }
    .exed-cursos-list .container .dk-select {
      max-width: 400px;
      width: 100%; }
      .exed-cursos-list .container .dk-select.dk-select-open-down .dk-selected:before {
        border-bottom-color: #000;
        border-width: 0 0.35em 0.35em; }
      .exed-cursos-list .container .dk-select .dk-selected {
        max-width: 400px;
        padding: 10px;
        width: 100%;
        background: #FFC600;
        color: #000;
        border-radius: 0px;
        border: 0px;
        outline: none; }
        .exed-cursos-list .container .dk-select .dk-selected:before {
          content: '';
          border-top-color: #000;
          border-width: 0.35em 0.35em 0; }
        .exed-cursos-list .container .dk-select .dk-selected:after {
          display: none; }
      .exed-cursos-list .container .dk-select .dk-select-options {
        background: #FFC600;
        color: #000;
        border: 1px solid #FFC600; }
        .exed-cursos-list .container .dk-select .dk-select-options .dk-option {
          padding: 7px; }
          .exed-cursos-list .container .dk-select .dk-select-options .dk-option.dk-option-selected {
            color: #fff;
            background: #FF5100; }
    .exed-cursos-list .container .container-list {
      display: grid;
      grid-template-columns: repeat(4, 1fr);
      gap: 45px;
      padding: 40px 0; }
      @media (max-width: 768px) {
        .exed-cursos-list .container .container-list {
          grid-template-columns: 1fr; } }
      .exed-cursos-list .container .container-list .item {
        background: url("https://monicaherrera.edu.sv/wp-content/themes/custom_theme/dist/images/bg-pdf-research.png");
        background-position: center !important;
        background-size: cover !important;
        min-height: 380px !important;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: start;
            -ms-flex-align: start;
                align-items: flex-start;
        -webkit-box-pack: end;
            -ms-flex-pack: end;
                justify-content: flex-end;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
        gap: 20px;
        position: relative;
        -webkit-animation: zoomIn;
                animation: zoomIn;
        /* referring directly to the animation's @keyframe declaration */
        -webkit-animation-duration: 0.2s;
                animation-duration: 0.2s;
        /* don't forget to set a duration! */ }
        .exed-cursos-list .container .container-list .item .overlay {
          position: absolute;
          left: 0;
          top: 0;
          background: rgba(0, 0, 0, 0.3);
          width: 100%;
          height: 100%;
          z-index: 0; }
        .exed-cursos-list .container .container-list .item:hover:after {
          z-index: 10;
          display: block; }
        .exed-cursos-list .container .container-list .item p {
          width: 100%;
          font-size: 16px;
          color: #fff;
          font-weight: 700;
          position: relative;
          padding: 20px 12px;
          z-index: 1; }
          .exed-cursos-list .container .container-list .item p:before {
            content: '';
            position: absolute;
            background: -webkit-gradient(linear, left top, left bottom, color-stop(1%, transparent), color-stop(99%, rgba(0, 0, 0, 0.9)));
            background: linear-gradient(transparent 1%, rgba(0, 0, 0, 0.9) 99%);
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            z-index: -1; }
        .exed-cursos-list .container .container-list .item.proximamente:before {
          content: attr(layoaut);
          position: absolute;
          left: 0;
          top: 20px;
          background: #FFC600;
          padding: 7px;
          color: #000;
          width: 63%;
          z-index: 2; }
        .exed-cursos-list .container .container-list .item.noHover {
          cursor: inherit; }
          .exed-cursos-list .container .container-list .item.noHover:after {
            display: none !important; }
        .exed-cursos-list .container .container-list .item.inscripcion_abierta {
          cursor: pointer !important; }
          .exed-cursos-list .container .container-list .item.inscripcion_abierta:hover:after {
            z-index: 10 !important;
            display: block !important; }
        .exed-cursos-list .container .container-list .item:after {
          content: '';
          position: absolute;
          background: url("https://monicaherrera.edu.sv/wp-content/themes/custom_theme/dist/images/mas-informacion-eye-icon.svg");
          background-color: rgba(0, 0, 0, 0.7);
          background-position: center;
          background-repeat: no-repeat;
          background-size: 40%;
          left: 0;
          top: 0;
          width: 100%;
          height: 100%;
          z-index: -1;
          display: none; }
  .exed-cursos-list:before {
    content: '';
    position: absolute;
    left: -200px;
    bottom: -300px;
    width: 200%;
    height: 45%;
    background: #fff;
    -webkit-transform: rotate(8deg);
            transform: rotate(8deg); }

.banner-single-exed {
  padding: 140px 0 80px 0;
  background: url("https://monicaherrera.edu.sv/wp-content/themes/custom_theme/dist/images/bg-logo-resear-list.svg");
  background-position: top left;
  background-repeat: no-repeat;
  background-size: 45%;
  background-color: #4828A9;
  position: relative;
  overflow-x: clip; }
  .banner-single-exed .container {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 40px;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    position: relative; }
    @media (max-width: 768px) {
      .banner-single-exed .container {
        grid-template-columns: 1fr; } }
    .banner-single-exed .container figure {
      width: 450px;
      height: 450px;
      display: block;
      margin: 0 auto;
      position: relative;
      z-index: 20; }
      @media (max-width: 768px) {
        .banner-single-exed .container figure {
          max-width: 450px;
          width: 100%; } }
      .banner-single-exed .container figure img {
        width: 100%;
        height: 100%;
        max-width: 100%;
        -o-object-fit: contain;
           object-fit: contain;
        z-index: 1; }
      .banner-single-exed .container figure .decorations3D {
        position: absolute;
        left: 0px;
        top: 350px;
        z-index: 2;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
        -webkit-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center;
        gap: 0px; }
        .banner-single-exed .container figure .decorations3D.type2 {
          z-index: -1;
          left: auto;
          right: 0;
          top: 0; }
          .banner-single-exed .container figure .decorations3D.type2 .ornament {
            width: 80px; }
            .banner-single-exed .container figure .decorations3D.type2 .ornament.type2 {
              width: 40px; }
        .banner-single-exed .container figure .decorations3D .ornament {
          width: 20px; }
          .banner-single-exed .container figure .decorations3D .ornament.type2 {
            width: 60px; }
    .banner-single-exed .container .content {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: start;
          -ms-flex-align: start;
              align-items: flex-start;
      -webkit-box-pack: start;
          -ms-flex-pack: start;
              justify-content: flex-start;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column;
      gap: 20px;
      position: relative;
      z-index: 2; }
      .banner-single-exed .container .content .label {
        padding: 5px 20px;
        border-radius: 20px;
        border: 2px solid #fff; }
      .banner-single-exed .container .content h1 {
        font-size: 65px;
        font-weight: 700;
        line-height: 65px;
        color: #fff; }
        @media (max-width: 768px) {
          .banner-single-exed .container .content h1 {
            font-size: 30px;
            line-height: 35px; } }
      .banner-single-exed .container .content p {
        font-size: 18px;
        color: #fff; }
      .banner-single-exed .container .content .container-buttons {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
        -webkit-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center;
        gap: 20px;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap; }
      .banner-single-exed .container .content .decorations3D {
        position: absolute;
        right: 0;
        top: 0;
        z-index: -1; }
        .banner-single-exed .container .content .decorations3D .ornament {
          width: 50px; }
          .banner-single-exed .container .content .decorations3D .ornament.type2 {
            width: 20px; }
  .banner-single-exed:before {
    content: '';
    position: absolute;
    left: -30px;
    bottom: -60px;
    width: 110%;
    height: 20%;
    background: #fff;
    -webkit-transform: rotate(3deg);
            transform: rotate(3deg); }
    @media (max-width: 768px) {
      .banner-single-exed:before {
        display: none; } }

.icons-info-single-exed {
  background: #4828A9;
  padding: 80px 0; }
  .icons-info-single-exed.white {
    background: #fff;
    color: #000; }
  .icons-info-single-exed .container {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 40px; }
    @media (max-width: 768px) {
      .icons-info-single-exed .container {
        grid-template-columns: 1fr; } }
    .icons-info-single-exed .container .item {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      -webkit-box-pack: start;
          -ms-flex-pack: start;
              justify-content: flex-start;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column;
      gap: 20px; }
      .icons-info-single-exed .container .item img {
        max-width: 175px;
        width: 100%; }
      .icons-info-single-exed .container .item p {
        text-align: center;
        font-size: 18px; }

.info-single-exed-detalles-del-curso {
  background: #4828A9;
  padding: 70px 0; }
  .info-single-exed-detalles-del-curso.white {
    background: transparent;
    color: #000; }
  .info-single-exed-detalles-del-curso .container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 40px; }
    .info-single-exed-detalles-del-curso .container .titles {
      width: 100%;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      -webkit-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column;
      gap: 10px; }
      .info-single-exed-detalles-del-curso .container .titles h3 {
        font-size: 55px; }
        @media (max-width: 768px) {
          .info-single-exed-detalles-del-curso .container .titles h3 {
            font-size: 30px;
            text-align: center; } }
      .info-single-exed-detalles-del-curso .container .titles p {
        font-size: 24px; }
        @media (max-width: 768px) {
          .info-single-exed-detalles-del-curso .container .titles p {
            font-size: 18px;
            text-align: center; } }
    .info-single-exed-detalles-del-curso .container .content {
      width: 100%;
      display: grid;
      grid-template-columns: repeat(2, 1fr);
      gap: 40px; }
      @media (max-width: 768px) {
        .info-single-exed-detalles-del-curso .container .content {
          grid-template-columns: 1fr; } }
      .info-single-exed-detalles-del-curso .container .content > img {
        width: 100%; }
      .info-single-exed-detalles-del-curso .container .content .info {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
        -webkit-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
        gap: 20px; }
        .info-single-exed-detalles-del-curso .container .content .info .item {
          width: 100%;
          background: #FFC600;
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex;
          -webkit-box-align: center;
              -ms-flex-align: center;
                  align-items: center;
          -webkit-box-pack: start;
              -ms-flex-pack: start;
                  justify-content: flex-start;
          gap: 20px;
          padding: 5px 20px; }
          .info-single-exed-detalles-del-curso .container .content .info .item img {
            width: 40px;
            height: 40px;
            -o-object-fit: contain;
               object-fit: contain; }
          .info-single-exed-detalles-del-curso .container .content .info .item p {
            font-size: 18px;
            color: #4828A9; }

.info-single-exed-contenido-del-programa {
  padding: 80px 0;
  background: #4828A9;
  position: relative;
  z-index: 20; }
  .info-single-exed-contenido-del-programa.white {
    background: transparent;
    color: #000; }
    .info-single-exed-contenido-del-programa.white .container .container-items .item {
      background: #4828A9;
      color: #fff; }
  .info-single-exed-contenido-del-programa .container {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 80px; }
    @media (max-width: 768px) {
      .info-single-exed-contenido-del-programa .container {
        grid-template-columns: 1fr; } }
    .info-single-exed-contenido-del-programa .container .info {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: end;
          -ms-flex-align: end;
              align-items: flex-end;
      -webkit-box-pack: start;
          -ms-flex-pack: start;
              justify-content: flex-start;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column;
      gap: 20px;
      z-index: 1; }
      .info-single-exed-contenido-del-programa .container .info h4 {
        font-size: 55px;
        text-align: right; }
        @media (max-width: 768px) {
          .info-single-exed-contenido-del-programa .container .info h4 {
            font-size: 30px; } }
      .info-single-exed-contenido-del-programa .container .info p {
        text-align: right;
        font-size: 24px; }
        @media (max-width: 768px) {
          .info-single-exed-contenido-del-programa .container .info p {
            font-size: 18px; } }
      .info-single-exed-contenido-del-programa .container .info .container-buttons {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
        -webkit-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center;
        gap: 20px;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap; }
    .info-single-exed-contenido-del-programa .container .container-items {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      -webkit-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column;
      gap: 20px; }
      .info-single-exed-contenido-del-programa .container .container-items .item {
        background: #4828A9;
        padding: 20px;
        width: 100%; }
  .info-single-exed-contenido-del-programa .decorations3D {
    position: absolute;
    left: -100px;
    top: 30%;
    z-index: -1; }
    .info-single-exed-contenido-del-programa .decorations3D.type2 {
      right: 0;
      left: auto;
      top: 20%; }
      .info-single-exed-contenido-del-programa .decorations3D.type2 .ornament {
        width: 40px; }
        .info-single-exed-contenido-del-programa .decorations3D.type2 .ornament.type2 {
          width: 20px; }
    .info-single-exed-contenido-del-programa .decorations3D .ornament {
      width: 240px; }
      .info-single-exed-contenido-del-programa .decorations3D .ornament.type2 {
        width: 100px; }

.info-single-exed-docentes {
  padding: 80px 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 20px;
  background: #4828A9; }
  .info-single-exed-docentes.white {
    color: #000;
    background: transparent; }
  .info-single-exed-docentes h3 {
    font-size: 55px; }
    @media (max-width: 768px) {
      .info-single-exed-docentes h3 {
        font-size: 30px; } }
  .info-single-exed-docentes .container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 20px; }
    .info-single-exed-docentes .container .block {
      width: 100%;
      display: grid;
      grid-template-columns: repeat(2, 1fr);
      grid-template-areas: "one two";
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      gap: 40px; }
      @media (max-width: 768px) {
        .info-single-exed-docentes .container .block {
          grid-template-columns: 1fr;
          grid-template-areas: "one" "two"; } }
      .info-single-exed-docentes .container .block.type2 {
        grid-template-areas: "two one"; }
        @media (max-width: 768px) {
          .info-single-exed-docentes .container .block.type2 {
            grid-template-columns: 1fr;
            grid-template-areas: "one" "two"; } }
      .info-single-exed-docentes .container .block .descripcion {
        grid-area: one;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: start;
            -ms-flex-align: start;
                align-items: flex-start;
        -webkit-box-pack: start;
            -ms-flex-pack: start;
                justify-content: flex-start;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
        gap: 20px; }
        @media (max-width: 768px) {
          .info-single-exed-docentes .container .block .descripcion {
            -webkit-box-align: center;
                -ms-flex-align: center;
                    align-items: center;
            -webkit-box-pack: center;
                -ms-flex-pack: center;
                    justify-content: center; } }
        .info-single-exed-docentes .container .block .descripcion h4 {
          font-size: 55px; }
          @media (max-width: 768px) {
            .info-single-exed-docentes .container .block .descripcion h4 {
              font-size: 30px;
              text-align: center; } }
        .info-single-exed-docentes .container .block .descripcion p {
          font-size: 16px; }
          @media (max-width: 768px) {
            .info-single-exed-docentes .container .block .descripcion p {
              text-align: center; } }
          .info-single-exed-docentes .container .block .descripcion p b {
            font-size: 20px; }
      .info-single-exed-docentes .container .block figure {
        grid-area: two;
        width: 450px;
        height: 450px;
        display: block;
        margin: 0 auto;
        position: relative;
        z-index: 1; }
        @media (max-width: 768px) {
          .info-single-exed-docentes .container .block figure {
            max-width: 450px;
            width: 100%; } }
        .info-single-exed-docentes .container .block figure img {
          width: 100%;
          height: 100%;
          max-width: 100%;
          -o-object-fit: contain;
             object-fit: contain;
          z-index: 1; }
        .info-single-exed-docentes .container .block figure .decorations3D {
          position: absolute;
          left: 0px;
          top: 150px;
          z-index: 2;
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex;
          -webkit-box-align: center;
              -ms-flex-align: center;
                  align-items: center;
          -webkit-box-pack: center;
              -ms-flex-pack: center;
                  justify-content: center;
          gap: 0; }
          .info-single-exed-docentes .container .block figure .decorations3D.type2 {
            left: auto;
            right: 0;
            top: 0;
            z-index: -1; }
            .info-single-exed-docentes .container .block figure .decorations3D.type2 .ornament {
              width: 80px; }
              .info-single-exed-docentes .container .block figure .decorations3D.type2 .ornament.type2 {
                width: 40px; }
          .info-single-exed-docentes .container .block figure .decorations3D .ornament {
            width: 60px; }

.faq {
  height: 100%;
  padding: 40px 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  background: #4828A9; }
  @media (max-width: 768px) {
    .faq {
      padding: 80px 0; } }
  .faq.white {
    background: transparent;
    color: #000; }
    .faq.white .container .container-accordeon .accordeon .item p {
      background: #4828A9;
      border: 2px solid #4828A9;
      color: #fff;
      font-weight: 700; }
      .faq.white .container .container-accordeon .accordeon .item p:before {
        background: url("https://monicaherrera.edu.sv/wp-content/themes/custom_theme/dist/images/poligon-down-white.svg"); }
    .faq.white .container .container-accordeon .accordeon .item .answer {
      background: #4828A9;
      color: #fff; }
    .faq.white .container .container-accordeon .accordeon .item.show .answer {
      background: #4828A9;
      color: #fff; }
  .faq .container {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 40px;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center; }
    @media (max-width: 768px) {
      .faq .container {
        grid-template-columns: 1fr; } }
    .faq .container .descripcion-info {
      background: url("https://monicaherrera.edu.sv/wp-content/themes/custom_theme/dist/images/interrogative-sign.svg");
      background-position: center;
      background-repeat: no-repeat;
      background-size: contain;
      max-width: 500px;
      height: 100%;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      -webkit-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center;
      margin: 0 auto; }
      .faq .container .descripcion-info h3 {
        font-size: 65px;
        line-height: 55px;
        display: block;
        margin: 0 auto; }
        @media (max-width: 768px) {
          .faq .container .descripcion-info h3 {
            font-size: 30px;
            text-align: center; } }
    .faq .container .container-accordeon .accordeon .item {
      margin-bottom: 15px;
      position: relative; }
      .faq .container .container-accordeon .accordeon .item p {
        background-color: #FFC600;
        border: 2px solid #FFC600;
        padding: 15px 20px;
        color: #4828A9;
        font-weight: 400;
        font-size: 20px;
        line-height: 25px;
        margin: 0;
        cursor: pointer;
        -webkit-transition: all 0.3s;
        transition: all 0.3s;
        font-family: "Open Sans", sans-serif;
        font-weight: 600; }
        @media (max-width: 768px) {
          .faq .container .container-accordeon .accordeon .item p {
            padding-right: 40px;
            font-size: 18px; } }
        .faq .container .container-accordeon .accordeon .item p:before {
          content: '';
          position: absolute;
          background: url("https://monicaherrera.edu.sv/wp-content/themes/custom_theme/dist/images/poligon-down.svg");
          background-repeat: no-repeat !important;
          background-size: contain !important;
          width: 20px;
          height: 20px;
          top: 15px;
          right: 15px;
          -webkit-transition: all 0.3s;
          transition: all 0.3s; }
      .faq .container .container-accordeon .accordeon .item .answer {
        padding: 0px 20px;
        overflow: hidden;
        height: 0;
        -webkit-transition: all 0.4s;
        transition: all 0.4s; }
        .faq .container .container-accordeon .accordeon .item .answer p {
          font-size: 18px;
          text-align: left;
          margin: 10px 0 20px;
          font-family: "Open Sans", sans-serif;
          font-weight: 400;
          color: #4828A9;
          line-height: 35px; }
          .faq .container .container-accordeon .accordeon .item .answer p:last-child {
            margin-bottom: 30px; }
        .faq .container .container-accordeon .accordeon .item .answer ol {
          padding: 0px 20px; }
          .faq .container .container-accordeon .accordeon .item .answer ol li {
            list-style-type: block;
            font-family: "Open Sans", sans-serif;
            font-weight: 400;
            font-size: 18px;
            line-height: 35px; }
      .faq .container .container-accordeon .accordeon .item.show .answer {
        background: #FFC600; }
      .faq .container .container-accordeon .accordeon .item.show h3 {
        color: #4828A9;
        border: 2px solid #FFC600;
        background: #FFC600; }
        .faq .container .container-accordeon .accordeon .item.show h3:before {
          background: url("https://monicaherrera.edu.sv/wp-content/themes/custom_theme/dist/images/polygon-up.svg");
          background-size: 18px !important;
          top: 50%; }

.mas-informacion-single {
  background: #4828A9;
  padding: 40px 0; }
  .mas-informacion-single.white {
    color: #000;
    background: transparent; }
    .mas-informacion-single.white a {
      color: #000; }
  @media (max-width: 768px) {
    .mas-informacion-single {
      padding: 80px 0; } }
  .mas-informacion-single .container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 10px;
    max-width: 900px; }
    .mas-informacion-single .container h3 {
      color: #FF5100;
      font-size: 55px;
      text-align: center; }
      @media (max-width: 768px) {
        .mas-informacion-single .container h3 {
          font-size: 30px; } }
    .mas-informacion-single .container > div {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      -webkit-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column;
      gap: 5px; }
      .mas-informacion-single .container > div p {
        font-size: 16px;
        text-align: center; }
        .mas-informacion-single .container > div p b {
          font-size: 20px; }
      .mas-informacion-single .container > div a {
        text-align: center;
        font-size: 16px;
        text-decoration: underline; }

.banner-nuevo-ingreso {
  padding: 140px 0 80px 0;
  background: #FFC600;
  position: relative;
  overflow-x: clip; }
  .banner-nuevo-ingreso.biblioteca:before {
    display: none; }
  .banner-nuevo-ingreso .container {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 40px;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    position: relative; }
    @media (max-width: 768px) {
      .banner-nuevo-ingreso .container {
        grid-template-columns: 1fr; } }
    .banner-nuevo-ingreso .container figure {
      width: 450px;
      height: 450px;
      display: block;
      margin: 0 auto;
      position: relative;
      z-index: 1; }
      @media (max-width: 768px) {
        .banner-nuevo-ingreso .container figure {
          max-width: 450px;
          width: 100%; } }
      .banner-nuevo-ingreso .container figure img {
        width: 100%;
        height: 100%;
        max-width: 100%;
        -o-object-fit: contain;
           object-fit: contain;
        z-index: 1; }
      .banner-nuevo-ingreso .container figure .decorations3D {
        position: absolute;
        left: 0px;
        top: 350px;
        z-index: 2;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
        -webkit-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center;
        gap: 0px; }
        .banner-nuevo-ingreso .container figure .decorations3D.type2 {
          left: auto;
          right: 0;
          top: 0; }
          .banner-nuevo-ingreso .container figure .decorations3D.type2 .ornament {
            width: 80px; }
            .banner-nuevo-ingreso .container figure .decorations3D.type2 .ornament.type2 {
              width: 40px; }
        .banner-nuevo-ingreso .container figure .decorations3D .ornament {
          width: 20px; }
          .banner-nuevo-ingreso .container figure .decorations3D .ornament.type2 {
            width: 60px; }
    .banner-nuevo-ingreso .container .content {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: start;
          -ms-flex-align: start;
              align-items: flex-start;
      -webkit-box-pack: start;
          -ms-flex-pack: start;
              justify-content: flex-start;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column;
      gap: 20px; }
      .banner-nuevo-ingreso .container .content h1 {
        font-size: 65px;
        font-weight: 700;
        line-height: 65px; }
        @media (max-width: 768px) {
          .banner-nuevo-ingreso .container .content h1 {
            font-size: 30px;
            line-height: 35px; } }
      .banner-nuevo-ingreso .container .content p {
        font-size: 18px; }
      .banner-nuevo-ingreso .container .content .container-buttons {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
        -webkit-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
        gap: 10px; }
        .banner-nuevo-ingreso .container .content .container-buttons .btn {
          color: #FFC600;
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex;
          -webkit-box-align: center;
              -ms-flex-align: center;
                  align-items: center;
          -webkit-box-pack: center;
              -ms-flex-pack: center;
                  justify-content: center;
          gap: 5px; }
          .banner-nuevo-ingreso .container .content .container-buttons .btn.green {
            background: #009157;
            color: #FFC600;
            border: 2px solid #009157; }
            .banner-nuevo-ingreso .container .content .container-buttons .btn.green:hover {
              background: transparent;
              color: #009157; }
              .banner-nuevo-ingreso .container .content .container-buttons .btn.green:hover svg {
                color: #009157; }
          .banner-nuevo-ingreso .container .content .container-buttons .btn svg {
            width: 20px;
            height: 20px; }
          .banner-nuevo-ingreso .container .content .container-buttons .btn:hover {
            color: #000; }
            .banner-nuevo-ingreso .container .content .container-buttons .btn:hover svg {
              color: #000; }
  .banner-nuevo-ingreso:before {
    content: '';
    position: absolute;
    left: -200px;
    bottom: -70px;
    width: 150%;
    height: 16%;
    background: #fff;
    -webkit-transform: rotate(3deg);
            transform: rotate(3deg); }
    @media (max-width: 768px) {
      .banner-nuevo-ingreso:before {
        display: none; } }

.slide-comments-docentes {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 40px;
  padding: 80px 0;
  position: relative; }
  @media (max-width: 768px) {
    .slide-comments-docentes {
      padding: 40px 0; } }
  .slide-comments-docentes h3 {
    text-align: center;
    color: #000;
    font-size: 40px;
    padding: 0 20px;
    z-index: 20; }
    @media (max-width: 768px) {
      .slide-comments-docentes h3 {
        font-size: 30px; } }
  .slide-comments-docentes .container .slider4 {
    position: relative;
    overflow: hidden; }
    .slide-comments-docentes .container .slider4 .item {
      display: grid !important;
      grid-template-columns: repeat(2, 1fr) !important;
      -webkit-box-align: center !important;
          -ms-flex-align: center !important;
              align-items: center !important;
      gap: 20px !important; }
      @media (max-width: 768px) {
        .slide-comments-docentes .container .slider4 .item {
          grid-template-columns: 1fr !important; } }
      .slide-comments-docentes .container .slider4 .item .descripcion {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: start;
            -ms-flex-align: start;
                align-items: flex-start;
        -webkit-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
        gap: 40px; }
        .slide-comments-docentes .container .slider4 .item .descripcion p {
          font-size: 20px;
          line-height: 35px;
          text-align: left; }
        .slide-comments-docentes .container .slider4 .item .descripcion .info-docente p {
          font-size: 16px;
          line-height: 25px; }
          .slide-comments-docentes .container .slider4 .item .descripcion .info-docente p b {
            font-size: 36px; }
      .slide-comments-docentes .container .slider4 .item img {
        width: 100%;
        height: 100%;
        -o-object-fit: cover;
           object-fit: cover; }
    .slide-comments-docentes .container .slider4 .slick-dots {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      margin: 0;
      padding: 0;
      list-style: none;
      -webkit-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center;
      position: absolute;
      bottom: 0;
      left: 0;
      bottom: 20px;
      right: 100%;
      margin: auto;
      width: 50%; }
      @media (max-width: 768px) {
        .slide-comments-docentes .container .slider4 .slick-dots {
          -webkit-box-pack: center;
              -ms-flex-pack: center;
                  justify-content: center;
          gap: 5px;
          bottom: 10px;
          width: 100%; } }
      .slide-comments-docentes .container .slider4 .slick-dots li {
        padding: 5px 5px;
        position: relative;
        cursor: pointer; }
        @media (max-width: 768px) {
          .slide-comments-docentes .container .slider4 .slick-dots li {
            padding: 5px; } }
        .slide-comments-docentes .container .slider4 .slick-dots li button {
          opacity: 0;
          cursor: pointer; }
        .slide-comments-docentes .container .slider4 .slick-dots li:before {
          content: "";
          width: 10px;
          height: 10px;
          border-radius: 50%;
          border: 2px solid #000;
          background-color: #000;
          position: absolute;
          top: 0;
          left: 0;
          right: 0;
          bottom: 0;
          margin: auto;
          -webkit-transition: all 0.3s;
          transition: all 0.3s; }
          @media (max-width: 768px) {
            .slide-comments-docentes .container .slider4 .slick-dots li:before {
              width: 10px;
              height: 10px;
              left: 10px; } }
        .slide-comments-docentes .container .slider4 .slick-dots li.slick-active:before {
          background-color: #FF5100;
          border: 2px solid #FF5100; }
  .slide-comments-docentes .decorations3D {
    position: absolute;
    left: -20px;
    top: 300px;
    z-index: 1; }
    .slide-comments-docentes .decorations3D.type2 {
      left: auto;
      right: 45%;
      top: 170px; }
      @media (max-width: 768px) {
        .slide-comments-docentes .decorations3D.type2 {
          display: none; } }
      .slide-comments-docentes .decorations3D.type2 .ornament {
        width: 50px; }
        .slide-comments-docentes .decorations3D.type2 .ornament.type2 {
          width: 30px; }
    .slide-comments-docentes .decorations3D.type3 {
      right: 0;
      top: 0;
      left: auto; }
      .slide-comments-docentes .decorations3D.type3 .ornament {
        width: 20px; }
        .slide-comments-docentes .decorations3D.type3 .ornament.type2 {
          width: 40px; }
    .slide-comments-docentes .decorations3D .ornament {
      width: 10px; }
      .slide-comments-docentes .decorations3D .ornament.type2 {
        width: 15px; }

.proceso-de-admision {
  background: #FFC600;
  padding: 80px 0;
  position: relative;
  overflow-x: clip; }
  .proceso-de-admision.white {
    background: transparent;
    color: #000; }
  @media (max-width: 768px) {
    .proceso-de-admision {
      padding: 40px 0 70px 0; } }
  .proceso-de-admision .container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 40px; }
    .proceso-de-admision .container .content {
      width: 100%;
      display: grid;
      grid-template-columns: repeat(2, 1fr);
      gap: 40px; }
      @media (max-width: 768px) {
        .proceso-de-admision .container .content {
          grid-template-columns: 1fr; } }
      .proceso-de-admision .container .content > img {
        width: 100%; }
      .proceso-de-admision .container .content .descripcion {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: end;
            -ms-flex-align: end;
                align-items: flex-end;
        -webkit-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
        gap: 10px;
        max-width: 500px;
        width: 100%; }
        @media (max-width: 768px) {
          .proceso-de-admision .container .content .descripcion {
            -webkit-box-align: center;
                -ms-flex-align: center;
                    align-items: center;
            max-width: 100%; } }
        .proceso-de-admision .container .content .descripcion h4 {
          font-size: 48px;
          text-align: right; }
          @media (max-width: 768px) {
            .proceso-de-admision .container .content .descripcion h4 {
              font-size: 30px;
              text-align: center; } }
        .proceso-de-admision .container .content .descripcion p {
          text-align: right;
          font-size: 20px;
          max-width: 400px;
          width: 100%; }
          @media (max-width: 768px) {
            .proceso-de-admision .container .content .descripcion p {
              font-size: 18px;
              max-width: 100%;
              text-align: center; } }
        .proceso-de-admision .container .content .descripcion .btn {
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex;
          -webkit-box-align: center;
              -ms-flex-align: center;
                  align-items: center;
          -webkit-box-pack: center;
              -ms-flex-pack: center;
                  justify-content: center;
          gap: 5px; }
          .proceso-de-admision .container .content .descripcion .btn:hover {
            color: #000; }
            .proceso-de-admision .container .content .descripcion .btn:hover svg {
              color: #000; }
      .proceso-de-admision .container .content .container-items {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
        -webkit-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
        gap: 20px; }
        .proceso-de-admision .container .content .container-items .item {
          width: 100%;
          background: #009157;
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex;
          -webkit-box-align: center;
              -ms-flex-align: center;
                  align-items: center;
          -webkit-box-pack: start;
              -ms-flex-pack: start;
                  justify-content: flex-start;
          gap: 20px;
          padding: 5px 20px; }
          .proceso-de-admision .container .content .container-items .item svg {
            width: 30px !important;
            height: 30px !important;
            -o-object-fit: contain;
               object-fit: contain;
            fill: #fff; }
          .proceso-de-admision .container .content .container-items .item p {
            font-size: 18px;
            color: #fff;
            text-align: left;
            width: 100%; }
  .proceso-de-admision:before {
    content: '';
    position: absolute;
    left: -200px;
    bottom: -80px;
    width: 150%;
    height: 20%;
    background: #fff;
    -webkit-transform: rotate(3deg);
            transform: rotate(3deg);
    display: none; }

.programa-de-becas {
  padding: 80px 0;
  background: #fff;
  overflow-x: clip; }
  .programa-de-becas .container {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 40px;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    position: relative; }
    @media (max-width: 768px) {
      .programa-de-becas .container {
        grid-template-columns: 1fr; } }
    .programa-de-becas .container figure {
      width: 450px;
      height: 450px;
      display: block;
      margin: 0 auto;
      position: relative;
      z-index: 1; }
      @media (max-width: 768px) {
        .programa-de-becas .container figure {
          max-width: 450px;
          width: 100%; } }
      .programa-de-becas .container figure img {
        width: 100%;
        height: 100%;
        max-width: 100%;
        -o-object-fit: contain;
           object-fit: contain;
        z-index: 1; }
      .programa-de-becas .container figure .decorations3D {
        position: absolute;
        left: 0px;
        top: 350px;
        z-index: 2;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
        -webkit-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center;
        gap: 0px; }
        .programa-de-becas .container figure .decorations3D.type2 {
          left: auto;
          right: 0;
          top: 0; }
          .programa-de-becas .container figure .decorations3D.type2 .ornament {
            width: 80px; }
            .programa-de-becas .container figure .decorations3D.type2 .ornament.type2 {
              width: 40px; }
        .programa-de-becas .container figure .decorations3D .ornament {
          width: 20px; }
          .programa-de-becas .container figure .decorations3D .ornament.type2 {
            width: 60px; }
    .programa-de-becas .container .content {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: start;
          -ms-flex-align: start;
              align-items: flex-start;
      -webkit-box-pack: start;
          -ms-flex-pack: start;
              justify-content: flex-start;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column;
      gap: 20px;
      position: relative;
      z-index: 1; }
      .programa-de-becas .container .content h4 {
        font-size: 65px;
        font-weight: 700;
        line-height: 65px; }
        @media (max-width: 768px) {
          .programa-de-becas .container .content h4 {
            font-size: 30px;
            line-height: 35px; } }
      .programa-de-becas .container .content p {
        font-size: 18px; }
      .programa-de-becas .container .content .container-buttons {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
        -webkit-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
        gap: 10px; }
        .programa-de-becas .container .content .container-buttons .btn {
          color: #fff;
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex;
          -webkit-box-align: center;
              -ms-flex-align: center;
                  align-items: center;
          -webkit-box-pack: center;
              -ms-flex-pack: center;
                  justify-content: center;
          gap: 5px; }
          .programa-de-becas .container .content .container-buttons .btn.green {
            background: #009157;
            color: #fff;
            border: 2px solid #009157; }
            .programa-de-becas .container .content .container-buttons .btn.green:hover {
              background: transparent;
              color: #009157; }
              .programa-de-becas .container .content .container-buttons .btn.green:hover svg {
                color: #009157; }
          .programa-de-becas .container .content .container-buttons .btn svg {
            width: 20px;
            height: 20px; }
          .programa-de-becas .container .content .container-buttons .btn:hover {
            color: #000; }
            .programa-de-becas .container .content .container-buttons .btn:hover svg {
              color: #000; }
      .programa-de-becas .container .content .decorations3D {
        position: absolute;
        z-index: -1;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
        -webkit-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center;
        gap: 0px; }
        .programa-de-becas .container .content .decorations3D.type2 {
          left: auto;
          right: -100px;
          top: 100px; }
          .programa-de-becas .container .content .decorations3D.type2 .ornament {
            width: 80px; }
            .programa-de-becas .container .content .decorations3D.type2 .ornament.type2 {
              width: 40px; }
        .programa-de-becas .container .content .decorations3D .ornament {
          width: 20px; }
          .programa-de-becas .container .content .decorations3D .ornament.type2 {
            width: 60px; }

.aprender-haciendo {
  padding: 80px 0; }
  .aprender-haciendo .container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 20px; }
    .aprender-haciendo .container h4 {
      font-size: 48px; }
      @media (max-width: 768px) {
        .aprender-haciendo .container h4 {
          font-size: 30px; } }
    .aprender-haciendo .container iframe {
      width: 100%; }

.info-blocks-exed {
  background: #4828A9;
  position: relative;
  padding: 40px 0 80px 0;
  overflow-x: clip; }
  .info-blocks-exed.white {
    color: #000;
    background: transparent; }
  .info-blocks-exed .container {
    position: relative;
    z-index: 20; }
    .info-blocks-exed .container .container-cards {
      display: grid;
      grid-template-columns: repeat(2, 1fr);
      gap: 40px; }
      @media (max-width: 768px) {
        .info-blocks-exed .container .container-cards {
          grid-template-columns: 1fr; } }
      .info-blocks-exed .container .container-cards .card {
        background: #FFC600;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: start;
            -ms-flex-align: start;
                align-items: flex-start;
        -webkit-box-pack: start;
            -ms-flex-pack: start;
                justify-content: flex-start;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
        gap: 20px;
        padding: 40px;
        z-index: 10; }
        .info-blocks-exed .container .container-cards .card h4 {
          font-size: 50px;
          line-height: 45px; }
          @media (max-width: 768px) {
            .info-blocks-exed .container .container-cards .card h4 {
              font-size: 25px !important; } }
        .info-blocks-exed .container .container-cards .card p {
          font-size: 18px;
          line-height: 25px; }
    .info-blocks-exed .container .decorations3D {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      -webkit-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center;
      gap: 10px;
      z-index: -1;
      position: absolute;
      right: -120px;
      top: 0; }
      .info-blocks-exed .container .decorations3D .ornament {
        width: 140px;
        -webkit-transition: all 0.3s;
        transition: all 0.3s; }
        .info-blocks-exed .container .decorations3D .ornament.type2 {
          width: 70px; }
        .info-blocks-exed .container .decorations3D .ornament:hover {
          -webkit-transform: scale(1.2);
                  transform: scale(1.2); }
      @media (max-width: 768px) {
        .info-blocks-exed .container .decorations3D {
          right: 0; } }

.info-blocks-carreras-becas {
  padding: 40px 0 0 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 40px;
  background: #FFC600; }
  .info-blocks-carreras-becas.carreras-becas-white {
    background: #fff; }
  .info-blocks-carreras-becas p {
    font-size: 24px; }
  .info-blocks-carreras-becas > h4 {
    font-size: 24px !important;
    padding: 0 20px !important; }
  .info-blocks-carreras-becas .container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 50px; }
    .info-blocks-carreras-becas .container .block {
      width: 100%;
      display: grid;
      grid-template-columns: repeat(2, 1fr);
      grid-template-areas: "one two";
      gap: 60px;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center; }
      .info-blocks-carreras-becas .container .block.type2 {
        grid-template-areas: "two one"; }
        @media (max-width: 768px) {
          .info-blocks-carreras-becas .container .block.type2 {
            grid-template-areas: "one" "two"; } }
      @media (max-width: 768px) {
        .info-blocks-carreras-becas .container .block {
          grid-template-columns: 1fr;
          grid-template-areas: "one" "two"; } }
      .info-blocks-carreras-becas .container .block figure {
        grid-area: one;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
        -webkit-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center;
        position: relative; }
        .info-blocks-carreras-becas .container .block figure img {
          width: 100%;
          max-width: 100%; }
        .info-blocks-carreras-becas .container .block figure:before {
          content: '';
          position: absolute;
          right: 50px;
          bottom: 0;
          width: 100px;
          height: 100px;
          background: url("https://monicaherrera.edu.sv/wp-content/themes/custom_theme/dist/images/ornament-7.svg");
          background-position: center;
          background-repeat: no-repeat;
          background-size: contain; }
      .info-blocks-carreras-becas .container .block .info {
        grid-area: two;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: start;
            -ms-flex-align: start;
                align-items: flex-start;
        -webkit-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
        gap: 20px;
        max-width: 450px;
        width: 100%; }
        .info-blocks-carreras-becas .container .block .info h4 {
          font-size: 65px;
          line-height: 55px; }
          @media (max-width: 768px) {
            .info-blocks-carreras-becas .container .block .info h4 {
              font-size: 30px; } }
        .info-blocks-carreras-becas .container .block .info p {
          font-size: 18px; }

.banner-emprende {
  padding: 140px 0 0 0;
  background: url("https://monicaherrera.edu.sv/wp-content/themes/custom_theme/dist/images/bg-logo-resear-list.svg");
  background-position: top left;
  background-repeat: no-repeat;
  background-size: 45%;
  background-color: #009157;
  position: relative;
  overflow-x: clip; }
  .banner-emprende .container {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 40px;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    position: relative; }
    @media (max-width: 768px) {
      .banner-emprende .container {
        grid-template-columns: 1fr; } }
    .banner-emprende .container figure {
      width: 450px;
      height: 450px;
      display: block;
      margin: 0 auto;
      position: relative;
      z-index: 1; }
      @media (max-width: 768px) {
        .banner-emprende .container figure {
          max-width: 450px;
          width: 100%; } }
      .banner-emprende .container figure img {
        width: 100%;
        height: 100%;
        max-width: 100%;
        -o-object-fit: contain;
           object-fit: contain;
        z-index: 1; }
      .banner-emprende .container figure .decorations3D {
        position: absolute;
        left: 0px;
        top: 350px;
        z-index: 2;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
        -webkit-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center;
        gap: 0px; }
        .banner-emprende .container figure .decorations3D.type2 {
          left: auto;
          right: 0;
          top: 0; }
          .banner-emprende .container figure .decorations3D.type2 .ornament {
            width: 80px; }
            .banner-emprende .container figure .decorations3D.type2 .ornament.type2 {
              width: 40px; }
        .banner-emprende .container figure .decorations3D .ornament {
          width: 20px; }
          .banner-emprende .container figure .decorations3D .ornament.type2 {
            width: 60px; }
    .banner-emprende .container .content {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: start;
          -ms-flex-align: start;
              align-items: flex-start;
      -webkit-box-pack: start;
          -ms-flex-pack: start;
              justify-content: flex-start;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column;
      gap: 20px;
      position: relative; }
      .banner-emprende .container .content h1 {
        font-size: 65px;
        font-weight: 700;
        line-height: 65px;
        color: #fff; }
        @media (max-width: 768px) {
          .banner-emprende .container .content h1 {
            font-size: 30px;
            line-height: 35px; } }
      .banner-emprende .container .content p {
        font-size: 18px;
        color: #fff; }
      .banner-emprende .container .content .container-buttons {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
        -webkit-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center;
        gap: 20px;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap; }
      .banner-emprende .container .content .decorations3D {
        position: absolute;
        right: 0;
        top: 0; }
        @media (max-width: 768px) {
          .banner-emprende .container .content .decorations3D {
            top: -100px; } }
        .banner-emprende .container .content .decorations3D .ornament {
          width: 50px; }
          .banner-emprende .container .content .decorations3D .ornament.type2 {
            width: 20px; }
  .banner-emprende:before {
    content: '';
    position: absolute;
    left: 0;
    bottom: -100px;
    width: 120%;
    height: 30%;
    z-index: -1;
    background: #009157;
    -webkit-transform: rotate(3deg);
            transform: rotate(3deg); }

.icons-info-emprende {
  background: #009157;
  padding: 80px 0; }
  .icons-info-emprende.white {
    color: #000;
    background: transparent;
    padding: 40px 0; }
    .icons-info-emprende.white .container {
      grid-template-columns: repeat(3, 1fr);
      gap: 40px; }
      @media (max-width: 768px) {
        .icons-info-emprende.white .container {
          grid-template-columns: 1fr; } }
  .icons-info-emprende .container {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 40px; }
    @media (max-width: 768px) {
      .icons-info-emprende .container {
        grid-template-columns: 1fr; } }
    .icons-info-emprende .container .item {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      -webkit-box-pack: start;
          -ms-flex-pack: start;
              justify-content: flex-start;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column;
      gap: 20px; }
      .icons-info-emprende .container .item img {
        max-width: 175px;
        width: 100%; }
      .icons-info-emprende .container .item p {
        text-align: center;
        font-size: 18px; }

.mision-emprende {
  background: #009157;
  padding: 40px 0; }
  .mision-emprende.white {
    color: #000;
    background: #fff; }
  .mision-emprende .container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 20px; }
    .mision-emprende .container h3 {
      font-size: 65px;
      line-height: 65px;
      text-align: center; }
      @media (max-width: 768px) {
        .mision-emprende .container h3 {
          font-size: 30px;
          line-height: 35px; } }
    .mision-emprende .container p {
      text-align: center;
      padding: 18px;
      max-width: 1000px; }
    .mision-emprende .container img {
      width: 100%; }

.info-como-lo-hacemos-emprende {
  padding: 80px 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 20px;
  background: #009157;
  overflow-x: clip;
  z-index: 20; }
  .info-como-lo-hacemos-emprende.white {
    color: #000;
    background: #fff;
    padding: 40px 0; }
  .info-como-lo-hacemos-emprende h3 {
    font-size: 55px; }
    @media (max-width: 768px) {
      .info-como-lo-hacemos-emprende h3 {
        font-size: 30px; } }
  .info-como-lo-hacemos-emprende .container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 20px; }
    .info-como-lo-hacemos-emprende .container .block {
      width: 100%;
      display: grid;
      grid-template-columns: repeat(2, 1fr);
      grid-template-areas: "one two";
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      gap: 40px; }
      @media (max-width: 768px) {
        .info-como-lo-hacemos-emprende .container .block {
          grid-template-columns: 1fr;
          grid-template-areas: "one" "two"; } }
      .info-como-lo-hacemos-emprende .container .block.type2 {
        grid-template-areas: "two one"; }
        @media (max-width: 768px) {
          .info-como-lo-hacemos-emprende .container .block.type2 {
            grid-template-columns: 1fr;
            grid-template-areas: "one" "two"; } }
        .info-como-lo-hacemos-emprende .container .block.type2 .descripcion {
          -webkit-box-align: start;
              -ms-flex-align: start;
                  align-items: flex-start;
          -webkit-box-pack: start;
              -ms-flex-pack: start;
                  justify-content: flex-start;
          z-index: 20; }
          .info-como-lo-hacemos-emprende .container .block.type2 .descripcion .decorations3D {
            right: 0;
            left: auto; }
        .info-como-lo-hacemos-emprende .container .block.type2 figure .decorations3D {
          top: 0; }
          .info-como-lo-hacemos-emprende .container .block.type2 figure .decorations3D.type2 .ornament {
            right: -140px; }
            .info-como-lo-hacemos-emprende .container .block.type2 figure .decorations3D.type2 .ornament.type3 {
              top: -102px; }
      .info-como-lo-hacemos-emprende .container .block .descripcion {
        grid-area: one;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: start;
            -ms-flex-align: start;
                align-items: flex-start;
        -webkit-box-pack: start;
            -ms-flex-pack: start;
                justify-content: flex-start;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
        gap: 20px;
        position: relative;
        z-index: 1; }
        @media (max-width: 768px) {
          .info-como-lo-hacemos-emprende .container .block .descripcion {
            -webkit-box-align: center;
                -ms-flex-align: center;
                    align-items: center;
            -webkit-box-pack: center;
                -ms-flex-pack: center;
                    justify-content: center; } }
        .info-como-lo-hacemos-emprende .container .block .descripcion h4 {
          font-size: 65px;
          text-align: left; }
          @media (max-width: 768px) {
            .info-como-lo-hacemos-emprende .container .block .descripcion h4 {
              font-size: 30px;
              text-align: center; } }
        .info-como-lo-hacemos-emprende .container .block .descripcion p {
          font-size: 16px;
          text-align: left; }
          @media (max-width: 768px) {
            .info-como-lo-hacemos-emprende .container .block .descripcion p {
              text-align: center; } }
          .info-como-lo-hacemos-emprende .container .block .descripcion p b {
            font-size: 20px; }
        .info-como-lo-hacemos-emprende .container .block .descripcion ul {
          padding: 0 20px; }
        .info-como-lo-hacemos-emprende .container .block .descripcion .container-buttons {
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex;
          -webkit-box-align: center;
              -ms-flex-align: center;
                  align-items: center;
          -webkit-box-pack: center;
              -ms-flex-pack: center;
                  justify-content: center;
          gap: 10px;
          -ms-flex-wrap: wrap;
              flex-wrap: wrap; }
        .info-como-lo-hacemos-emprende .container .block .descripcion .decorations3D {
          position: absolute;
          left: 0;
          top: 100px;
          z-index: -1; }
          .info-como-lo-hacemos-emprende .container .block .descripcion .decorations3D .ornament {
            width: 100px; }
      .info-como-lo-hacemos-emprende .container .block figure {
        grid-area: two;
        width: 450px;
        height: 450px;
        display: block;
        margin: 0 auto;
        position: relative;
        z-index: 1; }
        @media (max-width: 768px) {
          .info-como-lo-hacemos-emprende .container .block figure {
            max-width: 450px;
            width: 100%; } }
        .info-como-lo-hacemos-emprende .container .block figure img {
          width: 100%;
          height: 100%;
          max-width: 100%;
          -o-object-fit: contain;
             object-fit: contain;
          z-index: 1; }
        .info-como-lo-hacemos-emprende .container .block figure .decorations3D {
          position: absolute;
          left: 0;
          bottom: 100px;
          z-index: -1; }
          .info-como-lo-hacemos-emprende .container .block figure .decorations3D .ornament {
            width: 60px; }
          .info-como-lo-hacemos-emprende .container .block figure .decorations3D.type2 {
            position: absolute;
            right: 0;
            bottom: auto;
            left: auto;
            top: 100px;
            z-index: -1; }
            .info-como-lo-hacemos-emprende .container .block figure .decorations3D.type2 .ornament {
              width: 350px;
              position: relative;
              right: -300px; }
              .info-como-lo-hacemos-emprende .container .block figure .decorations3D.type2 .ornament.type2 {
                width: 100px;
                right: 0px; }
              .info-como-lo-hacemos-emprende .container .block figure .decorations3D.type2 .ornament.type3 {
                width: 50px;
                right: -50px; }

.actividades-y-servicios-emprende {
  padding: 80px 0;
  background: #009157;
  position: relative;
  z-index: 20; }
  .actividades-y-servicios-emprende.white {
    color: #000;
    background: #fff;
    padding: 40px 0; }
  .actividades-y-servicios-emprende .container {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 80px; }
    @media (max-width: 768px) {
      .actividades-y-servicios-emprende .container {
        grid-template-columns: 1fr; } }
    .actividades-y-servicios-emprende .container .info {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: start;
          -ms-flex-align: start;
              align-items: flex-start;
      -webkit-box-pack: start;
          -ms-flex-pack: start;
              justify-content: flex-start;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column;
      gap: 20px;
      z-index: 1; }
      @media (max-width: 768px) {
        .actividades-y-servicios-emprende .container .info {
          -webkit-box-align: center;
              -ms-flex-align: center;
                  align-items: center; } }
      .actividades-y-servicios-emprende .container .info h4 {
        font-size: 55px;
        text-align: left; }
        @media (max-width: 768px) {
          .actividades-y-servicios-emprende .container .info h4 {
            font-size: 30px;
            text-align: center; } }
      .actividades-y-servicios-emprende .container .info p {
        text-align: left;
        font-size: 16px; }
        @media (max-width: 768px) {
          .actividades-y-servicios-emprende .container .info p {
            font-size: 18px;
            text-align: center; } }
      .actividades-y-servicios-emprende .container .info .container-buttons {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
        -webkit-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center;
        gap: 20px;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap; }
    .actividades-y-servicios-emprende .container .container-items {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      -webkit-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column;
      gap: 20px; }
      .actividades-y-servicios-emprende .container .container-items .item {
        background: #FFC600;
        padding: 20px;
        width: 100%; }
  .actividades-y-servicios-emprende .decorations3D {
    position: absolute;
    left: -100px;
    top: 30%;
    z-index: -1; }
    .actividades-y-servicios-emprende .decorations3D.type2 {
      right: 0;
      left: auto;
      top: 20%; }
      .actividades-y-servicios-emprende .decorations3D.type2 .ornament {
        width: 40px; }
        .actividades-y-servicios-emprende .decorations3D.type2 .ornament.type2 {
          width: 20px; }
    .actividades-y-servicios-emprende .decorations3D .ornament {
      width: 240px; }
      .actividades-y-servicios-emprende .decorations3D .ornament.type2 {
        width: 100px; }

.slide-emprende {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 40px;
  background: #009157;
  padding: 40px 0;
  position: relative;
  max-width: 1200px;
  margin: 0 auto; }
  .slide-emprende.white {
    color: #000;
    background: #fff; }
  .slide-emprende h3 {
    text-align: center;
    font-size: 40px; }
  .slide-emprende .container .slider4 {
    position: relative;
    width: 100%; }
    .slide-emprende .container .slider4 img {
      width: 100%;
      height: 500px;
      -o-object-fit: cover;
         object-fit: cover; }
      @media (max-width: 768px) {
        .slide-emprende .container .slider4 img {
          height: 100%; } }
    .slide-emprende .container .slider4 .slick-dots {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      margin: 0;
      padding: 0;
      list-style: none;
      -webkit-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center;
      position: absolute;
      bottom: 0;
      left: 0;
      bottom: 20px;
      right: 0;
      margin: auto; }
      @media (max-width: 768px) {
        .slide-emprende .container .slider4 .slick-dots {
          -webkit-box-pack: center;
              -ms-flex-pack: center;
                  justify-content: center;
          gap: 5px;
          bottom: 10px; } }
      .slide-emprende .container .slider4 .slick-dots li {
        padding: 5px 11px;
        position: relative;
        cursor: pointer; }
        @media (max-width: 768px) {
          .slide-emprende .container .slider4 .slick-dots li {
            padding: 5px; } }
        .slide-emprende .container .slider4 .slick-dots li button {
          opacity: 0;
          cursor: pointer; }
        .slide-emprende .container .slider4 .slick-dots li:before {
          content: "";
          width: 10px;
          height: 10px;
          border-radius: 50%;
          border: 2px solid #D9D9D9;
          background-color: #D9D9D9;
          position: absolute;
          top: 0;
          left: 0;
          right: 0;
          bottom: 0;
          margin: auto;
          -webkit-transition: all 0.3s;
          transition: all 0.3s; }
          @media (max-width: 768px) {
            .slide-emprende .container .slider4 .slick-dots li:before {
              width: 10px;
              height: 10px;
              left: 10px; } }
        .slide-emprende .container .slider4 .slick-dots li.slick-active:before {
          background-color: #FFC600;
          border: 2px solid #FFC600; }
  .slide-emprende .related-post {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 45px;
    width: 100%;
    max-width: 1400px;
    padding: 0 20px; }
    @media (max-width: 768px) {
      .slide-emprende .related-post {
        grid-template-columns: 1fr; } }
    .slide-emprende .related-post .item {
      background: url("https://monicaherrera.edu.sv/wp-content/themes/custom_theme/dist/images/picture-post-exed.jpg");
      background-position: center !important;
      background-size: cover !important;
      min-height: 380px !important;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: start;
          -ms-flex-align: start;
              align-items: flex-start;
      -webkit-box-pack: end;
          -ms-flex-pack: end;
              justify-content: flex-end;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column;
      gap: 20px;
      position: relative;
      -webkit-animation: zoomIn;
              animation: zoomIn;
      /* referring directly to the animation's @keyframe declaration */
      -webkit-animation-duration: 0.2s;
              animation-duration: 0.2s;
      /* don't forget to set a duration! */ }
      .slide-emprende .related-post .item.proximamente:before {
        content: attr(layoaut);
        position: absolute;
        left: 0;
        top: 20px;
        background: #FFC600;
        padding: 7px;
        color: #000;
        width: 50%; }
      .slide-emprende .related-post .item:hover:after {
        z-index: 10;
        display: block; }
      .slide-emprende .related-post .item p {
        width: 100%;
        font-size: 16px;
        color: #fff;
        font-weight: 700;
        position: relative;
        padding: 20px 12px;
        z-index: 1; }
        .slide-emprende .related-post .item p:before {
          content: '';
          position: absolute;
          background: -webkit-gradient(linear, left top, left bottom, color-stop(1%, transparent), color-stop(99%, #000));
          background: linear-gradient(transparent 1%, #000 99%);
          top: 0;
          left: 0;
          width: 100%;
          height: 100%;
          z-index: -1; }
      .slide-emprende .related-post .item:after {
        content: '';
        position: absolute;
        background: url("https://monicaherrera.edu.sv/wp-content/themes/custom_theme/dist/images/mas-informacion-eye-icon.svg");
        background-color: rgba(0, 0, 0, 0.7);
        background-position: center;
        background-repeat: no-repeat;
        background-size: 40%;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        z-index: -1;
        display: none; }
  .slide-emprende .decorations3D {
    position: absolute;
    right: 0;
    top: 200px; }
    .slide-emprende .decorations3D .ornament {
      width: 30px; }
      @media (max-width: 768px) {
        .slide-emprende .decorations3D .ornament {
          width: 20px; } }
      .slide-emprende .decorations3D .ornament.type2 {
        width: 20px; }
        @media (max-width: 768px) {
          .slide-emprende .decorations3D .ornament.type2 {
            width: 10px; } }

.mas-informacion-emprende {
  background: #009157;
  padding: 40px 0; }
  .mas-informacion-emprende.white {
    color: #000;
    background: #fff; }
  @media (max-width: 768px) {
    .mas-informacion-emprende {
      padding: 80px 0; } }
  .mas-informacion-emprende.padres {
    color: #000;
    background: #fff;
    padding: 40px 0 120px 0; }
  .mas-informacion-emprende .container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 10px;
    max-width: 900px; }
    .mas-informacion-emprende .container h3 {
      color: #FF5100;
      font-size: 55px;
      text-align: center; }
      @media (max-width: 768px) {
        .mas-informacion-emprende .container h3 {
          font-size: 30px; } }
    .mas-informacion-emprende .container > div {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      -webkit-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column;
      gap: 5px; }
      .mas-informacion-emprende .container > div p {
        font-size: 16px;
        text-align: center; }
        .mas-informacion-emprende .container > div p b {
          font-size: 20px; }
      .mas-informacion-emprende .container > div a {
        text-align: center;
        font-size: 16px;
        color: #000;
        text-decoration: underline; }

.emprendimientos {
  padding: 40px 0 80px 0;
  background: #009157; }
  .emprendimientos.white {
    color: #000;
    background: #fff; }
  .emprendimientos .container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 50px; }
    .emprendimientos .container iframe {
      max-width: 960px;
      width: 100%;
      height: 500px; }
    .emprendimientos .container .empresas {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      -webkit-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column;
      gap: 40px;
      padding: 20px 0; }
      .emprendimientos .container .empresas h3 {
        font-size: 35px;
        text-align: center; }
        @media (max-width: 768px) {
          .emprendimientos .container .empresas h3 {
            font-size: 30px; } }
      .emprendimientos .container .empresas .container-items {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
        -webkit-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
        gap: 20px; }
        .emprendimientos .container .empresas .container-items .item {
          width: 100%;
          max-width: 200px; }

.requerimientos-nuevo-ingreso {
  background: #FFC600;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 20px;
  padding: 40px 0 175px 0;
  z-index: 20;
  overflow-x: clip; }
  .requerimientos-nuevo-ingreso.white {
    background: transparent;
    color: #000;
    padding: 40px 0; }
    .requerimientos-nuevo-ingreso.white:before {
      display: none; }
  @media (max-width: 768px) {
    .requerimientos-nuevo-ingreso {
      padding: 40px 0; } }
  .requerimientos-nuevo-ingreso.biblioteca {
    padding: 40px 0 130px 0; }
    @media (max-width: 768px) {
      .requerimientos-nuevo-ingreso.biblioteca {
        padding: 40px 0; } }
    .requerimientos-nuevo-ingreso.biblioteca > p {
      font-size: 20px; }
    .requerimientos-nuevo-ingreso.biblioteca:before {
      content: '';
      position: absolute;
      left: -200px;
      bottom: -70px;
      width: 150%;
      height: 30%;
      background: #fff;
      -webkit-transform: rotate(3deg);
              transform: rotate(3deg); }
      @media (max-width: 768px) {
        .requerimientos-nuevo-ingreso.biblioteca:before {
          display: none; } }
  .requerimientos-nuevo-ingreso .container {
    width: 100%;
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    gap: 80px; }
    @media (max-width: 768px) {
      .requerimientos-nuevo-ingreso .container {
        grid-template-columns: 1fr; } }
    .requerimientos-nuevo-ingreso .container .content {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: start;
          -ms-flex-align: start;
              align-items: flex-start;
      -webkit-box-pack: start;
          -ms-flex-pack: start;
              justify-content: flex-start;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column;
      gap: 20px; }
      .requerimientos-nuevo-ingreso .container .content h2 {
        font-size: 55px;
        color: #000; }
        @media (max-width: 768px) {
          .requerimientos-nuevo-ingreso .container .content h2 {
            font-size: 30px; } }
      .requerimientos-nuevo-ingreso .container .content p {
        font-size: 18px;
        color: #000; }
      .requerimientos-nuevo-ingreso .container .content ul {
        padding: 0 20px; }
      .requerimientos-nuevo-ingreso .container .content .container-items {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
        -ms-flex-pack: distribute;
            justify-content: space-around;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
        gap: 20px; }
        .requerimientos-nuevo-ingreso .container .content .container-items .item {
          max-width: 150px;
          width: 100%;
          height: 70px;
          -o-object-fit: contain;
             object-fit: contain; }
      .requerimientos-nuevo-ingreso .container .content .container-buttons {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
        -webkit-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center;
        gap: 10px;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap; }
        .requerimientos-nuevo-ingreso .container .content .container-buttons .btn:hover {
          color: #000; }
    .requerimientos-nuevo-ingreso .container figure {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      -webkit-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center;
      position: relative; }
      .requerimientos-nuevo-ingreso .container figure img {
        max-width: 500px;
        width: 100%; }
      .requerimientos-nuevo-ingreso .container figure .decorations3D {
        position: absolute;
        left: 100px;
        top: 350px;
        z-index: 2;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
        -webkit-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center;
        gap: 0px; }
        @media (max-width: 768px) {
          .requerimientos-nuevo-ingreso .container figure .decorations3D {
            display: none; } }
        .requerimientos-nuevo-ingreso .container figure .decorations3D.type2 {
          left: auto;
          right: 0;
          top: 0; }
          @media (max-width: 768px) {
            .requerimientos-nuevo-ingreso .container figure .decorations3D.type2 {
              display: block; } }
          .requerimientos-nuevo-ingreso .container figure .decorations3D.type2 .ornament {
            width: 80px; }
            .requerimientos-nuevo-ingreso .container figure .decorations3D.type2 .ornament.type2 {
              width: 40px; }
        .requerimientos-nuevo-ingreso .container figure .decorations3D .ornament {
          width: 20px; }
          .requerimientos-nuevo-ingreso .container figure .decorations3D .ornament.type2 {
            width: 60px; }
  .requerimientos-nuevo-ingreso > p {
    text-align: center;
    max-width: 1200px;
    font-size: 18px;
    padding: 0 20px; }
    .requerimientos-nuevo-ingreso > p a {
      color: #000;
      text-decoration: underline; }
  .requerimientos-nuevo-ingreso:before {
    content: '';
    position: absolute;
    left: -200px;
    bottom: -80px;
    width: 150%;
    height: 16%;
    background: #fff;
    -webkit-transform: rotate(3deg);
            transform: rotate(3deg); }
    @media (max-width: 768px) {
      .requerimientos-nuevo-ingreso:before {
        display: none; } }

.slide-biblioteca {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 40px;
  background: #FFC600;
  padding: 40px 0;
  position: relative; }
  .slide-biblioteca.proyeccion-social {
    background: #fff; }
  .slide-biblioteca h3 {
    text-align: center;
    color: #000;
    font-size: 40px; }
  .slide-biblioteca .container .slider4 {
    position: relative; }
    .slide-biblioteca .container .slider4 img {
      width: 100%;
      height: 765px;
      -o-object-fit: cover;
         object-fit: cover; }
      @media (max-width: 768px) {
        .slide-biblioteca .container .slider4 img {
          height: 100%; } }
    .slide-biblioteca .container .slider4 .slick-dots {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      margin: 0;
      padding: 0;
      list-style: none;
      -webkit-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center;
      position: absolute;
      bottom: 0;
      left: 0;
      bottom: 20px;
      right: 0;
      margin: auto; }
      @media (max-width: 768px) {
        .slide-biblioteca .container .slider4 .slick-dots {
          -webkit-box-pack: center;
              -ms-flex-pack: center;
                  justify-content: center;
          gap: 5px;
          bottom: 10px; } }
      .slide-biblioteca .container .slider4 .slick-dots li {
        padding: 5px 11px;
        position: relative;
        cursor: pointer; }
        @media (max-width: 768px) {
          .slide-biblioteca .container .slider4 .slick-dots li {
            padding: 5px; } }
        .slide-biblioteca .container .slider4 .slick-dots li button {
          opacity: 0;
          cursor: pointer; }
        .slide-biblioteca .container .slider4 .slick-dots li:before {
          content: "";
          width: 10px;
          height: 10px;
          border-radius: 50%;
          border: 2px solid #D9D9D9;
          background-color: #D9D9D9;
          position: absolute;
          top: 0;
          left: 0;
          right: 0;
          bottom: 0;
          margin: auto;
          -webkit-transition: all 0.3s;
          transition: all 0.3s; }
          @media (max-width: 768px) {
            .slide-biblioteca .container .slider4 .slick-dots li:before {
              width: 10px;
              height: 10px;
              left: 10px; } }
        .slide-biblioteca .container .slider4 .slick-dots li.slick-active:before {
          background-color: #FFC600;
          border: 2px solid #FFC600; }
  .slide-biblioteca .decorations3D {
    position: absolute;
    right: 0;
    top: 200px; }
    .slide-biblioteca .decorations3D .ornament {
      width: 60px; }
      @media (max-width: 768px) {
        .slide-biblioteca .decorations3D .ornament {
          width: 20px; } }
      .slide-biblioteca .decorations3D .ornament.type2 {
        width: 40px; }
        @media (max-width: 768px) {
          .slide-biblioteca .decorations3D .ornament.type2 {
            width: 10px; } }

.info-single-biblioteca {
  background: url("https://monicaherrera.edu.sv/wp-content/themes/custom_theme/dist/images/bg-logo-resear-list.svg");
  background-position: top left;
  background-repeat: no-repeat;
  background-size: 60%;
  min-height: 100vh;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding: 140px 0 80px 0;
  overflow-x: clip; }
  .info-single-biblioteca .container {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 80px;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center; }
    @media (max-width: 768px) {
      .info-single-biblioteca .container {
        grid-template-columns: 1fr; } }
    .info-single-biblioteca .container .content {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: start;
          -ms-flex-align: start;
              align-items: flex-start;
      -webkit-box-pack: start;
          -ms-flex-pack: start;
              justify-content: flex-start;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column;
      gap: 10px;
      position: relative; }
      .info-single-biblioteca .container .content h1 {
        font-size: 36px; }
        @media (max-width: 768px) {
          .info-single-biblioteca .container .content h1 {
            font-size: 30px; } }
      .info-single-biblioteca .container .content p {
        font-size: 16px;
        line-height: 25px; }
      .info-single-biblioteca .container .content .container-buttons {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
        -webkit-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center;
        gap: 5px; }
      .info-single-biblioteca .container .content .decorations3D {
        position: absolute;
        left: -100px;
        bottom: 0; }
        .info-single-biblioteca .container .content .decorations3D .ornament {
          width: 35px; }
          .info-single-biblioteca .container .content .decorations3D .ornament.type2 {
            width: 60px;
            position: relative;
            left: -25px; }
    .info-single-biblioteca .container figure {
      position: relative;
      width: 100%; }
      .info-single-biblioteca .container figure > img {
        height: 100%;
        max-width: 70%;
        width: 100%;
        -o-object-fit: cover;
           object-fit: cover;
        display: block;
        margin: 0 auto;
        -webkit-box-shadow: 5px 10px 20px rgba(0, 0, 0, 0.1);
                box-shadow: 5px 10px 20px rgba(0, 0, 0, 0.1); }
        @media (max-width: 768px) {
          .info-single-biblioteca .container figure > img {
            max-width: 350px; } }
      .info-single-biblioteca .container figure .decorations3D {
        position: absolute;
        right: 0;
        bottom: 0; }
        .info-single-biblioteca .container figure .decorations3D .ornament {
          width: 80px; }
          .info-single-biblioteca .container figure .decorations3D .ornament.type2 {
            width: 30px;
            position: relative;
            left: -24px; }

.info-modelo-educativo-picture-fullwidth {
  background: #FF5100;
  padding: 80px 0;
  position: relative;
  z-index: 20; }
  .info-modelo-educativo-picture-fullwidth.exed {
    background: #fff; }
    .info-modelo-educativo-picture-fullwidth.exed .container img {
      background: transparent;
      mix-blend-mode: multiply; }
  .info-modelo-educativo-picture-fullwidth .container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 40px; }
    .info-modelo-educativo-picture-fullwidth .container img {
      max-width: 950px;
      width: 100%; }
  .info-modelo-educativo-picture-fullwidth .decorations3D {
    position: absolute;
    left: 0;
    bottom: 200px;
    z-index: -1; }
    .info-modelo-educativo-picture-fullwidth .decorations3D .ornament {
      width: 120px; }
      .info-modelo-educativo-picture-fullwidth .decorations3D .ornament.type2 {
        width: 40px; }

.snippet-podcast {
  padding: 0 0 100px 0;
  z-index: 20;
  position: relative; }
  @media (max-width: 768px) {
    .snippet-podcast {
      padding: 40px 0; } }
  .snippet-podcast .decorations3D {
    position: absolute;
    left: 0;
    top: 0; }
    @media (max-width: 768px) {
      .snippet-podcast .decorations3D {
        display: none; } }
    .snippet-podcast .decorations3D.type2 {
      left: auto;
      right: 0;
      top: 100px; }
      @media (max-width: 768px) {
        .snippet-podcast .decorations3D.type2 {
          display: auto; } }
      .snippet-podcast .decorations3D.type2 .ornament {
        width: 100px; }
        .snippet-podcast .decorations3D.type2 .ornament.type2 {
          width: 40px; }
    .snippet-podcast .decorations3D .ornament {
      width: 30px; }
      .snippet-podcast .decorations3D .ornament.type2 {
        width: 100px; }
  .snippet-podcast .container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 40px; }
    .snippet-podcast .container h3 {
      z-index: 20; }
    .snippet-podcast .container iframe {
      max-width: 800px;
      width: 100%; }

.accordeon-carreras-ciclos {
  padding: 80px 0; }
  .accordeon-carreras-ciclos .container {
    max-width: 900px; }
    .accordeon-carreras-ciclos .container .accordeon2 .item {
      margin-bottom: 15px;
      position: relative; }
      .accordeon-carreras-ciclos .container .accordeon2 .item > h3 {
        background-color: #FF5100;
        border: 2px solid #FF5100;
        padding: 15px 20px;
        color: #fff;
        font-weight: 400;
        font-size: 20px !important;
        line-height: 25px;
        margin: 0;
        cursor: pointer;
        -webkit-transition: all 0.3s;
        transition: all 0.3s;
        font-family: "Open Sans", sans-serif;
        font-weight: 600; }
        @media (max-width: 768px) {
          .accordeon-carreras-ciclos .container .accordeon2 .item > h3 {
            padding-right: 40px;
            font-size: 18px; } }
        .accordeon-carreras-ciclos .container .accordeon2 .item > h3:before {
          content: '';
          position: absolute;
          background: url("https://monicaherrera.edu.sv/wp-content/themes/custom_theme/dist/images/poligon-down-white.svg");
          background-repeat: no-repeat !important;
          background-size: contain !important;
          width: 20px;
          height: 20px;
          top: 30px;
          right: 15px;
          -webkit-transition: all 0.3s;
          transition: all 0.3s; }
      .accordeon-carreras-ciclos .container .accordeon2 .item .answer {
        padding: 0px 20px;
        overflow: hidden;
        height: 0;
        -webkit-transition: all 0.4s;
        transition: all 0.4s;
        background: rgba(222, 222, 222, 0.7) !important; }
        .accordeon-carreras-ciclos .container .accordeon2 .item .answer h3 {
          font-size: 16px !important;
          font-weight: 400 !important; }
        .accordeon-carreras-ciclos .container .accordeon2 .item .answer p {
          font-size: 16px !important;
          text-align: left;
          margin: 10px 0 20px;
          font-family: "Open Sans", sans-serif;
          font-weight: 400;
          color: #4828A9;
          line-height: 35px;
          color: #000; }
          .accordeon-carreras-ciclos .container .accordeon2 .item .answer p span {
            padding: 20px 0; }
          .accordeon-carreras-ciclos .container .accordeon2 .item .answer p:last-child {
            margin-bottom: 30px; }
        .accordeon-carreras-ciclos .container .accordeon2 .item .answer ol {
          padding: 0px 20px; }
          .accordeon-carreras-ciclos .container .accordeon2 .item .answer ol li {
            list-style-type: block;
            font-family: "Open Sans", sans-serif;
            font-weight: 400;
            font-size: 18px;
            line-height: 35px;
            color: #000; }
      .accordeon-carreras-ciclos .container .accordeon2 .item.show .answer {
        background: transparent;
        padding: 20px; }
        .accordeon-carreras-ciclos .container .accordeon2 .item.show .answer h3 {
          font-size: 16px !important;
          font-weight: 400 !important; }
      .accordeon-carreras-ciclos .container .accordeon2 .item.show h3 {
        color: #fff;
        border: 2px solid #FF5100;
        background-color: #FF5100; }
        .accordeon-carreras-ciclos .container .accordeon2 .item.show h3:before {
          background: url("https://monicaherrera.edu.sv/wp-content/themes/custom_theme/dist/images/poligon-up-white.svg");
          background-size: 18px !important; }
      .accordeon-carreras-ciclos .container .accordeon2 .item.show ol li {
        color: #4828A9; }
      .accordeon-carreras-ciclos .container .accordeon2 .item.show P {
        color: #000; }

.mantenimiento {
  min-height: 100vh;
  background: #000; }
  .mantenimiento .container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 20px; }
    .mantenimiento .container p {
      color: #fff;
      font-size: 12px; }
    .mantenimiento .container .container-links {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      -webkit-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
      gap: 20px; }
      .mantenimiento .container .container-links a {
        color: #009157;
        font-size: 20px;
        position: relative; }
        .mantenimiento .container .container-links a:before {
          content: "";
          width: 0%;
          left: 50%;
          height: 0;
          border-bottom: 2px solid #009157;
          position: absolute;
          bottom: -3px;
          -webkit-transition: all 0.4s;
          transition: all 0.4s;
          z-index: 100; }
        .mantenimiento .container .container-links a:hover:before {
          width: 100%;
          left: 0; }

.icons-info-biblioteca {
  background: #FFC600;
  padding: 20px 0; }
  .icons-info-biblioteca.white {
    background: #fff;
    color: #000; }
  .icons-info-biblioteca.proyeccion-social {
    padding: 100px 0 40px 0;
    background: #fff;
    color: #000;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 40px; }
    .icons-info-biblioteca.proyeccion-social > p {
      text-align: center;
      padding: 0 20px; }
  .icons-info-biblioteca .container {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 40px; }
    @media (max-width: 768px) {
      .icons-info-biblioteca .container {
        grid-template-columns: 1fr; } }
    .icons-info-biblioteca .container .item {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      -webkit-box-pack: start;
          -ms-flex-pack: start;
              justify-content: flex-start;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column;
      gap: 20px; }
      .icons-info-biblioteca .container .item img {
        max-width: 175px;
        width: 100%; }
      .icons-info-biblioteca .container .item p {
        text-align: center;
        font-size: 18px; }

.recursos-biblioteca {
  padding: 80px 0 80px 0;
  z-index: 20; }
  .recursos-biblioteca .container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 20px; }
    .recursos-biblioteca .container h3 {
      color: #009157; }
    .recursos-biblioteca .container .container-categories-post {
      width: 100%; }
      .recursos-biblioteca .container .container-categories-post .category {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: start;
            -ms-flex-align: start;
                align-items: flex-start;
        -webkit-box-pack: start;
            -ms-flex-pack: start;
                justify-content: flex-start;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
        gap: 20px;
        padding: 40px 0; }
        .recursos-biblioteca .container .container-categories-post .category p strong {
          font-size: 24px !important; }
        .recursos-biblioteca .container .container-categories-post .category .container-posts {
          width: 100%;
          display: grid;
          grid-template-columns: repeat(4, 1fr);
          gap: 45px; }
          @media (max-width: 1200px) {
            .recursos-biblioteca .container .container-categories-post .category .container-posts {
              grid-template-columns: repeat(3, 1fr); } }
          @media (max-width: 960px) {
            .recursos-biblioteca .container .container-categories-post .category .container-posts {
              grid-template-columns: repeat(2, 1fr); } }
          @media (max-width: 768px) {
            .recursos-biblioteca .container .container-categories-post .category .container-posts {
              grid-template-columns: 1fr; } }
          .recursos-biblioteca .container .container-categories-post .category .container-posts .item {
            background: url("https://monicaherrera.edu.sv/wp-content/themes/custom_theme/dist/images/bg-pdf-research.png");
            background-position: center !important;
            background-size: cover !important;
            min-height: 350px !important;
            max-width: 350px;
            width: 100%;
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-align: start;
                -ms-flex-align: start;
                    align-items: flex-start;
            -webkit-box-pack: end;
                -ms-flex-pack: end;
                    justify-content: flex-end;
            -webkit-box-orient: vertical;
            -webkit-box-direction: normal;
                -ms-flex-direction: column;
                    flex-direction: column;
            gap: 20px;
            position: relative;
            -webkit-animation: zoomIn;
                    animation: zoomIn;
            /* referring directly to the animation's @keyframe declaration */
            -webkit-animation-duration: 0.2s;
                    animation-duration: 0.2s;
            /* don't forget to set a duration! */
            -webkit-box-shadow: 2px 2px 20px rgba(0, 0, 0, 0.1);
                    box-shadow: 2px 2px 20px rgba(0, 0, 0, 0.1); }
            .recursos-biblioteca .container .container-categories-post .category .container-posts .item:hover:after {
              z-index: 10;
              display: block; }
            .recursos-biblioteca .container .container-categories-post .category .container-posts .item p {
              width: 100%;
              font-size: 16px;
              color: #fff;
              font-weight: 700;
              position: relative;
              padding: 20px 12px;
              z-index: 1; }
              .recursos-biblioteca .container .container-categories-post .category .container-posts .item p span {
                font-weight: 300; }
              .recursos-biblioteca .container .container-categories-post .category .container-posts .item p:before {
                content: '';
                position: absolute;
                background: -webkit-gradient(linear, left top, left bottom, color-stop(1%, transparent), color-stop(99%, rgba(0, 0, 0, 0.9)));
                background: linear-gradient(transparent 1%, rgba(0, 0, 0, 0.9) 99%);
                top: 0;
                left: 0;
                width: 100%;
                height: 100%;
                z-index: -1; }
            .recursos-biblioteca .container .container-categories-post .category .container-posts .item.proximamente:before {
              content: attr(layoaut);
              position: absolute;
              left: 0;
              top: 20px;
              background: #FFC600;
              padding: 7px;
              color: #000;
              width: 50%;
              z-index: 2; }
            .recursos-biblioteca .container .container-categories-post .category .container-posts .item.noHover {
              cursor: inherit; }
              .recursos-biblioteca .container .container-categories-post .category .container-posts .item.noHover:after {
                display: none !important; }
            .recursos-biblioteca .container .container-categories-post .category .container-posts .item:after {
              content: '';
              position: absolute;
              background: url("https://monicaherrera.edu.sv/wp-content/themes/custom_theme/dist/images/mas-informacion-eye-icon.svg");
              background-color: rgba(0, 0, 0, 0.7);
              background-position: center;
              background-repeat: no-repeat;
              background-size: 40%;
              left: 0;
              top: 0;
              width: 100%;
              height: 100%;
              z-index: -1;
              display: none; }

.staff-banner-directores {
  padding: 140px 0 80px 0;
  overflow-x: clip; }
  .staff-banner-directores.type2 {
    padding: 40px 0; }
  .staff-banner-directores .container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 80px;
    position: relative; }
    .staff-banner-directores .container .decorations3D {
      position: absolute;
      left: -60px;
      top: 350px;
      z-index: -1;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      -webkit-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center;
      gap: 0px; }
      .staff-banner-directores .container .decorations3D.type2 {
        left: auto;
        right: 0;
        top: 0; }
        .staff-banner-directores .container .decorations3D.type2 .ornament {
          width: 80px; }
          .staff-banner-directores .container .decorations3D.type2 .ornament.type2 {
            width: 40px; }
      .staff-banner-directores .container .decorations3D.type3 {
        top: 50%; }
        .staff-banner-directores .container .decorations3D.type3 .ornament {
          width: 20px; }
          .staff-banner-directores .container .decorations3D.type3 .ornament.type2 {
            width: 30px; }
      .staff-banner-directores .container .decorations3D .ornament {
        width: 20px; }
        .staff-banner-directores .container .decorations3D .ornament.type2 {
          width: 60px; }
    .staff-banner-directores .container h1 {
      text-align: center; }
    .staff-banner-directores .container .directores-section {
      width: 100%;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      -webkit-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column;
      gap: 20px; }
      .staff-banner-directores .container .directores-section .item {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        grid-template-areas: "one two";
        gap: 40px; }
        @media (max-width: 768px) {
          .staff-banner-directores .container .directores-section .item {
            grid-template-columns: 1fr;
            grid-template-areas: "one" "two"; } }
        .staff-banner-directores .container .directores-section .item:nth-last-child(even) {
          grid-template-columns: repeat(2, 1fr);
          grid-template-areas: "two one"; }
          @media (max-width: 768px) {
            .staff-banner-directores .container .directores-section .item:nth-last-child(even) {
              grid-template-columns: 1fr;
              grid-template-areas: "one" "two"; } }
        .staff-banner-directores .container .directores-section .item img {
          grid-area: one; }
        .staff-banner-directores .container .directores-section .item .info {
          grid-area: two;
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex;
          -webkit-box-align: start;
              -ms-flex-align: start;
                  align-items: flex-start;
          -webkit-box-pack: center;
              -ms-flex-pack: center;
                  justify-content: center;
          -webkit-box-orient: vertical;
          -webkit-box-direction: normal;
              -ms-flex-direction: column;
                  flex-direction: column;
          gap: 10px; }
          .staff-banner-directores .container .directores-section .item .info p {
            text-align: left; }
            .staff-banner-directores .container .directores-section .item .info p span {
              font-weight: 300 !important;
              font-size: 20px !important; }
    .staff-banner-directores .container .directores-card {
      display: grid;
      grid-template-columns: repeat(4, 1fr);
      gap: 40px; }
      @media (max-width: 1200px) {
        .staff-banner-directores .container .directores-card {
          grid-template-columns: repeat(2, 1fr); } }
      @media (max-width: 768px) {
        .staff-banner-directores .container .directores-card {
          grid-template-columns: 1fr; } }
      .staff-banner-directores .container .directores-card .card {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
        -webkit-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
        gap: 10px; }
        .staff-banner-directores .container .directores-card .card img {
          max-width: 375px;
          width: 100%;
          height: 350px;
          -o-object-fit: cover;
             object-fit: cover; }
        .staff-banner-directores .container .directores-card .card .info p {
          text-align: center; }
      .staff-banner-directores .container .directores-card .modal {
        display: none;
        position: fixed;
        top: 0;
        bottom: 0;
        right: 0;
        margin: auto;
        left: 0;
        width: 100%;
        height: 100%;
        background: rgba(0, 0, 0, 0.5);
        z-index: 1000;
        overflow: auto; }
        .staff-banner-directores .container .directores-card .modal .modal-content {
          display: grid;
          grid-template-columns: repeat(2, 1fr);
          -webkit-box-align: center;
              -ms-flex-align: center;
                  align-items: center;
          gap: 20px;
          max-width: 1000px;
          height: 500px;
          background: #fff;
          padding: 20px;
          border-radius: 8px;
          position: absolute;
          left: 0;
          top: 0;
          bottom: 0;
          right: 0;
          margin: auto;
          overflow: hidden;
          padding: 10px; }
          @media (max-width: 768px) {
            .staff-banner-directores .container .directores-card .modal .modal-content {
              grid-template-columns: 1fr;
              height: 750px; } }
          .staff-banner-directores .container .directores-card .modal .modal-content img {
            width: 100%;
            max-width: 900px;
            height: 100%;
            -o-object-fit: cover;
               object-fit: cover; }
          .staff-banner-directores .container .directores-card .modal .modal-content .info {
            padding: 20px 40px 20px 20px;
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-align: center;
                -ms-flex-align: center;
                    align-items: center;
            -webkit-box-pack: start;
                -ms-flex-pack: start;
                    justify-content: flex-start;
            -webkit-box-orient: vertical;
            -webkit-box-direction: normal;
                -ms-flex-direction: column;
                    flex-direction: column;
            gap: 20px;
            overflow-y: auto;
            height: 100%; }
          .staff-banner-directores .container .directores-card .modal .modal-content .close {
            position: absolute;
            top: 10px;
            right: 10px;
            font-size: 34px !important;
            cursor: pointer;
            color: #333; }

.staff-consejo-superior {
  padding: 40px 0; }
  .staff-consejo-superior .container {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 40px; }
    @media (max-width: 768px) {
      .staff-consejo-superior .container {
        grid-template-columns: 1fr; } }
    .staff-consejo-superior .container .content {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: start;
          -ms-flex-align: start;
              align-items: flex-start;
      -webkit-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column;
      gap: 20px; }
      .staff-consejo-superior .container .content ul {
        padding: 0 20px; }

.banner-gps-monico {
  padding: 140px 0 80px 0;
  overflow-x: clip;
  z-index: 2; }
  .banner-gps-monico.black {
    background: #000;
    color: #fff; }
  .banner-gps-monico .container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 80px;
    position: relative; }
    .banner-gps-monico .container .decorations3D {
      position: absolute;
      left: -30px;
      top: 350px;
      z-index: -1;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      -webkit-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center;
      gap: 0px; }
      .banner-gps-monico .container .decorations3D.type2 {
        left: auto;
        right: 0;
        top: 0; }
        .banner-gps-monico .container .decorations3D.type2 .ornament {
          width: 80px; }
          .banner-gps-monico .container .decorations3D.type2 .ornament.type2 {
            width: 40px; }
      .banner-gps-monico .container .decorations3D.type3 {
        top: 50%; }
        .banner-gps-monico .container .decorations3D.type3 .ornament {
          width: 20px; }
          .banner-gps-monico .container .decorations3D.type3 .ornament.type2 {
            width: 30px; }
      .banner-gps-monico .container .decorations3D .ornament {
        width: 20px; }
        .banner-gps-monico .container .decorations3D .ornament.type2 {
          width: 60px; }
    .banner-gps-monico .container h1 {
      text-align: center; }
    .banner-gps-monico .container .banner {
      width: 100%;
      display: grid;
      grid-template-columns: repeat(2, 1fr);
      grid-template-areas: "one two";
      gap: 40px; }
      @media (max-width: 768px) {
        .banner-gps-monico .container .banner {
          grid-template-columns: 1fr;
          grid-template-areas: "one" "two"; } }
      .banner-gps-monico .container .banner img {
        grid-area: one; }
      .banner-gps-monico .container .banner .info {
        grid-area: two;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: start;
            -ms-flex-align: start;
                align-items: flex-start;
        -webkit-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
        gap: 10px; }
        .banner-gps-monico .container .banner .info p {
          text-align: left; }
          .banner-gps-monico .container .banner .info p span {
            font-weight: 300 !important;
            font-size: 20px !important; }
        .banner-gps-monico .container .banner .info .container-buttons {
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex;
          -webkit-box-align: center;
              -ms-flex-align: center;
                  align-items: center;
          -webkit-box-pack: center;
              -ms-flex-pack: center;
                  justify-content: center;
          gap: 10px; }

.cards-gps-monico {
  padding: 40px 0 80px 0;
  position: relative;
  z-index: 2;
  overflow-x: clip; }
  .cards-gps-monico.black {
    background: #000;
    color: #fff; }
  .cards-gps-monico .container {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 40px; }
    @media (max-width: 768px) {
      .cards-gps-monico .container {
        grid-template-columns: 1fr; } }
    .cards-gps-monico .container .item {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      -webkit-box-pack: start;
          -ms-flex-pack: start;
              justify-content: flex-start;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column;
      gap: 7px; }
      .cards-gps-monico .container .item img {
        height: 300px;
        -o-object-fit: contain;
           object-fit: contain;
        -o-object-position: center;
           object-position: center; }
      .cards-gps-monico .container .item p {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
        -webkit-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center;
        gap: 7px;
        text-align: center; }
        .cards-gps-monico .container .item p strong {
          background: #FF5100;
          color: #fff;
          border-radius: 20px;
          padding: 5px 10px !important;
          border: 2px solid #FF5100;
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex;
          -webkit-box-align: center;
              -ms-flex-align: center;
                  align-items: center;
          -webkit-box-pack: center;
              -ms-flex-pack: center;
                  justify-content: center;
          gap: 5px;
          font-weight: 700;
          font-size: 14px !important; }
        .cards-gps-monico .container .item p svg {
          width: 20px;
          height: 20px; }
      .cards-gps-monico .container .item .container-buttons {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
        -webkit-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
        gap: 5px; }
  .cards-gps-monico .decorations3D {
    position: absolute;
    left: 20px;
    top: 100px;
    z-index: -1; }
    @media (max-width: 768px) {
      .cards-gps-monico .decorations3D {
        left: 0; } }
    .cards-gps-monico .decorations3D .ornament {
      width: 10px; }
      .cards-gps-monico .decorations3D .ornament.type2 {
        width: 20px; }

.banner-proyeccion-social {
  padding: 140px 0 80px 0;
  background: url("https://monicaherrera.edu.sv/wp-content/themes/custom_theme/dist/images/bg-logo-resear-list.svg");
  background-position: top left;
  background-repeat: no-repeat;
  background-size: 45%;
  background-color: #FF5100;
  position: relative;
  overflow-x: clip; }
  .banner-proyeccion-social.intercambios {
    background-color: #009157; }
  .banner-proyeccion-social .container {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 40px;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    position: relative; }
    @media (max-width: 768px) {
      .banner-proyeccion-social .container {
        grid-template-columns: 1fr; } }
    .banner-proyeccion-social .container figure {
      width: 450px;
      height: 450px;
      display: block;
      margin: 0 auto;
      position: relative;
      z-index: 1; }
      @media (max-width: 768px) {
        .banner-proyeccion-social .container figure {
          max-width: 450px;
          width: 100%; } }
      .banner-proyeccion-social .container figure img {
        width: 100%;
        height: 100%;
        max-width: 100%;
        -o-object-fit: contain;
           object-fit: contain;
        z-index: 1; }
      .banner-proyeccion-social .container figure .decorations3D {
        position: absolute;
        left: 0px;
        top: 350px;
        z-index: 2;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
        -webkit-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center;
        gap: 0px; }
        .banner-proyeccion-social .container figure .decorations3D.type2 {
          left: auto;
          right: 0;
          top: 0; }
          .banner-proyeccion-social .container figure .decorations3D.type2 .ornament {
            width: 80px; }
            .banner-proyeccion-social .container figure .decorations3D.type2 .ornament.type2 {
              width: 40px; }
        .banner-proyeccion-social .container figure .decorations3D .ornament {
          width: 20px; }
          .banner-proyeccion-social .container figure .decorations3D .ornament.type2 {
            width: 60px; }
    .banner-proyeccion-social .container .content {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: start;
          -ms-flex-align: start;
              align-items: flex-start;
      -webkit-box-pack: start;
          -ms-flex-pack: start;
              justify-content: flex-start;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column;
      gap: 20px; }
      .banner-proyeccion-social .container .content h1 {
        font-size: 65px;
        font-weight: 700;
        line-height: 65px;
        color: #fff; }
        @media (max-width: 768px) {
          .banner-proyeccion-social .container .content h1 {
            font-size: 30px;
            line-height: 35px; } }
      .banner-proyeccion-social .container .content p {
        font-size: 18px;
        color: #fff; }
      .banner-proyeccion-social .container .content .container-buttons {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
        -webkit-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
        gap: 10px; }
  .banner-proyeccion-social:before {
    content: '';
    position: absolute;
    left: -200px;
    bottom: -70px;
    width: 150%;
    height: 16%;
    background: #fff;
    -webkit-transform: rotate(3deg);
            transform: rotate(3deg); }
    @media (max-width: 768px) {
      .banner-proyeccion-social:before {
        display: none; } }

.info-proyeccion-social {
  padding: 40px 0; }
  .info-proyeccion-social .container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 20px;
    max-width: 1200px; }
    .info-proyeccion-social .container h3 {
      text-align: center;
      font-weight: 300; }

.block-info-proyeccion-social {
  padding: 140px 0 80px 0;
  overflow-x: clip;
  z-index: 2; }
  .block-info-proyeccion-social .container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 80px;
    position: relative; }
    .block-info-proyeccion-social .container .decorations3D {
      position: absolute;
      left: -30px;
      top: 350px;
      z-index: -1;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      -webkit-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center;
      gap: 0px; }
      .block-info-proyeccion-social .container .decorations3D.type2 {
        left: auto;
        right: -80px;
        top: 0; }
        @media (max-width: 768px) {
          .block-info-proyeccion-social .container .decorations3D.type2 {
            right: 0; } }
        .block-info-proyeccion-social .container .decorations3D.type2 .ornament {
          width: 280px; }
          @media (max-width: 768px) {
            .block-info-proyeccion-social .container .decorations3D.type2 .ornament {
              width: 50px; } }
          .block-info-proyeccion-social .container .decorations3D.type2 .ornament.type3 {
            width: 40px; }
            @media (max-width: 768px) {
              .block-info-proyeccion-social .container .decorations3D.type2 .ornament.type3 {
                width: 20px; } }
      .block-info-proyeccion-social .container .decorations3D.type3 {
        top: 50%; }
        .block-info-proyeccion-social .container .decorations3D.type3 .ornament {
          width: 20px; }
          .block-info-proyeccion-social .container .decorations3D.type3 .ornament.type2 {
            width: 30px; }
      .block-info-proyeccion-social .container .decorations3D .ornament {
        width: 20px; }
        .block-info-proyeccion-social .container .decorations3D .ornament.type2 {
          width: 60px; }
    .block-info-proyeccion-social .container h1 {
      text-align: center; }
    .block-info-proyeccion-social .container .block {
      width: 100%;
      display: grid;
      grid-template-columns: repeat(2, 1fr);
      grid-template-areas: "one two";
      gap: 40px; }
      @media (max-width: 768px) {
        .block-info-proyeccion-social .container .block {
          grid-template-columns: 1fr;
          grid-template-areas: "one" "two"; } }
      .block-info-proyeccion-social .container .block .info {
        grid-area: one;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: start;
            -ms-flex-align: start;
                align-items: flex-start;
        -webkit-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
        gap: 10px; }
        .block-info-proyeccion-social .container .block .info p {
          text-align: left; }
          .block-info-proyeccion-social .container .block .info p span {
            font-weight: 300 !important;
            font-size: 20px !important; }
        .block-info-proyeccion-social .container .block .info ul {
          padding: 0 20px; }
        .block-info-proyeccion-social .container .block .info .container-buttons {
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex;
          -webkit-box-align: center;
              -ms-flex-align: center;
                  align-items: center;
          -webkit-box-pack: center;
              -ms-flex-pack: center;
                  justify-content: center;
          gap: 10px;
          -ms-flex-wrap: wrap;
              flex-wrap: wrap; }
      .block-info-proyeccion-social .container .block img {
        grid-area: two; }

.items-intercambios {
  padding: 40px 0; }
  .items-intercambios .container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-line-pack: center;
        align-content: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 30px; }
    .items-intercambios .container .block {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      -webkit-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column;
      gap: 40px;
      padding: 40px 0; }
      .items-intercambios .container .block h4 {
        text-align: center; }
      .items-intercambios .container .block .container-items {
        width: 100%;
        gap: 40px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: start;
            -ms-flex-align: start;
                align-items: flex-start;
        -webkit-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap; }
        .items-intercambios .container .block .container-items .item {
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex;
          -webkit-box-align: center;
              -ms-flex-align: center;
                  align-items: center;
          -webkit-box-pack: center;
              -ms-flex-pack: center;
                  justify-content: center;
          -webkit-box-orient: vertical;
          -webkit-box-direction: normal;
              -ms-flex-direction: column;
                  flex-direction: column;
          gap: 5px;
          width: 22%; }
          @media (max-width: 768px) {
            .items-intercambios .container .block .container-items .item {
              width: 100%; } }
          .items-intercambios .container .block .container-items .item p {
            text-align: center; }
          .items-intercambios .container .block .container-items .item img {
            height: 100px;
            width: 200px;
            -o-object-fit: contain;
               object-fit: contain; }

.not-found {
  padding: 120px 0;
  min-height: calc(100vh - 350px);
  background: url("https://monicaherrera.edu.sv/wp-content/themes/custom_theme/dist/images/bg-logo-resear-list.svg");
  background-position: top left;
  background-repeat: no-repeat;
  background-size: 45%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center; }
  .not-found .container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 20px; }
    .not-found .container h1 {
      font-size: 65px !important;
      color: #009157; }

.banner-becas-empresas {
  padding: 140px 0 80px 0;
  background: url("https://monicaherrera.edu.sv/wp-content/themes/custom_theme/dist/images/bg-logo-resear-list.svg");
  background-position: top left;
  background-repeat: no-repeat;
  background-size: 45%;
  background-color: #009157;
  position: relative;
  overflow-x: clip;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 20px; }
  .banner-becas-empresas .container {
    width: 100%;
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 40px;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    position: relative; }
    @media (max-width: 768px) {
      .banner-becas-empresas .container {
        grid-template-columns: 1fr; } }
    .banner-becas-empresas .container figure {
      width: 450px;
      height: 450px;
      display: block;
      margin: 0 auto;
      position: relative;
      z-index: 1; }
      @media (max-width: 768px) {
        .banner-becas-empresas .container figure {
          max-width: 450px;
          width: 100%; } }
      .banner-becas-empresas .container figure img {
        width: 100%;
        height: 100%;
        max-width: 100%;
        -o-object-fit: contain;
           object-fit: contain;
        z-index: 1; }
      .banner-becas-empresas .container figure .decorations3D {
        position: absolute;
        left: 0px;
        top: 350px;
        z-index: 2;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
        -webkit-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center;
        gap: 0px; }
        .banner-becas-empresas .container figure .decorations3D.type2 {
          left: auto;
          right: 0;
          top: 0; }
          .banner-becas-empresas .container figure .decorations3D.type2 .ornament {
            width: 80px; }
            .banner-becas-empresas .container figure .decorations3D.type2 .ornament.type2 {
              width: 40px; }
        .banner-becas-empresas .container figure .decorations3D .ornament {
          width: 20px; }
          .banner-becas-empresas .container figure .decorations3D .ornament.type2 {
            width: 60px; }
    .banner-becas-empresas .container .content {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: start;
          -ms-flex-align: start;
              align-items: flex-start;
      -webkit-box-pack: start;
          -ms-flex-pack: start;
              justify-content: flex-start;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column;
      gap: 20px; }
      .banner-becas-empresas .container .content h1 {
        font-size: 65px;
        font-weight: 700;
        line-height: 65px;
        color: #fff; }
        @media (max-width: 768px) {
          .banner-becas-empresas .container .content h1 {
            font-size: 30px;
            line-height: 35px; } }
      .banner-becas-empresas .container .content p {
        font-size: 18px;
        color: #fff; }
      .banner-becas-empresas .container .content .container-buttons {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
        -webkit-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
        gap: 10px; }
  .banner-becas-empresas .layoaut {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 10px;
    max-width: 850px;
    width: 100%;
    background: #FFC600;
    z-index: 20;
    padding: 40px;
    text-align: center; }
    .banner-becas-empresas .layoaut p {
      text-align: center; }
    .banner-becas-empresas .layoaut h3, .banner-becas-empresas .layoaut h2, .banner-becas-empresas .layoaut h4 {
      text-align: center; }
  .banner-becas-empresas:before {
    content: '';
    position: absolute;
    left: -200px;
    bottom: -70px;
    width: 150%;
    height: 16%;
    background: #fff;
    -webkit-transform: rotate(3deg);
            transform: rotate(3deg); }
    @media (max-width: 768px) {
      .banner-becas-empresas:before {
        display: none; } }

.empresas {
  padding: 80px 0 40px 0; }
  .empresas .container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 20px; }
    .empresas .container .container-icons {
      width: 100%;
      display: grid;
      grid-template-columns: repeat(5, 1fr);
      gap: 10px; }
      @media (max-width: 768px) {
        .empresas .container .container-icons {
          grid-template-columns: repeat(2, 1fr); } }
      .empresas .container .container-icons .item {
        -webkit-transition: all 0.3s;
        transition: all 0.3s; }
        .empresas .container .container-icons .item img {
          height: 85px;
          -o-object-fit: contain;
             object-fit: contain; }
        .empresas .container .container-icons .item:hover {
          -webkit-transform: scale(1.1);
                  transform: scale(1.1); }

.icons-info-objetivos-becas-empresas {
  padding: 40px 0 80px 0;
  background: #fff;
  color: #000;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 40px; }
  .icons-info-objetivos-becas-empresas > p {
    text-align: center;
    padding: 0 20px; }
  .icons-info-objetivos-becas-empresas .container {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 40px; }
    @media (max-width: 768px) {
      .icons-info-objetivos-becas-empresas .container {
        grid-template-columns: 1fr; } }
    .icons-info-objetivos-becas-empresas .container .item {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      -webkit-box-pack: start;
          -ms-flex-pack: start;
              justify-content: flex-start;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column;
      gap: 20px; }
      .icons-info-objetivos-becas-empresas .container .item img {
        max-width: 175px;
        width: 100%; }
      .icons-info-objetivos-becas-empresas .container .item p {
        text-align: center;
        font-size: 18px; }

.sponsors {
  padding: 40px 0; }
  .sponsors .container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 20px; }
    .sponsors .container .block {
      width: 100%;
      display: grid;
      grid-template-columns: repeat(2, 1fr);
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      gap: 30px; }
      @media (max-width: 768px) {
        .sponsors .container .block {
          grid-template-columns: 1fr; } }
      .sponsors .container .block img {
        height: 100%;
        -o-object-fit: cover;
           object-fit: cover;
        -o-object-position: center;
           object-position: center; }
      .sponsors .container .block .descripcion {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: start;
            -ms-flex-align: start;
                align-items: flex-start;
        -webkit-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
        gap: 20px; }
        .sponsors .container .block .descripcion ul {
          padding: 0 20px; }

.grids-information-becas-empresas {
  padding: 80px 0 20px 0; }
  .grids-information-becas-empresas .container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 20px; }
    .grids-information-becas-empresas .container .block {
      width: 100%;
      display: grid;
      grid-template-columns: repeat(2, 1fr);
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      gap: 40px; }
      @media (max-width: 768px) {
        .grids-information-becas-empresas .container .block {
          grid-template-columns: 1fr; } }
      .grids-information-becas-empresas .container .block .item-block {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: start;
            -ms-flex-align: start;
                align-items: flex-start;
        -webkit-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
        gap: 10px;
        padding: 40px;
        height: 100%; }
        .grids-information-becas-empresas .container .block .item-block ul {
          padding: 0 20px; }
        .grids-information-becas-empresas .container .block .item-block.white {
          background: #fff; }
        .grids-information-becas-empresas .container .block .item-block.orange {
          background: #FF5100; }
        .grids-information-becas-empresas .container .block .item-block.yellow {
          background: #FFC600; }
        .grids-information-becas-empresas .container .block .item-block.magenta {
          background: #FFAAF4; }
    .grids-information-becas-empresas .container > p {
      text-align: center; }

.container-marquee {
  min-height: 400px !important;
  display: grid;
  -ms-flex-line-pack: center;
      align-content: center;
  overflow: hidden !important;
  gap: 0rem;
  width: 100%;
  font-family: "Corben", system-ui, sans-serif;
  font-size: 0rem;
  line-height: 0;
  position: relative;
  margin: 40px 0; }
  .container-marquee .overlay {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 3;
    color: #fff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    display: none; }
    .container-marquee .overlay h3 {
      font-size: 99px !important;
      line-height: 110px !important;
      padding: 0 350px 0 0; }
      @media (max-width: 768px) {
        .container-marquee .overlay h3 {
          font-size: 35px !important;
          line-height: 35px !important;
          padding: 0; } }
      .container-marquee .overlay h3:last-child {
        padding: 0 0 0 350px; }
        @media (max-width: 768px) {
          .container-marquee .overlay h3:last-child {
            font-size: 35px !important;
            line-height: 35px !important;
            padding: 0; } }
  .container-marquee .marquee {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    overflow: hidden;
    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;
    gap: 0rem; }
  .container-marquee .marquee__group {
    -ms-flex-negative: 0;
        flex-shrink: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -ms-flex-pack: distribute;
        justify-content: space-around;
    gap: 0rem;
    min-width: 100%;
    -webkit-animation: scroll 60s linear infinite;
            animation: scroll 60s linear infinite; }
  @media (prefers-reduced-motion: reduce) {
    .container-marquee .marquee__group {
      -webkit-animation-play-state: paused;
              animation-play-state: paused; } }
  .container-marquee .marquee__group img {
    max-width: 100%;
    width: 100%;
    height: 400px;
    aspect-ratio: 2/2;
    -o-object-fit: cover;
       object-fit: cover; }
  .container-marquee .marquee__group p {
    background-image: linear-gradient(75deg, #2525d4 0%, #4b25d4 11%, #7425d4 22%, #9723d1 33%, #bd23d1 44%, #d123bd 56%, #d12397 67%, #d32272 78%, #d32248 89%, #cf2020 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent; }
  .container-marquee .marquee--borders {
    border-block: 0px solid dodgerblue;
    padding-block: 0.75rem; }
  .container-marquee .marquee--reverse .marquee__group {
    animation-direction: reverse;
    -webkit-animation-delay: calc(60s / -2);
            animation-delay: calc(60s / -2); }

@-webkit-keyframes scroll {
  0% {
    -webkit-transform: translateX(0);
            transform: translateX(0); }
  100% {
    -webkit-transform: translateX(-100%);
            transform: translateX(-100%); } }

@keyframes scroll {
  0% {
    -webkit-transform: translateX(0);
            transform: translateX(0); }
  100% {
    -webkit-transform: translateX(-100%);
            transform: translateX(-100%); } }
  .container-marquee:before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.5);
    z-index: 1;
    display: none; }

#search {
  min-height: calc(100vh - 300px);
  padding: 160px 0 80px 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  background: url("https://monicaherrera.edu.sv/wp-content/themes/custom_theme/dist/images/bg-logo-resear-list.svg");
  background-position: top left;
  background-repeat: no-repeat;
  background-size: 45%; }
  @media (max-width: 768px) {
    #search {
      padding: 120px 0; } }
  #search .container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 20px; }
    @media (max-width: 768px) {
      #search .container {
        text-align: center; } }
    #search .container hr {
      width: 100%; }
    #search .container h1 span {
      font-size: 34px !important;
      line-height: 45px !important;
      color: #009157; }
    #search .container .container-items {
      display: grid;
      grid-template-columns: repeat(3, 1fr);
      width: 100%;
      gap: 20px;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center; }
      @media (max-width: 768px) {
        #search .container .container-items {
          grid-template-columns: 1fr; } }
      #search .container .container-items .item {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
        -webkit-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
        gap: 10px;
        -webkit-box-shadow: 5px 5px 20px rgba(0, 0, 0, 0.1);
                box-shadow: 5px 5px 20px rgba(0, 0, 0, 0.1);
        padding: 40px;
        border-radius: 20px;
        max-width: 400px;
        width: 100%;
        text-align: center;
        background-color: #fff; }
        #search .container .container-items .item .bsearch_highlight {
          font-size: 34px !important;
          line-height: 45px !important;
          background: none; }

#search-section {
  max-width: 800px;
  width: 100%;
  background: url("https://monicaherrera.edu.sv/wp-content/themes/custom_theme/dist/images/bg-logo-resear-list.svg");
  background-position: top left;
  background-repeat: no-repeat;
  background-size: 45%;
  background-color: #fff; }
  #search-section .container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column; }
    #search-section .container form {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      -webkit-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column;
      gap: 20px;
      width: 100%;
      max-width: 600px; }
      #search-section .container form input {
        width: 100%;
        padding: 10px;
        line-height: 25px;
        border: 2px solid #009157;
        outline: none;
        border-radius: 20px;
        font-size: 16px !important;
        line-height: 25px !important; }
      #search-section .container form input[type=submit] {
        max-width: 250px;
        border: 2px solid #000;
        cursor: pointer; }

.becas-punto-iframes-videos {
  padding: 80px 0 120px 0; }
  .becas-punto-iframes-videos .container {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 40px; }
    @media (max-width: 768px) {
      .becas-punto-iframes-videos .container {
        grid-template-columns: 1fr; } }
  @media (max-width: 768px) {
    .becas-punto-iframes-videos {
      padding: 80px 0; } }

.items-especializaciones-list {
  padding: 80px 0 40px 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  z-index: 50; }
  @media (max-width: 768px) {
    .items-especializaciones-list {
      padding: 40px 0; } }
  .items-especializaciones-list .container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    gap: 30px; }
    .items-especializaciones-list .container .item {
      width: 27%;
      color: #000;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      -webkit-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column;
      gap: 20px; }
      @media (max-width: 1024px) {
        .items-especializaciones-list .container .item {
          width: 50%; } }
      @media (max-width: 768px) {
        .items-especializaciones-list .container .item {
          width: 100%; } }
      .items-especializaciones-list .container .item p {
        text-align: center; }

.block-especializaciones-list {
  padding: 40px 0; }
  .block-especializaciones-list .container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 40px; }
    .block-especializaciones-list .container .block {
      display: grid;
      grid-template-columns: repeat(2, 1fr);
      grid-template-areas: "one two";
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      gap: 40px;
      width: 100%; }
      @media (max-width: 768px) {
        .block-especializaciones-list .container .block {
          grid-template-columns: 1fr;
          grid-template-areas: "one" "two"; } }
      .block-especializaciones-list .container .block:nth-child(even) {
        grid-template-areas: "two one"; }
        @media (max-width: 768px) {
          .block-especializaciones-list .container .block:nth-child(even) {
            grid-template-columns: 1fr;
            grid-template-areas: "one" "two"; } }
      .block-especializaciones-list .container .block img {
        grid-area: one; }
      .block-especializaciones-list .container .block .info {
        grid-area: two; }
        .block-especializaciones-list .container .block .info ul {
          padding: 0 20px; }

.info-padres {
  padding: 120px 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 20px; }
  .info-padres.orange {
    background: #FF5100;
    color: #fff;
    padding: 20px 0 120px 0; }
    .info-padres.orange .container .block figure img {
      width: 100%;
      max-width: 100%; }
  .info-padres p {
    font-size: 24px; }
  .info-padres .container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 50px; }
    .info-padres .container .block {
      display: grid;
      grid-template-columns: repeat(2, 1fr);
      grid-template-areas: "one two";
      gap: 40px;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center; }
      .info-padres .container .block.type2 {
        grid-template-areas: "two one"; }
        @media (max-width: 768px) {
          .info-padres .container .block.type2 {
            grid-template-areas: "one" "two"; } }
      @media (max-width: 768px) {
        .info-padres .container .block {
          grid-template-columns: 1fr;
          grid-template-areas: "one" "two"; } }
      .info-padres .container .block figure {
        grid-area: one;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
        -webkit-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center;
        position: relative;
        z-index: 20; }
        .info-padres .container .block figure img {
          width: 100%;
          max-width: 400px; }
        .info-padres .container .block figure .decorations3D {
          position: absolute;
          left: 0px;
          top: 350px;
          z-index: 2;
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex;
          -webkit-box-align: center;
              -ms-flex-align: center;
                  align-items: center;
          -webkit-box-pack: center;
              -ms-flex-pack: center;
                  justify-content: center;
          gap: 0px; }
          @media (max-width: 768px) {
            .info-padres .container .block figure .decorations3D {
              z-index: -1; } }
          .info-padres .container .block figure .decorations3D.type2 {
            left: auto;
            right: 0;
            top: 0; }
            .info-padres .container .block figure .decorations3D.type2 .ornament {
              width: 80px; }
              .info-padres .container .block figure .decorations3D.type2 .ornament.type2 {
                width: 40px; }
          .info-padres .container .block figure .decorations3D .ornament {
            width: 20px; }
            .info-padres .container .block figure .decorations3D .ornament.type2 {
              width: 60px; }
      .info-padres .container .block .info {
        grid-area: two;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: start;
            -ms-flex-align: start;
                align-items: flex-start;
        -webkit-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
        gap: 20px;
        z-index: 20; }
        .info-padres .container .block .info h4 {
          font-size: 65px; }
          @media (max-width: 768px) {
            .info-padres .container .block .info h4 {
              font-size: 30px; } }
        .info-padres .container .block .info p {
          font-size: 18px; }
  .info-padres .picture-fullwidth {
    width: 100%;
    max-width: 1400px;
    margin: 0 auto;
    padding: 0 20px; }
    .info-padres .picture-fullwidth img {
      width: 100%; }
  .info-padres .slider4 {
    width: 100%;
    max-width: 1400px;
    margin: 0 auto;
    padding: 0 20px;
    position: relative;
    width: 100%; }
    .info-padres .slider4 img {
      width: 100%;
      height: 765px;
      -o-object-fit: cover;
         object-fit: cover; }
      @media (max-width: 768px) {
        .info-padres .slider4 img {
          height: 100%; } }
    .info-padres .slider4 .slick-dots {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      margin: 0;
      padding: 0;
      list-style: none;
      -webkit-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center;
      position: absolute;
      bottom: 0;
      left: 0;
      bottom: 20px;
      right: 0;
      margin: auto; }
      @media (max-width: 768px) {
        .info-padres .slider4 .slick-dots {
          -webkit-box-pack: center;
              -ms-flex-pack: center;
                  justify-content: center;
          -ms-flex-wrap: wrap !important;
              flex-wrap: wrap !important;
          gap: 5px;
          bottom: 10px; } }
      .info-padres .slider4 .slick-dots li {
        padding: 5px 11px;
        position: relative;
        cursor: pointer; }
        @media (max-width: 768px) {
          .info-padres .slider4 .slick-dots li {
            padding: 5px; } }
        .info-padres .slider4 .slick-dots li button {
          opacity: 0;
          cursor: pointer; }
        .info-padres .slider4 .slick-dots li:before {
          content: "";
          width: 10px;
          height: 10px;
          border-radius: 50%;
          border: 2px solid #D9D9D9;
          background-color: #D9D9D9;
          position: absolute;
          top: 0;
          left: 0;
          right: 0;
          bottom: 0;
          margin: auto;
          -webkit-transition: all 0.3s;
          transition: all 0.3s; }
          @media (max-width: 768px) {
            .info-padres .slider4 .slick-dots li:before {
              width: 10px;
              height: 10px;
              left: 10px; } }
        .info-padres .slider4 .slick-dots li.slick-active:before {
          background-color: #FFC600;
          border: 2px solid #FFC600; }

.oportunidad-padres {
  background-size: 10%;
  height: 100%;
  background: -webkit-gradient(linear, left top, left bottom, color-stop(45%, transparent), color-stop(45%, #000));
  background: linear-gradient(180deg, transparent 45%, #000 45%);
  position: relative;
  overflow-x: clip;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column; }
  @media (max-width: 768px) {
    .oportunidad-padres {
      padding: 0 0 0 0;
      -webkit-box-align: start;
          -ms-flex-align: start;
              align-items: flex-start;
      -webkit-box-pack: start;
          -ms-flex-pack: start;
              justify-content: flex-start; } }
  .oportunidad-padres .container {
    width: 100%;
    line-height: auto; }
    .oportunidad-padres .container .block1 {
      display: grid;
      grid-template-columns: repeat(7, 1fr);
      grid-template-areas: "one one one one two two two";
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      gap: 60px; }
      @media (max-width: 768px) {
        .oportunidad-padres .container .block1 {
          grid-template-columns: 1fr;
          grid-template-areas: "one" "two";
          padding-bottom: 40px; } }
      .oportunidad-padres .container .block1 .info {
        grid-area: one;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: start;
            -ms-flex-align: start;
                align-items: flex-start;
        -webkit-box-pack: start;
            -ms-flex-pack: start;
                justify-content: flex-start;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
        gap: 20px;
        position: relative;
        margin-bottom: 80px; }
        @media (max-width: 768px) {
          .oportunidad-padres .container .block1 .info {
            margin-bottom: auto; } }
        .oportunidad-padres .container .block1 .info h3 {
          font-size: 100px !important;
          line-height: 100px !important;
          font-weight: 700;
          color: #fff;
          max-height: 200px; }
          @media (max-width: 768px) {
            .oportunidad-padres .container .block1 .info h3 {
              font-size: 30px !important;
              line-height: 35px !important;
              max-height: 100%; } }
        .oportunidad-padres .container .block1 .info p {
          color: #fff;
          line-height: 25px !important;
          max-height: 125px;
          overflow-y: auto;
          scrollbar-color: #FF5100 #000; }
          @media (max-width: 768px) {
            .oportunidad-padres .container .block1 .info p {
              max-height: 100%; } }
        .oportunidad-padres .container .block1 .info .decorations3D {
          position: absolute;
          right: 0;
          top: -145px;
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex;
          -webkit-box-align: start;
              -ms-flex-align: start;
                  align-items: flex-start;
          -webkit-box-pack: center;
              -ms-flex-pack: center;
                  justify-content: center;
          gap: 10px; }
          @media (max-width: 768px) {
            .oportunidad-padres .container .block1 .info .decorations3D {
              top: 0; } }
          .oportunidad-padres .container .block1 .info .decorations3D .ornament {
            width: 10px;
            -webkit-transition: all 0.3s ease-in-out;
            transition: all 0.3s ease-in-out;
            z-index: 11; }
            .oportunidad-padres .container .block1 .info .decorations3D .ornament.type2 {
              width: 25px; }
            .oportunidad-padres .container .block1 .info .decorations3D .ornament:hover {
              -webkit-transform: scale(1.2);
                      transform: scale(1.2); }
      .oportunidad-padres .container .block1 figure {
        grid-area: two;
        position: relative;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
        -webkit-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
        gap: 5px;
        max-width: 400px;
        width: 100%;
        top: -150px; }
        @media (max-width: 768px) {
          .oportunidad-padres .container .block1 figure {
            top: auto; } }
        .oportunidad-padres .container .block1 figure img {
          width: 100%;
          height: 100%;
          -o-object-fit: cover;
             object-fit: cover; }
        .oportunidad-padres .container .block1 figure figcaption {
          font-size: 24px !important;
          font-weight: 700;
          text-align: left;
          width: 100%;
          color: #fff;
          line-height: 25px !important; }
          .oportunidad-padres .container .block1 figure figcaption span {
            font-size: 16px;
            font-weight: 300; }
  .oportunidad-padres .block2 {
    width: 100%;
    display: grid;
    grid-template-columns: repeat(6, 1fr);
    grid-template-areas: "one one one two two two";
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    gap: 60px;
    background: #4828A9; }
    @media (max-width: 768px) {
      .oportunidad-padres .block2 {
        grid-template-columns: 1fr;
        grid-template-areas: "one" "two";
        padding-bottom: 100px; } }
    .oportunidad-padres .block2 figure {
      grid-area: one;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      -webkit-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center;
      width: 100%;
      height: auto;
      position: relative; }
      @media (max-width: 768px) {
        .oportunidad-padres .block2 figure {
          -webkit-box-align: start;
              -ms-flex-align: start;
                  align-items: flex-start;
          -webkit-box-pack: start;
              -ms-flex-pack: start;
                  justify-content: flex-start;
          height: auto; } }
      .oportunidad-padres .block2 figure img {
        width: 100%;
        height: 100%;
        -o-object-fit: contain;
           object-fit: contain; }
        @media (max-width: 768px) {
          .oportunidad-padres .block2 figure img {
            -o-object-fit: contain;
               object-fit: contain; } }
      .oportunidad-padres .block2 figure:before {
        content: '';
        position: absolute;
        left: 41%;
        top: -247px;
        width: 400%;
        height: 100%;
        background: #4828A9;
        -webkit-transform: rotate(-13deg) skew(-45deg);
                transform: rotate(-13deg) skew(-45deg);
        z-index: -1;
        -webkit-transition: all 0.2s;
        transition: all 0.2s; }
      @media (max-width: 1600px) {
        .oportunidad-padres .block2 figure:before {
          content: '';
          position: absolute;
          left: 41%;
          top: -170px;
          width: 400%;
          height: 100%;
          background: #4828A9;
          -webkit-transform: rotate(-13deg) skew(-45deg);
                  transform: rotate(-13deg) skew(-45deg);
          z-index: -1; } }
      @media (max-width: 1440px) {
        .oportunidad-padres .block2 figure:before {
          content: '';
          position: absolute;
          left: 41%;
          top: -80px;
          width: 400%;
          height: 100%;
          background: #4828A9;
          -webkit-transform: rotate(-13deg) skew(-45deg);
                  transform: rotate(-13deg) skew(-45deg);
          z-index: -1; } }
    .oportunidad-padres .block2 .info {
      grid-area: two;
      padding: 100px 20px;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: start;
          -ms-flex-align: start;
              align-items: flex-start;
      -webkit-box-pack: start;
          -ms-flex-pack: start;
              justify-content: flex-start;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column;
      gap: 20px;
      max-width: 600px;
      width: 100%;
      padding: 0 20px; }
      .oportunidad-padres .block2 .info h2 {
        color: #FFC600; }
      .oportunidad-padres .block2 .info h3 {
        font-size: 100px !important;
        line-height: 100px !important;
        font-weight: 700;
        color: #FFC600;
        max-height: 200px !important; }
        @media (max-width: 768px) {
          .oportunidad-padres .block2 .info h3 {
            font-size: 30px !important;
            line-height: 35px !important;
            max-height: 100% !important; } }
      .oportunidad-padres .block2 .info p {
        color: #FFC600;
        max-height: 176px;
        overflow-y: auto;
        scrollbar-color: #FFC600 #4828A9; }
        @media (max-width: 768px) {
          .oportunidad-padres .block2 .info p {
            max-height: 100%; } }
      .oportunidad-padres .block2 .info .container-buttons {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
        -webkit-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center;
        gap: 5px; }
  .oportunidad-padres:before {
    display: none;
    content: '';
    width: 200%;
    height: 62%;
    left: -100px;
    bottom: -450px;
    background: #fff;
    background-position: fixed;
    position: absolute;
    z-index: -1;
    -webkit-transform: rotate(-10deg);
            transform: rotate(-10deg);
    z-index: 11; }
    @media (max-width: 768px) {
      .oportunidad-padres:before {
        left: 0;
        top: 0; } }
  .oportunidad-padres::after {
    display: none;
    content: '';
    position: absolute;
    width: 100%;
    height: 62%;
    background: #fff;
    -webkit-transform: rotate(-10deg);
            transform: rotate(-10deg);
    bottom: -829px;
    right: -200px;
    -webkit-transition: 0.3s;
    transition: 0.3s; }
    @media (max-width: 1400px) {
      .oportunidad-padres::after {
        bottom: -852px; } }
    @media (max-width: 768px) {
      .oportunidad-padres::after {
        display: none; } }

.block-padres {
  background: #fff;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 40px;
  z-index: 20;
  overflow-x: clip;
  padding: 80px 0; }
  @media (max-width: 768px) {
    .block-padres:before {
      display: none; } }
  .block-padres.type2 {
    padding: 80px 0 100px 0;
    gap: 20px; }
    .block-padres.type2 .container .content p a {
      font-weight: 700;
      color: #000;
      text-decoration: underline; }
    .block-padres.type2:before {
      display: none; }
  @media (max-width: 768px) {
    .block-padres {
      padding: 40px 0; } }
  .block-padres.block {
    padding: 80px 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 80px; }
    .block-padres.block:nth-child(even) .container {
      grid-template-areas: "two one"; }
      @media (max-width: 768px) {
        .block-padres.block:nth-child(even) .container {
          grid-template-columns: 1fr;
          grid-template-areas: "one" "two"; }
          .block-padres.block:nth-child(even) .container figure .decorations3D {
            display: none; } }
    .block-padres.block .container {
      grid-template-areas: "one two";
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center; }
      @media (max-width: 768px) {
        .block-padres.block .container {
          grid-template-columns: 1fr;
          grid-template-areas: "one" "two"; } }
      .block-padres.block .container .content {
        grid-area: one;
        -webkit-box-align: start;
            -ms-flex-align: start;
                align-items: flex-start; }
        .block-padres.block .container .content .container-buttons {
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex;
          -webkit-box-align: center;
              -ms-flex-align: center;
                  align-items: center;
          -webkit-box-pack: center;
              -ms-flex-pack: center;
                  justify-content: center;
          gap: 10px; }
      .block-padres.block .container figure {
        grid-area: two; }
    .block-padres.block .container-videos {
      width: 100%;
      max-width: 1400px;
      margin: 0 auto;
      padding: 0 20px;
      display: grid;
      grid-template-columns: repeat(3, 1fr);
      gap: 20px; }
      @media (max-width: 768px) {
        .block-padres.block .container-videos {
          grid-template-columns: 1fr; } }
    .block-padres.block:before {
      display: none; }
  .block-padres .container {
    width: 100%;
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    gap: 80px; }
    @media (max-width: 768px) {
      .block-padres .container {
        grid-template-columns: 1fr; } }
    .block-padres .container .content {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: start;
          -ms-flex-align: start;
              align-items: flex-start;
      -webkit-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column;
      gap: 20px; }
      .block-padres .container .content h2 {
        font-size: 55px;
        font-weight: 500;
        text-align: center;
        color: #000; }
        @media (max-width: 768px) {
          .block-padres .container .content h2 {
            font-size: 30px; } }
      .block-padres .container .content ul {
        width: 100%;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: start;
            -ms-flex-align: start;
                align-items: flex-start;
        -webkit-box-pack: start;
            -ms-flex-pack: start;
                justify-content: flex-start;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
        gap: 15px; }
        .block-padres .container .content ul li {
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex;
          -webkit-box-align: start;
              -ms-flex-align: start;
                  align-items: flex-start;
          -webkit-box-pack: start;
              -ms-flex-pack: start;
                  justify-content: flex-start;
          gap: 10px;
          width: 100%; }
          .block-padres .container .content ul li svg {
            width: 5% !important;
            height: 20px !important;
            fill: #000 !important; }
          .block-padres .container .content ul li p {
            width: 95%; }
      .block-padres .container .content p {
        font-size: 18px;
        color: #000; }
      .block-padres .container .content .container-items {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
        -ms-flex-pack: distribute;
            justify-content: space-around;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
        gap: 20px; }
        .block-padres .container .content .container-items .item {
          max-width: 150px;
          width: 100%;
          height: 70px;
          -o-object-fit: contain;
             object-fit: contain; }
    .block-padres .container figure {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      -webkit-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center;
      position: relative; }
      .block-padres .container figure img {
        max-width: 100%;
        width: 100%; }
      .block-padres .container figure .decorations3D {
        position: absolute;
        left: 100px;
        top: 350px;
        z-index: 2;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
        -webkit-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center;
        gap: 0px; }
        .block-padres .container figure .decorations3D.type2 {
          left: auto;
          right: 0;
          top: 0; }
          .block-padres .container figure .decorations3D.type2 .ornament {
            width: 80px; }
            .block-padres .container figure .decorations3D.type2 .ornament.type2 {
              width: 40px; }
        .block-padres .container figure .decorations3D .ornament {
          width: 20px; }
          .block-padres .container figure .decorations3D .ornament.type2 {
            width: 60px; }
  .block-padres:before {
    content: '';
    position: absolute;
    left: -200px;
    top: -100px;
    width: 150%;
    height: 50%;
    background: #fff;
    -webkit-transform: rotate(-7deg);
            transform: rotate(-7deg);
    display: none; }

.aliados-padres {
  padding: 80px 0; }
  .aliados-padres .container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 20px; }
    .aliados-padres .container h2 {
      text-align: center; }
    .aliados-padres .container .container-items {
      width: 100%;
      display: grid;
      grid-template-columns: repeat(3, 1fr);
      gap: 20px; }
      @media (max-width: 768px) {
        .aliados-padres .container .container-items {
          grid-template-columns: 1fr; } }
      .aliados-padres .container .container-items .item {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
        -webkit-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column; }
        .aliados-padres .container .container-items .item .brand {
          width: 100%;
          max-width: 250px;
          height: 40px;
          -o-object-fit: contain;
             object-fit: contain;
          width: 100%; }
          @media (max-width: 768px) {
            .aliados-padres .container .container-items .item .brand {
              max-width: auto; } }
        .aliados-padres .container .container-items .item .icon {
          width: 20px;
          height: 20px;
          -o-object-fit: contain;
             object-fit: contain; }

.multimedia-secion-padres {
  padding: 40px 0; }
  .multimedia-secion-padres.purple {
    background: #4828A9;
    padding: 80px 0; }
    .multimedia-secion-padres.purple .container {
      color: #FFC600; }
      .multimedia-secion-padres.purple .container h2 {
        color: #FFC600; }
      .multimedia-secion-padres.purple .container p {
        color: #FFC600; }
  .multimedia-secion-padres .container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 20px; }
    .multimedia-secion-padres .container h2 {
      text-align: center; }
    .multimedia-secion-padres .container .container-videos {
      width: 100%;
      display: grid;
      grid-template-columns: repeat(3, 1fr);
      gap: 40px; }
      @media (max-width: 768px) {
        .multimedia-secion-padres .container .container-videos {
          grid-template-columns: 1fr; } }

.casos-de-exito-section {
  background: #009157;
  padding: 180px 0px 180px 0;
  position: relative;
  z-index: 20; }
  .casos-de-exito-section .container {
    color: #fff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 40px; }
    .casos-de-exito-section .container h1 {
      color: #fff !important; }
    .casos-de-exito-section .container p {
      text-align: center; }
    .casos-de-exito-section .container .container-casos {
      width: 100%;
      display: grid;
      grid-template-columns: repeat(4, 1fr);
      gap: 40px; }
      @media (max-width: 1440px) {
        .casos-de-exito-section .container .container-casos {
          grid-template-columns: repeat(3, 1fr); } }
      @media (max-width: 960px) {
        .casos-de-exito-section .container .container-casos {
          grid-template-columns: repeat(2, 1fr); } }
      @media (max-width: 768px) {
        .casos-de-exito-section .container .container-casos {
          grid-template-columns: 1fr; } }
      .casos-de-exito-section .container .container-casos .item {
        color: #fff;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: left;
            -ms-flex-align: left;
                align-items: left;
        -webkit-box-pack: left;
            -ms-flex-pack: left;
                justify-content: left;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
        gap: 20px; }
        .casos-de-exito-section .container .container-casos .item img {
          max-width: 330px;
          width: 100%;
          height: 330px;
          -o-object-fit: contain;
             object-fit: contain; }
        .casos-de-exito-section .container .container-casos .item .info {
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex;
          -webkit-box-align: start;
              -ms-flex-align: start;
                  align-items: flex-start;
          -webkit-box-pack: start;
              -ms-flex-pack: start;
                  justify-content: flex-start;
          -webkit-box-orient: vertical;
          -webkit-box-direction: normal;
              -ms-flex-direction: column;
                  flex-direction: column;
          gap: 5px; }
          .casos-de-exito-section .container .container-casos .item .info h2 {
            text-align: left;
            font-size: 20px !important;
            line-height: 20px !important;
            margin: 0;
            padding: 0; }
          .casos-de-exito-section .container .container-casos .item .info p {
            margin: 0;
            padding: 0;
            text-align: left;
            font-weight: 300; }
          .casos-de-exito-section .container .container-casos .item .info .social-media {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-align: start;
                -ms-flex-align: start;
                    align-items: flex-start;
            -webkit-box-pack: start;
                -ms-flex-pack: start;
                    justify-content: flex-start;
            -ms-flex-wrap: wrap;
                flex-wrap: wrap;
            gap: 10px; }
            .casos-de-exito-section .container .container-casos .item .info .social-media a svg {
              width: 35px;
              height: 35px;
              color: #fff;
              fill: #fff;
              -webkit-transition: all 0.3s;
              transition: all 0.3s; }
            .casos-de-exito-section .container .container-casos .item .info .social-media a:hover svg {
              -webkit-transform: scale(1.1);
                      transform: scale(1.1); }
  .casos-de-exito-section .decorations3D {
    position: absolute;
    left: -100px;
    top: 30%;
    z-index: -1; }
    .casos-de-exito-section .decorations3D.type2 {
      right: 0;
      left: auto;
      top: 20%; }
      .casos-de-exito-section .decorations3D.type2 .ornament {
        width: 40px; }
        .casos-de-exito-section .decorations3D.type2 .ornament.type2 {
          width: 20px; }
    .casos-de-exito-section .decorations3D .ornament {
      width: 140px; }
      .casos-de-exito-section .decorations3D .ornament.type2 {
        width: 100px; }


/*# sourceMappingURL=styles.css.map*/