:root {
    --nav-width     : 270px;
    --ssnav-width   : 300px;
    --clr-red       : #A6051A;
    --clr-blue      : #00458B;
    --clr-lgrey     : #D1D1D1;
    --clr-green     : #99E1D9;
    --clr-white     : #FBFBFB;
    --clr-yellow    : #FAED26;
    --clr-purple    : #32293F;
    --clr-dgreen    : #70ABAF;
}

footer {
    padding          : 2rem;
    margin-top       : auto;
    font-family      : 'Montserrat', "Open San";
    flex-direction   : column;
    background-color : var(--clr-white);
}
    footer > div {
        display : flex;
    }

.footer-flex-cont {
    width       : 100%;
    display     : flex;
    align-items : stretch;
}

#footer_abtus_cont {
    width : 20%;
}

/*#footer_ufl_cont {
    margin : 0 2em;
}*/

#footer_contactus_cont {
    width       : 80%;
    position    : relative;
    margin-left : 2em;
}
    #footer_contactus_cont::before {
        content      : '';
        position     : absolute;

        left         : -2em;
        height       : 95%;
        border       : 1px solid #D5D2D1;
        border-width : thin;
    }

    #footer_contactus_cont p {
        font-size   : 14px;
        line-height : 2;
    }

    .abtus-a, .ufl-a, .contactus-a {
        width       : fit-content;
        display     : block;
        font-size   : 14px;
        line-height : 2.5;
    }
        .contactus-a[aria-email="true"] {
            color   : black;
            display : inline-block;
        }

#footer_abtus_cont > ul {
    margin  : 0;
    padding : 0;
}
    #footer_abtus_cont > ul > li, #footer_abtus_cont > ul > li > a {
        color           : black;
        list-style      : none;
        text-decoration : none;
    }

#footer_contus {
    gap     : 1rem;
    display : flex;
}
    #footer_contus > div {
        margin-top : .5em;
    }

.col--footer-left, .col--footer-right {
    width       : 50%;
    align-self  : flex-end;
}

.col--footer-right {
    text-align : right;
}
    .col--footer-right .connect-with-us {
        font-size : 1.7rem;
    }
        .col--footer-right .connect-with-us i {
            margin-right : 20px;
        }

#footer_contus div p, .col--footer-left > p, .col--footer-right .copyright p {
    margin : 0;
}

.a-link {
    color       : var(--clr-blue) !important;
    font-weight : bold;
}
    .a-link.sdo {
        font-size : 12px;
    }

.b-sdo {
    font-size : 14px;
}

.sdo-li {
    margin-left : .5rem;
    line-height : 2;
}

.fb-cc      { color: #3B5998;  } /* Color code for Facebook */
.yt-cc      { color : #FF0000; } /* Color code for Youtube */
.in-cc      { color : #0E76A8; } /* Color code for Linkedin */
.tele-cc    { color : #229ED9; } /* Color code for Telegram */

@media screen and (max-width: 750px) {
    footer {
        padding: 1.5em;
    }
        footer > div {
            flex-direction : column;
        }

    #footer_abtus_cont, #footer_contactus_cont {
        width   : 100%;
        margin  : 0;
    }

    #footer_ufl_cont ,#footer_contactus_cont {
        margin-top : 1em;
    }

    #footer_contus {
        flex-direction : column;
    }
        #footer_contus > div:nth-child(2) {
            margin-left : 0;
        }

    .footer-managed-border {
        border-top : 1px solid black;
        margin-top : 2em;
    }
        .footer-managed-border > div {
            text-align : center;
        }

    .col--footer-right .connect-with-us {
        font-size   : 20px;
        margin-top  : 1rem;
    }

    #footer_ufl_cont {
        margin : 1em 0 0;
    }
}

@media screen and (max-width: 768px) {    
/*    #footer_contus {
        flex-direction : column;
    }*/

        #footer_contus > div:nth-child(2) {
            margin-left : 0;
        }

    .footer-managed-border {
        font-size : 14px;
    }

    .col--footer-left, .col--footer-right {
        width : 100%;
    }

    .col--footer-left {
        margin-top: 1rem;
    }
}

@media screen and (min-width : 768px) and (max-width : 1024px) {
    #footer_ufl_cont {
        margin          : 0 2em;
        padding-bottom  : 1rem;
    }
}

@media screen and (min-width : 768px) {
    #footer_contus > div {
        width: min(50%, 300px);
    }
}