footer{
    width: 100%;
    height: auto;
    background-color: #EDEFF3;
    display: flex;
    flex-direction: column;
    gap: 32px;
    padding: 40px 130px;
    box-sizing: border-box;
    margin: 0 auto;
}

.contain-footer{
    display: flex;
    flex-direction: column;
    margin: 0 auto;
    width: 100%;
    max-width: 1400px;
}

.first-section-footer,
.second-section-footer{
    display: flex;
    width: 100%;
    gap: 60px;
    height: auto;
}

.second-section-footer{
    gap: 32px;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    text-align: center;
}

.side-a{
    width: 45%;
    height: auto;
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.content-footer{
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.footer-logo{
    width: 135px;
    height: 91px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.content-footer p,
.footer-icon-phone p,
.txt-info{
    font: 400 14px / 19.1px 'Nunito Sans', sans-serif;
    text-align: left;
    color: #5D5D5D;
}

.txt-info{margin-left: 36px;}
.icon-phone-footer{margin-top: 10px;}
.footer-icon-phone p{color: #848484;}
.footer-icon-phone{gap: 16px;}

.footer-icon-phone,
.contact-info{display: flex;}

.contact-info{flex-direction: column;}

.contact-number{
    font: 700 33px / 42.24px 'Nunito Sans', sans-serif;   
    letter-spacing: -0.01em;
    text-align: left;
    color: #EE2429;
    text-decoration: none;
}

.contact-mail{
    font: 600 16px / 24px 'Nunito Sans', sans-serif;   
    color: #5D5D5D;
    text-decoration: none;
}

.need-help :is(h1, h2, h3, h4, h5, h6) {
    width: 200px;
    color: #5d5d5d;
    margin: 16px 0 0 0;
    text-align: left;
    font: 700 20px / 25px 'Nunito Sans', sans-serif; 
}

.side-b{
    width: 55%;
    height: auto;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 58px;
}

.side-b li::marker{content: '';}

.side-b nav ul {
    list-style-type: none !important;
    display: flex;
    gap: 40px;
    justify-content: center;
}

.side-b nav ul li a{
    font: 700 20px / 25px 'Nunito Sans', sans-serif;
    color: #5d5d5d;
    text-decoration: none;
}

.payment-badges ul,
.digital-awards ul,
.social-media ul,
.legal-links ul,
.disclaimer-footer{
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 16px;
}

.disclaimer-footer a{
    text-decoration: none;
    color: #5D5D5D;
}

.disclaimer-footer p{margin-bottom: unset !important;}

.footer-badges{
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 16px;
    width: 287px;
    text-align: center;
    font: 600 14px / 14px 'Nunito Sans', sans-serif;
    color: #5d5d5d;
}

.digital-awards img{
    width: 60px;
    height: 60px;
}

.digital-awards ul{gap: 5px;}
.social-media ul{gap: 16px;}
.legal-links ul{gap: 24px !important;}

.legal-links{
    width: 100%;
    height: 80px;
    align-items: center;
    display: flex;
    justify-content: center;
    border-top: 1px solid #DDD;
    border-bottom: 1px solid #DDD;
}

.legal-links a{
    font: 700 14px / 16px 'Nunito Sans', sans-serif;
    color: #5D5D5D;
    text-decoration: none;
}

.disclaimer-footer{
    flex-direction: column;
    gap: 8px;
    font: 400 14px / 19.1px 'Nunito Sans', sans-serif;
    color: #5D5D5D;
}

.ft-bolder{font-weight: 700;}

@media (max-width: 1024px) {

    footer{
        width: 100%;
        flex-direction: column;
        gap: 20px;
        padding: 24px;
    }
    
    .contain-footer{max-width: unset;}
  
    .first-section-footer{
        flex-direction: column;
        gap: 20px;
    }

    .second-section-footer{
        border-top: 1px solid #DDD;
        padding-top: 20px;
        gap: 20px;
        text-align: unset;
    }

    .side-a,
    .side-b{
        width: 100%;
        gap: 20px;
        align-items: unset;
    }

    .footer-logo{height: unset;}
    .icon-phone-footer svg path{fill:#EE2429}
    
    .need-help :is(h1, h2, h3, h4, h5, h6){
        font: 700 18px / 23px 'Nunito Sans', sans-serif;
        margin: 0;
    }

    .contact-footer{
        display: flex;
        flex-direction: column;
        gap: 15px;
    }

    .contact-number{font: 600 24px / 29px 'Nunito Sans', sans-serif;}

    .content-footer p{
        font: 600 16px / 25.28px 'Nunito Sans', sans-serif;
        color: #717171;
        letter-spacing: 0.004em;
    }

    .txt-info{
        margin-left: unset;
        font: 400 14px / 21px 'Nunito Sans', sans-serif;
    }

    .icon-phone-footer{margin-top: 4px;}
    .side-b{gap: 20px;}

    .side-b nav ul {
        flex-direction: column;
        gap: 15px;
        border-top: 1px solid #DDD;
        border-bottom: 1px solid #DDD;
        padding: 20px 0;
    }

    .side-b nav ul li a {font: 700 16px / 20px 'Nunito Sans', sans-serif;}

    .payment-badges ul, .digital-awards ul{
        justify-content: start;
        gap: 16px;
    }

    .payment-badges ul{gap: 30px;}
    .social-media ul{gap: 16px !important;}
    .social-media img{
        width: 16px;
        height: 16px;
    }

    .footer-badges{
        width: 100%;
        align-items: unset;
        text-align: unset;
        font: 600 12px / 12px 'Nunito Sans', sans-serif;
    }

    .legal-links{
        justify-content: unset;
        padding: 20px 0;
        height: unset;
    }

    .legal-links ul{
        flex-direction: column;
        align-items: flex-start;
        gap: 10px !important;
        letter-spacing: 0.01em;
    }

    .disclaimer-footer{
        align-items: unset;
        font: 400 12px / 16.37px 'Nunito Sans', sans-serif;
    }
    
    .digital-awards{padding-bottom: 20px;}

    .digital-awards img{
        width: 48px;
        height: 48px;
    }
    
}

/**REMOVE BULLETS FROM BADGES ON SAFARI**/
@supports (-webkit-touch-callout: none) {
    ul li {list-style-type: none;}
}

@media screen and (-webkit-min-device-pixel-ratio: 0) {
    ul li {list-style-type: none;}
}