.elementor-15 .elementor-element.elementor-element-4ea2b26{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;}.elementor-15 .elementor-element.elementor-element-db48956{--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;border-style:solid;--border-style:solid;--border-radius:10px 10px 10px 10px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:10px;--padding-bottom:10px;--padding-left:10px;--padding-right:10px;}.elementor-15 .elementor-element.elementor-element-db48956.e-con{--align-self:center;}.elementor-15 .elementor-element.elementor-element-5902c32{--display:flex;}.elementor-15 .elementor-element.elementor-element-5902c32.e-con{--flex-grow:0;--flex-shrink:0;}.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-15 .elementor-element.elementor-element-99c46e5 img{width:100%;height:75px;}.elementor-15 .elementor-element.elementor-element-4610964{--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;--justify-content:flex-end;}.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-15 .elementor-element.elementor-element-004270b .elementor-icon-wrapper{text-align:center;}.elementor-15 .elementor-element.elementor-element-004270b.elementor-view-stacked .elementor-icon{background-color:#FFFFFF;}.elementor-15 .elementor-element.elementor-element-004270b.elementor-view-framed .elementor-icon, .elementor-15 .elementor-element.elementor-element-004270b.elementor-view-default .elementor-icon{color:#FFFFFF;border-color:#FFFFFF;}.elementor-15 .elementor-element.elementor-element-004270b.elementor-view-framed .elementor-icon, .elementor-15 .elementor-element.elementor-element-004270b.elementor-view-default .elementor-icon svg{fill:#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-15 .elementor-element.elementor-element-fc63b80{--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;border-style:solid;--border-style:solid;--border-radius:10px 10px 10px 10px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:10px;--padding-bottom:10px;--padding-left:10px;--padding-right:10px;}.elementor-15 .elementor-element.elementor-element-fc63b80.e-con{--align-self:center;}.elementor-15 .elementor-element.elementor-element-7516ebb{--display:flex;}.elementor-15 .elementor-element.elementor-element-7516ebb.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-15 .elementor-element.elementor-element-255f3c7{--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;--justify-content:flex-end;}.elementor-15 .elementor-element.elementor-element-3efbcd7 .elementor-icon-wrapper{text-align:center;}.elementor-15 .elementor-element.elementor-element-3efbcd7.elementor-view-stacked .elementor-icon{background-color:#FFFFFF;}.elementor-15 .elementor-element.elementor-element-3efbcd7.elementor-view-framed .elementor-icon, .elementor-15 .elementor-element.elementor-element-3efbcd7.elementor-view-default .elementor-icon{color:#FFFFFF;border-color:#FFFFFF;}.elementor-15 .elementor-element.elementor-element-3efbcd7.elementor-view-framed .elementor-icon, .elementor-15 .elementor-element.elementor-element-3efbcd7.elementor-view-default .elementor-icon svg{fill:#FFFFFF;}.elementor-15 .elementor-element.elementor-element-5ec7250 .elementor-button{font-family:"Roboto", Sans-serif;font-weight:500;}.elementor-15 .elementor-element.elementor-element-1f317d5{--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;--justify-content:center;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:30px;--padding-bottom:30px;--padding-left:30px;--padding-right:30px;}.elementor-15 .elementor-element.elementor-element-3a41ec1{--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;--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-15 .elementor-element.elementor-element-5ae681d{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--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-15 .elementor-element.elementor-element-5ae681d.e-con{--flex-grow:0;--flex-shrink:0;}.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-15 .elementor-element.elementor-element-d3e69ae{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-15 .elementor-element.elementor-element-d3e69ae .elementor-heading-title{font-family:"Cinzel", Sans-serif;font-size:16px;font-weight:600;color:#FFFFFF;}.elementor-15 .elementor-element.elementor-element-c4d7d27 .elementor-heading-title{font-family:"Playfair Display", Sans-serif;font-size:53px;font-weight:600;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-15 .elementor-element.elementor-element-d3e3620{color:#FFFFFF;}.elementor-15 .elementor-element.elementor-element-07b0911{--display:flex;}.elementor-widget-icon-list .elementor-icon-list-item:not(:last-child):after{border-color:var( --e-global-color-text );}.elementor-widget-icon-list .elementor-icon-list-icon i{color:var( --e-global-color-primary );}.elementor-widget-icon-list .elementor-icon-list-icon svg{fill:var( --e-global-color-primary );}.elementor-widget-icon-list .elementor-icon-list-item > .elementor-icon-list-text, .elementor-widget-icon-list .elementor-icon-list-item > a{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-icon-list .elementor-icon-list-text{color:var( --e-global-color-secondary );}.elementor-15 .elementor-element.elementor-element-6e5165c.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-15 .elementor-element.elementor-element-6e5165c .elementor-icon-list-icon i{transition:color 0.3s;}.elementor-15 .elementor-element.elementor-element-6e5165c .elementor-icon-list-icon svg{transition:fill 0.3s;}.elementor-15 .elementor-element.elementor-element-6e5165c{--e-icon-list-icon-size:14px;--icon-vertical-offset:0px;}.elementor-15 .elementor-element.elementor-element-6e5165c .elementor-icon-list-item > .elementor-icon-list-text, .elementor-15 .elementor-element.elementor-element-6e5165c .elementor-icon-list-item > a{font-family:"Roboto", Sans-serif;font-weight:400;}.elementor-15 .elementor-element.elementor-element-6e5165c .elementor-icon-list-text{transition:color 0.3s;}.elementor-15 .elementor-element.elementor-element-a18fd76{--display:flex;--justify-content:flex-end;}.elementor-15 .elementor-element.elementor-element-e6bfdef.elementor-element{--align-self:flex-start;}.elementor-15 .elementor-element.elementor-element-d5cece2{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--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-15 .elementor-element.elementor-element-d189235{width:var( --container-widget-width, 100% );max-width:100%;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;--container-widget-width:100%;--container-widget-flex-grow:0;border-style:none;border-radius:10px 10px 10px 10px;}.elementor-15 .elementor-element.elementor-element-d189235 img{width:100%;max-width:100%;height:500px;border-style:none;border-radius:0px 0px 0px 0px;}.elementor-15 .elementor-element.elementor-element-df30946{--display:flex;}.elementor-15 .elementor-element.elementor-element-df30946:not(.elementor-motion-effects-element-type-background), .elementor-15 .elementor-element.elementor-element-df30946 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#010611;}.elementor-15 .elementor-element.elementor-element-eca864a{margin:50px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;text-align:center;}.elementor-15 .elementor-element.elementor-element-eca864a .elementor-heading-title{font-family:"Anek Devanagari", Sans-serif;font-size:45px;font-weight:600;color:#FFFFFF;}.elementor-15 .elementor-element.elementor-element-f1abd5d{width:var( --container-widget-width, 47% );max-width:47%;--container-widget-width:47%;--container-widget-flex-grow:0;text-align:center;color:#FFFFFF;}.elementor-15 .elementor-element.elementor-element-f1abd5d.elementor-element{--align-self:center;}.elementor-15 .elementor-element.elementor-element-6f96585{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-15 .elementor-element.elementor-element-6e6811f img{height:130px;border-radius:10px 10px 10px 10px;}.elementor-15 .elementor-element.elementor-element-f67a903{--display:flex;}.elementor-15 .elementor-element.elementor-element-828cf81 img{height:130px;border-radius:10px 10px 10px 10px;}.elementor-15 .elementor-element.elementor-element-705314d{--display:flex;}.elementor-15 .elementor-element.elementor-element-61bd66c img{height:130px;border-radius:10px 10px 10px 10px;}.elementor-15 .elementor-element.elementor-element-f8432d5{--display:flex;}.elementor-15 .elementor-element.elementor-element-188fff9 img{height:130px;border-radius:10px 10px 10px 10px;}.elementor-15 .elementor-element.elementor-element-6973f75{--display:flex;}.elementor-15 .elementor-element.elementor-element-fdf89d0 img{height:130px;border-radius:10px 10px 10px 10px;}.elementor-15 .elementor-element.elementor-element-7fd8dd4{--display:flex;}.elementor-15 .elementor-element.elementor-element-9f50aca img{height:130px;border-radius:10px 10px 10px 10px;}.elementor-15 .elementor-element.elementor-element-34f0795{--display:flex;}.elementor-15 .elementor-element.elementor-element-727a983 img{height:130px;border-radius:10px 10px 10px 10px;}.elementor-15 .elementor-element.elementor-element-2ee5565{--display:flex;}.elementor-15 .elementor-element.elementor-element-1208cde img{height:130px;border-radius:10px 10px 10px 10px;}.elementor-15 .elementor-element.elementor-element-f5d5dd0{--e-n-carousel-swiper-slides-to-display:4;--e-n-carousel-swiper-slides-gap:10px;margin:20px 0px calc(var(--kit-widget-spacing, 0px) + 50px) 0px;--e-n-carousel-slide-height:auto;--e-n-carousel-slide-container-height:100%;}.elementor-15 .elementor-element.elementor-element-979238f{--display:flex;}.elementor-15 .elementor-element.elementor-element-979238f:not(.elementor-motion-effects-element-type-background), .elementor-15 .elementor-element.elementor-element-979238f > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#010611;}.elementor-15 .elementor-element.elementor-element-fe5f577{margin:50px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;text-align:center;}.elementor-15 .elementor-element.elementor-element-fe5f577 .elementor-heading-title{font-family:"Anek Devanagari", Sans-serif;font-size:45px;font-weight:600;text-transform:capitalize;color:#FFFFFF;}.elementor-15 .elementor-element.elementor-element-381ea30{width:var( --container-widget-width, 47% );max-width:47%;--container-widget-width:47%;--container-widget-flex-grow:0;text-align:center;color:#FFFFFF;}.elementor-15 .elementor-element.elementor-element-381ea30.elementor-element{--align-self:center;}.elementor-15 .elementor-element.elementor-element-4a3873b .elementor-wrapper{--video-aspect-ratio:1.77777;}.elementor-15 .elementor-element.elementor-element-8a31114{--display:flex;--justify-content:flex-end;}.elementor-15 .elementor-element.elementor-element-44c50f3.elementor-element{--align-self:center;}.elementor-15 .elementor-element.elementor-element-ce2c7b3{--display:flex;}.elementor-15 .elementor-element.elementor-element-ce2c7b3:not(.elementor-motion-effects-element-type-background), .elementor-15 .elementor-element.elementor-element-ce2c7b3 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#010611;}.elementor-15 .elementor-element.elementor-element-950af56{--display:flex;}.elementor-15 .elementor-element.elementor-element-716b3d1{margin:50px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;text-align:center;}.elementor-15 .elementor-element.elementor-element-716b3d1 .elementor-heading-title{font-family:"Anek Devanagari", Sans-serif;font-size:45px;font-weight:600;text-transform:capitalize;color:#FFFFFF;}.elementor-15 .elementor-element.elementor-element-b006ab7{width:var( --container-widget-width, 80% );max-width:80%;--container-widget-width:80%;--container-widget-flex-grow:0;text-align:center;font-family:"Roboto", Sans-serif;font-weight:400;color:#FFFFFF;}.elementor-15 .elementor-element.elementor-element-b006ab7.elementor-element{--align-self:center;}.elementor-15 .elementor-element.elementor-element-7ae414f img{width:60%;}.elementor-15 .elementor-element.elementor-element-c190d56{--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;}.elementor-15 .elementor-element.elementor-element-94ac50a{margin:50px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;text-align:center;}.elementor-15 .elementor-element.elementor-element-94ac50a .elementor-heading-title{font-family:"Anek Devanagari", Sans-serif;font-size:45px;font-weight:600;text-transform:capitalize;color:#FFFFFF;}.elementor-15 .elementor-element.elementor-element-634f43b{width:var( --container-widget-width, 80% );max-width:80%;--container-widget-width:80%;--container-widget-flex-grow:0;text-align:center;font-family:"Roboto", Sans-serif;font-weight:400;color:#FFFFFF;}.elementor-15 .elementor-element.elementor-element-634f43b.elementor-element{--align-self:center;}.elementor-15 .elementor-element.elementor-element-78de453{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;}.elementor-15 .elementor-element.elementor-element-f632837{--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;--justify-content:center;}.elementor-15 .elementor-element.elementor-element-f632837.e-con{--align-self:center;}.elementor-15 .elementor-element.elementor-element-733e766{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;}.elementor-15 .elementor-element.elementor-element-8c36a87{width:var( --container-widget-width, 34.705% );max-width:34.705%;--container-widget-width:34.705%;--container-widget-flex-grow:0;}.elementor-15 .elementor-element.elementor-element-8c36a87.elementor-element{--align-self:center;--flex-grow:0;--flex-shrink:0;}.elementor-15 .elementor-element.elementor-element-8c36a87 .elementor-icon-wrapper{text-align:center;}.elementor-15 .elementor-element.elementor-element-db743b3{margin:50px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;text-align:center;}.elementor-15 .elementor-element.elementor-element-db743b3 .elementor-heading-title{font-family:"Anek Devanagari", Sans-serif;font-size:45px;font-weight:600;color:#FFFFFF;}.elementor-15 .elementor-element.elementor-element-467e4d6{width:var( --container-widget-width, 80% );max-width:80%;--container-widget-width:80%;--container-widget-flex-grow:0;text-align:center;font-family:"Roboto", Sans-serif;font-weight:400;color:#FFFFFF;}.elementor-15 .elementor-element.elementor-element-467e4d6.elementor-element{--align-self:center;}.elementor-15 .elementor-element.elementor-element-36f667d{--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;--justify-content:center;}.elementor-15 .elementor-element.elementor-element-e5b3a41{width:100%;max-width:100%;}.elementor-15 .elementor-element.elementor-element-e5b3a41.elementor-element{--align-self:center;}.elementor-15 .elementor-element.elementor-element-e5b3a41 img{width:100%;height:500px;border-radius:10px 10px 10px 10px;}.elementor-15 .elementor-element.elementor-element-99aa0db{--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;--justify-content:center;}.elementor-15 .elementor-element.elementor-element-99aa0db.e-con{--align-self:center;}.elementor-15 .elementor-element.elementor-element-01fe6d9{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;}.elementor-15 .elementor-element.elementor-element-32f242b.elementor-element{--align-self:center;}.elementor-15 .elementor-element.elementor-element-32f242b .elementor-icon-wrapper{text-align:center;}.elementor-15 .elementor-element.elementor-element-960b15d{margin:50px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;text-align:center;}.elementor-15 .elementor-element.elementor-element-960b15d .elementor-heading-title{font-family:"Anek Devanagari", Sans-serif;font-size:45px;font-weight:600;color:#FFFFFF;}.elementor-15 .elementor-element.elementor-element-5060a7e{width:var( --container-widget-width, 80% );max-width:80%;--container-widget-width:80%;--container-widget-flex-grow:0;text-align:center;font-family:"Roboto", Sans-serif;font-weight:400;color:#FFFFFF;}.elementor-15 .elementor-element.elementor-element-5060a7e.elementor-element{--align-self:center;}.elementor-15 .elementor-element.elementor-element-ae820b4{--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;--justify-content:center;}.elementor-15 .elementor-element.elementor-element-4763af0{width:100%;max-width:100%;}.elementor-15 .elementor-element.elementor-element-4763af0.elementor-element{--align-self:center;}.elementor-15 .elementor-element.elementor-element-4763af0 img{width:100%;height:500px;border-radius:10px 10px 10px 10px;}.elementor-15 .elementor-element.elementor-element-cc9fa87{--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;--justify-content:center;}.elementor-15 .elementor-element.elementor-element-cc9fa87.e-con{--align-self:center;}.elementor-15 .elementor-element.elementor-element-29c8184{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;}.elementor-15 .elementor-element.elementor-element-f547788.elementor-element{--align-self:center;}.elementor-15 .elementor-element.elementor-element-f547788 .elementor-icon-wrapper{text-align:center;}.elementor-15 .elementor-element.elementor-element-ce409ea{margin:50px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;text-align:center;}.elementor-15 .elementor-element.elementor-element-ce409ea .elementor-heading-title{font-family:"Anek Devanagari", Sans-serif;font-size:45px;font-weight:600;color:#FFFFFF;}.elementor-15 .elementor-element.elementor-element-2e6d0f2{width:var( --container-widget-width, 80% );max-width:80%;--container-widget-width:80%;--container-widget-flex-grow:0;text-align:center;font-family:"Roboto", Sans-serif;font-weight:400;color:#FFFFFF;}.elementor-15 .elementor-element.elementor-element-2e6d0f2.elementor-element{--align-self:center;}.elementor-15 .elementor-element.elementor-element-a92ddeb{--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;--justify-content:center;}.elementor-15 .elementor-element.elementor-element-82cbdd2{width:100%;max-width:100%;}.elementor-15 .elementor-element.elementor-element-82cbdd2.elementor-element{--align-self:center;}.elementor-15 .elementor-element.elementor-element-82cbdd2 img{width:100%;height:500px;border-radius:10px 10px 10px 10px;}.elementor-15 .elementor-element.elementor-element-3f03b17{--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;--justify-content:center;}.elementor-15 .elementor-element.elementor-element-3f03b17.e-con{--align-self:center;}.elementor-15 .elementor-element.elementor-element-9701442{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;}.elementor-15 .elementor-element.elementor-element-d273e92.elementor-element{--align-self:center;}.elementor-15 .elementor-element.elementor-element-d273e92 .elementor-icon-wrapper{text-align:center;}.elementor-15 .elementor-element.elementor-element-0be7ea0{margin:50px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;text-align:center;}.elementor-15 .elementor-element.elementor-element-0be7ea0 .elementor-heading-title{font-family:"Anek Devanagari", Sans-serif;font-size:45px;font-weight:600;color:#FFFFFF;}.elementor-15 .elementor-element.elementor-element-4892325{width:var( --container-widget-width, 80% );max-width:80%;--container-widget-width:80%;--container-widget-flex-grow:0;text-align:center;font-family:"Roboto", Sans-serif;font-weight:400;color:#FFFFFF;}.elementor-15 .elementor-element.elementor-element-4892325.elementor-element{--align-self:center;}.elementor-15 .elementor-element.elementor-element-36dea62{--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;--justify-content:center;}.elementor-15 .elementor-element.elementor-element-ff854cd{width:100%;max-width:100%;}.elementor-15 .elementor-element.elementor-element-ff854cd.elementor-element{--align-self:center;}.elementor-15 .elementor-element.elementor-element-ff854cd img{width:100%;height:500px;border-radius:10px 10px 10px 10px;}.elementor-15 .elementor-element.elementor-element-96a8b56{--display:flex;--justify-content:center;--margin-top:50px;--margin-bottom:50px;--margin-left:0px;--margin-right:0px;}.elementor-15 .elementor-element.elementor-element-f374dcc.elementor-element{--align-self:center;}.elementor-15 .elementor-element.elementor-element-14be054{--display:flex;}.elementor-15 .elementor-element.elementor-element-14be054:not(.elementor-motion-effects-element-type-background), .elementor-15 .elementor-element.elementor-element-14be054 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#010611;}.elementor-15 .elementor-element.elementor-element-bd7d948{margin:50px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;text-align:center;}.elementor-15 .elementor-element.elementor-element-bd7d948 .elementor-heading-title{font-family:"Anek Devanagari", Sans-serif;font-size:45px;font-weight:600;text-transform:capitalize;color:#FFFFFF;}.elementor-15 .elementor-element.elementor-element-3b92dbd{width:var( --container-widget-width, 80% );max-width:80%;--container-widget-width:80%;--container-widget-flex-grow:0;text-align:center;font-family:"Roboto", Sans-serif;font-weight:400;color:#FFFFFF;}.elementor-15 .elementor-element.elementor-element-3b92dbd.elementor-element{--align-self:center;}.elementor-15 .elementor-element.elementor-element-5f64388{--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;--justify-content:center;}.elementor-widget-image-box .elementor-image-box-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-widget-image-box:has(:hover) .elementor-image-box-title, .elementor-widget-image-box:has(:focus) .elementor-image-box-title{color:var( --e-global-color-primary );}.elementor-widget-image-box .elementor-image-box-description{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-15 .elementor-element.elementor-element-b62010e{width:var( --container-widget-width, 29.521% );max-width:29.521%;padding:10px 10px 10px 10px;--container-widget-width:29.521%;--container-widget-flex-grow:0;}.elementor-15 .elementor-element.elementor-element-b62010e.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-15 .elementor-element.elementor-element-b62010e .elementor-image-box-wrapper{text-align:start;}.elementor-15 .elementor-element.elementor-element-b62010e.elementor-position-right .elementor-image-box-img{margin-left:15px;}.elementor-15 .elementor-element.elementor-element-b62010e.elementor-position-left .elementor-image-box-img{margin-right:15px;}.elementor-15 .elementor-element.elementor-element-b62010e.elementor-position-top .elementor-image-box-img{margin-bottom:15px;}.elementor-15 .elementor-element.elementor-element-b62010e .elementor-image-box-wrapper .elementor-image-box-img{width:100%;}.elementor-15 .elementor-element.elementor-element-b62010e .elementor-image-box-img img{transition-duration:0.3s;}.elementor-15 .elementor-element.elementor-element-b62010e .elementor-image-box-title{font-family:"Roboto", Sans-serif;font-size:25px;font-weight:600;color:#FFFFFF;}.elementor-15 .elementor-element.elementor-element-b62010e:has(:hover) .elementor-image-box-title, .elementor-15 .elementor-element.elementor-element-b62010e:has(:focus) .elementor-image-box-title{color:#FFFFFF;}.elementor-15 .elementor-element.elementor-element-b62010e .elementor-image-box-description{color:#FFFFFF;}.elementor-15 .elementor-element.elementor-element-5b8741a{width:var( --container-widget-width, 29.521% );max-width:29.521%;padding:10px 10px 10px 10px;--container-widget-width:29.521%;--container-widget-flex-grow:0;}.elementor-15 .elementor-element.elementor-element-5b8741a.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-15 .elementor-element.elementor-element-5b8741a .elementor-image-box-wrapper{text-align:start;}.elementor-15 .elementor-element.elementor-element-5b8741a.elementor-position-right .elementor-image-box-img{margin-left:15px;}.elementor-15 .elementor-element.elementor-element-5b8741a.elementor-position-left .elementor-image-box-img{margin-right:15px;}.elementor-15 .elementor-element.elementor-element-5b8741a.elementor-position-top .elementor-image-box-img{margin-bottom:15px;}.elementor-15 .elementor-element.elementor-element-5b8741a .elementor-image-box-wrapper .elementor-image-box-img{width:100%;}.elementor-15 .elementor-element.elementor-element-5b8741a .elementor-image-box-img img{transition-duration:0.3s;}.elementor-15 .elementor-element.elementor-element-5b8741a .elementor-image-box-title{font-family:"Roboto", Sans-serif;font-size:25px;font-weight:600;color:#FFFFFF;}.elementor-15 .elementor-element.elementor-element-5b8741a:has(:hover) .elementor-image-box-title, .elementor-15 .elementor-element.elementor-element-5b8741a:has(:focus) .elementor-image-box-title{color:#FFFFFF;}.elementor-15 .elementor-element.elementor-element-5b8741a .elementor-image-box-description{color:#FFFFFF;}.elementor-15 .elementor-element.elementor-element-1af1a1b{width:var( --container-widget-width, 29.521% );max-width:29.521%;padding:10px 10px 10px 10px;--container-widget-width:29.521%;--container-widget-flex-grow:0;}.elementor-15 .elementor-element.elementor-element-1af1a1b.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-15 .elementor-element.elementor-element-1af1a1b .elementor-image-box-wrapper{text-align:start;}.elementor-15 .elementor-element.elementor-element-1af1a1b.elementor-position-right .elementor-image-box-img{margin-left:15px;}.elementor-15 .elementor-element.elementor-element-1af1a1b.elementor-position-left .elementor-image-box-img{margin-right:15px;}.elementor-15 .elementor-element.elementor-element-1af1a1b.elementor-position-top .elementor-image-box-img{margin-bottom:15px;}.elementor-15 .elementor-element.elementor-element-1af1a1b .elementor-image-box-wrapper .elementor-image-box-img{width:100%;}.elementor-15 .elementor-element.elementor-element-1af1a1b .elementor-image-box-img img{transition-duration:0.3s;}.elementor-15 .elementor-element.elementor-element-1af1a1b .elementor-image-box-title{font-family:"Roboto", Sans-serif;font-size:25px;font-weight:600;color:#FFFFFF;}.elementor-15 .elementor-element.elementor-element-1af1a1b:has(:hover) .elementor-image-box-title, .elementor-15 .elementor-element.elementor-element-1af1a1b:has(:focus) .elementor-image-box-title{color:#FFFFFF;}.elementor-15 .elementor-element.elementor-element-1af1a1b .elementor-image-box-description{color:#FFFFFF;}.elementor-15 .elementor-element.elementor-element-2e94462{--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;--justify-content:center;}.elementor-15 .elementor-element.elementor-element-925df16{width:var( --container-widget-width, 29.521% );max-width:29.521%;padding:10px 10px 10px 10px;--container-widget-width:29.521%;--container-widget-flex-grow:0;}.elementor-15 .elementor-element.elementor-element-925df16.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-15 .elementor-element.elementor-element-925df16 .elementor-image-box-wrapper{text-align:start;}.elementor-15 .elementor-element.elementor-element-925df16.elementor-position-right .elementor-image-box-img{margin-left:15px;}.elementor-15 .elementor-element.elementor-element-925df16.elementor-position-left .elementor-image-box-img{margin-right:15px;}.elementor-15 .elementor-element.elementor-element-925df16.elementor-position-top .elementor-image-box-img{margin-bottom:15px;}.elementor-15 .elementor-element.elementor-element-925df16 .elementor-image-box-wrapper .elementor-image-box-img{width:100%;}.elementor-15 .elementor-element.elementor-element-925df16 .elementor-image-box-img img{height:4px;transition-duration:0.3s;}.elementor-15 .elementor-element.elementor-element-925df16 .elementor-image-box-title{font-family:"Roboto", Sans-serif;font-size:25px;font-weight:600;color:#FFFFFF;}.elementor-15 .elementor-element.elementor-element-925df16:has(:hover) .elementor-image-box-title, .elementor-15 .elementor-element.elementor-element-925df16:has(:focus) .elementor-image-box-title{color:#FFFFFF;}.elementor-15 .elementor-element.elementor-element-925df16 .elementor-image-box-description{color:#FFFFFF;}.elementor-15 .elementor-element.elementor-element-b68fe5f{width:var( --container-widget-width, 29.521% );max-width:29.521%;padding:10px 10px 10px 10px;--container-widget-width:29.521%;--container-widget-flex-grow:0;}.elementor-15 .elementor-element.elementor-element-b68fe5f.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-15 .elementor-element.elementor-element-b68fe5f .elementor-image-box-wrapper{text-align:start;}.elementor-15 .elementor-element.elementor-element-b68fe5f.elementor-position-right .elementor-image-box-img{margin-left:15px;}.elementor-15 .elementor-element.elementor-element-b68fe5f.elementor-position-left .elementor-image-box-img{margin-right:15px;}.elementor-15 .elementor-element.elementor-element-b68fe5f.elementor-position-top .elementor-image-box-img{margin-bottom:15px;}.elementor-15 .elementor-element.elementor-element-b68fe5f .elementor-image-box-wrapper .elementor-image-box-img{width:100%;}.elementor-15 .elementor-element.elementor-element-b68fe5f .elementor-image-box-img img{transition-duration:0.3s;}.elementor-15 .elementor-element.elementor-element-b68fe5f .elementor-image-box-title{font-family:"Roboto", Sans-serif;font-size:25px;font-weight:600;color:#FFFFFF;}.elementor-15 .elementor-element.elementor-element-b68fe5f:has(:hover) .elementor-image-box-title, .elementor-15 .elementor-element.elementor-element-b68fe5f:has(:focus) .elementor-image-box-title{color:#FFFFFF;}.elementor-15 .elementor-element.elementor-element-b68fe5f .elementor-image-box-description{color:#FFFFFF;}.elementor-15 .elementor-element.elementor-element-40ca3ad{width:var( --container-widget-width, 29.521% );max-width:29.521%;padding:10px 10px 10px 10px;--container-widget-width:29.521%;--container-widget-flex-grow:0;}.elementor-15 .elementor-element.elementor-element-40ca3ad.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-15 .elementor-element.elementor-element-40ca3ad .elementor-image-box-wrapper{text-align:start;}.elementor-15 .elementor-element.elementor-element-40ca3ad.elementor-position-right .elementor-image-box-img{margin-left:15px;}.elementor-15 .elementor-element.elementor-element-40ca3ad.elementor-position-left .elementor-image-box-img{margin-right:15px;}.elementor-15 .elementor-element.elementor-element-40ca3ad.elementor-position-top .elementor-image-box-img{margin-bottom:15px;}.elementor-15 .elementor-element.elementor-element-40ca3ad .elementor-image-box-wrapper .elementor-image-box-img{width:100%;}.elementor-15 .elementor-element.elementor-element-40ca3ad .elementor-image-box-img img{transition-duration:0.3s;}.elementor-15 .elementor-element.elementor-element-40ca3ad .elementor-image-box-title{font-family:"Roboto", Sans-serif;font-size:25px;font-weight:600;color:#FFFFFF;}.elementor-15 .elementor-element.elementor-element-40ca3ad:has(:hover) .elementor-image-box-title, .elementor-15 .elementor-element.elementor-element-40ca3ad:has(:focus) .elementor-image-box-title{color:#FFFFFF;}.elementor-15 .elementor-element.elementor-element-40ca3ad .elementor-image-box-description{color:#FFFFFF;}.elementor-15 .elementor-element.elementor-element-d6ce624{--display:flex;--justify-content:center;--margin-top:50px;--margin-bottom:50px;--margin-left:0px;--margin-right:0px;}.elementor-15 .elementor-element.elementor-element-dc44fa7.elementor-element{--align-self:center;}.elementor-15 .elementor-element.elementor-element-a7f2086{--display:flex;}.elementor-15 .elementor-element.elementor-element-a7f2086:not(.elementor-motion-effects-element-type-background), .elementor-15 .elementor-element.elementor-element-a7f2086 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#010611;}.elementor-15 .elementor-element.elementor-element-e195461{margin:50px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;text-align:center;}.elementor-15 .elementor-element.elementor-element-e195461 .elementor-heading-title{font-family:"Anek Devanagari", Sans-serif;font-size:45px;font-weight:600;text-transform:capitalize;color:#FFFFFF;}.elementor-15 .elementor-element.elementor-element-4a864de{width:var( --container-widget-width, 80% );max-width:80%;--container-widget-width:80%;--container-widget-flex-grow:0;text-align:center;font-family:"Roboto", Sans-serif;font-weight:400;color:#FFFFFF;}.elementor-15 .elementor-element.elementor-element-4a864de.elementor-element{--align-self:center;}.elementor-15 .elementor-element.elementor-element-0e5b768{--display:flex;}.elementor-15 .elementor-element.elementor-element-3eaf435{--display:flex;}.elementor-15 .elementor-element.elementor-element-6835032{--display:flex;}.elementor-15 .elementor-element.elementor-element-6e72d47{--display:flex;}.elementor-15 .elementor-element.elementor-element-4a13490{--display:flex;}.elementor-15 .elementor-element.elementor-element-d177852 img{height:305px;}.elementor-15 .elementor-element.elementor-element-2066915{--e-n-carousel-swiper-slides-gap:10px;--e-n-carousel-slide-height:auto;--e-n-carousel-slide-container-height:100%;}.elementor-15 .elementor-element.elementor-element-d296e72{--display:flex;}.elementor-15 .elementor-element.elementor-element-d296e72:not(.elementor-motion-effects-element-type-background), .elementor-15 .elementor-element.elementor-element-d296e72 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#010611;}.elementor-15 .elementor-element.elementor-element-4952b1d{margin:50px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;text-align:center;}.elementor-15 .elementor-element.elementor-element-4952b1d .elementor-heading-title{font-family:"Anek Devanagari", Sans-serif;font-size:45px;font-weight:600;text-transform:capitalize;color:#FFFFFF;}.elementor-15 .elementor-element.elementor-element-a418071{width:var( --container-widget-width, 80% );max-width:80%;--container-widget-width:80%;--container-widget-flex-grow:0;text-align:center;font-family:"Roboto", Sans-serif;font-weight:400;color:#FFFFFF;}.elementor-15 .elementor-element.elementor-element-a418071.elementor-element{--align-self:center;}.elementor-15 .elementor-element.elementor-element-a0ad205{--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-15 .elementor-element.elementor-element-7632558.elementor-position-right .elementor-image-box-img{margin-left:15px;}.elementor-15 .elementor-element.elementor-element-7632558.elementor-position-left .elementor-image-box-img{margin-right:15px;}.elementor-15 .elementor-element.elementor-element-7632558.elementor-position-top .elementor-image-box-img{margin-bottom:15px;}.elementor-15 .elementor-element.elementor-element-7632558 .elementor-image-box-wrapper .elementor-image-box-img{width:100%;}.elementor-15 .elementor-element.elementor-element-7632558 .elementor-image-box-img img{transition-duration:0.3s;}.elementor-15 .elementor-element.elementor-element-7632558 .elementor-image-box-title{color:#FFFFFF;}.elementor-15 .elementor-element.elementor-element-7632558:has(:hover) .elementor-image-box-title, .elementor-15 .elementor-element.elementor-element-7632558:has(:focus) .elementor-image-box-title{color:#FFFFFF;}.elementor-15 .elementor-element.elementor-element-7632558 .elementor-image-box-description{color:#FFFFFF;}.elementor-15 .elementor-element.elementor-element-71cee4e.elementor-position-right .elementor-image-box-img{margin-left:15px;}.elementor-15 .elementor-element.elementor-element-71cee4e.elementor-position-left .elementor-image-box-img{margin-right:15px;}.elementor-15 .elementor-element.elementor-element-71cee4e.elementor-position-top .elementor-image-box-img{margin-bottom:15px;}.elementor-15 .elementor-element.elementor-element-71cee4e .elementor-image-box-wrapper .elementor-image-box-img{width:100%;}.elementor-15 .elementor-element.elementor-element-71cee4e .elementor-image-box-img img{transition-duration:0.3s;}.elementor-15 .elementor-element.elementor-element-71cee4e .elementor-image-box-title{color:#FFFFFF;}.elementor-15 .elementor-element.elementor-element-71cee4e:has(:hover) .elementor-image-box-title, .elementor-15 .elementor-element.elementor-element-71cee4e:has(:focus) .elementor-image-box-title{color:#FFFFFF;}.elementor-15 .elementor-element.elementor-element-71cee4e .elementor-image-box-description{color:#FFFFFF;}.elementor-15 .elementor-element.elementor-element-885f42d.elementor-position-right .elementor-image-box-img{margin-left:15px;}.elementor-15 .elementor-element.elementor-element-885f42d.elementor-position-left .elementor-image-box-img{margin-right:15px;}.elementor-15 .elementor-element.elementor-element-885f42d.elementor-position-top .elementor-image-box-img{margin-bottom:15px;}.elementor-15 .elementor-element.elementor-element-885f42d .elementor-image-box-wrapper .elementor-image-box-img{width:100%;}.elementor-15 .elementor-element.elementor-element-885f42d .elementor-image-box-img img{transition-duration:0.3s;}.elementor-15 .elementor-element.elementor-element-885f42d .elementor-image-box-title{color:#FFFFFF;}.elementor-15 .elementor-element.elementor-element-885f42d:has(:hover) .elementor-image-box-title, .elementor-15 .elementor-element.elementor-element-885f42d:has(:focus) .elementor-image-box-title{color:#FFFFFF;}.elementor-15 .elementor-element.elementor-element-885f42d .elementor-image-box-description{color:#FFFFFF;}.elementor-15 .elementor-element.elementor-element-7eb1afb{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--margin-top:50px;--margin-bottom:50px;--margin-left:0px;--margin-right:0px;}.elementor-15 .elementor-element.elementor-element-ac97eda.elementor-element{--align-self:center;}.elementor-15 .elementor-element.elementor-element-d121192{width:var( --container-widget-width, 80% );max-width:80%;--container-widget-width:80%;--container-widget-flex-grow:0;text-align:center;}.elementor-15 .elementor-element.elementor-element-d121192.elementor-element{--align-self:center;}.elementor-15 .elementor-element.elementor-element-d121192 .elementor-heading-title{font-family:"Roboto", Sans-serif;font-weight:400;color:#FFFFFF;}.elementor-15 .elementor-element.elementor-element-bfff583{--display:flex;}.elementor-15 .elementor-element.elementor-element-bfff583:not(.elementor-motion-effects-element-type-background), .elementor-15 .elementor-element.elementor-element-bfff583 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#010611;}.elementor-15 .elementor-element.elementor-element-46cfa80{margin:50px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;text-align:center;}.elementor-15 .elementor-element.elementor-element-46cfa80 .elementor-heading-title{font-family:"Anek Devanagari", Sans-serif;font-size:45px;font-weight:600;color:#FFFFFF;}.elementor-15 .elementor-element.elementor-element-c08bd1d{width:var( --container-widget-width, 80% );max-width:80%;--container-widget-width:80%;--container-widget-flex-grow:0;text-align:center;}.elementor-15 .elementor-element.elementor-element-c08bd1d.elementor-element{--align-self:center;}.elementor-15 .elementor-element.elementor-element-c08bd1d .elementor-heading-title{font-family:"Roboto", Sans-serif;font-weight:400;color:#FFFFFF;}.elementor-15 .elementor-element.elementor-element-e6ec81a{--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;--justify-content:center;}.elementor-15 .elementor-element.elementor-element-b396f27{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}.elementor-15 .elementor-element.elementor-element-9a2f5cd .elementor-heading-title{font-family:"DM Sans", Sans-serif;font-size:70px;font-weight:600;color:#FFFFFF;}.elementor-15 .elementor-element.elementor-element-6d87712{width:var( --container-widget-width, 55% );max-width:55%;--container-widget-width:55%;--container-widget-flex-grow:0;color:#FFFFFF;}.elementor-15 .elementor-element.elementor-element-6d87712 p{margin-block-end:2px;}.elementor-15 .elementor-element.elementor-element-2cefeee{width:var( --container-widget-width, 100% );max-width:100%;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;--container-widget-width:100%;--container-widget-flex-grow:0;border-style:none;border-radius:10px 10px 10px 10px;}.elementor-15 .elementor-element.elementor-element-2cefeee img{width:100%;max-width:100%;height:500px;border-style:none;border-radius:10px 10px 10px 10px;}.elementor-15 .elementor-element.elementor-element-73a8ccd{padding:15px 15px 15px 15px;color:#FFFFFF;}.elementor-15 .elementor-element.elementor-element-d52a5fb.elementor-position-right .elementor-image-box-img{margin-left:0px;}.elementor-15 .elementor-element.elementor-element-d52a5fb.elementor-position-left .elementor-image-box-img{margin-right:0px;}.elementor-15 .elementor-element.elementor-element-d52a5fb.elementor-position-top .elementor-image-box-img{margin-bottom:0px;}.elementor-15 .elementor-element.elementor-element-d52a5fb .elementor-image-box-title{margin-bottom:12px;color:#FFFFFF;}.elementor-15 .elementor-element.elementor-element-d52a5fb .elementor-image-box-wrapper .elementor-image-box-img{width:30%;}.elementor-15 .elementor-element.elementor-element-d52a5fb .elementor-image-box-img img{height:100px;transition-duration:0.3s;}.elementor-15 .elementor-element.elementor-element-d52a5fb:has(:hover) .elementor-image-box-title, .elementor-15 .elementor-element.elementor-element-d52a5fb:has(:focus) .elementor-image-box-title{color:#FFFFFF;}.elementor-15 .elementor-element.elementor-element-d52a5fb .elementor-image-box-description{color:#9B9B9B;}.elementor-15 .elementor-element.elementor-element-58a77c9{--display:flex;}.elementor-15 .elementor-element.elementor-element-56374a3{width:var( --container-widget-width, 100% );max-width:100%;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;--container-widget-width:100%;--container-widget-flex-grow:0;border-style:none;border-radius:10px 10px 10px 10px;}.elementor-15 .elementor-element.elementor-element-56374a3 img{width:100%;max-width:100%;height:500px;border-style:none;border-radius:10px 10px 10px 10px;}.elementor-15 .elementor-element.elementor-element-16673f8{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--margin-top:50px;--margin-bottom:50px;--margin-left:0px;--margin-right:0px;}.elementor-15 .elementor-element.elementor-element-5728146.elementor-element{--align-self:center;}.elementor-15 .elementor-element.elementor-element-328aa92{--display:flex;}.elementor-15 .elementor-element.elementor-element-328aa92:not(.elementor-motion-effects-element-type-background), .elementor-15 .elementor-element.elementor-element-328aa92 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#010611;}.elementor-15 .elementor-element.elementor-element-2fa2c85{--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;--justify-content:center;}.elementor-15 .elementor-element.elementor-element-23c37c9{--display:flex;}.elementor-15 .elementor-element.elementor-element-fa1ad75{--display:flex;--justify-content:center;--margin-top:50px;--margin-bottom:50px;--margin-left:0px;--margin-right:0px;}.elementor-15 .elementor-element.elementor-element-724336d.elementor-element{--align-self:center;}.elementor-15 .elementor-element.elementor-element-6d40e14{--display:flex;}.elementor-15 .elementor-element.elementor-element-6d40e14:not(.elementor-motion-effects-element-type-background), .elementor-15 .elementor-element.elementor-element-6d40e14 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#010611;}.elementor-15 .elementor-element.elementor-element-4591198{margin:50px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;text-align:center;}.elementor-15 .elementor-element.elementor-element-4591198 .elementor-heading-title{font-family:"Anek Devanagari", Sans-serif;font-size:45px;font-weight:600;color:#FFFFFF;}.elementor-15 .elementor-element.elementor-element-7729dfb{width:var( --container-widget-width, 80% );max-width:80%;--container-widget-width:80%;--container-widget-flex-grow:0;text-align:center;font-family:"Roboto", Sans-serif;font-weight:400;color:#FFFFFF;}.elementor-15 .elementor-element.elementor-element-7729dfb.elementor-element{--align-self:center;}.elementor-widget-testimonial-carousel .elementor-testimonial__text{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-widget-testimonial-carousel .elementor-testimonial__name{color:var( --e-global-color-text );font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-testimonial-carousel .elementor-testimonial__title{color:var( --e-global-color-primary );font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-15 .elementor-element.elementor-element-00ccd48 .elementor-swiper-button{font-size:20px;}.elementor-15 .elementor-element.elementor-element-85da6ca{--display:flex;}.elementor-15 .elementor-element.elementor-element-85da6ca:not(.elementor-motion-effects-element-type-background), .elementor-15 .elementor-element.elementor-element-85da6ca > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#010611;}.elementor-15 .elementor-element.elementor-element-cc879eb{--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;--justify-content:center;}.elementor-15 .elementor-element.elementor-element-0171078{--display:flex;}.elementor-15 .elementor-element.elementor-element-8a63005{margin:50px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;text-align:end;}.elementor-15 .elementor-element.elementor-element-8a63005 .elementor-heading-title{font-family:"Anek Devanagari", Sans-serif;font-size:45px;font-weight:600;color:#FFFFFF;}.elementor-15 .elementor-element.elementor-element-9324f36{--display:flex;}.elementor-15 .elementor-element.elementor-element-cff76ba{--display:flex;--justify-content:center;}.elementor-15 .elementor-element.elementor-element-cff76ba:not(.elementor-motion-effects-element-type-background), .elementor-15 .elementor-element.elementor-element-cff76ba > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#010611;}.elementor-15 .elementor-element.elementor-element-e1d0b88{margin:50px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;text-align:start;}.elementor-15 .elementor-element.elementor-element-e1d0b88 .elementor-heading-title{font-family:"Anek Devanagari", Sans-serif;font-size:25px;font-weight:600;color:#FFFFFF;}.elementor-15 .elementor-element.elementor-element-b0eb22f{margin:50px 0px calc(var(--kit-widget-spacing, 0px) + 50px) 0px;}.elementor-15 .elementor-element.elementor-element-b0eb22f.elementor-element{--align-self:center;}.elementor-widget-divider{--divider-color:var( --e-global-color-secondary );}.elementor-widget-divider .elementor-divider__text{color:var( --e-global-color-secondary );font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-divider.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-secondary );}.elementor-widget-divider.elementor-view-framed .elementor-icon, .elementor-widget-divider.elementor-view-default .elementor-icon{color:var( --e-global-color-secondary );border-color:var( --e-global-color-secondary );}.elementor-widget-divider.elementor-view-framed .elementor-icon, .elementor-widget-divider.elementor-view-default .elementor-icon svg{fill:var( --e-global-color-secondary );}.elementor-15 .elementor-element.elementor-element-d70767b{--divider-border-style:solid;--divider-color:#FFFFFF;--divider-border-width:1.3px;width:100%;max-width:100%;}.elementor-15 .elementor-element.elementor-element-d70767b .elementor-divider-separator{width:100%;}.elementor-15 .elementor-element.elementor-element-d70767b .elementor-divider{padding-block-start:15px;padding-block-end:15px;}.elementor-15 .elementor-element.elementor-element-6d9787f{--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;--justify-content:flex-end;--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-15 .elementor-element.elementor-element-1b00573 .elementor-icon-wrapper{text-align:center;}.elementor-15 .elementor-element.elementor-element-1b00573 .elementor-icon{font-size:6px;}.elementor-15 .elementor-element.elementor-element-1b00573 .elementor-icon svg{height:6px;}.elementor-15 .elementor-element.elementor-element-293dd6b .elementor-icon-wrapper{text-align:center;}.elementor-15 .elementor-element.elementor-element-293dd6b .elementor-icon{font-size:6px;}.elementor-15 .elementor-element.elementor-element-293dd6b .elementor-icon svg{height:6px;}.elementor-15 .elementor-element.elementor-element-d51bd3d .elementor-icon-wrapper{text-align:center;}.elementor-15 .elementor-element.elementor-element-d51bd3d .elementor-icon{font-size:6px;}.elementor-15 .elementor-element.elementor-element-d51bd3d .elementor-icon svg{height:6px;}.elementor-15 .elementor-element.elementor-element-3e15f37 .elementor-icon-wrapper{text-align:center;}.elementor-15 .elementor-element.elementor-element-3e15f37 .elementor-icon{font-size:6px;}.elementor-15 .elementor-element.elementor-element-3e15f37 .elementor-icon svg{height:6px;}.elementor-15 .elementor-element.elementor-element-5b2f616 .elementor-icon-wrapper{text-align:center;}.elementor-15 .elementor-element.elementor-element-5b2f616 .elementor-icon{font-size:6px;}.elementor-15 .elementor-element.elementor-element-5b2f616 .elementor-icon svg{height:6px;}.elementor-15 .elementor-element.elementor-element-45d522d{--divider-border-style:solid;--divider-color:#FFFFFF;--divider-border-width:1.3px;width:100%;max-width:100%;}.elementor-15 .elementor-element.elementor-element-45d522d .elementor-divider-separator{width:100%;}.elementor-15 .elementor-element.elementor-element-45d522d .elementor-divider{padding-block-start:15px;padding-block-end:15px;}.elementor-15 .elementor-element.elementor-element-5a0bb5a{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-15 .elementor-element.elementor-element-5a0bb5a .elementor-heading-title{font-family:"Roboto", Sans-serif;font-size:15px;font-weight:600;color:#FFFFFF;}.elementor-15 .elementor-element.elementor-element-f16d0df{--display:flex;--justify-content:space-between;}.elementor-15 .elementor-element.elementor-element-f1138e5 .elementor-icon-wrapper{text-align:center;}@media(max-width:1024px){.elementor-15 .elementor-element.elementor-element-f5d5dd0{--e-n-carousel-swiper-slides-to-display:2;}.elementor-15 .elementor-element.elementor-element-2066915{--e-n-carousel-swiper-slides-to-display:2;}}@media(max-width:767px){.elementor-15 .elementor-element.elementor-element-4ea2b26{--justify-content:flex-end;--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-15 .elementor-element.elementor-element-4ea2b26.e-con{--align-self:center;}.elementor-15 .elementor-element.elementor-element-fc63b80{--justify-content:flex-start;}.elementor-15 .elementor-element.elementor-element-fc63b80.e-con{--align-self:flex-end;}.elementor-15 .elementor-element.elementor-element-7516ebb{--width:27vw;--justify-content:flex-start;}.elementor-15 .elementor-element.elementor-element-0af4970 img{width:100%;height:40px;}.elementor-15 .elementor-element.elementor-element-255f3c7{--width:57vw;--justify-content:flex-end;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-15 .elementor-element.elementor-element-255f3c7.e-con{--align-self:flex-end;}.elementor-15 .elementor-element.elementor-element-3efbcd7{width:var( --container-widget-width, 0px );max-width:0px;--container-widget-width:0px;--container-widget-flex-grow:0;}.elementor-15 .elementor-element.elementor-element-5ec7250{width:var( --container-widget-width, 105px );max-width:105px;margin:0px -16px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;--container-widget-width:105px;--container-widget-flex-grow:0;}.elementor-15 .elementor-element.elementor-element-5ec7250.elementor-element{--align-self:flex-end;}.elementor-15 .elementor-element.elementor-element-5ec7250 .elementor-button{font-size:13px;}.elementor-15 .elementor-element.elementor-element-1f317d5{--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-15 .elementor-element.elementor-element-1f317d5.e-con{--align-self:center;}.elementor-15 .elementor-element.elementor-element-d3e69ae{width:100%;max-width:100%;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;text-align:center;}.elementor-15 .elementor-element.elementor-element-d3e69ae .elementor-heading-title{font-size:6px;}.elementor-15 .elementor-element.elementor-element-c4d7d27{width:100%;max-width:100%;text-align:center;}.elementor-15 .elementor-element.elementor-element-c4d7d27 .elementor-heading-title{font-size:34px;}.elementor-15 .elementor-element.elementor-element-d3e3620{width:var( --container-widget-width, 328px );max-width:328px;--container-widget-width:328px;--container-widget-flex-grow:0;text-align:center;}.elementor-15 .elementor-element.elementor-element-d3e3620.elementor-element{--align-self:center;}.elementor-15 .elementor-element.elementor-element-07b0911{--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;--justify-content:center;}.elementor-15 .elementor-element.elementor-element-07b0911.e-con{--align-self:center;}.elementor-15 .elementor-element.elementor-element-6e5165c{width:100%;max-width:100%;padding:10px 10px 10px 10px;}.elementor-15 .elementor-element.elementor-element-6e5165c .elementor-icon-list-item > .elementor-icon-list-text, .elementor-15 .elementor-element.elementor-element-6e5165c .elementor-icon-list-item > a{font-size:13px;}.elementor-15 .elementor-element.elementor-element-a18fd76{--justify-content:center;--margin-top:0%;--margin-bottom:0%;--margin-left:0%;--margin-right:0%;--padding-top:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}.elementor-15 .elementor-element.elementor-element-a18fd76.e-con{--align-self:center;}.elementor-15 .elementor-element.elementor-element-e6bfdef.elementor-element{--align-self:center;}.elementor-15 .elementor-element.elementor-element-d5cece2{--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--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-15 .elementor-element.elementor-element-d5cece2.e-con{--align-self:center;}.elementor-15 .elementor-element.elementor-element-d189235{width:var( --container-widget-width, 358px );max-width:358px;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;--container-widget-width:358px;--container-widget-flex-grow:0;}.elementor-15 .elementor-element.elementor-element-d189235.elementor-element{--align-self:center;}.elementor-15 .elementor-element.elementor-element-d189235 img{width:91%;height:362px;border-radius:0px 0px 0px 0px;}.elementor-15 .elementor-element.elementor-element-eca864a{width:100%;max-width:100%;margin:50px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-15 .elementor-element.elementor-element-eca864a .elementor-heading-title{font-size:35px;line-height:0.1em;letter-spacing:-0.8px;word-spacing:0.2em;}.elementor-15 .elementor-element.elementor-element-f1abd5d{width:100%;max-width:100%;}.elementor-15 .elementor-element.elementor-element-f5d5dd0{--e-n-carousel-swiper-slides-to-display:2;}.elementor-15 .elementor-element.elementor-element-fe5f577{width:100%;max-width:100%;margin:50px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-15 .elementor-element.elementor-element-fe5f577.elementor-element{--align-self:center;}.elementor-15 .elementor-element.elementor-element-fe5f577 .elementor-heading-title{font-size:30px;line-height:0.1em;letter-spacing:-0.8px;word-spacing:0.1em;}.elementor-15 .elementor-element.elementor-element-381ea30{width:var( --container-widget-width, 294px );max-width:294px;--container-widget-width:294px;--container-widget-flex-grow:0;}.elementor-15 .elementor-element.elementor-element-4a3873b{width:var( --container-widget-width, 480px );max-width:480px;--container-widget-width:480px;--container-widget-flex-grow:0;}.elementor-15 .elementor-element.elementor-element-4a3873b.elementor-element{--align-self:center;}.elementor-15 .elementor-element.elementor-element-8a31114{--justify-content:center;--margin-top:0%;--margin-bottom:0%;--margin-left:0%;--margin-right:0%;--padding-top:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}.elementor-15 .elementor-element.elementor-element-8a31114.e-con{--align-self:center;}.elementor-15 .elementor-element.elementor-element-950af56{--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-15 .elementor-element.elementor-element-716b3d1{width:100%;max-width:100%;margin:50px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-15 .elementor-element.elementor-element-716b3d1.elementor-element{--align-self:center;}.elementor-15 .elementor-element.elementor-element-716b3d1 .elementor-heading-title{font-size:30px;line-height:0.1em;letter-spacing:-0.8px;word-spacing:0.2em;}.elementor-15 .elementor-element.elementor-element-b006ab7{width:100%;max-width:100%;font-size:15px;}.elementor-15 .elementor-element.elementor-element-7ae414f{width:100%;max-width:100%;}.elementor-15 .elementor-element.elementor-element-c190d56{--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-15 .elementor-element.elementor-element-94ac50a{width:100%;max-width:100%;margin:50px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-15 .elementor-element.elementor-element-94ac50a.elementor-element{--align-self:center;}.elementor-15 .elementor-element.elementor-element-94ac50a .elementor-heading-title{font-size:30px;line-height:0.1em;letter-spacing:-0.8px;word-spacing:0.2em;}.elementor-15 .elementor-element.elementor-element-634f43b{width:var( --container-widget-width, 258px );max-width:258px;--container-widget-width:258px;--container-widget-flex-grow:0;font-size:15px;}.elementor-15 .elementor-element.elementor-element-f632837{--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-15 .elementor-element.elementor-element-8c36a87{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-15 .elementor-element.elementor-element-db743b3{width:100%;max-width:100%;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-15 .elementor-element.elementor-element-db743b3 .elementor-heading-title{font-size:24px;line-height:0.1em;letter-spacing:-0.8px;word-spacing:0.2em;}.elementor-15 .elementor-element.elementor-element-467e4d6{width:100%;max-width:100%;font-size:15px;}.elementor-15 .elementor-element.elementor-element-e5b3a41{width:100%;max-width:100%;}.elementor-15 .elementor-element.elementor-element-99aa0db{--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-15 .elementor-element.elementor-element-32f242b{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-15 .elementor-element.elementor-element-960b15d{width:100%;max-width:100%;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-15 .elementor-element.elementor-element-960b15d .elementor-heading-title{font-size:24px;line-height:0.1em;letter-spacing:-0.8px;word-spacing:0.2em;}.elementor-15 .elementor-element.elementor-element-5060a7e{width:100%;max-width:100%;font-size:15px;}.elementor-15 .elementor-element.elementor-element-4763af0{width:100%;max-width:100%;}.elementor-15 .elementor-element.elementor-element-cc9fa87{--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-15 .elementor-element.elementor-element-f547788{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-15 .elementor-element.elementor-element-ce409ea{width:100%;max-width:100%;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-15 .elementor-element.elementor-element-ce409ea .elementor-heading-title{font-size:24px;line-height:0.1em;letter-spacing:-0.8px;word-spacing:0.2em;}.elementor-15 .elementor-element.elementor-element-2e6d0f2{width:100%;max-width:100%;font-size:15px;}.elementor-15 .elementor-element.elementor-element-82cbdd2{width:100%;max-width:100%;}.elementor-15 .elementor-element.elementor-element-3f03b17{--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-15 .elementor-element.elementor-element-d273e92{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-15 .elementor-element.elementor-element-0be7ea0{width:100%;max-width:100%;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-15 .elementor-element.elementor-element-0be7ea0 .elementor-heading-title{font-size:24px;line-height:0.1em;letter-spacing:-0.8px;word-spacing:0.2em;}.elementor-15 .elementor-element.elementor-element-4892325{width:100%;max-width:100%;font-size:15px;}.elementor-15 .elementor-element.elementor-element-ff854cd{width:100%;max-width:100%;}.elementor-15 .elementor-element.elementor-element-f374dcc.elementor-element{--align-self:center;}.elementor-15 .elementor-element.elementor-element-bd7d948{width:100%;max-width:100%;margin:50px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-15 .elementor-element.elementor-element-bd7d948.elementor-element{--align-self:center;}.elementor-15 .elementor-element.elementor-element-bd7d948 .elementor-heading-title{font-size:30px;line-height:0.1em;letter-spacing:-0.8px;word-spacing:0.2em;}.elementor-15 .elementor-element.elementor-element-3b92dbd{width:100%;max-width:100%;font-size:15px;}.elementor-15 .elementor-element.elementor-element-5f64388{--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;}.elementor-15 .elementor-element.elementor-element-b62010e{width:100%;max-width:100%;}.elementor-15 .elementor-element.elementor-element-b62010e .elementor-image-box-img{margin-bottom:15px;}.elementor-15 .elementor-element.elementor-element-5b8741a{width:100%;max-width:100%;}.elementor-15 .elementor-element.elementor-element-5b8741a .elementor-image-box-img{margin-bottom:15px;}.elementor-15 .elementor-element.elementor-element-1af1a1b{width:100%;max-width:100%;}.elementor-15 .elementor-element.elementor-element-1af1a1b .elementor-image-box-img{margin-bottom:15px;}.elementor-15 .elementor-element.elementor-element-2e94462{--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;}.elementor-15 .elementor-element.elementor-element-925df16{width:100%;max-width:100%;}.elementor-15 .elementor-element.elementor-element-925df16 .elementor-image-box-img{margin-bottom:15px;}.elementor-15 .elementor-element.elementor-element-b68fe5f{width:100%;max-width:100%;}.elementor-15 .elementor-element.elementor-element-b68fe5f .elementor-image-box-img{margin-bottom:15px;}.elementor-15 .elementor-element.elementor-element-40ca3ad{width:100%;max-width:100%;}.elementor-15 .elementor-element.elementor-element-40ca3ad .elementor-image-box-img{margin-bottom:15px;}.elementor-15 .elementor-element.elementor-element-dc44fa7.elementor-element{--align-self:center;}.elementor-15 .elementor-element.elementor-element-e195461{width:100%;max-width:100%;margin:50px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-15 .elementor-element.elementor-element-e195461.elementor-element{--align-self:center;}.elementor-15 .elementor-element.elementor-element-e195461 .elementor-heading-title{font-size:30px;line-height:0.1em;letter-spacing:-0.8px;word-spacing:0.2em;}.elementor-15 .elementor-element.elementor-element-4a864de{width:100%;max-width:100%;font-size:15px;}.elementor-15 .elementor-element.elementor-element-2066915{--e-n-carousel-swiper-slides-to-display:1;}.elementor-15 .elementor-element.elementor-element-4952b1d{width:100%;max-width:100%;margin:50px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-15 .elementor-element.elementor-element-4952b1d.elementor-element{--align-self:center;}.elementor-15 .elementor-element.elementor-element-4952b1d .elementor-heading-title{font-size:30px;line-height:0.1em;letter-spacing:-0.8px;word-spacing:0.2em;}.elementor-15 .elementor-element.elementor-element-a418071{width:100%;max-width:100%;font-size:15px;}.elementor-15 .elementor-element.elementor-element-7632558 .elementor-image-box-img{margin-bottom:15px;}.elementor-15 .elementor-element.elementor-element-71cee4e .elementor-image-box-img{margin-bottom:15px;}.elementor-15 .elementor-element.elementor-element-885f42d .elementor-image-box-img{margin-bottom:15px;}.elementor-15 .elementor-element.elementor-element-7eb1afb{--justify-content:center;}.elementor-15 .elementor-element.elementor-element-ac97eda.elementor-element{--align-self:center;}.elementor-15 .elementor-element.elementor-element-d121192{width:100%;max-width:100%;}.elementor-15 .elementor-element.elementor-element-d121192 .elementor-heading-title{font-size:15px;}.elementor-15 .elementor-element.elementor-element-46cfa80{width:100%;max-width:100%;margin:50px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-15 .elementor-element.elementor-element-46cfa80 .elementor-heading-title{font-size:35px;line-height:0.1em;letter-spacing:-0.8px;word-spacing:0.2em;}.elementor-15 .elementor-element.elementor-element-c08bd1d{width:100%;max-width:100%;}.elementor-15 .elementor-element.elementor-element-c08bd1d .elementor-heading-title{font-size:15px;}.elementor-15 .elementor-element.elementor-element-e6ec81a{--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-15 .elementor-element.elementor-element-b396f27{--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-15 .elementor-element.elementor-element-9a2f5cd .elementor-heading-title{font-size:43px;}.elementor-15 .elementor-element.elementor-element-6d87712{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-15 .elementor-element.elementor-element-2cefeee{width:var( --container-widget-width, 405px );max-width:405px;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;--container-widget-width:405px;--container-widget-flex-grow:0;}.elementor-15 .elementor-element.elementor-element-2cefeee.elementor-element{--align-self:center;}.elementor-15 .elementor-element.elementor-element-2cefeee img{width:91%;height:362px;border-radius:0px 0px 0px 0px;}.elementor-15 .elementor-element.elementor-element-d52a5fb .elementor-image-box-img{margin-bottom:0px;}.elementor-15 .elementor-element.elementor-element-56374a3{width:var( --container-widget-width, 405px );max-width:405px;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;--container-widget-width:405px;--container-widget-flex-grow:0;}.elementor-15 .elementor-element.elementor-element-56374a3.elementor-element{--align-self:center;}.elementor-15 .elementor-element.elementor-element-56374a3 img{width:91%;height:362px;border-radius:0px 0px 0px 0px;}.elementor-15 .elementor-element.elementor-element-16673f8{--justify-content:center;}.elementor-15 .elementor-element.elementor-element-5728146.elementor-element{--align-self:center;}.elementor-15 .elementor-element.elementor-element-fa1ad75{--justify-content:center;}.elementor-15 .elementor-element.elementor-element-724336d.elementor-element{--align-self:center;}.elementor-15 .elementor-element.elementor-element-4591198{width:100%;max-width:100%;margin:50px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-15 .elementor-element.elementor-element-4591198 .elementor-heading-title{font-size:35px;line-height:0.1em;letter-spacing:-0.8px;word-spacing:0.2em;}.elementor-15 .elementor-element.elementor-element-7729dfb{width:100%;max-width:100%;font-size:15px;}.elementor-15 .elementor-element.elementor-element-8a63005{width:var( --container-widget-width, 264px );max-width:264px;margin:50px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;--container-widget-width:264px;--container-widget-flex-grow:0;text-align:center;}.elementor-15 .elementor-element.elementor-element-8a63005.elementor-element{--align-self:center;}.elementor-15 .elementor-element.elementor-element-8a63005 .elementor-heading-title{font-size:33px;line-height:0.1em;letter-spacing:-0.8px;word-spacing:0.2em;}.elementor-15 .elementor-element.elementor-element-9324f36{--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-15 .elementor-element.elementor-element-ef02fc5{width:100%;max-width:100%;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:10px 10px 10px 10px;}.elementor-15 .elementor-element.elementor-element-e1d0b88{width:100%;max-width:100%;margin:50px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:15px 15px 15px 15px;}.elementor-15 .elementor-element.elementor-element-e1d0b88 .elementor-heading-title{font-size:35px;line-height:0.1em;letter-spacing:-0.8px;word-spacing:0.2em;}.elementor-15 .elementor-element.elementor-element-7f523fd{padding:20px 20px 20px 20px;}.elementor-15 .elementor-element.elementor-element-b0eb22f.elementor-element{--align-self:center;}.elementor-15 .elementor-element.elementor-element-d70767b{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-15 .elementor-element.elementor-element-6d9787f{--justify-content:center;--margin-top:-13px;--margin-bottom:-13px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-15 .elementor-element.elementor-element-1b00573 .elementor-icon{font-size:6px;}.elementor-15 .elementor-element.elementor-element-1b00573 .elementor-icon svg{height:6px;}.elementor-15 .elementor-element.elementor-element-293dd6b .elementor-icon{font-size:6px;}.elementor-15 .elementor-element.elementor-element-293dd6b .elementor-icon svg{height:6px;}.elementor-15 .elementor-element.elementor-element-d51bd3d .elementor-icon{font-size:6px;}.elementor-15 .elementor-element.elementor-element-d51bd3d .elementor-icon svg{height:6px;}.elementor-15 .elementor-element.elementor-element-3e15f37 .elementor-icon{font-size:6px;}.elementor-15 .elementor-element.elementor-element-3e15f37 .elementor-icon svg{height:6px;}.elementor-15 .elementor-element.elementor-element-5b2f616 .elementor-icon{font-size:6px;}.elementor-15 .elementor-element.elementor-element-5b2f616 .elementor-icon svg{height:6px;}.elementor-15 .elementor-element.elementor-element-45d522d{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-15 .elementor-element.elementor-element-5a0bb5a{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:10px 10px 10px 10px;text-align:center;}}@media(min-width:768px){.elementor-15 .elementor-element.elementor-element-db48956{--width:100%;}.elementor-15 .elementor-element.elementor-element-5902c32{--width:18.411%;}.elementor-15 .elementor-element.elementor-element-fc63b80{--width:100%;}.elementor-15 .elementor-element.elementor-element-7516ebb{--width:18.411%;}.elementor-15 .elementor-element.elementor-element-5ae681d{--width:51.009%;}}/* Start custom CSS for icon, class: .elementor-element-004270b *//* ========================================= ULTRA PREMIUM WHATSAPP ICON PERFECT CENTER ALIGNMENT ELEMENTOR PRO ========================================= */ .elementor-15 .elementor-element.elementor-element-004270b { position: relative !important; width: 48px !important; height: 48px !important; min-width: 48px !important; min-height: 48px !important; padding: 0 !important; margin: 0 !important; box-sizing: border-box !important; /* PERFECT CENTER */ display: flex !important; align-items: center !important; justify-content: center !important; overflow: hidden !important; /* PREMIUM NAVY GLASS */ background: linear-gradient( 145deg, rgba(18, 45, 91, 0.78), rgba(5, 24, 58, 0.82) ) !important; border: 1px solid rgba(255, 255, 255, 0.30) !important; border-radius: 12px !important; box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.10), inset 0 -1px 0 rgba(0, 0, 0, 0.18), 0 5px 16px rgba(0, 0, 0, 0.20) !important; backdrop-filter: blur(10px) saturate(120%) !important; -webkit-backdrop-filter: blur(10px) saturate(120%) !important; transition: transform 0.3s ease, border-color 0.3s ease, background 0.3s ease, box-shadow 0.3s ease !important; } /* ========================================= TOP GLASS HIGHLIGHT ========================================= */ .elementor-15 .elementor-element.elementor-element-004270b::before { content: "" !important; position: absolute !important; top: 0 !important; left: 12% !important; width: 76% !important; height: 1px !important; background: rgba(255, 255, 255, 0.18) !important; pointer-events: none !important; } /* ========================================= ELEMENTOR ICON WRAPPER PERFECT CENTER LOCK ========================================= */ .elementor-15 .elementor-element.elementor-element-004270b .elementor-icon { position: absolute !important; top: 50% !important; left: 50% !important; width: 22px !important; height: 22px !important; padding: 0 !important; margin: 0 !important; display: flex !important; align-items: center !important; justify-content: center !important; transform: translate(-50%, -50%) !important; color: #ffffff !important; font-size: 22px !important; line-height: 0 !important; background: transparent !important; } /* ========================================= SVG — PERFECT CENTER ========================================= */ .elementor-15 .elementor-element.elementor-element-004270b .elementor-icon svg { display: block !important; width: 22px !important; height: 22px !important; padding: 0 !important; margin: 0 !important; position: absolute !important; top: 50% !important; left: 50% !important; transform: translate(-50%, -50%) !important; color: #ffffff !important; fill: currentColor !important; } /* ========================================= ICON FONT — PERFECT CENTER ========================================= */ .elementor-15 .elementor-element.elementor-element-004270b .elementor-icon i { display: flex !important; align-items: center !important; justify-content: center !important; width: 22px !important; height: 22px !important; padding: 0 !important; margin: 0 !important; color: #ffffff !important; font-size: 22px !important; line-height: 1 !important; text-align: center !important; } /* ========================================= HOVER ========================================= */ .elementor-15 .elementor-element.elementor-element-004270b:hover { transform: translateY(-2px) !important; border-color: rgba(255, 255, 255, 0.48) !important; background: linear-gradient( 145deg, rgba(24, 55, 105, 0.88), rgba(7, 29, 67, 0.92) ) !important; box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.14), 0 8px 22px rgba(0, 0, 0, 0.28) !important; } /* ========================================= ACTIVE ========================================= */ .elementor-15 .elementor-element.elementor-element-004270b:active { transform: translateY(0) scale(0.97) !important; } /* ========================================= MOBILE ========================================= */ @media (max-width: 767px) { .elementor-15 .elementor-element.elementor-element-004270b { width: 48px !important; height: 48px !important; min-width: 48px !important; min-height: 48px !important; } .elementor-15 .elementor-element.elementor-element-004270b .elementor-icon, .elementor-15 .elementor-element.elementor-element-004270b .elementor-icon svg, .elementor-15 .elementor-element.elementor-element-004270b .elementor-icon i { width: 21px !important; height: 21px !important; } .elementor-15 .elementor-element.elementor-element-004270b .elementor-icon { font-size: 21px !important; } .elementor-15 .elementor-element.elementor-element-004270b .elementor-icon i { font-size: 21px !important; } }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-e95d550 *//* ========================================================= PREMIUM LIQUID GLASS BUTTON ELEMENTOR PRO SIZE UNCHANGED ========================================================= */ .elementor-15 .elementor-element.elementor-element-e95d550 .elementor-button { position: relative !important; overflow: hidden !important; /* LIQUID GLASS */ background: linear-gradient( 135deg, rgba(255,255,255,0.22) 0%, rgba(255,255,255,0.08) 45%, rgba(255,255,255,0.18) 100% ) !important; backdrop-filter: blur(14px) saturate(150%) !important; -webkit-backdrop-filter: blur(14px) saturate(150%) !important; /* GLASS BORDER */ border: 1px solid rgba(255,255,255,0.55) !important; /* PREMIUM GLOW */ box-shadow: inset 0 1px 1px rgba(255,255,255,0.45), inset 0 -1px 2px rgba(255,255,255,0.08), 0 6px 20px rgba(0,0,0,0.18), 0 0 18px rgba(255,255,255,0.08) !important; transition: transform 0.35s ease, box-shadow 0.35s ease, background 0.35s ease !important; } /* ========================================================= LIQUID SHINE ========================================================= */ .elementor-15 .elementor-element.elementor-element-e95d550 .elementor-button::before { content: "" !important; position: absolute !important; top: -80% !important; left: -40% !important; width: 45% !important; height: 260% !important; background: linear-gradient( 90deg, transparent, rgba(255,255,255,0.35), transparent ) !important; transform: rotate(25deg) !important; opacity: 0.7 !important; pointer-events: none !important; transition: left 0.7s ease !important; } /* ========================================================= HOVER — PREMIUM GLASS DEPTH ========================================================= */ .elementor-15 .elementor-element.elementor-element-e95d550 .elementor-button:hover { transform: translateY(-2px) !important; background: linear-gradient( 135deg, rgba(255,255,255,0.30), rgba(255,255,255,0.10), rgba(255,255,255,0.22) ) !important; border-color: rgba(255,255,255,0.85) !important; box-shadow: inset 0 1px 2px rgba(255,255,255,0.65), 0 10px 30px rgba(0,0,0,0.25), 0 0 25px rgba(255,255,255,0.16) !important; } /* ========================================================= HOVER SHINE SWEEP ========================================================= */ .elementor-15 .elementor-element.elementor-element-e95d550 .elementor-button:hover::before { left: 125% !important; } /* ========================================================= BUTTON TEXT ABOVE EFFECT ========================================================= */ .elementor-15 .elementor-element.elementor-element-e95d550 .elementor-button-text { position: relative !important; z-index: 2 !important; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-db48956 *//* ========================================= ULTRA PREMIUM NAVBAR / CONTAINER DEEP NAVY • ELECTRIC BLUE • GLASS DEPTH SIZE & SPACING UNCHANGED ========================================= */ .elementor-15 .elementor-element.elementor-element-db48956 { position: relative !important; overflow: hidden !important; isolation: isolate !important; /* PREMIUM DEEP NAVY BACKGROUND */ background: radial-gradient( circle at 18% 45%, rgba(0, 153, 255, 0.18) 0%, rgba(0, 110, 255, 0.08) 24%, transparent 52% ), radial-gradient( circle at 82% 20%, rgba(40, 80, 255, 0.10) 0%, transparent 42% ), linear-gradient( 115deg, #04151d 0%, #061d2c 28%, #071c3d 58%, #071642 78%, #050e20 100% ) !important; /* PREMIUM GLASS BORDER */ border: 1px solid rgba(120, 190, 255, 0.11) !important; /* DEPTH + INNER HIGHLIGHT */ box-shadow: 0 18px 45px rgba(0, 0, 0, 0.34), 0 4px 18px rgba(0, 80, 180, 0.08), inset 0 1px 0 rgba(255, 255, 255, 0.065), inset 0 -1px 0 rgba(0, 0, 0, 0.25) !important; /* SMOOTH RENDERING */ -webkit-backdrop-filter: blur(18px) saturate(125%) !important; backdrop-filter: blur(18px) saturate(125%) !important; } /* ========================================= PREMIUM BLUE ATMOSPHERIC GLOW ========================================= */ .elementor-15 .elementor-element.elementor-element-db48956::before { content: ""; position: absolute; top: -100px; left: 12%; width: 380px; height: 190px; background: radial-gradient( ellipse, rgba(0, 153, 255, 0.20) 0%, rgba(0, 119, 255, 0.08) 38%, transparent 72% ); filter: blur(55px); opacity: 0.85; pointer-events: none; z-index: -1; } /* ========================================= SUBTLE PREMIUM LIGHT REFLECTION ========================================= */ .elementor-15 .elementor-element.elementor-element-db48956::after { content: ""; position: absolute; inset: 0; background: linear-gradient( 105deg, transparent 0%, rgba(255, 255, 255, 0.015) 25%, rgba(80, 170, 255, 0.035) 48%, rgba(80, 120, 255, 0.055) 68%, transparent 100% ); opacity: 0.9; pointer-events: none; z-index: -1; }/* End custom CSS */ /* Start custom CSS for icon, class: .elementor-element-3efbcd7 *//* ========================================= ULTRA PREMIUM WHATSAPP ICON DESKTOP • TABLET • MOBILE PERFECT CENTER ALIGNMENT ELEMENTOR PRO ========================================= */ .elementor-15 .elementor-element.elementor-element-3efbcd7 { position: relative !important; width: 48px !important; height: 48px !important; min-width: 48px !important; min-height: 48px !important; padding: 0 !important; margin: 0 !important; box-sizing: border-box !important; display: flex !important; align-items: center !important; justify-content: center !important; overflow: hidden !important; /* PREMIUM NAVY GLASS */ background: linear-gradient( 145deg, rgba(18, 45, 91, 0.78), rgba(5, 24, 58, 0.82) ) !important; border: 1px solid rgba(255, 255, 255, 0.30) !important; border-radius: 12px !important; box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.10), inset 0 -1px 0 rgba(0, 0, 0, 0.18), 0 5px 16px rgba(0, 0, 0, 0.20) !important; backdrop-filter: blur(10px) saturate(120%) !important; -webkit-backdrop-filter: blur(10px) saturate(120%) !important; transition: transform 0.3s ease, border-color 0.3s ease, background 0.3s ease, box-shadow 0.3s ease !important; } /* ========================================= TOP GLASS HIGHLIGHT ========================================= */ .elementor-15 .elementor-element.elementor-element-3efbcd7::before { content: "" !important; position: absolute !important; top: 0 !important; left: 12% !important; width: 76% !important; height: 1px !important; background: rgba(255, 255, 255, 0.18) !important; pointer-events: none !important; z-index: 2 !important; } /* ========================================= ELEMENTOR ICON WRAPPER PERFECT CENTER LOCK ========================================= */ .elementor-15 .elementor-element.elementor-element-3efbcd7 .elementor-icon { position: absolute !important; top: 50% !important; left: 50% !important; width: 22px !important; height: 22px !important; min-width: 22px !important; min-height: 22px !important; padding: 0 !important; margin: 0 !important; display: flex !important; align-items: center !important; justify-content: center !important; transform: translate(-50%, -50%) !important; color: #ffffff !important; font-size: 22px !important; line-height: 0 !important; background: transparent !important; z-index: 3 !important; } /* ========================================= SVG ICON ========================================= */ .elementor-15 .elementor-element.elementor-element-3efbcd7 .elementor-icon svg { position: absolute !important; top: 50% !important; left: 50% !important; width: 22px !important; height: 22px !important; min-width: 22px !important; min-height: 22px !important; padding: 0 !important; margin: 0 !important; display: block !important; transform: translate(-50%, -50%) !important; color: #ffffff !important; fill: currentColor !important; stroke: currentColor !important; overflow: visible !important; } /* ========================================= ICON FONT ========================================= */ .elementor-15 .elementor-element.elementor-element-3efbcd7 .elementor-icon i { width: 22px !important; height: 22px !important; min-width: 22px !important; min-height: 22px !important; padding: 0 !important; margin: 0 !important; display: flex !important; align-items: center !important; justify-content: center !important; color: #ffffff !important; font-size: 22px !important; line-height: 1 !important; text-align: center !important; } /* ========================================= HOVER EFFECT ========================================= */ .elementor-15 .elementor-element.elementor-element-3efbcd7:hover { transform: translateY(-2px) !important; border-color: rgba(255, 255, 255, 0.48) !important; background: linear-gradient( 145deg, rgba(24, 55, 105, 0.88), rgba(7, 29, 67, 0.92) ) !important; box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.14), 0 8px 22px rgba(0, 0, 0, 0.28), 0 0 18px rgba(56, 189, 248, 0.10) !important; } /* ========================================= ICON HOVER ========================================= */ .elementor-15 .elementor-element.elementor-element-3efbcd7:hover .elementor-icon, .elementor-15 .elementor-element.elementor-element-3efbcd7:hover .elementor-icon svg, .elementor-15 .elementor-element.elementor-element-3efbcd7:hover .elementor-icon i { color: #ffffff !important; } /* ========================================= ACTIVE / CLICK ========================================= */ .elementor-15 .elementor-element.elementor-element-3efbcd7:active { transform: translateY(0) scale(0.97) !important; } /* ========================================= TABLET 768px – 1024px ========================================= */ @media (min-width: 768px) and (max-width: 1024px) { .elementor-15 .elementor-element.elementor-element-3efbcd7 { width: 46px !important; height: 46px !important; min-width: 46px !important; min-height: 46px !important; border-radius: 11px !important; } .elementor-15 .elementor-element.elementor-element-3efbcd7 .elementor-icon { width: 21px !important; height: 21px !important; min-width: 21px !important; min-height: 21px !important; font-size: 21px !important; } .elementor-15 .elementor-element.elementor-element-3efbcd7 .elementor-icon svg { width: 21px !important; height: 21px !important; min-width: 21px !important; min-height: 21px !important; } .elementor-15 .elementor-element.elementor-element-3efbcd7 .elementor-icon i { width: 21px !important; height: 21px !important; min-width: 21px !important; min-height: 21px !important; font-size: 21px !important; } } /* ========================================= MOBILE MAX 767px ========================================= */ @media (max-width: 767px) { .elementor-15 .elementor-element.elementor-element-3efbcd7 { width: 44px !important; height: 44px !important; min-width: 44px !important; min-height: 44px !important; padding: 0 !important; margin: 0 !important; border-radius: 11px !important; display: flex !important; align-items: center !important; justify-content: center !important; } /* MOBILE ICON WRAPPER */ .elementor-15 .elementor-element.elementor-element-3efbcd7 .elementor-icon { position: absolute !important; top: 50% !important; left: 50% !important; width: 20px !important; height: 20px !important; min-width: 20px !important; min-height: 20px !important; padding: 0 !important; margin: 0 !important; display: flex !important; align-items: center !important; justify-content: center !important; transform: translate(-50%, -50%) !important; font-size: 20px !important; line-height: 0 !important; } /* MOBILE SVG */ .elementor-15 .elementor-element.elementor-element-3efbcd7 .elementor-icon svg { position: absolute !important; top: 50% !important; left: 50% !important; width: 20px !important; height: 20px !important; min-width: 20px !important; min-height: 20px !important; padding: 0 !important; margin: 0 !important; display: block !important; transform: translate(-50%, -50%) !important; color: #ffffff !important; fill: currentColor !important; stroke: currentColor !important; } /* MOBILE ICON FONT */ .elementor-15 .elementor-element.elementor-element-3efbcd7 .elementor-icon i { width: 20px !important; height: 20px !important; min-width: 20px !important; min-height: 20px !important; padding: 0 !important; margin: 0 !important; display: flex !important; align-items: center !important; justify-content: center !important; color: #ffffff !important; font-size: 20px !important; line-height: 1 !important; text-align: center !important; } /* MOBILE HOVER */ .elementor-15 .elementor-element.elementor-element-3efbcd7:hover { transform: translateY(-1px) !important; border-color: rgba(255, 255, 255, 0.42) !important; box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.12), 0 6px 16px rgba(0, 0, 0, 0.24), 0 0 14px rgba(56, 189, 248, 0.08) !important; } /* MOBILE ACTIVE */ .elementor-15 .elementor-element.elementor-element-3efbcd7:active { transform: scale(0.95) !important; } } /* ========================================= EXTRA SMALL MOBILE MAX 480px ========================================= */ @media (max-width: 480px) { .elementor-15 .elementor-element.elementor-element-3efbcd7 { width: 42px !important; height: 42px !important; min-width: 42px !important; min-height: 42px !important; border-radius: 10px !important; } .elementor-15 .elementor-element.elementor-element-3efbcd7 .elementor-icon { width: 19px !important; height: 19px !important; min-width: 19px !important; min-height: 19px !important; font-size: 19px !important; } .elementor-15 .elementor-element.elementor-element-3efbcd7 .elementor-icon svg { width: 19px !important; height: 19px !important; min-width: 19px !important; min-height: 19px !important; } .elementor-15 .elementor-element.elementor-element-3efbcd7 .elementor-icon i { width: 19px !important; height: 19px !important; min-width: 19px !important; min-height: 19px !important; font-size: 19px !important; } } /* ========================================= VERY SMALL MOBILE MAX 360px ========================================= */ @media (max-width: 360px) { .elementor-15 .elementor-element.elementor-element-3efbcd7 { width: 40px !important; height: 40px !important; min-width: 40px !important; min-height: 40px !important; border-radius: 10px !important; } .elementor-15 .elementor-element.elementor-element-3efbcd7 .elementor-icon { width: 18px !important; height: 18px !important; min-width: 18px !important; min-height: 18px !important; font-size: 18px !important; } .elementor-15 .elementor-element.elementor-element-3efbcd7 .elementor-icon svg { width: 18px !important; height: 18px !important; min-width: 18px !important; min-height: 18px !important; } .elementor-15 .elementor-element.elementor-element-3efbcd7 .elementor-icon i { width: 18px !important; height: 18px !important; min-width: 18px !important; min-height: 18px !important; font-size: 18px !important; } }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-5ec7250 *//* ========================================================= PREMIUM LIQUID GLASS BUTTON ELEMENTOR PRO DESKTOP • TABLET • MOBILE DESKTOP SIZE UNCHANGED ========================================================= */ .elementor-15 .elementor-element.elementor-element-5ec7250 .elementor-button { position: relative !important; overflow: hidden !important; box-sizing: border-box !important; /* LIQUID GLASS */ background: linear-gradient( 135deg, rgba(255,255,255,0.22) 0%, rgba(255,255,255,0.08) 45%, rgba(255,255,255,0.18) 100% ) !important; backdrop-filter: blur(14px) saturate(150%) !important; -webkit-backdrop-filter: blur(14px) saturate(150%) !important; /* GLASS BORDER */ border: 1px solid rgba(255,255,255,0.55) !important; /* PREMIUM GLOW */ box-shadow: inset 0 1px 1px rgba(255,255,255,0.45), inset 0 -1px 2px rgba(255,255,255,0.08), 0 6px 20px rgba(0,0,0,0.18), 0 0 18px rgba(255,255,255,0.08) !important; transition: transform 0.35s ease, box-shadow 0.35s ease, background 0.35s ease, border-color 0.35s ease !important; } /* ========================================================= LIQUID SHINE ========================================================= */ .elementor-15 .elementor-element.elementor-element-5ec7250 .elementor-button::before { content: "" !important; position: absolute !important; top: -80% !important; left: -40% !important; width: 45% !important; height: 260% !important; background: linear-gradient( 90deg, transparent, rgba(255,255,255,0.35), transparent ) !important; transform: rotate(25deg) !important; opacity: 0.7 !important; pointer-events: none !important; transition: left 0.7s ease !important; z-index: 1 !important; } /* ========================================================= BUTTON CONTENT ========================================================= */ .elementor-15 .elementor-element.elementor-element-5ec7250 .elementor-button-content-wrapper { position: relative !important; z-index: 3 !important; display: inline-flex !important; align-items: center !important; justify-content: center !important; } /* ========================================================= BUTTON TEXT ABOVE EFFECT ========================================================= */ .elementor-15 .elementor-element.elementor-element-5ec7250 .elementor-button-text { position: relative !important; z-index: 3 !important; } /* ========================================================= BUTTON ICON ABOVE EFFECT ========================================================= */ .elementor-15 .elementor-element.elementor-element-5ec7250 .elementor-button-icon { position: relative !important; z-index: 3 !important; } /* ========================================================= HOVER — PREMIUM GLASS DEPTH ========================================================= */ .elementor-15 .elementor-element.elementor-element-5ec7250 .elementor-button:hover { transform: translateY(-2px) !important; background: linear-gradient( 135deg, rgba(255,255,255,0.30), rgba(255,255,255,0.10), rgba(255,255,255,0.22) ) !important; border-color: rgba(255,255,255,0.85) !important; box-shadow: inset 0 1px 2px rgba(255,255,255,0.65), 0 10px 30px rgba(0,0,0,0.25), 0 0 25px rgba(255,255,255,0.16) !important; } /* ========================================================= HOVER SHINE SWEEP ========================================================= */ .elementor-15 .elementor-element.elementor-element-5ec7250 .elementor-button:hover::before { left: 125% !important; } /* ========================================================= ACTIVE / CLICK ========================================================= */ .elementor-15 .elementor-element.elementor-element-5ec7250 .elementor-button:active { transform: translateY(0) scale(0.98) !important; box-shadow: inset 0 2px 4px rgba(0,0,0,0.12), 0 4px 12px rgba(0,0,0,0.18) !important; } /* ========================================================= TABLET 768px – 1024px SIZE SLIGHTLY ADAPTED ========================================================= */ @media (min-width: 768px) and (max-width: 1024px) { .elementor-15 .elementor-element.elementor-element-5ec7250 .elementor-button { backdrop-filter: blur(12px) saturate(145%) !important; -webkit-backdrop-filter: blur(12px) saturate(145%) !important; } .elementor-15 .elementor-element.elementor-element-5ec7250 .elementor-button:hover { transform: translateY(-1px) !important; } } /* ========================================================= MOBILE MAX 767px TOUCH FRIENDLY ========================================================= */ @media (max-width: 767px) { .elementor-15 .elementor-element.elementor-element-5ec7250 .elementor-button { width: 100% !important; max-width: 100% !important; box-sizing: border-box !important; backdrop-filter: blur(12px) saturate(145%) !important; -webkit-backdrop-filter: blur(12px) saturate(145%) !important; box-shadow: inset 0 1px 1px rgba(255,255,255,0.40), inset 0 -1px 2px rgba(255,255,255,0.08), 0 5px 16px rgba(0,0,0,0.18), 0 0 15px rgba(255,255,255,0.07) !important; } .elementor-15 .elementor-element.elementor-element-5ec7250 .elementor-button:hover { transform: translateY(-1px) !important; box-shadow: inset 0 1px 2px rgba(255,255,255,0.60), 0 7px 20px rgba(0,0,0,0.22), 0 0 20px rgba(255,255,255,0.12) !important; } .elementor-15 .elementor-element.elementor-element-5ec7250 .elementor-button::before { width: 40% !important; opacity: 0.55 !important; } /* TOUCH ACTIVE */ .elementor-15 .elementor-element.elementor-element-5ec7250 .elementor-button:active { transform: scale(0.98) !important; } } /* ========================================================= SMALL MOBILE MAX 480px ========================================================= */ @media (max-width: 480px) { .elementor-15 .elementor-element.elementor-element-5ec7250 .elementor-button { width: 100% !important; max-width: 100% !important; border-radius: 14px !important; backdrop-filter: blur(10px) saturate(140%) !important; -webkit-backdrop-filter: blur(10px) saturate(140%) !important; } .elementor-15 .elementor-element.elementor-element-5ec7250 .elementor-button-content-wrapper { gap: 8px !important; } } /* ========================================================= VERY SMALL MOBILE MAX 360px ========================================================= */ @media (max-width: 360px) { .elementor-15 .elementor-element.elementor-element-5ec7250 .elementor-button { border-radius: 12px !important; } .elementor-15 .elementor-element.elementor-element-5ec7250 .elementor-button-content-wrapper { gap: 6px !important; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-fc63b80 *//* ========================================= ULTRA PREMIUM NAVBAR / CONTAINER DEEP NAVY • ELECTRIC BLUE • GLASS DEPTH SIZE & SPACING UNCHANGED ========================================= */ .elementor-15 .elementor-element.elementor-element-fc63b80 { position: relative !important; overflow: hidden !important; isolation: isolate !important; /* PREMIUM DEEP NAVY BACKGROUND */ background: radial-gradient( circle at 18% 45%, rgba(0, 153, 255, 0.18) 0%, rgba(0, 110, 255, 0.08) 24%, transparent 52% ), radial-gradient( circle at 82% 20%, rgba(40, 80, 255, 0.10) 0%, transparent 42% ), linear-gradient( 115deg, #04151d 0%, #061d2c 28%, #071c3d 58%, #071642 78%, #050e20 100% ) !important; /* PREMIUM GLASS BORDER */ border: 1px solid rgba(120, 190, 255, 0.11) !important; /* DEPTH + INNER HIGHLIGHT */ box-shadow: 0 18px 45px rgba(0, 0, 0, 0.34), 0 4px 18px rgba(0, 80, 180, 0.08), inset 0 1px 0 rgba(255, 255, 255, 0.065), inset 0 -1px 0 rgba(0, 0, 0, 0.25) !important; /* SMOOTH RENDERING */ -webkit-backdrop-filter: blur(18px) saturate(125%) !important; backdrop-filter: blur(18px) saturate(125%) !important; } /* ========================================= PREMIUM BLUE ATMOSPHERIC GLOW ========================================= */ .elementor-15 .elementor-element.elementor-element-fc63b80::before { content: ""; position: absolute; top: -100px; left: 12%; width: 380px; height: 190px; background: radial-gradient( ellipse, rgba(0, 153, 255, 0.20) 0%, rgba(0, 119, 255, 0.08) 38%, transparent 72% ); filter: blur(55px); opacity: 0.85; pointer-events: none; z-index: -1; } /* ========================================= SUBTLE PREMIUM LIGHT REFLECTION ========================================= */ .elementor-15 .elementor-element.elementor-element-fc63b80::after { content: ""; position: absolute; inset: 0; background: linear-gradient( 105deg, transparent 0%, rgba(255, 255, 255, 0.015) 25%, rgba(80, 170, 255, 0.035) 48%, rgba(80, 120, 255, 0.055) 68%, transparent 100% ); opacity: 0.9; pointer-events: none; z-index: -1; }/* End custom CSS */ /* Start custom CSS for heading, class: .elementor-element-d3e69ae *//* ========================================================= FIBO — PREMIUM GLASS BADGE CLEAN • MODERN • CYAN BLUE • RESPONSIVE ========================================================= */ .elementor-15 .elementor-element.elementor-element-d3e69ae .elementor-heading-title { position: relative !important; display: inline-flex !important; align-items: center !important; justify-content: center !important; width: fit-content !important; max-width: 100% !important; margin: 0 !important; padding: 7px 18px !important; box-sizing: border-box !important; background: linear-gradient( 135deg, rgba(56,189,248,0.18) 0%, rgba(30,64,175,0.22) 45%, rgba(15,23,42,0.72) 100% ) !important; border: 1px solid rgba(56,189,248,0.75) !important; border-radius: 7px !important; backdrop-filter: blur(14px) saturate(160%) !important; -webkit-backdrop-filter: blur(14px) saturate(160%) !important; box-shadow: inset 0 1px 0 rgba(255,255,255,0.22), inset 0 0 14px rgba(56,189,248,0.08), 0 0 8px rgba(56,189,248,0.20), 0 0 22px rgba(37,99,235,0.12) !important; color: #7DD3FC !important; font-family: Georgia, "Times New Roman", serif !important; font-size: 14px !important; font-weight: 700 !important; line-height: 1.2 !important; letter-spacing: 0.25px !important; text-transform: uppercase !important; white-space: nowrap !important; text-align: center !important; text-shadow: 0 0 5px rgba(56,189,248,0.35), 0 1px 2px rgba(0,0,0,0.55) !important; overflow: hidden !important; isolation: isolate !important; transform: translateZ(0) !important; transition: border-color 0.35s ease, box-shadow 0.35s ease, transform 0.35s ease, background 0.35s ease, color 0.35s ease !important; } /* ========================================================= GLASS SHINE ========================================================= */ .elementor-15 .elementor-element.elementor-element-d3e69ae .elementor-heading-title::before { content: "" !important; position: absolute !important; top: 0 !important; left: -120% !important; width: 70% !important; height: 100% !important; background: linear-gradient( 90deg, transparent, rgba(255,255,255,0.22), transparent ) !important; transform: skewX(-20deg) !important; pointer-events: none !important; z-index: 1 !important; animation: fiboBadgeShine 5s ease-in-out infinite !important; } /* ========================================================= TOP GLASS LIGHT ========================================================= */ .elementor-15 .elementor-element.elementor-element-d3e69ae .elementor-heading-title::after { content: "" !important; position: absolute !important; top: 1px !important; left: 12% !important; width: 76% !important; height: 1px !important; background: linear-gradient( 90deg, transparent, rgba(255,255,255,0.65), transparent ) !important; opacity: 0.65 !important; pointer-events: none !important; z-index: 2 !important; } /* ========================================================= HOVER ========================================================= */ .elementor-15 .elementor-element.elementor-element-d3e69ae .elementor-heading-title:hover { color: #BAE6FD !important; border-color: rgba(125,211,252,0.95) !important; background: linear-gradient( 135deg, rgba(56,189,248,0.24), rgba(37,99,235,0.30), rgba(15,23,42,0.76) ) !important; box-shadow: inset 0 1px 0 rgba(255,255,255,0.35), inset 0 0 18px rgba(56,189,248,0.12), 0 0 12px rgba(56,189,248,0.35), 0 0 30px rgba(37,99,235,0.20) !important; transform: translateY(-1px) !important; } /* ========================================================= SHINE ANIMATION ========================================================= */ @keyframes fiboBadgeShine { 0% { left: -120%; } 35% { left: 130%; } 100% { left: 130%; } } /* ========================================================= TABLET ========================================================= */ @media (max-width: 1024px) { .elementor-15 .elementor-element.elementor-element-d3e69ae .elementor-heading-title { padding: 7px 16px !important; font-size: 13px !important; border-radius: 7px !important; } } /* ========================================================= MOBILE ========================================================= */ @media (max-width: 767px) { .elementor-15 .elementor-element.elementor-element-d3e69ae .elementor-heading-title { display: inline-flex !important; width: auto !important; max-width: calc(100vw - 30px) !important; padding: 7px 13px !important; font-size: 11px !important; line-height: 1.2 !important; letter-spacing: 0.15px !important; border-radius: 6px !important; white-space: nowrap !important; } .elementor-15 .elementor-element.elementor-element-d3e69ae .elementor-heading-title:hover { transform: none !important; } } /* ========================================================= SMALL MOBILE ========================================================= */ @media (max-width: 480px) { .elementor-15 .elementor-element.elementor-element-d3e69ae .elementor-heading-title { max-width: calc(100vw - 24px) !important; padding: 6px 11px !important; font-size: 10px !important; letter-spacing: 0 !important; border-radius: 6px !important; } } /* ========================================================= VERY SMALL MOBILE ========================================================= */ @media (max-width: 360px) { .elementor-15 .elementor-element.elementor-element-d3e69ae .elementor-heading-title { max-width: calc(100vw - 20px) !important; padding: 5px 9px !important; font-size: 9px !important; border-radius: 5px !important; } }/* End custom CSS */ /* Start custom CSS for heading, class: .elementor-element-c4d7d27 *//* ========================================= ELECTRIC BLUE MOVING TEXT ELEMENTOR PRO BRIGHT • SMOOTH • PREMIUM ========================================= */ .elementor-15 .elementor-element.elementor-element-c4d7d27 .elementor-heading-title { margin: 0 !important; color: #ffffff !important; } .elementor-15 .elementor-element.elementor-element-c4d7d27 .elementor-heading-title span { display: inline-block !important; /* ===================================== BRIGHT ELECTRIC BLUE ===================================== */ background: linear-gradient( 90deg, #0878ff 0%, #18a8ff 20%, #5bc8ff 40%, #168cff 55%, #0077ff 70%, #38b6ff 85%, #0878ff 100% ) !important; background-size: 300% 100% !important; -webkit-background-clip: text !important; -webkit-text-fill-color: transparent !important; background-clip: text !important; /* ===================================== ELECTRIC BLUE GLOW ===================================== */ filter: drop-shadow(0 0 4px rgba(24,168,255,0.45)) drop-shadow(0 0 10px rgba(24,140,255,0.25)) drop-shadow(0 0 20px rgba(0,119,255,0.12)); /* ===================================== VISIBLE MOVING COLOR ===================================== */ animation: electricBlueMove 3.5s linear infinite !important; will-change: background-position; transform: translateZ(0); } /* ========================================= CONTINUOUS MOVING BLUE ========================================= */ @keyframes electricBlueMove { 0% { background-position: 0% center; } 100% { background-position: 300% center; } } /* ========================================= MOBILE ========================================= */ @media (max-width: 767px) { .elementor-15 .elementor-element.elementor-element-c4d7d27 .elementor-heading-title span { background-size: 260% 100% !important; animation-duration: 3s !important; filter: drop-shadow(0 0 4px rgba(24,168,255,0.40)) drop-shadow(0 0 10px rgba(0,119,255,0.20)); } }/* End custom CSS */ /* Start custom CSS for icon-list, class: .elementor-element-6e5165c *//* ========================================= PREMIUM DARK ICON LIST CARDS ONE ICON LIST • 2 COLUMNS • SAME SIZE ========================================= */ /* MAIN WIDGET */ .elementor-15 .elementor-element.elementor-element-6e5165c { width: 472px !important; max-width: 100% !important; box-sizing: border-box !important; } /* ICON LIST — SIDE BY SIDE */ .elementor-15 .elementor-element.elementor-element-6e5165c .elementor-icon-list-items { display: grid !important; grid-template-columns: repeat(2, 230px) !important; gap: 12px !important; width: 100% !important; margin: 0 !important; padding: 0 !important; list-style: none !important; box-sizing: border-box !important; } /* EACH CARD */ .elementor-15 .elementor-element.elementor-element-6e5165c .elementor-icon-list-item { display: flex !important; align-items: center !important; gap: 15px !important; width: 230px !important; max-width: 100% !important; min-height: 68px !important; margin: 0 !important; padding: 8px 18px 8px 8px !important; background: linear-gradient( 135deg, rgba(19, 20, 23, 0.98) 0%, rgba(5, 6, 8, 0.98) 100% ) !important; border: 1px solid rgba(255, 255, 255, 0.23) !important; border-radius: 7px !important; box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.04), 0 8px 24px rgba(0, 0, 0, 0.25) !important; overflow: hidden !important; box-sizing: border-box !important; transition: transform 0.3s ease, border-color 0.3s ease, box-shadow 0.3s ease !important; } /* LINK */ .elementor-15 .elementor-element.elementor-element-6e5165c .elementor-icon-list-item > a { display: flex !important; align-items: center !important; gap: 15px !important; width: 100% !important; min-width: 0 !important; margin: 0 !important; padding: 0 !important; } /* ICON BOX */ .elementor-15 .elementor-element.elementor-element-6e5165c .elementor-icon-list-icon { flex: 0 0 48px !important; display: flex !important; align-items: center !important; justify-content: center !important; width: 48px !important; height: 48px !important; margin: 0 !important; padding: 0 !important; background: linear-gradient( 145deg, #323844 0%, #171b22 100% ) !important; border: 1px solid rgba(255, 255, 255, 0.16) !important; border-radius: 9px !important; box-shadow: inset 0 1px 1px rgba(255, 255, 255, 0.12), 0 5px 14px rgba(0, 0, 0, 0.35) !important; box-sizing: border-box !important; transition: all 0.3s ease !important; } /* FONT AWESOME ICON */ .elementor-15 .elementor-element.elementor-element-6e5165c .elementor-icon-list-icon i { width: auto !important; margin: 0 !important; color: #38bdf8 !important; font-size: 25px !important; line-height: 1 !important; transition: all 0.3s ease !important; } /* SVG ICON */ .elementor-15 .elementor-element.elementor-element-6e5165c .elementor-icon-list-icon svg { width: 27px !important; height: 27px !important; margin: 0 !important; fill: #38bdf8 !important; transition: all 0.3s ease !important; } /* TEXT */ .elementor-15 .elementor-element.elementor-element-6e5165c .elementor-icon-list-text { flex: 1 1 auto !important; min-width: 0 !important; margin: 0 !important; padding: 0 !important; color: #ffffff !important; font-size: 16px !important; font-weight: 600 !important; line-height: 1.35 !important; letter-spacing: -0.3px !important; overflow-wrap: anywhere !important; } /* CARD HOVER */ .elementor-15 .elementor-element.elementor-element-6e5165c .elementor-icon-list-item:hover { transform: translateY(-3px) !important; border-color: rgba(56, 189, 248, 0.65) !important; box-shadow: 0 10px 25px rgba(0, 0, 0, 0.35), 0 0 18px rgba(56, 189, 248, 0.16) !important; } /* ICON HOVER */ .elementor-15 .elementor-element.elementor-element-6e5165c .elementor-icon-list-item:hover .elementor-icon-list-icon { border-color: rgba(56, 189, 248, 0.55) !important; box-shadow: inset 0 1px 1px rgba(255, 255, 255, 0.15), 0 5px 14px rgba(0, 0, 0, 0.35), 0 0 14px rgba(56, 189, 248, 0.25) !important; } .elementor-15 .elementor-element.elementor-element-6e5165c .elementor-icon-list-item:hover .elementor-icon-list-icon i { color: #7dd3fc !important; transform: scale(1.08) !important; } .elementor-15 .elementor-element.elementor-element-6e5165c .elementor-icon-list-item:hover .elementor-icon-list-icon svg { fill: #7dd3fc !important; transform: scale(1.08) !important; } /* ========================================= MOBILE — TWO CARDS SIDE BY SIDE ========================================= */ @media only screen and (max-width: 767px) { .elementor-15 .elementor-element.elementor-element-6e5165c { width: 100% !important; max-width: 100% !important; } .elementor-15 .elementor-element.elementor-element-6e5165c .elementor-icon-list-items { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 9px !important; } .elementor-15 .elementor-element.elementor-element-6e5165c .elementor-icon-list-item { width: 100% !important; min-width: 0 !important; min-height: 64px !important; gap: 10px !important; padding: 8px 10px 8px 7px !important; } .elementor-15 .elementor-element.elementor-element-6e5165c .elementor-icon-list-item > a { gap: 10px !important; } .elementor-15 .elementor-element.elementor-element-6e5165c .elementor-icon-list-icon { flex-basis: 44px !important; width: 44px !important; height: 44px !important; } .elementor-15 .elementor-element.elementor-element-6e5165c .elementor-icon-list-icon i { font-size: 22px !important; } .elementor-15 .elementor-element.elementor-element-6e5165c .elementor-icon-list-icon svg { width: 24px !important; height: 24px !important; } .elementor-15 .elementor-element.elementor-element-6e5165c .elementor-icon-list-text { font-size: 13px !important; line-height: 1.3 !important; } } /* SMALL MOBILE */ @media only screen and (max-width: 380px) { .elementor-15 .elementor-element.elementor-element-6e5165c .elementor-icon-list-items { gap: 7px !important; } .elementor-15 .elementor-element.elementor-element-6e5165c .elementor-icon-list-item { min-height: 60px !important; gap: 7px !important; padding: 7px 7px 7px 6px !important; } .elementor-15 .elementor-element.elementor-element-6e5165c .elementor-icon-list-item > a { gap: 7px !important; } .elementor-15 .elementor-element.elementor-element-6e5165c .elementor-icon-list-icon { flex-basis: 39px !important; width: 39px !important; height: 39px !important; } .elementor-15 .elementor-element.elementor-element-6e5165c .elementor-icon-list-icon i { font-size: 19px !important; } .elementor-15 .elementor-element.elementor-element-6e5165c .elementor-icon-list-icon svg { width: 21px !important; height: 21px !important; } .elementor-15 .elementor-element.elementor-element-6e5165c .elementor-icon-list-text { font-size: 11px !important; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-07b0911 *//* ========================================= PREMIUM DARK ICON LIST CARDS ONE ICON LIST • 2 COLUMNS • SAME SIZE ========================================= */ /* MAIN WIDGET */ .elementor-15 .elementor-element.elementor-element-07b0911 { width: 472px !important; max-width: 100% !important; box-sizing: border-box !important; } /* ICON LIST — SIDE BY SIDE */ .elementor-15 .elementor-element.elementor-element-07b0911 .elementor-icon-list-items { display: grid !important; grid-template-columns: repeat(2, 230px) !important; gap: 12px !important; width: 100% !important; margin: 0 !important; padding: 0 !important; list-style: none !important; box-sizing: border-box !important; } /* EACH CARD */ .elementor-15 .elementor-element.elementor-element-07b0911 .elementor-icon-list-item { display: flex !important; align-items: center !important; gap: 15px !important; width: 230px !important; max-width: 100% !important; min-height: 68px !important; margin: 0 !important; padding: 8px 18px 8px 8px !important; background: linear-gradient( 135deg, rgba(19, 20, 23, 0.98) 0%, rgba(5, 6, 8, 0.98) 100% ) !important; border: 1px solid rgba(255, 255, 255, 0.23) !important; border-radius: 7px !important; box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.04), 0 8px 24px rgba(0, 0, 0, 0.25) !important; overflow: hidden !important; box-sizing: border-box !important; transition: transform 0.3s ease, border-color 0.3s ease, box-shadow 0.3s ease !important; } /* LINK */ .elementor-15 .elementor-element.elementor-element-07b0911 .elementor-icon-list-item > a { display: flex !important; align-items: center !important; gap: 15px !important; width: 100% !important; min-width: 0 !important; margin: 0 !important; padding: 0 !important; } /* ICON BOX */ .elementor-15 .elementor-element.elementor-element-07b0911 .elementor-icon-list-icon { flex: 0 0 48px !important; display: flex !important; align-items: center !important; justify-content: center !important; width: 48px !important; height: 48px !important; margin: 0 !important; padding: 0 !important; background: linear-gradient( 145deg, #323844 0%, #171b22 100% ) !important; border: 1px solid rgba(255, 255, 255, 0.16) !important; border-radius: 9px !important; box-shadow: inset 0 1px 1px rgba(255, 255, 255, 0.12), 0 5px 14px rgba(0, 0, 0, 0.35) !important; box-sizing: border-box !important; transition: all 0.3s ease !important; } /* FONT AWESOME ICON */ .elementor-15 .elementor-element.elementor-element-07b0911 .elementor-icon-list-icon i { width: auto !important; margin: 0 !important; color: #38bdf8 !important; font-size: 25px !important; line-height: 1 !important; transition: all 0.3s ease !important; } /* SVG ICON */ .elementor-15 .elementor-element.elementor-element-07b0911 .elementor-icon-list-icon svg { width: 27px !important; height: 27px !important; margin: 0 !important; fill: #38bdf8 !important; transition: all 0.3s ease !important; } /* TEXT */ .elementor-15 .elementor-element.elementor-element-07b0911 .elementor-icon-list-text { flex: 1 1 auto !important; min-width: 0 !important; margin: 0 !important; padding: 0 !important; color: #ffffff !important; font-size: 16px !important; font-weight: 600 !important; line-height: 1.35 !important; letter-spacing: -0.3px !important; overflow-wrap: anywhere !important; } /* CARD HOVER */ .elementor-15 .elementor-element.elementor-element-07b0911 .elementor-icon-list-item:hover { transform: translateY(-3px) !important; border-color: rgba(56, 189, 248, 0.65) !important; box-shadow: 0 10px 25px rgba(0, 0, 0, 0.35), 0 0 18px rgba(56, 189, 248, 0.16) !important; } /* ICON HOVER */ .elementor-15 .elementor-element.elementor-element-07b0911 .elementor-icon-list-item:hover .elementor-icon-list-icon { border-color: rgba(56, 189, 248, 0.55) !important; box-shadow: inset 0 1px 1px rgba(255, 255, 255, 0.15), 0 5px 14px rgba(0, 0, 0, 0.35), 0 0 14px rgba(56, 189, 248, 0.25) !important; } .elementor-15 .elementor-element.elementor-element-07b0911 .elementor-icon-list-item:hover .elementor-icon-list-icon i { color: #7dd3fc !important; transform: scale(1.08) !important; } .elementor-15 .elementor-element.elementor-element-07b0911 .elementor-icon-list-item:hover .elementor-icon-list-icon svg { fill: #7dd3fc !important; transform: scale(1.08) !important; } /* ========================================= MOBILE — TWO CARDS SIDE BY SIDE ========================================= */ @media only screen and (max-width: 767px) { .elementor-15 .elementor-element.elementor-element-07b0911 { width: 100% !important; max-width: 100% !important; } .elementor-15 .elementor-element.elementor-element-07b0911 .elementor-icon-list-items { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 9px !important; } .elementor-15 .elementor-element.elementor-element-07b0911 .elementor-icon-list-item { width: 100% !important; min-width: 0 !important; min-height: 64px !important; gap: 10px !important; padding: 8px 10px 8px 7px !important; } .elementor-15 .elementor-element.elementor-element-07b0911 .elementor-icon-list-item > a { gap: 10px !important; } .elementor-15 .elementor-element.elementor-element-07b0911 .elementor-icon-list-icon { flex-basis: 44px !important; width: 44px !important; height: 44px !important; } .elementor-15 .elementor-element.elementor-element-07b0911 .elementor-icon-list-icon i { font-size: 22px !important; } .elementor-15 .elementor-element.elementor-element-07b0911 .elementor-icon-list-icon svg { width: 24px !important; height: 24px !important; } .elementor-15 .elementor-element.elementor-element-07b0911 .elementor-icon-list-text { font-size: 13px !important; line-height: 1.3 !important; } } /* SMALL MOBILE */ @media only screen and (max-width: 380px) { .elementor-15 .elementor-element.elementor-element-07b0911 .elementor-icon-list-items { gap: 7px !important; } .elementor-15 .elementor-element.elementor-element-07b0911 .elementor-icon-list-item { min-height: 60px !important; gap: 7px !important; padding: 7px 7px 7px 6px !important; } .elementor-15 .elementor-element.elementor-element-07b0911 .elementor-icon-list-item > a { gap: 7px !important; } .elementor-15 .elementor-element.elementor-element-07b0911 .elementor-icon-list-icon { flex-basis: 39px !important; width: 39px !important; height: 39px !important; } .elementor-15 .elementor-element.elementor-element-07b0911 .elementor-icon-list-icon i { font-size: 19px !important; } .elementor-15 .elementor-element.elementor-element-07b0911 .elementor-icon-list-icon svg { width: 21px !important; height: 21px !important; } .elementor-15 .elementor-element.elementor-element-07b0911 .elementor-icon-list-text { font-size: 11px !important; } }/* End custom CSS */ /* Start custom CSS for html, class: .elementor-element-e6bfdef *//* ========================================= FIBO — PREMIUM JOIN NOW BUTTON RESPONSIVE • WHITE PILL • BLACK ARROW BLUE GLOW • NO OVERFLOW ========================================= */ .join-register-btn { position: relative !important; display: flex !important; align-items: center !important; justify-content: flex-start !important; width: 400px !important; max-width: 100% !important; min-width: 0 !important; height: 62px !important; padding: 5px 7px 5px 25px !important; margin: 0 !important; box-sizing: border-box !important; background: #ffffff !important; color: #090909 !important; border: 1px solid rgba(255,255,255,0.9) !important; border-radius: 100px !important; text-decoration: none !important; font-family: Arial, Helvetica, sans-serif !important; box-shadow: 0 0 8px rgba(67,112,255,0.55), 0 0 22px rgba(67,112,255,0.32), 0 0 45px rgba(67,112,255,0.16), 0 8px 22px rgba(0,0,0,0.20) !important; overflow: hidden !important; cursor: pointer !important; transition: transform 0.35s cubic-bezier(.2,.8,.2,1), box-shadow 0.35s ease !important; } /* ========================================= SHINE ========================================= */ .join-register-btn::before { content: "" !important; position: absolute !important; top: 0 !important; left: -120% !important; width: 65% !important; height: 100% !important; background: linear-gradient( 105deg, transparent 0%, rgba(255,255,255,0.12) 45%, rgba(255,255,255,0.65) 50%, rgba(255,255,255,0.12) 55%, transparent 100% ) !important; transform: skewX(-20deg) !important; pointer-events: none !important; z-index: 1 !important; transition: left 0.7s ease !important; } /* ========================================= TEXT AREA ========================================= */ .join-register-text, .join-free, .join-old-price { position: relative !important; z-index: 2 !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: clip !important; line-height: 1 !important; flex-shrink: 1 !important; } /* ========================================= MAIN TEXT ========================================= */ .join-register-text { display: inline-block !important; margin: 0 !important; padding: 0 !important; font-family: Arial, Helvetica, sans-serif !important; font-size: 18px !important; font-weight: 700 !important; letter-spacing: -0.55px !important; color: #090909 !important; min-width: 0 !important; } /* ========================================= FREE ========================================= */ .join-free { display: inline-block !important; margin-left: 5px !important; padding: 0 !important; font-size: 18px !important; font-weight: 700 !important; color: #090909 !important; flex-shrink: 1 !important; } /* ========================================= OLD PRICE ========================================= */ .join-old-price { display: inline-block !important; margin-left: 12px !important; font-size: 12px !important; font-weight: 400 !important; color: #555555 !important; text-decoration: line-through !important; text-decoration-thickness: 1px !important; flex-shrink: 1 !important; } /* ========================================= ARROW ========================================= */ .join-arrow { position: relative !important; z-index: 3 !important; display: flex !important; align-items: center !important; justify-content: center !important; width: 48px !important; height: 48px !important; min-width: 48px !important; min-height: 48px !important; flex: 0 0 48px !important; margin-left: auto !important; background: #050505 !important; color: #ffffff !important; border: 1px solid rgba(255,255,255,0.08) !important; border-radius: 50% !important; box-shadow: 0 3px 8px rgba(0,0,0,0.25), inset 0 1px 1px rgba(255,255,255,0.08) !important; transition: transform 0.4s cubic-bezier(.2,.8,.2,1), box-shadow 0.3s ease !important; } /* ========================================= ARROW SVG ========================================= */ .join-arrow svg { display: block !important; width: 25px !important; height: 25px !important; min-width: 25px !important; min-height: 25px !important; margin: 0 !important; color: #ffffff !important; transition: transform 0.4s cubic-bezier(.2,.8,.2,1) !important; } /* ========================================= HOVER ========================================= */ .join-register-btn:hover { transform: translateY(-3px) !important; box-shadow: 0 0 10px rgba(67,112,255,0.70), 0 0 28px rgba(67,112,255,0.42), 0 0 55px rgba(67,112,255,0.20), 0 12px 30px rgba(0,0,0,0.22) !important; } .join-register-btn:hover::before { left: 140% !important; } .join-register-btn:hover .join-arrow { transform: translateX(4px) scale(1.08) !important; box-shadow: 0 6px 14px rgba(0,0,0,0.35), inset 0 1px 1px rgba(255,255,255,0.10) !important; } .join-register-btn:hover .join-arrow svg { transform: translateX(4px) !important; } /* ========================================= CLICK ========================================= */ .join-register-btn:active { transform: translateY(0) scale(0.985) !important; } .join-register-btn:active .join-arrow { transform: translateX(5px) scale(0.98) !important; } /* ========================================= TABLET 768px – 1024px ========================================= */ @media (min-width: 768px) and (max-width: 1024px) { .join-register-btn { width: min(380px, 100%) !important; height: 60px !important; padding: 5px 6px 5px 20px !important; } .join-register-text { font-size: 17px !important; letter-spacing: -0.5px !important; } .join-free { font-size: 17px !important; margin-left: 4px !important; } .join-old-price { font-size: 11px !important; margin-left: 9px !important; } .join-arrow { width: 46px !important; height: 46px !important; min-width: 46px !important; min-height: 46px !important; flex-basis: 46px !important; } .join-arrow svg { width: 24px !important; height: 24px !important; } } /* ========================================= MOBILE MAX 767px ========================================= */ @media (max-width: 767px) { .join-register-btn { width: 100% !important; max-width: 400px !important; min-width: 0 !important; height: 58px !important; padding: 5px 6px 5px 16px !important; } .join-register-text { font-size: 16px !important; letter-spacing: -0.4px !important; } .join-free { font-size: 16px !important; margin-left: 4px !important; } .join-old-price { font-size: 10px !important; margin-left: 7px !important; } .join-arrow { width: 46px !important; height: 46px !important; min-width: 46px !important; min-height: 46px !important; flex: 0 0 46px !important; } .join-arrow svg { width: 23px !important; height: 23px !important; } .join-register-btn:hover { transform: translateY(-2px) !important; } } /* ========================================= SMALL MOBILE MAX 480px ========================================= */ @media (max-width: 480px) { .join-register-btn { width: 100% !important; max-width: 100% !important; height: 56px !important; padding: 5px 5px 5px 13px !important; } .join-register-text { font-size: 14px !important; letter-spacing: -0.3px !important; } .join-free { font-size: 14px !important; margin-left: 3px !important; } .join-old-price { font-size: 9px !important; margin-left: 6px !important; } .join-arrow { width: 44px !important; height: 44px !important; min-width: 44px !important; min-height: 44px !important; flex: 0 0 44px !important; } .join-arrow svg { width: 22px !important; height: 22px !important; } .join-register-btn:hover .join-arrow { transform: translateX(3px) scale(1.05) !important; } .join-register-btn:hover .join-arrow svg { transform: translateX(3px) !important; } } /* ========================================= VERY SMALL MOBILE MAX 360px ========================================= */ @media (max-width: 360px) { .join-register-btn { height: 54px !important; padding-left: 10px !important; padding-right: 4px !important; } .join-register-text { font-size: 13px !important; letter-spacing: -0.25px !important; } .join-free { font-size: 13px !important; margin-left: 2px !important; } .join-old-price { font-size: 8px !important; margin-left: 5px !important; } .join-arrow { width: 42px !important; height: 42px !important; min-width: 42px !important; min-height: 42px !important; flex-basis: 42px !important; } .join-arrow svg { width: 21px !important; height: 21px !important; } } /* ========================================= ULTRA SMALL MAX 320px ========================================= */ @media (max-width: 320px) { .join-register-btn { height: 52px !important; padding-left: 8px !important; padding-right: 3px !important; } .join-register-text { font-size: 12px !important; letter-spacing: -0.2px !important; } .join-free { font-size: 12px !important; margin-left: 2px !important; } .join-old-price { font-size: 8px !important; margin-left: 3px !important; } .join-arrow { width: 40px !important; height: 40px !important; min-width: 40px !important; min-height: 40px !important; flex-basis: 40px !important; } .join-arrow svg { width: 20px !important; height: 20px !important; } } /* ========================================= TOUCH DEVICES REMOVE STICKY HOVER EFFECT ========================================= */ @media (hover: none) { .join-register-btn:hover { transform: none !important; } .join-register-btn:hover::before { left: -120% !important; } .join-register-btn:hover .join-arrow { transform: none !important; } .join-register-btn:hover .join-arrow svg { transform: none !important; } }/* End custom CSS */ /* Start custom CSS for image, class: .elementor-element-d189235 *//* ===================================================== ELEMENTOR PRO IMAGE SIZE CONTROL FROM ELEMENTOR • MOVING SHINE BORDER DESKTOP • TABLET • MOBILE ===================================================== */ /* MAIN IMAGE WIDGET */ .elementor-15 .elementor-element.elementor-element-d189235 { position: relative !important; z-index: 1 !important; /* Size controlled by Elementor */ width: var(--container-widget-width, 100%) !important; max-width: 100% !important; min-width: 0 !important; align-self: var( --container-widget-align-self, initial ) !important; margin: 0 !important; padding: 3px !important; box-sizing: border-box !important; overflow: hidden !important; border: none !important; border-radius: 20px !important; background: linear-gradient( 120deg, #0369a1 0%, #38bdf8 18%, #ffffff 38%, #7dd3fc 52%, #2563eb 72%, #38bdf8 88%, #0369a1 100% ) !important; background-size: 300% 100% !important; box-shadow: 0 0 10px rgba(56, 189, 248, 0.45), 0 0 24px rgba(37, 99, 235, 0.28), 0 8px 30px rgba(2, 11, 24, 0.22) !important; animation: premiumImageShine 4s linear infinite !important; transition: transform 0.4s ease, box-shadow 0.4s ease !important; } /* ELEMENTOR IMAGE CONTAINER */ .elementor-15 .elementor-element.elementor-element-d189235 > .elementor-widget-container { position: relative !important; width: 100% !important; max-width: 100% !important; margin: 0 !important; padding: 0 !important; overflow: hidden !important; box-sizing: border-box !important; background: #020b18 !important; border-radius: 17px !important; } /* IMAGE WRAPPER */ .elementor-15 .elementor-element.elementor-element-d189235 .elementor-image, .elementor-15 .elementor-element.elementor-element-d189235 .elementor-image-box-wrapper, .elementor-15 .elementor-element.elementor-element-d189235 figure { display: block !important; width: 100% !important; max-width: 100% !important; margin: 0 !important; padding: 0 !important; overflow: hidden !important; border-radius: 17px !important; } /* IMAGE LINK */ .elementor-15 .elementor-element.elementor-element-d189235 a { display: block !important; width: 100% !important; max-width: 100% !important; margin: 0 !important; padding: 0 !important; line-height: 0 !important; overflow: hidden !important; border-radius: 17px !important; } /* ACTUAL IMAGE */ .elementor-15 .elementor-element.elementor-element-d189235 img { display: block !important; width: 100% !important; max-width: 100% !important; height: auto !important; margin: 0 !important; padding: 0 !important; border: 0 !important; outline: 0 !important; border-radius: 17px !important; object-fit: cover !important; object-position: center center !important; transition: transform 0.5s cubic-bezier(0.22, 1, 0.36, 1), filter 0.5s ease !important; } /* PREMIUM INNER LIGHT */ .elementor-15 .elementor-element.elementor-element-d189235 > .elementor-widget-container::after { content: "" !important; position: absolute !important; inset: 0 !important; z-index: 2 !important; border-radius: inherit !important; pointer-events: none !important; box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.16), inset 0 0 18px rgba(56, 189, 248, 0.08) !important; } /* DESKTOP HOVER */ @media (hover: hover) { .elementor-15 .elementor-element.elementor-element-d189235:hover { transform: translateY(-3px) !important; box-shadow: 0 0 16px rgba(56, 189, 248, 0.62), 0 0 35px rgba(37, 99, 235, 0.34), 0 14px 38px rgba(2, 11, 24, 0.28) !important; } .elementor-15 .elementor-element.elementor-element-d189235:hover img { transform: scale(1.03) !important; filter: brightness(1.05) contrast(1.03) !important; } } /* BORDER ANIMATION */ @keyframes premiumImageShine { 0% { background-position: 0% 50%; } 100% { background-position: 300% 50%; } } /* TABLET */ @media (max-width: 1024px) { .elementor-15 .elementor-element.elementor-element-d189235 { padding: 3px !important; border-radius: 18px !important; } .elementor-15 .elementor-element.elementor-element-d189235 > .elementor-widget-container, .elementor-15 .elementor-element.elementor-element-d189235 .elementor-image, .elementor-15 .elementor-element.elementor-element-d189235 .elementor-image-box-wrapper, .elementor-15 .elementor-element.elementor-element-d189235 figure, .elementor-15 .elementor-element.elementor-element-d189235 a, .elementor-15 .elementor-element.elementor-element-d189235 img { border-radius: 15px !important; } } /* MOBILE */ @media (max-width: 767px) { .elementor-15 .elementor-element.elementor-element-d189235 { width: var(--container-widget-width, 100%) !important; max-width: 100% !important; padding: 2px !important; border-radius: 15px !important; box-shadow: 0 0 8px rgba(56, 189, 248, 0.42), 0 0 17px rgba(37, 99, 235, 0.22) !important; } .elementor-15 .elementor-element.elementor-element-d189235 > .elementor-widget-container, .elementor-15 .elementor-element.elementor-element-d189235 .elementor-image, .elementor-15 .elementor-element.elementor-element-d189235 .elementor-image-box-wrapper, .elementor-15 .elementor-element.elementor-element-d189235 figure, .elementor-15 .elementor-element.elementor-element-d189235 a, .elementor-15 .elementor-element.elementor-element-d189235 img { border-radius: 13px !important; } .elementor-15 .elementor-element.elementor-element-d189235:hover { transform: none !important; } .elementor-15 .elementor-element.elementor-element-d189235:hover img { transform: none !important; filter: none !important; } } /* ACCESSIBILITY */ @media (prefers-reduced-motion: reduce) { .elementor-15 .elementor-element.elementor-element-d189235 { animation: none !important; background-position: center center !important; transition: none !important; } .elementor-15 .elementor-element.elementor-element-d189235 img { transition: none !important; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-4ea2b26 *//* ========================================================= STRYKE X — DARK BLUE GRID HERO ISOLATED • CLEAN • FULL WORKING ELEMENTOR PRO ========================================================= */ .elementor-15 .elementor-element.elementor-element-4ea2b26 { position: relative !important; overflow: hidden !important; isolation: isolate !important; /* DARK BASE ONLY */ background: #020811 !important; /* Prevent accidental layout effects */ width: 100% !important; box-shadow: inset 0 1px 0 rgba(255,255,255,0.025), inset 0 -80px 120px rgba(0,0,0,0.25) !important; } /* ========================================================= BACKGROUND — GLOW + GRID COMPLETELY ISOLATED ========================================================= */ .elementor-15 .elementor-element.elementor-element-4ea2b26::before { content: "" !important; position: absolute !important; inset: 0 !important; width: 100% !important; height: 100% !important; z-index: 0 !important; pointer-events: none !important; background-image: /* ================================================ HORIZONTAL GRID ================================================ */ linear-gradient( rgba(92,132,155,0.085) 1px, transparent 1px ), /* ================================================ VERTICAL GRID ================================================ */ linear-gradient( 90deg, rgba(92,132,155,0.085) 1px, transparent 1px ), /* ================================================ MAIN BLUE GLOW ================================================ */ radial-gradient( ellipse 55% 70% at 58% 0%, rgba(13,55,150,0.62) 0%, rgba(8,35,95,0.42) 32%, rgba(4,16,39,0.12) 62%, transparent 82% ), /* ================================================ TOP RIGHT BLUE GLOW ================================================ */ radial-gradient( ellipse 48% 60% at 82% 8%, rgba(8,39,110,0.42) 0%, rgba(5,22,60,0.20) 42%, transparent 78% ), /* ================================================ LEFT TEAL GLOW ================================================ */ radial-gradient( ellipse 38% 65% at 0% 18%, rgba(0,72,82,0.32) 0%, rgba(0,42,52,0.16) 40%, transparent 75% ), /* ================================================ DARK BLUE BASE ================================================ */ radial-gradient( ellipse 100% 100% at 50% 0%, #071529 0%, #030b16 58%, #02060d 100% ) !important; background-size: 58px 58px, 58px 58px, auto, auto, auto, auto !important; background-position: 0 0, 0 0, center top, center top, left top, center top !important; background-repeat: repeat, repeat, no-repeat, no-repeat, no-repeat, no-repeat !important; /* Keep effect inside section */ transform: translateZ(0) !important; } /* ========================================================= DARK EDGE / VIGNETTE ========================================================= */ .elementor-15 .elementor-element.elementor-element-4ea2b26::after { content: "" !important; position: absolute !important; inset: 0 !important; width: 100% !important; height: 100% !important; z-index: 1 !important; pointer-events: none !important; background: radial-gradient( ellipse at center, transparent 40%, rgba(0,0,0,0.08) 68%, rgba(0,0,0,0.34) 100% ) !important; box-shadow: inset 0 0 100px rgba(0,0,0,0.32) !important; } /* ========================================================= ALL ELEMENTOR CONTENT ALWAYS ABOVE BACKGROUND ========================================================= */ .elementor-15 .elementor-element.elementor-element-4ea2b26 > .elementor-container, .elementor-15 .elementor-element.elementor-element-4ea2b26 > .elementor-widget-wrap, .elementor-15 .elementor-element.elementor-element-4ea2b26 > .e-con, .elementor-15 .elementor-element.elementor-element-4ea2b26 > .e-con-inner, .elementor-15 .elementor-element.elementor-element-4ea2b26 .elementor-widget, .elementor-15 .elementor-element.elementor-element-4ea2b26 .elementor-element { position: relative !important; z-index: 3 !important; } /* ========================================================= IMPORTANT — PREVENT PSEUDO ELEMENT FROM BLOCKING CLICKS ========================================================= */ .elementor-15 .elementor-element.elementor-element-4ea2b26::before, .elementor-15 .elementor-element.elementor-element-4ea2b26::after { pointer-events: none !important; } /* ========================================================= DESKTOP GRID ========================================================= */ @media (min-width: 768px) { .elementor-15 .elementor-element.elementor-element-4ea2b26::before { background-size: 58px 58px, 58px 58px, auto, auto, auto, auto !important; } } /* ========================================================= TABLET ========================================================= */ @media (min-width: 768px) and (max-width: 1024px) { .elementor-15 .elementor-element.elementor-element-4ea2b26::before { background-size: 50px 50px, 50px 50px, auto, auto, auto, auto !important; } } /* ========================================================= MOBILE ========================================================= */ @media (max-width: 767px) { .elementor-15 .elementor-element.elementor-element-4ea2b26 { overflow: hidden !important; } .elementor-15 .elementor-element.elementor-element-4ea2b26::before { background-size: 42px 42px, 42px 42px, auto, auto, auto, auto !important; background-position: 0 0, 0 0, center top, center top, left top, center top !important; } .elementor-15 .elementor-element.elementor-element-4ea2b26::after { box-shadow: inset 0 0 60px rgba(0,0,0,0.30) !important; } }/* End custom CSS */ /* Start custom CSS for heading, class: .elementor-element-eca864a */.elementor-15 .elementor-element.elementor-element-eca864a .elementor-heading-title { color: #8B919D !important; font-weight: 400 !important; line-height: 1.25 !important; margin: 0 !important; } .elementor-15 .elementor-element.elementor-element-eca864a .elementor-heading-title span { color: #FFFFFF !important; font-weight: 500 !important; }/* End custom CSS */ /* Start custom CSS for nested-carousel, class: .elementor-element-f5d5dd0 *//* ========================================= CONTINUOUS SMOOTH CAROUSEL DESKTOP + TABLET + MOBILE ========================================= */ .elementor-15 .elementor-element.elementor-element-f5d5dd0 { overflow: hidden !important; } .elementor-15 .elementor-element.elementor-element-f5d5dd0 .swiper, .elementor-15 .elementor-element.elementor-element-f5d5dd0 .swiper-container { overflow: visible !important; touch-action: pan-y !important; } .elementor-15 .elementor-element.elementor-element-f5d5dd0 .swiper-wrapper { transition-timing-function: linear !important; will-change: transform !important; } .elementor-15 .elementor-element.elementor-element-f5d5dd0 .swiper-slide { height: auto !important; backface-visibility: hidden !important; transform: translateZ(0); will-change: transform; } /* MOBILE FIX */ @media only screen and (max-width: 767px) { .elementor-15 .elementor-element.elementor-element-f5d5dd0 .swiper-wrapper { transition-timing-function: linear !important; } .elementor-15 .elementor-element.elementor-element-f5d5dd0 .swiper-slide { transform: translate3d(0, 0, 0); } }/* End custom CSS */ /* Start custom CSS for heading, class: .elementor-element-fe5f577 */.elementor-15 .elementor-element.elementor-element-fe5f577 .elementor-heading-title { color: #8B919D !important; font-weight: 400 !important; line-height: 1.25 !important; margin: 0 !important; } .elementor-15 .elementor-element.elementor-element-fe5f577 .elementor-heading-title span { color: #FFFFFF !important; font-weight: 500 !important; }/* End custom CSS */ /* Start custom CSS for video, class: .elementor-element-4a3873b *//* ========================================= SUBTLE SKY BLUE VIDEO BORDER CLEAN • SOFT GLOW • PREMIUM ========================================= */ .elementor-15 .elementor-element.elementor-element-4a3873b { position: relative !important; overflow: hidden !important; border: 2px solid #38BDF8 !important; border-radius: 18px !important; box-shadow: 0 0 5px rgba(56, 189, 248, 0.45), 0 0 12px rgba(56, 189, 248, 0.22), inset 0 0 8px rgba(56, 189, 248, 0.08) !important; transition: all 0.3s ease !important; } /* SOFT HOVER GLOW */ .elementor-15 .elementor-element.elementor-element-4a3873b:hover { border-color: #7DD3FC !important; box-shadow: 0 0 6px rgba(125, 211, 252, 0.55), 0 0 16px rgba(56, 189, 248, 0.30), inset 0 0 10px rgba(56, 189, 248, 0.10) !important; transform: translateY(-1px); }/* End custom CSS */ /* Start custom CSS for html, class: .elementor-element-44c50f3 *//* ========================================= PREMIUM JOIN NOW BUTTON WHITE PILL • BLACK ARROW • BLUE GLOW ========================================= */ .join-register-btn { position: relative !important; display: inline-flex !important; align-items: center !important; justify-content: flex-start !important; width: 400px !important; min-width: 400px !important; height: 62px !important; padding: 5px 7px 5px 25px !important; margin: 0 !important; box-sizing: border-box !important; background: #ffffff !important; color: #090909 !important; border: 1px solid rgba(255,255,255,0.9) !important; border-radius: 100px !important; text-decoration: none !important; font-family: Arial, Helvetica, sans-serif !important; box-shadow: 0 0 8px rgba(67,112,255,0.55), 0 0 22px rgba(67,112,255,0.32), 0 0 45px rgba(67,112,255,0.16), 0 8px 22px rgba(0,0,0,0.20); overflow: hidden !important; cursor: pointer; transition: transform 0.35s cubic-bezier(.2,.8,.2,1), box-shadow 0.35s ease; } /* ========================================= WHITE SHINE ========================================= */ .join-register-btn::before { content: ""; position: absolute; top: 0; left: -120%; width: 70%; height: 100%; background: linear-gradient( 105deg, transparent 0%, rgba(255,255,255,0.15) 45%, rgba(255,255,255,0.65) 50%, rgba(255,255,255,0.15) 55%, transparent 100% ); transform: skewX(-20deg); pointer-events: none; transition: left 0.7s ease; } /* ========================================= MAIN TEXT ========================================= */ .join-register-text { position: relative; z-index: 2; display: inline-block; margin: 0 !important; padding: 0 !important; font-family: Arial, Helvetica, sans-serif !important; font-size: 18px !important; font-weight: 700 !important; line-height: 1 !important; letter-spacing: -0.55px !important; color: #090909 !important; white-space: nowrap; } /* ========================================= FREE TEXT ========================================= */ .join-free { position: relative; z-index: 2; display: inline-block; margin-left: 5px !important; padding: 0 !important; font-size: 18px !important; font-weight: 700 !important; line-height: 1 !important; color: #090909 !important; white-space: nowrap; } /* ========================================= OLD PRICE ========================================= */ .join-old-price { position: relative; z-index: 2; display: inline-block; margin-left: 13px !important; font-size: 12px !important; font-weight: 400 !important; line-height: 1 !important; color: #555555 !important; text-decoration-line: line-through !important; text-decoration-thickness: 1px !important; text-decoration-color: #555555 !important; white-space: nowrap; } /* ========================================= BLACK ARROW CIRCLE ========================================= */ .join-arrow { position: relative; z-index: 3; display: flex !important; align-items: center !important; justify-content: center !important; width: 48px !important; height: 48px !important; min-width: 48px !important; min-height: 48px !important; margin-left: auto !important; flex: 0 0 48px !important; background: #050505 !important; color: #ffffff !important; border: 1px solid rgba(255,255,255,0.08) !important; border-radius: 50% !important; box-shadow: 0 3px 8px rgba(0,0,0,0.25), inset 0 1px 1px rgba(255,255,255,0.08); /* SMOOTH SIDE MOVEMENT */ transition: transform 0.45s cubic-bezier(.2,.8,.2,1), background 0.3s ease, box-shadow 0.3s ease; } /* ========================================= ARROW SVG ========================================= */ .join-arrow svg { display: block !important; width: 25px !important; height: 25px !important; margin: 0 !important; color: #ffffff !important; transform: translateX(0) !important; transition: transform 0.4s cubic-bezier(.2,.8,.2,1); } /* ========================================= BUTTON HOVER ========================================= */ .join-register-btn:hover { transform: translateY(-3px) !important; box-shadow: 0 0 10px rgba(67,112,255,0.70), 0 0 28px rgba(67,112,255,0.42), 0 0 55px rgba(67,112,255,0.20), 0 12px 30px rgba(0,0,0,0.22); } /* ========================================= SHINE ON HOVER ========================================= */ .join-register-btn:hover::before { left: 140%; } /* ========================================= ARROW SIDE SLIDE ========================================= */ .join-register-btn:hover .join-arrow { transform: translateX(4px) scale(1.08) !important; background: #000000 !important; box-shadow: 0 6px 14px rgba(0,0,0,0.35), inset 0 1px 1px rgba(255,255,255,0.10); } /* ========================================= ARROW MOVEMENT ========================================= */ .join-register-btn:hover .join-arrow svg { transform: translateX(4px) !important; } /* ========================================= CLICK ANIMATION ========================================= */ .join-register-btn:active { transform: translateY(0) scale(0.985) !important; } .join-register-btn:active .join-arrow { transform: translateX(6px) scale(0.98) !important; } /* ========================================= TABLET ========================================= */ @media (max-width: 767px) { .join-register-btn { width: 100% !important; min-width: 0 !important; max-width: 400px !important; height: 58px !important; padding: 5px 6px 5px 20px !important; } .join-register-text { font-size: 16px !important; letter-spacing: -0.45px !important; } .join-free { font-size: 16px !important; margin-left: 4px !important; } .join-old-price { font-size: 11px !important; margin-left: 9px !important; } .join-arrow { width: 46px !important; height: 46px !important; min-width: 46px !important; min-height: 46px !important; flex-basis: 46px !important; } .join-arrow svg { width: 24px !important; height: 24px !important; } } /* ========================================= MOBILE ========================================= */ @media (max-width: 480px) { .join-register-btn { height: 56px !important; padding-left: 17px !important; padding-right: 5px !important; } .join-register-text { font-size: 14px !important; letter-spacing: -0.4px !important; } .join-free { font-size: 14px !important; margin-left: 4px !important; } .join-old-price { font-size: 10px !important; margin-left: 7px !important; } .join-arrow { width: 44px !important; height: 44px !important; min-width: 44px !important; min-height: 44px !important; flex-basis: 44px !important; } .join-arrow svg { width: 23px !important; height: 23px !important; } } /* ========================================= VERY SMALL MOBILE ========================================= */ @media (max-width: 360px) { .join-register-btn { padding-left: 14px !important; } .join-register-text { font-size: 13px !important; } .join-free { font-size: 13px !important; } .join-old-price { font-size: 9px !important; margin-left: 5px !important; } .join-arrow { width: 42px !important; height: 42px !important; min-width: 42px !important; min-height: 42px !important; flex-basis: 42px !important; } }/* End custom CSS */ /* Start custom CSS for heading, class: .elementor-element-716b3d1 */.elementor-15 .elementor-element.elementor-element-716b3d1 .elementor-heading-title { color: #8B919D !important; font-weight: 400 !important; line-height: 1.25 !important; margin: 0 !important; } .elementor-15 .elementor-element.elementor-element-716b3d1 .elementor-heading-title span { color: #FFFFFF !important; font-weight: 500 !important; }/* End custom CSS */ /* Start custom CSS for heading, class: .elementor-element-94ac50a */.elementor-15 .elementor-element.elementor-element-94ac50a .elementor-heading-title { color: #8B919D !important; font-weight: 400 !important; line-height: 1.25 !important; margin: 0 !important; } .elementor-15 .elementor-element.elementor-element-94ac50a .elementor-heading-title span { color: #FFFFFF !important; font-weight: 500 !important; }/* End custom CSS */ /* Start custom CSS for icon, class: .elementor-element-8c36a87 *//* WHITE ICON + SOFT BLUE GLOW */ .elementor-15 .elementor-element.elementor-element-8c36a87 { display: inline-flex !important; align-items: center !important; justify-content: center !important; width: 54px !important; height: 54px !important; padding: 0 !important; background: linear-gradient( 135deg, #2563eb 0%, #38bdf8 100% ) !important; border: 1px solid rgba(255, 255, 255, 0.35) !important; border-radius: 14px !important; box-shadow: 0 6px 18px rgba(37, 99, 235, 0.35), 0 0 16px rgba(56, 189, 248, 0.28) !important; transition: transform 0.3s ease, box-shadow 0.3s ease !important; } /* ICON WHITE COLOR */ .elementor-15 .elementor-element.elementor-element-8c36a87 .elementor-icon { display: flex !important; align-items: center !important; justify-content: center !important; color: #ffffff !important; fill: #ffffff !important; } /* SVG ICON */ .elementor-15 .elementor-element.elementor-element-8c36a87 .elementor-icon svg { width: 25px !important; height: 25px !important; fill: #ffffff !important; color: #ffffff !important; } /* FONT AWESOME ICON */ .elementor-15 .elementor-element.elementor-element-8c36a87 .elementor-icon i { color: #ffffff !important; font-size: 25px !important; } /* HOVER EFFECT */ .elementor-15 .elementor-element.elementor-element-8c36a87:hover { transform: translateY(-4px) scale(1.05) !important; box-shadow: 0 10px 25px rgba(37, 99, 235, 0.45), 0 0 24px rgba(56, 189, 248, 0.45) !important; }/* End custom CSS */ /* Start custom CSS for heading, class: .elementor-element-db743b3 */.elementor-15 .elementor-element.elementor-element-db743b3 .elementor-heading-title { color: #8B919D !important; font-weight: 400 !important; line-height: 1.25 !important; margin: 0 !important; } .elementor-15 .elementor-element.elementor-element-db743b3 .elementor-heading-title span { color: #FFFFFF !important; font-weight: 500 !important; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-f632837 *//* ========================================= DARK NAVY CONTENT CONTAINER ROUNDED • BLUE BOTTOM GLOW • RESPONSIVE ========================================= */ .elementor-15 .elementor-element.elementor-element-f632837 { position: relative !important; z-index: 1 !important; isolation: isolate !important; width: 100% !important; overflow: hidden !important; padding: 28px 20px 14px !important; background: radial-gradient( circle at 50% 100%, rgba(0, 136, 255, 0.16) 0%, transparent 42% ), linear-gradient( 160deg, #061536 0%, #03102c 50%, #020c25 100% ) !important; border: 1px solid rgba(75, 145, 255, 0.12) !important; border-radius: 18px !important; box-shadow: 0 10px 28px rgba(0, 5, 22, 0.32), inset 0 1px 0 rgba(255, 255, 255, 0.04), inset 0 -18px 30px rgba(0, 102, 255, 0.07) !important; transition: transform 0.35s ease, box-shadow 0.35s ease !important; } /* BLUE GLOW AT BOTTOM */ .elementor-15 .elementor-element.elementor-element-f632837::after { content: ""; position: absolute; z-index: -1; left: 5%; right: 5%; bottom: -2px; height: 5px; background: linear-gradient( 90deg, transparent 0%, #0077ff 18%, #18b9ff 50%, #0077ff 82%, transparent 100% ); border-radius: 50%; box-shadow: 0 0 8px rgba(0, 153, 255, 0.95), 0 0 20px rgba(0, 119, 255, 0.70), 0 0 38px rgba(0, 119, 255, 0.40); pointer-events: none; } /* KEEP INNER ELEMENTS ABOVE BACKGROUND */ .elementor-15 .elementor-element.elementor-element-f632837 > .e-con-inner, .elementor-15 .elementor-element.elementor-element-f632837 > .elementor-widget, .elementor-15 .elementor-element.elementor-element-f632837 > .elementor-element { position: relative; z-index: 2; } /* IMAGE INSIDE CONTAINER */ .elementor-15 .elementor-element.elementor-element-f632837 img { display: block; width: 100%; max-width: 100%; height: auto; border-radius: 13px !important; } /* HOVER EFFECT */ .elementor-15 .elementor-element.elementor-element-f632837:hover { transform: translateY(-4px); box-shadow: 0 16px 34px rgba(0, 5, 22, 0.42), 0 0 22px rgba(0, 119, 255, 0.14), inset 0 1px 0 rgba(255, 255, 255, 0.05), inset 0 -18px 30px rgba(0, 102, 255, 0.09) !important; } /* TABLET */ @media only screen and (max-width: 1024px) { .elementor-15 .elementor-element.elementor-element-f632837 { padding: 25px 17px 13px !important; border-radius: 17px !important; } } /* MOBILE */ @media only screen and (max-width: 767px) { .elementor-15 .elementor-element.elementor-element-f632837 { padding: 22px 13px 12px !important; border-radius: 15px !important; } .elementor-15 .elementor-element.elementor-element-f632837:hover { transform: translateY(-2px); } .elementor-15 .elementor-element.elementor-element-f632837 img { border-radius: 11px !important; } }/* End custom CSS */ /* Start custom CSS for icon, class: .elementor-element-32f242b *//* WHITE ICON + SOFT BLUE GLOW */ .elementor-15 .elementor-element.elementor-element-32f242b { display: inline-flex !important; align-items: center !important; justify-content: center !important; width: 54px !important; height: 54px !important; padding: 0 !important; background: linear-gradient( 135deg, #2563eb 0%, #38bdf8 100% ) !important; border: 1px solid rgba(255, 255, 255, 0.35) !important; border-radius: 14px !important; box-shadow: 0 6px 18px rgba(37, 99, 235, 0.35), 0 0 16px rgba(56, 189, 248, 0.28) !important; transition: transform 0.3s ease, box-shadow 0.3s ease !important; } /* ICON WHITE COLOR */ .elementor-15 .elementor-element.elementor-element-32f242b .elementor-icon { display: flex !important; align-items: center !important; justify-content: center !important; color: #ffffff !important; fill: #ffffff !important; } /* SVG ICON */ .elementor-15 .elementor-element.elementor-element-32f242b .elementor-icon svg { width: 25px !important; height: 25px !important; fill: #ffffff !important; color: #ffffff !important; } /* FONT AWESOME ICON */ .elementor-15 .elementor-element.elementor-element-32f242b .elementor-icon i { color: #ffffff !important; font-size: 25px !important; } /* HOVER EFFECT */ .elementor-15 .elementor-element.elementor-element-32f242b:hover { transform: translateY(-4px) scale(1.05) !important; box-shadow: 0 10px 25px rgba(37, 99, 235, 0.45), 0 0 24px rgba(56, 189, 248, 0.45) !important; }/* End custom CSS */ /* Start custom CSS for heading, class: .elementor-element-960b15d */.elementor-15 .elementor-element.elementor-element-960b15d .elementor-heading-title { color: #8B919D !important; font-weight: 400 !important; line-height: 1.25 !important; margin: 0 !important; } .elementor-15 .elementor-element.elementor-element-960b15d .elementor-heading-title span { color: #FFFFFF !important; font-weight: 500 !important; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-99aa0db *//* ========================================= SOLID #001B26 CONTENT CONTAINER NO GRADIENT • BLUE BOTTOM GLOW • RESPONSIVE ========================================= */ .elementor-15 .elementor-element.elementor-element-99aa0db { position: relative !important; z-index: 1 !important; isolation: isolate !important; width: 100% !important; overflow: hidden !important; padding: 28px 20px 14px !important; /* SOLID BACKGROUND COLOR */ background: #001b26 !important; border: 1px solid rgba(75, 145, 255, 0.12) !important; border-radius: 18px !important; box-shadow: 0 10px 28px rgba(0, 5, 22, 0.32), inset 0 1px 0 rgba(255, 255, 255, 0.04), inset 0 -18px 30px rgba(0, 102, 255, 0.07) !important; transition: transform 0.35s ease, box-shadow 0.35s ease !important; } /* BLUE GLOW AT BOTTOM */ .elementor-15 .elementor-element.elementor-element-99aa0db::after { content: ""; position: absolute; z-index: -1; left: 5%; right: 5%; bottom: -2px; height: 5px; background: linear-gradient( 90deg, transparent 0%, #0077ff 18%, #18b9ff 50%, #0077ff 82%, transparent 100% ); border-radius: 50%; box-shadow: 0 0 8px rgba(0, 153, 255, 0.95), 0 0 20px rgba(0, 119, 255, 0.70), 0 0 38px rgba(0, 119, 255, 0.40); pointer-events: none; } /* KEEP ALL CONTENT ABOVE BACKGROUND */ .elementor-15 .elementor-element.elementor-element-99aa0db > .e-con-inner, .elementor-15 .elementor-element.elementor-element-99aa0db > .elementor-widget, .elementor-15 .elementor-element.elementor-element-99aa0db > .elementor-element { position: relative !important; z-index: 2 !important; } /* IMAGE INSIDE CONTAINER */ .elementor-15 .elementor-element.elementor-element-99aa0db img { display: block !important; width: 100% !important; max-width: 100% !important; height: auto !important; border-radius: 13px !important; } /* HOVER EFFECT */ .elementor-15 .elementor-element.elementor-element-99aa0db:hover { transform: translateY(-4px); box-shadow: 0 16px 34px rgba(0, 5, 22, 0.42), 0 0 22px rgba(0, 119, 255, 0.14), inset 0 1px 0 rgba(255, 255, 255, 0.05), inset 0 -18px 30px rgba(0, 102, 255, 0.09) !important; } /* TABLET */ @media only screen and (max-width: 1024px) { .elementor-15 .elementor-element.elementor-element-99aa0db { padding: 25px 17px 13px !important; border-radius: 17px !important; } } /* MOBILE */ @media only screen and (max-width: 767px) { .elementor-15 .elementor-element.elementor-element-99aa0db { padding: 22px 13px 12px !important; border-radius: 15px !important; } .elementor-15 .elementor-element.elementor-element-99aa0db:hover { transform: translateY(-2px); } .elementor-15 .elementor-element.elementor-element-99aa0db img { border-radius: 11px !important; } }/* End custom CSS */ /* Start custom CSS for icon, class: .elementor-element-f547788 *//* WHITE ICON + SOFT BLUE GLOW */ .elementor-15 .elementor-element.elementor-element-f547788 { display: inline-flex !important; align-items: center !important; justify-content: center !important; width: 54px !important; height: 54px !important; padding: 0 !important; background: linear-gradient( 135deg, #2563eb 0%, #38bdf8 100% ) !important; border: 1px solid rgba(255, 255, 255, 0.35) !important; border-radius: 14px !important; box-shadow: 0 6px 18px rgba(37, 99, 235, 0.35), 0 0 16px rgba(56, 189, 248, 0.28) !important; transition: transform 0.3s ease, box-shadow 0.3s ease !important; } /* ICON WHITE COLOR */ .elementor-15 .elementor-element.elementor-element-f547788 .elementor-icon { display: flex !important; align-items: center !important; justify-content: center !important; color: #ffffff !important; fill: #ffffff !important; } /* SVG ICON */ .elementor-15 .elementor-element.elementor-element-f547788 .elementor-icon svg { width: 25px !important; height: 25px !important; fill: #ffffff !important; color: #ffffff !important; } /* FONT AWESOME ICON */ .elementor-15 .elementor-element.elementor-element-f547788 .elementor-icon i { color: #ffffff !important; font-size: 25px !important; } /* HOVER EFFECT */ .elementor-15 .elementor-element.elementor-element-f547788:hover { transform: translateY(-4px) scale(1.05) !important; box-shadow: 0 10px 25px rgba(37, 99, 235, 0.45), 0 0 24px rgba(56, 189, 248, 0.45) !important; }/* End custom CSS */ /* Start custom CSS for heading, class: .elementor-element-ce409ea */.elementor-15 .elementor-element.elementor-element-ce409ea .elementor-heading-title { color: #8B919D !important; font-weight: 400 !important; line-height: 1.25 !important; margin: 0 !important; } .elementor-15 .elementor-element.elementor-element-ce409ea .elementor-heading-title span { color: #FFFFFF !important; font-weight: 500 !important; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-cc9fa87 *//* ========================================= SOLID #002323 CONTENT CONTAINER NO GRADIENT • BLUE BOTTOM GLOW • RESPONSIVE ========================================= */ .elementor-15 .elementor-element.elementor-element-cc9fa87 { position: relative !important; z-index: 1 !important; isolation: isolate !important; width: 100% !important; overflow: hidden !important; padding: 28px 20px 14px !important; /* NEW SOLID BACKGROUND COLOR */ background: #002323 !important; border: 1px solid rgba(75, 145, 255, 0.12) !important; border-radius: 18px !important; box-shadow: 0 10px 28px rgba(0, 5, 22, 0.32), inset 0 1px 0 rgba(255, 255, 255, 0.04), inset 0 -18px 30px rgba(0, 102, 255, 0.07) !important; transition: transform 0.35s ease, box-shadow 0.35s ease !important; } /* BLUE GLOW AT BOTTOM */ .elementor-15 .elementor-element.elementor-element-cc9fa87::after { content: ""; position: absolute; z-index: -1; left: 5%; right: 5%; bottom: -2px; height: 5px; background: linear-gradient( 90deg, transparent 0%, #0077ff 18%, #18b9ff 50%, #0077ff 82%, transparent 100% ); border-radius: 50%; box-shadow: 0 0 8px rgba(0, 153, 255, 0.95), 0 0 20px rgba(0, 119, 255, 0.70), 0 0 38px rgba(0, 119, 255, 0.40); pointer-events: none; } /* KEEP ALL CONTENT ABOVE BACKGROUND */ .elementor-15 .elementor-element.elementor-element-cc9fa87 > .e-con-inner, .elementor-15 .elementor-element.elementor-element-cc9fa87 > .elementor-widget, .elementor-15 .elementor-element.elementor-element-cc9fa87 > .elementor-element { position: relative !important; z-index: 2 !important; } /* IMAGE INSIDE CONTAINER */ .elementor-15 .elementor-element.elementor-element-cc9fa87 img { display: block !important; width: 100% !important; max-width: 100% !important; height: auto !important; border-radius: 13px !important; } /* HOVER EFFECT */ .elementor-15 .elementor-element.elementor-element-cc9fa87:hover { transform: translateY(-4px); box-shadow: 0 16px 34px rgba(0, 5, 22, 0.42), 0 0 22px rgba(0, 119, 255, 0.14), inset 0 1px 0 rgba(255, 255, 255, 0.05), inset 0 -18px 30px rgba(0, 102, 255, 0.09) !important; } /* TABLET */ @media only screen and (max-width: 1024px) { .elementor-15 .elementor-element.elementor-element-cc9fa87 { padding: 25px 17px 13px !important; border-radius: 17px !important; } } /* MOBILE */ @media only screen and (max-width: 767px) { .elementor-15 .elementor-element.elementor-element-cc9fa87 { padding: 22px 13px 12px !important; border-radius: 15px !important; } .elementor-15 .elementor-element.elementor-element-cc9fa87:hover { transform: translateY(-2px); } .elementor-15 .elementor-element.elementor-element-cc9fa87 img { border-radius: 11px !important; } }/* End custom CSS */ /* Start custom CSS for icon, class: .elementor-element-d273e92 *//* WHITE ICON + SOFT BLUE GLOW */ .elementor-15 .elementor-element.elementor-element-d273e92 { display: inline-flex !important; align-items: center !important; justify-content: center !important; width: 54px !important; height: 54px !important; padding: 0 !important; background: linear-gradient( 135deg, #2563eb 0%, #38bdf8 100% ) !important; border: 1px solid rgba(255, 255, 255, 0.35) !important; border-radius: 14px !important; box-shadow: 0 6px 18px rgba(37, 99, 235, 0.35), 0 0 16px rgba(56, 189, 248, 0.28) !important; transition: transform 0.3s ease, box-shadow 0.3s ease !important; } /* ICON WHITE COLOR */ .elementor-15 .elementor-element.elementor-element-d273e92 .elementor-icon { display: flex !important; align-items: center !important; justify-content: center !important; color: #ffffff !important; fill: #ffffff !important; } /* SVG ICON */ .elementor-15 .elementor-element.elementor-element-d273e92 .elementor-icon svg { width: 25px !important; height: 25px !important; fill: #ffffff !important; color: #ffffff !important; } /* FONT AWESOME ICON */ .elementor-15 .elementor-element.elementor-element-d273e92 .elementor-icon i { color: #ffffff !important; font-size: 25px !important; } /* HOVER EFFECT */ .elementor-15 .elementor-element.elementor-element-d273e92:hover { transform: translateY(-4px) scale(1.05) !important; box-shadow: 0 10px 25px rgba(37, 99, 235, 0.45), 0 0 24px rgba(56, 189, 248, 0.45) !important; }/* End custom CSS */ /* Start custom CSS for heading, class: .elementor-element-0be7ea0 */.elementor-15 .elementor-element.elementor-element-0be7ea0 .elementor-heading-title { color: #8B919D !important; font-weight: 400 !important; line-height: 1.25 !important; margin: 0 !important; } .elementor-15 .elementor-element.elementor-element-0be7ea0 .elementor-heading-title span { color: #FFFFFF !important; font-weight: 500 !important; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-3f03b17 *//* ========================================= SOLID #002323 CONTENT CONTAINER NO GRADIENT • BLUE BOTTOM GLOW • RESPONSIVE ========================================= */ .elementor-15 .elementor-element.elementor-element-3f03b17 { position: relative !important; z-index: 1 !important; isolation: isolate !important; width: 100% !important; overflow: hidden !important; padding: 28px 20px 14px !important; /* NEW SOLID BACKGROUND COLOR */ background: #002323 !important; border: 1px solid rgba(75, 145, 255, 0.12) !important; border-radius: 18px !important; box-shadow: 0 10px 28px rgba(0, 5, 22, 0.32), inset 0 1px 0 rgba(255, 255, 255, 0.04), inset 0 -18px 30px rgba(0, 102, 255, 0.07) !important; transition: transform 0.35s ease, box-shadow 0.35s ease !important; } /* BLUE GLOW AT BOTTOM */ .elementor-15 .elementor-element.elementor-element-3f03b17::after { content: ""; position: absolute; z-index: -1; left: 5%; right: 5%; bottom: -2px; height: 5px; background: linear-gradient( 90deg, transparent 0%, #0077ff 18%, #18b9ff 50%, #0077ff 82%, transparent 100% ); border-radius: 50%; box-shadow: 0 0 8px rgba(0, 153, 255, 0.95), 0 0 20px rgba(0, 119, 255, 0.70), 0 0 38px rgba(0, 119, 255, 0.40); pointer-events: none; } /* KEEP ALL CONTENT ABOVE BACKGROUND */ .elementor-15 .elementor-element.elementor-element-3f03b17 > .e-con-inner, .elementor-15 .elementor-element.elementor-element-3f03b17 > .elementor-widget, .elementor-15 .elementor-element.elementor-element-3f03b17 > .elementor-element { position: relative !important; z-index: 2 !important; } /* IMAGE INSIDE CONTAINER */ .elementor-15 .elementor-element.elementor-element-3f03b17 img { display: block !important; width: 100% !important; max-width: 100% !important; height: auto !important; border-radius: 13px !important; } /* HOVER EFFECT */ .elementor-15 .elementor-element.elementor-element-3f03b17:hover { transform: translateY(-4px); box-shadow: 0 16px 34px rgba(0, 5, 22, 0.42), 0 0 22px rgba(0, 119, 255, 0.14), inset 0 1px 0 rgba(255, 255, 255, 0.05), inset 0 -18px 30px rgba(0, 102, 255, 0.09) !important; } /* TABLET */ @media only screen and (max-width: 1024px) { .elementor-15 .elementor-element.elementor-element-3f03b17 { padding: 25px 17px 13px !important; border-radius: 17px !important; } } /* MOBILE */ @media only screen and (max-width: 767px) { .elementor-15 .elementor-element.elementor-element-3f03b17 { padding: 22px 13px 12px !important; border-radius: 15px !important; } .elementor-15 .elementor-element.elementor-element-3f03b17:hover { transform: translateY(-2px); } .elementor-15 .elementor-element.elementor-element-3f03b17 img { border-radius: 11px !important; } }/* End custom CSS */ /* Start custom CSS for html, class: .elementor-element-f374dcc *//* ========================================= FIBO — PREMIUM JOIN NOW BUTTON RESPONSIVE • WHITE PILL • BLACK ARROW BLUE GLOW • NO OVERFLOW ========================================= */ .join-register-btn { position: relative !important; display: flex !important; align-items: center !important; justify-content: flex-start !important; width: 400px !important; max-width: 100% !important; min-width: 0 !important; height: 62px !important; padding: 5px 7px 5px 25px !important; margin: 0 !important; box-sizing: border-box !important; background: #ffffff !important; color: #090909 !important; border: 1px solid rgba(255,255,255,0.9) !important; border-radius: 100px !important; text-decoration: none !important; font-family: Arial, Helvetica, sans-serif !important; box-shadow: 0 0 8px rgba(67,112,255,0.55), 0 0 22px rgba(67,112,255,0.32), 0 0 45px rgba(67,112,255,0.16), 0 8px 22px rgba(0,0,0,0.20) !important; overflow: hidden !important; cursor: pointer !important; transition: transform 0.35s cubic-bezier(.2,.8,.2,1), box-shadow 0.35s ease !important; } /* ========================================= SHINE ========================================= */ .join-register-btn::before { content: "" !important; position: absolute !important; top: 0 !important; left: -120% !important; width: 65% !important; height: 100% !important; background: linear-gradient( 105deg, transparent 0%, rgba(255,255,255,0.12) 45%, rgba(255,255,255,0.65) 50%, rgba(255,255,255,0.12) 55%, transparent 100% ) !important; transform: skewX(-20deg) !important; pointer-events: none !important; z-index: 1 !important; transition: left 0.7s ease !important; } /* ========================================= TEXT AREA ========================================= */ .join-register-text, .join-free, .join-old-price { position: relative !important; z-index: 2 !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: clip !important; line-height: 1 !important; flex-shrink: 1 !important; } /* ========================================= MAIN TEXT ========================================= */ .join-register-text { display: inline-block !important; margin: 0 !important; padding: 0 !important; font-family: Arial, Helvetica, sans-serif !important; font-size: 18px !important; font-weight: 700 !important; letter-spacing: -0.55px !important; color: #090909 !important; min-width: 0 !important; } /* ========================================= FREE ========================================= */ .join-free { display: inline-block !important; margin-left: 5px !important; padding: 0 !important; font-size: 18px !important; font-weight: 700 !important; color: #090909 !important; flex-shrink: 1 !important; } /* ========================================= OLD PRICE ========================================= */ .join-old-price { display: inline-block !important; margin-left: 12px !important; font-size: 12px !important; font-weight: 400 !important; color: #555555 !important; text-decoration: line-through !important; text-decoration-thickness: 1px !important; flex-shrink: 1 !important; } /* ========================================= ARROW ========================================= */ .join-arrow { position: relative !important; z-index: 3 !important; display: flex !important; align-items: center !important; justify-content: center !important; width: 48px !important; height: 48px !important; min-width: 48px !important; min-height: 48px !important; flex: 0 0 48px !important; margin-left: auto !important; background: #050505 !important; color: #ffffff !important; border: 1px solid rgba(255,255,255,0.08) !important; border-radius: 50% !important; box-shadow: 0 3px 8px rgba(0,0,0,0.25), inset 0 1px 1px rgba(255,255,255,0.08) !important; transition: transform 0.4s cubic-bezier(.2,.8,.2,1), box-shadow 0.3s ease !important; } /* ========================================= ARROW SVG ========================================= */ .join-arrow svg { display: block !important; width: 25px !important; height: 25px !important; min-width: 25px !important; min-height: 25px !important; margin: 0 !important; color: #ffffff !important; transition: transform 0.4s cubic-bezier(.2,.8,.2,1) !important; } /* ========================================= HOVER ========================================= */ .join-register-btn:hover { transform: translateY(-3px) !important; box-shadow: 0 0 10px rgba(67,112,255,0.70), 0 0 28px rgba(67,112,255,0.42), 0 0 55px rgba(67,112,255,0.20), 0 12px 30px rgba(0,0,0,0.22) !important; } .join-register-btn:hover::before { left: 140% !important; } .join-register-btn:hover .join-arrow { transform: translateX(4px) scale(1.08) !important; box-shadow: 0 6px 14px rgba(0,0,0,0.35), inset 0 1px 1px rgba(255,255,255,0.10) !important; } .join-register-btn:hover .join-arrow svg { transform: translateX(4px) !important; } /* ========================================= CLICK ========================================= */ .join-register-btn:active { transform: translateY(0) scale(0.985) !important; } .join-register-btn:active .join-arrow { transform: translateX(5px) scale(0.98) !important; } /* ========================================= TABLET 768px – 1024px ========================================= */ @media (min-width: 768px) and (max-width: 1024px) { .join-register-btn { width: min(380px, 100%) !important; height: 60px !important; padding: 5px 6px 5px 20px !important; } .join-register-text { font-size: 17px !important; letter-spacing: -0.5px !important; } .join-free { font-size: 17px !important; margin-left: 4px !important; } .join-old-price { font-size: 11px !important; margin-left: 9px !important; } .join-arrow { width: 46px !important; height: 46px !important; min-width: 46px !important; min-height: 46px !important; flex-basis: 46px !important; } .join-arrow svg { width: 24px !important; height: 24px !important; } } /* ========================================= MOBILE MAX 767px ========================================= */ @media (max-width: 767px) { .join-register-btn { width: 100% !important; max-width: 400px !important; min-width: 0 !important; height: 58px !important; padding: 5px 6px 5px 16px !important; } .join-register-text { font-size: 16px !important; letter-spacing: -0.4px !important; } .join-free { font-size: 16px !important; margin-left: 4px !important; } .join-old-price { font-size: 10px !important; margin-left: 7px !important; } .join-arrow { width: 46px !important; height: 46px !important; min-width: 46px !important; min-height: 46px !important; flex: 0 0 46px !important; } .join-arrow svg { width: 23px !important; height: 23px !important; } .join-register-btn:hover { transform: translateY(-2px) !important; } } /* ========================================= SMALL MOBILE MAX 480px ========================================= */ @media (max-width: 480px) { .join-register-btn { width: 100% !important; max-width: 100% !important; height: 56px !important; padding: 5px 5px 5px 13px !important; } .join-register-text { font-size: 14px !important; letter-spacing: -0.3px !important; } .join-free { font-size: 14px !important; margin-left: 3px !important; } .join-old-price { font-size: 9px !important; margin-left: 6px !important; } .join-arrow { width: 44px !important; height: 44px !important; min-width: 44px !important; min-height: 44px !important; flex: 0 0 44px !important; } .join-arrow svg { width: 22px !important; height: 22px !important; } .join-register-btn:hover .join-arrow { transform: translateX(3px) scale(1.05) !important; } .join-register-btn:hover .join-arrow svg { transform: translateX(3px) !important; } } /* ========================================= VERY SMALL MOBILE MAX 360px ========================================= */ @media (max-width: 360px) { .join-register-btn { height: 54px !important; padding-left: 10px !important; padding-right: 4px !important; } .join-register-text { font-size: 13px !important; letter-spacing: -0.25px !important; } .join-free { font-size: 13px !important; margin-left: 2px !important; } .join-old-price { font-size: 8px !important; margin-left: 5px !important; } .join-arrow { width: 42px !important; height: 42px !important; min-width: 42px !important; min-height: 42px !important; flex-basis: 42px !important; } .join-arrow svg { width: 21px !important; height: 21px !important; } } /* ========================================= ULTRA SMALL MAX 320px ========================================= */ @media (max-width: 320px) { .join-register-btn { height: 52px !important; padding-left: 8px !important; padding-right: 3px !important; } .join-register-text { font-size: 12px !important; letter-spacing: -0.2px !important; } .join-free { font-size: 12px !important; margin-left: 2px !important; } .join-old-price { font-size: 8px !important; margin-left: 3px !important; } .join-arrow { width: 40px !important; height: 40px !important; min-width: 40px !important; min-height: 40px !important; flex-basis: 40px !important; } .join-arrow svg { width: 20px !important; height: 20px !important; } } /* ========================================= TOUCH DEVICES REMOVE STICKY HOVER EFFECT ========================================= */ @media (hover: none) { .join-register-btn:hover { transform: none !important; } .join-register-btn:hover::before { left: -120% !important; } .join-register-btn:hover .join-arrow { transform: none !important; } .join-register-btn:hover .join-arrow svg { transform: none !important; } }/* End custom CSS */ /* Start custom CSS for heading, class: .elementor-element-bd7d948 */.elementor-15 .elementor-element.elementor-element-bd7d948 .elementor-heading-title { color: #8B919D !important; font-weight: 400 !important; line-height: 1.25 !important; margin: 0 !important; } .elementor-15 .elementor-element.elementor-element-bd7d948 .elementor-heading-title span { color: #FFFFFF !important; font-weight: 500 !important; }/* End custom CSS */ /* Start custom CSS for image-box, class: .elementor-element-b62010e *//* ========================================= FIBO — PREMIUM IMAGE BOX SCREENSHOT STYLE DARK NAVY BACKGROUND ========================================= */ .elementor-15 .elementor-element.elementor-element-b62010e { position: relative !important; overflow: hidden !important; padding: 12px 12px 24px !important; background: radial-gradient( circle at 10% 100%, rgba(41, 72, 105, 0.38) 0%, rgba(22, 37, 57, 0.22) 25%, transparent 52% ), linear-gradient( 155deg, #151c28 0%, #101722 45%, #0a1019 100% ) !important; border: 1px solid rgba(110, 145, 190, 0.16) !important; border-radius: 14px !important; box-shadow: 0 12px 32px rgba(0, 0, 0, 0.42), inset 0 1px 0 rgba(255, 255, 255, 0.05), inset 0 -40px 70px rgba(24, 49, 76, 0.10) !important; transition: transform 0.35s ease, border-color 0.35s ease, box-shadow 0.35s ease !important; } /* IMAGE WRAPPER */ .elementor-15 .elementor-element.elementor-element-b62010e .elementor-image-box-img { position: relative !important; overflow: hidden !important; margin: 0 0 18px 0 !important; border-radius: 11px !important; background: #0b111b !important; } /* IMAGE */ .elementor-15 .elementor-element.elementor-element-b62010e img { width: 100% !important; height: auto !important; display: block !important; border-radius: 11px !important; transition: transform 0.45s ease, filter 0.45s ease !important; } /* CONTENT */ .elementor-15 .elementor-element.elementor-element-b62010e .elementor-image-box-content { position: relative !important; z-index: 2 !important; padding: 0 0 4px !important; } /* TITLE */ .elementor-15 .elementor-element.elementor-element-b62010e .elementor-image-box-title { margin: 0 0 14px !important; color: #ffffff !important; font-size: 27px !important; font-weight: 700 !important; line-height: 1.15 !important; letter-spacing: -0.6px !important; } /* DESCRIPTION */ .elementor-15 .elementor-element.elementor-element-b62010e .elementor-image-box-description { margin: 0 !important; color: rgba(255, 255, 255, 0.70) !important; font-size: 18px !important; font-weight: 400 !important; line-height: 1.65 !important; } /* SOFT TOP SHINE */ .elementor-15 .elementor-element.elementor-element-b62010e::before { content: "" !important; position: absolute !important; top: 0 !important; left: 8% !important; width: 84% !important; height: 1px !important; background: linear-gradient( 90deg, transparent, rgba(96, 165, 250, 0.55), transparent ) !important; opacity: 0.65 !important; z-index: 3 !important; pointer-events: none !important; } /* SOFT BOTTOM GLOW */ .elementor-15 .elementor-element.elementor-element-b62010e::after { content: "" !important; position: absolute !important; left: -40px !important; bottom: -70px !important; width: 180px !important; height: 180px !important; background: rgba(56, 125, 190, 0.16) !important; border-radius: 50% !important; filter: blur(55px) !important; pointer-events: none !important; z-index: 0 !important; } /* HOVER */ .elementor-15 .elementor-element.elementor-element-b62010e:hover { transform: translateY(-6px) !important; border-color: rgba(96, 165, 250, 0.42) !important; box-shadow: 0 18px 42px rgba(0, 0, 0, 0.52), 0 0 24px rgba(56, 189, 248, 0.10), inset 0 1px 0 rgba(255, 255, 255, 0.07) !important; } .elementor-15 .elementor-element.elementor-element-b62010e:hover img { transform: scale(1.035) !important; filter: brightness(1.07) contrast(1.02) !important; } /* TABLET */ @media (max-width: 1024px) { .elementor-15 .elementor-element.elementor-element-b62010e .elementor-image-box-title { font-size: 24px !important; } .elementor-15 .elementor-element.elementor-element-b62010e .elementor-image-box-description { font-size: 17px !important; } } /* MOBILE */ @media (max-width: 767px) { .elementor-15 .elementor-element.elementor-element-b62010e { padding: 10px 10px 20px !important; border-radius: 13px !important; } .elementor-15 .elementor-element.elementor-element-b62010e .elementor-image-box-img, .elementor-15 .elementor-element.elementor-element-b62010e img { border-radius: 9px !important; } .elementor-15 .elementor-element.elementor-element-b62010e .elementor-image-box-title { font-size: 23px !important; margin-bottom: 10px !important; } .elementor-15 .elementor-element.elementor-element-b62010e .elementor-image-box-description { font-size: 16px !important; line-height: 1.6 !important; } .elementor-15 .elementor-element.elementor-element-b62010e:hover { transform: translateY(-3px) !important; } }/* End custom CSS */ /* Start custom CSS for image-box, class: .elementor-element-5b8741a *//* ========================================= FIBO — PREMIUM IMAGE BOX SCREENSHOT STYLE DARK NAVY BACKGROUND ========================================= */ .elementor-15 .elementor-element.elementor-element-5b8741a { position: relative !important; overflow: hidden !important; padding: 12px 12px 24px !important; background: radial-gradient( circle at 10% 100%, rgba(41, 72, 105, 0.38) 0%, rgba(22, 37, 57, 0.22) 25%, transparent 52% ), linear-gradient( 155deg, #151c28 0%, #101722 45%, #0a1019 100% ) !important; border: 1px solid rgba(110, 145, 190, 0.16) !important; border-radius: 14px !important; box-shadow: 0 12px 32px rgba(0, 0, 0, 0.42), inset 0 1px 0 rgba(255, 255, 255, 0.05), inset 0 -40px 70px rgba(24, 49, 76, 0.10) !important; transition: transform 0.35s ease, border-color 0.35s ease, box-shadow 0.35s ease !important; } /* IMAGE WRAPPER */ .elementor-15 .elementor-element.elementor-element-5b8741a .elementor-image-box-img { position: relative !important; overflow: hidden !important; margin: 0 0 18px 0 !important; border-radius: 11px !important; background: #0b111b !important; } /* IMAGE */ .elementor-15 .elementor-element.elementor-element-5b8741a img { width: 100% !important; height: auto !important; display: block !important; border-radius: 11px !important; transition: transform 0.45s ease, filter 0.45s ease !important; } /* CONTENT */ .elementor-15 .elementor-element.elementor-element-5b8741a .elementor-image-box-content { position: relative !important; z-index: 2 !important; padding: 0 0 4px !important; } /* TITLE */ .elementor-15 .elementor-element.elementor-element-5b8741a .elementor-image-box-title { margin: 0 0 14px !important; color: #ffffff !important; font-size: 27px !important; font-weight: 700 !important; line-height: 1.15 !important; letter-spacing: -0.6px !important; } /* DESCRIPTION */ .elementor-15 .elementor-element.elementor-element-5b8741a .elementor-image-box-description { margin: 0 !important; color: rgba(255, 255, 255, 0.70) !important; font-size: 18px !important; font-weight: 400 !important; line-height: 1.65 !important; } /* SOFT TOP SHINE */ .elementor-15 .elementor-element.elementor-element-5b8741a::before { content: "" !important; position: absolute !important; top: 0 !important; left: 8% !important; width: 84% !important; height: 1px !important; background: linear-gradient( 90deg, transparent, rgba(96, 165, 250, 0.55), transparent ) !important; opacity: 0.65 !important; z-index: 3 !important; pointer-events: none !important; } /* SOFT BOTTOM GLOW */ .elementor-15 .elementor-element.elementor-element-5b8741a::after { content: "" !important; position: absolute !important; left: -40px !important; bottom: -70px !important; width: 180px !important; height: 180px !important; background: rgba(56, 125, 190, 0.16) !important; border-radius: 50% !important; filter: blur(55px) !important; pointer-events: none !important; z-index: 0 !important; } /* HOVER */ .elementor-15 .elementor-element.elementor-element-5b8741a:hover { transform: translateY(-6px) !important; border-color: rgba(96, 165, 250, 0.42) !important; box-shadow: 0 18px 42px rgba(0, 0, 0, 0.52), 0 0 24px rgba(56, 189, 248, 0.10), inset 0 1px 0 rgba(255, 255, 255, 0.07) !important; } .elementor-15 .elementor-element.elementor-element-5b8741a:hover img { transform: scale(1.035) !important; filter: brightness(1.07) contrast(1.02) !important; } /* TABLET */ @media (max-width: 1024px) { .elementor-15 .elementor-element.elementor-element-5b8741a .elementor-image-box-title { font-size: 24px !important; } .elementor-15 .elementor-element.elementor-element-5b8741a .elementor-image-box-description { font-size: 17px !important; } } /* MOBILE */ @media (max-width: 767px) { .elementor-15 .elementor-element.elementor-element-5b8741a { padding: 10px 10px 20px !important; border-radius: 13px !important; } .elementor-15 .elementor-element.elementor-element-5b8741a .elementor-image-box-img, .elementor-15 .elementor-element.elementor-element-5b8741a img { border-radius: 9px !important; } .elementor-15 .elementor-element.elementor-element-5b8741a .elementor-image-box-title { font-size: 23px !important; margin-bottom: 10px !important; } .elementor-15 .elementor-element.elementor-element-5b8741a .elementor-image-box-description { font-size: 16px !important; line-height: 1.6 !important; } .elementor-15 .elementor-element.elementor-element-5b8741a:hover { transform: translateY(-3px) !important; } }/* End custom CSS */ /* Start custom CSS for image-box, class: .elementor-element-1af1a1b *//* ========================================= FIBO — PREMIUM IMAGE BOX SCREENSHOT STYLE DARK NAVY BACKGROUND ========================================= */ .elementor-15 .elementor-element.elementor-element-1af1a1b { position: relative !important; overflow: hidden !important; padding: 12px 12px 24px !important; background: radial-gradient( circle at 10% 100%, rgba(41, 72, 105, 0.38) 0%, rgba(22, 37, 57, 0.22) 25%, transparent 52% ), linear-gradient( 155deg, #151c28 0%, #101722 45%, #0a1019 100% ) !important; border: 1px solid rgba(110, 145, 190, 0.16) !important; border-radius: 14px !important; box-shadow: 0 12px 32px rgba(0, 0, 0, 0.42), inset 0 1px 0 rgba(255, 255, 255, 0.05), inset 0 -40px 70px rgba(24, 49, 76, 0.10) !important; transition: transform 0.35s ease, border-color 0.35s ease, box-shadow 0.35s ease !important; } /* IMAGE WRAPPER */ .elementor-15 .elementor-element.elementor-element-1af1a1b .elementor-image-box-img { position: relative !important; overflow: hidden !important; margin: 0 0 18px 0 !important; border-radius: 11px !important; background: #0b111b !important; } /* IMAGE */ .elementor-15 .elementor-element.elementor-element-1af1a1b img { width: 100% !important; height: auto !important; display: block !important; border-radius: 11px !important; transition: transform 0.45s ease, filter 0.45s ease !important; } /* CONTENT */ .elementor-15 .elementor-element.elementor-element-1af1a1b .elementor-image-box-content { position: relative !important; z-index: 2 !important; padding: 0 0 4px !important; } /* TITLE */ .elementor-15 .elementor-element.elementor-element-1af1a1b .elementor-image-box-title { margin: 0 0 14px !important; color: #ffffff !important; font-size: 27px !important; font-weight: 700 !important; line-height: 1.15 !important; letter-spacing: -0.6px !important; } /* DESCRIPTION */ .elementor-15 .elementor-element.elementor-element-1af1a1b .elementor-image-box-description { margin: 0 !important; color: rgba(255, 255, 255, 0.70) !important; font-size: 18px !important; font-weight: 400 !important; line-height: 1.65 !important; } /* SOFT TOP SHINE */ .elementor-15 .elementor-element.elementor-element-1af1a1b::before { content: "" !important; position: absolute !important; top: 0 !important; left: 8% !important; width: 84% !important; height: 1px !important; background: linear-gradient( 90deg, transparent, rgba(96, 165, 250, 0.55), transparent ) !important; opacity: 0.65 !important; z-index: 3 !important; pointer-events: none !important; } /* SOFT BOTTOM GLOW */ .elementor-15 .elementor-element.elementor-element-1af1a1b::after { content: "" !important; position: absolute !important; left: -40px !important; bottom: -70px !important; width: 180px !important; height: 180px !important; background: rgba(56, 125, 190, 0.16) !important; border-radius: 50% !important; filter: blur(55px) !important; pointer-events: none !important; z-index: 0 !important; } /* HOVER */ .elementor-15 .elementor-element.elementor-element-1af1a1b:hover { transform: translateY(-6px) !important; border-color: rgba(96, 165, 250, 0.42) !important; box-shadow: 0 18px 42px rgba(0, 0, 0, 0.52), 0 0 24px rgba(56, 189, 248, 0.10), inset 0 1px 0 rgba(255, 255, 255, 0.07) !important; } .elementor-15 .elementor-element.elementor-element-1af1a1b:hover img { transform: scale(1.035) !important; filter: brightness(1.07) contrast(1.02) !important; } /* TABLET */ @media (max-width: 1024px) { .elementor-15 .elementor-element.elementor-element-1af1a1b .elementor-image-box-title { font-size: 24px !important; } .elementor-15 .elementor-element.elementor-element-1af1a1b .elementor-image-box-description { font-size: 17px !important; } } /* MOBILE */ @media (max-width: 767px) { .elementor-15 .elementor-element.elementor-element-1af1a1b { padding: 10px 10px 20px !important; border-radius: 13px !important; } .elementor-15 .elementor-element.elementor-element-1af1a1b .elementor-image-box-img, .elementor-15 .elementor-element.elementor-element-1af1a1b img { border-radius: 9px !important; } .elementor-15 .elementor-element.elementor-element-1af1a1b .elementor-image-box-title { font-size: 23px !important; margin-bottom: 10px !important; } .elementor-15 .elementor-element.elementor-element-1af1a1b .elementor-image-box-description { font-size: 16px !important; line-height: 1.6 !important; } .elementor-15 .elementor-element.elementor-element-1af1a1b:hover { transform: translateY(-3px) !important; } }/* End custom CSS */ /* Start custom CSS for image-box, class: .elementor-element-925df16 *//* ========================================= FIBO — PREMIUM IMAGE BOX SCREENSHOT STYLE DARK NAVY BACKGROUND ========================================= */ .elementor-15 .elementor-element.elementor-element-925df16 { position: relative !important; overflow: hidden !important; padding: 12px 12px 24px !important; background: radial-gradient( circle at 10% 100%, rgba(41, 72, 105, 0.38) 0%, rgba(22, 37, 57, 0.22) 25%, transparent 52% ), linear-gradient( 155deg, #151c28 0%, #101722 45%, #0a1019 100% ) !important; border: 1px solid rgba(110, 145, 190, 0.16) !important; border-radius: 14px !important; box-shadow: 0 12px 32px rgba(0, 0, 0, 0.42), inset 0 1px 0 rgba(255, 255, 255, 0.05), inset 0 -40px 70px rgba(24, 49, 76, 0.10) !important; transition: transform 0.35s ease, border-color 0.35s ease, box-shadow 0.35s ease !important; } /* IMAGE WRAPPER */ .elementor-15 .elementor-element.elementor-element-925df16 .elementor-image-box-img { position: relative !important; overflow: hidden !important; margin: 0 0 18px 0 !important; border-radius: 11px !important; background: #0b111b !important; } /* IMAGE */ .elementor-15 .elementor-element.elementor-element-925df16 img { width: 100% !important; height: auto !important; display: block !important; border-radius: 11px !important; transition: transform 0.45s ease, filter 0.45s ease !important; } /* CONTENT */ .elementor-15 .elementor-element.elementor-element-925df16 .elementor-image-box-content { position: relative !important; z-index: 2 !important; padding: 0 0 4px !important; } /* TITLE */ .elementor-15 .elementor-element.elementor-element-925df16 .elementor-image-box-title { margin: 0 0 14px !important; color: #ffffff !important; font-size: 27px !important; font-weight: 700 !important; line-height: 1.15 !important; letter-spacing: -0.6px !important; } /* DESCRIPTION */ .elementor-15 .elementor-element.elementor-element-925df16 .elementor-image-box-description { margin: 0 !important; color: rgba(255, 255, 255, 0.70) !important; font-size: 18px !important; font-weight: 400 !important; line-height: 1.65 !important; } /* SOFT TOP SHINE */ .elementor-15 .elementor-element.elementor-element-925df16::before { content: "" !important; position: absolute !important; top: 0 !important; left: 8% !important; width: 84% !important; height: 1px !important; background: linear-gradient( 90deg, transparent, rgba(96, 165, 250, 0.55), transparent ) !important; opacity: 0.65 !important; z-index: 3 !important; pointer-events: none !important; } /* SOFT BOTTOM GLOW */ .elementor-15 .elementor-element.elementor-element-925df16::after { content: "" !important; position: absolute !important; left: -40px !important; bottom: -70px !important; width: 180px !important; height: 180px !important; background: rgba(56, 125, 190, 0.16) !important; border-radius: 50% !important; filter: blur(55px) !important; pointer-events: none !important; z-index: 0 !important; } /* HOVER */ .elementor-15 .elementor-element.elementor-element-925df16:hover { transform: translateY(-6px) !important; border-color: rgba(96, 165, 250, 0.42) !important; box-shadow: 0 18px 42px rgba(0, 0, 0, 0.52), 0 0 24px rgba(56, 189, 248, 0.10), inset 0 1px 0 rgba(255, 255, 255, 0.07) !important; } .elementor-15 .elementor-element.elementor-element-925df16:hover img { transform: scale(1.035) !important; filter: brightness(1.07) contrast(1.02) !important; } /* TABLET */ @media (max-width: 1024px) { .elementor-15 .elementor-element.elementor-element-925df16 .elementor-image-box-title { font-size: 24px !important; } .elementor-15 .elementor-element.elementor-element-925df16 .elementor-image-box-description { font-size: 17px !important; } } /* MOBILE */ @media (max-width: 767px) { .elementor-15 .elementor-element.elementor-element-925df16 { padding: 10px 10px 20px !important; border-radius: 13px !important; } .elementor-15 .elementor-element.elementor-element-925df16 .elementor-image-box-img, .elementor-15 .elementor-element.elementor-element-925df16 img { border-radius: 9px !important; } .elementor-15 .elementor-element.elementor-element-925df16 .elementor-image-box-title { font-size: 23px !important; margin-bottom: 10px !important; } .elementor-15 .elementor-element.elementor-element-925df16 .elementor-image-box-description { font-size: 16px !important; line-height: 1.6 !important; } .elementor-15 .elementor-element.elementor-element-925df16:hover { transform: translateY(-3px) !important; } }/* End custom CSS */ /* Start custom CSS for image-box, class: .elementor-element-b68fe5f *//* ========================================= FIBO — PREMIUM IMAGE BOX SCREENSHOT STYLE DARK NAVY BACKGROUND ========================================= */ .elementor-15 .elementor-element.elementor-element-b68fe5f { position: relative !important; overflow: hidden !important; padding: 12px 12px 24px !important; background: radial-gradient( circle at 10% 100%, rgba(41, 72, 105, 0.38) 0%, rgba(22, 37, 57, 0.22) 25%, transparent 52% ), linear-gradient( 155deg, #151c28 0%, #101722 45%, #0a1019 100% ) !important; border: 1px solid rgba(110, 145, 190, 0.16) !important; border-radius: 14px !important; box-shadow: 0 12px 32px rgba(0, 0, 0, 0.42), inset 0 1px 0 rgba(255, 255, 255, 0.05), inset 0 -40px 70px rgba(24, 49, 76, 0.10) !important; transition: transform 0.35s ease, border-color 0.35s ease, box-shadow 0.35s ease !important; } /* IMAGE WRAPPER */ .elementor-15 .elementor-element.elementor-element-b68fe5f .elementor-image-box-img { position: relative !important; overflow: hidden !important; margin: 0 0 18px 0 !important; border-radius: 11px !important; background: #0b111b !important; } /* IMAGE */ .elementor-15 .elementor-element.elementor-element-b68fe5f img { width: 100% !important; height: auto !important; display: block !important; border-radius: 11px !important; transition: transform 0.45s ease, filter 0.45s ease !important; } /* CONTENT */ .elementor-15 .elementor-element.elementor-element-b68fe5f .elementor-image-box-content { position: relative !important; z-index: 2 !important; padding: 0 0 4px !important; } /* TITLE */ .elementor-15 .elementor-element.elementor-element-b68fe5f .elementor-image-box-title { margin: 0 0 14px !important; color: #ffffff !important; font-size: 27px !important; font-weight: 700 !important; line-height: 1.15 !important; letter-spacing: -0.6px !important; } /* DESCRIPTION */ .elementor-15 .elementor-element.elementor-element-b68fe5f .elementor-image-box-description { margin: 0 !important; color: rgba(255, 255, 255, 0.70) !important; font-size: 18px !important; font-weight: 400 !important; line-height: 1.65 !important; } /* SOFT TOP SHINE */ .elementor-15 .elementor-element.elementor-element-b68fe5f::before { content: "" !important; position: absolute !important; top: 0 !important; left: 8% !important; width: 84% !important; height: 1px !important; background: linear-gradient( 90deg, transparent, rgba(96, 165, 250, 0.55), transparent ) !important; opacity: 0.65 !important; z-index: 3 !important; pointer-events: none !important; } /* SOFT BOTTOM GLOW */ .elementor-15 .elementor-element.elementor-element-b68fe5f::after { content: "" !important; position: absolute !important; left: -40px !important; bottom: -70px !important; width: 180px !important; height: 180px !important; background: rgba(56, 125, 190, 0.16) !important; border-radius: 50% !important; filter: blur(55px) !important; pointer-events: none !important; z-index: 0 !important; } /* HOVER */ .elementor-15 .elementor-element.elementor-element-b68fe5f:hover { transform: translateY(-6px) !important; border-color: rgba(96, 165, 250, 0.42) !important; box-shadow: 0 18px 42px rgba(0, 0, 0, 0.52), 0 0 24px rgba(56, 189, 248, 0.10), inset 0 1px 0 rgba(255, 255, 255, 0.07) !important; } .elementor-15 .elementor-element.elementor-element-b68fe5f:hover img { transform: scale(1.035) !important; filter: brightness(1.07) contrast(1.02) !important; } /* TABLET */ @media (max-width: 1024px) { .elementor-15 .elementor-element.elementor-element-b68fe5f .elementor-image-box-title { font-size: 24px !important; } .elementor-15 .elementor-element.elementor-element-b68fe5f .elementor-image-box-description { font-size: 17px !important; } } /* MOBILE */ @media (max-width: 767px) { .elementor-15 .elementor-element.elementor-element-b68fe5f { padding: 10px 10px 20px !important; border-radius: 13px !important; } .elementor-15 .elementor-element.elementor-element-b68fe5f .elementor-image-box-img, .elementor-15 .elementor-element.elementor-element-b68fe5f img { border-radius: 9px !important; } .elementor-15 .elementor-element.elementor-element-b68fe5f .elementor-image-box-title { font-size: 23px !important; margin-bottom: 10px !important; } .elementor-15 .elementor-element.elementor-element-b68fe5f .elementor-image-box-description { font-size: 16px !important; line-height: 1.6 !important; } .elementor-15 .elementor-element.elementor-element-b68fe5f:hover { transform: translateY(-3px) !important; } }/* End custom CSS */ /* Start custom CSS for image-box, class: .elementor-element-40ca3ad *//* ========================================= FIBO — PREMIUM IMAGE BOX SCREENSHOT STYLE DARK NAVY BACKGROUND ========================================= */ .elementor-15 .elementor-element.elementor-element-40ca3ad { position: relative !important; overflow: hidden !important; padding: 12px 12px 24px !important; background: radial-gradient( circle at 10% 100%, rgba(41, 72, 105, 0.38) 0%, rgba(22, 37, 57, 0.22) 25%, transparent 52% ), linear-gradient( 155deg, #151c28 0%, #101722 45%, #0a1019 100% ) !important; border: 1px solid rgba(110, 145, 190, 0.16) !important; border-radius: 14px !important; box-shadow: 0 12px 32px rgba(0, 0, 0, 0.42), inset 0 1px 0 rgba(255, 255, 255, 0.05), inset 0 -40px 70px rgba(24, 49, 76, 0.10) !important; transition: transform 0.35s ease, border-color 0.35s ease, box-shadow 0.35s ease !important; } /* IMAGE WRAPPER */ .elementor-15 .elementor-element.elementor-element-40ca3ad .elementor-image-box-img { position: relative !important; overflow: hidden !important; margin: 0 0 18px 0 !important; border-radius: 11px !important; background: #0b111b !important; } /* IMAGE */ .elementor-15 .elementor-element.elementor-element-40ca3ad img { width: 100% !important; height: auto !important; display: block !important; border-radius: 11px !important; transition: transform 0.45s ease, filter 0.45s ease !important; } /* CONTENT */ .elementor-15 .elementor-element.elementor-element-40ca3ad .elementor-image-box-content { position: relative !important; z-index: 2 !important; padding: 0 0 4px !important; } /* TITLE */ .elementor-15 .elementor-element.elementor-element-40ca3ad .elementor-image-box-title { margin: 0 0 14px !important; color: #ffffff !important; font-size: 27px !important; font-weight: 700 !important; line-height: 1.15 !important; letter-spacing: -0.6px !important; } /* DESCRIPTION */ .elementor-15 .elementor-element.elementor-element-40ca3ad .elementor-image-box-description { margin: 0 !important; color: rgba(255, 255, 255, 0.70) !important; font-size: 18px !important; font-weight: 400 !important; line-height: 1.65 !important; } /* SOFT TOP SHINE */ .elementor-15 .elementor-element.elementor-element-40ca3ad::before { content: "" !important; position: absolute !important; top: 0 !important; left: 8% !important; width: 84% !important; height: 1px !important; background: linear-gradient( 90deg, transparent, rgba(96, 165, 250, 0.55), transparent ) !important; opacity: 0.65 !important; z-index: 3 !important; pointer-events: none !important; } /* SOFT BOTTOM GLOW */ .elementor-15 .elementor-element.elementor-element-40ca3ad::after { content: "" !important; position: absolute !important; left: -40px !important; bottom: -70px !important; width: 180px !important; height: 180px !important; background: rgba(56, 125, 190, 0.16) !important; border-radius: 50% !important; filter: blur(55px) !important; pointer-events: none !important; z-index: 0 !important; } /* HOVER */ .elementor-15 .elementor-element.elementor-element-40ca3ad:hover { transform: translateY(-6px) !important; border-color: rgba(96, 165, 250, 0.42) !important; box-shadow: 0 18px 42px rgba(0, 0, 0, 0.52), 0 0 24px rgba(56, 189, 248, 0.10), inset 0 1px 0 rgba(255, 255, 255, 0.07) !important; } .elementor-15 .elementor-element.elementor-element-40ca3ad:hover img { transform: scale(1.035) !important; filter: brightness(1.07) contrast(1.02) !important; } /* TABLET */ @media (max-width: 1024px) { .elementor-15 .elementor-element.elementor-element-40ca3ad .elementor-image-box-title { font-size: 24px !important; } .elementor-15 .elementor-element.elementor-element-40ca3ad .elementor-image-box-description { font-size: 17px !important; } } /* MOBILE */ @media (max-width: 767px) { .elementor-15 .elementor-element.elementor-element-40ca3ad { padding: 10px 10px 20px !important; border-radius: 13px !important; } .elementor-15 .elementor-element.elementor-element-40ca3ad .elementor-image-box-img, .elementor-15 .elementor-element.elementor-element-40ca3ad img { border-radius: 9px !important; } .elementor-15 .elementor-element.elementor-element-40ca3ad .elementor-image-box-title { font-size: 23px !important; margin-bottom: 10px !important; } .elementor-15 .elementor-element.elementor-element-40ca3ad .elementor-image-box-description { font-size: 16px !important; line-height: 1.6 !important; } .elementor-15 .elementor-element.elementor-element-40ca3ad:hover { transform: translateY(-3px) !important; } }/* End custom CSS */ /* Start custom CSS for html, class: .elementor-element-dc44fa7 *//* ========================================= FIBO — PREMIUM JOIN NOW BUTTON RESPONSIVE • WHITE PILL • BLACK ARROW BLUE GLOW • NO OVERFLOW ========================================= */ .join-register-btn { position: relative !important; display: flex !important; align-items: center !important; justify-content: flex-start !important; width: 400px !important; max-width: 100% !important; min-width: 0 !important; height: 62px !important; padding: 5px 7px 5px 25px !important; margin: 0 !important; box-sizing: border-box !important; background: #ffffff !important; color: #090909 !important; border: 1px solid rgba(255,255,255,0.9) !important; border-radius: 100px !important; text-decoration: none !important; font-family: Arial, Helvetica, sans-serif !important; box-shadow: 0 0 8px rgba(67,112,255,0.55), 0 0 22px rgba(67,112,255,0.32), 0 0 45px rgba(67,112,255,0.16), 0 8px 22px rgba(0,0,0,0.20) !important; overflow: hidden !important; cursor: pointer !important; transition: transform 0.35s cubic-bezier(.2,.8,.2,1), box-shadow 0.35s ease !important; } /* ========================================= SHINE ========================================= */ .join-register-btn::before { content: "" !important; position: absolute !important; top: 0 !important; left: -120% !important; width: 65% !important; height: 100% !important; background: linear-gradient( 105deg, transparent 0%, rgba(255,255,255,0.12) 45%, rgba(255,255,255,0.65) 50%, rgba(255,255,255,0.12) 55%, transparent 100% ) !important; transform: skewX(-20deg) !important; pointer-events: none !important; z-index: 1 !important; transition: left 0.7s ease !important; } /* ========================================= TEXT AREA ========================================= */ .join-register-text, .join-free, .join-old-price { position: relative !important; z-index: 2 !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: clip !important; line-height: 1 !important; flex-shrink: 1 !important; } /* ========================================= MAIN TEXT ========================================= */ .join-register-text { display: inline-block !important; margin: 0 !important; padding: 0 !important; font-family: Arial, Helvetica, sans-serif !important; font-size: 18px !important; font-weight: 700 !important; letter-spacing: -0.55px !important; color: #090909 !important; min-width: 0 !important; } /* ========================================= FREE ========================================= */ .join-free { display: inline-block !important; margin-left: 5px !important; padding: 0 !important; font-size: 18px !important; font-weight: 700 !important; color: #090909 !important; flex-shrink: 1 !important; } /* ========================================= OLD PRICE ========================================= */ .join-old-price { display: inline-block !important; margin-left: 12px !important; font-size: 12px !important; font-weight: 400 !important; color: #555555 !important; text-decoration: line-through !important; text-decoration-thickness: 1px !important; flex-shrink: 1 !important; } /* ========================================= ARROW ========================================= */ .join-arrow { position: relative !important; z-index: 3 !important; display: flex !important; align-items: center !important; justify-content: center !important; width: 48px !important; height: 48px !important; min-width: 48px !important; min-height: 48px !important; flex: 0 0 48px !important; margin-left: auto !important; background: #050505 !important; color: #ffffff !important; border: 1px solid rgba(255,255,255,0.08) !important; border-radius: 50% !important; box-shadow: 0 3px 8px rgba(0,0,0,0.25), inset 0 1px 1px rgba(255,255,255,0.08) !important; transition: transform 0.4s cubic-bezier(.2,.8,.2,1), box-shadow 0.3s ease !important; } /* ========================================= ARROW SVG ========================================= */ .join-arrow svg { display: block !important; width: 25px !important; height: 25px !important; min-width: 25px !important; min-height: 25px !important; margin: 0 !important; color: #ffffff !important; transition: transform 0.4s cubic-bezier(.2,.8,.2,1) !important; } /* ========================================= HOVER ========================================= */ .join-register-btn:hover { transform: translateY(-3px) !important; box-shadow: 0 0 10px rgba(67,112,255,0.70), 0 0 28px rgba(67,112,255,0.42), 0 0 55px rgba(67,112,255,0.20), 0 12px 30px rgba(0,0,0,0.22) !important; } .join-register-btn:hover::before { left: 140% !important; } .join-register-btn:hover .join-arrow { transform: translateX(4px) scale(1.08) !important; box-shadow: 0 6px 14px rgba(0,0,0,0.35), inset 0 1px 1px rgba(255,255,255,0.10) !important; } .join-register-btn:hover .join-arrow svg { transform: translateX(4px) !important; } /* ========================================= CLICK ========================================= */ .join-register-btn:active { transform: translateY(0) scale(0.985) !important; } .join-register-btn:active .join-arrow { transform: translateX(5px) scale(0.98) !important; } /* ========================================= TABLET 768px – 1024px ========================================= */ @media (min-width: 768px) and (max-width: 1024px) { .join-register-btn { width: min(380px, 100%) !important; height: 60px !important; padding: 5px 6px 5px 20px !important; } .join-register-text { font-size: 17px !important; letter-spacing: -0.5px !important; } .join-free { font-size: 17px !important; margin-left: 4px !important; } .join-old-price { font-size: 11px !important; margin-left: 9px !important; } .join-arrow { width: 46px !important; height: 46px !important; min-width: 46px !important; min-height: 46px !important; flex-basis: 46px !important; } .join-arrow svg { width: 24px !important; height: 24px !important; } } /* ========================================= MOBILE MAX 767px ========================================= */ @media (max-width: 767px) { .join-register-btn { width: 100% !important; max-width: 400px !important; min-width: 0 !important; height: 58px !important; padding: 5px 6px 5px 16px !important; } .join-register-text { font-size: 16px !important; letter-spacing: -0.4px !important; } .join-free { font-size: 16px !important; margin-left: 4px !important; } .join-old-price { font-size: 10px !important; margin-left: 7px !important; } .join-arrow { width: 46px !important; height: 46px !important; min-width: 46px !important; min-height: 46px !important; flex: 0 0 46px !important; } .join-arrow svg { width: 23px !important; height: 23px !important; } .join-register-btn:hover { transform: translateY(-2px) !important; } } /* ========================================= SMALL MOBILE MAX 480px ========================================= */ @media (max-width: 480px) { .join-register-btn { width: 100% !important; max-width: 100% !important; height: 56px !important; padding: 5px 5px 5px 13px !important; } .join-register-text { font-size: 14px !important; letter-spacing: -0.3px !important; } .join-free { font-size: 14px !important; margin-left: 3px !important; } .join-old-price { font-size: 9px !important; margin-left: 6px !important; } .join-arrow { width: 44px !important; height: 44px !important; min-width: 44px !important; min-height: 44px !important; flex: 0 0 44px !important; } .join-arrow svg { width: 22px !important; height: 22px !important; } .join-register-btn:hover .join-arrow { transform: translateX(3px) scale(1.05) !important; } .join-register-btn:hover .join-arrow svg { transform: translateX(3px) !important; } } /* ========================================= VERY SMALL MOBILE MAX 360px ========================================= */ @media (max-width: 360px) { .join-register-btn { height: 54px !important; padding-left: 10px !important; padding-right: 4px !important; } .join-register-text { font-size: 13px !important; letter-spacing: -0.25px !important; } .join-free { font-size: 13px !important; margin-left: 2px !important; } .join-old-price { font-size: 8px !important; margin-left: 5px !important; } .join-arrow { width: 42px !important; height: 42px !important; min-width: 42px !important; min-height: 42px !important; flex-basis: 42px !important; } .join-arrow svg { width: 21px !important; height: 21px !important; } } /* ========================================= ULTRA SMALL MAX 320px ========================================= */ @media (max-width: 320px) { .join-register-btn { height: 52px !important; padding-left: 8px !important; padding-right: 3px !important; } .join-register-text { font-size: 12px !important; letter-spacing: -0.2px !important; } .join-free { font-size: 12px !important; margin-left: 2px !important; } .join-old-price { font-size: 8px !important; margin-left: 3px !important; } .join-arrow { width: 40px !important; height: 40px !important; min-width: 40px !important; min-height: 40px !important; flex-basis: 40px !important; } .join-arrow svg { width: 20px !important; height: 20px !important; } } /* ========================================= TOUCH DEVICES REMOVE STICKY HOVER EFFECT ========================================= */ @media (hover: none) { .join-register-btn:hover { transform: none !important; } .join-register-btn:hover::before { left: -120% !important; } .join-register-btn:hover .join-arrow { transform: none !important; } .join-register-btn:hover .join-arrow svg { transform: none !important; } }/* End custom CSS */ /* Start custom CSS for heading, class: .elementor-element-e195461 */.elementor-15 .elementor-element.elementor-element-e195461 .elementor-heading-title { color: #8B919D !important; font-weight: 400 !important; line-height: 1.25 !important; margin: 0 !important; } .elementor-15 .elementor-element.elementor-element-e195461 .elementor-heading-title span { color: #FFFFFF !important; font-weight: 500 !important; }/* End custom CSS */ /* Start custom CSS for heading, class: .elementor-element-4952b1d */.elementor-15 .elementor-element.elementor-element-4952b1d .elementor-heading-title { color: #8B919D !important; font-weight: 400 !important; line-height: 1.25 !important; margin: 0 !important; } .elementor-15 .elementor-element.elementor-element-4952b1d .elementor-heading-title span { color: #FFFFFF !important; font-weight: 500 !important; }/* End custom CSS */ /* Start custom CSS for image-box, class: .elementor-element-7632558 *//* ========================================= PREMIUM IMAGE BOX DARK NAVY • BLUE GLOW • ROUNDED ELEMENTOR PRO DESKTOP • TABLET • MOBILE ========================================= */ .elementor-15 .elementor-element.elementor-element-7632558 { position: relative !important; display: block !important; width: 100% !important; max-width: 100% !important; margin: 0 !important; padding: 5px !important; box-sizing: border-box !important; overflow: hidden !important; background: radial-gradient( circle at 50% 100%, rgba(14, 165, 233, 0.35) 0%, rgba(14, 165, 233, 0.10) 38%, transparent 68% ), linear-gradient( 180deg, #020914 0%, #031525 55%, #062a45 100% ) !important; border: 2px solid rgba(148, 163, 184, 0.55) !important; border-radius: 20px !important; box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.03), 0 15px 40px rgba(0, 0, 0, 0.45), 0 0 35px rgba(14, 165, 233, 0.12) !important; transition: transform 0.35s ease, border-color 0.35s ease, box-shadow 0.35s ease !important; } /* ========================================= IMAGE CONTAINER ========================================= */ .elementor-15 .elementor-element.elementor-element-7632558 .elementor-widget-container { position: relative !important; z-index: 2 !important; width: 100% !important; height: 100% !important; overflow: hidden !important; border-radius: 14px !important; } /* ========================================= IMAGE ========================================= */ .elementor-15 .elementor-element.elementor-element-7632558 img { position: relative !important; z-index: 2 !important; display: block !important; width: 100% !important; max-width: 100% !important; height: auto !important; margin: 0 !important; object-fit: cover !important; object-position: center center !important; border: 0 !important; border-radius: 14px !important; transition: transform 0.55s ease, filter 0.4s ease !important; } /* ========================================= BOTTOM BLUE GLOW ========================================= */ .elementor-15 .elementor-element.elementor-element-7632558::after { content: "" !important; position: absolute !important; z-index: 1 !important; left: 8% !important; right: 8% !important; bottom: -25px !important; height: 70px !important; background: rgba(14, 165, 233, 0.42) !important; filter: blur(30px) !important; pointer-events: none !important; } /* ========================================= SOFT IMAGE OVERLAY ========================================= */ .elementor-15 .elementor-element.elementor-element-7632558 .elementor-widget-container::after { content: "" !important; position: absolute !important; z-index: 3 !important; inset: 0 !important; border-radius: inherit !important; background: linear-gradient( 180deg, transparent 60%, rgba(2, 9, 20, 0.16) 100% ) !important; pointer-events: none !important; } /* ========================================= HOVER EFFECT ========================================= */ .elementor-15 .elementor-element.elementor-element-7632558:hover { border-color: rgba(56, 189, 248, 0.8) !important; box-shadow: 0 18px 45px rgba(0, 0, 0, 0.50), 0 0 35px rgba(14, 165, 233, 0.22) !important; transform: translateY(-3px) !important; } .elementor-15 .elementor-element.elementor-element-7632558:hover img { transform: scale(1.025) !important; filter: brightness(1.03) saturate(1.04) !important; } /* ========================================= TABLET 768px – 1024px ========================================= */ @media (min-width: 768px) and (max-width: 1024px) { .elementor-15 .elementor-element.elementor-element-7632558 { padding: 4px !important; border-radius: 18px !important; border-width: 1.5px !important; } .elementor-15 .elementor-element.elementor-element-7632558 .elementor-widget-container, .elementor-15 .elementor-element.elementor-element-7632558 img { border-radius: 13px !important; } .elementor-15 .elementor-element.elementor-element-7632558:hover { transform: translateY(-2px) !important; } } /* ========================================= MOBILE MAX 767px ========================================= */ @media (max-width: 767px) { .elementor-15 .elementor-element.elementor-element-7632558 { width: 100% !important; padding: 4px !important; border-radius: 17px !important; border-width: 1.5px !important; box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.025), 0 12px 30px rgba(0, 0, 0, 0.42), 0 0 25px rgba(14, 165, 233, 0.10) !important; } .elementor-15 .elementor-element.elementor-element-7632558 .elementor-widget-container, .elementor-15 .elementor-element.elementor-element-7632558 img { border-radius: 12px !important; } .elementor-15 .elementor-element.elementor-element-7632558::after { left: 6% !important; right: 6% !important; bottom: -22px !important; height: 60px !important; filter: blur(26px) !important; } .elementor-15 .elementor-element.elementor-element-7632558:hover { transform: translateY(-2px) !important; border-color: rgba(56, 189, 248, 0.65) !important; } .elementor-15 .elementor-element.elementor-element-7632558:hover img { transform: scale(1.015) !important; } } /* ========================================= SMALL MOBILE MAX 480px ========================================= */ @media (max-width: 480px) { .elementor-15 .elementor-element.elementor-element-7632558 { padding: 3px !important; border-radius: 15px !important; border-width: 1px !important; box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.02), 0 10px 25px rgba(0, 0, 0, 0.40), 0 0 20px rgba(14, 165, 233, 0.08) !important; } .elementor-15 .elementor-element.elementor-element-7632558 .elementor-widget-container, .elementor-15 .elementor-element.elementor-element-7632558 img { border-radius: 11px !important; } .elementor-15 .elementor-element.elementor-element-7632558::after { bottom: -18px !important; height: 50px !important; filter: blur(22px) !important; } } /* ========================================= VERY SMALL MOBILE MAX 360px ========================================= */ @media (max-width: 360px) { .elementor-15 .elementor-element.elementor-element-7632558 { padding: 3px !important; border-radius: 14px !important; } .elementor-15 .elementor-element.elementor-element-7632558 .elementor-widget-container, .elementor-15 .elementor-element.elementor-element-7632558 img { border-radius: 10px !important; } } /* ========================================= TOUCH DEVICES PREVENT STUCK HOVER EFFECT ========================================= */ @media (hover: none) { .elementor-15 .elementor-element.elementor-element-7632558:hover { transform: none !important; } .elementor-15 .elementor-element.elementor-element-7632558:hover img { transform: none !important; filter: none !important; } }/* End custom CSS */ /* Start custom CSS for image-box, class: .elementor-element-71cee4e *//* ========================================= PREMIUM IMAGE BOX DARK NAVY • BLUE GLOW • ROUNDED ELEMENTOR PRO DESKTOP • TABLET • MOBILE ========================================= */ .elementor-15 .elementor-element.elementor-element-71cee4e { position: relative !important; display: block !important; width: 100% !important; max-width: 100% !important; margin: 0 !important; padding: 5px !important; box-sizing: border-box !important; overflow: hidden !important; background: radial-gradient( circle at 50% 100%, rgba(14, 165, 233, 0.35) 0%, rgba(14, 165, 233, 0.10) 38%, transparent 68% ), linear-gradient( 180deg, #020914 0%, #031525 55%, #062a45 100% ) !important; border: 2px solid rgba(148, 163, 184, 0.55) !important; border-radius: 20px !important; box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.03), 0 15px 40px rgba(0, 0, 0, 0.45), 0 0 35px rgba(14, 165, 233, 0.12) !important; transition: transform 0.35s ease, border-color 0.35s ease, box-shadow 0.35s ease !important; } /* ========================================= IMAGE CONTAINER ========================================= */ .elementor-15 .elementor-element.elementor-element-71cee4e .elementor-widget-container { position: relative !important; z-index: 2 !important; width: 100% !important; height: 100% !important; overflow: hidden !important; border-radius: 14px !important; } /* ========================================= IMAGE ========================================= */ .elementor-15 .elementor-element.elementor-element-71cee4e img { position: relative !important; z-index: 2 !important; display: block !important; width: 100% !important; max-width: 100% !important; height: auto !important; margin: 0 !important; object-fit: cover !important; object-position: center center !important; border: 0 !important; border-radius: 14px !important; transition: transform 0.55s ease, filter 0.4s ease !important; } /* ========================================= BOTTOM BLUE GLOW ========================================= */ .elementor-15 .elementor-element.elementor-element-71cee4e::after { content: "" !important; position: absolute !important; z-index: 1 !important; left: 8% !important; right: 8% !important; bottom: -25px !important; height: 70px !important; background: rgba(14, 165, 233, 0.42) !important; filter: blur(30px) !important; pointer-events: none !important; } /* ========================================= SOFT IMAGE OVERLAY ========================================= */ .elementor-15 .elementor-element.elementor-element-71cee4e .elementor-widget-container::after { content: "" !important; position: absolute !important; z-index: 3 !important; inset: 0 !important; border-radius: inherit !important; background: linear-gradient( 180deg, transparent 60%, rgba(2, 9, 20, 0.16) 100% ) !important; pointer-events: none !important; } /* ========================================= HOVER EFFECT ========================================= */ .elementor-15 .elementor-element.elementor-element-71cee4e:hover { border-color: rgba(56, 189, 248, 0.8) !important; box-shadow: 0 18px 45px rgba(0, 0, 0, 0.50), 0 0 35px rgba(14, 165, 233, 0.22) !important; transform: translateY(-3px) !important; } .elementor-15 .elementor-element.elementor-element-71cee4e:hover img { transform: scale(1.025) !important; filter: brightness(1.03) saturate(1.04) !important; } /* ========================================= TABLET 768px – 1024px ========================================= */ @media (min-width: 768px) and (max-width: 1024px) { .elementor-15 .elementor-element.elementor-element-71cee4e { padding: 4px !important; border-radius: 18px !important; border-width: 1.5px !important; } .elementor-15 .elementor-element.elementor-element-71cee4e .elementor-widget-container, .elementor-15 .elementor-element.elementor-element-71cee4e img { border-radius: 13px !important; } .elementor-15 .elementor-element.elementor-element-71cee4e:hover { transform: translateY(-2px) !important; } } /* ========================================= MOBILE MAX 767px ========================================= */ @media (max-width: 767px) { .elementor-15 .elementor-element.elementor-element-71cee4e { width: 100% !important; padding: 4px !important; border-radius: 17px !important; border-width: 1.5px !important; box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.025), 0 12px 30px rgba(0, 0, 0, 0.42), 0 0 25px rgba(14, 165, 233, 0.10) !important; } .elementor-15 .elementor-element.elementor-element-71cee4e .elementor-widget-container, .elementor-15 .elementor-element.elementor-element-71cee4e img { border-radius: 12px !important; } .elementor-15 .elementor-element.elementor-element-71cee4e::after { left: 6% !important; right: 6% !important; bottom: -22px !important; height: 60px !important; filter: blur(26px) !important; } .elementor-15 .elementor-element.elementor-element-71cee4e:hover { transform: translateY(-2px) !important; border-color: rgba(56, 189, 248, 0.65) !important; } .elementor-15 .elementor-element.elementor-element-71cee4e:hover img { transform: scale(1.015) !important; } } /* ========================================= SMALL MOBILE MAX 480px ========================================= */ @media (max-width: 480px) { .elementor-15 .elementor-element.elementor-element-71cee4e { padding: 3px !important; border-radius: 15px !important; border-width: 1px !important; box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.02), 0 10px 25px rgba(0, 0, 0, 0.40), 0 0 20px rgba(14, 165, 233, 0.08) !important; } .elementor-15 .elementor-element.elementor-element-71cee4e .elementor-widget-container, .elementor-15 .elementor-element.elementor-element-71cee4e img { border-radius: 11px !important; } .elementor-15 .elementor-element.elementor-element-71cee4e::after { bottom: -18px !important; height: 50px !important; filter: blur(22px) !important; } } /* ========================================= VERY SMALL MOBILE MAX 360px ========================================= */ @media (max-width: 360px) { .elementor-15 .elementor-element.elementor-element-71cee4e { padding: 3px !important; border-radius: 14px !important; } .elementor-15 .elementor-element.elementor-element-71cee4e .elementor-widget-container, .elementor-15 .elementor-element.elementor-element-71cee4e img { border-radius: 10px !important; } } /* ========================================= TOUCH DEVICES PREVENT STUCK HOVER EFFECT ========================================= */ @media (hover: none) { .elementor-15 .elementor-element.elementor-element-71cee4e:hover { transform: none !important; } .elementor-15 .elementor-element.elementor-element-71cee4e:hover img { transform: none !important; filter: none !important; } }/* End custom CSS */ /* Start custom CSS for image-box, class: .elementor-element-885f42d *//* ========================================= PREMIUM IMAGE BOX DARK NAVY • BLUE GLOW • ROUNDED ELEMENTOR PRO DESKTOP • TABLET • MOBILE ========================================= */ .elementor-15 .elementor-element.elementor-element-885f42d { position: relative !important; display: block !important; width: 100% !important; max-width: 100% !important; margin: 0 !important; padding: 5px !important; box-sizing: border-box !important; overflow: hidden !important; background: radial-gradient( circle at 50% 100%, rgba(14, 165, 233, 0.35) 0%, rgba(14, 165, 233, 0.10) 38%, transparent 68% ), linear-gradient( 180deg, #020914 0%, #031525 55%, #062a45 100% ) !important; border: 2px solid rgba(148, 163, 184, 0.55) !important; border-radius: 20px !important; box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.03), 0 15px 40px rgba(0, 0, 0, 0.45), 0 0 35px rgba(14, 165, 233, 0.12) !important; transition: transform 0.35s ease, border-color 0.35s ease, box-shadow 0.35s ease !important; } /* ========================================= IMAGE CONTAINER ========================================= */ .elementor-15 .elementor-element.elementor-element-885f42d .elementor-widget-container { position: relative !important; z-index: 2 !important; width: 100% !important; height: 100% !important; overflow: hidden !important; border-radius: 14px !important; } /* ========================================= IMAGE ========================================= */ .elementor-15 .elementor-element.elementor-element-885f42d img { position: relative !important; z-index: 2 !important; display: block !important; width: 100% !important; max-width: 100% !important; height: auto !important; margin: 0 !important; object-fit: cover !important; object-position: center center !important; border: 0 !important; border-radius: 14px !important; transition: transform 0.55s ease, filter 0.4s ease !important; } /* ========================================= BOTTOM BLUE GLOW ========================================= */ .elementor-15 .elementor-element.elementor-element-885f42d::after { content: "" !important; position: absolute !important; z-index: 1 !important; left: 8% !important; right: 8% !important; bottom: -25px !important; height: 70px !important; background: rgba(14, 165, 233, 0.42) !important; filter: blur(30px) !important; pointer-events: none !important; } /* ========================================= SOFT IMAGE OVERLAY ========================================= */ .elementor-15 .elementor-element.elementor-element-885f42d .elementor-widget-container::after { content: "" !important; position: absolute !important; z-index: 3 !important; inset: 0 !important; border-radius: inherit !important; background: linear-gradient( 180deg, transparent 60%, rgba(2, 9, 20, 0.16) 100% ) !important; pointer-events: none !important; } /* ========================================= HOVER EFFECT ========================================= */ .elementor-15 .elementor-element.elementor-element-885f42d:hover { border-color: rgba(56, 189, 248, 0.8) !important; box-shadow: 0 18px 45px rgba(0, 0, 0, 0.50), 0 0 35px rgba(14, 165, 233, 0.22) !important; transform: translateY(-3px) !important; } .elementor-15 .elementor-element.elementor-element-885f42d:hover img { transform: scale(1.025) !important; filter: brightness(1.03) saturate(1.04) !important; } /* ========================================= TABLET 768px – 1024px ========================================= */ @media (min-width: 768px) and (max-width: 1024px) { .elementor-15 .elementor-element.elementor-element-885f42d { padding: 4px !important; border-radius: 18px !important; border-width: 1.5px !important; } .elementor-15 .elementor-element.elementor-element-885f42d .elementor-widget-container, .elementor-15 .elementor-element.elementor-element-885f42d img { border-radius: 13px !important; } .elementor-15 .elementor-element.elementor-element-885f42d:hover { transform: translateY(-2px) !important; } } /* ========================================= MOBILE MAX 767px ========================================= */ @media (max-width: 767px) { .elementor-15 .elementor-element.elementor-element-885f42d { width: 100% !important; padding: 4px !important; border-radius: 17px !important; border-width: 1.5px !important; box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.025), 0 12px 30px rgba(0, 0, 0, 0.42), 0 0 25px rgba(14, 165, 233, 0.10) !important; } .elementor-15 .elementor-element.elementor-element-885f42d .elementor-widget-container, .elementor-15 .elementor-element.elementor-element-885f42d img { border-radius: 12px !important; } .elementor-15 .elementor-element.elementor-element-885f42d::after { left: 6% !important; right: 6% !important; bottom: -22px !important; height: 60px !important; filter: blur(26px) !important; } .elementor-15 .elementor-element.elementor-element-885f42d:hover { transform: translateY(-2px) !important; border-color: rgba(56, 189, 248, 0.65) !important; } .elementor-15 .elementor-element.elementor-element-885f42d:hover img { transform: scale(1.015) !important; } } /* ========================================= SMALL MOBILE MAX 480px ========================================= */ @media (max-width: 480px) { .elementor-15 .elementor-element.elementor-element-885f42d { padding: 3px !important; border-radius: 15px !important; border-width: 1px !important; box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.02), 0 10px 25px rgba(0, 0, 0, 0.40), 0 0 20px rgba(14, 165, 233, 0.08) !important; } .elementor-15 .elementor-element.elementor-element-885f42d .elementor-widget-container, .elementor-15 .elementor-element.elementor-element-885f42d img { border-radius: 11px !important; } .elementor-15 .elementor-element.elementor-element-885f42d::after { bottom: -18px !important; height: 50px !important; filter: blur(22px) !important; } } /* ========================================= VERY SMALL MOBILE MAX 360px ========================================= */ @media (max-width: 360px) { .elementor-15 .elementor-element.elementor-element-885f42d { padding: 3px !important; border-radius: 14px !important; } .elementor-15 .elementor-element.elementor-element-885f42d .elementor-widget-container, .elementor-15 .elementor-element.elementor-element-885f42d img { border-radius: 10px !important; } } /* ========================================= TOUCH DEVICES PREVENT STUCK HOVER EFFECT ========================================= */ @media (hover: none) { .elementor-15 .elementor-element.elementor-element-885f42d:hover { transform: none !important; } .elementor-15 .elementor-element.elementor-element-885f42d:hover img { transform: none !important; filter: none !important; } }/* End custom CSS */ /* Start custom CSS for html, class: .elementor-element-ac97eda *//* ========================================= FIBO — PREMIUM JOIN NOW BUTTON RESPONSIVE • WHITE PILL • BLACK ARROW BLUE GLOW • NO OVERFLOW ========================================= */ .join-register-btn { position: relative !important; display: flex !important; align-items: center !important; justify-content: flex-start !important; width: 400px !important; max-width: 100% !important; min-width: 0 !important; height: 62px !important; padding: 5px 7px 5px 25px !important; margin: 0 !important; box-sizing: border-box !important; background: #ffffff !important; color: #090909 !important; border: 1px solid rgba(255,255,255,0.9) !important; border-radius: 100px !important; text-decoration: none !important; font-family: Arial, Helvetica, sans-serif !important; box-shadow: 0 0 8px rgba(67,112,255,0.55), 0 0 22px rgba(67,112,255,0.32), 0 0 45px rgba(67,112,255,0.16), 0 8px 22px rgba(0,0,0,0.20) !important; overflow: hidden !important; cursor: pointer !important; transition: transform 0.35s cubic-bezier(.2,.8,.2,1), box-shadow 0.35s ease !important; } /* ========================================= SHINE ========================================= */ .join-register-btn::before { content: "" !important; position: absolute !important; top: 0 !important; left: -120% !important; width: 65% !important; height: 100% !important; background: linear-gradient( 105deg, transparent 0%, rgba(255,255,255,0.12) 45%, rgba(255,255,255,0.65) 50%, rgba(255,255,255,0.12) 55%, transparent 100% ) !important; transform: skewX(-20deg) !important; pointer-events: none !important; z-index: 1 !important; transition: left 0.7s ease !important; } /* ========================================= TEXT AREA ========================================= */ .join-register-text, .join-free, .join-old-price { position: relative !important; z-index: 2 !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: clip !important; line-height: 1 !important; flex-shrink: 1 !important; } /* ========================================= MAIN TEXT ========================================= */ .join-register-text { display: inline-block !important; margin: 0 !important; padding: 0 !important; font-family: Arial, Helvetica, sans-serif !important; font-size: 18px !important; font-weight: 700 !important; letter-spacing: -0.55px !important; color: #090909 !important; min-width: 0 !important; } /* ========================================= FREE ========================================= */ .join-free { display: inline-block !important; margin-left: 5px !important; padding: 0 !important; font-size: 18px !important; font-weight: 700 !important; color: #090909 !important; flex-shrink: 1 !important; } /* ========================================= OLD PRICE ========================================= */ .join-old-price { display: inline-block !important; margin-left: 12px !important; font-size: 12px !important; font-weight: 400 !important; color: #555555 !important; text-decoration: line-through !important; text-decoration-thickness: 1px !important; flex-shrink: 1 !important; } /* ========================================= ARROW ========================================= */ .join-arrow { position: relative !important; z-index: 3 !important; display: flex !important; align-items: center !important; justify-content: center !important; width: 48px !important; height: 48px !important; min-width: 48px !important; min-height: 48px !important; flex: 0 0 48px !important; margin-left: auto !important; background: #050505 !important; color: #ffffff !important; border: 1px solid rgba(255,255,255,0.08) !important; border-radius: 50% !important; box-shadow: 0 3px 8px rgba(0,0,0,0.25), inset 0 1px 1px rgba(255,255,255,0.08) !important; transition: transform 0.4s cubic-bezier(.2,.8,.2,1), box-shadow 0.3s ease !important; } /* ========================================= ARROW SVG ========================================= */ .join-arrow svg { display: block !important; width: 25px !important; height: 25px !important; min-width: 25px !important; min-height: 25px !important; margin: 0 !important; color: #ffffff !important; transition: transform 0.4s cubic-bezier(.2,.8,.2,1) !important; } /* ========================================= HOVER ========================================= */ .join-register-btn:hover { transform: translateY(-3px) !important; box-shadow: 0 0 10px rgba(67,112,255,0.70), 0 0 28px rgba(67,112,255,0.42), 0 0 55px rgba(67,112,255,0.20), 0 12px 30px rgba(0,0,0,0.22) !important; } .join-register-btn:hover::before { left: 140% !important; } .join-register-btn:hover .join-arrow { transform: translateX(4px) scale(1.08) !important; box-shadow: 0 6px 14px rgba(0,0,0,0.35), inset 0 1px 1px rgba(255,255,255,0.10) !important; } .join-register-btn:hover .join-arrow svg { transform: translateX(4px) !important; } /* ========================================= CLICK ========================================= */ .join-register-btn:active { transform: translateY(0) scale(0.985) !important; } .join-register-btn:active .join-arrow { transform: translateX(5px) scale(0.98) !important; } /* ========================================= TABLET 768px – 1024px ========================================= */ @media (min-width: 768px) and (max-width: 1024px) { .join-register-btn { width: min(380px, 100%) !important; height: 60px !important; padding: 5px 6px 5px 20px !important; } .join-register-text { font-size: 17px !important; letter-spacing: -0.5px !important; } .join-free { font-size: 17px !important; margin-left: 4px !important; } .join-old-price { font-size: 11px !important; margin-left: 9px !important; } .join-arrow { width: 46px !important; height: 46px !important; min-width: 46px !important; min-height: 46px !important; flex-basis: 46px !important; } .join-arrow svg { width: 24px !important; height: 24px !important; } } /* ========================================= MOBILE MAX 767px ========================================= */ @media (max-width: 767px) { .join-register-btn { width: 100% !important; max-width: 400px !important; min-width: 0 !important; height: 58px !important; padding: 5px 6px 5px 16px !important; } .join-register-text { font-size: 16px !important; letter-spacing: -0.4px !important; } .join-free { font-size: 16px !important; margin-left: 4px !important; } .join-old-price { font-size: 10px !important; margin-left: 7px !important; } .join-arrow { width: 46px !important; height: 46px !important; min-width: 46px !important; min-height: 46px !important; flex: 0 0 46px !important; } .join-arrow svg { width: 23px !important; height: 23px !important; } .join-register-btn:hover { transform: translateY(-2px) !important; } } /* ========================================= SMALL MOBILE MAX 480px ========================================= */ @media (max-width: 480px) { .join-register-btn { width: 100% !important; max-width: 100% !important; height: 56px !important; padding: 5px 5px 5px 13px !important; } .join-register-text { font-size: 14px !important; letter-spacing: -0.3px !important; } .join-free { font-size: 14px !important; margin-left: 3px !important; } .join-old-price { font-size: 9px !important; margin-left: 6px !important; } .join-arrow { width: 44px !important; height: 44px !important; min-width: 44px !important; min-height: 44px !important; flex: 0 0 44px !important; } .join-arrow svg { width: 22px !important; height: 22px !important; } .join-register-btn:hover .join-arrow { transform: translateX(3px) scale(1.05) !important; } .join-register-btn:hover .join-arrow svg { transform: translateX(3px) !important; } } /* ========================================= VERY SMALL MOBILE MAX 360px ========================================= */ @media (max-width: 360px) { .join-register-btn { height: 54px !important; padding-left: 10px !important; padding-right: 4px !important; } .join-register-text { font-size: 13px !important; letter-spacing: -0.25px !important; } .join-free { font-size: 13px !important; margin-left: 2px !important; } .join-old-price { font-size: 8px !important; margin-left: 5px !important; } .join-arrow { width: 42px !important; height: 42px !important; min-width: 42px !important; min-height: 42px !important; flex-basis: 42px !important; } .join-arrow svg { width: 21px !important; height: 21px !important; } } /* ========================================= ULTRA SMALL MAX 320px ========================================= */ @media (max-width: 320px) { .join-register-btn { height: 52px !important; padding-left: 8px !important; padding-right: 3px !important; } .join-register-text { font-size: 12px !important; letter-spacing: -0.2px !important; } .join-free { font-size: 12px !important; margin-left: 2px !important; } .join-old-price { font-size: 8px !important; margin-left: 3px !important; } .join-arrow { width: 40px !important; height: 40px !important; min-width: 40px !important; min-height: 40px !important; flex-basis: 40px !important; } .join-arrow svg { width: 20px !important; height: 20px !important; } } /* ========================================= TOUCH DEVICES REMOVE STICKY HOVER EFFECT ========================================= */ @media (hover: none) { .join-register-btn:hover { transform: none !important; } .join-register-btn:hover::before { left: -120% !important; } .join-register-btn:hover .join-arrow { transform: none !important; } .join-register-btn:hover .join-arrow svg { transform: none !important; } }/* End custom CSS */ /* Start custom CSS for heading, class: .elementor-element-46cfa80 */.elementor-15 .elementor-element.elementor-element-46cfa80 .elementor-heading-title { color: #8B919D !important; font-weight: 400 !important; line-height: 1.25 !important; margin: 0 !important; } .elementor-15 .elementor-element.elementor-element-46cfa80 .elementor-heading-title span { color: #FFFFFF !important; font-weight: 500 !important; }/* End custom CSS */ /* Start custom CSS for text-editor, class: .elementor-element-6d87712 *//* ========================================= TEXT EDITOR GRADIENT BACKGROUND ELEMENTOR PRO CUSTOM CSS ========================================= */ .elementor-15 .elementor-element.elementor-element-6d87712 { display: inline-block !important; width: fit-content !important; max-width: 100% !important; margin: 0 !important; padding: 11px 16px !important; background: linear-gradient( 110deg, #36a8ff 0%, #389fe8 38%, #44b9b5 100% ) !important; border: 1px solid rgba(255, 255, 255, 0.12) !important; border-radius: 6px !important; box-shadow: 0 8px 20px rgba(33, 150, 243, 0.18), inset 0 1px 0 rgba(255, 255, 255, 0.14) !important; box-sizing: border-box !important; } /* REMOVE DEFAULT TEXT SPACING */ .elementor-15 .elementor-element.elementor-element-6d87712 .elementor-widget-container { margin: 0 !important; padding: 0 !important; } /* TEXT STYLE */ .elementor-15 .elementor-element.elementor-element-6d87712 .elementor-text-editor, .elementor-15 .elementor-element.elementor-element-6d87712 .elementor-widget-container, .elementor-15 .elementor-element.elementor-element-6d87712 p { color: #ffffff !important; font-size: 20px !important; font-weight: 700 !important; line-height: 1.18 !important; letter-spacing: -0.2px !important; text-transform: uppercase !important; } /* REMOVE PARAGRAPH DEFAULT MARGIN */ .elementor-15 .elementor-element.elementor-element-6d87712 p { margin: 0 !important; } /* TABLET */ @media (max-width: 1024px) { .elementor-15 .elementor-element.elementor-element-6d87712 { padding: 10px 15px !important; } .elementor-15 .elementor-element.elementor-element-6d87712 .elementor-text-editor, .elementor-15 .elementor-element.elementor-element-6d87712 .elementor-widget-container, .elementor-15 .elementor-element.elementor-element-6d87712 p { font-size: 18px !important; } } /* MOBILE */ @media (max-width: 767px) { .elementor-15 .elementor-element.elementor-element-6d87712 { padding: 9px 13px !important; border-radius: 6px !important; } .elementor-15 .elementor-element.elementor-element-6d87712 .elementor-text-editor, .elementor-15 .elementor-element.elementor-element-6d87712 .elementor-widget-container, .elementor-15 .elementor-element.elementor-element-6d87712 p { font-size: 16px !important; line-height: 1.2 !important; } }/* End custom CSS */ /* Start custom CSS for image, class: .elementor-element-2cefeee *//* ===================================================== ELEMENTOR PRO IMAGE SIZE CONTROL FROM ELEMENTOR • MOVING SHINE BORDER DESKTOP • TABLET • MOBILE ===================================================== */ /* MAIN IMAGE WIDGET */ .elementor-15 .elementor-element.elementor-element-2cefeee { position: relative !important; z-index: 1 !important; /* Size controlled by Elementor */ width: var(--container-widget-width, 100%) !important; max-width: 100% !important; min-width: 0 !important; align-self: var( --container-widget-align-self, initial ) !important; margin: 0 !important; padding: 3px !important; box-sizing: border-box !important; overflow: hidden !important; border: none !important; border-radius: 20px !important; background: linear-gradient( 120deg, #0369a1 0%, #38bdf8 18%, #ffffff 38%, #7dd3fc 52%, #2563eb 72%, #38bdf8 88%, #0369a1 100% ) !important; background-size: 300% 100% !important; box-shadow: 0 0 10px rgba(56, 189, 248, 0.45), 0 0 24px rgba(37, 99, 235, 0.28), 0 8px 30px rgba(2, 11, 24, 0.22) !important; animation: premiumImageShine 4s linear infinite !important; transition: transform 0.4s ease, box-shadow 0.4s ease !important; } /* ELEMENTOR IMAGE CONTAINER */ .elementor-15 .elementor-element.elementor-element-2cefeee > .elementor-widget-container { position: relative !important; width: 100% !important; max-width: 100% !important; margin: 0 !important; padding: 0 !important; overflow: hidden !important; box-sizing: border-box !important; background: #020b18 !important; border-radius: 17px !important; } /* IMAGE WRAPPER */ .elementor-15 .elementor-element.elementor-element-2cefeee .elementor-image, .elementor-15 .elementor-element.elementor-element-2cefeee .elementor-image-box-wrapper, .elementor-15 .elementor-element.elementor-element-2cefeee figure { display: block !important; width: 100% !important; max-width: 100% !important; margin: 0 !important; padding: 0 !important; overflow: hidden !important; border-radius: 17px !important; } /* IMAGE LINK */ .elementor-15 .elementor-element.elementor-element-2cefeee a { display: block !important; width: 100% !important; max-width: 100% !important; margin: 0 !important; padding: 0 !important; line-height: 0 !important; overflow: hidden !important; border-radius: 17px !important; } /* ACTUAL IMAGE */ .elementor-15 .elementor-element.elementor-element-2cefeee img { display: block !important; width: 100% !important; max-width: 100% !important; height: auto !important; margin: 0 !important; padding: 0 !important; border: 0 !important; outline: 0 !important; border-radius: 17px !important; object-fit: cover !important; object-position: center center !important; transition: transform 0.5s cubic-bezier(0.22, 1, 0.36, 1), filter 0.5s ease !important; } /* PREMIUM INNER LIGHT */ .elementor-15 .elementor-element.elementor-element-2cefeee > .elementor-widget-container::after { content: "" !important; position: absolute !important; inset: 0 !important; z-index: 2 !important; border-radius: inherit !important; pointer-events: none !important; box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.16), inset 0 0 18px rgba(56, 189, 248, 0.08) !important; } /* DESKTOP HOVER */ @media (hover: hover) { .elementor-15 .elementor-element.elementor-element-2cefeee:hover { transform: translateY(-3px) !important; box-shadow: 0 0 16px rgba(56, 189, 248, 0.62), 0 0 35px rgba(37, 99, 235, 0.34), 0 14px 38px rgba(2, 11, 24, 0.28) !important; } .elementor-15 .elementor-element.elementor-element-2cefeee:hover img { transform: scale(1.03) !important; filter: brightness(1.05) contrast(1.03) !important; } } /* BORDER ANIMATION */ @keyframes premiumImageShine { 0% { background-position: 0% 50%; } 100% { background-position: 300% 50%; } } /* TABLET */ @media (max-width: 1024px) { .elementor-15 .elementor-element.elementor-element-2cefeee { padding: 3px !important; border-radius: 18px !important; } .elementor-15 .elementor-element.elementor-element-2cefeee > .elementor-widget-container, .elementor-15 .elementor-element.elementor-element-2cefeee .elementor-image, .elementor-15 .elementor-element.elementor-element-2cefeee .elementor-image-box-wrapper, .elementor-15 .elementor-element.elementor-element-2cefeee figure, .elementor-15 .elementor-element.elementor-element-2cefeee a, .elementor-15 .elementor-element.elementor-element-2cefeee img { border-radius: 15px !important; } } /* MOBILE */ @media (max-width: 767px) { .elementor-15 .elementor-element.elementor-element-2cefeee { width: var(--container-widget-width, 100%) !important; max-width: 100% !important; padding: 2px !important; border-radius: 15px !important; box-shadow: 0 0 8px rgba(56, 189, 248, 0.42), 0 0 17px rgba(37, 99, 235, 0.22) !important; } .elementor-15 .elementor-element.elementor-element-2cefeee > .elementor-widget-container, .elementor-15 .elementor-element.elementor-element-2cefeee .elementor-image, .elementor-15 .elementor-element.elementor-element-2cefeee .elementor-image-box-wrapper, .elementor-15 .elementor-element.elementor-element-2cefeee figure, .elementor-15 .elementor-element.elementor-element-2cefeee a, .elementor-15 .elementor-element.elementor-element-2cefeee img { border-radius: 13px !important; } .elementor-15 .elementor-element.elementor-element-2cefeee:hover { transform: none !important; } .elementor-15 .elementor-element.elementor-element-2cefeee:hover img { transform: none !important; filter: none !important; } } /* ACCESSIBILITY */ @media (prefers-reduced-motion: reduce) { .elementor-15 .elementor-element.elementor-element-2cefeee { animation: none !important; background-position: center center !important; transition: none !important; } .elementor-15 .elementor-element.elementor-element-2cefeee img { transition: none !important; } }/* End custom CSS */ /* Start custom CSS for image-box, class: .elementor-element-d52a5fb *//* ===================================================== PREMIUM SEBI IMAGE BOX DARK GLASS • ANIMATED BLUE BORDER • SOFT GLOW DESKTOP + TABLET + MOBILE ===================================================== */ .elementor-15 .elementor-element.elementor-element-d52a5fb { position: relative !important; width: 100% !important; box-sizing: border-box !important; } /* RESET */ .elementor-15 .elementor-element.elementor-element-d52a5fb *, .elementor-15 .elementor-element.elementor-element-d52a5fb *::before, .elementor-15 .elementor-element.elementor-element-d52a5fb *::after { box-sizing: border-box !important; } /* MAIN IMAGE BOX */ .elementor-15 .elementor-element.elementor-element-d52a5fb .elementor-image-box-wrapper { position: relative !important; isolation: isolate !important; display: flex !important; flex-direction: row !important; align-items: center !important; justify-content: flex-start !important; gap: 20px !important; width: 100% !important; min-height: 118px !important; margin: 0 !important; padding: 18px 24px 18px 14px !important; background: radial-gradient( circle at 5% 50%, rgba(56, 189, 248, 0.12), transparent 38% ), linear-gradient( 135deg, rgba(30, 41, 59, 0.98), rgba(15, 23, 42, 0.98) ) !important; border: 1px solid rgba(125, 211, 252, 0.25) !important; border-left: 3px solid #38bdf8 !important; border-radius: 4px 18px 18px 4px !important; box-shadow: 0 14px 35px rgba(0, 0, 0, 0.32), 0 0 22px rgba(56, 189, 248, 0.07), inset 0 1px 0 rgba(255, 255, 255, 0.06) !important; overflow: hidden !important; transition: transform 0.4s cubic-bezier(0.22, 1, 0.36, 1), border-color 0.4s ease, box-shadow 0.4s ease, background 0.4s ease !important; } /* MOVING SHINE EFFECT */ .elementor-15 .elementor-element.elementor-element-d52a5fb .elementor-image-box-wrapper::before { content: "" !important; position: absolute !important; z-index: -1 !important; top: -70% !important; left: -35% !important; width: 22% !important; height: 240% !important; background: linear-gradient( 90deg, transparent, rgba(255, 255, 255, 0.16), rgba(56, 189, 248, 0.22), transparent ) !important; transform: rotate(20deg) !important; animation: sebiShine 5s ease-in-out infinite !important; pointer-events: none !important; } /* BOTTOM GLOW */ .elementor-15 .elementor-element.elementor-element-d52a5fb .elementor-image-box-wrapper::after { content: "" !important; position: absolute !important; z-index: -1 !important; left: 12% !important; right: 12% !important; bottom: -28px !important; height: 42px !important; background: rgba(37, 99, 235, 0.32) !important; filter: blur(28px) !important; opacity: 0.5 !important; transition: opacity 0.4s ease, transform 0.4s ease !important; pointer-events: none !important; } /* IMAGE AREA */ .elementor-15 .elementor-element.elementor-element-d52a5fb .elementor-image-box-img { position: relative !important; z-index: 2 !important; flex: 0 0 82px !important; width: 82px !important; min-width: 82px !important; height: 82px !important; display: flex !important; align-items: center !important; justify-content: center !important; margin: 0 !important; padding: 7px !important; background: linear-gradient( 145deg, rgba(255, 255, 255, 0.12), rgba(56, 189, 248, 0.04) ) !important; border: 1px solid rgba(125, 211, 252, 0.22) !important; border-radius: 16px !important; box-shadow: 0 8px 20px rgba(0, 0, 0, 0.25), inset 0 1px 0 rgba(255, 255, 255, 0.1) !important; overflow: hidden !important; transition: transform 0.4s cubic-bezier(0.22, 1, 0.36, 1), border-color 0.4s ease, box-shadow 0.4s ease !important; } /* IMAGE */ .elementor-15 .elementor-element.elementor-element-d52a5fb .elementor-image-box-img img { display: block !important; width: 100% !important; height: 100% !important; max-width: none !important; margin: 0 !important; padding: 0 !important; object-fit: contain !important; object-position: center !important; border-radius: 11px !important; filter: drop-shadow(0 7px 12px rgba(0, 0, 0, 0.38)) !important; transition: transform 0.4s cubic-bezier(0.22, 1, 0.36, 1), filter 0.4s ease !important; } /* TEXT CONTENT */ .elementor-15 .elementor-element.elementor-element-d52a5fb .elementor-image-box-content { position: relative !important; z-index: 2 !important; flex: 1 1 auto !important; width: auto !important; min-width: 0 !important; margin: 0 !important; padding: 0 !important; text-align: left !important; } /* TITLE */ .elementor-15 .elementor-element.elementor-element-d52a5fb .elementor-image-box-title { margin: 0 !important; padding: 0 !important; color: #ffffff !important; font-family: "Poppins", Arial, sans-serif !important; font-size: clamp(17px, 1.4vw, 21px) !important; font-weight: 600 !important; line-height: 1.3 !important; letter-spacing: -0.3px !important; overflow-wrap: anywhere !important; text-shadow: 0 2px 10px rgba(0, 0, 0, 0.3) !important; transition: color 0.35s ease, transform 0.35s ease !important; } /* TITLE LINK */ .elementor-15 .elementor-element.elementor-element-d52a5fb .elementor-image-box-title a { color: inherit !important; text-decoration: none !important; } /* DESCRIPTION */ .elementor-15 .elementor-element.elementor-element-d52a5fb .elementor-image-box-description { margin: 7px 0 0 !important; padding: 0 !important; color: #b8c5d8 !important; font-family: "Poppins", Arial, sans-serif !important; font-size: 14px !important; font-weight: 400 !important; line-height: 1.55 !important; transition: color 0.35s ease !important; } /* PREMIUM HOVER */ .elementor-15 .elementor-element.elementor-element-d52a5fb .elementor-image-box-wrapper:hover { transform: translateY(-5px) !important; background: radial-gradient( circle at 8% 50%, rgba(56, 189, 248, 0.18), transparent 42% ), linear-gradient( 135deg, rgba(30, 41, 59, 1), rgba(13, 25, 48, 1) ) !important; border-color: rgba(56, 189, 248, 0.55) !important; border-left-color: #7dd3fc !important; box-shadow: 0 20px 45px rgba(0, 0, 0, 0.4), 0 0 28px rgba(56, 189, 248, 0.15), inset 0 1px 0 rgba(255, 255, 255, 0.09) !important; } .elementor-15 .elementor-element.elementor-element-d52a5fb .elementor-image-box-wrapper:hover::after { opacity: 0.9 !important; transform: scaleX(1.08) !important; } /* IMAGE HOVER */ .elementor-15 .elementor-element.elementor-element-d52a5fb .elementor-image-box-wrapper:hover .elementor-image-box-img { transform: scale(1.04) rotate(-1deg) !important; border-color: rgba(125, 211, 252, 0.5) !important; box-shadow: 0 10px 25px rgba(0, 0, 0, 0.32), 0 0 18px rgba(56, 189, 248, 0.16), inset 0 1px 0 rgba(255, 255, 255, 0.13) !important; } .elementor-15 .elementor-element.elementor-element-d52a5fb .elementor-image-box-wrapper:hover .elementor-image-box-img img { transform: scale(1.08) !important; filter: drop-shadow(0 9px 15px rgba(0, 0, 0, 0.42)) drop-shadow(0 0 8px rgba(56, 189, 248, 0.25)) !important; } .elementor-15 .elementor-element.elementor-element-d52a5fb .elementor-image-box-wrapper:hover .elementor-image-box-title { color: #e0f2fe !important; transform: translateX(3px) !important; } .elementor-15 .elementor-element.elementor-element-d52a5fb .elementor-image-box-wrapper:hover .elementor-image-box-description { color: #d5e2f2 !important; } /* SHINE ANIMATION */ @keyframes sebiShine { 0%, 15% { left: -35%; opacity: 0; } 30% { opacity: 1; } 55% { left: 120%; opacity: 0; } 100% { left: 120%; opacity: 0; } } /* TABLET */ @media (max-width: 1024px) { .elementor-15 .elementor-element.elementor-element-d52a5fb .elementor-image-box-wrapper { gap: 16px !important; min-height: 108px !important; padding: 15px 19px 15px 12px !important; border-radius: 4px 16px 16px 4px !important; } .elementor-15 .elementor-element.elementor-element-d52a5fb .elementor-image-box-img { flex-basis: 76px !important; width: 76px !important; min-width: 76px !important; height: 76px !important; padding: 6px !important; border-radius: 14px !important; } .elementor-15 .elementor-element.elementor-element-d52a5fb .elementor-image-box-title { font-size: 18px !important; } } /* MOBILE — IMAGE AND TEXT STAY IN ONE ROW */ @media (max-width: 767px) { .elementor-15 .elementor-element.elementor-element-d52a5fb .elementor-image-box-wrapper { flex-direction: row !important; align-items: center !important; gap: 13px !important; min-height: 96px !important; padding: 12px 14px 12px 9px !important; border-left-width: 3px !important; border-radius: 3px 14px 14px 3px !important; } .elementor-15 .elementor-element.elementor-element-d52a5fb .elementor-image-box-img { flex: 0 0 66px !important; width: 66px !important; min-width: 66px !important; height: 66px !important; padding: 5px !important; border-radius: 12px !important; } .elementor-15 .elementor-element.elementor-element-d52a5fb .elementor-image-box-img img { border-radius: 8px !important; } .elementor-15 .elementor-element.elementor-element-d52a5fb .elementor-image-box-content { flex: 1 1 auto !important; width: auto !important; min-width: 0 !important; text-align: left !important; } .elementor-15 .elementor-element.elementor-element-d52a5fb .elementor-image-box-title { font-size: 16px !important; line-height: 1.3 !important; letter-spacing: -0.15px !important; } .elementor-15 .elementor-element.elementor-element-d52a5fb .elementor-image-box-description { margin-top: 5px !important; font-size: 12px !important; line-height: 1.45 !important; } /* Softer movement on mobile */ .elementor-15 .elementor-element.elementor-element-d52a5fb .elementor-image-box-wrapper:hover { transform: translateY(-3px) !important; } } /* SMALL MOBILE */ @media (max-width: 380px) { .elementor-15 .elementor-element.elementor-element-d52a5fb .elementor-image-box-wrapper { gap: 10px !important; min-height: 88px !important; padding: 10px 10px 10px 7px !important; } .elementor-15 .elementor-element.elementor-element-d52a5fb .elementor-image-box-img { flex-basis: 58px !important; width: 58px !important; min-width: 58px !important; height: 58px !important; padding: 4px !important; } .elementor-15 .elementor-element.elementor-element-d52a5fb .elementor-image-box-title { font-size: 14px !important; line-height: 1.3 !important; } .elementor-15 .elementor-element.elementor-element-d52a5fb .elementor-image-box-description { font-size: 11px !important; } } /* ACCESSIBILITY — REDUCE ANIMATION */ @media (prefers-reduced-motion: reduce) { .elementor-15 .elementor-element.elementor-element-d52a5fb .elementor-image-box-wrapper, .elementor-15 .elementor-element.elementor-element-d52a5fb .elementor-image-box-img, .elementor-15 .elementor-element.elementor-element-d52a5fb .elementor-image-box-img img, .elementor-15 .elementor-element.elementor-element-d52a5fb .elementor-image-box-title { transition: none !important; } .elementor-15 .elementor-element.elementor-element-d52a5fb .elementor-image-box-wrapper::before { animation: none !important; display: none !important; } }/* End custom CSS */ /* Start custom CSS for image, class: .elementor-element-56374a3 *//* ===================================================== ELEMENTOR PRO IMAGE SIZE CONTROL FROM ELEMENTOR • MOVING SHINE BORDER DESKTOP • TABLET • MOBILE ===================================================== */ /* MAIN IMAGE WIDGET */ .elementor-15 .elementor-element.elementor-element-56374a3 { position: relative !important; z-index: 1 !important; /* Size controlled by Elementor */ width: var(--container-widget-width, 100%) !important; max-width: 100% !important; min-width: 0 !important; align-self: var( --container-widget-align-self, initial ) !important; margin: 0 !important; padding: 3px !important; box-sizing: border-box !important; overflow: hidden !important; border: none !important; border-radius: 20px !important; background: linear-gradient( 120deg, #0369a1 0%, #38bdf8 18%, #ffffff 38%, #7dd3fc 52%, #2563eb 72%, #38bdf8 88%, #0369a1 100% ) !important; background-size: 300% 100% !important; box-shadow: 0 0 10px rgba(56, 189, 248, 0.45), 0 0 24px rgba(37, 99, 235, 0.28), 0 8px 30px rgba(2, 11, 24, 0.22) !important; animation: premiumImageShine 4s linear infinite !important; transition: transform 0.4s ease, box-shadow 0.4s ease !important; } /* ELEMENTOR IMAGE CONTAINER */ .elementor-15 .elementor-element.elementor-element-56374a3 > .elementor-widget-container { position: relative !important; width: 100% !important; max-width: 100% !important; margin: 0 !important; padding: 0 !important; overflow: hidden !important; box-sizing: border-box !important; background: #020b18 !important; border-radius: 17px !important; } /* IMAGE WRAPPER */ .elementor-15 .elementor-element.elementor-element-56374a3 .elementor-image, .elementor-15 .elementor-element.elementor-element-56374a3 .elementor-image-box-wrapper, .elementor-15 .elementor-element.elementor-element-56374a3 figure { display: block !important; width: 100% !important; max-width: 100% !important; margin: 0 !important; padding: 0 !important; overflow: hidden !important; border-radius: 17px !important; } /* IMAGE LINK */ .elementor-15 .elementor-element.elementor-element-56374a3 a { display: block !important; width: 100% !important; max-width: 100% !important; margin: 0 !important; padding: 0 !important; line-height: 0 !important; overflow: hidden !important; border-radius: 17px !important; } /* ACTUAL IMAGE */ .elementor-15 .elementor-element.elementor-element-56374a3 img { display: block !important; width: 100% !important; max-width: 100% !important; height: auto !important; margin: 0 !important; padding: 0 !important; border: 0 !important; outline: 0 !important; border-radius: 17px !important; object-fit: cover !important; object-position: center center !important; transition: transform 0.5s cubic-bezier(0.22, 1, 0.36, 1), filter 0.5s ease !important; } /* PREMIUM INNER LIGHT */ .elementor-15 .elementor-element.elementor-element-56374a3 > .elementor-widget-container::after { content: "" !important; position: absolute !important; inset: 0 !important; z-index: 2 !important; border-radius: inherit !important; pointer-events: none !important; box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.16), inset 0 0 18px rgba(56, 189, 248, 0.08) !important; } /* DESKTOP HOVER */ @media (hover: hover) { .elementor-15 .elementor-element.elementor-element-56374a3:hover { transform: translateY(-3px) !important; box-shadow: 0 0 16px rgba(56, 189, 248, 0.62), 0 0 35px rgba(37, 99, 235, 0.34), 0 14px 38px rgba(2, 11, 24, 0.28) !important; } .elementor-15 .elementor-element.elementor-element-56374a3:hover img { transform: scale(1.03) !important; filter: brightness(1.05) contrast(1.03) !important; } } /* BORDER ANIMATION */ @keyframes premiumImageShine { 0% { background-position: 0% 50%; } 100% { background-position: 300% 50%; } } /* TABLET */ @media (max-width: 1024px) { .elementor-15 .elementor-element.elementor-element-56374a3 { padding: 3px !important; border-radius: 18px !important; } .elementor-15 .elementor-element.elementor-element-56374a3 > .elementor-widget-container, .elementor-15 .elementor-element.elementor-element-56374a3 .elementor-image, .elementor-15 .elementor-element.elementor-element-56374a3 .elementor-image-box-wrapper, .elementor-15 .elementor-element.elementor-element-56374a3 figure, .elementor-15 .elementor-element.elementor-element-56374a3 a, .elementor-15 .elementor-element.elementor-element-56374a3 img { border-radius: 15px !important; } } /* MOBILE */ @media (max-width: 767px) { .elementor-15 .elementor-element.elementor-element-56374a3 { width: var(--container-widget-width, 100%) !important; max-width: 100% !important; padding: 2px !important; border-radius: 15px !important; box-shadow: 0 0 8px rgba(56, 189, 248, 0.42), 0 0 17px rgba(37, 99, 235, 0.22) !important; } .elementor-15 .elementor-element.elementor-element-56374a3 > .elementor-widget-container, .elementor-15 .elementor-element.elementor-element-56374a3 .elementor-image, .elementor-15 .elementor-element.elementor-element-56374a3 .elementor-image-box-wrapper, .elementor-15 .elementor-element.elementor-element-56374a3 figure, .elementor-15 .elementor-element.elementor-element-56374a3 a, .elementor-15 .elementor-element.elementor-element-56374a3 img { border-radius: 13px !important; } .elementor-15 .elementor-element.elementor-element-56374a3:hover { transform: none !important; } .elementor-15 .elementor-element.elementor-element-56374a3:hover img { transform: none !important; filter: none !important; } } /* ACCESSIBILITY */ @media (prefers-reduced-motion: reduce) { .elementor-15 .elementor-element.elementor-element-56374a3 { animation: none !important; background-position: center center !important; transition: none !important; } .elementor-15 .elementor-element.elementor-element-56374a3 img { transition: none !important; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-e6ec81a *//* ========================================= COACH CONTAINER CIRCLES ONLY IN TOP-RIGHT CORNER ========================================= */ .elementor-15 .elementor-element.elementor-element-e6ec81a { position: relative !important; isolation: isolate !important; width: 100% !important; min-height: 420px !important; padding: 55px 48px !important; overflow: hidden !important; background: radial-gradient( circle at 100% 0%, rgba(48, 117, 194, 0.38) 0%, rgba(29, 76, 126, 0.20) 30%, transparent 60% ), linear-gradient( 115deg, #0c111b 0%, #101c2a 45%, #173755 73%, #1d4378 100% ) !important; border: 1px solid rgba(91, 156, 224, 0.16) !important; border-radius: 20px !important; box-shadow: 0 18px 45px rgba(0, 9, 25, 0.35), inset 0 1px 0 rgba(255, 255, 255, 0.05) !important; } /* SMALL INNER CIRCLE — TOP-RIGHT CORNER */ .elementor-15 .elementor-element.elementor-element-e6ec81a::before { content: "" !important; position: absolute !important; z-index: 0 !important; top: -145px !important; right: -145px !important; width: 360px !important; height: 360px !important; border: 2px solid rgba(215, 230, 246, 0.48) !important; border-radius: 50% !important; box-shadow: 0 0 35px rgba(78, 156, 237, 0.10), inset 0 0 35px rgba(78, 156, 237, 0.05) !important; pointer-events: none !important; } /* LARGE OUTER CIRCLE — TOP-RIGHT CORNER */ .elementor-15 .elementor-element.elementor-element-e6ec81a::after { content: "" !important; position: absolute !important; z-index: 0 !important; top: -245px !important; right: -245px !important; width: 560px !important; height: 560px !important; border: 3px solid rgba(108, 166, 220, 0.18) !important; border-radius: 50% !important; pointer-events: none !important; } /* KEEP CONTENT ABOVE CIRCLES */ .elementor-15 .elementor-element.elementor-element-e6ec81a > .e-con-inner, .elementor-15 .elementor-element.elementor-element-e6ec81a > .elementor-container, .elementor-15 .elementor-element.elementor-element-e6ec81a > .elementor-widget-wrap, .elementor-15 .elementor-element.elementor-element-e6ec81a > .elementor-element { position: relative !important; z-index: 2 !important; } /* ========================================= TABLET ========================================= */ @media (max-width: 1024px) { .elementor-15 .elementor-element.elementor-element-e6ec81a { min-height: 380px !important; padding: 44px 34px !important; border-radius: 18px !important; } .elementor-15 .elementor-element.elementor-element-e6ec81a::before { top: -125px !important; right: -125px !important; width: 310px !important; height: 310px !important; } .elementor-15 .elementor-element.elementor-element-e6ec81a::after { top: -205px !important; right: -205px !important; width: 470px !important; height: 470px !important; } } /* ========================================= MOBILE ========================================= */ @media (max-width: 767px) { .elementor-15 .elementor-element.elementor-element-e6ec81a { min-height: 420px !important; padding: 34px 22px !important; border-radius: 16px !important; background: radial-gradient( circle at 100% 0%, rgba(47, 116, 190, 0.32) 0%, transparent 52% ), linear-gradient( 140deg, #0c111b 0%, #112338 60%, #1c4072 100% ) !important; } .elementor-15 .elementor-element.elementor-element-e6ec81a::before { top: -105px !important; right: -105px !important; width: 245px !important; height: 245px !important; border-width: 1.5px !important; } .elementor-15 .elementor-element.elementor-element-e6ec81a::after { top: -170px !important; right: -170px !important; width: 375px !important; height: 375px !important; border-width: 2px !important; } } /* ========================================= SMALL MOBILE ========================================= */ @media (max-width: 480px) { .elementor-15 .elementor-element.elementor-element-e6ec81a { min-height: 400px !important; padding: 30px 18px !important; border-radius: 14px !important; } .elementor-15 .elementor-element.elementor-element-e6ec81a::before { top: -90px !important; right: -90px !important; width: 210px !important; height: 210px !important; } .elementor-15 .elementor-element.elementor-element-e6ec81a::after { top: -145px !important; right: -145px !important; width: 320px !important; height: 320px !important; } }/* End custom CSS */ /* Start custom CSS for html, class: .elementor-element-5728146 *//* ========================================= FIBO — PREMIUM JOIN NOW BUTTON RESPONSIVE • WHITE PILL • BLACK ARROW BLUE GLOW • NO OVERFLOW ========================================= */ .join-register-btn { position: relative !important; display: flex !important; align-items: center !important; justify-content: flex-start !important; width: 400px !important; max-width: 100% !important; min-width: 0 !important; height: 62px !important; padding: 5px 7px 5px 25px !important; margin: 0 !important; box-sizing: border-box !important; background: #ffffff !important; color: #090909 !important; border: 1px solid rgba(255,255,255,0.9) !important; border-radius: 100px !important; text-decoration: none !important; font-family: Arial, Helvetica, sans-serif !important; box-shadow: 0 0 8px rgba(67,112,255,0.55), 0 0 22px rgba(67,112,255,0.32), 0 0 45px rgba(67,112,255,0.16), 0 8px 22px rgba(0,0,0,0.20) !important; overflow: hidden !important; cursor: pointer !important; transition: transform 0.35s cubic-bezier(.2,.8,.2,1), box-shadow 0.35s ease !important; } /* ========================================= SHINE ========================================= */ .join-register-btn::before { content: "" !important; position: absolute !important; top: 0 !important; left: -120% !important; width: 65% !important; height: 100% !important; background: linear-gradient( 105deg, transparent 0%, rgba(255,255,255,0.12) 45%, rgba(255,255,255,0.65) 50%, rgba(255,255,255,0.12) 55%, transparent 100% ) !important; transform: skewX(-20deg) !important; pointer-events: none !important; z-index: 1 !important; transition: left 0.7s ease !important; } /* ========================================= TEXT AREA ========================================= */ .join-register-text, .join-free, .join-old-price { position: relative !important; z-index: 2 !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: clip !important; line-height: 1 !important; flex-shrink: 1 !important; } /* ========================================= MAIN TEXT ========================================= */ .join-register-text { display: inline-block !important; margin: 0 !important; padding: 0 !important; font-family: Arial, Helvetica, sans-serif !important; font-size: 18px !important; font-weight: 700 !important; letter-spacing: -0.55px !important; color: #090909 !important; min-width: 0 !important; } /* ========================================= FREE ========================================= */ .join-free { display: inline-block !important; margin-left: 5px !important; padding: 0 !important; font-size: 18px !important; font-weight: 700 !important; color: #090909 !important; flex-shrink: 1 !important; } /* ========================================= OLD PRICE ========================================= */ .join-old-price { display: inline-block !important; margin-left: 12px !important; font-size: 12px !important; font-weight: 400 !important; color: #555555 !important; text-decoration: line-through !important; text-decoration-thickness: 1px !important; flex-shrink: 1 !important; } /* ========================================= ARROW ========================================= */ .join-arrow { position: relative !important; z-index: 3 !important; display: flex !important; align-items: center !important; justify-content: center !important; width: 48px !important; height: 48px !important; min-width: 48px !important; min-height: 48px !important; flex: 0 0 48px !important; margin-left: auto !important; background: #050505 !important; color: #ffffff !important; border: 1px solid rgba(255,255,255,0.08) !important; border-radius: 50% !important; box-shadow: 0 3px 8px rgba(0,0,0,0.25), inset 0 1px 1px rgba(255,255,255,0.08) !important; transition: transform 0.4s cubic-bezier(.2,.8,.2,1), box-shadow 0.3s ease !important; } /* ========================================= ARROW SVG ========================================= */ .join-arrow svg { display: block !important; width: 25px !important; height: 25px !important; min-width: 25px !important; min-height: 25px !important; margin: 0 !important; color: #ffffff !important; transition: transform 0.4s cubic-bezier(.2,.8,.2,1) !important; } /* ========================================= HOVER ========================================= */ .join-register-btn:hover { transform: translateY(-3px) !important; box-shadow: 0 0 10px rgba(67,112,255,0.70), 0 0 28px rgba(67,112,255,0.42), 0 0 55px rgba(67,112,255,0.20), 0 12px 30px rgba(0,0,0,0.22) !important; } .join-register-btn:hover::before { left: 140% !important; } .join-register-btn:hover .join-arrow { transform: translateX(4px) scale(1.08) !important; box-shadow: 0 6px 14px rgba(0,0,0,0.35), inset 0 1px 1px rgba(255,255,255,0.10) !important; } .join-register-btn:hover .join-arrow svg { transform: translateX(4px) !important; } /* ========================================= CLICK ========================================= */ .join-register-btn:active { transform: translateY(0) scale(0.985) !important; } .join-register-btn:active .join-arrow { transform: translateX(5px) scale(0.98) !important; } /* ========================================= TABLET 768px – 1024px ========================================= */ @media (min-width: 768px) and (max-width: 1024px) { .join-register-btn { width: min(380px, 100%) !important; height: 60px !important; padding: 5px 6px 5px 20px !important; } .join-register-text { font-size: 17px !important; letter-spacing: -0.5px !important; } .join-free { font-size: 17px !important; margin-left: 4px !important; } .join-old-price { font-size: 11px !important; margin-left: 9px !important; } .join-arrow { width: 46px !important; height: 46px !important; min-width: 46px !important; min-height: 46px !important; flex-basis: 46px !important; } .join-arrow svg { width: 24px !important; height: 24px !important; } } /* ========================================= MOBILE MAX 767px ========================================= */ @media (max-width: 767px) { .join-register-btn { width: 100% !important; max-width: 400px !important; min-width: 0 !important; height: 58px !important; padding: 5px 6px 5px 16px !important; } .join-register-text { font-size: 16px !important; letter-spacing: -0.4px !important; } .join-free { font-size: 16px !important; margin-left: 4px !important; } .join-old-price { font-size: 10px !important; margin-left: 7px !important; } .join-arrow { width: 46px !important; height: 46px !important; min-width: 46px !important; min-height: 46px !important; flex: 0 0 46px !important; } .join-arrow svg { width: 23px !important; height: 23px !important; } .join-register-btn:hover { transform: translateY(-2px) !important; } } /* ========================================= SMALL MOBILE MAX 480px ========================================= */ @media (max-width: 480px) { .join-register-btn { width: 100% !important; max-width: 100% !important; height: 56px !important; padding: 5px 5px 5px 13px !important; } .join-register-text { font-size: 14px !important; letter-spacing: -0.3px !important; } .join-free { font-size: 14px !important; margin-left: 3px !important; } .join-old-price { font-size: 9px !important; margin-left: 6px !important; } .join-arrow { width: 44px !important; height: 44px !important; min-width: 44px !important; min-height: 44px !important; flex: 0 0 44px !important; } .join-arrow svg { width: 22px !important; height: 22px !important; } .join-register-btn:hover .join-arrow { transform: translateX(3px) scale(1.05) !important; } .join-register-btn:hover .join-arrow svg { transform: translateX(3px) !important; } } /* ========================================= VERY SMALL MOBILE MAX 360px ========================================= */ @media (max-width: 360px) { .join-register-btn { height: 54px !important; padding-left: 10px !important; padding-right: 4px !important; } .join-register-text { font-size: 13px !important; letter-spacing: -0.25px !important; } .join-free { font-size: 13px !important; margin-left: 2px !important; } .join-old-price { font-size: 8px !important; margin-left: 5px !important; } .join-arrow { width: 42px !important; height: 42px !important; min-width: 42px !important; min-height: 42px !important; flex-basis: 42px !important; } .join-arrow svg { width: 21px !important; height: 21px !important; } } /* ========================================= ULTRA SMALL MAX 320px ========================================= */ @media (max-width: 320px) { .join-register-btn { height: 52px !important; padding-left: 8px !important; padding-right: 3px !important; } .join-register-text { font-size: 12px !important; letter-spacing: -0.2px !important; } .join-free { font-size: 12px !important; margin-left: 2px !important; } .join-old-price { font-size: 8px !important; margin-left: 3px !important; } .join-arrow { width: 40px !important; height: 40px !important; min-width: 40px !important; min-height: 40px !important; flex-basis: 40px !important; } .join-arrow svg { width: 20px !important; height: 20px !important; } } /* ========================================= TOUCH DEVICES REMOVE STICKY HOVER EFFECT ========================================= */ @media (hover: none) { .join-register-btn:hover { transform: none !important; } .join-register-btn:hover::before { left: -120% !important; } .join-register-btn:hover .join-arrow { transform: none !important; } .join-register-btn:hover .join-arrow svg { transform: none !important; } }/* End custom CSS */ /* Start custom CSS for html, class: .elementor-element-07a6d6b *//* ========================================= WARREN BUFFETT QUOTE SECTION DESKTOP: 2 LINES MOBILE: 4 LINES ========================================= */ .buffett-quote-section { position: relative !important; width: 100% !important; margin: 0 !important; padding: 0 !important; overflow: hidden !important; box-sizing: border-box !important; background: #020711 !important; } .buffett-quote-section *, .buffett-quote-section *::before, .buffett-quote-section *::after { box-sizing: border-box !important; } /* MAIN BOX */ .buffett-quote-box { position: relative !important; display: flex !important; flex-direction: column !important; align-items: center !important; justify-content: center !important; width: 100% !important; min-height: 390px !important; margin: 0 !important; padding: 45px 30px !important; color: #ffffff !important; text-align: center !important; background: #020711 !important; } /* QUOTE MARK */ .quote-mark { display: block !important; margin: 0 0 18px !important; padding: 0 !important; color: #ffffff !important; font-family: Georgia, "Times New Roman", serif !important; font-size: 78px !important; font-weight: 700 !important; line-height: 0.55 !important; text-align: center !important; } /* QUOTE TEXT */ .buffett-quote-box blockquote { width: 100% !important; max-width: 1200px !important; margin: 0 !important; padding: 0 !important; color: #ffffff !important; background: transparent !important; border: none !important; box-shadow: none !important; font-family: Arial, Helvetica, sans-serif !important; font-size: clamp(34px, 4vw, 58px) !important; font-weight: 400 !important; font-style: normal !important; line-height: 1.16 !important; letter-spacing: -1.8px !important; text-align: center !important; quotes: none !important; } .buffett-quote-box blockquote::before, .buffett-quote-box blockquote::after { display: none !important; content: none !important; } /* MOBILE VERSION HIDDEN ON DESKTOP */ .quote-mobile { display: none !important; } /* AUTHOR */ .quote-author { display: block !important; margin: 28px 0 0 !important; padding: 0 !important; color: #ffffff !important; font-family: Arial, Helvetica, sans-serif !important; font-size: 17px !important; font-weight: 600 !important; line-height: 1.3 !important; text-align: center !important; } /* ========================================= TABLET ========================================= */ @media only screen and (max-width: 1024px) { .buffett-quote-box { min-height: 340px !important; padding: 38px 22px !important; } .quote-mark { margin-bottom: 16px !important; font-size: 70px !important; } .buffett-quote-box blockquote { max-width: 900px !important; font-size: 42px !important; line-height: 1.18 !important; letter-spacing: -1.2px !important; } .quote-author { margin-top: 24px !important; font-size: 16px !important; } } /* ========================================= MOBILE ========================================= */ @media only screen and (max-width: 767px) { .buffett-quote-box { min-height: 290px !important; padding: 30px 14px !important; } /* DESKTOP QUOTE HIDDEN */ .quote-desktop { display: none !important; } /* MOBILE QUOTE VISIBLE */ .quote-mobile { display: block !important; } .quote-mark { margin-bottom: 14px !important; font-size: 58px !important; line-height: 0.55 !important; } .buffett-quote-box blockquote { max-width: 430px !important; font-size: clamp(25px, 7.3vw, 32px) !important; line-height: 1.16 !important; letter-spacing: -0.7px !important; } .quote-author { margin-top: 20px !important; font-size: 14px !important; } } /* ========================================= SMALL MOBILE ========================================= */ @media only screen and (max-width: 390px) { .buffett-quote-box { min-height: 270px !important; padding: 26px 10px !important; } .quote-mark { margin-bottom: 12px !important; font-size: 52px !important; } .buffett-quote-box blockquote { max-width: 355px !important; font-size: 27px !important; line-height: 1.15 !important; letter-spacing: -0.6px !important; } .quote-author { margin-top: 18px !important; font-size: 13px !important; } } /* ========================================= VERY SMALL MOBILE ========================================= */ @media only screen and (max-width: 350px) { .buffett-quote-box { min-height: 255px !important; padding: 24px 8px !important; } .quote-mark { font-size: 48px !important; } .buffett-quote-box blockquote { max-width: 315px !important; font-size: 24px !important; line-height: 1.16 !important; } .quote-author { margin-top: 16px !important; font-size: 12px !important; } }/* End custom CSS */ /* Start custom CSS for html, class: .elementor-element-724336d *//* ========================================= FIBO — PREMIUM JOIN NOW BUTTON RESPONSIVE • WHITE PILL • BLACK ARROW BLUE GLOW • NO OVERFLOW ========================================= */ .join-register-btn { position: relative !important; display: flex !important; align-items: center !important; justify-content: flex-start !important; width: 400px !important; max-width: 100% !important; min-width: 0 !important; height: 62px !important; padding: 5px 7px 5px 25px !important; margin: 0 !important; box-sizing: border-box !important; background: #ffffff !important; color: #090909 !important; border: 1px solid rgba(255,255,255,0.9) !important; border-radius: 100px !important; text-decoration: none !important; font-family: Arial, Helvetica, sans-serif !important; box-shadow: 0 0 8px rgba(67,112,255,0.55), 0 0 22px rgba(67,112,255,0.32), 0 0 45px rgba(67,112,255,0.16), 0 8px 22px rgba(0,0,0,0.20) !important; overflow: hidden !important; cursor: pointer !important; transition: transform 0.35s cubic-bezier(.2,.8,.2,1), box-shadow 0.35s ease !important; } /* ========================================= SHINE ========================================= */ .join-register-btn::before { content: "" !important; position: absolute !important; top: 0 !important; left: -120% !important; width: 65% !important; height: 100% !important; background: linear-gradient( 105deg, transparent 0%, rgba(255,255,255,0.12) 45%, rgba(255,255,255,0.65) 50%, rgba(255,255,255,0.12) 55%, transparent 100% ) !important; transform: skewX(-20deg) !important; pointer-events: none !important; z-index: 1 !important; transition: left 0.7s ease !important; } /* ========================================= TEXT AREA ========================================= */ .join-register-text, .join-free, .join-old-price { position: relative !important; z-index: 2 !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: clip !important; line-height: 1 !important; flex-shrink: 1 !important; } /* ========================================= MAIN TEXT ========================================= */ .join-register-text { display: inline-block !important; margin: 0 !important; padding: 0 !important; font-family: Arial, Helvetica, sans-serif !important; font-size: 18px !important; font-weight: 700 !important; letter-spacing: -0.55px !important; color: #090909 !important; min-width: 0 !important; } /* ========================================= FREE ========================================= */ .join-free { display: inline-block !important; margin-left: 5px !important; padding: 0 !important; font-size: 18px !important; font-weight: 700 !important; color: #090909 !important; flex-shrink: 1 !important; } /* ========================================= OLD PRICE ========================================= */ .join-old-price { display: inline-block !important; margin-left: 12px !important; font-size: 12px !important; font-weight: 400 !important; color: #555555 !important; text-decoration: line-through !important; text-decoration-thickness: 1px !important; flex-shrink: 1 !important; } /* ========================================= ARROW ========================================= */ .join-arrow { position: relative !important; z-index: 3 !important; display: flex !important; align-items: center !important; justify-content: center !important; width: 48px !important; height: 48px !important; min-width: 48px !important; min-height: 48px !important; flex: 0 0 48px !important; margin-left: auto !important; background: #050505 !important; color: #ffffff !important; border: 1px solid rgba(255,255,255,0.08) !important; border-radius: 50% !important; box-shadow: 0 3px 8px rgba(0,0,0,0.25), inset 0 1px 1px rgba(255,255,255,0.08) !important; transition: transform 0.4s cubic-bezier(.2,.8,.2,1), box-shadow 0.3s ease !important; } /* ========================================= ARROW SVG ========================================= */ .join-arrow svg { display: block !important; width: 25px !important; height: 25px !important; min-width: 25px !important; min-height: 25px !important; margin: 0 !important; color: #ffffff !important; transition: transform 0.4s cubic-bezier(.2,.8,.2,1) !important; } /* ========================================= HOVER ========================================= */ .join-register-btn:hover { transform: translateY(-3px) !important; box-shadow: 0 0 10px rgba(67,112,255,0.70), 0 0 28px rgba(67,112,255,0.42), 0 0 55px rgba(67,112,255,0.20), 0 12px 30px rgba(0,0,0,0.22) !important; } .join-register-btn:hover::before { left: 140% !important; } .join-register-btn:hover .join-arrow { transform: translateX(4px) scale(1.08) !important; box-shadow: 0 6px 14px rgba(0,0,0,0.35), inset 0 1px 1px rgba(255,255,255,0.10) !important; } .join-register-btn:hover .join-arrow svg { transform: translateX(4px) !important; } /* ========================================= CLICK ========================================= */ .join-register-btn:active { transform: translateY(0) scale(0.985) !important; } .join-register-btn:active .join-arrow { transform: translateX(5px) scale(0.98) !important; } /* ========================================= TABLET 768px – 1024px ========================================= */ @media (min-width: 768px) and (max-width: 1024px) { .join-register-btn { width: min(380px, 100%) !important; height: 60px !important; padding: 5px 6px 5px 20px !important; } .join-register-text { font-size: 17px !important; letter-spacing: -0.5px !important; } .join-free { font-size: 17px !important; margin-left: 4px !important; } .join-old-price { font-size: 11px !important; margin-left: 9px !important; } .join-arrow { width: 46px !important; height: 46px !important; min-width: 46px !important; min-height: 46px !important; flex-basis: 46px !important; } .join-arrow svg { width: 24px !important; height: 24px !important; } } /* ========================================= MOBILE MAX 767px ========================================= */ @media (max-width: 767px) { .join-register-btn { width: 100% !important; max-width: 400px !important; min-width: 0 !important; height: 58px !important; padding: 5px 6px 5px 16px !important; } .join-register-text { font-size: 16px !important; letter-spacing: -0.4px !important; } .join-free { font-size: 16px !important; margin-left: 4px !important; } .join-old-price { font-size: 10px !important; margin-left: 7px !important; } .join-arrow { width: 46px !important; height: 46px !important; min-width: 46px !important; min-height: 46px !important; flex: 0 0 46px !important; } .join-arrow svg { width: 23px !important; height: 23px !important; } .join-register-btn:hover { transform: translateY(-2px) !important; } } /* ========================================= SMALL MOBILE MAX 480px ========================================= */ @media (max-width: 480px) { .join-register-btn { width: 100% !important; max-width: 100% !important; height: 56px !important; padding: 5px 5px 5px 13px !important; } .join-register-text { font-size: 14px !important; letter-spacing: -0.3px !important; } .join-free { font-size: 14px !important; margin-left: 3px !important; } .join-old-price { font-size: 9px !important; margin-left: 6px !important; } .join-arrow { width: 44px !important; height: 44px !important; min-width: 44px !important; min-height: 44px !important; flex: 0 0 44px !important; } .join-arrow svg { width: 22px !important; height: 22px !important; } .join-register-btn:hover .join-arrow { transform: translateX(3px) scale(1.05) !important; } .join-register-btn:hover .join-arrow svg { transform: translateX(3px) !important; } } /* ========================================= VERY SMALL MOBILE MAX 360px ========================================= */ @media (max-width: 360px) { .join-register-btn { height: 54px !important; padding-left: 10px !important; padding-right: 4px !important; } .join-register-text { font-size: 13px !important; letter-spacing: -0.25px !important; } .join-free { font-size: 13px !important; margin-left: 2px !important; } .join-old-price { font-size: 8px !important; margin-left: 5px !important; } .join-arrow { width: 42px !important; height: 42px !important; min-width: 42px !important; min-height: 42px !important; flex-basis: 42px !important; } .join-arrow svg { width: 21px !important; height: 21px !important; } } /* ========================================= ULTRA SMALL MAX 320px ========================================= */ @media (max-width: 320px) { .join-register-btn { height: 52px !important; padding-left: 8px !important; padding-right: 3px !important; } .join-register-text { font-size: 12px !important; letter-spacing: -0.2px !important; } .join-free { font-size: 12px !important; margin-left: 2px !important; } .join-old-price { font-size: 8px !important; margin-left: 3px !important; } .join-arrow { width: 40px !important; height: 40px !important; min-width: 40px !important; min-height: 40px !important; flex-basis: 40px !important; } .join-arrow svg { width: 20px !important; height: 20px !important; } } /* ========================================= TOUCH DEVICES REMOVE STICKY HOVER EFFECT ========================================= */ @media (hover: none) { .join-register-btn:hover { transform: none !important; } .join-register-btn:hover::before { left: -120% !important; } .join-register-btn:hover .join-arrow { transform: none !important; } .join-register-btn:hover .join-arrow svg { transform: none !important; } }/* End custom CSS */ /* Start custom CSS for heading, class: .elementor-element-4591198 */.elementor-15 .elementor-element.elementor-element-4591198 .elementor-heading-title { color: #8B919D !important; font-weight: 400 !important; line-height: 1.25 !important; margin: 0 !important; } .elementor-15 .elementor-element.elementor-element-4591198 .elementor-heading-title span { color: #FFFFFF !important; font-weight: 500 !important; }/* End custom CSS */ /* Start custom CSS for testimonial-carousel, class: .elementor-element-00ccd48 *//* ===================================================== ELEMENTOR TESTIMONIAL CAROUSEL REFERENCE-STYLE SHAPE AND COLORS DESKTOP + TABLET + MOBILE ===================================================== */ /* MAIN WIDGET */ .elementor-15 .elementor-element.elementor-element-00ccd48 { position: relative !important; width: 100% !important; min-width: 0 !important; margin: 0 !important; padding: 0 !important; overflow: hidden !important; box-sizing: border-box !important; } /* CAROUSEL AREA */ .elementor-15 .elementor-element.elementor-element-00ccd48 .swiper, .elementor-15 .elementor-element.elementor-element-00ccd48 .swiper-container { width: 100% !important; margin: 0 !important; padding: 20px 8px 28px !important; overflow: hidden !important; } /* SLIDES WRAPPER */ .elementor-15 .elementor-element.elementor-element-00ccd48 .swiper-wrapper { display: flex !important; align-items: stretch !important; } /* EACH SLIDE */ .elementor-15 .elementor-element.elementor-element-00ccd48 .swiper-slide { display: flex !important; align-items: stretch !important; height: auto !important; padding: 0 12px !important; box-sizing: border-box !important; } /* TESTIMONIAL CARD */ .elementor-15 .elementor-element.elementor-element-00ccd48 .elementor-testimonial { position: relative !important; display: flex !important; flex-direction: column !important; width: 100% !important; min-height: 300px !important; height: 100% !important; margin: 0 !important; padding: 18px 16px 16px !important; overflow: hidden !important; box-sizing: border-box !important; color: #ffffff !important; /* Reference card color */ background: #222536 !important; /* Reference rounded shape */ border: 1px solid rgba(255, 255, 255, 0.025) !important; border-radius: 9px !important; box-shadow: 0 10px 28px rgba(0, 0, 0, 0.20), inset 0 1px 0 rgba(255, 255, 255, 0.025) !important; transition: transform 0.35s ease, background 0.35s ease, box-shadow 0.35s ease !important; } /* REMOVE OLD ANIMATED BORDER */ .elementor-15 .elementor-element.elementor-element-00ccd48 .elementor-testimonial::before, .elementor-15 .elementor-element.elementor-element-00ccd48 .elementor-testimonial::after { display: none !important; content: none !important; } /* TESTIMONIAL CONTENT */ .elementor-15 .elementor-element.elementor-element-00ccd48 .elementor-testimonial-content { display: flex !important; flex-direction: column !important; flex-grow: 1 !important; width: 100% !important; margin: 0 !important; padding: 0 !important; color: #c6c7cf !important; background: transparent !important; } /* TESTIMONIAL TITLE */ .elementor-15 .elementor-element.elementor-element-00ccd48 .elementor-testimonial-content strong, .elementor-15 .elementor-element.elementor-element-00ccd48 .elementor-testimonial-content b, .elementor-15 .elementor-element.elementor-element-00ccd48 .testimonial-title { display: block !important; margin: 0 0 14px !important; color: #f7f7f9 !important; font-family: Arial, Helvetica, sans-serif !important; font-size: 20px !important; font-weight: 700 !important; line-height: 1.16 !important; letter-spacing: -0.7px !important; } /* MAIN REVIEW TEXT */ .elementor-15 .elementor-element.elementor-element-00ccd48 .elementor-testimonial__text { width: 100% !important; margin: 0 !important; padding: 0 !important; color: #c3c4cc !important; font-family: Arial, Helvetica, sans-serif !important; font-size: 15px !important; font-weight: 400 !important; font-style: normal !important; line-height: 1.58 !important; overflow-wrap: break-word !important; } /* USER INFORMATION */ .elementor-15 .elementor-element.elementor-element-00ccd48 .elementor-testimonial-meta { display: flex !important; align-items: center !important; width: 100% !important; margin-top: auto !important; padding-top: 24px !important; } /* PROFILE IMAGE WRAPPER */ .elementor-15 .elementor-element.elementor-element-00ccd48 .elementor-testimonial__image, .elementor-15 .elementor-element.elementor-element-00ccd48 .elementor-testimonial-image { flex: 0 0 auto !important; margin-right: 14px !important; } /* ROUND PROFILE IMAGE */ .elementor-15 .elementor-element.elementor-element-00ccd48 .elementor-testimonial__image img, .elementor-15 .elementor-element.elementor-element-00ccd48 .elementor-testimonial-image img { display: block !important; width: 42px !important; height: 42px !important; margin: 0 !important; padding: 0 !important; object-fit: cover !important; border: 1px solid rgba(255, 255, 255, 0.10) !important; border-radius: 50% !important; box-shadow: 0 5px 14px rgba(0, 0, 0, 0.28) !important; } /* NAME AND DESIGNATION */ .elementor-15 .elementor-element.elementor-element-00ccd48 .elementor-testimonial-details { display: flex !important; flex-direction: column !important; justify-content: center !important; min-width: 0 !important; } /* NAME */ .elementor-15 .elementor-element.elementor-element-00ccd48 .elementor-testimonial__name { margin: 0 !important; color: #d7d8de !important; font-family: Arial, Helvetica, sans-serif !important; font-size: 14px !important; font-weight: 700 !important; line-height: 1.3 !important; } /* DESIGNATION */ .elementor-15 .elementor-element.elementor-element-00ccd48 .elementor-testimonial__job { margin: 4px 0 0 !important; color: #999ba7 !important; font-family: Arial, Helvetica, sans-serif !important; font-size: 12px !important; font-weight: 400 !important; line-height: 1.3 !important; } /* SOFT HOVER */ .elementor-15 .elementor-element.elementor-element-00ccd48 .swiper-slide:hover .elementor-testimonial { background: #272a3d !important; transform: translateY(-5px) !important; box-shadow: 0 18px 38px rgba(0, 0, 0, 0.28), inset 0 1px 0 rgba(255, 255, 255, 0.04) !important; } /* NAVIGATION BUTTONS */ .elementor-15 .elementor-element.elementor-element-00ccd48 .elementor-swiper-button { display: flex !important; align-items: center !important; justify-content: center !important; width: 40px !important; height: 40px !important; color: #ffffff !important; background: #222536 !important; border: 1px solid rgba(255, 255, 255, 0.08) !important; border-radius: 50% !important; box-shadow: 0 8px 20px rgba(0, 0, 0, 0.25) !important; transition: all 0.3s ease !important; } .elementor-15 .elementor-element.elementor-element-00ccd48 .elementor-swiper-button:hover { color: #ffffff !important; background: #34384e !important; transform: scale(1.06) !important; } /* PAGINATION */ .elementor-15 .elementor-element.elementor-element-00ccd48 .swiper-pagination { position: relative !important; left: auto !important; bottom: auto !important; display: flex !important; align-items: center !important; justify-content: center !important; width: 100% !important; margin-top: 16px !important; gap: 7px !important; } .elementor-15 .elementor-element.elementor-element-00ccd48 .swiper-pagination-bullet { width: 7px !important; height: 7px !important; margin: 0 !important; opacity: 0.35 !important; background: #ffffff !important; border-radius: 50% !important; transition: all 0.3s ease !important; } .elementor-15 .elementor-element.elementor-element-00ccd48 .swiper-pagination-bullet-active { width: 22px !important; opacity: 1 !important; background: #269dff !important; border-radius: 20px !important; box-shadow: 0 0 12px rgba(38, 157, 255, 0.45) !important; } /* ========================================= TABLET ========================================= */ @media only screen and (max-width: 1024px) { .elementor-15 .elementor-element.elementor-element-00ccd48 .swiper, .elementor-15 .elementor-element.elementor-element-00ccd48 .swiper-container { padding: 16px 5px 25px !important; } .elementor-15 .elementor-element.elementor-element-00ccd48 .swiper-slide { padding: 0 8px !important; } .elementor-15 .elementor-element.elementor-element-00ccd48 .elementor-testimonial { min-height: 285px !important; padding: 18px 16px 15px !important; border-radius: 9px !important; } .elementor-15 .elementor-element.elementor-element-00ccd48 .elementor-testimonial-content strong, .elementor-15 .elementor-element.elementor-element-00ccd48 .elementor-testimonial-content b, .elementor-15 .elementor-element.elementor-element-00ccd48 .testimonial-title { font-size: 18px !important; } .elementor-15 .elementor-element.elementor-element-00ccd48 .elementor-testimonial__text { font-size: 14px !important; line-height: 1.55 !important; } } /* ========================================= MOBILE ========================================= */ @media only screen and (max-width: 767px) { .elementor-15 .elementor-element.elementor-element-00ccd48 .swiper, .elementor-15 .elementor-element.elementor-element-00ccd48 .swiper-container { padding: 12px 3px 24px !important; } .elementor-15 .elementor-element.elementor-element-00ccd48 .swiper-slide { width: 100% !important; padding: 0 5px !important; } .elementor-15 .elementor-element.elementor-element-00ccd48 .elementor-testimonial { min-height: 280px !important; padding: 20px 18px 17px !important; border-radius: 9px !important; } .elementor-15 .elementor-element.elementor-element-00ccd48 .elementor-testimonial-content strong, .elementor-15 .elementor-element.elementor-element-00ccd48 .elementor-testimonial-content b, .elementor-15 .elementor-element.elementor-element-00ccd48 .testimonial-title { margin-bottom: 12px !important; font-size: 18px !important; line-height: 1.2 !important; } .elementor-15 .elementor-element.elementor-element-00ccd48 .elementor-testimonial__text { font-size: 14px !important; line-height: 1.55 !important; } .elementor-15 .elementor-element.elementor-element-00ccd48 .elementor-testimonial-meta { padding-top: 22px !important; } .elementor-15 .elementor-element.elementor-element-00ccd48 .elementor-testimonial__image img, .elementor-15 .elementor-element.elementor-element-00ccd48 .elementor-testimonial-image img { width: 40px !important; height: 40px !important; } .elementor-15 .elementor-element.elementor-element-00ccd48 .elementor-testimonial__name { font-size: 14px !important; } .elementor-15 .elementor-element.elementor-element-00ccd48 .elementor-testimonial__job { font-size: 11px !important; } .elementor-15 .elementor-element.elementor-element-00ccd48 .elementor-swiper-button { width: 34px !important; height: 34px !important; } } /* ========================================= SMALL MOBILE ========================================= */ @media only screen and (max-width: 390px) { .elementor-15 .elementor-element.elementor-element-00ccd48 .swiper-slide { padding: 0 3px !important; } .elementor-15 .elementor-element.elementor-element-00ccd48 .elementor-testimonial { min-height: 270px !important; padding: 18px 16px 15px !important; } .elementor-15 .elementor-element.elementor-element-00ccd48 .elementor-testimonial-content strong, .elementor-15 .elementor-element.elementor-element-00ccd48 .elementor-testimonial-content b, .elementor-15 .elementor-element.elementor-element-00ccd48 .testimonial-title { font-size: 17px !important; } .elementor-15 .elementor-element.elementor-element-00ccd48 .elementor-testimonial__text { font-size: 13.5px !important; line-height: 1.52 !important; } } /* GLOBAL SAFETY */ .elementor-15 .elementor-element.elementor-element-00ccd48, .elementor-15 .elementor-element.elementor-element-00ccd48 *, .elementor-15 .elementor-element.elementor-element-00ccd48 *::before, .elementor-15 .elementor-element.elementor-element-00ccd48 *::after { box-sizing: border-box !important; }/* End custom CSS */ /* Start custom CSS for heading, class: .elementor-element-8a63005 */.elementor-15 .elementor-element.elementor-element-8a63005 .elementor-heading-title { color: #8B919D !important; font-weight: 400 !important; line-height: 1.25 !important; margin: 0 !important; } .elementor-15 .elementor-element.elementor-element-8a63005 .elementor-heading-title span { color: #FFFFFF !important; font-weight: 500 !important; }/* End custom CSS */ /* Start custom CSS for html, class: .elementor-element-ef02fc5 *//* ========================================================= FIBO AI PREMIUM FAQ DARK BACKGROUND • SHINING BORDER • ROUND ICON ELEMENTOR PRO • FULLY RESPONSIVE ========================================================= */ .elementor-15 .elementor-element.elementor-element-ef02fc5 .strykex-faq-section { width: 100%; max-width: 1000px; margin: 0 auto; padding: 0; font-family: "Poppins", sans-serif; box-sizing: border-box; } .elementor-15 .elementor-element.elementor-element-ef02fc5 .strykex-faq-section *, .elementor-15 .elementor-element.elementor-element-ef02fc5 .strykex-faq-section *::before, .elementor-15 .elementor-element.elementor-element-ef02fc5 .strykex-faq-section *::after { box-sizing: border-box; } /* ========================================================= FAQ ITEM ========================================================= */ .elementor-15 .elementor-element.elementor-element-ef02fc5 .strykex-faq-item { position: relative; z-index: 1; width: 100%; margin: 0 0 16px; padding: 1px; background: linear-gradient( 110deg, rgba(255, 255, 255, 0.10), rgba(255, 255, 255, 0.40), rgba(255, 255, 255, 0.08), rgba(158, 162, 190, 0.34), rgba(255, 255, 255, 0.10) ); background-size: 300% 100%; border: 0; border-radius: 18px; overflow: hidden; box-shadow: 0 10px 28px rgba(0, 0, 0, 0.18), 0 0 18px rgba(184, 189, 220, 0.06); animation: fiboFaqBorderShine 5s linear infinite; transition: transform 0.35s ease, box-shadow 0.35s ease; } /* INNER SOLID BACKGROUND */ .elementor-15 .elementor-element.elementor-element-ef02fc5 .strykex-faq-item::before { content: ""; position: absolute; z-index: -1; inset: 1px; background: radial-gradient( circle at 95% 0%, rgba(56, 189, 248, 0.07), transparent 38% ), #363747; border-radius: 17px; transition: background-color 0.35s ease; } /* BORDER SHINE ANIMATION */ @keyframes fiboFaqBorderShine { 0% { background-position: 200% 50%; } 100% { background-position: -100% 50%; } } /* HOVER */ .elementor-15 .elementor-element.elementor-element-ef02fc5 .strykex-faq-item:hover { transform: translateY(-2px); box-shadow: 0 14px 34px rgba(0, 0, 0, 0.25), 0 0 24px rgba(190, 195, 225, 0.13); } /* ========================================================= QUESTION ========================================================= */ .elementor-15 .elementor-element.elementor-element-ef02fc5 .strykex-faq-question { display: flex; align-items: center; justify-content: space-between; width: 100%; gap: 20px; padding: 23px 26px; color: #ffffff; cursor: pointer; user-select: none; font-size: 17px; font-weight: 600; line-height: 1.5; transition: color 0.3s ease; } .elementor-15 .elementor-element.elementor-element-ef02fc5 .strykex-faq-question > span:first-child { flex: 1; min-width: 0; } .elementor-15 .elementor-element.elementor-element-ef02fc5 .strykex-faq-item:hover .strykex-faq-question { color: #e8f7ff; } /* ========================================================= ROUND PLUS/MINUS ICON ========================================================= */ .elementor-15 .elementor-element.elementor-element-ef02fc5 .strykex-faq-icon { position: relative; flex: 0 0 34px; width: 34px; height: 34px; display: inline-flex; align-items: center; justify-content: center; border: 1px solid rgba(255, 255, 255, 0.25); border-radius: 50%; background: linear-gradient( 135deg, #5d6075 0%, #454759 50%, #2f3040 100% ); box-shadow: 0 4px 12px rgba(0, 0, 0, 0.22), 0 0 14px rgba(204, 208, 235, 0.12), inset 0 1px 0 rgba(255, 255, 255, 0.18); transition: transform 0.35s ease, border-color 0.35s ease, background 0.35s ease, box-shadow 0.35s ease; } /* PLUS/MINUS LINES */ .elementor-15 .elementor-element.elementor-element-ef02fc5 .strykex-faq-icon::before, .elementor-15 .elementor-element.elementor-element-ef02fc5 .strykex-faq-icon::after { content: ""; position: absolute; top: 50%; left: 50%; width: 13px; height: 2px; background: #ffffff; border-radius: 10px; transform: translate(-50%, -50%); box-shadow: 0 0 5px rgba(255, 255, 255, 0.30); transition: transform 0.35s ease, opacity 0.35s ease; } .elementor-15 .elementor-element.elementor-element-ef02fc5 .strykex-faq-icon::after { transform: translate(-50%, -50%) rotate(90deg); } /* ICON HOVER */ .elementor-15 .elementor-element.elementor-element-ef02fc5 .strykex-faq-item:hover .strykex-faq-icon { border-color: rgba(255, 255, 255, 0.48); box-shadow: 0 5px 15px rgba(0, 0, 0, 0.25), 0 0 20px rgba(210, 214, 240, 0.20), inset 0 1px 0 rgba(255, 255, 255, 0.22); } /* ========================================================= ANSWER ========================================================= */ .elementor-15 .elementor-element.elementor-element-ef02fc5 .strykex-faq-answer { width: 100%; max-height: 0; overflow: hidden; opacity: 0; padding: 0 26px; color: rgba(255, 255, 255, 0.76); transition: max-height 0.5s ease, opacity 0.3s ease, padding 0.4s ease; } .elementor-15 .elementor-element.elementor-element-ef02fc5 .strykex-faq-answer p { margin: 0; color: inherit; font-size: 15px; font-weight: 400; line-height: 1.8; } /* BULLET LIST SUPPORT */ .elementor-15 .elementor-element.elementor-element-ef02fc5 .strykex-faq-answer ul { margin: 12px 0 0; padding: 0; list-style: none; } .elementor-15 .elementor-element.elementor-element-ef02fc5 .strykex-faq-answer li { position: relative; margin: 0 0 9px; padding-left: 22px; color: rgba(255, 255, 255, 0.76); font-size: 15px; font-weight: 400; line-height: 1.7; } .elementor-15 .elementor-element.elementor-element-ef02fc5 .strykex-faq-answer li:last-child { margin-bottom: 0; } .elementor-15 .elementor-element.elementor-element-ef02fc5 .strykex-faq-answer li::before { content: ""; position: absolute; top: 10px; left: 2px; width: 7px; height: 7px; background: linear-gradient( 135deg, #7dd3fc, #2563eb ); border-radius: 50%; box-shadow: 0 0 10px rgba(56, 189, 248, 0.65); } /* ========================================================= ACTIVE FAQ ========================================================= */ .elementor-15 .elementor-element.elementor-element-ef02fc5 .strykex-faq-item.active { background: linear-gradient( 110deg, rgba(255, 255, 255, 0.15), rgba(224, 227, 248, 0.70), rgba(125, 211, 252, 0.45), rgba(162, 167, 200, 0.55), rgba(255, 255, 255, 0.15) ); background-size: 300% 100%; box-shadow: 0 14px 34px rgba(0, 0, 0, 0.24), 0 0 25px rgba(56, 189, 248, 0.13); } .elementor-15 .elementor-element.elementor-element-ef02fc5 .strykex-faq-item.active::before { background: radial-gradient( circle at 95% 0%, rgba(56, 189, 248, 0.12), transparent 42% ), #3a3b4c; } .elementor-15 .elementor-element.elementor-element-ef02fc5 .strykex-faq-item.active .strykex-faq-answer { max-height: 700px; opacity: 1; padding-top: 0; padding-bottom: 24px; } /* PLUS BECOMES MINUS */ .elementor-15 .elementor-element.elementor-element-ef02fc5 .strykex-faq-item.active .strykex-faq-icon::after { opacity: 0; transform: translate(-50%, -50%) rotate(0deg); } .elementor-15 .elementor-element.elementor-element-ef02fc5 .strykex-faq-item.active .strykex-faq-icon { transform: rotate(180deg); border-color: rgba(125, 211, 252, 0.75); background: linear-gradient( 135deg, #2563eb 0%, #0369a1 50%, #38bdf8 100% ); box-shadow: 0 5px 16px rgba(0, 0, 0, 0.25), 0 0 22px rgba(56, 189, 248, 0.28), inset 0 1px 0 rgba(255, 255, 255, 0.30); } /* ========================================================= TABLET ========================================================= */ @media only screen and (max-width: 767px) { .elementor-15 .elementor-element.elementor-element-ef02fc5 .strykex-faq-item { margin-bottom: 12px; border-radius: 15px; } .elementor-15 .elementor-element.elementor-element-ef02fc5 .strykex-faq-item::before { border-radius: 14px; } .elementor-15 .elementor-element.elementor-element-ef02fc5 .strykex-faq-question { padding: 19px 18px; gap: 14px; font-size: 15px; } .elementor-15 .elementor-element.elementor-element-ef02fc5 .strykex-faq-icon { flex: 0 0 30px; width: 30px; height: 30px; } .elementor-15 .elementor-element.elementor-element-ef02fc5 .strykex-faq-icon::before, .elementor-15 .elementor-element.elementor-element-ef02fc5 .strykex-faq-icon::after { width: 11px; } .elementor-15 .elementor-element.elementor-element-ef02fc5 .strykex-faq-answer { padding-left: 18px; padding-right: 18px; } .elementor-15 .elementor-element.elementor-element-ef02fc5 .strykex-faq-answer p, .elementor-15 .elementor-element.elementor-element-ef02fc5 .strykex-faq-answer li { font-size: 14px; line-height: 1.7; } .elementor-15 .elementor-element.elementor-element-ef02fc5 .strykex-faq-item.active .strykex-faq-answer { padding-bottom: 20px; } } /* ========================================================= MOBILE ========================================================= */ @media only screen and (max-width: 480px) { .elementor-15 .elementor-element.elementor-element-ef02fc5 .strykex-faq-item { margin-bottom: 10px; border-radius: 14px; } .elementor-15 .elementor-element.elementor-element-ef02fc5 .strykex-faq-item::before { border-radius: 13px; } .elementor-15 .elementor-element.elementor-element-ef02fc5 .strykex-faq-question { padding: 17px 15px; gap: 12px; font-size: 14px; line-height: 1.45; } .elementor-15 .elementor-element.elementor-element-ef02fc5 .strykex-faq-icon { flex: 0 0 28px; width: 28px; height: 28px; } .elementor-15 .elementor-element.elementor-element-ef02fc5 .strykex-faq-icon::before, .elementor-15 .elementor-element.elementor-element-ef02fc5 .strykex-faq-icon::after { width: 10px; } .elementor-15 .elementor-element.elementor-element-ef02fc5 .strykex-faq-answer { padding-left: 15px; padding-right: 15px; } .elementor-15 .elementor-element.elementor-element-ef02fc5 .strykex-faq-answer p, .elementor-15 .elementor-element.elementor-element-ef02fc5 .strykex-faq-answer li { font-size: 13.5px; line-height: 1.7; } .elementor-15 .elementor-element.elementor-element-ef02fc5 .strykex-faq-answer li { padding-left: 19px; } .elementor-15 .elementor-element.elementor-element-ef02fc5 .strykex-faq-answer li::before { top: 9px; width: 6px; height: 6px; } .elementor-15 .elementor-element.elementor-element-ef02fc5 .strykex-faq-item.active .strykex-faq-answer { padding-bottom: 18px; } } /* ========================================================= REDUCED MOTION SUPPORT ========================================================= */ @media (prefers-reduced-motion: reduce) { .elementor-15 .elementor-element.elementor-element-ef02fc5 .strykex-faq-item { animation: none; } .elementor-15 .elementor-element.elementor-element-ef02fc5 .strykex-faq-item, .elementor-15 .elementor-element.elementor-element-ef02fc5 .strykex-faq-icon, .elementor-15 .elementor-element.elementor-element-ef02fc5 .strykex-faq-answer { transition-duration: 0.01ms; } }/* End custom CSS */ /* Start custom CSS for heading, class: .elementor-element-e1d0b88 */.elementor-15 .elementor-element.elementor-element-e1d0b88 .elementor-heading-title { color: #8B919D !important; font-weight: 400 !important; line-height: 1.25 !important; margin: 0 !important; } .elementor-15 .elementor-element.elementor-element-e1d0b88 .elementor-heading-title span { color: #FFFFFF !important; font-weight: 500 !important; }/* End custom CSS */ /* Start custom CSS for html, class: .elementor-element-7f523fd *//* ================================================= PREMIUM FOOTER CONTACT DETAILS RESPONSIVE • INLINE SVG ICONS ================================================= */ .stock-contact-box, .stock-contact-box * { box-sizing: border-box; } .stock-contact-box { width: 100%; max-width: 850px; display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); column-gap: 70px; row-gap: 30px; margin: 0; padding: 0; color: #d8d9dd; background: transparent !important; font-family: Arial, sans-serif; } /* CONTACT GROUP */ .stock-contact-group { display: flex; flex-direction: column; align-items: flex-start; gap: 11px; width: 100%; min-width: 0; margin: 0; padding: 0; } /* HEADINGS */ .stock-contact-group h4 { width: 100%; margin: 0 !important; padding: 0 0 9px !important; color: #9b9ca2 !important; font-size: 16px !important; font-weight: 500 !important; line-height: 1.3 !important; border-bottom: 1px solid rgba(255, 255, 255, 0.18); } /* CONTACT ROW */ .stock-contact-row { display: flex !important; align-items: center !important; gap: 10px; width: fit-content; max-width: 100%; margin: 0 !important; padding: 0 !important; color: #d9d9dd !important; font-size: 15px !important; font-weight: 600 !important; line-height: 1.5 !important; text-decoration: none !important; overflow-wrap: anywhere; transition: color 0.25s ease, transform 0.25s ease; } a.stock-contact-row:hover { color: #ffffff !important; transform: translateX(3px); } /* ICON CIRCLE */ .stock-icon { flex: 0 0 26px; width: 26px !important; height: 26px !important; display: inline-flex !important; align-items: center !important; justify-content: center !important; border-radius: 50%; overflow: hidden; transition: transform 0.25s ease, box-shadow 0.25s ease; } /* SVG ICONS */ .stock-icon svg { display: block !important; width: 13px !important; height: 13px !important; min-width: 13px; min-height: 13px; fill: none; stroke: currentColor; stroke-width: 2; stroke-linecap: round; stroke-linejoin: round; visibility: visible !important; opacity: 1 !important; } /* CALL ICON */ .call-icon { color: #00dbef !important; background: rgba(0, 213, 235, 0.15) !important; } /* TIME ICON */ .time-icon { color: #ff7a00 !important; background: rgba(255, 122, 0, 0.17) !important; } /* WHATSAPP ICON */ .whatsapp-icon { color: #00e53d !important; background: rgba(0, 215, 57, 0.14) !important; } .whatsapp-icon svg { width: 15px !important; height: 15px !important; fill: currentColor !important; stroke: none !important; } /* EMAIL ICON */ .email-icon { color: #edf46c !important; background: rgba(226, 235, 93, 0.18) !important; } /* ICON HOVER */ a.stock-contact-row:hover .stock-icon { transform: scale(1.08); box-shadow: 0 0 14px currentColor; } /* REMOVE OLD DIVIDERS */ .stock-divider { display: none !important; } /* TABLET */ @media (max-width: 900px) { .stock-contact-box { column-gap: 35px; row-gap: 26px; } } /* MOBILE */ @media (max-width: 767px) { .stock-contact-box { grid-template-columns: 1fr; width: 100%; max-width: 100%; column-gap: 0; row-gap: 24px; } .stock-contact-group h4 { font-size: 15px !important; } .stock-contact-row { width: 100%; font-size: 14px !important; } .stock-icon { flex-basis: 26px; } } /* VERY SMALL MOBILE */ @media (max-width: 380px) { .stock-contact-row { gap: 8px; font-size: 13px !important; } } /* ACCESSIBILITY */ @media (prefers-reduced-motion: reduce) { .stock-contact-row, .stock-icon { transition: none !important; } }/* End custom CSS */ /* Start custom CSS for html, class: .elementor-element-b0eb22f *//* ========================================= FIBO — PREMIUM JOIN NOW BUTTON RESPONSIVE • WHITE PILL • BLACK ARROW BLUE GLOW • NO OVERFLOW ========================================= */ .join-register-btn { position: relative !important; display: flex !important; align-items: center !important; justify-content: flex-start !important; width: 400px !important; max-width: 100% !important; min-width: 0 !important; height: 62px !important; padding: 5px 7px 5px 25px !important; margin: 0 !important; box-sizing: border-box !important; background: #ffffff !important; color: #090909 !important; border: 1px solid rgba(255,255,255,0.9) !important; border-radius: 100px !important; text-decoration: none !important; font-family: Arial, Helvetica, sans-serif !important; box-shadow: 0 0 8px rgba(67,112,255,0.55), 0 0 22px rgba(67,112,255,0.32), 0 0 45px rgba(67,112,255,0.16), 0 8px 22px rgba(0,0,0,0.20) !important; overflow: hidden !important; cursor: pointer !important; transition: transform 0.35s cubic-bezier(.2,.8,.2,1), box-shadow 0.35s ease !important; } /* ========================================= SHINE ========================================= */ .join-register-btn::before { content: "" !important; position: absolute !important; top: 0 !important; left: -120% !important; width: 65% !important; height: 100% !important; background: linear-gradient( 105deg, transparent 0%, rgba(255,255,255,0.12) 45%, rgba(255,255,255,0.65) 50%, rgba(255,255,255,0.12) 55%, transparent 100% ) !important; transform: skewX(-20deg) !important; pointer-events: none !important; z-index: 1 !important; transition: left 0.7s ease !important; } /* ========================================= TEXT AREA ========================================= */ .join-register-text, .join-free, .join-old-price { position: relative !important; z-index: 2 !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: clip !important; line-height: 1 !important; flex-shrink: 1 !important; } /* ========================================= MAIN TEXT ========================================= */ .join-register-text { display: inline-block !important; margin: 0 !important; padding: 0 !important; font-family: Arial, Helvetica, sans-serif !important; font-size: 18px !important; font-weight: 700 !important; letter-spacing: -0.55px !important; color: #090909 !important; min-width: 0 !important; } /* ========================================= FREE ========================================= */ .join-free { display: inline-block !important; margin-left: 5px !important; padding: 0 !important; font-size: 18px !important; font-weight: 700 !important; color: #090909 !important; flex-shrink: 1 !important; } /* ========================================= OLD PRICE ========================================= */ .join-old-price { display: inline-block !important; margin-left: 12px !important; font-size: 12px !important; font-weight: 400 !important; color: #555555 !important; text-decoration: line-through !important; text-decoration-thickness: 1px !important; flex-shrink: 1 !important; } /* ========================================= ARROW ========================================= */ .join-arrow { position: relative !important; z-index: 3 !important; display: flex !important; align-items: center !important; justify-content: center !important; width: 48px !important; height: 48px !important; min-width: 48px !important; min-height: 48px !important; flex: 0 0 48px !important; margin-left: auto !important; background: #050505 !important; color: #ffffff !important; border: 1px solid rgba(255,255,255,0.08) !important; border-radius: 50% !important; box-shadow: 0 3px 8px rgba(0,0,0,0.25), inset 0 1px 1px rgba(255,255,255,0.08) !important; transition: transform 0.4s cubic-bezier(.2,.8,.2,1), box-shadow 0.3s ease !important; } /* ========================================= ARROW SVG ========================================= */ .join-arrow svg { display: block !important; width: 25px !important; height: 25px !important; min-width: 25px !important; min-height: 25px !important; margin: 0 !important; color: #ffffff !important; transition: transform 0.4s cubic-bezier(.2,.8,.2,1) !important; } /* ========================================= HOVER ========================================= */ .join-register-btn:hover { transform: translateY(-3px) !important; box-shadow: 0 0 10px rgba(67,112,255,0.70), 0 0 28px rgba(67,112,255,0.42), 0 0 55px rgba(67,112,255,0.20), 0 12px 30px rgba(0,0,0,0.22) !important; } .join-register-btn:hover::before { left: 140% !important; } .join-register-btn:hover .join-arrow { transform: translateX(4px) scale(1.08) !important; box-shadow: 0 6px 14px rgba(0,0,0,0.35), inset 0 1px 1px rgba(255,255,255,0.10) !important; } .join-register-btn:hover .join-arrow svg { transform: translateX(4px) !important; } /* ========================================= CLICK ========================================= */ .join-register-btn:active { transform: translateY(0) scale(0.985) !important; } .join-register-btn:active .join-arrow { transform: translateX(5px) scale(0.98) !important; } /* ========================================= TABLET 768px – 1024px ========================================= */ @media (min-width: 768px) and (max-width: 1024px) { .join-register-btn { width: min(380px, 100%) !important; height: 60px !important; padding: 5px 6px 5px 20px !important; } .join-register-text { font-size: 17px !important; letter-spacing: -0.5px !important; } .join-free { font-size: 17px !important; margin-left: 4px !important; } .join-old-price { font-size: 11px !important; margin-left: 9px !important; } .join-arrow { width: 46px !important; height: 46px !important; min-width: 46px !important; min-height: 46px !important; flex-basis: 46px !important; } .join-arrow svg { width: 24px !important; height: 24px !important; } } /* ========================================= MOBILE MAX 767px ========================================= */ @media (max-width: 767px) { .join-register-btn { width: 100% !important; max-width: 400px !important; min-width: 0 !important; height: 58px !important; padding: 5px 6px 5px 16px !important; } .join-register-text { font-size: 16px !important; letter-spacing: -0.4px !important; } .join-free { font-size: 16px !important; margin-left: 4px !important; } .join-old-price { font-size: 10px !important; margin-left: 7px !important; } .join-arrow { width: 46px !important; height: 46px !important; min-width: 46px !important; min-height: 46px !important; flex: 0 0 46px !important; } .join-arrow svg { width: 23px !important; height: 23px !important; } .join-register-btn:hover { transform: translateY(-2px) !important; } } /* ========================================= SMALL MOBILE MAX 480px ========================================= */ @media (max-width: 480px) { .join-register-btn { width: 100% !important; max-width: 100% !important; height: 56px !important; padding: 5px 5px 5px 13px !important; } .join-register-text { font-size: 14px !important; letter-spacing: -0.3px !important; } .join-free { font-size: 14px !important; margin-left: 3px !important; } .join-old-price { font-size: 9px !important; margin-left: 6px !important; } .join-arrow { width: 44px !important; height: 44px !important; min-width: 44px !important; min-height: 44px !important; flex: 0 0 44px !important; } .join-arrow svg { width: 22px !important; height: 22px !important; } .join-register-btn:hover .join-arrow { transform: translateX(3px) scale(1.05) !important; } .join-register-btn:hover .join-arrow svg { transform: translateX(3px) !important; } } /* ========================================= VERY SMALL MOBILE MAX 360px ========================================= */ @media (max-width: 360px) { .join-register-btn { height: 54px !important; padding-left: 10px !important; padding-right: 4px !important; } .join-register-text { font-size: 13px !important; letter-spacing: -0.25px !important; } .join-free { font-size: 13px !important; margin-left: 2px !important; } .join-old-price { font-size: 8px !important; margin-left: 5px !important; } .join-arrow { width: 42px !important; height: 42px !important; min-width: 42px !important; min-height: 42px !important; flex-basis: 42px !important; } .join-arrow svg { width: 21px !important; height: 21px !important; } } /* ========================================= ULTRA SMALL MAX 320px ========================================= */ @media (max-width: 320px) { .join-register-btn { height: 52px !important; padding-left: 8px !important; padding-right: 3px !important; } .join-register-text { font-size: 12px !important; letter-spacing: -0.2px !important; } .join-free { font-size: 12px !important; margin-left: 2px !important; } .join-old-price { font-size: 8px !important; margin-left: 3px !important; } .join-arrow { width: 40px !important; height: 40px !important; min-width: 40px !important; min-height: 40px !important; flex-basis: 40px !important; } .join-arrow svg { width: 20px !important; height: 20px !important; } } /* ========================================= TOUCH DEVICES REMOVE STICKY HOVER EFFECT ========================================= */ @media (hover: none) { .join-register-btn:hover { transform: none !important; } .join-register-btn:hover::before { left: -120% !important; } .join-register-btn:hover .join-arrow { transform: none !important; } .join-register-btn:hover .join-arrow svg { transform: none !important; } }/* End custom CSS */ /* Start custom CSS for icon, class: .elementor-element-1b00573 *//* ========================================================= ELEMENTOR PRO ICON ROUND • TRANSPARENT • PREMIUM BORDER • RESPONSIVE ========================================================= */ /* MAIN ICON WIDGET */ .elementor-15 .elementor-element.elementor-element-1b00573 { position: relative !important; display: inline-flex !important; width: auto !important; max-width: 100% !important; margin: 0 !important; padding: 0 !important; overflow: visible !important; } /* ELEMENTOR WIDGET WRAPPER */ .elementor-15 .elementor-element.elementor-element-1b00573 .elementor-widget-container { display: flex !important; align-items: center !important; /* Alignment Elementor se control hogi */ justify-content: inherit !important; width: auto !important; max-width: 100% !important; margin: 0 !important; padding: 0 !important; overflow: visible !important; } /* ========================================================= ROUND ICON ========================================================= */ .elementor-15 .elementor-element.elementor-element-1b00573 .elementor-icon { position: relative !important; display: inline-flex !important; align-items: center !important; justify-content: center !important; flex: 0 0 auto !important; width: 44px !important; height: 44px !important; margin: 0 !important; padding: 0 !important; color: #ffffff !important; background: rgba(255, 255, 255, 0.02) !important; border: 1px solid rgba(255, 255, 255, 0.18) !important; border-radius: 50% !important; box-sizing: border-box !important; overflow: hidden !important; box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.06), 0 4px 14px rgba(0, 0, 0, 0.08) !important; transform: translateZ(0) !important; -webkit-transform: translateZ(0) !important; transition: transform 0.3s ease, background-color 0.3s ease, border-color 0.3s ease, box-shadow 0.3s ease !important; } /* SOFT INNER SHINE */ .elementor-15 .elementor-element.elementor-element-1b00573 .elementor-icon::before { content: "" !important; position: absolute !important; inset: 0 !important; border-radius: inherit !important; background: linear-gradient( 135deg, rgba(255, 255, 255, 0.10) 0%, transparent 42%, transparent 100% ) !important; opacity: 0.55 !important; pointer-events: none !important; transition: opacity 0.3s ease !important; } /* ========================================================= FONT ICON ========================================================= */ .elementor-15 .elementor-element.elementor-element-1b00573 .elementor-icon i { position: relative !important; z-index: 2 !important; display: block !important; margin: 0 !important; padding: 0 !important; color: #ffffff !important; font-size: 19px !important; line-height: 1 !important; transition: color 0.3s ease, transform 0.3s ease !important; } /* ========================================================= SVG ICON ========================================================= */ .elementor-15 .elementor-element.elementor-element-1b00573 .elementor-icon svg { position: relative !important; z-index: 2 !important; display: block !important; width: 19px !important; height: 19px !important; margin: 0 !important; padding: 0 !important; fill: #ffffff !important; color: #ffffff !important; transition: fill 0.3s ease, stroke 0.3s ease, transform 0.3s ease !important; } /* SVG PATH SUPPORT */ .elementor-15 .elementor-element.elementor-element-1b00573 .elementor-icon svg path { fill: inherit !important; } /* STROKE-BASED SVG SUPPORT */ .elementor-15 .elementor-element.elementor-element-1b00573 .elementor-icon svg[fill="none"], .elementor-15 .elementor-element.elementor-element-1b00573 .elementor-icon svg[fill="none"] path { fill: none !important; stroke: #ffffff !important; } /* ========================================================= HOVER ========================================================= */ .elementor-15 .elementor-element.elementor-element-1b00573 .elementor-icon:hover { color: #ffffff !important; background: rgba(255, 255, 255, 0.10) !important; border-color: rgba(255, 255, 255, 0.48) !important; box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.16), 0 7px 18px rgba(0, 0, 0, 0.16), 0 0 12px rgba(255, 255, 255, 0.13), 0 0 24px rgba(255, 255, 255, 0.07) !important; transform: translateY(-3px) scale(1.03) !important; } .elementor-15 .elementor-element.elementor-element-1b00573 .elementor-icon:hover::before { opacity: 1 !important; } .elementor-15 .elementor-element.elementor-element-1b00573 .elementor-icon:hover i, .elementor-15 .elementor-element.elementor-element-1b00573 .elementor-icon:hover svg { color: #ffffff !important; fill: #ffffff !important; transform: scale(1.06) !important; } .elementor-15 .elementor-element.elementor-element-1b00573 .elementor-icon:hover svg path { fill: inherit !important; } .elementor-15 .elementor-element.elementor-element-1b00573 .elementor-icon:hover svg[fill="none"], .elementor-15 .elementor-element.elementor-element-1b00573 .elementor-icon:hover svg[fill="none"] path { fill: none !important; stroke: #ffffff !important; } /* ========================================================= KEYBOARD FOCUS ========================================================= */ .elementor-15 .elementor-element.elementor-element-1b00573 .elementor-icon:focus-visible { outline: 2px solid rgba(255, 255, 255, 0.75) !important; outline-offset: 4px !important; border-color: rgba(255, 255, 255, 0.55) !important; box-shadow: 0 0 0 4px rgba(255, 255, 255, 0.10), 0 0 20px rgba(255, 255, 255, 0.12) !important; } /* ========================================================= TABLET ========================================================= */ @media only screen and (max-width: 1024px) { .elementor-15 .elementor-element.elementor-element-1b00573 .elementor-icon { width: 42px !important; height: 42px !important; } .elementor-15 .elementor-element.elementor-element-1b00573 .elementor-icon i { font-size: 18px !important; } .elementor-15 .elementor-element.elementor-element-1b00573 .elementor-icon svg { width: 18px !important; height: 18px !important; } } /* ========================================================= MOBILE ========================================================= */ @media only screen and (max-width: 767px) { .elementor-15 .elementor-element.elementor-element-1b00573 .elementor-icon { width: 40px !important; height: 40px !important; } .elementor-15 .elementor-element.elementor-element-1b00573 .elementor-icon i { font-size: 17px !important; } .elementor-15 .elementor-element.elementor-element-1b00573 .elementor-icon svg { width: 17px !important; height: 17px !important; } } /* ========================================================= SMALL MOBILE ========================================================= */ @media only screen and (max-width: 480px) { .elementor-15 .elementor-element.elementor-element-1b00573 .elementor-icon { width: 38px !important; height: 38px !important; } .elementor-15 .elementor-element.elementor-element-1b00573 .elementor-icon i { font-size: 16px !important; } .elementor-15 .elementor-element.elementor-element-1b00573 .elementor-icon svg { width: 16px !important; height: 16px !important; } } /* ========================================================= TOUCH DEVICES — PREVENT STUCK HOVER ========================================================= */ @media (hover: none) { .elementor-15 .elementor-element.elementor-element-1b00573 .elementor-icon:hover { background: rgba(255, 255, 255, 0.02) !important; border-color: rgba(255, 255, 255, 0.18) !important; box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.06), 0 4px 14px rgba(0, 0, 0, 0.08) !important; transform: none !important; } } /* ========================================================= REDUCED MOTION SUPPORT ========================================================= */ @media (prefers-reduced-motion: reduce) { .elementor-15 .elementor-element.elementor-element-1b00573 .elementor-icon, .elementor-15 .elementor-element.elementor-element-1b00573 .elementor-icon::before, .elementor-15 .elementor-element.elementor-element-1b00573 .elementor-icon i, .elementor-15 .elementor-element.elementor-element-1b00573 .elementor-icon svg { transition: none !important; } .elementor-15 .elementor-element.elementor-element-1b00573 .elementor-icon:hover { transform: none !important; } }/* End custom CSS */ /* Start custom CSS for icon, class: .elementor-element-293dd6b *//* ========================================================= ELEMENTOR PRO ICON ROUND • TRANSPARENT • PREMIUM BORDER • RESPONSIVE ========================================================= */ /* MAIN ICON WIDGET */ .elementor-15 .elementor-element.elementor-element-293dd6b { position: relative !important; display: inline-flex !important; width: auto !important; max-width: 100% !important; margin: 0 !important; padding: 0 !important; overflow: visible !important; } /* ELEMENTOR WIDGET WRAPPER */ .elementor-15 .elementor-element.elementor-element-293dd6b .elementor-widget-container { display: flex !important; align-items: center !important; /* Alignment Elementor se control hogi */ justify-content: inherit !important; width: auto !important; max-width: 100% !important; margin: 0 !important; padding: 0 !important; overflow: visible !important; } /* ========================================================= ROUND ICON ========================================================= */ .elementor-15 .elementor-element.elementor-element-293dd6b .elementor-icon { position: relative !important; display: inline-flex !important; align-items: center !important; justify-content: center !important; flex: 0 0 auto !important; width: 44px !important; height: 44px !important; margin: 0 !important; padding: 0 !important; color: #ffffff !important; background: rgba(255, 255, 255, 0.02) !important; border: 1px solid rgba(255, 255, 255, 0.18) !important; border-radius: 50% !important; box-sizing: border-box !important; overflow: hidden !important; box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.06), 0 4px 14px rgba(0, 0, 0, 0.08) !important; transform: translateZ(0) !important; -webkit-transform: translateZ(0) !important; transition: transform 0.3s ease, background-color 0.3s ease, border-color 0.3s ease, box-shadow 0.3s ease !important; } /* SOFT INNER SHINE */ .elementor-15 .elementor-element.elementor-element-293dd6b .elementor-icon::before { content: "" !important; position: absolute !important; inset: 0 !important; border-radius: inherit !important; background: linear-gradient( 135deg, rgba(255, 255, 255, 0.10) 0%, transparent 42%, transparent 100% ) !important; opacity: 0.55 !important; pointer-events: none !important; transition: opacity 0.3s ease !important; } /* ========================================================= FONT ICON ========================================================= */ .elementor-15 .elementor-element.elementor-element-293dd6b .elementor-icon i { position: relative !important; z-index: 2 !important; display: block !important; margin: 0 !important; padding: 0 !important; color: #ffffff !important; font-size: 19px !important; line-height: 1 !important; transition: color 0.3s ease, transform 0.3s ease !important; } /* ========================================================= SVG ICON ========================================================= */ .elementor-15 .elementor-element.elementor-element-293dd6b .elementor-icon svg { position: relative !important; z-index: 2 !important; display: block !important; width: 19px !important; height: 19px !important; margin: 0 !important; padding: 0 !important; fill: #ffffff !important; color: #ffffff !important; transition: fill 0.3s ease, stroke 0.3s ease, transform 0.3s ease !important; } /* SVG PATH SUPPORT */ .elementor-15 .elementor-element.elementor-element-293dd6b .elementor-icon svg path { fill: inherit !important; } /* STROKE-BASED SVG SUPPORT */ .elementor-15 .elementor-element.elementor-element-293dd6b .elementor-icon svg[fill="none"], .elementor-15 .elementor-element.elementor-element-293dd6b .elementor-icon svg[fill="none"] path { fill: none !important; stroke: #ffffff !important; } /* ========================================================= HOVER ========================================================= */ .elementor-15 .elementor-element.elementor-element-293dd6b .elementor-icon:hover { color: #ffffff !important; background: rgba(255, 255, 255, 0.10) !important; border-color: rgba(255, 255, 255, 0.48) !important; box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.16), 0 7px 18px rgba(0, 0, 0, 0.16), 0 0 12px rgba(255, 255, 255, 0.13), 0 0 24px rgba(255, 255, 255, 0.07) !important; transform: translateY(-3px) scale(1.03) !important; } .elementor-15 .elementor-element.elementor-element-293dd6b .elementor-icon:hover::before { opacity: 1 !important; } .elementor-15 .elementor-element.elementor-element-293dd6b .elementor-icon:hover i, .elementor-15 .elementor-element.elementor-element-293dd6b .elementor-icon:hover svg { color: #ffffff !important; fill: #ffffff !important; transform: scale(1.06) !important; } .elementor-15 .elementor-element.elementor-element-293dd6b .elementor-icon:hover svg path { fill: inherit !important; } .elementor-15 .elementor-element.elementor-element-293dd6b .elementor-icon:hover svg[fill="none"], .elementor-15 .elementor-element.elementor-element-293dd6b .elementor-icon:hover svg[fill="none"] path { fill: none !important; stroke: #ffffff !important; } /* ========================================================= KEYBOARD FOCUS ========================================================= */ .elementor-15 .elementor-element.elementor-element-293dd6b .elementor-icon:focus-visible { outline: 2px solid rgba(255, 255, 255, 0.75) !important; outline-offset: 4px !important; border-color: rgba(255, 255, 255, 0.55) !important; box-shadow: 0 0 0 4px rgba(255, 255, 255, 0.10), 0 0 20px rgba(255, 255, 255, 0.12) !important; } /* ========================================================= TABLET ========================================================= */ @media only screen and (max-width: 1024px) { .elementor-15 .elementor-element.elementor-element-293dd6b .elementor-icon { width: 42px !important; height: 42px !important; } .elementor-15 .elementor-element.elementor-element-293dd6b .elementor-icon i { font-size: 18px !important; } .elementor-15 .elementor-element.elementor-element-293dd6b .elementor-icon svg { width: 18px !important; height: 18px !important; } } /* ========================================================= MOBILE ========================================================= */ @media only screen and (max-width: 767px) { .elementor-15 .elementor-element.elementor-element-293dd6b .elementor-icon { width: 40px !important; height: 40px !important; } .elementor-15 .elementor-element.elementor-element-293dd6b .elementor-icon i { font-size: 17px !important; } .elementor-15 .elementor-element.elementor-element-293dd6b .elementor-icon svg { width: 17px !important; height: 17px !important; } } /* ========================================================= SMALL MOBILE ========================================================= */ @media only screen and (max-width: 480px) { .elementor-15 .elementor-element.elementor-element-293dd6b .elementor-icon { width: 38px !important; height: 38px !important; } .elementor-15 .elementor-element.elementor-element-293dd6b .elementor-icon i { font-size: 16px !important; } .elementor-15 .elementor-element.elementor-element-293dd6b .elementor-icon svg { width: 16px !important; height: 16px !important; } } /* ========================================================= TOUCH DEVICES — PREVENT STUCK HOVER ========================================================= */ @media (hover: none) { .elementor-15 .elementor-element.elementor-element-293dd6b .elementor-icon:hover { background: rgba(255, 255, 255, 0.02) !important; border-color: rgba(255, 255, 255, 0.18) !important; box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.06), 0 4px 14px rgba(0, 0, 0, 0.08) !important; transform: none !important; } } /* ========================================================= REDUCED MOTION SUPPORT ========================================================= */ @media (prefers-reduced-motion: reduce) { .elementor-15 .elementor-element.elementor-element-293dd6b .elementor-icon, .elementor-15 .elementor-element.elementor-element-293dd6b .elementor-icon::before, .elementor-15 .elementor-element.elementor-element-293dd6b .elementor-icon i, .elementor-15 .elementor-element.elementor-element-293dd6b .elementor-icon svg { transition: none !important; } .elementor-15 .elementor-element.elementor-element-293dd6b .elementor-icon:hover { transform: none !important; } }/* End custom CSS */ /* Start custom CSS for icon, class: .elementor-element-d51bd3d *//* ========================================================= ELEMENTOR PRO ICON ROUND • TRANSPARENT • PREMIUM BORDER • RESPONSIVE ========================================================= */ /* MAIN ICON WIDGET */ .elementor-15 .elementor-element.elementor-element-d51bd3d { position: relative !important; display: inline-flex !important; width: auto !important; max-width: 100% !important; margin: 0 !important; padding: 0 !important; overflow: visible !important; } /* ELEMENTOR WIDGET WRAPPER */ .elementor-15 .elementor-element.elementor-element-d51bd3d .elementor-widget-container { display: flex !important; align-items: center !important; /* Alignment Elementor se control hogi */ justify-content: inherit !important; width: auto !important; max-width: 100% !important; margin: 0 !important; padding: 0 !important; overflow: visible !important; } /* ========================================================= ROUND ICON ========================================================= */ .elementor-15 .elementor-element.elementor-element-d51bd3d .elementor-icon { position: relative !important; display: inline-flex !important; align-items: center !important; justify-content: center !important; flex: 0 0 auto !important; width: 44px !important; height: 44px !important; margin: 0 !important; padding: 0 !important; color: #ffffff !important; background: rgba(255, 255, 255, 0.02) !important; border: 1px solid rgba(255, 255, 255, 0.18) !important; border-radius: 50% !important; box-sizing: border-box !important; overflow: hidden !important; box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.06), 0 4px 14px rgba(0, 0, 0, 0.08) !important; transform: translateZ(0) !important; -webkit-transform: translateZ(0) !important; transition: transform 0.3s ease, background-color 0.3s ease, border-color 0.3s ease, box-shadow 0.3s ease !important; } /* SOFT INNER SHINE */ .elementor-15 .elementor-element.elementor-element-d51bd3d .elementor-icon::before { content: "" !important; position: absolute !important; inset: 0 !important; border-radius: inherit !important; background: linear-gradient( 135deg, rgba(255, 255, 255, 0.10) 0%, transparent 42%, transparent 100% ) !important; opacity: 0.55 !important; pointer-events: none !important; transition: opacity 0.3s ease !important; } /* ========================================================= FONT ICON ========================================================= */ .elementor-15 .elementor-element.elementor-element-d51bd3d .elementor-icon i { position: relative !important; z-index: 2 !important; display: block !important; margin: 0 !important; padding: 0 !important; color: #ffffff !important; font-size: 19px !important; line-height: 1 !important; transition: color 0.3s ease, transform 0.3s ease !important; } /* ========================================================= SVG ICON ========================================================= */ .elementor-15 .elementor-element.elementor-element-d51bd3d .elementor-icon svg { position: relative !important; z-index: 2 !important; display: block !important; width: 19px !important; height: 19px !important; margin: 0 !important; padding: 0 !important; fill: #ffffff !important; color: #ffffff !important; transition: fill 0.3s ease, stroke 0.3s ease, transform 0.3s ease !important; } /* SVG PATH SUPPORT */ .elementor-15 .elementor-element.elementor-element-d51bd3d .elementor-icon svg path { fill: inherit !important; } /* STROKE-BASED SVG SUPPORT */ .elementor-15 .elementor-element.elementor-element-d51bd3d .elementor-icon svg[fill="none"], .elementor-15 .elementor-element.elementor-element-d51bd3d .elementor-icon svg[fill="none"] path { fill: none !important; stroke: #ffffff !important; } /* ========================================================= HOVER ========================================================= */ .elementor-15 .elementor-element.elementor-element-d51bd3d .elementor-icon:hover { color: #ffffff !important; background: rgba(255, 255, 255, 0.10) !important; border-color: rgba(255, 255, 255, 0.48) !important; box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.16), 0 7px 18px rgba(0, 0, 0, 0.16), 0 0 12px rgba(255, 255, 255, 0.13), 0 0 24px rgba(255, 255, 255, 0.07) !important; transform: translateY(-3px) scale(1.03) !important; } .elementor-15 .elementor-element.elementor-element-d51bd3d .elementor-icon:hover::before { opacity: 1 !important; } .elementor-15 .elementor-element.elementor-element-d51bd3d .elementor-icon:hover i, .elementor-15 .elementor-element.elementor-element-d51bd3d .elementor-icon:hover svg { color: #ffffff !important; fill: #ffffff !important; transform: scale(1.06) !important; } .elementor-15 .elementor-element.elementor-element-d51bd3d .elementor-icon:hover svg path { fill: inherit !important; } .elementor-15 .elementor-element.elementor-element-d51bd3d .elementor-icon:hover svg[fill="none"], .elementor-15 .elementor-element.elementor-element-d51bd3d .elementor-icon:hover svg[fill="none"] path { fill: none !important; stroke: #ffffff !important; } /* ========================================================= KEYBOARD FOCUS ========================================================= */ .elementor-15 .elementor-element.elementor-element-d51bd3d .elementor-icon:focus-visible { outline: 2px solid rgba(255, 255, 255, 0.75) !important; outline-offset: 4px !important; border-color: rgba(255, 255, 255, 0.55) !important; box-shadow: 0 0 0 4px rgba(255, 255, 255, 0.10), 0 0 20px rgba(255, 255, 255, 0.12) !important; } /* ========================================================= TABLET ========================================================= */ @media only screen and (max-width: 1024px) { .elementor-15 .elementor-element.elementor-element-d51bd3d .elementor-icon { width: 42px !important; height: 42px !important; } .elementor-15 .elementor-element.elementor-element-d51bd3d .elementor-icon i { font-size: 18px !important; } .elementor-15 .elementor-element.elementor-element-d51bd3d .elementor-icon svg { width: 18px !important; height: 18px !important; } } /* ========================================================= MOBILE ========================================================= */ @media only screen and (max-width: 767px) { .elementor-15 .elementor-element.elementor-element-d51bd3d .elementor-icon { width: 40px !important; height: 40px !important; } .elementor-15 .elementor-element.elementor-element-d51bd3d .elementor-icon i { font-size: 17px !important; } .elementor-15 .elementor-element.elementor-element-d51bd3d .elementor-icon svg { width: 17px !important; height: 17px !important; } } /* ========================================================= SMALL MOBILE ========================================================= */ @media only screen and (max-width: 480px) { .elementor-15 .elementor-element.elementor-element-d51bd3d .elementor-icon { width: 38px !important; height: 38px !important; } .elementor-15 .elementor-element.elementor-element-d51bd3d .elementor-icon i { font-size: 16px !important; } .elementor-15 .elementor-element.elementor-element-d51bd3d .elementor-icon svg { width: 16px !important; height: 16px !important; } } /* ========================================================= TOUCH DEVICES — PREVENT STUCK HOVER ========================================================= */ @media (hover: none) { .elementor-15 .elementor-element.elementor-element-d51bd3d .elementor-icon:hover { background: rgba(255, 255, 255, 0.02) !important; border-color: rgba(255, 255, 255, 0.18) !important; box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.06), 0 4px 14px rgba(0, 0, 0, 0.08) !important; transform: none !important; } } /* ========================================================= REDUCED MOTION SUPPORT ========================================================= */ @media (prefers-reduced-motion: reduce) { .elementor-15 .elementor-element.elementor-element-d51bd3d .elementor-icon, .elementor-15 .elementor-element.elementor-element-d51bd3d .elementor-icon::before, .elementor-15 .elementor-element.elementor-element-d51bd3d .elementor-icon i, .elementor-15 .elementor-element.elementor-element-d51bd3d .elementor-icon svg { transition: none !important; } .elementor-15 .elementor-element.elementor-element-d51bd3d .elementor-icon:hover { transform: none !important; } }/* End custom CSS */ /* Start custom CSS for icon, class: .elementor-element-3e15f37 *//* ========================================================= ELEMENTOR PRO ICON ROUND • TRANSPARENT • PREMIUM BORDER • RESPONSIVE ========================================================= */ /* MAIN ICON WIDGET */ .elementor-15 .elementor-element.elementor-element-3e15f37 { position: relative !important; display: inline-flex !important; width: auto !important; max-width: 100% !important; margin: 0 !important; padding: 0 !important; overflow: visible !important; } /* ELEMENTOR WIDGET WRAPPER */ .elementor-15 .elementor-element.elementor-element-3e15f37 .elementor-widget-container { display: flex !important; align-items: center !important; /* Alignment Elementor se control hogi */ justify-content: inherit !important; width: auto !important; max-width: 100% !important; margin: 0 !important; padding: 0 !important; overflow: visible !important; } /* ========================================================= ROUND ICON ========================================================= */ .elementor-15 .elementor-element.elementor-element-3e15f37 .elementor-icon { position: relative !important; display: inline-flex !important; align-items: center !important; justify-content: center !important; flex: 0 0 auto !important; width: 44px !important; height: 44px !important; margin: 0 !important; padding: 0 !important; color: #ffffff !important; background: rgba(255, 255, 255, 0.02) !important; border: 1px solid rgba(255, 255, 255, 0.18) !important; border-radius: 50% !important; box-sizing: border-box !important; overflow: hidden !important; box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.06), 0 4px 14px rgba(0, 0, 0, 0.08) !important; transform: translateZ(0) !important; -webkit-transform: translateZ(0) !important; transition: transform 0.3s ease, background-color 0.3s ease, border-color 0.3s ease, box-shadow 0.3s ease !important; } /* SOFT INNER SHINE */ .elementor-15 .elementor-element.elementor-element-3e15f37 .elementor-icon::before { content: "" !important; position: absolute !important; inset: 0 !important; border-radius: inherit !important; background: linear-gradient( 135deg, rgba(255, 255, 255, 0.10) 0%, transparent 42%, transparent 100% ) !important; opacity: 0.55 !important; pointer-events: none !important; transition: opacity 0.3s ease !important; } /* ========================================================= FONT ICON ========================================================= */ .elementor-15 .elementor-element.elementor-element-3e15f37 .elementor-icon i { position: relative !important; z-index: 2 !important; display: block !important; margin: 0 !important; padding: 0 !important; color: #ffffff !important; font-size: 19px !important; line-height: 1 !important; transition: color 0.3s ease, transform 0.3s ease !important; } /* ========================================================= SVG ICON ========================================================= */ .elementor-15 .elementor-element.elementor-element-3e15f37 .elementor-icon svg { position: relative !important; z-index: 2 !important; display: block !important; width: 19px !important; height: 19px !important; margin: 0 !important; padding: 0 !important; fill: #ffffff !important; color: #ffffff !important; transition: fill 0.3s ease, stroke 0.3s ease, transform 0.3s ease !important; } /* SVG PATH SUPPORT */ .elementor-15 .elementor-element.elementor-element-3e15f37 .elementor-icon svg path { fill: inherit !important; } /* STROKE-BASED SVG SUPPORT */ .elementor-15 .elementor-element.elementor-element-3e15f37 .elementor-icon svg[fill="none"], .elementor-15 .elementor-element.elementor-element-3e15f37 .elementor-icon svg[fill="none"] path { fill: none !important; stroke: #ffffff !important; } /* ========================================================= HOVER ========================================================= */ .elementor-15 .elementor-element.elementor-element-3e15f37 .elementor-icon:hover { color: #ffffff !important; background: rgba(255, 255, 255, 0.10) !important; border-color: rgba(255, 255, 255, 0.48) !important; box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.16), 0 7px 18px rgba(0, 0, 0, 0.16), 0 0 12px rgba(255, 255, 255, 0.13), 0 0 24px rgba(255, 255, 255, 0.07) !important; transform: translateY(-3px) scale(1.03) !important; } .elementor-15 .elementor-element.elementor-element-3e15f37 .elementor-icon:hover::before { opacity: 1 !important; } .elementor-15 .elementor-element.elementor-element-3e15f37 .elementor-icon:hover i, .elementor-15 .elementor-element.elementor-element-3e15f37 .elementor-icon:hover svg { color: #ffffff !important; fill: #ffffff !important; transform: scale(1.06) !important; } .elementor-15 .elementor-element.elementor-element-3e15f37 .elementor-icon:hover svg path { fill: inherit !important; } .elementor-15 .elementor-element.elementor-element-3e15f37 .elementor-icon:hover svg[fill="none"], .elementor-15 .elementor-element.elementor-element-3e15f37 .elementor-icon:hover svg[fill="none"] path { fill: none !important; stroke: #ffffff !important; } /* ========================================================= KEYBOARD FOCUS ========================================================= */ .elementor-15 .elementor-element.elementor-element-3e15f37 .elementor-icon:focus-visible { outline: 2px solid rgba(255, 255, 255, 0.75) !important; outline-offset: 4px !important; border-color: rgba(255, 255, 255, 0.55) !important; box-shadow: 0 0 0 4px rgba(255, 255, 255, 0.10), 0 0 20px rgba(255, 255, 255, 0.12) !important; } /* ========================================================= TABLET ========================================================= */ @media only screen and (max-width: 1024px) { .elementor-15 .elementor-element.elementor-element-3e15f37 .elementor-icon { width: 42px !important; height: 42px !important; } .elementor-15 .elementor-element.elementor-element-3e15f37 .elementor-icon i { font-size: 18px !important; } .elementor-15 .elementor-element.elementor-element-3e15f37 .elementor-icon svg { width: 18px !important; height: 18px !important; } } /* ========================================================= MOBILE ========================================================= */ @media only screen and (max-width: 767px) { .elementor-15 .elementor-element.elementor-element-3e15f37 .elementor-icon { width: 40px !important; height: 40px !important; } .elementor-15 .elementor-element.elementor-element-3e15f37 .elementor-icon i { font-size: 17px !important; } .elementor-15 .elementor-element.elementor-element-3e15f37 .elementor-icon svg { width: 17px !important; height: 17px !important; } } /* ========================================================= SMALL MOBILE ========================================================= */ @media only screen and (max-width: 480px) { .elementor-15 .elementor-element.elementor-element-3e15f37 .elementor-icon { width: 38px !important; height: 38px !important; } .elementor-15 .elementor-element.elementor-element-3e15f37 .elementor-icon i { font-size: 16px !important; } .elementor-15 .elementor-element.elementor-element-3e15f37 .elementor-icon svg { width: 16px !important; height: 16px !important; } } /* ========================================================= TOUCH DEVICES — PREVENT STUCK HOVER ========================================================= */ @media (hover: none) { .elementor-15 .elementor-element.elementor-element-3e15f37 .elementor-icon:hover { background: rgba(255, 255, 255, 0.02) !important; border-color: rgba(255, 255, 255, 0.18) !important; box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.06), 0 4px 14px rgba(0, 0, 0, 0.08) !important; transform: none !important; } } /* ========================================================= REDUCED MOTION SUPPORT ========================================================= */ @media (prefers-reduced-motion: reduce) { .elementor-15 .elementor-element.elementor-element-3e15f37 .elementor-icon, .elementor-15 .elementor-element.elementor-element-3e15f37 .elementor-icon::before, .elementor-15 .elementor-element.elementor-element-3e15f37 .elementor-icon i, .elementor-15 .elementor-element.elementor-element-3e15f37 .elementor-icon svg { transition: none !important; } .elementor-15 .elementor-element.elementor-element-3e15f37 .elementor-icon:hover { transform: none !important; } }/* End custom CSS */ /* Start custom CSS for icon, class: .elementor-element-5b2f616 *//* ========================================================= ELEMENTOR PRO ICON ROUND • TRANSPARENT • PREMIUM BORDER • RESPONSIVE ========================================================= */ /* MAIN ICON WIDGET */ .elementor-15 .elementor-element.elementor-element-5b2f616 { position: relative !important; display: inline-flex !important; width: auto !important; max-width: 100% !important; margin: 0 !important; padding: 0 !important; overflow: visible !important; } /* ELEMENTOR WIDGET WRAPPER */ .elementor-15 .elementor-element.elementor-element-5b2f616 .elementor-widget-container { display: flex !important; align-items: center !important; /* Alignment Elementor se control hogi */ justify-content: inherit !important; width: auto !important; max-width: 100% !important; margin: 0 !important; padding: 0 !important; overflow: visible !important; } /* ========================================================= ROUND ICON ========================================================= */ .elementor-15 .elementor-element.elementor-element-5b2f616 .elementor-icon { position: relative !important; display: inline-flex !important; align-items: center !important; justify-content: center !important; flex: 0 0 auto !important; width: 44px !important; height: 44px !important; margin: 0 !important; padding: 0 !important; color: #ffffff !important; background: rgba(255, 255, 255, 0.02) !important; border: 1px solid rgba(255, 255, 255, 0.18) !important; border-radius: 50% !important; box-sizing: border-box !important; overflow: hidden !important; box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.06), 0 4px 14px rgba(0, 0, 0, 0.08) !important; transform: translateZ(0) !important; -webkit-transform: translateZ(0) !important; transition: transform 0.3s ease, background-color 0.3s ease, border-color 0.3s ease, box-shadow 0.3s ease !important; } /* SOFT INNER SHINE */ .elementor-15 .elementor-element.elementor-element-5b2f616 .elementor-icon::before { content: "" !important; position: absolute !important; inset: 0 !important; border-radius: inherit !important; background: linear-gradient( 135deg, rgba(255, 255, 255, 0.10) 0%, transparent 42%, transparent 100% ) !important; opacity: 0.55 !important; pointer-events: none !important; transition: opacity 0.3s ease !important; } /* ========================================================= FONT ICON ========================================================= */ .elementor-15 .elementor-element.elementor-element-5b2f616 .elementor-icon i { position: relative !important; z-index: 2 !important; display: block !important; margin: 0 !important; padding: 0 !important; color: #ffffff !important; font-size: 19px !important; line-height: 1 !important; transition: color 0.3s ease, transform 0.3s ease !important; } /* ========================================================= SVG ICON ========================================================= */ .elementor-15 .elementor-element.elementor-element-5b2f616 .elementor-icon svg { position: relative !important; z-index: 2 !important; display: block !important; width: 19px !important; height: 19px !important; margin: 0 !important; padding: 0 !important; fill: #ffffff !important; color: #ffffff !important; transition: fill 0.3s ease, stroke 0.3s ease, transform 0.3s ease !important; } /* SVG PATH SUPPORT */ .elementor-15 .elementor-element.elementor-element-5b2f616 .elementor-icon svg path { fill: inherit !important; } /* STROKE-BASED SVG SUPPORT */ .elementor-15 .elementor-element.elementor-element-5b2f616 .elementor-icon svg[fill="none"], .elementor-15 .elementor-element.elementor-element-5b2f616 .elementor-icon svg[fill="none"] path { fill: none !important; stroke: #ffffff !important; } /* ========================================================= HOVER ========================================================= */ .elementor-15 .elementor-element.elementor-element-5b2f616 .elementor-icon:hover { color: #ffffff !important; background: rgba(255, 255, 255, 0.10) !important; border-color: rgba(255, 255, 255, 0.48) !important; box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.16), 0 7px 18px rgba(0, 0, 0, 0.16), 0 0 12px rgba(255, 255, 255, 0.13), 0 0 24px rgba(255, 255, 255, 0.07) !important; transform: translateY(-3px) scale(1.03) !important; } .elementor-15 .elementor-element.elementor-element-5b2f616 .elementor-icon:hover::before { opacity: 1 !important; } .elementor-15 .elementor-element.elementor-element-5b2f616 .elementor-icon:hover i, .elementor-15 .elementor-element.elementor-element-5b2f616 .elementor-icon:hover svg { color: #ffffff !important; fill: #ffffff !important; transform: scale(1.06) !important; } .elementor-15 .elementor-element.elementor-element-5b2f616 .elementor-icon:hover svg path { fill: inherit !important; } .elementor-15 .elementor-element.elementor-element-5b2f616 .elementor-icon:hover svg[fill="none"], .elementor-15 .elementor-element.elementor-element-5b2f616 .elementor-icon:hover svg[fill="none"] path { fill: none !important; stroke: #ffffff !important; } /* ========================================================= KEYBOARD FOCUS ========================================================= */ .elementor-15 .elementor-element.elementor-element-5b2f616 .elementor-icon:focus-visible { outline: 2px solid rgba(255, 255, 255, 0.75) !important; outline-offset: 4px !important; border-color: rgba(255, 255, 255, 0.55) !important; box-shadow: 0 0 0 4px rgba(255, 255, 255, 0.10), 0 0 20px rgba(255, 255, 255, 0.12) !important; } /* ========================================================= TABLET ========================================================= */ @media only screen and (max-width: 1024px) { .elementor-15 .elementor-element.elementor-element-5b2f616 .elementor-icon { width: 42px !important; height: 42px !important; } .elementor-15 .elementor-element.elementor-element-5b2f616 .elementor-icon i { font-size: 18px !important; } .elementor-15 .elementor-element.elementor-element-5b2f616 .elementor-icon svg { width: 18px !important; height: 18px !important; } } /* ========================================================= MOBILE ========================================================= */ @media only screen and (max-width: 767px) { .elementor-15 .elementor-element.elementor-element-5b2f616 .elementor-icon { width: 40px !important; height: 40px !important; } .elementor-15 .elementor-element.elementor-element-5b2f616 .elementor-icon i { font-size: 17px !important; } .elementor-15 .elementor-element.elementor-element-5b2f616 .elementor-icon svg { width: 17px !important; height: 17px !important; } } /* ========================================================= SMALL MOBILE ========================================================= */ @media only screen and (max-width: 480px) { .elementor-15 .elementor-element.elementor-element-5b2f616 .elementor-icon { width: 38px !important; height: 38px !important; } .elementor-15 .elementor-element.elementor-element-5b2f616 .elementor-icon i { font-size: 16px !important; } .elementor-15 .elementor-element.elementor-element-5b2f616 .elementor-icon svg { width: 16px !important; height: 16px !important; } } /* ========================================================= TOUCH DEVICES — PREVENT STUCK HOVER ========================================================= */ @media (hover: none) { .elementor-15 .elementor-element.elementor-element-5b2f616 .elementor-icon:hover { background: rgba(255, 255, 255, 0.02) !important; border-color: rgba(255, 255, 255, 0.18) !important; box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.06), 0 4px 14px rgba(0, 0, 0, 0.08) !important; transform: none !important; } } /* ========================================================= REDUCED MOTION SUPPORT ========================================================= */ @media (prefers-reduced-motion: reduce) { .elementor-15 .elementor-element.elementor-element-5b2f616 .elementor-icon, .elementor-15 .elementor-element.elementor-element-5b2f616 .elementor-icon::before, .elementor-15 .elementor-element.elementor-element-5b2f616 .elementor-icon i, .elementor-15 .elementor-element.elementor-element-5b2f616 .elementor-icon svg { transition: none !important; } .elementor-15 .elementor-element.elementor-element-5b2f616 .elementor-icon:hover { transform: none !important; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-cff76ba */.elementor-15 .elementor-element.elementor-element-cff76ba .elementor-heading-title { color: #8B919D !important; font-weight: 400 !important; line-height: 1.25 !important; margin: 0 !important; } .elementor-15 .elementor-element.elementor-element-cff76ba .elementor-heading-title span { color: #FFFFFF !important; font-weight: 500 !important; }/* End custom CSS */ /* Start custom CSS for icon, class: .elementor-element-f1138e5 *//* ================================================== FIXED WHATSAPP ICON — FULLY WORKING DESKTOP + TABLET + MOBILE ================================================== */ /* MAIN ELEMENTOR ICON WIDGET */ .elementor-15 .elementor-element.elementor-element-f1138e5 { position: fixed !important; right: 24px !important; bottom: 24px !important; left: auto !important; top: auto !important; width: 60px !important; height: 60px !important; margin: 0 !important; padding: 0 !important; z-index: 9999999 !important; overflow: visible !important; transform: none !important; } /* ELEMENTOR WIDGET CONTAINER */ .elementor-15 .elementor-element.elementor-element-f1138e5 > .elementor-widget-container { position: relative !important; display: flex !important; align-items: center !important; justify-content: center !important; width: 60px !important; height: 60px !important; margin: 0 !important; padding: 0 !important; overflow: visible !important; border-radius: 50% !important; animation: whatsappFloat 2s ease-in-out infinite !important; } /* ICON WRAPPER */ .elementor-15 .elementor-element.elementor-element-f1138e5 .elementor-icon-wrapper { position: relative !important; z-index: 2 !important; display: flex !important; align-items: center !important; justify-content: center !important; width: 60px !important; height: 60px !important; margin: 0 !important; padding: 0 !important; line-height: 1 !important; overflow: visible !important; } /* CLICKABLE ICON LINK */ .elementor-15 .elementor-element.elementor-element-f1138e5 a.elementor-icon, .elementor-15 .elementor-element.elementor-element-f1138e5 .elementor-icon { position: relative !important; z-index: 3 !important; display: flex !important; align-items: center !important; justify-content: center !important; width: 60px !important; height: 60px !important; margin: 0 !important; padding: 0 !important; color: #ffffff !important; background: linear-gradient( 135deg, #41ed80 0%, #25d366 48%, #128c7e 100% ) !important; border: 2px solid rgba(255, 255, 255, 0.95) !important; border-radius: 50% !important; box-shadow: 0 0 12px rgba(37, 211, 102, 0.85), 0 0 28px rgba(37, 211, 102, 0.48), 0 9px 24px rgba(0, 0, 0, 0.32) !important; line-height: 1 !important; text-decoration: none !important; cursor: pointer !important; transition: transform 0.3s ease, box-shadow 0.3s ease !important; } /* PULSE RING */ .elementor-15 .elementor-element.elementor-element-f1138e5 .elementor-icon-wrapper::before, .elementor-15 .elementor-element.elementor-element-f1138e5 .elementor-widget-container::before { content: "" !important; position: absolute !important; z-index: 1 !important; top: -6px !important; right: -6px !important; bottom: -6px !important; left: -6px !important; border: 2px solid rgba(37, 211, 102, 0.70) !important; border-radius: 50% !important; pointer-events: none !important; animation: whatsappPulse 1.8s ease-out infinite !important; } /* PREVENT DOUBLE RING ON SOME ELEMENTOR VERSIONS */ .elementor-15 .elementor-element.elementor-element-f1138e5 .elementor-icon-wrapper::before { display: none !important; } /* FONT AWESOME ICON */ .elementor-15 .elementor-element.elementor-element-f1138e5 .elementor-icon i, .elementor-15 .elementor-element.elementor-element-f1138e5 .elementor-icon i::before { display: block !important; width: auto !important; height: auto !important; margin: 0 !important; padding: 0 !important; color: #ffffff !important; font-size: 31px !important; line-height: 1 !important; transform: none !important; } /* SVG ICON */ .elementor-15 .elementor-element.elementor-element-f1138e5 .elementor-icon svg { display: block !important; width: 31px !important; height: 31px !important; margin: 0 !important; padding: 0 !important; fill: #ffffff !important; color: #ffffff !important; } /* SVG PATH */ .elementor-15 .elementor-element.elementor-element-f1138e5 .elementor-icon svg path { fill: #ffffff !important; } /* HOVER EFFECT */ .elementor-15 .elementor-element.elementor-element-f1138e5 a.elementor-icon:hover, .elementor-15 .elementor-element.elementor-element-f1138e5 .elementor-icon:hover { color: #ffffff !important; transform: scale(1.1) !important; box-shadow: 0 0 18px rgba(37, 211, 102, 1), 0 0 40px rgba(37, 211, 102, 0.72), 0 12px 28px rgba(0, 0, 0, 0.38) !important; } /* FLOATING ANIMATION */ @keyframes whatsappFloat { 0%, 100% { transform: translateY(0); } 50% { transform: translateY(-7px); } } /* PULSE ANIMATION */ @keyframes whatsappPulse { 0% { transform: scale(0.82); opacity: 0.9; } 70%, 100% { transform: scale(1.35); opacity: 0; } } /* TABLET */ @media screen and (max-width: 1024px) { .elementor-15 .elementor-element.elementor-element-f1138e5 { right: 20px !important; bottom: 20px !important; } } /* MOBILE */ @media screen and (max-width: 767px) { .elementor-15 .elementor-element.elementor-element-f1138e5 { right: 15px !important; bottom: 18px !important; width: 54px !important; height: 54px !important; } .elementor-15 .elementor-element.elementor-element-f1138e5 > .elementor-widget-container, .elementor-15 .elementor-element.elementor-element-f1138e5 .elementor-icon-wrapper, .elementor-15 .elementor-element.elementor-element-f1138e5 a.elementor-icon, .elementor-15 .elementor-element.elementor-element-f1138e5 .elementor-icon { width: 54px !important; height: 54px !important; } .elementor-15 .elementor-element.elementor-element-f1138e5 .elementor-icon i, .elementor-15 .elementor-element.elementor-element-f1138e5 .elementor-icon i::before { font-size: 28px !important; } .elementor-15 .elementor-element.elementor-element-f1138e5 .elementor-icon svg { width: 28px !important; height: 28px !important; } } /* SMALL MOBILE */ @media screen and (max-width: 480px) { .elementor-15 .elementor-element.elementor-element-f1138e5 { right: 13px !important; bottom: 16px !important; width: 52px !important; height: 52px !important; } .elementor-15 .elementor-element.elementor-element-f1138e5 > .elementor-widget-container, .elementor-15 .elementor-element.elementor-element-f1138e5 .elementor-icon-wrapper, .elementor-15 .elementor-element.elementor-element-f1138e5 a.elementor-icon, .elementor-15 .elementor-element.elementor-element-f1138e5 .elementor-icon { width: 52px !important; height: 52px !important; } .elementor-15 .elementor-element.elementor-element-f1138e5 .elementor-icon i, .elementor-15 .elementor-element.elementor-element-f1138e5 .elementor-icon i::before { font-size: 27px !important; } .elementor-15 .elementor-element.elementor-element-f1138e5 .elementor-icon svg { width: 27px !important; height: 27px !important; } } /* ACCESSIBILITY */ @media (prefers-reduced-motion: reduce) { .elementor-15 .elementor-element.elementor-element-f1138e5 > .elementor-widget-container, .elementor-15 .elementor-element.elementor-element-f1138e5 .elementor-widget-container::before { animation: none !important; } }/* End custom CSS */