:root {
  --primary-font: "gotham", Sans-serif;
  --white: #ffffff;
  --dark-blue: #12284a;
  --blue: #387dbb;
  --teal: #28c0d3;
  --light-blue: #7cd0ee;
  --teal2: #04a1b5;
}

.back-btn {
  opacity: 0;
  transition: all 0.3s ease-in-out;
}
body.show .back-btn {
  opacity: 1;
}
#header_menu {
  .mobile_menu {
    display: none !important;
  }
  .elementor-nav-menu--main {
    .elementor-nav-menu {
      .sub-menu {
        padding: 24px 0;
        &::before {
          content: "";
          position: absolute;
          top: 0;
          left: 0;
          width: 100%;
          height: 4px;
          background: linear-gradient(270deg, #27c0d3 0%, #128db9 100%);
          z-index: 2;
        }
      }
      .header-close-icon,
      .logo-image {
        display: none;
      }
      .menu-item-has-children {
        > a {
          position: relative;
          &::after {
            content: "";
            position: absolute;
            width: 14px;
            height: 14px;
            display: inline-block;
            background-image: url(/wp-content/uploads/2026/06/Polygon-1-1.svg);
            background-repeat: no-repeat;
            background-position: right;
            background-size: contain;
            top: 53%;
            right: 0;
            transform: translate(0%, -50%);
            opacity: 1 !important;
            background-color: transparent !important;
            rotate: 0deg;
          }
          .sub-arrow {
            display: none;
          }
        }
      }
      .contact-btn {
        display: none;
      }
    }
  }
}
/* Home Page */
.happen_btn {
  .elementor-button {
    position: relative;
    padding-bottom: 10px !important;
    margin-bottom: 10px;
    svg {
      width: 14px;
      height: 14px;
    }
    &::after {
      content: "";
      position: absolute;
      bottom: 0;
      left: 0;
      width: 100%;
      height: 3px;
      background: linear-gradient(270deg, #76cbc3 0%, var(--light-blue) 100%);
    }
    &:hover {
      &::after {
        background: linear-gradient(270deg, var(--light-blue) 0%, #76cbc3 100%);
      }
    }
  }
}
.banner_slider {
  .elementor-main-swiper {
    .swiper-wrapper {
      transition-timing-function: linear !important;
      .swiper-slide {
        transform: skewX(-9deg);
      }
    }
  }
}
.news-events-slider-container {
  position: relative;
  .navigation-wrapper {
    display: flex;
    gap: 15px;
    position: absolute;
    z-index: 9;
    right: 90px;
    top: -100px;
    svg {
      cursor: pointer;
      &:hover {
        rect {
          fill: var(--dark-blue);
        }
        path {
          fill: var(--teal);
        }
      }
      .elementor-button {
        svg {
          width: 45px;
          height: 45px;
        }
        &:hover {
          svg {
            rect {
              fill: var(--dark-blue);
            }
            path {
              fill: var(--teal);
            }
          }
        }
      }
    }
  }
  .news-events-slider-wrapper {
    display: flex;
    flex-wrap: wrap;
    gap: 0px;
    .slick-track {
      display: flex;
      gap: 20px;
      .news-events-item {
        flex: unset;
        width: 100%;
        max-width: 369px;
      }
    }
  }
}
/* Contact Page */
.livecen-contact-form {
  .gform_heading {
    .gform_required_legend {
      display: none;
    }
  }
  .gform_body {
    .gform_fields {
      gap: 30px;
      .gfield {
        input,
        textarea {
          border: 2px solid var(--teal);
          font-family: var(--primary-font);
          font-weight: 500;
          font-size: 18px;
          line-height: 150%;
          letter-spacing: 0%;
          color: var(--dark-blue);
          box-shadow: 0 0 0;
          padding-left: 15px;
          &::placeholder {
            font: inherit;
            color: inherit;
          }
        }
        input {
          height: 60px;
          border-radius: 50px;
        }
        textarea {
          height: 137px;
          min-block-size: 0rem;
          resize: none;
          border-radius: 20px;
        }
        input[type="checkbox"] {
          width: 36px;
          height: 36px;
          border-radius: 8px;
          position: relative;
          top: -5px;
          cursor: pointer;
          &::before {
            position: relative;
            left: -7px;
          }
        }
        label,
        legend {
          font-family: var(--primary-font);
          font-weight: 500;
          font-size: 16px;
          line-height: 100%;
          letter-spacing: 0.32px;
          text-transform: uppercase;
          color: var(--dark-blue);
        }
        &.gfield--type-choice {
          label {
            font-size: 18px;
            line-height: 150%;
            text-transform: unset;
          }
        }
        &.gfield--type-choice {
          .ginput-container {
            align-items: baseline;
          }
        }
      }
    }
  }
  .gform-footer {
    margin-top: 40px !important;
    input[type="submit"] {
      width: 100% !important;
      height: 60px !important;
      background: linear-gradient(270deg, #76cbc3 0%, #27c0d3 100%) !important;
      text-align: center !important;
      border-radius: 100px !important;
      font-family: var(--primary-font) !important;
      font-weight: 500 !important;
      font-size: 16px !important;
      line-height: 100% !important;
      letter-spacing: 0.32px !important;
      color: var(--dark-blue) !important;
      text-transform: uppercase !important;
      transition: 0.5s all !important;
      box-shadow: 0 0 0 !important;
      &:hover {
        background: var(--dark-blue) !important;
        color: var(--white) !important;
        transition: 0.5s all !important;
      }
    }
  }
}
/* Validation Message Styles */
.gform_wrapper .gform_validation_errors {
  background: transparent !important;
  box-shadow: 0 0 0 !important;
  border: 0 !important;
  padding: 0 !important;
  margin: 20px 0 20px !important;
  outline: 0 !important;
  .gform_submission_error {
    flex-direction: row !important;
    align-items: center;
    text-transform: unset;
  }
}
.lets-heading-span {
  span {
    color: var(--teal);
  }
}
.blue-navy-heading {
  span:first-child {
    color: var(--teal);
  }
  span:nth-child(2) {
    color: var(--blue);
  }
}
.news-events-item {
  flex: 0 0 32%;
  border-radius: 5px;
  overflow: hidden;
  .image-content-wrapper {
    height: 528px;
    position: relative;
    z-index: 4;
    .events-image-wrapper {
      height: 100%;
      img {
        height: 100%;
        width: 100%;
        object-fit: cover;
        border-radius: 5px;
      }
    }
    .contents-wrapper {
      position: absolute;
      bottom: 0;
      padding: 0 27px 33px 27px;
      z-index: 3;
      * {
        color: var(--white);
      }
      a {
        text-decoration: none;
      }
      .title {
        font-family: var(--primary-font);
        font-weight: 800;
        font-size: 28px;
        line-height: 110.00000000000001%;
        letter-spacing: 0%;
        margin: 0 0;
        padding-bottom: 15px;
      }
      .para {
        height: 0;
        opacity: 0;
        visibility: hidden;
        margin: 0 0;
        transition: 0.5s all;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 3;
        overflow: hidden;
        &:empty,
        &:blank {
          display: none;
          height: 0;
        }
      }
      a.read-more-btn {
        display: inline-flex;
        flex-wrap: wrap;
        align-items: baseline;
        font-family: var(--primary-font);
        font-weight: 500;
        font-size: 14px;
        line-height: 100%;
        letter-spacing: 0.32px;
        text-transform: uppercase;
        border-bottom: 3px solid transparent; /* Set a base width */
        border-image-source: linear-gradient(90deg, #27c0d3 0%, #128db9 100%);
        border-image-slice: 1;
        gap: 12px;
        padding-bottom: 15px;
        padding-top: 15px;
        text-decoration: none;
        &:hover {
          color: var(--teal);
        }
      }
    }
    &::before {
      content: "";
      position: absolute;
      bottom: 0;
      left: 0;
      width: 100%;
      height: 0%;
      background: var(--dark-blue);
      z-index: 2;
      transform: translateY(100%);
      transition: 0.5s all;
      opacity: 0;
      visibility: hidden;
    }
    &::after {
      content: "";
      position: absolute;
      bottom: 0;
      left: 0;
      width: 100%;
      height: 100%;
      background: linear-gradient(
        180deg,
        rgba(18, 40, 74, 0.08) 0%,
        rgba(11, 25, 46, 0.32) 66.06%,
        rgba(8, 17, 32, 0.8) 100%
      );
      z-index: 1;
    }
  }
  &:hover {
    .image-content-wrapper {
      .contents-wrapper {
        .para {
          height: 80px;
          opacity: 1;
          visibility: visible;
          &:empty,
          &:blank {
            display: none;
            height: 0;
          }
        }
      }
      &::before {
        transform: translateY(0%);
        clip-path: polygon(0 0, 100% 10%, 100% 100%, 0 100%);
        transition: 0.5s all;
        opacity: 1;
        visibility: visible;
        height: 53%;
      }
    }
  }
}

.animation-container {
  .animation_section {
    .ani-image1,
    .ani-image2 {
      transform: rotate(0deg);
      transition: 0.5s all;
    }
    .ani-image3 {
      transform: rotate(0deg);
      transition: 0.5s all;
    }
    &:hover {
      .ani-image1,
      .ani-image2 {
        transform: rotate(-5deg);
        transition: 0.5s all;
      }
      .ani-image3 {
        transform: rotate(5deg);
        transition: 0.5s all;
      }
    }
  }
  &.active {
    .animation_section {
      background-image: url(/wp-content/uploads/2026/06/Group-19.png);
      background-position: center center;
      background-repeat: no-repeat;
      background-size: cover;
      .ani-image1,
      .ani-image2 {
        transform: rotate(-5deg);
        transition: 0.5s all;
      }
      .ani-image3 {
        transform: rotate(5deg);
        transition: 0.5s all;
      }
    }
  }
}

/* News Page */
.news-events-container {
  .news-events-flex-wrapper {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
  }
  .load-more-btn-wrapper {
    margin-top: 90px;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    button.load-more-btn {
      background: linear-gradient(270deg, #76cbc3 0%, #27c0d3 100%);
      border: none;
      border-radius: 100px;
      padding: 22px 55px;
      font-family: var(--primary-font);
      font-weight: 500;
      font-size: 16px;
      line-height: 100%;
      letter-spacing: 0.32px;
      text-transform: uppercase;
      color: var(--dark-blue);
      &:hover {
        background: var(--dark-blue);
        color: var(--white);
      }
    }
  }
}
.download-icon-hover {
  .elementor-button {
    svg {
      width: 12px;
    }
  }
  .elementor-button:hover,
  .elementor-button:focus {
    svg {
      path {
        fill: var(--white);
      }
    }
  }
}
.blue-heading {
  span {
    color: var(--blue);
  }
}
.navy-blue-heading {
  span:first-child {
    color: var(--blue);
  }
  span:nth-child(2) {
    color: var(--teal);
  }
}
.post-detail-info {
  li {
    position: relative;
    &:not(:last-child) {
      &::before {
        content: "" !important;
        position: absolute;
        top: 50%;
        right: -15px;
        transform: translateY(-50%);
        width: 5px;
        height: 5px;
        border-radius: 100%;
        background: var(--white);
      }
    }
  }
}
.backto-news-button {
  .elementor-button {
    svg {
      width: 45px;
      height: 45px;
    }
    &:hover {
      svg {
        rect {
          fill: var(--dark-blue);
        }
        path {
          fill: var(--teal);
        }
      }
    }
  }
}
.backto-news-button .elementor-button-content-wrapper {
  align-items: center;
}
/* Opportunity */
.livecen-contact-form {
  &.job_form {
    .gform_body {
      .gform_fields {
        .gfield {
          input[type="radio"] {
            width: 36px;
            height: 36px;
            border-radius: 100%;
            cursor: pointer;
            &::before {
              position: relative;
              left: -8px;
            }
          }
          .gfield_radio {
            flex-direction: row;
            .gchoice {
              align-items: center;
            }
          }
        }
      }
    }
    .gform-footer {
      margin-top: 45px !important;
    }
  }
}
.map_image {
  width: 100%;
  flex: 1 1 auto;
  min-width: 0;
  .elementor-shortcode {
    width: 100%;
    display: block;
    #map-container {
      width: 100%;
      max-width: 1335px;
      aspect-ratio: 1335 / 648;
      margin: 0 auto;
      overflow: hidden;
      position: relative;
      border-radius: 8px;
      cursor: grab;
      user-select: none;
      -webkit-user-select: none;
      &:active {
        cursor: grabbing;
      }
      #map-inner {
        position: absolute;
        top: 0;
        left: 0;
        transform-origin: 0 0;
        transform: scale(1.2) translate(0px, 0px);
        will-change: transform;
        line-height: 0;
        height: 100%;
        width: 100%;
        img {
          display: block;
          width: 100%;
          height: 100%;
          pointer-events: none;
          -webkit-user-drag: none;
          object-fit: cover;
        }
      }
      .absolute-mark {
        position: absolute;
        top: 30px;
        left: 40px;
        width: 500px;
        height: 50px;
        z-index: 99;
        p {
          background: linear-gradient(270deg, #76cbc3 0%, #27c0d3 100%);
          border-radius: 90px;
          padding: 19px 0px;
          font-family: var(--primary-font);
          font-weight: 500;
          font-size: 14px;
          line-height: 100%;
          letter-spacing: 0.32px;
          text-align: center;
          text-transform: uppercase;
          color: var(--dark-blue);
          margin: 0;
        }
      }
    }
  }
}
.text_spin svg {
  animation: rotate 25s linear infinite;
}
@-webkit-keyframes rotate {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
@keyframes rotate {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
.live_central_accordian {
  .e-n-accordion-item-title {
    justify-content: space-between !important;
    &[aria-expanded="true"],
    &[aria-expanded="false"] {
      svg {
        rect {
          fill: var(--light-blue);
        }
      }
    }
  }
  .opportunity_list {
    ul {
      li {
        &:not(:last-child) {
          margin-bottom: 7px;
        }
      }
    }
  }
}
/* Life Page */
.fpo-tabs-content {
  .tabs-content {
    display: none;
    &.active {
      display: block !important;
    }
    .fpo-tabs-content-icon {
      position: relative;
      padding-left: 25px !important;
      &::before {
        content: "";
        position: absolute;
        top: 50%;
        left: 0;
        transform: translateY(-50%);
        width: 6px;
        height: 100%;
        background: linear-gradient(360deg, #27c0d3 0%, #128db9 100%);
      }
    }
  }
}
.fpo-tabs {
  .tab-list {
    cursor: pointer;
    background: url(/wp-content/uploads/2026/07/Union.png) no-repeat !important;
    h2 {
      margin: 0;
    }
    &.active,
    &:hover {
      background: url(/wp-content/uploads/2026/07/Union-1.png) no-repeat !important;
    }
  }
}
.fpo-tab-container {
  ul {
    padding-left: 30px;
    li {
      &:not(:last-child) {
        margin-bottom: 7px;
      }
    }
  }
}
.about-us-heading {
  span {
    color: var(--teal2);
  }
}
.footer-icons {
  .elementor-icon {
    &:hover {
      svg {
        path {
          fill: var(--dark-blue);
        }
      }
    }
  }
}