@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); } }
@media (max-width: 1250px) {
  .container {
    max-width: none;
    width: 100%;
    padding: 0 60px; }

  .sliderMilestones .listingHolder .listingItemDIV .listingItem .listingInfos .listingDescription {
    padding-left: 0; }

  header .menusMain .mainMenu {
    gap: 1rem; }
    header .menusMain .mainMenu .right .mainMenuList li {
      margin-inline-end: 15px; } }
@media (max-width: 1024px) {
  .container {
    padding: 0 20px; }

  .innovations .inner-container {
    padding-left: 0 !important; }
    .innovations .inner-container .row .col-lg-6 {
      padding-inline-start: 20px; }
    .innovations .inner-container .row .col-lg-6:last-child {
      padding-inline-end: 0; }

  .application-submitted-message .icon {
    margin-bottom: 20px; }
  .application-submitted-message h3 {
    margin-bottom: 20px; }
  .application-submitted-message p {
    margin-bottom: 0px; }

  .contactUsContainer {
    padding: 40px 0px; }
    .contactUsContainer > .container > .row {
      flex-direction: column; }
    .contactUsContainer .title {
      width: 100%;
      flex: 0 0 100%;
      text-align: center;
      margin-bottom: 30px;
      line-height: normal;
      font-size: 30px; }
    .contactUsContainer .left {
      display: flex;
      justify-content: center;
      flex-wrap: wrap;
      margin-bottom: 40px; }
      .contactUsContainer .left.col-md-4 {
        width: 100%;
        flex: 0 0 100%; }
      .contactUsContainer .left .contactInfoListing {
        width: calc(50% - 10px);
        flex: 0 0 calc(50% - 10px);
        margin-right: 20px;
        margin-bottom: 0px; }
      .contactUsContainer .left .locationContainer {
        width: calc(50% - 10px);
        flex: 0 0 calc(50% - 10px);
        margin-bottom: 0px; }
        .contactUsContainer .left .locationContainer img {
          width: 100%;
          height: 100%; }
      .contactUsContainer .left .locateBtnContainer {
        margin-top: 30px; }
    .contactUsContainer .right {
      width: 100%;
      flex: 0 0 100%; }
      .contactUsContainer .right.offset-1 {
        margin-left: 0px; }
      .contactUsContainer .right .submitBtnContainer {
        width: 100%;
        flex: 0 0 100%;
        display: flex;
        justify-content: center;
        align-items: center; }
      .contactUsContainer .right .inputs-step .row {
        margin-bottom: 20px; }

  .distanceListing {
    padding: 40px 0px; }
    .distanceListing .blockTitle {
      font-size: 35px;
      max-width: none;
      margin-bottom: 30px; }
    .distanceListing .listingHolder {
      max-width: none;
      margin-bottom: 30px; }
    .distanceListing .item .title {
      font-size: 25px; }
    .distanceListing .item .summary {
      font-size: 16px; }
    .distanceListing .viewAllBottom {
      margin-top: 30px; }

  .imgBackgroundBanner .title {
    font-size: 35px;
    margin-bottom: 30px; }
  .imgBackgroundBanner .summary {
    font-size: 16px;
    line-height: 30px; }
  .imgBackgroundBanner .col-md-4 {
    width: 100%; }

  .perksListing {
    padding: 40px 0px;
    margin-bottom: 0px; }

  .landingBanner .content {
    width: 90%;
    flex: 0 0 90%; }

  .ImageBanner {
    padding-top: 200px; }
    .ImageBanner::after {
      height: 300px; }
    .ImageBanner .body .date {
      font-size: 12px; }
    .ImageBanner .body .title {
      font-size: 30px; }

  header {
    background-color: transparent;
    z-index: 10000;
    width: 100%;
    padding-top: 30px; }
    header .menusMain .burgerContainer {
      display: flex; }
    header .menusMain .mainMenu {
      justify-content: center; }
      header .menusMain .mainMenu ul li {
        margin: 0px; }
    header .menusMain .mainMenu .middle {
      transform: none;
      position: static; }
    header .left {
      order: 2;
      width: 100%; }
    header .middle {
      order: 1; }
    header .right {
      display: none;
      order: 3;
      width: 100%;
      padding-top: 0 !important; }
      header .right .listingMenu {
        opacity: 0;
        transition: all 0.3s ease-in-out;
        width: 100vw;
        overflow: hidden;
        position: fixed;
        top: 87px;
        height: 100vh;
        background-color: white;
        left: 0;
        border-top: 1px solid #EDEDED;
        padding: 0 20px;
        padding-top: 50px;
        visibility: hidden; }
        header .right .listingMenu .mainMenuList {
          display: flex;
          flex-direction: column; }
          header .right .listingMenu .mainMenuList li {
            border-bottom: 1px solid #EDEDED;
            padding-bottom: 15px;
            margin-bottom: 15px; }
            header .right .listingMenu .mainMenuList li a {
              text-align: left;
              padding: 0; }
              header .right .listingMenu .mainMenuList li a:hover .SubMenu {
                position: relative;
                background: #FFF;
                opacity: 0;
                visibility: hidden; }
        header .right .listingMenu.open {
          opacity: 1;
          visibility: visible;
          transition-delay: 0.3s; }

  .mainBanner .body .title {
    font-size: 30px; }

  .registerInterest {
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 80px;
    height: 80px;
    right: 10px; }
    .registerInterest a {
      font-size: 10px;
      writing-mode: horizontal-tb;
      transform: scale(1);
      letter-spacing: normal;
      text-align: center; }

  .mainBanner {
    height: 100vh; }
    .mainBanner.noImg {
      height: 400px; }
    .mainBanner .subTitle {
      color: #FFF;
      font-size: 16px !important;
      font-style: normal;
      font-weight: 300;
      line-height: normal; }
    .mainBanner .title {
      font-size: 37px !important;
      line-height: 40px !important; }

  .mainBanner .swiper-container .swiper-wrapper .swiper-slide .titleContent {
    top: 65%; }

  .mainBanner .swiper-container .swiper-wrapper .swiper-slide .titleContent .redPatterns {
    padding-right: 40px;
    margin-left: 40px;
    margin-right: 20px; }
    .mainBanner .swiper-container .swiper-wrapper .swiper-slide .titleContent .redPatterns::before {
      width: 25px;
      height: 25px; }
    .mainBanner .swiper-container .swiper-wrapper .swiper-slide .titleContent .redPatterns::after {
      width: 45px;
      height: 45px;
      border: 12px solid #E31D3C;
      border-top: none;
      border-right: none; }

  .whoWeAre,
  .opportunities,
  .videoContainer,
  footer,
  .projectListingSwiper {
    padding: 30px 0; }

  .projectListingSwiper {
    padding-top: 50px; }

  footer .last {
    padding-top: 30px; }
    footer .last p {
      margin-bottom: 0; }

  footer .first {
    padding-bottom: 30px; }

  footer .middle .socialMedia {
    padding: 0;
    margin: 0; }

  .newsListingSwiper {
    padding-bottom: 20px; }

  .mainBanner .listingServicesHome ul.pillars li a .imgListingServices {
    height: 40px;
    width: 40px; }

  .mainBanner .listingServicesHome ul .contentListingServices::-webkit-scrollbar-track {
    border-radius: 10px;
    background-color: transparent; }
  .mainBanner .listingServicesHome ul .contentListingServices::-webkit-scrollbar {
    width: 2px;
    background-color: transparent; }
  .mainBanner .listingServicesHome ul .contentListingServices::-webkit-scrollbar-thumb {
    border-radius: 10px;
    background-color: transparent; }

  .mainBanner .listingServicesHome ul .contentListingServices .titleListingServices {
    font-size: 12px; }

  .mainBanner .listingServicesHome ul {
    padding: 0;
    width: auto;
    overflow: auto;
    white-space: nowrap;
    gap: 1.5rem; }
    .mainBanner .listingServicesHome ul li a .titleListingServices {
      white-space: normal; }

  .mainBanner .swiper-container .swiper-button-prev::after {
    left: -50%; }

  .mainBanner .swiper-container .swiper-button-prev::before {
    opacity: 1; }

  .mainBanner .swiper-container .swiper-button-next::after {
    right: -50%; }

  .mainBanner .swiper-container .swiper-button-next::before {
    opacity: 1; }

  .subPageNavBar .item {
    padding: 30px 5px;
    font-size: 16px; }

  .introBanner .blockTitle {
    font-size: 25px; }
  .introBanner .description {
    font-size: 16px; }

  .residenceListing {
    padding: 60px 0px; }
    .residenceListing .item {
      flex-direction: column-reverse;
      align-items: center;
      margin-bottom: 50px; }
      .residenceListing .item .openPopup {
        margin-top: 20px; }
      .residenceListing .item .title {
        font-size: 25px;
        margin-bottom: 20px; }
      .residenceListing .item .floorPlan {
        margin-top: 20px; }
        .residenceListing .item .floorPlan img {
          max-width: none;
          width: 100%; }
      .residenceListing .item .details {
        font-size: 16px; }
      .residenceListing .item .left {
        width: 50%;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center; }
        .residenceListing .item .left .openPopup {
          display: inline-block; }
      .residenceListing .item .right {
        width: 50%;
        display: flex;
        justify-content: center;
        align-items: center;
        margin-bottom: 20px; }
        .residenceListing .item .right .content {
          width: 100%;
          display: flex;
          justify-content: center;
          align-items: center;
          flex-direction: column; }
        .residenceListing .item .right .openPopup {
          display: none; }
    .residenceListing .offset-1 {
      margin-left: 0px; }

  .sanctuary {
    padding: 60px 0px; }
    .sanctuary .title {
      font-size: 25px; }
    .sanctuary .details {
      font-size: 16px; }
    .sanctuary .imgContainer {
      margin-bottom: 30px; }
    .sanctuary .title {
      margin-bottom: 30px; }
    .sanctuary .details {
      margin-bottom: 30px; }

  footer .socialMedia,
  footer .signature {
    margin-top: 50px; }
  footer .socialMedia {
    width: 100%;
    flex: 0 0 100%; }
    footer .socialMedia .newsLetter {
      width: 50%;
      flex: 0 0 50%; }
  footer .simpleListTitle {
    margin-bottom: 20px; }
  footer .newsletterInputWrapper .email {
    font-size: 25px;
    padding-top: 10px;
    padding-bottom: 10px; }
  footer .newsletterInputWrapper a::after {
    width: 30px; }
  footer .scrollTop {
    right: 50%;
    transform: translateX(50%); }
    footer .scrollTop .goUp {
      width: 40px;
      height: 40px; }

  .floorPlansPopup .container {
    max-width: 962px; }
  .floorPlansPopup .title {
    margin-bottom: 30px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center; }
    .floorPlansPopup .title h3 {
      font-size: 25px;
      margin-bottom: 0px; }
    .floorPlansPopup .title .backBtnContainer {
      position: static; }
      .floorPlansPopup .title .backBtnContainer .backBtn {
        padding-left: 25px; }
        .floorPlansPopup .title .backBtnContainer .backBtn::before {
          left: 5px; }
        .floorPlansPopup .title .backBtnContainer .backBtn:hover::before {
          left: 0px; }

  .listingImagesSection {
    padding: 60px 0px; }
    .listingImagesSection .listingItemDIV .listingTitle {
      font-size: 25px; }
    .listingImagesSection .listingItemDIV .listingSummary {
      font-size: 14px; }

  .servicesListing {
    padding-bottom: 60px;
    padding-top: 0px;
    margin-top: 40px; }
    .servicesListing::before {
      height: 50px;
      top: -50px; }
    .servicesListing .col-md-4 {
      width: 50%;
      flex: 0 0 50%; }
    .servicesListing .item {
      padding: 20px; }

  .discoverServices {
    margin-bottom: 50px; }
    .discoverServices .item .title {
      font-size: 25px; }
    .discoverServices .item a {
      width: 45px;
      height: 45px; }

  .commonBanner {
    margin: 0px;
    padding: 40px 0px; }
    .commonBanner.videoBanner .content {
      padding: 0px; }
      .commonBanner.videoBanner .content .link {
        margin-left: 0px;
        margin-top: 20px;
        padding-right: 30px; }
    .commonBanner.innerBanner.withMargin {
      margin: 30px 0px; }
    .commonBanner.innerBanner .content {
      padding: 0px; }
    .commonBanner.innerBanner .item {
      padding: 440px 0px 40px 0px; }
    .commonBanner.innerBanner .imgContainer {
      position: absolute;
      top: 0px;
      left: 0px;
      transform: none;
      width: 100%;
      flex: 0 0 100%;
      max-width: none;
      max-height: 400px; }
      .commonBanner.innerBanner .imgContainer img {
        width: 100%; }
    .commonBanner.imgRight.innerBanner .item {
      padding: 0px; }
    .commonBanner.imgRight.innerBanner .imgContainer {
      position: static; }
    .commonBanner.imgRight.innerBanner .content .details {
      margin-top: 20px; }
    .commonBanner.imgRight.innerBanner .title {
      text-align: center; }
    .commonBanner.imgRight.innerBanner .content {
      margin-bottom: 20px; }
    .commonBanner.imgRight .content {
      margin-left: 0px;
      margin-right: 0px; }
    .commonBanner.darkGreenBg.innerBanner {
      padding: 440px 0px 40px 0px; }
      .commonBanner.darkGreenBg.innerBanner .imgContainer {
        position: absolute;
        top: 0px;
        left: 0px;
        transform: none;
        width: 100%;
        flex: 0 0 100%;
        max-width: none;
        max-height: 400px; }
    .commonBanner .item {
      display: flex;
      flex-direction: column-reverse;
      justify-content: center;
      align-items: center; }
    .commonBanner .imgContainer {
      position: static;
      transform: none;
      width: 100%;
      flex: 0 0 100%;
      max-width: none; }
      .commonBanner .imgContainer img {
        width: 100%; }
    .commonBanner .content {
      margin-left: 0px;
      margin-right: 0px;
      width: 100%;
      flex: 0 0 100%;
      text-align: center;
      margin-bottom: 30px; }
      .commonBanner .content .title {
        font-size: 35px; }

  .mobileApplicationBanner {
    padding-top: 60px;
    padding-bottom: 400px; }
    .mobileApplicationBanner .item .left {
      width: 100%;
      flex: 0 0 100%;
      margin-right: 0px; }
      .mobileApplicationBanner .item .left .title {
        margin-bottom: 20px;
        font-size: 25px; }
      .mobileApplicationBanner .item .left .content {
        margin-bottom: 20px; }
    .mobileApplicationBanner .item .right {
      right: 50%;
      transform: translateX(50%);
      bottom: -400px;
      width: 100%; }
      .mobileApplicationBanner .item .right .imgContainer img {
        max-width: 230px; }

  .paragraphListing {
    padding: 40px 0px; }
    .paragraphListing .imgContainer {
      margin-bottom: 20px; }
    .paragraphListing .listingItemDIV .item {
      margin-bottom: 20px; }
    .paragraphListing .listingItemDIV:last-child .item {
      margin-bottom: 0px; }
    .paragraphListing .content {
      display: flex;
      flex-direction: column; }
      .paragraphListing .content p {
        padding: 0px;
        width: 100%; }
        .paragraphListing .content p:last-child {
          padding: 0px; }

  .titleTextListing {
    padding: 40px 0px; }
    .titleTextListing .item {
      width: 100%; }
      .titleTextListing .item p {
        font-size: 14px; }
    .titleTextListing .title {
      margin-bottom: 20px;
      font-size: 25px; }
    .titleTextListing .listingItemDIV {
      margin-bottom: 20px; }
      .titleTextListing .listingItemDIV:last-child {
        margin-bottom: 0px; }

  .is-horizontal .f-carousel__nav .f-button.is-next,
  .is-horizontal .fancybox__nav .f-button.is-next {
    right: 20px; }

  .is-horizontal .f-carousel__nav .f-button.is-prev,
  .is-horizontal .fancybox__nav .f-button.is-prev {
    left: 20px; }

  .mainEventsBanner {
    padding: 40px 0px; }
    .mainEventsBanner .item {
      flex-direction: column;
      justify-content: center;
      align-items: center; }
      .mainEventsBanner .item .left {
        width: 100%;
        flex: 0 0 100%;
        margin-right: 0px;
        margin-bottom: 20px; }
      .mainEventsBanner .item .right {
        width: 100%;
        flex: 0 0 100%;
        display: flex;
        flex-direction: column;
        justify-content: center; }
        .mainEventsBanner .item .right .date {
          margin-bottom: 20px;
          font-size: 14px; }
        .mainEventsBanner .item .right .title {
          font-size: 25px;
          margin-bottom: 20px; }
        .mainEventsBanner .item .right .content p {
          margin-bottom: 20px; }

  .eventsListing {
    padding: 40px 0px; }
    .eventsListing .blockTitle {
      margin-bottom: 20px; }
    .eventsListing.alignCenter .blockBody > div {
      display: flex;
      justify-content: center;
      align-items: center; }
      .eventsListing.alignCenter .blockBody > div .listingHolder {
        max-width: 66.66666667%;
        flex: 0 0 66.66666667%; }
      .eventsListing.alignCenter .blockBody > div .col-md-4:nth-child(2n + 1) {
        padding-left: 0px; }
      .eventsListing.alignCenter .blockBody > div .col-md-4:nth-child(2n) {
        padding-right: 0px; }
    .eventsListing .col-md-4 {
      width: 50%;
      flex: 0 0 50%; }
    .eventsListing .listingItemDIV {
      margin-bottom: 20px; }
    .eventsListing .imageContainer {
      margin-bottom: 20px; }
      .eventsListing .imageContainer img {
        width: 100%;
        height: 100%; }
    .eventsListing .date {
      margin-bottom: 20px; }
    .eventsListing .content p {
      margin-bottom: 20px; }

  .galleryListing {
    padding: 40px 0px; }

  .exploreResedenceListing {
    padding: 40px 0px;
    margin-top: 80px; }
    .exploreResedenceListing .backgroundImg {
      width: 100%;
      background-size: contain;
      height: 768px; }
    .exploreResedenceListing::before {
      height: 40px;
      top: -40px; }
    .exploreResedenceListing .blockTitle {
      font-size: 35px; }
    .exploreResedenceListing .listingHolder {
      margin-top: 40px; }
    .exploreResedenceListing .form-intro {
      font-size: 16px; }
    .exploreResedenceListing .item {
      flex-direction: column-reverse; }
    .exploreResedenceListing .content {
      width: 100%;
      flex: 0 0 100%;
      padding: 40px 0px; }
      .exploreResedenceListing .content .title {
        font-size: 25px; }
      .exploreResedenceListing .content .details,
      .exploreResedenceListing .content .link {
        margin-top: 20px; }
    .exploreResedenceListing .listingItemDIV {
      margin-bottom: 0px; }
      .exploreResedenceListing .listingItemDIV:nth-child(2n) .item {
        flex-direction: column-reverse; }
      .exploreResedenceListing .listingItemDIV:nth-child(2n) .content {
        margin-left: 0px; }
      .exploreResedenceListing .listingItemDIV:nth-child(2n) .mediaContainer {
        position: relative;
        margin-left: 0px;
        margin-right: 50px; }
    .exploreResedenceListing .mediaContainer {
      position: relative;
      width: calc(100% - 50px);
      flex: 0 0 calc(100% - 50px);
      margin-left: 50px; }
      .exploreResedenceListing .mediaContainer .swiper {
        width: 100%;
        height: 100%; }
        .exploreResedenceListing .mediaContainer .swiper .swiper-slide {
          max-height: 500px; }
      .exploreResedenceListing .mediaContainer img {
        max-height: 500px; }

  .sliderBanner {
    padding: 40px 0px; }
    .sliderBanner .blockTitle {
      font-size: 35px; }
    .sliderBanner .listingHolder {
      margin-top: 40px; }
    .sliderBanner .form-intro {
      font-size: 16px; }
    .sliderBanner .item {
      flex-direction: column-reverse; }
    .sliderBanner .content {
      width: 100%;
      flex: 0 0 100%;
      padding: 40px 0px; }
      .sliderBanner .content .details,
      .sliderBanner .content .link {
        margin-top: 20px; }
    .sliderBanner .listingItemDIV {
      margin-bottom: 0px; }
      .sliderBanner .listingItemDIV:nth-child(2n+1) .item {
        flex-direction: column-reverse; }
      .sliderBanner .listingItemDIV:nth-child(2n+1) .content {
        margin-left: 0px; }
      .sliderBanner .listingItemDIV:nth-child(2n+1) .mediaContainer {
        position: relative;
        margin-left: 0px; }
    .sliderBanner .mediaContainer {
      position: relative;
      width: 100%;
      flex: 0 0 100%;
      margin-left: 50px; }
      .sliderBanner .mediaContainer .swiper {
        width: 100%;
        height: 100%; }
        .sliderBanner .mediaContainer .swiper .swiper-slide {
          max-height: 500px; }
      .sliderBanner .mediaContainer img {
        max-height: 500px; }

  .error-body::after {
    width: 100vw;
    height: 120px;
    background-image: url(/Images/light-green-curve.svg); }
  .error-body .body {
    bottom: 90px;
    left: 50%;
    padding: 60px 0px; }
    .error-body .body .title {
      font-size: 35px; }
  .error-body .btn {
    font-size: 12px; }
  .error-body .header {
    margin-top: 40px; }

  .whoWeAre .whoWeAreContent .whoWeAreInfo .subtitle,
  .projectListingSwiper .projectListingContent .projectListingInfo .subtitleProject {
    font-size: 14px; }

  .projectListingSwiper .projectListingContent .projectListingInfo .titleProject .text {
    font-size: 26px; }

  .projectListingSwiper .projectListingContent .projectListingInfo .SummaryProject {
    font-size: 20px; }

  .projectListingSwiper .projectListingContent .projectListingCarousel {
    margin-top: 20px; }

  .projectListingSwiper .projectListingContent .projectListingInfo .titleProject .btnText {
    position: absolute;
    bottom: 20px;
    left: 50%;
    transform: translateX(-50%);
    width: calc(100% - 20px); }

  .projectListingSwiper .projectListingContent .projectListingCarousel .owl-dots {
    display: none; }

  .projectListingSwiper {
    position: relative;
    padding-bottom: 80px; }

  .projectListingSwiper .projectListingContent .projectListingCarousel .listingItemDIV {
    max-width: 280px;
    height: 300px !important; }
    .projectListingSwiper .projectListingContent .projectListingCarousel .listingItemDIV a {
      height: 100%;
      display: block; }
      .projectListingSwiper .projectListingContent .projectListingCarousel .listingItemDIV a .imgDiv {
        height: 100%; }
        .projectListingSwiper .projectListingContent .projectListingCarousel .listingItemDIV a .imgDiv img {
          height: 100%;
          object-fit: cover; }

  .projectListingSwiper .projectListingContent .projectListingCarousel .listingItemDIV .infoDiv {
    position: absolute;
    bottom: 12px;
    left: 20px;
    width: calc(100% - 24px); }
    .projectListingSwiper .projectListingContent .projectListingCarousel .listingItemDIV .infoDiv .summaryDiv {
      opacity: 1;
      position: relative;
      bottom: auto;
      left: auto;
      font-size: 12px; }
    .projectListingSwiper .projectListingContent .projectListingCarousel .listingItemDIV .infoDiv .titleDiv {
      position: relative;
      bottom: auto;
      left: auto;
      font-size: 14px;
      margin-bottom: 15px;
      line-height: 23px; }

  .whoWeAre .whoWeAreContent {
    flex-direction: column; }

  .whoWeAre .whoWeAreContent .whoWeAreInfo {
    max-width: 100%;
    padding-top: 50px; }
    .whoWeAre .whoWeAreContent .whoWeAreInfo .title {
      font-size: 26px;
      margin-bottom: 0; }

  .whoWeAreList ul {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 40px 60px 0; }
  .whoWeAreList li {
    max-width: 160px;
    padding-left: 40px !important; }
    .whoWeAreList li .numberDiv::before {
      width: calc(100% + 20px);
      height: calc(100% - 15px); }
    .whoWeAreList li .numberDiv a {
      opacity: 0 !important; }

  .whoWeAre .whoWeAreContent {
    position: relative;
    padding-bottom: 40px; }
    .whoWeAre .whoWeAreContent .whoWeAreInfo .btn {
      position: absolute;
      bottom: 0;
      left: 50%;
      transform: translateX(-50%);
      width: 100%; }

  .opportunities .opportunitiesContent {
    position: relative;
    flex-direction: column-reverse;
    padding-bottom: 120px; }
    .opportunities .opportunitiesContent .opportunitiesInfo .subtitle {
      color: #63686A;
      font-size: 14px;
      font-style: normal;
      font-weight: 700;
      line-height: normal;
      text-transform: uppercase; }
    .opportunities .opportunitiesContent .opportunitiesInfo .title {
      font-size: 26px; }
    .opportunities .opportunitiesContent .opportunitiesImg {
      margin: 0; }
      .opportunities .opportunitiesContent .opportunitiesImg img {
        width: 100%; }
  .opportunities .opportunitiesContent .opportunitiesInfo .btnTeam {
    position: absolute;
    bottom: 0;
    padding-left: 35px;
    padding-bottom: 35px;
    left: 0; }
    .opportunities .opportunitiesContent .opportunitiesInfo .btnTeam::before {
      width: 60px;
      height: 60px; }
    .opportunities .opportunitiesContent .opportunitiesInfo .btnTeam::after {
      bottom: 34px;
      left: 32px; }

  .videoContainer {
    padding: 0;
    margin-bottom: 50px; }
    .videoContainer .container-video {
      padding: 0; }

  .newsListingSwiper .newsListingContent .newsListingInfo .titleProject {
    font-size: 20px; }

  .newsListingSwiper .newsListingContent {
    position: relative;
    padding-bottom: 100px;
    padding-top: 50px; }

  .newsListingSwiper .newsListingContent .newsListingInfo .titleProject .btnText {
    position: absolute;
    bottom: 20px;
    left: 50%;
    transform: translateX(-50%);
    width: calc(100% - 20px); }

  .newsListingSwiper .newsListingContent .newsListingCarousel .listingItemDIV {
    max-width: 272px; }

  .projectListingSwiper .projectListingContent .projectListingCarousel .listingHolder,
  .newsListingSwiper .newsListingContent .newsListingCarousel .listingHolder {
    margin: 0; }

  .mainBanner .swiper-container .swiper-button-next,
  .mainBanner .swiper-container .swiper-button-prev {
    top: 40%; }

  .mainBanner .swiper-container .swiper-button-prev::after {
    width: 70px;
    height: 70px;
    left: -40%; }

  .mainBanner .swiper-container .swiper-button-prev::before {
    left: 10px; }

  .mainBanner .swiper-container .swiper-button-next::after {
    width: 70px;
    height: 70px;
    right: -40%; }

  .mainBanner .swiper-container .swiper-button-next::before {
    right: 10px; }

  .mainBanner .swiper-container .swiper-wrapper .swiper-slide .titleContent .redPatterns {
    margin: 0;
    padding: 0 25px;
    padding-bottom: 30px; }

  .mainBanner .positionedAbsolutely .container {
    padding: 0; }
  .mainBanner .positionedAbsolutely .listingServicesHome ul li {
    flex: 0 0 28%;
    margin-bottom: 15px; }

  .whoWeAreList ul {
    padding: 00px 0px 0;
    align-items: flex-start; }
    .whoWeAreList ul li {
      max-width: 100%;
      width: 100%; }
      .whoWeAreList ul li .numberDiv {
        max-width: 160px; }
        .whoWeAreList ul li .numberDiv h3,
        .whoWeAreList ul li .numberDiv p {
          padding-inline-start: 20px;
          margin: 0;
          transform: none !important; }
        .whoWeAreList ul li .numberDiv h3 {
          padding-top: 10px;
          font-weight: 600 !important; }
        .whoWeAreList ul li .numberDiv p {
          display: block;
          max-width: 100%;
          margin-bottom: 30px; }
        .whoWeAreList ul li .numberDiv::before {
          left: 30px;
          bottom: auto;
          top: 0;
          width: calc(100% - 30px);
          height: calc(100% - 25px); }
        .whoWeAreList ul li .numberDiv::after {
          left: 0;
          width: 40px;
          height: 40px; }
        .whoWeAreList ul li .numberDiv a.itemLink {
          transform: none;
          font-size: 12px;
          text-align: right;
          padding-right: 20px; }
          .whoWeAreList ul li .numberDiv a.itemLink::after {
            width: 25px;
            height: 25px;
            right: -6px; }
        .whoWeAreList ul li .numberDiv a.overlaylink {
          top: 0;
          left: 0;
          width: 100%;
          height: 100%; }
      .whoWeAreList ul li:hover .numberDiv::before {
        width: calc(100% - 30px);
        height: calc(100% - 25px); }

  .opportunities .opportunitiesContent .opportunitiesInfo .btnTeam::after {
    bottom: 30px;
    left: 25px; }

  .opportunities .opportunitiesContent .opportunitiesInfo .btnTeam:hover::after {
    opacity: 1;
    width: calc(100% - 20px);
    height: calc(100% - 25px); }

  .opportunities {
    margin-top: 30px;
    margin-bottom: 30px; }

  .overlayVideo iframe {
    width: 93vw;
    height: auto; }

  header .menusMain .left .headerLogo {
    width: 170px; }

  footer .first img {
    width: 190px; }

  footer .middle {
    padding-bottom: 30px;
    padding-top: 30px; }
    footer .middle .menuList ul {
      padding: 0;
      flex-wrap: wrap;
      margin: 0; }
      footer .middle .menuList ul li {
        flex: 0 0 50%;
        max-width: 50%;
        margin: 0;
        text-align: center;
        margin-bottom: 20px; }

  .bodyContent {
    padding: 130px 0 50px; }
    .bodyContent .mainTitle {
      margin: 0; }
      .bodyContent .mainTitle h2 {
        line-height: 35px;
        padding-top: 10px;
        font-size: 26px; }
        .bodyContent .mainTitle h2::after {
          width: 20px;
          height: 20px;
          top: 0;
          right: -20px; }
        .bodyContent .mainTitle h2::before {
          height: 40px;
          width: 40px;
          bottom: -20px;
          left: -30px; }
    .bodyContent .mainSubTitle {
      margin-left: 30px; }

  .bodyContentProject.newsDetails {
    padding-inline: 20px; }

  .newsBody .container {
    padding-inline: 20px; }

  .ohterNews {
    padding-top: 50px;
    padding: 50px 0; }
    .ohterNews .otherNewsContent .listingItemDiv {
      margin-bottom: 25px; }

  .darkDiv {
    margin-top: 0;
    padding-top: 30px;
    padding-bottom: 30px; }

  .overviewContent {
    padding-bottom: 30px; }
    .overviewContent .overviewSummaryInfo {
      flex-direction: column; }
      .overviewContent .overviewSummaryInfo .imgOverview {
        margin: 0;
        margin-bottom: 20px; }
        .overviewContent .overviewSummaryInfo .imgOverview img {
          width: 100%; }
      .overviewContent .overviewSummaryInfo .summaryOverview {
        padding: 0; }

  .whoWeAre .whoWeAreContent .whoWeAreInfo .title {
    font-size: 21px;
    max-width: 100%; }

  .certificationsContent {
    padding: 30px 0 0; }
    .certificationsContent ul {
      padding: 0;
      display: flex;
      flex-wrap: wrap; }
      .certificationsContent ul li {
        flex: 0 0 50%;
        max-width: 50%; }

  .newsListingSwiper .listingHolder.owl-carousel .owl-nav button.owl-prev:hover::after {
    left: -97% !important; }

  .newsListingSwiper .listingHolder.owl-carousel .owl-nav button.owl-prev::after {
    left: -97% !important; }

  .newsListingSwiper .listingHolder.owl-carousel .owl-nav button.owl-prev::after {
    left: -97%; }

  .newsListingSwiper .listingHolder.owl-carousel .owl-nav .owl-next {
    right: 9%; }

  .newsListingSwiper .listingHolder.owl-carousel .owl-nav .owl-next::after {
    right: -65%; }

  .newsListingSwiper .listingHolder.owl-carousel .owl-nav .owl-next:hover::after {
    right: -65%;
    background-color: #E31D3C; }

  .newsListingSwiper .listingHolder.owl-carousel .owl-nav .owl-next::before {
    right: -15%; }

  .newsListingSwiper .listingHolder.owl-carousel .owl-nav button.owl-prev::before {
    left: -34px !important; }

  .sliderMilestones {
    padding: 50px 0;
    position: relative; }
    .sliderMilestones .navigation {
      margin-bottom: 20px;
      overflow: auto;
      width: 100%;
      padding-inline-end: 0;
      height: auto !important;
      border-right-color: transparent; }
      .sliderMilestones .navigation::-webkit-scrollbar-track {
        border-radius: 10px;
        background-color: red; }
      .sliderMilestones .navigation::-webkit-scrollbar {
        width: 2px;
        background-color: red; }
      .sliderMilestones .navigation::-webkit-scrollbar-thumb {
        border-radius: 10px;
        background-color: red; }
      .sliderMilestones .navigation ul {
        flex-direction: row;
        gap: 20px;
        direction: ltr;
        overflow: auto;
        padding-top: 0; }
        .sliderMilestones .navigation ul li {
          padding-bottom: 0; }
          .sliderMilestones .navigation ul li.active a span.year {
            font-size: 48px; }
    .sliderMilestones .listingHolder .listingItemDIV .listingItem {
      padding-inline-start: 0 !important; }
      .sliderMilestones .listingHolder .listingItemDIV .listingItem .image-wrapper .box {
        width: 50px;
        height: 50px;
        bottom: 10px; }

  .sliderMilestones .listingHolder {
    margin-bottom: 0; }

  .sliderMilestones .listingHolder {
    margin-bottom: 30px; }
    .sliderMilestones .listingHolder .listingItemDIV {
      position: relative; }
      .sliderMilestones .listingHolder .listingItemDIV .listingItem {
        flex-direction: column;
        margin: 0;
        padding-inline-start: 10px; }
        .sliderMilestones .listingHolder .listingItemDIV .listingItem .listingInfos,
        .sliderMilestones .listingHolder .listingItemDIV .listingItem .listingImage {
          flex: 0 0 100%;
          max-width: 100%;
          padding: 0; }
        .sliderMilestones .listingHolder .listingItemDIV .listingItem .listingInfos {
          width: 100%; }
          .sliderMilestones .listingHolder .listingItemDIV .listingItem .listingInfos .listingDate {
            font-size: 165px;
            margin-bottom: 230px; }
          .sliderMilestones .listingHolder .listingItemDIV .listingItem .listingInfos .listingSubtitle,
          .sliderMilestones .listingHolder .listingItemDIV .listingItem .listingInfos .listingTitle {
            font-size: 20px;
            margin-bottom: 5px; }
          .sliderMilestones .listingHolder .listingItemDIV .listingItem .listingInfos .listingDescription {
            font-size: 16px;
            line-height: 22px;
            padding: 0;
            padding-top: 20px; }
        .sliderMilestones .listingHolder .listingItemDIV .listingItem .listingImage {
          position: relative;
          max-height: 220px; }
          .sliderMilestones .listingHolder .listingItemDIV .listingItem .listingImage img {
            width: 100%; }
        .sliderMilestones .listingHolder .listingItemDIV .listingItem .image-wrapper {
          width: 100%;
          padding-top: 30px;
          padding-bottom: 30px; }

  .sliderMilestones .listingHolder .listingItemDIV:nth-child(even) .listingItem {
    flex-direction: column; }

  .darkDiv .info .lowerInfo {
    padding-top: 20px; }

  .subMenu {
    padding-bottom: 20px; }
    .subMenu ul {
      margin: 0;
      width: 100%;
      overflow: auto; }
      .subMenu ul::-webkit-scrollbar-track {
        border-radius: 10px;
        background-color: transparent; }
      .subMenu ul::-webkit-scrollbar {
        width: 2px;
        background-color: transparent; }
      .subMenu ul::-webkit-scrollbar-thumb {
        border-radius: 10px;
        background-color: transparent; }
      .subMenu ul li {
        margin-right: 15px; }
        .subMenu ul li a {
          display: block;
          padding: 15px;
          font-size: 12px;
          white-space: nowrap; }

  .tableListing table tr td a {
    font-size: 12px; }

  .tableListing table tr th {
    font-size: 14px; }

  .tableListing table tr th,
  .tableListing table tr td {
    padding: 10px; }

  .tableListing table tr td {
    font-size: 12px; }

  .careerDark {
    padding: 100px 0;
    background-color: #231F20;
    margin-bottom: 30px; }
    .careerDark .careerContent .img {
      margin-bottom: 20px; }
    .careerDark .careerContent .textDesc {
      margin: 0; }

  .careerContent .container {
    padding: 0; }
  .careerContent .careerDiv .title {
    margin-bottom: 20px; }
  .careerContent .careerDiv .summary {
    padding: 0; }

  .presenceMap .mapDIV .container {
    height: auto !important; }
  .presenceMap .whoWeAreList ul {
    gap: 20px; }
    .presenceMap .whoWeAreList ul li .numberDiv p {
      margin-bottom: 13px !important; }
  .presenceMap .bodyContent {
    padding: 130px 0 50px; }
    .presenceMap .bodyContent .mainTitle {
      margin: 0; }
      .presenceMap .bodyContent .mainTitle h2 {
        line-height: 35px;
        padding-top: 10px;
        font-size: 26px; }
        .presenceMap .bodyContent .mainTitle h2::after {
          width: 20px;
          height: 20px;
          top: 0; }
        .presenceMap .bodyContent .mainTitle h2::before {
          height: 40px;
          width: 40px;
          bottom: -20px;
          left: -30px; }
    .presenceMap .bodyContent .mainSubTitle {
      margin-left: 30px; }
  .presenceMap .subMenu ul li {
    margin-right: 15px; }
    .presenceMap .subMenu ul li a {
      display: block;
      padding: 15px;
      font-size: 12px;
      border: 1px solid #ffffff; }
  .presenceMap .whoWeAreList ul li:hover .numberDiv::before {
    height: calc(100% - 30px);
    width: calc(100% + 0px); }
  .presenceMap .whoWeAreList ul li .numberDiv h3 {
    padding-left: 20px;
    padding-top: 20px; }
  .presenceMap .whoWeAreList ul li .numberDiv p {
    max-width: 100%;
    padding-left: 20px;
    margin-bottom: 48px;
    display: block; }
  .presenceMap .whoWeAreList ul li .numberDiv::before {
    width: calc(100% + 0px);
    height: calc(100% - 30px);
    bottom: 50px;
    left: 0; }
  .presenceMap .whoWeAreList ul li .numberDiv a.itemLink {
    opacity: 1; }
  .presenceMap .mapDIV .container {
    height: 70vh;
    overflow: auto; }
    .presenceMap .mapDIV .container svg {
      width: auto;
      height: 100%; }

  .careerContent {
    padding: 20px; }
    .careerContent .careerDiv {
      flex-direction: column; }

  .careerDark {
    padding: 30px 0; }
    .careerDark .careerContent {
      flex-direction: column; }
      .careerDark .careerContent .img {
        display: block;
        width: 100%; }
        .careerDark .careerContent .img img {
          display: block;
          width: 100%; }

  .btnViewAllJobs .btnAllJobs {
    width: 100%; }

  header .menusMain .mainMenu .searchContainer .search-btn:hover {
    filter: brightness(0); }

  .tableListing div.dt-container .dt-search {
    position: relative;
    top: auto;
    width: 100%;
    margin-bottom: 20px; }
    .tableListing div.dt-container .dt-search input {
      width: 100%;
      margin-left: 0px; }
  .tableListing div.dt-container .dt-info {
    display: none; }
  .tableListing div.dt-container .dt-paging {
    text-align: right; }

  .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 {
    font-size: 14px; }

  .tableListing div.dt-container .dt-paging .dt-paging-button {
    width: 30px;
    height: 30px;
    font-size: 14px;
    line-height: 20px;
    margin-right: 10px; }

  .back {
    padding-top: 10px;
    margin-top: 0; }

  .jobDetails {
    padding-top: 0; }
    .jobDetails .jobdetailsInfo .smallDetails {
      flex-direction: column; }
      .jobDetails .jobdetailsInfo .smallDetails .listingDetails {
        flex-direction: column; }
        .jobDetails .jobdetailsInfo .smallDetails .listingDetails .itemDivDetail {
          margin-bottom: 20px; }
      .jobDetails .jobdetailsInfo .smallDetails .mainRedButton {
        display: block; }
    .jobDetails .jobdetailsInfo {
      width: 100%; }
    .jobDetails .jobDetailsEnd {
      flex-direction: column; }
      .jobDetails .jobDetailsEnd .mainRedButton {
        display: block; }

  .jobDetails .jobdetailsInfo .bodyInfo ul li {
    margin-bottom: 10px; }
    .jobDetails .jobdetailsInfo .bodyInfo ul li::before {
      top: 8px;
      transform: none; }

  .highlightedNews {
    padding-top: 30px; }
    .highlightedNews .highlightedNewsContent .infoHighlighted .infohighlightedText {
      padding: 15px; }
    .highlightedNews .highlightedNewsContent .infoHighlighted .titleHighlighted {
      margin: 20px 0; }

  .listingProjects {
    padding: 30px 0; }

  .newsBody .newsBodyContent .shareContent {
    margin-bottom: 20px; }
  .newsBody .newsBodyContent .bodyDescription {
    padding: 20px 0; }
  .newsBody .newsBodyContent .imageNews .mySwiper {
    display: none; }
  .newsBody .newsBodyContent .imageNews .mySwiper2 {
    display: block;
    margin: 0;
    flex: 0 0 100%; }
    .newsBody .newsBodyContent .imageNews .mySwiper2 .swiper-slide {
      width: 70%; }

  .filters {
    z-index: 10000; }
    .filters .content {
      min-width: 0;
      width: 100%;
      padding: 20px;
      transform: translateY(100%);
      top: 0;
      bottom: 0;
      height: 70vh;
      border-radius: 10px 10px 0 0; }
      .filters .content .head {
        margin-bottom: 30px; }
        .filters .content .head .title {
          font-size: 24px; }
        .filters .content .head .close {
          height: 30px;
          width: 30px; }
      .filters .content .filterSection {
        padding-bottom: 15px;
        margin-bottom: 15px; }

  .listingProjects .listingItems .listingItemDiv .itemLocation {
    opacity: 1; }

  .projectSpecs .specsInfo .rowSpecs {
    flex-direction: column;
    gap: 25px; }
    .projectSpecs .specsInfo .rowSpecs .specsItems {
      margin-bottom: 10px; }

  .projectSpecs .descriptionProject {
    padding: 50px 0 0;
    margin-bottom: 50px; }
    .projectSpecs .descriptionProject .descriptionProjectContent {
      flex-direction: column; }
      .projectSpecs .descriptionProject .descriptionProjectContent .descriptionText {
        width: 100%;
        margin: 0;
        margin-bottom: 30px; }
      .projectSpecs .descriptionProject .descriptionProjectContent .listingServicesproject {
        width: 100%; }
        .projectSpecs .descriptionProject .descriptionProjectContent .listingServicesproject .listing li {
          padding: 0;
          padding-top: 20px;
          padding-bottom: 20px; }
          .projectSpecs .descriptionProject .descriptionProjectContent .listingServicesproject .listing li a {
            width: 100%;
            display: flex;
            padding: 0; }
            .projectSpecs .descriptionProject .descriptionProjectContent .listingServicesproject .listing li a::after {
              right: 0; }

  .projectSpecs .descriptionProject .descriptionProjectContent .listingServicesproject .titleService {
    color: #63686A;
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: 30px;
    text-transform: uppercase; }

  .projectGallery {
    padding-top: 0;
    position: relative; }
    .projectGallery .galleryListing {
      padding: 0; }
      .projectGallery .galleryListing .listingItemDiv .item {
        flex-direction: column; }
        .projectGallery .galleryListing .listingItemDiv .item .left {
          display: flex;
          margin: 0;
          justify-content: space-between; }
          .projectGallery .galleryListing .listingItemDiv .item .left .imgUp {
            padding-right: 5px;
            flex: 0 0 50%; }
          .projectGallery .galleryListing .listingItemDiv .item .left .imgDown {
            padding-left: 5px;
            flex: 0 0 50%; }
        .projectGallery .galleryListing .listingItemDiv .item .right {
          width: 100%; }
          .projectGallery .galleryListing .listingItemDiv .item .right .img {
            width: 100%; }
            .projectGallery .galleryListing .listingItemDiv .item .right .img img {
              width: 100%;
              display: block; }

  .otherprojects {
    padding: 30px 0 0; }
    .otherprojects .infoContent {
      bottom: 55px; }
    .otherprojects .otherProjectsContent .listingOthers .listingItemDiv {
      margin-bottom: 30px; }
      .otherprojects .otherProjectsContent .listingOthers .listingItemDiv .itemLocation {
        opacity: 1; }

  .listingServices {
    padding: 0px 0 0; }

  .servicesAnchors .servicesAnchorsListing {
    padding: 0;
    width: 100%;
    overflow: auto; }
    .servicesAnchors .servicesAnchorsListing::-webkit-scrollbar-track {
      border-radius: 10px;
      background-color: transparent; }
    .servicesAnchors .servicesAnchorsListing::-webkit-scrollbar {
      width: 2px;
      background-color: transparent; }
    .servicesAnchors .servicesAnchorsListing::-webkit-scrollbar-thumb {
      border-radius: 10px;
      background-color: transparent; }
    .servicesAnchors .servicesAnchorsListing .Items {
      flex: 0 0 135px;
      max-width: 135px;
      width: 100%; }
      .servicesAnchors .servicesAnchorsListing .Items .imgItem {
        width: 30px;
        height: 30px; }

  .listingServices .listingItemDiv .imgItem {
    height: 400px; }
    .listingServices .listingItemDiv .imgItem img {
      height: 100%;
      width: auto; }
  .listingServices .listingItemDiv .infoItem {
    bottom: 20px;
    left: 20px; }

  .cultureListing {
    padding-top: 50px;
    padding-bottom: 50px; }
    .cultureListing .cultureContent .contentItem {
      padding: 20px; }
      .cultureListing .cultureContent .contentItem .wrapper {
        transform: none; }
        .cultureListing .cultureContent .contentItem .wrapper .icon {
          filter: none;
          margin-bottom: 15px; }
    .cultureListing .cultureContent .listingDescription {
      color: #231520;
      opacity: 1;
      visibility: visible;
      position: relative; }

  .cultureListing .cultureContent ul {
    padding: 0; }
    .cultureListing .cultureContent ul li .contentItem {
      padding: 30px 0; }

  .cultureListing .cultureContent ul li:first-child .contentItem .titleItem {
    margin-bottom: 0; }
    .cultureListing .cultureContent ul li:first-child .contentItem .titleItem .icon {
      margin-bottom: 0; }
  .cultureListing .cultureContent ul li .contentItem .titleItem {
    padding-right: 15px;
    display: flex;
    flex-direction: column-reverse;
    margin-bottom: 30px; }
    .cultureListing .cultureContent ul li .contentItem .titleItem .icon {
      position: relative;
      transform: none;
      top: auto;
      right: auto;
      width: 100px;
      margin-bottom: 20px;
      opacity: 1; }

  .quoteDiv {
    padding-top: 10px;
    padding-bottom: 50px; }
    .quoteDiv .contentQuote {
      flex-direction: column-reverse; }
      .quoteDiv .contentQuote .summaryQuote {
        margin: 0;
        width: 100%;
        max-width: 100%;
        padding-inline: 74px; }
        .quoteDiv .contentQuote .summaryQuote::before {
          width: 45px;
          height: 45px; }
        .quoteDiv .contentQuote .summaryQuote::after {
          width: 45px;
          height: 45px; }
      .quoteDiv .contentQuote .imgQuote {
        margin-bottom: 30px; }
        .quoteDiv .contentQuote .imgQuote img {
          width: 80px; }

  .missionVision {
    padding-top: 50px;
    padding-bottom: 50px; }
    .missionVision .inner-container {
      padding-left: 20px !important; }
      .missionVision .inner-container .missionVisionContent .img {
        padding-inline-end: 20px; }

  .missionVision .missionVisionContent .row {
    margin: 0; }
  .missionVision .missionVisionContent .info {
    padding: 0; }
    .missionVision .missionVisionContent .info .infoDetails {
      margin-bottom: 30px; }
      .missionVision .missionVisionContent .info .infoDetails:last-child {
        margin-bottom: 30px; }
  .missionVision .missionVisionContent .img {
    padding: 0; }

  header .menusMain .mainMenu ul li a,
  header .menusMain .mainMenu ul li h3 {
    margin-bottom: 0 !important; }

  .homepage.whoWeAre .whoWeAreContent .whoWeAreList .numberDiv::after {
    left: 0;
    width: 40px;
    height: 40px; }
  .homepage.whoWeAre .whoWeAreContent .whoWeAreList .numberDiv::before {
    left: 30px;
    width: calc(100% - 20px) !important;
    height: calc(100% - 30px) !important;
    opacity: 1; }
  .homepage.whoWeAre .whoWeAreContent .whoWeAreList .numberDiv .itemLink {
    opacity: 1;
    padding-right: 30px; }
    .homepage.whoWeAre .whoWeAreContent .whoWeAreList .numberDiv .itemLink::after {
      right: -5px; }

  header .menusMain .mainMenu .right {
    align-items: center; }
    header .menusMain .mainMenu .right .hasSubMenu:hover {
      padding-bottom: 3px; }
    header .menusMain .mainMenu .right .mainMenuList li {
      margin-inline-end: 0;
      margin-bottom: 30px; }
    header .menusMain .mainMenu .right ul li a {
      margin-bottom: 0; }
    header .menusMain .mainMenu .right .SubMenu {
      top: auto;
      position: relative; }
      header .menusMain .mainMenu .right .SubMenu ul li {
        width: 100%;
        text-align: start;
        margin-inline-end: 0; }
    header .menusMain .mainMenu .right .searchContainer {
      margin-right: 20px; }

  header .menusMain .mainMenu .searchContainer .innerSearch .ui-menu#ui-id-1 .ui-menu-item a {
    white-space: normal; }

  header .menusMain .mainMenu .right .toggleMenu {
    display: block; }

  header .menusMain .mainMenu .searchContainer .innerSearch .ui-menu#ui-id-1 .ui-menu-item.ui-search-hover a {
    white-space: normal;
    margin-bottom: 10px;
    display: inline-block; }

  html,
  body {
    width: 100%;
    overflow-x: hidden; }

  .blackMenu .toggleMenu,
  .blackMenu .search-btn {
    filter: brightness(0); }

  header .menusMain .mainMenu .searchContainer .innerSearch {
    top: 87px; }
    header .menusMain .mainMenu .searchContainer .innerSearch .headerSearch {
      padding-top: 20px; }
      header .menusMain .mainMenu .searchContainer .innerSearch .headerSearch .searchInputWrap {
        padding: 0 20px;
        max-width: 100%; }
        header .menusMain .mainMenu .searchContainer .innerSearch .headerSearch .searchInputWrap a {
          right: 20px; }

  header .menusMain .mainMenu .searchContainer .innerSearch.open {
    height: calc(100% - 87px); }

  footer .last .menuList ul {
    padding-inline-start: 0; } }
@media (max-width: 992px) {
  .success-content {
    text-align: center;
    width: 100%;
    padding: 50px 0;
    padding-top: 0; }
    .success-content h3 {
      font-size: 24px;
      line-height: 40px;
      margin-bottom: 20px; }
    .success-content .subtitle {
      font-size: 18px; }

  .bodyForm .bodyFormContent {
    margin-bottom: 0; }

  .bodyForm .jobApplication .inputEntity .iti__country-container {
    border-radius: 5px;
    border: 1px solid #C2C2C2;
    width: 90px; }

  .bodyContentProject {
    width: 100%; }
    .bodyContentProject.newsDetails .container {
      padding: 0; }
    .bodyContentProject.JobApplication .halfline {
      font-size: 28px;
      padding-bottom: 30px;
      line-height: 26px; }

  .iti .iti__selected-dial-code {
    margin-left: 0 !important; }

  .bodyForm .jobApplication .inputEntity .phoneInput {
    margin-left: 97px !important;
    width: calc(100% - 97px) !important;
    padding-left: 26px !important; }

  .iti-mobile .intl-tel-input .country-list {
    max-height: 200px !important;
    z-index: 10000; }

  .bodyForm .jobApplication .inputEntity .intl-tel-input.allow-dropdown .flag-container .selected-flag .iti-arrow {
    right: 78px; }

  .bodyForm .jobApplication .inputEntity .intl-tel-input.allow-dropdown .flag-container .selected-flag .selected-dial-code {
    padding-inline-start: 54px;
    padding-inline-end: 4px; }

  .bodyForm .jobApplication .inputEntity .intl-tel-input.allow-dropdown .flag-container .selected-flag .selected-dial-code {
    padding-inline-start: 54px; }

  .galleryListing .listingItemDiv .item .left .imgUp {
    margin-bottom: 0; }

  .mainBanner .positionedAbsolutely {
    bottom: 15px; }

  .innovations .image-container,
  .innovations img {
    transform: none; }
  .innovations .inner-container .row .col-lg-6 {
    padding-inline-start: 20px; }
  .innovations .inner-container .row .col-lg-6:first-child {
    padding-inline-start: 20px; }
  .innovations .inner-container .row .col-lg-6:last-child {
    padding-inline: 15px; }

  .cultureListing .cultureContent .contentItem:hover {
    background: rgba(227, 233, 236, 0.4); }
    .cultureListing .cultureContent .contentItem:hover .listingDescription,
    .cultureListing .cultureContent .contentItem:hover .blockTitle {
      color: #231520; }

  .desktop {
    display: none; }

  .mobile {
    display: block; }

  .perksListing .col-md-3 {
    width: 50%; }
  .perksListing .item {
    width: 250px;
    height: 250px; }
  .perksListing .listingItemDIV {
    margin-bottom: 10px; }
    .perksListing .listingItemDIV:last-child {
      margin-bottom: 0px; }
  .perksListing .title {
    margin-top: 10px; }
  .perksListing .imageContainer img {
    width: 60px;
    height: 60px; }

  .projectListingSwiper .projectListingContent .projectListingCarousel .listingItemDIV {
    /* max-width: 280px; */
    /* height: 300px !important; */ }

  .projectListingSwiper .projectListingContent .projectListingCarousel .listingHolder {
    flex-wrap: wrap; }
  .projectListingSwiper .projectListingContent .projectListingCarousel .listingItemDIV {
    max-width: 100%;
    position: relative; }
    .projectListingSwiper .projectListingContent .projectListingCarousel .listingItemDIV .infoDiv {
      position: absolute;
      bottom: 12px;
      left: 20px;
      width: calc(100% - 24px); }

  .newsListingSwiper {
    overflow: hidden; }
    .newsListingSwiper .listingHolder.owl-carousel .owl-nav button.owl-next::after,
    .newsListingSwiper .listingHolder.owl-carousel .owl-nav button.owl-prev::after {
      background-color: #E31D3C;
      opacity: 0.5; }
    .newsListingSwiper .listingHolder.owl-carousel .owl-nav button.owl-next::before,
    .newsListingSwiper .listingHolder.owl-carousel .owl-nav button.owl-prev::before {
      opacity: 1; }
    .newsListingSwiper .listingHolder.owl-carousel .owl-nav button.owl-prev::after {
      left: -70%; }
    .newsListingSwiper .listingHolder.owl-carousel .owl-nav button.owl-prev::before {
      left: 0; }
    .newsListingSwiper .listingHolder.owl-carousel .owl-nav button.owl-prev:hover::after {
      left: -60%; }
    .newsListingSwiper .newsListingContent .newsListingInfo {
      margin-bottom: 0; }
      .newsListingSwiper .newsListingContent .newsListingInfo .titleProject {
        margin-bottom: 30px; }
        .newsListingSwiper .newsListingContent .newsListingInfo .titleProject .btnText {
          bottom: 50px; }

  .innovations {
    padding: 50px 0;
    background: #E3E9EC; }

  .rewards {
    padding: 50px 0; }
    .rewards .blockTitle {
      margin-bottom: 25px; }
    .rewards .rewards-container {
      flex-direction: column;
      gap: 30px; }
      .rewards .rewards-container .reward .image-container {
        height: 100px;
        max-width: 100%; }
        .rewards .rewards-container .reward .image-container img {
          width: 100%;
          height: 100%;
          object-fit: contain; }

  .filteringOpportunities .container {
    justify-content: start; }

  .jobDetails {
    padding: 0 20px; }
    .jobDetails .container {
      padding: 0; }

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

  .back {
    margin-bottom: 30px; }

  .tableListing {
    padding-top: 30px !important; }

  .bodyContentProject.jobDetails .projectTitle h2 {
    margin-bottom: 25px; }

  .ohterOpportunities {
    overflow: auto; }

  .ohterOpportunities .dataTable tr th {
    padding: 14px 18px !important;
    font-size: 13px;
    line-height: normal !important; }

  .ohterOpportunities .dataTable tbody td {
    padding: 14px 18px !important;
    font-size: 13px;
    line-height: normal !important; }

  .link span {
    font-size: 11px; }

  .jobDetails .jobdetailsInfo .bodyInfo {
    padding: 60px 0 25px 0; }

  .bodyContentProject.jobDetails {
    padding: 100px 0 0 25px; }

  .ohterOpportunities {
    padding: 50px 0;
    background-color: #FFF; }

  .overview {
    padding: 50px 0; }
    .overview.careers {
      padding: 25px 0; }
    .overview .container .section-cards .cards-container {
      flex-direction: column;
      gap: 25px; }
      .overview .container .section-cards .cards-container .card {
        max-width: 100%;
        width: 100%;
        text-align: center;
        padding: 30px 30px 30px 30px;
        transform: none; }
        .overview .container .section-cards .cards-container .card p {
          max-width: 100%; }
    .overview .section-title {
      margin-bottom: 25px; }
    .overview .section-body {
      margin-bottom: 25px !important; }

  .opportunities .opportunitiesContent {
    padding: 50px 0; }
    .opportunities .opportunitiesContent .opportunitiesInfo .title {
      max-width: 100%; }
    .opportunities .opportunitiesContent .opportunitiesInfo .btnTeam {
      width: 100%;
      padding: 20px !important;
      position: relative;
      top: auto;
      bottom: auto;
      left: auto;
      right: auto;
      display: inline-block; }
      .opportunities .opportunitiesContent .opportunitiesInfo .btnTeam:not(:last-of-type) {
        margin-bottom: 20px; }
      .opportunities .opportunitiesContent .opportunitiesInfo .btnTeam::after {
        right: 40px;
        left: auto;
        top: 50%;
        bottom: auto; }

  .whoWeAre {
    padding: 50px 0; }
    .whoWeAre .whoWeAreContent .whoWeAreList .numberDiv {
      padding: 300px 40px 40px 40px; }
      .whoWeAre .whoWeAreContent .whoWeAreList .numberDiv p {
        max-width: 100%; }
      .whoWeAre .whoWeAreContent .whoWeAreList .numberDiv .itemLink {
        display: none; }
    .whoWeAre.homepage .whoWeAreImg {
      height: 100%;
      opacity: 1; }

  .ContentItemListing .container {
    position: relative;
    padding: 50px 20px; }

  .whoWeAreList ul li .numberDiv {
    max-width: 100%; }

  .ContentItemListing.expertise .container {
    padding: 50px 20px !important;
    padding-top: 50px;
    padding-bottom: 50px; }

  .bodyContent.projects .mainTitle h2, .bodyContent.news .mainTitle h2 {
    font-size: 32px !important; }

  .homepage.whoWeAre .whoWeAreImg {
    opacity: 1;
    height: 100%; }

  .ContentItemListing.projectListing .blockHead .blockTitle {
    font-size: 25px; }
  .ContentItemListing .container {
    position: relative;
    padding: 50px 20px;
    padding-top: 50px; }
  .ContentItemListing .item {
    padding-bottom: 30px; }

  .overview .container .section-body {
    color: #231F20;
    font-size: 20px;
    font-style: normal;
    font-weight: 300;
    line-height: 37px; }

  .searchResultsList .container {
    padding: 0; }

  .searchInputWrap {
    max-width: 100%; }

  .searchResults .searchInputWrap {
    max-width: 100%; }

  .headerBanner .toolkitMainBanner .bannersHolder .banner .content .subTitle {
    font-size: 13px; }
  .headerBanner .toolkitMainBanner .bannersHolder .banner .content h1 {
    font-size: 35px;
    font-weight: 500;
    line-height: 44px; }

  .listingProjects {
    padding: 0; }

  .otherprojects {
    padding: 50px 0; }
    .otherprojects .otherProjectsContent .title {
      margin-bottom: 25px; }

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

  .filters {
    padding: 0 30px; }
    .filters .content {
      padding: 20px !important; }
      .filters .content .filterSection.actionButtons {
        justify-content: center; }
    .filters .filter-sections {
      flex-direction: column; }

  .ContentItemListing.projectListing .listingHolder,
  .ContentItemListing.expertise .listingHolder {
    overflow: visible; }
  .ContentItemListing.projectListing .owl-carousel .owl-stage-outer,
  .ContentItemListing.expertise .owl-carousel .owl-stage-outer {
    overflow: visible;
    -webkit-transform: translate3d(0, 0, 0); }
  .ContentItemListing.projectListing .owl-carousel,
  .ContentItemListing.expertise .owl-carousel {
    max-width: 80%;
    overflow: visible; }
    .ContentItemListing.projectListing .owl-carousel .owl-stage-outer,
    .ContentItemListing.expertise .owl-carousel .owl-stage-outer {
      overflow: visible; }

  .listingProjects.news .listingItemDiv .info {
    padding: 0; }
  .listingProjects.news .listingItemDiv .listingItemDIV {
    margin-bottom: 0; }

  .bodyContent.news {
    padding: 160px 0 35px; }
    .bodyContent.news .mainTitle {
      margin-bottom: 35px; }
      .bodyContent.news .mainTitle .line {
        display: inline; }
      .bodyContent.news .mainTitle h2 {
        font-size: 35px;
        line-height: normal !important; }
    .bodyContent.news .wrapper {
      flex-direction: column;
      align-items: start; }

  .listingProjects.news .listingItems .listingItemDIV:first-of-type .listingItemDiv {
    flex-direction: column; }
    .listingProjects.news .listingItems .listingItemDIV:first-of-type .listingItemDiv .info {
      padding: 20px; }

  .listingProjects.news .listingItems .listingItemDIV .DateItem {
    margin-bottom: 25px; }

  .listingProjects.news .listingItems .listingItemDIV:first-of-type .imgItem {
    width: 100%;
    margin-bottom: 0; }

  .filtering .filteringList .container {
    padding: 0; }
  .filtering .line {
    margin-bottom: 50px; }
  .filtering .container .filterby {
    justify-content: start; }
  .filtering .container input[type="text"] {
    margin-bottom: 35px; }

  .mainBanner .swiper-container .swiper-wrapper .swiper-slide .titleContent {
    top: 50%; }
    .mainBanner .swiper-container .swiper-wrapper .swiper-slide .titleContent .redPatterns::before {
      bottom: calc(100% + 30px);
      top: auto;
      left: auto; }
    .mainBanner .swiper-container .swiper-wrapper .swiper-slide .titleContent .redPatterns .title {
      max-width: 100%;
      line-height: normal !important; }

  header .menu-items {
    padding: 0 !important; }
  header .right .listingMenu {
    top: 100%;
    left: 0;
    right: auto;
    bottom: auto;
    position: absolute; }
  header .menusMain {
    position: static; }
    header .menusMain .mainMenu {
      position: static; }

  header .menusMain .mainMenu ul li a:hover,
  header .menusMain .mainMenu ul li h3:hover {
    color: #E31D3C;
    border-color: transparent; }

  header .menusMain .mainMenu .right .SubMenu {
    width: 100%; }

  header .menusMain .mainMenu .right .mainMenuList li {
    margin-inline-end: 0;
    width: 100%; }

  header .menusMain .mainMenu ul li a,
  header .menusMain .mainMenu ul li h3 {
    text-align: start;
    width: 100%; }

  header .menu-items .menu-item a::after {
    right: 10px; }

  .mapDIV .img-wrapper .dialog {
    min-width: 180px; }
    .mapDIV .img-wrapper .dialog .content {
      padding: 12px; }
      .mapDIV .img-wrapper .dialog .content P {
        font-size: 11px; }

  header .right .listingMenu .mainMenuList li a {
    padding: 0; }

  .listingProjects.news .listingItems .listingItemDIV .DateItem {
    margin-bottom: 18px; }

  .listingProjects.news .listingItems .listingItemDIV .titleItem {
    margin-bottom: 18px; }

  .listingProjects.news .listingItemDiv {
    margin-bottom: 0; }

  .tableListing table tr th {
    padding: 12px 17px !important; }

  .tableListing table tr td {
    padding: 12px 17px !important; }
    .tableListing table tr td a {
      font-size: 14px; }

  .bodyForm .jobApplication .inputEntity .intl-tel-input.allow-dropdown .flag-container .selected-flag .iti-flag {
    left: 33px; }

  .bodyForm .jobApplication .inputEntity .intl-tel-input.allow-dropdown .flag-container {
    width: 75px; }

  .bodyForm .bodyFormContent {
    width: 100%; }

  table.dataTable {
    width: 100% !important; }

  header.blackMenu .menusMain .mainMenu ul li a.active,
  header.blackMenu .menusMain .mainMenu ul li h3.active {
    border-color: transparent; }

  .listingProjects.news .listingItems .listingItemDIV:first-of-type .info .titleItem {
    margin: 15px 0; }

  .listingProjects.news .listingItems .listingItemDIV .listingItemDIV:first-of-type .info .titleItem {
    margin: 15px 0; }
  .listingProjects.news .listingItems .listingItemDIV .DateItem {
    margin-bottom: 18px; } }
@media (max-width: 768px) {
  .mobileSpace {
    display: block; }

  .error-body::after {
    width: 100vw;
    height: 60px;
    background-image: url(/Images/light-green-curve.svg); }
  .error-body .body {
    padding: 60px 0px;
    position: relative;
    left: auto;
    transform: none;
    margin-top: 300px; }
    .error-body .body .title {
      font-size: 25px;
      text-align: center;
      margin-bottom: 20px; }
    .error-body .body::before {
      top: -60px;
      height: 150px; }
  .error-body .header {
    margin-top: 20px; }
    .error-body .header a img {
      max-width: 150px; }

  .eventDetailsContainer .eventDetailsBackgroundImg {
    width: 320px;
    height: 320px;
    background-size: contain; }

  .application-submitted-message h3 {
    font-size: 25px; }
  .application-submitted-message p {
    font-size: 16px; }

  .mainEventsBanner {
    padding: 20px 0px; }

  .listingImagesSection {
    padding: 40px 0px; }

  .contactUsContainer {
    padding: 40px 0px; }
    .contactUsContainer > .container > .row {
      flex-direction: column; }
    .contactUsContainer .title {
      margin-bottom: 20px; }
    .contactUsContainer .left {
      margin-bottom: 30px; }
      .contactUsContainer .left.col-md-4 {
        width: 100%;
        flex: 0 0 100%; }
      .contactUsContainer .left .contactInfoListing {
        width: 100%;
        flex: 0 0 100%;
        margin-right: 0px;
        margin-bottom: 20px;
        padding: 15px 10px; }
        .contactUsContainer .left .contactInfoListing .item .imgContainer {
          margin-right: 15px; }
          .contactUsContainer .left .contactInfoListing .item .imgContainer img {
            width: 20px;
            height: 20px; }
        .contactUsContainer .left .contactInfoListing .item .content {
          font-size: 14px; }
      .contactUsContainer .left .locationContainer {
        width: 100%;
        flex: 0 0 100%;
        margin-bottom: 0px; }
      .contactUsContainer .left .locateBtnContainer {
        margin-top: 20px; }
    .contactUsContainer .right {
      width: 100%;
      flex: 0 0 100%; }
      .contactUsContainer .right .inputs-step .row {
        margin-bottom: 10px; }
        .contactUsContainer .right .inputs-step .row:last-child .inputEntity *:last-child {
          margin-bottom: 0px; }
      .contactUsContainer .right label {
        margin-bottom: 10px; }
      .contactUsContainer .right .inputEntity {
        margin-bottom: 10px; }

  .distanceListing {
    padding: 40px 0px; }
    .distanceListing .blockTitle {
      font-size: 30px;
      margin-bottom: 30px; }
    .distanceListing .listingHolder {
      margin-bottom: 30px; }
    .distanceListing .col-md-3 {
      width: 50%;
      flex: 0 0 50%;
      padding: 0px 5px; }
    .distanceListing .item {
      margin-bottom: 20px;
      text-align: center; }
      .distanceListing .item .title {
        font-size: 20px; }
      .distanceListing .item .summary {
        font-size: 14px; }
    .distanceListing .listingItemDIV:last-child .item, .distanceListing .listingItemDIV:nth-last-child(2) .item {
      margin-bottom: 0px; }
    .distanceListing .viewAllBottom {
      margin-top: 30px; }
    .distanceListing .form-intro {
      font-size: 14px; }

  .exploreResedenceListing {
    padding: 40px 0px;
    margin-top: 40px; }
    .exploreResedenceListing .backgroundImg {
      width: 100%;
      background-size: contain;
      height: 320px; }
    .exploreResedenceListing::before {
      height: 40px;
      top: -40px; }
    .exploreResedenceListing .blockTitle {
      font-size: 25px; }
    .exploreResedenceListing .listingHolder {
      margin-top: 20px; }
    .exploreResedenceListing .form-intro {
      font-size: 14px; }
    .exploreResedenceListing .item {
      flex-direction: column-reverse;
      overflow: hidden; }
    .exploreResedenceListing .content {
      width: 100%;
      flex: 0 0 100%;
      padding: 20px 0px; }
      .exploreResedenceListing .content .details,
      .exploreResedenceListing .content .link {
        margin-top: 20px; }
    .exploreResedenceListing .listingItemDIV {
      margin-bottom: 0px; }
      .exploreResedenceListing .listingItemDIV:nth-child(2n) .item {
        flex-direction: column-reverse; }
      .exploreResedenceListing .listingItemDIV:nth-child(2n) .content {
        margin-left: 0px; }
      .exploreResedenceListing .listingItemDIV:nth-child(2n) .mediaContainer {
        position: relative;
        margin-left: 0px;
        margin-right: 30px;
        overflow: hidden; }
    .exploreResedenceListing .mediaContainer {
      position: relative;
      width: calc(100% - 30px);
      flex: 0 0 calc(100% - 30px);
      margin-left: 30px; }
      .exploreResedenceListing .mediaContainer .swiper .swiper-slide {
        max-height: 300px; }
      .exploreResedenceListing .mediaContainer img {
        max-height: 300px; }

  .projectSpecs .specsInfo .rowSpecs {
    flex-direction: row;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    gap: 0; }
    .projectSpecs .specsInfo .rowSpecs .specsItems {
      flex: 0 0 50%;
      margin-bottom: 30px; }
      .projectSpecs .specsInfo .rowSpecs .specsItems .infoSpec .title {
        font-size: 12px; }

  .sliderBanner {
    padding: 0px 0px;
    margin-top: 0px; }
    .sliderBanner .blockTitle {
      font-size: 25px; }
    .sliderBanner .listingHolder {
      margin-top: 20px; }
    .sliderBanner .form-intro {
      font-size: 14px; }
    .sliderBanner .item {
      flex-direction: column-reverse; }
    .sliderBanner .content {
      width: 100%;
      flex: 0 0 100%;
      padding: 20px 0px; }
      .sliderBanner .content .details,
      .sliderBanner .content .link {
        margin-top: 20px; }
    .sliderBanner .listingItemDIV {
      margin-bottom: 0px; }
      .sliderBanner .listingItemDIV:nth-child(2n) .item {
        flex-direction: column-reverse; }
      .sliderBanner .listingItemDIV:nth-child(2n) .content {
        margin-left: 0px; }
      .sliderBanner .listingItemDIV:nth-child(2n) .mediaContainer {
        position: relative;
        margin-left: 0px; }
    .sliderBanner .mediaContainer {
      position: relative;
      width: 100%;
      flex: 0 0 100%; }
      .sliderBanner .mediaContainer .swiper .swiper-slide {
        max-height: 300px; }
      .sliderBanner .mediaContainer img {
        max-height: 300px; }

  .imgBackgroundBanner {
    padding: 60px 0px; }

  .landingBanner .content {
    width: 90%;
    flex: 0 0 90%; }
    .landingBanner .content .subTitle {
      font-size: 12px; }
    .landingBanner .content .title {
      font-size: 20px; }
  .landingBanner .swiper {
    overflow: visible; }
  .landingBanner .swiper-pagination {
    display: flex;
    bottom: calc((-1 * 100%) - 40px);
    top: auto;
    left: 50% !important;
    transform: translateX(-50%); }

  .htmlComponent {
    padding: 40px 0px;
    padding-top: 0px; }
    .htmlComponent .item {
      width: 100%;
      flex: 0 0 100%; }
    .htmlComponent p {
      margin-bottom: 20px; }
    .htmlComponent img {
      margin-bottom: 20px; }
    .htmlComponent h3 {
      font-size: 25px;
      margin-bottom: 20px; }

  .tableListing .Applied {
    position: absolute;
    top: 10px; }

  .appliedFilters {
    display: flex;
    flex-wrap: wrap;
    gap: 15px; }
    .appliedFilters .appliedFilter {
      padding: 6px 18px;
      padding-left: 44px; }

  .Applied {
    position: relative !important;
    margin-bottom: 30px !important; }

  .tableListing {
    padding-top: 30px; }

  .ImageBanner {
    padding-top: 200px; }
    .ImageBanner .body {
      justify-content: start; }
      .ImageBanner .body .title {
        max-width: none;
        margin-bottom: 30px; }
    .ImageBanner .listingItemDIV {
      flex-direction: column;
      justify-content: center;
      align-items: center; }
    .ImageBanner .backLinkContainer {
      position: static;
      transform: none;
      align-self: flex-start;
      margin-bottom: 50px; }
    .ImageBanner::after {
      height: 200px; }
    .ImageBanner .imageContainer {
      width: auto;
      flex: 0 0 auto; }

  .eventsListing {
    padding: 20px 0px; }
    .eventsListing .blockTitle {
      font-size: 30px;
      margin-bottom: 10px;
      line-height: normal; }
    .eventsListing .form-intro {
      font-size: 16px;
      margin-bottom: 10px; }
    .eventsListing .viewAllBottom {
      margin-top: 10px; }
    .eventsListing .col-md-4 {
      width: 100%;
      flex: 0 0 100%; }
    .eventsListing.alignCenter .blockHead {
      margin-left: 0px; }
    .eventsListing.alignCenter .blockBody > div .listingHolder {
      max-width: 100%;
      flex: 0 0 100%; }
    .eventsListing.alignCenter .blockBody > div .col-md-4 {
      padding: 0px; }

  .filter .item label {
    font-size: 16px; }

  .dk-selected {
    font-size: 16px; }

  .galleryListing {
    padding: 40px 0px; }
    .galleryListing .item {
      padding: 0; }
    .galleryListing .left {
      margin-bottom: 10px !important; }
    .galleryListing .listingItemDIV {
      margin-bottom: 0px; }
      .galleryListing .listingItemDIV .col-md-6,
      .galleryListing .listingItemDIV .col-md-3 {
        width: 100% !important;
        flex: 0 0 100% !important; }
      .galleryListing .listingItemDIV:nth-child(2n) .item {
        flex-direction: column; }
        .galleryListing .listingItemDIV:nth-child(2n) .item .left {
          margin-left: 0px;
          margin-right: 0px; }
        .galleryListing .listingItemDIV:nth-child(2n) .item .right {
          margin-right: 0px;
          margin-left: 0px; }
          .galleryListing .listingItemDIV:nth-child(2n) .item .right .imgContainer {
            margin: 0px 0px 20px 0px; }
            .galleryListing .listingItemDIV:nth-child(2n) .item .right .imgContainer:nth-child(2n) {
              margin-right: 0px;
              margin-left: 0px; }
            .galleryListing .listingItemDIV:nth-child(2n) .item .right .imgContainer:nth-last-child(1), .galleryListing .listingItemDIV:nth-child(2n) .item .right .imgContainer:nth-last-child(2) {
              margin-bottom: 20px; }
      .galleryListing .listingItemDIV:last-child {
        margin-bottom: 0px; }
    .galleryListing .item {
      flex-direction: column; }
      .galleryListing .item .imgContainer {
        overflow: hidden;
        display: block;
        margin-bottom: 20px; }
        .galleryListing .item .imgContainer img {
          width: 100%;
          height: 100%; }
      .galleryListing .item .left {
        margin-right: 0px;
        margin-left: 0px; }
      .galleryListing .item .right {
        flex-direction: column;
        margin-left: 0px;
        margin-right: 0px; }
        .galleryListing .item .right .imgContainer {
          margin: 0px 0px 20px 0px; }
          .galleryListing .item .right .imgContainer img {
            width: 100%; }
          .galleryListing .item .right .imgContainer:nth-child(2n + 1) {
            margin-left: 0px;
            margin-right: 0px; }
          .galleryListing .item .right .imgContainer:nth-last-child(1), .galleryListing .item .right .imgContainer:nth-last-child(2) {
            margin-bottom: 20px; }

  .fancybox-image {
    max-width: 300px; }

  .fancyBoxCloseContainer {
    left: 20px; }

  .is-horizontal .f-carousel__nav .f-button.is-next,
  .is-horizontal .fancybox__nav .f-button.is-next {
    top: auto;
    bottom: 10%; }

  .is-horizontal .f-carousel__nav .f-button.is-prev,
  .is-horizontal .fancybox__nav .f-button.is-prev {
    top: auto;
    bottom: 10%; }

  .commonBanner {
    padding: 20px 0px; }
    .commonBanner.innerBanner {
      padding: 20px 0px; }
      .commonBanner.innerBanner.withMargin {
        margin: 0px 0px; }
      .commonBanner.innerBanner .content {
        padding: 0px; }
      .commonBanner.innerBanner .title,
      .commonBanner.innerBanner .details {
        text-align: start; }
      .commonBanner.innerBanner .title {
        font-size: 25px; }
      .commonBanner.innerBanner .details {
        font-size: 16px; }
      .commonBanner.innerBanner .item {
        padding: 250px 0px 0px 0px; }
      .commonBanner.innerBanner .content {
        text-align: start;
        margin-bottom: 0px; }
      .commonBanner.innerBanner .imgContainer {
        max-height: 250px; }
        .commonBanner.innerBanner .imgContainer img {
          width: auto; }
    .commonBanner.imgRight.innerBanner {
      margin: 0px; }
      .commonBanner.imgRight.innerBanner .item {
        padding: 0px; }
      .commonBanner.imgRight.innerBanner .imgContainer {
        position: static; }
      .commonBanner.imgRight.innerBanner .title {
        text-align: center; }
      .commonBanner.imgRight.innerBanner .content {
        margin-bottom: 20px; }
    .commonBanner.darkGreenBg.innerBanner .title {
      text-align: left; }
    .commonBanner.darkGreenBg.innerBanner .imgContainer {
      position: absolute;
      top: 0px;
      left: 0px;
      transform: none;
      width: 100%;
      flex: 0 0 100%;
      max-width: none;
      max-height: 400px; }
    .commonBanner .content .title {
      font-size: 25px; }
    .commonBanner .content .details {
      margin-top: 20px; }

  header .middle a img {
    max-width: 150px; }

  .floorPlansPopup .imgContainer {
    height: calc(100vh - 200px); }
    .floorPlansPopup .imgContainer img {
      width: 100%; }

  .subPageNavBar .item {
    font-size: 12px; }

  .introBanner {
    padding-top: 30px;
    margin-bottom: 50px; }
    .introBanner .blockTitle {
      margin-bottom: 20px; }
    .introBanner::after {
      height: 50px;
      bottom: -50px; }

  .residenceListing .item .right {
    width: 100%; }
  .residenceListing .item .left {
    width: 100%; }
  .residenceListing .details {
    flex-direction: column;
    justify-content: center;
    align-items: center; }
    .residenceListing .details .rooms {
      margin-bottom: 5px; }
    .residenceListing .details .area {
      margin-left: 0px; }
      .residenceListing .details .area::before {
        display: none; }

  .sanctuary {
    padding: 20px 0px; }
    .sanctuary .imgContainer {
      margin-bottom: 20px; }
      .sanctuary .imgContainer img {
        max-width: 50px; }
    .sanctuary .content .title,
    .sanctuary .content .details {
      margin-bottom: 20px; }
    .sanctuary .content .btnContainer {
      flex-direction: column; }
      .sanctuary .content .btnContainer a {
        margin-right: 0px;
        margin-bottom: 15px;
        display: block;
        width: 100%; }
        .sanctuary .content .btnContainer a:last-child {
          margin-bottom: 0px; }

  .listingImagesSection .listingItemDIV {
    margin-bottom: 20px; }
    .listingImagesSection .listingItemDIV:nth-child(2n) .listingItem {
      flex-direction: column-reverse; }
    .listingImagesSection .listingItemDIV .listingItem {
      flex-direction: column-reverse; }
    .listingImagesSection .listingItemDIV .listingInfo {
      width: 100%;
      flex: 0 0 100%;
      margin-left: 0px !important;
      margin-right: 0px !important;
      margin-bottom: 20px; }
    .listingImagesSection .listingItemDIV .listingSummary {
      margin-top: 20px;
      line-height: 24px;
      text-align: center; }
    .listingImagesSection .listingItemDIV .listingTitle {
      text-align: center; }
    .listingImagesSection .listingItemDIV .listingImg {
      width: 100%;
      flex: 0 0 100%;
      display: flex;
      justify-content: center;
      align-items: center;
      max-width: 400px; }
      .listingImagesSection .listingItemDIV .listingImg img {
        object-fit: cover; }

  .discoverServices {
    margin-bottom: 40px; }
    .discoverServices .item {
      padding: 20px 20px 100px 20px; }
      .discoverServices .item a {
        top: auto;
        right: 20px;
        bottom: 0; }
        .discoverServices .item a:hover {
          right: 15px; }

  .servicesListing {
    padding-bottom: 20px;
    margin-top: 40px; }
    .servicesListing .listingItemDIV:last-child .item {
      padding-bottom: 0px;
      border-bottom: none; }
    .servicesListing .item {
      padding: 10px 0px; }
    .servicesListing::before {
      height: 20px;
      top: -20px; }
    .servicesListing .col-md-4 {
      width: 100%;
      flex: 0 0 100%; }

  .mobileApplicationBanner {
    padding-top: 40px;
    padding-bottom: 300px; }
    .mobileApplicationBanner .item .left .title {
      margin-bottom: 20px;
      font-size: 25px; }
    .mobileApplicationBanner .item .left .content {
      margin-bottom: 20px; }
    .mobileApplicationBanner .item .left .btnContainer a {
      margin-right: 10px; }
      .mobileApplicationBanner .item .left .btnContainer a:last-child {
        margin-right: 0px; }
      .mobileApplicationBanner .item .left .btnContainer a img {
        max-width: 140px; }
    .mobileApplicationBanner .item .right {
      right: 50%;
      transform: translateX(50%);
      bottom: -300px;
      width: 100%;
      z-index: 1; }
      .mobileApplicationBanner .item .right .imgContainer img {
        max-width: 150px; }

  footer {
    padding: 30px 0px 30px 0px; }
    footer .logo img {
      max-width: 150px; }
    footer .simpleListTitle {
      margin-bottom: 10px; }
    footer .newsletterInputWrapper .email {
      font-size: 20px; }
    footer .socialMedia,
    footer .signature {
      margin-top: 50px; }
    footer .socialMedia {
      margin-top: 50px;
      flex-direction: column; }
      footer .socialMedia .newsLetter {
        width: 100%;
        flex: 0 0 100%; }
        footer .socialMedia .newsLetter .email {
          width: 75%; }
      footer .socialMedia .socialListing {
        margin-top: 30px;
        margin-bottom: 0px;
        width: 100%;
        flex: 0 0 100%;
        justify-content: center; }
        footer .socialMedia .socialListing .item {
          margin-right: calc(25% - 50px); }
          footer .socialMedia .socialListing .item:last-child {
            margin-right: 0px; }
    footer .scrollTop {
      right: 50%;
      transform: translateX(50%); }
      footer .scrollTop .goUp {
        width: 40px;
        height: 40px; }
    footer .signature {
      margin-top: 30px;
      flex-direction: column; }
    footer .scrollTop {
      bottom: -45px; }
      footer .scrollTop:hover {
        bottom: -35px; }

  footer .last {
    flex-direction: column;
    text-align: center; }
    footer .last p:not(:last-child) {
      margin-bottom: 15px; }
    footer .last .menuList ul {
      flex-wrap: wrap;
      gap: 0.5rem;
      margin-bottom: 20px; }

  header.blackMenu .menusMain {
    padding: 0; } }
@media (min-width: 992px) {
  .perksListing .item {
    width: 200px;
    height: 200px; }
  .perksListing .title {
    font-size: 40px;
    margin-top: 10px; }
  .perksListing .subTitle {
    font-size: 16px; }
  .perksListing .imageContainer img {
    width: 50px;
    height: 50px; } }
@media (min-width: 1200px) {
  .perksListing .title {
    font-size: 50px;
    margin-top: 15px; }
  .perksListing .subTitle {
    font-size: 20px; }
  .perksListing .imageContainer img {
    width: 75px;
    height: 75px; }
  .perksListing .item {
    width: 250px;
    height: 250px; } }
@media (max-width: 530px) {
  .newsListingSwiper .newsListingContent .newsListingInfo .subtitleProject {
    max-width: 210px; }

  .perksListing .item {
    width: 140px;
    height: 140px; }
  .perksListing .title {
    font-size: 25px;
    margin-top: 5px; }
  .perksListing .subTitle {
    font-size: 12px;
    margin-top: 5px; }
  .perksListing .imageContainer img {
    width: 40px;
    height: 40px; } }

/*# sourceMappingURL=Obermeyer-responsive-en.css.map */