/* Basic table styling */
    table {
        width: 100%;
        border-collapse: collapse;
        margin: 20px 0;
    }
    th, td {
        border: 1px solid #ddd;
        padding: 8px;
        text-align: left;
    }
    th {
        background-color: #f2f2f2;
    }

/* Headings */
main h1 {
    font-family: "Bebas Neue", Sans-serif;
    font-size: 60px;
    font-weight: 400;
    line-height: 0.9em;
    color: #17bfcb;
    margin-top: 0;
    margin-bottom: 24px;
}

main h2 {
    font-family: "Bebas Neue", Sans-serif;
    font-size: 50px;
    font-weight: 400;
    line-height: 0.8em;
    color: #17bfcb;
    margin-top: 0;
    margin-bottom: 20px;
}

main h3 {
    font-family: "Bebas Neue", Sans-serif;
    font-size: 36px;
    font-weight: 400;
    line-height: 1em;
    color: #374151;
    margin-top: 0;
    margin-bottom: 16px;
}

/* Paragraphs */
main p {
    font-family: "Inter", Sans-serif;
    font-size: 16px;
    font-weight: 400;
    line-height: 1.6em;
  
    margin-top: 0;
    margin-bottom: 16px;
}

/* Strategies and Finance Claims Lists */
.strategies-list, .finance-claims-list {
    list-style: none;
    padding: 0;
    margin: 0;
}

.strategies-list li, .finance-claims-list li {
    position: relative;
    padding: 0.75rem 1.5rem 0.75rem 3rem;
    background: linear-gradient(to right, #e6f7f9, #f0fafb);
    margin-bottom: 0.5rem;
    border-radius: 0.375rem;
    color: #374151;
    display: flex;
    align-items: flex-start;
    gap: 0.5rem;
}

.strategies-list li::before, .finance-claims-list li::before {
    content: '\f00c';
    font-family: 'Font Awesome 6 Free';
    font-weight: 900;
    color: #17bfcb;
    position: absolute;
    left: 0.75rem;
    top: 1.25rem;
    font-size: 1rem;
    z-index: 1;
}

.strategies-list li strong, .finance-claims-list li strong {
    font-weight: 600;
    color: #374151;
    flex: 0 0 200px;
    white-space: nowrap;
}

.strategies-list li span, .finance-claims-list li span {
    color: #374151;
    flex: 1;
    line-height: 1.5;
    font-size: 1rem;
    font-weight: 400;
    display: inline;
    white-space: normal;
}

/* Links within lists */
.strategies-list li a, .finance-claims-list li a {
    color: #17bfcb;
    text-decoration: none;
    font-weight: 400;
    font-size: 1rem;
    line-height: 1.5;
    display: inline;
    margin: 0;
    padding: 0;
    vertical-align: baseline;
    transition: color 0.2s ease;
    white-space: normal;
    background: none;
    border: none;
}

.strategies-list li a:hover, .finance-claims-list li a:hover {
    color: #119ba4;
    text-decoration: underline;
}

.strategies-list li a::after, .finance-claims-list li a::after,
.strategies-list li a::before, .finance-claims-list li a::before {
    content: none !important;
    display: none !important;
}

.strategies-list li a i, .finance-claims-list li a i {
    display: none !important;
}

/* FAQ Section (fully aligned left) */
#faq-accordion {
    margin-top: 24px;
    margin-bottom: 24px;
    text-align: left; /* Align all content to the left */
}

#faq-accordion button {
    font-family: "Inter", Sans-serif;
    font-size: 18px;
    font-weight: 600;
    line-height: 1.3em;
    color: #374151;
    background-color: #f9fafb; /* Gray-50 */
    padding: 16px;
    border: 1px solid #e5e7eb; /* Gray-200 */
    border-radius: 8px;
    transition: background-color 0.3s ease, border-color 0.3s ease;
    display: flex;
    align-items: center;
    width: 100%;
    text-align: left; /* Ensure text inside button aligns left */
    justify-content: flex-start; /* Align content to the left */
    gap: 10px; /* Space between text and icon */
}

#faq-accordion button span {
    flex: 1; /* Ensure the text takes up available space */
    text-align: left; /* Explicitly align text to the left */
}

#faq-accordion button:hover {
    background-color: #f1f5f9; /* Gray-100 */
    border-color: #d1d5db; /* Gray-300 */

}

#faq-accordion button[aria-expanded="true"] {
    background-color: #e6f7f9; /* Light teal to match theme */
    border-color: #17bfcb;
}

#faq-accordion .accordion-icon {
    color: #17bfcb;
    transition: transform 0.3s ease;
    flex-shrink: 0; /* Prevent icon from shrinking */
}

#faq-accordion .faq-panel {
    padding: 16px;
    background-color: #ffffff;
    border: 1px solid #e5e7eb;
    border-top: none;
    border-radius: 0 0 8px 8px;
    text-align: left; /* Ensure panel content aligns left */
}

#faq-accordion .faq-panel p {
    font-size: 16px;
    line-height: 1.6em;
    color: #4b5563;
    margin: 0;
}

/* CTA Button */
.greenbut {
    background-color: #17bfcb;
    transition: background-color 0.3s ease;
}

.greenbut:hover {
    background-color: #474b60;
}

/* Mobile Optimization */
@media (max-width: 640px) {
    /* Headings */
    main h1 {
        font-size: 40px;
        line-height: 1em;
        margin-bottom: 20px;
    }

    main h2 {
        font-size: 36px;
        line-height: 1em;
        margin-bottom: 16px;
    }

    main h3 {
        font-size: 28px;
        line-height: 1.1em;
        margin-bottom: 12px;
    }

    /* Paragraphs */
    main p {
        font-size: 14px;
        line-height: 1.5em;
        margin-bottom: 12px;
    }

    /* Strategies and Finance Claims Lists */
    .strategies-list li, .finance-claims-list li {
        padding: 0.5rem 1rem 0.5rem 2rem;
        flex-direction: column;
        gap: 0.25rem;
    }

    .strategies-list li::before, .finance-claims-list li::before {
        top: 1rem;
        left: 0.5rem;
        font-size: 0.875rem;
    }

    .strategies-list li strong, .finance-claims-list li strong {
        flex: none;
        white-space: normal;
    }

    .strategies-list li span, .finance-claims-list li span {
        font-size: 0.875rem;
        line-height: 1.4;
    }

    .strategies-list li a, .finance-claims-list li a {
        font-size: 0.875rem;
        line-height: 1.4;
        padding: 0.1rem 0;
    }

    /* FAQ Section */
    #faq-accordion {
        margin-top: 16px;
        margin-bottom: 16px;
    }

    #faq-accordion button {
        font-size: 16px;
        padding: 12px;
    }

    #faq-accordion .faq-panel {
        padding: 12px;
    }

    #faq-accordion .faq-panel p {
        font-size: 14px;
        line-height: 1.5em;
    }

    /* CTA Button */
    .greenbut {
        width: 100%;
        font-size: 16px;
        padding: 12px;
    }
}
		/* Update h2 styling */
main h2, .h2finance {
    font-family: "Bebas Neue", Sans-serif;
        color: #17bfcb;
        margin-top: 20px; /* Exactly 20px bottom margin */
	margin-bottom: 20px; /* Exactly 20px bottom margin */
  text-align:left;
}


/* Style both ul and ol lists as checklists with gradient */
ul, ol {
    list-style: none;
    padding: 0;
    margin: 0;
	margin-top:30px;
	margin-bottom:30px;
}

/* Style each list item */
ul li, ol li {
    position: relative;
    padding: 0.75rem 1rem 0.75rem 2.5rem; /* Reduced padding for mobile */
    background: linear-gradient(to right, #e6f7f9, #f0fafb);
    margin-bottom: 0.5rem;
    border-radius: 0.375rem;
    color: #374151;
    display: blcok;
    align-items: flex-start;
    gap: 0.5rem;
}

/* Add Font Awesome check icon before each li */
ul li::before, ol li::before {
    content: '\f00c';
    font-family: 'Font Awesome 6 Free';
    font-weight: 900;
    color: #17bfcb;
    position: absolute;
    left: 0.75rem;
    top: 1.25rem;
    font-size: 1rem;
    z-index: 1;
}

/* Bold text container */
ul li strong, ol li strong {
    font-weight: 900;
    color: #374151;
    flex: 0 0 200px; /* Fixed width for desktop */
    white-space: unset !important;
}

/* Non-bold text container */
ul li span, ol li span {
    color: #374151;
    flex: 1;
    line-height: 1.5;
    font-size: 1rem;
    font-weight: 400;
    display: inline;
    white-space: normal;
}

/* Style links within the list to blend with normal text */
ul li a, ol li a {
    color: #17bfcb;
    text-decoration: none;
    font-weight: 400;
    font-size: 1rem;
    line-height: 1.5;
    display: inline;
    margin: 0;
    padding: 0;
    vertical-align: baseline;
    transition: color 0.2s ease;
    white-space: normal;
    background: none;
    border: none;
}

/* Hover state for links */
ul li a:hover, ol li a:hover {
    color: #119ba4;
    text-decoration: underline;
}

/* Remove external link icons and pseudo-elements */
ul li a::after, ol li a::after,
ul li a::before, ol li a::before {
    content: none !important;
    display: none !important;
}

/* Ensure no child elements (like icons) disrupt the flow */
ul li a i, ol li a i {
    display: none !important;
}

/* Adjust checkbox positioning for lists with checkboxes */
ul li input[type="checkbox"], ol li input[type="checkbox"] {
    margin-left: 1.25rem;
    margin-right: 0.75rem;
}

ul li input[type="checkbox"] + label, ol li input[type="checkbox"] + label {
    flex: 1;
    color: #374151;
}

/* Mobile optimization */
@media (max-width: 640px) {
    /* Adjust list item padding for smaller screens */
    ul li, ol li {
        padding: 0.5rem 1rem 0.5rem 2rem;
        flex-direction: column; /* Stack bold and non-bold text vertically */
        align-items: flex-start;
        gap: 0.25rem;
    }

    /* Adjust check icon position */
    ul li::before, ol li::before {
        top: 1rem;
        left: 0.5rem;
        font-size: 0.875rem; /* Slightly smaller icon */
    }

    /* Remove fixed width for bold text on mobile */
    ul li strong, ol li strong {
        flex: none;
        white-space: normal; /* Allow wrapping if needed */
    }

    /* Adjust non-bold text */
    ul li span, ol li span {
        font-size: 0.875rem; /* Slightly smaller text for mobile */
        line-height: 1.4;
    }

    /* Adjust link styling for touch */
    ul li a, ol li a {
        font-size: 0.875rem;
        line-height: 1.4;
        padding: 0.1rem 0; /* Small padding for touch target */
    }

    /* Adjust checkbox positioning */
    ul li input[type="checkbox"], ol li input[type="checkbox"] {
        margin-left: 1rem;
        margin-right: 0.5rem;
    }
}
		/* Base styling for smooth transitions */
.feature-box i {
    transition: transform 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
    display: inline-block;
}

/* Wobble and grow effect when hovering over the entire feature box */
.feature-box:hover > i {
    transform: rotate(-5deg) translateX(-2px) scale(1.2);
}
        .link-engaging-external {
             @apply font-semibold text-[#17bfcb] hover:text-[#119ba4];
        }
        .link-engaging-external:hover {
            @apply underline decoration-[#56ddea] decoration-2 underline-offset-2;
        }
        .link-engaging-external .external-link-icon {
            @apply inline-block ml-1.5 text-[#17bfcb];
        }
       :where(.prose a:not(.link-engaging-external)) {
            @apply text-current font-normal no-underline;
        }
       :where(.prose a:not(.link-engaging-external):hover) {
             @apply text-gray-900 no-underline;
        }
         .bg-gray-100 p,
         .bg-gray-100 h3,
         .bg-gray-100 h4,
         .bg-gray-100 li,
         .bg-gray-100 label {
             @apply text-gray-700;
         }
          .sidebar-link {
             @apply text-[#17bfcb] hover:text-[#119ba4] hover:underline;
         }
         .hero-overlay::before {
            content: "";
            position: absolute;
            top: 0;
            left: 0;
            right: 0;
            bottom: 0;
          background-color: linear-gradient(135deg, #1a2a44 0%, #2e4b6b 100%);
            z-index: 1;
        }
        .hero-content {
            position: relative;
            z-index: 2;
        }
         .accordion-icon {
            transition: transform 0.3s ease;
        }
        [aria-expanded="true"] .accordion-icon {
            transform: rotate(180deg);
        }
		  /* ** NEW: Active state style for sidebar links ** */
        .sidebar-link-active {
             @apply from-cyan-100 to-teal-100 text-[#119ba4] shadow-md scale-105 !important;
        }
         /* Ensure active state overrides hover for background/text color */
         .sidebar-link-active:hover {
              @apply from-cyan-100 to-teal-100 text-[#119ba4] !important;
         }
		.h2finance {
			font-family: "Bebas Neue", Sans-serif;
    font-size: 50px;
    font-weight: 400;
    line-height: .8em;
    color: #17bfcb;
}
		.input-group {
			display:none;
		}
		.textwhite {
			color:#fff !important;
		}
		.leftalign {
			text-align:left !important
		}
		#tsparticles-container {
    
    height: 400px !important;

}
		
			.text-3xl {
    font-size: 1.875rem !important;
    line-height: 2.25rem;
}
				.text-3xxl {
    font-size: 1.675rem !important;
    line-height: 2.25rem;
}
						.text-3xxxl {
    font-size: 1.175rem !important;
    line-height: 2.25rem;
}
								.text-3xxxxl {
    font-size: 1.375rem !important;
    line-height: 2.25rem;
}
		
   .border1 {
    border-width: 1px !important;
    border-style: solid !important;  /* Add this to ensure border appears */
    border-color: #e5e7eb !important; /* Using gray-200 color to match your theme */
}
.feature-box h4 {
    margin-top: 0 !important; /* Removes the top margin */
	 margin-bottom: 0 !important; /* Removes bottom spacing */
}

.rounded-lg {
    border-radius: 0.5rem !important;
}
		.hero-trust-signals {
			margin-top: -10px !important;
		}
		
		.greenbut {
    --tw-bg-opacity: 1;
    background-color: #17bfcb;
}
			.greenbut:hover {
    --tw-bg-opacity: 1;
    background-color: #474b60;
}
		.quick {
			color:#474b60 !important;
		}
		#financeTypeInfo .pros-cons-list li::before {
 
    top: 11px !important;
   
}
		.credit-reason::before, .credit-tip::before {
 
    top: 11px !important;
}
		/* --- Hero Slider Base Styles --- */
.hero-1 {
    background: linear-gradient(#474B6099, #474B60CC);
    color: white;
    overflow: hidden;
    position: relative;
    /* --- Further Reduced Height --- */
    min-height: 30vh; /* Halved from previous reduction */
    display: flex;
    align-items: center;
    /* Further Reduced padding */
    padding: 1rem 0.5rem;
}
 @media (min-width: 1024px) {
     .hero-1 {
        /* --- Further Reduced Height (Large Screens) --- */
        min-height: 35vh; /* Halved from previous reduction */
        padding: 1.5rem 1rem; /* Further Reduced padding */
    }
 }

/* --- Background Image & Slider Mechanics --- */
.hero-1-image-bg { position: absolute; inset: 0; z-index: 0; overflow: hidden; }
.slider { width: 100%; height: 100%; position: relative; }
.slider-absolute-block { position: absolute; inset: 0; perspective: 1200px; }
._3d-block { position: absolute; inset: 0; display: flex; justify-content: center; align-items: center; }
._3d-trigger { width: 100%; height: 100%; position: relative; transform-style: preserve-3d; transition: transform 0.05s linear; overflow: hidden; }
.slider-image { position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; opacity: 0; transition: opacity 1.2s cubic-bezier(0.4, 0, 0.2, 1), transform 1.2s cubic-bezier(0.4, 0, 0.2, 1); transform: scale(1.15); backface-visibility: hidden; }
.slider-image.active { opacity: 1; transform: scale(1); z-index: 1; }
.hero-1-image-color { position: absolute; inset: 0; background: linear-gradient(rgba(71, 75, 96, 0.6), rgba(71, 75, 96, 0.8)); /* Slightly darker overlay */ z-index: 2; pointer-events: none; }

/* --- Timeline --- */
.slide-timeline { position: absolute; bottom: 10px; /* Closer to bottom */ left: 50%; transform: translateX(-50%); width: 50%; max-width: 200px; /* Smaller max-width */ height: 2px; /* Very thin */ background-color: rgba(255, 255, 255, 0.15); border-radius: 2px; overflow: hidden; z-index: 5; }
.slider-timeline-bg { width: 100%; height: 100%; background-color: rgba(255, 255, 255, 0.8); border-radius: 2px; transform: translateX(-100%); animation: timeline-progress linear forwards; }
@keyframes timeline-progress { from { transform: translateX(-100%); } to { transform: translateX(0%); } }

/* --- Content Container within Hero --- */
.hero-1 .content-container { /* Specificity added */
    position: relative; z-index: 10; width: 100%; max-width: 1140px;
    margin-left: auto; margin-right: auto;
    /* Further Reduced padding */
    padding: 1rem;
}
 @media (min-width: 768px) { .hero-1 .content-container { padding: 1.5rem; } }
 @media (min-width: 1024px) { .hero-1 .content-container { padding: 2rem; } }

/* --- Breadcrumbs (Smaller) --- */
.breadcrumbs-container { margin-bottom: 1rem; /* Reduced margin */ position: relative; z-index: 15; }
.breadcrumbs { display: flex; flex-wrap: wrap; align-items: center; gap: 0.3rem; /* Reduced gap */ }
.breadcrumb-link {
    display: inline-flex; align-items: center; padding: 0.15rem 0.5rem; /* Reduced padding */ font-size: 0.65rem; /* Reduced font size */
    font-weight: 500; color: #e0e0e0; background-color: rgba(0, 0, 0, 0.1);
    border: 1px solid rgba(255, 255, 255, 0.1); border-radius: 9999px; text-decoration: none;
    transition: background-color 0.2s ease, color 0.2s ease, opacity 0.2s ease; opacity: 0.8;
}
.breadcrumb-link:hover { background-color: rgba(255, 255, 255, 0.1); color: white; opacity: 1; }
.breadcrumb-icon { width: 0.8em; height: 0.8em; /* Reduced size */ margin-right: 0.3em; filter: brightness(0) invert(1); }
.breadcrumb-link .breadcrumb-icon.arrow-icon { margin-left: 0.3em; margin-right: 0; width: 0.6em; height: 0.6em; /* Reduced size */ }
.breadcrumb-text { line-height: 1.1; } /* Tighter line height */
.breadcrumb-link.w--current { opacity: 1; color: white; background-color: rgba(0, 0, 0, 0.2); border-color: rgba(255, 255, 255, 0.2); font-weight: 600; cursor: default; }
.breadcrumb-link.w--current .breadcrumb-icon { display: none; }

/* --- Hero Heading & Paragraph (Font sizes primarily controlled by Tailwind now) --- */
.heading.is-hero-1-title {
    
    margin-bottom: 0.5rem; /* Reduced margin */
    color: #ffffff; /* Explicit white */
    line-height: 1.1; /* Tighter line height */
}
.paragraph.is-hero-description { /* New specific class */
    color: #e0e0e0; /* Slightly off-white for contrast */
    opacity: 0.95;
    max-width: 90%;
    margin-left: auto;
    margin-right: auto;
    line-height: 1.4; /* Adjusted line height */
    font-family: 'Inter', sans-serif; /* Ensure correct font */
}
 @media (min-width: 768px) {
     .paragraph.is-hero-description { max-width: 80%; }
 }
 @media (min-width: 1024px) {
     .paragraph.is-hero-description { max-width: 70%; }
 }

/* --- Hero Buttons (Specific Classes) --- */
 .hero-1-buttons-wrap {
     display: flex;
     flex-wrap: wrap;
     align-items: center;
     justify-content: center; /* Center buttons */
     gap: 0.8rem; /* Reduced gap */
     margin-top: 1rem; /* Reduced margin */
 }
/* No need for breakpoint change in justify-content if always centered */

.hero-1-page-buttons {
    display: flex;
    align-items: center;
    gap: 0.6rem; /* Reduced gap */
}

/* Specific class for standard hero buttons */
.hero-slide-button {
    display: inline-flex;
    align-items: center;
    padding: 0.5rem 1rem; /* Reduced padding */
    background-color: rgba(10, 10, 20, 0.4);
    border: 1px solid rgba(255, 255, 255, 0.15);
    border-radius: 0.4rem; /* Slightly smaller radius */
    transition: background-color 0.3s ease, border-color 0.3s ease;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2); /* Smaller shadow */
    text-decoration: none;
    color: #ffffff; /* Explicit white text */
}
.hero-slide-button:hover {
    background-color: rgba(30, 30, 50, 0.5);
    border-color: rgba(255, 255, 255, 0.3);
    color: #ffffff; /* Ensure white text on hover */
}
.hero-slide-button .hero-1-button-text { /* Target inner text span if needed */
    margin-right: 0.5rem; /* Reduced margin */
    font-size: 0.8rem; /* Smaller font */
    font-weight: 500;
    line-height: 1.1;
    color: inherit; /* Inherit color from parent button */
}
.hero-slide-button .hero-1-button-icon { /* Target inner icon div */
    display: inline-flex;
    align-items: center;
    justify-content: center;
}
.hero-slide-button .hero-icon { /* Target icon image */
    width: 12px; height: 12px; /* Smaller icon */
    filter: brightness(0) invert(1);
}

.hero-buttons-line {
    width: 1px;
    height: 18px; /* Shorter line */
    background-color: rgba(255, 255, 255, 0.3);
}

/* Specific class for CTA hero button */
.hero-slide-cta-button {
    position: relative;
    overflow: hidden;
    display: inline-flex;
    align-items: center;
  
    border-radius: 0.4rem; /* Match other button */
    padding: 0.6rem 1.2rem; /* Slightly more padding than standard */
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.2); /* Slightly larger shadow */
    text-decoration: none;
    color: #ffffff; /* Explicit white text */
    z-index: 1;
}
.hero-slide-cta-button .button-text { /* Target inner text span */
     position: relative;
     z-index: 2;
     font-weight: 500;
     font-size: 0.8rem; /* Match other button text */
     margin-right: 0.4rem; /* Reduced margin */
     color: inherit;
 }
.hero-slide-cta-button .button-icon-block { /* Target icon block */
    position: relative;
    z-index: 2;
    background-color: rgba(255, 255, 255, 0.2);
    border-radius: 50%;
    padding: 0.2rem; /* Reduced padding */
    display: inline-flex;
    align-items: center;
    justify-content: center;
}
.hero-slide-cta-button .button-icon-image { /* Target icon image */
    width: 0.8rem; height: 0.8rem; /* Smaller icon */
    filter: brightness(0) invert(1);
}
.hero-slide-cta-button .button-bg-animation { /* Target hover animation */
    position: absolute;
    top: 0;

    left: 0;
    width: 100%;
    height: 100%;
  /* Darker shade for hover */
    transform: translateX(-101%);
    transition: transform 0.4s cubic-bezier(0.77, 0, 0.175, 1);
    z-index: 1;
    border-radius: inherit;
}
.hero-slide-cta-button:hover .button-bg-animation {
    transform: translateX(0);
}
.hero-slide-cta-button:hover {
    color: #ffffff; /* Ensure white text on hover */
}


/* --- Responsive Adjustments for Hero Slider --- */
@media (max-width: 767px) {
    .hero-1 {
        min-height: 30vh; /* Keep consistent small height */
        padding-top: 3rem; /* Adjust as needed */
    }
    .hero-1 .content-container {
        padding-top: 50px; /* Minimal padding */
     }
    .breadcrumbs-container {
        top: 0.5rem; /* Very close to top */
        left: 0.5rem; right: 0.5rem;
        margin-bottom: 0.5rem;
    }
    .heading.is-hero-1-title {
        font-size: 1.5rem; /* Further reduced font size */
        margin-bottom: 0.4rem;
     }
    .paragraph.is-hero-description {
        font-size: 0.8rem; /* Further reduced font size */
        max-width: 100%;
        line-height: 1.3;
    }
    .hero-1-buttons-wrap { margin-top: 0.8rem; } /* Reduced margin */
    .hero-slide-button { padding: 0.4rem 0.8rem; }
    .hero-slide-button .hero-1-button-text { font-size: 0.7rem; }
    .hero-slide-cta-button { padding: 0.5rem 1rem; }
    .hero-slide-cta-button .button-text { font-size: 0.7rem; }
    .slide-timeline { bottom: 5px; } /* Very close to bottom */
}

/* --- End of hero-slider.css --- */