@media only screen and (max-width: 768px){
    html,
    body{
    width:100%;
    overflow-x:hidden;
    }
}



.elementor-911 .elementor-element.elementor-element-505393e5 .elementor-heading-title {
    letter-spacing: -4px!important;
	line-height: 50px!important;
}



@media only screen and (max-width: 767px) {
    #background {
        background-image: none !important;
    }
}



/* Ensure FontAwesome icons are loaded and displayed without italics */
.fa-tv:before {
    content: "\f26c"; /* Unicode for the TV icon */
    font-family: 'FontAwesome' !important;
    font-style: normal !important; /* Ensures the icon is not italic */
    font-weight: normal !important; /* Ensures the font weight is normal */
	color: white
}

.fa-bag-shopping:before {
    content: "\f290"; /* Unicode for the shopping bag icon */
    font-family: 'FontAwesome' !important;
    font-style: normal !important; /* Ensures the icon is not italic */
    font-weight: normal !important; /* Ensures the font weight is normal */
	color: white
}

.fa-credit-card:before {
    content: "\f09d"; /* Unicode for the credit card icon */
    font-family: 'FontAwesome' !important;
    font-style: normal !important; /* Ensures the icon is not italic */
    font-weight: normal !important; /* Ensures the font weight is normal */
	color: white
}

/* Ensure no italics in parent elements affecting the icons */
.fa {
    font-style: normal !important; /* Override any inherited italics */
}


.fa-person-running:before {
    content: "\f70c"; /* Unicode for the running man sport icon */
    font-family: 'Font Awesome 5 Free' !important;
    font-weight: 900 !important; /* Use the correct weight for solid icons */
    font-style: normal !important; /* Ensures the icon is not italic */
	color: white
}


.elementor-widget-bdt-search .bdt-search .bdt-search-input {
    border: 1px solid white!important;
    height: 44px;
    width: 100%;
}


.elementor-23 .elementor-element.elementor-element-9957a95 .bdt-search-input {
    color: white;
}


.search-results {
    background-color: #1b1b24; /* Replace with your desired color */
}


/* Background color for the search results page */
.search-results {
    background-color: #1b1b24; /* Replace with your desired background color */
}

/* Breadcrumbs */
.search-results .woocommerce-breadcrumb,
.search-results .woocommerce-breadcrumb a {
    color: white;
}

/* Page Title */
.search-results .page-title,
.search-results .entry-title {
    color: white;
}

/* Results Count Text */
.search-results .woocommerce-result-count {
    color: white;
}




/* Wrapper for pricing plans */
.scroll-aca .pricing-plans-wrapper {
    display: flex;
    justify-content: center;
    align-items: center;
    max-width: 1200px; /* Adjust max-width as needed */
    margin: 0 auto;
}

/* Ensure consistent width for pricing plans inside the wrapper */
.scroll-aca .clm-scl {
    flex: 1 1 30% !important; /* Adjusts the flex-basis to 30%, making each column wider */
    max-width: 25% !important; /* Ensures each column does not exceed 30% of the container's width */
    padding: 0 10px !important; /* Adds horizontal padding to space out the columns */
    box-sizing: border-box !important; /* Ensures padding and border are included in the element's total width and height */
}

/* Responsive adjustments for smaller screens */
@media (max-width: 768px) {
    .scroll-aca .clm-scl {
        flex: 1 1 90% !important; /* Makes columns full-width on smaller screens */
        max-width: 90% !important;
        padding: 20px 0 !important; /* Adjusts padding for mobile view */
    }
}


/* Ensure consistent size for FAQ box inside the faq-scl container */
#faq-scl .faq-box {
    flex: 1 1 30% !important; /* Adjusts the flex-basis to 30%, making the FAQ box wider */
    max-width: 30% !important; /* Ensures the FAQ box does not exceed 30% of the container's width */
    padding: 0 10px !important; /* Adds horizontal padding to space out the FAQ box */
    box-sizing: border-box !important; /* Ensures padding and border are included in the element’s total width and height */
}

/* Responsive adjustments for smaller screens */
@media (max-width: 768px) {
    #faq-scl .faq-box {
        flex: 1 1 90% !important; /* Makes FAQ box full-width on smaller screens */
        max-width: 90% !important;
        padding: 20px 0 !important; /* Adjusts padding for mobile view */
    }
}