footer{
    padding-top: var(--base-lg-padding);
    & .row.col3{
        align-items: stretch;
        & .col.wrapper{
            max-width: calc(var(--base-width));
            &:first-of-type{
                padding-left: 0;
            }
            &:last-of-type{
                border-right: none;
                padding-right: 0;
            }
            & img.logo{
                width: calc(var(--base-width));
            }
            & .vertical-list-2-columns{
                & a{
                    color: var(--primary-dark);
                }
            }
            & .row.col2{
                flex-direction: row;
                align-items: center;
                justify-content: space-between;
                & .col{
                    width: calc(var(--base-width) / 2);
                    max-width: calc(var(--base-width) / 2);
                }
                & ul.horizontal-list li{
                    margin-right: var(--base-sm-margin);
                    & img{
                        width: calc(var(--base-font-size) * 2);
                        max-width: calc(var(--base-font-size) * 2);
                    }
                }
                & .trust img{
                    width: var(--base-width);
                }
            }
        }
    }
    .container-fluid{
        margin-top: var(--base-lg-margin);
        background-color: var(--primary-dark);
        & *{
            color: var(--white-color);
            text-align: var(--base-text-align-center);
        }
        & ul.horizontal-list{
            justify-content: center;
            width: calc(var(--base-width));
            margin: auto;
            flex: 1;
            & li{
                margin-right: var(--base-sm-margin);
                margin-bottom: var(--base-sm-margin);
                padding-right: var(--base-sm-padding);
                border-right: var(--base-border);
                border-color: var(--white-color);
                &:last-of-type{
                    margin-right: 0;
                    padding-right: 0;
                    border: none;
                }
            }
        }
    }
}
@media (min-width: 375px){}
@media (min-width: 425px){
    footer{
        & .row.col3{
            & .col.wrapper{
                & img.logo{
                    width: 315px;
                }
                & .row.col2{
                    & .trust img{
                        width: 100px;
                    }
                }
            }
        }
    }
}
/* 2. LARGE MOBILE (480px+) */
@media (min-width: 480px) {
    footer{
        & .row.col3{
            & .col.wrapper{
                & .row.col2{
                    & .trust img{
                        width: 150px;
                    }
                }
            }
        }
    }
}
/* 3. TABLET (768px+) */
@media (min-width: 768px) {
    footer{
        & .row.col3{
            & .col.wrapper{
                & .row.col2{
                    flex-direction: column;
                    align-items: center;
                    align-content: flex-start;
                    gap: calc(var(--base-sm-margin) * 2);
                }
            }
        }
    }
}
/* 4. DESKTOP (1024px+) */
@media (min-width: 1024px) {
    footer{
        padding-top: var(--base-lg-padding);
        & .row.col3{
            align-items: stretch;
            & .col.wrapper{
                border-right: var(--base-border);
                padding: 0 calc(var(--base-sm-padding) * 3);
                max-width: calc(var(--base-width) / 3);
                &:first-of-type{
                    padding-left: 0;
                }
                &:last-of-type{
                    border-right: none;
                    padding-right: 0;
                }
                & img.logo{
                    width: calc(var(--base-width) - 20%);
                }
                & .vertical-list-2-columns{
                    & a{
                        color: var(--primary-dark);
                    }
                }
                & .row.col2{
                    flex-direction: row;
                    gap: 0;
                    & .col{
                        max-width: calc(var(--base-width) / 2)
                    }
                    & ul.horizontal-list li{
                        margin-right: var(--base-sm-margin);
                        & img{
                            width: calc(var(--base-font-size) * 2);
                            max-width: calc(var(--base-font-size) * 2);
                        }
                    }
                    & .trust img{
                        width: var(--base-width);
                    }
                }
            }
        }
        .container-fluid{
            margin-top: var(--base-lg-margin);
            background-color: var(--primary-dark);
            & *{
                color: var(--white-color);
                text-align: var(--base-text-align-center);
            }
            & ul.horizontal-list{
                justify-content: center;
                width: calc(var(--base-width) - 40%);
                margin: auto;
                & li{
                    margin-right: var(--base-sm-margin);
                    padding-right: var(--base-sm-padding);
                    border-right: var(--base-border);
                    border-color: var(--white-color);
                    &:last-of-type{
                        margin-right: 0;
                        padding-right: 0;
                        border: none;
                    }
                }
            }
        }
    }
}
/* 5. LARGE DESKTOP (1200px+) */
@media (min-width: 1200px) {}
/* 6. EXTRA LARGE (1440px+) */
@media (min-width: 1440px){}