.elementor-9302 .elementor-element.elementor-element-0178231{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;--padding-top:150px;--padding-bottom:150px;--padding-left:0px;--padding-right:0px;}.elementor-9302 .elementor-element.elementor-element-0178231:not(.elementor-motion-effects-element-type-background), .elementor-9302 .elementor-element.elementor-element-0178231 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://codermasktech.com/wp-content/uploads/2026/07/hero-overlay-1.png");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-9302 .elementor-element.elementor-element-ad19b50{--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;--justify-content:center;border-style:none;--border-style:none;--border-radius:12px 12px 12px 12px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-9302 .elementor-element.elementor-element-d867022{width:100%;max-width:100%;--e-icon-list-icon-size:12px;--e-icon-list-icon-align:left;--e-icon-list-icon-margin:0 calc(var(--e-icon-list-icon-size, 1em) * 0.25) 0 0;--icon-vertical-align:center;--icon-vertical-offset:2px;}.elementor-9302 .elementor-element.elementor-element-d867022 .elementor-icon-list-icon i{color:var( --e-global-color-accent );transition:color 0.3s;}.elementor-9302 .elementor-element.elementor-element-d867022 .elementor-icon-list-icon svg{fill:var( --e-global-color-accent );transition:fill 0.3s;}.elementor-9302 .elementor-element.elementor-element-d867022 .elementor-icon-list-item > .elementor-icon-list-text, .elementor-9302 .elementor-element.elementor-element-d867022 .elementor-icon-list-item > a{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-size:var( --e-global-typography-accent-font-size );font-weight:var( --e-global-typography-accent-font-weight );}.elementor-9302 .elementor-element.elementor-element-d867022 .elementor-icon-list-text{color:var( --e-global-color-text );transition:color 0.3s;}.elementor-9302 .elementor-element.elementor-element-d867022 .elementor-icon-list-item:hover .elementor-icon-list-text{color:var( --e-global-color-primary );}.elementor-9302 .elementor-element.elementor-element-bdf809a{text-align:center;}.elementor-9302 .elementor-element.elementor-element-bdf809a .elementor-heading-title{font-family:"Hanken Grotesk", Sans-serif;font-size:54px;font-weight:700;color:var( --e-global-color-accent );}.elementor-9302 .elementor-element.elementor-element-f93b7d5{width:100%;max-width:100%;text-align:center;font-family:"Inter", Sans-serif;font-size:16px;font-weight:400;color:var( --e-global-color-text );}.elementor-9302 .elementor-element.elementor-element-f93b7d5 p{margin-block-end:0px;}.elementor-9302 .elementor-element.elementor-element-d00776c{--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;--padding-top:100px;--padding-bottom:100px;--padding-left:0px;--padding-right:0px;}.elementor-9302 .elementor-element.elementor-element-e04d0ad{--grid-columns:3;--grid-row-gap:20px;--grid-column-gap:20px;}.elementor-9302 .elementor-element.elementor-element-e04d0ad > .elementor-widget-container{padding:0px 0px 0px 0px;}.elementor-9302 .elementor-element.elementor-element-e04d0ad .elementor-pagination{text-align:center;font-family:"Inter", Sans-serif;font-size:16px;font-weight:400;}@media(min-width:768px){.elementor-9302 .elementor-element.elementor-element-ad19b50{--width:60%;}}@media(max-width:1024px){.elementor-9302 .elementor-element.elementor-element-d867022 .elementor-icon-list-item > .elementor-icon-list-text, .elementor-9302 .elementor-element.elementor-element-d867022 .elementor-icon-list-item > a{font-size:var( --e-global-typography-accent-font-size );}.elementor-9302 .elementor-element.elementor-element-bdf809a .elementor-heading-title{font-size:50px;}.elementor-9302 .elementor-element.elementor-element-f93b7d5{font-size:20px;}.elementor-9302 .elementor-element.elementor-element-e04d0ad{--grid-columns:2;}.elementor-9302 .elementor-element.elementor-element-e04d0ad .elementor-pagination{font-size:16px;}}@media(max-width:767px){.elementor-9302 .elementor-element.elementor-element-d867022 .elementor-icon-list-item > .elementor-icon-list-text, .elementor-9302 .elementor-element.elementor-element-d867022 .elementor-icon-list-item > a{font-size:var( --e-global-typography-accent-font-size );}.elementor-9302 .elementor-element.elementor-element-bdf809a .elementor-heading-title{font-size:40px;}.elementor-9302 .elementor-element.elementor-element-f93b7d5{font-size:18px;}.elementor-9302 .elementor-element.elementor-element-e04d0ad{--grid-columns:1;}.elementor-9302 .elementor-element.elementor-element-e04d0ad .elementor-pagination{font-size:18px;}}/* Start custom CSS for loop-grid, class: .elementor-element-e04d0ad *//* ================================
   Blog Pagination
================================ */

.elementor-pagination {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    margin-top: 40px;
    flex-wrap: wrap;
}

/* All pagination numbers */
.elementor-pagination .page-numbers {
    width: 42px;
    height: 42px;
    display: inline-flex;
    align-items: center;
    justify-content: center;

    padding: 0;
    border-radius: 10px;

    background: #F4FCF0;
    color: #3D4A3D;

    font-size: 15px;
    font-weight: 600;
    line-height: 1;
    text-decoration: none;

    border: 1px solid transparent;

    transition: all 0.3s ease;
}

/* Current / Active page */
.elementor-pagination .page-numbers.current {
    background: #11AC51;
    color: #FFFFFF;
    border-color: #11AC51;
}

/* Hover */
.elementor-pagination .page-numbers:not(.current):hover {
    background: #0E314C;
    color: #FFFFFF;
    border-color: #0E314C;
    transform: translateY(-2px);
}

/* Previous + Next buttons */
.elementor-pagination .page-numbers.prev,
.elementor-pagination .page-numbers.next {
    width: auto;
    min-width: 82px;
    padding: 0 18px;

    background: #FFFFFF;
    color: #0E314C;

    border: 1px solid #BCCB89;
    border-radius: 10px;
}

/* Previous + Next hover */
.elementor-pagination .page-numbers.prev:hover,
.elementor-pagination .page-numbers.next:hover {
    background: #0E314C;
    color: #FFFFFF;
    border-color: #0E314C;
    transform: translateY(-2px);
}

/* Disabled Previous button */
.elementor-pagination .page-numbers.prev:not(a) {
    opacity: 0.45;
    cursor: not-allowed;
    background: #F4FCF0;
    color: #3D4A3D;
    border-color: #BCCB89;
}

/* Remove hover effect from disabled Previous */
.elementor-pagination .page-numbers.prev:not(a):hover {
    transform: none;
    background: #F4FCF0;
    color: #3D4A3D;
    border-color: #BCCB89;
}

/* Accessibility text */
.elementor-pagination .elementor-screen-only {
    position: absolute !important;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border: 0;
}


/* ================================
   Mobile
================================ */

@media (max-width: 767px) {

    .elementor-pagination {
        gap: 6px;
        margin-top: 30px;
    }

    .elementor-pagination .page-numbers {
        width: 38px;
        height: 38px;
        font-size: 14px;
        border-radius: 8px;
    }

    .elementor-pagination .page-numbers.prev,
    .elementor-pagination .page-numbers.next {
        min-width: 70px;
        padding: 0 12px;
    }
}/* End custom CSS */