.typefooter-24 .footer-main {
    padding: 4rem 0 8rem;
    background: var(--box_bg_2);
}

.typefooter-24 .footer-bottom {
    background-color: var(--primary_2);
}

.footer-main-content .modtitle {
    color: var(--text-color-light-0);
    margin-bottom: var(--margin);
    font-size: 16px;
}

.typefooter-24 .footer-main-content {
    background-color: var(--primary_2);
    padding: 8rem 5rem 7rem;
    border-radius: var(--border-radius_1);
    margin-bottom: var(--margin);
}

.typefooter-24 .first-box {
    margin: auto;
    margin-top: -9rem;
    margin-bottom: var(--margin);
}

.typefooter-24 .footer-first-content {
    display: flex;
    flex-direction: column;
    color: var(--text-color-dark-1);
    text-align: justify;
    margin: 0 auto 3rem;
    width: 80%;
    background-image: url(/image/design/patterns/patt-02.png);
    background-size: 400px;
    background-repeat: no-repeat;
    background-blend-mode: multiply;
    background-position: left top;    
}

.typefooter-24 .footer_logo {
    display: flex;
    align-items: center;
    margin-bottom: var(--margin);
    gap: var(--margin);
}

.typefooter-24 .store_name {
    font-size: 30px;
}

.typefooter-24 .logo-wrapper {
    border: 4px solid var(--primary_1);
    border-radius: var(--border-radius_1);
    padding: var(--margin-2);
}

.typefooter-24 .footer-first-content img {
    display: block;
    border-radius: 14px;
    width: 160px;
}

.typefooter-24 .footer-bottom .copyright {
    color: var(--text-color-light-0);
    background: var(--primary_2);
    padding: var(--margin);
    border-radius: var(--border-radius_1);
    text-align: right;
}

.typefooter-24 .copyright-w {
    padding: 0;
}

.typefooter-24 .hideContent {
    height: 240px;
}

.typefooter-24 .showContent {
    min-height: 240px;
}

.typefooter-24 .hideContent:after {
    background: unset;
}

.typefooter-24 .button_show_more_less {
    right: 50%;
    position: relative;
    float: unset;
}

/*===================================  ===================================*/
.contact-methods .contact-links {
    display: flex;
    flex-direction: column;
    gap: var(--margin-2);
    font-size: 14px;
    color: var(--text-color-light-0);
}

.contact-methods .contact-links li svg {
    width: 40px;
    height: 40px;
    border-radius: var(--border-radius_2);
    margin-left: var(--margin-2);
    padding: 8px;
    color: var(--primary_2);
    background: var(--primary_1);
}

.contact-methods .contact-links a {
    color: var(--text-color-light-0);
}

.social-footer {
    display: flex;
    align-items: center;
    justify-content: space-around;
    padding: var(--margin);
    margin-top: 5rem;
    background-color: var(--primary_1);
    border-radius: var(--border-radius_1);
}


.social-wrapper {
    margin: 0 auto -11rem;
}

.social-footer .social-title {
    font-weight: bold;
    font-size: 20px;
    color: var(--text-color-light-0);
}

.social-footer .social-footer-list {
    display: flex;
    gap: var(--margin-2);
    justify-content: center;
}

.social-footer .social-footer-list svg {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 50px;
    height: 50px;
    padding: 10px;
    border-radius: 1rem;
    background: var(--primary_2);
    color: var(--text-color-light-0);
}

.namad-wrapper {
    display: flex;
    align-items: center;    
}

.namads {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    gap: var(--margin);
    margin-top: var(--margin);
}

.namad {
    border-radius: var(--border-radius_1);
    background: var(--box_bg_0);
}

.namad img {
    width: 110px;
    padding: var(--margin-2);
}

/*=================================== Link-template-1 ===================================*/
.link-template-1 {
    font-size: 18px;
    line-height: 26px;
}

.link-template-1 .links-title {
    font-size: 18px;
    font-weight: bold;
    position: relative;
    display: flex;
    align-items: center;
    gap: var(--margin-3);
    color: var(--primary_1);
    margin-bottom: var(--margin-2);
}

.link-template-1 .links-title::before {
    position: relative;
    content: "";
    width: 1rem;
    height: 1rem;
    display: inline-block;
    background: var(--primary_1);
    border-radius: 5rem;
}

.link-template-1 ul {
    margin-right: var(--margin);
}

.link-template-1 li a {
    border: 0 none;
    padding: 0;
    font-weight: normal;
    line-height: 28px;
    position: relative;
    display: inline-flex;
    align-items: center;
    transition: all 0.2s ease-in-out 0s;
    color: var(--text-color-light-0);
    font-size: 14px;
    height: unset;
}

.link-template-1 li a:before {
    content: "";
    -webkit-transform: translateY(50%);
    transform: translateY(50%);
    background-color: var(--primary_1);
    width: 0.5rem;
    height: 0.5rem;
    border-radius: 2px;
    margin-left: 1.5rem;
    position: relative;
    top: -4px;
}



@media (max-width: 992px) {
    .typefooter-24 .footer-main-content {
        border-radius: 0;
        padding: 3rem 2rem;
    }    
    .social-footer {
        flex-direction: column;
    }
    .social-footer .social-title {
        font-size: 16px;
    }
    .typefooter-24 .footer-main-content > * {
        margin-bottom: 5rem;
    }
    .typefooter-24 .footer-main-content > *:last-child {
        margin: 0;
    }
    .typefooter-24 .footer-main {
        padding-bottom: 0;
    }  
    .typefooter-24 .footer_logo {
        flex-direction: column;
        gap: 4rem;
    }    
}