.scrolling-container {
    width: 100%;
    overflow: hidden;
    white-space: nowrap;
    background-color: #f0f0f0;
    padding: 10px 0;
    position: relative;

    background: #c80036;
    background-position: center top;
    background-repeat: no-repeat;
    background-size: cover;
}

.scrolling-text {
    display: inline-block;
    white-space: nowrap;
    animation: scroll-left 20s linear infinite;
}

.scrolling-text a {
    color: white;
    display: inline-block;
    margin-right: 200px; /* Gap between sentences */
    font-size: 20px;
    font-weight: bold;
}

@keyframes scroll-left {
    from {
        transform: translateX(100%);
    }
    to {
        transform: translateX(-100%);
    }
}


.one-container {
    display: grid;
    grid-template-columns: repeat(12, 1fr); 
    padding: 0px; 
    margin: 0px; 
    width: 100%;
}

/*[class^="col-"] {
    background: lightgray;
    padding: 10px;
    text-align: center;
    border: 1px solid #ccc;
}*/

/* Default Grid (Desktop First) */
.mycol-none { display: none; }
.mycol-1 { grid-column: span 1; }
.mycol-2 { grid-column: span 2; }
.mycol-3 { grid-column: span 3; }
.mycol-4 { grid-column: span 4; }
.mycol-5 { grid-column: span 5; }
.mycol-6 { grid-column: span 6; }
.mycol-7 { grid-column: span 7; }
.mycol-8 { grid-column: span 8; }
.mycol-9 { grid-column: span 9; }
.mycol-10 { grid-column: span 10; }
.mycol-11 { grid-column: span 11; }
.mycol-12 { grid-column: span 12; } /* Full width */

/* Medium Screens (Tablets) */
@media (max-width: 992px) {
    .mycol-md-none { display: none; }
    .mycol-md-1 { grid-column: span 1; }
    .mycol-md-2 { grid-column: span 2; }
    .mycol-md-3 { grid-column: span 3; }
    .mycol-md-4 { grid-column: span 4; }
    .mycol-md-5 { grid-column: span 5; }
    .mycol-md-6 { grid-column: span 6; }
    .mycol-md-7 { grid-column: span 7; }
    .mycol-md-8 { grid-column: span 8; }
    .mycol-md-9 { grid-column: span 9; }
    .mycol-md-10 { grid-column: span 10; }
    .mycol-md-11 { grid-column: span 11; }
    .mycol-md-12 { grid-column: span 12; } /* Full width */
}

/* Small Screens (Mobile) */
@media (max-width: 768px) {
    .mycol-sm-none { display: none; }
    .mycol-sm-1 { grid-column: span 1; }
    .mycol-sm-2 { grid-column: span 2; }
    .mycol-sm-3 { grid-column: span 3; }
    .mycol-sm-4 { grid-column: span 4; }
    .mycol-sm-5 { grid-column: span 5; }
    .mycol-sm-6 { grid-column: span 6; }
    .mycol-sm-7 { grid-column: span 7; }
    .mycol-sm-8 { grid-column: span 8; }
    .mycol-sm-9 { grid-column: span 9; }
    .mycol-sm-10 { grid-column: span 10; }
    .mycol-sm-11 { grid-column: span 11; }
    .mycol-sm-12 { grid-column: span 12; } /* Full width */
}


/* Default Grid (Desktop First) */
.myrow-1 { grid-row:span 1; }
.myrow-2 { grid-row:span 2; }
.myrow-3 { grid-row:span 3; }
.myrow-4 { grid-row: span 4; }
.myrow-5 { grid-row: span 5; }
.myrow-6 { grid-row: span 6; }
.myrow-7 { grid-row: span 7; }
.myrow-8 { grid-row: span 8; }
.myrow-9 { grid-row: span 9; }
.myrow-10 { grid-row: span 10; }
.myrow-11 { grid-row: span 11; }
.myrow-12 { grid-row: span 12; } /* Full width */

/* Medium Screens (Tablets) */
@media (max-width: 992px) {
    .myrow-md-1 { grid-row: span 1; }
    .myrow-md-2 { grid-row: span 2; }
    .myrow-md-3 { grid-row: span 3; }
    .myrow-md-4 { grid-row: span 4; }
    .myrow-md-5 { grid-row: span 5; }
    .myrow-md-6 { grid-row: span 6; }
    .myrow-md-7 { grid-row: span 7; }
    .myrow-md-8 { grid-row: span 8; }
    .myrow-md-9 { grid-row: span 9; }
    .myrow-md-10 { grid-row: span 10; }
    .myrow-md-11 { grid-row: span 11; }
    .myrow-md-12 { grid-row: span 12; } /* Full width */
}

/* Small Screens (Mobile) */
@media (max-width: 768px) {
    .myrow-sm-1 { grid-row: span 1; }
    .myrow-sm-2 { grid-row: span 2; }
    .myrow-sm-3 { grid-row: span 3; }
    .myrow-sm-4 { grid-row: span 4; }
    .myrow-sm-5 { grid-row: span 5; }
    .myrow-sm-6 { grid-row: span 6; }
    .myrow-sm-7 { grid-row: span 7; }
    .myrow-sm-8 { grid-row: span 8; }
    .myrow-sm-9 { grid-row: span 9; }
    .myrow-sm-10 { grid-row: span 10; }
    .myrow-sm-11 { grid-row: span 11; }
    .myrow-sm-12 { grid-row: span 12; } /* Full width */
}


/* Custom Blog Post Section */
.blog-post-section {
    padding: 20px;
    background-color: #f9f9f9;
    border-radius: 10px;
    margin-bottom: 20px; /* Added for consistent spacing */
}

/* Main Content Section */
.blog-post-main {
    max-width: 800px;
    margin: 0 auto;
    text-align: center;
}

.blog-post-main h4 {
    color: #007bff; /* Bootstrap's primary color */
    font-size: 1.5rem;
    margin-bottom: 1rem;
}

.blog-post-main h1 {
    font-size: 2.5rem;
    font-weight: bold;
    margin-bottom: 1rem;
}

.blog-post-image img {
    max-height: 400px;
    width: 100%;
    object-fit: cover;
    border-radius: 8px;
    margin-bottom: 1.5rem;
}

.blog-post-description p {
    font-size: 1.25rem;
    color: #333;
    line-height: 1.6;
}

/* Items/Bullets Section */
.blog-post-items {
    margin-top: 2rem;
}

.blog-post-items .card {
    background: #fff;
    border: 1px solid #e0e0e0;
    border-radius: 8px;
    transition: transform 0.2s, box-shadow 0.2s;
}

.blog-post-items .card:hover {
    transform: translateY(-5px);
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
}

.blog-post-items .card-img-top img {
    width: 100%;
    height: 200px;
    object-fit: cover;
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
}

.blog-post-items .card-body {
    padding: 1.5rem;
}

.blog-post-items .card-title {
    font-size: 1.25rem;
    font-weight: bold;
    margin-bottom: 0.75rem;
    color: #333;
}

.blog-post-items .card-text {
    font-size: 1rem;
    color: #555;
    line-height: 1.5;
}

/* Responsive Adjustments */
@media (max-width: 768px) {
    .blog-post-main h1 {
        font-size: 2rem;
    }

    .blog-post-main h4 {
        font-size: 1.25rem;
    }

    .blog-post-description p {
        font-size: 1rem;
    }

    .blog-post-items .card-title {
        font-size: 1.1rem;
    }

    .blog-post-items .card-text {
        font-size: 0.9rem;
    }
}


/* FAQ Section */
.faq-section {
    padding: 20px;
    background-color: #f9f9f9;
    border-radius: 10px;
    margin-bottom: 20px;
}

.faq-main {
    max-width: 800px;
    margin: 0 auto;
    text-align: center;
}

.faq-main h4 {
    color: #007bff; /* Bootstrap's primary color */
    font-size: 1.5rem;
    margin-bottom: 1rem;
}

.faq-main h1 {
    font-size: 2.5rem;
    font-weight: bold;
    margin-bottom: 1rem;
}

.faq-image img {
    max-height: 400px;
    width: 100%;
    object-fit: cover;
    border-radius: 8px;
    margin-bottom: 1.5rem;
}

.faq-description p {
    font-size: 1.25rem;
    color: #333;
    line-height: 1.6;
}

/* Accordion Styling */
.faq-items .accordion-item {
    border: 1px solid #e0e0e0;
    border-radius: 8px;
    margin-bottom: 10px;
}

.faq-items .accordion-button {
    font-size: 1.1rem;
    font-weight: bold;
    color: #333;
    background-color: #fff;
    border: none;
    border-radius: 8px;
}

.faq-items .accordion-button:not(.collapsed) {
    background-color: #f8f9fa;
    color: #007bff;
    box-shadow: none;
}

.faq-items .accordion-body {
    font-size: 1rem;
    color: #555;
    line-height: 1.5;
    padding: 1.5rem;
}