.elementor-4905 .elementor-element.elementor-element-d1282b3{--spacer-size:10px;}.elementor-4905 .elementor-element.elementor-element-b179c3a{text-align:center;}.elementor-4905 .elementor-element.elementor-element-5979681{text-align:center;color:#2D2D2D;}.elementor-4905 .elementor-element.elementor-element-6f24cd1 .elementkit-tab-nav .elementkit-nav-link.active{background-color:#FFFFFF;color:#12C289;}.elementor-4905 .elementor-element.elementor-element-6f24cd1 .tab-content .tab-pane{background-color:#FFFFFF;color:#000000;padding:20px 20px 20px 20px;}.elementor-4905 .elementor-element.elementor-element-6f24cd1 > .elementor-widget-container{padding:0px 0px 0px 0px;}.elementor-4905 .elementor-element.elementor-element-6f24cd1 .elementkit-tab-wraper .elementkit-nav-link.left-pos .elementskit-tab-icon{margin-right:0px;}.elementor-4905 .elementor-element.elementor-element-6f24cd1 .elementkit-tab-wraper .elementkit-nav-link.left-pos .ekit-icon-image{margin-right:0px;}.elementor-4905 .elementor-element.elementor-element-6f24cd1 .elementkit-tab-wraper .elementkit-nav-link{justify-content:center;}.elementor-4905 .elementor-element.elementor-element-6f24cd1 .elementkit-tab-nav{padding:0px 0px 0px 0px;margin:0px 0px 0px 0px;}.elementor-4905 .elementor-element.elementor-element-6f24cd1 .elementkit-tab-wraper:not(.vertical) .elementkit-nav-item:not(:last-child){margin-right:10px;}.rtl .elementor-4905 .elementor-element.elementor-element-6f24cd1 .elementkit-tab-wraper:not(.vertical) .elementkit-nav-item:not(:last-child){margin-left:10px;margin-right:0;}.elementor-4905 .elementor-element.elementor-element-6f24cd1 .elementkit-tab-wraper.vertical .elementkit-tab-nav{margin-right:10px;}.elementor-4905 .elementor-element.elementor-element-6f24cd1 .elementkit-tab-wraper.vertical .elementkit-nav-item:not(:last-child){margin-bottom:10px;}.elementor-4905 .elementor-element.elementor-element-6f24cd1 .elementkit-tab-wraper:not(.vertical) .elementkit-tab-nav{margin-bottom:10px;}.elementor-4905 .elementor-element.elementor-element-6f24cd1 .elementkit-tab-nav .elementkit-nav-link{padding:14px 35px 14px 35px;color:#000000;}.elementor-4905 .elementor-element.elementor-element-6f24cd1 .elementskit-tab-icon :is(svg, i){fill:#000000;color:#000000;}.elementor-4905 .elementor-element.elementor-element-6f24cd1 .elementkit-nav-link.active .elementskit-tab-icon :is(svg, i){fill:#12C289;color:#12C289;}:root{--page-title-display:none;}.elementor-widget .tippy-tooltip .tippy-content{text-align:center;}@media(max-width:767px){.elementor-4905 .elementor-element.elementor-element-6f24cd1 .elementkit-tab-nav .elementkit-nav-link{padding:0px 2px 8px 2px;}}/* Start custom CSS for elementskit-simple-tab, class: .elementor-element-6f24cd1 *//* Center the text and adjust the font size */
.lyrics-count {
    text-align: center;
    font-size: 12px; /* Adjust the size as needed */
    margin: 10px 0; /* Add some vertical spacing */
    color: #333; /* Optional: Adjust the color */
}


/* Grid layout for lyrics */
.lyrics-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr); /* Four columns layout */
    gap: 20px; /* Space between the items */
    padding: 10px;
}

.lyrics-item {
    background-color: #f5f5f5; /* Adjust background color as needed */
    border: 1px solid #ddd; /* Adjust border as needed */
    padding: 15px;
}

/* Adjust font size for lyric titles on desktop */
.lyrics-item h3 {
    font-size: 22px; /* Smaller font size for desktop */
    margin-bottom: 10px;
}

/* Responsive adjustments */
@media (max-width: 1200px) {
    .lyrics-grid {
        grid-template-columns: repeat(3, 1fr); /* Three columns on smaller screens */
    }

    .lyrics-item h3 {
        font-size: 22px; /* Adjust this if you want a slightly larger size on medium screens */
    }
}

@media (max-width: 768px) {
    .lyrics-grid {
        grid-template-columns: repeat(2, 1fr); /* Two columns on tablets */
    }

    .lyrics-item h3 {
        font-size: 24px; /* Maintain the default size for mobile and tablets */
    }
}

@media (max-width: 480px) {
    .lyrics-grid {
        grid-template-columns: 1fr; /* One column on mobile */
    }

    .lyrics-item h3 {
        font-size: 24px; /* Maintain the default size for mobile */
    }
}/* End custom CSS */