.elementor-31371 .elementor-element.elementor-element-f544eed{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}/* Start custom CSS for html, class: .elementor-element-788bac4 */.social-legend{
display:flex;
justify-content:center;
gap:35px;
}

.social-item{
display:flex;
align-items:center;
text-decoration:none;
color:#9a9a9a;
}

.dot{
width:10px;
height:10px;
border-radius:50%;
margin-right:8px;
}

.instagram{background:#E1306C;}
.youtube{background:#FF0000;}
.tiktok{background:#69C9D0;}
.facebook{background:#1877F2;}

.social-section{
    max-width:1200px;
    margin:auto;
    padding:80px 20px;
    background:#090909;
    border-radius:20px;
    text-align:center;
}

.social-title{
    color:#8d8d8d;
    letter-spacing:6px;
    font-size:14px;
    margin-bottom:55px;
    font-weight:500;
}

.social-grid{
    display:grid;
    grid-template-columns:repeat(4,1fr);
    gap:28px;
}

.social-card{

    position:relative;

    height:220px;

    background:#131313;

    border:1px solid #2b2b2b;

    border-radius:18px;

    display:flex;

    flex-direction:column;

    justify-content:center;

    align-items:center;

    text-decoration:none;

    color:#707070;

    transition:.45s ease;

    overflow:hidden;

}

.social-card::before{

    content:"";

    position:absolute;

    inset:0;

    opacity:0;

    transition:.45s;

    border-radius:18px;

}

.social-card i{

    font-size:52px;

    margin-bottom:28px;

    transition:.45s;

}

.social-card span{

    font-size:15px;

    letter-spacing:2px;

    text-transform:uppercase;

    font-weight:600;

    transition:.45s;

}

/* Hover Lift */

.social-card:hover{

    transform:translateY(-12px);

}

/* Icon Animation */

.social-card:hover i{

    transform:scale(1.18) rotate(6deg);

}

/* Instagram */

.instagram:hover{

    border-color:#E1306C;

    box-shadow:0 0 18px #E1306C55,
               0 0 40px #E1306C33;

}

.instagram:hover::before{

    opacity:1;

    background:rgba(225,48,108,.07);

}

.instagram:hover{

    color:#E1306C;

}

/* YouTube */

.youtube:hover{

    border-color:#ff0000;

    box-shadow:0 0 18px #ff000055,
               0 0 40px #ff000033;

}

.youtube:hover::before{

    opacity:1;

    background:rgba(255,0,0,.07);

}

.youtube:hover{

    color:#ff0000;

}

/* TikTok */

.tiktok:hover{

    border-color:#69C9D0;

    box-shadow:0 0 18px #69C9D055,
               0 0 40px #69C9D033;

}

.tiktok:hover::before{

    opacity:1;

    background:rgba(105,201,208,.06);

}

.tiktok:hover{

    color:#69C9D0;

}

/* Facebook */

.facebook:hover{

    border-color:#1877F2;

    box-shadow:0 0 18px #1877F255,
               0 0 40px #1877F233;

}

.facebook:hover::before{

    opacity:1;

    background:rgba(24,119,242,.07);

}

.facebook:hover{

    color:#1877F2;

}

/* Mobile */

@media(max-width:991px){

.social-grid{

grid-template-columns:repeat(2,1fr);

}

}

@media(max-width:600px){

.social-grid{

grid-template-columns:1fr;

}

.social-card{

height:180px;

}

.social-card i{

font-size:44px;

}

}/* End custom CSS */