.elementor-10286 .elementor-element.elementor-element-164e9a5c{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--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-widget-slides .elementor-slide-heading{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-slides .elementor-slide-description{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-slides .elementor-slide-button{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-10286 .elementor-element.elementor-element-4f24a99f .elementor-repeater-item-4f11d9b .swiper-slide-bg{background-color:#833ca3;background-image:url(https://coders.com.lb/wp-content/uploads/2026/02/Coders-is-nowi-n-Ghana.jpg);background-size:cover;}.elementor-10286 .elementor-element.elementor-element-4f24a99f .elementor-repeater-item-4f11d9b .elementor-background-overlay{background-color:#05255F6E;}.elementor-10286 .elementor-element.elementor-element-4f24a99f .elementor-repeater-item-4f11d9b .swiper-slide-contents{margin:0 auto;text-shadow:0px 0px 10px rgba(0,0,0,0.3);}.elementor-10286 .elementor-element.elementor-element-4f24a99f .elementor-repeater-item-4f11d9b .swiper-slide-inner{align-items:center;}.elementor-10286 .elementor-element.elementor-element-4f24a99f .swiper-slide{transition-duration:calc(5000ms*1.2);height:695px;}.elementor-10286 .elementor-element.elementor-element-4f24a99f > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-10286 .elementor-element.elementor-element-4f24a99f .swiper-slide-contents{max-width:75%;}.elementor-10286 .elementor-element.elementor-element-4f24a99f .swiper-slide-inner{text-align:center;}.elementor-10286 .elementor-element.elementor-element-4f24a99f .elementor-slide-heading{font-family:"Poppins", Sans-serif;font-size:50px;font-weight:600;}.elementor-10286 .elementor-element.elementor-element-4f24a99f .elementor-slide-description{font-family:"Poppins", Sans-serif;font-size:20px;font-weight:500;}.elementor-10286 .elementor-element.elementor-element-4f24a99f .elementor-slide-button{font-family:"Karla", Sans-serif;font-size:20px;font-weight:500;border-radius:60px;}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-text );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-10286 .elementor-element.elementor-element-69998b1a > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-10286 .elementor-element.elementor-element-237fbce2{--display:flex;}.elementor-10286 .elementor-element.elementor-element-237fbce2:not(.elementor-motion-effects-element-type-background), .elementor-10286 .elementor-element.elementor-element-237fbce2 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-10286 .elementor-element.elementor-element-4b2118a2{--spacer-size:50px;}.elementor-10286 .elementor-element.elementor-element-20c8f9a5 .cmt-heading-subheading{text-align:left;}.elementor-10286 .elementor-element.elementor-element-48b50a04{--spacer-size:50px;}.elementor-10286 .elementor-element.elementor-element-603975ad{--display:flex;}.elementor-10286 .elementor-element.elementor-element-603975ad:not(.elementor-motion-effects-element-type-background), .elementor-10286 .elementor-element.elementor-element-603975ad > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F8FAFC;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-10286 .elementor-element.elementor-element-638877fd > .elementor-widget-container{padding:40px 0px 0px 0px;}.elementor-10286 .elementor-element.elementor-element-638877fd{text-align:start;}.elementor-10286 .elementor-element.elementor-element-638877fd .elementor-heading-title{font-family:"Karla", Sans-serif;font-size:35px;font-weight:400;}.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-10286 .elementor-element.elementor-element-40abf22a{--grid-row-gap:35px;--grid-column-gap:30px;}.elementor-10286 .elementor-element.elementor-element-40abf22a > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-10286 .elementor-element.elementor-element-40abf22a .elementor-posts-container .elementor-post__thumbnail{padding-bottom:calc( 0.66 * 100% );}.elementor-10286 .elementor-element.elementor-element-40abf22a:after{content:"0.66";}.elementor-10286 .elementor-element.elementor-element-40abf22a .elementor-post__thumbnail__link{width:100%;}.elementor-10286 .elementor-element.elementor-element-40abf22a .elementor-post__meta-data span + span:before{content:"///";}.elementor-10286 .elementor-element.elementor-element-40abf22a.elementor-posts--thumbnail-left .elementor-post__thumbnail__link{margin-right:20px;}.elementor-10286 .elementor-element.elementor-element-40abf22a.elementor-posts--thumbnail-right .elementor-post__thumbnail__link{margin-left:20px;}.elementor-10286 .elementor-element.elementor-element-40abf22a.elementor-posts--thumbnail-top .elementor-post__thumbnail__link{margin-bottom:20px;}.elementor-10286 .elementor-element.elementor-element-7aada0eb > .elementor-background-overlay{background-position:bottom center;background-repeat:no-repeat;background-size:cover;opacity:1;transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-10286 .elementor-element.elementor-element-7aada0eb{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;padding:70px 0px 70px 0px;}.elementor-10286 .elementor-element.elementor-element-61d6ce7f > .elementor-element-populated{padding:0px 0px 0px 0px;}.elementor-10286 .elementor-element.elementor-element-196e4753 > .elementor-widget-container{margin:0px 8px 0px 0px;}.elementor-10286 .elementor-element.elementor-element-21bc4dab > .elementor-element-populated{padding:10px 0px 0px 30px;}.elementor-10286 .elementor-element.elementor-element-5826b159{border-style:solid;border-width:0px 0px 1px 0px;border-color:#E6E9EF;padding:27px 0px 0px 0px;}.elementor-10286 .elementor-element.elementor-element-5826b159, .elementor-10286 .elementor-element.elementor-element-5826b159 > .elementor-background-overlay{border-radius:0px 0px 0px 0px;}.elementor-10286 .elementor-element.elementor-element-3547f824 > .elementor-element-populated{padding:0px 0px 20px 0px;}.elementor-10286 .elementor-element.elementor-element-6607eee0 .elementor-heading-title{font-size:26px;}.elementor-10286 .elementor-element.elementor-element-2c65b21a > .elementor-element-populated{padding:0px 0px 0px 0px;}.elementor-10286 .elementor-element.elementor-element-66b77884{text-align:end;}.elementor-10286 .elementor-element.elementor-element-76a5e70 .cmt-heading-subheading{text-align:left;}.elementor-10286 .elementor-element.elementor-element-76a5e70 > .elementor-widget-container{padding:7px 0px 0px 0px;}:root{--page-title-display:none;}@media(max-width:1024px){.elementor-10286 .elementor-element.elementor-element-7aada0eb{padding:20px 0px 30px 0px;}.elementor-10286 .elementor-element.elementor-element-5826b159{border-width:0px 0px 0px 0px;}.elementor-10286 .elementor-element.elementor-element-2c65b21a > .elementor-element-populated{padding:0px 0px 0px 0px;}}@media(max-width:767px){.elementor-10286 .elementor-element.elementor-element-4f24a99f .elementor-slide-heading{font-size:30px;}.elementor-10286 .elementor-element.elementor-element-4f24a99f .elementor-slide-description{font-size:16px;}.elementor-10286 .elementor-element.elementor-element-4f24a99f .elementor-slide-button{font-size:15px;}.elementor-10286 .elementor-element.elementor-element-40abf22a .elementor-posts-container .elementor-post__thumbnail{padding-bottom:calc( 0.5 * 100% );}.elementor-10286 .elementor-element.elementor-element-40abf22a:after{content:"0.5";}.elementor-10286 .elementor-element.elementor-element-40abf22a .elementor-post__thumbnail__link{width:100%;}.elementor-10286 .elementor-element.elementor-element-66b77884{text-align:start;font-size:15px;}}@media(min-width:768px){.elementor-10286 .elementor-element.elementor-element-61d6ce7f{width:32.632%;}.elementor-10286 .elementor-element.elementor-element-21bc4dab{width:67.324%;}.elementor-10286 .elementor-element.elementor-element-3547f824{width:32.655%;}.elementor-10286 .elementor-element.elementor-element-2c65b21a{width:67.344%;}}@media(max-width:1024px) and (min-width:768px){.elementor-10286 .elementor-element.elementor-element-61d6ce7f{width:100%;}.elementor-10286 .elementor-element.elementor-element-21bc4dab{width:100%;}}/* Start custom CSS for posts, class: .elementor-element-40abf22a *//* ============================================ */
/* CODERS BLOG SECTION - ELEMENTOR CUSTOM CSS  */
/* Add to: Element > Advanced > Custom CSS     */
/* ============================================ */

/* Section Background */
.elementor-10286 .elementor-element.elementor-element-40abf22a {
    background: #f8fafc !important;
    padding: 100px 0 !important;
}

/* ============================================ */
/* If using Elementor Posts Widget, add this:  */
/* ============================================ */

/* Cards Container */
.elementor-10286 .elementor-element.elementor-element-40abf22a .elementor-posts-container {
    display: grid !important;
    grid-template-columns: repeat(3, 1fr) !important;
    gap: 32px !important;
}

/* Individual Card */
.elementor-10286 .elementor-element.elementor-element-40abf22a .elementor-post {
    background: #ffffff !important;
    border-radius: 20px !important;
    overflow: hidden !important;
    box-shadow: 0 4px 20px rgba(0,0,0,0.06) !important;
    transition: all 0.4s ease !important;
    border: none !important;
}


/* Card Image */
.elementor-10286 .elementor-element.elementor-element-40abf22a .elementor-post__thumbnail {
    height: 220px !important;
    overflow: hidden !important;
    border-radius: 0 !important;
}

.elementor-10286 .elementor-element.elementor-element-40abf22a .elementor-post__thumbnail img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    transition: transform 0.4s ease !important;
}


/* Card Content */
.elementor-10286 .elementor-element.elementor-element-40abf22a .elementor-post__text {
    padding: 28px !important;
}

/* Category/Badge */
.elementor-10286 .elementor-element.elementor-element-40abf22a .elementor-post__badge {
    background: rgba(255, 255, 255, 0.95) !important;
    color: #00A651 !important;
    font-size: 11px !important;
    font-weight: 600 !important;
    padding: 6px 12px !important;
    border-radius: 100px !important;
    text-transform: uppercase !important;
    letter-spacing: 0.5px !important;
    position: absolute !important;
    top: 16px !important;
    left: 16px !important;
    z-index: 2 !important;
}

/* Post Title */
.elementor-10286 .elementor-element.elementor-element-40abf22a .elementor-post__title {
    font-family: 'Space Grotesk', sans-serif !important;
    font-size: 20px !important;
    font-weight: 700 !important;
    color: #0a1628 !important;
    line-height: 1.4 !important;
    margin-bottom: 12px !important;
}

.elementor-10286 .elementor-element.elementor-element-40abf22a .elementor-post__title a {
    color: inherit !important;
    text-decoration: none !important;
    transition: color 0.3s ease !important;
}

.elementor-10286 .elementor-element.elementor-element-40abf22a .elementor-post__title a:hover {
    color: #00A651 !important;
}

/* Post Meta (Date) */
.elementor-10286 .elementor-element.elementor-element-40abf22a .elementor-post__meta-data,
.elementor-10286 .elementor-element.elementor-element-40abf22a .elementor-post-date {
    font-size: 13px !important;
    color: #94a3b8 !important;
    margin-bottom: 16px !important;
}

/* Post Excerpt */
.elementor-10286 .elementor-element.elementor-element-40abf22a .elementor-post__excerpt {
    font-size: 14px !important;
    color: #64748b !important;
    line-height: 1.7 !important;
    margin-bottom: 24px !important;
}

/* Read More Link */
.elementor-10286 .elementor-element.elementor-element-40abf22a .elementor-post__read-more {
    display: inline-flex !important;
    align-items: center !important;
    gap: 8px !important;
    font-size: 14px !important;
    font-weight: 600 !important;
    color: #00A651 !important;
    text-decoration: none !important;
    transition: gap 0.3s ease !important;
}

.elementor-10286 .elementor-element.elementor-element-40abf22a .elementor-post__read-more:hover {
    gap: 12px !important;
    color: #008c44 !important;
}

/* ============================================ */
/* RESPONSIVE                                  */
/* ============================================ */

/* Tablet */
@media (max-width: 968px) {
    .elementor-10286 .elementor-element.elementor-element-40abf22a .elementor-posts-container {
        grid-template-columns: repeat(2, 1fr) !important;
        gap: 24px !important;
    }
}

/* Mobile */
@media (max-width: 640px) {
    .elementor-10286 .elementor-element.elementor-element-40abf22a {
        padding: 60px 0 !important;
    }
    
    .elementor-10286 .elementor-element.elementor-element-40abf22a .elementor-posts-container {
        grid-template-columns: 1fr !important;
        gap: 24px !important;
    }
    
    .elementor-10286 .elementor-element.elementor-element-40abf22a .elementor-post__thumbnail {
        height: 200px !important;
    }
    
    .elementor-10286 .elementor-element.elementor-element-40abf22a .elementor-post__text {
        padding: 24px !important;
    }
    
    .elementor-10286 .elementor-element.elementor-element-40abf22a .elementor-post__title {
        font-size: 18px !important;
    }
}/* End custom CSS */