/* ===============================
    Importing [ Home Styling ]    
=============================== */
/* ========================
    Importing [ Tools ]    
======================== */
.container {
  width: 100%;
  margin: 0 auto;
  padding: 0 16px;
}
@media screen and (min-width: 576px) {
  .container {
    padding: 0;
    max-width: 540px !important;
  }
}
@media screen and (min-width: 768px) {
  .container {
    max-width: 720px !important;
  }
}
@media screen and (min-width: 992px) {
  .container {
    max-width: 1010px !important;
  }
}
@media screen and (min-width: 1200px) {
  .container {
    max-width: 1240px !important;
  }
}

.large-container {
  width: 100%;
  max-width: 1366px !important;
  margin: 0 auto;
}

[data-aos=rotate] {
  transform: rotate(0deg);
}

[data-aos=rotate].aos-animate {
  transform: rotate(360deg);
}

[data-aos=to-grow] {
  width: 0%;
}

[data-aos=to-grow].aos-animate {
  width: 95%;
}

section.form-work-with-us div.large-container div.text-column h2.title, div.partners div.container div.text-box, section.news div.container div.top h2.title, section.best-of-the-year div.content div.container div.text-box div.top h2.title, section.testimonials div.container div.top-box h2.title, section.leadership-skills div.container div.content h2.title, section.what-they-say div.container div.top div.top-box, section.who-trains div.container div.text-box h2.title, section.plans div.container div.top-box h2.title, section.units div.units-box div.container div.text-box h2.title, section.modalities div.container h1.title,
section.modalities div.container h2.title, section.experience div.container div.content div.top-box h2.title, div.section-top h2.top-title {
  border-left: 6px solid #C00D0E;
  padding: 0 0 0 18px;
}
@media screen and (min-width: 992px) {
  section.form-work-with-us div.large-container div.text-column h2.title, div.partners div.container div.text-box, section.news div.container div.top h2.title, section.best-of-the-year div.content div.container div.text-box div.top h2.title, section.testimonials div.container div.top-box h2.title, section.leadership-skills div.container div.content h2.title, section.what-they-say div.container div.top div.top-box, section.who-trains div.container div.text-box h2.title, section.plans div.container div.top-box h2.title, section.units div.units-box div.container div.text-box h2.title, section.modalities div.container h1.title,
  section.modalities div.container h2.title, section.experience div.container div.content div.top-box h2.title, div.section-top h2.top-title {
    border-left: 5px solid #C00D0E;
    padding: 0 0 0 20px;
  }
}

span.label,
h1.label {
  font: 600 18px "Rubik";
  color: #C00D0E;
  text-transform: uppercase;
  line-height: 120%;
}
@media screen and (min-width: 992px) {
  span.label,
  h1.label {
    font-size: 21px;
  }
}

span.tag {
  font: 400 16px 400;
  color: #fff;
  background-color: #2e2e2e;
  padding: 8px;
  min-width: -moz-fit-content;
  min-width: fit-content;
}
@media screen and (min-width: 992px) {
  span.tag {
    font-size: 16px;
  }
}

.uppercase {
  text-transform: uppercase;
}

.cta-btn.white .btn-text {
  background-color: #fff !important;
  border: 1px solid #C00D0E !important;
  color: #C00D0E !important;
}
.cta-btn.white .btn-fitting {
  background-color: #C00D0E !important;
}
.cta-btn.white:hover p.btn-text {
  border-color: #ef1112 !important;
  color: #ef1112 !important;
}
.cta-btn.white:hover p.btn-fitting {
  background-color: #ef1112 !important;
}
.cta-btn.white.active p.btn-text {
  border-color: #ef1112 !important;
  color: #ef1112 !important;
}
.cta-btn.white.active p.btn-fitting {
  background-color: #ef1112 !important;
}

* {
  margin: 0;
  padding: 0;
  transition: 0.25s;
  box-sizing: border-box;
}

html {
  scroll-behavior: smooth;
}

body {
  position: relative;
  font-family: "Rubik";
  overflow-x: hidden;
  overflow-y: auto;
}
body main {
  margin: 56px 0 0;
}
@media screen and (min-width: 992px) {
  body main {
    margin: 62.5px 0 0;
  }
}

img {
  -o-object-fit: contain;
     object-fit: contain;
}

a {
  text-decoration: none;
  min-width: -moz-fit-content;
  min-width: fit-content;
}

p,
h1,
h2,
h3,
h4,
h5,
h6,
ul {
  margin: 0;
  padding: 0;
}

div.btn-select-unit {
  margin: 32px auto;
  cursor: pointer;
  text-transform: uppercase;
  text-decoration: none;
  text-align: center;
  padding: 12px 0 0 12px;
  position: relative;
  display: block;
  width: -moz-fit-content;
  width: fit-content;
}
div.btn-select-unit:hover p.btn-text {
  background-color: #ef1112;
  transform: translate(12px, 12px);
}
div.btn-select-unit:hover p.btn-fitting {
  box-shadow: inset 0 0 0 1px #ef1112;
}
div.btn-select-unit.active {
  width: 100%;
  margin: 0;
}
div.btn-select-unit.active p.btn-text {
  background-color: #ef1112;
  transform: translate(0, 12px);
}
div.btn-select-unit.active p.btn-fitting {
  box-shadow: inset 0 0 0 1px #ef1112;
}
div.btn-select-unit.active .btn-text,
div.btn-select-unit.active .btn-fitting {
  width: 100%;
}
div.btn-select-unit .btn-text,
div.btn-select-unit .btn-fitting {
  font: 600 14px "Rubik";
  line-height: 140%;
  letter-spacing: 0.2px;
  color: #fff;
  transition: 0.25s ease-in-out;
  margin: 0;
  padding: 11px 49px;
}
@media screen and (min-width: 992px) {
  div.btn-select-unit .btn-text,
  div.btn-select-unit .btn-fitting {
    font-size: 14px;
    letter-spacing: 0.175px;
  }
}
div.btn-select-unit .btn-text {
  background-color: #C00D0E;
  width: calc(100% - 12px);
  position: absolute;
  top: 0;
  left: 0;
  transform: translate(0, 0);
}
div.btn-select-unit .btn-fitting {
  background-color: transparent;
  box-shadow: inset 0 0 0 1px #C00D0E;
  color: transparent;
}

.wpcf7-not-valid-tip,
.wpcf7-response-output {
  font: 400 14px "Rubik";
  line-height: 140%;
  letter-spacing: 0.2px;
  color: #9E9E9E;
  color: red;
}
@media screen and (min-width: 992px) {
  .wpcf7-not-valid-tip,
  .wpcf7-response-output {
    font-size: 14px;
    letter-spacing: 0.175px;
  }
}

.wpcf7-response-output {
  padding: 0 16px;
}

.screen-reader-response {
  display: none !important;
}

.form-group.error input {
  border: 1px solid #C00D0E !important;
}
.form-group.error span.error-message {
  font-size: 12px;
  color: #C00D0E;
  margin-top: 15px;
}

.error-validation {
  padding: 15px;
  background-color: rgba(0, 0, 0, 0.025);
  border: solid 1px #C00D0E;
  text-align: center;
  margin: 20px 0;
  color: #C00D0E;
}

/* =============================
    Media Querie: [ MOBILE ]
============================= */
div.section-top span.top-label,
div.section-top h1.top-label {
  font: 600 18px "Rubik";
  color: #C00D0E;
  text-transform: uppercase;
  line-height: 120%;
}
@media screen and (min-width: 992px) {
  div.section-top span.top-label,
  div.section-top h1.top-label {
    font-size: 21px;
  }
}
div.section-top h2.top-title {
  font: 700 28px "Rubik";
  line-height: 110%;
  color: #424242;
  margin: 0 0 20px;
}
div.section-top h2.top-title span {
  color: #C00D0E;
}
@media screen and (min-width: 992px) {
  div.section-top h2.top-title {
    font-size: 42.3px;
  }
}

/* =============================
    Media Querie: [ LAPTOP ]
============================= */
@media screen and (min-width: 992px) {
  div.section-top h2.top-title {
    margin: 8px 0 19px;
  }
}
/* =============================
    Media Querie: [ MOBILE ]
============================= */
section.main-banner {
  width: 100%;
  height: 100%;
  background-color: #000;
  position: relative;
}
section.main-banner div.banners {
  width: 100%;
  height: 100%;
  clip-path: polygon(0 0, 100% 0, 100% 90%, 0% 100%);
  position: relative;
  overflow: hidden;
  z-index: 0;
}
section.main-banner div.banners::before {
  width: 100%;
  height: 100%;
  content: "";
  background: linear-gradient(0deg, black, transparent);
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2;
}
section.main-banner div.banners div.banners-swiper {
  max-height: 656px;
}
section.main-banner div.banners div.banners-swiper div.swiper-wrapper div.swiper-slide {
  padding: 0 0 182%;
  position: relative;
  overflow: hidden;
}
section.main-banner div.banners div.banners-swiper div.swiper-wrapper div.swiper-slide img.banner-mobile,
section.main-banner div.banners div.banners-swiper div.swiper-wrapper div.swiper-slide img.banner-desktop,
section.main-banner div.banners div.banners-swiper div.swiper-wrapper div.swiper-slide video.video {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  position: absolute;
  top: -50%;
  left: -50%;
  transform: translate(50%, 50%);
}
section.main-banner div.banners div.banners-swiper div.swiper-wrapper div.swiper-slide img.banner-mobile {
  display: block;
}
section.main-banner div.banners div.banners-swiper div.swiper-wrapper div.swiper-slide img.banner-desktop {
  display: none;
}
section.main-banner div.banners div.banners-swiper div.swiper-wrapper div.swiper-slide video.video {
  opacity: 0.9;
}
section.main-banner div.banners div.banners-swiper div.swiper-wrapper div.swiper-slide video.video.desktop {
  display: none;
}
section.main-banner div.box-container {
  width: 100%;
  height: 100%;
  padding: 70px 0 0;
  background-color: transparent;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
}
section.main-banner div.box-container div.container {
  display: flex;
  flex-direction: column;
  justify-content: center;
}
section.main-banner div.box-container div.container div.content {
  display: flex;
  flex-direction: column;
  justify-content: center;
}
section.main-banner div.box-container div.container div.content h1.title {
  font: 700 36px "Rubik";
  line-height: 110%;
  color: #fff;
  text-align: center;
  margin: 0 auto;
  width: 265px;
}
section.main-banner div.box-container div.container div.content h1.title span {
  color: #C00D0E;
}
@media screen and (min-width: 992px) {
  section.main-banner div.box-container div.container div.content h1.title {
    font-size: 56.4px;
  }
}
section.main-banner div.box-container div.container div.content p.description {
  font: 400 20px "Rubik";
  line-height: 140%;
  letter-spacing: 0.2px;
  color: #fff;
  text-align: center;
  margin: 15px auto 0;
  width: 265px;
}
@media screen and (min-width: 992px) {
  section.main-banner div.box-container div.container div.content p.description {
    font-size: 17.6px;
    letter-spacing: 0.175px;
  }
}
section.main-banner div.box-container div.container div.content a.cta-btn {
  margin: 15px auto 0;
  text-transform: uppercase;
  text-decoration: none;
  text-align: center;
  padding: 12px 0 0 12px;
  position: relative;
  display: block;
  width: 100%;
}
section.main-banner div.box-container div.container div.content a.cta-btn:hover p.btn-text {
  background-color: #ef1112;
  transform: translate(12px, 12px);
}
section.main-banner div.box-container div.container div.content a.cta-btn:hover p.btn-fitting {
  box-shadow: inset 0 0 0 1px #ef1112;
}
section.main-banner div.box-container div.container div.content a.cta-btn.active {
  width: 100%;
  margin: 0;
}
section.main-banner div.box-container div.container div.content a.cta-btn.active p.btn-text {
  background-color: #ef1112;
  transform: translate(0, 12px);
}
section.main-banner div.box-container div.container div.content a.cta-btn.active p.btn-fitting {
  box-shadow: inset 0 0 0 1px #ef1112;
}
section.main-banner div.box-container div.container div.content a.cta-btn.active .btn-text,
section.main-banner div.box-container div.container div.content a.cta-btn.active .btn-fitting {
  width: 100%;
}
section.main-banner div.box-container div.container div.content a.cta-btn .btn-text,
section.main-banner div.box-container div.container div.content a.cta-btn .btn-fitting {
  font: 600 12px "Rubik";
  line-height: 140%;
  letter-spacing: 0.2px;
  color: #fff;
  transition: 0.25s ease-in-out;
  margin: 0;
  padding: 11px 0;
}
@media screen and (min-width: 992px) {
  section.main-banner div.box-container div.container div.content a.cta-btn .btn-text,
  section.main-banner div.box-container div.container div.content a.cta-btn .btn-fitting {
    font-size: 14px;
    letter-spacing: 0.175px;
  }
}
section.main-banner div.box-container div.container div.content a.cta-btn .btn-text {
  background-color: #C00D0E;
  width: calc(100% - 12px);
  position: absolute;
  top: 0;
  left: 0;
  transform: translate(0, 0);
}
section.main-banner div.box-container div.container div.content a.cta-btn .btn-fitting {
  background-color: transparent;
  box-shadow: inset 0 0 0 1px #C00D0E;
  color: transparent;
}
section.main-banner div.box-container div.container div.content ul.social-media {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 31px;
  margin: 46px 0 0;
}
section.main-banner div.box-container div.container div.content ul.social-media li.sm-item {
  list-style-type: none;
}
section.main-banner div.box-container div.container div.content ul.social-media li.sm-item a.sm-link svg.sm-icon {
  width: 24px;
  height: 24px;
}
section.main-banner div.box-container div.container div.swiper-box {
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 64px 0 0;
  width: 100%;
}
section.main-banner div.box-container div.container div.swiper-box div.thumbnails-swiper {
  padding: 0 0 0 23px;
}
section.main-banner div.box-container div.container div.swiper-box div.thumbnails-swiper div.swiper-wrapper div.swiper-slide {
  width: 47px;
  height: 47px;
  max-width: 47px;
  position: relative;
  overflow: hidden;
  opacity: 0.5;
}
section.main-banner div.box-container div.container div.swiper-box div.thumbnails-swiper div.swiper-wrapper div.swiper-slide-thumb-active {
  opacity: 1;
}
section.main-banner div.box-container div.container div.swiper-box div.thumbnails-swiper div.swiper-wrapper div.swiper-slide-thumb-active::before {
  width: 100%;
  height: 100%;
  content: "";
  box-shadow: inset 0 0 0 4px #C00D0E;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
}
section.main-banner div.box-container div.container div.swiper-box div.thumbnails-swiper div.swiper-wrapper div.swiper-slide img.banner-mobile {
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
section.main-banner div.box-container div.container div.swiper-box div.thumbnails-swiper div.swiper-wrapper div.swiper-slide img.banner-desktop {
  display: none;
}

/* =============================
    Media Querie: [ LAPTOP ]
============================= */
@media screen and (min-width: 992px) {
  section.main-banner {
    width: 100%;
    height: 820px;
    margin: -62.5px 0 0;
  }
  section.main-banner::after {
    width: 100%;
    height: 100%;
    content: "";
    background-color: #000;
    clip-path: polygon(0 0, 100% 0, 100% 91%, 0% 100%);
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
  }
  section.main-banner div.banners {
    clip-path: polygon(0 0, 100% 0, 100% 84.5%, 0% 100%);
  }
  section.main-banner div.banners::before {
    background: linear-gradient(0deg, rgba(0, 0, 0, 0.9), transparent, rgba(0, 0, 0, 0.9));
    clip-path: polygon(0 0, 100% 0, 100% 93%, 0% 100%);
  }
  section.main-banner div.banners div.banners-swiper {
    max-height: 820px;
  }
  section.main-banner div.banners div.banners-swiper div.swiper-wrapper div.swiper-slide {
    padding: 0 0 60%;
  }
  section.main-banner div.banners div.banners-swiper div.swiper-wrapper div.swiper-slide img.banner-mobile,
  section.main-banner div.banners div.banners-swiper div.swiper-wrapper div.swiper-slide video.video.mobile {
    display: none;
  }
  section.main-banner div.banners div.banners-swiper div.swiper-wrapper div.swiper-slide img.banner-desktop,
  section.main-banner div.banners div.banners-swiper div.swiper-wrapper div.swiper-slide video.video.desktop {
    display: block;
  }
  section.main-banner div.box-container {
    display: flex;
    flex-direction: row;
    align-items: center;
  }
  section.main-banner div.box-container div.container {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: flex-start;
  }
  section.main-banner div.box-container div.container div.content h1.title {
    text-align: left;
    margin: 0;
    width: 575px;
  }
  section.main-banner div.box-container div.container div.content p.description {
    text-align: left;
    margin: 21px 0 0;
    width: 400px;
  }
  section.main-banner div.box-container div.container div.content a.cta-btn {
    margin: 56px 0;
    text-transform: uppercase;
    text-decoration: none;
    text-align: center;
    padding: 12px 0 0 12px;
    position: relative;
    display: block;
    width: -moz-fit-content;
    width: fit-content;
  }
  section.main-banner div.box-container div.container div.content a.cta-btn:hover p.btn-text {
    background-color: #ef1112;
    transform: translate(12px, 12px);
  }
  section.main-banner div.box-container div.container div.content a.cta-btn:hover p.btn-fitting {
    box-shadow: inset 0 0 0 1px #ef1112;
  }
  section.main-banner div.box-container div.container div.content a.cta-btn.active {
    width: 100%;
    margin: 0;
  }
  section.main-banner div.box-container div.container div.content a.cta-btn.active p.btn-text {
    background-color: #ef1112;
    transform: translate(0, 12px);
  }
  section.main-banner div.box-container div.container div.content a.cta-btn.active p.btn-fitting {
    box-shadow: inset 0 0 0 1px #ef1112;
  }
  section.main-banner div.box-container div.container div.content a.cta-btn.active .btn-text,
  section.main-banner div.box-container div.container div.content a.cta-btn.active .btn-fitting {
    width: 100%;
  }
  section.main-banner div.box-container div.container div.content a.cta-btn .btn-text,
  section.main-banner div.box-container div.container div.content a.cta-btn .btn-fitting {
    font: 600 14px "Rubik";
    line-height: 140%;
    letter-spacing: 0.2px;
    color: #fff;
    transition: 0.25s ease-in-out;
    margin: 0;
    padding: 11px 21px;
  }
}
@media screen and (min-width: 992px) and (min-width: 992px) {
  section.main-banner div.box-container div.container div.content a.cta-btn .btn-text,
  section.main-banner div.box-container div.container div.content a.cta-btn .btn-fitting {
    font-size: 14px;
    letter-spacing: 0.175px;
  }
}
@media screen and (min-width: 992px) {
  section.main-banner div.box-container div.container div.content a.cta-btn .btn-text {
    background-color: #C00D0E;
    width: calc(100% - 12px);
    position: absolute;
    top: 0;
    left: 0;
    transform: translate(0, 0);
  }
  section.main-banner div.box-container div.container div.content a.cta-btn .btn-fitting {
    background-color: transparent;
    box-shadow: inset 0 0 0 1px #C00D0E;
    color: transparent;
  }
  section.main-banner div.box-container div.container div.content ul.social-media {
    justify-content: initial;
    gap: 21px;
    margin: 0;
  }
  section.main-banner div.box-container div.container div.content ul.social-media li.sm-item a.sm-link svg.sm-icon {
    width: 16px;
    height: 16px;
  }
  section.main-banner div.box-container div.container div.swiper-box {
    width: -moz-fit-content;
    width: fit-content;
    margin: 20px 0 0;
  }
  section.main-banner div.box-container div.container div.swiper-box div.thumbnails-swiper {
    padding: 0;
  }
  section.main-banner div.box-container div.container div.swiper-box div.thumbnails-swiper div.swiper-wrapper div.swiper-slide {
    width: 66px;
    height: 66px;
    max-width: 66px;
    max-height: 66px;
  }
  section.main-banner div.box-container div.container div.swiper-box div.thumbnails-swiper div.swiper-wrapper div.swiper-slide img.banner-mobile {
    display: none;
  }
  section.main-banner div.box-container div.container div.swiper-box div.thumbnails-swiper div.swiper-wrapper div.swiper-slide img.banner-desktop {
    display: block;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
       object-fit: cover;
  }
}
/* =============================
    Media Querie: [ MOBILE ]
============================= */
section.experience {
  border-bottom: 1px solid rgba(0, 0, 0, 0.4);
  padding: 18px 0;
  overflow: hidden;
}
section.experience div.container {
  position: relative;
}
section.experience div.container div.content div.top-box h2.title {
  font: 700 28px "Rubik";
  line-height: 110%;
  color: #424242;
}
section.experience div.container div.content div.top-box h2.title span {
  color: #C00D0E;
}
@media screen and (min-width: 992px) {
  section.experience div.container div.content div.top-box h2.title {
    font-size: 42.3px;
  }
}
section.experience div.container div.content div.top-box h2.title span {
  color: #C00D0E;
}
@media screen and (max-width: 768px) {
  section.experience div.container div.content div.top-box h2.title br {
    display: contents;
  }
}
section.experience div.container div.content div.top-box p.description {
  font: 400 14px "Rubik";
  line-height: 140%;
  letter-spacing: 0.2px;
  color: #9E9E9E;
  margin: 20px 0 0 0;
  padding: 0 0 0 20px;
}
@media screen and (min-width: 992px) {
  section.experience div.container div.content div.top-box p.description {
    font-size: 17.6px;
    letter-spacing: 0.175px;
  }
}
@media screen and (max-width: 768px) {
  section.experience div.container div.content div.top-box p.description br {
    display: contents;
  }
}
section.experience div.container div.content ul.experience-list {
  display: flex;
  flex-direction: column;
  gap: 20px;
  width: calc(100% + 32px);
  background: linear-gradient(180deg, #180200, #510901);
  margin: 39px 0 0 -16px;
  padding: 58px 16px;
}
section.experience div.container div.content ul.experience-list li.el-item {
  display: flex;
  gap: 14px;
  list-style-type: none;
}
section.experience div.container div.content ul.experience-list li.el-item:nth-of-type(2) {
  background-color: #C00D0E;
  padding: 16px 11px;
  position: relative;
}
section.experience div.container div.content ul.experience-list li.el-item:nth-of-type(2) div.icon-box {
  background-color: #270300;
}
section.experience div.container div.content ul.experience-list li.el-item:nth-of-type(2) div.text-box {
  width: 66%;
}
section.experience div.container div.content ul.experience-list li.el-item:nth-of-type(2) div.plus-box {
  display: flex;
  width: -moz-fit-content;
  width: fit-content;
  height: -moz-fit-content;
  height: fit-content;
  box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.33);
  background-color: #fff;
  padding: 11px;
  position: absolute;
  top: 50%;
  right: 0;
  transform: translate(10px, -50%);
}
section.experience div.container div.content ul.experience-list li.el-item:nth-of-type(2) div.plus-box .plus {
  width: 24px;
  height: 24px;
}
section.experience div.container div.content ul.experience-list li.el-item div.icon-box {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 65px;
  height: 65px;
  min-width: 65px;
  background-color: #C00D0E;
  border-radius: 100%;
}
section.experience div.container div.content ul.experience-list li.el-item div.icon-box .icon {
  width: 39px;
  height: 39px;
}
section.experience div.container div.content ul.experience-list li.el-item div.text-box {
  display: flex;
  flex-direction: column;
  align-items: baseline;
  gap: 8px;
  width: -moz-fit-content;
  width: fit-content;
}
section.experience div.container div.content ul.experience-list li.el-item div.text-box h3.box-title {
  font: 700 18px "Rubik";
  line-height: 110%;
  color: #fff;
}
section.experience div.container div.content ul.experience-list li.el-item div.text-box h3.box-title span {
  color: #C00D0E;
}
@media screen and (min-width: 992px) {
  section.experience div.container div.content ul.experience-list li.el-item div.text-box h3.box-title {
    font-size: 24.6px;
  }
}
section.experience div.container div.content ul.experience-list li.el-item div.text-box p.box-description {
  font: 400 13px "Rubik";
  line-height: 140%;
  letter-spacing: 0.2px;
  color: #fff;
}
@media screen and (min-width: 992px) {
  section.experience div.container div.content ul.experience-list li.el-item div.text-box p.box-description {
    font-size: 15.8px;
    letter-spacing: 0.175px;
  }
}
section.experience div.container div.content ul.experience-list li.el-item div.plus-box {
  display: none;
}
section.experience div.container div.content div.light-frame,
section.experience div.container div.content div.white-frame {
  display: none;
}
section.experience div.container div.picture-container {
  width: calc(100% + 60px);
  overflow: hidden;
  margin: 0 0 112px -16px;
}
section.experience div.container div.picture-container div.picture-box {
  display: flex;
  position: relative;
  background-color: #C00D0E;
}
section.experience div.container div.picture-container div.picture-box img.picture {
  width: 100%;
  height: 420px;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: right;
     object-position: right;
  margin: 12px 0 0 0;
}
section.experience div.container div.circular-picture-container {
  width: 324px;
  height: 324px;
  position: absolute;
  right: -16px;
  bottom: 0;
  transform: translate(0, 130px);
}
section.experience div.container div.circular-picture-container div.circular-picture-box {
  width: 100%;
  height: 100%;
  position: relative;
}
section.experience div.container div.circular-picture-container div.circular-picture-box img.circular-arrow,
section.experience div.container div.circular-picture-container div.circular-picture-box img.circular-picture {
  position: absolute;
  top: 0;
  left: 0;
}
section.experience div.container div.circular-picture-container div.circular-picture-box img.circular-arrow {
  width: 100%;
  height: 100%;
  z-index: 1;
}
section.experience div.container div.circular-picture-container div.circular-picture-box div.picture-box img.circular-picture {
  width: 259.2px;
  height: 259.2px;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 100%;
  z-index: 0;
  transform: translate(35px, 35px);
}

/* =============================
    Media Querie: [ LAPTOP ]
============================= */
@media screen and (min-width: 992px) {
  section.experience {
    padding: 70px 0;
  }
  section.experience div.container {
    display: flex;
    justify-content: space-between;
    overflow: hidden;
    position: relative;
  }
  section.experience div.container div.content {
    display: flex;
    flex-direction: column;
    padding: 0 0 98.7px;
    position: relative;
  }
  section.experience div.container div.content p.description {
    margin: 32px 0 0;
    width: 575px;
  }
  section.experience div.container div.content ul.experience-list {
    display: flex;
    flex-direction: column;
    gap: 32px;
    width: 904px;
    background: linear-gradient(135deg, #180200, #830F02);
    margin: 64px 0 0;
    padding: 70px 0 70px 43px;
    clip-path: polygon(0 0, 58% 0, 100% 100%, 0% 100%);
  }
  section.experience div.container div.content ul.experience-list li.el-item {
    display: flex;
    gap: 17.6px;
    list-style-type: none;
    width: -moz-fit-content;
    width: fit-content;
  }
  section.experience div.container div.content ul.experience-list li.el-item:nth-of-type(2) {
    background-color: #C00D0E;
    margin: 0 0 0 36px;
    padding: 32px 20px;
    position: relative;
  }
  section.experience div.container div.content ul.experience-list li.el-item:nth-of-type(2) div.icon-box {
    background-color: #270300;
  }
  section.experience div.container div.content ul.experience-list li.el-item:nth-of-type(2) div.plus-box {
    display: flex;
    width: -moz-fit-content;
    width: fit-content;
    height: -moz-fit-content;
    height: fit-content;
    box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.33);
    background-color: #fff;
    padding: 12px;
    position: absolute;
    top: 50%;
    right: 0;
    transform: translate(35px, -50%);
  }
  section.experience div.container div.content ul.experience-list li.el-item:nth-of-type(2) div.plus-box .plus {
    width: 28px;
    height: 28px;
  }
  section.experience div.container div.content ul.experience-list li.el-item div.icon-box {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 88px;
    height: 88px;
    background-color: #C00D0E;
    border-radius: 100%;
  }
  section.experience div.container div.content ul.experience-list li.el-item div.icon-box .icon {
    width: 53px;
    height: 53px;
  }
  section.experience div.container div.content ul.experience-list li.el-item div.text-box {
    display: flex;
    flex-direction: column;
    align-items: baseline;
    gap: 11px;
  }
  section.experience div.container div.content ul.experience-list li.el-item div.text-box h3.box-title {
    width: 348px;
  }
  section.experience div.container div.content ul.experience-list li.el-item div.text-box p.box-description {
    width: 348px;
  }
  section.experience div.container div.content ul.experience-list li.el-item div.plus-box {
    display: none;
  }
  section.experience div.container div.content div.light-frame,
  section.experience div.container div.content div.white-frame {
    display: block;
    position: absolute;
  }
  section.experience div.container div.content div.light-frame {
    width: 926px;
    height: 591px;
    background: linear-gradient(135deg, rgba(192, 13, 14, 0.05), rgba(192, 13, 14, 0.25));
    left: 0;
    bottom: 66px;
    z-index: -1;
    clip-path: polygon(0 0, 56.625% 0, 100% 100%, 33% 100%, 0 30%);
  }
  section.experience div.container div.content div.white-frame {
    width: 900px;
    height: 551px;
    background-color: #fff;
    left: 149px;
    bottom: 0;
    z-index: -2;
    clip-path: polygon(0 0, 58% 0, 100% 100%, 42% 100%);
  }
  section.experience div.container div.picture-container {
    width: initial;
    position: absolute;
    top: 0;
    right: 0;
    z-index: -3;
  }
  section.experience div.container div.picture-container div.picture-box {
    width: -moz-fit-content;
    width: fit-content;
    height: -moz-fit-content;
    height: fit-content;
    display: flex;
    background-color: transparent;
    position: relative;
  }
  section.experience div.container div.picture-container div.picture-box::after {
    width: calc(100% + 16px);
    height: 573px;
    content: "";
    display: block;
    background-color: #C00D0E;
    position: absolute;
    top: 0;
    right: 0;
    z-index: -1;
    clip-path: polygon(41.75% 0, 100% 0, 100% 100%, 0% 100%);
  }
  section.experience div.container div.picture-container div.picture-box img.picture {
    width: initial;
    height: initial;
    -o-object-fit: contain;
       object-fit: contain;
    -o-object-position: initial;
       object-position: initial;
    margin: 16px 0 0;
  }
  section.experience div.container div.circular-picture-container {
    width: 401px;
    height: 401px;
    right: 0;
    transform: translate(0, -100px);
  }
  section.experience div.container div.circular-picture-container div.circular-picture-box img.circular-arrow {
    width: 401px;
    height: 401px;
  }
  section.experience div.container div.circular-picture-container div.circular-picture-box div.picture-box img.circular-picture {
    width: 320.8px;
    height: 320.8px;
    transform: translate(47px, 47px);
  }
}
/* =============================
    Media Querie: [ MOBILE ]
============================= */
section.modalities {
  padding: 35px 0;
}
section.modalities div.container {
  display: flex;
  flex-direction: column;
  gap: 20px;
}
section.modalities div.container h1.title,
section.modalities div.container h2.title {
  font: 700 28px "Rubik";
  line-height: 110%;
  color: #424242;
}
section.modalities div.container h1.title span,
section.modalities div.container h2.title span {
  color: #C00D0E;
}
@media screen and (min-width: 992px) {
  section.modalities div.container h1.title,
  section.modalities div.container h2.title {
    font-size: 42.3px;
  }
}
section.modalities div.container a.cta-btn {
  text-transform: uppercase;
  text-decoration: none;
  text-align: center;
  padding: 12px 0 0 12px;
  position: relative;
  display: block;
  width: 100%;
}
section.modalities div.container a.cta-btn:hover p.btn-text {
  background-color: #ef1112;
  transform: translate(12px, 12px);
}
section.modalities div.container a.cta-btn:hover p.btn-fitting {
  box-shadow: inset 0 0 0 1px #ef1112;
}
section.modalities div.container a.cta-btn.active {
  width: 100%;
  margin: 0;
}
section.modalities div.container a.cta-btn.active p.btn-text {
  background-color: #ef1112;
  transform: translate(0, 12px);
}
section.modalities div.container a.cta-btn.active p.btn-fitting {
  box-shadow: inset 0 0 0 1px #ef1112;
}
section.modalities div.container a.cta-btn.active .btn-text,
section.modalities div.container a.cta-btn.active .btn-fitting {
  width: 100%;
}
section.modalities div.container a.cta-btn .btn-text,
section.modalities div.container a.cta-btn .btn-fitting {
  font: 600 14px "Rubik";
  line-height: 140%;
  letter-spacing: 0.2px;
  color: #fff;
  transition: 0.25s ease-in-out;
  margin: 0;
  padding: 11px 0;
}
@media screen and (min-width: 992px) {
  section.modalities div.container a.cta-btn .btn-text,
  section.modalities div.container a.cta-btn .btn-fitting {
    font-size: 14px;
    letter-spacing: 0.175px;
  }
}
section.modalities div.container a.cta-btn .btn-text {
  background-color: #C00D0E;
  width: calc(100% - 12px);
  position: absolute;
  top: 0;
  left: 0;
  transform: translate(0, 0);
}
section.modalities div.container a.cta-btn .btn-fitting {
  background-color: transparent;
  box-shadow: inset 0 0 0 1px #C00D0E;
  color: transparent;
}
section.modalities ul.modality-list {
  display: flex;
  flex-direction: column;
  gap: 40px;
  margin: 65px 0 0;
}
section.modalities ul.modality-list li.modality-item {
  display: flex;
  flex-direction: column;
}
section.modalities ul.modality-list li.modality-item div.thumbnail {
  width: 100%;
  padding: 0 0 98.62%;
  position: relative;
  overflow: hidden;
}
section.modalities ul.modality-list li.modality-item div.thumbnail a.thumbnail-link img.thumbnail-image {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  position: absolute;
  top: -50%;
  left: -50%;
  transform: translate(50%, 50%);
}
section.modalities ul.modality-list li.modality-item div.thumbnail a.thumbnail-link h3.thumbnail-title {
  display: none;
}
section.modalities ul.modality-list li.modality-item div.info-box {
  display: flex;
  flex-direction: column;
  gap: 24px;
  background-color: rgba(158, 158, 158, 0.25);
  padding: 40px 16px 18px;
  position: relative;
}
section.modalities ul.modality-list li.modality-item div.info-box div.icon-box {
  display: flex;
  flex-direction: row;
  justify-content: flex-end;
  width: 100%;
}
section.modalities ul.modality-list li.modality-item div.info-box div.icon-box img.modality-icon {
  width: 88px;
  height: 88px;
}
section.modalities ul.modality-list li.modality-item div.info-box h4.box-title {
  font: 700 28px "Rubik";
  line-height: 110%;
  color: #424242;
  text-transform: uppercase;
}
section.modalities ul.modality-list li.modality-item div.info-box h4.box-title span {
  color: #C00D0E;
}
@media screen and (min-width: 992px) {
  section.modalities ul.modality-list li.modality-item div.info-box h4.box-title {
    font-size: 20px;
  }
}
section.modalities ul.modality-list li.modality-item div.info-box p.box-description {
  font: 400 16px "Rubik";
  line-height: 140%;
  letter-spacing: 0.2px;
  color: #9E9E9E;
}
@media screen and (min-width: 992px) {
  section.modalities ul.modality-list li.modality-item div.info-box p.box-description {
    font-size: 16.6px;
    letter-spacing: 0.175px;
  }
}
section.modalities ul.modality-list li.modality-item div.info-box ul.icon-list {
  display: flex;
  align-items: center;
  gap: 16px;
}
section.modalities ul.modality-list li.modality-item div.info-box ul.icon-list li.icon-item {
  display: flex;
  align-items: center;
  gap: 8px;
}
section.modalities ul.modality-list li.modality-item div.info-box ul.icon-list li.icon-item svg.icon {
  width: 36px;
  height: 36px;
}
section.modalities ul.modality-list li.modality-item div.info-box ul.icon-list li.icon-item p.icon-description {
  font: 400 12px "Rubik";
  line-height: 140%;
  letter-spacing: 0.2px;
  color: #9E9E9E;
}
@media screen and (min-width: 992px) {
  section.modalities ul.modality-list li.modality-item div.info-box ul.icon-list li.icon-item p.icon-description {
    font-size: 10px;
    letter-spacing: 0.175px;
  }
}
section.modalities ul.modality-list li.modality-item div.info-box ul.icon-list li.icon-item p.icon-description span {
  font-weight: 700;
}
section.modalities ul.modality-list li.modality-item div.info-box a.cta-btn {
  text-transform: uppercase;
  text-decoration: none;
  text-align: center;
  padding: 12px 0 0 12px;
  position: relative;
  display: block;
  width: 100%;
}
section.modalities ul.modality-list li.modality-item div.info-box a.cta-btn:hover p.btn-text {
  background-color: #ef1112;
  transform: translate(12px, 12px);
}
section.modalities ul.modality-list li.modality-item div.info-box a.cta-btn:hover p.btn-fitting {
  box-shadow: inset 0 0 0 1px #ef1112;
}
section.modalities ul.modality-list li.modality-item div.info-box a.cta-btn.active {
  width: 100%;
  margin: 0;
}
section.modalities ul.modality-list li.modality-item div.info-box a.cta-btn.active p.btn-text {
  background-color: #ef1112;
  transform: translate(0, 12px);
}
section.modalities ul.modality-list li.modality-item div.info-box a.cta-btn.active p.btn-fitting {
  box-shadow: inset 0 0 0 1px #ef1112;
}
section.modalities ul.modality-list li.modality-item div.info-box a.cta-btn.active .btn-text,
section.modalities ul.modality-list li.modality-item div.info-box a.cta-btn.active .btn-fitting {
  width: 100%;
}
section.modalities ul.modality-list li.modality-item div.info-box a.cta-btn .btn-text,
section.modalities ul.modality-list li.modality-item div.info-box a.cta-btn .btn-fitting {
  font: 600 14px "Rubik";
  line-height: 140%;
  letter-spacing: 0.2px;
  color: #fff;
  transition: 0.25s ease-in-out;
  margin: 0;
  padding: 11px 0;
}
@media screen and (min-width: 992px) {
  section.modalities ul.modality-list li.modality-item div.info-box a.cta-btn .btn-text,
  section.modalities ul.modality-list li.modality-item div.info-box a.cta-btn .btn-fitting {
    font-size: 14px;
    letter-spacing: 0.175px;
  }
}
section.modalities ul.modality-list li.modality-item div.info-box a.cta-btn .btn-text {
  background-color: #C00D0E;
  width: calc(100% - 12px);
  position: absolute;
  top: 0;
  left: 0;
  transform: translate(0, 0);
}
section.modalities ul.modality-list li.modality-item div.info-box a.cta-btn .btn-fitting {
  background-color: transparent;
  box-shadow: inset 0 0 0 1px #C00D0E;
  color: transparent;
}
section.modalities.unit div.container {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
section.modalities.unit div.container div.section-top {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
section.modalities.unit div.container div.section-top h2.top-title {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 0 0 21px;
  position: relative;
  text-align: center;
  border: none;
  width: 100%;
}
section.modalities.unit div.container div.section-top h2.top-title::before {
  width: 93px;
  height: 5px;
  content: "";
  background-color: #C00D0E;
  position: absolute;
  bottom: 0;
}
@media screen and (min-width: 992px) {
  section.modalities.unit div.container div.section-top h2.top-title {
    padding: 0 0 26px;
  }
  section.modalities.unit div.container div.section-top h2.top-title::before {
    width: 125px;
  }
}

/* =============================
    Media Querie: [ LAPTOP ]
============================= */
@media screen and (min-width: 992px) {
  section.modalities {
    padding: 48px 16px 72px;
  }
  section.modalities div.container {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
  }
  section.modalities div.container h1.title,
  section.modalities div.container h2.title {
    width: 700px;
  }
  section.modalities div.container a.cta-btn {
    text-transform: uppercase;
    text-decoration: none;
    text-align: center;
    padding: 12px 0 0 12px;
    position: relative;
    display: block;
    width: -moz-fit-content;
    width: fit-content;
  }
  section.modalities div.container a.cta-btn:hover p.btn-text {
    background-color: #ef1112;
    transform: translate(12px, 12px);
  }
  section.modalities div.container a.cta-btn:hover p.btn-fitting {
    box-shadow: inset 0 0 0 1px #ef1112;
  }
  section.modalities div.container a.cta-btn.active {
    width: 100%;
    margin: 0;
  }
  section.modalities div.container a.cta-btn.active p.btn-text {
    background-color: #ef1112;
    transform: translate(0, 12px);
  }
  section.modalities div.container a.cta-btn.active p.btn-fitting {
    box-shadow: inset 0 0 0 1px #ef1112;
  }
  section.modalities div.container a.cta-btn.active .btn-text,
  section.modalities div.container a.cta-btn.active .btn-fitting {
    width: 100%;
  }
  section.modalities div.container a.cta-btn .btn-text,
  section.modalities div.container a.cta-btn .btn-fitting {
    font: 600 14px "Rubik";
    line-height: 140%;
    letter-spacing: 0.2px;
    color: #fff;
    transition: 0.25s ease-in-out;
    margin: 0;
    padding: 11px 21px;
  }
}
@media screen and (min-width: 992px) and (min-width: 992px) {
  section.modalities div.container a.cta-btn .btn-text,
  section.modalities div.container a.cta-btn .btn-fitting {
    font-size: 14px;
    letter-spacing: 0.175px;
  }
}
@media screen and (min-width: 992px) {
  section.modalities div.container a.cta-btn .btn-text {
    background-color: #C00D0E;
    width: calc(100% - 12px);
    position: absolute;
    top: 0;
    left: 0;
    transform: translate(0, 0);
  }
  section.modalities div.container a.cta-btn .btn-fitting {
    background-color: transparent;
    box-shadow: inset 0 0 0 1px #C00D0E;
    color: transparent;
  }
  section.modalities ul.modality-list {
    display: grid;
    grid-template-columns: 1fr 1fr;
    width: -moz-fit-content;
    width: fit-content;
    margin: 44px auto 0;
  }
  section.modalities ul.modality-list li.modality-item {
    width: 334px;
    height: 511px;
    min-width: 334px;
    list-style-type: none;
    transition: 0.5s ease-in-out;
    position: relative;
  }
  section.modalities ul.modality-list li.modality-item:hover {
    width: 602px;
  }
  section.modalities ul.modality-list li.modality-item:hover div.thumbnail a.thumbnail-link::before {
    background-color: rgba(0, 0, 0, 0);
  }
  section.modalities ul.modality-list li.modality-item:hover div.thumbnail a.thumbnail-link h3.thumbnail-title {
    opacity: 0;
  }
  section.modalities ul.modality-list li.modality-item div.thumbnail,
  section.modalities ul.modality-list li.modality-item div.info-box {
    position: absolute;
    top: 0;
  }
  section.modalities ul.modality-list li.modality-item div.thumbnail {
    width: 334px;
    height: 511px;
    padding: 0;
    left: 0;
    z-index: 1;
  }
  section.modalities ul.modality-list li.modality-item div.thumbnail a.thumbnail-link {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%;
    position: relative;
    overflow: hidden;
  }
  section.modalities ul.modality-list li.modality-item div.thumbnail a.thumbnail-link::before {
    width: 100%;
    height: 100%;
    content: "";
    background-color: rgba(0, 0, 0, 0.5);
    transition: 0.25s ease-in-out;
    position: absolute;
    top: -50%;
    left: -50%;
    z-index: 1;
    transform: translate(50%, 50%);
  }
  section.modalities ul.modality-list li.modality-item div.thumbnail a.thumbnail-link h3.thumbnail-title {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%;
    font: 700 24.6px "Rubik";
    line-height: 110%;
    color: #fff;
    text-transform: uppercase;
    position: absolute;
    top: -50%;
    left: -50%;
    z-index: 1;
    opacity: 1;
    transform: translate(50%, 50%);
  }
  section.modalities ul.modality-list li.modality-item div.thumbnail a.thumbnail-link h3.thumbnail-title span {
    color: #C00D0E;
  }
}
@media screen and (min-width: 992px) and (min-width: 992px) {
  section.modalities ul.modality-list li.modality-item div.thumbnail a.thumbnail-link h3.thumbnail-title {
    font-size: 24.6px;
  }
}
@media screen and (min-width: 992px) {
  section.modalities ul.modality-list li.modality-item div.thumbnail a.thumbnail-link h3.thumbnail-title br {
    display: contents;
  }
  section.modalities ul.modality-list li.modality-item div.info-box {
    gap: 15px;
    width: 267.2px;
    height: 100%;
    height: 100%;
    background-color: rgba(158, 158, 158, 0.2);
    padding: 44px 22px 0;
    transition: 0.5s ease-in-out;
    right: 0;
    z-index: 0;
    overflow: hidden;
  }
  section.modalities ul.modality-list li.modality-item div.info-box div.icon-box img.modality-icon {
    width: 68px;
    height: 68px;
  }
  section.modalities ul.modality-list li.modality-item div.info-box ul.icon-list {
    gap: 14px;
  }
  section.modalities ul.modality-list li.modality-item div.info-box ul.icon-list li.icon-item {
    gap: 7px;
  }
  section.modalities ul.modality-list li.modality-item div.info-box ul.icon-list li.icon-item svg.icon {
    width: 31px;
    height: 31px;
  }
  section.modalities ul.modality-list li.modality-item div.info-box a.cta-btn {
    margin: 9px 0 0;
    text-transform: uppercase;
    text-decoration: none;
    text-align: center;
    padding: 12px 0 0 12px;
    position: relative;
    display: block;
    width: -moz-fit-content;
    width: fit-content;
  }
  section.modalities ul.modality-list li.modality-item div.info-box a.cta-btn:hover p.btn-text {
    background-color: #ef1112;
    transform: translate(12px, 12px);
  }
  section.modalities ul.modality-list li.modality-item div.info-box a.cta-btn:hover p.btn-fitting {
    box-shadow: inset 0 0 0 1px #ef1112;
  }
  section.modalities ul.modality-list li.modality-item div.info-box a.cta-btn.active {
    width: 100%;
    margin: 0;
  }
  section.modalities ul.modality-list li.modality-item div.info-box a.cta-btn.active p.btn-text {
    background-color: #ef1112;
    transform: translate(0, 12px);
  }
  section.modalities ul.modality-list li.modality-item div.info-box a.cta-btn.active p.btn-fitting {
    box-shadow: inset 0 0 0 1px #ef1112;
  }
  section.modalities ul.modality-list li.modality-item div.info-box a.cta-btn.active .btn-text,
  section.modalities ul.modality-list li.modality-item div.info-box a.cta-btn.active .btn-fitting {
    width: 100%;
  }
  section.modalities ul.modality-list li.modality-item div.info-box a.cta-btn .btn-text,
  section.modalities ul.modality-list li.modality-item div.info-box a.cta-btn .btn-fitting {
    font: 600 14px "Rubik";
    line-height: 140%;
    letter-spacing: 0.2px;
    color: #fff;
    transition: 0.25s ease-in-out;
    margin: 0;
    padding: 11px 21px;
  }
}
@media screen and (min-width: 992px) and (min-width: 992px) {
  section.modalities ul.modality-list li.modality-item div.info-box a.cta-btn .btn-text,
  section.modalities ul.modality-list li.modality-item div.info-box a.cta-btn .btn-fitting {
    font-size: 14px;
    letter-spacing: 0.175px;
  }
}
@media screen and (min-width: 992px) {
  section.modalities ul.modality-list li.modality-item div.info-box a.cta-btn .btn-text {
    background-color: #C00D0E;
    width: calc(100% - 12px);
    position: absolute;
    top: 0;
    left: 0;
    transform: translate(0, 0);
  }
  section.modalities ul.modality-list li.modality-item div.info-box a.cta-btn .btn-fitting {
    background-color: transparent;
    box-shadow: inset 0 0 0 1px #C00D0E;
    color: transparent;
  }
}
/* =============================
    Media Querie: [ DESKTOP ]
============================= */
@media screen and (min-width: 1800px) {
  section.modalities {
    padding: 48px 16px 72px;
  }
  section.modalities div.container {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
  }
  section.modalities div.container h1.title,
  section.modalities div.container h2.title {
    width: 700px;
  }
  section.modalities ul.modality-list {
    display: flex;
    flex-direction: row;
    justify-content: center;
    gap: 35px;
  }
  section.modalities ul.modality-list li.modality-item {
    width: 334px;
    height: 511px;
    min-width: 334px;
    list-style-type: none;
    transition: 0.5s ease-in-out;
    position: relative;
  }
  section.modalities ul.modality-list li.modality-item:hover {
    width: 602px;
  }
  section.modalities ul.modality-list li.modality-item:hover div.thumbnail a.thumbnail-link::before {
    background-color: rgba(0, 0, 0, 0);
  }
  section.modalities ul.modality-list li.modality-item:hover div.thumbnail a.thumbnail-link h3.thumbnail-title {
    opacity: 0;
  }
  section.modalities ul.modality-list li.modality-item div.thumbnail,
  section.modalities ul.modality-list li.modality-item div.info-box {
    position: absolute;
    top: 0;
  }
  section.modalities ul.modality-list li.modality-item div.info-box {
    width: calc(100% - 334px);
  }
  section.modalities ul.modality-list li.modality-item div.thumbnail {
    width: 334px;
    height: 511px;
    padding: 0;
    left: 0;
    z-index: 1;
  }
  section.modalities ul.modality-list li.modality-item div.thumbnail a.thumbnail-link {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%;
    position: relative;
    overflow: hidden;
  }
  section.modalities ul.modality-list li.modality-item div.thumbnail a.thumbnail-link::before {
    width: 100%;
    height: 100%;
    content: "";
    background-color: rgba(0, 0, 0, 0.5);
    transition: 0.25s ease-in-out;
    position: absolute;
    top: -50%;
    left: -50%;
    z-index: 1;
    transform: translate(50%, 50%);
  }
  section.modalities ul.modality-list li.modality-item div.thumbnail a.thumbnail-link h3.thumbnail-title {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%;
    font: 700 24.6px "Rubik";
    line-height: 110%;
    color: #fff;
    text-transform: uppercase;
    position: absolute;
    top: -50%;
    left: -50%;
    z-index: 1;
    opacity: 1;
    transform: translate(50%, 50%);
  }
  section.modalities ul.modality-list li.modality-item div.thumbnail a.thumbnail-link h3.thumbnail-title span {
    color: #C00D0E;
  }
}
@media screen and (min-width: 1800px) and (min-width: 992px) {
  section.modalities ul.modality-list li.modality-item div.thumbnail a.thumbnail-link h3.thumbnail-title {
    font-size: 24.6px;
  }
}
@media screen and (min-width: 1800px) {
  section.modalities ul.modality-list li.modality-item div.thumbnail a.thumbnail-link h3.thumbnail-title br {
    display: contents;
  }
  section.modalities ul.modality-list li.modality-item div.info-box {
    gap: 15px;
    width: 267.2px;
    height: 100%;
    background-color: rgba(158, 158, 158, 0.2);
    padding: 44px 22px 0;
    transition: 0.5s ease-in-out;
    right: 0;
    z-index: 0;
    overflow: hidden;
  }
  section.modalities ul.modality-list li.modality-item div.info-box div.icon-box img.modality-icon {
    width: 68px;
    height: 68px;
  }
  section.modalities ul.modality-list li.modality-item div.info-box ul.icon-list {
    gap: 14px;
  }
  section.modalities ul.modality-list li.modality-item div.info-box ul.icon-list li.icon-item {
    gap: 7px;
  }
  section.modalities ul.modality-list li.modality-item div.info-box ul.icon-list li.icon-item svg.icon {
    width: 31px;
    height: 31px;
  }
  section.modalities ul.modality-list li.modality-item div.info-box a.cta-btn {
    margin: 9px 0 0;
    text-transform: uppercase;
    text-decoration: none;
    text-align: center;
    padding: 12px 0 0 12px;
    position: relative;
    display: block;
    width: -moz-fit-content;
    width: fit-content;
  }
  section.modalities ul.modality-list li.modality-item div.info-box a.cta-btn:hover p.btn-text {
    background-color: #ef1112;
    transform: translate(12px, 12px);
  }
  section.modalities ul.modality-list li.modality-item div.info-box a.cta-btn:hover p.btn-fitting {
    box-shadow: inset 0 0 0 1px #ef1112;
  }
  section.modalities ul.modality-list li.modality-item div.info-box a.cta-btn.active {
    width: 100%;
    margin: 0;
  }
  section.modalities ul.modality-list li.modality-item div.info-box a.cta-btn.active p.btn-text {
    background-color: #ef1112;
    transform: translate(0, 12px);
  }
  section.modalities ul.modality-list li.modality-item div.info-box a.cta-btn.active p.btn-fitting {
    box-shadow: inset 0 0 0 1px #ef1112;
  }
  section.modalities ul.modality-list li.modality-item div.info-box a.cta-btn.active .btn-text,
  section.modalities ul.modality-list li.modality-item div.info-box a.cta-btn.active .btn-fitting {
    width: 100%;
  }
  section.modalities ul.modality-list li.modality-item div.info-box a.cta-btn .btn-text,
  section.modalities ul.modality-list li.modality-item div.info-box a.cta-btn .btn-fitting {
    font: 600 14px "Rubik";
    line-height: 140%;
    letter-spacing: 0.2px;
    color: #fff;
    transition: 0.25s ease-in-out;
    margin: 0;
    padding: 11px 21px;
  }
}
@media screen and (min-width: 1800px) and (min-width: 992px) {
  section.modalities ul.modality-list li.modality-item div.info-box a.cta-btn .btn-text,
  section.modalities ul.modality-list li.modality-item div.info-box a.cta-btn .btn-fitting {
    font-size: 14px;
    letter-spacing: 0.175px;
  }
}
@media screen and (min-width: 1800px) {
  section.modalities ul.modality-list li.modality-item div.info-box a.cta-btn .btn-text {
    background-color: #C00D0E;
    width: calc(100% - 12px);
    position: absolute;
    top: 0;
    left: 0;
    transform: translate(0, 0);
  }
  section.modalities ul.modality-list li.modality-item div.info-box a.cta-btn .btn-fitting {
    background-color: transparent;
    box-shadow: inset 0 0 0 1px #C00D0E;
    color: transparent;
  }
}
/* =============================
    Media Querie: [ MOBILE ]
============================= */
section.units {
  background-color: #F7F7F7;
  padding: 0 0 64px;
  overflow: hidden;
  clip-path: polygon(0 0, 100% 0, 100% 97%, 0% 100%);
}
section.units div.units-box {
  width: 100%;
  height: 720px;
  position: relative;
  overflow: hidden;
}
section.units div.units-box::after {
  width: 100%;
  height: 666px;
  content: "";
  background-color: #000;
  clip-path: polygon(0 0, 100% 0, 100% 90.2%, 0% 100%);
  position: absolute;
  top: 0;
  left: 0;
  z-index: 0;
}
section.units div.units-box::before {
  width: 100%;
  height: 600px;
  content: "";
  background: linear-gradient(90deg, rgba(0, 0, 0, 0.75), transparent);
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2;
}
section.units div.units-box img.background-mobile,
section.units div.units-box img.background-desktop {
  -o-object-fit: cover;
     object-fit: cover;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
}
section.units div.units-box img.background-mobile {
  width: 100%;
  height: 600px;
}
section.units div.units-box img.background-desktop {
  display: none;
}
section.units div.units-box div.container {
  display: flex;
  align-items: start;
  height: 100%;
  position: relative;
  z-index: 3;
}
section.units div.units-box div.container div.text-box {
  display: flex;
  flex-direction: column;
  gap: 20px;
  padding: 80px 0 0;
}
section.units div.units-box div.container div.text-box h2.title {
  font: 700 28px "Rubik";
  line-height: 110%;
  color: #fff;
}
section.units div.units-box div.container div.text-box h2.title span {
  color: #C00D0E;
}
@media screen and (min-width: 992px) {
  section.units div.units-box div.container div.text-box h2.title {
    font-size: 42.3px;
  }
}
section.units div.units-box div.container div.text-box p.description {
  font: 400 15px "Rubik";
  line-height: 140%;
  letter-spacing: 0.2px;
  color: #fff;
  padding: 0 0 0 24px;
}
@media screen and (min-width: 992px) {
  section.units div.units-box div.container div.text-box p.description {
    font-size: 16px;
    letter-spacing: 0.175px;
  }
}
section.units div.units-box div.container div.text-box a.cta-btn {
  margin: 10px 0 0;
  text-transform: uppercase;
  text-decoration: none;
  text-align: center;
  padding: 12px 0 0 12px;
  position: relative;
  display: block;
  width: 100%;
}
section.units div.units-box div.container div.text-box a.cta-btn:hover p.btn-text {
  background-color: #ef1112;
  transform: translate(12px, 12px);
}
section.units div.units-box div.container div.text-box a.cta-btn:hover p.btn-fitting {
  box-shadow: inset 0 0 0 1px #ef1112;
}
section.units div.units-box div.container div.text-box a.cta-btn.active {
  width: 100%;
  margin: 0;
}
section.units div.units-box div.container div.text-box a.cta-btn.active p.btn-text {
  background-color: #ef1112;
  transform: translate(0, 12px);
}
section.units div.units-box div.container div.text-box a.cta-btn.active p.btn-fitting {
  box-shadow: inset 0 0 0 1px #ef1112;
}
section.units div.units-box div.container div.text-box a.cta-btn.active .btn-text,
section.units div.units-box div.container div.text-box a.cta-btn.active .btn-fitting {
  width: 100%;
}
section.units div.units-box div.container div.text-box a.cta-btn .btn-text,
section.units div.units-box div.container div.text-box a.cta-btn .btn-fitting {
  font: 600 16px "Rubik";
  line-height: 140%;
  letter-spacing: 0.2px;
  color: #fff;
  transition: 0.25s ease-in-out;
  margin: 0;
  padding: 11px 0;
}
@media screen and (min-width: 992px) {
  section.units div.units-box div.container div.text-box a.cta-btn .btn-text,
  section.units div.units-box div.container div.text-box a.cta-btn .btn-fitting {
    font-size: 14px;
    letter-spacing: 0.175px;
  }
}
section.units div.units-box div.container div.text-box a.cta-btn .btn-text {
  background-color: #C00D0E;
  width: calc(100% - 12px);
  position: absolute;
  top: 0;
  left: 0;
  transform: translate(0, 0);
}
section.units div.units-box div.container div.text-box a.cta-btn .btn-fitting {
  background-color: transparent;
  box-shadow: inset 0 0 0 1px #C00D0E;
  color: transparent;
}
section.units div.units-box div.container div.circular-picture-container {
  display: flex;
  align-items: end;
  height: 100%;
  position: absolute;
  right: 0;
  z-index: -1;
}
section.units div.units-box div.container div.circular-picture-container div.circular-picture-box {
  width: 337px;
  height: 337px;
}
section.units div.units-box div.container div.circular-picture-container div.circular-picture-box img.circular-arrow {
  width: 100%;
  height: 100%;
}
section.units div.units-box div.container div.circular-picture-container div.circular-picture-box div.picture-box {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
}
section.units div.units-box div.container div.circular-picture-container div.circular-picture-box div.picture-box img.circular-picture {
  width: 269.6px;
  height: 269.6px;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 100%;
}

/* =============================
    Media Querie: [ LAPTOP ]
============================= */
@media screen and (min-width: 992px) {
  section.units {
    padding: 0;
    clip-path: none;
  }
  section.units div.units-box {
    height: 654px;
  }
  section.units div.units-box::after {
    display: none;
  }
  section.units div.units-box::before {
    width: 100%;
    height: 100%;
    background: linear-gradient(90deg, #000, transparent, transparent);
    clip-path: polygon(0 0, 100% 0, 100% 82%, 0% 100%);
    z-index: 2;
  }
  section.units div.units-box img.background-mobile {
    display: none;
  }
  section.units div.units-box img.background-desktop {
    display: block;
    width: 100%;
    height: 100%;
    clip-path: polygon(0 0, 100% 0, 100% 82%, 0% 100%);
  }
  section.units div.units-box div.container {
    align-items: center;
  }
  section.units div.units-box div.container div.text-box {
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: 35px;
    height: 100%;
    padding: 0;
  }
  section.units div.units-box div.container div.text-box h2.title {
    width: 600px;
  }
  section.units div.units-box div.container div.text-box p.description {
    width: 450px;
  }
  section.units div.units-box div.container div.text-box a.cta-btn {
    margin: 0 0 0 24px;
    text-transform: uppercase;
    text-decoration: none;
    text-align: center;
    padding: 12px 0 0 12px;
    position: relative;
    display: block;
    width: -moz-fit-content;
    width: fit-content;
  }
  section.units div.units-box div.container div.text-box a.cta-btn:hover p.btn-text {
    background-color: #ef1112;
    transform: translate(12px, 12px);
  }
  section.units div.units-box div.container div.text-box a.cta-btn:hover p.btn-fitting {
    box-shadow: inset 0 0 0 1px #ef1112;
  }
  section.units div.units-box div.container div.text-box a.cta-btn.active {
    width: 100%;
    margin: 0;
  }
  section.units div.units-box div.container div.text-box a.cta-btn.active p.btn-text {
    background-color: #ef1112;
    transform: translate(0, 12px);
  }
  section.units div.units-box div.container div.text-box a.cta-btn.active p.btn-fitting {
    box-shadow: inset 0 0 0 1px #ef1112;
  }
  section.units div.units-box div.container div.text-box a.cta-btn.active .btn-text,
  section.units div.units-box div.container div.text-box a.cta-btn.active .btn-fitting {
    width: 100%;
  }
  section.units div.units-box div.container div.text-box a.cta-btn .btn-text,
  section.units div.units-box div.container div.text-box a.cta-btn .btn-fitting {
    font: 600 14px "Rubik";
    line-height: 140%;
    letter-spacing: 0.2px;
    color: #fff;
    transition: 0.25s ease-in-out;
    margin: 0;
    padding: 11px 21px;
  }
}
@media screen and (min-width: 992px) and (min-width: 992px) {
  section.units div.units-box div.container div.text-box a.cta-btn .btn-text,
  section.units div.units-box div.container div.text-box a.cta-btn .btn-fitting {
    font-size: 14px;
    letter-spacing: 0.175px;
  }
}
@media screen and (min-width: 992px) {
  section.units div.units-box div.container div.text-box a.cta-btn .btn-text {
    background-color: #C00D0E;
    width: calc(100% - 12px);
    position: absolute;
    top: 0;
    left: 0;
    transform: translate(0, 0);
  }
  section.units div.units-box div.container div.text-box a.cta-btn .btn-fitting {
    background-color: transparent;
    box-shadow: inset 0 0 0 1px #C00D0E;
    color: transparent;
  }
  section.units div.units-box div.container div.circular-picture-container {
    align-items: center;
    margin: 0 0 -16px;
    right: -42px;
    z-index: 2;
  }
  section.units div.units-box div.container div.circular-picture-container div.circular-picture-box {
    width: 609px;
    height: 609px;
  }
  section.units div.units-box div.container div.circular-picture-container div.circular-picture-box div.picture-box img.circular-picture {
    width: 487.2px;
    height: 487.2px;
  }
}
/* =============================
    Media Querie: [ MOBILE ]
============================= */
section.plans {
  padding: 48px 0;
}
section.plans div.container {
  display: flex;
  flex-direction: column;
  gap: 62px;
}
section.plans div.container div.top-box {
  display: flex;
  flex-direction: column;
  gap: 20px;
}
section.plans div.container div.top-box h2.title {
  font: 700 27px "Rubik";
  line-height: 110%;
  color: #424242;
}
section.plans div.container div.top-box h2.title span {
  color: #C00D0E;
}
@media screen and (min-width: 992px) {
  section.plans div.container div.top-box h2.title {
    font-size: 42.3px;
  }
}
section.plans div.container div.top-box ul.period-list {
  display: flex;
  align-items: center;
  border: 1px solid #eaeaea;
  padding: 10px;
  width: 100%;
}
section.plans div.container div.top-box ul.period-list li.period-item {
  width: 100%;
  min-width: -moz-fit-content;
  min-width: fit-content;
  list-style-type: none;
  text-align: center;
  transition: 0.5s ease-in-out;
  padding: 8px 20px;
  position: relative;
  overflow: hidden;
  cursor: pointer;
}
section.plans div.container div.top-box ul.period-list li.period-item::before {
  width: 100%;
  height: 100%;
  content: "";
  background-color: #292929;
  transition: 0.25s ease-in-out;
  position: absolute;
  left: 0;
  bottom: -100%;
}
section.plans div.container div.top-box ul.period-list li.period-item.active {
  width: 0%;
}
section.plans div.container div.top-box ul.period-list li.period-item.active::before {
  bottom: 0;
}
section.plans div.container div.top-box ul.period-list li.period-item.active p.item-text {
  color: #fff;
}
section.plans div.container div.top-box ul.period-list li.period-item p.item-text {
  font: 600 17px "Rubik";
  color: #424242;
  position: relative;
  z-index: 1;
}
@media screen and (min-width: 992px) {
  section.plans div.container div.top-box ul.period-list li.period-item p.item-text {
    font-size: 15px;
  }
}
section.plans div.container ul.plan-list {
  display: none;
  flex-direction: column;
  justify-content: center;
  gap: 31px;
}
section.plans div.container ul.plan-list.active {
  display: flex;
}
section.plans div.container ul.plan-list li.plan-item {
  text-align: center;
  list-style-type: none;
  border: 1px solid #C00D0E;
  padding: 40px 28px;
}
section.plans div.container ul.plan-list li.plan-item.featured h3.item-title {
  background-color: #424242;
  color: #fff;
  padding: 20px 0;
  width: 100%;
}
section.plans div.container ul.plan-list li.plan-item.featured p.price span {
  color: #C00D0E;
}
section.plans div.container ul.plan-list li.plan-item h3.item-title {
  font: 700 24px "Rubik";
  line-height: 140%;
  letter-spacing: 0.2px;
  color: #000;
}
@media screen and (min-width: 992px) {
  section.plans div.container ul.plan-list li.plan-item h3.item-title {
    font-size: 21px;
    letter-spacing: 0.175px;
  }
}
section.plans div.container ul.plan-list li.plan-item p.price {
  font: 600 18px "Rubik";
  line-height: 140%;
  letter-spacing: 0.2px;
  color: #424242;
  margin: 24px 0;
}
@media screen and (min-width: 992px) {
  section.plans div.container ul.plan-list li.plan-item p.price {
    font-size: 16px;
    letter-spacing: 0.175px;
  }
}
section.plans div.container ul.plan-list li.plan-item p.price span {
  font: 700 56px "Rubik";
  line-height: 110%;
  color: #424242;
}
section.plans div.container ul.plan-list li.plan-item p.price span span {
  color: #C00D0E;
}
@media screen and (min-width: 992px) {
  section.plans div.container ul.plan-list li.plan-item p.price span {
    font-size: 56px;
  }
}
section.plans div.container ul.plan-list li.plan-item p.item-description {
  font: 400 16px "Rubik";
  line-height: 140%;
  letter-spacing: 0.2px;
  color: #9E9E9E;
}
@media screen and (min-width: 992px) {
  section.plans div.container ul.plan-list li.plan-item p.item-description {
    font-size: 16px;
    letter-spacing: 0.175px;
  }
}
section.plans div.container ul.plan-list li.plan-item ul.info-list {
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: 12px;
  margin: 30px 0;
}
section.plans div.container ul.plan-list li.plan-item ul.info-list li.info-item {
  font: 400 14px "Rubik";
  line-height: 140%;
  letter-spacing: 0.2px;
  color: #757575;
  list-style-type: none;
}
@media screen and (min-width: 992px) {
  section.plans div.container ul.plan-list li.plan-item ul.info-list li.info-item {
    font-size: 16px;
    letter-spacing: 0.175px;
  }
}
section.plans div.container ul.plan-list li.plan-item a.cta-btn {
  text-transform: uppercase;
  text-decoration: none;
  text-align: center;
  padding: 12px 0 0 12px;
  position: relative;
  display: block;
  width: 100%;
}
section.plans div.container ul.plan-list li.plan-item a.cta-btn:hover p.btn-text {
  background-color: #ef1112;
  transform: translate(12px, 12px);
}
section.plans div.container ul.plan-list li.plan-item a.cta-btn:hover p.btn-fitting {
  box-shadow: inset 0 0 0 1px #ef1112;
}
section.plans div.container ul.plan-list li.plan-item a.cta-btn.active {
  width: 100%;
  margin: 0;
}
section.plans div.container ul.plan-list li.plan-item a.cta-btn.active p.btn-text {
  background-color: #ef1112;
  transform: translate(0, 12px);
}
section.plans div.container ul.plan-list li.plan-item a.cta-btn.active p.btn-fitting {
  box-shadow: inset 0 0 0 1px #ef1112;
}
section.plans div.container ul.plan-list li.plan-item a.cta-btn.active .btn-text,
section.plans div.container ul.plan-list li.plan-item a.cta-btn.active .btn-fitting {
  width: 100%;
}
section.plans div.container ul.plan-list li.plan-item a.cta-btn .btn-text,
section.plans div.container ul.plan-list li.plan-item a.cta-btn .btn-fitting {
  font: 600 14px "Rubik";
  line-height: 140%;
  letter-spacing: 0.2px;
  color: #fff;
  transition: 0.25s ease-in-out;
  margin: 0;
  padding: 11px 0;
}
@media screen and (min-width: 992px) {
  section.plans div.container ul.plan-list li.plan-item a.cta-btn .btn-text,
  section.plans div.container ul.plan-list li.plan-item a.cta-btn .btn-fitting {
    font-size: 14px;
    letter-spacing: 0.175px;
  }
}
section.plans div.container ul.plan-list li.plan-item a.cta-btn .btn-text {
  background-color: #C00D0E;
  width: calc(100% - 12px);
  position: absolute;
  top: 0;
  left: 0;
  transform: translate(0, 0);
}
section.plans div.container ul.plan-list li.plan-item a.cta-btn .btn-fitting {
  background-color: transparent;
  box-shadow: inset 0 0 0 1px #C00D0E;
  color: transparent;
}
section.plans.plans-page div.container ul.plan-list li.plan-item.featured div.item-box h3.item-title {
  background-color: #212121;
  margin: 0;
}
section.plans.plans-page div.container ul.plan-list li.plan-item div.item-box {
  display: flex;
  flex-direction: column;
}
section.plans.plans-page div.container ul.plan-list li.plan-item div.item-box h3.item-title {
  margin: 0 0 16px;
}
section.plans.plans-page div.container ul.plan-list li.plan-item div.item-box p.item-description {
  color: #757575;
  margin: 9px 0;
}
section.plans.plans-page div.container ul.plan-list li.plan-item div.item-box p.price {
  margin: 0;
}
section.plans.plans-page div.container ul.plan-list li.plan-item div.item-box ul.info-list {
  margin: 40px 0;
}

/* =============================
    Media Querie: [ LAPTOP ]
============================= */
@media screen and (min-width: 992px) {
  section.plans {
    padding: 105px 0;
  }
  section.plans div.container {
    gap: 52px;
  }
  section.plans div.container div.top-box {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
  }
  section.plans div.container div.top-box h2.title {
    width: 900px;
  }
  section.plans div.container div.top-box ul.period-list {
    padding: 9px;
    width: -moz-fit-content;
    width: fit-content;
  }
  section.plans div.container div.top-box ul.period-list li.period-item {
    transition: 0.25s ease-in-out;
    padding: 7px 17px;
    width: -moz-fit-content;
    width: fit-content;
  }
  section.plans div.container div.top-box ul.period-list li.period-item::before {
    transition: 0.33s ease-in-out;
  }
  section.plans div.container ul.plan-list {
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    gap: 22px;
  }
  section.plans div.container ul.plan-list li.plan-item {
    padding: 31px 47px;
  }
  section.plans div.container ul.plan-list li.plan-item.featured h3.item-title {
    padding: 17px 0;
    margin: 0;
  }
  section.plans div.container ul.plan-list li.plan-item p.price {
    margin: 35px 0;
  }
  section.plans div.container ul.plan-list li.plan-item ul.info-list {
    align-items: center;
    gap: 10px;
    margin: 26px 0;
  }
  section.plans div.container ul.plan-list li.plan-item a.cta-btn {
    margin: 0 auto;
    text-transform: uppercase;
    text-decoration: none;
    text-align: center;
    padding: 12px 0 0 12px;
    position: relative;
    display: block;
    width: -moz-fit-content;
    width: fit-content;
  }
  section.plans div.container ul.plan-list li.plan-item a.cta-btn:hover p.btn-text {
    background-color: #ef1112;
    transform: translate(12px, 12px);
  }
  section.plans div.container ul.plan-list li.plan-item a.cta-btn:hover p.btn-fitting {
    box-shadow: inset 0 0 0 1px #ef1112;
  }
  section.plans div.container ul.plan-list li.plan-item a.cta-btn.active {
    width: 100%;
    margin: 0;
  }
  section.plans div.container ul.plan-list li.plan-item a.cta-btn.active p.btn-text {
    background-color: #ef1112;
    transform: translate(0, 12px);
  }
  section.plans div.container ul.plan-list li.plan-item a.cta-btn.active p.btn-fitting {
    box-shadow: inset 0 0 0 1px #ef1112;
  }
  section.plans div.container ul.plan-list li.plan-item a.cta-btn.active .btn-text,
  section.plans div.container ul.plan-list li.plan-item a.cta-btn.active .btn-fitting {
    width: 100%;
  }
  section.plans div.container ul.plan-list li.plan-item a.cta-btn .btn-text,
  section.plans div.container ul.plan-list li.plan-item a.cta-btn .btn-fitting {
    font: 600 14px "Rubik";
    line-height: 140%;
    letter-spacing: 0.2px;
    color: #fff;
    transition: 0.25s ease-in-out;
    margin: 0;
    padding: 11px 49px;
  }
}
@media screen and (min-width: 992px) and (min-width: 992px) {
  section.plans div.container ul.plan-list li.plan-item a.cta-btn .btn-text,
  section.plans div.container ul.plan-list li.plan-item a.cta-btn .btn-fitting {
    font-size: 14px;
    letter-spacing: 0.175px;
  }
}
@media screen and (min-width: 992px) {
  section.plans div.container ul.plan-list li.plan-item a.cta-btn .btn-text {
    background-color: #C00D0E;
    width: calc(100% - 12px);
    position: absolute;
    top: 0;
    left: 0;
    transform: translate(0, 0);
  }
  section.plans div.container ul.plan-list li.plan-item a.cta-btn .btn-fitting {
    background-color: transparent;
    box-shadow: inset 0 0 0 1px #C00D0E;
    color: transparent;
  }
  section.plans.plans-page div.container div.top-box h2.title {
    width: 1000px;
  }
  section.plans.plans-page div.container ul.plan-list {
    grid-template-columns: repeat(3, 1fr);
    align-items: initial;
  }
  section.plans.plans-page div.container ul.plan-list.active {
    display: grid;
  }
  section.plans.plans-page div.container ul.plan-list li.plan-item {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    padding: 46px 47px;
  }
  section.plans.plans-page div.container ul.plan-list li.plan-item div.item-box h3.item-title {
    margin: 0 0 21px;
  }
  section.plans.plans-page div.container ul.plan-list li.plan-item div.item-box ul.info-list {
    align-items: flex-start;
    margin: 35px 0;
  }
  section.plans.plans-page div.container ul.plan-list li.plan-item div.item-box ul.info-list li.info-item {
    text-align: left;
  }
  section.plans.plans-page div.container ul.plan-list li.plan-item a.cta-btn {
    text-transform: uppercase;
    text-decoration: none;
    text-align: center;
    padding: 12px 0 0 12px;
    position: relative;
    display: block;
    width: 100%;
  }
  section.plans.plans-page div.container ul.plan-list li.plan-item a.cta-btn:hover p.btn-text {
    background-color: #ef1112;
    transform: translate(12px, 12px);
  }
  section.plans.plans-page div.container ul.plan-list li.plan-item a.cta-btn:hover p.btn-fitting {
    box-shadow: inset 0 0 0 1px #ef1112;
  }
  section.plans.plans-page div.container ul.plan-list li.plan-item a.cta-btn.active {
    width: 100%;
    margin: 0;
  }
  section.plans.plans-page div.container ul.plan-list li.plan-item a.cta-btn.active p.btn-text {
    background-color: #ef1112;
    transform: translate(0, 12px);
  }
  section.plans.plans-page div.container ul.plan-list li.plan-item a.cta-btn.active p.btn-fitting {
    box-shadow: inset 0 0 0 1px #ef1112;
  }
  section.plans.plans-page div.container ul.plan-list li.plan-item a.cta-btn.active .btn-text,
  section.plans.plans-page div.container ul.plan-list li.plan-item a.cta-btn.active .btn-fitting {
    width: 100%;
  }
  section.plans.plans-page div.container ul.plan-list li.plan-item a.cta-btn .btn-text,
  section.plans.plans-page div.container ul.plan-list li.plan-item a.cta-btn .btn-fitting {
    font: 600 14px "Rubik";
    line-height: 140%;
    letter-spacing: 0.2px;
    color: #fff;
    transition: 0.25s ease-in-out;
    margin: 0;
    padding: 11px 0;
  }
}
@media screen and (min-width: 992px) and (min-width: 992px) {
  section.plans.plans-page div.container ul.plan-list li.plan-item a.cta-btn .btn-text,
  section.plans.plans-page div.container ul.plan-list li.plan-item a.cta-btn .btn-fitting {
    font-size: 14px;
    letter-spacing: 0.175px;
  }
}
@media screen and (min-width: 992px) {
  section.plans.plans-page div.container ul.plan-list li.plan-item a.cta-btn .btn-text {
    background-color: #C00D0E;
    width: calc(100% - 12px);
    position: absolute;
    top: 0;
    left: 0;
    transform: translate(0, 0);
  }
  section.plans.plans-page div.container ul.plan-list li.plan-item a.cta-btn .btn-fitting {
    background-color: transparent;
    box-shadow: inset 0 0 0 1px #C00D0E;
    color: transparent;
  }
}
/* =============================
    Media Querie: [ MOBILE ]
============================= */
section.who-trains {
  padding: 32px 0 64px;
  overflow: hidden;
  position: relative;
}
section.who-trains div.container {
  display: flex;
  flex-direction: column;
  gap: 60px;
}
section.who-trains div.container div.text-box {
  display: flex;
  flex-direction: column;
  gap: 10px;
}
section.who-trains div.container div.text-box h2.title {
  font: 700 28px "Rubik";
  line-height: 110%;
  color: #424242;
}
section.who-trains div.container div.text-box h2.title span {
  color: #C00D0E;
}
@media screen and (min-width: 992px) {
  section.who-trains div.container div.text-box h2.title {
    font-size: 42.3px;
  }
}
section.who-trains div.container div.text-box p.description {
  font: 400 14px "Rubik";
  line-height: 140%;
  letter-spacing: 0.2px;
  color: #9E9E9E;
  padding: 0 0 0 24px;
}
@media screen and (min-width: 992px) {
  section.who-trains div.container div.text-box p.description {
    font-size: 22px;
    letter-spacing: 0.175px;
  }
}
section.who-trains div.container div.wt-carousel {
  display: flex;
  flex-direction: column;
  gap: 13px;
  width: 100%;
}
section.who-trains div.container div.wt-carousel div.swiper-wrapper div.swiper-slide {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 287px;
  height: 477px;
  background-color: #fff;
  border: 1px solid #eaeaea;
  padding: 22px 19px;
}
section.who-trains div.container div.wt-carousel div.swiper-wrapper div.swiper-slide video {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

/* =============================
    Media Querie: [ LAPTOP ]
============================= */
@media screen and (min-width: 992px) {
  section.who-trains {
    margin: -64px 0 0;
    padding: 152px 0;
  }
  section.who-trains::before {
    width: 100%;
    height: 100%;
    content: "";
    background-color: #F7F7F7;
    clip-path: polygon(0 10%, 100% 0, 100% 100%, 0% 100%);
    position: absolute;
    top: 0;
    left: 0;
    z-index: 0;
  }
  section.who-trains div.container {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    gap: 32px;
    position: relative;
    z-index: 1;
  }
  section.who-trains div.container div.text-box {
    gap: 35px;
    min-width: -moz-fit-content;
    min-width: fit-content;
  }
  section.who-trains div.container div.text-box h2.title {
    width: 400px;
  }
  section.who-trains div.container div.text-box p.description {
    width: 400px;
  }
  section.who-trains div.container div.wt-carousel {
    gap: 15px;
  }
  section.who-trains div.container div.wt-carousel div.swiper-wrapper div.swiper-slide {
    width: 331px;
    height: 550px;
    padding: 25px 25px;
  }
}
/* =============================
    Media Querie: [ MOBILE ]
============================= */
section.what-they-say {
  padding: 35px 0 42px;
}
section.what-they-say div.container div.top div.top-box h1.title,
section.what-they-say div.container div.top div.top-box h2.title {
  font: 700 28px "Rubik";
  line-height: 110%;
  color: #424242;
  margin: 0 0 10px;
}
section.what-they-say div.container div.top div.top-box h1.title span,
section.what-they-say div.container div.top div.top-box h2.title span {
  color: #C00D0E;
}
@media screen and (min-width: 992px) {
  section.what-they-say div.container div.top div.top-box h1.title,
  section.what-they-say div.container div.top div.top-box h2.title {
    font-size: 42.3px;
  }
}
section.what-they-say div.container div.top div.top-box p.description {
  font: 400 16px "Rubik";
  line-height: 140%;
  letter-spacing: 0.2px;
  color: #9E9E9E;
}
@media screen and (min-width: 992px) {
  section.what-they-say div.container div.top div.top-box p.description {
    font-size: 22px;
    letter-spacing: 0.175px;
  }
}
section.what-they-say div.container div.top a.cta-btn {
  display: none;
}
section.what-they-say div.container ul.television-networks {
  display: none;
}
section.what-they-say div.container div.swiper {
  display: flex;
  flex-direction: column;
  gap: 26px;
  margin: 10px 0 20px;
}
section.what-they-say div.container div.swiper div.swiper-wrapper div.swiper-slide {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 132px;
  background-color: #fff;
  border: 1px solid #eaeaea;
  padding: 15px;
}
section.what-they-say div.container div.swiper div.swiper-wrapper div.swiper-slide img.slide-image {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
section.what-they-say div.container ul.news-list {
  display: flex;
  flex-direction: column;
  gap: 40px;
  margin: 40px 0;
}
section.what-they-say div.container ul.news-list li.news-item {
  list-style-type: none;
}
@media screen and (max-width: 992px) {
  section.what-they-say div.container ul.news-list li.news-item {
    display: flex;
    flex-direction: column;
    gap: 16px;
    background-color: #fff;
    border: 1px solid #eaeaea;
    padding: 24px;
  }
}
section.what-they-say div.container ul.news-list li.news-item a.news-link {
  display: contents;
}
section.what-they-say div.container ul.news-list li.news-item a.news-link div.image-box {
  padding: 0 0 90%;
  position: relative;
  overflow: hidden;
}
section.what-they-say div.container ul.news-list li.news-item a.news-link div.image-box img.image {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  position: absolute;
  top: -50%;
  left: -50%;
  transform: translate(50%, 50%);
}
section.what-they-say div.container ul.news-list li.news-item a.news-link div.date-box {
  display: flex;
  align-items: center;
  gap: 8px;
}
section.what-they-say div.container ul.news-list li.news-item a.news-link div.date-box svg {
  width: 32px;
  height: 32px;
}
section.what-they-say div.container ul.news-list li.news-item a.news-link div.date-box p.date {
  font: 500 14px "Rubik";
  line-height: 140%;
  letter-spacing: 0.2px;
  color: #000;
}
@media screen and (min-width: 992px) {
  section.what-they-say div.container ul.news-list li.news-item a.news-link div.date-box p.date {
    font-size: 12px;
    letter-spacing: 0.175px;
  }
}
section.what-they-say div.container ul.news-list li.news-item a.news-link p.item-description {
  font: 600 24px "Rubik";
  color: #424242;
  line-height: 120%;
}
@media screen and (min-width: 992px) {
  section.what-they-say div.container ul.news-list li.news-item a.news-link p.item-description {
    font-size: 17.6px;
  }
}
section.what-they-say div.container ul.news-list li.news-item a.cta-btn {
  text-transform: uppercase;
  text-decoration: none;
  text-align: center;
  padding: 12px 0 0 12px;
  position: relative;
  display: block;
  width: 100%;
}
section.what-they-say div.container ul.news-list li.news-item a.cta-btn:hover p.btn-text {
  background-color: #ef1112;
  transform: translate(12px, 12px);
}
section.what-they-say div.container ul.news-list li.news-item a.cta-btn:hover p.btn-fitting {
  box-shadow: inset 0 0 0 1px #ef1112;
}
section.what-they-say div.container ul.news-list li.news-item a.cta-btn.active {
  width: 100%;
  margin: 0;
}
section.what-they-say div.container ul.news-list li.news-item a.cta-btn.active p.btn-text {
  background-color: #ef1112;
  transform: translate(0, 12px);
}
section.what-they-say div.container ul.news-list li.news-item a.cta-btn.active p.btn-fitting {
  box-shadow: inset 0 0 0 1px #ef1112;
}
section.what-they-say div.container ul.news-list li.news-item a.cta-btn.active .btn-text,
section.what-they-say div.container ul.news-list li.news-item a.cta-btn.active .btn-fitting {
  width: 100%;
}
section.what-they-say div.container ul.news-list li.news-item a.cta-btn .btn-text,
section.what-they-say div.container ul.news-list li.news-item a.cta-btn .btn-fitting {
  font: 600 14px "Rubik";
  line-height: 140%;
  letter-spacing: 0.2px;
  color: #fff;
  transition: 0.25s ease-in-out;
  margin: 0;
  padding: 11px 0;
}
@media screen and (min-width: 992px) {
  section.what-they-say div.container ul.news-list li.news-item a.cta-btn .btn-text,
  section.what-they-say div.container ul.news-list li.news-item a.cta-btn .btn-fitting {
    font-size: 14px;
    letter-spacing: 0.175px;
  }
}
section.what-they-say div.container ul.news-list li.news-item a.cta-btn .btn-text {
  background-color: #C00D0E;
  width: calc(100% - 12px);
  position: absolute;
  top: 0;
  left: 0;
  transform: translate(0, 0);
}
section.what-they-say div.container ul.news-list li.news-item a.cta-btn .btn-fitting {
  background-color: transparent;
  box-shadow: inset 0 0 0 1px #C00D0E;
  color: transparent;
}

/* =============================
    Media Querie: [ LAPTOP ]
============================= */
@media screen and (min-width: 992px) {
  section.what-they-say {
    display: block;
    padding: 48px 0 80px;
  }
  section.what-they-say div.container {
    display: flex;
    flex-direction: column;
    gap: 24px;
  }
  section.what-they-say div.container div.top {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
  }
  section.what-they-say div.container div.top div.top-box {
    display: flex;
    flex-direction: column;
    gap: 8px;
    width: -moz-fit-content;
    width: fit-content;
  }
  section.what-they-say div.container div.top a.cta-btn {
    text-transform: uppercase;
    text-decoration: none;
    text-align: center;
    padding: 12px 0 0 12px;
    position: relative;
    display: block;
    width: -moz-fit-content;
    width: fit-content;
  }
  section.what-they-say div.container div.top a.cta-btn:hover p.btn-text {
    background-color: #ef1112;
    transform: translate(12px, 12px);
  }
  section.what-they-say div.container div.top a.cta-btn:hover p.btn-fitting {
    box-shadow: inset 0 0 0 1px #ef1112;
  }
  section.what-they-say div.container div.top a.cta-btn.active {
    width: 100%;
    margin: 0;
  }
  section.what-they-say div.container div.top a.cta-btn.active p.btn-text {
    background-color: #ef1112;
    transform: translate(0, 12px);
  }
  section.what-they-say div.container div.top a.cta-btn.active p.btn-fitting {
    box-shadow: inset 0 0 0 1px #ef1112;
  }
  section.what-they-say div.container div.top a.cta-btn.active .btn-text,
  section.what-they-say div.container div.top a.cta-btn.active .btn-fitting {
    width: 100%;
  }
  section.what-they-say div.container div.top a.cta-btn .btn-text,
  section.what-they-say div.container div.top a.cta-btn .btn-fitting {
    font: 600 14px "Rubik";
    line-height: 140%;
    letter-spacing: 0.2px;
    color: #fff;
    transition: 0.25s ease-in-out;
    margin: 0;
    padding: 11px 21px;
  }
}
@media screen and (min-width: 992px) and (min-width: 992px) {
  section.what-they-say div.container div.top a.cta-btn .btn-text,
  section.what-they-say div.container div.top a.cta-btn .btn-fitting {
    font-size: 14px;
    letter-spacing: 0.175px;
  }
}
@media screen and (min-width: 992px) {
  section.what-they-say div.container div.top a.cta-btn .btn-text {
    background-color: #C00D0E;
    width: calc(100% - 12px);
    position: absolute;
    top: 0;
    left: 0;
    transform: translate(0, 0);
  }
  section.what-they-say div.container div.top a.cta-btn .btn-fitting {
    background-color: transparent;
    box-shadow: inset 0 0 0 1px #C00D0E;
    color: transparent;
  }
  section.what-they-say div.container ul.television-networks {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 26px;
  }
  section.what-they-say div.container ul.television-networks li.tn-item {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 179px;
    background-color: #fff;
    border: 1px solid #eaeaea;
    padding: 21px;
    transition: 0.25s ease-in-out;
  }
  section.what-they-say div.container ul.television-networks li.tn-item img.tn-image {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
       object-fit: cover;
  }
  section.what-they-say div.container div.swiper {
    display: none;
  }
  section.what-they-say div.container ul.news-list {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 30px 24px;
  }
  section.what-they-say div.container ul.news-list li.news-item a.news-link {
    display: flex;
    flex-direction: column;
    gap: 9px;
    background-color: #fff;
    border: 1px solid #eaeaea;
    box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.15);
    padding: 25px 22px;
  }
  section.what-they-say div.container ul.news-list li.news-item a.news-link:hover div.image-box img.image {
    transform: translate(50%, 50%) scale(1.1) rotate(3deg);
    filter: brightness(1.25);
  }
  section.what-they-say div.container ul.news-list li.news-item a.news-link div.image-box {
    padding: 0 0 70.5%;
  }
  section.what-they-say div.container ul.news-list li.news-item a.news-link div.date-box {
    display: none;
  }
  section.what-they-say div.container ul.news-list li.news-item a.cta-btn {
    display: none;
  }
}
/* =============================
    Media Querie: [ MOBILE ]
============================= */
section.leadership-skills {
  background-color: #fff;
  padding: 72px 0;
  position: relative;
}
section.leadership-skills::before {
  width: 100%;
  height: 100%;
  content: "";
  background-color: rgba(224, 207, 205, 0.3);
  position: absolute;
  top: -50%;
  left: -50%;
  z-index: -1;
  transform: translate(50%, 50%);
  clip-path: polygon(0 3%, 100% 0, 100% 97%, 0% 100%);
}
section.leadership-skills div.container div.picture-container.desktop {
  display: none;
}
section.leadership-skills div.container div.content {
  display: flex;
  flex-direction: column;
}
section.leadership-skills div.container div.content h2.title {
  font: 700 28px "Rubik";
  line-height: 110%;
  color: #424242;
  margin: 19px 0 38px;
}
section.leadership-skills div.container div.content h2.title span {
  color: #C00D0E;
}
@media screen and (min-width: 992px) {
  section.leadership-skills div.container div.content h2.title {
    font-size: 42.3px;
  }
}
section.leadership-skills div.container div.content div.picture-container.mobile {
  display: flex;
  flex-direction: column;
  max-width: 100%;
}
section.leadership-skills div.container div.content div.picture-container.mobile div.picture-box {
  width: 100%;
  padding: 0 0 112%;
  position: relative;
  overflow: hidden;
}
section.leadership-skills div.container div.content div.picture-container.mobile div.picture-box img.picture {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  position: absolute;
  top: -50%;
  left: -50%;
  transform: translate(50%, 50%);
}
section.leadership-skills div.container div.content div.picture-container.mobile div.satisfaction-box {
  width: 90%;
  margin: -24px auto 0;
  padding: 15px 17px;
  box-shadow: 0 0 12px 0 rgba(0, 0, 0, 0.5);
  background-color: #fff;
  border-radius: 6px;
  position: relative;
}
section.leadership-skills div.container div.content div.picture-container.mobile div.satisfaction-box p.box-text {
  font: 600 10px "Rubik";
  color: #424242;
  line-height: 120%;
  margin: 0 0 14px;
}
@media screen and (min-width: 992px) {
  section.leadership-skills div.container div.content div.picture-container.mobile div.satisfaction-box p.box-text {
    font-size: 16px;
  }
}
section.leadership-skills div.container div.content div.picture-container.mobile div.satisfaction-box span.box-percentage {
  display: flex;
  justify-content: center;
  align-items: center;
  font: 400 10px "Rubik";
  line-height: 140%;
  letter-spacing: 0.2px;
  color: #fff;
  width: 25px;
  height: 25px;
  line-height: 1;
  background-color: #C00D0E;
  border-radius: 100%;
  position: absolute;
  top: 9px;
  right: 16px;
}
@media screen and (min-width: 992px) {
  section.leadership-skills div.container div.content div.picture-container.mobile div.satisfaction-box span.box-percentage {
    font-size: 16px;
    letter-spacing: 0.175px;
  }
}
section.leadership-skills div.container div.content div.picture-container.mobile div.satisfaction-box span.box-percentage::after {
  font: 400 10px "Rubik";
  line-height: 140%;
  letter-spacing: 0.2px;
  color: #fff;
  line-height: 1;
  content: "%";
}
@media screen and (min-width: 992px) {
  section.leadership-skills div.container div.content div.picture-container.mobile div.satisfaction-box span.box-percentage::after {
    font-size: 16px;
    letter-spacing: 0.175px;
  }
}
section.leadership-skills div.container div.content div.picture-container.mobile div.satisfaction-box div.box-line-container {
  width: 100%;
  height: 4px;
  background-color: #e6e6e6;
  border-radius: 24px;
  position: relative;
}
section.leadership-skills div.container div.content div.picture-container.mobile div.satisfaction-box div.box-line-container div.box-line {
  height: 4px;
  background-color: #C00D0E;
  border-radius: 24px;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
}
section.leadership-skills div.container div.content p.description {
  font: 400 14px "Rubik";
  line-height: 140%;
  letter-spacing: 0.2px;
  color: #9E9E9E;
  margin: 38px 0 24px;
}
@media screen and (min-width: 992px) {
  section.leadership-skills div.container div.content p.description {
    font-size: 22px;
    letter-spacing: 0.175px;
  }
}
section.leadership-skills div.container div.content ul.content-list {
  display: flex;
  flex-direction: column;
  gap: 18px;
}
section.leadership-skills div.container div.content ul.content-list li.content-item {
  display: flex;
  flex-direction: row;
  align-items: top;
  gap: 20px;
}
section.leadership-skills div.container div.content ul.content-list li.content-item svg {
  width: 48px;
  height: 48px;
}
section.leadership-skills div.container div.content ul.content-list li.content-item div.text-box h3.box-title {
  font: 600 15.9px "Rubik";
  color: #424242;
  line-height: 120%;
}
@media screen and (min-width: 992px) {
  section.leadership-skills div.container div.content ul.content-list li.content-item div.text-box h3.box-title {
    font-size: 21px;
  }
}
section.leadership-skills div.container div.content ul.content-list li.content-item div.text-box p.box-description {
  font: 400 13.4px "Rubik";
  line-height: 140%;
  letter-spacing: 0.2px;
  color: #9E9E9E;
  margin: 8px 0 0;
}
@media screen and (min-width: 992px) {
  section.leadership-skills div.container div.content ul.content-list li.content-item div.text-box p.box-description {
    font-size: 16px;
    letter-spacing: 0.175px;
  }
}
section.leadership-skills div.container div.content a.cta-btn {
  margin: 20px 0 0;
  text-transform: uppercase;
  text-decoration: none;
  text-align: center;
  padding: 12px 0 0 12px;
  position: relative;
  display: block;
  width: 100%;
}
section.leadership-skills div.container div.content a.cta-btn:hover p.btn-text {
  background-color: #ef1112;
  transform: translate(12px, 12px);
}
section.leadership-skills div.container div.content a.cta-btn:hover p.btn-fitting {
  box-shadow: inset 0 0 0 1px #ef1112;
}
section.leadership-skills div.container div.content a.cta-btn.active {
  width: 100%;
  margin: 0;
}
section.leadership-skills div.container div.content a.cta-btn.active p.btn-text {
  background-color: #ef1112;
  transform: translate(0, 12px);
}
section.leadership-skills div.container div.content a.cta-btn.active p.btn-fitting {
  box-shadow: inset 0 0 0 1px #ef1112;
}
section.leadership-skills div.container div.content a.cta-btn.active .btn-text,
section.leadership-skills div.container div.content a.cta-btn.active .btn-fitting {
  width: 100%;
}
section.leadership-skills div.container div.content a.cta-btn .btn-text,
section.leadership-skills div.container div.content a.cta-btn .btn-fitting {
  font: 600 14px "Rubik";
  line-height: 140%;
  letter-spacing: 0.2px;
  color: #fff;
  transition: 0.25s ease-in-out;
  margin: 0;
  padding: 11px 0;
}
@media screen and (min-width: 992px) {
  section.leadership-skills div.container div.content a.cta-btn .btn-text,
  section.leadership-skills div.container div.content a.cta-btn .btn-fitting {
    font-size: 14px;
    letter-spacing: 0.175px;
  }
}
section.leadership-skills div.container div.content a.cta-btn .btn-text {
  background-color: #C00D0E;
  width: calc(100% - 12px);
  position: absolute;
  top: 0;
  left: 0;
  transform: translate(0, 0);
}
section.leadership-skills div.container div.content a.cta-btn .btn-fitting {
  background-color: transparent;
  box-shadow: inset 0 0 0 1px #C00D0E;
  color: transparent;
}

/* =============================
    Media Querie: [ LAPTOP ]
============================= */
@media screen and (min-width: 992px) {
  section.leadership-skills {
    padding: 144px 0;
  }
  section.leadership-skills::before {
    clip-path: polygon(0 10%, 100% 0, 100% 90%, 0% 100%);
  }
  section.leadership-skills div.container {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: top;
    gap: 24px;
    position: relative;
    z-index: 1;
  }
  section.leadership-skills div.container div.picture-container.desktop {
    display: flex;
    flex-direction: column;
    min-width: 499px;
  }
  section.leadership-skills div.container div.picture-container.desktop div.picture-box {
    width: 100%;
    padding: 0 0 112%;
    position: relative;
    overflow: hidden;
  }
  section.leadership-skills div.container div.picture-container.desktop div.picture-box img.picture {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
       object-fit: cover;
    position: absolute;
    top: -50%;
    left: -50%;
    transform: translate(50%, 50%);
  }
  section.leadership-skills div.container div.picture-container.desktop div.satisfaction-box {
    width: 90%;
    margin: -32px auto 0;
    padding: 23px 26px;
    box-shadow: 0 0 16px 0 rgba(0, 0, 0, 0.75);
    background-color: #fff;
    border-radius: 8px;
    position: relative;
  }
  section.leadership-skills div.container div.picture-container.desktop div.satisfaction-box p.box-text {
    font: 600 10px "Rubik";
    color: #424242;
    line-height: 120%;
    margin: 0 0 14px;
  }
}
@media screen and (min-width: 992px) and (min-width: 992px) {
  section.leadership-skills div.container div.picture-container.desktop div.satisfaction-box p.box-text {
    font-size: 16px;
  }
}
@media screen and (min-width: 992px) {
  section.leadership-skills div.container div.picture-container.desktop div.satisfaction-box span.box-percentage {
    display: flex;
    justify-content: center;
    align-items: center;
    font: 400 10px "Rubik";
    line-height: 140%;
    letter-spacing: 0.2px;
    color: #fff;
    width: 38px;
    height: 38px;
    line-height: 1;
    background-color: #C00D0E;
    border-radius: 100%;
    position: absolute;
    top: 13px;
    right: 24px;
  }
}
@media screen and (min-width: 992px) and (min-width: 992px) {
  section.leadership-skills div.container div.picture-container.desktop div.satisfaction-box span.box-percentage {
    font-size: 16px;
    letter-spacing: 0.175px;
  }
}
@media screen and (min-width: 992px) {
  section.leadership-skills div.container div.picture-container.desktop div.satisfaction-box span.box-percentage::after {
    font: 400 10px "Rubik";
    line-height: 140%;
    letter-spacing: 0.2px;
    color: #fff;
    line-height: 1;
    content: "%";
  }
}
@media screen and (min-width: 992px) and (min-width: 992px) {
  section.leadership-skills div.container div.picture-container.desktop div.satisfaction-box span.box-percentage::after {
    font-size: 16px;
    letter-spacing: 0.175px;
  }
}
@media screen and (min-width: 992px) {
  section.leadership-skills div.container div.picture-container.desktop div.satisfaction-box div.box-line-container {
    width: 100%;
    height: 7px;
    background-color: #e6e6e6;
    border-radius: 24px;
    position: relative;
  }
  section.leadership-skills div.container div.picture-container.desktop div.satisfaction-box div.box-line-container div.box-line {
    height: 7px;
    background-color: #C00D0E;
    border-radius: 24px;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
  }
  section.leadership-skills div.container div.content {
    gap: 14px;
  }
  section.leadership-skills div.container div.content h2.title {
    margin: 0;
  }
  section.leadership-skills div.container div.content div.picture-container.mobile {
    display: none;
  }
  section.leadership-skills div.container div.content p.description {
    margin: 5px 0;
    padding: 0 0 0 24px;
  }
  section.leadership-skills div.container div.content ul.content-list {
    gap: 14px;
    margin: 27px 0;
    padding: 0 0 0 24px;
  }
  section.leadership-skills div.container div.content ul.content-list li.content-item {
    gap: 24px;
  }
  section.leadership-skills div.container div.content ul.content-list li.content-item svg {
    width: 56px;
    height: 56px;
  }
  section.leadership-skills div.container div.content ul.content-list li.content-item div.text-box p.box-description {
    margin: 14px 0 0;
  }
  section.leadership-skills div.container div.content a.cta-btn {
    margin: 0;
    text-transform: uppercase;
    text-decoration: none;
    text-align: center;
    padding: 12px 0 0 12px;
    position: relative;
    display: block;
    width: -moz-fit-content;
    width: fit-content;
  }
  section.leadership-skills div.container div.content a.cta-btn:hover p.btn-text {
    background-color: #ef1112;
    transform: translate(12px, 12px);
  }
  section.leadership-skills div.container div.content a.cta-btn:hover p.btn-fitting {
    box-shadow: inset 0 0 0 1px #ef1112;
  }
  section.leadership-skills div.container div.content a.cta-btn.active {
    width: 100%;
    margin: 0;
  }
  section.leadership-skills div.container div.content a.cta-btn.active p.btn-text {
    background-color: #ef1112;
    transform: translate(0, 12px);
  }
  section.leadership-skills div.container div.content a.cta-btn.active p.btn-fitting {
    box-shadow: inset 0 0 0 1px #ef1112;
  }
  section.leadership-skills div.container div.content a.cta-btn.active .btn-text,
  section.leadership-skills div.container div.content a.cta-btn.active .btn-fitting {
    width: 100%;
  }
  section.leadership-skills div.container div.content a.cta-btn .btn-text,
  section.leadership-skills div.container div.content a.cta-btn .btn-fitting {
    font: 600 14px "Rubik";
    line-height: 140%;
    letter-spacing: 0.2px;
    color: #fff;
    transition: 0.25s ease-in-out;
    margin: 0;
    padding: 11px 21px;
  }
}
@media screen and (min-width: 992px) and (min-width: 992px) {
  section.leadership-skills div.container div.content a.cta-btn .btn-text,
  section.leadership-skills div.container div.content a.cta-btn .btn-fitting {
    font-size: 14px;
    letter-spacing: 0.175px;
  }
}
@media screen and (min-width: 992px) {
  section.leadership-skills div.container div.content a.cta-btn .btn-text {
    background-color: #C00D0E;
    width: calc(100% - 12px);
    position: absolute;
    top: 0;
    left: 0;
    transform: translate(0, 0);
  }
  section.leadership-skills div.container div.content a.cta-btn .btn-fitting {
    background-color: transparent;
    box-shadow: inset 0 0 0 1px #C00D0E;
    color: transparent;
  }
}
/* =============================
    Media Querie: [ MOBILE ]
============================= */
section.testimonials {
  padding: 56px 0;
}
section.testimonials div.container {
  display: flex;
  flex-direction: column;
}
section.testimonials div.container div.top-box h2.title {
  font: 700 28px "Rubik";
  line-height: 110%;
  color: #424242;
}
section.testimonials div.container div.top-box h2.title span {
  color: #C00D0E;
}
@media screen and (min-width: 992px) {
  section.testimonials div.container div.top-box h2.title {
    font-size: 42.3px;
  }
}
section.testimonials div.container div.top-box a.cta-btn {
  display: none;
}
section.testimonials div.container div.testimonials-carousel {
  width: 100%;
  position: relative;
}
section.testimonials div.container div.testimonials-carousel div.swiper-wrapper div.swiper-slide {
  width: 100%;
}
section.testimonials div.container div.testimonials-carousel div.swiper-wrapper div.swiper-slide div.slide-image-box {
  width: 90%;
  margin: 36px 0;
  padding: 0 0 80%;
  position: relative;
  overflow: hidden;
  clip-path: polygon(15% 0, 100% 0, 85% 100%, 0% 100%);
}
section.testimonials div.container div.testimonials-carousel div.swiper-wrapper div.swiper-slide div.slide-image-box img.slide-image {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  position: absolute;
  top: -50%;
  left: -50%;
  transform: translate(50%, 50%);
}
section.testimonials div.container div.testimonials-carousel div.swiper-wrapper div.swiper-slide div.slide-box {
  margin: -56px 0 0;
  position: relative;
  z-index: 1;
}
section.testimonials div.container div.testimonials-carousel div.swiper-wrapper div.swiper-slide div.slide-box div.text-box {
  padding: 16px 0 0 16px;
}
section.testimonials div.container div.testimonials-carousel div.swiper-wrapper div.swiper-slide div.slide-box div.text-box p.box-description {
  font: 400 18px "Rubik";
  line-height: 140%;
  letter-spacing: 0.2px;
  color: #9E9E9E;
}
@media screen and (min-width: 992px) {
  section.testimonials div.container div.testimonials-carousel div.swiper-wrapper div.swiper-slide div.slide-box div.text-box p.box-description {
    font-size: 22px;
    letter-spacing: 0.175px;
  }
}
section.testimonials div.container div.testimonials-carousel div.swiper-wrapper div.swiper-slide div.slide-box div.text-box h3.box-author {
  font: 600 18px "Rubik";
  color: #C00D0E;
  text-transform: uppercase;
  line-height: 120%;
  margin: 23px 0 4px;
}
@media screen and (min-width: 992px) {
  section.testimonials div.container div.testimonials-carousel div.swiper-wrapper div.swiper-slide div.slide-box div.text-box h3.box-author {
    font-size: 21px;
  }
}
section.testimonials div.container div.testimonials-carousel div.swiper-wrapper div.swiper-slide div.slide-box div.text-box span.label {
  font: 400 14px "Rubik";
  line-height: 140%;
  letter-spacing: 0.2px;
  color: #9E9E9E;
  text-transform: uppercase;
}
@media screen and (min-width: 992px) {
  section.testimonials div.container div.testimonials-carousel div.swiper-wrapper div.swiper-slide div.slide-box div.text-box span.label {
    font-size: 16px;
    letter-spacing: 0.175px;
  }
}
section.testimonials div.container div.testimonials-carousel div.button-box-container {
  position: absolute;
  top: 140px;
  right: 0;
}
section.testimonials div.container div.testimonials-carousel div.button-box-container div.button-box div.swiper-button-prev,
section.testimonials div.container div.testimonials-carousel div.button-box-container div.button-box div.swiper-button-next {
  width: 51px;
  height: 51px;
}
section.testimonials div.container div.testimonials-carousel div.button-box-container div.button-box div.swiper-button-prev:hover,
section.testimonials div.container div.testimonials-carousel div.button-box-container div.button-box div.swiper-button-next:hover {
  background-color: #C00D0E;
}
section.testimonials div.container div.testimonials-carousel div.button-box-container div.button-box div.swiper-button-prev:hover::before,
section.testimonials div.container div.testimonials-carousel div.button-box-container div.button-box div.swiper-button-next:hover::before {
  color: #fff;
}
section.testimonials div.container div.testimonials-carousel div.button-box-container div.button-box div.swiper-button-prev::before,
section.testimonials div.container div.testimonials-carousel div.button-box-container div.button-box div.swiper-button-next::before {
  font: 400 24px "Rubik";
  color: #C00D0E;
}
@media screen and (min-width: 992px) {
  section.testimonials div.container div.testimonials-carousel div.button-box-container div.button-box div.swiper-button-prev::before,
  section.testimonials div.container div.testimonials-carousel div.button-box-container div.button-box div.swiper-button-next::before {
    font-size: 28px;
  }
}

/* =============================
    Media Querie: [ LAPTOP ]
============================= */
@media screen and (min-width: 992px) {
  section.testimonials {
    padding: 80px 0;
  }
  section.testimonials div.container div.top-box {
    display: flex;
    justify-content: space-between;
    align-items: center;
  }
  section.testimonials div.container div.top-box h2.title {
    padding-top: 31px;
    padding-bottom: 31px;
  }
  section.testimonials div.container div.top-box a.cta-btn {
    text-transform: uppercase;
    text-decoration: none;
    text-align: center;
    padding: 12px 0 0 12px;
    position: relative;
    display: block;
    width: -moz-fit-content;
    width: fit-content;
  }
  section.testimonials div.container div.top-box a.cta-btn:hover p.btn-text {
    background-color: #ef1112;
    transform: translate(12px, 12px);
  }
  section.testimonials div.container div.top-box a.cta-btn:hover p.btn-fitting {
    box-shadow: inset 0 0 0 1px #ef1112;
  }
  section.testimonials div.container div.top-box a.cta-btn.active {
    width: 100%;
    margin: 0;
  }
  section.testimonials div.container div.top-box a.cta-btn.active p.btn-text {
    background-color: #ef1112;
    transform: translate(0, 12px);
  }
  section.testimonials div.container div.top-box a.cta-btn.active p.btn-fitting {
    box-shadow: inset 0 0 0 1px #ef1112;
  }
  section.testimonials div.container div.top-box a.cta-btn.active .btn-text,
  section.testimonials div.container div.top-box a.cta-btn.active .btn-fitting {
    width: 100%;
  }
  section.testimonials div.container div.top-box a.cta-btn .btn-text,
  section.testimonials div.container div.top-box a.cta-btn .btn-fitting {
    font: 600 14px "Rubik";
    line-height: 140%;
    letter-spacing: 0.2px;
    color: #fff;
    transition: 0.25s ease-in-out;
    margin: 0;
    padding: 11px 21px;
  }
}
@media screen and (min-width: 992px) and (min-width: 992px) {
  section.testimonials div.container div.top-box a.cta-btn .btn-text,
  section.testimonials div.container div.top-box a.cta-btn .btn-fitting {
    font-size: 14px;
    letter-spacing: 0.175px;
  }
}
@media screen and (min-width: 992px) {
  section.testimonials div.container div.top-box a.cta-btn .btn-text {
    background-color: #C00D0E;
    width: calc(100% - 12px);
    position: absolute;
    top: 0;
    left: 0;
    transform: translate(0, 0);
  }
  section.testimonials div.container div.top-box a.cta-btn .btn-fitting {
    background-color: transparent;
    box-shadow: inset 0 0 0 1px #C00D0E;
    color: transparent;
  }
  section.testimonials div.container div.testimonials-carousel {
    margin: 68px 0 0;
  }
  section.testimonials div.container div.testimonials-carousel div.swiper-wrapper div.swiper-slide {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    padding: 0 59px;
  }
  section.testimonials div.container div.testimonials-carousel div.swiper-wrapper div.swiper-slide div.slide-image-box {
    height: 361px;
    min-width: 447px;
    margin: 0;
    padding: 0;
  }
  section.testimonials div.container div.testimonials-carousel div.swiper-wrapper div.swiper-slide div.slide-image-box:hover img.slide-image {
    transform: translate(50%, 50%) scale(1.1);
  }
  section.testimonials div.container div.testimonials-carousel div.swiper-wrapper div.swiper-slide div.slide-box {
    display: flex;
    flex-direction: row;
    align-items: center;
    margin: 0;
  }
  section.testimonials div.container div.testimonials-carousel div.swiper-wrapper div.swiper-slide div.slide-box img.quote-image {
    align-self: flex-start;
    margin: 0 24px 0;
  }
  section.testimonials div.container div.testimonials-carousel div.swiper-wrapper div.swiper-slide div.slide-box div.text-box {
    padding: 0 16px 0 0;
  }
  section.testimonials div.container div.testimonials-carousel div.swiper-wrapper div.swiper-slide div.slide-box div.text-box h3.box-author {
    margin: 28px 0 7px;
  }
  section.testimonials div.container div.testimonials-carousel div.button-box-container {
    display: contents;
  }
  section.testimonials div.container div.testimonials-carousel div.button-box-container div.button-box.testimonials {
    display: contents;
  }
  section.testimonials div.container div.testimonials-carousel div.button-box-container div.button-box.testimonials div.swiper-button-prev,
  section.testimonials div.container div.testimonials-carousel div.button-box-container div.button-box.testimonials div.swiper-button-next {
    width: 59px;
    height: 59px;
    margin: 0;
    position: absolute;
    top: 50%;
    transform: translate(0, -28px);
  }
  section.testimonials div.container div.testimonials-carousel div.button-box-container div.button-box.testimonials div.swiper-button-prev {
    left: 0;
  }
  section.testimonials div.container div.testimonials-carousel div.button-box-container div.button-box.testimonials div.swiper-button-next {
    right: 0;
  }
}
/* =============================
    Media Querie: [ MOBILE ]
============================= */
section.best-of-the-year {
  padding: 32px 0 0;
}
section.best-of-the-year div.content div.container {
  display: flex;
  flex-direction: column-reverse;
}
section.best-of-the-year div.content div.container div.text-box {
  padding: 48px 0 72px;
  position: relative;
}
section.best-of-the-year div.content div.container div.text-box::after {
  width: calc(100% + 32px);
  height: 100%;
  content: "";
  background-color: #000;
  position: absolute;
  top: 0;
  left: -16px;
  z-index: -1;
  clip-path: polygon(0 0, 100% 0, 100% 95%, 0% 100%);
}
section.best-of-the-year div.content div.container div.text-box div.top h2.title {
  font: 700 28px "Rubik";
  line-height: 110%;
  color: #fff;
  margin: 19px 0 0;
}
section.best-of-the-year div.content div.container div.text-box div.top h2.title span {
  color: #C00D0E;
}
@media screen and (min-width: 992px) {
  section.best-of-the-year div.content div.container div.text-box div.top h2.title {
    font-size: 42.3px;
  }
}
section.best-of-the-year div.content div.container div.text-box div.swiper {
  width: 100%;
}
section.best-of-the-year div.content div.container div.text-box div.swiper div.swiper-wrapper div.swiper-slide {
  width: 100%;
}
section.best-of-the-year div.content div.container div.text-box div.swiper div.swiper-wrapper div.swiper-slide p.slide-description {
  font: 400 25px "Rubik";
  line-height: 140%;
  letter-spacing: 0.2px;
  color: #fff;
  padding: 0 0 0 24px;
}
@media screen and (min-width: 992px) {
  section.best-of-the-year div.content div.container div.text-box div.swiper div.swiper-wrapper div.swiper-slide p.slide-description {
    font-size: 22px;
    letter-spacing: 0.175px;
  }
}
section.best-of-the-year div.content div.container div.text-box div.swiper div.swiper-wrapper div.swiper-slide div.slide-box {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  gap: 14px;
  margin: 19px 0 0;
}
section.best-of-the-year div.content div.container div.text-box div.swiper div.swiper-wrapper div.swiper-slide div.slide-box div.slide-image-box {
  width: 90px;
  height: 90px;
  min-width: 90px;
  position: relative;
}
section.best-of-the-year div.content div.container div.text-box div.swiper div.swiper-wrapper div.swiper-slide div.slide-box div.slide-image-box::after {
  width: 81px;
  height: 81px;
  content: "";
  box-shadow: inset 0 0 0 1px #C00D0E;
  border-radius: 100%;
  position: absolute;
  right: 0;
  bottom: 0;
}
section.best-of-the-year div.content div.container div.text-box div.swiper div.swiper-wrapper div.swiper-slide div.slide-box div.slide-image-box img.image {
  width: 81px;
  height: 81px;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
}
section.best-of-the-year div.content div.container div.text-box div.swiper div.swiper-wrapper div.swiper-slide div.slide-box div.author-box {
  display: flex;
  flex-direction: column;
  gap: 7px;
}
section.best-of-the-year div.content div.container div.text-box div.swiper div.swiper-wrapper div.swiper-slide div.slide-box div.author-box h3.box-name {
  font: 600 18px "Rubik";
  color: #C00D0E;
  line-height: 120%;
}
@media screen and (min-width: 992px) {
  section.best-of-the-year div.content div.container div.text-box div.swiper div.swiper-wrapper div.swiper-slide div.slide-box div.author-box h3.box-name {
    font-size: 21px;
  }
}
section.best-of-the-year div.content div.container div.text-box div.swiper div.swiper-wrapper div.swiper-slide div.slide-box div.author-box span.box-label {
  font: 400 14px "Rubik";
  line-height: 140%;
  letter-spacing: 0.2px;
  color: #9E9E9E;
  text-transform: uppercase;
}
@media screen and (min-width: 992px) {
  section.best-of-the-year div.content div.container div.text-box div.swiper div.swiper-wrapper div.swiper-slide div.slide-box div.author-box span.box-label {
    font-size: 16px;
    letter-spacing: 0.175px;
  }
}
section.best-of-the-year div.content div.container div.text-box div.swiper div.button-box-container {
  margin: 40px 0 0;
}
section.best-of-the-year div.content div.container div.text-box div.swiper div.button-box-container div.button-box div.swiper-button-prev:hover,
section.best-of-the-year div.content div.container div.text-box div.swiper div.button-box-container div.button-box div.swiper-button-next:hover {
  background-color: #C00D0E;
}
section.best-of-the-year div.content div.container div.text-box div.swiper div.button-box-container div.button-box div.swiper-button-prev:hover::before,
section.best-of-the-year div.content div.container div.text-box div.swiper div.button-box-container div.button-box div.swiper-button-next:hover::before {
  color: #fff;
}
section.best-of-the-year div.content div.container div.text-box div.swiper div.button-box-container div.button-box div.swiper-button-prev::before,
section.best-of-the-year div.content div.container div.text-box div.swiper div.button-box-container div.button-box div.swiper-button-next::before {
  font: 400 20px "Rubik";
  color: #C00D0E;
}
@media screen and (min-width: 992px) {
  section.best-of-the-year div.content div.container div.text-box div.swiper div.button-box-container div.button-box div.swiper-button-prev::before,
  section.best-of-the-year div.content div.container div.text-box div.swiper div.button-box-container div.button-box div.swiper-button-next::before {
    font-size: 28px;
  }
}
section.best-of-the-year div.content div.container div.image-container {
  display: contents;
}
section.best-of-the-year div.content div.container div.image-container div.image-box {
  display: contents;
}
section.best-of-the-year div.content div.container div.image-container div.image-box img.image {
  width: calc(100% + 16px);
  height: 100%;
  margin: 0 -16px -24px 0;
  clip-path: polygon(20% 0, 100% 0, 100% 100%, 0% 100%);
}
section.best-of-the-year div.content div.container div.image-container div.image-box img.image.desktop {
  display: none;
}

/* =============================
    Media Querie: [ LAPTOP ]
============================= */
@media screen and (min-width: 992px) {
  section.best-of-the-year {
    padding: 88px 0;
    position: relative;
  }
  section.best-of-the-year::before {
    width: 100%;
    height: 100%;
    content: "";
    background-color: #F7F7F7;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    clip-path: polygon(0 0, 100% 12.75%, 100% 100%, 0 87.25%);
  }
  section.best-of-the-year div.content {
    display: flex;
    padding: 72px 0;
    position: relative;
    z-index: 2;
  }
  section.best-of-the-year div.content::before {
    width: 82.5%;
    height: 100%;
    content: "";
    background-color: #000;
    position: absolute;
    top: -50%;
    left: 0;
    transform: translate(0, 50%);
  }
  section.best-of-the-year div.content div.container {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    position: relative;
    z-index: 1;
  }
  section.best-of-the-year div.content div.container div.text-box {
    width: 680px;
    padding: 0;
  }
  section.best-of-the-year div.content div.container div.text-box div.top h2.title {
    margin: 14px 0 20px;
  }
  section.best-of-the-year div.content div.container div.text-box div.swiper {
    position: relative;
  }
  section.best-of-the-year div.content div.container div.text-box div.swiper div.swiper-wrapper div.swiper-slide div.slide-box {
    justify-content: initial;
    gap: 16px;
    margin: 23px 0 0;
  }
  section.best-of-the-year div.content div.container div.text-box div.swiper div.swiper-wrapper div.swiper-slide div.slide-box div.slide-image-box {
    width: 93px;
    height: 93px;
  }
  section.best-of-the-year div.content div.container div.text-box div.swiper div.swiper-wrapper div.swiper-slide div.slide-box div.slide-image-box::after {
    width: 87px;
    height: 87px;
  }
  section.best-of-the-year div.content div.container div.text-box div.swiper div.swiper-wrapper div.swiper-slide div.slide-box div.slide-image-box img.image {
    width: 87px;
    height: 87px;
  }
  section.best-of-the-year div.content div.container div.text-box div.swiper div.button-box-container {
    display: block;
    position: absolute;
    right: 16px;
    bottom: 0;
  }
  section.best-of-the-year div.content div.container div.text-box div.swiper div.button-box-container div.button-box div.swiper-button-prev,
  section.best-of-the-year div.content div.container div.text-box div.swiper div.button-box-container div.button-box div.swiper-button-next {
    width: 59px;
    height: 59px;
  }
  section.best-of-the-year div.content div.container div.image-container {
    display: block;
    width: 33.8%;
  }
  section.best-of-the-year div.content div.container div.image-container div.image-box {
    display: block;
    width: 100%;
    padding: 0 0 85.9%;
    position: relative;
    clip-path: polygon(15% 0, 100% 0, 85% 100%, 0% 100%);
  }
  section.best-of-the-year div.content div.container div.image-container div.image-box img.image {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
       object-fit: cover;
    position: absolute;
    top: -50%;
    left: -50%;
    transform: translate(50%, 50%);
    clip-path: none;
  }
  section.best-of-the-year div.content div.container div.image-container div.image-box img.image.mobile {
    display: none;
  }
  section.best-of-the-year div.content div.container div.image-container div.image-box img.image.desktop {
    display: block;
  }
}
/* =============================
    Media Querie: [ MOBILE ]
============================= */
section.news {
  padding: 40px 0;
}
section.news div.container div.top h2.title {
  font: 700 28px "Rubik";
  line-height: 110%;
  color: #424242;
}
section.news div.container div.top h2.title span {
  color: #C00D0E;
}
@media screen and (min-width: 992px) {
  section.news div.container div.top h2.title {
    font-size: 42.3px;
  }
}
section.news div.container div.top a.cta-btn {
  display: none;
}
section.news div.container ul.news-list {
  display: flex;
  flex-direction: column;
  gap: 40px;
  margin: 40px 0;
}
section.news div.container ul.news-list li.news-item {
  display: flex;
  flex-direction: column;
  gap: 16px;
  background-color: #fff;
  border: 1px solid #eaeaea;
  padding: 24px;
}
section.news div.container ul.news-list li.news-item a.image-link {
  display: flex;
}
section.news div.container ul.news-list li.news-item a.image-link div.image-box {
  padding: 0 0 90%;
  position: relative;
  overflow: hidden;
  width: 100%;
}
section.news div.container ul.news-list li.news-item a.image-link div.image-box img.image {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  position: absolute;
  top: -50%;
  left: -50%;
  transform: translate(50%, 50%);
}
section.news div.container ul.news-list li.news-item div.date-box.mobile {
  display: flex;
  align-items: center;
  gap: 8px;
}
section.news div.container ul.news-list li.news-item div.date-box.mobile svg {
  width: 32px;
  height: 32px;
}
section.news div.container ul.news-list li.news-item div.date-box.mobile p.date-text {
  font: 500 14px "Rubik";
  line-height: 140%;
  letter-spacing: 0.2px;
  color: #000;
}
@media screen and (min-width: 992px) {
  section.news div.container ul.news-list li.news-item div.date-box.mobile p.date-text {
    font-size: 12px;
    letter-spacing: 0.175px;
  }
}
section.news div.container ul.news-list li.news-item h3.item-title {
  font: 600 22px "Rubik";
  color: #424242;
  line-height: 120%;
}
@media screen and (min-width: 992px) {
  section.news div.container ul.news-list li.news-item h3.item-title {
    font-size: 21px;
  }
}
section.news div.container ul.news-list li.news-item p.item-description {
  font: 400 17px "Rubik";
  line-height: 140%;
  letter-spacing: 0.2px;
  color: #9E9E9E;
}
@media screen and (min-width: 992px) {
  section.news div.container ul.news-list li.news-item p.item-description {
    font-size: 15px;
    letter-spacing: 0.175px;
  }
}
section.news div.container ul.news-list li.news-item div.item-box a.cta-btn {
  text-transform: uppercase;
  text-decoration: none;
  text-align: center;
  padding: 12px 0 0 12px;
  position: relative;
  display: block;
  width: 100%;
}
section.news div.container ul.news-list li.news-item div.item-box a.cta-btn:hover p.btn-text {
  background-color: #ef1112;
  transform: translate(12px, 12px);
}
section.news div.container ul.news-list li.news-item div.item-box a.cta-btn:hover p.btn-fitting {
  box-shadow: inset 0 0 0 1px #ef1112;
}
section.news div.container ul.news-list li.news-item div.item-box a.cta-btn.active {
  width: 100%;
  margin: 0;
}
section.news div.container ul.news-list li.news-item div.item-box a.cta-btn.active p.btn-text {
  background-color: #ef1112;
  transform: translate(0, 12px);
}
section.news div.container ul.news-list li.news-item div.item-box a.cta-btn.active p.btn-fitting {
  box-shadow: inset 0 0 0 1px #ef1112;
}
section.news div.container ul.news-list li.news-item div.item-box a.cta-btn.active .btn-text,
section.news div.container ul.news-list li.news-item div.item-box a.cta-btn.active .btn-fitting {
  width: 100%;
}
section.news div.container ul.news-list li.news-item div.item-box a.cta-btn .btn-text,
section.news div.container ul.news-list li.news-item div.item-box a.cta-btn .btn-fitting {
  font: 600 14px "Rubik";
  line-height: 140%;
  letter-spacing: 0.2px;
  color: #fff;
  transition: 0.25s ease-in-out;
  margin: 0;
  padding: 11px 0;
}
@media screen and (min-width: 992px) {
  section.news div.container ul.news-list li.news-item div.item-box a.cta-btn .btn-text,
  section.news div.container ul.news-list li.news-item div.item-box a.cta-btn .btn-fitting {
    font-size: 14px;
    letter-spacing: 0.175px;
  }
}
section.news div.container ul.news-list li.news-item div.item-box a.cta-btn .btn-text {
  background-color: #C00D0E;
  width: calc(100% - 12px);
  position: absolute;
  top: 0;
  left: 0;
  transform: translate(0, 0);
}
section.news div.container ul.news-list li.news-item div.item-box a.cta-btn .btn-fitting {
  background-color: transparent;
  box-shadow: inset 0 0 0 1px #C00D0E;
  color: transparent;
}
section.news div.container ul.news-list li.news-item div.item-box div.date-box.desktop {
  display: none;
}
section.news div.container a.cta-btn {
  text-transform: uppercase;
  text-decoration: none;
  text-align: center;
  padding: 12px 0 0 12px;
  position: relative;
  display: block;
  width: 100%;
}
section.news div.container a.cta-btn:hover p.btn-text {
  background-color: #ef1112;
  transform: translate(12px, 12px);
}
section.news div.container a.cta-btn:hover p.btn-fitting {
  box-shadow: inset 0 0 0 1px #ef1112;
}
section.news div.container a.cta-btn.active {
  width: 100%;
  margin: 0;
}
section.news div.container a.cta-btn.active p.btn-text {
  background-color: #ef1112;
  transform: translate(0, 12px);
}
section.news div.container a.cta-btn.active p.btn-fitting {
  box-shadow: inset 0 0 0 1px #ef1112;
}
section.news div.container a.cta-btn.active .btn-text,
section.news div.container a.cta-btn.active .btn-fitting {
  width: 100%;
}
section.news div.container a.cta-btn .btn-text,
section.news div.container a.cta-btn .btn-fitting {
  font: 600 14px "Rubik";
  line-height: 140%;
  letter-spacing: 0.2px;
  color: #fff;
  transition: 0.25s ease-in-out;
  margin: 0;
  padding: 11px 0;
}
@media screen and (min-width: 992px) {
  section.news div.container a.cta-btn .btn-text,
  section.news div.container a.cta-btn .btn-fitting {
    font-size: 14px;
    letter-spacing: 0.175px;
  }
}
section.news div.container a.cta-btn .btn-text {
  background-color: #C00D0E;
  width: calc(100% - 12px);
  position: absolute;
  top: 0;
  left: 0;
  transform: translate(0, 0);
}
section.news div.container a.cta-btn .btn-fitting {
  background-color: transparent;
  box-shadow: inset 0 0 0 1px #C00D0E;
  color: transparent;
}

/* =============================
    Media Querie: [ LAPTOP ]
============================= */
@media screen and (min-width: 992px) {
  section.news {
    padding: 64px 0;
  }
  section.news div.container div.top {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
  }
  section.news div.container div.top h2.title {
    padding-top: 31px;
    padding-bottom: 31px;
  }
  section.news div.container div.top a.cta-btn {
    text-transform: uppercase;
    text-decoration: none;
    text-align: center;
    padding: 12px 0 0 12px;
    position: relative;
    display: block;
    width: -moz-fit-content;
    width: fit-content;
  }
  section.news div.container div.top a.cta-btn:hover p.btn-text {
    background-color: #ef1112;
    transform: translate(12px, 12px);
  }
  section.news div.container div.top a.cta-btn:hover p.btn-fitting {
    box-shadow: inset 0 0 0 1px #ef1112;
  }
  section.news div.container div.top a.cta-btn.active {
    width: 100%;
    margin: 0;
  }
  section.news div.container div.top a.cta-btn.active p.btn-text {
    background-color: #ef1112;
    transform: translate(0, 12px);
  }
  section.news div.container div.top a.cta-btn.active p.btn-fitting {
    box-shadow: inset 0 0 0 1px #ef1112;
  }
  section.news div.container div.top a.cta-btn.active .btn-text,
  section.news div.container div.top a.cta-btn.active .btn-fitting {
    width: 100%;
  }
  section.news div.container div.top a.cta-btn .btn-text,
  section.news div.container div.top a.cta-btn .btn-fitting {
    font: 600 14px "Rubik";
    line-height: 140%;
    letter-spacing: 0.2px;
    color: #fff;
    transition: 0.25s ease-in-out;
    margin: 0;
    padding: 11px 21px;
  }
}
@media screen and (min-width: 992px) and (min-width: 992px) {
  section.news div.container div.top a.cta-btn .btn-text,
  section.news div.container div.top a.cta-btn .btn-fitting {
    font-size: 14px;
    letter-spacing: 0.175px;
  }
}
@media screen and (min-width: 992px) {
  section.news div.container div.top a.cta-btn .btn-text {
    background-color: #C00D0E;
    width: calc(100% - 12px);
    position: absolute;
    top: 0;
    left: 0;
    transform: translate(0, 0);
  }
  section.news div.container div.top a.cta-btn .btn-fitting {
    background-color: transparent;
    box-shadow: inset 0 0 0 1px #C00D0E;
    color: transparent;
  }
  section.news div.container ul.news-list {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    justify-content: space-between;
    gap: 70px 32px;
    margin: 70px 0 0;
  }
  section.news div.container ul.news-list li.news-item {
    gap: 14px;
    padding: 21px;
  }
  section.news div.container ul.news-list li.news-item:hover {
    transform: translateY(-8px);
    box-shadow: 0 0 12px 0 rgba(0, 0, 0, 0.2);
  }
  section.news div.container ul.news-list li.news-item a.image-link div.image-box {
    width: 349px;
    height: 314px;
    padding: 0;
  }
  section.news div.container ul.news-list li.news-item div.date-box.mobile {
    display: none;
  }
  section.news div.container ul.news-list li.news-item div.item-box {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    margin: 8px 0 0;
  }
  section.news div.container ul.news-list li.news-item div.item-box a.cta-btn {
    text-transform: uppercase;
    text-decoration: none;
    text-align: center;
    padding: 12px 0 0 12px;
    position: relative;
    display: block;
    width: -moz-fit-content;
    width: fit-content;
  }
  section.news div.container ul.news-list li.news-item div.item-box a.cta-btn:hover p.btn-text {
    background-color: #ef1112;
    transform: translate(12px, 12px);
  }
  section.news div.container ul.news-list li.news-item div.item-box a.cta-btn:hover p.btn-fitting {
    box-shadow: inset 0 0 0 1px #ef1112;
  }
  section.news div.container ul.news-list li.news-item div.item-box a.cta-btn.active {
    width: 100%;
    margin: 0;
  }
  section.news div.container ul.news-list li.news-item div.item-box a.cta-btn.active p.btn-text {
    background-color: #ef1112;
    transform: translate(0, 12px);
  }
  section.news div.container ul.news-list li.news-item div.item-box a.cta-btn.active p.btn-fitting {
    box-shadow: inset 0 0 0 1px #ef1112;
  }
  section.news div.container ul.news-list li.news-item div.item-box a.cta-btn.active .btn-text,
  section.news div.container ul.news-list li.news-item div.item-box a.cta-btn.active .btn-fitting {
    width: 100%;
  }
  section.news div.container ul.news-list li.news-item div.item-box a.cta-btn .btn-text,
  section.news div.container ul.news-list li.news-item div.item-box a.cta-btn .btn-fitting {
    font: 600 14px "Rubik";
    line-height: 140%;
    letter-spacing: 0.2px;
    color: #fff;
    transition: 0.25s ease-in-out;
    margin: 0;
    padding: 11px 21px;
  }
}
@media screen and (min-width: 992px) and (min-width: 992px) {
  section.news div.container ul.news-list li.news-item div.item-box a.cta-btn .btn-text,
  section.news div.container ul.news-list li.news-item div.item-box a.cta-btn .btn-fitting {
    font-size: 14px;
    letter-spacing: 0.175px;
  }
}
@media screen and (min-width: 992px) {
  section.news div.container ul.news-list li.news-item div.item-box a.cta-btn .btn-text {
    background-color: #C00D0E;
    width: calc(100% - 12px);
    position: absolute;
    top: 0;
    left: 0;
    transform: translate(0, 0);
  }
  section.news div.container ul.news-list li.news-item div.item-box a.cta-btn .btn-fitting {
    background-color: transparent;
    box-shadow: inset 0 0 0 1px #C00D0E;
    color: transparent;
  }
  section.news div.container ul.news-list li.news-item div.item-box div.date-box.desktop {
    display: flex;
    align-items: center;
    gap: 8px;
  }
  section.news div.container ul.news-list li.news-item div.item-box div.date-box.desktop svg {
    width: 28px;
    height: 28px;
  }
  section.news div.container a.cta-btn {
    display: none;
  }
}
/* =====================================
    Importing [ Components Styling ]    
===================================== */
/* =====================================
    Importing [ Components Styling ]    
===================================== */
/* =============================
    Media Querie: [ MOBILE ]
============================= */
div.bullets {
  display: flex;
  align-items: center;
  width: auto;
  height: 100%;
  overflow: hidden;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
}
div.bullets img.bullet-left-mobile {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
div.bullets img.bullet-left-mobile-2,
div.bullets img.bullet-left,
div.bullets img.bullet-right {
  display: none;
}

/* =============================
    Media Querie: [ TABLET ]
============================= */
/* =============================
    Media Querie: [ LAPTOP ]
============================= */
@media screen and (min-width: 992px) {
  div.bullets {
    display: flex;
    align-items: center;
    width: 100%;
    height: 100%;
    max-height: 831px;
    clip-path: polygon(0 0, 100% 0, 100% 93%, 0% 100%);
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
  }
  div.bullets img.bullet-left-mobile {
    display: none;
  }
  div.bullets img.bullet-left,
  div.bullets img.bullet-right {
    display: block;
    width: 100%;
    height: 100%;
  }
}
/* =============================
    Media Querie: [ MOBILE ]
============================= */
ul.numbers {
  display: flex;
  flex-direction: column;
  gap: 10px;
  padding: 40px 16px;
}
ul.numbers li.numbers-item {
  display: flex;
  align-items: center;
  gap: 4px;
}
ul.numbers li.numbers-item span.number-text,
ul.numbers li.numbers-item span.number,
ul.numbers li.numbers-item span::before {
  font: 700 60px "Orbitron", sans-serif;
  line-height: 110%;
  color: transparent;
  -webkit-text-stroke-width: 3px;
  -webkit-text-stroke-color: #C00D0E;
}
ul.numbers li.numbers-item span.number-text span,
ul.numbers li.numbers-item span.number span,
ul.numbers li.numbers-item span::before span {
  color: #C00D0E;
}
@media screen and (min-width: 992px) {
  ul.numbers li.numbers-item span.number-text,
  ul.numbers li.numbers-item span.number,
  ul.numbers li.numbers-item span::before {
    font-size: 76px;
  }
}
ul.numbers li.numbers-item span.number {
  margin: 0 0 0 8px;
}
ul.numbers li.numbers-item span.number::before {
  content: "+";
  margin: 0 0 0 -8px;
}
ul.numbers li.numbers-item p.description {
  font: 500 16px "Orbitron", sans-serif;
  line-height: 140%;
  letter-spacing: 0.2px;
  color: #424242;
  text-transform: uppercase;
}
@media screen and (min-width: 992px) {
  ul.numbers li.numbers-item p.description {
    font-size: 14px;
    letter-spacing: 0.175px;
  }
}

/* =============================
    Media Querie: [ LAPTOP ]
============================= */
@media screen and (min-width: 992px) {
  ul.numbers {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    gap: 32px;
    width: 100%;
    padding: 0 0 16px;
    overflow-y: hidden;
    overflow-x: auto;
  }
  ul.numbers::-webkit-scrollbar {
    height: 6px;
    background-color: #dedede;
  }
  ul.numbers::-webkit-scrollbar-thumb {
    background-color: #b8b8b8;
  }
  ul.numbers::-webkit-scrollbar-thumb:hover {
    background-color: #9E9E9E;
  }
  ul.numbers li.numbers-item {
    display: flex;
    justify-content: center;
  }
}
/* =============================
    Media Querie: [ MOBILE ]
============================= */
div.partners {
  padding: 32px 0;
}
div.partners div.container {
  display: flex;
  flex-direction: column;
  gap: 20px;
}
div.partners div.container div.text-box {
  display: flex;
  flex-direction: column;
  gap: 10px;
}
div.partners div.container div.text-box h2.box-title {
  font: 700 28px "Rubik";
  line-height: 110%;
  color: #424242;
}
div.partners div.container div.text-box h2.box-title span {
  color: #C00D0E;
}
@media screen and (min-width: 992px) {
  div.partners div.container div.text-box h2.box-title {
    font-size: 42.3px;
  }
}
div.partners div.container div.text-box p.box-description {
  font: 400 14px "Rubik";
  line-height: 140%;
  letter-spacing: 0.2px;
  color: #9E9E9E;
}
@media screen and (min-width: 992px) {
  div.partners div.container div.text-box p.box-description {
    font-size: 16px;
    letter-spacing: 0.175px;
  }
}
div.partners div.container div.partners-carousel {
  display: flex;
  flex-direction: column;
  gap: 20px;
  width: 100%;
  height: -moz-fit-content;
  height: fit-content;
}
div.partners div.container div.partners-carousel div.swiper-wrapper div.swiper-slide {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 132px;
  background-color: #fff;
  border: 1px solid #eaeaea;
  padding: 15px;
  transition: 0.25s ease-in-out;
}
div.partners div.container div.partners-carousel div.swiper-wrapper div.swiper-slide img.pc-image {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

/* =============================
    Media Querie: [ LAPTOP ]
============================= */
@media screen and (min-width: 992px) {
  div.partners {
    padding: 72px 0;
  }
  div.partners div.container {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: start;
    gap: 24px;
  }
  div.partners div.container div.text-box {
    gap: 10px;
    min-width: -moz-fit-content;
    min-width: fit-content;
    margin: 8px 0;
    padding-top: 21px;
    padding-bottom: 21px;
  }
  div.partners div.container div.partners-carousel {
    gap: 38px;
  }
  div.partners div.container div.partners-carousel div.swiper-wrapper div.swiper-slide {
    width: 179px;
    padding: 21px;
  }
}
/* =============================
    Media Querie: [ MOBILE ]
============================= */
div.button-box {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 10px;
  position: relative;
}
div.button-box div.swiper-button-next,
div.button-box div.swiper-button-prev {
  width: 40px;
  height: 40px;
  background-color: #fff;
  border: 1px solid #C00D0E;
  margin-top: initial;
  padding: 11px;
  position: initial;
}
div.button-box div.swiper-button-next:hover,
div.button-box div.swiper-button-prev:hover {
  background-color: #C00D0E;
}
div.button-box div.swiper-button-next:hover::before,
div.button-box div.swiper-button-prev:hover::before {
  color: #fff;
}
div.button-box div.swiper-button-next::after,
div.button-box div.swiper-button-prev::after {
  display: none;
}
div.button-box div.swiper-button-next::before,
div.button-box div.swiper-button-prev::before {
  font: 400 18px "Rubik";
  color: #C00D0E;
}
@media screen and (min-width: 992px) {
  div.button-box div.swiper-button-next::before,
  div.button-box div.swiper-button-prev::before {
    font-size: 18px;
  }
}
div.button-box div.swiper-button-prev::before {
  content: "<";
}
div.button-box div.swiper-button-next::before {
  content: ">";
}

/* =============================
    Media Querie: [ LAPTOP ]
============================= */
@media screen and (min-width: 992px) {
  div.button-box div.swiper-button-next,
  div.button-box div.swiper-button-prev {
    width: 42px;
    height: 42px;
  }
}
/* =============================
    Media Querie: [ MOBILE ]
============================= */
section.form-work-with-us {
  margin: 35px 0 0;
}
section.form-work-with-us div.large-container {
  background-color: #efefef;
}
section.form-work-with-us div.large-container div.image-box {
  width: 100%;
  padding: 0 0 98.6%;
  position: relative;
  overflow: hidden;
}
section.form-work-with-us div.large-container div.image-box img.image {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  position: absolute;
  top: -50%;
  left: -50%;
  transform: translate(50%, 50%);
}
section.form-work-with-us div.large-container div.text-column {
  padding: 40px 16px;
}
section.form-work-with-us div.large-container div.text-column span.label {
  color: #ef1112;
}
section.form-work-with-us div.large-container div.text-column h2.title {
  font: 700 28px "Rubik";
  line-height: 110%;
  color: #424242;
  margin: 10px 0 20px;
}
section.form-work-with-us div.large-container div.text-column h2.title span {
  color: #C00D0E;
}
@media screen and (min-width: 992px) {
  section.form-work-with-us div.large-container div.text-column h2.title {
    font-size: 42.3px;
  }
}
section.form-work-with-us div.large-container div.text-column p.description {
  font: 400 14px "Rubik";
  line-height: 140%;
  letter-spacing: 0.2px;
  color: #9E9E9E;
  padding: 0 0 0 26px;
}
@media screen and (min-width: 992px) {
  section.form-work-with-us div.large-container div.text-column p.description {
    font-size: 21px;
    letter-spacing: 0.175px;
  }
}
section.form-work-with-us div.large-container div.text-column a.cta-btn {
  display: none;
}
section.form-work-with-us div.large-container div.form-container {
  padding: 0 0 40px;
}
section.form-work-with-us div.large-container div.form-container div.wpcf7 form.wpcf7-form div.form-box {
  display: flex;
  flex-direction: column;
  gap: 16px;
  padding: 0 16px;
}
section.form-work-with-us div.large-container div.form-container div.wpcf7 form.wpcf7-form div.form-box span input.form-input,
section.form-work-with-us div.large-container div.form-container div.wpcf7 form.wpcf7-form div.form-box span select.form-input {
  padding: 12px 30px;
  outline: none;
  border: none;
  width: 100%;
}
section.form-work-with-us div.large-container div.form-container div.wpcf7 form.wpcf7-form div.form-box span input.form-input:focus,
section.form-work-with-us div.large-container div.form-container div.wpcf7 form.wpcf7-form div.form-box span select.form-input:focus {
  background-color: #d9d9d9;
  outline: 2px solid #C00D0E;
}
section.form-work-with-us div.large-container div.form-container div.wpcf7 form.wpcf7-form div.form-box span input.form-input {
  font: 400 16px "Rubik";
  color: #000;
}
@media screen and (min-width: 992px) {
  section.form-work-with-us div.large-container div.form-container div.wpcf7 form.wpcf7-form div.form-box span input.form-input {
    font-size: 14px;
  }
}
section.form-work-with-us div.large-container div.form-container div.wpcf7 form.wpcf7-form div.form-box span input.form-input::-moz-placeholder {
  font: 300 16px "Rubik";
  color: #000;
}
section.form-work-with-us div.large-container div.form-container div.wpcf7 form.wpcf7-form div.form-box span input.form-input::placeholder {
  font: 300 16px "Rubik";
  color: #000;
}
@media screen and (min-width: 992px) {
  section.form-work-with-us div.large-container div.form-container div.wpcf7 form.wpcf7-form div.form-box span input.form-input::-moz-placeholder {
    font-size: 14px;
  }
  section.form-work-with-us div.large-container div.form-container div.wpcf7 form.wpcf7-form div.form-box span input.form-input::placeholder {
    font-size: 14px;
  }
}
section.form-work-with-us div.large-container div.form-container div.wpcf7 form.wpcf7-form div.form-box span select.form-input {
  font: 300 16px "Rubik";
  color: #000;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='22' height='22' viewBox='0 0 22 22' fill='none'%3E%3Cpath d='M18.3249 8.73346L11.7152 15.3431C11.6538 15.4046 11.5809 15.4533 11.5007 15.4866C11.4204 15.5199 11.3344 15.537 11.2476 15.537C11.1607 15.537 11.0747 15.5199 10.9945 15.4866C10.9142 15.4533 10.8413 15.4046 10.7799 15.3431L4.17026 8.73346C4.04624 8.60944 3.97656 8.44122 3.97656 8.26583C3.97656 8.09043 4.04624 7.92222 4.17026 7.79819C4.29429 7.67417 4.4625 7.60449 4.6379 7.60449C4.81329 7.60449 4.98151 7.67417 5.10553 7.79819L11.2476 13.9411L17.3896 7.79819C17.451 7.73678 17.5239 7.68807 17.6042 7.65483C17.6844 7.6216 17.7704 7.60449 17.8573 7.60449C17.9441 7.60449 18.0301 7.6216 18.1103 7.65483C18.1906 7.68807 18.2635 7.73678 18.3249 7.79819C18.3863 7.8596 18.435 7.93251 18.4682 8.01275C18.5015 8.09298 18.5186 8.17898 18.5186 8.26583C18.5186 8.35268 18.5015 8.43867 18.4682 8.51891C18.435 8.59915 18.3863 8.67205 18.3249 8.73346Z' fill='black'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: right 30px center;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}
@media screen and (min-width: 992px) {
  section.form-work-with-us div.large-container div.form-container div.wpcf7 form.wpcf7-form div.form-box span select.form-input {
    font-size: 14px;
  }
}
section.form-work-with-us div.large-container div.form-container div.wpcf7 form.wpcf7-form div.form-box button.submit-btn {
  text-transform: uppercase;
  text-decoration: none;
  text-align: center;
  padding: 12px 0 0 12px;
  position: relative;
  display: block;
  width: 100%;
  background-color: transparent;
  border: none;
}
section.form-work-with-us div.large-container div.form-container div.wpcf7 form.wpcf7-form div.form-box button.submit-btn:hover p.btn-text {
  background-color: #ef1112;
  transform: translate(12px, 12px);
}
section.form-work-with-us div.large-container div.form-container div.wpcf7 form.wpcf7-form div.form-box button.submit-btn:hover p.btn-fitting {
  box-shadow: inset 0 0 0 1px #ef1112;
}
section.form-work-with-us div.large-container div.form-container div.wpcf7 form.wpcf7-form div.form-box button.submit-btn.active {
  width: 100%;
  margin: 0;
}
section.form-work-with-us div.large-container div.form-container div.wpcf7 form.wpcf7-form div.form-box button.submit-btn.active p.btn-text {
  background-color: #ef1112;
  transform: translate(0, 12px);
}
section.form-work-with-us div.large-container div.form-container div.wpcf7 form.wpcf7-form div.form-box button.submit-btn.active p.btn-fitting {
  box-shadow: inset 0 0 0 1px #ef1112;
}
section.form-work-with-us div.large-container div.form-container div.wpcf7 form.wpcf7-form div.form-box button.submit-btn.active .btn-text,
section.form-work-with-us div.large-container div.form-container div.wpcf7 form.wpcf7-form div.form-box button.submit-btn.active .btn-fitting {
  width: 100%;
}
section.form-work-with-us div.large-container div.form-container div.wpcf7 form.wpcf7-form div.form-box button.submit-btn .btn-text,
section.form-work-with-us div.large-container div.form-container div.wpcf7 form.wpcf7-form div.form-box button.submit-btn .btn-fitting {
  font: 600 14px "Rubik";
  line-height: 140%;
  letter-spacing: 0.2px;
  color: #fff;
  transition: 0.25s ease-in-out;
  margin: 0;
  padding: 11px 0;
}
@media screen and (min-width: 992px) {
  section.form-work-with-us div.large-container div.form-container div.wpcf7 form.wpcf7-form div.form-box button.submit-btn .btn-text,
  section.form-work-with-us div.large-container div.form-container div.wpcf7 form.wpcf7-form div.form-box button.submit-btn .btn-fitting {
    font-size: 14px;
    letter-spacing: 0.175px;
  }
}
section.form-work-with-us div.large-container div.form-container div.wpcf7 form.wpcf7-form div.form-box button.submit-btn .btn-text {
  background-color: #C00D0E;
  width: calc(100% - 12px);
  position: absolute;
  top: 0;
  left: 0;
  transform: translate(0, 0);
}
section.form-work-with-us div.large-container div.form-container div.wpcf7 form.wpcf7-form div.form-box button.submit-btn .btn-fitting {
  background-color: transparent;
  box-shadow: inset 0 0 0 1px #C00D0E;
  color: transparent;
}

/* =============================
    Media Querie: [ LAPTOP ]
============================= */
@media screen and (min-width: 992px) {
  section.form-work-with-us {
    margin: 48px 0 60px;
  }
  section.form-work-with-us div.large-container {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: flex-start;
    background-color: initial;
  }
  section.form-work-with-us div.large-container div.image-box {
    display: none;
  }
  section.form-work-with-us div.large-container div.text-column {
    background-color: #efefef;
    padding: 64px 34px 64px 56px;
  }
  section.form-work-with-us div.large-container div.text-column span.label {
    color: #C00D0E;
  }
  section.form-work-with-us div.large-container div.text-column h2.title {
    margin: 9px 0 0;
  }
  section.form-work-with-us div.large-container div.text-column p.description {
    margin: 35px 0 0;
    padding: 0 0 0 26px;
  }
  section.form-work-with-us div.large-container div.text-column a.cta-btn {
    margin: 35px 0 0 26px;
    text-transform: uppercase;
    text-decoration: none;
    text-align: center;
    padding: 12px 0 0 12px;
    position: relative;
    display: block;
    width: -moz-fit-content;
    width: fit-content;
  }
  section.form-work-with-us div.large-container div.text-column a.cta-btn:hover p.btn-text {
    background-color: #ef1112;
    transform: translate(12px, 12px);
  }
  section.form-work-with-us div.large-container div.text-column a.cta-btn:hover p.btn-fitting {
    box-shadow: inset 0 0 0 1px #ef1112;
  }
  section.form-work-with-us div.large-container div.text-column a.cta-btn.active {
    width: 100%;
    margin: 0;
  }
  section.form-work-with-us div.large-container div.text-column a.cta-btn.active p.btn-text {
    background-color: #ef1112;
    transform: translate(0, 12px);
  }
  section.form-work-with-us div.large-container div.text-column a.cta-btn.active p.btn-fitting {
    box-shadow: inset 0 0 0 1px #ef1112;
  }
  section.form-work-with-us div.large-container div.text-column a.cta-btn.active .btn-text,
  section.form-work-with-us div.large-container div.text-column a.cta-btn.active .btn-fitting {
    width: 100%;
  }
  section.form-work-with-us div.large-container div.text-column a.cta-btn .btn-text,
  section.form-work-with-us div.large-container div.text-column a.cta-btn .btn-fitting {
    font: 600 14px "Rubik";
    line-height: 140%;
    letter-spacing: 0.2px;
    color: #fff;
    transition: 0.25s ease-in-out;
    margin: 0;
    padding: 11px 49px;
  }
}
@media screen and (min-width: 992px) and (min-width: 992px) {
  section.form-work-with-us div.large-container div.text-column a.cta-btn .btn-text,
  section.form-work-with-us div.large-container div.text-column a.cta-btn .btn-fitting {
    font-size: 14px;
    letter-spacing: 0.175px;
  }
}
@media screen and (min-width: 992px) {
  section.form-work-with-us div.large-container div.text-column a.cta-btn .btn-text {
    background-color: #C00D0E;
    width: calc(100% - 12px);
    position: absolute;
    top: 0;
    left: 0;
    transform: translate(0, 0);
  }
  section.form-work-with-us div.large-container div.text-column a.cta-btn .btn-fitting {
    background-color: transparent;
    box-shadow: inset 0 0 0 1px #C00D0E;
    color: transparent;
  }
  section.form-work-with-us div.large-container div.form-container {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    background-color: #424242;
    padding: 0 56px;
    min-height: -webkit-fill-available;
  }
  section.form-work-with-us div.large-container div.form-container div.wpcf7 form.wpcf7-form div.form-box {
    gap: 25px;
  }
  section.form-work-with-us div.large-container div.form-container div.wpcf7 form.wpcf7-form div.form-box span input.form-input,
  section.form-work-with-us div.large-container div.form-container div.wpcf7 form.wpcf7-form div.form-box span select.form-input {
    padding: 14px 26px;
    width: initial;
  }
  section.form-work-with-us div.large-container div.form-container div.wpcf7 form.wpcf7-form div.form-box span input.form-input:hover, section.form-work-with-us div.large-container div.form-container div.wpcf7 form.wpcf7-form div.form-box span input.form-input:focus,
  section.form-work-with-us div.large-container div.form-container div.wpcf7 form.wpcf7-form div.form-box span select.form-input:hover,
  section.form-work-with-us div.large-container div.form-container div.wpcf7 form.wpcf7-form div.form-box span select.form-input:focus {
    background-color: #d9d9d9;
  }
  section.form-work-with-us div.large-container div.form-container div.wpcf7 form.wpcf7-form div.form-box span select.form-input {
    width: 100%;
    background-position: right 26px center;
  }
  section.form-work-with-us div.large-container div.form-container div.wpcf7 form.wpcf7-form div.form-box button.submit-btn {
    cursor: pointer;
  }
}
/* =============================
    Media Querie: [ MOBILE ]
============================= */
div.pagination {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  gap: 4px;
}
div.pagination a.prev,
div.pagination a.next {
  width: 40px;
  height: 40px;
  background-color: #fff;
  border: 1px solid #C00D0E;
  margin-top: initial;
  padding: 11px;
  position: initial;
}
div.pagination a.prev:hover,
div.pagination a.next:hover {
  background-color: #C00D0E;
}
div.pagination a.prev:hover i.seta-esquerda::before,
div.pagination a.prev:hover i.seta-direita::before,
div.pagination a.next:hover i.seta-esquerda::before,
div.pagination a.next:hover i.seta-direita::before {
  color: #fff;
}
div.pagination a.prev i.seta-esquerda,
div.pagination a.prev i.seta-direita,
div.pagination a.next i.seta-esquerda,
div.pagination a.next i.seta-direita {
  display: flex;
  justify-content: center;
  align-items: center;
}
div.pagination a.prev i.seta-esquerda::before,
div.pagination a.prev i.seta-direita::before,
div.pagination a.next i.seta-esquerda::before,
div.pagination a.next i.seta-direita::before {
  font: 400 18px "Rubik";
  color: #C00D0E;
}
@media screen and (min-width: 992px) {
  div.pagination a.prev i.seta-esquerda::before,
  div.pagination a.prev i.seta-direita::before,
  div.pagination a.next i.seta-esquerda::before,
  div.pagination a.next i.seta-direita::before {
    font-size: 18px;
  }
}
div.pagination i.seta-esquerda::before {
  content: "<";
}
div.pagination i.seta-direita::before {
  content: ">";
}
div.pagination a.page-numbers,
div.pagination span.page-numbers.current {
  font: 400 16px "Rubik";
  color: #424242;
  padding: 8px 12px;
}
@media screen and (min-width: 992px) {
  div.pagination a.page-numbers,
  div.pagination span.page-numbers.current {
    font-size: 14px;
  }
}
div.pagination a.page-numbers:hover,
div.pagination span.page-numbers.current:hover {
  background-color: #C00D0E;
  color: #fff;
}
div.pagination span.page-numbers.current {
  color: #fff;
  background-color: #C00D0E;
}
div.pagination span.page-numbers.dots {
  font: 400 16px "Rubik";
  color: #424242;
}
@media screen and (min-width: 992px) {
  div.pagination span.page-numbers.dots {
    font-size: 14px;
  }
}

/* =============================
    Media Querie: [ LAPTOP ]
============================= */
@media screen and (min-width: 992px) {
  div.pagination {
    gap: 8px;
    margin: 35px 0 0;
  }
  div.pagination a.prev,
  div.pagination a.next {
    width: 42px;
    height: 42px;
  }
}
/* =============================
    Media Querie: [ MOBILE ]
============================= */
a.floating-whatsapp {
  position: fixed;
  right: 20px;
  bottom: 20px;
  z-index: 100;
}
a.floating-whatsapp div.icon-box {
  width: 75px;
  padding: 0 0 100%;
  position: relative;
  overflow: hidden;
}
a.floating-whatsapp div.icon-box img.icon {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  position: absolute;
  top: -50%;
  left: -50%;
  transform: translate(50%, 50%);
}

/* =============================
    Media Querie: [ LAPTOP ]
============================= */
@media screen and (min-width: 992px) {
  a.floating-whatsapp {
    right: 33px;
    bottom: 66px;
  }
  a.floating-whatsapp:hover {
    transform: scale(1.15);
  }
  a.floating-whatsapp div.icon-box {
    width: 66px;
  }
}