/* INFO TILE */
    .ps-info-tile-widget {
        flex: 1;
        display: flex;
        flex-direction: column;
        height: 100%;
        width: 100%;
        margin: 2em 0;
    }


    .ps-info-tile-widget .info-tile-inner {
        background-color: #fff !important;
        border: 1px solid var(--e-global-color-8f5a2a4);
        display: flex;
        flex-direction: column;
        width: 100%;
    }

    .ps-info-tile-widget .info-tile-content {
        display: flex;
        flex-wrap: wrap; /* Allows stacking on smaller screens */
        width: 100%;
    }

    .ps-info-tile-widget .info-tile-image {
        flex: 0 0 25%; /* 25% width on larger screens */
        height: auto;
        overflow: hidden;
    }

    .ps-info-tile-widget .info-tile-image img {
        width: 100%;
        height: 100%;
        object-fit: cover; /* Ensures the image covers the space */
        display: block;
    }

    .ps-info-tile-widget .info-tile-body {
        flex: 1;
        padding: 1.5em;
        display: flex;
        flex-direction: column;
        justify-content: center;
        font-size: 1rem;
    }

    /* Responsive Styles */
    @media (max-width: 768px) {
        .ps-info-tile-widget .info-tile-content {
            flex-direction: column; /* Stack the image and body */
        }

        .ps-info-tile-widget .info-tile-image {
            flex: 0 0 100%; /* Full width image on mobile */
            height: 200px; /* Set a height for mobile; adjust as needed */
        }

        .ps-info-tile-widget .info-tile-image img {
            height: 100%;
        }

        .ps-info-tile-widget .info-tile-body {
            padding-top: 1em;
        }
    }



/* VIDEO BOX */
    .ps-video-box-widget {
        flex: 1;
        display: flex;
        flex-direction: column;
        height:100%; 
    }

    .ps-video-box-widget .video-box-inner { 
        background-color:#fff!important;
        border: 1px solid var( --e-global-color-8f5a2a4 );  
        height:100%;
    }

    .ps-video-box-widget .video-box-inner .video-box-body { 
        padding: 1.5em 1.5em 2.5em;
    }

    .video-player {
        max-width: 100%;
        position: relative;
        padding-top: 56.25%; /* 16:9 Aspect Ratio */
        margin-bottom:2em;
    }

    .video-player iframe {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        object-fit: cover;        
    }



/* INFO BOX */
    .ps-info-box-widget {
        flex: 1;
        display: flex;
        flex-direction: column;
        height:100%; 
    }

    .ps-info-box-widget .info-box-inner { 
        background-color:#fff!important;
        border: 1px solid var( --e-global-color-8f5a2a4 );  
        height:100%;
    }

    .ps-info-box-widget .info-box-inner .info-box-body { 
        padding: 1.5em 1.5em 2.5em;
    }


/* INFO CARD */
    .ps-info-card-widget {
        display: flex;
        flex-direction: row;
        align-items: flex-start;
        gap: 2em;
        margin-bottom:3em;
    }

    .info-card-image {
        flex: 0 0 auto;
        max-width:400px;
        height: auto;
    }

    .info-card-body {
        flex: 1;
        display: flex;
        flex-direction: column;
        justify-content: flex-start;
    }

    .info-card-body h4 {
        margin-top: 0;
    }

    .info-card-callout {
        background-color: var(--e-global-color-8f5a2a4);
        padding: 1.5em;
        margin: 2em 0;
    }

    /* Mobile Layout */
    @media (max-width: 768px) {
        .ps-info-card-widget {
            flex-direction: column;
        }

        .info-card-image {
            width: 100%;
            max-width: none;
        }
    }