@font-face {
  font-family: 'heebo';
  font-weight: 400;
  src: url("../fonts/Heebo-Regular.ttf"); }
@font-face {
  font-family: 'heebo';
  font-weight: 500;
  src: url("../fonts/Heebo-Medium.ttf"); }
@font-face {
  font-family: 'heebo';
  font-weight: 700;
  src: url("../fonts/Heebo-Bold.ttf"); }
@font-face {
  font-family: 'heebo';
  font-weight: 800;
  src: url("../fonts/Heebo-ExtraBold.ttf"); }
@font-face {
  font-family: 'heebo';
  font-weight: 900;
  src: url("../fonts/Heebo-Black.ttf"); }
*,
*::after,
*::before {
  margin: 0;
  padding: 0;
  box-sizing: border-box; }

*:focus {
  outline: none;
  box-shadow: none; }

html {
  height: 100%;
  font-size: 1vw; }

@media (max-width: 1024px) {
  body.no-scroll, html.no-scroll {
    overflow-y: hidden; } }

html, body {
  width: 100%;
  scroll-behavior: smooth;
  overflow-x: hidden;
  overflow-y: initial;
  direction: rtl; }

html, body, button, input, textarea, button {
  font-family: 'heebo', Gotham, "Helvetica Neue", Helvetica, Arial, "sans-serif";
  font-weight: 400; }

a {
  color: inherit;
  text-decoration: none; }

img {
  width: 100%; }

ul {
  list-style-type: none; }

.container {
  margin: 0 auto; }

.flex {
  display: flex;
  align-items: center;
  justify-content: space-between; }

svg g, svg rect, svg path, svg text, svg tspan {
  fill: inherit; }

.link {
  width: 12.1875rem;
  height: 2.8125rem;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 0.9375rem;
  border-radius: 6.8229166667rem;
  border: 0.0520833333rem solid #fff;
  cursor: pointer; }
  @media (max-width: 1024px) {
    .link {
      width: 55.2rem;
      height: 11.3333333333rem;
      font-size: 4rem;
      border-radius: 17.4666666667rem;
      border: 0.1333333333rem solid #fff; } }
  .link svg {
    width: 1.55rem;
    margin-right: 1.2083333333rem; }
    @media (max-width: 1024px) {
      .link svg {
        width: 4.0853333333rem;
        margin-right: 3.0133333333rem; } }

.link2 {
  width: 76.18%;
  height: 10.89%;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #E79C06;
  color: #161616;
  font-size: 0.8333333333rem;
  border-radius: 1.40625rem;
  cursor: pointer; }
  @media (max-width: 1024px) {
    .link2 {
      font-size: 3.7333333333rem;
      border-radius: 5.3333333333rem; } }
  .link2 svg {
    width: 0.9901041667rem;
    height: 1.3671875rem;
    margin-right: 1.0692708333rem; }
    @media (max-width: 1024px) {
      .link2 svg {
        width: 4.5546666667rem;
        height: 6.2906666667rem;
        margin-right: 1.996rem; } }

.decoration {
  width: 4.7395833333rem;
  height: 7.5rem;
  position: absolute; }
  @media (max-width: 1024px) {
    .decoration {
      width: 12.1333333333rem;
      height: 19.2rem; } }

.see-more-anim {
  flex-direction: column;
  position: absolute;
  left: 2.6041666667rem;
  bottom: 3.28125rem;
  transform: rotateZ(-90deg);
  padding-top: 1.5rem;
  z-index: 999; }
  @media (max-width: 1024px) {
    .see-more-anim {
      top: auto;
      padding: .8vw;
      transform: rotate(-90deg) translateY(-83%);
      align-self: flex-end;
      bottom: 18.5306666667rem;
      left: 50%; } }
  .see-more-anim span {
    position: relative;
    left: 7rem;
    margin-bottom: 1.5rem; }
    @media (max-width: 1024px) {
      .see-more-anim span {
        left: 16rem;
        margin-bottom: initial; } }
  .see-more-anim .see-more-line {
    position: absolute;
    left: 0;
    top: 50%;
    width: 5.73vw;
    height: 0px;
    margin-top: -0.07rem;
    animation: seeMore 2.5s infinite 851ms; }
    @media (max-width: 1024px) {
      .see-more-anim .see-more-line {
        width: 13.35vw; } }
    .see-more-anim .see-more-line::after {
      content: '';
      display: block;
      width: 100%;
      height: 0;
      border-bottom: 2px solid white;
      transform-origin: right center;
      transform: scale(0.001, 1);
      transform: none;
      opacity: 1;
      transition: transform 1s cubic-bezier(0.23, 1, 0.32, 1), opacity 0s linear; }
@keyframes seeMore {
  0% {
    transform-origin: 0% 50%;
    transform: scale(1, 1); }
  20% {
    transform-origin: 0% 50%;
    transform: scale(0.001, 1); }
  20.01% {
    transform-origin: 100% 50%; }
  38% {
    transform-origin: 100% 50%;
    transform: scale(1, 1); } }
.navigate {
  display: flex;
  margin-top: 1.8229166667rem;
  margin-right: 7.34375rem; }
  @media (max-width: 1024px) {
    .navigate {
      margin-top: 6.5333333333rem;
      margin-right: 5.6rem; } }
  .navigate a, .navigate span {
    font-size: 0.7291666667rem;
    font-weight: 700;
    color: #2E2E2E;
    margin-left: 0.2rem; }
    @media (max-width: 1024px) {
      .navigate a, .navigate span {
        font-size: 3.2rem;
        margin-left: 1.2rem; } }
  .navigate a::after {
    content: '>';
    margin-right: 0.2rem; }
    @media (max-width: 1024px) {
      .navigate a::after {
        margin-right: 1.2rem; } }

.page-header {
  width: 100%;
  height: 36.4583333333rem;
  background-image: linear-gradient(#000000C4, #00000042, #00000000);
  color: #fff;
  position: relative; }
  @media (max-width: 1024px) {
    .page-header {
      height: 122.4rem; } }
  .page-header img {
    width: 100%;
    height: 100%;
    position: absolute;
    z-index: -1; }
  .page-header .page-header-content-border {
    width: 26.7963541667rem;
    height: 16.8rem;
    background-image: url("../img/all/header-content-border.png");
    background-size: 100% 100%;
    top: 11.2640625rem;
    right: 5.6515625rem;
    position: relative; }
    @media (max-width: 1024px) {
      .page-header .page-header-content-border {
        width: 88.884rem;
        height: 77.164rem;
        top: 26.036rem;
        right: 50%;
        transform: translate(50%, 0); } }
    .page-header .page-header-content-border .page-header-content {
      width: 37.96875rem;
      padding-top: 1.2864583333rem;
      padding-right: 1.640625rem; }
      @media (max-width: 1024px) {
        .page-header .page-header-content-border .page-header-content {
          width: 77.3333333333rem;
          padding-top: 8.76rem;
          padding-right: 9.68rem; } }
      .page-header .page-header-content-border .page-header-content .h1, .page-header .page-header-content-border .page-header-content .p1 {
        font-weight: 500; }
      .page-header .page-header-content-border .page-header-content .p1 {
        line-height: 1.5; }
        @media (max-width: 1024px) {
          .page-header .page-header-content-border .page-header-content .p1 {
            line-height: 1.3; } }
  @media (max-width: 1024px) {
    .page-header .see-more-anim {
      display: none; } }

h1,
h2,
h3,
h4,
h5,
h6,
p,
a,
label,
ul li {
  font-size: inherit;
  font-weight: inherit;
  font-family: inherit; }

.h1 {
  font-size: 3.1770833333rem;
  line-height: 1.2; }
  @media (max-width: 1024px) {
    .h1 {
      font-size: 8.6666666667rem; } }

.h2 {
  font-size: 2.6041666667rem; }
  @media (max-width: 1024px) {
    .h2 {
      font-size: 6.9333333333rem; } }

.h3 {
  font-size: 1.5625rem; }
  @media (max-width: 1024px) {
    .h3 {
      font-size: 5.6rem; } }

.p1 {
  font-size: 1.1458333333rem; }
  @media (max-width: 1024px) {
    .p1 {
      font-size: 4.4rem; } }

.p2 {
  font-size: 0.9375rem; }
  @media (max-width: 1024px) {
    .p2 {
      font-size: 4rem; } }

.p3 {
  font-size: 0.8333333333rem; }
  @media (max-width: 1024px) {
    .p3 {
      font-size: 3.4666666667rem; } }

.p4 {
  font-size: 0.7291666667rem; }
  @media (max-width: 1024px) {
    .p4 {
      font-size: 3.2rem; } }

/* === FIXED ELEMENTS=== */
/*-----------*/
/*   Header  */
/*-----------*/
header {
  width: 100%;
  height: auto;
  color: #fff;
  padding: 1.1458333333rem 0;
  position: fixed;
  top: 0;
  z-index: 9999999999999;
  transition: 200ms ease-in-out; }
  @media (max-width: 1024px) {
    header {
      padding: 4.1333333333rem 0; } }
  header.on {
    background-color: rgba(0, 0, 0, 0.5); }
  @media (max-width: 1024px) {
    header.on-mobile .hamburger {
      z-index: 5; }
      header.on-mobile .hamburger .line {
        background-color: #000; }
        header.on-mobile .hamburger .line:nth-of-type(1) {
          top: 50%;
          transform: rotate(135deg); }
        header.on-mobile .hamburger .line:nth-of-type(2) {
          right: -3.125rem;
          opacity: 0; }
        header.on-mobile .hamburger .line:nth-of-type(3) {
          width: 100%;
          top: 50%;
          transform: rotate(-135deg); }
    header.on-mobile .header-nav {
      right: 0; }
    header.on-mobile .header-logo-container .header-logo {
      opacity: 0; }
    header.on-mobile .header-logo-container .header-logo-mob {
      opacity: 1; }
    header.on-mobile .nav-search svg path {
      stroke: #000; } }
  header .hamburger {
    display: none; }
    @media (max-width: 1024px) {
      header .hamburger {
        display: initial;
        width: 9.084rem;
        height: 7.2rem;
        margin-right: 5.748rem;
        position: relative;
        transform: rotate(0deg);
        cursor: pointer; }
        header .hamburger .line {
          height: 0.4rem;
          background-color: #fff;
          display: block;
          position: absolute;
          opacity: 1;
          right: 0;
          transform: rotate(0deg);
          transition: .25s ease-in-out; }
          header .hamburger .line:nth-child(1) {
            top: 0;
            width: 100%; }
          header .hamburger .line:nth-child(2) {
            top: 50%;
            width: 100%; }
          header .hamburger .line:nth-child(3) {
            top: 100%;
            width: 50%; } }
  header .header-logo-container {
    width: 8.8760416667rem;
    height: 3.9911458333rem;
    margin-right: 3.4119791667rem;
    position: relative;
    z-index: 2; }
    @media (max-width: 1024px) {
      header .header-logo-container {
        width: 26.1133333333rem;
        height: 11.7413333333rem;
        margin-right: initial; } }
    header .header-logo-container .header-logo, header .header-logo-container .header-logo-mob {
      width: 100%;
      height: 100%;
      position: absolute;
      top: 0;
      right: 0;
      transition: 300ms ease-in-out; }
    header .header-logo-container .header-logo {
      opacity: 1; }
    header .header-logo-container .header-logo-mob {
      opacity: 0; }
  @media (max-width: 1024px) {
    header .header-nav {
      width: 100rem;
      height: 100vh;
      background-image: url("../img/header/nav-bg-mob.jpg");
      background-size: 100% auto;
      background-position: bottom;
      color: #252525;
      position: fixed;
      top: 0;
      right: -100rem;
      transition: 400ms ease-in-out;
      padding-top: 16vh;
      padding-right: 5.7333333333rem;
      box-sizing: border-box; } }
  header .header-nav .gradient-layer {
    display: none; }
    @media (max-width: 1024px) {
      header .header-nav .gradient-layer {
        display: initial;
        width: 100%;
        height: 100%;
        background-image: linear-gradient(#FFFFFF, #FFFFFFDE, #FFFFFF);
        position: absolute;
        top: 0;
        right: 0; } }
  header .header-nav ul {
    width: 48.0208333333rem; }
    @media (max-width: 1024px) {
      header .header-nav ul {
        width: initial;
        height: 78vh;
        flex-direction: column;
        align-items: flex-start;
        justify-content: initial;
        font-size: 5.6rem; } }
    header .header-nav ul li:not(:last-of-type) {
      position: relative; }
      header .header-nav ul li:not(:last-of-type)::after {
        content: '';
        width: 0;
        height: 0.0520833333rem;
        background-color: #E79C06;
        position: absolute;
        bottom: 0;
        right: 0;
        transition: 300ms ease-in-out; }
        @media (max-width: 1024px) {
          header .header-nav ul li:not(:last-of-type)::after {
            display: none; } }
      header .header-nav ul li:not(:last-of-type):hover::after {
        width: 100%; }
      @media (max-width: 1024px) {
        header .header-nav ul li:not(:last-of-type) {
          margin-bottom: 4rem; } }
    @media (max-width: 1024px) {
      header .header-nav ul li:last-of-type {
        margin-top: auto;
        z-index: 3; } }
    @media (max-width: 1024px) {
      header .header-nav ul li.on a::after {
        content: '';
        width: 100%;
        height: 0.5333333333rem;
        background-color: #E79C06;
        position: absolute;
        bottom: 0;
        right: 0; } }
    header .header-nav ul .contact-link {
      width: 7.4479166667rem;
      height: 2.0833333333rem;
      justify-content: center;
      border: 0.0520833333rem solid #fff;
      border-radius: 5.15625rem; }
      @media (max-width: 1024px) {
        header .header-nav ul .contact-link {
          width: 34.5333333333rem;
          height: 11.3333333333rem;
          font-size: 4rem;
          color: #fff;
          background-color: #E79C06;
          border: none;
          border-radius: 13.2rem; } }
      header .header-nav ul .contact-link:hover {
        color: #E79C06;
        border-color: #E79C06; }
  header .header-nav .city-logo-mob {
    display: none; }
    @media (max-width: 1024px) {
      header .header-nav .city-logo-mob {
        display: initial;
        width: 35.8666666667rem;
        height: 14.5333333333rem;
        position: absolute;
        left: 5.3333333333rem;
        bottom: 8rem; } }
  header .nav-search {
    width: 11.7640625rem;
    height: 1.3473958333rem; }
    @media (max-width: 1024px) {
      header .nav-search {
        width: 7.2rem;
        height: 7.2rem;
        margin-left: 5.7333333333rem; } }
    header .nav-search svg {
      width: 1.3473958333rem;
      fill: transparent;
      position: relative;
      z-index: 2; }
      @media (max-width: 1024px) {
        header .nav-search svg {
          width: 100%; } }
      header .nav-search svg path {
        stroke: #fff;
        transition: 300ms ease-in-out; }
  header .city-logo {
    width: 9.6354166667rem;
    height: 3.90625rem;
    margin-left: 2.7604166667rem; }
    @media (max-width: 1024px) {
      header .city-logo {
        display: none; } }

/*------------*/
/*   footer   */
/*------------*/
footer {
  width: 100%;
  height: 51.4557291667rem;
  background-image: url("../img/footer/footer-bg.jpg");
  background-size: 100% 100%;
  position: relative; }
  @media (max-width: 1024px) {
    footer {
      height: auto;
      min-height: 12.2666666667rem;
      background-image: url("../img/footer/footer-bg-mob.jpg");
      background-size: 100% auto;
      background-position: bottom;
      background-repeat: no-repeat;
      flex-direction: column; } }
  footer .footer-gradient {
    width: 100%;
    height: 100%;
    background-image: linear-gradient(#FFFFFF, #FFFFFFDE, #FFFFFF);
    position: absolute;
    top: 0;
    right: 0;
    z-index: 1; }
  footer .footer-links {
    width: 57.7083333333rem;
    align-items: flex-start;
    margin: auto;
    position: relative;
    z-index: 2; }
    @media (max-width: 1024px) {
      footer .footer-links {
        width: 88.8rem;
        flex-direction: column;
        margin-bottom: 15.176rem; } }
    footer .footer-links .footer-links-column {
      font-size: 0.9895833333rem; }
      @media (max-width: 1024px) {
        footer .footer-links .footer-links-column {
          width: 100%;
          padding: 4rem 0;
          font-size: 4rem;
          border-bottom: 0.1333333333rem solid #e2e2e2; } }
      footer .footer-links .footer-links-column .footer-title {
        font-weight: 500;
        margin-bottom: 0.3rem; }
        @media (max-width: 1024px) {
          footer .footer-links .footer-links-column .footer-title {
            width: 100%;
            height: 100%;
            display: flex;
            align-items: center;
            justify-content: space-between;
            font-size: 5.6rem; } }
        footer .footer-links .footer-links-column .footer-title .toggle-icon {
          display: none; }
          @media (max-width: 1024px) {
            footer .footer-links .footer-links-column .footer-title .toggle-icon {
              display: initial; } }
      @media (max-width: 1024px) {
        footer .footer-links .footer-links-column ul {
          max-height: 0;
          opacity: 0;
          transition: 500ms ease-in-out; }
          footer .footer-links .footer-links-column ul.on {
            max-height: 100rem;
            opacity: 1; }
            footer .footer-links .footer-links-column ul.on li {
              pointer-events: initial; } }
      @media (max-width: 1024px) {
        footer .footer-links .footer-links-column ul li {
          pointer-events: none;
          margin-bottom: 4rem; }
          footer .footer-links .footer-links-column ul li:first-of-type {
            margin-top: 1.4906666667rem; } }
  footer .footer-logos {
    width: 12.5854166667rem;
    height: 5.6588541667rem;
    position: absolute;
    bottom: 3.9739583333rem;
    right: 50%;
    transform: translate(50%, 0);
    z-index: 2; }
    @media (max-width: 1024px) {
      footer .footer-logos {
        width: 89.0666666667rem;
        height: 14.5333333333rem;
        position: initial;
        transform: initial;
        margin-bottom: 26.2666666667rem; } }
    footer .footer-logos img:first-of-type {
      width: 12.5854166667rem;
      height: 5.6588541667rem; }
      @media (max-width: 1024px) {
        footer .footer-logos img:first-of-type {
          width: 32.2186666667rem;
          height: 14.4866666667rem; } }
    footer .footer-logos img:last-of-type {
      display: none; }
      @media (max-width: 1024px) {
        footer .footer-logos img:last-of-type {
          display: initial;
          width: 35.8666666667rem;
          height: 14.5333333333rem; } }
  footer .elevate {
    color: #2E2E2E;
    position: absolute;
    bottom: 1rem;
    right: 2%;
    z-index: 2; }
    @media (max-width: 1024px) {
      footer .elevate {
        width: fit-content;
        bottom: 3rem;
        right: 50%;
        transform: translate(50%, 0); } }

/* === COMPONENTS === */
.arenas {
  width: 100%; }
  .arenas .arenas-line {
    width: 4.9958333333rem;
    height: 0.2083333333rem;
    background-color: #E79C06; }
    @media (max-width: 1024px) {
      .arenas .arenas-line {
        width: 16.5333333333rem;
        height: 0.5333333333rem; } }
  .arenas .h2, .arenas .p2 {
    text-align: center;
    color: #2E2E2E; }
  .arenas .h2 {
    font-weight: 700; }
  @media (max-width: 1024px) {
    .arenas .p2 {
      margin-bottom: 7.9333333333rem; } }
  .arenas .arena-slider {
    width: 89%;
    overflow: hidden; }
    @media (max-width: 1024px) {
      .arenas .arena-slider {
        width: 100%; } }

.activities {
  width: 100%;
  margin-top: 7.8125rem;
  position: relative; }
  @media (max-width: 1024px) {
    .activities {
      margin-top: 25.6333333333rem;
      margin-bottom: 26.8333333333rem; } }
  .activities .decoration {
    right: -1rem;
    top: 5.8rem; }
    @media (max-width: 1024px) {
      .activities .decoration {
        right: -2.5rem;
        top: -7.2rem; } }
  .activities .activities-line {
    width: 4.9958333333rem;
    height: 0.2083333333rem;
    background-color: #E79C06;
    margin-bottom: 0.3125rem; }
    @media (max-width: 1024px) {
      .activities .activities-line {
        width: 16.5333333333rem;
        height: 0.5333333333rem;
        margin-bottom: 0.8666666667rem; } }
  .activities .h2 {
    font-weight: 700;
    text-align: center;
    color: #2E2E2E;
    margin-bottom: 4.21875rem; }
    @media (max-width: 1024px) {
      .activities .h2 {
        margin-bottom: initial; } }

#arenasSlider {
  width: 85.9375rem;
  padding: 5rem 0;
  margin: auto;
  overflow: visible; }
  @media (max-width: 1024px) {
    #arenasSlider {
      width: 100%;
      padding: 12rem 0 32rem 0;
      box-sizing: border-box; } }
  #arenasSlider .swiper-slide {
    width: 14.5833333333rem;
    height: 22.0364583333rem;
    transform: scale(1);
    transition: 400ms ease-in-out;
    position: relative;
    z-index: 1;
    cursor: pointer; }
    @media (max-width: 1024px) {
      #arenasSlider .swiper-slide {
        width: 69.6066666667rem;
        height: 99.856rem; } }
    #arenasSlider .swiper-slide.swiper-slide-active {
      transform: scale(1.2); }
    @media (min-width: 1025px) {
      #arenasSlider .swiper-slide:hover .h3 {
        bottom: 5.3526041667rem; }
      #arenasSlider .swiper-slide:hover .link2 {
        opacity: 1; } }
    #arenasSlider .swiper-slide img {
      width: 100%;
      height: 100%;
      top: 0;
      right: 0;
      position: absolute;
      z-index: -1; }
    #arenasSlider .swiper-slide .gradient-layer {
      width: 100%;
      height: 100%;
      top: 0;
      right: 0;
      position: absolute;
      background-image: linear-gradient(#18316B00, #00000029);
      z-index: 1; }
    #arenasSlider .swiper-slide .h3 {
      width: 12.2395833333rem;
      font-weight: 700;
      color: #fff;
      text-align: center;
      position: absolute;
      bottom: 1.046875rem;
      transition: 400ms ease-in-out;
      right: 50%;
      transform: translate(50%, 0);
      z-index: 1; }
      @media (max-width: 1024px) {
        #arenasSlider .swiper-slide .h3 {
          width: 61.8666666667rem;
          bottom: 21.456rem; } }
    #arenasSlider .swiper-slide .link2 {
      position: absolute;
      right: 50%;
      bottom: 1.4984375rem;
      transform: translate(50%, 0);
      opacity: 0;
      transition: 400ms ease-in-out;
      z-index: 1; }
      @media (max-width: 1024px) {
        #arenasSlider .swiper-slide .link2 {
          bottom: 8.7893333333rem;
          opacity: 1; } }
  #arenasSlider .swiper-button-next {
    left: -1rem; }
    @media (max-width: 1024px) {
      #arenasSlider .swiper-button-next {
        left: 36rem; } }
  #arenasSlider .swiper-button-prev {
    right: -1rem; }
    @media (max-width: 1024px) {
      #arenasSlider .swiper-button-prev {
        right: 36rem; } }

#activitiesSlider {
  width: 87.2395833333rem;
  padding: 1.0416666667rem;
  margin-bottom: 0.9375rem; }
  @media (max-width: 1024px) {
    #activitiesSlider {
      width: 92.8666666667rem;
      padding: 1.9933333333rem;
      padding: 16rem 1.9933333333rem; } }
  @media (max-width: 1024px) {
    #activitiesSlider .swiper-slide {
      flex-direction: column; } }
  #activitiesSlider .swiper-slide .activity {
    width: 40.9895833333rem;
    height: 14.4270833333rem;
    color: white;
    position: relative; }
    @media (max-width: 1024px) {
      #activitiesSlider .swiper-slide .activity {
        width: 89.0666666667rem;
        height: 40.9333333333rem;
        margin-bottom: 7.6586666667rem; } }
    #activitiesSlider .swiper-slide .activity .activity-square-orange, #activitiesSlider .swiper-slide .activity .activity-square-blue {
      width: 23.3333333333rem;
      height: 7.9739583333rem;
      position: absolute; }
      @media (max-width: 1024px) {
        #activitiesSlider .swiper-slide .activity .activity-square-orange, #activitiesSlider .swiper-slide .activity .activity-square-blue {
          width: 59.7333333333rem;
          height: 20.4133333333rem; } }
    #activitiesSlider .swiper-slide .activity .activity-square-orange {
      background-color: #E79C06;
      top: -1rem;
      right: -1rem; }
      @media (max-width: 1024px) {
        #activitiesSlider .swiper-slide .activity .activity-square-orange {
          top: -2rem;
          right: -2rem; } }
    #activitiesSlider .swiper-slide .activity .activity-square-blue {
      background-color: #2C6A9F;
      bottom: -1rem;
      left: -1rem; }
      @media (max-width: 1024px) {
        #activitiesSlider .swiper-slide .activity .activity-square-blue {
          bottom: -2rem;
          left: -2rem; } }
    #activitiesSlider .swiper-slide .activity img {
      width: 100%;
      height: 100%;
      position: absolute;
      top: 0;
      right: 0; }
    #activitiesSlider .swiper-slide .activity .gradient-layer {
      width: 100%;
      height: 100%;
      background-image: linear-gradient(#18316B00, #00000029, #000000E5);
      position: absolute;
      top: 0;
      right: 0; }
    #activitiesSlider .swiper-slide .activity a {
      position: absolute;
      right: 1.5625rem;
      bottom: 1.25rem; }
      @media (max-width: 1024px) {
        #activitiesSlider .swiper-slide .activity a {
          width: 61.8666666667rem;
          font-weight: 700;
          line-height: 1.2;
          right: 4.4rem;
          bottom: 3.2746666667rem; } }
      #activitiesSlider .swiper-slide .activity a:hover svg {
        right: 1rem; }
      #activitiesSlider .swiper-slide .activity a svg {
        width: 0.5546875rem;
        height: 0.9703125rem;
        fill: #E79C06;
        position: relative;
        right: 0.5rem;
        transition: 300ms ease-in-out; }
        @media (max-width: 1024px) {
          #activitiesSlider .swiper-slide .activity a svg {
            width: 1.42rem;
            height: 2.484rem;
            right: 1.5rem; } }
  #activitiesSlider .swiper-button-next, #activitiesSlider .swiper-button-prev {
    display: none; }
    @media (max-width: 1024px) {
      #activitiesSlider .swiper-button-next, #activitiesSlider .swiper-button-prev {
        display: initial; } }
  @media (max-width: 1024px) {
    #activitiesSlider .swiper-button-next {
      left: 32.5rem; } }
  @media (max-width: 1024px) {
    #activitiesSlider .swiper-button-prev {
      right: 32.5rem; } }

.swiper-container-rtl .swiper-button-next, .swiper-container-rtl .swiper-button-prev, .swiper-button-next, .swiper-button-prev {
  width: 2.5578125rem;
  height: 2.5578125rem; }
  @media (max-width: 1024px) {
    .swiper-container-rtl .swiper-button-next, .swiper-container-rtl .swiper-button-prev, .swiper-button-next, .swiper-button-prev {
      width: 11.9666666667rem;
      height: 11.9666666667rem;
      top: initial;
      bottom: 2rem; } }
  .swiper-container-rtl .swiper-button-next::after, .swiper-container-rtl .swiper-button-prev::after, .swiper-button-next::after, .swiper-button-prev::after {
    content: '';
    width: 2.5578125rem;
    height: 2.5578125rem;
    background-color: #E79C06;
    background-image: url("../img/all/swiper-arrow.svg");
    background-size: 0.3671875rem 0.6421875rem;
    background-repeat: no-repeat;
    background-position: center;
    border-radius: 50%;
    box-shadow: 0px 3px 6px #00000029;
    position: absolute; }
    @media (max-width: 1024px) {
      .swiper-container-rtl .swiper-button-next::after, .swiper-container-rtl .swiper-button-prev::after, .swiper-button-next::after, .swiper-button-prev::after {
        width: 11.9666666667rem;
        height: 11.9666666667rem;
        background-size: 1.0813333333rem 1.892rem; } }

.swiper-container-rtl .swiper-button-next::after {
  transform: rotateZ(180deg); }

/* === PAGES === */
/*--------------*/
/*   Home Page  */
/*--------------*/
#home-header {
  width: 100rem;
  height: 45rem;
  color: #fff;
  position: relative; }
  @media (max-width: 1024px) {
    #home-header {
      width: 100%;
      height: 173.3333333333rem; } }
  #home-header .home-header-container {
    width: 100rem;
    height: 45rem;
    background-image: linear-gradient(#000000C4, #00000042, #00000000); }
    @media (max-width: 1024px) {
      #home-header .home-header-container {
        width: 100%;
        height: 173.3333333333rem; } }
    @media (max-width: 1024px) {
      #home-header .home-header-container.home-video #video-desk {
        display: none; } }
    #home-header .home-header-container.home-video #video-mob {
      display: none; }
      @media (max-width: 1024px) {
        #home-header .home-header-container.home-video #video-mob {
          display: initial; } }
    #home-header .home-header-container.home-video .home-header-content {
      padding-top: 15rem;
      margin-top: initial; }
      @media (max-width: 1024px) {
        #home-header .home-header-container.home-video .home-header-content {
          padding-top: 37.7333333333rem;
          margin: 0 auto; } }
    #home-header .home-header-container .home-header-content {
      width: 31.7708333333rem;
      margin-top: 15rem;
      margin-right: 7.2916666667rem; }
      @media (max-width: 1024px) {
        #home-header .home-header-container .home-header-content {
          width: 85.0666666667rem;
          margin: 37.7333333333rem auto 0 auto; } }
      #home-header .home-header-container .home-header-content .h1 {
        font-weight: 500; }
        @media (max-width: 1024px) {
          #home-header .home-header-container .home-header-content .h1 {
            text-align: center; } }
      #home-header .home-header-container .home-header-content .p1 {
        margin-bottom: 2.6041666667rem; }
        @media (max-width: 1024px) {
          #home-header .home-header-container .home-header-content .p1 {
            text-align: center;
            margin-bottom: 8.6666666667rem; } }
      @media (max-width: 1024px) {
        #home-header .home-header-container .home-header-content .link {
          margin: auto; } }
      #home-header .home-header-container .home-header-content .link svg {
        fill: #fff; }
    #home-header .home-header-container img, #home-header .home-header-container video {
      width: 100%;
      height: 100%;
      top: 0;
      right: 0;
      position: absolute;
      z-index: -1; }
    #home-header .home-header-container video {
      object-fit: fill; }
  #home-header .swiper-pagination .swiper-pagination-bullet {
    width: 1.71875rem;
    height: 0.0520833333rem;
    background-color: #fff; }
    @media (max-width: 1024px) {
      #home-header .swiper-pagination .swiper-pagination-bullet {
        width: 13.684rem;
        height: 0.2666666667rem; } }
  #home-header .swiper-pagination .swiper-pagination-bullet-active {
    background-color: #E79C06; }

#home-vision {
  width: 100%;
  height: 45.4166666667rem;
  background-color: #FBFBFB;
  justify-content: initial;
  margin-bottom: 7.8125rem; }
  @media (max-width: 1024px) {
    #home-vision {
      height: auto;
      flex-direction: column-reverse;
      padding: 17.3333333333rem 0;
      margin-bottom: 20rem; } }
  #home-vision > img {
    width: 33.0208333333rem;
    height: 33.0208333333rem;
    margin-right: 8.8541666667rem;
    margin-left: 6.6145833333rem; }
    @media (max-width: 1024px) {
      #home-vision > img {
        width: 88.8rem;
        height: 88.8rem;
        margin: initial; } }
  #home-vision #home-vision-content #vision-line {
    width: 6.4583333333rem;
    height: 0.2083333333rem;
    background-color: #E79C06; }
    @media (max-width: 1024px) {
      #home-vision #home-vision-content #vision-line {
        width: 16.5333333333rem;
        height: 0.5333333333rem; } }
  #home-vision #home-vision-content .h2 {
    font-weight: 700;
    color: #2E2E2E;
    margin-bottom: 0.8333333333rem; }
  #home-vision #home-vision-content .p2 {
    width: 39.0625rem;
    margin-bottom: 2.5463541667rem; }
    @media (max-width: 1024px) {
      #home-vision #home-vision-content .p2 {
        width: 79.4666666667rem;
        margin-bottom: 6.3333333333rem; } }
  #home-vision #home-vision-content .see-more1 {
    justify-content: initial;
    color: #E79C06; }
    @media (max-width: 1024px) {
      #home-vision #home-vision-content .see-more1 {
        margin-bottom: 10.1333333333rem; } }
    #home-vision #home-vision-content .see-more1 span {
      position: relative; }
      #home-vision #home-vision-content .see-more1 span::after {
        content: '';
        width: 0;
        height: 0.0520833333rem;
        background-color: #E79C06;
        position: absolute;
        bottom: 0;
        right: 0;
        transition: 300ms ease-in-out; }
        @media (max-width: 1024px) {
          #home-vision #home-vision-content .see-more1 span::after {
            display: none; } }
      #home-vision #home-vision-content .see-more1 span:hover::after {
        width: 100%; }
      #home-vision #home-vision-content .see-more1 span:hover + svg {
        right: 0.5rem; }
    #home-vision #home-vision-content .see-more1 svg {
      width: 1.1640625rem;
      height: 1.6072916667rem;
      fill: #E79C06;
      position: relative;
      right: 0;
      transition: 200ms ease-in-out;
      margin-right: 1.0822916667rem; }
      @media (max-width: 1024px) {
        #home-vision #home-vision-content .see-more1 svg {
          width: 4.5546666667rem;
          height: 6.2906666667rem;
          margin-right: 1.996rem; } }

/*------------------*/
/*   Projects Page  */
/*------------------*/
#projects-container {
  margin-top: 4.2708333333rem; }
  @media (max-width: 1024px) {
    #projects-container {
      margin-top: 8.1333333333rem; } }
  @media (max-width: 1024px) {
    #projects-container > div:nth-of-type(even) .project-images {
      width: 100rem;
      right: initial;
      left: 5.6666666667rem; } }
  #projects-container > div:nth-of-type(even) .project-images #projectSlider, #projects-container > div:nth-of-type(even) .project-images #projectSliderDisabled {
    direction: ltr; }
    #projects-container > div:nth-of-type(even) .project-images #projectSlider .project-img-container .slide-bg, #projects-container > div:nth-of-type(even) .project-images #projectSliderDisabled .project-img-container .slide-bg {
      background-color: #2C6A9F; }
    #projects-container > div:nth-of-type(even) .project-images #projectSlider .swiper-button-next, #projects-container > div:nth-of-type(even) .project-images #projectSliderDisabled .swiper-button-next {
      left: initial;
      right: 8.59375rem; }
      @media (max-width: 1024px) {
        #projects-container > div:nth-of-type(even) .project-images #projectSlider .swiper-button-next, #projects-container > div:nth-of-type(even) .project-images #projectSliderDisabled .swiper-button-next {
          right: 37rem; } }
    #projects-container > div:nth-of-type(even) .project-images #projectSlider .swiper-button-prev, #projects-container > div:nth-of-type(even) .project-images #projectSliderDisabled .swiper-button-prev {
      right: initial;
      left: 33.9411458333rem; }
      #projects-container > div:nth-of-type(even) .project-images #projectSlider .swiper-button-prev::after, #projects-container > div:nth-of-type(even) .project-images #projectSliderDisabled .swiper-button-prev::after {
        transform: rotateZ(180deg); }
  @media (min-width: 1025px) {
    #projects-container > div:nth-of-type(even) {
      margin-right: initial;
      margin-left: 7.321875rem; }
      #projects-container > div:nth-of-type(even) .project-content {
        margin-right: 54.7135416667rem; }
      #projects-container > div:nth-of-type(even) .project-images {
        width: 48.4375rem;
        background-color: initial;
        padding-right: initial;
        left: initial;
        right: 0; }
        #projects-container > div:nth-of-type(even) .project-images #projectSlider .p3, #projects-container > div:nth-of-type(even) .project-images #projectSliderDisabled .p3 {
          margin-left: 1.0416666667rem; } }
  #projects-container .project-container {
    width: 92.678125rem;
    height: fit-content;
    min-height: 32.1875rem;
    align-items: initial;
    margin-bottom: 4.4791666667rem;
    margin-right: 7.321875rem;
    position: relative; }
    @media (max-width: 1024px) {
      #projects-container .project-container {
        width: 100%;
        min-height: 174.2666666667rem;
        flex-direction: column;
        margin-bottom: 13.3333333333rem;
        margin-right: initial; } }
    #projects-container .project-container .project-content {
      width: 36.09375rem;
      margin-top: 8.5rem;
      position: relative;
      z-index: 2; }
      @media (max-width: 1024px) {
        #projects-container .project-container .project-content {
          width: 89.0666666667rem;
          margin-top: 5rem;
          margin-right: 5.6666666667rem; } }
      #projects-container .project-container .project-content .project-line {
        width: 7.840625rem;
        height: 0.2083333333rem;
        background-color: #E79C06; }
        @media (max-width: 1024px) {
          #projects-container .project-container .project-content .project-line {
            width: 16.5333333333rem;
            height: 0.5333333333rem; } }
      #projects-container .project-container .project-content .h2, #projects-container .project-container .project-content .p2 {
        color: #2E2E2E; }
      #projects-container .project-container .project-content .h2 {
        font-weight: 700;
        line-height: 1.2;
        margin-bottom: 1.0416666667rem; }
        @media (max-width: 1024px) {
          #projects-container .project-container .project-content .h2 {
            margin-bottom: 1.8666666667rem; } }
      #projects-container .project-container .project-content .read-more {
        width: fit-content;
        justify-content: initial;
        margin-top: 2.3703125rem;
        cursor: pointer; }
        @media (max-width: 1024px) {
          #projects-container .project-container .project-content .read-more {
            margin-top: 6.208rem;
            margin-bottom: 10rem; } }
        #projects-container .project-container .project-content .read-more svg {
          width: 0.8723958333rem;
          height: 0.4989583333rem;
          margin-right: 0.6348958333rem;
          transform: rotateZ(0deg); }
          @media (max-width: 1024px) {
            #projects-container .project-container .project-content .read-more svg {
              width: 4.1413333333rem;
              height: 2.368rem;
              margin-right: 1.4333333333rem; } }
          #projects-container .project-container .project-content .read-more svg.on {
            transform: rotateZ(180deg); }
      #projects-container .project-container .project-content .read-more-content {
        opacity: 0;
        max-height: 0;
        pointer-events: none;
        overflow: hidden;
        transition: 500ms ease-in-out; }
        #projects-container .project-container .project-content .read-more-content.on {
          opacity: 1;
          max-height: 50rem;
          pointer-events: initial; }
          @media (max-width: 1024px) {
            #projects-container .project-container .project-content .read-more-content.on {
              max-height: 180rem; } }
      #projects-container .project-container .project-content .link {
        color: #2C6A9F;
        border-color: #2C6A9F; }
        @media (max-width: 1024px) {
          #projects-container .project-container .project-content .link {
            border-color: #2C6A9F; } }
        #projects-container .project-container .project-content .link svg {
          fill: #2C6A9F; }
    #projects-container .project-container .project-images {
      width: 73.75rem;
      height: 32.1875rem;
      background-color: #FBFBFB;
      padding-right: 25.3125rem;
      box-sizing: border-box;
      position: absolute;
      top: 0;
      left: 0;
      z-index: 1; }
      @media (max-width: 1024px) {
        #projects-container .project-container .project-images {
          width: 100%;
          height: fit-content;
          background-color: initial;
          background-image: linear-gradient(to right, #FBFBFB 70.4rem, transparent 24rem);
          padding-right: initial;
          position: initial;
          margin-right: 5.6666666667rem; } }
      @media (max-width: 1024px) {
        #projects-container .project-container .project-images #projectSlider, #projects-container .project-container .project-images #projectSliderDisabled {
          padding-bottom: 40.5333333333rem; } }
      #projects-container .project-container .project-images #projectSlider .project-img-container, #projects-container .project-container .project-images #projectSliderDisabled .project-img-container {
        width: 42.1875rem;
        height: 21.875rem;
        margin-bottom: 0.5208333333rem;
        position: relative; }
        @media (max-width: 1024px) {
          #projects-container .project-container .project-images #projectSlider .project-img-container, #projects-container .project-container .project-images #projectSliderDisabled .project-img-container {
            width: 80.4rem;
            height: 55.7333333333rem;
            margin-bottom: initial; } }
        #projects-container .project-container .project-images #projectSlider .project-img-container .slide-bg, #projects-container .project-container .project-images #projectSliderDisabled .project-img-container .slide-bg {
          width: 22.6041666667rem;
          height: 16.1979166667rem;
          background-color: #E79C06;
          position: absolute;
          top: 0;
          left: 0; }
          @media (max-width: 1024px) {
            #projects-container .project-container .project-images #projectSlider .project-img-container .slide-bg, #projects-container .project-container .project-images #projectSliderDisabled .project-img-container .slide-bg {
              width: 46rem;
              height: 32.8rem; } }
        #projects-container .project-container .project-images #projectSlider .project-img-container img, #projects-container .project-container .project-images #projectSliderDisabled .project-img-container img {
          width: 41.1458333333rem;
          height: 20.8333333333rem;
          position: absolute;
          right: 0;
          bottom: 0; }
          @media (max-width: 1024px) {
            #projects-container .project-container .project-images #projectSlider .project-img-container img, #projects-container .project-container .project-images #projectSliderDisabled .project-img-container img {
              width: 77.7333333333rem;
              height: 53.0666666667rem; } }
      #projects-container .project-container .project-images #projectSlider .p3, #projects-container .project-container .project-images #projectSliderDisabled .p3 {
        font-weight: 500; }
      #projects-container .project-container .project-images #projectSlider .swiper-button-next, #projects-container .project-container .project-images #projectSlider .swiper-button-prev, #projects-container .project-container .project-images #projectSliderDisabled .swiper-button-next, #projects-container .project-container .project-images #projectSliderDisabled .swiper-button-prev {
        top: initial;
        bottom: 2.0510416667rem; }
        @media (max-width: 1024px) {
          #projects-container .project-container .project-images #projectSlider .swiper-button-next, #projects-container .project-container .project-images #projectSlider .swiper-button-prev, #projects-container .project-container .project-images #projectSliderDisabled .swiper-button-next, #projects-container .project-container .project-images #projectSliderDisabled .swiper-button-prev {
            bottom: 12.9666666667rem; } }
      #projects-container .project-container .project-images #projectSlider .swiper-button-next, #projects-container .project-container .project-images #projectSliderDisabled .swiper-button-next {
        left: 8.59375rem; }
        @media (max-width: 1024px) {
          #projects-container .project-container .project-images #projectSlider .swiper-button-next, #projects-container .project-container .project-images #projectSliderDisabled .swiper-button-next {
            left: 36rem; } }
      #projects-container .project-container .project-images #projectSlider .swiper-button-prev, #projects-container .project-container .project-images #projectSliderDisabled .swiper-button-prev {
        right: 33.9411458333rem; }
        @media (max-width: 1024px) {
          #projects-container .project-container .project-images #projectSlider .swiper-button-prev, #projects-container .project-container .project-images #projectSliderDisabled .swiper-button-prev {
            right: 35rem; } }

/*----------------*/
/*   Press Page   */
/*----------------*/
#press-aritcles, #press-hidden-aritcles {
  width: 85.0520833333rem;
  flex-wrap: wrap; }
  @media (max-width: 1024px) {
    #press-aritcles, #press-hidden-aritcles {
      width: 100%; } }
  #press-aritcles > div.article, #press-hidden-aritcles > div.article {
    width: 26.5625rem;
    height: 30.2604166667rem;
    box-shadow: 0px 3px 24px #0000001A;
    margin-bottom: 2.65625rem; }
    @media (max-width: 1024px) {
      #press-aritcles > div.article, #press-hidden-aritcles > div.article {
        width: 89.0666666667rem;
        height: auto;
        padding-bottom: 6.1333333333rem;
        margin: 0 auto 6.6666666667rem auto; } }
    #press-aritcles > div.article img, #press-hidden-aritcles > div.article img {
      height: 12.5rem; }
      @media (max-width: 1024px) {
        #press-aritcles > div.article img, #press-hidden-aritcles > div.article img {
          height: 41.8666666667rem; } }
    #press-aritcles > div.article .article-content, #press-hidden-aritcles > div.article .article-content {
      width: 100%;
      padding-top: 1.5625rem;
      padding-right: 1.1979166667rem;
      box-sizing: border-box; }
      @media (max-width: 1024px) {
        #press-aritcles > div.article .article-content, #press-hidden-aritcles > div.article .article-content {
          padding-top: 4.5333333333rem;
          padding-right: 4rem; } }
      #press-aritcles > div.article .article-content .p4, #press-hidden-aritcles > div.article .article-content .p4 {
        font-weight: 700;
        margin-bottom: 0.9375rem; }
        @media (max-width: 1024px) {
          #press-aritcles > div.article .article-content .p4, #press-hidden-aritcles > div.article .article-content .p4 {
            margin-bottom: 2.9333333333rem; } }
      #press-aritcles > div.article .article-content .p1, #press-hidden-aritcles > div.article .article-content .p1 {
        width: 18.3854166667rem;
        font-weight: 500;
        margin-bottom: 1.1458333333rem; }
        @media (max-width: 1024px) {
          #press-aritcles > div.article .article-content .p1, #press-hidden-aritcles > div.article .article-content .p1 {
            width: 80rem;
            font-size: 6.5rem;
            line-height: 1.2;
            margin-bottom: 0.6666666667rem; } }
      #press-aritcles > div.article .article-content .p2, #press-hidden-aritcles > div.article .article-content .p2 {
        width: 23.8541666667rem;
        margin-bottom: 0.5rem; }
        @media (max-width: 1024px) {
          #press-aritcles > div.article .article-content .p2, #press-hidden-aritcles > div.article .article-content .p2 {
            width: 80rem;
            margin-bottom: 5.4666666667rem; } }
      #press-aritcles > div.article .article-content .p3, #press-hidden-aritcles > div.article .article-content .p3 {
        justify-content: initial;
        font-weight: 500;
        color: #2C6A9F; }
        #press-aritcles > div.article .article-content .p3 svg, #press-hidden-aritcles > div.article .article-content .p3 svg {
          width: 1.1640625rem;
          height: 1.6072916667rem;
          fill: #2C6A9F;
          margin-right: 1.0234375rem; }
          @media (max-width: 1024px) {
            #press-aritcles > div.article .article-content .p3 svg, #press-hidden-aritcles > div.article .article-content .p3 svg {
              width: 4.5546666667rem;
              height: 6.2906666667rem;
              margin-right: 3.196rem; } }

#more-articles {
  width: fit-content;
  color: #2E2E2E;
  font-weight: 500;
  cursor: pointer; }
  @media (max-width: 1024px) {
    #more-articles {
      margin-bottom: 26.4rem; } }
  #more-articles.on {
    display: none; }
  #more-articles svg {
    width: 0.8723958333rem;
    height: 0.4989583333rem;
    fill: #2E2E2E;
    margin-right: 0.5307291667rem; }
    @media (max-width: 1024px) {
      #more-articles svg {
        width: 4.1413333333rem;
        height: 2.368rem;
        margin-right: 1.9666666667rem; } }

#press-aritcles {
  margin-top: 4.3229166667rem; }
  @media (max-width: 1024px) {
    #press-aritcles {
      margin-top: 8.2666666667rem; } }

#press-hidden-aritcles {
  display: none; }
  #press-hidden-aritcles.on {
    display: flex; }

/*----------------*/
/*   About Page   */
/*----------------*/
.about-line {
  width: 6.4583333333rem;
  height: 0.2083333333rem;
  background-color: #E79C06;
  margin: 0 auto; }
  @media (max-width: 1024px) {
    .about-line {
      width: 16.5333333333rem;
      height: 0.5333333333rem; } }

#about-actions {
  padding-top: 4.8958333333rem;
  padding-bottom: 7.8125rem;
  position: relative; }
  @media (max-width: 1024px) {
    #about-actions {
      padding-top: 14.6666666667rem;
      padding-bottom: 5.8666666667rem; } }
  #about-actions .decoration {
    top: 7.5rem;
    right: -1rem; }
    @media (max-width: 1024px) {
      #about-actions .decoration {
        display: none; } }
  #about-actions > div.h2 {
    width: 38.125rem;
    font-weight: 500;
    color: #2E2E2E;
    text-align: center;
    margin-bottom: 2.3145833333rem; }
    @media (max-width: 1024px) {
      #about-actions > div.h2 {
        width: 69.6rem;
        font-weight: 700;
        margin-bottom: 13.2173333333rem; } }
  #about-actions #actions-container {
    width: 57.7083333333rem;
    align-items: baseline; }
    @media (max-width: 1024px) {
      #about-actions #actions-container {
        width: 100%;
        flex-direction: column;
        align-items: center; } }
    #about-actions #actions-container .action {
      flex-direction: column;
      justify-content: initial; }
      @media (max-width: 1024px) {
        #about-actions #actions-container .action {
          margin-bottom: 8rem; } }
      #about-actions #actions-container .action img {
        width: auto;
        height: auto;
        max-width: 8.6072916667rem;
        max-height: 6.7015625rem;
        margin-bottom: 1.1401041667rem; }
        @media (max-width: 1024px) {
          #about-actions #actions-container .action img {
            max-width: 22.0346666667rem;
            max-height: 17.156rem;
            margin-bottom: 2.8186666667rem; } }
      #about-actions #actions-container .action .h3 {
        max-width: 12.3958333333rem;
        color: #E79C06;
        text-align: center; }
        @media (max-width: 1024px) {
          #about-actions #actions-container .action .h3 {
            max-width: 32.5333333333rem;
            font-size: 4rem;
            font-weight: 700; } }
      #about-actions #actions-container .action .p2 {
        max-width: 10.2083333333rem;
        color: #2E2E2E;
        text-align: center; }
        @media (max-width: 1024px) {
          #about-actions #actions-container .action .p2 {
            max-width: 66.6666666667rem;
            font-weight: 500; } }

#about-history {
  justify-content: initial;
  background-color: #FBFBFB;
  padding: 3.6458333333rem 7.5520833333rem 3.59375rem 0;
  margin-bottom: 3.59375rem;
  position: relative; }
  @media (max-width: 1024px) {
    #about-history {
      flex-direction: column-reverse;
      padding: 22.6666666667rem 0 32.5333333333rem 0;
      margin-bottom: 16.8rem; } }
  #about-history .decoration {
    left: -0.4rem;
    bottom: 7.34375rem;
    transform: scaleX(-1) scaleY(-1); }
    @media (max-width: 1024px) {
      #about-history .decoration {
        bottom: 12rem; } }
  #about-history #history-img {
    width: 39.0625rem;
    height: 39.0625rem;
    margin-left: 5.625rem; }
    @media (max-width: 1024px) {
      #about-history #history-img {
        width: 86rem;
        height: 86rem;
        margin-top: 9.3333333333rem;
        margin-left: initial; } }
  #about-history #history-content {
    width: 36.25rem; }
    @media (max-width: 1024px) {
      #about-history #history-content {
        width: 88.9333333333rem; } }
    #about-history #history-content .about-line {
      width: 7.840625rem;
      margin-right: 0; }
      @media (max-width: 1024px) {
        #about-history #history-content .about-line {
          width: 16.5333333333rem; } }
    #about-history #history-content .h2 {
      width: 100%;
      font-weight: 700;
      color: #2E2E2E;
      margin-bottom: 1.0416666667rem; }
      @media (max-width: 1024px) {
        #about-history #history-content .h2 {
          margin-bottom: 1.8666666667rem; } }
    #about-history #history-content > div.p2 {
      width: 100%;
      color: #2E2E2E;
      margin-bottom: 2.5520833333rem; }
      @media (max-width: 1024px) {
        #about-history #history-content > div.p2 {
          font-weight: 500;
          margin-bottom: 9.2666666667rem; } }
    #about-history #history-content ul {
      width: 100%;
      font-weight: 500;
      color: #2E2E2E;
      list-style: none; }
      #about-history #history-content ul li {
        display: flex;
        align-items: center;
        margin-bottom: 2.3203125rem; }
        @media (max-width: 1024px) {
          #about-history #history-content ul li {
            margin-bottom: 6.5333333333rem; } }
        #about-history #history-content ul li::before {
          content: '';
          display: inline-block;
          width: 2.6041666667rem;
          height: 1.7942708333rem;
          background-image: url("../img/about/history-icon.svg");
          background-size: auto 100%;
          background-position: right;
          background-repeat: no-repeat;
          flex-shrink: 0; }
          @media (max-width: 1024px) {
            #about-history #history-content ul li::before {
              width: 13.0733333333rem;
              height: 8.92rem; } }

#about-board {
  width: 100%;
  height: 37.2916666667rem;
  background-image: url("../img/about/board-bg.jpg");
  background-size: 100% 100%;
  color: #2E2E2E;
  position: relative; }
  @media (max-width: 1024px) {
    #about-board {
      height: auto;
      min-height: 198rem;
      background-image: url("../img/about/board-bg-mob.jpg");
      background-size: 100% auto;
      background-position: bottom;
      background-repeat: no-repeat; } }
  #about-board #board-gradient {
    width: 100%;
    height: 100%;
    background-image: linear-gradient(#FFFFFF, #FFFFFFDE, #FFFFFF);
    position: absolute;
    top: 0;
    right: 0;
    z-index: 1; }
  #about-board .about-line, #about-board .h2, #about-board #board-members {
    position: relative;
    z-index: 2; }
  #about-board .about-line {
    margin-bottom: 0.5208333333rem; }
    @media (max-width: 1024px) {
      #about-board .about-line {
        margin-bottom: 0.8666666667rem; } }
  #about-board .h2 {
    font-weight: 500;
    text-align: center;
    margin-bottom: 3.1510416667rem; }
    @media (max-width: 1024px) {
      #about-board .h2 {
        margin-bottom: 11.8066666667rem; } }
  #about-board #board-members {
    width: 78rem;
    flex-wrap: wrap;
    justify-content: center; }
    @media (max-width: 1024px) {
      #about-board #board-members {
        width: 85.6rem;
        margin-bottom: 27.3333333333rem; } }
    #about-board #board-members .board-member {
      flex-direction: column;
      margin: 0 2.3958333333rem 3.125rem 2.3958333333rem; }
      @media (max-width: 1024px) {
        #about-board #board-members .board-member {
          margin: 0 6.5333333333rem 11.8666666667rem 6.5333333333rem; } }
      #about-board #board-members .board-member .board-line {
        width: 1.678125rem;
        height: 0.1041666667rem;
        background-color: #E79C06;
        margin: 0.5208333333rem 0; }
        @media (max-width: 1024px) {
          #about-board #board-members .board-member .board-line {
            width: 4.4293333333rem;
            height: 0.2666666667rem;
            margin: 3.0666666667rem 0; } }
      #about-board #board-members .board-member .p2 {
        font-weight: 500; }
        @media (max-width: 1024px) {
          #about-board #board-members .board-member .p2 {
            width: 21rem;
            text-align: center; } }
      @media (max-width: 1024px) {
        #about-board #board-members .board-member > div.p2:first-of-type {
          font-weight: 700; } }

/*---------------*/
/*   Info Page   */
/*---------------*/
#infoCategoriesSlider {
  width: 76.0104166667rem;
  height: 3.125rem;
  box-shadow: 0px 3px 24px #00000029;
  padding: 0 0.5208333333rem;
  box-sizing: border-box;
  border-radius: 5.15625rem;
  margin-top: 4.6875rem;
  margin-bottom: 4.6354166667rem; }
  @media (max-width: 1024px) {
    #infoCategoriesSlider {
      width: 100%;
      height: 8.8rem;
      background-image: linear-gradient(to left, #FFFFFF, #FFFFFFC2, #FFFFFF00, #FFFFFF00);
      padding: 0 4rem;
      border-radius: initial;
      margin-top: 18.9333333333rem;
      margin-bottom: 16.8rem;
      position: relative; }
      #infoCategoriesSlider::after {
        content: '';
        width: 27.3333333333rem;
        height: 8.8rem;
        background-image: linear-gradient(to left, #FFFFFF, #FFFFFFC2, #FFFFFF00, #FFFFFF00);
        background-color: #00000029;
        position: absolute;
        top: 0;
        left: 0; } }
  #infoCategoriesSlider .info-category {
    width: fit-content !important;
    height: 2.34375rem;
    margin: auto;
    position: relative; }
    @media (max-width: 1024px) {
      #infoCategoriesSlider .info-category {
        width: initial;
        height: 6.5333333333rem; } }
    #infoCategoriesSlider .info-category input {
      width: 100%;
      height: 100%;
      position: absolute;
      top: 0;
      left: 0;
      opacity: 0;
      cursor: pointer; }
      #infoCategoriesSlider .info-category input:checked + label {
        background-color: #2C6A9F;
        color: #fff;
        text-align: center;
        border-radius: 5.15625rem; }
        @media (max-width: 1024px) {
          #infoCategoriesSlider .info-category input:checked + label {
            border-radius: 13.2rem; } }
    #infoCategoriesSlider .info-category label {
      width: 100%;
      height: 100%;
      display: block;
      font-size: inherit;
      font-weight: 700;
      color: #2E2E2E;
      padding: 0.3645833333rem 1.40625rem;
      cursor: pointer; }
      @media (max-width: 1024px) {
        #infoCategoriesSlider .info-category label {
          display: flex;
          align-items: center;
          font-size: 3.2rem;
          padding: 0.9333333333rem 4rem; } }

#info-category-title {
  font-weight: 700;
  margin-right: 20.9375rem;
  margin-bottom: 0.625rem; }
  @media (max-width: 1024px) {
    #info-category-title {
      margin-right: 6.8rem;
      margin-bottom: 4.6666666667rem; } }

.info-category-content-container {
  width: 60.2604166667rem;
  display: none;
  color: #2E2E2E;
  overflow: hidden; }
  .info-category-content-container.on {
    display: block; }
  @media (max-width: 1024px) {
    .info-category-content-container {
      width: 90.672rem;
      margin-bottom: 24.5333333333rem; } }
  .info-category-content-container > div.info-category-content-item {
    width: 100%;
    border-top: 0.0520833333rem solid #E9E9E9;
    transition-delay: 300ms;
    cursor: pointer; }
    @media (max-width: 1024px) {
      .info-category-content-container > div.info-category-content-item {
        border-top: 0.1333333333rem solid #E9E9E9; } }
    .info-category-content-container > div.info-category-content-item:last-of-type {
      border-bottom: 0.0520833333rem solid #E9E9E9; }
      @media (max-width: 1024px) {
        .info-category-content-container > div.info-category-content-item:last-of-type {
          border-bottom: 0.1333333333rem solid #E9E9E9; } }
    .info-category-content-container > div.info-category-content-item.on {
      border-top: 0.0520833333rem solid transparent; }
      @media (max-width: 1024px) {
        .info-category-content-container > div.info-category-content-item.on {
          border-top: 0.1333333333rem solid transparent; } }
    .info-category-content-container > div.info-category-content-item .info-category-content-title {
      height: 4.6354166667rem;
      padding: 0 1.0416666667rem;
      box-sizing: border-box;
      background-color: transparent;
      transition: 300ms ease-in-out; }
      @media (max-width: 1024px) {
        .info-category-content-container > div.info-category-content-item .info-category-content-title {
          height: 19.3333333333rem;
          padding: 0 2.08rem; } }
      .info-category-content-container > div.info-category-content-item .info-category-content-title.on {
        background-color: #FBFBFB; }
      .info-category-content-container > div.info-category-content-item .info-category-content-title .p2 {
        font-weight: 500; }
        @media (max-width: 1024px) {
          .info-category-content-container > div.info-category-content-item .info-category-content-title .p2 {
            width: 87%; } }
      .info-category-content-container > div.info-category-content-item .info-category-content-title .info-arrow {
        width: 1.2828125rem;
        height: 0.7333333333rem;
        fill: #2C6A9F;
        transform: rotateZ(0deg);
        transition: 300ms ease-in-out; }
        @media (max-width: 1024px) {
          .info-category-content-container > div.info-category-content-item .info-category-content-title .info-arrow {
            width: 8rem;
            height: 2.252rem; } }
        .info-category-content-container > div.info-category-content-item .info-category-content-title .info-arrow.on {
          transform: rotateZ(180deg); }
  .info-category-content-container .info-category-content-files {
    width: 100%;
    max-height: 0;
    opacity: 0;
    pointer-events: none;
    transition: 1000ms ease-in-out;
    position: relative;
    top: 1.5625rem; }
    @media (max-width: 1024px) {
      .info-category-content-container .info-category-content-files {
        top: 5.8666666667rem;
        transition: 700ms ease-in-out; } }
    .info-category-content-container .info-category-content-files.info-on {
      opacity: 1;
      pointer-events: initial; }
    .info-category-content-container .info-category-content-files > div.file-container {
      width: 100%;
      height: 4.1666666667rem;
      padding: 0 1.0416666667rem;
      box-sizing: border-box;
      border: 0.0520833333rem solid #E9E9E9;
      margin-bottom: 1.5625rem;
      background-color: transparent;
      transition: 200ms ease-in-out; }
      @media (max-width: 1024px) {
        .info-category-content-container .info-category-content-files > div.file-container {
          height: 12.8rem;
          padding: 0 2.08rem;
          border: 0.1333333333rem solid #E9E9E9;
          margin-bottom: 3.2rem; } }
      .info-category-content-container .info-category-content-files > div.file-container:last-of-type {
        margin-bottom: 7.9125rem; }
        @media (max-width: 1024px) {
          .info-category-content-container .info-category-content-files > div.file-container:last-of-type {
            margin-bottom: 16rem; } }
      .info-category-content-container .info-category-content-files > div.file-container:hover {
        background-color: #F5F5F5; }
      .info-category-content-container .info-category-content-files > div.file-container .file-text {
        justify-content: initial; }
        .info-category-content-container .info-category-content-files > div.file-container .file-text svg {
          width: 1.2447916667rem;
          height: 1.4072916667rem;
          margin-left: 0.890625rem; }
          @media (max-width: 1024px) {
            .info-category-content-container .info-category-content-files > div.file-container .file-text svg {
              width: 6.8426666667rem;
              height: 7.7333333333rem;
              margin-left: 3.48rem; } }
        .info-category-content-container .info-category-content-files > div.file-container .file-text .p2 {
          font-weight: 500;
          color: #2C6A9F; }
          @media (max-width: 1024px) {
            .info-category-content-container .info-category-content-files > div.file-container .file-text .p2 {
              font-size: 3.2rem; } }
      .info-category-content-container .info-category-content-files > div.file-container .file-download {
        width: 7.03125rem;
        height: 2.34375rem;
        background-color: #2C6A9F;
        color: #fff;
        border-radius: 5.15625rem;
        padding: 0 1.6145833333rem;
        box-sizing: border-box; }
        @media (max-width: 1024px) {
          .info-category-content-container .info-category-content-files > div.file-container .file-download {
            width: 18rem;
            height: 6.5333333333rem;
            border-radius: 13.2rem;
            padding: 0 3.7333333333rem; } }
        .info-category-content-container .info-category-content-files > div.file-container .file-download .p2 {
          font-weight: 500; }
          @media (max-width: 1024px) {
            .info-category-content-container .info-category-content-files > div.file-container .file-download .p2 {
              font-size: 3.2rem; } }
        .info-category-content-container .info-category-content-files > div.file-container .file-download svg {
          fill: #fff; }

/*--------------------*/
/*   Post Type Page   */
/*--------------------*/
#post-content-container {
  width: 100%;
  position: relative; }
  @media (max-width: 1024px) {
    #post-content-container {
      margin-bottom: 33.592rem; } }
  @media (max-width: 1024px) {
    #post-content-container > svg.decoration {
      display: none; } }
  #post-content-container > svg.decoration:first-of-type {
    top: 8.90625rem;
    right: -1rem; }
  #post-content-container > svg.decoration:last-of-type {
    top: 27.8385416667rem;
    left: -0.35rem;
    transform: scaleX(-1) scaleY(-1); }
  #post-content-container #post-content {
    width: 60.2083333333rem;
    color: #2E2E2E;
    margin-top: 4.8958333333rem; }
    @media (max-width: 1024px) {
      #post-content-container #post-content {
        width: 89.0666666667rem;
        margin-top: 12.7333333333rem; } }
    #post-content-container #post-content img, #post-content-container #post-content figure {
      max-width: 100%;
      height: auto;
      margin: 1.3020833333rem 0; }
      @media (max-width: 1024px) {
        #post-content-container #post-content img, #post-content-container #post-content figure {
          margin: 6.6rem 0; } }
    #post-content-container #post-content figure figcaption {
      margin-top: 1.09375rem;
      margin-bottom: 0.7552083333rem;
      font-size: 0.9375rem; }
      @media (max-width: 1024px) {
        #post-content-container #post-content figure figcaption {
          font-size: 4rem;
          margin-top: 3.2rem;
          margin-bottom: 12.7333333333rem; } }
    #post-content-container #post-content figure:nth-of-type(2) {
      width: 25.2604166667rem;
      margin-top: 1.09375rem;
      margin-right: 2.65625rem;
      float: left; }
      @media (max-width: 1024px) {
        #post-content-container #post-content figure:nth-of-type(2) {
          width: 100%;
          margin-top: 6.6rem;
          margin-right: initial;
          margin-bottom: 12.7333333333rem;
          float: initial; } }
    #post-content-container #post-content h1, #post-content-container #post-content h2, #post-content-container #post-content h3, #post-content-container #post-content h4, #post-content-container #post-content h5, #post-content-container #post-content h6 {
      font-weight: 700; }
    #post-content-container #post-content h1 {
      font-size: 3.1770833333rem; }
      @media (max-width: 1024px) {
        #post-content-container #post-content h1 {
          font-size: 8.6666666667rem; } }
    #post-content-container #post-content h2 {
      font-size: 2.6041666667rem; }
      @media (max-width: 1024px) {
        #post-content-container #post-content h2 {
          font-size: 6.9333333333rem; } }
    #post-content-container #post-content h3 {
      font-size: 1.5625rem; }
      @media (max-width: 1024px) {
        #post-content-container #post-content h3 {
          font-size: 5.6rem; } }
    #post-content-container #post-content h4 {
      font-size: 1.1458333333rem; }
      @media (max-width: 1024px) {
        #post-content-container #post-content h4 {
          font-size: 4.4rem; } }
    #post-content-container #post-content h5 {
      font-size: 0.9375rem; }
      @media (max-width: 1024px) {
        #post-content-container #post-content h5 {
          font-size: 4rem; } }
    #post-content-container #post-content h6 {
      font-size: 0.8333333333rem; }
      @media (max-width: 1024px) {
        #post-content-container #post-content h6 {
          font-size: 3.4666666667rem; } }
    #post-content-container #post-content p, #post-content-container #post-content div, #post-content-container #post-content span, #post-content-container #post-content li {
      font-size: 0.9375rem; }
      @media (max-width: 1024px) {
        #post-content-container #post-content p, #post-content-container #post-content div, #post-content-container #post-content span, #post-content-container #post-content li {
          font-size: 4rem; } }
    #post-content-container #post-content #post-read-more {
      display: none; }
      @media (max-width: 1024px) {
        #post-content-container #post-content #post-read-more {
          display: flex;
          align-items: center;
          font-weight: 700;
          margin-top: 13.0973333333rem; }
          #post-content-container #post-content #post-read-more svg {
            width: 4.1413333333rem;
            height: 2.368rem;
            margin-right: 1.4333333333rem; } }

/*------------------*/
/*   Contact Page   */
/*------------------*/
#contact-form-container {
  width: 100%;
  position: relative; }
  @media (max-width: 1024px) {
    #contact-form-container > svg.decoration {
      display: none; } }
  #contact-form-container > svg.decoration:first-of-type {
    top: 8.90625rem;
    right: -1rem; }
  #contact-form-container > svg.decoration:last-of-type {
    top: 27.8385416667rem;
    left: -0.35rem;
    transform: scaleX(-1) scaleY(-1); }
  #contact-form-container form {
    width: 60.2083333333rem;
    height: 34.2401041667rem;
    background-image: url("../img/contact/contact-form-bg.jpg");
    background-size: 100% auto;
    background-position: bottom;
    background-repeat: no-repeat;
    box-shadow: 0px 5px 24px #0000001A;
    padding: 2.7114583333rem 3.5755208333rem 3.9875rem 3.2291666667rem;
    margin: 5.4260416667rem auto 2rem auto; }
    @media (max-width: 1024px) {
      #contact-form-container form {
        width: 89.0666666667rem;
        height: auto;
        flex-direction: column;
        background-image: url("../img/contact/contact-form-bg-mob.jpg");
        padding-bottom: 31.9746666667rem;
        margin: 12.6906666667rem auto 27.1213333333rem auto; } }
    #contact-form-container form > div > div.h3 {
      font-weight: 700;
      margin-bottom: 0.0916666667rem; }
      @media (max-width: 1024px) {
        #contact-form-container form > div > div.h3 {
          margin-top: 7.1093333333rem;
          margin-bottom: initial; } }
    #contact-form-container form > div > div.p2 {
      font-weight: 500;
      margin-bottom: 2.0833333333rem; }
      @media (max-width: 1024px) {
        #contact-form-container form > div > div.p2 {
          margin-bottom: 7.6rem; } }
    #contact-form-container form #contact-form {
      width: 36.88125rem;
      height: 26.71875rem;
      padding-left: 2.4385416667rem;
      box-sizing: border-box;
      border-left: 0.0520833333rem solid #CBCBCB; }
      @media (max-width: 1024px) {
        #contact-form-container form #contact-form {
          width: 74.1333333333rem;
          height: auto;
          padding-left: initial;
          padding-bottom: 14.0666666667rem;
          border-left: initial;
          border-bottom: 0.1333333333rem solid #CBCBCB; } }
      #contact-form-container form #contact-form #form-fields {
        flex-wrap: wrap; }
        @media (max-width: 1024px) {
          #contact-form-container form #contact-form #form-fields {
            flex-direction: column;
            font-weight: 500; } }
        #contact-form-container form #contact-form #form-fields .form-field {
          width: 15.5114583333rem;
          height: 1.8875rem;
          border-bottom: 0.0520833333rem solid #CBCBCB;
          margin-bottom: 1.875rem; }
          @media (max-width: 1024px) {
            #contact-form-container form #contact-form #form-fields .form-field {
              width: 100%;
              height: 6.6666666667rem;
              border-bottom: 0.1333333333rem solid #CBCBCB;
              margin-bottom: 3.2266666667rem;
              position: relative; } }
          #contact-form-container form #contact-form #form-fields .form-field input {
            width: 100%;
            height: 100%;
            background-color: transparent;
            border: none;
            font-size: inherit;
            color: #2E2E2E; }
            #contact-form-container form #contact-form #form-fields .form-field input::placeholder {
              color: #2E2E2E; }
            #contact-form-container form #contact-form #form-fields .form-field input.on + span {
              display: initial; }
          #contact-form-container form #contact-form #form-fields .form-field span {
            display: none;
            color: red;
            font-size: 0.7291666667rem; }
            @media (max-width: 1024px) {
              #contact-form-container form #contact-form #form-fields .form-field span {
                font-size: 2.9333333333rem;
                position: absolute;
                left: 0;
                bottom: -0.7rem; } }
        #contact-form-container form #contact-form #form-fields #form-comments {
          width: 34.7192708333rem;
          margin-bottom: 0.9916666667rem; }
          @media (max-width: 1024px) {
            #contact-form-container form #contact-form #form-fields #form-comments {
              width: 100%;
              margin-bottom: 4.5333333333rem; } }
          #contact-form-container form #contact-form #form-fields #form-comments textarea {
            width: 100%;
            min-height: 4.0625rem;
            max-height: 15rem;
            padding: 0.2rem 1rem;
            box-sizing: border-box;
            border-radius: 0.625rem;
            border: 0.0520833333rem solid #CBCBCB;
            margin-top: 0.6770833333rem;
            resize: vertical; }
            @media (max-width: 1024px) {
              #contact-form-container form #contact-form #form-fields #form-comments textarea {
                min-height: 11.4666666667rem;
                max-height: 30rem;
                padding: 0.5rem 2rem;
                border-radius: 1.6rem;
                border: 0.1333333333rem solid #CBCBCB;
                margin-top: 2rem; } }
        #contact-form-container form #contact-form #form-fields #checkbox {
          align-items: flex-start;
          justify-content: initial;
          margin-bottom: 1.5390625rem;
          position: relative; }
          @media (max-width: 1024px) {
            #contact-form-container form #contact-form #form-fields #checkbox {
              margin-bottom: 6.1333333333rem; } }
          #contact-form-container form #contact-form #form-fields #checkbox.on span {
            display: initial; }
          #contact-form-container form #contact-form #form-fields #checkbox #input-checkbox {
            opacity: 0;
            pointer-events: none;
            position: absolute;
            top: 0;
            right: -1rem; }
            #contact-form-container form #contact-form #form-fields #checkbox #input-checkbox:checked + div {
              background-image: url("../img/contact/check.svg");
              background-size: 70% 70%;
              background-position: center;
              background-repeat: no-repeat; }
          #contact-form-container form #contact-form #form-fields #checkbox .box {
            width: 0.9375rem;
            height: 0.9375rem;
            background: #fff;
            flex-shrink: 0;
            border: 0.0520833333rem solid #CBCBCB;
            position: relative;
            top: 0.2rem;
            cursor: pointer; }
            @media (max-width: 1024px) {
              #contact-form-container form #contact-form #form-fields #checkbox .box {
                width: 4.3093333333rem;
                height: 4.3093333333rem;
                border: 0.1333333333rem solid #CBCBCB;
                position: relative;
                top: 1rem; } }
          #contact-form-container form #contact-form #form-fields #checkbox .p3 {
            margin-right: 0.3911458333rem; }
            @media (max-width: 1024px) {
              #contact-form-container form #contact-form #form-fields #checkbox .p3 {
                font-size: 3.2rem;
                font-weight: 300;
                margin-right: 3.016rem; } }
          #contact-form-container form #contact-form #form-fields #checkbox span {
            display: none;
            color: red;
            font-size: 0.7291666667rem;
            position: absolute;
            top: -1rem; }
            @media (max-width: 1024px) {
              #contact-form-container form #contact-form #form-fields #checkbox span {
                font-size: 2.9333333333rem;
                top: -4rem; } }
        #contact-form-container form #contact-form #form-fields #form-submit {
          background-color: #E79C06;
          border: none;
          cursor: pointer; }
          @media (max-width: 1024px) {
            #contact-form-container form #contact-form #form-fields #form-submit {
              width: 100%;
              height: 10.6666666667rem;
              font-size: 3.7333333333rem;
              border-radius: 5.3333333333rem;
              border: none; } }
          @media (max-width: 1024px) {
            #contact-form-container form #contact-form #form-fields #form-submit svg {
              margin-right: 7.996rem; } }
    #contact-form-container form #contact-details {
      height: 26.71875rem; }
      @media (max-width: 1024px) {
        #contact-form-container form #contact-details {
          height: auto; } }
      #contact-form-container form #contact-details #offices {
        font-size: 1.3020833333rem;
        font-weight: 500;
        color: #434343;
        margin-bottom: 0.3125rem; }
        @media (max-width: 1024px) {
          #contact-form-container form #contact-details #offices {
            font-size: 4rem;
            margin-bottom: 1.3333333333rem; } }
      #contact-form-container form #contact-details > div.contact-data {
        justify-content: initial;
        margin-bottom: 0.9375rem; }
        @media (max-width: 1024px) {
          #contact-form-container form #contact-details > div.contact-data {
            margin-bottom: 5.2413333333rem; } }
        #contact-form-container form #contact-details > div.contact-data svg {
          width: 1.1036458333rem;
          height: 1.1036458333rem;
          margin-left: 0.6520833333rem; }
          @media (max-width: 1024px) {
            #contact-form-container form #contact-details > div.contact-data svg {
              width: 7.5706666667rem;
              height: 7.5706666667rem;
              margin-left: 8.1333333333rem; } }

/*---------------------*/
/*   Activities Page   */
/*---------------------*/
#activities-content-container {
  margin-top: 4.8958333333rem; }
  @media (max-width: 1024px) {
    #activities-content-container {
      margin-top: 14.6666666667rem; } }
  #activities-content-container #activities-line {
    width: 6.4583333333rem;
    height: 0.2083333333rem;
    background-color: #E79C06;
    margin-bottom: 0.5208333333rem; }
    @media (max-width: 1024px) {
      #activities-content-container #activities-line {
        width: 16.5333333333rem;
        height: 0.5333333333rem;
        margin-bottom: 0.8666666667rem; } }
  #activities-content-container .h2 {
    width: 31.25rem;
    font-weight: 500;
    color: #2E2E2E;
    text-align: center;
    margin-bottom: 0.8854166667rem; }
    @media (max-width: 1024px) {
      #activities-content-container .h2 {
        width: 85.0666666667rem;
        font-weight: 700;
        margin-bottom: 9.8666666667rem; } }
  #activities-content-container .p2 {
    width: 51.25rem;
    color: #2E2E2E;
    text-align: center;
    margin-bottom: 3.125rem; }
    @media (max-width: 1024px) {
      #activities-content-container .p2 {
        width: 89.0666666667rem;
        font-weight: 500;
        margin-bottom: 11.8rem; } }
  #activities-content-container #activities-content {
    width: 87.5rem;
    flex-wrap: wrap;
    position: relative; }
    @media (max-width: 1024px) {
      #activities-content-container #activities-content {
        width: 92.4rem;
        flex-direction: column;
        flex-wrap: initial;
        padding: 1.7266666667rem 0;
        margin-bottom: 26.3866666667rem; } }
    #activities-content-container #activities-content #orange-square, #activities-content-container #activities-content #blue-square {
      width: 23.3333333333rem;
      height: 7.9739583333rem;
      position: absolute;
      z-index: -2; }
      @media (max-width: 1024px) {
        #activities-content-container #activities-content #orange-square, #activities-content-container #activities-content #blue-square {
          width: 59.7333333333rem;
          height: 20.4133333333rem; } }
    #activities-content-container #activities-content #orange-square {
      background-color: #E79C06;
      top: 0;
      right: 0; }
    #activities-content-container #activities-content #blue-square {
      background-color: #2C6A9F;
      bottom: 0;
      left: 0; }
    #activities-content-container #activities-content .activity-item {
      width: 26.40625rem;
      height: 11.4583333333rem;
      color: #fff;
      padding: 0.5729166667rem 1.0416666667rem;
      box-sizing: border-box;
      margin: 1.0416666667rem;
      position: relative; }
      @media (max-width: 1024px) {
        #activities-content-container #activities-content .activity-item {
          width: 88.8733333333rem;
          height: 40.8746666667rem;
          padding: 5.14rem 2.2666666667rem;
          margin: 0 auto 5.9253333333rem auto; }
          #activities-content-container #activities-content .activity-item:last-child {
            margin-bottom: 0; } }
      @media (min-width: 1025px) {
        #activities-content-container #activities-content .activity-item:hover .activity-item-layer {
          opacity: 0.8; }
        #activities-content-container #activities-content .activity-item:hover .activity-item-title {
          bottom: 5.553125rem; }
        #activities-content-container #activities-content .activity-item:hover .activity-item-text {
          bottom: 1.4583333333rem;
          opacity: 1;
          pointer-events: initial; } }
      #activities-content-container #activities-content .activity-item img, #activities-content-container #activities-content .activity-item .activity-item-layer {
        width: 100%;
        height: 100%;
        position: absolute;
        top: 0;
        right: 0;
        z-index: -1; }
      #activities-content-container #activities-content .activity-item .activity-item-layer {
        background-color: #2E2E2E;
        opacity: 0.3;
        transition: 300ms ease-in-out; }
      #activities-content-container #activities-content .activity-item .activity-item-num {
        font-size: 1.875rem;
        font-weight: 900; }
        @media (max-width: 1024px) {
          #activities-content-container #activities-content .activity-item .activity-item-num {
            font-size: 7.3333333333rem; } }
      #activities-content-container #activities-content .activity-item .activity-item-line {
        width: 2.31875rem;
        height: 0.2083333333rem;
        background-color: #E79C06; }
        @media (max-width: 1024px) {
          #activities-content-container #activities-content .activity-item .activity-item-line {
            width: 9.256rem;
            height: 0.5333333333rem; } }
      #activities-content-container #activities-content .activity-item .activity-item-title {
        font-size: 1.3020833333rem;
        position: absolute;
        right: 0.9375rem;
        bottom: 1.1260416667rem;
        transition: 300ms ease-in-out; }
        @media (max-width: 1024px) {
          #activities-content-container #activities-content .activity-item .activity-item-title {
            font-size: 5.6rem;
            right: 4.6066666667rem;
            bottom: 3.1413333333rem; } }
        #activities-content-container #activities-content .activity-item .activity-item-title:hover svg {
          right: 1rem; }
        #activities-content-container #activities-content .activity-item .activity-item-title svg {
          width: 0.5359375rem;
          height: 0.9375rem;
          fill: #E79C06;
          position: relative;
          right: 0.5rem;
          transition: 300ms ease-in-out; }
          @media (max-width: 1024px) {
            #activities-content-container #activities-content .activity-item .activity-item-title svg {
              width: 1.42rem;
              height: 2.484rem; } }
      #activities-content-container #activities-content .activity-item .activity-item-text {
        width: 24.4270833333rem;
        opacity: 0;
        pointer-events: none;
        position: absolute;
        bottom: -1rem;
        transition: 500ms ease-in-out; }

/*---------------*/
/*   Team Page   */
/*---------------*/
#team-content-container {
  padding-bottom: 6rem;
  position: relative; }
  @media (max-width: 1024px) {
    #team-content-container {
      padding-bottom: 32rem; } }
  @media (max-width: 1024px) {
    #team-content-container > svg.decoration {
      display: none; } }
  #team-content-container > svg.decoration:first-of-type {
    top: 5rem;
    right: -1rem; }
  #team-content-container > svg.decoration:last-of-type {
    bottom: 0;
    left: -0.35rem;
    transform: scaleX(-1) scaleY(-1); }
  #team-content-container #team-line {
    width: 6.4583333333rem;
    height: 0.2083333333rem;
    background-color: #E79C06;
    margin: 4.8958333333rem auto 0.5208333333rem auto; }
    @media (max-width: 1024px) {
      #team-content-container #team-line {
        width: 16.5333333333rem;
        height: 0.5333333333rem;
        margin: 14.6666666667rem auto 0.8666666667rem auto; } }
  #team-content-container .h2 {
    font-weight: 500;
    color: #2E2E2E;
    text-align: center;
    margin-bottom: 0.5208333333rem; }
    @media (max-width: 1024px) {
      #team-content-container .h2 {
        font-weight: 700;
        margin-bottom: 4.0666666667rem; } }
  #team-content-container #team-departments {
    width: 31.3541666667rem;
    height: 3.125rem;
    box-shadow: 0px 3px 24px #00000029;
    border-radius: 5.15625rem;
    padding: 0.4166666667rem 0.5208333333rem;
    box-sizing: border-box;
    margin-bottom: 3.6458333333rem; }
    @media (max-width: 1024px) {
      #team-content-container #team-departments {
        width: 88.6666666667rem;
        height: 7.7333333333rem;
        border-radius: 13.2rem;
        padding: 0.8rem 0.6666666667rem;
        margin-bottom: 7.8666666667rem; } }
    #team-content-container #team-departments .team-department {
      width: fit-content;
      height: 2.34375rem;
      position: relative; }
      @media (max-width: 1024px) {
        #team-content-container #team-departments .team-department {
          height: 6.5333333333rem; } }
      #team-content-container #team-departments .team-department input {
        width: 100%;
        height: 100%;
        position: absolute;
        top: 0;
        right: 0;
        opacity: 0;
        cursor: pointer; }
        #team-content-container #team-departments .team-department input:checked + label {
          background-color: #2C6A9F;
          color: #fff; }
      #team-content-container #team-departments .team-department label {
        width: 100%;
        height: 100%;
        display: block;
        font-size: inherit;
        font-weight: 700;
        color: #2E2E2E;
        border-radius: 5.15625rem;
        padding: 0.3645833333rem 1.25rem;
        cursor: pointer; }
        @media (max-width: 1024px) {
          #team-content-container #team-departments .team-department label {
            font-size: 3.2rem;
            border-radius: 13.2rem;
            padding: 0.9333333333rem 6.1333333333rem; } }
  #team-content-container .team-content {
    width: 70.5rem;
    margin: auto;
    display: flex;
    flex-wrap: wrap;
    justify-content: initial; }
    #team-content-container .team-content.on {
      display: flex; }
    @media (max-width: 1024px) {
      #team-content-container .team-content {
        width: 83.4666666667rem;
        justify-content: space-between;
        padding-bottom: 3rem; } }
    #team-content-container .team-content > div.team-member-container {
      width: 14.6354166667rem;
      height: 21.9270833333rem;
      margin-bottom: 5.5729166667rem;
      margin-left: 2.84rem;
      position: relative; }
      @media (max-width: 1024px) {
        #team-content-container .team-content > div.team-member-container {
          width: 37.4666666667rem;
          height: 56.1333333333rem;
          margin-left: initial;
          margin-bottom: 6rem; } }
      @media (min-width: 1025px) {
        #team-content-container .team-content > div.team-member-container:nth-of-type(5n-1), #team-content-container .team-content > div.team-member-container:nth-of-type(5n-3) {
          top: 3.4895833333rem; } }
      @media (max-width: 1024px) {
        #team-content-container .team-content > div.team-member-container:nth-of-type(2n) {
          top: 8.9333333333rem; } }
      #team-content-container .team-content > div.team-member-container:nth-of-type(2n) .team-frame {
        border-color: #2C6A9F; }
      #team-content-container .team-content > div.team-member-container:nth-of-type(2n) .team-member .team-member-bg {
        background-color: #2C6A9F; }
      #team-content-container .team-content > div.team-member-container .team-frame {
        width: 13.5416666667rem;
        height: 100%;
        position: absolute;
        top: 0;
        right: 0;
        border: 0.0520833333rem solid #E79C06; }
        @media (max-width: 1024px) {
          #team-content-container .team-content > div.team-member-container .team-frame {
            width: 34.6666666667rem;
            border: 0.1333333333rem solid #E79C06; } }
      #team-content-container .team-content > div.team-member-container .team-member {
        width: 13.4645833333rem;
        flex-direction: column;
        justify-content: initial;
        position: absolute;
        top: 1.171875rem;
        left: 0; }
        @media (max-width: 1024px) {
          #team-content-container .team-content > div.team-member-container .team-member {
            width: 34.4693333333rem;
            top: 3rem; } }
        #team-content-container .team-content > div.team-member-container .team-member .team-member-bg {
          width: 100%;
          height: 17.1239583333rem;
          background-color: #E79C06;
          background-image: url("../img/team/team-decoration.png");
          background-size: 100% auto;
          background-position: bottom;
          background-repeat: no-repeat;
          color: #fff;
          margin-bottom: 0.46875rem;
          position: relative; }
          @media (max-width: 1024px) {
            #team-content-container .team-content > div.team-member-container .team-member .team-member-bg {
              height: 43.8373333333rem;
              margin-bottom: 1.1666666667rem; } }
          #team-content-container .team-content > div.team-member-container .team-member .team-member-bg .team-member-name, #team-content-container .team-content > div.team-member-container .team-member .team-member-bg .team-member-role {
            text-align: center; }
          #team-content-container .team-content > div.team-member-container .team-member .team-member-bg .team-member-name {
            font-size: 1.3020833333rem;
            font-weight: 500;
            margin-top: 1.2rem; }
            @media (max-width: 1024px) {
              #team-content-container .team-content > div.team-member-container .team-member .team-member-bg .team-member-name {
                font-size: 3.3333333333rem; } }
          @media (max-width: 1024px) {
            #team-content-container .team-content > div.team-member-container .team-member .team-member-bg .team-member-role {
              font-size: 2.4rem;
              font-weight: 300; } }
          #team-content-container .team-content > div.team-member-container .team-member .team-member-bg img {
            width: 13.4375rem;
            height: 11.09375rem;
            position: absolute;
            right: 50%;
            bottom: 0;
            transform: translate(50%, 0); }
            @media (max-width: 1024px) {
              #team-content-container .team-content > div.team-member-container .team-member .team-member-bg img {
                width: 34.4rem;
                height: 28.4rem; } }
        #team-content-container .team-content > div.team-member-container .team-member > div.p2 {
          text-align: center;
          color: #2E2E2E; }
          @media (max-width: 1024px) {
            #team-content-container .team-content > div.team-member-container .team-member > div.p2 {
              font-size: 2.4rem; } }
  #team-content-container .team_of_cat {
    display: none; }
    #team-content-container .team_of_cat.on {
      display: initial; }

/*******************/
/** HENIONIM PAGE **/
/******************/
.henion-h {
  text-align: center;
  font-weight: 700; }

.map-container {
  width: 85%;
  margin: auto;
  margin-top: 2rem; }
  .map-container #orange-square {
    width: 28.5rem;
    height: 14.8rem;
    background-color: #E79C06;
    margin-right: 67%;
    z-index: 0; }
  .map-container img {
    margin-top: -14rem; }

.color-blue {
  background-color: #006ba1;
  width: 7.5rem; }

.map-menu #infoCategoriesSlider {
  margin-bottom: 6rem; }

.par-container {
  width: 35%;
  margin: auto;
  text-align: center; }

.btns-contact {
  display: flex;
  justify-content: space-between;
  width: 100%;
  margin: auto;
  margin-top: 2rem; }
  .btns-contact a {
    display: flex;
    border-radius: 2rem;
    padding-right: 1.5rem;
    padding-left: 1.5rem;
    height: 3rem; }
    .btns-contact a .tx {
      line-height: 3rem; }
    .btns-contact a .img-con {
      margin-right: 0.5rem;
      margin-left: 1rem;
      line-height: 3rem;
      width: 1rem; }
    .btns-contact a .img-con-arr {
      width: 1.7rem;
      margin-top: -1%; }
  .btns-contact .or {
    background-color: #E79C06; }
  .btns-contact .wh {
    border: 1px solid #006ba1; }

.p-bottom {
  width: 76%;
  margin: auto;
  margin-top: 4rem; }

.shadow::after {
  content: '';
  background-color: rgba(0, 0, 0, 0.3);
  width: 100%;
  height: 99%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 999;
  transition: 0.3s; }

.shadow {
  position: relative;
  transition: 0.3s; }

/* popup - map */
.pop-details {
  width: 33%;
  margin: auto;
  background-color: white;
  position: absolute;
  margin-top: 3rem;
  margin-right: 29rem;
  display: none;
  z-index: 5; }

.line-top {
  display: flex; }
  .line-top div:nth-of-type(1) {
    background-color: #E79C06;
    color: black;
    font-weight: 700;
    width: 70%;
    font-size: 1.5rem; }
  .line-top div:nth-of-type(2) {
    background-color: #006ba1;
    color: white;
    width: 30%;
    text-align: center; }
    .line-top div:nth-of-type(2) span {
      display: inline-block;
      font-weight: 700;
      font-size: 1.5rem; }
  .line-top div {
    padding: 0.5rem;
    font-size: 1rem; }

.clocks-container {
  display: flex;
  justify-content: space-between;
  margin-top: 3rem; }
  .clocks-container div {
    text-align: center;
    margin: auto; }
    .clocks-container div .div-img {
      width: 3rem; }
    .clocks-container div .h-item {
      font-weight: 700;
      font-size: 1.2rem; }

.data-container {
  width: 93%;
  margin: auto;
  margin-top: 2rem; }
  .data-container h4 {
    text-align: center;
    font-weight: 700; }
  .data-container p {
    text-align: center;
    font-weight: 400; }

.adress-d {
  display: flex;
  width: 60%;
  padding-bottom: 1rem; }
  .adress-d .img-d {
    margin-top: 2.5rem; }
  .adress-d a {
    text-decoration: underline; }

.adress-data {
  padding-right: 1rem; }

#close-pop {
  position: absolute;
  top: 3.3rem;
  right: 25.6rem;
  color: white;
  background-color: #E79C06;
  border-radius: 50%;
  width: 2.5rem;
  height: 2.5rem;
  line-height: 2.5rem;
  text-align: center;
  font-size: 1.5rem;
  font-weight: 500;
  cursor: pointer;
  display: none; }

#modal-bg {
  background-color: rgba(0, 0, 0, 0.5);
  position: absolute;
  top: 54.5rem;
  left: 6.7rem;
  height: 43rem;
  width: 85vw;
  display: none; }

.hidden-btns {
  position: absolute;
  top: 54.5rem;
  left: 6.7rem;
  height: 36rem;
  width: 85vw;
  display: flex; }
  .hidden-btns .btn-hide {
    cursor: pointer; }
  .hidden-btns .btn-hide:nth-of-type(1) {
    width: 7vw;
    height: 10vw;
    margin-right: 2vw;
    margin-top: 3vw; }
  .hidden-btns .btn-hide:nth-of-type(2) {
    width: 8vw;
    height: 11vw;
    margin-right: 14.5vw;
    margin-top: 10vw; }
  .hidden-btns .btn-hide:nth-of-type(3) {
    width: 8vw;
    height: 6vw;
    margin-right: 13.5vw;
    margin-top: 10vw; }
  .hidden-btns .btn-hide:nth-of-type(4) {
    width: 8vw;
    height: 10vw;
    margin-right: -14.5vw;
    margin-top: 21vw; }
  .hidden-btns .btn-hide:nth-of-type(5) {
    width: 8vw;
    height: 9vw;
    margin-right: 10.5vw;
    margin-top: 19vw; }
  .hidden-btns .btn-hide:nth-of-type(6) {
    width: 9vw;
    height: 7vw;
    margin-right: -23.5vw;
    margin-top: 33vw; }

@media (max-width: 1024px) {
  .map-container {
    width: 91%;
    margin: auto;
    margin-top: 2rem; }
    .map-container #orange-square {
      width: 61.3rem;
      height: 15.6rem;
      background-color: #E79C06;
      margin-right: 34.5%;
      z-index: 0; }
    .map-container img {
      margin-top: -14rem; }

  .color-blue {
    width: 21rem;
    margin-top: 16rem; }

  .par-container {
    width: 75%;
    margin: auto;
    text-align: center; }
    .par-container .p-main {
      font-size: 3.5rem;
      font-weight: 700;
      margin-top: 3rem;
      margin-bottom: 3rem; }
    .par-container p {
      font-size: 3.5rem;
      font-weight: 700; }

  .btns-contact {
    display: flex;
    justify-content: space-between;
    flex-direction: column;
    width: 80%;
    margin: auto;
    margin-top: 2rem; }
    .btns-contact a {
      display: flex;
      border-radius: 10rem;
      padding-right: 3rem;
      padding-left: 3rem;
      height: 9rem;
      margin-bottom: 2rem;
      text-align: center; }
      .btns-contact a .tx {
        line-height: 9rem;
        font-size: 3.5rem; }
      .btns-contact a .tl {
        margin-right: 13rem; }
      .btns-contact a .img-con {
        margin-right: 2rem;
        margin-left: 3rem;
        line-height: 4rem;
        margin-top: 4.5%;
        width: 4.3rem; }
      .btns-contact a .img-con-arr {
        width: 5rem;
        margin-top: -1%; }
    .btns-contact .or {
      background-color: #E79C06; }
    .btns-contact .wh {
      border: 1px solid #006ba1; }

  .p-bottom {
    width: 90%;
    margin: auto;
    font-size: 3.5rem;
    text-align: center;
    margin-bottom: 15rem;
    margin-top: 8rem; }

  .map-menu {
    margin-top: -19.5rem; }

  /* popup - map */
  .pop-details {
    width: 91%;
    margin: auto;
    background-color: rgba(255, 255, 255, 0.9);
    position: absolute;
    margin-top: 93rem;
    margin-right: 4.4rem;
    display: none;
    z-index: 5; }

  .line-top {
    display: flex; }
    .line-top div:nth-of-type(1) {
      background-color: #E79C06;
      color: black;
      font-weight: 700;
      width: 70%;
      font-size: 4.5rem;
      line-height: 8rem;
      padding-right: 2rem; }
    .line-top div:nth-of-type(2) {
      background-color: #006ba1;
      color: white;
      width: 30%;
      text-align: center;
      font-size: 3rem; }
      .line-top div:nth-of-type(2) span {
        display: inline-block;
        font-weight: 700;
        font-size: 4.5rem;
        line-height: 1.8; }
    .line-top div {
      padding: 0.5rem;
      font-size: 1rem; }

  .clocks-container {
    display: flex;
    justify-content: space-between;
    margin-top: 12rem; }
    .clocks-container div {
      text-align: center;
      margin: auto; }
      .clocks-container div .div-img {
        width: 10rem; }
      .clocks-container div .h-item {
        font-weight: 700;
        font-size: 3.8rem; }
      .clocks-container div .p-item {
        font-size: 3.2rem; }

  .data-container {
    width: 100%;
    margin: auto;
    margin-top: 3rem; }
    .data-container h4 {
      text-align: center;
      font-weight: 700;
      font-size: 3rem; }
    .data-container p {
      text-align: center;
      font-weight: 400;
      font-size: 3rem; }

  .adress-d {
    display: flex;
    width: 65%;
    padding-bottom: 1rem; }
    .adress-d .img-d {
      margin-top: 14.5rem;
      max-width: 17vw; }

  .adress-data {
    padding-right: 2rem;
    padding-top: 3rem;
    padding-bottom: 9rem; }
    .adress-data h4 {
      margin-right: 0rem; }
    .adress-data p {
      text-align: right;
      padding-right: 2rem; }

  #close-pop {
    position: absolute;
    top: 83rem;
    right: 5rem;
    color: white;
    background-color: #E79C06;
    border-radius: 50%;
    width: 8rem;
    height: 8rem;
    line-height: 8.5rem;
    text-align: center;
    font-size: 5rem;
    font-weight: 500;
    cursor: pointer;
    display: none; }

  #modal-bg {
    background-color: rgba(0, 0, 0, 0.5);
    position: absolute;
    top: 0;
    left: 0;
    height: 208.5rem;
    width: 100vw;
    display: none; }

  .hidden-btns {
    position: absolute;
    top: 158rem;
    left: 4.7rem;
    height: 43rem;
    width: 91vw;
    display: flex; }
    .hidden-btns .btn-hide {
      cursor: pointer; }
    .hidden-btns .btn-hide:nth-of-type(1) {
      height: 4vh;
      margin-top: 8rem;
      margin-right: 2rem;
      width: 10%; }
    .hidden-btns .btn-hide:nth-of-type(2) {
      width: 9%;
      margin-right: 14.5rem;
      margin-top: 16.5%;
      margin-bottom: 13.5%; }
    .hidden-btns .btn-hide:nth-of-type(3) {
      width: 10%;
      margin-top: 17%;
      margin-right: 16%;
      margin-bottom: 21.5%;
      height: auto; }
    .hidden-btns .btn-hide:nth-of-type(4) {
      width: 8.5%;
      margin-right: -15.5%;
      margin-top: 30%;
      margin-bottom: 4%;
      height: auto; }
    .hidden-btns .btn-hide:nth-of-type(5) {
      width: 8%;
      margin-right: 14%;
      margin-top: 28%;
      margin-bottom: 9%; }
    .hidden-btns .btn-hide:nth-of-type(6) {
      width: 9vw;
      height: 7vw;
      margin-right: -23.5vw;
      margin-top: 41vw; } }