/*==================================================
Footer
==================================================*/

.site-footer{
    background:#151515;
    color:#cfcfcf;
    margin-top:60px;
    font-size:15px;
}

/*==============================
Social
==============================*/

.footer-social-section{
    padding:30px 0;
    border-bottom:1px solid rgba(255,255,255,.08);
}

.footer-section-heading{
    margin-bottom:25px;
}

.footer-section-heading h2{
    color:#fff;
    font-size:34px;
    font-weight:700;
    margin-bottom:12px;
}

.footer-section-heading p{
    color:#999;
    max-width:650px;
    margin:auto;
}

.social-box{
    display:flex;
    align-items:center;
    gap:20px;

    padding:18px 24px 24px;

    background:#212121;

    border-radius:12px;

    color:#fff;

    text-decoration:none;

    transition:.25s;

    margin-bottom:20px;
}

.social-box:hover{
    text-decoration:none;
    color:#fff !important;;
    background:#282828;
    transform:translateY(-3px);
}

.social-icon{

    width:62px;

    height:62px;

    border-radius:50%;

    background:#d7263d;

    display:flex;

    align-items:center;

    justify-content:center;

    font-size:28px;

    flex-shrink:0;

}

.social-icon.youtube{

    background:#ff3030;

}

.social-info h4{

    margin:0 0 5px;

    color:#fff;

}

.social-info span{

    color:#b8b8b8;

    display:block;

    margin-bottom:0px;

    font-weight: bold;
}

.social-info span.social-info-desc{

    font-weight: normal;
}

.social-button{

    display:inline-block;

    padding:4px 18px;

    background:#fff;

    color:#111;

    border-radius:30px;

    font-size:12px;

    font-weight:600;

    margin-top: 10px;
}

/*==============================
Main Footer
==============================*/

.footer-main{

    padding:30px 0;

}

.footer-title{

    color:#fff;

    margin-bottom:18px;

    font-size:22px;

}

.footer-text{

    color:#a7a7a7;

    line-height:1.9;

}

.footer-nav{

    list-style:none;

    margin:0;

    padding:0;

}

.footer-nav li{

    margin-bottom:8px;

}

.footer-nav a{

    color:#d2d2d2;

    transition:.25s;

}

.footer-nav a:hover{

    color:#fff;

    text-decoration:none;

}

/*==============================
Bottom
==============================*/

.footer-bottom{

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

    padding:10px 0;

    color:#9a9a9a;

}

/*==============================
Responsive
==============================*/

@media(max-width:991px){

.footer-main .col-md-4{

    margin-bottom:35px;

}

}

@media(max-width:767px){

.footer-social-section{

    padding:40px 0;

}

.social-box{

    flex-direction:column;

    text-align:center;

}

.footer-main{

    text-align:center;

}

}