.elementor-141 .elementor-element.elementor-element-7a60e94{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}/* Start custom CSS for kitarheader2, class: .elementor-element-302f126 */.header-logo img {
    max-width: 200px; /* Adjust this value as needed for your desired logo size */
    height: auto;    /* This ensures the image maintains its aspect ratio */
}

/* Custom TikTok Icon CSS */
.fab.fa-tiktok::before {
  font-family: "Font Awesome 6 Brands";
  content: "\e07b"; /* Unicode for TikTok icon in Font Awesome 6 Brands */
}

.fab.fa-tiktok {
  color: #000; /* Example color, adjust as needed */
  /* Add any other desired styling for the TikTok icon here */
}

/* TikTok SVG styling to match Font Awesome icons */
.e-font-icon-svg.e-fab-tiktok {
    width: 14px !important;
    height: 14px !important;
    fill: currentColor !important;
    transition: all 0.6s ease-in-out !important;
    display: inline-block !important;
    line-height: 1 !important;
}

/* Apply the existing slideTop animation to TikTok SVG */
a:hover .e-font-icon-svg.e-fab-tiktok {
    animation: slideTop 0.5s !important;
}

/* Add margin to the right of the TikTok container */
.social-links a:has(.e-fab-tiktok) {
    margin-right: 15px !important;
}/* End custom CSS */