/* =========================================
       UNIQUE CSS CLASSES FOR Blog Listing Page 
       ========================================= */

    /* Section & Container Overrides */
    .ots-digi-supp-header-spacing {
        margin-top: 105px;
    }
    
    .ots-digi-supp-subheading-max {
        max-width: 600px;
    }
    
    .ots-digi-supp-section-bg {
        background-color: #f8f9fa;
    }

    /* Featured Card Specifics */
    .ots-digi-supp-featured-card {
        border-radius: 24px !important;
        box-shadow: 0 10px 30px rgba(0,0,0,0.03) !important;
        transition: transform 0.4s ease, box-shadow 0.4s ease;
        margin-top: 40px;
    }
    
    .ots-digi-supp-featured-card:hover {
        box-shadow: 0 15px 40px rgba(37, 99, 235, 0.08) !important;
    }

    .ots-digi-supp-img-wrapper-featured {
        min-height: 600px;
        overflow: hidden;
        border-top-left-radius: 24px;
        border-bottom-left-radius: 24px;
    }

    .ots-digi-supp-accent-divider {
        position: absolute;
        left: 0;
        top: 10%;
        height: 80%;
        width: 3px;
        background-color: #2563eb;
        border-radius: 4px;
    }

    /* Grid Layout Specifics */
    .ots-digi-supp-grid-img-box {
        height: 300px;
    }

    /* Text Clamping */
    .ots-digi-supp-excerpt-clamp-3 {
        display: -webkit-box;
        -webkit-line-clamp: 6;
        -webkit-box-orient: vertical;  
        overflow: hidden;
    }
    
    .ots-digi-supp-excerpt-clamp-2 {
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;  
        overflow: hidden;
    }

    /* Hover & Transition Effects */
    .ots-digi-supp-zoom-effect {
        transform: scale(1);
        transition: transform 0.6s cubic-bezier(0.25, 1, 0.5, 1);
    }
    
    .ots-digi-supp-featured-card:hover .ots-digi-supp-zoom-effect,
    .ots-digi-supp-grid-card:hover .ots-digi-supp-zoom-effect {
        transform: scale(1.08); 
    }

    .ots-digi-supp-title-hover {
        transition: color 0.3s ease-in-out;
    }
    
    .ots-digi-supp-featured-card:hover .ots-digi-supp-title-hover,
    .ots-digi-supp-grid-card:hover .ots-digi-supp-title-hover,
    .ots-digi-supp-title-hover:hover {
        color: #2563eb !important;
    }

    .ots-digi-supp-arrow-link {
        transition: all 0.3s ease;
    }
    
    .ots-digi-supp-grid-card:hover .ots-digi-supp-arrow-link,
    .ots-digi-supp-arrow-link:hover {
        color: #2563eb !important;
        transform: translateX(5px);
    }

    /* Buttons */
    .ots-digi-supp-btn-dark-hover {
        background-color: #0f172a;
        border-color: #0f172a;
        color: #ffffff;
        transition: all 0.3s ease;
    }
    
    .ots-digi-supp-btn-dark-hover:hover {
        background-color: #2563eb !important;
        border-color: #2563eb !important;
        color: #ffffff !important;
        transform: translateY(-2px);
        box-shadow: 0 6px 15px rgba(37, 99, 235, 0.25);
    }

    /* Call to Action (CTA) Section */
    .ots-digi-supp-cta-wrapper {
        background-color: #0734fc; 
        padding: 48px 24px; 
        text-align: center;
    }
    
    .ots-digi-supp-cta-inner {
        max-width: 1280px; 
        margin-left: auto; 
        margin-right: auto;
    }
    
    .ots-digi-supp-cta-title {
        color: #ffffff; 
        font-weight: 800; 
        letter-spacing: -0.025em; 
        margin-bottom: 24px; 
        line-height: 1.2; 
        font-size: 1.875rem; /* Mobile default */
    }
    
    .ots-digi-supp-cta-desc {
        color: #ffffff; 
        margin-bottom: 40px; 
        max-width: 36rem; 
        margin-left: auto; 
        margin-right: auto; 
        line-height: 1.625;
        font-size: 1rem; /* Mobile default */
    }
    
    .ots-digi-supp-cta-btn-wrap {
        display: flex; 
        justify-content: center; 
        align-items: center;
    }
    
    .ots-digi-supp-cta-button {
        display: inline-flex; 
        align-items: center; 
        justify-content: center; 
        padding: 16px 40px; 
        font-size: 1.125rem; 
        font-weight: 700; 
        color: #2563eb; 
        background-color: #f1f1f1; 
        border-radius: 9999px; 
        text-decoration: none; 
        transition: all 0.3s ease; 
        box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
        width: 100%; /* Mobile default */
    }
    
    .ots-digi-supp-cta-button:hover { 
        /*background-color: #0044ff; */
        transform: translateY(-2px); 
        color: #0044ff;
    }
    
    .ots-digi-supp-cta-button:active { 
        transform: scale(0.95); 
    }

    /* Media Queries */
    @media (max-width: 991.98px) {
        .ots-digi-supp-img-wrapper-featured {
            border-top-left-radius: 24px;
            border-top-right-radius: 24px;
            border-bottom-left-radius: 0;
        }
        .ots-digi-supp-grid-col-padding {
            padding: 1rem 0.5rem !important;
        }
    }

    @media (min-width: 640px) {
        /*.ots-digi-supp-cta-wrapper { padding-top: 80px; padding-bottom: 80px; }*/
        .ots-digi-supp-cta-title { font-size: 3rem; }
        .ots-digi-supp-cta-desc { font-size: 1.25rem; }
        .ots-digi-supp-cta-button { width: auto; }
    }

    @media (min-width: 1024px) {
        /*.ots-digi-supp-cta-wrapper { padding-top: 112px; padding-bottom: 112px; }*/
        .ots-digi-supp-cta-title { font-size: 3.75rem; }
    }
    
 /* =========================================
       UNIQUE CSS CLASSES FOR Blog Listing Page 
       ========================================= */