.elementor-9566 .elementor-element.elementor-element-31cbc3b{--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-9566 .elementor-element.elementor-element-31cbc3b:not(.elementor-motion-effects-element-type-background), .elementor-9566 .elementor-element.elementor-element-31cbc3b > .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-9566 .elementor-element.elementor-element-13cb73f{--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;--gap:0px 0px;--row-gap:0px;--column-gap:0px;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-9566 .elementor-element.elementor-element-c3afa20{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-9566 .elementor-element.elementor-element-c3afa20 .elementor-icon-list-icon i{color:var( --e-global-color-accent );transition:color 0.3s;}.elementor-9566 .elementor-element.elementor-element-c3afa20 .elementor-icon-list-icon svg{fill:var( --e-global-color-accent );transition:fill 0.3s;}.elementor-9566 .elementor-element.elementor-element-c3afa20 .elementor-icon-list-item > .elementor-icon-list-text, .elementor-9566 .elementor-element.elementor-element-c3afa20 .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-9566 .elementor-element.elementor-element-c3afa20 .elementor-icon-list-text{color:var( --e-global-color-text );transition:color 0.3s;}.elementor-9566 .elementor-element.elementor-element-c3afa20 .elementor-icon-list-item:hover .elementor-icon-list-text{color:var( --e-global-color-primary );}.elementor-9566 .elementor-element.elementor-element-a80dc32{width:100%;max-width:100%;}.elementor-9566 .elementor-element.elementor-element-a80dc32 .jeg-elementor-kit.jkit-heading{text-align:center;}.elementor-9566 .elementor-element.elementor-element-a80dc32 .jeg-elementor-kit.jkit-heading .heading-title{font-family:"Hanken Grotesk", Sans-serif;font-size:54px;font-weight:700;color:#060606;}.elementor-9566 .elementor-element.elementor-element-a80dc32 .jeg-elementor-kit.jkit-heading .heading-title > span{color:var( --e-global-color-primary );font-family:"Hanken Grotesk", Sans-serif;font-size:54px;font-weight:700;}.elementor-9566 .elementor-element.elementor-element-dfdbc4b{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-9566 .elementor-element.elementor-element-dfdbc4b p{margin-block-end:0px;}.elementor-9566 .elementor-element.elementor-element-6f39a59{--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;--padding-top:100px;--padding-bottom:100px;--padding-left:0px;--padding-right:0px;}.elementor-9566 .elementor-element.elementor-element-affc383{--grid-columns:3;--grid-row-gap:20px;--grid-column-gap:20px;}.elementor-9566 .elementor-element.elementor-element-affc383 .elementor-pagination{text-align:center;font-family:"Inter", Sans-serif;font-size:16px;font-weight:400;}body:not(.rtl) .elementor-9566 .elementor-element.elementor-element-affc383 .elementor-pagination .page-numbers:not(:first-child){margin-left:calc( 10px/2 );}body:not(.rtl) .elementor-9566 .elementor-element.elementor-element-affc383 .elementor-pagination .page-numbers:not(:last-child){margin-right:calc( 10px/2 );}body.rtl .elementor-9566 .elementor-element.elementor-element-affc383 .elementor-pagination .page-numbers:not(:first-child){margin-right:calc( 10px/2 );}body.rtl .elementor-9566 .elementor-element.elementor-element-affc383 .elementor-pagination .page-numbers:not(:last-child){margin-left:calc( 10px/2 );}@media(min-width:768px){.elementor-9566 .elementor-element.elementor-element-13cb73f{--width:60%;}}@media(max-width:1024px){.elementor-9566 .elementor-element.elementor-element-c3afa20 .elementor-icon-list-item > .elementor-icon-list-text, .elementor-9566 .elementor-element.elementor-element-c3afa20 .elementor-icon-list-item > a{font-size:var( --e-global-typography-accent-font-size );}.elementor-9566 .elementor-element.elementor-element-a80dc32 .jeg-elementor-kit.jkit-heading .heading-title{font-size:50px;}.elementor-9566 .elementor-element.elementor-element-a80dc32 .jeg-elementor-kit.jkit-heading .heading-title > span{font-size:50px;}.elementor-9566 .elementor-element.elementor-element-dfdbc4b{font-size:20px;}.elementor-9566 .elementor-element.elementor-element-affc383{--grid-columns:2;}}@media(max-width:767px){.elementor-9566 .elementor-element.elementor-element-c3afa20 .elementor-icon-list-item > .elementor-icon-list-text, .elementor-9566 .elementor-element.elementor-element-c3afa20 .elementor-icon-list-item > a{font-size:var( --e-global-typography-accent-font-size );}.elementor-9566 .elementor-element.elementor-element-a80dc32 .jeg-elementor-kit.jkit-heading .heading-title{font-size:40px;}.elementor-9566 .elementor-element.elementor-element-a80dc32 .jeg-elementor-kit.jkit-heading .heading-title > span{font-size:40px;}.elementor-9566 .elementor-element.elementor-element-dfdbc4b{font-size:18px;}.elementor-9566 .elementor-element.elementor-element-affc383{--grid-columns:1;}}/* Start custom CSS for loop-grid, class: .elementor-element-affc383 *//* ================================
   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 */