@font-face {
    font-family: 'Zain1';
    src: url("/fonts/Zain-Light.ttf") format("truetype");
}

@font-face {
    font-family: 'Zain';
    src: url("/fonts/Zain-Regular.ttf") format("truetype");
}


@font-face {
    font-family: 'Mon1';
    src: url("/fonts/Montserrat-Medium.ttf") format("truetype");
    font-weight: 500;
}

@font-face {
    font-family: 'Mon2';
    src: url("/fonts/Montserrat-Bold.ttf") format("truetype");
    font-weight: 700;
}

@font-face {
    font-family: 'Mon3';
    src: url("/fonts/Montserrat-ExtraBold.ttf") format("truetype");
    font-weight: 800;
}

@font-face {
    font-family: 'Jos';
    src: url("/fonts/JosefinSans-Regular.ttf") format("truetype");
    font-weight: 200 !important;
}

/* ROOT */
#amz-footer-root {
    background: linear-gradient(180deg, #000000 0%, #03385B 100%);
    background-image: url("../image/map.png") !important;
    font-family: 'Zain1', Helvetica, sans-serif !important;
    color: #FFFFFF;
    line-height: 1.6;
}

/* GRID */
.amz-footer-nav {
    max-width: 1300px;
    margin: auto;
    font-family: 'Zain1', Helvetica, sans-serif !important;
    padding: 70px 24px;
    display: grid;
    grid-template-columns: 1.3fr 1fr 1fr 1.2fr 1.3fr;
    column-gap: 48px;
}

/* BRAND */
.amz-footer-brand img {
    margin-top: 28px;
    width: 180px;
    padding: 10px 14px;
    background: rgba(255, 255, 255, 0.9);
    border-radius: 8px;
    transition: transform 0.1s ease, box-shadow 1s ease;
}

.amz-footer-brand img:hover {
    transform: translateY(-4px) scale(1.03);
    box-shadow:
        0 0 18px rgba(255, 255, 255, 0.85),
        0 0 40px rgba(255, 255, 255, 0.55);
}

.amz-footer-brand p {
    max-width: 260px;
    font-size: 16px;
}

/* HEADINGS */
.amz-footer-item h5 {
    font-size: 16.5px;
    font-weight: 800;
    letter-spacing: 0.8px;
    margin-bottom: 24px;
    position: relative;
    font-family: 'Zain', Helvetica, sans-serif;
}

.amz-footer-item h5::after {
    content: "";
    position: absolute;
    left: 0;
    bottom: -6px;
    width: 32px;
    height: 2px;
    background: linear-gradient(90deg, #2DB1FF, #03385B);
}

/* LINKS */
.amz-footer-item a,
.amz-contact-row a {
    color: #E5E7EB;
    text-decoration: none;
    display: block;
    line-height: 35px;
    transition: color 0.25s ease, transform 0.25s ease;
    font-family: 'Mon1', Helvetica, sans-serif !important;
    font-size: 16px !important;
}

.amz-footer-item1 {
    font-size: 16px !important;
}

.amz-footer-contact1 {
    font-size: 16px !important;
}

.amz-footer-item a:hover,
.amz-contact-row a:hover {
    color: #80c4ff;
    transform: translateX(4px);
}

/* SOCIAL */
.amz-footer-social {
    display: flex;
    gap: 12px;
    margin-top: 12px;
}

.amz-footer-social a {
    width: 34px;
    height: 34px;
    background: #FFFFFF;
    color: #03385B;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: transform 0.25s ease;
    text-decoration: none;
}

.amz-footer-social a:hover {
    background: #000;
    color: #fff;
    transform: translateY(-3px);
}

.amz-footer-social i {
    font-family: "Font Awesome 6 Brands" !important;
    font-weight: 400 !important; /* REQUIRED for brand icons */
    font-size: 18px;
}

/* CONTACT */
/* CONTACT BASE */
.amz-footer-contact {
    display: flex;
    flex-direction: column;
    gap: 14px;
}

.amz-contact-row {
    position: relative;
    padding-left: 30px;
    color: #E5E7EB;
    font-family: 'Zain1', Helvetica, sans-serif;
    line-height: 1.6;
}

/* ICON BASE */
.amz-contact-row::before {
    content: "";
    position: absolute;
    left: 0;
    top: 4px;
    width: 20px;
    height: 20px;
    background-size: contain;
    background-repeat: no-repeat;
}

/* PHONE ICON */
.amz-contact-row.phone::before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%232DB1FF' viewBox='0 0 24 24'%3E%3Cpath d='M22 16.92V21a2 2 0 0 1-2.18 2A19.79 19.79 0 0 1 3 5.18 2 2 0 0 1 5 3h4.09a2 2 0 0 1 2 1.72l.57 4.03a2 2 0 0 1-.45 1.61l-2.2 2.2a16 16 0 0 0 6.88 6.88l2.2-2.2a2 2 0 0 1 1.61-.45l4.03.57A2 2 0 0 1 22 16.92z'/%3E%3C/svg%3E");
}

/* EMAIL ICON */
.amz-contact-row.email::before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%232DB1FF' viewBox='0 0 24 24'%3E%3Cpath d='M4 4h16a2 2 0 0 1 2 2v12a2 2 0 0 1-2 2H4a2 2 0 0 1-2-2V6a2 2 0 0 1 2-2zm0 4 8 5 8-5'/%3E%3C/svg%3E");
}

/* LOCATION ICON */
.amz-contact-row.location::before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%232DB1FF' viewBox='0 0 24 24'%3E%3Cpath d='M12 2a7 7 0 0 0-7 7c0 5.25 7 13 7 13s7-7.75 7-13a7 7 0 0 0-7-7zm0 9.5a2.5 2.5 0 1 1 0-5 2.5 2.5 0 0 1 0 5z'/%3E%3C/svg%3E");
}

/* TEXT SIZE */
.amz-contact-row span,
.amz-contact-row a {
    font-size: 20px;
    color: #E5E7EB;
    text-decoration: none;
}


/* BOTTOM BAR */
.amz-footer-bottom {
    background: #FFFFFF;
    padding: 18px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
}

.amz-footer-bottom p,
.amz-footer-links a,
.amz-footer-links span {
    color: #000;
    font-family: 'Mon1', Helvetica, sans-serif !important;
    font-size: 16px;
}

.amz-footer-links1 {
   
    font-family: 'Mon1', Helvetica, sans-serif !important;
}

.amz-footer-links a {
    text-decoration: none;
    margin: 0 6px;
    font-size: 14px;
}

.amz-footer-links a:hover {
    text-decoration: underline;
}

/* MOBILE */
@media (max-width: 600px) {
    .amz-footer-bottom {
        flex-direction: column;
        text-align: center;
        gap: 8px;
    }
}

@media (max-width: 1024px) {
    .amz-footer-nav {
        grid-template-columns: 1fr 1fr;
        row-gap: 40px;
    }
}

@media (max-width: 768px) {
    .amz-footer-nav {
        grid-template-columns: 1fr;
        padding: 60px 20px;
    }
}