/**********************************************************/
/*************Analytical Tools CSS ********************/
/*********************************************************/
       
    .analytical-platform-selection {
                background-color: #f9f9f9;
                padding: 60px 0;
            }
            
            .analytical-platform-card-group {
                display: flex;
                justify-content: center;
                gap: 30px;
                margin-top: 30px;
            }
            
            /* Updated selector from .analytical-platform-card to .analytical-platform-card-box */
            .analytical-platform-card-box	 {
                flex-basis: 45%;
                max-width: 500px;
                background-color: white;
                padding: 40px 30px;
                border-radius: 12px;
                box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);
                border: 1px solid #e0e0e0;
                transition: transform 0.3s, border-color 0.3s, box-shadow 0.3s;
                text-align: center;
            }
            
            .analytical-platform-card-box:hover {
                transform: translateY(-5px);
                border-color: #fdb515;
                box-shadow: 0 15px 40px rgba(253, 181, 21, 0.2);
            }
            
            .analytical-platform-card-box i.fas {
                font-size: 3.5em;
                color: #fdb515;
                margin-bottom: 15px;
            }
            
            .analytical-platform-card-box h3 {
                color: #062352;
                font-size: 1.8em;
                margin-bottom: 10px;
            }
            
            .analytical-platform-card-box p {
                color: #5c667a;
                font-size: 1.05em;
                margin-bottom: 20px;
            }
            
            /* Styled the anchor tag for 'View Details' */
            a.view-details { 
                color: #062352;
                font-weight: bold;
                display: inline-block;
                margin-top: 10px;
                cursor: pointer; /* Ensure the cursor shows it's clickable */
            }
            
            a.view-details i {
                font-size: 0.2em;
                margin-left: 5px;
                transition: margin-left 0.3s;
            }
            
            /* Apply hover effect to the link itself */
            a.view-details:hover i {
                margin-left: 10px;
                color: #fdb515; /* Optional: Highlight arrow on hover */
            }

			/* --- RESPONSIVENESS --- */
        @media (max-width: 900px) {
            .analytical-platform-card-group {
                flex-direction: column;
                align-items: center;
            }
        
            .analytical-platform-card {
                flex-basis: 100%;
                width: 100%;
            }
        } 
        
        
        
        /* --- DATABRICKS ARCHITECTURE SUMMARY --- */
        .arch-summary {
            display: flex;
            gap: 40px;
            padding: 40px 0;
        }

        .arch-point {
            flex: 1;
            padding: 20px;
            background: white;
            border-left: 5px solid #fdb515;
            border-radius: 4px;
            box-shadow: 0 2px 10px rgba(0, 0, 0, 0.05);
        }
        
        .arch-point h3 {
            color: #062352;
            margin-top: 0;
            font-size: 1.4em;
        }
        
        .arch-point p {
            color: #5c667a;
            font-size: 0.95em;
        }
        @media (max-width: 768px) {
            .arch-summary {
                /* Change the horizontal layout to a vertical stack */
                flex-direction: column;
                /* Reduce the gap on smaller screens for compactness */
                gap: 20px;
            }
            
            .arch-point {
                /* Reset flex: 1 behavior for vertical stacking to ensure full width */
                flex: none; 
                /* Ensure each point takes up the full width */
                width: 100%;
            }
        }
        
        
        /* --- Databricks KEY CAPABILITIES and SERVICES GRID --- */
        .databricks-capabilities-grid {
            display: grid;
            grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
            gap: 30px;
            margin-top: 40px;
        }

        .databricks-capability-item {
            background: white;
            padding: 25px;
            border-radius: 8px;
            box-shadow: 0 4px 15px rgba(0, 0, 0, 0.05);
            border-top: 4px solid #fdb515;
        }
        
        .databricks-capability-item i {
            font-size: 2em;
            color: #fdb515;
            margin-bottom: 10px;
        }
        
        .databricks-capability-item h4 {
            margin: 5px 0 10px;
            font-size: 1.2em;
        }
        
        .databricks-capability-item p {
            color: #5c667a;
            font-size: 0.9em;
        }
        
        
        /* --- Analytical platforms DETAILS CONTAINER & Back BUTTON --- */

        .details-container {
            padding-top: 40px !important; 
            
        }
        
        .back-button {
            background: transparent;
            border: none;
            color: #062352;
            font-size: 1.1em;
            font-weight: 500;
            cursor: pointer;
            margin-bottom: 30px;
            padding: 10px 0;
            transition: color 0.3s;
        }
        
        .back-button:hover {
            color: #fdb515;
        }
        
        .platform-details {
            padding: 20px 0;
        }
        
        .subsection-title {
            color: #062352;
            font-size: 2em;
            margin-top: 40px;
            margin-bottom: 20px;
            border-bottom: 2px solid #fdb515;
            display: inline-block;
            padding-bottom: 5px;
        }
        
        .intro-paragraph {
            font-size: 1.15em;
            color: #062352;
            line-height: 1.5;
            margin-bottom: 40px;
        }
        
    
        /* Specific styling for MS Fabric lists */
       
        .fabric-definition-list dt {
            color: #062352; /* Your Dark Blue */
            font-size: 1.25em;
            font-weight: 700; /* Bolder text for prominence */
            margin-top: 20px;
            margin-bottom: 5px;
            padding-bottom: 5px;
            /* Optional: Small yellow line underneath the term for separation */
            border-bottom: 1px dashed rgba(253, 181, 21, 0.5); 
        }
        
        
        .fabric-definition-list dt i {
            color: #fdb515; /* Golden Yellow */
            font-size: 1em;
            margin-right: 10px;
            /* Aligns icon with the text baseline */
            vertical-align: middle; 
        }
        
        
        .fabric-definition-list dd {
            margin-left: 0; /* Align description text with the term */
            padding-left: 0;
            margin-bottom: 25px; /* Spacing after the description before the next term */
            color: #5c667a; /* Light gray/dim text color */
            font-size: 1em;
            line-height: 1.5;
        }    
        
/**********************************************************/
/*************Call To Action Button ********************/
/*********************************************************/

        .cta-button {
            display: inline-block;
            padding: 15px 30px;
            background-color: transparent;
            color: #062352; 
            border: 2px solid #062352;
            font-size: 18px;
            font-weight: 600;
            text-decoration: none;
            transition: background-color 0.3s, transform 0.3s;
            margin-top: 20px;
            border-radius: 8px;
        }
        
        .cta-button:hover {
            background-color: #062352;
            color: #f9f9f9;
            transform: translateY(-2px);
            text-decoration:none;
        }
        
/********************************************************************/
/*************Data Analytics and AI pages images ********************/
/********************************************************************/        

        .responsive-image {
            max-width: 100%; /* Ensures the image scales down within its container */
            height: auto; /* Maintains aspect ratio */
            object-fit: contain; /* Ensures the image fits within the container without stretching */
            display: block;
        }
        
        /* Optional: Add padding or margin around the image if needed */
        .image-container {
            width: 60%; /* Make sure the container is responsive */
            
            display: flex;
            justify-content: center; /* Center the image horizontally */
            align-items: center;
            margin-bottom: 1.5rem; /* Optional: Add space below the image */
        }
        
        @media (max-width: 768px) {
            .image-container {
                width:100%;
            }
        }