/*--------------------------------------------------
	Page Footer Navigation Styles
---------------------------------------------------*/
#page-nav {
    .page-nav-wrap {
        height: auto;

        .page-nav-caption {
            &.height-title {
                height: 30vw !important;
            }

            /* .next-hero-subtitle {
                margin-top: 30vw;
            } */
        }

        #backtotop {
            /* padding: 28px 80px; */
            display: flex;
            align-items: center;
        }
    }
}

.page-nav-caption  {
    translate: none;
    rotate: none;
    scale: none;
    opacity: 1;
    transform: translate(0px, 0px);
    top: 0px;
}

/*--------------------------------------------------
	Footer Styles
---------------------------------------------------*/
footer {
    height: auto;
    color: #fff;
    z-index: 10 !important;

    #footer-container {
        position: relative;
        height: auto;
        text-align: left;

        .footer-address-title,
        .footer-column-title {
            font-size: 1.5em;
            font-weight: 600;
        }

        .footer-address-title {
            margin-bottom: 0.5rem;
        }

        .footer-address-text {
            margin-bottom: 0.75rem;
        }

        .social-icons {
            display: flex;
            align-items: center;
            gap: 1rem;
            margin-bottom: 1.1rem;

            a {
                font-size: 1.5em;
            }
        }

        a {
            transition: all 0.3s ease-in-out;

            &:hover {
                color: #00e7d6;
            }
        }

        .footer-column-title {
            margin-bottom: 1rem;
        }

        .row {
            justify-content: space-between;
            align-items: flex-start;
            flex-wrap: wrap;
            gap: 1rem;

            .column {
                width: 22%;
                margin-bottom: 2rem;

                ul {
                    list-style: none;
                    padding: 0;
                    margin: 0;

                    li {
                        margin-bottom: 0.75rem;

                        a {
                            text-decoration: none;
                            font-size: 1rem;
                        }
                    }
                }

                @media only screen and (max-width: 768px) {
                    width: 100%;
                }
            }
        }

        .footer-logo {
            margin-bottom: 2rem;
        }

        .footer-middle {
            position: relative;

            .copyright {
                top: 0;
            }
        }

        h6,
        p,
        ul {
            font-size: 0.75rem;
            color: #fff;
            line-height: normal;
        }

        ul {
            line-height: normal;
            margin: 0 2rem 1rem;

            li {
                color: #fff;
                margin-bottom: 0;
                line-height: normal;
            }
        }

        p {
            font-weight: 400;

            a {
                text-decoration: underline;
            }
        }

        h6 {
            margin-bottom: 0;
        }
    }

    #footer-container .row {
        display: flex;
        flex-direction: row;
        flex-wrap: nowrap;
        justify-content: space-around;
        align-items: flex-start;
    }

    #footer-container .footer-columns-group {
        display: flex;
        flex-direction: row;
        flex: 3;
        width: 100%;
    }

    #footer-container .column {
        flex: 1 1 0;
        min-width: 0;
        margin: 0 10px;
    }

    @media (max-width: 767px) {
        #footer-container .row {
            display: block;
            /* Stack children vertically */
        }

        #footer-container .column:first-child {
            width: 100%;
            display: block;
            margin-bottom: 20px;
            /* Optional: space below address */
        }

        #footer-container .column:not(:first-child) {
            display: inline-block;
            width: 33.33%;
            vertical-align: top;
            margin: 0;
        }

        /* Optional: wrap the last three columns in a flex row for better alignment */
        #footer-container .footer-columns-group {
            display: flex;
            flex-direction: row;
            width: 100%;
        }

        #footer-container .footer-columns-group .column {
            width: 33.33%;
            margin: 0;
        }

        .footer-main-info {
            display: flex !important;
            flex-direction: row !important;
            align-items: flex-start;
            width: 100%;
            gap: 10px;
        }

        .footer-logo-col {
            width: 40%;
            display: flex;
            align-items: flex-start;
            justify-content: flex-start;
        }

        .footer-address-social-col {
            width: 60%;
            display: flex;
            flex-direction: column;
            align-items: flex-start;
            justify-content: flex-start;
            text-align: left;
        }

        .footer-address-title,
        .footer-address-text,
        .social-icons,
        .follow-us-label {
            width: 100%;
        }
    }
}

@media only screen and (max-width: 1466px) {
    footer {
        height: auto;
    }
}