.elementor-27569 .elementor-element.elementor-element-56d132c{--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;--gap:5px 5px;--row-gap:5px;--column-gap:5px;}/* Start custom CSS for html, class: .elementor-element-ab7b9b4 */.social-icons {
            display: flex;
            flex-direction: column;
            gap: 5px;
            padding: 10px 5px;
            width: 100%;
            box-sizing: border-box;
        }

        .social-icon {
            width: 100%;
            height: 40px;
            border-radius: 5px;
            display: flex;
            justify-content: center;
            align-items: center;
            transition: transform 0.3s ease;
        }

        .social-icon:hover {
            transform: scale(1.05);
        }

        .social-icon svg {
            width: 24px;
            height: 24px;
            fill: #ffffff;
        }

        .facebook { background-color: #3b5998; }
        .twitter { background-color: #1da1f2; }
        .youtube { background-color: #ff0000; }
        .email { background-color: #d44638; }
        .instagram { background-color: #e1306c; }
        .linkedin { background-color: #0077b5; }
        .threads { background-color: #000000; }
        .tiktok { background-color: #69c9d0; }

        @media (max-width: 768px) {
            .social-icon {
                height: 35px;
            }
            .social-icon svg {
                width: 20px;
                height: 20px;
            }
        }/* End custom CSS */