.elementor-2 .elementor-element.elementor-element-5e8b8f5{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;--padding-top:0px;--padding-bottom:0px;--padding-left:16px;--padding-right:16px;}.elementor-2 .elementor-element.elementor-element-a7020ae{width:100%;max-width:100%;}.elementor-2 .elementor-element.elementor-element-c23867e{--display:flex;--min-height:469px;--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;border-style:solid;--border-style:solid;border-width:1px 0px 0px 0px;--border-top-width:1px;--border-right-width:0px;--border-bottom-width:0px;--border-left-width:0px;border-color:var( --e-global-color-a94482a );--border-color:var( --e-global-color-a94482a );--padding-top:0px;--padding-bottom:60px;--padding-left:16px;--padding-right:16px;}.elementor-widget-loop-grid .elementor-button{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-widget-loop-grid .elementor-pagination{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-loop-grid .e-load-more-message{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-2 .elementor-element.elementor-element-abdb85b{--grid-columns:5;--grid-row-gap:24px;--load-more—spacing:40px;--load-more-button-align:center;--grid-column-gap:24px;}.elementor-2 .elementor-element.elementor-element-abdb85b .elementor-button{background-color:var( --e-global-color-primary );font-family:"StoryS", Sans-serif;font-weight:500;text-transform:uppercase;border-radius:12px 12px 12px 12px;padding:11px 16px 11px 16px;}.elementor-2 .elementor-element.elementor-element-abdb85b > .elementor-widget-container{margin:-60px 0px 0px 0px;}@media(max-width:1024px){.elementor-2 .elementor-element.elementor-element-abdb85b{--grid-columns:3;--grid-row-gap:16px;--grid-column-gap:16px;}}@media(max-width:767px){.elementor-2 .elementor-element.elementor-element-abdb85b{--grid-columns:2;}}/* Start custom CSS for container, class: .elementor-element-5e8b8f5 */.elementor-2 .elementor-element.elementor-element-5e8b8f5 {
    background: linear-gradient(135deg, rgba(255, 255, 255, 0.1), rgba(255, 255, 255, 0)), 
                radial-gradient(at 90% 10%, hsla(216, 98%, 52%, 0.1) 0px, transparent 50%), 
                radial-gradient(at 10% 90%, hsla(28, 98%, 52%, 0.1) 0px, transparent 50%);
}/* End custom CSS */
/* Start custom CSS *//* Font Families */
    .hero-section-container, .hero-section-container .search-input {
        font-family: 'StoryS', sans-serif;
        font-weight: 400;
    }
    .hero-section-container .hero-title {
        font-family: 'StoryP', sans-serif;
        font-weight: 600;
    }

    /* Hero Section Styles */
    .hero-section-container {
        text-align: center;
        padding-top: 80px;
        padding-bottom: 116px;
        color: #505050; /* Default body text color */
    }

    .hero-section-container .hero-content {
        /* No width or padding restrictions as per request */
        margin-left: auto;
        margin-right: auto;
    }

    /* Typography */
    .hero-section-container .hero-title {
        color: #363636;
        font-size: 32px;
        line-height: 1.2;
        font-weight: 600; /* Bold fallback */
        margin: 0;
    }

    .hero-section-container .hero-subtitle {
        font-size: 16px;
        line-height: 1.5;
        max-width: 768px;
        margin: 16px auto 0;
    }

    /* Search Form */
    .hero-section-container .search-form-container {
        margin-top: 32px;
        max-width: 720px;
        margin-left: auto;
        margin-right: auto;
        box-sizing: border-box;
    }
    .hero-section-container .search-form {
        position: relative;
        width: 100%;
    }
    .hero-section-container .search-input {
        width: 100%;
        padding: 16px 64px 16px 24px;
        font-size: 16px;
        border: 2px solid #e5e7eb;
        border-radius: 9999px;
        box-sizing: border-box; /* Ensures padding doesn't affect width */
        transition: border-color 0.2s;
    }
    .hero-section-container .search-input:focus {
        outline: none;
        border-color: #2563EB;
    }
    .hero-section-container .search-button {
        position: absolute;
        right: 4px;
        top: 50%;
        transform: translateY(-50%);
        background-color: #2563EB;
        color: white;
        border-radius: 9999px;
        width: 48px;
        height: 48px;
        border: none;
        cursor: pointer;
        display: flex;
        align-items: center;
        justify-content: center;
        transition: opacity 0.2s;
    }
    .hero-section-container .search-button:hover {
        opacity: 0.9;
    }
    .hero-section-container .search-button-icon {
         width: 24px;
         height: 24px;
    }

    /* Sliding Category Buttons */
    .hero-section-container .categories-container {
        margin-top: 24px;
        width: 100%;
    }
    .hero-section-container .scroll-container {
        display: flex;
        overflow-x: auto;
        padding-bottom: 16px; /* To prevent scrollbar from hiding content */
        -ms-overflow-style: none;  /* IE and Edge */
        scrollbar-width: none;  /* Firefox */
    }
    .hero-section-container .scroll-container::-webkit-scrollbar {
        display: none; /* Chrome, Safari, and Opera */
    }
    .hero-section-container .category-button {
        flex-shrink: 0;
        font-size: 13px;
        line-height: 13px;
        font-weight: 600;
        padding: 12px 20px;
        border-radius: 50px;
        text-decoration: none;
        white-space: nowrap;
        transition: background-color 0.2s;
        margin: 0 12px 0 0;
    }
    /* To center the buttons when they don't overflow */
    .hero-section-container .scroll-container:before,
    .hero-section-container .scroll-container:after {
        content: '';
        flex-grow: 1;
    }
    
    /* Button Colors */
    .hero-section-container .bg-blue { background-color: #DBEAFE; color: #1E40AF; }
    .hero-section-container .bg-blue:hover { background-color: #BFD7FE; }
    .hero-section-container .bg-green { background-color: #D1FAE5; color: #065F46; }
    .hero-section-container .bg-green:hover { background-color: #A7F3D0; }
    .hero-section-container .bg-purple { background-color: #EBEFFF; color: #4338CA; }
    .hero-section-container .bg-purple:hover { background-color: #C7D2FE; }
    .hero-section-container .bg-yellow { background-color: #FEF3C7; color: #92400E; }
    .hero-section-container .bg-yellow:hover { background-color: #FDE68A; }
    .hero-section-container .bg-red { background-color: #FEE2E2; color: #991B1B; }
    .hero-section-container .bg-red:hover { background-color: #FECACA; }

    /* Responsive Styles */
    @media (min-width: 640px) {
        .hero-section-container .hero-title {
            font-size: 40px;
        }
        .hero-section-container .hero-subtitle {
            font-size: 20px;
        }
    }
    @media (min-width: 768px) {
        .hero-section-container .hero-title {
            font-size: 48px;
        }
        .hero-section-container .hero-title,
        .hero-section-container .hero-subtitle,
        .hero-section-container .search-form-container {
             padding: 0; /* Remove padding on larger screens */
        }
    }/* End custom CSS */
/* Start Custom Fonts CSS */@font-face {
	font-family: 'StoryS';
	font-style: normal;
	font-weight: normal;
	font-display: auto;
	src: url('https://scoviral.com/wp-content/uploads/2025/06/StoryS-Regular.woff2') format('woff2'),
		url('https://scoviral.com/wp-content/uploads/2025/06/StoryS-Regular.woff') format('woff');
}
@font-face {
	font-family: 'StoryS';
	font-style: normal;
	font-weight: 500;
	font-display: auto;
	src: url('https://scoviral.com/wp-content/uploads/2025/06/StoryS-Medium.woff2') format('woff2'),
		url('https://scoviral.com/wp-content/uploads/2025/06/StoryS-Medium.woff') format('woff');
}
@font-face {
	font-family: 'StoryS';
	font-style: normal;
	font-weight: 600;
	font-display: auto;
	src: url('https://scoviral.com/wp-content/uploads/2025/06/StoryS-Demi.woff2') format('woff2'),
		url('https://scoviral.com/wp-content/uploads/2025/06/StoryS-Demi.woff') format('woff');
}
/* End Custom Fonts CSS */