/*----------------/Footer end------------------------------------*/
/*  Footer text  : Marquee*/
.footer-text-1 {
  color: #FFF;
  font-family: "lyon-regular";
  font-size: 33px;
  font-style: normal;
  font-weight: 500;
  line-height: 38%
    /* 117px */

}

.footer-text-2 {
  margin-left: 26px;
  color: #FFF;
  font-family: "lyon-regular";
  font-size: 33px;
  font-style: normal;
  font-weight: 500;
  line-height: 38%
    /* 117px */

}

/* ------------------------------------------------------------*/


/* CSS footer-box-menu  height: 100vh;*/
.footer-box-menu {
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: #000;
  

}

.footer-box-menu a {
  flex: 1;
  text-align: center;
  color: #fff !important;
  text-decoration: none;
  text-transform: uppercase;
  padding: 20px 0;
  border: 1px solid #fff;
  border-left: none;
  font-weight: bold;
  letter-spacing: 2px;
  font-family: "GT America";
  margin-right: 2px;
}

.footer-box-menu a:first-child {
  border-left: 1px solid #fff;
}

/* Mobile view: Stack vertically */
/* Mobile view: vertical layout, keep all borders */
@media (max-width: 768px) {
  .footer-box-menu {
    flex-direction: column;
    align-items: stretch;
    
}

  .footer-box-menu a {
    flex: none;
    border-left: 1px solid #fff;
    border-right: 1px solid #fff;
    border-top: 1px solid #fff;
    border-bottom: 1px solid #fff;
  }

  .footer-box-menu a:first-child {
    border-left: 1px solid #fff;
  }
}

/*----------------------------------------------------------------*/
/* footer marquee*/

.email-scroll-container {
  background-color: #000;
  overflow: hidden;
  white-space: nowrap;
  width: 100%;
  padding-top: 80px;
  padding-bottom: 80px;
}

.email-scroll-track {
  display: inline-flex;
  animation: scroll-left 15s linear infinite;
  white-space: nowrap;
  text-decoration: none;
}

.email-item {
  display: flex;
  /* flexbox ensures text + svg align */
  align-items: center;
  /* vertical center */
  gap: 38px;
  /* space between text and svg */
  margin-right: 35px;
  font-size: 48px;
  font-weight: 500;
  font-family: "lyon-regular";
  color: #fff;
  cursor: pointer;
  text-decoration: none;
}

.email-item svg {
  width: 36px;
  height: 36px;
  fill: white;
  display: block;
  /* prevents baseline misalignment */
  flex-shrink: 0;
}

.email-scroll-container:hover .email-scroll-track {
  animation-play-state: paused;
}

@keyframes scroll-left {
  0% {
    transform: translateX(0);
  }

  100% {
    transform: translateX(-50%);
  }
}

/* --------------END-------------------------------*/

/* footer */
.pbmit-bg-color-blackish {

  background-color: #000 !important;
}

.site-footer {
  font-family: "gt-america-regular" !important;

}
/*--------------------Footer Styling------------------------------*/
/* General footer styles */
    sup {
        font-size: 40%;
        line-height: 0;
        position: relative;
        vertical-align: baseline;
        color: #fff;
    }

    .qcp-footer {
        background: #000;
        padding: 104px 30px 50px;
        display: grid;
        grid-template-rows: auto auto auto auto;
        row-gap: 60px;
    }

    /* ---- Row 1: Logo + tagline ---- */
    .qcp-footer-row1 {
        display: flex;
        justify-content: space-between;
        align-items: flex-start;
    }

    .qcp-footer-row1-left img {
        width: 70px;
        margin-bottom: 20px;
    }

    .qcp-footer-row1-left h2 {
        font-family: "Lyon Arabic Display";
        font-size: 42px;
        font-weight: 400;
        line-height: 1.2;
        margin: 0;
        color: #fff;
    }

    /* ---- Row 2: Newsletter ---- */
    /* Footer row containing newsletter */
    .footer-row2 {
        display: flex;
        flex-direction: row;
        /* horizontal on desktop */
        justify-content: flex-start;
        /* align to left */
        align-items: flex-start;
        width: 100%;
        flex: 0 0 auto;
        /* prevent shrinking or escaping */
        gap: 20px;
    }

    /* Newsletter container */
    .footer-row2-right {
        max-width: 400px;
        width: 100%;
        /* keep inside footer */
    }

    .qcp-newsletter {
        left: 575px;
        width: 564px;
        position: relative;
        top: auto;
        margin: 0;

        /* optional: spacing controlled by footer padding */
    }

    /* Label */
    .qcp-newsletter label {
        font-size: 13px;
        margin-bottom: 10px;
        display: block;
        color: #ccc;
    }

    /* Form styling */
    .qcp-newsletter-form {
        display: flex;
        align-items: center;
        width: 100%;
        border-bottom: 1px solid #444;
        overflow: hidden;
    }

    /* Input field */
    .qcp-newsletter-form input {
        flex: 1;
        min-width: 0;
        background: transparent;
        border: none;
        outline: none;
        padding: 10px;
        font-size: 14px;
        color: #fff;
    }

    /* Submit button */
    .qcp-newsletter-form button {
        flex-shrink: 0;
        /* prevents shrinking */
        background: #EEFF75;
        color: #000;
        border: none;
        padding: 10px 20px;
        font-size: 12px;
        font-weight: 600;
        cursor: pointer;
        text-transform: uppercase;
        white-space: nowrap;
    }

    /* ---- Row 3: LinkedIn + Address ---- */
    .qcp-footer-row3 {
        display: flex;
        justify-content: space-between;
        align-items: center;
        flex-wrap: wrap;
        gap: 20px;
    }

    .qcp-linkedin {
        display: flex;
        align-items: center;
        gap: 10px;
       color: #fff;
        font-family: "GT America";
        font-size: 16px;
        font-style: normal;
        font-weight: 400;
        line-height: 140%;
    }

    .qcp-linkedin img {
        width: 28px;
        height: 28px;
    }

    .qcp-footer-contact-info {
        display: flex;
        gap: 25px;
        flex-wrap: wrap;
        color: #fff;
        font-family: "GT America";
        font-size: 16px;
        font-style: normal;
        font-weight: 400;
        line-height: 22.4px;
    }

    /* ---- Row 4: Bottom ---- */
    .qcp-footer-row4 {
        display: flex;
        justify-content: space-between;
        align-items: center;
        border-top: 1px solid #222;
        padding-top: 15px;
        font-size: 12px;
        color: #777;
        flex-wrap: wrap;
        gap: 15px;
    }

    .qcp-footer-links {
        display: flex;
        gap: 25px;
    }

    .qcp-footer-links a {
        color: #aaa;
        text-decoration: none;
        font-size: 12px;
        font-family: "GT America";
        font-size: 16px;
        font-style: normal;
        font-weight: 400;
        line-height: 22.4px;
    }

    .qcp-footer-links a:hover {
        color: #EEFF75;
    }
.qcp-footer-copyright{
    font-family: "GT America";
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 22.4px;
}

/* ---- Responsive ---- */
    @media (max-width: 768px) {

        .qcp-newsletter {
            position: relative;
            /* keep it in normal flow */
            left: auto;
            /* remove horizontal shift */
            width: 100%;
            /* fill container */
            max-width: 100%;
            /* ensure no overflow */
            margin: 0;
            /* optional spacing */
        }

        .qcp-footer {
            padding: 48px 20px;
            row-gap: 48px;
        }

        .qcp-footer-row1,
        .qcp-footer-row2,
        .qcp-footer-row3,
        .qcp-footer-row4 {
            flex-direction: column;
            align-items: flex-start;
            width: 100%;
        }

        .qcp-footer-row2-right {
            width: 100%;
        }

        .qcp-newsletter- {
            flex-direction: column;
            /* stack input + button */
            align-items: stretch;
            border: none;
        }

        .qcp-newsletter-form input {
            width: 100%;
            border-bottom: 1px solid #444;
            margin-bottom: 10px;
        }

        .qcp-newsletter-form button {
            width: 100%;
            /* margin-bottom: 0;   remove last margin */
        }

        .qcp-footer-contact-info {
            flex-direction: column;
            gap: 20px;
        }

        .qcp-footer-links {
            order: 1;
            flex-wrap: wrap;
            gap: 15px;
        }

        .qcp-footer-copyright {
            order: 2;
            padding: 0 40px;
        }
    }
/*--------------------End Footer Styling------------------------------*/