@charset "UTF-8";
@import url(./fonts/stylesheet.css);
@use "sass:math";
@keyframes fadeInUp {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, 1.1em, 0);
    transform: translate3d(0, 1.1em, 0); }
  50% {
    opacity: 0.25; }
  100% {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); } }
.container {
  width: 100%;
  max-width: 1600px;
  /* Adjust as needed */
  margin: 0 auto;
  /* Center the container */ }

li {
  list-style-type: none; }

h1,
h2,
h3,
h4,
h5,
h6 {
  margin: 0px; }

* {
  font-family: "Acumin Pro"; }

body {
  position: relative;
  font-smooth: always;
  -webkit-font-smoothing: antialiased;
  overflow-x: hidden !important; }
  body.hide {
    overflow: hidden; }
  body.visible {
    visibility: visible;
    opacity: 1; }
  body > *:not([class^="fancybox__"]):not(.crossfade-overlay) {
    visibility: hidden;
    opacity: 0;
    transition: opacity 0.6s ease, visibility 0.6s ease;
    /* Optional smooth transition */ }

.fancybox-focus-guard {
  opacity: 1 !important;
  visibility: visible !important; }

.darkGreenBg {
  background-color: #1a2a22; }

.lightGreenBg {
  background-color: #e6f1eb; }

img {
  display: block; }

a {
  text-decoration: none;
  color: white;
  transition: all 0.3s ease-in-out;
  cursor: pointer; }

b,
strong {
  font-weight: 700; }

header {
  padding-top: 20px;
  transition: all 0.3s ease-in-out !important;
  position: fixed;
  top: 0;
  left: 0;
  background: transparent;
  z-index: 1001;
  width: 100%; }
  header .container-fluid {
    padding: 0 30px; }
  header.hideMenu {
    transform: translateY(-100%); }
  header.openMenu {
    transform: translateY(0); }
  header .hasSubMenu {
    position: relative;
    padding-right: 15px !important;
    display: inline-block; }
    header .hasSubMenu::after {
      content: "";
      position: absolute;
      top: 50%;
      right: 0;
      width: 6px;
      height: 6px;
      background-image: url("/images/down-arrow.svg");
      background-repeat: no-repeat;
      background-size: 6px;
      transform: translate(-50%, -50%); }
    header .hasSubMenu:hover::after {
      filter: brightness(0) saturate(100%) invert(24%) sepia(66%) saturate(6771%) hue-rotate(341deg) brightness(91%) contrast(94%); }
  header .SubMenu {
    position: absolute;
    background: #FFF;
    opacity: 0;
    top: 100%;
    height: fit-content;
    width: fit-content;
    visibility: hidden;
    transition: all 0.3s ease-in-out;
    top: 100%; }
  header .mainmenu-item {
    position: relative;
    font-weight: 300; }
    header .mainmenu-item:hover .SubMenu, header .mainmenu-item.active .SubMenu {
      position: absolute;
      background: #FFF;
      opacity: 1;
      visibility: visible; }
  header .menu-items {
    flex-direction: column;
    padding: 20px !important;
    padding-right: 30px !important;
    padding-bottom: 12px !important; }
    header .menu-items .menu-item {
      margin-right: 0;
      margin-bottom: 14px; }
      header .menu-items .menu-item:last-child {
        margin-bottom: 0; }
      header .menu-items .menu-item a {
        text-align: left !important;
        color: #231F20 !important;
        display: inline-block;
        font-size: 12px !important;
        position: relative;
        padding-bottom: 0 !important;
        font-weight: 700 !important;
        width: fit-content;
        padding-inline-end: 14px !important;
        letter-spacing: 1.2px;
        text-transform: uppercase; }
        header .menu-items .menu-item a::after {
          content: '';
          width: 15px;
          height: 15px;
          position: absolute;
          top: 50%;
          right: 0;
          background-image: url("/images/black.svg");
          transform: translate(50%, -50%);
          transition: all 0.3s ease-in-out;
          background-repeat: no-repeat;
          background-size: contain; }
        header .menu-items .menu-item a:hover {
          border-color: transparent !important;
          color: #E31D3C !important; }
          header .menu-items .menu-item a:hover::after {
            transform: translate(80%, -50%);
            background-image: url("/images/red.svg"); }
  header .menusMain {
    position: relative;
    z-index: 10; }
    header .menusMain .mainMenu {
      justify-content: space-between;
      display: flex;
      align-items: center;
      position: relative; }
      header .menusMain .mainMenu .right {
        display: flex;
        justify-content: flex-end;
        padding-top: 16px; }
        header .menusMain .mainMenu .right .toggleMenu {
          width: 20px;
          height: 20px;
          background-image: url(../images/burger.svg);
          background-size: contain;
          background-repeat: no-repeat;
          background-position: center; }
          header .menusMain .mainMenu .right .toggleMenu.open {
            background-image: url(../Images/close.svg); }
      header .menusMain .mainMenu .mainMenuList {
        align-items: center !important; }
      header .menusMain .mainMenu ul {
        display: flex;
        z-index: 1;
        list-style-type: none;
        padding: 0;
        margin: 0;
        align-items: flex-start; }
        header .menusMain .mainMenu ul li {
          position: relative;
          margin-right: 27px; }
          header .menusMain .mainMenu ul li a,
          header .menusMain .mainMenu ul li h3 {
            display: block;
            font-size: 14px;
            border-bottom: 3px solid transparent;
            text-transform: uppercase;
            cursor: pointer;
            color: #ffffff;
            margin-bottom: 10px;
            text-align: center;
            white-space: nowrap;
            font-weight: 500;
            transition: all 0.3s ease-in-out; }
            header .menusMain .mainMenu ul li a:hover,
            header .menusMain .mainMenu ul li h3:hover {
              color: #E31D3C;
              border-color: #E31D3C; }
            header .menusMain .mainMenu ul li a.active,
            header .menusMain .mainMenu ul li h3.active {
              border-color: #E31D3C; }
      header .menusMain .mainMenu .toggleMenu {
        display: none; }
      header .menusMain .mainMenu .searchContainer {
        padding-bottom: 2px; }
        header .menusMain .mainMenu .searchContainer .search-btn {
          height: 24px;
          width: 24px;
          background-image: url(../Images/search-01.svg);
          display: block; }
          header .menusMain .mainMenu .searchContainer .search-btn img {
            transition: all 0.3s ease-in-out; }
          header .menusMain .mainMenu .searchContainer .search-btn:hover {
            filter: brightness(0) saturate(100%) invert(18%) sepia(91%) saturate(3414%) hue-rotate(340deg) brightness(92%) contrast(94%); }
          header .menusMain .mainMenu .searchContainer .search-btn.open {
            background-image: url(../Images/close.svg); }
        header .menusMain .mainMenu .searchContainer .innerSearch {
          display: block;
          top: 95px;
          background-color: white;
          left: 0;
          width: 100%;
          position: fixed;
          border-top: 1px solid #EDEDED;
          overflow: hidden;
          height: 0;
          transition: all 0.3s ease-in-out;
          opacity: 0;
          visibility: hidden; }
          header .menusMain .mainMenu .searchContainer .innerSearch.open {
            height: calc(100vh - 100px);
            opacity: 1;
            transition-delay: 0.3s;
            visibility: visible; }
          header .menusMain .mainMenu .searchContainer .innerSearch .headerSearch {
            height: 70px;
            border: none;
            width: 100%;
            position: relative;
            padding-top: 160px;
            text-align: center; }
            header .menusMain .mainMenu .searchContainer .innerSearch .headerSearch .searchInputWrap {
              display: inline-flex;
              align-items: center;
              width: 100%;
              max-width: 50%;
              position: relative; }
              header .menusMain .mainMenu .searchContainer .innerSearch .headerSearch .searchInputWrap input {
                width: 100%;
                background: none;
                border: none;
                padding: 13px;
                border-radius: 10px;
                color: #041D2C;
                font-size: 18px;
                font-style: normal;
                font-weight: 400;
                line-height: 29px;
                background: #E3E9EC;
                transition: all 0.3s ease-in-out; }
                header .menusMain .mainMenu .searchContainer .innerSearch .headerSearch .searchInputWrap input:focus {
                  background-color: white; }
              header .menusMain .mainMenu .searchContainer .innerSearch .headerSearch .searchInputWrap a {
                color: #E31D3C;
                font-size: 17px;
                font-style: normal;
                font-weight: 500;
                line-height: normal;
                margin-right: 20px;
                position: absolute;
                height: 24px;
                width: 24px;
                right: 0;
                top: 50%;
                transform: translateY(-50%);
                font-size: 0;
                background-image: url(../Images/search-red.svg);
                transition: all 0.3s ease-in-out; }
                header .menusMain .mainMenu .searchContainer .innerSearch .headerSearch .searchInputWrap a:hover {
                  filter: brightness(0); }
              header .menusMain .mainMenu .searchContainer .innerSearch .headerSearch .searchInputWrap .clearForm {
                color: #ffffff;
                font-size: 17px;
                font-style: normal;
                font-weight: 300;
                line-height: normal;
                margin-right: 20px;
                display: none; }
            header .menusMain .mainMenu .searchContainer .innerSearch .headerSearch .validatorHolder {
              padding-inline: 0;
              margin: 0 auto;
              text-align: start;
              max-width: 50%; }
              header .menusMain .mainMenu .searchContainer .innerSearch .headerSearch .validatorHolder .errorRecord {
                color: red;
                font-size: 14px;
                font-style: normal;
                font-weight: 500;
                line-height: normal;
                position: relative; }
          header .menusMain .mainMenu .searchContainer .innerSearch .ui-menu {
            border: none;
            box-shadow: 0px 12px 12px 2px rgba(0, 0, 0, 0.1);
            background-color: rgba(33, 37, 41, 0.4);
            backdrop-filter: blur(10px);
            position: relative;
            top: -52px;
            left: 0px;
            width: 100%;
            background: transparent; }
          header .menusMain .mainMenu .searchContainer .innerSearch .ui-menu#ui-id-1 {
            position: absolute !important;
            margin-top: 10px;
            left: 50% !important;
            transform: translateX(-50%);
            width: 50% !important;
            box-shadow: 0px 12px 12px 2px rgba(0, 0, 0, 0.1);
            background-color: rgba(178, 238, 255, 0.5);
            backdrop-filter: blur(10px);
            padding: 0 15px;
            z-index: 3;
            flex-direction: column;
            background: transparent;
            left: 50%;
            padding-top: 50px; }
            header .menusMain .mainMenu .searchContainer .innerSearch .ui-menu#ui-id-1 .ui-menu-item {
              max-width: 1440px;
              margin-bottom: 15px; }
              header .menusMain .mainMenu .searchContainer .innerSearch .ui-menu#ui-id-1 .ui-menu-item.ui-search-hover a {
                background-color: transparent;
                border: none;
                color: #E31D3C; }
              header .menusMain .mainMenu .searchContainer .innerSearch .ui-menu#ui-id-1 .ui-menu-item a {
                color: #231F20;
                -webkit-transition: all 0.3s ease-in-out;
                -moz-transition: all 0.3s ease-in-out;
                -ms-transition: all 0.3s ease-in-out;
                -o-transition: all 0.3s ease-in-out;
                transition: all 0.3s ease-in-out;
                text-align: left; }
            header .menusMain .mainMenu .searchContainer .innerSearch .ui-menu#ui-id-1 .ui-widget-content a {
              color: #ffffff; }
    header .menusMain .left {
      width: 280px;
      height: 32px; }
      header .menusMain .left .headerLogo {
        display: block;
        height: 100%;
        background-position: center;
        background-repeat: no-repeat;
        background-size: contain;
        background-image: url(../Images/whiteLogo.svg); }
  header.blackMenu {
    background-color: white;
    padding-bottom: 24px;
    border-bottom: 1px solid #EDEDED; }
    header.blackMenu .hasSubMenu::after {
      filter: brightness(0) saturate(100%) invert(0%) sepia(88%) saturate(7447%) hue-rotate(274deg) brightness(107%) contrast(102%); }
    header.blackMenu .hasSubMenu:hover::after {
      filter: brightness(0) saturate(100%) invert(24%) sepia(66%) saturate(6771%) hue-rotate(341deg) brightness(91%) contrast(94%); }
    header.blackMenu .SubMenu {
      transform: translateY(27px); }
    header.blackMenu .menusMain {
      padding: 0 15px; }
      header.blackMenu .menusMain .mainMenu ul li a,
      header.blackMenu .menusMain .mainMenu ul li h3 {
        color: #231F20; }
        header.blackMenu .menusMain .mainMenu ul li a:hover,
        header.blackMenu .menusMain .mainMenu ul li h3:hover {
          color: #E31D3C; }
        header.blackMenu .menusMain .mainMenu ul li a.active,
        header.blackMenu .menusMain .mainMenu ul li h3.active {
          border-color: #E31D3C; }
    header.blackMenu .search-btn {
      filter: brightness(0) saturate(100%) invert(5%) sepia(5%) saturate(1946%) hue-rotate(294deg) brightness(94%) contrast(83%); }
    header.blackMenu .left .headerLogo {
      background-image: url(../Images/logoBlack.jpg); }
  header.specialDiv {
    background-color: #ffffff;
    padding-bottom: 20px; }

.image-dimmer {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.2);
  /* Semi-transparent black */
  z-index: 1;
  /* Ensure it appears above the slider */
  opacity: 1;
  /* Start hidden */
  transition: opacity 0.5s ease;
  /* Smooth fade in/out */ }

.mainBanner {
  position: relative;
  height: 100vh;
  overflow: hidden; }
  .mainBanner .swiper-slide-active img {
    animation: zoomIn 14s ease-in infinite; }
  .mainBanner .swiper-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.5);
    /* Semi-transparent black */
    z-index: 2;
    /* Ensure it appears above the slider */
    opacity: 1;
    /* Start hidden */
    transition: opacity 0.5s ease;
    /* Smooth fade in/out */ }
  .mainBanner .swiper-container {
    position: relative;
    height: 100%; }
    .mainBanner .swiper-container .swiper-wrapper {
      z-index: 1; }
      .mainBanner .swiper-container .swiper-wrapper .swiper-slide {
        text-align: center;
        font-size: 18px;
        display: flex;
        justify-content: center;
        position: relative;
        overflow: hidden; }
        .mainBanner .swiper-container .swiper-wrapper .swiper-slide img {
          object-fit: cover;
          width: 100%; }
        .mainBanner .swiper-container .swiper-wrapper .swiper-slide.swiper-slide-active .content {
          opacity: 1;
          visibility: visible; }
        .mainBanner .swiper-container .swiper-wrapper .swiper-slide:first-child .mediaContainer {
          opacity: 1 !important; }
        .mainBanner .swiper-container .swiper-wrapper .swiper-slide .bgVideo {
          top: 0;
          left: 0;
          width: 100%;
          height: 100%;
          object-fit: cover;
          filter: brightness(80%); }
        .mainBanner .swiper-container .swiper-wrapper .swiper-slide .titleContent {
          position: absolute;
          top: 50%;
          z-index: 2;
          left: 0;
          transform: translateY(-50%);
          width: 100%; }
          .mainBanner .swiper-container .swiper-wrapper .swiper-slide .titleContent .container {
            text-align: left; }
          .mainBanner .swiper-container .swiper-wrapper .swiper-slide .titleContent .redPatterns {
            position: relative;
            padding-left: 70px;
            padding-bottom: 48px;
            padding-top: 0;
            padding-right: 30px;
            display: inline-block;
            animation: fadeInUp 1s ease-out; }
            .mainBanner .swiper-container .swiper-wrapper .swiper-slide .titleContent .redPatterns::before {
              content: "";
              display: block;
              position: absolute;
              width: 32px;
              height: 32px;
              background-color: #E31D3C;
              top: 0;
              left: 0;
              transform: translateY(6px);
              transition: all 0.3s ease-in-out; }
            .mainBanner .swiper-container .swiper-wrapper .swiper-slide .titleContent .redPatterns::after {
              content: "";
              display: block;
              position: absolute;
              width: 65px;
              height: 65px;
              border: 20px solid #E31D3C;
              border-top: none;
              border-right: none;
              bottom: 0;
              left: 0;
              transition: all 0.3s ease-in-out;
              display: none; }
            .mainBanner .swiper-container .swiper-wrapper .swiper-slide .titleContent .redPatterns .subTitle {
              color: #ffffff;
              font-style: normal;
              font-weight: 300;
              line-height: 1;
              text-align: left;
              margin-bottom: 20px; }
              .mainBanner .swiper-container .swiper-wrapper .swiper-slide .titleContent .redPatterns .subTitle {
                font-size: 16px; }
                @media screen and (min-width: 320px) {
                  .mainBanner .swiper-container .swiper-wrapper .swiper-slide .titleContent .redPatterns .subTitle {
                    font-size: calc(16px + 24 * ((100vw - 320px) / 1280)); } }
                @media screen and (min-width: 1600px) {
                  .mainBanner .swiper-container .swiper-wrapper .swiper-slide .titleContent .redPatterns .subTitle {
                    font-size: 40px; } }
            .mainBanner .swiper-container .swiper-wrapper .swiper-slide .titleContent .redPatterns .title {
              color: #ffffff;
              font-style: normal;
              font-weight: 300;
              max-width: 73%;
              text-align: left;
              margin-bottom: 30px; }
              .mainBanner .swiper-container .swiper-wrapper .swiper-slide .titleContent .redPatterns .title {
                font-size: 30px; }
                @media screen and (min-width: 320px) {
                  .mainBanner .swiper-container .swiper-wrapper .swiper-slide .titleContent .redPatterns .title {
                    font-size: calc(30px + 30 * ((100vw - 320px) / 1280)); } }
                @media screen and (min-width: 1600px) {
                  .mainBanner .swiper-container .swiper-wrapper .swiper-slide .titleContent .redPatterns .title {
                    font-size: 60px; } }
              .mainBanner .swiper-container .swiper-wrapper .swiper-slide .titleContent .redPatterns .title {
                line-height: 33px; }
                @media screen and (min-width: 320px) {
                  .mainBanner .swiper-container .swiper-wrapper .swiper-slide .titleContent .redPatterns .title {
                    line-height: calc(33px + 35 * ((100vw - 320px) / 1280)); } }
                @media screen and (min-width: 1600px) {
                  .mainBanner .swiper-container .swiper-wrapper .swiper-slide .titleContent .redPatterns .title {
                    line-height: 68px; } }
              .mainBanner .swiper-container .swiper-wrapper .swiper-slide .titleContent .redPatterns .title span {
                color: #E31D3C;
                font-weight: 600; }
            .mainBanner .swiper-container .swiper-wrapper .swiper-slide .titleContent .redPatterns .BannerLink a {
              display: inline-block;
              border: 1px solid #FFF;
              position: relative;
              padding-right: 60px;
              color: #FFF;
              font-size: 12px;
              font-weight: 700;
              letter-spacing: 1.2px;
              text-transform: uppercase;
              padding: 22px 25px;
              padding-right: 60px; }
              .mainBanner .swiper-container .swiper-wrapper .swiper-slide .titleContent .redPatterns .BannerLink a::after {
                position: absolute;
                width: 35px;
                height: 35px;
                content: "";
                top: 50%;
                right: 25px;
                background-image: url("/images/arrow-forward.svg");
                transform: translateY(-50%);
                transition: all 0.3s ease-in-out; }
              .mainBanner .swiper-container .swiper-wrapper .swiper-slide .titleContent .redPatterns .BannerLink a:hover {
                background-color: #E31D3C;
                border-color: transparent; }
    .mainBanner .swiper-container .swiper-button-prev {
      left: 0;
      width: 100px;
      height: 100px;
      position: absolute;
      top: 50%;
      transform: translateY(-50%); }
      .mainBanner .swiper-container .swiper-button-prev::before {
        content: '';
        display: block;
        position: absolute;
        width: 30px;
        height: 30px;
        top: 50%;
        left: 25%;
        background-image: url(../Images/sliderarrow.svg);
        background-position: center;
        background-repeat: no-repeat;
        background-size: contain;
        transform: translate(-50%, -50%);
        opacity: 0;
        transition: all 0.3s ease-in-out;
        z-index: 1; }
      .mainBanner .swiper-container .swiper-button-prev::after {
        content: '';
        width: 100%;
        height: 100%;
        display: block;
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        opacity: 1;
        left: -80%;
        background-color: rgba(255, 255, 255, 0.5);
        border-radius: 50%;
        transition: all 0.3s ease-in-out; }
      .mainBanner .swiper-container .swiper-button-prev:hover::after {
        left: -50%;
        background-color: #E31D3C; }
      .mainBanner .swiper-container .swiper-button-prev:hover::before {
        opacity: 1; }
    .mainBanner .swiper-container .swiper-button-next {
      right: 0;
      width: 100px;
      height: 100px;
      position: absolute;
      top: 50%;
      transform: translateY(-50%); }
      .mainBanner .swiper-container .swiper-button-next::after {
        content: '';
        width: 100%;
        height: 100%;
        display: block;
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        right: -80%;
        background-color: rgba(255, 255, 255, 0.5);
        border-radius: 50%;
        transition: all 0.3s ease-in-out; }
      .mainBanner .swiper-container .swiper-button-next::before {
        content: '';
        display: block;
        position: absolute;
        width: 30px;
        height: 30px;
        top: 50%;
        right: 25%;
        background-image: url(../Images/sliderarrow.svg);
        background-position: center;
        background-repeat: no-repeat;
        background-size: contain;
        transform: translate(50%, -50%) rotateZ(180deg);
        opacity: 0;
        transition: all 0.3s ease-in-out;
        z-index: 1; }
      .mainBanner .swiper-container .swiper-button-next:hover::after {
        right: -50%;
        background-color: #E31D3C; }
      .mainBanner .swiper-container .swiper-button-next:hover::before {
        opacity: 1; }
  .mainBanner .positionedAbsolutely {
    position: absolute;
    bottom: 0;
    z-index: 1; }
  .mainBanner .listingServicesHome {
    display: flex;
    gap: 80px;
    justify-content: space-between; }
    .mainBanner .listingServicesHome ul {
      display: flex;
      justify-content: space-between;
      list-style-type: none;
      width: 100%; }
      .mainBanner .listingServicesHome ul li::marker {
        display: none; }
      .mainBanner .listingServicesHome ul .contentListingServices {
        display: flex;
        flex-direction: column; }
        .mainBanner .listingServicesHome ul .contentListingServices:hover .imgListingServices img {
          transform: translate(-50%, -100%); }
        .mainBanner .listingServicesHome ul .contentListingServices .imgListingServices {
          margin: 0 auto 20px;
          margin-bottom: 13px; }
        .mainBanner .listingServicesHome ul .contentListingServices .titleListingServices {
          color: #FFF;
          text-align: center;
          font-size: 15px;
          font-style: normal;
          font-weight: 500;
          line-height: normal;
          max-width: 135px;
          text-align: center;
          font-size: 11px;
          font-style: normal;
          line-height: normal;
          letter-spacing: 1.43px;
          text-transform: uppercase; }
      .mainBanner .listingServicesHome ul.pillars li a {
        display: block; }
        .mainBanner .listingServicesHome ul.pillars li a .titleListingServices {
          transition: all 0.3s ease-in-out; }
        .mainBanner .listingServicesHome ul.pillars li a .imgListingServices {
          width: 41px;
          height: 41px !important;
          display: inline-block;
          position: relative;
          padding: 2px; }
          .mainBanner .listingServicesHome ul.pillars li a .imgListingServices img {
            width: auto;
            height: auto;
            max-width: 100%;
            max-height: 100%;
            transition: all 0.3s ease-in-out;
            display: block;
            margin: 0 auto;
            position: absolute;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%);
            z-index: 1; }
          .mainBanner .listingServicesHome ul.pillars li a .imgListingServices::after {
            content: '';
            display: block;
            position: absolute;
            bottom: 0;
            left: 0;
            width: 0;
            height: 0;
            background-color: #E31D3C;
            transition: all 0.3s ease-in-out;
            opacity: 0; }

.mainShapes {
  position: relative;
  padding-left: 48px;
  padding-right: 48px;
  padding-bottom: 38px; }
  .mainShapes::before {
    content: '';
    display: block;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 65px;
    height: 65px;
    background-image: url(../Images/leftVector.svg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain; }
  .mainShapes::after {
    content: '';
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    width: 32px;
    height: 32px;
    background-image: url(../Images/rightVector.svg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain; }

.projectListingSwiper {
  padding: 100px 0;
  background: #ffffff; }
  .projectListingSwiper .projectListingContent .projectListingInfo .subtitleProject {
    color: #000;
    font-size: 12px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    text-transform: uppercase;
    letter-spacing: 1.4px;
    margin-bottom: 20px; }
  .projectListingSwiper .projectListingContent .projectListingInfo .titleProject {
    display: flex;
    justify-content: space-between;
    align-items: center; }
    .projectListingSwiper .projectListingContent .projectListingInfo .titleProject .text {
      color: #231F20;
      font-style: normal;
      line-height: normal;
      font-weight: 500; }
      .projectListingSwiper .projectListingContent .projectListingInfo .titleProject .text {
        font-size: 26px; }
        @media screen and (min-width: 320px) {
          .projectListingSwiper .projectListingContent .projectListingInfo .titleProject .text {
            font-size: calc(26px + 10 * ((100vw - 320px) / 1280)); } }
        @media screen and (min-width: 1600px) {
          .projectListingSwiper .projectListingContent .projectListingInfo .titleProject .text {
            font-size: 36px; } }
      .projectListingSwiper .projectListingContent .projectListingInfo .titleProject .text strong,
      .projectListingSwiper .projectListingContent .projectListingInfo .titleProject .text b {
        font-weight: 500; }
    .projectListingSwiper .projectListingContent .projectListingInfo .titleProject .btnText {
      position: relative;
      color: #E31D3C;
      text-align: center;
      font-style: normal;
      font-weight: 700;
      line-height: normal;
      letter-spacing: 0.15px;
      text-transform: uppercase;
      border: solid 2px #E31D3C;
      border-radius: 0;
      padding: 20px 70px 20px 25px;
      -webkit-transition: all 0.3s ease-in-out;
      -moz-transition: all 0.3s ease-in-out;
      -ms-transition: all 0.3s ease-in-out;
      -o-transition: all 0.3s ease-in-out;
      transition: all 0.3s ease-in-out;
      font-size: 12px;
      letter-spacing: 1.2px;
      text-transform: uppercase;
      cursor: pointer;
      color: #E31D3C; }
      .projectListingSwiper .projectListingContent .projectListingInfo .titleProject .btnText::after {
        content: "";
        display: block;
        position: absolute;
        width: 35px;
        height: 35px;
        right: 35px;
        top: 50%;
        transform: translateY(-50%);
        background-image: url(/Images/arrow-right-red.svg);
        background-repeat: no-repeat;
        background-position: center center;
        background-size: contain;
        -webkit-transition: all 0.3s ease-in-out;
        -moz-transition: all 0.3s ease-in-out;
        -ms-transition: all 0.3s ease-in-out;
        -o-transition: all 0.3s ease-in-out;
        transition: all 0.3s ease-in-out; }
      .projectListingSwiper .projectListingContent .projectListingInfo .titleProject .btnText:hover {
        background-color: #E31D3C;
        color: white; }
        .projectListingSwiper .projectListingContent .projectListingInfo .titleProject .btnText:hover::after {
          filter: brightness(0) invert(1); }
  .projectListingSwiper .projectListingContent .projectListingInfo .SummaryProject {
    color: #231F20;
    font-style: normal;
    font-weight: 500;
    line-height: normal; }
    .projectListingSwiper .projectListingContent .projectListingInfo .SummaryProject {
      font-size: 20px; }
      @media screen and (min-width: 320px) {
        .projectListingSwiper .projectListingContent .projectListingInfo .SummaryProject {
          font-size: calc(20px + 16 * ((100vw - 320px) / 1280)); } }
      @media screen and (min-width: 1600px) {
        .projectListingSwiper .projectListingContent .projectListingInfo .SummaryProject {
          font-size: 36px; } }
  .projectListingSwiper .projectListingContent .projectListingCarousel {
    margin-top: 50px;
    overflow: auto; }
    .projectListingSwiper .projectListingContent .projectListingCarousel .listingHolder {
      overflow-x: auto;
      display: flex;
      flex-direction: row;
      flex-wrap: nowrap;
      scrollbar-width: none; }
      .projectListingSwiper .projectListingContent .projectListingCarousel .listingHolder .wrapper {
        height: 100%; }
      .projectListingSwiper .projectListingContent .projectListingCarousel .listingHolder::-webkit-scrollbar {
        display: none;
        /* For Chrome, Safari, and Opera */ }
      .projectListingSwiper .projectListingContent .projectListingCarousel .listingHolder .listingItemDIV {
        flex-shrink: 0; }
    .projectListingSwiper .projectListingContent .projectListingCarousel * {
      -webkit-box-sizing: border-box;
      box-sizing: border-box; }
    .projectListingSwiper .projectListingContent .projectListingCarousel .imgDiv {
      position: relative;
      transition: all 0.3s ease-in-out;
      overflow: hidden; }
      .projectListingSwiper .projectListingContent .projectListingCarousel .imgDiv img {
        display: block;
        width: 100%;
        transition: all 0.3s ease-in-out; }
      .projectListingSwiper .projectListingContent .projectListingCarousel .imgDiv::after {
        content: '';
        display: block;
        position: absolute;
        bottom: 0;
        width: 100%;
        left: 0;
        height: 100%;
        opacity: 0.6;
        background: linear-gradient(0deg, #000 0%, rgba(16, 14, 14, 0) 100%); }
    .projectListingSwiper .projectListingContent .projectListingCarousel .listingHolder {
      background: #fff; }
    .projectListingSwiper .projectListingContent .projectListingCarousel .blockTitle {
      display: none; }
    .projectListingSwiper .projectListingContent .projectListingCarousel .listingItemDIV {
      width: 100%;
      max-width: 1000px;
      height: 665px;
      margin-right: 0px;
      counter-increment: gallery-cell; }
      .projectListingSwiper .projectListingContent .projectListingCarousel .listingItemDIV .infoDiv .titleDiv {
        position: absolute;
        bottom: 40px;
        left: 40px;
        transition: all 0.3s ease-in-out;
        color: #FFF;
        font-size: 14px;
        font-weight: 500;
        line-height: normal;
        letter-spacing: 1.4px;
        text-transform: uppercase; }
      .projectListingSwiper .projectListingContent .projectListingCarousel .listingItemDIV .infoDiv .summaryDiv {
        position: absolute;
        bottom: 50px;
        left: 44px;
        color: #FFF;
        color: #FFF;
        font-size: 16px;
        font-style: normal;
        font-weight: 300;
        line-height: normal;
        transition: all 0.3s ease-in-out;
        display: none;
        opacity: 0; }
      .projectListingSwiper .projectListingContent .projectListingCarousel .listingItemDIV:hover .imgDiv img {
        scale: 1.2; }
      .projectListingSwiper .projectListingContent .projectListingCarousel .listingItemDIV:hover .infoDiv .summaryDiv {
        opacity: 1; }
      .projectListingSwiper .projectListingContent .projectListingCarousel .listingItemDIV:hover .projectLink span {
        opacity: 1; }
      .projectListingSwiper .projectListingContent .projectListingCarousel .listingItemDIV:hover .projectLink::after {
        top: 16px;
        right: 14px;
        transform: none;
        opacity: 1; }
      .projectListingSwiper .projectListingContent .projectListingCarousel .listingItemDIV:hover .projectLink::before {
        bottom: 0;
        left: 18px;
        transform: none;
        opacity: 1; }
      .projectListingSwiper .projectListingContent .projectListingCarousel .listingItemDIV .projectLink {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        width: 175px;
        height: 80px;
        color: #FFF;
        font-size: 13px;
        font-style: normal;
        font-weight: 500;
        line-height: 97px;
        text-transform: uppercase;
        text-align: center;
        color: #FFF; }
        .projectListingSwiper .projectListingContent .projectListingCarousel .listingItemDIV .projectLink span {
          transition: all 0.4s ease-in-out;
          opacity: 0; }
        .projectListingSwiper .projectListingContent .projectListingCarousel .listingItemDIV .projectLink::after {
          content: "";
          display: block;
          position: absolute;
          width: 20px;
          height: 20px;
          background-color: #E31D3C;
          top: 50%;
          right: 45%;
          transform: translate(50%, -100%);
          transition: all 0.3s ease-in-out;
          opacity: 0; }
        .projectListingSwiper .projectListingContent .projectListingCarousel .listingItemDIV .projectLink::before {
          content: '';
          display: block;
          position: absolute;
          width: 40px;
          height: 40px;
          border: 10px solid #E31D3C;
          border-top: none;
          border-right: none;
          bottom: 50%;
          left: 50%;
          transform: translate(-50%, 50%);
          transition: all 0.3s ease-in-out;
          opacity: 0; }
    .projectListingSwiper .projectListingContent .projectListingCarousel .owl-carousel .owl-stage-outer {
      overflow: visible; }

.whoWeAre {
  padding-top: 100px;
  padding-bottom: 70px;
  background-color: #FFF; }
  .whoWeAre > * {
    overflow: hidden; }
  .whoWeAre.homepage {
    padding-top: 0; }
    .whoWeAre.homepage .image-wrapper {
      position: absolute;
      width: 100%;
      height: 100%;
      inset-inline-start: 0;
      top: 0;
      max-height: 100%; }
      .whoWeAre.homepage .image-wrapper .whoWeAreImg {
        width: 100%;
        height: 100%;
        object-fit: cover; }
  .whoWeAre .whoWeAreContent .whoWeAreInfo {
    text-align: center;
    margin: auto 0;
    width: 100%;
    margin-bottom: 67px;
    display: flex;
    align-items: center;
    flex-direction: column; }
    .whoWeAre .whoWeAreContent .whoWeAreInfo .subtitle {
      color: #231F20;
      font-size: 15px;
      font-style: normal;
      font-weight: 700;
      line-height: normal;
      margin-bottom: 35px;
      text-align: center; }
    .whoWeAre .whoWeAreContent .whoWeAreInfo .title {
      color: #231F20;
      font-size: 36px;
      font-style: normal;
      line-height: normal;
      margin-bottom: 40px;
      max-width: 81%;
      text-align: center;
      font-family: "Acumin Pro";
      text-align: center;
      font-weight: 500;
      line-height: 44px; }
    .whoWeAre .whoWeAreContent .whoWeAreInfo .btn {
      position: relative;
      color: #E31D3C;
      text-align: center;
      font-style: normal;
      font-weight: 700;
      line-height: normal;
      letter-spacing: 0.15px;
      text-transform: uppercase;
      border: solid 2px #E31D3C;
      border-radius: 0;
      padding: 20px 70px 20px 25px;
      -webkit-transition: all 0.3s ease-in-out;
      -moz-transition: all 0.3s ease-in-out;
      -ms-transition: all 0.3s ease-in-out;
      -o-transition: all 0.3s ease-in-out;
      transition: all 0.3s ease-in-out;
      font-size: 12px;
      letter-spacing: 1.2px;
      text-transform: uppercase;
      cursor: pointer; }
      .whoWeAre .whoWeAreContent .whoWeAreInfo .btn::after {
        content: "";
        display: block;
        position: absolute;
        width: 35px;
        height: 35px;
        right: 35px;
        top: 50%;
        transform: translateY(-50%);
        background-image: url(/Images/arrow-right-red.svg);
        background-repeat: no-repeat;
        background-position: center center;
        background-size: contain;
        -webkit-transition: all 0.3s ease-in-out;
        -moz-transition: all 0.3s ease-in-out;
        -ms-transition: all 0.3s ease-in-out;
        -o-transition: all 0.3s ease-in-out;
        transition: all 0.3s ease-in-out; }
      .whoWeAre .whoWeAreContent .whoWeAreInfo .btn:hover {
        background-color: #E31D3C;
        color: white; }
        .whoWeAre .whoWeAreContent .whoWeAreInfo .btn:hover::after {
          filter: brightness(0) invert(1); }
      .whoWeAre .whoWeAreContent .whoWeAreInfo .btn:hover {
        background-color: #E31D3C;
        color: white;
        border-color: #E31D3C; }
        .whoWeAre .whoWeAreContent .whoWeAreInfo .btn:hover::after {
          filter: brightness(0) invert(1); }
  .whoWeAre .whoWeAreContent .whoWeAreList ul {
    padding: 0;
    margin: 0;
    display: flex;
    gap: 8px; }
  .whoWeAre .whoWeAreContent .whoWeAreList li {
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    margin-bottom: 40px;
    position: relative;
    flex-grow: 1;
    flex: 1;
    overflow: hidden; }
    .whoWeAre .whoWeAreContent .whoWeAreList li a.overlaylink {
      left: -20px;
      width: calc(100% + 20px);
      position: absolute;
      display: block;
      cursor: pointer;
      z-index: 2;
      top: -20px;
      height: calc(100% + 20px); }
    .whoWeAre .whoWeAreContent .whoWeAreList li a.itemLink {
      color: white;
      text-transform: capitalize;
      display: block;
      position: relative;
      padding-right: 40px;
      z-index: 1;
      transform: translateX(10px);
      opacity: 0; }
      .whoWeAre .whoWeAreContent .whoWeAreList li a.itemLink::after {
        content: "";
        display: block;
        position: absolute;
        width: 35px;
        height: 35px;
        right: 0;
        top: 50%;
        transform: translateY(-50%);
        background-image: url(/Images/redArrow.svg);
        background-repeat: no-repeat;
        background-position: center center;
        background-size: contain;
        filter: brightness(0) invert(1);
        -webkit-transition: all 0.3s ease-in-out;
        -moz-transition: all 0.3s ease-in-out;
        -ms-transition: all 0.3s ease-in-out;
        -o-transition: all 0.3s ease-in-out;
        transition: all 0.3s ease-in-out; }
  .whoWeAre .whoWeAreContent .whoWeAreList .logo-border {
    background-image: url("/images/box.svg");
    background-size: 25px;
    background-repeat: no-repeat;
    position: absolute;
    background-position: top right;
    left: 0;
    bottom: 0;
    width: 50px;
    height: 50px; }
    .whoWeAre .whoWeAreContent .whoWeAreList .logo-border::after {
      content: "";
      display: block;
      position: absolute;
      width: 50px;
      height: 50px;
      border: 15px solid #E31D3C;
      border-top: none;
      border-right: none;
      bottom: 0;
      left: 0;
      transition: all 0.3s ease-in-out; }
  .whoWeAre .whoWeAreContent .whoWeAreList .info {
    position: relative;
    padding-left: 66px;
    padding-bottom: 20px; }
  .whoWeAre .whoWeAreContent .whoWeAreList .numberDiv {
    position: relative;
    padding: 340px 40px 40px 40px;
    background-size: contain;
    min-height: 500px; }
    .whoWeAre .whoWeAreContent .whoWeAreList .numberDiv h3 {
      color: #FFF;
      font-style: normal;
      font-weight: 300;
      line-height: normal;
      z-index: 1;
      position: relative;
      margin: 0;
      transition: all 0.3s ease; }
      .whoWeAre .whoWeAreContent .whoWeAreList .numberDiv h3 {
        font-size: 40px; }
        @media screen and (min-width: 320px) {
          .whoWeAre .whoWeAreContent .whoWeAreList .numberDiv h3 {
            font-size: calc(40px + 17 * ((100vw - 320px) / 1280)); } }
        @media screen and (min-width: 1600px) {
          .whoWeAre .whoWeAreContent .whoWeAreList .numberDiv h3 {
            font-size: 57px; } }
    .whoWeAre .whoWeAreContent .whoWeAreList .numberDiv p {
      color: #FFF;
      font-style: normal;
      line-height: normal;
      max-width: 110px;
      z-index: 1;
      position: relative;
      margin-bottom: 30px;
      transition: all 0.3s ease;
      font-weight: 600;
      line-height: normal;
      letter-spacing: 1.82px;
      text-transform: uppercase; }
      .whoWeAre .whoWeAreContent .whoWeAreList .numberDiv p {
        font-size: 16px; }
        @media screen and (min-width: 320px) {
          .whoWeAre .whoWeAreContent .whoWeAreList .numberDiv p {
            font-size: calc(16px + -2 * ((100vw - 320px) / 1280)); } }
        @media screen and (min-width: 1600px) {
          .whoWeAre .whoWeAreContent .whoWeAreList .numberDiv p {
            font-size: 14px; } }

.opportunities {
  position: relative;
  overflow: hidden;
  background-size: cover;
  background-repeat: no-repeat;
  background-attachment: fixed;
  background-position: center;
  filter: grayscale(100%); }
  .opportunities .slideImg {
    min-height: 1000px;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
    object-fit: cover; }
  .opportunities::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(137, 137, 137, 0.2);
    z-index: 1; }
  .opportunities .opportunitiesContent {
    display: flex;
    justify-content: space-between;
    padding-top: 80px;
    padding-bottom: 100px;
    text-align: center;
    z-index: 100;
    position: relative; }
    .opportunities .opportunitiesContent .opportunitiesImg {
      margin-right: 100px;
      transition: all 0.3s ease-in-out; }
    .opportunities .opportunitiesContent .opportunitiesInfo {
      margin: auto 0;
      display: flex;
      align-items: center;
      flex-direction: column;
      width: 100%;
      padding: 100px 0; }
      .opportunities .opportunitiesContent .opportunitiesInfo .subtitle {
        color: #FFF;
        text-transform: uppercase;
        font-style: normal;
        font-weight: 700;
        line-height: normal;
        margin-bottom: 40px;
        letter-spacing: 1.43px;
        font-weight: 600; }
        .opportunities .opportunitiesContent .opportunitiesInfo .subtitle {
          font-size: 11px; }
          @media screen and (min-width: 320px) {
            .opportunities .opportunitiesContent .opportunitiesInfo .subtitle {
              font-size: calc(11px + 5 * ((100vw - 320px) / 1280)); } }
          @media screen and (min-width: 1600px) {
            .opportunities .opportunitiesContent .opportunitiesInfo .subtitle {
              font-size: 16px; } }
      .opportunities .opportunitiesContent .opportunitiesInfo .title {
        color: #FFF;
        max-width: 66%;
        font-style: normal;
        font-weight: 500;
        line-height: normal;
        margin-bottom: 60px;
        max-width: 45%; }
        .opportunities .opportunitiesContent .opportunitiesInfo .title {
          font-size: 26px; }
          @media screen and (min-width: 320px) {
            .opportunities .opportunitiesContent .opportunitiesInfo .title {
              font-size: calc(26px + 10 * ((100vw - 320px) / 1280)); } }
          @media screen and (min-width: 1600px) {
            .opportunities .opportunitiesContent .opportunitiesInfo .title {
              font-size: 36px; } }
        .opportunities .opportunitiesContent .opportunitiesInfo .title strong {
          font-weight: 500; }
      .opportunities .opportunitiesContent .opportunitiesInfo .btnTeam {
        color: #FFF;
        text-align: center;
        font-feature-settings: 'cv11' on, 'cv01' on, 'ss01' on;
        font-size: 15px;
        font-style: normal;
        font-weight: 700;
        line-height: normal;
        letter-spacing: 0.15px;
        text-transform: uppercase;
        border: 2px solid #FFF;
        border-radius: 0;
        position: relative;
        padding: 13px 50px 13px 25px;
        -webkit-transition: all 0.3s ease-in-out;
        -moz-transition: all 0.3s ease-in-out;
        -ms-transition: all 0.3s ease-in-out;
        -o-transition: all 0.3s ease-in-out;
        transition: all 0.3s ease-in-out;
        padding: 21px 25px;
        padding-right: 40px;
        color: #FFF;
        font-size: 12px;
        font-style: normal;
        font-weight: 700;
        line-height: normal;
        letter-spacing: 1.2px;
        text-transform: uppercase; }
        .opportunities .opportunitiesContent .opportunitiesInfo .btnTeam::after {
          content: "";
          display: block;
          position: absolute;
          width: 40px;
          height: 40px;
          right: 0;
          top: 50%;
          transform: translate(-50%, -50%);
          background-image: url("/images/right-arrow.svg");
          background-repeat: no-repeat;
          background-position: center center;
          background-size: contain;
          -webkit-transition: all 0.3s ease-in-out;
          -moz-transition: all 0.3s ease-in-out;
          -ms-transition: all 0.3s ease-in-out;
          -o-transition: all 0.3s ease-in-out;
          transition: all 0.3s ease-in-out; }
        .opportunities .opportunitiesContent .opportunitiesInfo .btnTeam:hover {
          background-color: #fff;
          color: #E31D3C; }
          .opportunities .opportunitiesContent .opportunitiesInfo .btnTeam:hover::after {
            filter: invert(37%) sepia(63%) saturate(6626%) hue-rotate(335deg) brightness(86%) contrast(109%); }
          .opportunities .opportunitiesContent .opportunitiesInfo .btnTeam:hover::after {
            transform: translate(-40%, -50%); }
        .opportunities .opportunitiesContent .opportunitiesInfo .btnTeam:first-of-type {
          margin-right: 20px; }
        .opportunities .opportunitiesContent .opportunitiesInfo .btnTeam span {
          padding-right: 10px; }
    .opportunities .opportunitiesContent:hover .opportunitiesImg {
      filter: none; }

.videoContainer {
  padding-top: 100px;
  padding-bottom: 100px; }
  .videoContainer .container-video {
    width: 100%;
    padding: 0 50px; }
  .videoContainer .contentVideo {
    display: flex;
    justify-content: center;
    align-items: center; }
    .videoContainer .contentVideo .playBtn {
      position: relative;
      width: 100%; }
      .videoContainer .contentVideo .playBtn img {
        width: 100%;
        max-height: 600px;
        object-fit: cover; }
      .videoContainer .contentVideo .playBtn::after {
        content: "";
        display: block;
        position: absolute;
        width: 100px;
        height: 100px;
        left: 50%;
        top: 50%;
        transform: translate(-50%, -50%);
        background-image: url(/Images/play.svg);
        background-repeat: no-repeat;
        background-position: center center;
        background-size: contain;
        -webkit-transition: all 0.3s ease-in-out;
        -moz-transition: all 0.3s ease-in-out;
        -ms-transition: all 0.3s ease-in-out;
        -o-transition: all 0.3s ease-in-out;
        transition: all 0.3s ease-in-out; }

.overlayVideo {
  position: fixed;
  background-color: rgba(0, 0, 0, 0.6);
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 10;
  opacity: 0;
  visibility: hidden; }
  .overlayVideo.show {
    visibility: visible;
    opacity: 1; }
  .overlayVideo iframe {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 70vw;
    height: 70vh; }
  .overlayVideo .close {
    background-image: url(../Images/close.svg);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    width: 30px;
    height: 30px;
    position: absolute;
    top: 20px;
    right: 20px;
    transition: all 0.3s ease-in-out;
    filter: brightness(0) invert(1); }
    .overlayVideo .close:hover {
      opacity: 0.5; }

.newsListingSwiper {
  overflow: hidden; }
  .newsListingSwiper .owlslider {
    transform: translateX(30px); }
  .newsListingSwiper .newsListingContent {
    padding: 100px 0; }
  .newsListingSwiper .listingHolder.owl-carousel .owl-nav button.owl-next.disabled:hover {
    background-color: transparent;
    background-image: none;
    /* background-image: url(../../images/arrow.svg); */ }
  .newsListingSwiper .newsListingInfo {
    margin-bottom: 60px; }
  .newsListingSwiper .listingItemDIV {
    margin-bottom: 0; }
  .newsListingSwiper .listingHolder.owl-carousel .owl-nav button {
    position: absolute;
    top: 50%;
    right: 46px; }
  .newsListingSwiper .listingHolder.owl-carousel .owl-nav button.owl-next:hover,
  .newsListingSwiper .listingHolder.owl-carousel .owl-nav button.owl-prev:hover {
    background-color: transparent;
    background-image: none; }
  .newsListingSwiper .listingHolder.owl-carousel .owl-nav button.owl-next,
  .newsListingSwiper .listingHolder.owl-carousel .owl-nav button.owl-prev {
    background-color: transparent;
    background-image: none;
    border: none; }
  .newsListingSwiper .listingHolder.owl-carousel .owl-nav {
    top: 50%;
    left: 0;
    width: 100%; }
    .newsListingSwiper .listingHolder.owl-carousel .owl-nav .owl-next {
      right: 0;
      top: 0%;
      position: absolute;
      width: 100px;
      height: 100px; }
      .newsListingSwiper .listingHolder.owl-carousel .owl-nav .owl-next::before {
        content: '';
        display: block;
        position: absolute;
        width: 30px;
        height: 30px;
        top: 50%;
        right: 0;
        background-image: url(../Images/sliderarrow.svg);
        background-position: center;
        background-repeat: no-repeat;
        background-size: contain;
        transform: rotate(180deg) translate(50%, 50%);
        opacity: 0;
        transition: all 0.3s ease-in-out;
        z-index: 1; }
      .newsListingSwiper .listingHolder.owl-carousel .owl-nav .owl-next::after {
        content: '';
        width: 100%;
        height: 100%;
        display: block;
        position: absolute;
        top: 0;
        opacity: 1;
        right: -40%;
        background-color: rgba(255, 255, 255, 0.7);
        border-radius: 50%;
        transition: all 0.3s ease-in-out; }
      .newsListingSwiper .listingHolder.owl-carousel .owl-nav .owl-next:hover::after {
        right: -30%;
        background-color: #E31D3C; }
      .newsListingSwiper .listingHolder.owl-carousel .owl-nav .owl-next:hover::before {
        opacity: 1; }
    .newsListingSwiper .listingHolder.owl-carousel .owl-nav .owl-prev {
      left: 0;
      top: 0;
      position: absolute;
      width: 100px;
      height: 100px; }
      .newsListingSwiper .listingHolder.owl-carousel .owl-nav .owl-prev::before {
        content: '';
        display: block;
        position: absolute;
        width: 30px;
        height: 30px;
        top: 50%;
        right: 80%;
        background-image: url(../Images/sliderarrow.svg);
        background-position: center;
        background-repeat: no-repeat;
        background-size: contain;
        transform: translateY(-50%);
        opacity: 0;
        transition: all 0.3s ease-in-out;
        z-index: 1; }
      .newsListingSwiper .listingHolder.owl-carousel .owl-nav .owl-prev::after {
        content: '';
        width: 100%;
        height: 100%;
        display: block;
        position: absolute;
        top: 0;
        opacity: 1;
        left: -70%;
        background-color: rgba(255, 255, 255, 0.7);
        border-radius: 50%;
        transition: all 0.3s ease-in-out; }
      .newsListingSwiper .listingHolder.owl-carousel .owl-nav .owl-prev:hover::after {
        left: -62%;
        background-color: #E31D3C; }
      .newsListingSwiper .listingHolder.owl-carousel .owl-nav .owl-prev:hover::before {
        opacity: 1; }
  .newsListingSwiper .newsListingContent .newsListingInfo .subtitleProject {
    color: #231F20;
    font-size: 11px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    letter-spacing: 1.43px;
    margin-bottom: 12px;
    text-transform: uppercase; }
  .newsListingSwiper .newsListingContent .newsListingInfo .titleProject {
    display: flex;
    justify-content: space-between; }
    .newsListingSwiper .newsListingContent .newsListingInfo .titleProject .text {
      color: #231F20;
      font-style: normal;
      font-weight: 500;
      line-height: normal; }
      .newsListingSwiper .newsListingContent .newsListingInfo .titleProject .text {
        font-size: 26px; }
        @media screen and (min-width: 320px) {
          .newsListingSwiper .newsListingContent .newsListingInfo .titleProject .text {
            font-size: calc(26px + 14 * ((100vw - 320px) / 1280)); } }
        @media screen and (min-width: 1600px) {
          .newsListingSwiper .newsListingContent .newsListingInfo .titleProject .text {
            font-size: 40px; } }
    .newsListingSwiper .newsListingContent .newsListingInfo .titleProject .btnText {
      position: relative;
      color: #E31D3C;
      text-align: center;
      font-style: normal;
      font-weight: 700;
      line-height: normal;
      letter-spacing: 0.15px;
      text-transform: uppercase;
      border: solid 2px #E31D3C;
      border-radius: 0;
      padding: 20px 70px 20px 25px;
      -webkit-transition: all 0.3s ease-in-out;
      -moz-transition: all 0.3s ease-in-out;
      -ms-transition: all 0.3s ease-in-out;
      -o-transition: all 0.3s ease-in-out;
      transition: all 0.3s ease-in-out;
      font-size: 12px;
      letter-spacing: 1.2px;
      text-transform: uppercase;
      cursor: pointer;
      color: #E31D3C; }
      .newsListingSwiper .newsListingContent .newsListingInfo .titleProject .btnText::after {
        content: "";
        display: block;
        position: absolute;
        width: 35px;
        height: 35px;
        right: 35px;
        top: 50%;
        transform: translateY(-50%);
        background-image: url(/Images/arrow-right-red.svg);
        background-repeat: no-repeat;
        background-position: center center;
        background-size: contain;
        -webkit-transition: all 0.3s ease-in-out;
        -moz-transition: all 0.3s ease-in-out;
        -ms-transition: all 0.3s ease-in-out;
        -o-transition: all 0.3s ease-in-out;
        transition: all 0.3s ease-in-out; }
      .newsListingSwiper .newsListingContent .newsListingInfo .titleProject .btnText:hover {
        background-color: #E31D3C;
        color: white; }
        .newsListingSwiper .newsListingContent .newsListingInfo .titleProject .btnText:hover::after {
          filter: brightness(0) invert(1); }
  .newsListingSwiper .newsListingContent .newsListingInfo .SummaryProject {
    color: #231F20;
    font-style: normal;
    font-weight: 100;
    line-height: normal; }
    .newsListingSwiper .newsListingContent .newsListingInfo .SummaryProject {
      font-size: 20px; }
      @media screen and (min-width: 320px) {
        .newsListingSwiper .newsListingContent .newsListingInfo .SummaryProject {
          font-size: calc(20px + 20 * ((100vw - 320px) / 1280)); } }
      @media screen and (min-width: 1600px) {
        .newsListingSwiper .newsListingContent .newsListingInfo .SummaryProject {
          font-size: 40px; } }
  .newsListingSwiper .newsListingContent .newsListingCarousel * {
    -webkit-box-sizing: border-box;
    box-sizing: border-box; }
  .newsListingSwiper .newsListingContent .newsListingCarousel .listingHolder {
    background: #fff; }
  .newsListingSwiper .newsListingContent .newsListingCarousel .blockTitle {
    display: none; }
  .newsListingSwiper .newsListingContent .newsListingCarousel .listingItemDIV {
    background: #fff;
    max-width: 519px;
    padding: 0; }
    .newsListingSwiper .newsListingContent .newsListingCarousel .listingItemDIV .imgDiv {
      overflow: hidden;
      margin-bottom: 15px;
      position: relative; }
      .newsListingSwiper .newsListingContent .newsListingCarousel .listingItemDIV .imgDiv img {
        display: block;
        transition: all 0.3s ease-in-out; }
      .newsListingSwiper .newsListingContent .newsListingCarousel .listingItemDIV .imgDiv .projectLink {
        z-index: 1;
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        width: 175px;
        height: 80px;
        color: #FFF;
        font-size: 16px;
        font-style: normal;
        font-weight: 600;
        line-height: 80px;
        text-transform: uppercase;
        text-align: center; }
        .newsListingSwiper .newsListingContent .newsListingCarousel .listingItemDIV .imgDiv .projectLink span {
          transition: all 0.3s ease-in-out;
          opacity: 0; }
        .newsListingSwiper .newsListingContent .newsListingCarousel .listingItemDIV .imgDiv .projectLink::after {
          content: "";
          display: block;
          position: absolute;
          width: 20px;
          height: 20px;
          background-color: #E31D3C;
          top: 50%;
          right: 45%;
          transform: translate(50%, -100%);
          transition: all 0.3s ease-in-out;
          opacity: 0; }
        .newsListingSwiper .newsListingContent .newsListingCarousel .listingItemDIV .imgDiv .projectLink::before {
          content: '';
          display: block;
          position: absolute;
          width: 40px;
          height: 40px;
          border: 12px solid #E31D3C;
          border-top: none;
          border-right: none;
          bottom: 50%;
          left: 50%;
          transform: translate(-50%, 50%);
          transition: all 0.3s ease-in-out;
          opacity: 0; }
    .newsListingSwiper .newsListingContent .newsListingCarousel .listingItemDIV .infoDiv .titleDiv a {
      font-style: normal;
      font-weight: 700;
      line-height: normal;
      color: #231F20; }
      .newsListingSwiper .newsListingContent .newsListingCarousel .listingItemDIV .infoDiv .titleDiv a {
        font-size: 16px; }
        @media screen and (min-width: 320px) {
          .newsListingSwiper .newsListingContent .newsListingCarousel .listingItemDIV .infoDiv .titleDiv a {
            font-size: calc(16px + 2 * ((100vw - 320px) / 1280)); } }
        @media screen and (min-width: 1600px) {
          .newsListingSwiper .newsListingContent .newsListingCarousel .listingItemDIV .infoDiv .titleDiv a {
            font-size: 18px; } }
    .newsListingSwiper .newsListingContent .newsListingCarousel .listingItemDIV .infoDiv .dateDiv {
      color: #63686A;
      font-size: 17px;
      font-style: normal;
      font-weight: 300;
      line-height: normal;
      margin-bottom: 10px; }
    .newsListingSwiper .newsListingContent .newsListingCarousel .listingItemDIV:hover .imgDiv img {
      scale: 1.2; }
    .newsListingSwiper .newsListingContent .newsListingCarousel .listingItemDIV:hover .projectLink span {
      opacity: 1; }
    .newsListingSwiper .newsListingContent .newsListingCarousel .listingItemDIV:hover .projectLink::after {
      top: 0;
      right: 0;
      transform: none;
      opacity: 1; }
    .newsListingSwiper .newsListingContent .newsListingCarousel .listingItemDIV:hover .projectLink::before {
      bottom: 0;
      left: 0;
      transform: none;
      opacity: 1; }
    .newsListingSwiper .newsListingContent .newsListingCarousel .listingItemDIV:hover .infoDiv .titleDiv a {
      color: #E31D3C; }

footer {
  background: #72787A;
  padding: 40px 0 20px;
  z-index: 1;
  position: relative; }
  footer .menuList ul {
    list-style-type: none;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 0;
    padding-left: 0; }
    footer .menuList ul li {
      margin-right: 20px; }
      footer .menuList ul li a {
        font-weight: 300; }
      footer .menuList ul li:last-child {
        margin-right: 0; }
      footer .menuList ul li a:hover {
        color: #E31D3C; }
  footer .first {
    text-align: center;
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
    padding-bottom: 40px; }
    footer .first a {
      display: inline-block;
      max-width: 216px; }
      footer .first a img {
        width: 100%; }
  footer .middle {
    border-bottom: 1px solid rgba(255, 255, 255, 0.1); }
    footer .middle h5 {
      color: #FFF;
      text-align: center;
      font-style: normal;
      font-weight: 700;
      line-height: normal; }
      footer .middle h5 {
        font-size: 16px; }
        @media screen and (min-width: 320px) {
          footer .middle h5 {
            font-size: calc(16px + 10 * ((100vw - 320px) / 1280)); } }
        @media screen and (min-width: 1600px) {
          footer .middle h5 {
            font-size: 26px; } }
    footer .middle .socialMedia {
      padding-bottom: 30px;
      padding-top: 30px; }
      footer .middle .socialMedia ul {
        list-style-type: none;
        display: flex;
        align-items: center;
        justify-content: center;
        padding: 0;
        margin: 0; }
        footer .middle .socialMedia ul li {
          margin-right: 24px; }
          footer .middle .socialMedia ul li:last-child {
            margin-right: 0; }
          footer .middle .socialMedia ul li a {
            display: block;
            filter: brightness(0) invert(1);
            transition: all 0.3s ease-in-out; }
            footer .middle .socialMedia ul li a img {
              width: 18px;
              height: 18px;
              transition: all 0.3s ease-in-out; }
            footer .middle .socialMedia ul li a:hover {
              scale: 1.4;
              transform-origin: left top;
              filter: brightness(0) saturate(100%) invert(39%) sepia(97%) saturate(5778%) hue-rotate(338deg) brightness(90%) contrast(98%); }
  footer .last {
    padding-top: 24px;
    display: flex;
    justify-content: space-between; }
    footer .last p {
      color: #FFF;
      margin-bottom: 0;
      font-style: normal;
      font-weight: 300;
      line-height: normal; }
      footer .last p {
        font-size: 12px; }
        @media screen and (min-width: 320px) {
          footer .last p {
            font-size: calc(12px + 3 * ((100vw - 320px) / 1280)); } }
        @media screen and (min-width: 1600px) {
          footer .last p {
            font-size: 15px; } }
      footer .last p a {
        color: #E31D3C;
        transition: all 0.3s ease-in-out; }
        footer .last p a:hover {
          color: white; }

.bodyContent {
  padding: 200px 0 100px; }
  .bodyContent.projects, .bodyContent.news {
    padding: 160px 0 50px; }
    .bodyContent.projects .subTitle, .bodyContent.news .subTitle {
      color: #000;
      font-size: 11px;
      font-style: normal;
      font-weight: 600;
      line-height: normal;
      letter-spacing: 1.43px;
      text-transform: uppercase; }
    .bodyContent.projects .mainTitle, .bodyContent.news .mainTitle {
      margin: 0; }
      .bodyContent.projects .mainTitle h2, .bodyContent.news .mainTitle h2 {
        position: relative;
        padding: 20px 0;
        line-height: 40px !important; }
        .bodyContent.projects .mainTitle h2::after, .bodyContent.news .mainTitle h2::after {
          position: absolute;
          bottom: 0;
          left: 0; }
      .bodyContent.projects .mainTitle h2, .bodyContent.news .mainTitle h2 {
        font-weight: 500;
        color: #000;
        font-size: 40px;
        font-style: normal;
        font-weight: 500;
        line-height: 68px;
        text-transform: uppercase; }
        .bodyContent.projects .mainTitle h2::before, .bodyContent.news .mainTitle h2::before {
          content: "";
          position: absolute;
          bottom: 0;
          left: 0;
          width: 40%;
          height: 2px;
          background-color: #E31D3C; }
        .bodyContent.projects .mainTitle h2::after, .bodyContent.news .mainTitle h2::after {
          display: none; }
  .bodyContent.news .wrapper {
    display: flex;
    justify-content: space-between;
    align-items: center; }
    .bodyContent.news .wrapper .filteringList {
      padding-bottom: 0; }
  .bodyContent .mainSubTitle {
    margin-left: 50px;
    color: #231F20;
    font-style: normal;
    font-weight: 300;
    line-height: normal; }
    .bodyContent .mainSubTitle {
      font-size: 16px; }
      @media screen and (min-width: 320px) {
        .bodyContent .mainSubTitle {
          font-size: calc(16px + 4 * ((100vw - 320px) / 1280)); } }
      @media screen and (min-width: 1600px) {
        .bodyContent .mainSubTitle {
          font-size: 20px; } }
  .bodyContent .mainTitle {
    margin: 0 50px; }
    .bodyContent .mainTitle h2 {
      max-width: fit-content;
      color: #231F20;
      font-style: normal;
      font-weight: 700;
      position: relative; }
      .bodyContent .mainTitle h2 {
        font-size: 26px; }
        @media screen and (min-width: 320px) {
          .bodyContent .mainTitle h2 {
            font-size: calc(26px + 28 * ((100vw - 320px) / 1280)); } }
        @media screen and (min-width: 1600px) {
          .bodyContent .mainTitle h2 {
            font-size: 54px; } }
      .bodyContent .mainTitle h2 {
        line-height: 35px; }
        @media screen and (min-width: 320px) {
          .bodyContent .mainTitle h2 {
            line-height: calc(35px + 53 * ((100vw - 320px) / 1280)); } }
        @media screen and (min-width: 1600px) {
          .bodyContent .mainTitle h2 {
            line-height: 88px; } }
    .bodyContent .mainTitle h2::before {
      content: "";
      display: block;
      position: absolute;
      width: 65px;
      height: 65px;
      bottom: -48px;
      left: -48px;
      background-image: url(/Images/Vector.svg);
      background-repeat: no-repeat;
      background-position: center center;
      background-size: contain;
      -webkit-transition: all 0.3s ease-in-out;
      -moz-transition: all 0.3s ease-in-out;
      -ms-transition: all 0.3s ease-in-out;
      -o-transition: all 0.3s ease-in-out;
      transition: all 0.3s ease-in-out; }
    .bodyContent .mainTitle h2::after {
      content: "";
      display: block;
      position: absolute;
      width: 32px;
      height: 32px;
      top: -20px;
      right: -48px;
      background-image: url(/Images/square.svg);
      background-repeat: no-repeat;
      background-position: center center;
      background-size: contain;
      -webkit-transition: all 0.3s ease-in-out;
      -moz-transition: all 0.3s ease-in-out;
      -ms-transition: all 0.3s ease-in-out;
      -o-transition: all 0.3s ease-in-out;
      transition: all 0.3s ease-in-out; }
  .bodyContent.greyBackground {
    background-color: #63686A; }
    .bodyContent.greyBackground .mainSubTitle {
      color: #ffffff; }
    .bodyContent.greyBackground .mainTitle h2 {
      color: #ffffff;
      font-weight: 300; }
      .bodyContent.greyBackground .mainTitle h2 span {
        font-weight: 700; }
    .bodyContent.greyBackground .mainTitle .mainSubTitle {
      padding: 0;
      margin: 0; }

.appliedFilters .appliedFilter {
  display: inline-block;
  margin-right: 18px;
  padding: 10px 20px;
  padding-left: 44px;
  border-radius: 33px;
  margin-bottom: 15px;
  background-color: #E3E9EC;
  cursor: pointer;
  position: relative;
  transition: all 0.3s ease-in-out; }
  .appliedFilters .appliedFilter::before {
    content: "✖";
    position: absolute;
    width: 25px;
    height: 25px;
    opacity: 0.5;
    top: 50%;
    transform: translateY(-50%);
    left: 20px;
    color: #72787A; }
  .appliedFilters .appliedFilter:hover {
    background-color: #E31D3C;
    color: #ffffff; }
    .appliedFilters .appliedFilter:hover::before {
      color: #ffffff;
      opacity: 1; }

.filtering {
  position: relative;
  z-index: 100; }
  .filtering .filter-inputs {
    padding-bottom: 50px;
    border-bottom: 1px solid #E6E6E6; }
  .filtering .line {
    width: 100%;
    height: 1px;
    margin-bottom: 35px;
    background-color: #E6E6E6; }
  .filtering .container .filterby {
    display: flex;
    justify-content: end;
    align-items: center; }
  .filtering .container a.filtersToggle {
    padding: 14px;
    padding-right: 40px;
    padding-left: 13px;
    position: relative;
    background: #E3E9EC;
    transform: translateY(-2px);
    color: #72787A;
    cursor: pointer;
    font-size: 14px;
    font-style: normal;
    font-weight: 300;
    line-height: 14px;
    /* 185.714% */ }
    .filtering .container a.filtersToggle:hover {
      color: #E31D3C; }
    .filtering .container a.filtersToggle::before {
      content: '';
      display: block;
      position: absolute;
      top: 50%;
      transform: translateY(-50%);
      transition: all 0.3s ease-in-out;
      right: 15px;
      width: 14px;
      height: 14px;
      background-image: url(../images/down-arrow1.svg);
      background-position: center;
      background-size: contain;
      background-repeat: no-repeat; }
  .filtering .container input[type="text"] {
    font-size: 14px;
    font-style: normal;
    width: 100% !important;
    font-weight: 400;
    line-height: 30px;
    border-radius: 0;
    background-color: #E3E9EC;
    border: none;
    outline: none;
    padding: 8px 45px;
    width: 400px;
    background-image: url(../Images/search.svg);
    background-position: 15px center;
    background-repeat: no-repeat;
    background-size: 20px; }
    .filtering .container input[type="text"]::placeholder {
      color: #72787A; }
  .filtering .filteringList {
    padding-bottom: 40px; }
    .filtering .filteringList.YearFilter .container {
      padding: 0; }
    .filtering .filteringList .container {
      display: flex;
      justify-content: end; }
      .filtering .filteringList .container select {
        color: #72787A;
        font-size: 14px;
        font-style: normal;
        background-color: #E3E9EC;
        border-color: transparent;
        font-weight: 300;
        line-height: 26px;
        padding: 10px 10px 12px 12px;
        position: relative;
        display: inline-block;
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;
        background-image: url(/images/down-arrow1.svg);
        background-position: center;
        background-size: contain;
        background-repeat: no-repeat;
        background-size: 15px;
        padding-right: 50px;
        background-position: 90% 48%;
        cursor: pointer; }

.subMenu {
  padding-bottom: 50px; }
  .subMenu.only2 ul {
    justify-content: start; }
  .subMenu.only2 li {
    margin-right: 20px; }
  .subMenu ul {
    display: flex;
    padding: 0; }
    .subMenu ul li {
      margin-right: 20px; }
      .subMenu ul li:last-child {
        margin-right: 0; }
      .subMenu ul li a {
        color: #435055;
        text-align: center;
        font-feature-settings: 'cv11' on, 'cv01' on, 'ss01' on;
        font-size: 15px;
        font-style: normal;
        font-weight: 700;
        line-height: normal;
        letter-spacing: 0.15px;
        text-transform: uppercase;
        border-radius: 600px;
        border: 2px solid #435055;
        opacity: 0.2;
        padding: 10px 20px; }
        .subMenu ul li a:hover {
          cursor: pointer;
          color: #E31D3C;
          border-radius: 600px;
          border: 2px solid #E31D3C;
          opacity: 1; }
        .subMenu ul li a.active {
          color: #E31D3C;
          border-radius: 600px;
          border: 2px solid #E31D3C;
          opacity: 1; }

.overviewContent {
  z-index: 1;
  position: relative; }
  .overviewContent .overviewTitle {
    color: #231F20;
    font-style: normal;
    font-weight: 300;
    line-height: normal; }
    .overviewContent .overviewTitle {
      font-size: 20px; }
      @media screen and (min-width: 320px) {
        .overviewContent .overviewTitle {
          font-size: calc(20px + 16 * ((100vw - 320px) / 1280)); } }
      @media screen and (min-width: 1600px) {
        .overviewContent .overviewTitle {
          font-size: 36px; } }
    .overviewContent .overviewTitle span {
      font-weight: 700; }
  .overviewContent .overviewSummaryInfo {
    padding-top: 30px;
    display: flex; }
    .overviewContent .overviewSummaryInfo .imgOverview {
      max-width: 660px;
      margin-right: 20px; }
    .overviewContent .overviewSummaryInfo .summaryOverview {
      padding-left: 20px;
      margin: auto 0; }
      .overviewContent .overviewSummaryInfo .summaryOverview .bigSummary {
        color: #231F20;
        font-style: normal;
        font-weight: 300;
        line-height: normal;
        margin-bottom: 20px; }
        .overviewContent .overviewSummaryInfo .summaryOverview .bigSummary {
          font-size: 20px; }
          @media screen and (min-width: 320px) {
            .overviewContent .overviewSummaryInfo .summaryOverview .bigSummary {
              font-size: calc(20px + 16 * ((100vw - 320px) / 1280)); } }
          @media screen and (min-width: 1600px) {
            .overviewContent .overviewSummaryInfo .summaryOverview .bigSummary {
              font-size: 36px; } }
      .overviewContent .overviewSummaryInfo .summaryOverview .smallSummary {
        color: #63686A;
        font-style: normal;
        font-weight: 400;
        /* 166.667% */ }
        .overviewContent .overviewSummaryInfo .summaryOverview .smallSummary {
          font-size: 16px; }
          @media screen and (min-width: 320px) {
            .overviewContent .overviewSummaryInfo .summaryOverview .smallSummary {
              font-size: calc(16px + 2 * ((100vw - 320px) / 1280)); } }
          @media screen and (min-width: 1600px) {
            .overviewContent .overviewSummaryInfo .summaryOverview .smallSummary {
              font-size: 18px; } }
        .overviewContent .overviewSummaryInfo .summaryOverview .smallSummary {
          line-height: 22px; }
          @media screen and (min-width: 320px) {
            .overviewContent .overviewSummaryInfo .summaryOverview .smallSummary {
              line-height: calc(22px + 8 * ((100vw - 320px) / 1280)); } }
          @media screen and (min-width: 1600px) {
            .overviewContent .overviewSummaryInfo .summaryOverview .smallSummary {
              line-height: 30px; } }

@keyframes scaleUp {
  0% {
    opacity: 0;
    transform: translate3d(6.94444vw, 0, 0) scaleX(0.8); }
  100% {
    opacity: 0.7;
    transform: translate3d(0, 0, 0) scaleX(1); } }
.darkDiv {
  background-color: #231F20;
  padding: 100px 0;
  background-size: cover;
  background-position: center; }
  .darkDiv .info .upperinfo {
    max-width: 650px;
    color: #ffffff;
    font-style: normal;
    font-weight: 300;
    line-height: normal; }
    .darkDiv .info .upperinfo {
      font-size: 20px; }
      @media screen and (min-width: 320px) {
        .darkDiv .info .upperinfo {
          font-size: calc(20px + 16 * ((100vw - 320px) / 1280)); } }
      @media screen and (min-width: 1600px) {
        .darkDiv .info .upperinfo {
          font-size: 36px; } }
    .darkDiv .info .upperinfo span {
      color: #E31D3C;
      font-weight: 700; }
  .darkDiv .info .lowerInfo {
    max-width: 650px;
    color: #C2C2C2;
    font-style: normal;
    font-weight: 400;
    right: 0;
    padding-top: 300px; }
    .darkDiv .info .lowerInfo {
      font-size: 16px; }
      @media screen and (min-width: 320px) {
        .darkDiv .info .lowerInfo {
          font-size: calc(16px + 4 * ((100vw - 320px) / 1280)); } }
      @media screen and (min-width: 1600px) {
        .darkDiv .info .lowerInfo {
          font-size: 20px; } }
    .darkDiv .info .lowerInfo {
      line-height: 22px; }
      @media screen and (min-width: 320px) {
        .darkDiv .info .lowerInfo {
          line-height: calc(22px + 8 * ((100vw - 320px) / 1280)); } }
      @media screen and (min-width: 1600px) {
        .darkDiv .info .lowerInfo {
          line-height: 30px; } }

.certificationsContent {
  padding: 100px 0; }
  .certificationsContent .title {
    color: #231F20;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    margin-bottom: 50px; }
    .certificationsContent .title {
      font-size: 20px; }
      @media screen and (min-width: 320px) {
        .certificationsContent .title {
          font-size: calc(20px + 24 * ((100vw - 320px) / 1280)); } }
      @media screen and (min-width: 1600px) {
        .certificationsContent .title {
          font-size: 44px; } }
  .certificationsContent .listing ul li {
    justify-content: center; }
    .certificationsContent .listing ul li .img img {
      text-align: center;
      margin: auto; }
    .certificationsContent .listing ul li .titleYear {
      color: #63686A;
      text-align: center;
      font-size: 12px;
      font-style: normal;
      font-weight: 700; }
      .certificationsContent .listing ul li .titleYear {
        line-height: 22px; }
        @media screen and (min-width: 320px) {
          .certificationsContent .listing ul li .titleYear {
            line-height: calc(22px + 8 * ((100vw - 320px) / 1280)); } }
        @media screen and (min-width: 1600px) {
          .certificationsContent .listing ul li .titleYear {
            line-height: 30px; } }
    .certificationsContent .listing ul li .title {
      color: #231F20;
      text-align: center;
      font-style: normal;
      font-weight: 300;
      line-height: normal; }
      .certificationsContent .listing ul li .title {
        font-size: 16px; }
        @media screen and (min-width: 320px) {
          .certificationsContent .listing ul li .title {
            font-size: calc(16px + 4 * ((100vw - 320px) / 1280)); } }
        @media screen and (min-width: 1600px) {
          .certificationsContent .listing ul li .title {
            font-size: 20px; } }

.cultureListing {
  background-color: #FFF;
  padding: 100px 0;
  padding-bottom: 80px; }
  .cultureListing .blockTitle {
    color: #000;
    font-size: 30px;
    font-style: normal;
    font-weight: 500;
    line-height: 34px;
    margin-bottom: 40px;
    /* 113.333% */ }
  .cultureListing .cultureContent .listingHolder .listingItemDIV {
    padding: 20px;
    padding-bottom: 0; }
  .cultureListing .cultureContent .contentItem {
    background-color: #E3E9EC;
    margin-bottom: 20px;
    padding: 100px 70px;
    color: #231F20;
    text-align: center;
    line-height: normal;
    transition: all 0.3s ease-in-out;
    overflow: hidden;
    margin-bottom: 0; }
    .cultureListing .cultureContent .contentItem .wrapper {
      transform: translateY(50%);
      transition: all 0.3s ease-in-out; }
    .cultureListing .cultureContent .contentItem:hover {
      background-color: #DD0B2F;
      color: #FFF; }
      .cultureListing .cultureContent .contentItem:hover .wrapper {
        transform: none; }
      .cultureListing .cultureContent .contentItem:hover .icon {
        filter: brightness(0) saturate(100%) invert(100%) sepia(16%) saturate(0%) hue-rotate(73deg) brightness(106%) contrast(101%); }
      .cultureListing .cultureContent .contentItem:hover .listingDescription {
        color: #FFF;
        opacity: 1;
        visibility: visible;
        position: relative; }
      .cultureListing .cultureContent .contentItem:hover .blockTitle {
        color: #ffffff; }
    .cultureListing .cultureContent .contentItem .blockTitle {
      font-weight: 500;
      font-size: 24px;
      margin-bottom: 15px; }
    .cultureListing .cultureContent .contentItem .blockHead {
      transition: none; }
    .cultureListing .cultureContent .contentItem .icon {
      display: flex;
      justify-content: center;
      margin-bottom: 25px; }
  .cultureListing .cultureContent .listingDescription {
    transition: all 0.3s ease-in-out;
    overflow: hidden;
    opacity: 0;
    visibility: hidden;
    color: #FFF;
    text-align: center;
    font-size: 16px;
    font-weight: 400;
    line-height: 24px; }

.quoteDiv {
  background-color: #FFF;
  padding: 100px 0;
  padding-top: 0; }
  .quoteDiv .contentQuote {
    display: flex; }
    .quoteDiv .contentQuote .summaryQuote {
      margin: auto 40px auto 0;
      color: #231F20;
      font-style: normal;
      font-weight: 500;
      line-height: normal;
      position: relative;
      padding-inline: 110px;
      max-width: 100%; }
      .quoteDiv .contentQuote .summaryQuote {
        font-size: 18px; }
        @media screen and (min-width: 320px) {
          .quoteDiv .contentQuote .summaryQuote {
            font-size: calc(18px + 12 * ((100vw - 320px) / 1280)); } }
        @media screen and (min-width: 1600px) {
          .quoteDiv .contentQuote .summaryQuote {
            font-size: 30px; } }
      .quoteDiv .contentQuote .summaryQuote::before {
        position: absolute;
        inset-inline-start: 0;
        top: 50%;
        width: 56px;
        height: 56px;
        transform: translateY(-50%);
        content: "";
        background-image: url("/images/quote.png");
        background-repeat: no-repeat;
        background-size: contain; }
      .quoteDiv .contentQuote .summaryQuote::after {
        position: absolute;
        inset-inline-end: 0;
        top: 50%;
        width: 56px;
        height: 56px;
        transform: translateY(-50%) rotate(180deg);
        content: "";
        background-image: url("/images/quote.png");
        background-repeat: no-repeat;
        background-size: contain; }

.missionVision {
  padding: 100px 0;
  overflow: hidden; }
  .missionVision .missionVisionContent .info {
    padding-right: 60px;
    padding-top: 100px; }
    .missionVision .missionVisionContent .info .infoDetails {
      margin-bottom: 53px; }
      .missionVision .missionVisionContent .info .infoDetails .title {
        color: #231F20;
        font-style: normal;
        font-weight: 500;
        line-height: normal;
        margin-bottom: 30px; }
        .missionVision .missionVisionContent .info .infoDetails .title {
          font-size: 20px; }
          @media screen and (min-width: 320px) {
            .missionVision .missionVisionContent .info .infoDetails .title {
              font-size: calc(20px + 10 * ((100vw - 320px) / 1280)); } }
          @media screen and (min-width: 1600px) {
            .missionVision .missionVisionContent .info .infoDetails .title {
              font-size: 30px; } }
      .missionVision .missionVisionContent .info .infoDetails .summary {
        color: #63686A;
        font-weight: 400;
        /* 166.667% */ }
        .missionVision .missionVisionContent .info .infoDetails .summary {
          font-size: 16px; }
          @media screen and (min-width: 320px) {
            .missionVision .missionVisionContent .info .infoDetails .summary {
              font-size: calc(16px + 2 * ((100vw - 320px) / 1280)); } }
          @media screen and (min-width: 1600px) {
            .missionVision .missionVisionContent .info .infoDetails .summary {
              font-size: 18px; } }
        .missionVision .missionVisionContent .info .infoDetails .summary {
          line-height: 22px; }
          @media screen and (min-width: 320px) {
            .missionVision .missionVisionContent .info .infoDetails .summary {
              line-height: calc(22px + 8 * ((100vw - 320px) / 1280)); } }
          @media screen and (min-width: 1600px) {
            .missionVision .missionVisionContent .info .infoDetails .summary {
              line-height: 30px; } }
      .missionVision .missionVisionContent .info .infoDetails:last-child {
        margin-bottom: 0; }
  .missionVision .missionVisionContent .img {
    transition: all 2s ease;
    transform: translateX(150%) scaleX(1.3);
    position: relative;
    padding: 0;
    overflow: hidden;
    transform-origin: center;
    transition: transform 2s cubic-bezier(0.1, 0, 0, 1); }
    .missionVision .missionVisionContent .img img {
      max-width: 100%;
      width: 100% !important;
      transform: scaleX(2);
      transform-origin: center;
      opacity: 0.7;
      transition: transform 2s cubic-bezier(0.1, 0, 0, 1);
      display: block;
      width: 100%; }
  .missionVision.visible .img {
    transform: none; }
    .missionVision.visible .img img {
      transform: none; }

.listingProjects {
  padding: 50px 0; }
  .listingProjects.news .listingItems .listingItemDIV:first-of-type {
    width: 100%; }
    .listingProjects.news .listingItems .listingItemDIV:first-of-type .flex-child {
      flex-grow: 1; }
    .listingProjects.news .listingItems .listingItemDIV:first-of-type .listingItemDiv {
      display: flex; }
      .listingProjects.news .listingItems .listingItemDIV:first-of-type .listingItemDiv .titleItem {
        font-size: 14px; }
        @media screen and (min-width: 320px) {
          .listingProjects.news .listingItems .listingItemDIV:first-of-type .listingItemDiv .titleItem {
            font-size: calc(14px + 8 * ((100vw - 320px) / 1280)); } }
        @media screen and (min-width: 1600px) {
          .listingProjects.news .listingItems .listingItemDIV:first-of-type .listingItemDiv .titleItem {
            font-size: 22px; } }
    .listingProjects.news .listingItems .listingItemDIV:first-of-type .info {
      background-color: #F4F6F7;
      padding: 100px 65px 100px 40px;
      display: flex;
      flex-direction: column;
      justify-content: center; }
      .listingProjects.news .listingItems .listingItemDIV:first-of-type .info .titleItem {
        color: #231F20;
        font-style: normal;
        font-weight: 700;
        line-height: normal;
        margin: 30px 0;
        transition: all 0.3s ease-in-out;
        letter-spacing: 2.2px;
        text-transform: uppercase; }
      .listingProjects.news .listingItems .listingItemDIV:first-of-type .info .DateItem {
        margin-bottom: 0; }
    .listingProjects.news .listingItems .listingItemDIV:first-of-type .imgItem {
      width: 50%;
      margin-bottom: 0; }
      .listingProjects.news .listingItems .listingItemDIV:first-of-type .imgItem a {
        height: 100%; }
        .listingProjects.news .listingItems .listingItemDIV:first-of-type .imgItem a img {
          height: 100%;
          object-fit: cover; }
  .listingProjects.news .listingItems .listingItemDIV .titleItem {
    color: #231F20;
    margin-bottom: 25px; }
  .listingProjects.news .listingItems .listingItemDIV .imgItem {
    margin-bottom: 30px; }
  .listingProjects.news .listingItems .listingItemDIV .DateItem {
    margin-bottom: 30px; }
  .listingProjects .listingItems .listingItemDiv {
    margin-bottom: 5px;
    padding: 0 5px;
    position: relative; }
    .listingProjects .listingItems .listingItemDiv .listingItem {
      position: relative; }
    .listingProjects .listingItems .listingItemDiv .wrapper {
      position: absolute;
      bottom: 20px;
      left: 20px;
      z-index: 10; }
    .listingProjects .listingItems .listingItemDiv .imgItem {
      margin-bottom: 10px; }
      .listingProjects .listingItems .listingItemDiv .imgItem a {
        display: block;
        position: relative;
        overflow: hidden; }
        .listingProjects .listingItems .listingItemDiv .imgItem a .projectLink {
          position: absolute;
          top: 50%;
          left: 50%;
          transform: translate(-50%, -50%);
          width: 175px;
          height: 80px;
          color: #FFF;
          font-size: 16px;
          font-style: normal;
          font-weight: 600;
          line-height: 80px;
          text-transform: uppercase;
          text-align: center;
          z-index: 10; }
          .listingProjects .listingItems .listingItemDiv .imgItem a .projectLink span {
            transition: all 0.3s ease-in-out;
            opacity: 0; }
          .listingProjects .listingItems .listingItemDiv .imgItem a .projectLink::after {
            content: "";
            display: block;
            position: absolute;
            width: 20px;
            height: 20px;
            background-color: #E31D3C;
            top: 50%;
            right: 45%;
            transform: translate(50%, -100%);
            transition: all 0.3s ease-in-out;
            opacity: 0; }
          .listingProjects .listingItems .listingItemDiv .imgItem a .projectLink::before {
            content: '';
            display: block;
            position: absolute;
            width: 40px;
            height: 40px;
            border: 12px solid #E31D3C;
            border-top: none;
            border-right: none;
            bottom: 50%;
            left: 50%;
            transform: translate(-50%, 50%);
            transition: all 0.3s ease-in-out;
            opacity: 0; }
        .listingProjects .listingItems .listingItemDiv .imgItem a img {
          display: block;
          width: 100%;
          transition: all 0.3s ease-in-out; }
    .listingProjects .listingItems .listingItemDiv .titleItem {
      color: #ffffff;
      font-style: normal;
      font-weight: 500;
      line-height: normal;
      text-transform: uppercase;
      letter-spacing: 1.4px; }
      .listingProjects .listingItems .listingItemDiv .titleItem {
        font-size: 14px; }
        @media screen and (min-width: 320px) {
          .listingProjects .listingItems .listingItemDiv .titleItem {
            font-size: calc(14px + 4 * ((100vw - 320px) / 1280)); } }
        @media screen and (min-width: 1600px) {
          .listingProjects .listingItems .listingItemDiv .titleItem {
            font-size: 18px; } }
    .listingProjects .listingItems .listingItemDiv .DateItem {
      color: #63686A;
      font-size: 16px;
      font-style: normal;
      font-weight: 300;
      line-height: normal;
      margin-bottom: 10px; }
    .listingProjects .listingItems .listingItemDiv .itemLocation {
      color: #ffffff;
      font-size: 16px;
      font-style: normal;
      font-weight: 300;
      line-height: normal;
      text-transform: capitalize;
      transition: all 0.3s ease-in-out;
      opacity: 0; }
    .listingProjects .listingItems .listingItemDiv:hover .itemLocation {
      opacity: 1; }
    .listingProjects .listingItems .listingItemDiv:hover .imgItem a .projectLink span {
      opacity: 1; }
    .listingProjects .listingItems .listingItemDiv:hover .imgItem a .projectLink::after {
      top: 0;
      right: 0;
      transform: none;
      opacity: 1; }
    .listingProjects .listingItems .listingItemDiv:hover .imgItem a .projectLink::before {
      bottom: 0;
      left: 0;
      transform: none;
      opacity: 1; }
    .listingProjects .listingItems .listingItemDiv:hover .imgItem a img {
      transform: scale(1.2); }
  .listingProjects.news .listingItemDiv {
    margin-bottom: 30px; }
    .listingProjects.news .listingItemDiv img {
      width: 100%; }

.back {
  margin-top: 50px;
  margin-left: 28px;
  margin-bottom: 60px;
  font-size: 14px;
  font-style: normal;
  font-weight: 700;
  text-transform: uppercase;
  position: relative;
  padding-left: 15px;
  transform: translateX(-15px);
  color: #231F20;
  font-weight: 700;
  line-height: normal;
  letter-spacing: 1.2px;
  text-transform: uppercase; }
  .back::before {
    content: "";
    display: block;
    position: absolute;
    width: 35px;
    height: 35px;
    bottom: -8px;
    left: -30px;
    transform: rotate(180deg);
    background-image: url(/Images/arrow-right2.svg);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: contain;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out; }
  .back:hover::after {
    transform: translateX(-20px) scale(180deg); }

.projectTitle {
  color: #231F20;
  font-style: normal; }
  .projectTitle {
    font-size: 26px; }
    @media screen and (min-width: 320px) {
      .projectTitle {
        font-size: calc(26px + 14 * ((100vw - 320px) / 1280)); } }
    @media screen and (min-width: 1600px) {
      .projectTitle {
        font-size: 40px; } }
  .projectTitle {
    line-height: 35px; }
    @media screen and (min-width: 320px) {
      .projectTitle {
        line-height: calc(35px + 33 * ((100vw - 320px) / 1280)); } }
    @media screen and (min-width: 1600px) {
      .projectTitle {
        line-height: 68px; } }
  .projectTitle h2 {
    text-transform: uppercase; }
    .projectTitle h2 .word {
      font-weight: 700; }

.bodyContentProject {
  padding: 100px 0 50px; }
  .bodyContentProject.JobApplication .container {
    max-width: 1300px; }
  .bodyContentProject.JobApplication .halfline {
    padding-bottom: 40px;
    font-size: 40px;
    font-style: normal;
    font-weight: 500;
    line-height: 58px; }
  .bodyContentProject.jobDetails {
    padding: 100px 0; }
    .bodyContentProject.jobDetails .dateTitle {
      margin-bottom: 30px; }
    .bodyContentProject.jobDetails .projectTitle h2 {
      margin-bottom: 50px;
      color: #000;
      font-size: 40px;
      font-style: normal;
      text-transform: uppercase;
      padding-bottom: 35px;
      margin-bottom: 0;
      font-weight: 500; }
      .bodyContentProject.jobDetails .projectTitle h2 {
        font-size: 25px; }
        @media screen and (min-width: 320px) {
          .bodyContentProject.jobDetails .projectTitle h2 {
            font-size: calc(25px + 15 * ((100vw - 320px) / 1280)); } }
        @media screen and (min-width: 1600px) {
          .bodyContentProject.jobDetails .projectTitle h2 {
            font-size: 40px; } }
      .bodyContentProject.jobDetails .projectTitle h2 {
        line-height: 33px; }
        @media screen and (min-width: 320px) {
          .bodyContentProject.jobDetails .projectTitle h2 {
            line-height: calc(33px + 25 * ((100vw - 320px) / 1280)); } }
        @media screen and (min-width: 1600px) {
          .bodyContentProject.jobDetails .projectTitle h2 {
            line-height: 58px; } }
  .bodyContentProject.newsDetails .container {
    max-width: 1300px; }
  .bodyContentProject.newsDetails .dateTitle {
    margin-bottom: 40px; }
  .bodyContentProject.newsDetails .projectTitle h2 {
    margin-bottom: 50px;
    color: #000;
    padding-bottom: 35px;
    margin-bottom: 45px;
    font-family: "Acumin Pro";
    font-style: normal;
    font-weight: 500;
    text-transform: uppercase;
    margin-bottom: 0; }
    .bodyContentProject.newsDetails .projectTitle h2 {
      font-size: 23px; }
      @media screen and (min-width: 320px) {
        .bodyContentProject.newsDetails .projectTitle h2 {
          font-size: calc(23px + 17 * ((100vw - 320px) / 1280)); } }
      @media screen and (min-width: 1600px) {
        .bodyContentProject.newsDetails .projectTitle h2 {
          font-size: 40px; } }
    .bodyContentProject.newsDetails .projectTitle h2 {
      line-height: 36px; }
      @media screen and (min-width: 320px) {
        .bodyContentProject.newsDetails .projectTitle h2 {
          line-height: calc(36px + 24 * ((100vw - 320px) / 1280)); } }
      @media screen and (min-width: 1600px) {
        .bodyContentProject.newsDetails .projectTitle h2 {
          line-height: 60px; } }
  .bodyContentProject .back {
    display: block; }
    .bodyContentProject .back::before {
      transition: all 0.3s ease-in-out; }
    .bodyContentProject .back:hover::before {
      left: -40px; }

@keyframes zoomOut {
  from {
    transform: scale(0.6);
    opacity: 1; }
  to {
    transform: scale(1);
    opacity: 0.8; } }
@keyframes widthIncrease {
  from {
    width: 0;
    /* Start with no width */ }
  to {
    width: 100%;
    /* Gradually increase to full width */ } }
@keyframes openFromCenter {
  from {
    transform: scaleX(0.4) translateY(100px); }
  to {
    transform: scaleX(1) translateY(0); } }
.projectSpecs .container-fluid {
  padding: 0; }
.projectSpecs.show .imgProject:before {
  left: 100%; }
.projectSpecs.show .imgProject:after {
  width: 0; }
.projectSpecs.show .imgProject img {
  transform: none; }
.projectSpecs .imgProject {
  transition: all 2s ease;
  position: relative;
  padding: 0;
  overflow: hidden;
  position: relative;
  min-width: 100%;
  min-height: 576px;
  transform-origin: center;
  transition: transform 2s ease; }
  .projectSpecs .imgProject:before {
    content: "";
    position: absolute;
    top: 0;
    left: 50%;
    right: 0;
    background: white;
    height: 100%;
    width: 100%;
    transition: all 2s ease-in-out;
    z-index: 1; }
  .projectSpecs .imgProject:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    background: white;
    height: 100%;
    width: 50%;
    transition: all 2s ease-in-out; }
  .projectSpecs .imgProject img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    min-width: 1000px;
    object-fit: cover; }
.projectSpecs .specsInfo {
  padding: 30px 0;
  border-bottom: 1px solid #d9d9d9; }
  .projectSpecs .specsInfo .rowSpecs {
    display: flex;
    justify-content: space-between; }
  .projectSpecs .specsInfo .specsItems {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center; }
    .projectSpecs .specsInfo .specsItems .imgSpec {
      margin-bottom: 20px; }
      .projectSpecs .specsInfo .specsItems .imgSpec img {
        width: 50px;
        height: 50px; }
    .projectSpecs .specsInfo .specsItems .infoSpec {
      text-align: center; }
      .projectSpecs .specsInfo .specsItems .infoSpec .title {
        color: #000;
        font-size: 14px;
        font-style: normal;
        font-weight: 500;
        line-height: normal;
        letter-spacing: 1.4px;
        text-transform: uppercase; }
      .projectSpecs .specsInfo .specsItems .infoSpec .sub {
        display: none; }
  .projectSpecs .specsInfo .infoSpec .sub {
    color: #63686A;
    font-size: 12px;
    font-style: normal;
    font-weight: 700;
    /* 250% */ }
    .projectSpecs .specsInfo .infoSpec .sub {
      line-height: 22px; }
      @media screen and (min-width: 320px) {
        .projectSpecs .specsInfo .infoSpec .sub {
          line-height: calc(22px + 8 * ((100vw - 320px) / 1280)); } }
      @media screen and (min-width: 1600px) {
        .projectSpecs .specsInfo .infoSpec .sub {
          line-height: 30px; } }
  .projectSpecs .specsInfo .infoSpec .title {
    color: #231F20;
    font-style: normal;
    font-weight: 700;
    line-height: normal; }
    .projectSpecs .specsInfo .infoSpec .title {
      font-size: 16px; }
      @media screen and (min-width: 320px) {
        .projectSpecs .specsInfo .infoSpec .title {
          font-size: calc(16px + 2 * ((100vw - 320px) / 1280)); } }
      @media screen and (min-width: 1600px) {
        .projectSpecs .specsInfo .infoSpec .title {
          font-size: 18px; } }
.projectSpecs .descriptionProject {
  padding: 100px 0 50px; }
  .projectSpecs .descriptionProject .descriptionProjectContent {
    display: flex;
    justify-content: space-between; }
    .projectSpecs .descriptionProject .descriptionProjectContent .descriptionText .title {
      margin-bottom: 20px;
      color: #231F20;
      font-style: normal;
      font-weight: 500;
      /* 127.778% */ }
      .projectSpecs .descriptionProject .descriptionProjectContent .descriptionText .title {
        font-size: 20px; }
        @media screen and (min-width: 320px) {
          .projectSpecs .descriptionProject .descriptionProjectContent .descriptionText .title {
            font-size: calc(20px + 10 * ((100vw - 320px) / 1280)); } }
        @media screen and (min-width: 1600px) {
          .projectSpecs .descriptionProject .descriptionProjectContent .descriptionText .title {
            font-size: 30px; } }
      .projectSpecs .descriptionProject .descriptionProjectContent .descriptionText .title {
        line-height: 25px; }
        @media screen and (min-width: 320px) {
          .projectSpecs .descriptionProject .descriptionProjectContent .descriptionText .title {
            line-height: calc(25px + 9 * ((100vw - 320px) / 1280)); } }
        @media screen and (min-width: 1600px) {
          .projectSpecs .descriptionProject .descriptionProjectContent .descriptionText .title {
            line-height: 34px; } }
      .projectSpecs .descriptionProject .descriptionProjectContent .descriptionText .title span {
        font-weight: 700; }
    .projectSpecs .descriptionProject .descriptionProjectContent .descriptionText .summary {
      color: #231F20;
      font-size: 18px;
      font-style: normal;
      font-weight: 300;
      line-height: 26px; }
    .projectSpecs .descriptionProject .descriptionProjectContent .listingServicesproject {
      background: rgba(114, 120, 122, 0.09);
      border-top: 2px solid #E31D3C;
      padding: 40px;
      padding-bottom: 20px; }
      .projectSpecs .descriptionProject .descriptionProjectContent .listingServicesproject .titleService {
        color: #231F20;
        font-style: normal;
        font-weight: 700;
        line-height: normal;
        margin-bottom: 20px; }
        .projectSpecs .descriptionProject .descriptionProjectContent .listingServicesproject .titleService {
          font-size: 16px; }
          @media screen and (min-width: 320px) {
            .projectSpecs .descriptionProject .descriptionProjectContent .listingServicesproject .titleService {
              font-size: calc(16px + 6 * ((100vw - 320px) / 1280)); } }
          @media screen and (min-width: 1600px) {
            .projectSpecs .descriptionProject .descriptionProjectContent .listingServicesproject .titleService {
              font-size: 22px; } }
      .projectSpecs .descriptionProject .descriptionProjectContent .listingServicesproject .listing ul {
        padding-left: 0; }
      .projectSpecs .descriptionProject .descriptionProjectContent .listingServicesproject .listing li {
        padding: 20px 0; }
        .projectSpecs .descriptionProject .descriptionProjectContent .listingServicesproject .listing li a {
          color: #231F20;
          font-size: 16px;
          font-style: normal;
          font-weight: 700;
          line-height: normal;
          position: relative;
          padding: 22px 23px 22px 0px;
          -webkit-transition: all 0.3s ease-in-out;
          -moz-transition: all 0.3s ease-in-out;
          -ms-transition: all 0.3s ease-in-out;
          -o-transition: all 0.3s ease-in-out;
          transition: all 0.3s ease-in-out; }
          .projectSpecs .descriptionProject .descriptionProjectContent .listingServicesproject .listing li a:hover {
            color: #E31D3C; }
            .projectSpecs .descriptionProject .descriptionProjectContent .listingServicesproject .listing li a:hover::after {
              transform: translate(8px, -50%);
              background-image: url(/images/red.svg); }
          .projectSpecs .descriptionProject .descriptionProjectContent .listingServicesproject .listing li a::after {
            content: "";
            display: block;
            position: absolute;
            width: 15px;
            height: 15px;
            right: 0;
            top: 50%;
            transform: translateY(-50%);
            background-image: url(/images/black.svg);
            background-repeat: no-repeat;
            background-position: center center;
            background-size: contain;
            -webkit-transition: all 0.3s ease-in-out;
            -moz-transition: all 0.3s ease-in-out;
            -ms-transition: all 0.3s ease-in-out;
            -o-transition: all 0.3s ease-in-out;
            transition: all 0.3s ease-in-out; }
      .projectSpecs .descriptionProject .descriptionProjectContent .listingServicesproject .listingImages ul {
        padding-left: 0; }
      .projectSpecs .descriptionProject .descriptionProjectContent .listingServicesproject .listingImages li {
        padding-bottom: 35px; }
        .projectSpecs .descriptionProject .descriptionProjectContent .listingServicesproject .listingImages li:last-child {
          padding-bottom: 0;
          margin-bottom: 100px; }
      .projectSpecs .descriptionProject .descriptionProjectContent .listingServicesproject .listingImages .btnText a {
        display: inline-block;
        float: right;
        padding: 10px 40px 10px 30px;
        color: #E31D3C;
        font-size: 15px;
        position: relative;
        color: #E31D3C;
        text-align: center;
        font-style: normal;
        font-weight: 700;
        line-height: normal;
        letter-spacing: 0.15px;
        text-transform: uppercase;
        border: solid 2px #E31D3C;
        border-radius: 600px;
        -webkit-transition: all 0.3s ease-in-out;
        -moz-transition: all 0.3s ease-in-out;
        -ms-transition: all 0.3s ease-in-out;
        -o-transition: all 0.3s ease-in-out;
        transition: all 0.3s ease-in-out; }
        .projectSpecs .descriptionProject .descriptionProjectContent .listingServicesproject .listingImages .btnText a::after {
          content: "";
          display: block;
          position: absolute;
          width: 24px;
          height: 24px;
          right: 17px;
          top: 50%;
          transform: translateY(-50%);
          background-image: url(/Images/redArrow.svg);
          background-repeat: no-repeat;
          background-position: center center;
          background-size: contain;
          -webkit-transition: all 0.3s ease-in-out;
          -moz-transition: all 0.3s ease-in-out;
          -ms-transition: all 0.3s ease-in-out;
          -o-transition: all 0.3s ease-in-out;
          transition: all 0.3s ease-in-out; }
        .projectSpecs .descriptionProject .descriptionProjectContent .listingServicesproject .listingImages .btnText a:hover {
          cursor: pointer; }
          .projectSpecs .descriptionProject .descriptionProjectContent .listingServicesproject .listingImages .btnText a:hover::after {
            right: 10px; }
      .projectSpecs .descriptionProject .descriptionProjectContent .listingServicesproject .listingImages .titleImg {
        color: #231F20;
        font-style: normal;
        font-weight: 300;
        line-height: normal;
        text-transform: capitalize;
        margin-top: 10px; }
        .projectSpecs .descriptionProject .descriptionProjectContent .listingServicesproject .listingImages .titleImg {
          font-size: 18px; }
          @media screen and (min-width: 320px) {
            .projectSpecs .descriptionProject .descriptionProjectContent .listingServicesproject .listingImages .titleImg {
              font-size: calc(18px + 4 * ((100vw - 320px) / 1280)); } }
          @media screen and (min-width: 1600px) {
            .projectSpecs .descriptionProject .descriptionProjectContent .listingServicesproject .listingImages .titleImg {
              font-size: 22px; } }

.otherprojects {
  background-color: #ffffff;
  padding: 100px 0;
  padding-bottom: 80px;
  z-index: 1;
  position: relative;
  overflow-x: hidden; }
  .otherprojects .infoContent {
    position: absolute;
    bottom: 40px;
    left: 30px;
    z-index: 4; }
  .otherprojects .otherProjectsContent .title {
    color: #ffffff;
    font-style: normal;
    line-height: normal;
    margin-bottom: 20px;
    color: #000;
    font-style: normal;
    font-weight: 500;
    line-height: 34px; }
    .otherprojects .otherProjectsContent .title {
      font-size: 28px; }
      @media screen and (min-width: 320px) {
        .otherprojects .otherProjectsContent .title {
          font-size: calc(28px + 2 * ((100vw - 320px) / 1280)); } }
      @media screen and (min-width: 1600px) {
        .otherprojects .otherProjectsContent .title {
          font-size: 30px; } }
  .otherprojects .otherProjectsContent .listingOthers .listingItemDiv .imgItem {
    margin-bottom: 20px;
    overflow: hidden;
    position: relative; }
    .otherprojects .otherProjectsContent .listingOthers .listingItemDiv .imgItem .image-dimmer {
      z-index: 3; }
    .otherprojects .otherProjectsContent .listingOthers .listingItemDiv .imgItem a {
      position: relative;
      overflow: hidden;
      display: block; }
      .otherprojects .otherProjectsContent .listingOthers .listingItemDiv .imgItem a img {
        display: block;
        width: 100%;
        transition: all 0.3s ease-in-out; }
      .otherprojects .otherProjectsContent .listingOthers .listingItemDiv .imgItem a .projectLink {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        width: 175px;
        height: 80px;
        color: #FFF;
        font-size: 16px;
        font-style: normal;
        font-weight: 600;
        line-height: 80px;
        text-transform: uppercase;
        text-align: center; }
        .otherprojects .otherProjectsContent .listingOthers .listingItemDiv .imgItem a .projectLink span {
          transition: all 0.3s ease-in-out;
          opacity: 0; }
        .otherprojects .otherProjectsContent .listingOthers .listingItemDiv .imgItem a .projectLink::after {
          content: "";
          display: block;
          position: absolute;
          width: 20px;
          height: 20px;
          background-color: #E31D3C;
          top: 50%;
          right: 45%;
          transform: translate(50%, -100%);
          transition: all 0.3s ease-in-out;
          opacity: 0; }
        .otherprojects .otherProjectsContent .listingOthers .listingItemDiv .imgItem a .projectLink::before {
          content: '';
          display: block;
          position: absolute;
          width: 40px;
          height: 40px;
          border: 12px solid #E31D3C;
          border-top: none;
          border-right: none;
          bottom: 50%;
          left: 50%;
          transform: translate(-50%, 50%);
          transition: all 0.3s ease-in-out;
          opacity: 0; }
  .otherprojects .otherProjectsContent .listingOthers .listingItemDiv .titleItem {
    color: #ffffff;
    color: #FFF;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    letter-spacing: 1.4px;
    text-transform: uppercase; }
  .otherprojects .otherProjectsContent .listingOthers .listingItemDiv .itemLocation {
    color: #ffffff;
    font-size: 14px;
    font-style: normal;
    font-weight: 300;
    line-height: normal;
    text-transform: capitalize;
    transition: all 0.3s ease-in-out;
    max-height: 0;
    opacity: 0; }
  .otherprojects .otherProjectsContent .listingOthers .listingItemDiv:hover .itemLocation {
    opacity: 1;
    max-height: 50px; }
  .otherprojects .otherProjectsContent .listingOthers .listingItemDiv:hover .imgItem a .projectLink span {
    opacity: 1; }
  .otherprojects .otherProjectsContent .listingOthers .listingItemDiv:hover .imgItem a .projectLink::after {
    top: 0;
    right: 0;
    transform: none;
    opacity: 1; }
  .otherprojects .otherProjectsContent .listingOthers .listingItemDiv:hover .imgItem a .projectLink::before {
    bottom: 0;
    left: 0;
    transform: none;
    opacity: 1; }
  .otherprojects .otherProjectsContent .listingOthers .listingItemDiv:hover .imgItem a img {
    transform: scale(1.2); }

.projectGallery {
  padding: 0;
  padding-top: 50px;
  top: 0;
  z-index: 0; }
  .projectGallery .title {
    color: #231F20;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    margin-bottom: 40px; }
    .projectGallery .title {
      font-size: 28px; }
      @media screen and (min-width: 320px) {
        .projectGallery .title {
          font-size: calc(28px + 2 * ((100vw - 320px) / 1280)); } }
      @media screen and (min-width: 1600px) {
        .projectGallery .title {
          font-size: 30px; } }

.galleryListing {
  padding-bottom: 100px; }
  .galleryListing .right .img {
    height: 100%; }
  .galleryListing .listingHolder {
    margin: 0; }
  .galleryListing .listingItemDiv {
    display: flex; }
    .galleryListing .listingItemDiv a {
      overflow: hidden;
      display: block;
      height: 100%; }
    .galleryListing .listingItemDiv img {
      transition: all 0.3s ease-in-out;
      height: 100%;
      object-fit: cover;
      max-height: 530px; }
      .galleryListing .listingItemDiv img:hover {
        transform: scale(1.2); }
    .galleryListing .listingItemDiv .item {
      display: flex;
      flex-wrap: nowrap; }
      .galleryListing .listingItemDiv .item .left .imgUp {
        margin-bottom: 13px;
        max-width: 407.356px;
        max-height: 237.697px;
        overflow: hidden; }
      .galleryListing .listingItemDiv .item .left .imgDown {
        max-width: 407.356px; }
      .galleryListing .listingItemDiv .item .right.col-sm-8 {
        max-width: calc(66.66% - 15px); }

.fancyBoxCloseContainer {
  position: absolute;
  left: 300px;
  width: 170px;
  background-color: transparent;
  font-size: 13px; }
  .fancyBoxCloseContainer::before {
    content: "";
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    background-image: url(/Images/arrow-left.svg);
    width: 15px;
    height: 15px;
    position: absolute;
    left: 0px;
    transition: all 0.3s ease-in-out; }
  .fancyBoxCloseContainer:hover:not([disabled]) {
    background-color: transparent; }
    .fancyBoxCloseContainer:hover:not([disabled])::before {
      left: -5px; }

.fancybox__toolbar.is-absolute,
.is-compact .fancybox__toolbar {
  top: 25px; }

.is-horizontal .f-carousel__nav .f-button.is-next,
.is-horizontal .fancybox__nav .f-button.is-next,
.is-horizontal .f-carousel__nav .f-button.is-prev,
.is-horizontal .fancybox__nav .f-button.is-prev {
  border: 1px solid white;
  transition: all 0.3s ease-in-out;
  background-position: center;
  background-repeat: no-repeat;
  background-size: 25px; }
  .is-horizontal .f-carousel__nav .f-button.is-next:hover,
  .is-horizontal .fancybox__nav .f-button.is-next:hover,
  .is-horizontal .f-carousel__nav .f-button.is-prev:hover,
  .is-horizontal .fancybox__nav .f-button.is-prev:hover {
    background-color: transparent;
    opacity: 0.5; }
  .is-horizontal .f-carousel__nav .f-button.is-next svg,
  .is-horizontal .fancybox__nav .f-button.is-next svg,
  .is-horizontal .f-carousel__nav .f-button.is-prev svg,
  .is-horizontal .fancybox__nav .f-button.is-prev svg {
    display: none; }

.is-horizontal .f-carousel__nav .f-button.is-next,
.is-horizontal .fancybox__nav .f-button.is-next {
  background-image: url(/Images/arrow-right.svg);
  right: 100px; }

.is-horizontal .f-carousel__nav .f-button.is-prev,
.is-horizontal .fancybox__nav .f-button.is-prev {
  background-image: url(/Images/arrow-left.svg);
  left: 100px; }

.servicesAnchors {
  position: sticky;
  top: 0;
  z-index: 2;
  background-color: white;
  padding-top: 10px; }
  .servicesAnchors .servicesAnchorsListing {
    display: flex;
    justify-content: space-between; }
    .servicesAnchors .servicesAnchorsListing .Items {
      text-align: center;
      flex: calc(100% / 7);
      padding: 0 20px;
      border-bottom: 5px solid white;
      padding-bottom: 10px; }
      .servicesAnchors .servicesAnchorsListing .Items .imgItem {
        width: 50px;
        height: 50px;
        position: relative;
        margin: 0 auto;
        margin-bottom: 26px; }
        .servicesAnchors .servicesAnchorsListing .Items .imgItem img {
          margin: 0 auto; }
      .servicesAnchors .servicesAnchorsListing .Items .title {
        color: #231F20;
        text-align: center;
        font-size: 15px;
        font-style: normal;
        line-height: normal; }
        .servicesAnchors .servicesAnchorsListing .Items .title.active {
          padding-bottom: 10px;
          border-bottom: 2px solid #E31D3C; }
      .servicesAnchors .servicesAnchorsListing .Items.active {
        border-bottom: 5px solid #E31D3C; }

.listingServices {
  padding: 60px 0; }
  .listingServices .listingItemDiv {
    margin-bottom: 30px;
    position: relative; }
    .listingServices .listingItemDiv::after {
      content: '';
      display: block;
      position: absolute;
      bottom: 0;
      left: 0;
      width: 100%;
      height: 100%;
      background: linear-gradient(0deg, rgba(0, 0, 0, 0.8) 0%, rgba(0, 0, 0, 0) 95.59%);
      pointer-events: none; }
    .listingServices .listingItemDiv .infoItem {
      position: absolute;
      bottom: 40px;
      left: 50px;
      z-index: 1;
      pointer-events: none; }
      .listingServices .listingItemDiv .infoItem .titleItem {
        color: #231F20;
        font-style: normal;
        font-weight: 700;
        line-height: normal; }
        .listingServices .listingItemDiv .infoItem .titleItem {
          font-size: 20px; }
          @media screen and (min-width: 320px) {
            .listingServices .listingItemDiv .infoItem .titleItem {
              font-size: calc(20px + 24 * ((100vw - 320px) / 1280)); } }
          @media screen and (min-width: 1600px) {
            .listingServices .listingItemDiv .infoItem .titleItem {
              font-size: 44px; } }
      .listingServices .listingItemDiv .infoItem .summaryItem {
        color: #ffffff;
        font-style: normal;
        font-weight: 400;
        margin: 30px 0;
        max-width: 750px; }
        .listingServices .listingItemDiv .infoItem .summaryItem {
          font-size: 16px; }
          @media screen and (min-width: 320px) {
            .listingServices .listingItemDiv .infoItem .summaryItem {
              font-size: calc(16px + 4 * ((100vw - 320px) / 1280)); } }
          @media screen and (min-width: 1600px) {
            .listingServices .listingItemDiv .infoItem .summaryItem {
              font-size: 20px; } }
        .listingServices .listingItemDiv .infoItem .summaryItem {
          line-height: 20px; }
          @media screen and (min-width: 320px) {
            .listingServices .listingItemDiv .infoItem .summaryItem {
              line-height: calc(20px + 7 * ((100vw - 320px) / 1280)); } }
          @media screen and (min-width: 1600px) {
            .listingServices .listingItemDiv .infoItem .summaryItem {
              line-height: 27px; } }
      .listingServices .listingItemDiv .infoItem .btnItem {
        position: relative;
        -webkit-transition: all 0.3s ease-in-out;
        -moz-transition: all 0.3s ease-in-out;
        -ms-transition: all 0.3s ease-in-out;
        -o-transition: all 0.3s ease-in-out;
        transition: all 0.3s ease-in-out; }
        .listingServices .listingItemDiv .infoItem .btnItem::after {
          content: "";
          display: block;
          position: absolute;
          width: 35px;
          height: 35px;
          left: 80px;
          top: 50%;
          transform: translateY(-50%);
          background-image: url(/Images/arrow.svg);
          background-repeat: no-repeat;
          background-position: center center;
          background-size: contain;
          -webkit-transition: all 0.3s ease-in-out;
          -moz-transition: all 0.3s ease-in-out;
          -ms-transition: all 0.3s ease-in-out;
          -o-transition: all 0.3s ease-in-out;
          transition: all 0.3s ease-in-out; }
        .listingServices .listingItemDiv .infoItem .btnItem:hover::after {
          top: calc(50% - 5px);
          left: 85px; }
    .listingServices .listingItemDiv .imgItem {
      width: 100%;
      position: relative; }
      .listingServices .listingItemDiv .imgItem img {
        width: 100%;
        transition: all 0.3s ease-in-out;
        pointer-events: none; }
      .listingServices .listingItemDiv .imgItem a {
        display: block;
        width: 100%;
        height: 100%;
        overflow: hidden; }
    .listingServices .listingItemDiv:hover .imgItem img {
      transform: scale(1.2); }
    .listingServices .listingItemDiv:hover .infoItem .btnItem::after {
      top: calc(50% - 5px);
      left: calc(80px + 5px); }

.highlightedNews {
  padding-top: 100px; }
  .highlightedNews .row {
    width: 100%;
    display: flex;
    align-items: stretch;
    margin: 0; }
  .highlightedNews .highlightedNewsContent .link span {
    color: #231F20;
    font-size: 12px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    letter-spacing: 1.2px;
    text-transform: uppercase;
    display: inline-block;
    padding-right: 40px;
    position: relative; }
    .highlightedNews .highlightedNewsContent .link span::after {
      position: absolute;
      content: "";
      background-image: url("/images/arrow-right2.svg");
      width: 35px;
      height: 35px;
      right: 0;
      top: 50%;
      transform: translateY(-50%);
      transition: all 0.3s ease-in-out; }
    .highlightedNews .highlightedNewsContent .link span:hover::after {
      transform: translate(25%, -50%); }
  .highlightedNews .highlightedNewsContent:hover .imgHighlihted img {
    transform: scale(1.2); }
  .highlightedNews .highlightedNewsContent:hover .imgHighlihted .projectLink span {
    opacity: 1; }
  .highlightedNews .highlightedNewsContent:hover .imgHighlihted .projectLink::after {
    top: 0;
    right: 0;
    transform: none;
    opacity: 1; }
  .highlightedNews .highlightedNewsContent:hover .imgHighlihted .projectLink::before {
    bottom: 0;
    left: 0;
    transform: none;
    opacity: 1; }
  .highlightedNews .highlightedNewsContent .imgHighlihted {
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 0;
    position: relative; }
    .highlightedNews .highlightedNewsContent .imgHighlihted a {
      overflow: hidden; }
    .highlightedNews .highlightedNewsContent .imgHighlihted .projectLink {
      position: absolute;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%);
      width: 175px;
      height: 80px;
      color: #FFF;
      font-size: 16px;
      font-style: normal;
      font-weight: 600;
      line-height: 80px;
      text-transform: uppercase;
      text-align: center;
      z-index: 1; }
      .highlightedNews .highlightedNewsContent .imgHighlihted .projectLink span {
        transition: all 0.3s ease-in-out;
        opacity: 0; }
      .highlightedNews .highlightedNewsContent .imgHighlihted .projectLink::after {
        content: "";
        display: block;
        position: absolute;
        width: 20px;
        height: 20px;
        background-color: #E31D3C;
        top: 50%;
        right: 45%;
        transform: translate(50%, -100%);
        transition: all 0.3s ease-in-out;
        opacity: 0; }
      .highlightedNews .highlightedNewsContent .imgHighlihted .projectLink::before {
        content: '';
        display: block;
        position: absolute;
        width: 40px;
        height: 40px;
        border: 12px solid #E31D3C;
        border-top: none;
        border-right: none;
        bottom: 50%;
        left: 50%;
        transform: translate(-50%, 50%);
        transition: all 0.3s ease-in-out;
        opacity: 0; }
    .highlightedNews .highlightedNewsContent .imgHighlihted img {
      width: 100%;
      display: block;
      z-index: 1;
      position: relative;
      transition: all 0.3s ease-in-out; }
    .highlightedNews .highlightedNewsContent .imgHighlihted::after {
      content: '';
      display: block;
      position: absolute;
      top: 0;
      right: 0;
      width: 200px;
      height: 100%;
      background-color: #F4F6F7;
      z-index: 0; }
  .highlightedNews .highlightedNewsContent .infoHighlighted {
    position: relative;
    z-index: 1;
    padding: 0; }
    .highlightedNews .highlightedNewsContent .infoHighlighted .infohighlightedText {
      padding: 100px 65px 100px 40px;
      position: relative;
      background-color: #F4F6F7;
      z-index: 2;
      height: 100%;
      display: flex;
      flex-direction: column;
      justify-content: center; }
    .highlightedNews .highlightedNewsContent .infoHighlighted .dateHighlighted {
      color: #63686A;
      font-style: normal;
      font-weight: 300;
      line-height: normal; }
      .highlightedNews .highlightedNewsContent .infoHighlighted .dateHighlighted {
        font-size: 16px; }
        @media screen and (min-width: 320px) {
          .highlightedNews .highlightedNewsContent .infoHighlighted .dateHighlighted {
            font-size: calc(16px + 2 * ((100vw - 320px) / 1280)); } }
        @media screen and (min-width: 1600px) {
          .highlightedNews .highlightedNewsContent .infoHighlighted .dateHighlighted {
            font-size: 18px; } }
    .highlightedNews .highlightedNewsContent .infoHighlighted .titleHighlighted {
      color: #231F20;
      font-style: normal;
      font-weight: 700;
      line-height: normal;
      margin: 30px 0;
      transition: all 0.3s ease-in-out;
      letter-spacing: 2.2px;
      text-transform: uppercase; }
      .highlightedNews .highlightedNewsContent .infoHighlighted .titleHighlighted {
        font-size: 20px; }
        @media screen and (min-width: 320px) {
          .highlightedNews .highlightedNewsContent .infoHighlighted .titleHighlighted {
            font-size: calc(20px + 2 * ((100vw - 320px) / 1280)); } }
        @media screen and (min-width: 1600px) {
          .highlightedNews .highlightedNewsContent .infoHighlighted .titleHighlighted {
            font-size: 22px; } }
      .highlightedNews .highlightedNewsContent .infoHighlighted .titleHighlighted:hover {
        color: #E31D3C; }
    .highlightedNews .highlightedNewsContent .infoHighlighted .summaryHighlighted {
      color: #000;
      font-style: normal;
      font-weight: 500;
      margin-bottom: 30px;
      /* 138.889% */ }
      .highlightedNews .highlightedNewsContent .infoHighlighted .summaryHighlighted {
        font-size: 16px; }
        @media screen and (min-width: 320px) {
          .highlightedNews .highlightedNewsContent .infoHighlighted .summaryHighlighted {
            font-size: calc(16px + 2 * ((100vw - 320px) / 1280)); } }
        @media screen and (min-width: 1600px) {
          .highlightedNews .highlightedNewsContent .infoHighlighted .summaryHighlighted {
            font-size: 18px; } }
      .highlightedNews .highlightedNewsContent .infoHighlighted .summaryHighlighted {
        line-height: 22px; }
        @media screen and (min-width: 320px) {
          .highlightedNews .highlightedNewsContent .infoHighlighted .summaryHighlighted {
            line-height: calc(22px + 3 * ((100vw - 320px) / 1280)); } }
        @media screen and (min-width: 1600px) {
          .highlightedNews .highlightedNewsContent .infoHighlighted .summaryHighlighted {
            line-height: 25px; } }

.dateTitle {
  color: #63686A;
  font-style: normal;
  font-weight: 300;
  line-height: normal;
  margin-bottom: 10px; }
  .dateTitle {
    font-size: 16px; }
    @media screen and (min-width: 320px) {
      .dateTitle {
        font-size: calc(16px + 2 * ((100vw - 320px) / 1280)); } }
    @media screen and (min-width: 1600px) {
      .dateTitle {
        font-size: 18px; } }

.newsBody {
  position: relative; }
  .newsBody .container {
    max-width: 1300px;
    position: relative; }
  .newsBody .newsBodyContent .swiper-vertical {
    padding-top: 10px; }
    .newsBody .newsBodyContent .swiper-vertical .swiper-slide {
      margin-right: 6px; }
  .newsBody .newsBodyContent .shareContent {
    padding-bottom: 20px;
    display: flex;
    align-items: center;
    margin-bottom: 50px; }
    .newsBody .newsBodyContent .shareContent .shareTitle {
      color: #63686A;
      font-style: normal;
      font-weight: 300;
      line-height: normal;
      margin-right: 20px; }
      .newsBody .newsBodyContent .shareContent .shareTitle {
        font-size: 16px; }
        @media screen and (min-width: 320px) {
          .newsBody .newsBodyContent .shareContent .shareTitle {
            font-size: calc(16px + 2 * ((100vw - 320px) / 1280)); } }
        @media screen and (min-width: 1600px) {
          .newsBody .newsBodyContent .shareContent .shareTitle {
            font-size: 18px; } }
    .newsBody .newsBodyContent .shareContent .shareIcon {
      display: flex; }
      .newsBody .newsBodyContent .shareContent .shareIcon .itemIcon {
        margin-right: 30px;
        transition: all 0.3s ease-in-out; }
        .newsBody .newsBodyContent .shareContent .shareIcon .itemIcon a {
          width: 26px;
          height: 26px;
          display: block;
          position: relative; }
          .newsBody .newsBodyContent .shareContent .shareIcon .itemIcon a img {
            position: absolute;
            top: 50%;
            left: 50%;
            width: auto;
            height: auto;
            max-width: 100%;
            max-height: 100%;
            transform: translate(-50%, -50%); }
          .newsBody .newsBodyContent .shareContent .shareIcon .itemIcon a:hover {
            filter: brightness(0) saturate(100%) invert(17%) sepia(99%) saturate(3483%) hue-rotate(341deg) brightness(92%) contrast(93%); }
  .newsBody .newsBodyContent .imageNews {
    display: flex; }
    .newsBody .newsBodyContent .imageNews .mySwiper2 {
      margin-right: 20px;
      flex: 0 0 80%; }
      .newsBody .newsBodyContent .imageNews .mySwiper2 img {
        width: 100%; }
    .newsBody .newsBodyContent .imageNews .mySwiper {
      flex: 0 0 20%; }
      .newsBody .newsBodyContent .imageNews .mySwiper .swiper-wrapper {
        justify-content: center; }
      .newsBody .newsBodyContent .imageNews .mySwiper .swiper-slide {
        overflow: hidden;
        opacity: 0.3;
        transition: all 0.3s ease-in-out;
        height: auto !important;
        overflow: hidden; }
        .newsBody .newsBodyContent .imageNews .mySwiper .swiper-slide img {
          transition: all 0.3s ease-in-out;
          width: 100%; }
          .newsBody .newsBodyContent .imageNews .mySwiper .swiper-slide img:hover {
            cursor: pointer;
            transform: scale(1.2); }
        .newsBody .newsBodyContent .imageNews .mySwiper .swiper-slide.swiper-slide-thumb-active {
          opacity: 1; }
  .newsBody .newsBodyContent .bodyDescription {
    padding: 40px 0;
    color: #231F20;
    font-size: 18px;
    font-weight: 300;
    line-height: 26px;
    /* 144.444% */ }
    .newsBody .newsBodyContent .bodyDescription p {
      color: #231F20;
      font-size: 18px;
      font-weight: 300;
      line-height: 26px;
      /* 144.444% */ }
    .newsBody .newsBodyContent .bodyDescription h5 {
      font-style: normal;
      color: #000;
      font-weight: 500;
      line-height: 36px; }
      .newsBody .newsBodyContent .bodyDescription h5 {
        font-size: 20px; }
        @media screen and (min-width: 320px) {
          .newsBody .newsBodyContent .bodyDescription h5 {
            font-size: calc(20px + 6 * ((100vw - 320px) / 1280)); } }
        @media screen and (min-width: 1600px) {
          .newsBody .newsBodyContent .bodyDescription h5 {
            font-size: 26px; } }
      .newsBody .newsBodyContent .bodyDescription h5 {
        line-height: 26px; }
        @media screen and (min-width: 320px) {
          .newsBody .newsBodyContent .bodyDescription h5 {
            line-height: calc(26px + 10 * ((100vw - 320px) / 1280)); } }
        @media screen and (min-width: 1600px) {
          .newsBody .newsBodyContent .bodyDescription h5 {
            line-height: 36px; } }
  .newsBody .line-container {
    position: relative;
    height: 1px;
    background-color: #E3E9EC; }
    .newsBody .line-container::after {
      content: "";
      position: absolute;
      bottom: 0;
      left: 0;
      width: 100%;
      height: 1px;
      background-color: #E3E9EC; }

.shareContentDiv {
  display: flex;
  padding-bottom: 50px;
  align-items: center; }
  .shareContentDiv .shareTitle {
    margin-right: 50px;
    color: #63686A;
    font-style: normal;
    font-weight: 300;
    line-height: normal; }
    .shareContentDiv .shareTitle {
      font-size: 16px; }
      @media screen and (min-width: 320px) {
        .shareContentDiv .shareTitle {
          font-size: calc(16px + 2 * ((100vw - 320px) / 1280)); } }
      @media screen and (min-width: 1600px) {
        .shareContentDiv .shareTitle {
          font-size: 18px; } }
  .shareContentDiv .shareIcon {
    display: flex; }
    .shareContentDiv .shareIcon .itemIcon {
      margin-right: 24px;
      transition: all 0.3s ease-in-out; }
      .shareContentDiv .shareIcon .itemIcon a {
        width: 26px;
        height: 26px;
        display: block;
        position: relative; }
        .shareContentDiv .shareIcon .itemIcon a img {
          position: absolute;
          top: 50%;
          left: 50%;
          transform: translate(-50%, -50%);
          width: auto;
          height: auto;
          max-width: 100%;
          max-height: 100%;
          filter: brightness(0) saturate(100%) invert(0%) sepia(0%) saturate(0%) hue-rotate(280deg) brightness(104%) contrast(106%); }
      .shareContentDiv .shareIcon .itemIcon:hover {
        filter: brightness(0) saturate(100%) invert(17%) sepia(99%) saturate(3483%) hue-rotate(341deg) brightness(92%) contrast(93%); }

.btndivNextPrev {
  display: flex;
  justify-content: space-between;
  padding-bottom: 40px; }
  .btndivNextPrev .btnTextNext {
    display: inline-block;
    float: right;
    padding: 10px 50px 10px 30px;
    color: #E31D3C;
    font-size: 15px;
    position: relative;
    color: #E31D3C;
    text-align: center;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    letter-spacing: 0.15px;
    text-transform: uppercase;
    border: solid 2px #E31D3C;
    border-radius: 600px;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out; }
    .btndivNextPrev .btnTextNext::after {
      content: "";
      display: block;
      position: absolute;
      width: 35px;
      height: 35px;
      right: 20px;
      top: 50%;
      transform: translateY(-50%);
      background-image: url(/Images/redArrow.svg);
      background-repeat: no-repeat;
      background-position: center center;
      background-size: contain;
      -webkit-transition: all 0.3s ease-in-out;
      -moz-transition: all 0.3s ease-in-out;
      -ms-transition: all 0.3s ease-in-out;
      -o-transition: all 0.3s ease-in-out;
      transition: all 0.3s ease-in-out; }
    .btndivNextPrev .btnTextNext:hover {
      cursor: pointer;
      background-color: #E31D3C;
      color: white; }
      .btndivNextPrev .btnTextNext:hover::after {
        filter: brightness(0) invert(1);
        top: calc(50% - 5px);
        right: 15px; }
  .btndivNextPrev .btnTextPrevious {
    display: inline-block;
    float: right;
    padding: 10px 30px 10px 50px;
    color: #E31D3C;
    font-size: 15px;
    position: relative;
    color: #E31D3C;
    text-align: center;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    letter-spacing: 0.15px;
    text-transform: uppercase;
    border: solid 2px #E31D3C;
    border-radius: 600px;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out; }
    .btndivNextPrev .btnTextPrevious::before {
      content: "";
      display: block;
      position: absolute;
      width: 35px;
      height: 35px;
      left: 20px;
      top: 50%;
      transform: translateY(-50%);
      background-image: url(/Images/redArrowLeft.svg);
      background-repeat: no-repeat;
      background-position: center center;
      background-size: contain;
      -webkit-transition: all 0.3s ease-in-out;
      -moz-transition: all 0.3s ease-in-out;
      -ms-transition: all 0.3s ease-in-out;
      -o-transition: all 0.3s ease-in-out;
      transition: all 0.3s ease-in-out; }
    .btndivNextPrev .btnTextPrevious:hover {
      cursor: pointer;
      background-color: #E31D3C;
      color: white; }
      .btndivNextPrev .btnTextPrevious:hover::before {
        filter: brightness(0) invert(1);
        top: calc(50% - 5px);
        left: 15px; }

.ohterNews {
  padding: 100px 0;
  background-color: #ffffff; }
  .ohterNews .otherNewsContent .title {
    color: #231F20;
    font-size: 25px;
    margin-bottom: 34px;
    color: #000;
    font-style: normal;
    font-weight: 500;
    line-height: 34px;
    /* 141.667% */ }
  .ohterNews .otherNewsContent .titleItem {
    margin-bottom: 20px; }
  .ohterNews .otherNewsContent .listingOthers .listingItemDiv .imgItem a {
    overflow: hidden;
    display: block;
    position: relative; }
    .ohterNews .otherNewsContent .listingOthers .listingItemDiv .imgItem a img {
      width: 100%;
      display: block;
      transition: all 0.3s ease-in-out; }
    .ohterNews .otherNewsContent .listingOthers .listingItemDiv .imgItem a .projectLink {
      position: absolute;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%);
      width: 175px;
      height: 80px;
      color: #FFF;
      font-size: 16px;
      font-style: normal;
      font-weight: 600;
      line-height: 80px;
      text-transform: uppercase;
      text-align: center; }
      .ohterNews .otherNewsContent .listingOthers .listingItemDiv .imgItem a .projectLink span {
        transition: all 0.3s ease-in-out;
        opacity: 0; }
      .ohterNews .otherNewsContent .listingOthers .listingItemDiv .imgItem a .projectLink::after {
        content: "";
        display: block;
        position: absolute;
        width: 20px;
        height: 20px;
        background-color: #E31D3C;
        top: 50%;
        right: 45%;
        transform: translate(50%, -100%);
        transition: all 0.3s ease-in-out;
        opacity: 0; }
      .ohterNews .otherNewsContent .listingOthers .listingItemDiv .imgItem a .projectLink::before {
        content: '';
        display: block;
        position: absolute;
        width: 40px;
        height: 40px;
        border: 12px solid #E31D3C;
        border-top: none;
        border-right: none;
        bottom: 50%;
        left: 50%;
        transform: translate(-50%, 50%);
        transition: all 0.3s ease-in-out;
        opacity: 0; }
    .ohterNews .otherNewsContent .listingOthers .listingItemDiv .imgItem a:hover .projectLink span {
      opacity: 1; }
    .ohterNews .otherNewsContent .listingOthers .listingItemDiv .imgItem a:hover .projectLink::after {
      top: 0;
      right: 0;
      transform: none;
      opacity: 1; }
    .ohterNews .otherNewsContent .listingOthers .listingItemDiv .imgItem a:hover .projectLink::before {
      bottom: 0;
      left: 0;
      transform: none;
      opacity: 1; }
  .ohterNews .otherNewsContent .listingOthers .listingItemDiv .dateItem {
    margin: 20px 0;
    color: #63686A;
    font-size: 14px;
    font-style: normal;
    font-weight: 300;
    line-height: normal; }
  .ohterNews .otherNewsContent .listingOthers .listingItemDiv .titleItem {
    color: #231F20;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    text-transform: capitalize;
    transition: all 0.3s ease-in-out;
    cursor: pointer;
    letter-spacing: 1.4px;
    text-transform: uppercase;
    color: #000;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    letter-spacing: 1.4px;
    text-transform: uppercase; }
    .ohterNews .otherNewsContent .listingOthers .listingItemDiv .titleItem:hover {
      color: #E31D3C; }
  .ohterNews .otherNewsContent .listingOthers .listingItemDiv:hover img {
    transform: scale(1.2); }

.expand-wrapper {
  position: relative;
  overflow: hidden; }
  .expand-wrapper.show:before {
    left: 100%; }
  .expand-wrapper.show:after {
    width: 0; }
  .expand-wrapper.show img {
    transform: none; }
  .expand-wrapper:before {
    content: "";
    position: absolute;
    top: 0;
    left: 50%;
    right: 0;
    background: white;
    height: 100%;
    width: 100%;
    transition: all 2s ease-in-out;
    z-index: 1; }
  .expand-wrapper:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    background: white;
    height: 100%;
    width: 50%;
    transition: all 2s ease-in-out; }

.videoCareer {
  padding-bottom: 80px; }
  .videoCareer .expand-wrapper {
    position: relative;
    overflow: hidden; }
    .videoCareer .expand-wrapper.show:before {
      left: 100%; }
    .videoCareer .expand-wrapper.show:after {
      width: 0; }
    .videoCareer .expand-wrapper.show img {
      transform: none; }
    .videoCareer .expand-wrapper:before {
      content: "";
      position: absolute;
      top: 0;
      left: 50%;
      right: 0;
      background: white;
      height: 100%;
      width: 100%;
      transition: all 2s ease-in-out;
      z-index: 1; }
    .videoCareer .expand-wrapper:after {
      content: "";
      position: absolute;
      top: 0;
      left: 0;
      right: 0;
      background: white;
      height: 100%;
      width: 50%;
      transition: all 2s ease-in-out; }
  .videoCareer video {
    width: 100%;
    position: relative; }

.careerContent {
  padding: 100px 0; }
  .careerContent .careerDiv {
    display: flex;
    justify-content: space-between;
    align-items: center; }
    .careerContent .careerDiv .title {
      color: #231F20;
      font-style: normal;
      font-weight: 700;
      line-height: normal;
      padding-right: 30px;
      font-size: 30px; }
    .careerContent .careerDiv .summary {
      color: #63686A;
      font-style: normal;
      font-weight: 400;
      padding-left: 30px; }
      .careerContent .careerDiv .summary {
        font-size: 16px; }
        @media screen and (min-width: 320px) {
          .careerContent .careerDiv .summary {
            font-size: calc(16px + 2 * ((100vw - 320px) / 1280)); } }
        @media screen and (min-width: 1600px) {
          .careerContent .careerDiv .summary {
            font-size: 18px; } }

.careerDark {
  padding: 100px 0;
  background-color: #231F20;
  margin-bottom: 50px; }
  .careerDark .careerContent {
    padding: 0;
    display: flex;
    justify-content: space-between; }
    .careerDark .careerContent .textDesc {
      color: #ffffff;
      font-style: normal;
      font-weight: 300;
      line-height: normal;
      margin-left: 50px; }
      .careerDark .careerContent .textDesc {
        font-size: 20px; }
        @media screen and (min-width: 320px) {
          .careerDark .careerContent .textDesc {
            font-size: calc(20px + 24 * ((100vw - 320px) / 1280)); } }
        @media screen and (min-width: 1600px) {
          .careerDark .careerContent .textDesc {
            font-size: 44px; } }
      .careerDark .careerContent .textDesc span {
        font-weight: 700; }

.tableListing {
  padding: 40px 0;
  position: relative;
  border-top: 1px solid #E6E6E6;
  z-index: 100;
  padding-top: 80px !important; }
  .tableListing .filters {
    top: 0 !important; }
  .tableListing .Applied {
    position: absolute;
    top: 18px; }
    .tableListing .Applied .container {
      padding: 0; }
  .tableListing h2 {
    font-size: 50px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    margin-bottom: 50px; }
  .tableListing h4 {
    font-size: 34px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    margin-bottom: 42px; }
  .tableListing p {
    font-size: 18px;
    font-style: normal;
    font-weight: 350;
    line-height: 126%;
    margin-bottom: 30px; }
  .tableListing table {
    table-layout: fixed;
    border-collapse: collapse;
    width: 100%; }
    .tableListing table tr th {
      color: white;
      font-size: 16px;
      font-style: normal;
      font-weight: 700;
      line-height: 126%;
      padding: 20px 26px !important;
      background-color: #1D212D; }
      .tableListing table tr th:first-child {
        width: 35%; }
      .tableListing table tr th:nth-child(2) {
        width: 30%; }
      .tableListing table tr th:nth-child(3) {
        width: 20%; }
    .tableListing table tr td {
      color: #1D212D;
      padding: 20px 26px !important;
      font-size: 15px;
      font-style: normal;
      font-weight: 300;
      line-height: 26px; }
      .tableListing table tr td a {
        display: inline-block;
        padding: 0;
        padding-right: 40px;
        white-space: nowrap;
        color: inherit; }
        .tableListing table tr td a::after {
          right: 0;
          left: auto; }
        .tableListing table tr td a:hover {
          color: #E31D3C; }
      .tableListing table tr td:last-child {
        padding: 0;
        width: auto;
        text-align: right; }
      .tableListing table tr td:first-child {
        width: 35%; }
    .tableListing table tr:nth-child(even) td {
      background-color: #F5F5F5; }
  .tableListing .dt-layout-table {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    overflow-y: hidden;
    scrollbar-color: black #f4f4f4;
    scrollbar-width: thin; }
    .tableListing .dt-layout-table::-webkit-scrollbar {
      height: 2px; }
    .tableListing .dt-layout-table::-webkit-scrollbar-thumb {
      background-color: black;
      border-radius: 4px; }
    .tableListing .dt-layout-table::-webkit-scrollbar-track {
      background-color: #f4f4f4; }

@media all and (max-width: 1024px) {
  .tableListing h2 {
    font-size: 28px;
    margin-bottom: 26px; }
  .tableListing h4 {
    font-size: 22px;
    margin-bottom: 15px; }
  .tableListing table tr th,
  .tableListing table tr td {
    padding: 15px 20px; } }
.btnDets a {
  color: #231F20;
  position: relative;
  padding: 22px 40px 22px 0px;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  font-size: 12px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  letter-spacing: 1.2px;
  text-transform: uppercase; }
  .btnDets a::after {
    content: "";
    display: block;
    position: absolute;
    width: 35px;
    height: 35px;
    left: 100px;
    top: 50%;
    transform: translateY(-50%);
    background-image: url(/Images/arrow-right2.svg);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: contain;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out; }

.btnViewAllJobs {
  padding-bottom: 40px;
  text-align: right; }
  .btnViewAllJobs .btnAllJobs {
    display: inline-block;
    left: 0;
    position: relative;
    color: #E31D3C;
    text-align: center;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    letter-spacing: 0.15px;
    text-transform: uppercase;
    border: solid 2px #E31D3C;
    border-radius: 0;
    padding: 20px 70px 20px 25px;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    font-size: 12px;
    letter-spacing: 1.2px;
    text-transform: uppercase;
    cursor: pointer; }
    .btnViewAllJobs .btnAllJobs::after {
      content: "";
      display: block;
      position: absolute;
      width: 35px;
      height: 35px;
      right: 35px;
      top: 50%;
      transform: translateY(-50%);
      background-image: url(/Images/arrow-right-red.svg);
      background-repeat: no-repeat;
      background-position: center center;
      background-size: contain;
      -webkit-transition: all 0.3s ease-in-out;
      -moz-transition: all 0.3s ease-in-out;
      -ms-transition: all 0.3s ease-in-out;
      -o-transition: all 0.3s ease-in-out;
      transition: all 0.3s ease-in-out; }
    .btnViewAllJobs .btnAllJobs:hover {
      background-color: #E31D3C;
      color: white; }
      .btnViewAllJobs .btnAllJobs:hover::after {
        filter: brightness(0) invert(1); }

.jobDetails {
  padding: 40px 0;
  max-width: 1400px;
  margin: 0 auto; }
  .jobDetails .jobdetailsInfo {
    width: 100%; }
    .jobDetails .jobdetailsInfo .smallDetails .listingDetails {
      display: flex;
      justify-content: space-between; }
      .jobDetails .jobdetailsInfo .smallDetails .listingDetails .itemDivDetail {
        display: flex;
        margin-right: 70px;
        align-items: center; }
        .jobDetails .jobdetailsInfo .smallDetails .listingDetails .itemDivDetail .imgDetail {
          margin-right: 24px;
          width: 30px;
          height: 30px; }
          .jobDetails .jobdetailsInfo .smallDetails .listingDetails .itemDivDetail .imgDetail img {
            width: 100%;
            height: 100%; }
        .jobDetails .jobdetailsInfo .smallDetails .listingDetails .itemDivDetail .subTitle {
          color: #63686A;
          font-size: 12px;
          font-style: normal;
          font-weight: 700;
          /* 250% */ }
          .jobDetails .jobdetailsInfo .smallDetails .listingDetails .itemDivDetail .subTitle {
            line-height: 22px; }
            @media screen and (min-width: 320px) {
              .jobDetails .jobdetailsInfo .smallDetails .listingDetails .itemDivDetail .subTitle {
                line-height: calc(22px + 6 * ((100vw - 320px) / 1280)); } }
            @media screen and (min-width: 1600px) {
              .jobDetails .jobdetailsInfo .smallDetails .listingDetails .itemDivDetail .subTitle {
                line-height: 28px; } }
        .jobDetails .jobdetailsInfo .smallDetails .listingDetails .itemDivDetail .title {
          color: #231F20;
          font-style: normal;
          font-weight: 300;
          line-height: 26px; }
          .jobDetails .jobdetailsInfo .smallDetails .listingDetails .itemDivDetail .title {
            font-size: 16px; }
            @media screen and (min-width: 320px) {
              .jobDetails .jobdetailsInfo .smallDetails .listingDetails .itemDivDetail .title {
                font-size: calc(16px + 4 * ((100vw - 320px) / 1280)); } }
            @media screen and (min-width: 1600px) {
              .jobDetails .jobdetailsInfo .smallDetails .listingDetails .itemDivDetail .title {
                font-size: 20px; } }
    .jobDetails .jobdetailsInfo .smallDetails .mainRedButton {
      position: relative;
      color: #E31D3C;
      text-align: center;
      font-style: normal;
      font-weight: 700;
      line-height: normal;
      letter-spacing: 0.15px;
      text-transform: uppercase;
      border: solid 2px #E31D3C;
      border-radius: 0;
      padding: 20px 70px 20px 25px;
      -webkit-transition: all 0.3s ease-in-out;
      -moz-transition: all 0.3s ease-in-out;
      -ms-transition: all 0.3s ease-in-out;
      -o-transition: all 0.3s ease-in-out;
      transition: all 0.3s ease-in-out;
      font-size: 12px;
      letter-spacing: 1.2px;
      text-transform: uppercase;
      cursor: pointer;
      display: inline-block;
      color: #E31D3C;
      height: 100%;
      display: inline-flex;
      align-items: center;
      font-size: 12px;
      font-style: normal;
      font-weight: 700;
      line-height: normal;
      letter-spacing: 1.2px;
      text-transform: uppercase; }
      .jobDetails .jobdetailsInfo .smallDetails .mainRedButton::after {
        content: "";
        display: block;
        position: absolute;
        width: 35px;
        height: 35px;
        right: 35px;
        top: 50%;
        transform: translateY(-50%);
        background-image: url(/Images/arrow-right-red.svg);
        background-repeat: no-repeat;
        background-position: center center;
        background-size: contain;
        -webkit-transition: all 0.3s ease-in-out;
        -moz-transition: all 0.3s ease-in-out;
        -ms-transition: all 0.3s ease-in-out;
        -o-transition: all 0.3s ease-in-out;
        transition: all 0.3s ease-in-out; }
      .jobDetails .jobdetailsInfo .smallDetails .mainRedButton:hover {
        background-color: #E31D3C;
        color: white; }
        .jobDetails .jobdetailsInfo .smallDetails .mainRedButton:hover::after {
          filter: brightness(0) invert(1); }
    .jobDetails .jobdetailsInfo .bodyInfo {
      padding: 60px 0 80px 0; }
      .jobDetails .jobdetailsInfo .bodyInfo h5 {
        color: #231F20;
        font-style: normal;
        font-weight: 500; }
        .jobDetails .jobdetailsInfo .bodyInfo h5 {
          font-size: 20px; }
          @media screen and (min-width: 320px) {
            .jobDetails .jobdetailsInfo .bodyInfo h5 {
              font-size: calc(20px + 4 * ((100vw - 320px) / 1280)); } }
          @media screen and (min-width: 1600px) {
            .jobDetails .jobdetailsInfo .bodyInfo h5 {
              font-size: 24px; } }
        .jobDetails .jobdetailsInfo .bodyInfo h5 {
          line-height: 28px; }
          @media screen and (min-width: 320px) {
            .jobDetails .jobdetailsInfo .bodyInfo h5 {
              line-height: calc(28px + 6 * ((100vw - 320px) / 1280)); } }
          @media screen and (min-width: 1600px) {
            .jobDetails .jobdetailsInfo .bodyInfo h5 {
              line-height: 34px; } }
      .jobDetails .jobdetailsInfo .bodyInfo p {
        color: #63686A;
        font-style: normal;
        font-style: normal;
        font-weight: 300; }
        .jobDetails .jobdetailsInfo .bodyInfo p {
          font-size: 16px; }
          @media screen and (min-width: 320px) {
            .jobDetails .jobdetailsInfo .bodyInfo p {
              font-size: calc(16px + 2 * ((100vw - 320px) / 1280)); } }
          @media screen and (min-width: 1600px) {
            .jobDetails .jobdetailsInfo .bodyInfo p {
              font-size: 18px; } }
        .jobDetails .jobdetailsInfo .bodyInfo p {
          line-height: 22px; }
          @media screen and (min-width: 320px) {
            .jobDetails .jobdetailsInfo .bodyInfo p {
              line-height: calc(22px + 3 * ((100vw - 320px) / 1280)); } }
          @media screen and (min-width: 1600px) {
            .jobDetails .jobdetailsInfo .bodyInfo p {
              line-height: 25px; } }
      .jobDetails .jobdetailsInfo .bodyInfo ul {
        margin-left: 10px;
        padding-left: 0; }
        .jobDetails .jobdetailsInfo .bodyInfo ul li {
          color: #63686A;
          font-style: normal;
          font-weight: 400;
          padding-inline-start: 14px;
          position: relative; }
          .jobDetails .jobdetailsInfo .bodyInfo ul li {
            font-size: 16px; }
            @media screen and (min-width: 320px) {
              .jobDetails .jobdetailsInfo .bodyInfo ul li {
                font-size: calc(16px + 2 * ((100vw - 320px) / 1280)); } }
            @media screen and (min-width: 1600px) {
              .jobDetails .jobdetailsInfo .bodyInfo ul li {
                font-size: 18px; } }
          .jobDetails .jobdetailsInfo .bodyInfo ul li {
            line-height: 22px; }
            @media screen and (min-width: 320px) {
              .jobDetails .jobdetailsInfo .bodyInfo ul li {
                line-height: calc(22px + 3 * ((100vw - 320px) / 1280)); } }
            @media screen and (min-width: 1600px) {
              .jobDetails .jobdetailsInfo .bodyInfo ul li {
                line-height: 25px; } }
          .jobDetails .jobdetailsInfo .bodyInfo ul li::before {
            content: "";
            display: block;
            position: absolute;
            width: 5px;
            height: 5px;
            inset-inline-start: 0;
            top: 13px;
            transform: translateY(-50%);
            background-image: url(/Images/bullet.svg);
            background-repeat: no-repeat;
            background-position: center center;
            background-size: contain; }
  .jobDetails .jobDetailsEnd {
    display: flex;
    justify-content: space-between; }
    .jobDetails .jobDetailsEnd .mainRedButton {
      position: relative;
      color: #E31D3C;
      text-align: center;
      font-style: normal;
      font-weight: 700;
      line-height: normal;
      letter-spacing: 0.15px;
      text-transform: uppercase;
      border: solid 2px #E31D3C;
      border-radius: 0;
      padding: 20px 70px 20px 25px;
      -webkit-transition: all 0.3s ease-in-out;
      -moz-transition: all 0.3s ease-in-out;
      -ms-transition: all 0.3s ease-in-out;
      -o-transition: all 0.3s ease-in-out;
      transition: all 0.3s ease-in-out;
      font-size: 12px;
      letter-spacing: 1.2px;
      text-transform: uppercase;
      cursor: pointer;
      color: #E31D3C;
      font-size: 12px;
      font-style: normal;
      font-weight: 700;
      line-height: normal;
      letter-spacing: 1.2px;
      text-transform: uppercase; }
      .jobDetails .jobDetailsEnd .mainRedButton::after {
        content: "";
        display: block;
        position: absolute;
        width: 35px;
        height: 35px;
        right: 35px;
        top: 50%;
        transform: translateY(-50%);
        background-image: url(/Images/arrow-right-red.svg);
        background-repeat: no-repeat;
        background-position: center center;
        background-size: contain;
        -webkit-transition: all 0.3s ease-in-out;
        -moz-transition: all 0.3s ease-in-out;
        -ms-transition: all 0.3s ease-in-out;
        -o-transition: all 0.3s ease-in-out;
        transition: all 0.3s ease-in-out; }
      .jobDetails .jobDetailsEnd .mainRedButton:hover {
        background-color: #E31D3C;
        color: white; }
        .jobDetails .jobDetailsEnd .mainRedButton:hover::after {
          filter: brightness(0) invert(1); }

.ohterOpportunities {
  padding: 100px 0;
  background-color: #FFF; }
  .ohterOpportunities tbody td {
    padding: 20px 26px !important;
    background: rgba(227, 233, 236, 0.4) !important; }
  .ohterOpportunities tbody tr:nth-child(even) td {
    background: transparent !important; }
  .ohterOpportunities .dataTable tbody td {
    padding: 20px 26px !important; }
    .ohterOpportunities .dataTable tbody td tr:nth-child(odd) {
      background-color: transparent !important;
      /* Light gray for odd rows */ }
    .ohterOpportunities .dataTable tbody td tr:nth-child(even) {
      background: rgba(227, 233, 236, 0.4) !important; }
  .ohterOpportunities .dataTable tbody .viewLink {
    display: flex;
    justify-content: flex-end; }
  .ohterOpportunities .dataTable tr th {
    color: white;
    font-size: 14px;
    font-style: normal;
    line-height: 126%;
    padding: 20px 26px !important;
    background-color: #1D212D;
    color: #FFF;
    font-weight: 500;
    letter-spacing: 1.4px;
    text-transform: uppercase; }
  .ohterOpportunities .otherOpportunitiesContent .title {
    color: #231F20;
    font-style: normal;
    font-weight: 500;
    line-height: 34px;
    margin-bottom: 24px; }
    .ohterOpportunities .otherOpportunitiesContent .title {
      font-size: 22px; }
      @media screen and (min-width: 320px) {
        .ohterOpportunities .otherOpportunitiesContent .title {
          font-size: calc(22px + 2 * ((100vw - 320px) / 1280)); } }
      @media screen and (min-width: 1600px) {
        .ohterOpportunities .otherOpportunitiesContent .title {
          font-size: 24px; } }
  .ohterOpportunities .listingOpportunities {
    justify-content: space-between;
    padding-top: 20px; }
    .ohterOpportunities .listingOpportunities .listingItemDiv .listingItems {
      background-color: #ffffff;
      padding: 44px 44px 34px 44px; }
      .ohterOpportunities .listingOpportunities .listingItemDiv .listingItems .btnDetails {
        padding-top: 20px;
        margin-left: 0;
        display: flex;
        flex-direction: row-reverse; }
        .ohterOpportunities .listingOpportunities .listingItemDiv .listingItems .btnDetails a {
          color: #000;
          font-style: normal;
          font-weight: 700;
          line-height: normal;
          position: relative;
          -webkit-transition: all 0.3s ease-in-out;
          -moz-transition: all 0.3s ease-in-out;
          -ms-transition: all 0.3s ease-in-out;
          -o-transition: all 0.3s ease-in-out;
          transition: all 0.3s ease-in-out;
          padding-right: 20px; }
          .ohterOpportunities .listingOpportunities .listingItemDiv .listingItems .btnDetails a {
            font-size: 16px; }
            @media screen and (min-width: 320px) {
              .ohterOpportunities .listingOpportunities .listingItemDiv .listingItems .btnDetails a {
                font-size: calc(16px + 2 * ((100vw - 320px) / 1280)); } }
            @media screen and (min-width: 1600px) {
              .ohterOpportunities .listingOpportunities .listingItemDiv .listingItems .btnDetails a {
                font-size: 18px; } }
          .ohterOpportunities .listingOpportunities .listingItemDiv .listingItems .btnDetails a::after {
            content: "";
            display: block;
            position: absolute;
            width: 35px;
            height: 35px;
            right: -15px;
            top: 50%;
            transform: translateY(-50%);
            background-image: url(/Images/blackarrow.svg);
            background-repeat: no-repeat;
            background-position: center center;
            background-size: contain;
            -webkit-transition: all 0.3s ease-in-out;
            -moz-transition: all 0.3s ease-in-out;
            -ms-transition: all 0.3s ease-in-out;
            -o-transition: all 0.3s ease-in-out;
            transition: all 0.3s ease-in-out; }
          .ohterOpportunities .listingOpportunities .listingItemDiv .listingItems .btnDetails a:hover {
            color: #E31D3C; }
            .ohterOpportunities .listingOpportunities .listingItemDiv .listingItems .btnDetails a:hover::after {
              filter: brightness(0) saturate(100%) invert(20%) sepia(87%) saturate(5454%) hue-rotate(343deg) brightness(93%) contrast(90%);
              right: -20px;
              top: calc(50% - 5px); }
    .ohterOpportunities .listingOpportunities .listingItemDiv .specsjob {
      border-bottom: 1px solid #E9E9E9;
      padding-bottom: 20px;
      padding-top: 20px; }
      .ohterOpportunities .listingOpportunities .listingItemDiv .specsjob .subTitleD {
        color: #63686A;
        font-size: 14px;
        font-style: normal;
        font-weight: 700;
        text-transform: uppercase; }
        .ohterOpportunities .listingOpportunities .listingItemDiv .specsjob .subTitleD {
          line-height: 22px; }
          @media screen and (min-width: 320px) {
            .ohterOpportunities .listingOpportunities .listingItemDiv .specsjob .subTitleD {
              line-height: calc(22px + 8 * ((100vw - 320px) / 1280)); } }
          @media screen and (min-width: 1600px) {
            .ohterOpportunities .listingOpportunities .listingItemDiv .specsjob .subTitleD {
              line-height: 30px; } }
      .ohterOpportunities .listingOpportunities .listingItemDiv .specsjob .titleD {
        color: #231F20;
        font-style: normal;
        font-weight: 700;
        line-height: normal; }
        .ohterOpportunities .listingOpportunities .listingItemDiv .specsjob .titleD {
          font-size: 16px; }
          @media screen and (min-width: 320px) {
            .ohterOpportunities .listingOpportunities .listingItemDiv .specsjob .titleD {
              font-size: calc(16px + 4 * ((100vw - 320px) / 1280)); } }
          @media screen and (min-width: 1600px) {
            .ohterOpportunities .listingOpportunities .listingItemDiv .specsjob .titleD {
              font-size: 20px; } }
      .ohterOpportunities .listingOpportunities .listingItemDiv .specsjob:first-child {
        padding-top: 0px; }

.bodyForm .container {
  max-width: 1300px; }
.bodyForm .bodyFormContent {
  width: 90%; }
  .bodyForm .bodyFormContent .row {
    padding-top: 40px; }
  .bodyForm .bodyFormContent .inputEntity {
    display: flex;
    flex-direction: column; }
    .bodyForm .bodyFormContent .inputEntity label {
      color: #231F20;
      font-style: normal;
      font-weight: 400; }
      .bodyForm .bodyFormContent .inputEntity label {
        font-size: 14px; }
        @media screen and (min-width: 320px) {
          .bodyForm .bodyFormContent .inputEntity label {
            font-size: calc(14px + 2 * ((100vw - 320px) / 1280)); } }
        @media screen and (min-width: 1600px) {
          .bodyForm .bodyFormContent .inputEntity label {
            font-size: 16px; } }
      .bodyForm .bodyFormContent .inputEntity label {
        line-height: 22px; }
        @media screen and (min-width: 320px) {
          .bodyForm .bodyFormContent .inputEntity label {
            line-height: calc(22px + 8 * ((100vw - 320px) / 1280)); } }
        @media screen and (min-width: 1600px) {
          .bodyForm .bodyFormContent .inputEntity label {
            line-height: 30px; } }
    .bodyForm .bodyFormContent .inputEntity input {
      padding-top: 22px;
      padding-bottom: 22px;
      padding-left: 22px;
      border-radius: 36px;
      border: 2px solid #000;
      color: #231F20;
      font-style: normal;
      font-weight: 700;
      /* 187.5% */ }
      .bodyForm .bodyFormContent .inputEntity input {
        font-size: 16px; }
        @media screen and (min-width: 320px) {
          .bodyForm .bodyFormContent .inputEntity input {
            font-size: calc(16px + 0 * ((100vw - 320px) / 1280)); } }
        @media screen and (min-width: 1600px) {
          .bodyForm .bodyFormContent .inputEntity input {
            font-size: 16px; } }
      .bodyForm .bodyFormContent .inputEntity input {
        line-height: 22px; }
        @media screen and (min-width: 320px) {
          .bodyForm .bodyFormContent .inputEntity input {
            line-height: calc(22px + 8 * ((100vw - 320px) / 1280)); } }
        @media screen and (min-width: 1600px) {
          .bodyForm .bodyFormContent .inputEntity input {
            line-height: 30px; } }
      .bodyForm .bodyFormContent .inputEntity input::placeholder {
        color: #C2C2C2; }
    .bodyForm .bodyFormContent .inputEntity .dropDown {
      padding-top: 22px;
      padding-bottom: 22px;
      padding-left: 22px;
      border-radius: 36px;
      border: 2px solid #000;
      color: #231F20;
      font-style: normal;
      font-weight: 700;
      /* 187.5% */ }
      .bodyForm .bodyFormContent .inputEntity .dropDown {
        font-size: 16px; }
        @media screen and (min-width: 320px) {
          .bodyForm .bodyFormContent .inputEntity .dropDown {
            font-size: calc(16px + 0 * ((100vw - 320px) / 1280)); } }
        @media screen and (min-width: 1600px) {
          .bodyForm .bodyFormContent .inputEntity .dropDown {
            font-size: 16px; } }
      .bodyForm .bodyFormContent .inputEntity .dropDown {
        line-height: 22px; }
        @media screen and (min-width: 320px) {
          .bodyForm .bodyFormContent .inputEntity .dropDown {
            line-height: calc(22px + 8 * ((100vw - 320px) / 1280)); } }
        @media screen and (min-width: 1600px) {
          .bodyForm .bodyFormContent .inputEntity .dropDown {
            line-height: 30px; } }

.submitBtnContainer {
  display: flex;
  flex-direction: row-reverse; }

.SubmitBtn {
  font-size: 15px;
  position: relative;
  color: #E31D3C;
  text-align: center;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  letter-spacing: 0.15px;
  text-transform: uppercase;
  border: solid 2px #E31D3C;
  border-radius: 600px;
  padding: 22px 30px 22px 20px;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out; }
  .SubmitBtn::after {
    content: "";
    display: block;
    position: absolute;
    width: 15px;
    height: 15px;
    right: 15px;
    top: 50%;
    transform: translateY(-50%);
    background-image: url(/Images/redArrow.svg);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: contain;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out; }
  .SubmitBtn:hover {
    opacity: 0.3; }
    .SubmitBtn:hover::after {
      right: 10px; }

.dropzone {
  border-radius: 8px;
  border: 1px dashed #CCD0D2;
  background: #E3E9EC;
  padding: 31px 0; }
  .dropzone img {
    margin: 0 auto; }
  .dropzone .dz-default.dz-message {
    text-align: center; }
  .dropzone .dz-button {
    color: #63686A;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    text-align: center;
    border: none;
    background-color: #E3E9EC; }
    .dropzone .dz-button {
      line-height: 22px; }
      @media screen and (min-width: 320px) {
        .dropzone .dz-button {
          line-height: calc(22px + 8 * ((100vw - 320px) / 1280)); } }
      @media screen and (min-width: 1600px) {
        .dropzone .dz-button {
          line-height: 30px; } }

.dz-preview.dz-processing.dz-image-preview.dz-error.dz-complete {
  display: none; }

.dz-success-mark {
  display: none; }

.dz-remove {
  display: none; }

.dz-error-mark {
  display: none; }

.dz-image {
  display: none; }

.dz-details {
  text-align: center; }

.dz-error-message {
  display: none; }

.searchResults {
  padding: 200px 0 50px 0; }
  .searchResults input {
    border-radius: 6px;
    border: 1px solid #000;
    margin-bottom: 40px;
    position: relative;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out; }
    .searchResults input::after {
      content: "";
      display: block;
      position: absolute;
      width: 24px;
      height: 24px;
      right: 15px;
      top: 50%;
      transform: translateY(-50%);
      background-image: url(/Images/searchred.svg);
      background-repeat: no-repeat;
      background-position: center center;
      background-size: contain;
      -webkit-transition: all 0.3s ease-in-out;
      -moz-transition: all 0.3s ease-in-out;
      -ms-transition: all 0.3s ease-in-out;
      -o-transition: all 0.3s ease-in-out;
      transition: all 0.3s ease-in-out; }
  .searchResults .searchInputWrap {
    display: inline-flex;
    align-items: center;
    width: 100%;
    max-width: 50%;
    position: relative; }
    .searchResults .searchInputWrap input {
      width: 100%;
      background: none;
      border: none;
      padding: 13px;
      border-radius: 10px;
      color: #041D2C;
      font-size: 18px;
      font-style: normal;
      font-weight: 400;
      line-height: 29px;
      background: #E3E9EC;
      transition: all 0.3s ease-in-out; }
      .searchResults .searchInputWrap input:focus {
        background-color: white; }
    .searchResults .searchInputWrap a {
      color: #E31D3C;
      font-size: 17px;
      font-style: normal;
      font-weight: 500;
      line-height: normal;
      margin-right: 20px;
      position: absolute;
      height: 24px;
      width: 24px;
      right: 0;
      top: 50%;
      transform: translateY(-50%);
      font-size: 0;
      background-image: url(../Images/search-red.svg);
      transition: all 0.3s ease-in-out; }
      .searchResults .searchInputWrap a:hover {
        filter: brightness(0); }
    .searchResults .searchInputWrap .clearForm {
      color: #ffffff;
      font-size: 17px;
      font-style: normal;
      font-weight: 300;
      line-height: normal;
      margin-right: 20px;
      display: none; }
  .searchResults .searchResultsList h5 {
    font-size: 24px;
    font-style: normal;
    font-weight: 600;
    line-height: 51px;
    margin-bottom: 40px; }
  .searchResults .searchResultsList .listingItemDIV {
    border-bottom: 1px solid rgba(35, 31, 32, 0.1);
    padding: 20px 0; }
    .searchResults .searchResultsList .listingItemDIV h6 {
      color: #041D2C;
      font-size: 20px;
      font-style: normal;
      font-weight: 600;
      line-height: 51px; }
    .searchResults .searchResultsList .listingItemDIV p {
      color: #63686A;
      font-size: 17px;
      font-style: normal;
      font-weight: 400;
      line-height: 27px;
      /* 158.824% */ }
    .searchResults .searchResultsList .listingItemDIV .btnDets {
      color: #231F20;
      font-size: 16px;
      font-style: normal;
      font-weight: 700;
      line-height: normal;
      position: relative;
      padding: 22px 40px 22px 0px;
      -webkit-transition: all 0.3s ease-in-out;
      -moz-transition: all 0.3s ease-in-out;
      -ms-transition: all 0.3s ease-in-out;
      -o-transition: all 0.3s ease-in-out;
      transition: all 0.3s ease-in-out; }
      .searchResults .searchResultsList .listingItemDIV .btnDets::after {
        content: "";
        display: block;
        position: absolute;
        width: 35px;
        height: 35px;
        left: 100px;
        top: 50%;
        transform: translateY(-50%);
        background-image: url(/Images/blackarrow.svg);
        background-repeat: no-repeat;
        background-position: center center;
        background-size: contain;
        -webkit-transition: all 0.3s ease-in-out;
        -moz-transition: all 0.3s ease-in-out;
        -ms-transition: all 0.3s ease-in-out;
        -o-transition: all 0.3s ease-in-out;
        transition: all 0.3s ease-in-out; }

.sliderMilestones {
  padding: 100px 0;
  padding-bottom: 200px;
  overflow-x: hidden; }
  .sliderMilestones .navigation {
    position: relative;
    padding-right: 30px;
    overflow-y: auto;
    border-right: 1px solid #C2C2C2; }
    .sliderMilestones .navigation::-webkit-scrollbar {
      display: none;
      /* For Chrome, Safari, and Opera */ }
    .sliderMilestones .navigation ul {
      display: flex;
      flex-direction: column;
      padding: 0;
      direction: rtl;
      padding-top: 20px; }
      .sliderMilestones .navigation ul li {
        max-width: 180px;
        padding-bottom: 30px;
        transition: all 0.3s ease-in-out; }
        .sliderMilestones .navigation ul li a {
          height: 100%;
          display: flex;
          flex-direction: column;
          justify-content: flex-end; }
          .sliderMilestones .navigation ul li a span.year {
            color: #435055;
            opacitY: 0.2;
            font-size: 20px;
            font-style: normal;
            font-weight: 700;
            line-height: 15px;
            display: block;
            transition: all 0.3s ease-in-out;
            margin-bottom: 15px; }
          .sliderMilestones .navigation ul li a span.title {
            color: #E31D3C;
            font-size: 20px;
            font-style: normal;
            font-weight: 700;
            line-height: 20px;
            height: 0;
            overflow: hidden;
            transition: all 0.3s ease-in-out;
            display: block;
            white-space: nowrap;
            text-overflow: ellipsis;
            overflow: hidden;
            max-width: 100%; }
        .sliderMilestones .navigation ul li.active a {
          /* 42.5% */ }
          .sliderMilestones .navigation ul li.active a span.year {
            color: #DD0B2F;
            font-size: 80px;
            font-style: normal;
            font-weight: 275;
            line-height: 34px;
            opacity: 1; }
            .sliderMilestones .navigation ul li.active a span.year {
              font-size: 80px; }
              @media screen and (min-width: 320px) {
                .sliderMilestones .navigation ul li.active a span.year {
                  font-size: calc(80px + -50 * ((100vw - 320px) / 1280)); } }
              @media screen and (min-width: 1600px) {
                .sliderMilestones .navigation ul li.active a span.year {
                  font-size: 30px; } }
          .sliderMilestones .navigation ul li.active a span.title {
            height: 30px; }
  .sliderMilestones .listingHolder {
    margin-bottom: 110px; }
    .sliderMilestones .listingHolder .listingItemDIV {
      position: relative; }
      .sliderMilestones .listingHolder .listingItemDIV .listingItem {
        display: flex;
        align-items: stretch;
        margin: 0 -25px;
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        opacity: 0;
        transition: all 0.3s ease-in-out;
        padding-left: 40px; }
        .sliderMilestones .listingHolder .listingItemDIV .listingItem .image-wrapper {
          position: relative;
          width: 50%; }
          .sliderMilestones .listingHolder .listingItemDIV .listingItem .image-wrapper .box {
            width: 73px;
            height: 73px;
            position: absolute;
            z-index: 10;
            bottom: -20px;
            left: -20px;
            background-image: url("/images/box.svg");
            background-repeat: no-repeat;
            background-size: contain; }
        .sliderMilestones .listingHolder .listingItemDIV .listingItem .listingImage {
          padding: 0;
          transition: all 2s ease-in-out;
          transform: translateX(100%) scaleX(1.3);
          position: relative;
          overflow: hidden;
          transform-origin: center;
          opacity: 0.9;
          transition: transform 2s cubic-bezier(0.1, 0, 0, 1); }
          .sliderMilestones .listingHolder .listingItemDIV .listingItem .listingImage img {
            max-width: 100%;
            width: 100% !important;
            transform: scaleX(2);
            transform-origin: center;
            opacity: 0.9;
            transition: transform 2s cubic-bezier(0.1, 0, 0, 1); }
          .sliderMilestones .listingHolder .listingItemDIV .listingItem .listingImage img {
            height: 100%;
            width: auto;
            display: block; }
        .sliderMilestones .listingHolder .listingItemDIV .listingItem .listingInfos {
          flex: 0 0 50%;
          width: 50%;
          padding: 0 25px;
          padding-right: 0;
          transition: all 1s ease-in-out; }
          .sliderMilestones .listingHolder .listingItemDIV .listingItem .listingInfos .listingDate {
            -webkit-text-stroke-width: 2px;
            -webkit-text-stroke-color: #D9D9D9;
            font-size: 230px;
            font-style: normal;
            font-weight: 700;
            line-height: 145px;
            margin-bottom: 50px;
            padding-bottom: 34px;
            color: white; }
          .sliderMilestones .listingHolder .listingItemDIV .listingItem .listingInfos .listingSubtitle {
            color: #E31D3C;
            font-size: 45px;
            font-style: normal;
            font-weight: 700;
            line-height: 30px;
            margin-bottom: 25px; }
          .sliderMilestones .listingHolder .listingItemDIV .listingItem .listingInfos .listingTitle {
            color: #231F20;
            font-style: normal;
            font-weight: 500;
            line-height: normal;
            margin-bottom: 20px;
            border-bottom: 1px solid #E31D3C;
            padding-bottom: 20px; }
            .sliderMilestones .listingHolder .listingItemDIV .listingItem .listingInfos .listingTitle {
              font-size: 20px; }
              @media screen and (min-width: 320px) {
                .sliderMilestones .listingHolder .listingItemDIV .listingItem .listingInfos .listingTitle {
                  font-size: calc(20px + 24 * ((100vw - 320px) / 1280)); } }
              @media screen and (min-width: 1600px) {
                .sliderMilestones .listingHolder .listingItemDIV .listingItem .listingInfos .listingTitle {
                  font-size: 44px; } }
          .sliderMilestones .listingHolder .listingItemDIV .listingItem .listingInfos .listingDescription {
            color: #63686A;
            font-style: normal;
            padding-right: 40px;
            padding-left: 30px;
            color: #231F20;
            font-size: 18px;
            font-style: normal;
            font-weight: 300;
            line-height: 30px;
            /* 166.667% */ }
      .sliderMilestones .listingHolder .listingItemDIV.active .listingItem {
        opacity: 1; }
        .sliderMilestones .listingHolder .listingItemDIV.active .listingItem .listingImage {
          transform: none; }
          .sliderMilestones .listingHolder .listingItemDIV.active .listingItem .listingImage img {
            transform: none; }
        .sliderMilestones .listingHolder .listingItemDIV.active .listingItem .listingInfos {
          transform: none; }

.presenceMap {
  background-color: #3D484D; }
  .presenceMap .bodyContent {
    padding-bottom: 60px; }
    .presenceMap .bodyContent .mainTitle {
      margin: 0; }
    .presenceMap .bodyContent .mainTitle h2 {
      padding-top: 20px;
      position: relative;
      padding-bottom: 20px;
      margin: 0;
      font-size: 40px;
      font-style: normal;
      font-weight: 500;
      line-height: 68px;
      /* 170% */
      text-transform: uppercase; }
      .presenceMap .bodyContent .mainTitle h2 {
        font-size: 30px; }
        @media screen and (min-width: 320px) {
          .presenceMap .bodyContent .mainTitle h2 {
            font-size: calc(30px + 10 * ((100vw - 320px) / 1280)); } }
        @media screen and (min-width: 1600px) {
          .presenceMap .bodyContent .mainTitle h2 {
            font-size: 40px; } }
    .presenceMap .bodyContent .halfline::after {
      display: none; }
    .presenceMap .bodyContent .mainTitle h2,
    .presenceMap .bodyContent .mainSubTitle {
      color: white; }
      .presenceMap .bodyContent .mainTitle h2 span,
      .presenceMap .bodyContent .mainSubTitle span {
        display: block; }
  .presenceMap .subMenu ul li a {
    color: white;
    border-color: white;
    border-radius: 0;
    font-size: 15px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    text-transform: capitalize;
    padding: 16px 20px;
    opacity: 1; }
    .presenceMap .subMenu ul li a.active {
      background-color: #E31D3C;
      border-color: transparent; }
  .presenceMap .mapDIV {
    margin-bottom: 20px; }
    .presenceMap .mapDIV svg {
      width: 100%; }
      .presenceMap .mapDIV svg .st3 {
        transition: all 0.3s ease-in-out; }
        .presenceMap .mapDIV svg .st3:hover {
          r: 25; }
    .presenceMap .mapDIV.projects {
      display: none; }
  .presenceMap .whoWeAreList ul {
    padding: 0;
    margin: 0;
    display: flex;
    gap: 100px;
    align-items: center;
    justify-content: center; }
    .presenceMap .whoWeAreList ul li {
      margin-bottom: 40px;
      position: relative;
      padding-left: 60px; }
      .presenceMap .whoWeAreList ul li a.overlaylink {
        left: -20px;
        width: calc(100% + 20px);
        position: absolute;
        display: block;
        cursor: pointer;
        z-index: 2;
        top: -20px;
        height: calc(100% + 20px); }
      .presenceMap .whoWeAreList ul li a.itemLink {
        color: white;
        text-transform: capitalize;
        display: block;
        position: relative;
        padding-right: 40px;
        z-index: 1;
        transform: translateX(10px);
        opacity: 0; }
        .presenceMap .whoWeAreList ul li a.itemLink::after {
          content: "";
          display: block;
          position: absolute;
          width: 35px;
          height: 35px;
          right: 0;
          top: 50%;
          transform: translateY(-50%);
          background-image: url(/Images/redArrow.svg);
          background-repeat: no-repeat;
          background-position: center center;
          background-size: contain;
          filter: brightness(0) invert(1);
          -webkit-transition: all 0.3s ease-in-out;
          -moz-transition: all 0.3s ease-in-out;
          -ms-transition: all 0.3s ease-in-out;
          -o-transition: all 0.3s ease-in-out;
          transition: all 0.3s ease-in-out; }
    .presenceMap .whoWeAreList ul .numberDiv {
      position: relative;
      padding: 20px 0 20px 50px; }
      .presenceMap .whoWeAreList ul .numberDiv h3 {
        color: #FFF;
        font-style: normal;
        font-weight: 300;
        line-height: normal;
        z-index: 1;
        position: relative;
        margin: 0;
        transition: all 0.3s ease; }
        .presenceMap .whoWeAreList ul .numberDiv h3 {
          font-size: 40px; }
          @media screen and (min-width: 320px) {
            .presenceMap .whoWeAreList ul .numberDiv h3 {
              font-size: calc(40px + 17 * ((100vw - 320px) / 1280)); } }
          @media screen and (min-width: 1600px) {
            .presenceMap .whoWeAreList ul .numberDiv h3 {
              font-size: 57px; } }
      .presenceMap .whoWeAreList ul .numberDiv p {
        color: #FFF;
        font-style: normal;
        font-weight: 300;
        line-height: normal;
        max-width: 110px;
        z-index: 1;
        position: relative;
        margin-bottom: 30px;
        transition: all 0.3s ease; }
        .presenceMap .whoWeAreList ul .numberDiv p {
          font-size: 16px; }
          @media screen and (min-width: 320px) {
            .presenceMap .whoWeAreList ul .numberDiv p {
              font-size: calc(16px + 8 * ((100vw - 320px) / 1280)); } }
          @media screen and (min-width: 1600px) {
            .presenceMap .whoWeAreList ul .numberDiv p {
              font-size: 24px; } }

.filters {
  position: absolute;
  top: 100%;
  left: 0;
  right: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.6);
  z-index: 1001;
  opacity: 0;
  transition: all 0.3s ease-in-out;
  visibility: hidden;
  min-height: 500px; }
  .filters.careersFiltering .filter-sections {
    padding-bottom: 30px !important; }
  .filters.open {
    opacity: 1;
    visibility: visible;
    padding: 50px 100px; }
    .filters.open .content {
      transform: none;
      opacity: 1; }
  .filters .filter-sections {
    display: flex;
    gap: 30px; }
    .filters .filter-sections .filterSection {
      flex: 1; }
  .filters .content {
    background-color: white;
    transition: all 0.3s ease-in-out;
    height: 100%;
    width: auto;
    position: absolute;
    top: 0;
    opacity: 0;
    left: 0;
    right: 0;
    padding: 40px 150px;
    max-height: auto;
    overflow: auto; }
    .filters .content::-webkit-scrollbar-track {
      border-radius: 10px;
      background-color: #F5F5F5; }
    .filters .content::-webkit-scrollbar {
      width: 2px;
      background-color: #F5F5F5; }
    .filters .content::-webkit-scrollbar-thumb {
      border-radius: 10px;
      background-color: #E31D3C; }
    .filters .content .head {
      display: flex;
      align-items: center;
      justify-content: space-between;
      margin-bottom: 50px; }
      .filters .content .head .title {
        color: #231F20;
        font-size: 34px;
        font-style: normal;
        font-weight: 600;
        line-height: normal; }
      .filters .content .head .close {
        display: block;
        height: 44px;
        width: 44px;
        background-image: url(../Images/close_red.svg);
        background-repeat: no-repeat;
        background-size: contain;
        background-position: center; }
    .filters .content .filterSection .sectionTitle {
      color: #000;
      font-weight: 500;
      font-size: 16px;
      font-style: normal;
      font-weight: 300;
      line-height: 26px;
      text-transform: uppercase;
      margin-bottom: 7px;
      color: #000; }
    .filters .content .filterSection .sectionToggles {
      flex: 0 0 60%; }
      .filters .content .filterSection .sectionToggles .inputParent:has(input[type="checkbox"]:checked) {
        border-bottom-color: #E31D3C; }
        .filters .content .filterSection .sectionToggles .inputParent:has(input[type="checkbox"]:checked) label {
          color: #E31D3C; }
      .filters .content .filterSection .sectionToggles .inputParent {
        margin-bottom: 4px;
        border-bottom: 1px solid #C3C3C3;
        padding-bottom: 3px;
        transition: all 0.3s ease-in-out; }
        .filters .content .filterSection .sectionToggles .inputParent:hover {
          border-bottom-color: #E31D3C; }
          .filters .content .filterSection .sectionToggles .inputParent:hover label {
            color: #E31D3C; }
        .filters .content .filterSection .sectionToggles .inputParent input[type="checkbox"] {
          position: absolute;
          opacity: 0; }
          .filters .content .filterSection .sectionToggles .inputParent input[type="checkbox"]:checked ~ label::before {
            border-color: #E31D3C;
            background-color: #E31D3C; }
        .filters .content .filterSection .sectionToggles .inputParent label {
          color: #435055;
          font-size: 14px;
          font-style: normal;
          font-weight: 400;
          line-height: normal;
          position: relative;
          cursor: pointer;
          width: 100%;
          transition: all 0.3s ease-in-out; }
          .filters .content .filterSection .sectionToggles .inputParent label img {
            display: inline-block;
            width: 20px;
            height: auto;
            vertical-align: baseline; }
          .filters .content .filterSection .sectionToggles .inputParent label::before {
            content: '';
            position: absolute;
            display: block;
            top: 2px;
            left: 0;
            width: 18px;
            height: 18px;
            border: 1px solid #63686A;
            background-image: url(../images/checked.svg);
            background-position: center;
            background-repeat: no-repeat;
            background-size: 10px 10px;
            display: none; }
        .filters .content .filterSection .sectionToggles .inputParent:last-child {
          margin-bottom: 0; }
      .filters .content .filterSection .sectionToggles.fullwidth {
        flex: 0 0 100%;
        padding-top: 15px; }
      .filters .content .filterSection .sectionToggles .dk-select {
        width: 100%; }
        .filters .content .filterSection .sectionToggles .dk-select .dk-selected {
          color: #000;
          font-size: 16px;
          font-style: normal;
          font-weight: 400;
          line-height: 30px;
          border-radius: 86px;
          border: 1px solid #D7D7D7;
          padding: 12px 26px; }
          .filters .content .filterSection .sectionToggles .dk-select .dk-selected::before {
            display: none; }
          .filters .content .filterSection .sectionToggles .dk-select .dk-selected::after {
            position: absolute;
            top: 50%;
            right: 26px;
            width: 20px;
            height: 20px;
            transform: translateY(-50%);
            border: none;
            margin: 0;
            background-image: url(../Images/droparrow.svg);
            background-position: center;
            background-size: contain;
            background-repeat: no-repeat; }
        .filters .content .filterSection .sectionToggles .dk-select .dk-select-options {
          border-radius: 0 0 28px 28px;
          border: 1px solid #D7D7D7;
          padding: 10px 0 20px; }
          .filters .content .filterSection .sectionToggles .dk-select .dk-select-options li {
            padding: 0 26px; }
            .filters .content .filterSection .sectionToggles .dk-select .dk-select-options li.dk-option-selected {
              background-color: #E31D3C;
              color: white; }
            .filters .content .filterSection .sectionToggles .dk-select .dk-select-options li.dk-option-highlight {
              background-color: #E31D3C; }
        .filters .content .filterSection .sectionToggles .dk-select.dk-select-open-down .dk-selected {
          border-radius: 28px 28px 0 0; }
    .filters .content .filterSection:last-of-type, .filters .content .filterSection:nth-last-of-type(2) {
      padding-bottom: 0;
      border-bottom: none; }
    .filters .content .filterSection.actionButtons {
      display: flex;
      justify-content: end; }
      .filters .content .filterSection.actionButtons input[type="submit"] {
        position: relative;
        color: #E31D3C;
        text-align: center;
        font-style: normal;
        font-weight: 700;
        line-height: normal;
        letter-spacing: 0.15px;
        text-transform: uppercase;
        border: solid 2px #E31D3C;
        border-radius: 0;
        padding: 20px 70px 20px 25px;
        -webkit-transition: all 0.3s ease-in-out;
        -moz-transition: all 0.3s ease-in-out;
        -ms-transition: all 0.3s ease-in-out;
        -o-transition: all 0.3s ease-in-out;
        transition: all 0.3s ease-in-out;
        font-size: 12px;
        letter-spacing: 1.2px;
        text-transform: uppercase;
        cursor: pointer;
        background-color: white;
        color: #E31D3C;
        background-image: url(../Images/arrow-right-red.svg);
        background-size: 35px;
        background-repeat: no-repeat;
        font-size: 12px;
        background-position: 85% 50%; }
        .filters .content .filterSection.actionButtons input[type="submit"]::after {
          content: "";
          display: block;
          position: absolute;
          width: 35px;
          height: 35px;
          right: 35px;
          top: 50%;
          transform: translateY(-50%);
          background-image: url(/Images/arrow-right-red.svg);
          background-repeat: no-repeat;
          background-position: center center;
          background-size: contain;
          -webkit-transition: all 0.3s ease-in-out;
          -moz-transition: all 0.3s ease-in-out;
          -ms-transition: all 0.3s ease-in-out;
          -o-transition: all 0.3s ease-in-out;
          transition: all 0.3s ease-in-out; }
        .filters .content .filterSection.actionButtons input[type="submit"]:hover {
          background-color: #E31D3C;
          color: white; }
          .filters .content .filterSection.actionButtons input[type="submit"]:hover::after {
            filter: brightness(0) invert(1); }
        .filters .content .filterSection.actionButtons input[type="submit"]:hover {
          background-image: url(../Images/arrow-right-red.svg); }
      .filters .content .filterSection.actionButtons input[type="reset"] {
        background-color: white;
        color: #E31D3C;
        background-size: 35px;
        background-repeat: no-repeat;
        text-transform: uppercase;
        border: none;
        margin-right: 30px;
        color: #E31D3C;
        font-size: 12px;
        font-weight: 700;
        line-height: normal;
        letter-spacing: 1.2px;
        text-transform: uppercase; }

.dt-scroll-headInner,
.dataTable {
  width: 100% !important; }

.dt-scroll-body {
  overflow: visible !important; }

div.dt-container.dt-empty-footer .dt-scroll-body {
  border: none !important; }

.tableListing {
  padding-top: 0; }
  .tableListing div.dt-container div.dt-layout-cell {
    padding: 0; }
  .tableListing .dt-length {
    display: none; }
  .tableListing .dt-input {
    font-size: 18px;
    font-style: normal;
    width: 100% !important;
    font-weight: 400;
    line-height: 34px;
    border-radius: 6px;
    background-color: #E3E9EC !important;
    border: none;
    outline: none;
    padding: 8px 50px;
    width: 400px;
    background-image: url(../Images/search.svg);
    background-position: 20px center;
    background-repeat: no-repeat;
    background-size: 20px; }
    .tableListing .dt-input::placeholder {
      color: #72787A; }
  .tableListing div.dt-container .dt-search {
    position: absolute;
    top: -165px;
    left: 0;
    width: 57%; }
    .tableListing div.dt-container .dt-search label[for="dt-search-0"] {
      display: none; }
    .tableListing div.dt-container .dt-search input {
      font-size: 14px;
      font-style: normal;
      width: 100% !important;
      font-weight: 400;
      line-height: 27px;
      border-radius: 0;
      background-color: #E3E9EC !important;
      border: none;
      outline: none;
      padding: 7px 45px;
      width: 400px;
      background-image: url(../Images/search.svg);
      background-position: 15px center;
      background-repeat: no-repeat;
      background-size: 20px; }
      .tableListing div.dt-container .dt-search input::placeholder {
        color: #72787A;
        font-weight: 300;
        line-height: 26px; }
      .tableListing div.dt-container .dt-search input:focus {
        outline: none; }
  .tableListing .dt-empty {
    text-align: left !important;
    padding: 10px !important;
    width: 100% !important; }
  .tableListing div.dt-container .dt-paging .dt-paging-button {
    border: 2px solid #E31D3C !important;
    width: 43px;
    height: 43px;
    background-color: white;
    border-radius: 50%;
    color: #E31D3C !important;
    padding: 0;
    margin-left: 0;
    margin-right: 20px;
    transition: all 0.3s ease-in-out;
    font-size: 15px;
    font-style: normal;
    font-weight: 600;
    line-height: normal; }
    .tableListing div.dt-container .dt-paging .dt-paging-button.current {
      color: white !important;
      background-color: #E31D3C; }
      .tableListing div.dt-container .dt-paging .dt-paging-button.current:hover {
        color: white !important; }
    .tableListing div.dt-container .dt-paging .dt-paging-button.previous, .tableListing div.dt-container .dt-paging .dt-paging-button.first, .tableListing div.dt-container .dt-paging .dt-paging-button.next, .tableListing div.dt-container .dt-paging .dt-paging-button.last {
      border: none !important;
      color: black !important;
      height: 50px;
      width: auto; }
      .tableListing div.dt-container .dt-paging .dt-paging-button.previous:hover, .tableListing div.dt-container .dt-paging .dt-paging-button.first:hover, .tableListing div.dt-container .dt-paging .dt-paging-button.next:hover, .tableListing div.dt-container .dt-paging .dt-paging-button.last:hover {
        background: none !important;
        color: #E31D3C !important; }
    .tableListing div.dt-container .dt-paging .dt-paging-button.next {
      margin-right: 0; }
    .tableListing div.dt-container .dt-paging .dt-paging-button.previous.disabled, .tableListing div.dt-container .dt-paging .dt-paging-button.next.disabled {
      opacity: 0.2;
      pointer-events: none; }
    .tableListing div.dt-container .dt-paging .dt-paging-button.first, .tableListing div.dt-container .dt-paging .dt-paging-button.last {
      display: none; }
  .tableListing .dt-column-title {
    text-transform: uppercase;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    letter-spacing: 1.4px; }
  .tableListing .dt-paging,
  .tableListing .dt-info {
    padding-top: 40px; }
  .tableListing .dt-info {
    display: none; }
  .tableListing div.dt-container .dt-paging .dt-paging-button:hover {
    background: none !important;
    background-color: #E31D3C !important; }

.bodyForm .jobApplication {
  margin-bottom: 100px; }
  .bodyForm .jobApplication .row {
    padding-top: 0; }
  .bodyForm .jobApplication .inputEntity {
    margin-bottom: 40px;
    position: relative; }
    .bodyForm .jobApplication .inputEntity label {
      margin-bottom: 15px; }
    .bodyForm .jobApplication .inputEntity input {
      color: #000;
      font-size: 16px;
      font-style: normal;
      font-weight: 400;
      line-height: 30px;
      padding: 10px 26px;
      border: 1px solid #C2C2C2;
      border-radius: 5px; }
      .bodyForm .jobApplication .inputEntity input:focus {
        border: 2px solid #000; }
    .bodyForm .jobApplication .inputEntity .phoneInput {
      margin-left: 143px !important;
      width: calc(100% - 143px) !important;
      padding-left: 26px !important; }
    .bodyForm .jobApplication .inputEntity .dk-select {
      width: 100%; }
      .bodyForm .jobApplication .inputEntity .dk-select .dk-selected {
        color: #000;
        font-size: 16px;
        font-style: normal;
        font-weight: 400;
        line-height: 30px;
        border-radius: 0;
        border: 1px solid #D7D7D7;
        padding: 12px 26px;
        border-radius: 5px; }
        .bodyForm .jobApplication .inputEntity .dk-select .dk-selected::before {
          display: none; }
        .bodyForm .jobApplication .inputEntity .dk-select .dk-selected::after {
          position: absolute;
          top: 50%;
          right: 26px;
          width: 20px;
          height: 20px;
          transform: translateY(-50%);
          border: none;
          margin: 0;
          background-image: url(../Images/droparrow.svg);
          background-position: center;
          background-size: contain;
          background-repeat: no-repeat; }
      .bodyForm .jobApplication .inputEntity .dk-select .dk-select-options {
        border-radius: 0;
        border: 1px solid #D7D7D7;
        padding: 10px 0 20px; }
        .bodyForm .jobApplication .inputEntity .dk-select .dk-select-options li {
          padding: 0 26px; }
          .bodyForm .jobApplication .inputEntity .dk-select .dk-select-options li.dk-option-selected {
            background-color: #E31D3C;
            color: white; }
          .bodyForm .jobApplication .inputEntity .dk-select .dk-select-options li.dk-option-highlight {
            background-color: #E31D3C; }
      .bodyForm .jobApplication .inputEntity .dk-select.dk-select-open-down .dk-selected {
        border-radius: 5px;
        border-color: black;
        border-bottom: none; }
      .bodyForm .jobApplication .inputEntity .dk-select.dk-select-open-down .dk-select-options {
        border: 2px solid black;
        border-top: none; }
        .bodyForm .jobApplication .inputEntity .dk-select.dk-select-open-down .dk-select-options::-webkit-scrollbar-track {
          border-radius: 10px;
          background-color: #F5F5F5; }
        .bodyForm .jobApplication .inputEntity .dk-select.dk-select-open-down .dk-select-options::-webkit-scrollbar {
          width: 2px;
          background-color: #F5F5F5; }
        .bodyForm .jobApplication .inputEntity .dk-select.dk-select-open-down .dk-select-options::-webkit-scrollbar-thumb {
          border-radius: 10px;
          background-color: #555; }
    .bodyForm .jobApplication .inputEntity .iti__country-container {
      border-radius: 5px;
      border: 1px solid #C2C2C2;
      width: 126px; }
      .bodyForm .jobApplication .inputEntity .iti__country-container:focus {
        border: 2px solid #000; }
    .bodyForm .jobApplication .inputEntity .intl-tel-input.allow-dropdown .flag-container {
      width: 162px;
      z-index: 1;
      border-radius: 30px 0 0 30px; }
      .bodyForm .jobApplication .inputEntity .intl-tel-input.allow-dropdown .flag-container .iti__country-container {
        width: 100%;
        border-radius: 5px;
        border: 1px solid #C2C2C2; }
        .bodyForm .jobApplication .inputEntity .intl-tel-input.allow-dropdown .flag-container .iti__country-container:focus {
          border: 2px solid #000; }
        .bodyForm .jobApplication .inputEntity .intl-tel-input.allow-dropdown .flag-container .iti__country-container .iti-arrow {
          background-image: url(../Images/droparrow.svg);
          background-position: center;
          background-repeat: no-repeat;
          background-size: contain;
          transform: translateY(-50%);
          margin: 0;
          border: none;
          width: 13px;
          height: 13px;
          right: 10px; }
        .bodyForm .jobApplication .inputEntity .intl-tel-input.allow-dropdown .flag-container .iti__country-container .selected-dial-code {
          padding-inline-start: 50px; }
        .bodyForm .jobApplication .inputEntity .intl-tel-input.allow-dropdown .flag-container .iti__country-container .iti-flag {
          left: 23px; }
    .bodyForm .jobApplication .inputEntity .intl-tel-input.separate-dial-code .selected-flag,
    .bodyForm .jobApplication .inputEntity .intl-tel-input.allow-dropdown .flag-container:hover .selected-flag {
      background-color: transparent; }
    .bodyForm .jobApplication .inputEntity .error-text {
      position: absolute;
      top: 0;
      right: 15px; }
  .bodyForm .jobApplication .SubmitBtn {
    display: inline-block;
    left: 0;
    position: relative;
    color: #E31D3C;
    text-align: center;
    border: solid 2px #E31D3C;
    border-radius: 0;
    padding: 15px 50px 15px 25px;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    cursor: pointer;
    background-color: white;
    background-image: url(../Images/arrow-right-red.svg);
    background-size: 35px;
    background-position: calc(100% - 15px) center;
    background-repeat: no-repeat;
    font-size: 13px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    letter-spacing: 1.2px;
    text-transform: uppercase; }
    .bodyForm .jobApplication .SubmitBtn:hover {
      background-color: #E31D3C;
      color: white;
      background-image: url(../Images/arrow.svg);
      background-position: calc(100% - 5px) calc(100% - 10px);
      opacity: 1; }
    .bodyForm .jobApplication .SubmitBtn::after {
      display: none; }

.loaderContainer {
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  background-color: rgba(0, 0, 0, 0.6);
  z-index: 3000;
  display: none; }

.loaderContainer .loader {
  position: absolute;
  top: calc(50% - 35px);
  left: calc(50% - 35px);
  width: 70px;
  aspect-ratio: 1;
  border-radius: 50%;
  background: radial-gradient(farthest-side, #E31D3C 94%, rgba(0, 0, 0, 0)) top/8px 8px no-repeat, conic-gradient(rgba(0, 0, 0, 0) 30%, #E31D3C);
  -webkit-mask: radial-gradient(farthest-side, rgba(0, 0, 0, 0) calc(100% - 8px), #000 0);
  animation: l13 1s infinite linear; }

.noResults {
  text-align: center;
  margin: 0;
  padding: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  display: block;
  text-align: center;
  padding: 40px; }
  .noResults .message {
    font-size: 24px;
    color: #333;
    margin: auto; }

.filteringOpportunities {
  padding-bottom: 40px; }
  .filteringOpportunities .container {
    display: flex;
    align-items: center;
    justify-content: end; }
    .filteringOpportunities .container a.filtersToggle {
      padding: 14px;
      padding-right: 40px;
      padding-left: 13px;
      position: relative;
      background: #E3E9EC;
      transform: translateY(-2px);
      color: #72787A;
      cursor: pointer;
      font-size: 14px;
      font-style: normal;
      font-weight: 300;
      line-height: 14px; }
      .filteringOpportunities .container a.filtersToggle::before {
        content: '';
        display: block;
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        transition: all 0.3s ease-in-out;
        right: 15px;
        width: 14px;
        height: 14px;
        background-image: url(../images/down-arrow1.svg);
        background-position: center;
        background-size: contain;
        background-repeat: no-repeat; }
    .filteringOpportunities .container input[type="text"] {
      font-size: 14px;
      font-style: normal;
      width: 100% !important;
      font-weight: 400;
      line-height: 30px;
      border-radius: 0;
      background-color: #E3E9EC;
      border: none;
      outline: none;
      padding: 8px 45px;
      width: 400px;
      background-image: url(../Images/search.svg);
      background-position: 15px center;
      background-repeat: no-repeat;
      background-size: 20px; }
      .filteringOpportunities .container input[type="text"]::placeholder {
        color: white;
        opacity: 0.5; }
  .filteringOpportunities .filteringList {
    background-color: #63686A;
    padding-bottom: 40px; }
    .filteringOpportunities .filteringList .container {
      display: flex;
      justify-content: end; }
      .filteringOpportunities .filteringList .container select {
        background-color: #63686A;
        padding-bottom: 40px;
        display: flex;
        width: 310px;
        height: 50px;
        padding: 5px 20px;
        align-items: center;
        border-radius: 6px;
        background: #72787A;
        color: #FFF;
        font-family: "Acumin Pro";
        font-size: 18px;
        font-style: normal;
        font-weight: 400;
        line-height: 34px;
        opacity: 0.5;
        /* 188.889% */ }

.fancybox__slide.has-image > .fancybox__content {
  height: 100% !important;
  width: 100% !important; }

.dropzone .dz-remove {
  position: absolute;
  left: 50%;
  translate: -50%;
  color: #E31D3C; }

.banner-section {
  position: relative;
  min-height: 500px;
  display: flex;
  flex-direction: column;
  justify-content: end;
  padding-bottom: 40px;
  max-height: 590px;
  min-height: 570px;
  object-fit: cover; }
  .banner-section .line {
    text-align: start !important; }
  .banner-section .subTitle {
    color: #000;
    text-align: center;
    font-size: 13px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    letter-spacing: 1.43px;
    text-transform: uppercase; }
  .banner-section .mainTitle {
    position: relative;
    padding-bottom: 10px; }
    .banner-section .mainTitle::after {
      content: "";
      position: absolute;
      bottom: 0;
      left: 0;
      width: 5%;
      height: 2px;
      background: #DD0B28; }
    .banner-section .mainTitle .word {
      color: #000;
      font-style: normal;
      font-weight: 500;
      line-height: 68px;
      /* 170% */
      text-transform: uppercase; }
      .banner-section .mainTitle .word {
        font-size: 16px; }
        @media screen and (min-width: 320px) {
          .banner-section .mainTitle .word {
            font-size: calc(16px + 24 * ((100vw - 320px) / 1280)); } }
        @media screen and (min-width: 1600px) {
          .banner-section .mainTitle .word {
            font-size: 40px; } }
  .banner-section img {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    opacity: 0.7;
    z-index: -1;
    object-fit: cover; }

.overview {
  padding: 100px 0; }
  .overview.visible .card {
    transform: translateX(0) !important; }
  .overview.careers .container .section-body, .overview.serviceDetails .container .section-body {
    margin-bottom: 0; }
  .overview .container .section-title h2 {
    color: #000;
    font-style: normal;
    font-weight: 500;
    line-height: 36px;
    /* 138.462% */ }
    .overview .container .section-title h2 {
      font-size: 24px; }
      @media screen and (min-width: 320px) {
        .overview .container .section-title h2 {
          font-size: calc(24px + 6 * ((100vw - 320px) / 1280)); } }
      @media screen and (min-width: 1600px) {
        .overview .container .section-title h2 {
          font-size: 30px; } }
  .overview .container .section-body {
    color: #231F20;
    font-size: 20px;
    font-style: normal;
    font-weight: 300;
    line-height: 37px;
    margin-bottom: 60px; }
    .overview .container .section-body P {
      color: #231F20;
      font-size: 20px;
      font-style: normal;
      font-weight: 300;
      line-height: 37px;
      margin-bottom: 0;
      /* 166.667% */ }
  .overview .container .section-cards .cards-container {
    display: flex;
    gap: 60px;
    flex: 1; }
    .overview .container .section-cards .cards-container .card {
      background-color: #DD0B2F;
      color: #FFF;
      padding: 20px 40px 40px 20px;
      flex: 1;
      border-radius: 0;
      max-width: fit-content;
      transform: translateX(100%);
      transform-origin: center;
      transition: transform 2s ease;
      /* 2 seconds duration */ }
      .overview .container .section-cards .cards-container .card h3 {
        font-size: 50px;
        font-style: normal;
        font-weight: 300;
        line-height: 38px;
        margin-bottom: 26px;
        /* 76% */ }
      .overview .container .section-cards .cards-container .card p {
        text-transform: uppercase;
        letter-spacing: 1.43px;
        font-weight: 600;
        font-family: "Acumin Pro";
        max-width: 115px; }
        .overview .container .section-cards .cards-container .card p {
          font-size: 11px; }
          @media screen and (min-width: 320px) {
            .overview .container .section-cards .cards-container .card p {
              font-size: calc(11px + 2 * ((100vw - 320px) / 1280)); } }
          @media screen and (min-width: 1600px) {
            .overview .container .section-cards .cards-container .card p {
              font-size: 13px; } }

.innovations {
  padding: 100px 0;
  background: #E3E9EC;
  overflow: hidden; }
  .innovations.visible .image-container {
    transform: none; }
    .innovations.visible .image-container img {
      transform: none; }
  .innovations .image-container {
    transition: all 2s ease-in-out;
    transform: translateX(150%) scaleX(1.3);
    position: relative;
    padding: 0;
    overflow: hidden;
    transform-origin: center;
    transition: transform 2s cubic-bezier(0.1, 0, 0, 1);
    --bs-aspect-ratio: 60%; }
    .innovations .image-container img {
      max-width: 100%;
      width: 100% !important;
      transform: scaleX(2);
      transform-origin: center;
      opacity: 0.9;
      transition: transform 2s cubic-bezier(0.1, 0, 0, 1);
      display: block;
      width: 100%; }
  .innovations .inner-container .row .col-lg-6:last-child {
    padding-inline-end: 0; }
  .innovations h2 {
    margin-bottom: 40px; }
  .innovations .section-body p {
    color: #231F20;
    max-width: 95%;
    font-size: 18px;
    font-style: normal;
    font-weight: 300;
    line-height: 25px;
    text-align: justify;
    /* 138.889% */ }

.main:has(> .banner-section) {
  padding-top: 100px; }
  .main:has(> .banner-section) .section-title h2 {
    color: #000;
    font-style: normal;
    font-weight: 500;
    margin-bottom: 41px;
    line-height: 36px;
    /* 138.462% */ }
    .main:has(> .banner-section) .section-title h2 {
      font-size: 16px; }
      @media screen and (min-width: 320px) {
        .main:has(> .banner-section) .section-title h2 {
          font-size: calc(16px + 10 * ((100vw - 320px) / 1280)); } }
      @media screen and (min-width: 1600px) {
        .main:has(> .banner-section) .section-title h2 {
          font-size: 26px; } }

.rewards {
  padding: 100px 0; }
  .rewards .blockTitle {
    color: #000;
    font-size: 26px;
    font-style: normal;
    font-weight: 500;
    line-height: 36px;
    margin-bottom: 75px;
    /* 138.462% */ }
  .rewards .rewards-container {
    display: flex;
    justify-content: space-around;
    align-items: center; }
    .rewards .rewards-container .reward .image-container {
      max-width: 200px; }
      .rewards .rewards-container .reward .image-container img {
        width: 100%;
        object-fit: cover; }

.banner .content {
  position: absolute;
  bottom: 100px;
  left: 0;
  width: 100%;
  color: white; }

.headerBanner {
  z-index: -1; }
  .headerBanner.overlay img {
    opacity: 0.6; }
  .headerBanner .toolkitMainBanner .bannersHolder .banner {
    height: 452px;
    position: relative;
    overflow: hidden; }
    .headerBanner .toolkitMainBanner .bannersHolder .banner img {
      object-fit: cover;
      z-index: -1;
      height: 100%;
      width: 100%; }
    .headerBanner .toolkitMainBanner .bannersHolder .banner .mobile-img {
      display: none; }
    .headerBanner .toolkitMainBanner .bannersHolder .banner .content {
      bottom: 40px;
      z-index: 2; }
      .headerBanner .toolkitMainBanner .bannersHolder .banner .content .line,
      .headerBanner .toolkitMainBanner .bannersHolder .banner .content .word {
        display: inline-block !important; }
      .headerBanner .toolkitMainBanner .bannersHolder .banner .content .subTitle {
        color: #231F20;
        font-size: 11px;
        font-style: normal;
        font-weight: 600;
        line-height: normal;
        letter-spacing: 1.43px;
        text-transform: uppercase; }
      .headerBanner .toolkitMainBanner .bannersHolder .banner .content h1 {
        color: #000;
        font-size: 40px;
        font-style: normal;
        font-weight: 500;
        display: inline-block;
        line-height: 40px;
        /* 170% */
        text-transform: uppercase;
        padding: 14px 0 20px; }
        .headerBanner .toolkitMainBanner .bannersHolder .banner .content h1 .word {
          font-weight: 500; }
        .headerBanner .toolkitMainBanner .bannersHolder .banner .content h1.centerText {
          text-align: center; }
      .headerBanner .toolkitMainBanner .bannersHolder .banner .content h2 {
        color: #ffff;
        margin-bottom: 0; }
        .headerBanner .toolkitMainBanner .bannersHolder .banner .content h2.centerText {
          text-align: center; }
          .headerBanner .toolkitMainBanner .bannersHolder .banner .content h2.centerText:first-child {
            padding-inline-end: 100px; }
          .headerBanner .toolkitMainBanner .bannersHolder .banner .content h2.centerText:last-child {
            padding-inline-start: 100px; }
  .headerBanner .toolkitMainBanner.centerTextBanner {
    height: 100%; }
    .headerBanner .toolkitMainBanner.centerTextBanner .bannersHolder {
      height: 100%; }
      .headerBanner .toolkitMainBanner.centerTextBanner .bannersHolder .banner {
        height: 100%;
        display: flex;
        align-items: center; }
        .headerBanner .toolkitMainBanner.centerTextBanner .bannersHolder .banner .content {
          bottom: auto; }
  .headerBanner .toolkitMainBanner.centerTextLeft {
    height: 100%; }
    .headerBanner .toolkitMainBanner.centerTextLeft .bannersHolder {
      height: 100%;
      max-height: 402px; }
      .headerBanner .toolkitMainBanner.centerTextLeft .bannersHolder .banner {
        height: 100%;
        display: flex;
        align-items: center; }
        .headerBanner .toolkitMainBanner.centerTextLeft .bannersHolder .banner .content {
          bottom: auto; }

.image-container {
  overflow: hidden; }
  .image-container img {
    width: 100%; }

.ContentItemListing {
  overflow: hidden; }
  .ContentItemListing .container {
    position: relative;
    padding: 100px 150px; }
    .ContentItemListing .container .projectLink {
      z-index: 50;
      position: absolute;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%);
      width: 175px;
      height: 80px;
      color: #FFF;
      font-size: 16px;
      font-style: normal;
      font-weight: 600;
      line-height: 80px;
      text-transform: uppercase;
      text-align: center; }
      .ContentItemListing .container .projectLink span {
        transition: all 0.3s ease-in-out;
        opacity: 0; }
      .ContentItemListing .container .projectLink::after {
        content: "";
        display: block;
        position: absolute;
        width: 20px;
        height: 20px;
        background-color: #E31D3C;
        top: 50%;
        right: 45%;
        transform: translate(50%, -100%);
        transition: all 0.3s ease-in-out;
        opacity: 0; }
      .ContentItemListing .container .projectLink::before {
        content: '';
        display: block;
        position: absolute;
        width: 40px;
        height: 40px;
        border: 12px solid #E31D3C;
        border-top: none;
        border-right: none;
        bottom: 50%;
        left: 50%;
        transform: translate(-50%, 50%);
        transition: all 0.3s ease-in-out;
        opacity: 0; }
    .ContentItemListing .container::before {
      content: "";
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 1px;
      background-color: #E3E9EC; }
  .ContentItemListing .blockHead .blockTitle {
    margin-bottom: 24px;
    color: #000;
    font-size: 30px;
    font-style: normal;
    font-weight: 500;
    line-height: 34px; }
  .ContentItemListing.projectListing {
    position: relative; }
    .ContentItemListing.projectListing .container {
      padding-right: 0; }
    .ContentItemListing.projectListing .blockHead .blockTitle {
      margin-bottom: 24px;
      color: #000;
      font-size: 30px;
      font-style: normal;
      font-weight: 500;
      line-height: 34px; }
    .ContentItemListing.projectListing .owl-stage {
      padding-left: 0 !important; }
    .ContentItemListing.projectListing .item:hover .projectLink span {
      opacity: 1; }
    .ContentItemListing.projectListing .item:hover .projectLink::after {
      top: 0;
      right: 0;
      transform: none;
      opacity: 1; }
    .ContentItemListing.projectListing .item:hover .projectLink::before {
      bottom: 0;
      left: 0;
      transform: none;
      opacity: 1; }
    .ContentItemListing.projectListing .item:hover .infoDiv .titleDiv a {
      color: #E31D3C; }
    .ContentItemListing.projectListing .item a {
      display: inline-block;
      position: relative;
      width: 100%; }
      .ContentItemListing.projectListing .item a .titleImg {
        position: absolute;
        bottom: 30px;
        left: 30px;
        color: #FFF;
        font-size: 14px;
        font-style: normal;
        font-weight: 500;
        line-height: normal;
        letter-spacing: 1.4px;
        z-index: 5;
        padding-right: 10px;
        text-transform: uppercase; }
      .ContentItemListing.projectListing .item a img {
        object-fit: cover; }
  .ContentItemListing.expertise .owl-stage {
    padding-left: 0 !important; }
  .ContentItemListing.expertise .container {
    padding-top: 100px;
    padding-bottom: 100px;
    padding-right: 0; }
  .ContentItemListing.expertise .item {
    height: 100%;
    min-height: 580px;
    display: flex !important;
    flex-direction: column;
    justify-content: space-between; }
    .ContentItemListing.expertise .item:hover .image-container img {
      scale: 1.2; }
    .ContentItemListing.expertise .item .image-container {
      margin-bottom: 30px;
      position: relative;
      width: 100%;
      overflow: hidden; }
      .ContentItemListing.expertise .item .image-container:before {
        display: block;
        padding-top: 80%;
        content: ""; }
      .ContentItemListing.expertise .item .image-container > * {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%; }
      .ContentItemListing.expertise .item .image-container img {
        transition: all 0.3s ease-in-out; }
    .ContentItemListing.expertise .item .titleImg {
      color: #000;
      font-size: 16px;
      font-style: normal;
      font-weight: 500;
      line-height: normal;
      letter-spacing: 1.6px;
      text-transform: uppercase;
      margin-bottom: 25px; }
    .ContentItemListing.expertise .item .listingDescription {
      color: #000;
      font-size: 14px;
      font-style: normal;
      font-weight: 300;
      line-height: 26px;
      /* 185.714% */
      margin-bottom: 15px;
      text-align: justify; }
    .ContentItemListing.expertise .item .listingLink a {
      display: inline-block;
      color: #231F20;
      font-size: 12px;
      font-style: normal;
      font-weight: 700;
      line-height: normal;
      letter-spacing: 1.2px;
      text-transform: uppercase;
      position: relative;
      padding-right: 40px; }
      .ContentItemListing.expertise .item .listingLink a::after {
        position: absolute;
        content: "";
        background-image: url(/Images/arrow-right2.svg);
        background-repeat: no-repeat;
        background-size: contain;
        filter: brightness(0) saturate(100%);
        width: 35px;
        height: 35px;
        right: 0;
        top: 50%;
        transform: translateY(-50%);
        transition: all 0.3s ease-in-out; }
      .ContentItemListing.expertise .item .listingLink a:hover {
        color: #E31D3C; }
        .ContentItemListing.expertise .item .listingLink a:hover::after {
          transform: translate(30%, -50%);
          filter: brightness(0) saturate(100%) invert(20%) sepia(93%) saturate(5253%) hue-rotate(343deg) brightness(93%) contrast(91%); }

.halfline {
  position: relative;
  padding-bottom: 20px; }
  .halfline::before {
    content: "";
    position: absolute;
    bottom: 0 !important;
    left: 0 !important;
    width: 80px !important;
    height: 1px !important;
    background-color: #E31D3C !important; }

.loader-container {
  position: fixed;
  top: 0;
  left: 0;
  display: none;
  right: 0;
  bottom: 0;
  z-index: 1000;
  background: rgba(0, 0, 0, 0.85); }
  .loader-container.show {
    display: block; }
  .loader-container .loader {
    border: 10px solid #f3f3f3;
    /* Light grey */
    border-top: 10px solid #E31D3C;
    /* Blue */
    border-radius: 50%;
    width: 50px;
    height: 50px;
    animation: spin 2s linear infinite;
    position: absolute;
    top: 50%;
    inset-inline-start: 50%;
    transform: translate(-50%, -50%); }

@keyframes spin {
  0% {
    transform: translate(-50%, -50%) rotate(0deg); }
  100% {
    transform: translate(-50%, -50%) rotate(360deg); } }
@keyframes zoomIn {
  0% {
    scale: 1; }
  50% {
    scale: 1.2; }
  100% {
    scale: 1; } }
.newsBody .swiper-wrapper {
  width: auto !important;
  height: auto !important;
  flex-direction: row !important; }
.newsBody .swiper-slide {
  width: auto;
  height: auto; }
.newsBody .newsBodyContent .imageNews {
  display: block; }

.content-wrapper {
  opacity: 0;
  visibility: hidden;
  transition: opacity 550ms ease-in-out, visibility 550ms ease-in-out; }
  .content-wrapper.content-visible {
    opacity: 1;
    visibility: visible; }

/* pagecrossfade.css */
.crossfade-overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 0;
  background: #ffffff;
  z-index: 9999;
  display: flex;
  justify-content: center;
  align-items: center;
  transition: height 0.6s cubic-bezier(0.86, 0, 0.07, 1); }
  .crossfade-overlay.active {
    height: 100vh;
    opacity: 1 !important;
    visibility: visible !important; }
  .crossfade-overlay .crossfade-logo {
    width: 300px;
    opacity: 0;
    transition: opacity 0.3s ease; }
    .crossfade-overlay .crossfade-logo.visible {
      opacity: 1 !important; }
    .crossfade-overlay .crossfade-logo path {
      fill: transparent;
      stroke: transparent;
      stroke-width: 1;
      opacity: 1; }

@keyframes FillOpacity {
  0% {
    opacity: 0.5; }
  100% {
    opacity: 1; } }
@keyframes drawAndFill {
  0% {
    stroke-dashoffset: var(--path-length);
    fill: transparent; }
  100% {
    stroke-dashoffset: 0;
    fill: #24292C; } }
@keyframes drawAndFillSecondary {
  0% {
    stroke-dashoffset: var(--path-length);
    fill: transparent; }
  100% {
    stroke-dashoffset: 0;
    fill: #E31D3C; } }
/* Original pageCrossFade styles */
.pageCrossFade-cover {
  display: none;
  position: fixed;
  z-index: 9998;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: transparent; }

.link span {
  color: #231F20;
  font-size: 12px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  letter-spacing: 1.2px;
  text-transform: uppercase;
  display: inline-block;
  padding-right: 40px;
  position: relative; }
  .link span::after {
    position: absolute;
    content: "";
    background-image: url("/images/arrow-right2.svg");
    width: 35px;
    height: 35px;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    transition: all 0.3s ease-in-out; }
  .link span:hover::after {
    transform: translate(25%, -50%); }

.locations {
  display: none; }
  .locations.active {
    display: block; }

.img-wrapper {
  position: relative; }
  .img-wrapper img {
    width: 100%;
    object-fit: cover; }
  .img-wrapper .title {
    position: absolute;
    bottom: 100%;
    left: 50%;
    transform: translateX(-50%);
    color: #000;
    background-color: #ffffff;
    font-size: 13px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    letter-spacing: 1.43px;
    text-transform: uppercase;
    padding: 5px;
    border-radius: 2px;
    background: #FFF;
    box-shadow: 0px 3px 12px 0px rgba(148, 148, 148, 0.83);
    padding: 5px; }
    .img-wrapper .title.sideBySide {
      top: 50%;
      inset-inline-end: 100%;
      transform: translateY(-50%) translateX(0);
      inset-inline-start: auto;
      bottom: auto; }
    .img-wrapper .title.bottom {
      bottom: auto;
      top: 100%;
      inset-inline-start: 50%;
      inset-inline-end: auto; }
    .img-wrapper .title.toRight {
      inset-inline-end: auto;
      inset-inline-start: 100%; }
  .img-wrapper .marker {
    position: absolute;
    transition: all 0.3s ease-in-out;
    cursor: pointer; }
    .img-wrapper .marker .dialog {
      position: absolute;
      left: 50%;
      transform: translateX(-50%);
      height: fit-content;
      bottom: calc(100% + 30px);
      min-width: 250px;
      opacity: 0;
      transition: all 0.3s ease-in-out;
      z-index: -1; }
      .img-wrapper .marker .dialog.projectDialog .viewAll {
        position: relative;
        padding-inline-end: 30px; }
        .img-wrapper .marker .dialog.projectDialog .viewAll::after {
          position: absolute;
          content: "";
          top: 50%;
          inset-inline-end: 0;
          width: 15px;
          height: 10px;
          background-image: url(/Images/arrow-right.svg);
          background-repeat: no-repeat;
          background-size: contain;
          transform: translateY(-50%);
          transition: all 0.3s ease-in-out; }
        .img-wrapper .marker .dialog.projectDialog .viewAll:hover::after {
          transform: translate(50%, -50%); }
      .img-wrapper .marker .dialog.projectDialog ul {
        margin-left: 0;
        padding-left: 0; }
        .img-wrapper .marker .dialog.projectDialog ul li {
          position: relative;
          line-height: 17px;
          display: block;
          margin-bottom: 10px; }
          .img-wrapper .marker .dialog.projectDialog ul li a {
            position: relative;
            display: inline-block;
            padding-inline-start: 20px;
            padding-inline-end: 30px;
            max-width: 180px; }
            .img-wrapper .marker .dialog.projectDialog ul li a::before {
              position: absolute;
              content: "";
              top: 50%;
              inset-inline-start: 0;
              width: 5px;
              height: 5px;
              background-color: #FFF;
              border-radius: 0; }
            .img-wrapper .marker .dialog.projectDialog ul li a::after {
              position: absolute;
              content: "";
              top: 50%;
              inset-inline-end: 0;
              width: 15px;
              height: 10px;
              background-image: url(/Images/arrow-right.svg);
              background-repeat: no-repeat;
              background-size: contain;
              transform: translateY(-50%);
              transition: all 0.3s ease-in-out; }
            .img-wrapper .marker .dialog.projectDialog ul li a:hover::after {
              transform: translate(50%, -50%); }
      .img-wrapper .marker .dialog .content {
        color: #FFF;
        font-size: 14px;
        font-style: normal;
        background-color: #E31D3C;
        font-weight: 400;
        line-height: 21px;
        padding: 20px;
        /* 150% */ }
        .img-wrapper .marker .dialog .content p {
          margin: 0; }
      .img-wrapper .marker .dialog::after {
        content: "";
        position: absolute;
        top: 100%;
        left: 50%;
        width: 0;
        height: 0;
        border-left: 20px solid transparent;
        border-right: 20px solid transparent;
        border-top: 30px solid #E31D3C;
        /* Match the dialog background */
        transform: translateX(-50%);
        z-index: 100; }
    .img-wrapper .marker::after {
      position: absolute;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%);
      background-color: #E31D3C;
      content: "";
      width: 0;
      height: 0;
      border-radius: 50%;
      opacity: 0.4;
      transition: all 0.3s ease-in-out; }
    .img-wrapper .marker:hover::after {
      width: 100%;
      height: 100%; }
    .img-wrapper .marker.active::after {
      width: 100%;
      height: 100%; }
    .img-wrapper .marker.active .dialog {
      opacity: 1;
      z-index: 100; }

.logo-border {
  background-image: url("/images/box.svg");
  background-size: 25px;
  background-repeat: no-repeat;
  position: absolute;
  background-position: top right;
  left: 0;
  bottom: 0;
  width: 50px;
  height: 50px; }
  .logo-border::after {
    content: "";
    display: block;
    position: absolute;
    width: 50px;
    height: 50px;
    border: 15px solid #E31D3C;
    border-top: none;
    border-right: none;
    bottom: 0;
    left: 0;
    transition: all 0.3s ease-in-out; }

.inner-container .row {
  margin: 0; }

.container {
  max-width: none;
  width: 100%;
  padding: 0 100px; }

.pin-spacer {
  background: #FFF; }

.text-animate {
  position: relative;
  overflow: hidden; }

.split-parent {
  overflow: hidden; }

.split-child {
  display: inline-block; }

.success-content {
  text-align: center;
  width: 100%;
  padding: 100px 0; }
  .success-content h3 {
    font-size: 38px;
    margin-bottom: 30px;
    color: #000;
    font-style: normal;
    font-weight: 500;
    line-height: 48px;
    /* 170% */
    text-transform: capitalize; }
  .success-content .subtitle {
    font-size: 20px; }

.desktop {
  display: block; }

.mobile {
  display: none; }

div.dt-container div.dt-layout-row.dt-layout-table div.dt-layout-cell {
  display: block;
  min-width: 1100px; }

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