/*==================================================
    FOOTER
==================================================*/

.footer{

    position:relative;

    background:#030303;

    padding:50px 0 30px;

    overflow:hidden;

    z-index:1;

}

/*==================================================
    BACKGROUND LIGHT
==================================================*/

.footer::before{

    content:"";

    position:absolute;

    left:-420px;

    bottom:-350px;

    width:950px;

    height:950px;

    border-radius:50%;

    background:
    radial-gradient(circle,
    rgba(0,192,131,.08) 0%,
    rgba(0,192,131,.04) 40%,
    transparent 72%);

    filter:blur(50px);

    z-index:-1;

}

/*==================================================
    ROW
==================================================*/

.footer .row{

    row-gap:50px;

}

/*==================================================
    LOGO
==================================================*/

.footer-logo{

    width:220px;

    margin-bottom:30px;

}

.footer-about{

    max-width:480px;

    color:#808080;

    font-size:17px;

    line-height:1.8;

    margin-bottom:35px;

}

/*==================================================
    SOCIAL
==================================================*/

.footer-social{

    display:flex;

    align-items:center;

    gap:15px;

}

.footer-social a{

    width:48px;

    height:48px;

    border-radius:50%;

    display:flex;

    justify-content:center;

    align-items:center;

    text-decoration:none;

    background:#555;

    color:#fff;

    font-size:18px;

    transition:all .35s ease;

}

.footer-social a:hover{

    background:#00C083;

    color:#000;

    transform:translateY(-5px);

    box-shadow:0 10px 25px rgba(0,192,131,.30);

}

.footer-social img{
    width: 22px;
}
/*==================================================
    HEADING
==================================================*/

.footer h4{

    color:#fff;

    font-size:26px;

    font-weight:500;

    margin-bottom:25px;

}

/*==================================================
    LINKS
==================================================*/

.footer ul{

    margin:0;

    padding:0;

    list-style:none;

}

.footer ul li{

    margin-bottom:14px;

}

.footer ul li a{

    color:#808080;

    text-decoration:none;

    font-size:17px;

    transition:.3s;

}

.footer ul li a:hover{

    color:#00C083;

    padding-left:6px;

}

/*==================================================
    CONTACT
==================================================*/

.footer span{

    display:block;

    color:#6f6f6f;

    font-size:15px;

    margin-bottom:6px;

}

.footer-mail,

.footer-phone{

    display:block;

    color:#00C083 !important;

    text-decoration:none;

    font-size:19px !important;

    font-weight:500;

    margin-bottom:22px;

    transition:.3s;

}

.footer-mail:hover,

.footer-phone:hover{

    color:#42f1bc !important;

}

/*==================================================
    NEWSLETTER
==================================================*/

.footer-news-desc{

    color:#808080;

    font-size:16px;

    line-height:1.7;

    margin-bottom:20px;

}

.newsletter{

    position:relative;

}

.newsletter input{

    width:100%;

    height:58px;

    padding:0 60px 0 22px;

    border:1px solid rgba(255,255,255,.20);

    background:transparent;

    color:#fff;

    font-size:16px;

    border-radius:4px;

    transition:.3s;

}

.newsletter input:focus{

    outline:none;

    border-color:#00C083;

    box-shadow:0 0 15px rgba(0,192,131,.20);

}

.newsletter input::placeholder{

    color:#707070;

}

.newsletter button{

    position:absolute;

    top:50%;

    right:18px;

    transform:translateY(-50%);

    border:none;

    background:none;

    color:#00C083;

    font-size:22px;

    transition:.3s;

}

.newsletter button:hover{

    color:#42f1bc;

    transform:translateY(-50%) scale(1.1);

}

/*==================================================
    BOTTOM
==================================================*/

.footer-bottom{

    margin-top:10px;

    padding-top:25px;

    border-top:1px solid rgba(255,255,255,.08);

    display:flex;

    justify-content:space-between;

    align-items:center;

    color:#666;

    font-size:15px;

}