.elementor-12 .elementor-element.elementor-element-b885f4e{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-12 .elementor-element.elementor-element-6fa1f70{padding:0px 0px 0px 0px;}.elementor-12 .elementor-element.elementor-element-85a7b21{--display:flex;--min-height:75vh;--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;--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-12 .elementor-element.elementor-element-85a7b21:not(.elementor-motion-effects-element-type-background), .elementor-12 .elementor-element.elementor-element-85a7b21 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#1A2332;background-image:url("https://11xplayyprobet.com/wp-content/uploads/2025/12/hero-1.webp");background-size:auto;}.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-12 .elementor-element.elementor-element-a274746{text-align:center;}.elementor-12 .elementor-element.elementor-element-a274746 .elementor-heading-title{color:#FFFFFF;}.elementor-12 .elementor-element.elementor-element-711665e{--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;box-shadow:10px 10px 10px 0px #DDDBDB;--padding-top:050px;--padding-bottom:050px;--padding-left:0px;--padding-right:0px;}.elementor-12 .elementor-element.elementor-element-711665e:not(.elementor-motion-effects-element-type-background), .elementor-12 .elementor-element.elementor-element-711665e > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#1A2332;}.elementor-12 .elementor-element.elementor-element-c191f50{padding:20px 20px 20px 20px;border-style:solid;border-width:0px 0px 1px 0px;border-color:#FFFFFF;border-radius:0px 0px 0px 0px;box-shadow:0px 0px 10px 0px rgba(0,0,0,0.5);}.elementor-12 .elementor-element.elementor-element-c191f50 .elementor-heading-title{color:#FFFFFF;}.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-12 .elementor-element.elementor-element-32dafdc{font-family:"Roboto", Sans-serif;font-weight:400;color:#FFFFFF;}.elementor-widget-button .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-12 .elementor-element.elementor-element-0cfebdb .elementor-button{font-family:"Roboto", Sans-serif;font-size:20px;font-weight:500;fill:#FFFFFF;color:#FFFFFF;}.elementor-12 .elementor-element.elementor-element-55c9c53{--display:flex;--min-height:75vh;--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;--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-12 .elementor-element.elementor-element-55c9c53:not(.elementor-motion-effects-element-type-background), .elementor-12 .elementor-element.elementor-element-55c9c53 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#1A2332;background-image:url("https://11xplayyprobet.com/wp-content/uploads/2025/12/Gemini_Generated_Image_2jbl9d2jbl9d2jbl.webp");background-position:center center;background-size:auto;}.elementor-12 .elementor-element.elementor-element-af40880{text-align:center;}.elementor-12 .elementor-element.elementor-element-af40880 .elementor-heading-title{color:#FFFFFF;}.elementor-12 .elementor-element.elementor-element-a5bb0a6{--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;box-shadow:10px 10px 10px 0px #DDDBDB;--padding-top:050px;--padding-bottom:050px;--padding-left:0px;--padding-right:0px;}.elementor-12 .elementor-element.elementor-element-a5bb0a6:not(.elementor-motion-effects-element-type-background), .elementor-12 .elementor-element.elementor-element-a5bb0a6 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#1A2332;}.elementor-12 .elementor-element.elementor-element-a405352{--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;box-shadow:10px 10px 10px 0px #DDDBDB;--padding-top:050px;--padding-bottom:050px;--padding-left:0px;--padding-right:0px;}.elementor-12 .elementor-element.elementor-element-a405352:not(.elementor-motion-effects-element-type-background), .elementor-12 .elementor-element.elementor-element-a405352 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#00245F;}.elementor-12 .elementor-element.elementor-element-dfa80fb{padding:20px 20px 20px 20px;border-style:solid;border-width:0px 0px 1px 0px;border-color:#FFFFFF;border-radius:0px 0px 0px 0px;box-shadow:0px 0px 10px 0px rgba(0,0,0,0.5);}.elementor-12 .elementor-element.elementor-element-dfa80fb .elementor-heading-title{color:#FFFFFF;}.elementor-12 .elementor-element.elementor-element-2e2c06a .elementor-button{font-family:"Roboto", Sans-serif;font-size:20px;font-weight:500;fill:#FFFFFF;color:#FFFFFF;}.elementor-12 .elementor-element.elementor-element-6e54dab{--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;box-shadow:10px 10px 10px 0px #DDDBDB;--padding-top:050px;--padding-bottom:050px;--padding-left:0px;--padding-right:0px;}.elementor-12 .elementor-element.elementor-element-6e54dab:not(.elementor-motion-effects-element-type-background), .elementor-12 .elementor-element.elementor-element-6e54dab > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#1A2332;}.elementor-12 .elementor-element.elementor-element-9b9d98d{padding:20px 20px 20px 20px;border-style:solid;border-width:0px 0px 1px 0px;border-color:#FFFFFF;border-radius:0px 0px 0px 0px;box-shadow:0px 0px 10px 0px rgba(0,0,0,0.5);}.elementor-12 .elementor-element.elementor-element-9b9d98d .elementor-heading-title{color:#FFFFFF;}.elementor-12 .elementor-element.elementor-element-2568f8d .elementor-button{font-family:"Roboto", Sans-serif;font-size:20px;font-weight:500;fill:#FFFFFF;color:#FFFFFF;}.elementor-12 .elementor-element.elementor-element-589f70e{--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;box-shadow:10px 10px 10px 0px #DDDBDB;--padding-top:050px;--padding-bottom:050px;--padding-left:0px;--padding-right:0px;}.elementor-12 .elementor-element.elementor-element-589f70e:not(.elementor-motion-effects-element-type-background), .elementor-12 .elementor-element.elementor-element-589f70e > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#00245F;}.elementor-12 .elementor-element.elementor-element-376793d{padding:20px 20px 20px 20px;border-style:solid;border-width:0px 0px 1px 0px;border-color:#FFFFFF;border-radius:0px 0px 0px 0px;box-shadow:0px 0px 10px 0px rgba(0,0,0,0.5);}.elementor-12 .elementor-element.elementor-element-376793d .elementor-heading-title{color:#FFFFFF;}.elementor-12 .elementor-element.elementor-element-44110f3{--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;}.elementor-12 .elementor-element.elementor-element-41364b1{width:var( --container-widget-width, 50% );max-width:50%;--container-widget-width:50%;--container-widget-flex-grow:0;font-family:"Roboto", Sans-serif;font-size:18px;font-weight:400;color:#FFFFFF;}.elementor-12 .elementor-element.elementor-element-41364b1.elementor-element{--align-self:center;}.elementor-widget-image .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-12 .elementor-element.elementor-element-5033d5f{width:var( --container-widget-width, 50% );max-width:50%;--container-widget-width:50%;--container-widget-flex-grow:0;}.elementor-12 .elementor-element.elementor-element-5033d5f img{width:100%;}.elementor-12 .elementor-element.elementor-element-7b19515 .elementor-button{font-family:"Roboto", Sans-serif;font-size:20px;font-weight:500;fill:#FFFFFF;color:#FFFFFF;}.elementor-12 .elementor-element.elementor-element-b2b83e9{--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;box-shadow:10px 10px 10px 0px #DDDBDB;--padding-top:050px;--padding-bottom:050px;--padding-left:0px;--padding-right:0px;}.elementor-12 .elementor-element.elementor-element-b2b83e9:not(.elementor-motion-effects-element-type-background), .elementor-12 .elementor-element.elementor-element-b2b83e9 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#1A2332;}.elementor-12 .elementor-element.elementor-element-0653a72{padding:20px 20px 20px 20px;border-style:solid;border-width:0px 0px 1px 0px;border-color:#FFFFFF;border-radius:0px 0px 0px 0px;box-shadow:0px 0px 10px 0px rgba(0,0,0,0.5);}.elementor-12 .elementor-element.elementor-element-0653a72 .elementor-heading-title{color:#FFFFFF;}.elementor-12 .elementor-element.elementor-element-f2fc60a img{width:100%;max-width:100%;height:65vh;object-fit:cover;object-position:center center;}.elementor-12 .elementor-element.elementor-element-4b3d5f3 .elementor-button{font-family:"Roboto", Sans-serif;font-size:20px;font-weight:500;fill:#FFFFFF;color:#FFFFFF;}.elementor-12 .elementor-element.elementor-element-e4b67f7{--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;box-shadow:10px 10px 10px 0px #DDDBDB;--padding-top:050px;--padding-bottom:050px;--padding-left:0px;--padding-right:0px;}.elementor-12 .elementor-element.elementor-element-e4b67f7:not(.elementor-motion-effects-element-type-background), .elementor-12 .elementor-element.elementor-element-e4b67f7 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#00245F;}.elementor-12 .elementor-element.elementor-element-6d95bfb{padding:20px 20px 20px 20px;border-style:solid;border-width:0px 0px 1px 0px;border-color:#FFFFFF;border-radius:0px 0px 0px 0px;box-shadow:0px 0px 10px 0px rgba(0,0,0,0.5);}.elementor-12 .elementor-element.elementor-element-6d95bfb .elementor-heading-title{color:#FFFFFF;}.elementor-12 .elementor-element.elementor-element-18ed472{--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;}.elementor-12 .elementor-element.elementor-element-accfbfb{width:var( --container-widget-width, 50% );max-width:50%;--container-widget-width:50%;--container-widget-flex-grow:0;font-family:"Roboto", Sans-serif;font-size:18px;font-weight:400;color:#FFFFFF;}.elementor-12 .elementor-element.elementor-element-accfbfb.elementor-element{--align-self:center;}.elementor-12 .elementor-element.elementor-element-3430c10{width:var( --container-widget-width, 50% );max-width:50%;--container-widget-width:50%;--container-widget-flex-grow:0;}.elementor-12 .elementor-element.elementor-element-3430c10 img{width:100%;}.elementor-12 .elementor-element.elementor-element-9a3dc5c .elementor-button{font-family:"Roboto", Sans-serif;font-size:20px;font-weight:500;fill:#FFFFFF;color:#FFFFFF;}.elementor-12 .elementor-element.elementor-element-7298d4f{--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;box-shadow:10px 10px 10px 0px #DDDBDB;--padding-top:050px;--padding-bottom:050px;--padding-left:0px;--padding-right:0px;}.elementor-12 .elementor-element.elementor-element-7298d4f:not(.elementor-motion-effects-element-type-background), .elementor-12 .elementor-element.elementor-element-7298d4f > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#1A2332;}.elementor-12 .elementor-element.elementor-element-0c20bf2{padding:20px 20px 20px 20px;border-style:solid;border-width:0px 0px 1px 0px;border-color:#FFFFFF;border-radius:0px 0px 0px 0px;box-shadow:0px 0px 10px 0px rgba(0,0,0,0.5);}.elementor-12 .elementor-element.elementor-element-0c20bf2 .elementor-heading-title{color:#FFFFFF;}.elementor-12 .elementor-element.elementor-element-cd4e792 .elementor-button{font-family:"Roboto", Sans-serif;font-size:20px;font-weight:500;fill:#FFFFFF;color:#FFFFFF;}.elementor-12 .elementor-element.elementor-element-b9846f0{--display:flex;--min-height:70vh;--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:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-12 .elementor-element.elementor-element-b9846f0:not(.elementor-motion-effects-element-type-background), .elementor-12 .elementor-element.elementor-element-b9846f0 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://11xplayyprobet.com/wp-content/uploads/2025/12/Gemini_Generated_Image_u0yrxiu0yrxiu0yr.webp");background-position:center center;}.elementor-12 .elementor-element.elementor-element-ed3ab92{--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;box-shadow:10px 10px 10px 0px #DDDBDB;--padding-top:050px;--padding-bottom:050px;--padding-left:0px;--padding-right:0px;}.elementor-12 .elementor-element.elementor-element-ed3ab92:not(.elementor-motion-effects-element-type-background), .elementor-12 .elementor-element.elementor-element-ed3ab92 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#00245F;}.elementor-12 .elementor-element.elementor-element-cf4c3ae{padding:20px 20px 20px 20px;border-style:solid;border-width:0px 0px 1px 0px;border-color:#FFFFFF;border-radius:0px 0px 0px 0px;box-shadow:0px 0px 10px 0px rgba(0,0,0,0.5);}.elementor-12 .elementor-element.elementor-element-cf4c3ae .elementor-heading-title{color:#FFFFFF;}.elementor-12 .elementor-element.elementor-element-c577632 .elementor-button{font-family:"Roboto", Sans-serif;font-size:20px;font-weight:500;fill:#FFFFFF;color:#FFFFFF;}.elementor-12 .elementor-element.elementor-element-b279c18{--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;box-shadow:10px 10px 10px 0px #DDDBDB;--padding-top:050px;--padding-bottom:050px;--padding-left:0px;--padding-right:0px;}.elementor-12 .elementor-element.elementor-element-b279c18:not(.elementor-motion-effects-element-type-background), .elementor-12 .elementor-element.elementor-element-b279c18 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#1A2332;}.elementor-12 .elementor-element.elementor-element-a8f55f2{padding:20px 20px 20px 20px;border-style:solid;border-width:0px 0px 1px 0px;border-color:#FFFFFF;border-radius:0px 0px 0px 0px;box-shadow:0px 0px 10px 0px rgba(0,0,0,0.5);}.elementor-12 .elementor-element.elementor-element-a8f55f2 .elementor-heading-title{color:#FFFFFF;}.elementor-12 .elementor-element.elementor-element-959e386 .elementor-button{font-family:"Roboto", Sans-serif;font-size:20px;font-weight:500;fill:#FFFFFF;color:#FFFFFF;}.elementor-12 .elementor-element.elementor-element-7bb1854{--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;box-shadow:10px 10px 10px 0px #DDDBDB;--padding-top:050px;--padding-bottom:050px;--padding-left:0px;--padding-right:0px;}.elementor-12 .elementor-element.elementor-element-7bb1854:not(.elementor-motion-effects-element-type-background), .elementor-12 .elementor-element.elementor-element-7bb1854 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#00245F;}.elementor-12 .elementor-element.elementor-element-d6b9df7{padding:20px 20px 20px 20px;border-style:solid;border-width:0px 0px 1px 0px;border-color:#FFFFFF;border-radius:0px 0px 0px 0px;box-shadow:0px 0px 10px 0px rgba(0,0,0,0.5);}.elementor-12 .elementor-element.elementor-element-d6b9df7 .elementor-heading-title{color:#FFFFFF;}.elementor-12 .elementor-element.elementor-element-a28c379 .elementor-button{font-family:"Roboto", Sans-serif;font-size:20px;font-weight:500;fill:#FFFFFF;color:#FFFFFF;}.elementor-12 .elementor-element.elementor-element-7501bad{--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;box-shadow:10px 10px 10px 0px #DDDBDB;--padding-top:050px;--padding-bottom:050px;--padding-left:0px;--padding-right:0px;}.elementor-12 .elementor-element.elementor-element-7501bad:not(.elementor-motion-effects-element-type-background), .elementor-12 .elementor-element.elementor-element-7501bad > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#1A2332;}.elementor-12 .elementor-element.elementor-element-405fd54{padding:20px 20px 20px 20px;border-style:solid;border-width:0px 0px 1px 0px;border-color:#FFFFFF;border-radius:0px 0px 0px 0px;box-shadow:0px 0px 10px 0px rgba(0,0,0,0.5);}.elementor-12 .elementor-element.elementor-element-405fd54 .elementor-heading-title{color:#FFFFFF;}.elementor-12 .elementor-element.elementor-element-bb11272{--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;box-shadow:10px 10px 10px 0px #DDDBDB;--padding-top:050px;--padding-bottom:050px;--padding-left:0px;--padding-right:0px;}.elementor-12 .elementor-element.elementor-element-bb11272:not(.elementor-motion-effects-element-type-background), .elementor-12 .elementor-element.elementor-element-bb11272 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#00245F;}.elementor-12 .elementor-element.elementor-element-5ed1b74{padding:20px 20px 20px 20px;border-style:solid;border-width:0px 0px 1px 0px;border-color:#FFFFFF;border-radius:0px 0px 0px 0px;box-shadow:0px 0px 10px 0px rgba(0,0,0,0.5);}.elementor-12 .elementor-element.elementor-element-5ed1b74 .elementor-heading-title{color:#FFFFFF;}.elementor-12 .elementor-element.elementor-element-8ade3a4{--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;box-shadow:10px 10px 10px 0px #DDDBDB;--padding-top:050px;--padding-bottom:050px;--padding-left:0px;--padding-right:0px;}.elementor-12 .elementor-element.elementor-element-8ade3a4:not(.elementor-motion-effects-element-type-background), .elementor-12 .elementor-element.elementor-element-8ade3a4 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#1A2332;}.elementor-12 .elementor-element.elementor-element-3bf7e51{padding:20px 20px 20px 20px;border-style:solid;border-width:0px 0px 1px 0px;border-color:#FFFFFF;border-radius:0px 0px 0px 0px;box-shadow:0px 0px 10px 0px rgba(0,0,0,0.5);}.elementor-12 .elementor-element.elementor-element-3bf7e51 .elementor-heading-title{color:#FFFFFF;}.elementor-12 .elementor-element.elementor-element-74fe83b .elementor-button{font-family:"Roboto", Sans-serif;font-size:20px;font-weight:500;fill:#FFFFFF;color:#FFFFFF;}:root{--page-title-display:none;}@media(max-width:767px){.elementor-12 .elementor-element.elementor-element-85a7b21{--min-height:45vh;}.elementor-12 .elementor-element.elementor-element-85a7b21:not(.elementor-motion-effects-element-type-background), .elementor-12 .elementor-element.elementor-element-85a7b21 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-size:cover;}.elementor-12 .elementor-element.elementor-element-711665e{--padding-top:020px;--padding-bottom:020px;--padding-left:020px;--padding-right:020px;}.elementor-12 .elementor-element.elementor-element-55c9c53{--min-height:45vh;}.elementor-12 .elementor-element.elementor-element-55c9c53:not(.elementor-motion-effects-element-type-background), .elementor-12 .elementor-element.elementor-element-55c9c53 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-size:cover;}.elementor-12 .elementor-element.elementor-element-a5bb0a6{--padding-top:020px;--padding-bottom:020px;--padding-left:020px;--padding-right:020px;}.elementor-12 .elementor-element.elementor-element-a405352{--padding-top:020px;--padding-bottom:020px;--padding-left:020px;--padding-right:020px;}.elementor-12 .elementor-element.elementor-element-6e54dab{--padding-top:020px;--padding-bottom:020px;--padding-left:020px;--padding-right:020px;}.elementor-12 .elementor-element.elementor-element-589f70e{--padding-top:020px;--padding-bottom:020px;--padding-left:020px;--padding-right:020px;}.elementor-12 .elementor-element.elementor-element-41364b1{width:100%;max-width:100%;}.elementor-12 .elementor-element.elementor-element-5033d5f{width:100%;max-width:100%;}.elementor-12 .elementor-element.elementor-element-5033d5f img{height:200px;}.elementor-12 .elementor-element.elementor-element-b2b83e9{--padding-top:020px;--padding-bottom:020px;--padding-left:020px;--padding-right:020px;}.elementor-12 .elementor-element.elementor-element-f2fc60a img{height:35vh;object-fit:cover;}.elementor-12 .elementor-element.elementor-element-e4b67f7{--padding-top:020px;--padding-bottom:020px;--padding-left:020px;--padding-right:020px;}.elementor-12 .elementor-element.elementor-element-accfbfb{width:100%;max-width:100%;}.elementor-12 .elementor-element.elementor-element-3430c10{width:100%;max-width:100%;}.elementor-12 .elementor-element.elementor-element-3430c10 img{height:200px;}.elementor-12 .elementor-element.elementor-element-7298d4f{--padding-top:020px;--padding-bottom:020px;--padding-left:020px;--padding-right:020px;}.elementor-12 .elementor-element.elementor-element-b9846f0{--min-height:40vh;}.elementor-12 .elementor-element.elementor-element-b9846f0:not(.elementor-motion-effects-element-type-background), .elementor-12 .elementor-element.elementor-element-b9846f0 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-size:cover;}.elementor-12 .elementor-element.elementor-element-ed3ab92{--padding-top:020px;--padding-bottom:020px;--padding-left:020px;--padding-right:020px;}.elementor-12 .elementor-element.elementor-element-b279c18{--padding-top:020px;--padding-bottom:020px;--padding-left:020px;--padding-right:020px;}.elementor-12 .elementor-element.elementor-element-7bb1854{--padding-top:020px;--padding-bottom:020px;--padding-left:020px;--padding-right:020px;}.elementor-12 .elementor-element.elementor-element-7501bad{--padding-top:020px;--padding-bottom:020px;--padding-left:020px;--padding-right:020px;}.elementor-12 .elementor-element.elementor-element-bb11272{--padding-top:020px;--padding-bottom:020px;--padding-left:020px;--padding-right:020px;}.elementor-12 .elementor-element.elementor-element-8ade3a4{--padding-top:020px;--padding-bottom:020px;--padding-left:020px;--padding-right:020px;}}/* Start custom CSS for html, class: .elementor-element-6fa1f70 */* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

.custom-section {
    font-family: 'Arial', 'Helvetica', sans-serif;
    background: linear-gradient(135deg, #0a1929 0%, #1a2332 100%);
    color: #ffffff;
    min-height: 100vh;
}

.btn {
    padding: 10px 28px;
    border: none;
    border-radius: 25px;
    font-weight: bold;
    cursor: pointer;
    transition: all 0.3s ease;
    font-size: 14px;
    text-transform: uppercase;
}

.btn-demo {
    background: linear-gradient(135deg, #ff0080, #ff4081);
    color: white;
    box-shadow: 0 4px 15px rgba(255, 0, 128, 0.3);
}

.btn-login {
    background: linear-gradient(135deg, #00ff88, #00d4aa);
    color: #000;
    box-shadow: 0 4px 15px rgba(0, 255, 136, 0.3);
}

.btn:hover {
    transform: translateY(-2px);
    box-shadow: 0 6px 20px rgba(0, 255, 255, 0.4);
}

.marquee {
    background: linear-gradient(90deg, #000000, #1a1a1a, #000000);
    padding: 14px 0;
    overflow: hidden;
    border-bottom: 2px solid #00ffff;
}

.marquee-content {
    display: inline-block;
    white-space: nowrap;
    animation: scroll 25s linear infinite;
    font-size: 15px;
    color: #00ffff;
    font-weight: 600;
    letter-spacing: 1px;
}

@keyframes scroll {
    0% { transform: translateX(100%); }
    100% { transform: translateX(-100%); }
}

.main-layout {
    display: flex;
    max-width: 1600px;
    margin: 0 auto;
    gap: 0;
}

.sidebar {
    width: 220px;
    background: linear-gradient(180deg, #0a1929, #000000);
    border-right: 2px solid #00ffff;
    padding: 20px 0;
    position: sticky;
    top: 80px;
    height: calc(100vh - 80px);
    overflow-y: auto;
}

.sidebar-title {
    color: #00ffff;
    font-size: 16px;
    font-weight: bold;
    padding: 15px 20px;
    border-bottom: 2px solid #00ffff;
    margin-bottom: 10px;
    text-transform: uppercase;
}

.sidebar-item {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 14px 20px;
    color: #ffffff;
    text-decoration: none;
    transition: all 0.3s ease;
    border-left: 3px solid transparent;
    font-weight: 500;
}

.sidebar-item:hover {
    background: linear-gradient(90deg, transparent, rgba(0, 255, 255, 0.1));
    border-left-color: #00ffff;
    color: #00ffff;
}

.sidebar-icon {
    font-size: 22px;
}

.nav-tabs {
    background: #000000;
    padding: 0;
    overflow-x: auto;
    white-space: nowrap;
    border-bottom: 3px solid #00ffff;
    scrollbar-width: thin;
    scrollbar-color: #00ffff #000;
}

.nav-tabs::-webkit-scrollbar {
    height: 6px;
}

.nav-tabs::-webkit-scrollbar-track {
    background: #000;
}

.nav-tabs::-webkit-scrollbar-thumb {
    background: #00ffff;
    border-radius: 3px;
}

.nav-tabs-container {
    display: flex;
    justify-content: flex-start;
    min-width: max-content;
}

.tab {
    padding: 16px 28px;
    cursor: pointer;
    border: none;
    background: transparent;
    color: #ffffff;
    font-size: 14px;
    font-weight: 600;
    transition: all 0.3s ease;
    display: flex;
    align-items: center;
    gap: 10px;
    border-bottom: 3px solid transparent;
    text-transform: uppercase;
}

.tab:hover {
    background: rgba(0, 255, 255, 0.1);
    color: #00ffff;
}

.tab.active {
    background: linear-gradient(180deg, rgba(0, 255, 255, 0.2), transparent);
    color: #00ffff;
    border-bottom-color: #00ffff;
}

.tab-icon {
    font-size: 20px;
}

.content-area {
    flex: 1;
    padding: 25px;
}

.section-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    background: linear-gradient(135deg, #00ffff, #00d4ff);
    padding: 16px 25px;
    border-radius: 8px 8px 0 0;
    margin-top: 25px;
    box-shadow: 0 4px 15px rgba(0, 255, 255, 0.3);
}

.section-header h2 {
    font-size: 18px;
    display: flex;
    align-items: center;
    gap: 10px;
    color: #000000;
    font-weight: bold;
    text-transform: uppercase;
}

.collapse-btn {
    background: transparent;
    border: 2px solid #000;
    color: #000;
    padding: 6px 16px;
    border-radius: 5px;
    font-weight: bold;
    cursor: pointer;
    transition: all 0.3s ease;
}

.collapse-btn:hover {
    background: #000;
    color: #00ffff;
}

.table-section {
    display: none;
}

.table-section.active {
    display: block;
}

.section-content {
    background: linear-gradient(135deg, #1a2332, #0a1929);
    border-radius: 0 0 8px 8px;
    padding: 20px;
    border: 2px solid #00ffff;
    border-top: none;
}

.match-filters {
    display: flex;
    gap: 12px;
    margin-bottom: 20px;
    flex-wrap: wrap;
}

.filter-btn {
    padding: 10px 22px;
    background: #000000;
    border: 2px solid #00ffff;
    color: #00ffff;
    border-radius: 20px;
    cursor: pointer;
    transition: all 0.3s ease;
    font-weight: 600;
}

.filter-btn:hover,
.filter-btn.active {
    background: #00ffff;
    color: #000;
}

.match-table {
    background: #000000;
    border-radius: 8px;
    overflow: hidden;
    margin-bottom: 20px;
    border: 2px solid #00ffff;
}

.match-header {
    background: linear-gradient(90deg, #1a2332, #0a1929);
    padding: 16px 20px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-bottom: 2px solid #00ffff;
}

.match-title {
    display: flex;
    flex-direction: column;
    gap: 6px;
}

.match-date {
    color: #00ffff;
    font-size: 12px;
    font-weight: 600;
}

.match-name {
    font-size: 16px;
    font-weight: bold;
    color: #ffffff;
}

.live-badge {
    background: linear-gradient(135deg, #ff0080, #ff4081);
    color: white;
    padding: 6px 18px;
    border-radius: 20px;
    font-size: 12px;
    font-weight: bold;
    animation: pulse 2s infinite;
    box-shadow: 0 0 15px rgba(255, 0, 128, 0.5);
}

@keyframes pulse {
    0%, 100% { opacity: 1; transform: scale(1); }
    50% { opacity: 0.7; transform: scale(1.05); }
}

.odds-grid {
    display: grid;
    grid-template-columns: 1fr auto;
    padding: 16px 20px;
    gap: 20px;
    align-items: center;
    background: #0a1929;
}

.team-info {
    display: flex;
    align-items: center;
    gap: 12px;
    font-weight: 600;
    font-size: 15px;
}

.country-flag {
    font-size: 26px;
}

.odds-buttons {
    display: grid;
    grid-template-columns: repeat(6, 1fr);
    gap: 10px;
}

.odd-btn {
    padding: 14px 10px;
    border: none;
    border-radius: 6px;
    font-weight: bold;
    cursor: pointer;
    transition: all 0.3s ease;
    font-size: 14px;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.3);
}

.odd-btn.back {
    background: linear-gradient(135deg, #00d4ff, #00ffff);
    color: #000;
}

.odd-btn.lay {
    background: linear-gradient(135deg, #ffeb3b, #ffc107);
    color: #000;
}

.odd-btn:hover {
    transform: translateY(-3px);
    box-shadow: 0 5px 15px rgba(0, 255, 255, 0.4);
}

@media (max-width: 1024px) {
    .sidebar {
        display: none;
    }

    .main-layout {
        flex-direction: column;
    }
}

@media (max-width: 768px) {
    .logo {
        height: 45px;
    }

    .tab {
        padding: 14px 18px;
        font-size: 12px;
    }

    .odds-buttons {
        grid-template-columns: repeat(3, 1fr);
    }

    .odds-grid {
        grid-template-columns: 1fr;
    }

    .section-header {
        flex-direction: column;
        gap: 12px;
    }

    .auth-buttons {
        flex-direction: column;
        width: 100%;
    }

    .btn {
        width: 100%;
    }

    .content-area {
        padding: 15px;
    }
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-0cfebdb *//* New Button - Green + Skyblue + Orange Glow (Only Outside) */
.elementor-element .elementor-button {
    position: relative;
    overflow: visible !important;
    z-index: 1;
    background: #0dd4a3 !important;
    color: #000 !important;
    transition: all 0.3s ease;
}

/* First layer - outer glow rotating colors */
.elementor-element .elementor-button::before {
    content: '';
    position: absolute;
    top: -3px;
    left: -3px;
    right: -3px;
    bottom: -3px;
    background: linear-gradient(45deg, 
        #0dd4a3,    /* Green */
        #00d4ff,    /* Sky Blue */
        #ff6b00,    /* Orange */
        #0dd4a3,    /* Green */
        #00d4ff     /* Sky Blue */
    );
    background-size: 400% 400%;
    border-radius: inherit;
    z-index: -1;
    animation: borderGlow 3s linear infinite;
    opacity: 0;
}

/* Second layer - main outer glow (bahar ki taraf) */
.elementor-element .elementor-button::after {
    content: '';
    position: absolute;
    top: -2px;
    left: -2px;
    right: -2px;
    bottom: -2px;
    background: linear-gradient(45deg,
        #0dd4a3,    /* Green */
        #00d4ff,    /* Sky Blue */
        #ff6b00,    /* Orange */
        #0dd4a3
    );
    background-size: 400% 400%;
    border-radius: inherit;
    z-index: -1;
    animation: outerGlow 3s linear infinite;
    filter: blur(12px);
    opacity: 0.9;
    transition: all 0.3s ease;
}

/* Border glow animation */
@keyframes borderGlow {
    0% {
        background-position: 0% 50%;
    }
    50% {
        background-position: 100% 50%;
    }
    100% {
        background-position: 0% 50%;
    }
}

/* Outer glow animation - bahar ki taraf spread */
@keyframes outerGlow {
    0% {
        background-position: 0% 50%;
        filter: blur(12px);
        transform: scale(1);
    }
    50% {
        background-position: 100% 50%;
        filter: blur(15px);
        transform: scale(1.02);
    }
    100% {
        background-position: 0% 50%;
        filter: blur(12px);
        transform: scale(1);
    }
}

/* 🔥 HOVER EFFECTS - Bahar ki taraf explosive glow 🔥 */

.elementor-element .elementor-button:hover {
    transform: translateY(-4px) scale(1.05);
    box-shadow: 0 15px 40px rgba(13, 212, 163, 0.7);
}

/* Hover - intense outer glow */
.elementor-element .elementor-button:hover::after {
    top: -4px;
    left: -4px;
    right: -4px;
    bottom: -4px;
    filter: blur(20px) brightness(1.5);
    opacity: 1;
    animation: explosiveOuterGlow 2s linear infinite;
}

/* Explosive outer glow on hover */
@keyframes explosiveOuterGlow {
    0% {
        background-position: 0% 50%;
        filter: blur(20px);
        transform: scale(1);
    }
    50% {
        background-position: 100% 50%;
        filter: blur(25px);
        transform: scale(1.08);
    }
    100% {
        background-position: 0% 50%;
        filter: blur(20px);
        transform: scale(1);
    }
}

/* Active/Click effect */
.elementor-element .elementor-button:active {
    transform: translateY(-2px) scale(1.02);
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-99e536e *//* Section Wrapper */
.id-section {
  margin-top: 30px;
  text-align: center;
}

/* Heading */
.id-heading {
  color: #0dd4a3;
  font-size: 28px;
  font-weight: 800;
  margin-bottom: 14px;
  text
}

/* Intro Text */
.id-intro {
  color: #ffffff;
  font-size: 16px;
  line-height: 1.7;
  max-width: 750px;
  margin: 0 auto 28px;
}

/* Feature Grid */
.id-features {
  display: flex;
  flex-wrap: wrap;
  gap: 22px;
  justify-content: center;
  margin-bottom: 32px;
}

/* Feature Cards */
.id-card {
  flex: 1 1 calc(33.33% - 22px);
  background: rgba(255,255,255,0.08);
  border: 1px solid rgba(255,255,255,0.18);
  padding: 18px;
  border-radius: 14px;
  backdrop-filter: blur(6px);
  transition: 0.3s ease;
}

.id-card:hover {
  transform: translateY(-6px);
  border-color: #0dd4a3;
  box-shadow: 0 10px 24px rgba(0,0,0,0.28);
}

/* Icon */
.id-icon {
  font-size: 32px;
  margin-bottom: 10px;
}

/* Card Title */
.id-card h3 {
  color: #0dd4a3;
  font-size: 20px;
  font-weight: 700;
  margin-bottom: 6px;
}

/* Card Text */
.id-card p {
  color: #ffffff;
  font-size: 15px;
  line-height: 1.65;
}

/* CTA Box */
.id-cta {
  background: rgba(255,255,255,0.12);
  border: 1px solid rgba(255,255,255,0.28);
  padding: 28px;
  border-radius: 16px;
  backdrop-filter: blur(8px);
  max-width: 700px;
  margin: auto;
  transition: 0.3s ease;
}

/* CTA Text */
.id-cta h3 {
  color: #0dd4a3;
  font-size: 22px;
  font-weight: 700;
  margin-bottom: 8px;
}

.id-cta p {
  color: #ffffff;
  font-size: 16px;
  line-height: 1.6;
  margin-bottom: 14px;
}

/* CTA Button */
.id-btn {
  display: inline-block;
  padding: 12px 26px;
  background: #0dd4a3;
  color: #071021;
  border-radius: 50px;
  font-size: 16px;
  font-weight: 700;
  text-decoration: none;
  transition: 0.3s ease;
}

.id-btn:hover {
  background: #10f5c4;
  transform: translateY(-3px);
}

/* Responsive */
@media (max-width: 768px) {
  .id-card {
    flex: 1 1 100%;
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-987181c *//* Container Grid */
.history-cards {
    display: grid;
    grid-template-columns: 1fr;
    gap: 20px;
    margin-top: 20px;
}

/* Card Style */
.history-card {
    background: #ffffff12;
    border: 1px solid #ffffff25;
    padding: 22px;
    border-radius: 14px;
    backdrop-filter: blur(8px);
    box-shadow: 0 0 18px #00000050;
    transition: 0.3s ease;
}

/* Card Hover */
.history-card:hover {
    transform: translateY(-6px);
    box-shadow: 0 0 25px #0dd4a370;
}

/* Card Heading */
.history-card h3 {
    font-size: 22px;
    font-weight: 700;
    color: #0dd4a3;
    margin-bottom: 10px;
}

/* Card Text */
.history-card p {
    color: #ffffff;
    line-height: 1.7;
    margin: 0;
}

/* Responsive */
@media (min-width: 768px) {
    .history-cards {
        grid-template-columns: 1fr 1fr;
    }
}

@media (min-width: 1024px) {
    .history-cards {
        grid-template-columns: 1fr 1fr 1fr;
    }
}

.glow-btn {
  position: relative;
  display: inline-block;
  padding: 14px 36px;
  border-radius: 60px;
  font-size: 16px;
  font-weight: 700;
  color: #fff;
  text-decoration: none;
  background: #0a0a0a;
  z-index: 1;
  overflow: hidden;
}

/* Moving Glow Border */
.glow-btn::before {
  content: "";
  position: absolute;
  inset: -3px;
  background: conic-gradient(
    #25d366,
    #00ffd5,
    #25d366,
    #00ffd5,
    #25d366
  );
  border-radius: 60px;
  animation: rotate 3s linear infinite;
  z-index: -2;
}

/* Inner Dark Layer */
.glow-btn::after {
  content: "";
  position: absolute;
  inset: 3px;
  background: linear-gradient(135deg, #000, #111);
  border-radius: 60px;
  z-index: -1;
}

/* Button Text Layer */
.glow-btn span {
  position: relative;
  z-index: 2;
}

/* Animation */
@keyframes rotate {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}

/* Hover Effect */
.glow-btn:hover {
  transform: scale(1.05);
  transition: 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-2e2c06a *//* New Button - Green + Skyblue + Orange Glow (Only Outside) */
.elementor-element .elementor-button {
    position: relative;
    overflow: visible !important;
    z-index: 1;
    background: #0dd4a3 !important;
    color: #000 !important;
    transition: all 0.3s ease;
}

/* First layer - outer glow rotating colors */
.elementor-element .elementor-button::before {
    content: '';
    position: absolute;
    top: -3px;
    left: -3px;
    right: -3px;
    bottom: -3px;
    background: linear-gradient(45deg, 
        #0dd4a3,    /* Green */
        #00d4ff,    /* Sky Blue */
        #ff6b00,    /* Orange */
        #0dd4a3,    /* Green */
        #00d4ff     /* Sky Blue */
    );
    background-size: 400% 400%;
    border-radius: inherit;
    z-index: -1;
    animation: borderGlow 3s linear infinite;
    opacity: 0;
}

/* Second layer - main outer glow (bahar ki taraf) */
.elementor-element .elementor-button::after {
    content: '';
    position: absolute;
    top: -2px;
    left: -2px;
    right: -2px;
    bottom: -2px;
    background: linear-gradient(45deg,
        #0dd4a3,    /* Green */
        #00d4ff,    /* Sky Blue */
        #ff6b00,    /* Orange */
        #0dd4a3
    );
    background-size: 400% 400%;
    border-radius: inherit;
    z-index: -1;
    animation: outerGlow 3s linear infinite;
    filter: blur(12px);
    opacity: 0.9;
    transition: all 0.3s ease;
}

/* Border glow animation */
@keyframes borderGlow {
    0% {
        background-position: 0% 50%;
    }
    50% {
        background-position: 100% 50%;
    }
    100% {
        background-position: 0% 50%;
    }
}

/* Outer glow animation - bahar ki taraf spread */
@keyframes outerGlow {
    0% {
        background-position: 0% 50%;
        filter: blur(12px);
        transform: scale(1);
    }
    50% {
        background-position: 100% 50%;
        filter: blur(15px);
        transform: scale(1.02);
    }
    100% {
        background-position: 0% 50%;
        filter: blur(12px);
        transform: scale(1);
    }
}

/* 🔥 HOVER EFFECTS - Bahar ki taraf explosive glow 🔥 */

.elementor-element .elementor-button:hover {
    transform: translateY(-4px) scale(1.05);
    box-shadow: 0 15px 40px rgba(13, 212, 163, 0.7);
}

/* Hover - intense outer glow */
.elementor-element .elementor-button:hover::after {
    top: -4px;
    left: -4px;
    right: -4px;
    bottom: -4px;
    filter: blur(20px) brightness(1.5);
    opacity: 1;
    animation: explosiveOuterGlow 2s linear infinite;
}

/* Explosive outer glow on hover */
@keyframes explosiveOuterGlow {
    0% {
        background-position: 0% 50%;
        filter: blur(20px);
        transform: scale(1);
    }
    50% {
        background-position: 100% 50%;
        filter: blur(25px);
        transform: scale(1.08);
    }
    100% {
        background-position: 0% 50%;
        filter: blur(20px);
        transform: scale(1);
    }
}

/* Active/Click effect */
.elementor-element .elementor-button:active {
    transform: translateY(-2px) scale(1.02);
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-48ca8f7 */.premium-info-table {
    width: 100%;
    border-collapse: collapse;
    font-size: 16px;
    color: #ffffff;
    margin-top: 20px;
    overflow: hidden;
    border-radius: 12px;
}

/* Header */
.premium-info-table thead tr {
    background: linear-gradient(90deg, #6a11cb, #0dd4a3);
    color: #ffffff;
    font-weight: 700;
}

.premium-info-table th {
    padding: 14px;
    border: 1px solid #ffffff30;
    text-align: left;
}

/* Table Rows */
.premium-info-table td {
    padding: 14px;
    border: 1px solid #ffffff25;
}

/* Alternate Row Colors */
.premium-info-table tbody tr:nth-child(odd) {
    background: #ffffff10;
}

.premium-info-table tbody tr:nth-child(even) {
    background: #ffffff08;
}

/* Mobile Responsive */
@media (max-width: 768px) {
    .premium-info-table td,
    .premium-info-table th {
        padding: 12px;
        font-size: 15px;
    }
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-2568f8d *//* New Button - Green + Skyblue + Orange Glow (Only Outside) */
.elementor-element .elementor-button {
    position: relative;
    overflow: visible !important;
    z-index: 1;
    background: #0dd4a3 !important;
    color: #000 !important;
    transition: all 0.3s ease;
}

/* First layer - outer glow rotating colors */
.elementor-element .elementor-button::before {
    content: '';
    position: absolute;
    top: -3px;
    left: -3px;
    right: -3px;
    bottom: -3px;
    background: linear-gradient(45deg, 
        #0dd4a3,    /* Green */
        #00d4ff,    /* Sky Blue */
        #ff6b00,    /* Orange */
        #0dd4a3,    /* Green */
        #00d4ff     /* Sky Blue */
    );
    background-size: 400% 400%;
    border-radius: inherit;
    z-index: -1;
    animation: borderGlow 3s linear infinite;
    opacity: 0;
}

/* Second layer - main outer glow (bahar ki taraf) */
.elementor-element .elementor-button::after {
    content: '';
    position: absolute;
    top: -2px;
    left: -2px;
    right: -2px;
    bottom: -2px;
    background: linear-gradient(45deg,
        #0dd4a3,    /* Green */
        #00d4ff,    /* Sky Blue */
        #ff6b00,    /* Orange */
        #0dd4a3
    );
    background-size: 400% 400%;
    border-radius: inherit;
    z-index: -1;
    animation: outerGlow 3s linear infinite;
    filter: blur(12px);
    opacity: 0.9;
    transition: all 0.3s ease;
}

/* Border glow animation */
@keyframes borderGlow {
    0% {
        background-position: 0% 50%;
    }
    50% {
        background-position: 100% 50%;
    }
    100% {
        background-position: 0% 50%;
    }
}

/* Outer glow animation - bahar ki taraf spread */
@keyframes outerGlow {
    0% {
        background-position: 0% 50%;
        filter: blur(12px);
        transform: scale(1);
    }
    50% {
        background-position: 100% 50%;
        filter: blur(15px);
        transform: scale(1.02);
    }
    100% {
        background-position: 0% 50%;
        filter: blur(12px);
        transform: scale(1);
    }
}

/* 🔥 HOVER EFFECTS - Bahar ki taraf explosive glow 🔥 */

.elementor-element .elementor-button:hover {
    transform: translateY(-4px) scale(1.05);
    box-shadow: 0 15px 40px rgba(13, 212, 163, 0.7);
}

/* Hover - intense outer glow */
.elementor-element .elementor-button:hover::after {
    top: -4px;
    left: -4px;
    right: -4px;
    bottom: -4px;
    filter: blur(20px) brightness(1.5);
    opacity: 1;
    animation: explosiveOuterGlow 2s linear infinite;
}

/* Explosive outer glow on hover */
@keyframes explosiveOuterGlow {
    0% {
        background-position: 0% 50%;
        filter: blur(20px);
        transform: scale(1);
    }
    50% {
        background-position: 100% 50%;
        filter: blur(25px);
        transform: scale(1.08);
    }
    100% {
        background-position: 0% 50%;
        filter: blur(20px);
        transform: scale(1);
    }
}

/* Active/Click effect */
.elementor-element .elementor-button:active {
    transform: translateY(-2px) scale(1.02);
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-7b19515 *//* New Button - Green + Skyblue + Orange Glow (Only Outside) */
.elementor-element .elementor-button {
    position: relative;
    overflow: visible !important;
    z-index: 1;
    background: #0dd4a3 !important;
    color: #000 !important;
    transition: all 0.3s ease;
}

/* First layer - outer glow rotating colors */
.elementor-element .elementor-button::before {
    content: '';
    position: absolute;
    top: -3px;
    left: -3px;
    right: -3px;
    bottom: -3px;
    background: linear-gradient(45deg, 
        #0dd4a3,    /* Green */
        #00d4ff,    /* Sky Blue */
        #ff6b00,    /* Orange */
        #0dd4a3,    /* Green */
        #00d4ff     /* Sky Blue */
    );
    background-size: 400% 400%;
    border-radius: inherit;
    z-index: -1;
    animation: borderGlow 3s linear infinite;
    opacity: 0;
}

/* Second layer - main outer glow (bahar ki taraf) */
.elementor-element .elementor-button::after {
    content: '';
    position: absolute;
    top: -2px;
    left: -2px;
    right: -2px;
    bottom: -2px;
    background: linear-gradient(45deg,
        #0dd4a3,    /* Green */
        #00d4ff,    /* Sky Blue */
        #ff6b00,    /* Orange */
        #0dd4a3
    );
    background-size: 400% 400%;
    border-radius: inherit;
    z-index: -1;
    animation: outerGlow 3s linear infinite;
    filter: blur(12px);
    opacity: 0.9;
    transition: all 0.3s ease;
}

/* Border glow animation */
@keyframes borderGlow {
    0% {
        background-position: 0% 50%;
    }
    50% {
        background-position: 100% 50%;
    }
    100% {
        background-position: 0% 50%;
    }
}

/* Outer glow animation - bahar ki taraf spread */
@keyframes outerGlow {
    0% {
        background-position: 0% 50%;
        filter: blur(12px);
        transform: scale(1);
    }
    50% {
        background-position: 100% 50%;
        filter: blur(15px);
        transform: scale(1.02);
    }
    100% {
        background-position: 0% 50%;
        filter: blur(12px);
        transform: scale(1);
    }
}

/* 🔥 HOVER EFFECTS - Bahar ki taraf explosive glow 🔥 */

.elementor-element .elementor-button:hover {
    transform: translateY(-4px) scale(1.05);
    box-shadow: 0 15px 40px rgba(13, 212, 163, 0.7);
}

/* Hover - intense outer glow */
.elementor-element .elementor-button:hover::after {
    top: -4px;
    left: -4px;
    right: -4px;
    bottom: -4px;
    filter: blur(20px) brightness(1.5);
    opacity: 1;
    animation: explosiveOuterGlow 2s linear infinite;
}

/* Explosive outer glow on hover */
@keyframes explosiveOuterGlow {
    0% {
        background-position: 0% 50%;
        filter: blur(20px);
        transform: scale(1);
    }
    50% {
        background-position: 100% 50%;
        filter: blur(25px);
        transform: scale(1.08);
    }
    100% {
        background-position: 0% 50%;
        filter: blur(20px);
        transform: scale(1);
    }
}

/* Active/Click effect */
.elementor-element .elementor-button:active {
    transform: translateY(-2px) scale(1.02);
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-4f07c39 */.feature-cards {
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
  margin-top: 12px;
}

.f-card {
  flex: 1 1 calc(33.33% - 20px);
  background: #ffffff15;
  border: 1px solid #ffffff30;
  padding: 20px;
  border-radius: 14px;
  backdrop-filter: blur(6px);
  transition: .3s ease;
}

.f-card:hover {
  transform: translateY(-5px);
  border-color: #0dd4a3;
}

.f-title {
  font-size: 20px;
  font-weight: 700;
  color: #0dd4a3;
  margin-bottom: 8px;
}

.f-text {
  color: #ffffff;
  line-height: 1.7;
  margin: 0;
}

/* Tablet - 2 cards per row */
@media (max-width: 900px){
  .f-card {
    flex: 1 1 calc(50% - 20px);
  }
}

/* Mobile - full width */
@media (max-width: 600px){
  .f-card {
    flex: 1 1 100%;
  }
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-4b3d5f3 *//* New Button - Green + Skyblue + Orange Glow (Only Outside) */
.elementor-element .elementor-button {
    position: relative;
    overflow: visible !important;
    z-index: 1;
    background: #0dd4a3 !important;
    color: #000 !important;
    transition: all 0.3s ease;
}

/* First layer - outer glow rotating colors */
.elementor-element .elementor-button::before {
    content: '';
    position: absolute;
    top: -3px;
    left: -3px;
    right: -3px;
    bottom: -3px;
    background: linear-gradient(45deg, 
        #0dd4a3,    /* Green */
        #00d4ff,    /* Sky Blue */
        #ff6b00,    /* Orange */
        #0dd4a3,    /* Green */
        #00d4ff     /* Sky Blue */
    );
    background-size: 400% 400%;
    border-radius: inherit;
    z-index: -1;
    animation: borderGlow 3s linear infinite;
    opacity: 0;
}

/* Second layer - main outer glow (bahar ki taraf) */
.elementor-element .elementor-button::after {
    content: '';
    position: absolute;
    top: -2px;
    left: -2px;
    right: -2px;
    bottom: -2px;
    background: linear-gradient(45deg,
        #0dd4a3,    /* Green */
        #00d4ff,    /* Sky Blue */
        #ff6b00,    /* Orange */
        #0dd4a3
    );
    background-size: 400% 400%;
    border-radius: inherit;
    z-index: -1;
    animation: outerGlow 3s linear infinite;
    filter: blur(12px);
    opacity: 0.9;
    transition: all 0.3s ease;
}

/* Border glow animation */
@keyframes borderGlow {
    0% {
        background-position: 0% 50%;
    }
    50% {
        background-position: 100% 50%;
    }
    100% {
        background-position: 0% 50%;
    }
}

/* Outer glow animation - bahar ki taraf spread */
@keyframes outerGlow {
    0% {
        background-position: 0% 50%;
        filter: blur(12px);
        transform: scale(1);
    }
    50% {
        background-position: 100% 50%;
        filter: blur(15px);
        transform: scale(1.02);
    }
    100% {
        background-position: 0% 50%;
        filter: blur(12px);
        transform: scale(1);
    }
}

/* 🔥 HOVER EFFECTS - Bahar ki taraf explosive glow 🔥 */

.elementor-element .elementor-button:hover {
    transform: translateY(-4px) scale(1.05);
    box-shadow: 0 15px 40px rgba(13, 212, 163, 0.7);
}

/* Hover - intense outer glow */
.elementor-element .elementor-button:hover::after {
    top: -4px;
    left: -4px;
    right: -4px;
    bottom: -4px;
    filter: blur(20px) brightness(1.5);
    opacity: 1;
    animation: explosiveOuterGlow 2s linear infinite;
}

/* Explosive outer glow on hover */
@keyframes explosiveOuterGlow {
    0% {
        background-position: 0% 50%;
        filter: blur(20px);
        transform: scale(1);
    }
    50% {
        background-position: 100% 50%;
        filter: blur(25px);
        transform: scale(1.08);
    }
    100% {
        background-position: 0% 50%;
        filter: blur(20px);
        transform: scale(1);
    }
}

/* Active/Click effect */
.elementor-element .elementor-button:active {
    transform: translateY(-2px) scale(1.02);
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-9a3dc5c *//* New Button - Green + Skyblue + Orange Glow (Only Outside) */
.elementor-element .elementor-button {
    position: relative;
    overflow: visible !important;
    z-index: 1;
    background: #0dd4a3 !important;
    color: #000 !important;
    transition: all 0.3s ease;
}

/* First layer - outer glow rotating colors */
.elementor-element .elementor-button::before {
    content: '';
    position: absolute;
    top: -3px;
    left: -3px;
    right: -3px;
    bottom: -3px;
    background: linear-gradient(45deg, 
        #0dd4a3,    /* Green */
        #00d4ff,    /* Sky Blue */
        #ff6b00,    /* Orange */
        #0dd4a3,    /* Green */
        #00d4ff     /* Sky Blue */
    );
    background-size: 400% 400%;
    border-radius: inherit;
    z-index: -1;
    animation: borderGlow 3s linear infinite;
    opacity: 0;
}

/* Second layer - main outer glow (bahar ki taraf) */
.elementor-element .elementor-button::after {
    content: '';
    position: absolute;
    top: -2px;
    left: -2px;
    right: -2px;
    bottom: -2px;
    background: linear-gradient(45deg,
        #0dd4a3,    /* Green */
        #00d4ff,    /* Sky Blue */
        #ff6b00,    /* Orange */
        #0dd4a3
    );
    background-size: 400% 400%;
    border-radius: inherit;
    z-index: -1;
    animation: outerGlow 3s linear infinite;
    filter: blur(12px);
    opacity: 0.9;
    transition: all 0.3s ease;
}

/* Border glow animation */
@keyframes borderGlow {
    0% {
        background-position: 0% 50%;
    }
    50% {
        background-position: 100% 50%;
    }
    100% {
        background-position: 0% 50%;
    }
}

/* Outer glow animation - bahar ki taraf spread */
@keyframes outerGlow {
    0% {
        background-position: 0% 50%;
        filter: blur(12px);
        transform: scale(1);
    }
    50% {
        background-position: 100% 50%;
        filter: blur(15px);
        transform: scale(1.02);
    }
    100% {
        background-position: 0% 50%;
        filter: blur(12px);
        transform: scale(1);
    }
}

/* 🔥 HOVER EFFECTS - Bahar ki taraf explosive glow 🔥 */

.elementor-element .elementor-button:hover {
    transform: translateY(-4px) scale(1.05);
    box-shadow: 0 15px 40px rgba(13, 212, 163, 0.7);
}

/* Hover - intense outer glow */
.elementor-element .elementor-button:hover::after {
    top: -4px;
    left: -4px;
    right: -4px;
    bottom: -4px;
    filter: blur(20px) brightness(1.5);
    opacity: 1;
    animation: explosiveOuterGlow 2s linear infinite;
}

/* Explosive outer glow on hover */
@keyframes explosiveOuterGlow {
    0% {
        background-position: 0% 50%;
        filter: blur(20px);
        transform: scale(1);
    }
    50% {
        background-position: 100% 50%;
        filter: blur(25px);
        transform: scale(1.08);
    }
    100% {
        background-position: 0% 50%;
        filter: blur(20px);
        transform: scale(1);
    }
}

/* Active/Click effect */
.elementor-element .elementor-button:active {
    transform: translateY(-2px) scale(1.02);
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-4a2e3a3 */:root{
  --bg:#081126;
  --card:#0d1828;
  --accent:#0dd4a3;
  --text:#e8f5ef;
}

.steps-container{
  padding:20px;
  border-radius:12px;
}

.steps-title{
  font-size:26px;
  font-weight:700;
  color:#fff;
  text-align:center;
  margin-bottom:25px;
}

.steps-grid{
  display:grid;
  gap:22px;
  grid-template-columns:1fr;
}

@media(min-width:768px){
  .steps-grid{
    grid-template-columns:repeat(3,1fr);
  }
}

.step-card{
  background:var(--card);
  border:1px solid rgba(255,255,255,0.08);
  padding:22px;
  border-radius:16px;
  text-align:center;
  transition:0.25s ease;
}

.step-card:hover{
  transform:translateY(-6px);
  border-color:var(--accent);
}

.step-icon{
  width:70px;
  height:70px;
  margin:0 auto 14px;
  border-radius:50%;
  background:linear-gradient(135deg, #00e6a1, #007d5a);
  display:flex;
  align-items:center;
  justify-content:center;
}

.step-icon svg{
  width:34px;
  height:34px;
  color:#fff;
}

.step-title{
  color:var(--accent);
  font-size:18px;
  font-weight:700;
  margin-bottom:10px;
}

.step-text{
  font-size:15px;
  line-height:1.6;
  color:var(--text);
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-cd4e792 *//* New Button - Green + Skyblue + Orange Glow (Only Outside) */
.elementor-element .elementor-button {
    position: relative;
    overflow: visible !important;
    z-index: 1;
    background: #0dd4a3 !important;
    color: #000 !important;
    transition: all 0.3s ease;
}

/* First layer - outer glow rotating colors */
.elementor-element .elementor-button::before {
    content: '';
    position: absolute;
    top: -3px;
    left: -3px;
    right: -3px;
    bottom: -3px;
    background: linear-gradient(45deg, 
        #0dd4a3,    /* Green */
        #00d4ff,    /* Sky Blue */
        #ff6b00,    /* Orange */
        #0dd4a3,    /* Green */
        #00d4ff     /* Sky Blue */
    );
    background-size: 400% 400%;
    border-radius: inherit;
    z-index: -1;
    animation: borderGlow 3s linear infinite;
    opacity: 0;
}

/* Second layer - main outer glow (bahar ki taraf) */
.elementor-element .elementor-button::after {
    content: '';
    position: absolute;
    top: -2px;
    left: -2px;
    right: -2px;
    bottom: -2px;
    background: linear-gradient(45deg,
        #0dd4a3,    /* Green */
        #00d4ff,    /* Sky Blue */
        #ff6b00,    /* Orange */
        #0dd4a3
    );
    background-size: 400% 400%;
    border-radius: inherit;
    z-index: -1;
    animation: outerGlow 3s linear infinite;
    filter: blur(12px);
    opacity: 0.9;
    transition: all 0.3s ease;
}

/* Border glow animation */
@keyframes borderGlow {
    0% {
        background-position: 0% 50%;
    }
    50% {
        background-position: 100% 50%;
    }
    100% {
        background-position: 0% 50%;
    }
}

/* Outer glow animation - bahar ki taraf spread */
@keyframes outerGlow {
    0% {
        background-position: 0% 50%;
        filter: blur(12px);
        transform: scale(1);
    }
    50% {
        background-position: 100% 50%;
        filter: blur(15px);
        transform: scale(1.02);
    }
    100% {
        background-position: 0% 50%;
        filter: blur(12px);
        transform: scale(1);
    }
}

/* 🔥 HOVER EFFECTS - Bahar ki taraf explosive glow 🔥 */

.elementor-element .elementor-button:hover {
    transform: translateY(-4px) scale(1.05);
    box-shadow: 0 15px 40px rgba(13, 212, 163, 0.7);
}

/* Hover - intense outer glow */
.elementor-element .elementor-button:hover::after {
    top: -4px;
    left: -4px;
    right: -4px;
    bottom: -4px;
    filter: blur(20px) brightness(1.5);
    opacity: 1;
    animation: explosiveOuterGlow 2s linear infinite;
}

/* Explosive outer glow on hover */
@keyframes explosiveOuterGlow {
    0% {
        background-position: 0% 50%;
        filter: blur(20px);
        transform: scale(1);
    }
    50% {
        background-position: 100% 50%;
        filter: blur(25px);
        transform: scale(1.08);
    }
    100% {
        background-position: 0% 50%;
        filter: blur(20px);
        transform: scale(1);
    }
}

/* Active/Click effect */
.elementor-element .elementor-button:active {
    transform: translateY(-2px) scale(1.02);
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-4fc67ad */.features-wrap{
  display:flex;
  flex-wrap:wrap;
  gap:20px;
  margin-top:10px;
}

.feature-card{
  flex:1 1 calc(50% - 20px);
  background:rgba(255,255,255,0.1);
  padding:22px;
  border-radius:14px;
  border:1px solid rgba(255,255,255,0.22);
  backdrop-filter:blur(6px);
  transition:0.3s ease;
  box-shadow:0 0 0 rgba(0,0,0,0);
  position:relative;
  overflow:hidden;
}

.feature-card:hover{
  transform:translateY(-6px);
  box-shadow:0 12px 28px rgba(0,0,0,0.35);
  border-color:#0dd4a3;
}

.feature-card:before{
  content:'';
  position:absolute;
  top:-60px;
  left:-60px;
  width:140px;
  height:140px;
  background:linear-gradient(135deg,#0dd4a3,#11ffca);
  border-radius:50%;
  opacity:0.18;
  transition:0.4s;
}

.feature-card:hover:before{
  top:-40px;
  left:-40px;
  opacity:0.28;
}

.feature-card h3{
  font-size:20px;
  font-weight:700;
  color:#0dd4a3;
  margin-bottom:8px;
  display:flex;
  align-items:center;
  gap:8px;
}

.feature-card p{
  color:#ffffff;
  line-height:1.7;
  font-size:15px;
}

/* Mobile Responsive */
@media(max-width:768px){
  .feature-card{
    flex:1 1 100%;
  }
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-c577632 *//* New Button - Green + Skyblue + Orange Glow (Only Outside) */
.elementor-element .elementor-button {
    position: relative;
    overflow: visible !important;
    z-index: 1;
    background: #0dd4a3 !important;
    color: #000 !important;
    transition: all 0.3s ease;
}

/* First layer - outer glow rotating colors */
.elementor-element .elementor-button::before {
    content: '';
    position: absolute;
    top: -3px;
    left: -3px;
    right: -3px;
    bottom: -3px;
    background: linear-gradient(45deg, 
        #0dd4a3,    /* Green */
        #00d4ff,    /* Sky Blue */
        #ff6b00,    /* Orange */
        #0dd4a3,    /* Green */
        #00d4ff     /* Sky Blue */
    );
    background-size: 400% 400%;
    border-radius: inherit;
    z-index: -1;
    animation: borderGlow 3s linear infinite;
    opacity: 0;
}

/* Second layer - main outer glow (bahar ki taraf) */
.elementor-element .elementor-button::after {
    content: '';
    position: absolute;
    top: -2px;
    left: -2px;
    right: -2px;
    bottom: -2px;
    background: linear-gradient(45deg,
        #0dd4a3,    /* Green */
        #00d4ff,    /* Sky Blue */
        #ff6b00,    /* Orange */
        #0dd4a3
    );
    background-size: 400% 400%;
    border-radius: inherit;
    z-index: -1;
    animation: outerGlow 3s linear infinite;
    filter: blur(12px);
    opacity: 0.9;
    transition: all 0.3s ease;
}

/* Border glow animation */
@keyframes borderGlow {
    0% {
        background-position: 0% 50%;
    }
    50% {
        background-position: 100% 50%;
    }
    100% {
        background-position: 0% 50%;
    }
}

/* Outer glow animation - bahar ki taraf spread */
@keyframes outerGlow {
    0% {
        background-position: 0% 50%;
        filter: blur(12px);
        transform: scale(1);
    }
    50% {
        background-position: 100% 50%;
        filter: blur(15px);
        transform: scale(1.02);
    }
    100% {
        background-position: 0% 50%;
        filter: blur(12px);
        transform: scale(1);
    }
}

/* 🔥 HOVER EFFECTS - Bahar ki taraf explosive glow 🔥 */

.elementor-element .elementor-button:hover {
    transform: translateY(-4px) scale(1.05);
    box-shadow: 0 15px 40px rgba(13, 212, 163, 0.7);
}

/* Hover - intense outer glow */
.elementor-element .elementor-button:hover::after {
    top: -4px;
    left: -4px;
    right: -4px;
    bottom: -4px;
    filter: blur(20px) brightness(1.5);
    opacity: 1;
    animation: explosiveOuterGlow 2s linear infinite;
}

/* Explosive outer glow on hover */
@keyframes explosiveOuterGlow {
    0% {
        background-position: 0% 50%;
        filter: blur(20px);
        transform: scale(1);
    }
    50% {
        background-position: 100% 50%;
        filter: blur(25px);
        transform: scale(1.08);
    }
    100% {
        background-position: 0% 50%;
        filter: blur(20px);
        transform: scale(1);
    }
}

/* Active/Click effect */
.elementor-element .elementor-button:active {
    transform: translateY(-2px) scale(1.02);
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-10df321 */.sports-section{
  display:flex;
  flex-direction:column;
  gap:22px;
  margin-top:20px;
}

/* Each sport box */
.sport-box{
  display:flex;
  background:rgba(255,255,255,0.05);
  border:1px solid rgba(255,255,255,0.12);
  border-radius:16px;
  overflow:hidden;
  transition:0.3s ease;
  box-shadow:0 0 0 rgba(0,0,0,0);
}

.sport-box:hover{
  transform:translateY(-6px);
  box-shadow:0 12px 32px rgba(0,0,0,0.35);
  border-color:#0dd4a3;
}

/* Left Image Area */
.sport-img{
  width:160px;
  min-height:130px;
  background-size:cover;
  background-position:center;
}

/* Right Content */
.sport-content{
  padding:18px 20px;
  color:#ffffff;
}

.sport-title{
  font-size:20px;
  font-weight:700;
  margin-bottom:6px;
  display:flex;
  align-items:center;
  gap:8px;
}

.sport-desc{
  font-size:15px;
  line-height:1.65;
}

/* Responsive */
@media(max-width:768px){
  .sport-box{
    flex-direction:column;
  }
  .sport-img{
    width:100%;
    height:160px;
  }
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-959e386 *//* New Button - Green + Skyblue + Orange Glow (Only Outside) */
.elementor-element .elementor-button {
    position: relative;
    overflow: visible !important;
    z-index: 1;
    background: #0dd4a3 !important;
    color: #000 !important;
    transition: all 0.3s ease;
}

/* First layer - outer glow rotating colors */
.elementor-element .elementor-button::before {
    content: '';
    position: absolute;
    top: -3px;
    left: -3px;
    right: -3px;
    bottom: -3px;
    background: linear-gradient(45deg, 
        #0dd4a3,    /* Green */
        #00d4ff,    /* Sky Blue */
        #ff6b00,    /* Orange */
        #0dd4a3,    /* Green */
        #00d4ff     /* Sky Blue */
    );
    background-size: 400% 400%;
    border-radius: inherit;
    z-index: -1;
    animation: borderGlow 3s linear infinite;
    opacity: 0;
}

/* Second layer - main outer glow (bahar ki taraf) */
.elementor-element .elementor-button::after {
    content: '';
    position: absolute;
    top: -2px;
    left: -2px;
    right: -2px;
    bottom: -2px;
    background: linear-gradient(45deg,
        #0dd4a3,    /* Green */
        #00d4ff,    /* Sky Blue */
        #ff6b00,    /* Orange */
        #0dd4a3
    );
    background-size: 400% 400%;
    border-radius: inherit;
    z-index: -1;
    animation: outerGlow 3s linear infinite;
    filter: blur(12px);
    opacity: 0.9;
    transition: all 0.3s ease;
}

/* Border glow animation */
@keyframes borderGlow {
    0% {
        background-position: 0% 50%;
    }
    50% {
        background-position: 100% 50%;
    }
    100% {
        background-position: 0% 50%;
    }
}

/* Outer glow animation - bahar ki taraf spread */
@keyframes outerGlow {
    0% {
        background-position: 0% 50%;
        filter: blur(12px);
        transform: scale(1);
    }
    50% {
        background-position: 100% 50%;
        filter: blur(15px);
        transform: scale(1.02);
    }
    100% {
        background-position: 0% 50%;
        filter: blur(12px);
        transform: scale(1);
    }
}

/* 🔥 HOVER EFFECTS - Bahar ki taraf explosive glow 🔥 */

.elementor-element .elementor-button:hover {
    transform: translateY(-4px) scale(1.05);
    box-shadow: 0 15px 40px rgba(13, 212, 163, 0.7);
}

/* Hover - intense outer glow */
.elementor-element .elementor-button:hover::after {
    top: -4px;
    left: -4px;
    right: -4px;
    bottom: -4px;
    filter: blur(20px) brightness(1.5);
    opacity: 1;
    animation: explosiveOuterGlow 2s linear infinite;
}

/* Explosive outer glow on hover */
@keyframes explosiveOuterGlow {
    0% {
        background-position: 0% 50%;
        filter: blur(20px);
        transform: scale(1);
    }
    50% {
        background-position: 100% 50%;
        filter: blur(25px);
        transform: scale(1.08);
    }
    100% {
        background-position: 0% 50%;
        filter: blur(20px);
        transform: scale(1);
    }
}

/* Active/Click effect */
.elementor-element .elementor-button:active {
    transform: translateY(-2px) scale(1.02);
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-75aca3b */.withdraw-points{
  display: flex;
  flex-direction: column;
  gap: 16px;
  margin-top: 20px;
}

/* Single Row Point */
.withdraw-point{
  display: flex;
  align-items: flex-start;
  gap: 14px;
  padding: 18px 22px;
  border-radius: 14px;
  color: #ffffff;
  transition: 0.3s ease;
  box-shadow: 0 6px 16px rgba(0,0,0,0.35);
}

.withdraw-point:hover{
  transform: translateX(8px);
}

/* Arrow */
.withdraw-point .arrow{
  font-size: 22px;
  line-height: 1;
  margin-top: 2px;
}

/* Text */
.withdraw-point h4{
  font-size: 18px;
  font-weight: 700;
  margin: 0 0 4px;
  color: #ffffff;
}

.withdraw-point p{
  margin: 0;
  font-size: 15px;
  line-height: 1.6;
}

/* Color Variations */
.withdraw-point.green{ background: linear-gradient(135deg,#11998e,#38ef7d); }
.withdraw-point.blue{ background: linear-gradient(135deg,#396afc,#2948ff); }
.withdraw-point.purple{ background: linear-gradient(135deg,#7f00ff,#e100ff); }
.withdraw-point.orange{ background: linear-gradient(135deg,#f7971e,#ffd200); color:#111; }
.withdraw-point.teal{ background: linear-gradient(135deg,#00c6ff,#0072ff); }
.withdraw-point.pink{ background: linear-gradient(135deg,#ff416c,#ff4b2b); }
.withdraw-point.gold{ background: linear-gradient(135deg,#f7971e,#fcb045); color:#111; }

/* Mobile Optimization */
@media(max-width:768px){
  .withdraw-point{
    padding: 16px;
  }
  .withdraw-point h4{
    font-size: 16px;
  }
  .withdraw-point p{
    font-size: 14px;
  }
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-a28c379 *//* New Button - Green + Skyblue + Orange Glow (Only Outside) */
.elementor-element .elementor-button {
    position: relative;
    overflow: visible !important;
    z-index: 1;
    background: #0dd4a3 !important;
    color: #000 !important;
    transition: all 0.3s ease;
}

/* First layer - outer glow rotating colors */
.elementor-element .elementor-button::before {
    content: '';
    position: absolute;
    top: -3px;
    left: -3px;
    right: -3px;
    bottom: -3px;
    background: linear-gradient(45deg, 
        #0dd4a3,    /* Green */
        #00d4ff,    /* Sky Blue */
        #ff6b00,    /* Orange */
        #0dd4a3,    /* Green */
        #00d4ff     /* Sky Blue */
    );
    background-size: 400% 400%;
    border-radius: inherit;
    z-index: -1;
    animation: borderGlow 3s linear infinite;
    opacity: 0;
}

/* Second layer - main outer glow (bahar ki taraf) */
.elementor-element .elementor-button::after {
    content: '';
    position: absolute;
    top: -2px;
    left: -2px;
    right: -2px;
    bottom: -2px;
    background: linear-gradient(45deg,
        #0dd4a3,    /* Green */
        #00d4ff,    /* Sky Blue */
        #ff6b00,    /* Orange */
        #0dd4a3
    );
    background-size: 400% 400%;
    border-radius: inherit;
    z-index: -1;
    animation: outerGlow 3s linear infinite;
    filter: blur(12px);
    opacity: 0.9;
    transition: all 0.3s ease;
}

/* Border glow animation */
@keyframes borderGlow {
    0% {
        background-position: 0% 50%;
    }
    50% {
        background-position: 100% 50%;
    }
    100% {
        background-position: 0% 50%;
    }
}

/* Outer glow animation - bahar ki taraf spread */
@keyframes outerGlow {
    0% {
        background-position: 0% 50%;
        filter: blur(12px);
        transform: scale(1);
    }
    50% {
        background-position: 100% 50%;
        filter: blur(15px);
        transform: scale(1.02);
    }
    100% {
        background-position: 0% 50%;
        filter: blur(12px);
        transform: scale(1);
    }
}

/* 🔥 HOVER EFFECTS - Bahar ki taraf explosive glow 🔥 */

.elementor-element .elementor-button:hover {
    transform: translateY(-4px) scale(1.05);
    box-shadow: 0 15px 40px rgba(13, 212, 163, 0.7);
}

/* Hover - intense outer glow */
.elementor-element .elementor-button:hover::after {
    top: -4px;
    left: -4px;
    right: -4px;
    bottom: -4px;
    filter: blur(20px) brightness(1.5);
    opacity: 1;
    animation: explosiveOuterGlow 2s linear infinite;
}

/* Explosive outer glow on hover */
@keyframes explosiveOuterGlow {
    0% {
        background-position: 0% 50%;
        filter: blur(20px);
        transform: scale(1);
    }
    50% {
        background-position: 100% 50%;
        filter: blur(25px);
        transform: scale(1.08);
    }
    100% {
        background-position: 0% 50%;
        filter: blur(20px);
        transform: scale(1);
    }
}

/* Active/Click effect */
.elementor-element .elementor-button:active {
    transform: translateY(-2px) scale(1.02);
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-d86599d */.review-section {
  display: flex;
  flex-wrap: wrap;
  gap: 22px;
  margin-top: 20px;
}

.review-card {
  flex: 1 1 calc(33.33% - 22px);
  background: #ffffff;
  padding: 22px;
  border-radius: 14px;
  border: 1px solid #e4e4e4;
  box-shadow: 0 4px 14px rgba(0,0,0,0.12);
  transition: .3s ease;
  position: relative;
  overflow: hidden;
}

.review-card:hover {
  transform: translateY(-6px);
  box-shadow: 0 10px 28px rgba(0,0,0,0.18);
}

/* Google Badge */
.google-badge {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  background: #fff;
  padding: 6px 12px;
  border-radius: 50px;
  box-shadow: 0 2px 6px rgba(0,0,0,0.12);
  font-size: 14px;
  font-weight: 600;
  color: #111;
  margin-bottom: 10px;
}

.google-badge svg {
  width: 20px;
  height: 20px;
}

/* Review text */
.review-text {
  color: #333;
  font-size: 16px;
  line-height: 1.6;
}

.review-author {
  margin-top: 16px;
  font-size: 17px;
  font-weight: 700;
  color: #0dd4a3;
}

/* Responsive */
@media (max-width: 900px) {
  .review-card {
    flex: 1 1 calc(50% - 22px);
  }
}

@media (max-width: 600px) {
  .review-card {
    flex: 1 1 100%;
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-ceabe65 *//* Grid Wrapper */
.support-cards {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    gap: 22px;
    margin-top: 25px;
}

/* Each Card */
.support-card {
    background: rgba(255,255,255,0.85); /* Light background */
    border: 1px solid rgba(0,0,0,0.12);
    border-radius: 18px;
    padding: 24px;
    backdrop-filter: blur(6px);
    box-shadow: 0 6px 24px rgba(0,0,0,0.12);
    transition: 0.35s ease;
    text-align: center;
}

/* Hover Effects */
.support-card:hover {
    transform: translateY(-8px);
    border-color: #0dd4a3;
    box-shadow: 0 0 25px rgba(13,212,163,0.45);
}

/* ICON STYLE - Glow Icons */
.support-icon {
    font-size: 42px;
    margin-bottom: 12px;
    color: #0dd4a3;
    text-shadow: 0 0 12px rgba(13,212,163,0.6);
}

/* Card Heading */
.support-card h3 {
    font-size: 20px;
    font-weight: 700;
    color: #0b1f2a; /* Dark heading */
    margin-bottom: 10px;
}

/* Card Text */
.support-card p {
    color: #222222; /* Dark text */
    font-size: 16px;
    line-height: 1.7;
    margin: 0;
}

/* Responsive */
@media (max-width: 900px) {
    .support-cards {
        grid-template-columns: 1fr 1fr;
    }
}

@media (max-width: 600px) {
    .support-cards {
        grid-template-columns: 1fr;
    }

    .support-card {
        padding: 20px;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-fc27089 *//* Accordion Wrapper */
.faq-accordion {
  margin-top: 25px;
  display: flex;
  flex-direction: column;
  gap: 14px;
}

/* Accordion Item */
.faq-acc-item {
  background: rgba(255,255,255,0.06);
  border: 1px solid rgba(255,255,255,0.18);
  border-radius: 14px;
  overflow: hidden;
  backdrop-filter: blur(6px);
  transition: 0.3s ease;
}

/* Hover Effect */
.faq-acc-item:hover {
  border-color: #0dd4a3;
  box-shadow: 0 10px 24px rgba(0,0,0,0.28);
}

/* Title Button */
.faq-acc-btn {
  width: 100%;
  background: none;
  border: none;
  color: #0dd4a3;
  font-size: 18px;
  font-weight: 700;
  text-align: left;
  padding: 16px 50px 16px 18px;
  cursor: pointer;
  position: relative;
  line-height: 1.4;
  white-space: normal;   /* text wrap fix */
}

/* Plus Icon */
.faq-acc-btn::after {
  content: "+";
  position: absolute;
  right: 18px;
  top: 50%;
  transform: translateY(-50%);
  font-size: 22px;
  color: #ffffff;
  transition: 0.3s;
}

/* When Open → show minus */
.faq-acc-item.active .faq-acc-btn::after {
  content: "–";
}

/* Content Wrapper */
.faq-acc-content {
  max-height: 0;
  overflow: hidden;
  padding: 0 20px;
  color: #ffffff;
  font-size: 16px;
  line-height: 1.7;
  transition: max-height 0.4s ease;
}

/* Inner Spacing When Active */
.faq-acc-item.active .faq-acc-content {
  padding: 0 20px 16px 20px;
}

/* MOBILE FIX (VERY IMPORTANT) */
@media (max-width: 480px) {
  .faq-acc-btn {
      font-size: 16px;
      padding: 14px 50px 14px 16px;
      line-height: 1.4;
      white-space: normal; /* ensures wrapping */
  }

  .faq-acc-btn::after {
      font-size: 20px;
      right: 16px;
  }
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-74fe83b *//* New Button - Green + Skyblue + Orange Glow (Only Outside) */
.elementor-element .elementor-button {
    position: relative;
    overflow: visible !important;
    z-index: 1;
    background: #0dd4a3 !important;
    color: #000 !important;
    transition: all 0.3s ease;
}

/* First layer - outer glow rotating colors */
.elementor-element .elementor-button::before {
    content: '';
    position: absolute;
    top: -3px;
    left: -3px;
    right: -3px;
    bottom: -3px;
    background: linear-gradient(45deg, 
        #0dd4a3,    /* Green */
        #00d4ff,    /* Sky Blue */
        #ff6b00,    /* Orange */
        #0dd4a3,    /* Green */
        #00d4ff     /* Sky Blue */
    );
    background-size: 400% 400%;
    border-radius: inherit;
    z-index: -1;
    animation: borderGlow 3s linear infinite;
    opacity: 0;
}

/* Second layer - main outer glow (bahar ki taraf) */
.elementor-element .elementor-button::after {
    content: '';
    position: absolute;
    top: -2px;
    left: -2px;
    right: -2px;
    bottom: -2px;
    background: linear-gradient(45deg,
        #0dd4a3,    /* Green */
        #00d4ff,    /* Sky Blue */
        #ff6b00,    /* Orange */
        #0dd4a3
    );
    background-size: 400% 400%;
    border-radius: inherit;
    z-index: -1;
    animation: outerGlow 3s linear infinite;
    filter: blur(12px);
    opacity: 0.9;
    transition: all 0.3s ease;
}

/* Border glow animation */
@keyframes borderGlow {
    0% {
        background-position: 0% 50%;
    }
    50% {
        background-position: 100% 50%;
    }
    100% {
        background-position: 0% 50%;
    }
}

/* Outer glow animation - bahar ki taraf spread */
@keyframes outerGlow {
    0% {
        background-position: 0% 50%;
        filter: blur(12px);
        transform: scale(1);
    }
    50% {
        background-position: 100% 50%;
        filter: blur(15px);
        transform: scale(1.02);
    }
    100% {
        background-position: 0% 50%;
        filter: blur(12px);
        transform: scale(1);
    }
}

/* 🔥 HOVER EFFECTS - Bahar ki taraf explosive glow 🔥 */

.elementor-element .elementor-button:hover {
    transform: translateY(-4px) scale(1.05);
    box-shadow: 0 15px 40px rgba(13, 212, 163, 0.7);
}

/* Hover - intense outer glow */
.elementor-element .elementor-button:hover::after {
    top: -4px;
    left: -4px;
    right: -4px;
    bottom: -4px;
    filter: blur(20px) brightness(1.5);
    opacity: 1;
    animation: explosiveOuterGlow 2s linear infinite;
}

/* Explosive outer glow on hover */
@keyframes explosiveOuterGlow {
    0% {
        background-position: 0% 50%;
        filter: blur(20px);
        transform: scale(1);
    }
    50% {
        background-position: 100% 50%;
        filter: blur(25px);
        transform: scale(1.08);
    }
    100% {
        background-position: 0% 50%;
        filter: blur(20px);
        transform: scale(1);
    }
}

/* Active/Click effect */
.elementor-element .elementor-button:active {
    transform: translateY(-2px) scale(1.02);
}/* End custom CSS */