/* =========================================================
   CHINMUN ERP
   PREMIUM FOOTER FINAL
========================================================= */


.chinmun-footer{


    position:relative;

    width:100%;

    padding:80px 0 0;


    background:

    radial-gradient(
        circle at top,
        rgba(110,70,255,.18),
        transparent 45%
    ),

    linear-gradient(
        180deg,
        #080d20,
        #050816
    );


    border-top:

    1px solid rgba(255,255,255,.08);


    overflow:hidden;


}





/* Glow */


.chinmun-footer::before{


    content:"";


    position:absolute;


    top:-180px;


    left:50%;


    width:700px;


    height:300px;


    transform:translateX(-50%);


    background:

    rgba(80,100,255,.18);


    filter:blur(120px);


    pointer-events:none;


}





/* MAIN GRID */


.chinmun-footer-container{


    width:min(
        1180px,
        calc(100% - 40px)
    );


    margin:auto;


    display:grid;


    grid-template-columns:


    2fr 1fr 1fr;


    gap:80px;


    padding-bottom:60px;


    position:relative;


    z-index:2;


}







/* LOGO */


.chinmun-footer-logo{


    width:260px;


    max-width:100%;


    height:auto;


    display:block;


}




.chinmun-footer-logo-link{


    display:inline-block;


}







/* DESCRIPTION */


.chinmun-footer-description{


    max-width:430px;


    margin-top:28px;


    font-size:15px;


    line-height:1.8;


    color:

    rgba(255,255,255,.65);


}








/* TAG */


.chinmun-footer-tag{


    display:inline-flex;


    margin-top:22px;


    padding:10px 20px;


    border-radius:50px;


    border:

    1px solid rgba(255,255,255,.12);


    background:

    rgba(255,255,255,.05);


    color:white;


    font-size:13px;


    letter-spacing:2px;


}









/* MENU */


.chinmun-footer-menu{


    display:flex;


    flex-direction:column;


}





.chinmun-footer-menu h4{


    margin:5px 0 25px;


    color:white;


    font-size:18px;


    font-weight:700;


}






.chinmun-footer-menu a{


    position:relative;


    margin-bottom:16px;


    color:

    rgba(255,255,255,.65);


    text-decoration:none;


    font-size:15px;


    transition:.25s;


}




.chinmun-footer-menu a::before{


    content:"›";


    margin-right:12px;


    color:#6b8cff;


}





.chinmun-footer-menu a:hover{


    color:white;


    transform:translateX(5px);


}








/* FOOTER BOTTOM */


.chinmun-footer-bottom{


    min-height:90px;


    display:flex;


    justify-content:center;


    align-items:center;


    border-top:

    1px solid rgba(255,255,255,.10);


    color:

    rgba(255,255,255,.55);


    font-size:13px;


    text-align:center;


}









/* TABLET */


@media(max-width:900px){


.chinmun-footer-container{


    gap:45px;


}


}









/* MOBILE */


@media(max-width:700px){


.chinmun-footer{


    padding-top:55px;


}

.cchinmun-footer-grid{

    grid-template-columns:
    1fr 1fr;

    gap:
    40px 25px;

    text-align:center;

}

.chinmun-footer-container{


    grid-template-columns:


    1fr 1fr;


    gap:35px 25px;


    text-align:center;


}

.chinmun-footer-column a{

    position:relative;

    display:block;

    margin-bottom:12px;

    font-size:13px;

}


.chinmun-footer-brand{


    grid-column:1/-1;


}



.chinmun-footer-logo{


    width:190px;


    margin:auto;


}



.chinmun-footer-description{


    max-width:300px;

    margin:
    15px auto 0;

    text-align:center;

    font-size:13px;

    line-height:1.7;


}



.chinmun-footer-tag{


    margin-left:auto;


    margin-right:auto;


}



.chinmun-footer-menu{


   align-items:flex-start;
    text-align:left;


}
.chinmun-footer-menu h4{

        width:100%;

        text-align:left;

    }

.chinmun-footer-menu a{
    width:100%;
    text-align:left;
}

}








/* SMALL MOBILE */


@media(max-width:420px){


.chinmun-footer-logo{


    width:160px;


}


.chinmun-footer-description{


    font-size:13px;


}



}