.elementor-264 .elementor-element.elementor-element-c795abf{--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-264 .elementor-element.elementor-element-c795abf:not(.elementor-motion-effects-element-type-background), .elementor-264 .elementor-element.elementor-element-c795abf > .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-264 .elementor-element.elementor-element-11fc470{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-264 .elementor-element.elementor-element-11fc470.elementor-element{--align-self:center;}.elementor-264 .elementor-element.elementor-element-11fc470 .elementor-heading-title{font-family:"Cinzel", Sans-serif;font-size:65px;font-weight:400;line-height:70px;}.elementor-264 .elementor-element.elementor-element-6d9256f{--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-264 .elementor-element.elementor-element-898453c{--display:flex;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );border-style:solid;--border-style:solid;border-width:1px 1px 1px 1px;--border-top-width:1px;--border-right-width:1px;--border-bottom-width:1px;--border-left-width:1px;border-color:var( --e-global-color-accent );--border-color:var( --e-global-color-accent );--border-radius:20px 20px 20px 20px;--padding-top:50px;--padding-bottom:50px;--padding-left:50px;--padding-right:50px;}.elementor-widget-icon.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-primary );}.elementor-widget-icon.elementor-view-framed .elementor-icon, .elementor-widget-icon.elementor-view-default .elementor-icon{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-widget-icon.elementor-view-framed .elementor-icon, .elementor-widget-icon.elementor-view-default .elementor-icon svg{fill:var( --e-global-color-primary );}.elementor-264 .elementor-element.elementor-element-09e4946{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-264 .elementor-element.elementor-element-09e4946 .elementor-icon-wrapper{text-align:center;}.elementor-264 .elementor-element.elementor-element-09e4946.elementor-view-framed .elementor-icon{background-color:var( --e-global-color-accent );}.elementor-264 .elementor-element.elementor-element-09e4946.elementor-view-stacked .elementor-icon{color:var( --e-global-color-accent );}.elementor-264 .elementor-element.elementor-element-09e4946.elementor-view-stacked .elementor-icon svg{fill:var( --e-global-color-accent );}.elementor-264 .elementor-element.elementor-element-5789ae0{width:var( --container-widget-width, 693px );max-width:693px;margin:20px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;--container-widget-width:693px;--container-widget-flex-grow:0;text-align:center;}.elementor-264 .elementor-element.elementor-element-5789ae0 .elementor-heading-title{font-family:"Cinzel", Sans-serif;font-size:20px;font-weight:400;line-height:28px;letter-spacing:1px;}.elementor-widget-button .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-264 .elementor-element.elementor-element-e60bc53{margin:20px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-264 .elementor-element.elementor-element-e60bc53 .elementor-button-content-wrapper{flex-direction:row-reverse;}.elementor-264 .elementor-element.elementor-element-e60bc53 .elementor-button{fill:#686868;color:#686868;}@media(max-width:1024px){.elementor-264 .elementor-element.elementor-element-c795abf:not(.elementor-motion-effects-element-type-background), .elementor-264 .elementor-element.elementor-element-c795abf > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-position:center center;}.elementor-264 .elementor-element.elementor-element-c795abf{--padding-top:160px;--padding-bottom:90px;--padding-left:20px;--padding-right:20px;}.elementor-264 .elementor-element.elementor-element-11fc470 .elementor-heading-title{font-size:40px;line-height:1.1em;}.elementor-264 .elementor-element.elementor-element-6d9256f{--padding-top:80px;--padding-bottom:90px;--padding-left:20px;--padding-right:20px;}.elementor-264 .elementor-element.elementor-element-898453c{--padding-top:25px;--padding-bottom:25px;--padding-left:25px;--padding-right:25px;}.elementor-264 .elementor-element.elementor-element-5789ae0{width:100%;max-width:100%;margin:20px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-264 .elementor-element.elementor-element-5789ae0 .elementor-heading-title{font-size:18px;line-height:1.4em;}.elementor-widget-button .elementor-button{font-size:var( --e-global-typography-accent-font-size );line-height:var( --e-global-typography-accent-line-height );}.elementor-264 .elementor-element.elementor-element-e60bc53{margin:10px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}}@media(max-width:767px){.elementor-264 .elementor-element.elementor-element-c795abf:not(.elementor-motion-effects-element-type-background), .elementor-264 .elementor-element.elementor-element-c795abf > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-position:center center;}.elementor-264 .elementor-element.elementor-element-c795abf{--padding-top:130px;--padding-bottom:75px;--padding-left:15px;--padding-right:15px;}.elementor-264 .elementor-element.elementor-element-11fc470{width:100%;max-width:100%;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-264 .elementor-element.elementor-element-11fc470 .elementor-heading-title{font-size:36px;}.elementor-264 .elementor-element.elementor-element-6d9256f{--padding-top:60px;--padding-bottom:75px;--padding-left:15px;--padding-right:15px;}.elementor-264 .elementor-element.elementor-element-898453c{--padding-top:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}.elementor-264 .elementor-element.elementor-element-5789ae0 .elementor-heading-title{font-size:17px;}.elementor-widget-button .elementor-button{font-size:var( --e-global-typography-accent-font-size );line-height:var( --e-global-typography-accent-line-height );}.elementor-264 .elementor-element.elementor-element-e60bc53{margin:10px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}}@media(min-width:768px){.elementor-264 .elementor-element.elementor-element-898453c{--width:72%;}}@media(max-width:1024px) and (min-width:768px){.elementor-264 .elementor-element.elementor-element-898453c{--width:100%;}}/* Start custom CSS for icon, class: .elementor-element-09e4946 *//* 1. New Page Discord Icon Outer 3D Frame (Silver Metallic) */
.elementor-264 .elementor-element.elementor-element-09e4946.elementor-view-stacked .elementor-icon {
    position: relative !important;
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    z-index: 1;
    overflow: visible !important;
    background-color: transparent !important; 
    padding: 0 !important;
    width: 80px !important;
    height: 80px !important;
    border-radius: 12px !important; 
    border: 1px solid #8D8D8D !important;
    background: radial-gradient(69.29% 56.94% at 50% 50%, #FFFFFF 50.34%, #676767 100%) !important;
    box-shadow: inset 0px 0px 4px rgba(0,0,0,0.3);
    transition: all 0.4s ease-in-out !important;
}

/* 2. Inner Metallic Layer (Silver) */
.elementor-264 .elementor-element.elementor-element-09e4946.elementor-view-stacked .elementor-icon::before {
    content: "";
    position: absolute;
    top: 4px;
    left: 4px;
    right: 4px;
    bottom: 4px;
    border-radius: 9px;
    z-index: -1;
    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;
    transition: all 0.4s ease;
}

/* 3. Icon Style */
.elementor-264 .elementor-element.elementor-element-09e4946.elementor-view-stacked .elementor-icon i,
.elementor-264 .elementor-element.elementor-element-09e4946.elementor-view-stacked .elementor-icon svg {
    color: #2C2C2C !important;
    font-size: 48px !important;
    z-index: 2;
    transition: all 0.4s ease;
}

/* 4. Hover State: Silver to Gold Transformation */
.elementor-264 .elementor-element.elementor-element-09e4946.elementor-view-stacked .elementor-icon:hover {
    transform: translateY(-3px) scale(1.05);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.5);
}

.elementor-264 .elementor-element.elementor-element-09e4946.elementor-view-stacked .elementor-icon:hover::before {
    background: linear-gradient(180deg, #FFD700 0%, #B8860B 100%) !important;
}

.elementor-264 .elementor-element.elementor-element-09e4946.elementor-view-stacked .elementor-icon:hover i,
.elementor-264 .elementor-element.elementor-element-09e4946.elementor-view-stacked .elementor-icon:hover svg {
    color: #FFFFFF !important;
}

/* --- RESPONSIVE SETTINGS --- */

@media (max-width: 1024px) {
    .elementor-264 .elementor-element.elementor-element-09e4946.elementor-view-stacked .elementor-icon {
        width: 70px !important;
        height: 70px !important;
    }
    .elementor-264 .elementor-element.elementor-element-09e4946.elementor-view-stacked .elementor-icon i {
        font-size: 40px !important;
    }
}

@media (max-width: 767px) {
    .elementor-264 .elementor-element.elementor-element-09e4946.elementor-view-stacked .elementor-icon {
        width: 60px !important;
        height: 60px !important;
    }
    .elementor-264 .elementor-element.elementor-element-09e4946.elementor-view-stacked .elementor-icon i {
        font-size: 32px !important;
    }
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-e60bc53 *//* 1. Outer Frame (Bronze/Gold Theme) */
.elementor-264 .elementor-element.elementor-element-e60bc53 .elementor-button {
    position: relative;
    border-radius: 10px !important;
    padding: 18px 23px !important;
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    z-index: 1;
    overflow: visible;
    
    /* Bronze Border from Menu/Discord Style */
    border: 1px solid #FFC300 !important; 
    background: radial-gradient(69.29% 56.94% at 50% 50%, #FFD700 0%, #987D69 100%) !important;
    transition: all 0.4s ease !important;
    color: #000 !important; /* Text color black for contrast */
    font-weight: 700 !important;
}

/* 2. Inner Button (Bronze/Brass Gradient) */
.elementor-264 .elementor-element.elementor-element-e60bc53 .elementor-button:after {
    content: '';
    position: absolute;
    top: 4px; 
    left: 4px;
    right: 4px;
    bottom: 4px;
    border-radius: 8px;
    /* Metallic Bronze Gradient */
    background: linear-gradient(95.46deg, #987D69 2.8%, #C19A6B 21.86%, #FDE9D6 38.72%, #C19A6B 57.67%, #987D69 87.39%);
    z-index: -1;
    border: 1px solid rgba(255, 195, 0, 0.5);
    transition: all 0.4s ease;
}

/* 3. Arrow Icon Size aur Smoothness */
.elementor-264 .elementor-element.elementor-element-e60bc53 .elementor-button-icon {
    margin-left: 8px !important; 
    font-size: 1.2em !important; 
    color: #000 !important;
    transition: transform 0.6s cubic-bezier(0.34, 1.56, 0.64, 1) !important;
    display: flex;
    align-items: center;
}

/* 4. Hover Effects (Metallic Shine) */
.elementor-264 .elementor-element.elementor-element-e60bc53 .elementor-button:hover:after {
    background: #FFC300 !important; /* Gold shine on hover */
    box-shadow: 0 0 15px rgba(255, 195, 0, 0.6);
}

.elementor-264 .elementor-element.elementor-element-e60bc53 .elementor-button:hover .elementor-button-icon {
    transform: translateX(6px) scale(1.1);
}/* End custom CSS */