.elementor-477 .elementor-element.elementor-element-d6f62b5{--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;--gap:16px 16px;--row-gap:16px;--column-gap:16px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:230px;--padding-bottom:110px;--padding-left:30px;--padding-right:30px;}.elementor-477 .elementor-element.elementor-element-d6f62b5:not(.elementor-motion-effects-element-type-background), .elementor-477 .elementor-element.elementor-element-d6f62b5 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://surrealproxies.com/wp-content/uploads/2026/01/Screenshot-2026-01-30-182727.png");background-position:center center;background-repeat:no-repeat;background-size:cover;}.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-477 .elementor-element.elementor-element-02cd399{width:var( --container-widget-width, 72% );max-width:72%;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;--container-widget-width:72%;--container-widget-flex-grow:0;text-align:center;}.elementor-477 .elementor-element.elementor-element-02cd399.elementor-element{--align-self:center;}.elementor-477 .elementor-element.elementor-element-02cd399 .elementor-heading-title{font-family:"Cinzel", Sans-serif;font-size:65px;font-weight:400;line-height:70px;}.elementor-477 .elementor-element.elementor-element-b4208de{--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;--gap:16px 16px;--row-gap:16px;--column-gap:16px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:110px;--padding-bottom:110px;--padding-left:30px;--padding-right:30px;}.elementor-widget-loop-grid .elementor-button{background-color:var( --e-global-color-accent );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 );line-height:var( --e-global-typography-accent-line-height );}.elementor-widget-loop-grid .elementor-pagination{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-loop-grid .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-477 .elementor-element.elementor-element-1ff4240{--grid-columns:3;--grid-row-gap:28px;--grid-column-gap:28px;}.elementor-477 .elementor-element.elementor-element-1ff4240 .elementor-loop-container{grid-auto-rows:1fr;}.elementor-477 .elementor-element.elementor-element-1ff4240 .e-loop-item > .elementor-section, .elementor-477 .elementor-element.elementor-element-1ff4240 .e-loop-item > .elementor-section > .elementor-container, .elementor-477 .elementor-element.elementor-element-1ff4240 .e-loop-item > .e-con, .elementor-477 .elementor-element.elementor-element-1ff4240 .e-loop-item .elementor-section-wrap  > .e-con{height:100%;}.elementor-477 .elementor-element.elementor-element-1ff4240 .elementor-pagination{text-align:center;margin-top:40px;}body:not(.rtl) .elementor-477 .elementor-element.elementor-element-1ff4240 .elementor-pagination .page-numbers:not(:first-child){margin-left:calc( 10px/2 );}body:not(.rtl) .elementor-477 .elementor-element.elementor-element-1ff4240 .elementor-pagination .page-numbers:not(:last-child){margin-right:calc( 10px/2 );}body.rtl .elementor-477 .elementor-element.elementor-element-1ff4240 .elementor-pagination .page-numbers:not(:first-child){margin-right:calc( 10px/2 );}body.rtl .elementor-477 .elementor-element.elementor-element-1ff4240 .elementor-pagination .page-numbers:not(:last-child){margin-left:calc( 10px/2 );}@media(max-width:1024px){.elementor-477 .elementor-element.elementor-element-d6f62b5:not(.elementor-motion-effects-element-type-background), .elementor-477 .elementor-element.elementor-element-d6f62b5 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-position:center center;}.elementor-477 .elementor-element.elementor-element-d6f62b5{--padding-top:160px;--padding-bottom:90px;--padding-left:20px;--padding-right:20px;}.elementor-477 .elementor-element.elementor-element-02cd399 .elementor-heading-title{font-size:40px;line-height:1.1em;}.elementor-477 .elementor-element.elementor-element-b4208de{--padding-top:80px;--padding-bottom:90px;--padding-left:20px;--padding-right:20px;}.elementor-widget-loop-grid .elementor-button{font-size:var( --e-global-typography-accent-font-size );line-height:var( --e-global-typography-accent-line-height );}.elementor-477 .elementor-element.elementor-element-1ff4240{--grid-columns:2;--grid-row-gap:22px;--grid-column-gap:22px;}}@media(max-width:767px){.elementor-477 .elementor-element.elementor-element-d6f62b5:not(.elementor-motion-effects-element-type-background), .elementor-477 .elementor-element.elementor-element-d6f62b5 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-position:center center;}.elementor-477 .elementor-element.elementor-element-d6f62b5{--padding-top:130px;--padding-bottom:75px;--padding-left:15px;--padding-right:15px;}.elementor-477 .elementor-element.elementor-element-02cd399{width:100%;max-width:100%;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-477 .elementor-element.elementor-element-02cd399 .elementor-heading-title{font-size:36px;}.elementor-477 .elementor-element.elementor-element-b4208de{--padding-top:60px;--padding-bottom:75px;--padding-left:15px;--padding-right:15px;}.elementor-widget-loop-grid .elementor-button{font-size:var( --e-global-typography-accent-font-size );line-height:var( --e-global-typography-accent-line-height );}.elementor-477 .elementor-element.elementor-element-1ff4240{--grid-columns:1;--grid-row-gap:20px;--grid-column-gap:20px;}}/* Start custom CSS for loop-grid, class: .elementor-element-1ff4240 *//* 1. Individual Pagination Numbers (3D Outer Frame Fix) */
.elementor-pagination .page-numbers {
    position: relative !important;
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    width: 45px;
    height: 45px;
    text-decoration: none;
    z-index: 1;
    overflow: hidden; /* Corners ko round rakhne ke liye zaroori hay */
    
    /* Radius Fix: border-image ki jagah solid border aur shadow use karein */
    border-radius: 10px !important; 
    border: 1px solid #8D8D8D !important;
    background: radial-gradient(69.29% 56.94% at 50% 50%, #FFFFFF 50.34%, #676767 100%) !important;
    
    /* Metallic depth ke liye shadow */
    box-shadow: inset 0px 0px 4px rgba(0,0,0,0.3);
    
    color: #000000 !important;
    font-weight: 600;
    transition: all 0.4s ease !important;
}

/* 2. Inner Metallic Layer (Silver Gradient) */
.elementor-pagination .page-numbers::after {
    content: "";
    position: absolute;
    top: 3px;
    left: 3px;
    right: 3px;
    bottom: 3px;
    border-radius: 7px; /* Inner radius takay frame ke sath match kare */
    z-index: -1;
    
    /* Silver Metallic Background */
    background: linear-gradient(95.46deg, #C0C0C0 2.8%, #B2B2B2 21.86%, #EEEEEE 38.72%, #C8C8C8 57.67%, #CFCFCF 70.65%, #B1B1B1 87.39%, #B2B2B2 104.89%) !important;
}

/* 3. Active Page Fix (Yellow/Gold) */
.elementor-pagination .page-numbers.current::after {
    background: linear-gradient(180deg, #FFD700 0%, #B8860B 100%) !important;
    border: 0.5px solid rgba(255, 215, 0, 0.5);
}

/* 4. Hover State */
.elementor-pagination .page-numbers:hover {
    transform: translateY(-2px);
    box-shadow: 0px 5px 10px rgba(0,0,0,0.4);
}/* End custom CSS */