/* Footer Root */
    .fot-footer-root {
      background: linear-gradient(90deg, #041515, #06302e, #0a4840);
      color: #fff;
      padding-top: 30px;
      overflow: hidden;
    }

    .fot-footer-top-rule,
    .fot-footer-bottom-rule {
      border-top: 2px solid #ffffffd8;
      margin: 0 20px;
    }

    .fot-footer-inner {
      margin: auto;
      padding: 25px 50px;
      display: flex;
      justify-content: space-between;
      gap: 25px;
    }

    /* LEFT SECTION */
    .fot-footer-left {
      width: 60%;
    }

    .fot-footer-left-logo {
      width: 50%;
      height: 100%;
      object-fit: contain;
      transition: transform 0.4s ease, filter 0.4s ease;
      mix-blend-mode: screen;
    }

    .fot-footer-left-logo:hover {
      transform: rotate(-4deg) scale(1.05);
      filter: brightness(1.2);
    }

    .fot-footer-left-top {
      display: flex;
      gap: 0px;
      align-items: center;
    }

    .fot-footer-title {
      font-size: 28px;
      font-weight: 500;
      margin: 0;
      transition: color .3s ease, transform .3s ease;
    }

    .fot-footer-title:hover {
      color: #9bfad1;
      transform: translateX(6px);
    }

    .fot-footer-subtitle {
      font-size: 22px;
      color: #6abb53;
      font-weight: 400;
      margin-top: 5px;
      transition: transform .3s ease, color .3s ease;
    }

    .fot-footer-subtitle:hover {
      transform: translateX(5px);
      color: #57ffac;
    }

    /* CONTACT SECTION */
    .fot-footer-contact {
      margin-top: 25px;
    }

    .fot-footer-row {
      display: flex;
      align-items: center;
      gap: 15px;
      margin: 14px 0;
    }

    .fot-footer-fa {
      font-size: 20px;
      width: 25px;
      transition: transform .4s ease, color .3s ease;
    }

    .fot-footer-row:hover .fot-footer-fa {
      transform: rotate(360deg);
      color: #FF991C;
    }

    .fot-footer-link-text,
    .fot-footer-cds-link {
      position: relative;
      text-decoration: none;
      display: inline-block;
      transition: color .3s ease;
      color: #6abb53;
    }

    .fot-footer-right-link {
      color: white;
      text-decoration: none;
    }

    .fot-footer-link-text:hover,
    .fot-footer-right-link:hover {
      color: #FF991C;
    }

    .fot-footer-cds-link {
      color: #FF991C;
      margin-top: 10px;
    }

    .fot-footer-cds-link:hover {
      color: #FF991C;
    }

    /* RIGHT SECTION */
    .fot-footer-right {
      width: 30%;
      text-align: right;
    }

    .fot-footer-right-logo-bg img {
      width: 74%;
      border-radius: 50px;
    }

    .fot-footer-right-links {
      display: flex;
      flex-direction: column;
      margin-top: 20px;
      gap: 12px;
    }

    .fot-footer-right-link {
      font-size: 15px;
    }

    .fot-footer-website-link {
      color: #6abb53;
      font-size: 19px;
      font-weight: 400;
      text-decoration: none;
      transition: color .3s ease, transform .3s ease;
    }

    .fot-footer-website-link:hover {
      color: #7bffd2;
      transform: translateY(-3px);
    }

    .fot-footer-bottom {
      padding: 15px 0 15px 0;
    }

    .fot-footer-bottom-inner {
      margin-right: 50px!important;
      margin: auto;
      padding: 0 0px;
      text-align: right;
    }

    .fot-footer-bottom-text {
      font-size: 20px;
      transition: color .3s ease, letter-spacing .3s ease;
    }

    .fot-footer-bottom-text:hover {
      color: #9bfad1;
      letter-spacing: 1px;
    }

    /* Responsive */
    @media (max-width: 1024px) {
            .fot-footer-title {
        font-size: 20px;
      }
      .fot-footer-subtitle {
        font-size: 18px;
      }
    }

    @media (max-width: 900px) {
      .fot-footer-inner {
        flex-direction: column;
        text-align: left;
        padding: 35px 25px;
      }

      .fot-footer-left {
        width: 100%;
      }

      .fot-footer-right {
        width: 100%;
        text-align: left;
      }


      .fot-footer-title {
        font-size: 20px;
      }

      .fot-footer-subtitle {
        font-size: 18px;
      }

      .fot-footer-left-top {
        flex-direction: row;
      }

      .fot-footer-bottom-inner {
        text-align: center;
        margin-right: 0px!important;
        font-size: 5px!important;
      }
      .fot-footer-right-logo-bg img {
        width: 60%;
      }
    }

    @media (max-width: 480px) {
      .fot-footer-left-top {
        display: inline;
      }

      .fot-footer-left-logo {
        width: 70px;
      }

      .fot-footer-website-link {
        font-size: 18px;
      }
    }