#footer{
    width: 100%;
    min-height: 300px;
    display: flex;
    justify-content: center;
    position: relative; 
}
    #footer .footer__pnl{  
        display: flex;
        flex-direction: column;
        width: 100%;
        align-items: center;
        gap: 15px;
        justify-content: space-between;
    }
        /* footer top  */
        #footer .footer__pnl .footer__pnl-top{
            min-height: 30px;
            /* background: rgba(0, 0, 0, 0.03); */
            width: 100%;
            border-bottom: 1px solid lightgray;
        }
        /* footer mid  */ 
        #footer .footer__pnl .footer__pnl-mid{
            width: 100%;
            display: flex;
        }
        
            /* footer mid left */
            #footer .footer__pnl .footer__pnl-mid .footer__pnl-mid-left{
                align-content: center;
                padding: 0 20px;
            }
                #footer .footer__pnl .footer__pnl-mid .footer__pnl-mid-left img{
                    width: 200px;
                }
            /* footer mid right */ 
            #footer .footer__pnl .footer__pnl-mid .footer__pnl-mid-right{
                display: flex;
                flex: 1;
            }
                /* footer mid right column */ 
                #footer .footer__pnl .footer__pnl-mid .footer__pnl-mid-right .footer__pnl-mid-right-col{
                    flex:1;
                 }
                    /* footer title style 1*/ 
                    #footer .footer__pnl .footer__pnl-mid .footer__pnl-mid-right .footer__pnl-mid-right-col .footer__mid-right-col-titleST1{
                            color: #212529 !important;
                            font-size: 24px !important;
                            font-style: normal !important;
                            font-weight: 400 !important;
                            line-height: 130% !important;
                            letter-spacing: 0.036px !important;
                            margin-bottom: 10px;
                    }
                    /* footer title style 2*/ 
                    #footer .footer__pnl .footer__pnl-mid .footer__pnl-mid-right .footer__pnl-mid-right-col .footer__mid-right-col-titleST2{
                        color: #212529; 
                        font-style: normal;
                        font-weight: 600;
                        line-height: 130%;
                        letter-spacing: 0.024px;
                        text-transform: uppercase;
                        margin-bottom: 8px;
                    }
                    #footer .footer__pnl .footer__pnl-mid .footer__pnl-mid-right .footer__pnl-mid-right-col .footer__mid-right-col-content{ 
                        color: #212529 !important;
                        font-size: 14px !important;
                        display: flex;
                        align-items: center;
                        gap: 10px;
                    }
                        #footer .footer__pnl .footer__pnl-mid .footer__pnl-mid-right .footer__pnl-mid-right-col .footer__mid-right-col-content .footer__ico{ 
                            font-size: 16px;
                        }
                        #footer .footer__pnl .footer__pnl-mid .footer__pnl-mid-right .footer__pnl-mid-right-col .footer__mid-right-col-content > a{ 
                            text-decoration: none;
                            color: var(--color-text); 
                            text-align: center;
                            display: flex;
                            align-items: center;
                            gap: 10px;
                        }
                            #footer .footer__pnl .footer__pnl-mid .footer__pnl-mid-right .footer__pnl-mid-right-col .footer__mid-right-col-content > a > img{ 
                                width: 20px;
                            }

        #footer .footer__pnl .footer__pnl-bot{ 
            height: 30px;
            /* position: absolute;
            bottom: 0;
            left: 0;
            right: 0; */
            text-align: center;
            align-content: center;
            background-color: red; 
            background: rgba(0, 0, 0, 0.03);
            align-items: center;
            width: 100%;
            font-size: 14px;
        }
/* ====== MENU FOOTER =====  */
#menuFooter {
    width: 100%;
}
    #menuFooter .menuFooter__pnl{
        width: 100%;
    }
        #menuFooter .menuFooter__pnl .menuFooter__pnl-left{
            display: flex;
        } 
            #menuFooter .menuFooter__pnl .menuFooter__pnl-left .menuFooter__pnl-left-item{
                padding: 10px;
                text-align: center;
                align-content: center;
                cursor: pointer;
            }
            #menuFooter .menuFooter__pnl .menuFooter__pnl-left .menuFooter__pnl-left-item:hover{ 
                background: rgba(0, 0, 0, 0.3);
            }
                #menuFooter .menuFooter__pnl .menuFooter__pnl-left .menuFooter__pnl-left-item a{
                    text-decoration: none;
                    color: #444;
                }
        #menuFooter .menuFooter__pnl .menuFooter__pnl-right{
        }

@media (max-width: 768px) {
    #menuFooter .menuFooter__pnl .menuFooter__pnl-left{
        flex-wrap: wrap;
        justify-content: center;
    }
    #footer .footer__pnl .footer__pnl-mid .footer__pnl-mid-right{
        flex-direction: column;
        gap: 20px;
    }
    #footer .footer__pnl .footer__pnl-mid .footer__pnl-mid-right .footer__pnl-mid-right-col .footer__mid-right-col-titleST1{
        font-size: 18px !important;
        line-height: 1.5em !important;
        text-align: center;
        font-weight: 700 !important;
    }
    #footer .footer__pnl .footer__pnl-mid .footer__pnl-mid-right .footer__pnl-mid-right-col .footer__mid-right-col-content{
        align-items: flex-start;
    }
}