.elementor-8471 .elementor-element.elementor-element-7d9e8b1{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--background-transition:0.3s;--overlay-opacity:0.5;}.elementor-8471 .elementor-element.elementor-element-7d9e8b1::before, .elementor-8471 .elementor-element.elementor-element-7d9e8b1 > .elementor-background-video-container::before, .elementor-8471 .elementor-element.elementor-element-7d9e8b1 > .e-con-inner > .elementor-background-video-container::before, .elementor-8471 .elementor-element.elementor-element-7d9e8b1 > .elementor-background-slideshow::before, .elementor-8471 .elementor-element.elementor-element-7d9e8b1 > .e-con-inner > .elementor-background-slideshow::before, .elementor-8471 .elementor-element.elementor-element-7d9e8b1 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:#000000;--background-overlay:'';}.elementor-8471 .elementor-element.elementor-element-7d9e8b1, .elementor-8471 .elementor-element.elementor-element-7d9e8b1::before{--border-transition:0.3s;}.elementor-8471 .elementor-element.elementor-element-99476e4{text-align:center;}.elementor-8471 .elementor-element.elementor-element-99476e4 .elementor-heading-title{color:#FFFFFF;}.elementor-8471 .elementor-element.elementor-element-78dc8d3{text-align:center;}.elementor-8471 .elementor-element.elementor-element-78dc8d3 .elementor-heading-title{color:#FFFFFF;}.elementor-8471 .elementor-element.elementor-element-ede1521{text-align:center;color:#FFFFFF;}.elementor-8471 .elementor-element.elementor-element-488113c{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--background-transition:0.3s;--overlay-opacity:0.5;--padding-top:200px;--padding-bottom:200px;--padding-left:200px;--padding-right:200px;}.elementor-8471 .elementor-element.elementor-element-488113c:not(.elementor-motion-effects-element-type-background), .elementor-8471 .elementor-element.elementor-element-488113c > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://ppsline.com/wp-content/uploads/2024/09/shipping-industry-carries-cargo-large-container-ships-generative-ai-scaled.jpg");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-8471 .elementor-element.elementor-element-488113c::before, .elementor-8471 .elementor-element.elementor-element-488113c > .elementor-background-video-container::before, .elementor-8471 .elementor-element.elementor-element-488113c > .e-con-inner > .elementor-background-video-container::before, .elementor-8471 .elementor-element.elementor-element-488113c > .elementor-background-slideshow::before, .elementor-8471 .elementor-element.elementor-element-488113c > .e-con-inner > .elementor-background-slideshow::before, .elementor-8471 .elementor-element.elementor-element-488113c > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:#000000;--background-overlay:'';}.elementor-8471 .elementor-element.elementor-element-488113c, .elementor-8471 .elementor-element.elementor-element-488113c::before{--border-transition:0.3s;}.elementor-8471 .elementor-element.elementor-element-abf04be{text-align:center;}.elementor-8471 .elementor-element.elementor-element-abf04be .elementor-heading-title{color:#FFFFFF;}.elementor-8471 .elementor-element.elementor-element-67fa9af{--display:flex;--background-transition:0.3s;}@media(max-width:767px){.elementor-8471 .elementor-element.elementor-element-7d9e8b1:not(.elementor-motion-effects-element-type-background), .elementor-8471 .elementor-element.elementor-element-7d9e8b1 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://ppsline.com/wp-content/uploads/2024/09/shipping-industry-carries-cargo-large-container-ships-generative-ai-scaled.jpg");background-position:center right;background-repeat:no-repeat;background-size:cover;}}/* Start custom CSS for shortcode, class: .elementor-element-a560587 */.post-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr); /* 3-column layout for large screens */
    gap: 30px;
    margin-top: 20px;
}

.post-item {
    display: flex;
    flex-direction: column;
    border: 1px solid #ddd;
    background: #fff;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
    border-radius: 12px;
    overflow: hidden;
    transition: transform 0.3s;
}

.post-item:hover {
    transform: translateY(-5px);
    box-shadow: 0 6px 18px rgba(0, 0, 0, 0.2);
}

.post-thumbnail img {
    width: 100%;
    height: auto;
    display: block;
}

.post-content {
    padding: 20px;
    display: flex;
    flex-direction: column;
    height: 100%;
}

.post-title {
    font-size: 1.25em;
    font-weight: bold;
    margin-top: 10px;
    margin-bottom: 10px;
    color: #333;
    flex-grow: 1;
}

.post-meta {
    font-size: 0.9em;
    color: #777;
    margin-bottom: 15px;
}

.post-excerpt {
    color: #555;
    margin-bottom: 20px;
    flex-grow: 1;
}

.read-more {
    align-self: flex-start;
    color: #0073e6;
    font-weight: bold;
    text-decoration: none;
    position: relative;
    padding-right: 15px;
}

.read-more:after {
    content: '→';
    position: absolute;
    right: 0;
    transition: right 0.3s;
}

.read-more:hover:after {
    right: -5px;
}

/* Responsive Styles */
@media (max-width: 800px) {
    .post-grid {
        grid-template-columns: repeat(2, 1fr); /* 2-column layout on medium screens */
    }
}

@media (max-width: 500px) {
    .post-grid {
        grid-template-columns: 1fr; /* 1-column layout on small screens */
    }
}/* End custom CSS */