.footer-content-wrapper-background {
    background-color: rgba(4, 31, 51, 0.1);
    
}

.footer-content-wrapper-size {
    max-width: 1312px;
    margin: auto;
    counter-reset: footnotes;
}

.footer-content-wrapper {
    display: flex;
    flex-wrap: wrap;
    padding-bottom: 40px;
    margin-left: auto;
    margin-right: auto;
    padding-left: 20px;
    padding-right: 20px;

    .footer-content-logo {
        margin-right: 50px;

        .ast-site-title-wrap {
            display: none;
        }
    }

    .footer-content {
        display: flex;
        flex-wrap: wrap;
        flex: 1 1 auto;
    }
}


.footer-content {
    .ast-site-title-wrap {
        display: none;
    }

    .item {
        margin-right: 25px;
        text-align: left;
        padding: 10px;
        max-width: calc(1082px / 4);
        padding-right: 50px;

        .title {
            font-size: 24px;
            margin-bottom: 16px;
        }

        .address {
            margin-bottom: 16px;
            font-size: 16px;
        }

        .email {
            margin-bottom: 16px;
            font-size: 16px;
        }

        .email {
            margin-bottom: 16px;
            font-size: 16px; 
        }

        .contact_link {
            font-size: 14px; 
        }

        .contact_link a {
            font-size: 14px;
            text-decoration: none;
            color: #000; 

            &:hover {
                text-decoration: underline;
            }
        }

        .menu {
            font-size: 14px;
            margin-bottom: 16px;
        }

        .menu a {
            text-decoration: none;
            color: #000;

            &:hover {
                text-decoration: underline; 
            }
        }

        .quick_link {
            font-size: 14px;
            margin-bottom: 16px;
        }

        .quick_link a {
            text-decoration: none;
            color: #000;

            &:hover {
                text-decoration: underline; 
            } 
        }

        .social_link {
            font-size: 14px;
            margin-bottom: 16px;
        }

        .social_link a {
            text-decoration: none;
            color: #000;

            &:hover {
                text-decoration: underline; 
            } 
        }

        .social_link.fb a{
            &::before {
                content: '' !important;
                background-image: url(../icons/fb.svg);
                display: inline-block; 
                width: 20px;
                height: 20px; 
                background-size: cover;
                background-repeat: no-repeat;
                margin-right: 10px;
                position: relative;
                top: 5px;
            }
        }

        .social_link.twitter a{
            &::before {
                content: '' !important;
                background-image: url(../icons/twitter.svg);
                display: inline-block; 
                width: 20px;
                height: 20px; 
                background-size: cover;
                background-repeat: no-repeat;
                margin-right: 10px;
                position: relative;
                top: 5px;
            }
        }

        .social_link.instagram a{
            &::before {
                content: '' !important;
                background-image: url(../icons/instagram.svg);
                display: inline-block; 
                width: 20px;
                height: 20px; 
                background-size: cover;
                background-repeat: no-repeat;
                margin-right: 10px;
                position: relative;
                top: 5px;
            }
        }

        .social_link.tiktok a{
            &::before {
                content: '' !important;
                background-image: url(../icons/tiktok.svg);
                display: inline-block; 
                width: 20px;
                height: 20px; 
                background-size: cover;
                background-repeat: no-repeat;
                margin-right: 10px;
                position: relative;
                top: 5px;
            }
        }
    }
}

.footer-content-wrapper {
    padding-top: 80px;
}

.footer-trademark-background {
    background-color: rgba(4, 31, 51, 0.1);
}

.footer-trademark {
    display: flex;
    justify-content: left;
    max-width: 1312px;
    margin: 0 auto;
    margin-bottom: 40px;
    justify-content: space-between;
    padding-left: 20px;
    padding-right: 20px;
    padding-top: 40px;
    border-top: 1px solid rgba(0, 0, 0, 0.3);

    .trademark {
        font-size: 14px;
    }

    .main-links {
        font-size: 14px;
        display: flex;
        gap: 16px;

        .main-link a {
            text-decoration: none;
            color: #000;

            &:hover {
                text-decoration: underline; 
            } 
        }
    }
}

@media (max-width: 2240px) {
    .footer-content-wrapper {
        .footer-content {
            .item {
                max-width: calc(900px / 4);
            }
        }
    }
}

@media (max-width: 1168px) {
    .footer-content-wrapper {
        .footer-content {
            .item {
                max-width: calc(700px / 4);
            }
        }
    }
}

@media (max-width: 1056px) {
    .footer-content-wrapper {
        .footer-content {
            margin-left: 90px;

            .item {
                max-width: calc(800px / 4);
            }
        }
    }
}

@media (max-width: 768px) {
    .footer-content-wrapper {
        display: flex;

        .footer-content {
            display: block;
            margin-left: 0;
        }
    }

    .footer-content-wrapper {
        & .footer-content {
            .item {
                max-width: 300px;
            }

            .item .content {
                display: none;
            }
        
            .item .title {
                cursor: pointer;

                &::after {
                    content: "";
                    display: inline-block !important; 
                    width: 12px !important;
                    height: 7px !important; 
                    background-image: url(../icons/arrow_down_menu.svg) !important;
                    background-size: cover !important;
                    background-repeat: no-repeat !important;
                    margin-right: 10px !important;
                    right: 0 !important;
                    top: 50% !important;
                    transition: transform 0.3s ease !important;
                    margin-left: 16px;
                    margin-bottom: 3px;
                }
            }

            .item .title.arrow_up::after {
                transform: translateY(-50%) rotate(180deg);
            }
        }
    }
}

@media (max-width: 955px) {
    .footer-trademark {
        display: flex;
        flex-direction: row; /* Default: row layout for larger screens */
        flex-wrap: wrap;     /* Allow wrapping of elements */
        justify-content: space-between;
    }
    
    .footer-trademark .trademark,
    .footer-trademark .main-links {
        flex: 1; /* Allow both sections to take up equal space */
    }
    
    /* Media query for smaller screens */
    .footer-trademark {
        flex-direction: column; /* Change to column layout */
        align-items: flex-start; /* Align items to the left */
    }

    .footer-trademark .main-links {
        order: -1; /* Make .main-links appear first */
        margin-bottom: 15px;
    }

    .footer-trademark .trademark {
        order: 1; /* Make .trademark appear last */
    }
}

@media (max-width: 645px) {
    .footer-trademark {
        .main-links {
            font-size: 14px;
            display: block;

            .main-link {
                margin-bottom: 15px;
            }
        }
    }
}