.elementor-36 .elementor-element.elementor-element-3872dcf{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-36 .elementor-element.elementor-element-7f947f9{--swiper-slides-to-display:1;--swiper-slides-gap:10px;width:100%;max-width:100%;--arrow-prev-left-align:0%;--arrow-prev-translate-x:0px;--arrow-prev-left-position:0px;--arrow-prev-top-align:50%;--arrow-prev-translate-y:-50%;--arrow-prev-top-position:0px;--arrow-next-right-align:0%;--arrow-next-translate-x:0%;--arrow-next-right-position:0px;--arrow-next-top-align:50%;--arrow-next-translate-y:-50%;--arrow-next-top-position:0px;}.elementor-36 .elementor-element.elementor-element-7f947f9.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-36 .elementor-element.elementor-element-7f947f9 .swiper-slide > .elementor-element{height:100%;}.elementor-36 .elementor-element.elementor-element-503021c{--display:flex;}.elementor-36 .elementor-element.elementor-element-c9c8fd7{--spacer-size:50px;}.elementor-36 .elementor-element.elementor-element-6733d22{--display:flex;}.elementor-widget-posts .elementor-button{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-widget-posts .elementor-post__title, .elementor-widget-posts .elementor-post__title a{color:var( --e-global-color-secondary );font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-posts .elementor-post__meta-data{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-posts .elementor-post__excerpt p{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-posts .elementor-post__read-more{color:var( --e-global-color-accent );}.elementor-widget-posts a.elementor-post__read-more{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-widget-posts .elementor-post__card .elementor-post__badge{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-widget-posts .elementor-pagination{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-posts .e-load-more-message{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-36 .elementor-element.elementor-element-a481325{--grid-row-gap:35px;--grid-column-gap:30px;}.elementor-36 .elementor-element.elementor-element-a481325 .elementor-posts-container .elementor-post__thumbnail{padding-bottom:calc( 0.66 * 100% );}.elementor-36 .elementor-element.elementor-element-a481325:after{content:"0.66";}.elementor-36 .elementor-element.elementor-element-a481325 .elementor-post__thumbnail__link{width:100%;}.elementor-36 .elementor-element.elementor-element-a481325 .elementor-post__meta-data span + span:before{content:"•";}.elementor-36 .elementor-element.elementor-element-a481325 .elementor-post__text{margin-top:20px;}.elementor-36 .elementor-element.elementor-element-a481325 .elementor-post__badge{right:0;}.elementor-36 .elementor-element.elementor-element-a481325 .elementor-post__card .elementor-post__badge{background-color:var( --e-global-color-primary );margin:20px;}.elementor-36 .elementor-element.elementor-element-a481325 .elementor-post__read-more{color:#FFFFFF;}.elementor-36 .elementor-element.elementor-element-3e0a1da{--display:flex;}.elementor-36 .elementor-element.elementor-element-8152021{--spacer-size:50px;}:root{--page-title-display:none;}@media(max-width:1024px){.elementor-36 .elementor-element.elementor-element-7f947f9{--swiper-slides-to-display:1;}}@media(max-width:767px){.elementor-36 .elementor-element.elementor-element-7f947f9{--swiper-slides-to-display:1;}.elementor-36 .elementor-element.elementor-element-c9c8fd7{--spacer-size:10px;}.elementor-36 .elementor-element.elementor-element-a481325 .elementor-posts-container .elementor-post__thumbnail{padding-bottom:calc( 0.5 * 100% );}.elementor-36 .elementor-element.elementor-element-a481325:after{content:"0.5";}.elementor-36 .elementor-element.elementor-element-a481325 .elementor-post__thumbnail__link{width:100%;}}/* Start custom CSS for loop-carousel, class: .elementor-element-7f947f9 *//* ✅ Make the Loop Carousel Full-Width */
.elementor-loop-carousel {
    width: 100vw !important;
    max-width: 100%;
    overflow: hidden;
    position: relative;
}

/* ✅ Style Navigation Arrows */
.elementor-swiper-button-prev, 
.elementor-swiper-button-next {
    position: absolute !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
    width: 40px !important;
    height: 40px !important;
    font-size: 18px !important;
    background: rgba(0, 0, 0, 0.5) !important;
    color: white !important;
    border-radius: 50% !important;
    transition: background 0.3s ease-in-out;
    z-index: 10 !important;
    display: flex;
    align-items: center;
    justify-content: center;
}

/* ✅ Properly position the arrows */
.elementor-swiper-button-prev {
    left: 10px !important;
}

.elementor-swiper-button-next {
    right: 10px !important;
}

/* ✅ Hover Effect for Navigation */
.elementor-swiper-button-prev:hover, 
.elementor-swiper-button-next:hover {
    background: rgba(0, 0, 0, 0.8) !important;
}

/* ✅ Style Navigation Dots */
.swiper-pagination-bullet {
    background: white !important;
    opacity: 0.5;
    transition: opacity 0.3s ease-in-out;
}

.swiper-pagination-bullet-active {
    background: #1D4ED8 !important;
    opacity: 1;
}

/* ✅ Mobile Optimization */
@media only screen and (max-width: 768px) {
        .elementor-loop-carousel {
        height: 250px !important; /* Adjust height as needed */
    }

    .elementor-loop-carousel {
        border-radius: 12px !important; /* Adjust the border radius */
        overflow: hidden !important; /* Ensure images follow the border shape */
    }

    /* ✅ Adjust Navigation Arrow Position */
    .elementor-swiper-button-prev, 
    .elementor-swiper-button-next {
        top: 50% !important; /* Keeps arrows centered */
        width: 30px !important; 
        height: 30px !important; 
        font-size: 14px !important; 
    }
}/* End custom CSS */
/* Start custom CSS for posts, class: .elementor-element-a481325 *//* General Card Styling */
.elementor-post {
    background: #ffffff;
    border-radius: 15px;
    box-shadow: 0px 4px 15px rgba(0, 0, 0, 0.1);
    overflow: hidden;
    transition: box-shadow 0.3s ease-in-out, transform 0.3s ease-in-out;
}

/* Hover Effect - Smooth Lift */
.elementor-post:hover {
    box-shadow: 0px 10px 25px rgba(0, 0, 0, 0.15);
}

/* Image Styling */
.elementor-post__thumbnail {
    width: 100%;
    height: 200px; /* Adjust based on your preference */
    overflow: hidden;
    border-top-left-radius: 15px;
    border-top-right-radius: 15px;
}

/* Ensure Image Stays Inside Card */
.elementor-post__thumbnail img {
    width: 100%;
    height: 100%;
    object-fit: cover; /* Ensures proper scaling */
    transition: transform 0.3s ease-in-out;
}


/* Title Styling */
.elementor-post__title {
    font-size: 20px;
    font-weight: bold;
    color: #333;
    margin: 15px;
    transition: color 0.3s ease-in-out;
}

/* Title Hover Effect */
.elementor-post:hover .elementor-post__title {
    color: #1D4ED8;
}

/* Excerpt Styling */
.elementor-post__excerpt {
    font-size: 16px;
    color: #666;
    margin: 0 15px 15px;
}

/* Read More Button */
.elementor-post__read-more {
    display: inline-block;
    background: #1D4ED8;
    color: white;
    padding: 8px 15px;
    border-radius: 8px;
    text-decoration: none;
    font-size: 14px;
    font-weight: bold;
    margin: 0 15px 15px;
    transition: background 0.3s ease-in-out;
}

/* Read More Hover Effect */
.elementor-post__read-more:hover {
    background: #002080;
}

@media only screen and (max-width: 768px) {
    .elementor-post {
        width: 100% !important;
        margin-bottom: 20px;
    }
    .elementor-post__title {
        font-size: 18px;
    }
    .elementor-post__excerpt {
        font-size: 14px;
    }
    .elementor-post__read-more {
        font-size: 12px;
    }
    .elementor-post__thumbnail {
        height: 180px; /* Adjust image height for mobile */
    }
}/* End custom CSS */