.footerMobile {display: none;}
.fontTitleFooter {font-size: 16px;}
.contentList { overflow: hidden; display: inline-block; max-height: 0;}
.justSocial {justify-content: start; display: flex; list-style: none; gap: 10px;}
.fontFooterList {
    line-height: 30px;
    color: #E7E7ED;
    font-size: 16px;
}

@media only screen and (max-width: 600px) {
    .footerMobile { display: block;margin-top: 35%;}
    .footerDesktop { display: none;}
    .footerRow22 { display: grid; height: auto;padding: 0 16px;}
    .footerCol { width: 100%;margin-left: 0%;height: auto;margin-top: 0%;}
    .footerWrap2 {height: auto;}
    .footerRow2 {width: auto;height: auto;}
    .footertol {height: auto; }
    .fontFooterList {
        line-height: 30px;
        color: #E7E7ED;
    }
    .contentList {display: grid; padding: 0 16px;}
    .fontTitleFooter {
        width: 100%;
        border: none;
        text-decoration: none;
        background: #272833;
        padding: 10px 16px;
        height: 44px;

    }
}

.footertol {
    width: 100%;
    height: 560px;
    gap: 24px;
    background: #272833;
}

.footerRow2 {
    width: auto;
    height: 300px;
    gap: 0px;
}

.footerWrap2 {
    width: auto;
    height: 300px;
    gap: 8px;
}

.footerRow22 {
    display: flex;
    height: 300px;
    margin: auto;
    width: 100%;
}

.footerCol {
    display: flex;
    flex-direction: column;
    width: 20%;
    height: 300px;
    gap: 20px;
    border: 0px 1px 0px 0px;
    margin-left: 4%;
    margin-top: 5%;
}

    .footerCol a {
        font-weight: 100;
        text-decoration:none;
    }

.footerCo2 {
    width: 364px;
    height: 300px;
    gap: 0px;
    border: 0px 1px 0px 0px;
    border-right: 1px solid #FDFDFD;
}

.footerDown {
    width: 100%;
    height: 110px;
    padding: 24px 0px 0px 0px;
    gap: 0px;
    border: 1px 0px 0px 0px;
}

.iconsStyles {
    color: black;
    border-color: black;
}

a:hover {
    color: #007A5E;
}

.fontCopy {
    font-family: "Rubik", sans-serif;
    color: #CDCED9;
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    text-align: center;
}

.fontTitleFooter.active:after {
    content: '\25BC';
    display: inline-block;
    float: right;
}

@media(width > 800px) {
    .fontCopy{
        margin-top: 15%;
    }
}

@media only screen and (max-width: 600px) {
    .footerMobile {
        display: block;
    }

    .footerDesktop {
        display: none;
    }

    .footerRow22 {
        display: grid;
        height: auto;
        padding: 0 16px;
    }

    .footerCol {
        width: 100%;
        margin-left: 0%;
        height: auto;
        margin-top: 0%;
    }

    .footerWrap2 {
        height: auto;
    }


    .footerRow2 {
        width: auto;
        height: auto;
    }

    .footertol {
        height: auto;
    }

    .justSocial {
        justify-content: center;
    }

    .contentList {
        display: grid;
        padding: 0 16px;
    }

    .footerRow2 {width: auto; height: auto;}
    .footertol { height: auto;}
    .justSocial { justify-content: center;}
    .contentList {display: grid; padding: 0 16px;}
    .fontTitleFooter {
        width: 100%;
        border: none;
        text-decoration: none;
        background: #272833;
        padding: 10px 16px;
        height: 44px;
        color: white !important;
        display: flex;
        justify-content: space-between;
        font-weight: bold;
    }

}