.elementor-52302 .elementor-element.elementor-element-5e7602fe{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;overflow:visible;}.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-52302 .elementor-element.elementor-element-4df27315 > .elementor-widget-container{padding:0px 0px 30px 0px;}.elementor-52302 .elementor-element.elementor-element-4df27315{text-align:left;}.elementor-52302 .elementor-element.elementor-element-4df27315 .elementor-heading-title{font-family:"Space Grotesk", Sans-serif;font-size:66px;font-weight:400;line-height:60px;letter-spacing:-3px;color:#000000;}.elementor-widget-nested-tabs.elementor-widget-n-tabs > .elementor-widget-container > .e-n-tabs[data-touch-mode='false'] > .e-n-tabs-heading > .e-n-tab-title[aria-selected="false"]:hover{background:var( --e-global-color-accent );}.elementor-widget-nested-tabs.elementor-widget-n-tabs > .elementor-widget-container > .e-n-tabs > .e-n-tabs-heading > .e-n-tab-title[aria-selected="true"], .elementor-widget-nested-tabs.elementor-widget-n-tabs > .elementor-widget-container > .e-n-tabs[data-touch-mode='true'] > .e-n-tabs-heading > .e-n-tab-title[aria-selected="false"]:hover{background:var( --e-global-color-accent );}.elementor-widget-nested-tabs.elementor-widget-n-tabs > .elementor-widget-container > .e-n-tabs > .e-n-tabs-heading > :is( .e-n-tab-title > .e-n-tab-title-text, .e-n-tab-title ){font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-52302 .elementor-element.elementor-element-1c55517e{--display:flex;--overlay-opacity:0.5;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;overflow:visible;}.elementor-52302 .elementor-element.elementor-element-1c55517e::before, .elementor-52302 .elementor-element.elementor-element-1c55517e > .elementor-background-video-container::before, .elementor-52302 .elementor-element.elementor-element-1c55517e > .e-con-inner > .elementor-background-video-container::before, .elementor-52302 .elementor-element.elementor-element-1c55517e > .elementor-background-slideshow::before, .elementor-52302 .elementor-element.elementor-element-1c55517e > .e-con-inner > .elementor-background-slideshow::before, .elementor-52302 .elementor-element.elementor-element-1c55517e > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{--background-overlay:'';}.elementor-52302 .elementor-element.elementor-element-6a085223{--display:flex;--min-height:65vh;--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-radius:15px 15px 15px 15px;--z-index:0;overflow:visible;}.elementor-52302 .elementor-element.elementor-element-6a085223:not(.elementor-motion-effects-element-type-background), .elementor-52302 .elementor-element.elementor-element-6a085223 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-52302 .elementor-element.elementor-element-6a085223::before, .elementor-52302 .elementor-element.elementor-element-6a085223 > .elementor-background-video-container::before, .elementor-52302 .elementor-element.elementor-element-6a085223 > .e-con-inner > .elementor-background-video-container::before, .elementor-52302 .elementor-element.elementor-element-6a085223 > .elementor-background-slideshow::before, .elementor-52302 .elementor-element.elementor-element-6a085223 > .e-con-inner > .elementor-background-slideshow::before, .elementor-52302 .elementor-element.elementor-element-6a085223 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{--background-overlay:'';}.elementor-52302 .elementor-element.elementor-element-ba3ab8a{--display:flex;--justify-content:space-between;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--overlay-opacity:0.5;--border-radius:15px 15px 15px 15px;--padding-top:50px;--padding-bottom:50px;--padding-left:50px;--padding-right:50px;overflow:visible;}.elementor-52302 .elementor-element.elementor-element-ba3ab8a::before, .elementor-52302 .elementor-element.elementor-element-ba3ab8a > .elementor-background-video-container::before, .elementor-52302 .elementor-element.elementor-element-ba3ab8a > .e-con-inner > .elementor-background-video-container::before, .elementor-52302 .elementor-element.elementor-element-ba3ab8a > .elementor-background-slideshow::before, .elementor-52302 .elementor-element.elementor-element-ba3ab8a > .e-con-inner > .elementor-background-slideshow::before, .elementor-52302 .elementor-element.elementor-element-ba3ab8a > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{--background-overlay:'';}.elementor-52302 .elementor-element.elementor-element-ba3ab8a.e-con{--flex-grow:0;--flex-shrink:0;}.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-52302 .elementor-element.elementor-element-63a5f1c{width:var( --container-widget-width, 32% );max-width:32%;--container-widget-width:32%;--container-widget-flex-grow:0;font-family:"Neue Haas", Sans-serif;font-size:25px;font-weight:300;color:#000000;}.elementor-52302 .elementor-element.elementor-element-63a5f1c > .elementor-widget-container{padding:0px 0px 0px 20px;border-style:solid;border-width:0px 0px 0px 03px;border-color:#0091FF;}.elementor-52302 .elementor-element.elementor-element-63a5f1c p{margin-block-end:0px;}.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-52302 .elementor-element.elementor-element-4f12dd7 > .elementor-widget-container{margin:-130px 0px 0px 0px;}.elementor-52302 .elementor-element.elementor-element-4f12dd7 img{width:1000px;}.elementor-52302 .elementor-element.elementor-element-f974603 > .elementor-widget-container{margin:-300px 0px 0px 45px;}.elementor-52302 .elementor-element.elementor-element-f974603 img{width:620px;}.elementor-52302 .elementor-element.elementor-element-2188df5 > .elementor-widget-container{margin:-75px 0px 0px 0px;}.elementor-52302 .elementor-element.elementor-element-2188df5.elementor-element{--align-self:flex-end;}.elementor-52302 .elementor-element.elementor-element-17b58af4{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;overflow:visible;}.elementor-52302 .elementor-element.elementor-element-3e77e55a{--display:flex;--min-height:65vh;--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-radius:15px 15px 15px 15px;--z-index:0;overflow:visible;}.elementor-52302 .elementor-element.elementor-element-3e77e55a:not(.elementor-motion-effects-element-type-background), .elementor-52302 .elementor-element.elementor-element-3e77e55a > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-52302 .elementor-element.elementor-element-3e77e55a::before, .elementor-52302 .elementor-element.elementor-element-3e77e55a > .elementor-background-video-container::before, .elementor-52302 .elementor-element.elementor-element-3e77e55a > .e-con-inner > .elementor-background-video-container::before, .elementor-52302 .elementor-element.elementor-element-3e77e55a > .elementor-background-slideshow::before, .elementor-52302 .elementor-element.elementor-element-3e77e55a > .e-con-inner > .elementor-background-slideshow::before, .elementor-52302 .elementor-element.elementor-element-3e77e55a > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{--background-overlay:'';}.elementor-52302 .elementor-element.elementor-element-84ab07b{--display:flex;--justify-content:space-between;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--overlay-opacity:0.5;--border-radius:15px 15px 15px 15px;--padding-top:50px;--padding-bottom:50px;--padding-left:50px;--padding-right:50px;overflow:visible;}.elementor-52302 .elementor-element.elementor-element-84ab07b::before, .elementor-52302 .elementor-element.elementor-element-84ab07b > .elementor-background-video-container::before, .elementor-52302 .elementor-element.elementor-element-84ab07b > .e-con-inner > .elementor-background-video-container::before, .elementor-52302 .elementor-element.elementor-element-84ab07b > .elementor-background-slideshow::before, .elementor-52302 .elementor-element.elementor-element-84ab07b > .e-con-inner > .elementor-background-slideshow::before, .elementor-52302 .elementor-element.elementor-element-84ab07b > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{--background-overlay:'';}.elementor-52302 .elementor-element.elementor-element-84ab07b.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-52302 .elementor-element.elementor-element-8f9889c{width:var( --container-widget-width, 32% );max-width:32%;--container-widget-width:32%;--container-widget-flex-grow:0;font-family:"Neue Haas", Sans-serif;font-size:25px;font-weight:300;color:#000000;}.elementor-52302 .elementor-element.elementor-element-8f9889c > .elementor-widget-container{padding:0px 0px 0px 20px;border-style:solid;border-width:0px 0px 0px 03px;border-color:#0091FF;}.elementor-52302 .elementor-element.elementor-element-8f9889c p{margin-block-end:0px;}.elementor-52302 .elementor-element.elementor-element-44bfee9 > .elementor-widget-container{margin:-130px 0px 0px 0px;}.elementor-52302 .elementor-element.elementor-element-44bfee9 img{width:1000px;}.elementor-52302 .elementor-element.elementor-element-95da12b > .elementor-widget-container{margin:-190px 0px 0px 50px;}.elementor-52302 .elementor-element.elementor-element-95da12b img{width:525px;}.elementor-52302 .elementor-element.elementor-element-21b5310 > .elementor-widget-container{margin:-75px 0px 0px 0px;}.elementor-52302 .elementor-element.elementor-element-21b5310.elementor-element{--align-self:flex-end;}.elementor-52302 .elementor-element.elementor-element-acf560f{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;overflow:visible;}.elementor-52302 .elementor-element.elementor-element-0d9c830{--display:flex;--min-height:65vh;--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-radius:15px 15px 15px 15px;--z-index:0;overflow:visible;}.elementor-52302 .elementor-element.elementor-element-0d9c830:not(.elementor-motion-effects-element-type-background), .elementor-52302 .elementor-element.elementor-element-0d9c830 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-52302 .elementor-element.elementor-element-0d9c830::before, .elementor-52302 .elementor-element.elementor-element-0d9c830 > .elementor-background-video-container::before, .elementor-52302 .elementor-element.elementor-element-0d9c830 > .e-con-inner > .elementor-background-video-container::before, .elementor-52302 .elementor-element.elementor-element-0d9c830 > .elementor-background-slideshow::before, .elementor-52302 .elementor-element.elementor-element-0d9c830 > .e-con-inner > .elementor-background-slideshow::before, .elementor-52302 .elementor-element.elementor-element-0d9c830 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{--background-overlay:'';}.elementor-52302 .elementor-element.elementor-element-ce03b4d{--display:flex;--justify-content:space-between;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--overlay-opacity:0.5;--border-radius:15px 15px 15px 15px;--padding-top:50px;--padding-bottom:50px;--padding-left:50px;--padding-right:50px;overflow:visible;}.elementor-52302 .elementor-element.elementor-element-ce03b4d::before, .elementor-52302 .elementor-element.elementor-element-ce03b4d > .elementor-background-video-container::before, .elementor-52302 .elementor-element.elementor-element-ce03b4d > .e-con-inner > .elementor-background-video-container::before, .elementor-52302 .elementor-element.elementor-element-ce03b4d > .elementor-background-slideshow::before, .elementor-52302 .elementor-element.elementor-element-ce03b4d > .e-con-inner > .elementor-background-slideshow::before, .elementor-52302 .elementor-element.elementor-element-ce03b4d > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{--background-overlay:'';}.elementor-52302 .elementor-element.elementor-element-ce03b4d.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-52302 .elementor-element.elementor-element-1c3e4bb{width:var( --container-widget-width, 32% );max-width:32%;--container-widget-width:32%;--container-widget-flex-grow:0;font-family:"Neue Haas", Sans-serif;font-size:25px;font-weight:300;color:#000000;}.elementor-52302 .elementor-element.elementor-element-1c3e4bb > .elementor-widget-container{padding:0px 0px 0px 20px;border-style:solid;border-width:0px 0px 0px 03px;border-color:#0091FF;}.elementor-52302 .elementor-element.elementor-element-1c3e4bb p{margin-block-end:0px;}.elementor-52302 .elementor-element.elementor-element-5bf69b1 > .elementor-widget-container{margin:-130px 0px 0px 0px;}.elementor-52302 .elementor-element.elementor-element-5bf69b1 img{width:1000px;}.elementor-52302 .elementor-element.elementor-element-ec53e75 > .elementor-widget-container{margin:-290px 0px 0px 50px;}.elementor-52302 .elementor-element.elementor-element-ec53e75 img{width:490px;}.elementor-52302 .elementor-element.elementor-element-70c7c44 > .elementor-widget-container{margin:-75px 0px 0px 0px;}.elementor-52302 .elementor-element.elementor-element-70c7c44.elementor-element{--align-self:flex-end;}.elementor-52302 .elementor-element.elementor-element-a5f7751{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;overflow:visible;}.elementor-52302 .elementor-element.elementor-element-03b0e9a{--display:flex;--min-height:65vh;--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-radius:15px 15px 15px 15px;--z-index:0;overflow:visible;}.elementor-52302 .elementor-element.elementor-element-03b0e9a:not(.elementor-motion-effects-element-type-background), .elementor-52302 .elementor-element.elementor-element-03b0e9a > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-52302 .elementor-element.elementor-element-03b0e9a::before, .elementor-52302 .elementor-element.elementor-element-03b0e9a > .elementor-background-video-container::before, .elementor-52302 .elementor-element.elementor-element-03b0e9a > .e-con-inner > .elementor-background-video-container::before, .elementor-52302 .elementor-element.elementor-element-03b0e9a > .elementor-background-slideshow::before, .elementor-52302 .elementor-element.elementor-element-03b0e9a > .e-con-inner > .elementor-background-slideshow::before, .elementor-52302 .elementor-element.elementor-element-03b0e9a > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{--background-overlay:'';}.elementor-52302 .elementor-element.elementor-element-7eab5db{--display:flex;--justify-content:space-between;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--overlay-opacity:0.5;--border-radius:15px 15px 15px 15px;--padding-top:50px;--padding-bottom:50px;--padding-left:50px;--padding-right:50px;overflow:visible;}.elementor-52302 .elementor-element.elementor-element-7eab5db::before, .elementor-52302 .elementor-element.elementor-element-7eab5db > .elementor-background-video-container::before, .elementor-52302 .elementor-element.elementor-element-7eab5db > .e-con-inner > .elementor-background-video-container::before, .elementor-52302 .elementor-element.elementor-element-7eab5db > .elementor-background-slideshow::before, .elementor-52302 .elementor-element.elementor-element-7eab5db > .e-con-inner > .elementor-background-slideshow::before, .elementor-52302 .elementor-element.elementor-element-7eab5db > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{--background-overlay:'';}.elementor-52302 .elementor-element.elementor-element-7eab5db.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-52302 .elementor-element.elementor-element-0ae206e{width:var( --container-widget-width, 32% );max-width:32%;--container-widget-width:32%;--container-widget-flex-grow:0;font-family:"Neue Haas", Sans-serif;font-size:25px;font-weight:300;color:#000000;}.elementor-52302 .elementor-element.elementor-element-0ae206e > .elementor-widget-container{padding:0px 0px 0px 20px;border-style:solid;border-width:0px 0px 0px 03px;border-color:#0091FF;}.elementor-52302 .elementor-element.elementor-element-0ae206e p{margin-block-end:0px;}.elementor-52302 .elementor-element.elementor-element-843a61e > .elementor-widget-container{margin:-130px 0px 0px 0px;}.elementor-52302 .elementor-element.elementor-element-843a61e img{width:1000px;}.elementor-52302 .elementor-element.elementor-element-8d75b00 > .elementor-widget-container{margin:-285px 0px 0px 170px;}.elementor-52302 .elementor-element.elementor-element-8d75b00 img{width:600px;}.elementor-52302 .elementor-element.elementor-element-10e491b > .elementor-widget-container{margin:-75px 0px 0px 0px;}.elementor-52302 .elementor-element.elementor-element-10e491b.elementor-element{--align-self:flex-end;}.elementor-52302 .elementor-element.elementor-element-beed3f3{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;overflow:visible;}.elementor-52302 .elementor-element.elementor-element-e01eedb{--display:flex;--min-height:65vh;--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-radius:15px 15px 15px 15px;--z-index:0;overflow:visible;}.elementor-52302 .elementor-element.elementor-element-e01eedb:not(.elementor-motion-effects-element-type-background), .elementor-52302 .elementor-element.elementor-element-e01eedb > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-52302 .elementor-element.elementor-element-e01eedb::before, .elementor-52302 .elementor-element.elementor-element-e01eedb > .elementor-background-video-container::before, .elementor-52302 .elementor-element.elementor-element-e01eedb > .e-con-inner > .elementor-background-video-container::before, .elementor-52302 .elementor-element.elementor-element-e01eedb > .elementor-background-slideshow::before, .elementor-52302 .elementor-element.elementor-element-e01eedb > .e-con-inner > .elementor-background-slideshow::before, .elementor-52302 .elementor-element.elementor-element-e01eedb > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{--background-overlay:'';}.elementor-52302 .elementor-element.elementor-element-a62259f{--display:flex;--justify-content:space-between;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--overlay-opacity:0.5;--border-radius:15px 15px 15px 15px;--padding-top:50px;--padding-bottom:50px;--padding-left:50px;--padding-right:50px;overflow:visible;}.elementor-52302 .elementor-element.elementor-element-a62259f::before, .elementor-52302 .elementor-element.elementor-element-a62259f > .elementor-background-video-container::before, .elementor-52302 .elementor-element.elementor-element-a62259f > .e-con-inner > .elementor-background-video-container::before, .elementor-52302 .elementor-element.elementor-element-a62259f > .elementor-background-slideshow::before, .elementor-52302 .elementor-element.elementor-element-a62259f > .e-con-inner > .elementor-background-slideshow::before, .elementor-52302 .elementor-element.elementor-element-a62259f > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{--background-overlay:'';}.elementor-52302 .elementor-element.elementor-element-a62259f.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-52302 .elementor-element.elementor-element-74b4b46{width:var( --container-widget-width, 33% );max-width:33%;--container-widget-width:33%;--container-widget-flex-grow:0;font-family:"Neue Haas", Sans-serif;font-size:25px;font-weight:300;color:#000000;}.elementor-52302 .elementor-element.elementor-element-74b4b46 > .elementor-widget-container{padding:0px 0px 0px 20px;border-style:solid;border-width:0px 0px 0px 03px;border-color:#0091FF;}.elementor-52302 .elementor-element.elementor-element-74b4b46 p{margin-block-end:0px;}.elementor-52302 .elementor-element.elementor-element-392625d > .elementor-widget-container{margin:-130px 0px 0px 0px;}.elementor-52302 .elementor-element.elementor-element-392625d img{width:1000px;}.elementor-52302 .elementor-element.elementor-element-00e5ac9 > .elementor-widget-container{margin:-255px 0px 0px 140px;}.elementor-52302 .elementor-element.elementor-element-00e5ac9 img{width:550px;}.elementor-52302 .elementor-element.elementor-element-efb9005 > .elementor-widget-container{margin:-75px 0px 0px 0px;}.elementor-52302 .elementor-element.elementor-element-efb9005.elementor-element{--align-self:flex-end;}.elementor-52302 .elementor-element.elementor-element-63c3da2{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;overflow:visible;}.elementor-52302 .elementor-element.elementor-element-f27a092{--display:flex;--min-height:65vh;--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-radius:15px 15px 15px 15px;--z-index:0;overflow:visible;}.elementor-52302 .elementor-element.elementor-element-f27a092:not(.elementor-motion-effects-element-type-background), .elementor-52302 .elementor-element.elementor-element-f27a092 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-52302 .elementor-element.elementor-element-f27a092::before, .elementor-52302 .elementor-element.elementor-element-f27a092 > .elementor-background-video-container::before, .elementor-52302 .elementor-element.elementor-element-f27a092 > .e-con-inner > .elementor-background-video-container::before, .elementor-52302 .elementor-element.elementor-element-f27a092 > .elementor-background-slideshow::before, .elementor-52302 .elementor-element.elementor-element-f27a092 > .e-con-inner > .elementor-background-slideshow::before, .elementor-52302 .elementor-element.elementor-element-f27a092 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{--background-overlay:'';}.elementor-52302 .elementor-element.elementor-element-aab4767{--display:flex;--justify-content:space-between;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--overlay-opacity:0.5;--border-radius:15px 15px 15px 15px;--padding-top:50px;--padding-bottom:50px;--padding-left:50px;--padding-right:50px;overflow:visible;}.elementor-52302 .elementor-element.elementor-element-aab4767::before, .elementor-52302 .elementor-element.elementor-element-aab4767 > .elementor-background-video-container::before, .elementor-52302 .elementor-element.elementor-element-aab4767 > .e-con-inner > .elementor-background-video-container::before, .elementor-52302 .elementor-element.elementor-element-aab4767 > .elementor-background-slideshow::before, .elementor-52302 .elementor-element.elementor-element-aab4767 > .e-con-inner > .elementor-background-slideshow::before, .elementor-52302 .elementor-element.elementor-element-aab4767 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{--background-overlay:'';}.elementor-52302 .elementor-element.elementor-element-aab4767.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-52302 .elementor-element.elementor-element-bf0939c{width:var( --container-widget-width, 32% );max-width:32%;--container-widget-width:32%;--container-widget-flex-grow:0;font-family:"Neue Haas", Sans-serif;font-size:25px;font-weight:300;color:#000000;}.elementor-52302 .elementor-element.elementor-element-bf0939c > .elementor-widget-container{padding:0px 0px 0px 20px;border-style:solid;border-width:0px 0px 0px 03px;border-color:#0091FF;}.elementor-52302 .elementor-element.elementor-element-bf0939c p{margin-block-end:0px;}.elementor-52302 .elementor-element.elementor-element-95dc370 > .elementor-widget-container{margin:-130px 0px 0px 0px;}.elementor-52302 .elementor-element.elementor-element-95dc370 img{width:1000px;}.elementor-52302 .elementor-element.elementor-element-c572e5d > .elementor-widget-container{margin:-255px 0px 0px 130px;}.elementor-52302 .elementor-element.elementor-element-c572e5d img{width:550px;}.elementor-52302 .elementor-element.elementor-element-1381fc5 > .elementor-widget-container{margin:-75px 0px 0px 0px;}.elementor-52302 .elementor-element.elementor-element-1381fc5.elementor-element{--align-self:flex-end;}.elementor-52302 .elementor-element.elementor-element-ed0837d{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;overflow:visible;}.elementor-52302 .elementor-element.elementor-element-0ad6a4f{--display:flex;--min-height:65vh;--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-radius:15px 15px 15px 15px;--z-index:0;overflow:visible;}.elementor-52302 .elementor-element.elementor-element-0ad6a4f:not(.elementor-motion-effects-element-type-background), .elementor-52302 .elementor-element.elementor-element-0ad6a4f > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-52302 .elementor-element.elementor-element-0ad6a4f::before, .elementor-52302 .elementor-element.elementor-element-0ad6a4f > .elementor-background-video-container::before, .elementor-52302 .elementor-element.elementor-element-0ad6a4f > .e-con-inner > .elementor-background-video-container::before, .elementor-52302 .elementor-element.elementor-element-0ad6a4f > .elementor-background-slideshow::before, .elementor-52302 .elementor-element.elementor-element-0ad6a4f > .e-con-inner > .elementor-background-slideshow::before, .elementor-52302 .elementor-element.elementor-element-0ad6a4f > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{--background-overlay:'';}.elementor-52302 .elementor-element.elementor-element-5bac077{--display:flex;--justify-content:space-between;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--overlay-opacity:0.5;--border-radius:15px 15px 15px 15px;--padding-top:50px;--padding-bottom:50px;--padding-left:50px;--padding-right:50px;overflow:visible;}.elementor-52302 .elementor-element.elementor-element-5bac077::before, .elementor-52302 .elementor-element.elementor-element-5bac077 > .elementor-background-video-container::before, .elementor-52302 .elementor-element.elementor-element-5bac077 > .e-con-inner > .elementor-background-video-container::before, .elementor-52302 .elementor-element.elementor-element-5bac077 > .elementor-background-slideshow::before, .elementor-52302 .elementor-element.elementor-element-5bac077 > .e-con-inner > .elementor-background-slideshow::before, .elementor-52302 .elementor-element.elementor-element-5bac077 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{--background-overlay:'';}.elementor-52302 .elementor-element.elementor-element-5bac077.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-52302 .elementor-element.elementor-element-39d53ed{width:var( --container-widget-width, 32% );max-width:32%;--container-widget-width:32%;--container-widget-flex-grow:0;font-family:"Neue Haas", Sans-serif;font-size:25px;font-weight:300;color:#000000;}.elementor-52302 .elementor-element.elementor-element-39d53ed > .elementor-widget-container{padding:0px 0px 0px 20px;border-style:solid;border-width:0px 0px 0px 03px;border-color:#0091FF;}.elementor-52302 .elementor-element.elementor-element-39d53ed p{margin-block-end:0px;}.elementor-52302 .elementor-element.elementor-element-8d8f5bd > .elementor-widget-container{margin:-130px 0px 0px 0px;}.elementor-52302 .elementor-element.elementor-element-8d8f5bd img{width:1000px;}.elementor-52302 .elementor-element.elementor-element-c9b4f2f > .elementor-widget-container{margin:-260px 0px 0px 200px;}.elementor-52302 .elementor-element.elementor-element-c9b4f2f img{width:480px;}.elementor-52302 .elementor-element.elementor-element-cb09c24 > .elementor-widget-container{margin:-75px 0px 0px 0px;}.elementor-52302 .elementor-element.elementor-element-cb09c24.elementor-element{--align-self:flex-end;}.elementor-52302 .elementor-element.elementor-element-e465887{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;overflow:visible;}.elementor-52302 .elementor-element.elementor-element-d935fda{--display:flex;--min-height:65vh;--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-radius:15px 15px 15px 15px;--z-index:0;overflow:visible;}.elementor-52302 .elementor-element.elementor-element-d935fda:not(.elementor-motion-effects-element-type-background), .elementor-52302 .elementor-element.elementor-element-d935fda > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-52302 .elementor-element.elementor-element-d935fda::before, .elementor-52302 .elementor-element.elementor-element-d935fda > .elementor-background-video-container::before, .elementor-52302 .elementor-element.elementor-element-d935fda > .e-con-inner > .elementor-background-video-container::before, .elementor-52302 .elementor-element.elementor-element-d935fda > .elementor-background-slideshow::before, .elementor-52302 .elementor-element.elementor-element-d935fda > .e-con-inner > .elementor-background-slideshow::before, .elementor-52302 .elementor-element.elementor-element-d935fda > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{--background-overlay:'';}.elementor-52302 .elementor-element.elementor-element-6797acb{--display:flex;--justify-content:space-between;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--overlay-opacity:0.5;--border-radius:15px 15px 15px 15px;--padding-top:50px;--padding-bottom:50px;--padding-left:50px;--padding-right:50px;overflow:visible;}.elementor-52302 .elementor-element.elementor-element-6797acb::before, .elementor-52302 .elementor-element.elementor-element-6797acb > .elementor-background-video-container::before, .elementor-52302 .elementor-element.elementor-element-6797acb > .e-con-inner > .elementor-background-video-container::before, .elementor-52302 .elementor-element.elementor-element-6797acb > .elementor-background-slideshow::before, .elementor-52302 .elementor-element.elementor-element-6797acb > .e-con-inner > .elementor-background-slideshow::before, .elementor-52302 .elementor-element.elementor-element-6797acb > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{--background-overlay:'';}.elementor-52302 .elementor-element.elementor-element-6797acb.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-52302 .elementor-element.elementor-element-3e01890{width:var( --container-widget-width, 35% );max-width:35%;--container-widget-width:35%;--container-widget-flex-grow:0;font-family:"Neue Haas", Sans-serif;font-size:25px;font-weight:300;color:#000000;}.elementor-52302 .elementor-element.elementor-element-3e01890 > .elementor-widget-container{padding:0px 0px 0px 20px;border-style:solid;border-width:0px 0px 0px 03px;border-color:#0091FF;}.elementor-52302 .elementor-element.elementor-element-3e01890 p{margin-block-end:0px;}.elementor-52302 .elementor-element.elementor-element-28dde4e > .elementor-widget-container{margin:-130px 0px 0px 0px;}.elementor-52302 .elementor-element.elementor-element-28dde4e img{width:1000px;}.elementor-52302 .elementor-element.elementor-element-87fc512 > .elementor-widget-container{margin:-200px 0px 0px 125px;}.elementor-52302 .elementor-element.elementor-element-87fc512 img{width:500px;}.elementor-52302 .elementor-element.elementor-element-9fc1e24 > .elementor-widget-container{margin:-75px 0px 0px 0px;}.elementor-52302 .elementor-element.elementor-element-9fc1e24.elementor-element{--align-self:flex-end;}.elementor-52302 .elementor-element.elementor-element-dcd48fe{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;overflow:visible;}.elementor-52302 .elementor-element.elementor-element-f2ecf62{--display:flex;--min-height:65vh;--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-radius:15px 15px 15px 15px;--z-index:0;overflow:visible;}.elementor-52302 .elementor-element.elementor-element-f2ecf62:not(.elementor-motion-effects-element-type-background), .elementor-52302 .elementor-element.elementor-element-f2ecf62 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-52302 .elementor-element.elementor-element-f2ecf62::before, .elementor-52302 .elementor-element.elementor-element-f2ecf62 > .elementor-background-video-container::before, .elementor-52302 .elementor-element.elementor-element-f2ecf62 > .e-con-inner > .elementor-background-video-container::before, .elementor-52302 .elementor-element.elementor-element-f2ecf62 > .elementor-background-slideshow::before, .elementor-52302 .elementor-element.elementor-element-f2ecf62 > .e-con-inner > .elementor-background-slideshow::before, .elementor-52302 .elementor-element.elementor-element-f2ecf62 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{--background-overlay:'';}.elementor-52302 .elementor-element.elementor-element-bc9c7d2{--display:flex;--justify-content:space-between;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--overlay-opacity:0.5;--border-radius:15px 15px 15px 15px;--padding-top:50px;--padding-bottom:50px;--padding-left:50px;--padding-right:50px;overflow:visible;}.elementor-52302 .elementor-element.elementor-element-bc9c7d2::before, .elementor-52302 .elementor-element.elementor-element-bc9c7d2 > .elementor-background-video-container::before, .elementor-52302 .elementor-element.elementor-element-bc9c7d2 > .e-con-inner > .elementor-background-video-container::before, .elementor-52302 .elementor-element.elementor-element-bc9c7d2 > .elementor-background-slideshow::before, .elementor-52302 .elementor-element.elementor-element-bc9c7d2 > .e-con-inner > .elementor-background-slideshow::before, .elementor-52302 .elementor-element.elementor-element-bc9c7d2 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{--background-overlay:'';}.elementor-52302 .elementor-element.elementor-element-bc9c7d2.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-52302 .elementor-element.elementor-element-1132cab{width:var( --container-widget-width, 32% );max-width:32%;--container-widget-width:32%;--container-widget-flex-grow:0;font-family:"Neue Haas", Sans-serif;font-size:25px;font-weight:300;color:#000000;}.elementor-52302 .elementor-element.elementor-element-1132cab > .elementor-widget-container{padding:0px 0px 0px 20px;border-style:solid;border-width:0px 0px 0px 03px;border-color:#0091FF;}.elementor-52302 .elementor-element.elementor-element-1132cab p{margin-block-end:0px;}.elementor-52302 .elementor-element.elementor-element-0ec99f4 > .elementor-widget-container{margin:-130px 0px 0px 0px;}.elementor-52302 .elementor-element.elementor-element-0ec99f4 img{width:1000px;}.elementor-52302 .elementor-element.elementor-element-741830d > .elementor-widget-container{margin:-210px 0px 0px 310px;}.elementor-52302 .elementor-element.elementor-element-741830d img{width:550px;}.elementor-52302 .elementor-element.elementor-element-b281a75 > .elementor-widget-container{margin:-75px 0px 0px 0px;}.elementor-52302 .elementor-element.elementor-element-b281a75.elementor-element{--align-self:flex-end;}.elementor-52302 .elementor-element.elementor-element-63ca0b0{--n-tabs-direction:row;--n-tabs-heading-direction:column;--n-tabs-heading-width:20%;--n-tabs-title-flex-basis:auto;--n-tabs-title-flex-shrink:initial;--n-tabs-heading-justify-content:flex-start;--n-tabs-title-width:initial;--n-tabs-title-height:100%;--n-tabs-title-align-items:flex-start;--n-tabs-heading-wrap:nowrap;--n-tabs-title-justify-content:flex-start;--n-tabs-title-text-align:start;--n-tabs-title-gap:0px;--n-tabs-gap:20px;--n-tabs-title-font-size:16px;--n-tabs-title-color:#000000;--n-tabs-title-color-active:#000000;--n-tabs-icon-color-active:#000000;}.elementor-52302 .elementor-element.elementor-element-63ca0b0 > .elementor-widget-container > .e-n-tabs > .e-n-tabs-heading > .e-n-tab-title[aria-selected='false']:not( :hover ){background:#E2E2E2;}.elementor-52302 .elementor-element.elementor-element-63ca0b0.elementor-widget-n-tabs > .elementor-widget-container > .e-n-tabs[data-touch-mode='false'] > .e-n-tabs-heading > .e-n-tab-title[aria-selected="false"]:hover{background:#FFFFFF;}.elementor-52302 .elementor-element.elementor-element-63ca0b0.elementor-widget-n-tabs > .elementor-widget-container > .e-n-tabs > .e-n-tabs-heading > .e-n-tab-title[aria-selected="true"], .elementor-52302 .elementor-element.elementor-element-63ca0b0.elementor-widget-n-tabs > .elementor-widget-container > .e-n-tabs[data-touch-mode='true'] > .e-n-tabs-heading > .e-n-tab-title[aria-selected="false"]:hover{background:#F0F0F0;}.elementor-52302 .elementor-element.elementor-element-63ca0b0 > .elementor-widget-container{padding:0px 0px 0px 0px;}.elementor-52302 .elementor-element.elementor-element-63ca0b0.elementor-widget-n-tabs > .elementor-widget-container > .e-n-tabs > .e-n-tabs-heading > :is( .e-n-tab-title > .e-n-tab-title-text, .e-n-tab-title ){font-family:"Neue Haas", Sans-serif;font-weight:500;}.elementor-52302 .elementor-element.elementor-element-63ca0b0 [data-touch-mode="false"] .e-n-tab-title[aria-selected="false"]:hover{--n-tabs-title-color-hover:#000000;}@media(max-width:767px){.elementor-52302 .elementor-element.elementor-element-4df27315 .elementor-heading-title{font-size:40px;line-height:1em;letter-spacing:0px;}.elementor-52302 .elementor-element.elementor-element-1c55517e{--overlay-opacity:0.68;}.elementor-52302 .elementor-element.elementor-element-6a085223{--min-height:0vh;--border-radius:0px 0px 0px 0px;}.elementor-52302 .elementor-element.elementor-element-ba3ab8a{--overlay-opacity:0;}.elementor-52302 .elementor-element.elementor-element-17b58af4:not(.elementor-motion-effects-element-type-background), .elementor-52302 .elementor-element.elementor-element-17b58af4 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://blockapex.io/wp-content/uploads/2025/01/Gradient-Stories-BG-Mobile.png");}.elementor-52302 .elementor-element.elementor-element-3e77e55a{--min-height:0vh;--border-radius:0px 0px 0px 0px;}.elementor-52302 .elementor-element.elementor-element-84ab07b{--overlay-opacity:0;}.elementor-52302 .elementor-element.elementor-element-acf560f:not(.elementor-motion-effects-element-type-background), .elementor-52302 .elementor-element.elementor-element-acf560f > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://blockapex.io/wp-content/uploads/2025/01/Gradient-Stories-BG-Mobile.png");}.elementor-52302 .elementor-element.elementor-element-0d9c830{--min-height:0vh;--border-radius:0px 0px 0px 0px;}.elementor-52302 .elementor-element.elementor-element-ce03b4d{--overlay-opacity:0;}.elementor-52302 .elementor-element.elementor-element-a5f7751:not(.elementor-motion-effects-element-type-background), .elementor-52302 .elementor-element.elementor-element-a5f7751 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://blockapex.io/wp-content/uploads/2025/01/Gradient-Stories-BG-Mobile.png");}.elementor-52302 .elementor-element.elementor-element-03b0e9a{--min-height:0vh;--border-radius:0px 0px 0px 0px;}.elementor-52302 .elementor-element.elementor-element-7eab5db{--overlay-opacity:0;}.elementor-52302 .elementor-element.elementor-element-beed3f3:not(.elementor-motion-effects-element-type-background), .elementor-52302 .elementor-element.elementor-element-beed3f3 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://blockapex.io/wp-content/uploads/2025/01/Gradient-Stories-BG-Mobile.png");}.elementor-52302 .elementor-element.elementor-element-e01eedb{--min-height:0vh;--border-radius:0px 0px 0px 0px;}.elementor-52302 .elementor-element.elementor-element-a62259f{--overlay-opacity:0;}.elementor-52302 .elementor-element.elementor-element-63c3da2:not(.elementor-motion-effects-element-type-background), .elementor-52302 .elementor-element.elementor-element-63c3da2 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://blockapex.io/wp-content/uploads/2025/01/Gradient-Stories-BG-Mobile.png");}.elementor-52302 .elementor-element.elementor-element-f27a092{--min-height:0vh;--border-radius:0px 0px 0px 0px;}.elementor-52302 .elementor-element.elementor-element-aab4767{--overlay-opacity:0;}.elementor-52302 .elementor-element.elementor-element-ed0837d:not(.elementor-motion-effects-element-type-background), .elementor-52302 .elementor-element.elementor-element-ed0837d > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://blockapex.io/wp-content/uploads/2025/01/Gradient-Stories-BG-Mobile.png");}.elementor-52302 .elementor-element.elementor-element-0ad6a4f{--min-height:0vh;--border-radius:0px 0px 0px 0px;}.elementor-52302 .elementor-element.elementor-element-5bac077{--overlay-opacity:0;}.elementor-52302 .elementor-element.elementor-element-e465887:not(.elementor-motion-effects-element-type-background), .elementor-52302 .elementor-element.elementor-element-e465887 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://blockapex.io/wp-content/uploads/2025/01/Gradient-Stories-BG-Mobile.png");}.elementor-52302 .elementor-element.elementor-element-d935fda{--min-height:0vh;--border-radius:0px 0px 0px 0px;}.elementor-52302 .elementor-element.elementor-element-6797acb{--overlay-opacity:0;}.elementor-52302 .elementor-element.elementor-element-dcd48fe:not(.elementor-motion-effects-element-type-background), .elementor-52302 .elementor-element.elementor-element-dcd48fe > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://blockapex.io/wp-content/uploads/2025/01/Gradient-Stories-BG-Mobile.png");}.elementor-52302 .elementor-element.elementor-element-f2ecf62{--min-height:0vh;--border-radius:0px 0px 0px 0px;}.elementor-52302 .elementor-element.elementor-element-bc9c7d2{--overlay-opacity:0;}.elementor-52302 .elementor-element.elementor-element-63ca0b0{--n-tabs-title-justify-content:flex-start;--n-tabs-title-align-items:flex-start;--n-tabs-title-text-align:start;--n-tabs-gap:0px;--n-tabs-title-font-size:16px;--n-tabs-title-direction:row;--n-tabs-icon-order:1;--n-tabs-title-justify-content-toggle:initial;--n-tabs-title-align-items-toggle:center;--n-tabs-icon-gap:170px;}}@media(min-width:768px){.elementor-52302 .elementor-element.elementor-element-5e7602fe{--content-width:100%;}}/* Start custom CSS for html, class: .elementor-element-2188df5 */.yellow-arrow-btn {
  --arrow-gap: 5px;
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: #F8FB8A;
  border: 1px solid #E4E775;
  border-radius: 15px;
  color: black !important;
  font-size: 18px;
  font-weight: 500;
  font-family: "Neue Haas", sans-serif; /* added fallback */
  padding: 22px 80px;
  cursor: pointer;
  transition: background 0.3s ease, box-shadow 0.3s ease;
}

.yellow-arrow-btn::after {
  content: "";
  position: absolute;
  right: calc(30px - var(--arrow-gap));
  width: 50px;
  height: 50px;
  background: #F8FB8A url("https://blockapex.io/wp-content/uploads/2025/01/Right-arrow.png") no-repeat center;
  background-size: 15px 15px;
  border: 2px solid #E4E775;
  border-radius: 15px;
  transform: translateX(-150%);
  opacity: 0;
  transition: transform 2.3s ease, opacity 0.3s ease;
}

.yellow-arrow-btn span {
  display: inline-block;
  transition: transform 2.3s ease;
}

/* Hover & Focus Effects */
.yellow-arrow-btn:hover,
.yellow-arrow-btn:focus {
  background: white !important;
  box-shadow: 0 10px 20px -8px rgba(243, 246, 130, 0.7) !important;
}

.yellow-arrow-btn:hover span,
.yellow-arrow-btn:focus span {
  transform: translateX(calc(-5 * var(--arrow-gap)));
}

.yellow-arrow-btn:hover::after,
.yellow-arrow-btn:focus::after {
  transform: translateX(0);
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-21b5310 */.yellow-arrow-btn {
  --arrow-gap: 5px;
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: #F8FB8A;
  border: 1px solid #E4E775;
  border-radius: 15px;
  color: black !important;
  font-size: 18px;
  font-weight: 500;
  font-family: "Neue Haas", sans-serif; /* added fallback */
  padding: 22px 80px;
  cursor: pointer;
  transition: background 0.3s ease, box-shadow 0.3s ease;
}

.yellow-arrow-btn::after {
  content: "";
  position: absolute;
  right: calc(30px - var(--arrow-gap));
  width: 50px;
  height: 50px;
  background: #F8FB8A url("https://blockapex.io/wp-content/uploads/2025/01/Right-arrow.png") no-repeat center;
  background-size: 15px 15px;
  border: 2px solid #E4E775;
  border-radius: 15px;
  transform: translateX(-150%);
  opacity: 0;
  transition: transform 2.3s ease, opacity 0.3s ease;
}

.yellow-arrow-btn span {
  display: inline-block;
  transition: transform 2.3s ease;
}

/* Hover & Focus Effects */
.yellow-arrow-btn:hover,
.yellow-arrow-btn:focus {
  background: white !important;
  box-shadow: 0 10px 20px -8px rgba(243, 246, 130, 0.7) !important;
}

.yellow-arrow-btn:hover span,
.yellow-arrow-btn:focus span {
  transform: translateX(calc(-5 * var(--arrow-gap)));
}

.yellow-arrow-btn:hover::after,
.yellow-arrow-btn:focus::after {
  transform: translateX(0);
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-70c7c44 */.yellow-arrow-btn {
  --arrow-gap: 5px;
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: #F8FB8A;
  border: 1px solid #E4E775;
  border-radius: 15px;
  color: black !important;
  font-size: 18px;
  font-weight: 500;
  font-family: "Neue Haas", sans-serif; /* added fallback */
  padding: 22px 80px;
  cursor: pointer;
  transition: background 0.3s ease, box-shadow 0.3s ease;
}

.yellow-arrow-btn::after {
  content: "";
  position: absolute;
  right: calc(30px - var(--arrow-gap));
  width: 50px;
  height: 50px;
  background: #F8FB8A url("https://blockapex.io/wp-content/uploads/2025/01/Right-arrow.png") no-repeat center;
  background-size: 15px 15px;
  border: 2px solid #E4E775;
  border-radius: 15px;
  transform: translateX(-150%);
  opacity: 0;
  transition: transform 2.3s ease, opacity 0.3s ease;
}

.yellow-arrow-btn span {
  display: inline-block;
  transition: transform 2.3s ease;
}

/* Hover & Focus Effects */
.yellow-arrow-btn:hover,
.yellow-arrow-btn:focus {
  background: white !important;
  box-shadow: 0 10px 20px -8px rgba(243, 246, 130, 0.7) !important;
}

.yellow-arrow-btn:hover span,
.yellow-arrow-btn:focus span {
  transform: translateX(calc(-5 * var(--arrow-gap)));
}

.yellow-arrow-btn:hover::after,
.yellow-arrow-btn:focus::after {
  transform: translateX(0);
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-10e491b */.yellow-arrow-btn {
  --arrow-gap: 5px;
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: #F8FB8A;
  border: 1px solid #E4E775;
  border-radius: 15px;
  color: black !important;
  font-size: 18px;
  font-weight: 500;
  font-family: "Neue Haas", sans-serif; /* added fallback */
  padding: 22px 80px;
  cursor: pointer;
  transition: background 0.3s ease, box-shadow 0.3s ease;
}

.yellow-arrow-btn::after {
  content: "";
  position: absolute;
  right: calc(30px - var(--arrow-gap));
  width: 50px;
  height: 50px;
  background: #F8FB8A url("https://blockapex.io/wp-content/uploads/2025/01/Right-arrow.png") no-repeat center;
  background-size: 15px 15px;
  border: 2px solid #E4E775;
  border-radius: 15px;
  transform: translateX(-150%);
  opacity: 0;
  transition: transform 2.3s ease, opacity 0.3s ease;
}

.yellow-arrow-btn span {
  display: inline-block;
  transition: transform 2.3s ease;
}

/* Hover & Focus Effects */
.yellow-arrow-btn:hover,
.yellow-arrow-btn:focus {
  background: white !important;
  box-shadow: 0 10px 20px -8px rgba(243, 246, 130, 0.7) !important;
}

.yellow-arrow-btn:hover span,
.yellow-arrow-btn:focus span {
  transform: translateX(calc(-5 * var(--arrow-gap)));
}

.yellow-arrow-btn:hover::after,
.yellow-arrow-btn:focus::after {
  transform: translateX(0);
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-efb9005 */.yellow-arrow-btn {
  --arrow-gap: 5px;
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: #F8FB8A;
  border: 1px solid #E4E775;
  border-radius: 15px;
  color: black !important;
  font-size: 18px;
  font-weight: 500;
  font-family: "Neue Haas", sans-serif; /* added fallback */
  padding: 22px 80px;
  cursor: pointer;
  transition: background 0.3s ease, box-shadow 0.3s ease;
}

.yellow-arrow-btn::after {
  content: "";
  position: absolute;
  right: calc(30px - var(--arrow-gap));
  width: 50px;
  height: 50px;
  background: #F8FB8A url("https://blockapex.io/wp-content/uploads/2025/01/Right-arrow.png") no-repeat center;
  background-size: 15px 15px;
  border: 2px solid #E4E775;
  border-radius: 15px;
  transform: translateX(-150%);
  opacity: 0;
  transition: transform 2.3s ease, opacity 0.3s ease;
}

.yellow-arrow-btn span {
  display: inline-block;
  transition: transform 2.3s ease;
}

/* Hover & Focus Effects */
.yellow-arrow-btn:hover,
.yellow-arrow-btn:focus {
  background: white !important;
  box-shadow: 0 10px 20px -8px rgba(243, 246, 130, 0.7) !important;
}

.yellow-arrow-btn:hover span,
.yellow-arrow-btn:focus span {
  transform: translateX(calc(-5 * var(--arrow-gap)));
}

.yellow-arrow-btn:hover::after,
.yellow-arrow-btn:focus::after {
  transform: translateX(0);
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-1381fc5 */.yellow-arrow-btn {
  --arrow-gap: 5px;
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: #F8FB8A;
  border: 1px solid #E4E775;
  border-radius: 15px;
  color: black !important;
  font-size: 18px;
  font-weight: 500;
  font-family: "Neue Haas", sans-serif; /* added fallback */
  padding: 22px 80px;
  cursor: pointer;
  transition: background 0.3s ease, box-shadow 0.3s ease;
}

.yellow-arrow-btn::after {
  content: "";
  position: absolute;
  right: calc(30px - var(--arrow-gap));
  width: 50px;
  height: 50px;
  background: #F8FB8A url("https://blockapex.io/wp-content/uploads/2025/01/Right-arrow.png") no-repeat center;
  background-size: 15px 15px;
  border: 2px solid #E4E775;
  border-radius: 15px;
  transform: translateX(-150%);
  opacity: 0;
  transition: transform 2.3s ease, opacity 0.3s ease;
}

.yellow-arrow-btn span {
  display: inline-block;
  transition: transform 2.3s ease;
}

/* Hover & Focus Effects */
.yellow-arrow-btn:hover,
.yellow-arrow-btn:focus {
  background: white !important;
  box-shadow: 0 10px 20px -8px rgba(243, 246, 130, 0.7) !important;
}

.yellow-arrow-btn:hover span,
.yellow-arrow-btn:focus span {
  transform: translateX(calc(-5 * var(--arrow-gap)));
}

.yellow-arrow-btn:hover::after,
.yellow-arrow-btn:focus::after {
  transform: translateX(0);
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-cb09c24 */.yellow-arrow-btn {
  --arrow-gap: 5px;
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: #F8FB8A;
  border: 1px solid #E4E775;
  border-radius: 15px;
  color: black !important;
  font-size: 18px;
  font-weight: 500;
  font-family: "Neue Haas", sans-serif; /* added fallback */
  padding: 22px 80px;
  cursor: pointer;
  transition: background 0.3s ease, box-shadow 0.3s ease;
}

.yellow-arrow-btn::after {
  content: "";
  position: absolute;
  right: calc(30px - var(--arrow-gap));
  width: 50px;
  height: 50px;
  background: #F8FB8A url("https://blockapex.io/wp-content/uploads/2025/01/Right-arrow.png") no-repeat center;
  background-size: 15px 15px;
  border: 2px solid #E4E775;
  border-radius: 15px;
  transform: translateX(-150%);
  opacity: 0;
  transition: transform 2.3s ease, opacity 0.3s ease;
}

.yellow-arrow-btn span {
  display: inline-block;
  transition: transform 2.3s ease;
}

/* Hover & Focus Effects */
.yellow-arrow-btn:hover,
.yellow-arrow-btn:focus {
  background: white !important;
  box-shadow: 0 10px 20px -8px rgba(243, 246, 130, 0.7) !important;
}

.yellow-arrow-btn:hover span,
.yellow-arrow-btn:focus span {
  transform: translateX(calc(-5 * var(--arrow-gap)));
}

.yellow-arrow-btn:hover::after,
.yellow-arrow-btn:focus::after {
  transform: translateX(0);
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-9fc1e24 */.yellow-arrow-btn {
  --arrow-gap: 5px;
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: #F8FB8A;
  border: 1px solid #E4E775;
  border-radius: 15px;
  color: black !important;
  font-size: 18px;
  font-weight: 500;
  font-family: "Neue Haas", sans-serif; /* added fallback */
  padding: 22px 80px;
  cursor: pointer;
  transition: background 0.3s ease, box-shadow 0.3s ease;
}

.yellow-arrow-btn::after {
  content: "";
  position: absolute;
  right: calc(30px - var(--arrow-gap));
  width: 50px;
  height: 50px;
  background: #F8FB8A url("https://blockapex.io/wp-content/uploads/2025/01/Right-arrow.png") no-repeat center;
  background-size: 15px 15px;
  border: 2px solid #E4E775;
  border-radius: 15px;
  transform: translateX(-150%);
  opacity: 0;
  transition: transform 2.3s ease, opacity 0.3s ease;
}

.yellow-arrow-btn span {
  display: inline-block;
  transition: transform 2.3s ease;
}

/* Hover & Focus Effects */
.yellow-arrow-btn:hover,
.yellow-arrow-btn:focus {
  background: white !important;
  box-shadow: 0 10px 20px -8px rgba(243, 246, 130, 0.7) !important;
}

.yellow-arrow-btn:hover span,
.yellow-arrow-btn:focus span {
  transform: translateX(calc(-5 * var(--arrow-gap)));
}

.yellow-arrow-btn:hover::after,
.yellow-arrow-btn:focus::after {
  transform: translateX(0);
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-b281a75 */.yellow-arrow-btn {
  --arrow-gap: 5px;
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: #F8FB8A;
  border: 1px solid #E4E775;
  border-radius: 15px;
  color: black !important;
  font-size: 18px;
  font-weight: 500;
  font-family: "Neue Haas", sans-serif; /* added fallback */
  padding: 22px 80px;
  cursor: pointer;
  transition: background 0.3s ease, box-shadow 0.3s ease;
}

.yellow-arrow-btn::after {
  content: "";
  position: absolute;
  right: calc(30px - var(--arrow-gap));
  width: 50px;
  height: 50px;
  background: #F8FB8A url("https://blockapex.io/wp-content/uploads/2025/01/Right-arrow.png") no-repeat center;
  background-size: 15px 15px;
  border: 2px solid #E4E775;
  border-radius: 15px;
  transform: translateX(-150%);
  opacity: 0;
  transition: transform 2.3s ease, opacity 0.3s ease;
}

.yellow-arrow-btn span {
  display: inline-block;
  transition: transform 2.3s ease;
}

/* Hover & Focus Effects */
.yellow-arrow-btn:hover,
.yellow-arrow-btn:focus {
  background: white !important;
  box-shadow: 0 10px 20px -8px rgba(243, 246, 130, 0.7) !important;
}

.yellow-arrow-btn:hover span,
.yellow-arrow-btn:focus span {
  transform: translateX(calc(-5 * var(--arrow-gap)));
}

.yellow-arrow-btn:hover::after,
.yellow-arrow-btn:focus::after {
  transform: translateX(0);
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-2188df5 */.yellow-arrow-btn {
  --arrow-gap: 5px;
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: #F8FB8A;
  border: 1px solid #E4E775;
  border-radius: 15px;
  color: black !important;
  font-size: 18px;
  font-weight: 500;
  font-family: "Neue Haas", sans-serif; /* added fallback */
  padding: 22px 80px;
  cursor: pointer;
  transition: background 0.3s ease, box-shadow 0.3s ease;
}

.yellow-arrow-btn::after {
  content: "";
  position: absolute;
  right: calc(30px - var(--arrow-gap));
  width: 50px;
  height: 50px;
  background: #F8FB8A url("https://blockapex.io/wp-content/uploads/2025/01/Right-arrow.png") no-repeat center;
  background-size: 15px 15px;
  border: 2px solid #E4E775;
  border-radius: 15px;
  transform: translateX(-150%);
  opacity: 0;
  transition: transform 2.3s ease, opacity 0.3s ease;
}

.yellow-arrow-btn span {
  display: inline-block;
  transition: transform 2.3s ease;
}

/* Hover & Focus Effects */
.yellow-arrow-btn:hover,
.yellow-arrow-btn:focus {
  background: white !important;
  box-shadow: 0 10px 20px -8px rgba(243, 246, 130, 0.7) !important;
}

.yellow-arrow-btn:hover span,
.yellow-arrow-btn:focus span {
  transform: translateX(calc(-5 * var(--arrow-gap)));
}

.yellow-arrow-btn:hover::after,
.yellow-arrow-btn:focus::after {
  transform: translateX(0);
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-21b5310 */.yellow-arrow-btn {
  --arrow-gap: 5px;
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: #F8FB8A;
  border: 1px solid #E4E775;
  border-radius: 15px;
  color: black !important;
  font-size: 18px;
  font-weight: 500;
  font-family: "Neue Haas", sans-serif; /* added fallback */
  padding: 22px 80px;
  cursor: pointer;
  transition: background 0.3s ease, box-shadow 0.3s ease;
}

.yellow-arrow-btn::after {
  content: "";
  position: absolute;
  right: calc(30px - var(--arrow-gap));
  width: 50px;
  height: 50px;
  background: #F8FB8A url("https://blockapex.io/wp-content/uploads/2025/01/Right-arrow.png") no-repeat center;
  background-size: 15px 15px;
  border: 2px solid #E4E775;
  border-radius: 15px;
  transform: translateX(-150%);
  opacity: 0;
  transition: transform 2.3s ease, opacity 0.3s ease;
}

.yellow-arrow-btn span {
  display: inline-block;
  transition: transform 2.3s ease;
}

/* Hover & Focus Effects */
.yellow-arrow-btn:hover,
.yellow-arrow-btn:focus {
  background: white !important;
  box-shadow: 0 10px 20px -8px rgba(243, 246, 130, 0.7) !important;
}

.yellow-arrow-btn:hover span,
.yellow-arrow-btn:focus span {
  transform: translateX(calc(-5 * var(--arrow-gap)));
}

.yellow-arrow-btn:hover::after,
.yellow-arrow-btn:focus::after {
  transform: translateX(0);
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-70c7c44 */.yellow-arrow-btn {
  --arrow-gap: 5px;
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: #F8FB8A;
  border: 1px solid #E4E775;
  border-radius: 15px;
  color: black !important;
  font-size: 18px;
  font-weight: 500;
  font-family: "Neue Haas", sans-serif; /* added fallback */
  padding: 22px 80px;
  cursor: pointer;
  transition: background 0.3s ease, box-shadow 0.3s ease;
}

.yellow-arrow-btn::after {
  content: "";
  position: absolute;
  right: calc(30px - var(--arrow-gap));
  width: 50px;
  height: 50px;
  background: #F8FB8A url("https://blockapex.io/wp-content/uploads/2025/01/Right-arrow.png") no-repeat center;
  background-size: 15px 15px;
  border: 2px solid #E4E775;
  border-radius: 15px;
  transform: translateX(-150%);
  opacity: 0;
  transition: transform 2.3s ease, opacity 0.3s ease;
}

.yellow-arrow-btn span {
  display: inline-block;
  transition: transform 2.3s ease;
}

/* Hover & Focus Effects */
.yellow-arrow-btn:hover,
.yellow-arrow-btn:focus {
  background: white !important;
  box-shadow: 0 10px 20px -8px rgba(243, 246, 130, 0.7) !important;
}

.yellow-arrow-btn:hover span,
.yellow-arrow-btn:focus span {
  transform: translateX(calc(-5 * var(--arrow-gap)));
}

.yellow-arrow-btn:hover::after,
.yellow-arrow-btn:focus::after {
  transform: translateX(0);
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-10e491b */.yellow-arrow-btn {
  --arrow-gap: 5px;
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: #F8FB8A;
  border: 1px solid #E4E775;
  border-radius: 15px;
  color: black !important;
  font-size: 18px;
  font-weight: 500;
  font-family: "Neue Haas", sans-serif; /* added fallback */
  padding: 22px 80px;
  cursor: pointer;
  transition: background 0.3s ease, box-shadow 0.3s ease;
}

.yellow-arrow-btn::after {
  content: "";
  position: absolute;
  right: calc(30px - var(--arrow-gap));
  width: 50px;
  height: 50px;
  background: #F8FB8A url("https://blockapex.io/wp-content/uploads/2025/01/Right-arrow.png") no-repeat center;
  background-size: 15px 15px;
  border: 2px solid #E4E775;
  border-radius: 15px;
  transform: translateX(-150%);
  opacity: 0;
  transition: transform 2.3s ease, opacity 0.3s ease;
}

.yellow-arrow-btn span {
  display: inline-block;
  transition: transform 2.3s ease;
}

/* Hover & Focus Effects */
.yellow-arrow-btn:hover,
.yellow-arrow-btn:focus {
  background: white !important;
  box-shadow: 0 10px 20px -8px rgba(243, 246, 130, 0.7) !important;
}

.yellow-arrow-btn:hover span,
.yellow-arrow-btn:focus span {
  transform: translateX(calc(-5 * var(--arrow-gap)));
}

.yellow-arrow-btn:hover::after,
.yellow-arrow-btn:focus::after {
  transform: translateX(0);
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-efb9005 */.yellow-arrow-btn {
  --arrow-gap: 5px;
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: #F8FB8A;
  border: 1px solid #E4E775;
  border-radius: 15px;
  color: black !important;
  font-size: 18px;
  font-weight: 500;
  font-family: "Neue Haas", sans-serif; /* added fallback */
  padding: 22px 80px;
  cursor: pointer;
  transition: background 0.3s ease, box-shadow 0.3s ease;
}

.yellow-arrow-btn::after {
  content: "";
  position: absolute;
  right: calc(30px - var(--arrow-gap));
  width: 50px;
  height: 50px;
  background: #F8FB8A url("https://blockapex.io/wp-content/uploads/2025/01/Right-arrow.png") no-repeat center;
  background-size: 15px 15px;
  border: 2px solid #E4E775;
  border-radius: 15px;
  transform: translateX(-150%);
  opacity: 0;
  transition: transform 2.3s ease, opacity 0.3s ease;
}

.yellow-arrow-btn span {
  display: inline-block;
  transition: transform 2.3s ease;
}

/* Hover & Focus Effects */
.yellow-arrow-btn:hover,
.yellow-arrow-btn:focus {
  background: white !important;
  box-shadow: 0 10px 20px -8px rgba(243, 246, 130, 0.7) !important;
}

.yellow-arrow-btn:hover span,
.yellow-arrow-btn:focus span {
  transform: translateX(calc(-5 * var(--arrow-gap)));
}

.yellow-arrow-btn:hover::after,
.yellow-arrow-btn:focus::after {
  transform: translateX(0);
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-1381fc5 */.yellow-arrow-btn {
  --arrow-gap: 5px;
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: #F8FB8A;
  border: 1px solid #E4E775;
  border-radius: 15px;
  color: black !important;
  font-size: 18px;
  font-weight: 500;
  font-family: "Neue Haas", sans-serif; /* added fallback */
  padding: 22px 80px;
  cursor: pointer;
  transition: background 0.3s ease, box-shadow 0.3s ease;
}

.yellow-arrow-btn::after {
  content: "";
  position: absolute;
  right: calc(30px - var(--arrow-gap));
  width: 50px;
  height: 50px;
  background: #F8FB8A url("https://blockapex.io/wp-content/uploads/2025/01/Right-arrow.png") no-repeat center;
  background-size: 15px 15px;
  border: 2px solid #E4E775;
  border-radius: 15px;
  transform: translateX(-150%);
  opacity: 0;
  transition: transform 2.3s ease, opacity 0.3s ease;
}

.yellow-arrow-btn span {
  display: inline-block;
  transition: transform 2.3s ease;
}

/* Hover & Focus Effects */
.yellow-arrow-btn:hover,
.yellow-arrow-btn:focus {
  background: white !important;
  box-shadow: 0 10px 20px -8px rgba(243, 246, 130, 0.7) !important;
}

.yellow-arrow-btn:hover span,
.yellow-arrow-btn:focus span {
  transform: translateX(calc(-5 * var(--arrow-gap)));
}

.yellow-arrow-btn:hover::after,
.yellow-arrow-btn:focus::after {
  transform: translateX(0);
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-cb09c24 */.yellow-arrow-btn {
  --arrow-gap: 5px;
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: #F8FB8A;
  border: 1px solid #E4E775;
  border-radius: 15px;
  color: black !important;
  font-size: 18px;
  font-weight: 500;
  font-family: "Neue Haas", sans-serif; /* added fallback */
  padding: 22px 80px;
  cursor: pointer;
  transition: background 0.3s ease, box-shadow 0.3s ease;
}

.yellow-arrow-btn::after {
  content: "";
  position: absolute;
  right: calc(30px - var(--arrow-gap));
  width: 50px;
  height: 50px;
  background: #F8FB8A url("https://blockapex.io/wp-content/uploads/2025/01/Right-arrow.png") no-repeat center;
  background-size: 15px 15px;
  border: 2px solid #E4E775;
  border-radius: 15px;
  transform: translateX(-150%);
  opacity: 0;
  transition: transform 2.3s ease, opacity 0.3s ease;
}

.yellow-arrow-btn span {
  display: inline-block;
  transition: transform 2.3s ease;
}

/* Hover & Focus Effects */
.yellow-arrow-btn:hover,
.yellow-arrow-btn:focus {
  background: white !important;
  box-shadow: 0 10px 20px -8px rgba(243, 246, 130, 0.7) !important;
}

.yellow-arrow-btn:hover span,
.yellow-arrow-btn:focus span {
  transform: translateX(calc(-5 * var(--arrow-gap)));
}

.yellow-arrow-btn:hover::after,
.yellow-arrow-btn:focus::after {
  transform: translateX(0);
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-9fc1e24 */.yellow-arrow-btn {
  --arrow-gap: 5px;
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: #F8FB8A;
  border: 1px solid #E4E775;
  border-radius: 15px;
  color: black !important;
  font-size: 18px;
  font-weight: 500;
  font-family: "Neue Haas", sans-serif; /* added fallback */
  padding: 22px 80px;
  cursor: pointer;
  transition: background 0.3s ease, box-shadow 0.3s ease;
}

.yellow-arrow-btn::after {
  content: "";
  position: absolute;
  right: calc(30px - var(--arrow-gap));
  width: 50px;
  height: 50px;
  background: #F8FB8A url("https://blockapex.io/wp-content/uploads/2025/01/Right-arrow.png") no-repeat center;
  background-size: 15px 15px;
  border: 2px solid #E4E775;
  border-radius: 15px;
  transform: translateX(-150%);
  opacity: 0;
  transition: transform 2.3s ease, opacity 0.3s ease;
}

.yellow-arrow-btn span {
  display: inline-block;
  transition: transform 2.3s ease;
}

/* Hover & Focus Effects */
.yellow-arrow-btn:hover,
.yellow-arrow-btn:focus {
  background: white !important;
  box-shadow: 0 10px 20px -8px rgba(243, 246, 130, 0.7) !important;
}

.yellow-arrow-btn:hover span,
.yellow-arrow-btn:focus span {
  transform: translateX(calc(-5 * var(--arrow-gap)));
}

.yellow-arrow-btn:hover::after,
.yellow-arrow-btn:focus::after {
  transform: translateX(0);
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-b281a75 */.yellow-arrow-btn {
  --arrow-gap: 5px;
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: #F8FB8A;
  border: 1px solid #E4E775;
  border-radius: 15px;
  color: black !important;
  font-size: 18px;
  font-weight: 500;
  font-family: "Neue Haas", sans-serif; /* added fallback */
  padding: 22px 80px;
  cursor: pointer;
  transition: background 0.3s ease, box-shadow 0.3s ease;
}

.yellow-arrow-btn::after {
  content: "";
  position: absolute;
  right: calc(30px - var(--arrow-gap));
  width: 50px;
  height: 50px;
  background: #F8FB8A url("https://blockapex.io/wp-content/uploads/2025/01/Right-arrow.png") no-repeat center;
  background-size: 15px 15px;
  border: 2px solid #E4E775;
  border-radius: 15px;
  transform: translateX(-150%);
  opacity: 0;
  transition: transform 2.3s ease, opacity 0.3s ease;
}

.yellow-arrow-btn span {
  display: inline-block;
  transition: transform 2.3s ease;
}

/* Hover & Focus Effects */
.yellow-arrow-btn:hover,
.yellow-arrow-btn:focus {
  background: white !important;
  box-shadow: 0 10px 20px -8px rgba(243, 246, 130, 0.7) !important;
}

.yellow-arrow-btn:hover span,
.yellow-arrow-btn:focus span {
  transform: translateX(calc(-5 * var(--arrow-gap)));
}

.yellow-arrow-btn:hover::after,
.yellow-arrow-btn:focus::after {
  transform: translateX(0);
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-2188df5 */.yellow-arrow-btn {
  --arrow-gap: 5px;
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: #F8FB8A;
  border: 1px solid #E4E775;
  border-radius: 15px;
  color: black !important;
  font-size: 18px;
  font-weight: 500;
  font-family: "Neue Haas", sans-serif; /* added fallback */
  padding: 22px 80px;
  cursor: pointer;
  transition: background 0.3s ease, box-shadow 0.3s ease;
}

.yellow-arrow-btn::after {
  content: "";
  position: absolute;
  right: calc(30px - var(--arrow-gap));
  width: 50px;
  height: 50px;
  background: #F8FB8A url("https://blockapex.io/wp-content/uploads/2025/01/Right-arrow.png") no-repeat center;
  background-size: 15px 15px;
  border: 2px solid #E4E775;
  border-radius: 15px;
  transform: translateX(-150%);
  opacity: 0;
  transition: transform 2.3s ease, opacity 0.3s ease;
}

.yellow-arrow-btn span {
  display: inline-block;
  transition: transform 2.3s ease;
}

/* Hover & Focus Effects */
.yellow-arrow-btn:hover,
.yellow-arrow-btn:focus {
  background: white !important;
  box-shadow: 0 10px 20px -8px rgba(243, 246, 130, 0.7) !important;
}

.yellow-arrow-btn:hover span,
.yellow-arrow-btn:focus span {
  transform: translateX(calc(-5 * var(--arrow-gap)));
}

.yellow-arrow-btn:hover::after,
.yellow-arrow-btn:focus::after {
  transform: translateX(0);
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-21b5310 */.yellow-arrow-btn {
  --arrow-gap: 5px;
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: #F8FB8A;
  border: 1px solid #E4E775;
  border-radius: 15px;
  color: black !important;
  font-size: 18px;
  font-weight: 500;
  font-family: "Neue Haas", sans-serif; /* added fallback */
  padding: 22px 80px;
  cursor: pointer;
  transition: background 0.3s ease, box-shadow 0.3s ease;
}

.yellow-arrow-btn::after {
  content: "";
  position: absolute;
  right: calc(30px - var(--arrow-gap));
  width: 50px;
  height: 50px;
  background: #F8FB8A url("https://blockapex.io/wp-content/uploads/2025/01/Right-arrow.png") no-repeat center;
  background-size: 15px 15px;
  border: 2px solid #E4E775;
  border-radius: 15px;
  transform: translateX(-150%);
  opacity: 0;
  transition: transform 2.3s ease, opacity 0.3s ease;
}

.yellow-arrow-btn span {
  display: inline-block;
  transition: transform 2.3s ease;
}

/* Hover & Focus Effects */
.yellow-arrow-btn:hover,
.yellow-arrow-btn:focus {
  background: white !important;
  box-shadow: 0 10px 20px -8px rgba(243, 246, 130, 0.7) !important;
}

.yellow-arrow-btn:hover span,
.yellow-arrow-btn:focus span {
  transform: translateX(calc(-5 * var(--arrow-gap)));
}

.yellow-arrow-btn:hover::after,
.yellow-arrow-btn:focus::after {
  transform: translateX(0);
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-70c7c44 */.yellow-arrow-btn {
  --arrow-gap: 5px;
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: #F8FB8A;
  border: 1px solid #E4E775;
  border-radius: 15px;
  color: black !important;
  font-size: 18px;
  font-weight: 500;
  font-family: "Neue Haas", sans-serif; /* added fallback */
  padding: 22px 80px;
  cursor: pointer;
  transition: background 0.3s ease, box-shadow 0.3s ease;
}

.yellow-arrow-btn::after {
  content: "";
  position: absolute;
  right: calc(30px - var(--arrow-gap));
  width: 50px;
  height: 50px;
  background: #F8FB8A url("https://blockapex.io/wp-content/uploads/2025/01/Right-arrow.png") no-repeat center;
  background-size: 15px 15px;
  border: 2px solid #E4E775;
  border-radius: 15px;
  transform: translateX(-150%);
  opacity: 0;
  transition: transform 2.3s ease, opacity 0.3s ease;
}

.yellow-arrow-btn span {
  display: inline-block;
  transition: transform 2.3s ease;
}

/* Hover & Focus Effects */
.yellow-arrow-btn:hover,
.yellow-arrow-btn:focus {
  background: white !important;
  box-shadow: 0 10px 20px -8px rgba(243, 246, 130, 0.7) !important;
}

.yellow-arrow-btn:hover span,
.yellow-arrow-btn:focus span {
  transform: translateX(calc(-5 * var(--arrow-gap)));
}

.yellow-arrow-btn:hover::after,
.yellow-arrow-btn:focus::after {
  transform: translateX(0);
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-10e491b */.yellow-arrow-btn {
  --arrow-gap: 5px;
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: #F8FB8A;
  border: 1px solid #E4E775;
  border-radius: 15px;
  color: black !important;
  font-size: 18px;
  font-weight: 500;
  font-family: "Neue Haas", sans-serif; /* added fallback */
  padding: 22px 80px;
  cursor: pointer;
  transition: background 0.3s ease, box-shadow 0.3s ease;
}

.yellow-arrow-btn::after {
  content: "";
  position: absolute;
  right: calc(30px - var(--arrow-gap));
  width: 50px;
  height: 50px;
  background: #F8FB8A url("https://blockapex.io/wp-content/uploads/2025/01/Right-arrow.png") no-repeat center;
  background-size: 15px 15px;
  border: 2px solid #E4E775;
  border-radius: 15px;
  transform: translateX(-150%);
  opacity: 0;
  transition: transform 2.3s ease, opacity 0.3s ease;
}

.yellow-arrow-btn span {
  display: inline-block;
  transition: transform 2.3s ease;
}

/* Hover & Focus Effects */
.yellow-arrow-btn:hover,
.yellow-arrow-btn:focus {
  background: white !important;
  box-shadow: 0 10px 20px -8px rgba(243, 246, 130, 0.7) !important;
}

.yellow-arrow-btn:hover span,
.yellow-arrow-btn:focus span {
  transform: translateX(calc(-5 * var(--arrow-gap)));
}

.yellow-arrow-btn:hover::after,
.yellow-arrow-btn:focus::after {
  transform: translateX(0);
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-efb9005 */.yellow-arrow-btn {
  --arrow-gap: 5px;
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: #F8FB8A;
  border: 1px solid #E4E775;
  border-radius: 15px;
  color: black !important;
  font-size: 18px;
  font-weight: 500;
  font-family: "Neue Haas", sans-serif; /* added fallback */
  padding: 22px 80px;
  cursor: pointer;
  transition: background 0.3s ease, box-shadow 0.3s ease;
}

.yellow-arrow-btn::after {
  content: "";
  position: absolute;
  right: calc(30px - var(--arrow-gap));
  width: 50px;
  height: 50px;
  background: #F8FB8A url("https://blockapex.io/wp-content/uploads/2025/01/Right-arrow.png") no-repeat center;
  background-size: 15px 15px;
  border: 2px solid #E4E775;
  border-radius: 15px;
  transform: translateX(-150%);
  opacity: 0;
  transition: transform 2.3s ease, opacity 0.3s ease;
}

.yellow-arrow-btn span {
  display: inline-block;
  transition: transform 2.3s ease;
}

/* Hover & Focus Effects */
.yellow-arrow-btn:hover,
.yellow-arrow-btn:focus {
  background: white !important;
  box-shadow: 0 10px 20px -8px rgba(243, 246, 130, 0.7) !important;
}

.yellow-arrow-btn:hover span,
.yellow-arrow-btn:focus span {
  transform: translateX(calc(-5 * var(--arrow-gap)));
}

.yellow-arrow-btn:hover::after,
.yellow-arrow-btn:focus::after {
  transform: translateX(0);
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-1381fc5 */.yellow-arrow-btn {
  --arrow-gap: 5px;
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: #F8FB8A;
  border: 1px solid #E4E775;
  border-radius: 15px;
  color: black !important;
  font-size: 18px;
  font-weight: 500;
  font-family: "Neue Haas", sans-serif; /* added fallback */
  padding: 22px 80px;
  cursor: pointer;
  transition: background 0.3s ease, box-shadow 0.3s ease;
}

.yellow-arrow-btn::after {
  content: "";
  position: absolute;
  right: calc(30px - var(--arrow-gap));
  width: 50px;
  height: 50px;
  background: #F8FB8A url("https://blockapex.io/wp-content/uploads/2025/01/Right-arrow.png") no-repeat center;
  background-size: 15px 15px;
  border: 2px solid #E4E775;
  border-radius: 15px;
  transform: translateX(-150%);
  opacity: 0;
  transition: transform 2.3s ease, opacity 0.3s ease;
}

.yellow-arrow-btn span {
  display: inline-block;
  transition: transform 2.3s ease;
}

/* Hover & Focus Effects */
.yellow-arrow-btn:hover,
.yellow-arrow-btn:focus {
  background: white !important;
  box-shadow: 0 10px 20px -8px rgba(243, 246, 130, 0.7) !important;
}

.yellow-arrow-btn:hover span,
.yellow-arrow-btn:focus span {
  transform: translateX(calc(-5 * var(--arrow-gap)));
}

.yellow-arrow-btn:hover::after,
.yellow-arrow-btn:focus::after {
  transform: translateX(0);
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-cb09c24 */.yellow-arrow-btn {
  --arrow-gap: 5px;
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: #F8FB8A;
  border: 1px solid #E4E775;
  border-radius: 15px;
  color: black !important;
  font-size: 18px;
  font-weight: 500;
  font-family: "Neue Haas", sans-serif; /* added fallback */
  padding: 22px 80px;
  cursor: pointer;
  transition: background 0.3s ease, box-shadow 0.3s ease;
}

.yellow-arrow-btn::after {
  content: "";
  position: absolute;
  right: calc(30px - var(--arrow-gap));
  width: 50px;
  height: 50px;
  background: #F8FB8A url("https://blockapex.io/wp-content/uploads/2025/01/Right-arrow.png") no-repeat center;
  background-size: 15px 15px;
  border: 2px solid #E4E775;
  border-radius: 15px;
  transform: translateX(-150%);
  opacity: 0;
  transition: transform 2.3s ease, opacity 0.3s ease;
}

.yellow-arrow-btn span {
  display: inline-block;
  transition: transform 2.3s ease;
}

/* Hover & Focus Effects */
.yellow-arrow-btn:hover,
.yellow-arrow-btn:focus {
  background: white !important;
  box-shadow: 0 10px 20px -8px rgba(243, 246, 130, 0.7) !important;
}

.yellow-arrow-btn:hover span,
.yellow-arrow-btn:focus span {
  transform: translateX(calc(-5 * var(--arrow-gap)));
}

.yellow-arrow-btn:hover::after,
.yellow-arrow-btn:focus::after {
  transform: translateX(0);
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-9fc1e24 */.yellow-arrow-btn {
  --arrow-gap: 5px;
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: #F8FB8A;
  border: 1px solid #E4E775;
  border-radius: 15px;
  color: black !important;
  font-size: 18px;
  font-weight: 500;
  font-family: "Neue Haas", sans-serif; /* added fallback */
  padding: 22px 80px;
  cursor: pointer;
  transition: background 0.3s ease, box-shadow 0.3s ease;
}

.yellow-arrow-btn::after {
  content: "";
  position: absolute;
  right: calc(30px - var(--arrow-gap));
  width: 50px;
  height: 50px;
  background: #F8FB8A url("https://blockapex.io/wp-content/uploads/2025/01/Right-arrow.png") no-repeat center;
  background-size: 15px 15px;
  border: 2px solid #E4E775;
  border-radius: 15px;
  transform: translateX(-150%);
  opacity: 0;
  transition: transform 2.3s ease, opacity 0.3s ease;
}

.yellow-arrow-btn span {
  display: inline-block;
  transition: transform 2.3s ease;
}

/* Hover & Focus Effects */
.yellow-arrow-btn:hover,
.yellow-arrow-btn:focus {
  background: white !important;
  box-shadow: 0 10px 20px -8px rgba(243, 246, 130, 0.7) !important;
}

.yellow-arrow-btn:hover span,
.yellow-arrow-btn:focus span {
  transform: translateX(calc(-5 * var(--arrow-gap)));
}

.yellow-arrow-btn:hover::after,
.yellow-arrow-btn:focus::after {
  transform: translateX(0);
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-b281a75 */.yellow-arrow-btn {
  --arrow-gap: 5px;
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: #F8FB8A;
  border: 1px solid #E4E775;
  border-radius: 15px;
  color: black !important;
  font-size: 18px;
  font-weight: 500;
  font-family: "Neue Haas", sans-serif; /* added fallback */
  padding: 22px 80px;
  cursor: pointer;
  transition: background 0.3s ease, box-shadow 0.3s ease;
}

.yellow-arrow-btn::after {
  content: "";
  position: absolute;
  right: calc(30px - var(--arrow-gap));
  width: 50px;
  height: 50px;
  background: #F8FB8A url("https://blockapex.io/wp-content/uploads/2025/01/Right-arrow.png") no-repeat center;
  background-size: 15px 15px;
  border: 2px solid #E4E775;
  border-radius: 15px;
  transform: translateX(-150%);
  opacity: 0;
  transition: transform 2.3s ease, opacity 0.3s ease;
}

.yellow-arrow-btn span {
  display: inline-block;
  transition: transform 2.3s ease;
}

/* Hover & Focus Effects */
.yellow-arrow-btn:hover,
.yellow-arrow-btn:focus {
  background: white !important;
  box-shadow: 0 10px 20px -8px rgba(243, 246, 130, 0.7) !important;
}

.yellow-arrow-btn:hover span,
.yellow-arrow-btn:focus span {
  transform: translateX(calc(-5 * var(--arrow-gap)));
}

.yellow-arrow-btn:hover::after,
.yellow-arrow-btn:focus::after {
  transform: translateX(0);
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-2188df5 */.yellow-arrow-btn {
  --arrow-gap: 5px;
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: #F8FB8A;
  border: 1px solid #E4E775;
  border-radius: 15px;
  color: black !important;
  font-size: 18px;
  font-weight: 500;
  font-family: "Neue Haas", sans-serif; /* added fallback */
  padding: 22px 80px;
  cursor: pointer;
  transition: background 0.3s ease, box-shadow 0.3s ease;
}

.yellow-arrow-btn::after {
  content: "";
  position: absolute;
  right: calc(30px - var(--arrow-gap));
  width: 50px;
  height: 50px;
  background: #F8FB8A url("https://blockapex.io/wp-content/uploads/2025/01/Right-arrow.png") no-repeat center;
  background-size: 15px 15px;
  border: 2px solid #E4E775;
  border-radius: 15px;
  transform: translateX(-150%);
  opacity: 0;
  transition: transform 2.3s ease, opacity 0.3s ease;
}

.yellow-arrow-btn span {
  display: inline-block;
  transition: transform 2.3s ease;
}

/* Hover & Focus Effects */
.yellow-arrow-btn:hover,
.yellow-arrow-btn:focus {
  background: white !important;
  box-shadow: 0 10px 20px -8px rgba(243, 246, 130, 0.7) !important;
}

.yellow-arrow-btn:hover span,
.yellow-arrow-btn:focus span {
  transform: translateX(calc(-5 * var(--arrow-gap)));
}

.yellow-arrow-btn:hover::after,
.yellow-arrow-btn:focus::after {
  transform: translateX(0);
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-21b5310 */.yellow-arrow-btn {
  --arrow-gap: 5px;
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: #F8FB8A;
  border: 1px solid #E4E775;
  border-radius: 15px;
  color: black !important;
  font-size: 18px;
  font-weight: 500;
  font-family: "Neue Haas", sans-serif; /* added fallback */
  padding: 22px 80px;
  cursor: pointer;
  transition: background 0.3s ease, box-shadow 0.3s ease;
}

.yellow-arrow-btn::after {
  content: "";
  position: absolute;
  right: calc(30px - var(--arrow-gap));
  width: 50px;
  height: 50px;
  background: #F8FB8A url("https://blockapex.io/wp-content/uploads/2025/01/Right-arrow.png") no-repeat center;
  background-size: 15px 15px;
  border: 2px solid #E4E775;
  border-radius: 15px;
  transform: translateX(-150%);
  opacity: 0;
  transition: transform 2.3s ease, opacity 0.3s ease;
}

.yellow-arrow-btn span {
  display: inline-block;
  transition: transform 2.3s ease;
}

/* Hover & Focus Effects */
.yellow-arrow-btn:hover,
.yellow-arrow-btn:focus {
  background: white !important;
  box-shadow: 0 10px 20px -8px rgba(243, 246, 130, 0.7) !important;
}

.yellow-arrow-btn:hover span,
.yellow-arrow-btn:focus span {
  transform: translateX(calc(-5 * var(--arrow-gap)));
}

.yellow-arrow-btn:hover::after,
.yellow-arrow-btn:focus::after {
  transform: translateX(0);
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-70c7c44 */.yellow-arrow-btn {
  --arrow-gap: 5px;
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: #F8FB8A;
  border: 1px solid #E4E775;
  border-radius: 15px;
  color: black !important;
  font-size: 18px;
  font-weight: 500;
  font-family: "Neue Haas", sans-serif; /* added fallback */
  padding: 22px 80px;
  cursor: pointer;
  transition: background 0.3s ease, box-shadow 0.3s ease;
}

.yellow-arrow-btn::after {
  content: "";
  position: absolute;
  right: calc(30px - var(--arrow-gap));
  width: 50px;
  height: 50px;
  background: #F8FB8A url("https://blockapex.io/wp-content/uploads/2025/01/Right-arrow.png") no-repeat center;
  background-size: 15px 15px;
  border: 2px solid #E4E775;
  border-radius: 15px;
  transform: translateX(-150%);
  opacity: 0;
  transition: transform 2.3s ease, opacity 0.3s ease;
}

.yellow-arrow-btn span {
  display: inline-block;
  transition: transform 2.3s ease;
}

/* Hover & Focus Effects */
.yellow-arrow-btn:hover,
.yellow-arrow-btn:focus {
  background: white !important;
  box-shadow: 0 10px 20px -8px rgba(243, 246, 130, 0.7) !important;
}

.yellow-arrow-btn:hover span,
.yellow-arrow-btn:focus span {
  transform: translateX(calc(-5 * var(--arrow-gap)));
}

.yellow-arrow-btn:hover::after,
.yellow-arrow-btn:focus::after {
  transform: translateX(0);
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-10e491b */.yellow-arrow-btn {
  --arrow-gap: 5px;
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: #F8FB8A;
  border: 1px solid #E4E775;
  border-radius: 15px;
  color: black !important;
  font-size: 18px;
  font-weight: 500;
  font-family: "Neue Haas", sans-serif; /* added fallback */
  padding: 22px 80px;
  cursor: pointer;
  transition: background 0.3s ease, box-shadow 0.3s ease;
}

.yellow-arrow-btn::after {
  content: "";
  position: absolute;
  right: calc(30px - var(--arrow-gap));
  width: 50px;
  height: 50px;
  background: #F8FB8A url("https://blockapex.io/wp-content/uploads/2025/01/Right-arrow.png") no-repeat center;
  background-size: 15px 15px;
  border: 2px solid #E4E775;
  border-radius: 15px;
  transform: translateX(-150%);
  opacity: 0;
  transition: transform 2.3s ease, opacity 0.3s ease;
}

.yellow-arrow-btn span {
  display: inline-block;
  transition: transform 2.3s ease;
}

/* Hover & Focus Effects */
.yellow-arrow-btn:hover,
.yellow-arrow-btn:focus {
  background: white !important;
  box-shadow: 0 10px 20px -8px rgba(243, 246, 130, 0.7) !important;
}

.yellow-arrow-btn:hover span,
.yellow-arrow-btn:focus span {
  transform: translateX(calc(-5 * var(--arrow-gap)));
}

.yellow-arrow-btn:hover::after,
.yellow-arrow-btn:focus::after {
  transform: translateX(0);
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-efb9005 */.yellow-arrow-btn {
  --arrow-gap: 5px;
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: #F8FB8A;
  border: 1px solid #E4E775;
  border-radius: 15px;
  color: black !important;
  font-size: 18px;
  font-weight: 500;
  font-family: "Neue Haas", sans-serif; /* added fallback */
  padding: 22px 80px;
  cursor: pointer;
  transition: background 0.3s ease, box-shadow 0.3s ease;
}

.yellow-arrow-btn::after {
  content: "";
  position: absolute;
  right: calc(30px - var(--arrow-gap));
  width: 50px;
  height: 50px;
  background: #F8FB8A url("https://blockapex.io/wp-content/uploads/2025/01/Right-arrow.png") no-repeat center;
  background-size: 15px 15px;
  border: 2px solid #E4E775;
  border-radius: 15px;
  transform: translateX(-150%);
  opacity: 0;
  transition: transform 2.3s ease, opacity 0.3s ease;
}

.yellow-arrow-btn span {
  display: inline-block;
  transition: transform 2.3s ease;
}

/* Hover & Focus Effects */
.yellow-arrow-btn:hover,
.yellow-arrow-btn:focus {
  background: white !important;
  box-shadow: 0 10px 20px -8px rgba(243, 246, 130, 0.7) !important;
}

.yellow-arrow-btn:hover span,
.yellow-arrow-btn:focus span {
  transform: translateX(calc(-5 * var(--arrow-gap)));
}

.yellow-arrow-btn:hover::after,
.yellow-arrow-btn:focus::after {
  transform: translateX(0);
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-1381fc5 */.yellow-arrow-btn {
  --arrow-gap: 5px;
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: #F8FB8A;
  border: 1px solid #E4E775;
  border-radius: 15px;
  color: black !important;
  font-size: 18px;
  font-weight: 500;
  font-family: "Neue Haas", sans-serif; /* added fallback */
  padding: 22px 80px;
  cursor: pointer;
  transition: background 0.3s ease, box-shadow 0.3s ease;
}

.yellow-arrow-btn::after {
  content: "";
  position: absolute;
  right: calc(30px - var(--arrow-gap));
  width: 50px;
  height: 50px;
  background: #F8FB8A url("https://blockapex.io/wp-content/uploads/2025/01/Right-arrow.png") no-repeat center;
  background-size: 15px 15px;
  border: 2px solid #E4E775;
  border-radius: 15px;
  transform: translateX(-150%);
  opacity: 0;
  transition: transform 2.3s ease, opacity 0.3s ease;
}

.yellow-arrow-btn span {
  display: inline-block;
  transition: transform 2.3s ease;
}

/* Hover & Focus Effects */
.yellow-arrow-btn:hover,
.yellow-arrow-btn:focus {
  background: white !important;
  box-shadow: 0 10px 20px -8px rgba(243, 246, 130, 0.7) !important;
}

.yellow-arrow-btn:hover span,
.yellow-arrow-btn:focus span {
  transform: translateX(calc(-5 * var(--arrow-gap)));
}

.yellow-arrow-btn:hover::after,
.yellow-arrow-btn:focus::after {
  transform: translateX(0);
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-cb09c24 */.yellow-arrow-btn {
  --arrow-gap: 5px;
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: #F8FB8A;
  border: 1px solid #E4E775;
  border-radius: 15px;
  color: black !important;
  font-size: 18px;
  font-weight: 500;
  font-family: "Neue Haas", sans-serif; /* added fallback */
  padding: 22px 80px;
  cursor: pointer;
  transition: background 0.3s ease, box-shadow 0.3s ease;
}

.yellow-arrow-btn::after {
  content: "";
  position: absolute;
  right: calc(30px - var(--arrow-gap));
  width: 50px;
  height: 50px;
  background: #F8FB8A url("https://blockapex.io/wp-content/uploads/2025/01/Right-arrow.png") no-repeat center;
  background-size: 15px 15px;
  border: 2px solid #E4E775;
  border-radius: 15px;
  transform: translateX(-150%);
  opacity: 0;
  transition: transform 2.3s ease, opacity 0.3s ease;
}

.yellow-arrow-btn span {
  display: inline-block;
  transition: transform 2.3s ease;
}

/* Hover & Focus Effects */
.yellow-arrow-btn:hover,
.yellow-arrow-btn:focus {
  background: white !important;
  box-shadow: 0 10px 20px -8px rgba(243, 246, 130, 0.7) !important;
}

.yellow-arrow-btn:hover span,
.yellow-arrow-btn:focus span {
  transform: translateX(calc(-5 * var(--arrow-gap)));
}

.yellow-arrow-btn:hover::after,
.yellow-arrow-btn:focus::after {
  transform: translateX(0);
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-9fc1e24 */.yellow-arrow-btn {
  --arrow-gap: 5px;
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: #F8FB8A;
  border: 1px solid #E4E775;
  border-radius: 15px;
  color: black !important;
  font-size: 18px;
  font-weight: 500;
  font-family: "Neue Haas", sans-serif; /* added fallback */
  padding: 22px 80px;
  cursor: pointer;
  transition: background 0.3s ease, box-shadow 0.3s ease;
}

.yellow-arrow-btn::after {
  content: "";
  position: absolute;
  right: calc(30px - var(--arrow-gap));
  width: 50px;
  height: 50px;
  background: #F8FB8A url("https://blockapex.io/wp-content/uploads/2025/01/Right-arrow.png") no-repeat center;
  background-size: 15px 15px;
  border: 2px solid #E4E775;
  border-radius: 15px;
  transform: translateX(-150%);
  opacity: 0;
  transition: transform 2.3s ease, opacity 0.3s ease;
}

.yellow-arrow-btn span {
  display: inline-block;
  transition: transform 2.3s ease;
}

/* Hover & Focus Effects */
.yellow-arrow-btn:hover,
.yellow-arrow-btn:focus {
  background: white !important;
  box-shadow: 0 10px 20px -8px rgba(243, 246, 130, 0.7) !important;
}

.yellow-arrow-btn:hover span,
.yellow-arrow-btn:focus span {
  transform: translateX(calc(-5 * var(--arrow-gap)));
}

.yellow-arrow-btn:hover::after,
.yellow-arrow-btn:focus::after {
  transform: translateX(0);
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-b281a75 */.yellow-arrow-btn {
  --arrow-gap: 5px;
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: #F8FB8A;
  border: 1px solid #E4E775;
  border-radius: 15px;
  color: black !important;
  font-size: 18px;
  font-weight: 500;
  font-family: "Neue Haas", sans-serif; /* added fallback */
  padding: 22px 80px;
  cursor: pointer;
  transition: background 0.3s ease, box-shadow 0.3s ease;
}

.yellow-arrow-btn::after {
  content: "";
  position: absolute;
  right: calc(30px - var(--arrow-gap));
  width: 50px;
  height: 50px;
  background: #F8FB8A url("https://blockapex.io/wp-content/uploads/2025/01/Right-arrow.png") no-repeat center;
  background-size: 15px 15px;
  border: 2px solid #E4E775;
  border-radius: 15px;
  transform: translateX(-150%);
  opacity: 0;
  transition: transform 2.3s ease, opacity 0.3s ease;
}

.yellow-arrow-btn span {
  display: inline-block;
  transition: transform 2.3s ease;
}

/* Hover & Focus Effects */
.yellow-arrow-btn:hover,
.yellow-arrow-btn:focus {
  background: white !important;
  box-shadow: 0 10px 20px -8px rgba(243, 246, 130, 0.7) !important;
}

.yellow-arrow-btn:hover span,
.yellow-arrow-btn:focus span {
  transform: translateX(calc(-5 * var(--arrow-gap)));
}

.yellow-arrow-btn:hover::after,
.yellow-arrow-btn:focus::after {
  transform: translateX(0);
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-2188df5 */.yellow-arrow-btn {
  --arrow-gap: 5px;
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: #F8FB8A;
  border: 1px solid #E4E775;
  border-radius: 15px;
  color: black !important;
  font-size: 18px;
  font-weight: 500;
  font-family: "Neue Haas", sans-serif; /* added fallback */
  padding: 22px 80px;
  cursor: pointer;
  transition: background 0.3s ease, box-shadow 0.3s ease;
}

.yellow-arrow-btn::after {
  content: "";
  position: absolute;
  right: calc(30px - var(--arrow-gap));
  width: 50px;
  height: 50px;
  background: #F8FB8A url("https://blockapex.io/wp-content/uploads/2025/01/Right-arrow.png") no-repeat center;
  background-size: 15px 15px;
  border: 2px solid #E4E775;
  border-radius: 15px;
  transform: translateX(-150%);
  opacity: 0;
  transition: transform 2.3s ease, opacity 0.3s ease;
}

.yellow-arrow-btn span {
  display: inline-block;
  transition: transform 2.3s ease;
}

/* Hover & Focus Effects */
.yellow-arrow-btn:hover,
.yellow-arrow-btn:focus {
  background: white !important;
  box-shadow: 0 10px 20px -8px rgba(243, 246, 130, 0.7) !important;
}

.yellow-arrow-btn:hover span,
.yellow-arrow-btn:focus span {
  transform: translateX(calc(-5 * var(--arrow-gap)));
}

.yellow-arrow-btn:hover::after,
.yellow-arrow-btn:focus::after {
  transform: translateX(0);
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-21b5310 */.yellow-arrow-btn {
  --arrow-gap: 5px;
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: #F8FB8A;
  border: 1px solid #E4E775;
  border-radius: 15px;
  color: black !important;
  font-size: 18px;
  font-weight: 500;
  font-family: "Neue Haas", sans-serif; /* added fallback */
  padding: 22px 80px;
  cursor: pointer;
  transition: background 0.3s ease, box-shadow 0.3s ease;
}

.yellow-arrow-btn::after {
  content: "";
  position: absolute;
  right: calc(30px - var(--arrow-gap));
  width: 50px;
  height: 50px;
  background: #F8FB8A url("https://blockapex.io/wp-content/uploads/2025/01/Right-arrow.png") no-repeat center;
  background-size: 15px 15px;
  border: 2px solid #E4E775;
  border-radius: 15px;
  transform: translateX(-150%);
  opacity: 0;
  transition: transform 2.3s ease, opacity 0.3s ease;
}

.yellow-arrow-btn span {
  display: inline-block;
  transition: transform 2.3s ease;
}

/* Hover & Focus Effects */
.yellow-arrow-btn:hover,
.yellow-arrow-btn:focus {
  background: white !important;
  box-shadow: 0 10px 20px -8px rgba(243, 246, 130, 0.7) !important;
}

.yellow-arrow-btn:hover span,
.yellow-arrow-btn:focus span {
  transform: translateX(calc(-5 * var(--arrow-gap)));
}

.yellow-arrow-btn:hover::after,
.yellow-arrow-btn:focus::after {
  transform: translateX(0);
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-70c7c44 */.yellow-arrow-btn {
  --arrow-gap: 5px;
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: #F8FB8A;
  border: 1px solid #E4E775;
  border-radius: 15px;
  color: black !important;
  font-size: 18px;
  font-weight: 500;
  font-family: "Neue Haas", sans-serif; /* added fallback */
  padding: 22px 80px;
  cursor: pointer;
  transition: background 0.3s ease, box-shadow 0.3s ease;
}

.yellow-arrow-btn::after {
  content: "";
  position: absolute;
  right: calc(30px - var(--arrow-gap));
  width: 50px;
  height: 50px;
  background: #F8FB8A url("https://blockapex.io/wp-content/uploads/2025/01/Right-arrow.png") no-repeat center;
  background-size: 15px 15px;
  border: 2px solid #E4E775;
  border-radius: 15px;
  transform: translateX(-150%);
  opacity: 0;
  transition: transform 2.3s ease, opacity 0.3s ease;
}

.yellow-arrow-btn span {
  display: inline-block;
  transition: transform 2.3s ease;
}

/* Hover & Focus Effects */
.yellow-arrow-btn:hover,
.yellow-arrow-btn:focus {
  background: white !important;
  box-shadow: 0 10px 20px -8px rgba(243, 246, 130, 0.7) !important;
}

.yellow-arrow-btn:hover span,
.yellow-arrow-btn:focus span {
  transform: translateX(calc(-5 * var(--arrow-gap)));
}

.yellow-arrow-btn:hover::after,
.yellow-arrow-btn:focus::after {
  transform: translateX(0);
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-10e491b */.yellow-arrow-btn {
  --arrow-gap: 5px;
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: #F8FB8A;
  border: 1px solid #E4E775;
  border-radius: 15px;
  color: black !important;
  font-size: 18px;
  font-weight: 500;
  font-family: "Neue Haas", sans-serif; /* added fallback */
  padding: 22px 80px;
  cursor: pointer;
  transition: background 0.3s ease, box-shadow 0.3s ease;
}

.yellow-arrow-btn::after {
  content: "";
  position: absolute;
  right: calc(30px - var(--arrow-gap));
  width: 50px;
  height: 50px;
  background: #F8FB8A url("https://blockapex.io/wp-content/uploads/2025/01/Right-arrow.png") no-repeat center;
  background-size: 15px 15px;
  border: 2px solid #E4E775;
  border-radius: 15px;
  transform: translateX(-150%);
  opacity: 0;
  transition: transform 2.3s ease, opacity 0.3s ease;
}

.yellow-arrow-btn span {
  display: inline-block;
  transition: transform 2.3s ease;
}

/* Hover & Focus Effects */
.yellow-arrow-btn:hover,
.yellow-arrow-btn:focus {
  background: white !important;
  box-shadow: 0 10px 20px -8px rgba(243, 246, 130, 0.7) !important;
}

.yellow-arrow-btn:hover span,
.yellow-arrow-btn:focus span {
  transform: translateX(calc(-5 * var(--arrow-gap)));
}

.yellow-arrow-btn:hover::after,
.yellow-arrow-btn:focus::after {
  transform: translateX(0);
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-efb9005 */.yellow-arrow-btn {
  --arrow-gap: 5px;
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: #F8FB8A;
  border: 1px solid #E4E775;
  border-radius: 15px;
  color: black !important;
  font-size: 18px;
  font-weight: 500;
  font-family: "Neue Haas", sans-serif; /* added fallback */
  padding: 22px 80px;
  cursor: pointer;
  transition: background 0.3s ease, box-shadow 0.3s ease;
}

.yellow-arrow-btn::after {
  content: "";
  position: absolute;
  right: calc(30px - var(--arrow-gap));
  width: 50px;
  height: 50px;
  background: #F8FB8A url("https://blockapex.io/wp-content/uploads/2025/01/Right-arrow.png") no-repeat center;
  background-size: 15px 15px;
  border: 2px solid #E4E775;
  border-radius: 15px;
  transform: translateX(-150%);
  opacity: 0;
  transition: transform 2.3s ease, opacity 0.3s ease;
}

.yellow-arrow-btn span {
  display: inline-block;
  transition: transform 2.3s ease;
}

/* Hover & Focus Effects */
.yellow-arrow-btn:hover,
.yellow-arrow-btn:focus {
  background: white !important;
  box-shadow: 0 10px 20px -8px rgba(243, 246, 130, 0.7) !important;
}

.yellow-arrow-btn:hover span,
.yellow-arrow-btn:focus span {
  transform: translateX(calc(-5 * var(--arrow-gap)));
}

.yellow-arrow-btn:hover::after,
.yellow-arrow-btn:focus::after {
  transform: translateX(0);
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-1381fc5 */.yellow-arrow-btn {
  --arrow-gap: 5px;
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: #F8FB8A;
  border: 1px solid #E4E775;
  border-radius: 15px;
  color: black !important;
  font-size: 18px;
  font-weight: 500;
  font-family: "Neue Haas", sans-serif; /* added fallback */
  padding: 22px 80px;
  cursor: pointer;
  transition: background 0.3s ease, box-shadow 0.3s ease;
}

.yellow-arrow-btn::after {
  content: "";
  position: absolute;
  right: calc(30px - var(--arrow-gap));
  width: 50px;
  height: 50px;
  background: #F8FB8A url("https://blockapex.io/wp-content/uploads/2025/01/Right-arrow.png") no-repeat center;
  background-size: 15px 15px;
  border: 2px solid #E4E775;
  border-radius: 15px;
  transform: translateX(-150%);
  opacity: 0;
  transition: transform 2.3s ease, opacity 0.3s ease;
}

.yellow-arrow-btn span {
  display: inline-block;
  transition: transform 2.3s ease;
}

/* Hover & Focus Effects */
.yellow-arrow-btn:hover,
.yellow-arrow-btn:focus {
  background: white !important;
  box-shadow: 0 10px 20px -8px rgba(243, 246, 130, 0.7) !important;
}

.yellow-arrow-btn:hover span,
.yellow-arrow-btn:focus span {
  transform: translateX(calc(-5 * var(--arrow-gap)));
}

.yellow-arrow-btn:hover::after,
.yellow-arrow-btn:focus::after {
  transform: translateX(0);
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-cb09c24 */.yellow-arrow-btn {
  --arrow-gap: 5px;
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: #F8FB8A;
  border: 1px solid #E4E775;
  border-radius: 15px;
  color: black !important;
  font-size: 18px;
  font-weight: 500;
  font-family: "Neue Haas", sans-serif; /* added fallback */
  padding: 22px 80px;
  cursor: pointer;
  transition: background 0.3s ease, box-shadow 0.3s ease;
}

.yellow-arrow-btn::after {
  content: "";
  position: absolute;
  right: calc(30px - var(--arrow-gap));
  width: 50px;
  height: 50px;
  background: #F8FB8A url("https://blockapex.io/wp-content/uploads/2025/01/Right-arrow.png") no-repeat center;
  background-size: 15px 15px;
  border: 2px solid #E4E775;
  border-radius: 15px;
  transform: translateX(-150%);
  opacity: 0;
  transition: transform 2.3s ease, opacity 0.3s ease;
}

.yellow-arrow-btn span {
  display: inline-block;
  transition: transform 2.3s ease;
}

/* Hover & Focus Effects */
.yellow-arrow-btn:hover,
.yellow-arrow-btn:focus {
  background: white !important;
  box-shadow: 0 10px 20px -8px rgba(243, 246, 130, 0.7) !important;
}

.yellow-arrow-btn:hover span,
.yellow-arrow-btn:focus span {
  transform: translateX(calc(-5 * var(--arrow-gap)));
}

.yellow-arrow-btn:hover::after,
.yellow-arrow-btn:focus::after {
  transform: translateX(0);
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-9fc1e24 */.yellow-arrow-btn {
  --arrow-gap: 5px;
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: #F8FB8A;
  border: 1px solid #E4E775;
  border-radius: 15px;
  color: black !important;
  font-size: 18px;
  font-weight: 500;
  font-family: "Neue Haas", sans-serif; /* added fallback */
  padding: 22px 80px;
  cursor: pointer;
  transition: background 0.3s ease, box-shadow 0.3s ease;
}

.yellow-arrow-btn::after {
  content: "";
  position: absolute;
  right: calc(30px - var(--arrow-gap));
  width: 50px;
  height: 50px;
  background: #F8FB8A url("https://blockapex.io/wp-content/uploads/2025/01/Right-arrow.png") no-repeat center;
  background-size: 15px 15px;
  border: 2px solid #E4E775;
  border-radius: 15px;
  transform: translateX(-150%);
  opacity: 0;
  transition: transform 2.3s ease, opacity 0.3s ease;
}

.yellow-arrow-btn span {
  display: inline-block;
  transition: transform 2.3s ease;
}

/* Hover & Focus Effects */
.yellow-arrow-btn:hover,
.yellow-arrow-btn:focus {
  background: white !important;
  box-shadow: 0 10px 20px -8px rgba(243, 246, 130, 0.7) !important;
}

.yellow-arrow-btn:hover span,
.yellow-arrow-btn:focus span {
  transform: translateX(calc(-5 * var(--arrow-gap)));
}

.yellow-arrow-btn:hover::after,
.yellow-arrow-btn:focus::after {
  transform: translateX(0);
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-b281a75 */.yellow-arrow-btn {
  --arrow-gap: 5px;
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: #F8FB8A;
  border: 1px solid #E4E775;
  border-radius: 15px;
  color: black !important;
  font-size: 18px;
  font-weight: 500;
  font-family: "Neue Haas", sans-serif; /* added fallback */
  padding: 22px 80px;
  cursor: pointer;
  transition: background 0.3s ease, box-shadow 0.3s ease;
}

.yellow-arrow-btn::after {
  content: "";
  position: absolute;
  right: calc(30px - var(--arrow-gap));
  width: 50px;
  height: 50px;
  background: #F8FB8A url("https://blockapex.io/wp-content/uploads/2025/01/Right-arrow.png") no-repeat center;
  background-size: 15px 15px;
  border: 2px solid #E4E775;
  border-radius: 15px;
  transform: translateX(-150%);
  opacity: 0;
  transition: transform 2.3s ease, opacity 0.3s ease;
}

.yellow-arrow-btn span {
  display: inline-block;
  transition: transform 2.3s ease;
}

/* Hover & Focus Effects */
.yellow-arrow-btn:hover,
.yellow-arrow-btn:focus {
  background: white !important;
  box-shadow: 0 10px 20px -8px rgba(243, 246, 130, 0.7) !important;
}

.yellow-arrow-btn:hover span,
.yellow-arrow-btn:focus span {
  transform: translateX(calc(-5 * var(--arrow-gap)));
}

.yellow-arrow-btn:hover::after,
.yellow-arrow-btn:focus::after {
  transform: translateX(0);
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-2188df5 */.yellow-arrow-btn {
  --arrow-gap: 5px;
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: #F8FB8A;
  border: 1px solid #E4E775;
  border-radius: 15px;
  color: black !important;
  font-size: 18px;
  font-weight: 500;
  font-family: "Neue Haas", sans-serif; /* added fallback */
  padding: 22px 80px;
  cursor: pointer;
  transition: background 0.3s ease, box-shadow 0.3s ease;
}

.yellow-arrow-btn::after {
  content: "";
  position: absolute;
  right: calc(30px - var(--arrow-gap));
  width: 50px;
  height: 50px;
  background: #F8FB8A url("https://blockapex.io/wp-content/uploads/2025/01/Right-arrow.png") no-repeat center;
  background-size: 15px 15px;
  border: 2px solid #E4E775;
  border-radius: 15px;
  transform: translateX(-150%);
  opacity: 0;
  transition: transform 2.3s ease, opacity 0.3s ease;
}

.yellow-arrow-btn span {
  display: inline-block;
  transition: transform 2.3s ease;
}

/* Hover & Focus Effects */
.yellow-arrow-btn:hover,
.yellow-arrow-btn:focus {
  background: white !important;
  box-shadow: 0 10px 20px -8px rgba(243, 246, 130, 0.7) !important;
}

.yellow-arrow-btn:hover span,
.yellow-arrow-btn:focus span {
  transform: translateX(calc(-5 * var(--arrow-gap)));
}

.yellow-arrow-btn:hover::after,
.yellow-arrow-btn:focus::after {
  transform: translateX(0);
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-21b5310 */.yellow-arrow-btn {
  --arrow-gap: 5px;
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: #F8FB8A;
  border: 1px solid #E4E775;
  border-radius: 15px;
  color: black !important;
  font-size: 18px;
  font-weight: 500;
  font-family: "Neue Haas", sans-serif; /* added fallback */
  padding: 22px 80px;
  cursor: pointer;
  transition: background 0.3s ease, box-shadow 0.3s ease;
}

.yellow-arrow-btn::after {
  content: "";
  position: absolute;
  right: calc(30px - var(--arrow-gap));
  width: 50px;
  height: 50px;
  background: #F8FB8A url("https://blockapex.io/wp-content/uploads/2025/01/Right-arrow.png") no-repeat center;
  background-size: 15px 15px;
  border: 2px solid #E4E775;
  border-radius: 15px;
  transform: translateX(-150%);
  opacity: 0;
  transition: transform 2.3s ease, opacity 0.3s ease;
}

.yellow-arrow-btn span {
  display: inline-block;
  transition: transform 2.3s ease;
}

/* Hover & Focus Effects */
.yellow-arrow-btn:hover,
.yellow-arrow-btn:focus {
  background: white !important;
  box-shadow: 0 10px 20px -8px rgba(243, 246, 130, 0.7) !important;
}

.yellow-arrow-btn:hover span,
.yellow-arrow-btn:focus span {
  transform: translateX(calc(-5 * var(--arrow-gap)));
}

.yellow-arrow-btn:hover::after,
.yellow-arrow-btn:focus::after {
  transform: translateX(0);
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-70c7c44 */.yellow-arrow-btn {
  --arrow-gap: 5px;
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: #F8FB8A;
  border: 1px solid #E4E775;
  border-radius: 15px;
  color: black !important;
  font-size: 18px;
  font-weight: 500;
  font-family: "Neue Haas", sans-serif; /* added fallback */
  padding: 22px 80px;
  cursor: pointer;
  transition: background 0.3s ease, box-shadow 0.3s ease;
}

.yellow-arrow-btn::after {
  content: "";
  position: absolute;
  right: calc(30px - var(--arrow-gap));
  width: 50px;
  height: 50px;
  background: #F8FB8A url("https://blockapex.io/wp-content/uploads/2025/01/Right-arrow.png") no-repeat center;
  background-size: 15px 15px;
  border: 2px solid #E4E775;
  border-radius: 15px;
  transform: translateX(-150%);
  opacity: 0;
  transition: transform 2.3s ease, opacity 0.3s ease;
}

.yellow-arrow-btn span {
  display: inline-block;
  transition: transform 2.3s ease;
}

/* Hover & Focus Effects */
.yellow-arrow-btn:hover,
.yellow-arrow-btn:focus {
  background: white !important;
  box-shadow: 0 10px 20px -8px rgba(243, 246, 130, 0.7) !important;
}

.yellow-arrow-btn:hover span,
.yellow-arrow-btn:focus span {
  transform: translateX(calc(-5 * var(--arrow-gap)));
}

.yellow-arrow-btn:hover::after,
.yellow-arrow-btn:focus::after {
  transform: translateX(0);
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-10e491b */.yellow-arrow-btn {
  --arrow-gap: 5px;
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: #F8FB8A;
  border: 1px solid #E4E775;
  border-radius: 15px;
  color: black !important;
  font-size: 18px;
  font-weight: 500;
  font-family: "Neue Haas", sans-serif; /* added fallback */
  padding: 22px 80px;
  cursor: pointer;
  transition: background 0.3s ease, box-shadow 0.3s ease;
}

.yellow-arrow-btn::after {
  content: "";
  position: absolute;
  right: calc(30px - var(--arrow-gap));
  width: 50px;
  height: 50px;
  background: #F8FB8A url("https://blockapex.io/wp-content/uploads/2025/01/Right-arrow.png") no-repeat center;
  background-size: 15px 15px;
  border: 2px solid #E4E775;
  border-radius: 15px;
  transform: translateX(-150%);
  opacity: 0;
  transition: transform 2.3s ease, opacity 0.3s ease;
}

.yellow-arrow-btn span {
  display: inline-block;
  transition: transform 2.3s ease;
}

/* Hover & Focus Effects */
.yellow-arrow-btn:hover,
.yellow-arrow-btn:focus {
  background: white !important;
  box-shadow: 0 10px 20px -8px rgba(243, 246, 130, 0.7) !important;
}

.yellow-arrow-btn:hover span,
.yellow-arrow-btn:focus span {
  transform: translateX(calc(-5 * var(--arrow-gap)));
}

.yellow-arrow-btn:hover::after,
.yellow-arrow-btn:focus::after {
  transform: translateX(0);
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-efb9005 */.yellow-arrow-btn {
  --arrow-gap: 5px;
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: #F8FB8A;
  border: 1px solid #E4E775;
  border-radius: 15px;
  color: black !important;
  font-size: 18px;
  font-weight: 500;
  font-family: "Neue Haas", sans-serif; /* added fallback */
  padding: 22px 80px;
  cursor: pointer;
  transition: background 0.3s ease, box-shadow 0.3s ease;
}

.yellow-arrow-btn::after {
  content: "";
  position: absolute;
  right: calc(30px - var(--arrow-gap));
  width: 50px;
  height: 50px;
  background: #F8FB8A url("https://blockapex.io/wp-content/uploads/2025/01/Right-arrow.png") no-repeat center;
  background-size: 15px 15px;
  border: 2px solid #E4E775;
  border-radius: 15px;
  transform: translateX(-150%);
  opacity: 0;
  transition: transform 2.3s ease, opacity 0.3s ease;
}

.yellow-arrow-btn span {
  display: inline-block;
  transition: transform 2.3s ease;
}

/* Hover & Focus Effects */
.yellow-arrow-btn:hover,
.yellow-arrow-btn:focus {
  background: white !important;
  box-shadow: 0 10px 20px -8px rgba(243, 246, 130, 0.7) !important;
}

.yellow-arrow-btn:hover span,
.yellow-arrow-btn:focus span {
  transform: translateX(calc(-5 * var(--arrow-gap)));
}

.yellow-arrow-btn:hover::after,
.yellow-arrow-btn:focus::after {
  transform: translateX(0);
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-1381fc5 */.yellow-arrow-btn {
  --arrow-gap: 5px;
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: #F8FB8A;
  border: 1px solid #E4E775;
  border-radius: 15px;
  color: black !important;
  font-size: 18px;
  font-weight: 500;
  font-family: "Neue Haas", sans-serif; /* added fallback */
  padding: 22px 80px;
  cursor: pointer;
  transition: background 0.3s ease, box-shadow 0.3s ease;
}

.yellow-arrow-btn::after {
  content: "";
  position: absolute;
  right: calc(30px - var(--arrow-gap));
  width: 50px;
  height: 50px;
  background: #F8FB8A url("https://blockapex.io/wp-content/uploads/2025/01/Right-arrow.png") no-repeat center;
  background-size: 15px 15px;
  border: 2px solid #E4E775;
  border-radius: 15px;
  transform: translateX(-150%);
  opacity: 0;
  transition: transform 2.3s ease, opacity 0.3s ease;
}

.yellow-arrow-btn span {
  display: inline-block;
  transition: transform 2.3s ease;
}

/* Hover & Focus Effects */
.yellow-arrow-btn:hover,
.yellow-arrow-btn:focus {
  background: white !important;
  box-shadow: 0 10px 20px -8px rgba(243, 246, 130, 0.7) !important;
}

.yellow-arrow-btn:hover span,
.yellow-arrow-btn:focus span {
  transform: translateX(calc(-5 * var(--arrow-gap)));
}

.yellow-arrow-btn:hover::after,
.yellow-arrow-btn:focus::after {
  transform: translateX(0);
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-cb09c24 */.yellow-arrow-btn {
  --arrow-gap: 5px;
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: #F8FB8A;
  border: 1px solid #E4E775;
  border-radius: 15px;
  color: black !important;
  font-size: 18px;
  font-weight: 500;
  font-family: "Neue Haas", sans-serif; /* added fallback */
  padding: 22px 80px;
  cursor: pointer;
  transition: background 0.3s ease, box-shadow 0.3s ease;
}

.yellow-arrow-btn::after {
  content: "";
  position: absolute;
  right: calc(30px - var(--arrow-gap));
  width: 50px;
  height: 50px;
  background: #F8FB8A url("https://blockapex.io/wp-content/uploads/2025/01/Right-arrow.png") no-repeat center;
  background-size: 15px 15px;
  border: 2px solid #E4E775;
  border-radius: 15px;
  transform: translateX(-150%);
  opacity: 0;
  transition: transform 2.3s ease, opacity 0.3s ease;
}

.yellow-arrow-btn span {
  display: inline-block;
  transition: transform 2.3s ease;
}

/* Hover & Focus Effects */
.yellow-arrow-btn:hover,
.yellow-arrow-btn:focus {
  background: white !important;
  box-shadow: 0 10px 20px -8px rgba(243, 246, 130, 0.7) !important;
}

.yellow-arrow-btn:hover span,
.yellow-arrow-btn:focus span {
  transform: translateX(calc(-5 * var(--arrow-gap)));
}

.yellow-arrow-btn:hover::after,
.yellow-arrow-btn:focus::after {
  transform: translateX(0);
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-9fc1e24 */.yellow-arrow-btn {
  --arrow-gap: 5px;
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: #F8FB8A;
  border: 1px solid #E4E775;
  border-radius: 15px;
  color: black !important;
  font-size: 18px;
  font-weight: 500;
  font-family: "Neue Haas", sans-serif; /* added fallback */
  padding: 22px 80px;
  cursor: pointer;
  transition: background 0.3s ease, box-shadow 0.3s ease;
}

.yellow-arrow-btn::after {
  content: "";
  position: absolute;
  right: calc(30px - var(--arrow-gap));
  width: 50px;
  height: 50px;
  background: #F8FB8A url("https://blockapex.io/wp-content/uploads/2025/01/Right-arrow.png") no-repeat center;
  background-size: 15px 15px;
  border: 2px solid #E4E775;
  border-radius: 15px;
  transform: translateX(-150%);
  opacity: 0;
  transition: transform 2.3s ease, opacity 0.3s ease;
}

.yellow-arrow-btn span {
  display: inline-block;
  transition: transform 2.3s ease;
}

/* Hover & Focus Effects */
.yellow-arrow-btn:hover,
.yellow-arrow-btn:focus {
  background: white !important;
  box-shadow: 0 10px 20px -8px rgba(243, 246, 130, 0.7) !important;
}

.yellow-arrow-btn:hover span,
.yellow-arrow-btn:focus span {
  transform: translateX(calc(-5 * var(--arrow-gap)));
}

.yellow-arrow-btn:hover::after,
.yellow-arrow-btn:focus::after {
  transform: translateX(0);
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-b281a75 */.yellow-arrow-btn {
  --arrow-gap: 5px;
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: #F8FB8A;
  border: 1px solid #E4E775;
  border-radius: 15px;
  color: black !important;
  font-size: 18px;
  font-weight: 500;
  font-family: "Neue Haas", sans-serif; /* added fallback */
  padding: 22px 80px;
  cursor: pointer;
  transition: background 0.3s ease, box-shadow 0.3s ease;
}

.yellow-arrow-btn::after {
  content: "";
  position: absolute;
  right: calc(30px - var(--arrow-gap));
  width: 50px;
  height: 50px;
  background: #F8FB8A url("https://blockapex.io/wp-content/uploads/2025/01/Right-arrow.png") no-repeat center;
  background-size: 15px 15px;
  border: 2px solid #E4E775;
  border-radius: 15px;
  transform: translateX(-150%);
  opacity: 0;
  transition: transform 2.3s ease, opacity 0.3s ease;
}

.yellow-arrow-btn span {
  display: inline-block;
  transition: transform 2.3s ease;
}

/* Hover & Focus Effects */
.yellow-arrow-btn:hover,
.yellow-arrow-btn:focus {
  background: white !important;
  box-shadow: 0 10px 20px -8px rgba(243, 246, 130, 0.7) !important;
}

.yellow-arrow-btn:hover span,
.yellow-arrow-btn:focus span {
  transform: translateX(calc(-5 * var(--arrow-gap)));
}

.yellow-arrow-btn:hover::after,
.yellow-arrow-btn:focus::after {
  transform: translateX(0);
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-2188df5 */.yellow-arrow-btn {
  --arrow-gap: 5px;
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: #F8FB8A;
  border: 1px solid #E4E775;
  border-radius: 15px;
  color: black !important;
  font-size: 18px;
  font-weight: 500;
  font-family: "Neue Haas", sans-serif; /* added fallback */
  padding: 22px 80px;
  cursor: pointer;
  transition: background 0.3s ease, box-shadow 0.3s ease;
}

.yellow-arrow-btn::after {
  content: "";
  position: absolute;
  right: calc(30px - var(--arrow-gap));
  width: 50px;
  height: 50px;
  background: #F8FB8A url("https://blockapex.io/wp-content/uploads/2025/01/Right-arrow.png") no-repeat center;
  background-size: 15px 15px;
  border: 2px solid #E4E775;
  border-radius: 15px;
  transform: translateX(-150%);
  opacity: 0;
  transition: transform 2.3s ease, opacity 0.3s ease;
}

.yellow-arrow-btn span {
  display: inline-block;
  transition: transform 2.3s ease;
}

/* Hover & Focus Effects */
.yellow-arrow-btn:hover,
.yellow-arrow-btn:focus {
  background: white !important;
  box-shadow: 0 10px 20px -8px rgba(243, 246, 130, 0.7) !important;
}

.yellow-arrow-btn:hover span,
.yellow-arrow-btn:focus span {
  transform: translateX(calc(-5 * var(--arrow-gap)));
}

.yellow-arrow-btn:hover::after,
.yellow-arrow-btn:focus::after {
  transform: translateX(0);
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-21b5310 */.yellow-arrow-btn {
  --arrow-gap: 5px;
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: #F8FB8A;
  border: 1px solid #E4E775;
  border-radius: 15px;
  color: black !important;
  font-size: 18px;
  font-weight: 500;
  font-family: "Neue Haas", sans-serif; /* added fallback */
  padding: 22px 80px;
  cursor: pointer;
  transition: background 0.3s ease, box-shadow 0.3s ease;
}

.yellow-arrow-btn::after {
  content: "";
  position: absolute;
  right: calc(30px - var(--arrow-gap));
  width: 50px;
  height: 50px;
  background: #F8FB8A url("https://blockapex.io/wp-content/uploads/2025/01/Right-arrow.png") no-repeat center;
  background-size: 15px 15px;
  border: 2px solid #E4E775;
  border-radius: 15px;
  transform: translateX(-150%);
  opacity: 0;
  transition: transform 2.3s ease, opacity 0.3s ease;
}

.yellow-arrow-btn span {
  display: inline-block;
  transition: transform 2.3s ease;
}

/* Hover & Focus Effects */
.yellow-arrow-btn:hover,
.yellow-arrow-btn:focus {
  background: white !important;
  box-shadow: 0 10px 20px -8px rgba(243, 246, 130, 0.7) !important;
}

.yellow-arrow-btn:hover span,
.yellow-arrow-btn:focus span {
  transform: translateX(calc(-5 * var(--arrow-gap)));
}

.yellow-arrow-btn:hover::after,
.yellow-arrow-btn:focus::after {
  transform: translateX(0);
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-70c7c44 */.yellow-arrow-btn {
  --arrow-gap: 5px;
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: #F8FB8A;
  border: 1px solid #E4E775;
  border-radius: 15px;
  color: black !important;
  font-size: 18px;
  font-weight: 500;
  font-family: "Neue Haas", sans-serif; /* added fallback */
  padding: 22px 80px;
  cursor: pointer;
  transition: background 0.3s ease, box-shadow 0.3s ease;
}

.yellow-arrow-btn::after {
  content: "";
  position: absolute;
  right: calc(30px - var(--arrow-gap));
  width: 50px;
  height: 50px;
  background: #F8FB8A url("https://blockapex.io/wp-content/uploads/2025/01/Right-arrow.png") no-repeat center;
  background-size: 15px 15px;
  border: 2px solid #E4E775;
  border-radius: 15px;
  transform: translateX(-150%);
  opacity: 0;
  transition: transform 2.3s ease, opacity 0.3s ease;
}

.yellow-arrow-btn span {
  display: inline-block;
  transition: transform 2.3s ease;
}

/* Hover & Focus Effects */
.yellow-arrow-btn:hover,
.yellow-arrow-btn:focus {
  background: white !important;
  box-shadow: 0 10px 20px -8px rgba(243, 246, 130, 0.7) !important;
}

.yellow-arrow-btn:hover span,
.yellow-arrow-btn:focus span {
  transform: translateX(calc(-5 * var(--arrow-gap)));
}

.yellow-arrow-btn:hover::after,
.yellow-arrow-btn:focus::after {
  transform: translateX(0);
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-10e491b */.yellow-arrow-btn {
  --arrow-gap: 5px;
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: #F8FB8A;
  border: 1px solid #E4E775;
  border-radius: 15px;
  color: black !important;
  font-size: 18px;
  font-weight: 500;
  font-family: "Neue Haas", sans-serif; /* added fallback */
  padding: 22px 80px;
  cursor: pointer;
  transition: background 0.3s ease, box-shadow 0.3s ease;
}

.yellow-arrow-btn::after {
  content: "";
  position: absolute;
  right: calc(30px - var(--arrow-gap));
  width: 50px;
  height: 50px;
  background: #F8FB8A url("https://blockapex.io/wp-content/uploads/2025/01/Right-arrow.png") no-repeat center;
  background-size: 15px 15px;
  border: 2px solid #E4E775;
  border-radius: 15px;
  transform: translateX(-150%);
  opacity: 0;
  transition: transform 2.3s ease, opacity 0.3s ease;
}

.yellow-arrow-btn span {
  display: inline-block;
  transition: transform 2.3s ease;
}

/* Hover & Focus Effects */
.yellow-arrow-btn:hover,
.yellow-arrow-btn:focus {
  background: white !important;
  box-shadow: 0 10px 20px -8px rgba(243, 246, 130, 0.7) !important;
}

.yellow-arrow-btn:hover span,
.yellow-arrow-btn:focus span {
  transform: translateX(calc(-5 * var(--arrow-gap)));
}

.yellow-arrow-btn:hover::after,
.yellow-arrow-btn:focus::after {
  transform: translateX(0);
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-efb9005 */.yellow-arrow-btn {
  --arrow-gap: 5px;
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: #F8FB8A;
  border: 1px solid #E4E775;
  border-radius: 15px;
  color: black !important;
  font-size: 18px;
  font-weight: 500;
  font-family: "Neue Haas", sans-serif; /* added fallback */
  padding: 22px 80px;
  cursor: pointer;
  transition: background 0.3s ease, box-shadow 0.3s ease;
}

.yellow-arrow-btn::after {
  content: "";
  position: absolute;
  right: calc(30px - var(--arrow-gap));
  width: 50px;
  height: 50px;
  background: #F8FB8A url("https://blockapex.io/wp-content/uploads/2025/01/Right-arrow.png") no-repeat center;
  background-size: 15px 15px;
  border: 2px solid #E4E775;
  border-radius: 15px;
  transform: translateX(-150%);
  opacity: 0;
  transition: transform 2.3s ease, opacity 0.3s ease;
}

.yellow-arrow-btn span {
  display: inline-block;
  transition: transform 2.3s ease;
}

/* Hover & Focus Effects */
.yellow-arrow-btn:hover,
.yellow-arrow-btn:focus {
  background: white !important;
  box-shadow: 0 10px 20px -8px rgba(243, 246, 130, 0.7) !important;
}

.yellow-arrow-btn:hover span,
.yellow-arrow-btn:focus span {
  transform: translateX(calc(-5 * var(--arrow-gap)));
}

.yellow-arrow-btn:hover::after,
.yellow-arrow-btn:focus::after {
  transform: translateX(0);
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-1381fc5 */.yellow-arrow-btn {
  --arrow-gap: 5px;
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: #F8FB8A;
  border: 1px solid #E4E775;
  border-radius: 15px;
  color: black !important;
  font-size: 18px;
  font-weight: 500;
  font-family: "Neue Haas", sans-serif; /* added fallback */
  padding: 22px 80px;
  cursor: pointer;
  transition: background 0.3s ease, box-shadow 0.3s ease;
}

.yellow-arrow-btn::after {
  content: "";
  position: absolute;
  right: calc(30px - var(--arrow-gap));
  width: 50px;
  height: 50px;
  background: #F8FB8A url("https://blockapex.io/wp-content/uploads/2025/01/Right-arrow.png") no-repeat center;
  background-size: 15px 15px;
  border: 2px solid #E4E775;
  border-radius: 15px;
  transform: translateX(-150%);
  opacity: 0;
  transition: transform 2.3s ease, opacity 0.3s ease;
}

.yellow-arrow-btn span {
  display: inline-block;
  transition: transform 2.3s ease;
}

/* Hover & Focus Effects */
.yellow-arrow-btn:hover,
.yellow-arrow-btn:focus {
  background: white !important;
  box-shadow: 0 10px 20px -8px rgba(243, 246, 130, 0.7) !important;
}

.yellow-arrow-btn:hover span,
.yellow-arrow-btn:focus span {
  transform: translateX(calc(-5 * var(--arrow-gap)));
}

.yellow-arrow-btn:hover::after,
.yellow-arrow-btn:focus::after {
  transform: translateX(0);
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-cb09c24 */.yellow-arrow-btn {
  --arrow-gap: 5px;
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: #F8FB8A;
  border: 1px solid #E4E775;
  border-radius: 15px;
  color: black !important;
  font-size: 18px;
  font-weight: 500;
  font-family: "Neue Haas", sans-serif; /* added fallback */
  padding: 22px 80px;
  cursor: pointer;
  transition: background 0.3s ease, box-shadow 0.3s ease;
}

.yellow-arrow-btn::after {
  content: "";
  position: absolute;
  right: calc(30px - var(--arrow-gap));
  width: 50px;
  height: 50px;
  background: #F8FB8A url("https://blockapex.io/wp-content/uploads/2025/01/Right-arrow.png") no-repeat center;
  background-size: 15px 15px;
  border: 2px solid #E4E775;
  border-radius: 15px;
  transform: translateX(-150%);
  opacity: 0;
  transition: transform 2.3s ease, opacity 0.3s ease;
}

.yellow-arrow-btn span {
  display: inline-block;
  transition: transform 2.3s ease;
}

/* Hover & Focus Effects */
.yellow-arrow-btn:hover,
.yellow-arrow-btn:focus {
  background: white !important;
  box-shadow: 0 10px 20px -8px rgba(243, 246, 130, 0.7) !important;
}

.yellow-arrow-btn:hover span,
.yellow-arrow-btn:focus span {
  transform: translateX(calc(-5 * var(--arrow-gap)));
}

.yellow-arrow-btn:hover::after,
.yellow-arrow-btn:focus::after {
  transform: translateX(0);
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-9fc1e24 */.yellow-arrow-btn {
  --arrow-gap: 5px;
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: #F8FB8A;
  border: 1px solid #E4E775;
  border-radius: 15px;
  color: black !important;
  font-size: 18px;
  font-weight: 500;
  font-family: "Neue Haas", sans-serif; /* added fallback */
  padding: 22px 80px;
  cursor: pointer;
  transition: background 0.3s ease, box-shadow 0.3s ease;
}

.yellow-arrow-btn::after {
  content: "";
  position: absolute;
  right: calc(30px - var(--arrow-gap));
  width: 50px;
  height: 50px;
  background: #F8FB8A url("https://blockapex.io/wp-content/uploads/2025/01/Right-arrow.png") no-repeat center;
  background-size: 15px 15px;
  border: 2px solid #E4E775;
  border-radius: 15px;
  transform: translateX(-150%);
  opacity: 0;
  transition: transform 2.3s ease, opacity 0.3s ease;
}

.yellow-arrow-btn span {
  display: inline-block;
  transition: transform 2.3s ease;
}

/* Hover & Focus Effects */
.yellow-arrow-btn:hover,
.yellow-arrow-btn:focus {
  background: white !important;
  box-shadow: 0 10px 20px -8px rgba(243, 246, 130, 0.7) !important;
}

.yellow-arrow-btn:hover span,
.yellow-arrow-btn:focus span {
  transform: translateX(calc(-5 * var(--arrow-gap)));
}

.yellow-arrow-btn:hover::after,
.yellow-arrow-btn:focus::after {
  transform: translateX(0);
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-b281a75 */.yellow-arrow-btn {
  --arrow-gap: 5px;
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: #F8FB8A;
  border: 1px solid #E4E775;
  border-radius: 15px;
  color: black !important;
  font-size: 18px;
  font-weight: 500;
  font-family: "Neue Haas", sans-serif; /* added fallback */
  padding: 22px 80px;
  cursor: pointer;
  transition: background 0.3s ease, box-shadow 0.3s ease;
}

.yellow-arrow-btn::after {
  content: "";
  position: absolute;
  right: calc(30px - var(--arrow-gap));
  width: 50px;
  height: 50px;
  background: #F8FB8A url("https://blockapex.io/wp-content/uploads/2025/01/Right-arrow.png") no-repeat center;
  background-size: 15px 15px;
  border: 2px solid #E4E775;
  border-radius: 15px;
  transform: translateX(-150%);
  opacity: 0;
  transition: transform 2.3s ease, opacity 0.3s ease;
}

.yellow-arrow-btn span {
  display: inline-block;
  transition: transform 2.3s ease;
}

/* Hover & Focus Effects */
.yellow-arrow-btn:hover,
.yellow-arrow-btn:focus {
  background: white !important;
  box-shadow: 0 10px 20px -8px rgba(243, 246, 130, 0.7) !important;
}

.yellow-arrow-btn:hover span,
.yellow-arrow-btn:focus span {
  transform: translateX(calc(-5 * var(--arrow-gap)));
}

.yellow-arrow-btn:hover::after,
.yellow-arrow-btn:focus::after {
  transform: translateX(0);
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-2188df5 */.yellow-arrow-btn {
  --arrow-gap: 5px;
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: #F8FB8A;
  border: 1px solid #E4E775;
  border-radius: 15px;
  color: black !important;
  font-size: 18px;
  font-weight: 500;
  font-family: "Neue Haas", sans-serif; /* added fallback */
  padding: 22px 80px;
  cursor: pointer;
  transition: background 0.3s ease, box-shadow 0.3s ease;
}

.yellow-arrow-btn::after {
  content: "";
  position: absolute;
  right: calc(30px - var(--arrow-gap));
  width: 50px;
  height: 50px;
  background: #F8FB8A url("https://blockapex.io/wp-content/uploads/2025/01/Right-arrow.png") no-repeat center;
  background-size: 15px 15px;
  border: 2px solid #E4E775;
  border-radius: 15px;
  transform: translateX(-150%);
  opacity: 0;
  transition: transform 2.3s ease, opacity 0.3s ease;
}

.yellow-arrow-btn span {
  display: inline-block;
  transition: transform 2.3s ease;
}

/* Hover & Focus Effects */
.yellow-arrow-btn:hover,
.yellow-arrow-btn:focus {
  background: white !important;
  box-shadow: 0 10px 20px -8px rgba(243, 246, 130, 0.7) !important;
}

.yellow-arrow-btn:hover span,
.yellow-arrow-btn:focus span {
  transform: translateX(calc(-5 * var(--arrow-gap)));
}

.yellow-arrow-btn:hover::after,
.yellow-arrow-btn:focus::after {
  transform: translateX(0);
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-21b5310 */.yellow-arrow-btn {
  --arrow-gap: 5px;
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: #F8FB8A;
  border: 1px solid #E4E775;
  border-radius: 15px;
  color: black !important;
  font-size: 18px;
  font-weight: 500;
  font-family: "Neue Haas", sans-serif; /* added fallback */
  padding: 22px 80px;
  cursor: pointer;
  transition: background 0.3s ease, box-shadow 0.3s ease;
}

.yellow-arrow-btn::after {
  content: "";
  position: absolute;
  right: calc(30px - var(--arrow-gap));
  width: 50px;
  height: 50px;
  background: #F8FB8A url("https://blockapex.io/wp-content/uploads/2025/01/Right-arrow.png") no-repeat center;
  background-size: 15px 15px;
  border: 2px solid #E4E775;
  border-radius: 15px;
  transform: translateX(-150%);
  opacity: 0;
  transition: transform 2.3s ease, opacity 0.3s ease;
}

.yellow-arrow-btn span {
  display: inline-block;
  transition: transform 2.3s ease;
}

/* Hover & Focus Effects */
.yellow-arrow-btn:hover,
.yellow-arrow-btn:focus {
  background: white !important;
  box-shadow: 0 10px 20px -8px rgba(243, 246, 130, 0.7) !important;
}

.yellow-arrow-btn:hover span,
.yellow-arrow-btn:focus span {
  transform: translateX(calc(-5 * var(--arrow-gap)));
}

.yellow-arrow-btn:hover::after,
.yellow-arrow-btn:focus::after {
  transform: translateX(0);
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-70c7c44 */.yellow-arrow-btn {
  --arrow-gap: 5px;
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: #F8FB8A;
  border: 1px solid #E4E775;
  border-radius: 15px;
  color: black !important;
  font-size: 18px;
  font-weight: 500;
  font-family: "Neue Haas", sans-serif; /* added fallback */
  padding: 22px 80px;
  cursor: pointer;
  transition: background 0.3s ease, box-shadow 0.3s ease;
}

.yellow-arrow-btn::after {
  content: "";
  position: absolute;
  right: calc(30px - var(--arrow-gap));
  width: 50px;
  height: 50px;
  background: #F8FB8A url("https://blockapex.io/wp-content/uploads/2025/01/Right-arrow.png") no-repeat center;
  background-size: 15px 15px;
  border: 2px solid #E4E775;
  border-radius: 15px;
  transform: translateX(-150%);
  opacity: 0;
  transition: transform 2.3s ease, opacity 0.3s ease;
}

.yellow-arrow-btn span {
  display: inline-block;
  transition: transform 2.3s ease;
}

/* Hover & Focus Effects */
.yellow-arrow-btn:hover,
.yellow-arrow-btn:focus {
  background: white !important;
  box-shadow: 0 10px 20px -8px rgba(243, 246, 130, 0.7) !important;
}

.yellow-arrow-btn:hover span,
.yellow-arrow-btn:focus span {
  transform: translateX(calc(-5 * var(--arrow-gap)));
}

.yellow-arrow-btn:hover::after,
.yellow-arrow-btn:focus::after {
  transform: translateX(0);
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-10e491b */.yellow-arrow-btn {
  --arrow-gap: 5px;
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: #F8FB8A;
  border: 1px solid #E4E775;
  border-radius: 15px;
  color: black !important;
  font-size: 18px;
  font-weight: 500;
  font-family: "Neue Haas", sans-serif; /* added fallback */
  padding: 22px 80px;
  cursor: pointer;
  transition: background 0.3s ease, box-shadow 0.3s ease;
}

.yellow-arrow-btn::after {
  content: "";
  position: absolute;
  right: calc(30px - var(--arrow-gap));
  width: 50px;
  height: 50px;
  background: #F8FB8A url("https://blockapex.io/wp-content/uploads/2025/01/Right-arrow.png") no-repeat center;
  background-size: 15px 15px;
  border: 2px solid #E4E775;
  border-radius: 15px;
  transform: translateX(-150%);
  opacity: 0;
  transition: transform 2.3s ease, opacity 0.3s ease;
}

.yellow-arrow-btn span {
  display: inline-block;
  transition: transform 2.3s ease;
}

/* Hover & Focus Effects */
.yellow-arrow-btn:hover,
.yellow-arrow-btn:focus {
  background: white !important;
  box-shadow: 0 10px 20px -8px rgba(243, 246, 130, 0.7) !important;
}

.yellow-arrow-btn:hover span,
.yellow-arrow-btn:focus span {
  transform: translateX(calc(-5 * var(--arrow-gap)));
}

.yellow-arrow-btn:hover::after,
.yellow-arrow-btn:focus::after {
  transform: translateX(0);
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-efb9005 */.yellow-arrow-btn {
  --arrow-gap: 5px;
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: #F8FB8A;
  border: 1px solid #E4E775;
  border-radius: 15px;
  color: black !important;
  font-size: 18px;
  font-weight: 500;
  font-family: "Neue Haas", sans-serif; /* added fallback */
  padding: 22px 80px;
  cursor: pointer;
  transition: background 0.3s ease, box-shadow 0.3s ease;
}

.yellow-arrow-btn::after {
  content: "";
  position: absolute;
  right: calc(30px - var(--arrow-gap));
  width: 50px;
  height: 50px;
  background: #F8FB8A url("https://blockapex.io/wp-content/uploads/2025/01/Right-arrow.png") no-repeat center;
  background-size: 15px 15px;
  border: 2px solid #E4E775;
  border-radius: 15px;
  transform: translateX(-150%);
  opacity: 0;
  transition: transform 2.3s ease, opacity 0.3s ease;
}

.yellow-arrow-btn span {
  display: inline-block;
  transition: transform 2.3s ease;
}

/* Hover & Focus Effects */
.yellow-arrow-btn:hover,
.yellow-arrow-btn:focus {
  background: white !important;
  box-shadow: 0 10px 20px -8px rgba(243, 246, 130, 0.7) !important;
}

.yellow-arrow-btn:hover span,
.yellow-arrow-btn:focus span {
  transform: translateX(calc(-5 * var(--arrow-gap)));
}

.yellow-arrow-btn:hover::after,
.yellow-arrow-btn:focus::after {
  transform: translateX(0);
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-1381fc5 */.yellow-arrow-btn {
  --arrow-gap: 5px;
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: #F8FB8A;
  border: 1px solid #E4E775;
  border-radius: 15px;
  color: black !important;
  font-size: 18px;
  font-weight: 500;
  font-family: "Neue Haas", sans-serif; /* added fallback */
  padding: 22px 80px;
  cursor: pointer;
  transition: background 0.3s ease, box-shadow 0.3s ease;
}

.yellow-arrow-btn::after {
  content: "";
  position: absolute;
  right: calc(30px - var(--arrow-gap));
  width: 50px;
  height: 50px;
  background: #F8FB8A url("https://blockapex.io/wp-content/uploads/2025/01/Right-arrow.png") no-repeat center;
  background-size: 15px 15px;
  border: 2px solid #E4E775;
  border-radius: 15px;
  transform: translateX(-150%);
  opacity: 0;
  transition: transform 2.3s ease, opacity 0.3s ease;
}

.yellow-arrow-btn span {
  display: inline-block;
  transition: transform 2.3s ease;
}

/* Hover & Focus Effects */
.yellow-arrow-btn:hover,
.yellow-arrow-btn:focus {
  background: white !important;
  box-shadow: 0 10px 20px -8px rgba(243, 246, 130, 0.7) !important;
}

.yellow-arrow-btn:hover span,
.yellow-arrow-btn:focus span {
  transform: translateX(calc(-5 * var(--arrow-gap)));
}

.yellow-arrow-btn:hover::after,
.yellow-arrow-btn:focus::after {
  transform: translateX(0);
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-cb09c24 */.yellow-arrow-btn {
  --arrow-gap: 5px;
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: #F8FB8A;
  border: 1px solid #E4E775;
  border-radius: 15px;
  color: black !important;
  font-size: 18px;
  font-weight: 500;
  font-family: "Neue Haas", sans-serif; /* added fallback */
  padding: 22px 80px;
  cursor: pointer;
  transition: background 0.3s ease, box-shadow 0.3s ease;
}

.yellow-arrow-btn::after {
  content: "";
  position: absolute;
  right: calc(30px - var(--arrow-gap));
  width: 50px;
  height: 50px;
  background: #F8FB8A url("https://blockapex.io/wp-content/uploads/2025/01/Right-arrow.png") no-repeat center;
  background-size: 15px 15px;
  border: 2px solid #E4E775;
  border-radius: 15px;
  transform: translateX(-150%);
  opacity: 0;
  transition: transform 2.3s ease, opacity 0.3s ease;
}

.yellow-arrow-btn span {
  display: inline-block;
  transition: transform 2.3s ease;
}

/* Hover & Focus Effects */
.yellow-arrow-btn:hover,
.yellow-arrow-btn:focus {
  background: white !important;
  box-shadow: 0 10px 20px -8px rgba(243, 246, 130, 0.7) !important;
}

.yellow-arrow-btn:hover span,
.yellow-arrow-btn:focus span {
  transform: translateX(calc(-5 * var(--arrow-gap)));
}

.yellow-arrow-btn:hover::after,
.yellow-arrow-btn:focus::after {
  transform: translateX(0);
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-9fc1e24 */.yellow-arrow-btn {
  --arrow-gap: 5px;
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: #F8FB8A;
  border: 1px solid #E4E775;
  border-radius: 15px;
  color: black !important;
  font-size: 18px;
  font-weight: 500;
  font-family: "Neue Haas", sans-serif; /* added fallback */
  padding: 22px 80px;
  cursor: pointer;
  transition: background 0.3s ease, box-shadow 0.3s ease;
}

.yellow-arrow-btn::after {
  content: "";
  position: absolute;
  right: calc(30px - var(--arrow-gap));
  width: 50px;
  height: 50px;
  background: #F8FB8A url("https://blockapex.io/wp-content/uploads/2025/01/Right-arrow.png") no-repeat center;
  background-size: 15px 15px;
  border: 2px solid #E4E775;
  border-radius: 15px;
  transform: translateX(-150%);
  opacity: 0;
  transition: transform 2.3s ease, opacity 0.3s ease;
}

.yellow-arrow-btn span {
  display: inline-block;
  transition: transform 2.3s ease;
}

/* Hover & Focus Effects */
.yellow-arrow-btn:hover,
.yellow-arrow-btn:focus {
  background: white !important;
  box-shadow: 0 10px 20px -8px rgba(243, 246, 130, 0.7) !important;
}

.yellow-arrow-btn:hover span,
.yellow-arrow-btn:focus span {
  transform: translateX(calc(-5 * var(--arrow-gap)));
}

.yellow-arrow-btn:hover::after,
.yellow-arrow-btn:focus::after {
  transform: translateX(0);
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-b281a75 */.yellow-arrow-btn {
  --arrow-gap: 5px;
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: #F8FB8A;
  border: 1px solid #E4E775;
  border-radius: 15px;
  color: black !important;
  font-size: 18px;
  font-weight: 500;
  font-family: "Neue Haas", sans-serif; /* added fallback */
  padding: 22px 80px;
  cursor: pointer;
  transition: background 0.3s ease, box-shadow 0.3s ease;
}

.yellow-arrow-btn::after {
  content: "";
  position: absolute;
  right: calc(30px - var(--arrow-gap));
  width: 50px;
  height: 50px;
  background: #F8FB8A url("https://blockapex.io/wp-content/uploads/2025/01/Right-arrow.png") no-repeat center;
  background-size: 15px 15px;
  border: 2px solid #E4E775;
  border-radius: 15px;
  transform: translateX(-150%);
  opacity: 0;
  transition: transform 2.3s ease, opacity 0.3s ease;
}

.yellow-arrow-btn span {
  display: inline-block;
  transition: transform 2.3s ease;
}

/* Hover & Focus Effects */
.yellow-arrow-btn:hover,
.yellow-arrow-btn:focus {
  background: white !important;
  box-shadow: 0 10px 20px -8px rgba(243, 246, 130, 0.7) !important;
}

.yellow-arrow-btn:hover span,
.yellow-arrow-btn:focus span {
  transform: translateX(calc(-5 * var(--arrow-gap)));
}

.yellow-arrow-btn:hover::after,
.yellow-arrow-btn:focus::after {
  transform: translateX(0);
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-2188df5 */.yellow-arrow-btn {
  --arrow-gap: 5px;
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: #F8FB8A;
  border: 1px solid #E4E775;
  border-radius: 15px;
  color: black !important;
  font-size: 18px;
  font-weight: 500;
  font-family: "Neue Haas", sans-serif; /* added fallback */
  padding: 22px 80px;
  cursor: pointer;
  transition: background 0.3s ease, box-shadow 0.3s ease;
}

.yellow-arrow-btn::after {
  content: "";
  position: absolute;
  right: calc(30px - var(--arrow-gap));
  width: 50px;
  height: 50px;
  background: #F8FB8A url("https://blockapex.io/wp-content/uploads/2025/01/Right-arrow.png") no-repeat center;
  background-size: 15px 15px;
  border: 2px solid #E4E775;
  border-radius: 15px;
  transform: translateX(-150%);
  opacity: 0;
  transition: transform 2.3s ease, opacity 0.3s ease;
}

.yellow-arrow-btn span {
  display: inline-block;
  transition: transform 2.3s ease;
}

/* Hover & Focus Effects */
.yellow-arrow-btn:hover,
.yellow-arrow-btn:focus {
  background: white !important;
  box-shadow: 0 10px 20px -8px rgba(243, 246, 130, 0.7) !important;
}

.yellow-arrow-btn:hover span,
.yellow-arrow-btn:focus span {
  transform: translateX(calc(-5 * var(--arrow-gap)));
}

.yellow-arrow-btn:hover::after,
.yellow-arrow-btn:focus::after {
  transform: translateX(0);
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-21b5310 */.yellow-arrow-btn {
  --arrow-gap: 5px;
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: #F8FB8A;
  border: 1px solid #E4E775;
  border-radius: 15px;
  color: black !important;
  font-size: 18px;
  font-weight: 500;
  font-family: "Neue Haas", sans-serif; /* added fallback */
  padding: 22px 80px;
  cursor: pointer;
  transition: background 0.3s ease, box-shadow 0.3s ease;
}

.yellow-arrow-btn::after {
  content: "";
  position: absolute;
  right: calc(30px - var(--arrow-gap));
  width: 50px;
  height: 50px;
  background: #F8FB8A url("https://blockapex.io/wp-content/uploads/2025/01/Right-arrow.png") no-repeat center;
  background-size: 15px 15px;
  border: 2px solid #E4E775;
  border-radius: 15px;
  transform: translateX(-150%);
  opacity: 0;
  transition: transform 2.3s ease, opacity 0.3s ease;
}

.yellow-arrow-btn span {
  display: inline-block;
  transition: transform 2.3s ease;
}

/* Hover & Focus Effects */
.yellow-arrow-btn:hover,
.yellow-arrow-btn:focus {
  background: white !important;
  box-shadow: 0 10px 20px -8px rgba(243, 246, 130, 0.7) !important;
}

.yellow-arrow-btn:hover span,
.yellow-arrow-btn:focus span {
  transform: translateX(calc(-5 * var(--arrow-gap)));
}

.yellow-arrow-btn:hover::after,
.yellow-arrow-btn:focus::after {
  transform: translateX(0);
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-70c7c44 */.yellow-arrow-btn {
  --arrow-gap: 5px;
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: #F8FB8A;
  border: 1px solid #E4E775;
  border-radius: 15px;
  color: black !important;
  font-size: 18px;
  font-weight: 500;
  font-family: "Neue Haas", sans-serif; /* added fallback */
  padding: 22px 80px;
  cursor: pointer;
  transition: background 0.3s ease, box-shadow 0.3s ease;
}

.yellow-arrow-btn::after {
  content: "";
  position: absolute;
  right: calc(30px - var(--arrow-gap));
  width: 50px;
  height: 50px;
  background: #F8FB8A url("https://blockapex.io/wp-content/uploads/2025/01/Right-arrow.png") no-repeat center;
  background-size: 15px 15px;
  border: 2px solid #E4E775;
  border-radius: 15px;
  transform: translateX(-150%);
  opacity: 0;
  transition: transform 2.3s ease, opacity 0.3s ease;
}

.yellow-arrow-btn span {
  display: inline-block;
  transition: transform 2.3s ease;
}

/* Hover & Focus Effects */
.yellow-arrow-btn:hover,
.yellow-arrow-btn:focus {
  background: white !important;
  box-shadow: 0 10px 20px -8px rgba(243, 246, 130, 0.7) !important;
}

.yellow-arrow-btn:hover span,
.yellow-arrow-btn:focus span {
  transform: translateX(calc(-5 * var(--arrow-gap)));
}

.yellow-arrow-btn:hover::after,
.yellow-arrow-btn:focus::after {
  transform: translateX(0);
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-10e491b */.yellow-arrow-btn {
  --arrow-gap: 5px;
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: #F8FB8A;
  border: 1px solid #E4E775;
  border-radius: 15px;
  color: black !important;
  font-size: 18px;
  font-weight: 500;
  font-family: "Neue Haas", sans-serif; /* added fallback */
  padding: 22px 80px;
  cursor: pointer;
  transition: background 0.3s ease, box-shadow 0.3s ease;
}

.yellow-arrow-btn::after {
  content: "";
  position: absolute;
  right: calc(30px - var(--arrow-gap));
  width: 50px;
  height: 50px;
  background: #F8FB8A url("https://blockapex.io/wp-content/uploads/2025/01/Right-arrow.png") no-repeat center;
  background-size: 15px 15px;
  border: 2px solid #E4E775;
  border-radius: 15px;
  transform: translateX(-150%);
  opacity: 0;
  transition: transform 2.3s ease, opacity 0.3s ease;
}

.yellow-arrow-btn span {
  display: inline-block;
  transition: transform 2.3s ease;
}

/* Hover & Focus Effects */
.yellow-arrow-btn:hover,
.yellow-arrow-btn:focus {
  background: white !important;
  box-shadow: 0 10px 20px -8px rgba(243, 246, 130, 0.7) !important;
}

.yellow-arrow-btn:hover span,
.yellow-arrow-btn:focus span {
  transform: translateX(calc(-5 * var(--arrow-gap)));
}

.yellow-arrow-btn:hover::after,
.yellow-arrow-btn:focus::after {
  transform: translateX(0);
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-efb9005 */.yellow-arrow-btn {
  --arrow-gap: 5px;
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: #F8FB8A;
  border: 1px solid #E4E775;
  border-radius: 15px;
  color: black !important;
  font-size: 18px;
  font-weight: 500;
  font-family: "Neue Haas", sans-serif; /* added fallback */
  padding: 22px 80px;
  cursor: pointer;
  transition: background 0.3s ease, box-shadow 0.3s ease;
}

.yellow-arrow-btn::after {
  content: "";
  position: absolute;
  right: calc(30px - var(--arrow-gap));
  width: 50px;
  height: 50px;
  background: #F8FB8A url("https://blockapex.io/wp-content/uploads/2025/01/Right-arrow.png") no-repeat center;
  background-size: 15px 15px;
  border: 2px solid #E4E775;
  border-radius: 15px;
  transform: translateX(-150%);
  opacity: 0;
  transition: transform 2.3s ease, opacity 0.3s ease;
}

.yellow-arrow-btn span {
  display: inline-block;
  transition: transform 2.3s ease;
}

/* Hover & Focus Effects */
.yellow-arrow-btn:hover,
.yellow-arrow-btn:focus {
  background: white !important;
  box-shadow: 0 10px 20px -8px rgba(243, 246, 130, 0.7) !important;
}

.yellow-arrow-btn:hover span,
.yellow-arrow-btn:focus span {
  transform: translateX(calc(-5 * var(--arrow-gap)));
}

.yellow-arrow-btn:hover::after,
.yellow-arrow-btn:focus::after {
  transform: translateX(0);
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-1381fc5 */.yellow-arrow-btn {
  --arrow-gap: 5px;
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: #F8FB8A;
  border: 1px solid #E4E775;
  border-radius: 15px;
  color: black !important;
  font-size: 18px;
  font-weight: 500;
  font-family: "Neue Haas", sans-serif; /* added fallback */
  padding: 22px 80px;
  cursor: pointer;
  transition: background 0.3s ease, box-shadow 0.3s ease;
}

.yellow-arrow-btn::after {
  content: "";
  position: absolute;
  right: calc(30px - var(--arrow-gap));
  width: 50px;
  height: 50px;
  background: #F8FB8A url("https://blockapex.io/wp-content/uploads/2025/01/Right-arrow.png") no-repeat center;
  background-size: 15px 15px;
  border: 2px solid #E4E775;
  border-radius: 15px;
  transform: translateX(-150%);
  opacity: 0;
  transition: transform 2.3s ease, opacity 0.3s ease;
}

.yellow-arrow-btn span {
  display: inline-block;
  transition: transform 2.3s ease;
}

/* Hover & Focus Effects */
.yellow-arrow-btn:hover,
.yellow-arrow-btn:focus {
  background: white !important;
  box-shadow: 0 10px 20px -8px rgba(243, 246, 130, 0.7) !important;
}

.yellow-arrow-btn:hover span,
.yellow-arrow-btn:focus span {
  transform: translateX(calc(-5 * var(--arrow-gap)));
}

.yellow-arrow-btn:hover::after,
.yellow-arrow-btn:focus::after {
  transform: translateX(0);
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-cb09c24 */.yellow-arrow-btn {
  --arrow-gap: 5px;
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: #F8FB8A;
  border: 1px solid #E4E775;
  border-radius: 15px;
  color: black !important;
  font-size: 18px;
  font-weight: 500;
  font-family: "Neue Haas", sans-serif; /* added fallback */
  padding: 22px 80px;
  cursor: pointer;
  transition: background 0.3s ease, box-shadow 0.3s ease;
}

.yellow-arrow-btn::after {
  content: "";
  position: absolute;
  right: calc(30px - var(--arrow-gap));
  width: 50px;
  height: 50px;
  background: #F8FB8A url("https://blockapex.io/wp-content/uploads/2025/01/Right-arrow.png") no-repeat center;
  background-size: 15px 15px;
  border: 2px solid #E4E775;
  border-radius: 15px;
  transform: translateX(-150%);
  opacity: 0;
  transition: transform 2.3s ease, opacity 0.3s ease;
}

.yellow-arrow-btn span {
  display: inline-block;
  transition: transform 2.3s ease;
}

/* Hover & Focus Effects */
.yellow-arrow-btn:hover,
.yellow-arrow-btn:focus {
  background: white !important;
  box-shadow: 0 10px 20px -8px rgba(243, 246, 130, 0.7) !important;
}

.yellow-arrow-btn:hover span,
.yellow-arrow-btn:focus span {
  transform: translateX(calc(-5 * var(--arrow-gap)));
}

.yellow-arrow-btn:hover::after,
.yellow-arrow-btn:focus::after {
  transform: translateX(0);
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-9fc1e24 */.yellow-arrow-btn {
  --arrow-gap: 5px;
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: #F8FB8A;
  border: 1px solid #E4E775;
  border-radius: 15px;
  color: black !important;
  font-size: 18px;
  font-weight: 500;
  font-family: "Neue Haas", sans-serif; /* added fallback */
  padding: 22px 80px;
  cursor: pointer;
  transition: background 0.3s ease, box-shadow 0.3s ease;
}

.yellow-arrow-btn::after {
  content: "";
  position: absolute;
  right: calc(30px - var(--arrow-gap));
  width: 50px;
  height: 50px;
  background: #F8FB8A url("https://blockapex.io/wp-content/uploads/2025/01/Right-arrow.png") no-repeat center;
  background-size: 15px 15px;
  border: 2px solid #E4E775;
  border-radius: 15px;
  transform: translateX(-150%);
  opacity: 0;
  transition: transform 2.3s ease, opacity 0.3s ease;
}

.yellow-arrow-btn span {
  display: inline-block;
  transition: transform 2.3s ease;
}

/* Hover & Focus Effects */
.yellow-arrow-btn:hover,
.yellow-arrow-btn:focus {
  background: white !important;
  box-shadow: 0 10px 20px -8px rgba(243, 246, 130, 0.7) !important;
}

.yellow-arrow-btn:hover span,
.yellow-arrow-btn:focus span {
  transform: translateX(calc(-5 * var(--arrow-gap)));
}

.yellow-arrow-btn:hover::after,
.yellow-arrow-btn:focus::after {
  transform: translateX(0);
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-b281a75 */.yellow-arrow-btn {
  --arrow-gap: 5px;
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: #F8FB8A;
  border: 1px solid #E4E775;
  border-radius: 15px;
  color: black !important;
  font-size: 18px;
  font-weight: 500;
  font-family: "Neue Haas", sans-serif; /* added fallback */
  padding: 22px 80px;
  cursor: pointer;
  transition: background 0.3s ease, box-shadow 0.3s ease;
}

.yellow-arrow-btn::after {
  content: "";
  position: absolute;
  right: calc(30px - var(--arrow-gap));
  width: 50px;
  height: 50px;
  background: #F8FB8A url("https://blockapex.io/wp-content/uploads/2025/01/Right-arrow.png") no-repeat center;
  background-size: 15px 15px;
  border: 2px solid #E4E775;
  border-radius: 15px;
  transform: translateX(-150%);
  opacity: 0;
  transition: transform 2.3s ease, opacity 0.3s ease;
}

.yellow-arrow-btn span {
  display: inline-block;
  transition: transform 2.3s ease;
}

/* Hover & Focus Effects */
.yellow-arrow-btn:hover,
.yellow-arrow-btn:focus {
  background: white !important;
  box-shadow: 0 10px 20px -8px rgba(243, 246, 130, 0.7) !important;
}

.yellow-arrow-btn:hover span,
.yellow-arrow-btn:focus span {
  transform: translateX(calc(-5 * var(--arrow-gap)));
}

.yellow-arrow-btn:hover::after,
.yellow-arrow-btn:focus::after {
  transform: translateX(0);
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-2188df5 */.yellow-arrow-btn {
  --arrow-gap: 5px;
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: #F8FB8A;
  border: 1px solid #E4E775;
  border-radius: 15px;
  color: black !important;
  font-size: 18px;
  font-weight: 500;
  font-family: "Neue Haas", sans-serif; /* added fallback */
  padding: 22px 80px;
  cursor: pointer;
  transition: background 0.3s ease, box-shadow 0.3s ease;
}

.yellow-arrow-btn::after {
  content: "";
  position: absolute;
  right: calc(30px - var(--arrow-gap));
  width: 50px;
  height: 50px;
  background: #F8FB8A url("https://blockapex.io/wp-content/uploads/2025/01/Right-arrow.png") no-repeat center;
  background-size: 15px 15px;
  border: 2px solid #E4E775;
  border-radius: 15px;
  transform: translateX(-150%);
  opacity: 0;
  transition: transform 2.3s ease, opacity 0.3s ease;
}

.yellow-arrow-btn span {
  display: inline-block;
  transition: transform 2.3s ease;
}

/* Hover & Focus Effects */
.yellow-arrow-btn:hover,
.yellow-arrow-btn:focus {
  background: white !important;
  box-shadow: 0 10px 20px -8px rgba(243, 246, 130, 0.7) !important;
}

.yellow-arrow-btn:hover span,
.yellow-arrow-btn:focus span {
  transform: translateX(calc(-5 * var(--arrow-gap)));
}

.yellow-arrow-btn:hover::after,
.yellow-arrow-btn:focus::after {
  transform: translateX(0);
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-21b5310 */.yellow-arrow-btn {
  --arrow-gap: 5px;
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: #F8FB8A;
  border: 1px solid #E4E775;
  border-radius: 15px;
  color: black !important;
  font-size: 18px;
  font-weight: 500;
  font-family: "Neue Haas", sans-serif; /* added fallback */
  padding: 22px 80px;
  cursor: pointer;
  transition: background 0.3s ease, box-shadow 0.3s ease;
}

.yellow-arrow-btn::after {
  content: "";
  position: absolute;
  right: calc(30px - var(--arrow-gap));
  width: 50px;
  height: 50px;
  background: #F8FB8A url("https://blockapex.io/wp-content/uploads/2025/01/Right-arrow.png") no-repeat center;
  background-size: 15px 15px;
  border: 2px solid #E4E775;
  border-radius: 15px;
  transform: translateX(-150%);
  opacity: 0;
  transition: transform 2.3s ease, opacity 0.3s ease;
}

.yellow-arrow-btn span {
  display: inline-block;
  transition: transform 2.3s ease;
}

/* Hover & Focus Effects */
.yellow-arrow-btn:hover,
.yellow-arrow-btn:focus {
  background: white !important;
  box-shadow: 0 10px 20px -8px rgba(243, 246, 130, 0.7) !important;
}

.yellow-arrow-btn:hover span,
.yellow-arrow-btn:focus span {
  transform: translateX(calc(-5 * var(--arrow-gap)));
}

.yellow-arrow-btn:hover::after,
.yellow-arrow-btn:focus::after {
  transform: translateX(0);
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-70c7c44 */.yellow-arrow-btn {
  --arrow-gap: 5px;
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: #F8FB8A;
  border: 1px solid #E4E775;
  border-radius: 15px;
  color: black !important;
  font-size: 18px;
  font-weight: 500;
  font-family: "Neue Haas", sans-serif; /* added fallback */
  padding: 22px 80px;
  cursor: pointer;
  transition: background 0.3s ease, box-shadow 0.3s ease;
}

.yellow-arrow-btn::after {
  content: "";
  position: absolute;
  right: calc(30px - var(--arrow-gap));
  width: 50px;
  height: 50px;
  background: #F8FB8A url("https://blockapex.io/wp-content/uploads/2025/01/Right-arrow.png") no-repeat center;
  background-size: 15px 15px;
  border: 2px solid #E4E775;
  border-radius: 15px;
  transform: translateX(-150%);
  opacity: 0;
  transition: transform 2.3s ease, opacity 0.3s ease;
}

.yellow-arrow-btn span {
  display: inline-block;
  transition: transform 2.3s ease;
}

/* Hover & Focus Effects */
.yellow-arrow-btn:hover,
.yellow-arrow-btn:focus {
  background: white !important;
  box-shadow: 0 10px 20px -8px rgba(243, 246, 130, 0.7) !important;
}

.yellow-arrow-btn:hover span,
.yellow-arrow-btn:focus span {
  transform: translateX(calc(-5 * var(--arrow-gap)));
}

.yellow-arrow-btn:hover::after,
.yellow-arrow-btn:focus::after {
  transform: translateX(0);
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-10e491b */.yellow-arrow-btn {
  --arrow-gap: 5px;
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: #F8FB8A;
  border: 1px solid #E4E775;
  border-radius: 15px;
  color: black !important;
  font-size: 18px;
  font-weight: 500;
  font-family: "Neue Haas", sans-serif; /* added fallback */
  padding: 22px 80px;
  cursor: pointer;
  transition: background 0.3s ease, box-shadow 0.3s ease;
}

.yellow-arrow-btn::after {
  content: "";
  position: absolute;
  right: calc(30px - var(--arrow-gap));
  width: 50px;
  height: 50px;
  background: #F8FB8A url("https://blockapex.io/wp-content/uploads/2025/01/Right-arrow.png") no-repeat center;
  background-size: 15px 15px;
  border: 2px solid #E4E775;
  border-radius: 15px;
  transform: translateX(-150%);
  opacity: 0;
  transition: transform 2.3s ease, opacity 0.3s ease;
}

.yellow-arrow-btn span {
  display: inline-block;
  transition: transform 2.3s ease;
}

/* Hover & Focus Effects */
.yellow-arrow-btn:hover,
.yellow-arrow-btn:focus {
  background: white !important;
  box-shadow: 0 10px 20px -8px rgba(243, 246, 130, 0.7) !important;
}

.yellow-arrow-btn:hover span,
.yellow-arrow-btn:focus span {
  transform: translateX(calc(-5 * var(--arrow-gap)));
}

.yellow-arrow-btn:hover::after,
.yellow-arrow-btn:focus::after {
  transform: translateX(0);
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-efb9005 */.yellow-arrow-btn {
  --arrow-gap: 5px;
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: #F8FB8A;
  border: 1px solid #E4E775;
  border-radius: 15px;
  color: black !important;
  font-size: 18px;
  font-weight: 500;
  font-family: "Neue Haas", sans-serif; /* added fallback */
  padding: 22px 80px;
  cursor: pointer;
  transition: background 0.3s ease, box-shadow 0.3s ease;
}

.yellow-arrow-btn::after {
  content: "";
  position: absolute;
  right: calc(30px - var(--arrow-gap));
  width: 50px;
  height: 50px;
  background: #F8FB8A url("https://blockapex.io/wp-content/uploads/2025/01/Right-arrow.png") no-repeat center;
  background-size: 15px 15px;
  border: 2px solid #E4E775;
  border-radius: 15px;
  transform: translateX(-150%);
  opacity: 0;
  transition: transform 2.3s ease, opacity 0.3s ease;
}

.yellow-arrow-btn span {
  display: inline-block;
  transition: transform 2.3s ease;
}

/* Hover & Focus Effects */
.yellow-arrow-btn:hover,
.yellow-arrow-btn:focus {
  background: white !important;
  box-shadow: 0 10px 20px -8px rgba(243, 246, 130, 0.7) !important;
}

.yellow-arrow-btn:hover span,
.yellow-arrow-btn:focus span {
  transform: translateX(calc(-5 * var(--arrow-gap)));
}

.yellow-arrow-btn:hover::after,
.yellow-arrow-btn:focus::after {
  transform: translateX(0);
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-1381fc5 */.yellow-arrow-btn {
  --arrow-gap: 5px;
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: #F8FB8A;
  border: 1px solid #E4E775;
  border-radius: 15px;
  color: black !important;
  font-size: 18px;
  font-weight: 500;
  font-family: "Neue Haas", sans-serif; /* added fallback */
  padding: 22px 80px;
  cursor: pointer;
  transition: background 0.3s ease, box-shadow 0.3s ease;
}

.yellow-arrow-btn::after {
  content: "";
  position: absolute;
  right: calc(30px - var(--arrow-gap));
  width: 50px;
  height: 50px;
  background: #F8FB8A url("https://blockapex.io/wp-content/uploads/2025/01/Right-arrow.png") no-repeat center;
  background-size: 15px 15px;
  border: 2px solid #E4E775;
  border-radius: 15px;
  transform: translateX(-150%);
  opacity: 0;
  transition: transform 2.3s ease, opacity 0.3s ease;
}

.yellow-arrow-btn span {
  display: inline-block;
  transition: transform 2.3s ease;
}

/* Hover & Focus Effects */
.yellow-arrow-btn:hover,
.yellow-arrow-btn:focus {
  background: white !important;
  box-shadow: 0 10px 20px -8px rgba(243, 246, 130, 0.7) !important;
}

.yellow-arrow-btn:hover span,
.yellow-arrow-btn:focus span {
  transform: translateX(calc(-5 * var(--arrow-gap)));
}

.yellow-arrow-btn:hover::after,
.yellow-arrow-btn:focus::after {
  transform: translateX(0);
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-cb09c24 */.yellow-arrow-btn {
  --arrow-gap: 5px;
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: #F8FB8A;
  border: 1px solid #E4E775;
  border-radius: 15px;
  color: black !important;
  font-size: 18px;
  font-weight: 500;
  font-family: "Neue Haas", sans-serif; /* added fallback */
  padding: 22px 80px;
  cursor: pointer;
  transition: background 0.3s ease, box-shadow 0.3s ease;
}

.yellow-arrow-btn::after {
  content: "";
  position: absolute;
  right: calc(30px - var(--arrow-gap));
  width: 50px;
  height: 50px;
  background: #F8FB8A url("https://blockapex.io/wp-content/uploads/2025/01/Right-arrow.png") no-repeat center;
  background-size: 15px 15px;
  border: 2px solid #E4E775;
  border-radius: 15px;
  transform: translateX(-150%);
  opacity: 0;
  transition: transform 2.3s ease, opacity 0.3s ease;
}

.yellow-arrow-btn span {
  display: inline-block;
  transition: transform 2.3s ease;
}

/* Hover & Focus Effects */
.yellow-arrow-btn:hover,
.yellow-arrow-btn:focus {
  background: white !important;
  box-shadow: 0 10px 20px -8px rgba(243, 246, 130, 0.7) !important;
}

.yellow-arrow-btn:hover span,
.yellow-arrow-btn:focus span {
  transform: translateX(calc(-5 * var(--arrow-gap)));
}

.yellow-arrow-btn:hover::after,
.yellow-arrow-btn:focus::after {
  transform: translateX(0);
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-9fc1e24 */.yellow-arrow-btn {
  --arrow-gap: 5px;
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: #F8FB8A;
  border: 1px solid #E4E775;
  border-radius: 15px;
  color: black !important;
  font-size: 18px;
  font-weight: 500;
  font-family: "Neue Haas", sans-serif; /* added fallback */
  padding: 22px 80px;
  cursor: pointer;
  transition: background 0.3s ease, box-shadow 0.3s ease;
}

.yellow-arrow-btn::after {
  content: "";
  position: absolute;
  right: calc(30px - var(--arrow-gap));
  width: 50px;
  height: 50px;
  background: #F8FB8A url("https://blockapex.io/wp-content/uploads/2025/01/Right-arrow.png") no-repeat center;
  background-size: 15px 15px;
  border: 2px solid #E4E775;
  border-radius: 15px;
  transform: translateX(-150%);
  opacity: 0;
  transition: transform 2.3s ease, opacity 0.3s ease;
}

.yellow-arrow-btn span {
  display: inline-block;
  transition: transform 2.3s ease;
}

/* Hover & Focus Effects */
.yellow-arrow-btn:hover,
.yellow-arrow-btn:focus {
  background: white !important;
  box-shadow: 0 10px 20px -8px rgba(243, 246, 130, 0.7) !important;
}

.yellow-arrow-btn:hover span,
.yellow-arrow-btn:focus span {
  transform: translateX(calc(-5 * var(--arrow-gap)));
}

.yellow-arrow-btn:hover::after,
.yellow-arrow-btn:focus::after {
  transform: translateX(0);
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-b281a75 */.yellow-arrow-btn {
  --arrow-gap: 5px;
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: #F8FB8A;
  border: 1px solid #E4E775;
  border-radius: 15px;
  color: black !important;
  font-size: 18px;
  font-weight: 500;
  font-family: "Neue Haas", sans-serif; /* added fallback */
  padding: 22px 80px;
  cursor: pointer;
  transition: background 0.3s ease, box-shadow 0.3s ease;
}

.yellow-arrow-btn::after {
  content: "";
  position: absolute;
  right: calc(30px - var(--arrow-gap));
  width: 50px;
  height: 50px;
  background: #F8FB8A url("https://blockapex.io/wp-content/uploads/2025/01/Right-arrow.png") no-repeat center;
  background-size: 15px 15px;
  border: 2px solid #E4E775;
  border-radius: 15px;
  transform: translateX(-150%);
  opacity: 0;
  transition: transform 2.3s ease, opacity 0.3s ease;
}

.yellow-arrow-btn span {
  display: inline-block;
  transition: transform 2.3s ease;
}

/* Hover & Focus Effects */
.yellow-arrow-btn:hover,
.yellow-arrow-btn:focus {
  background: white !important;
  box-shadow: 0 10px 20px -8px rgba(243, 246, 130, 0.7) !important;
}

.yellow-arrow-btn:hover span,
.yellow-arrow-btn:focus span {
  transform: translateX(calc(-5 * var(--arrow-gap)));
}

.yellow-arrow-btn:hover::after,
.yellow-arrow-btn:focus::after {
  transform: translateX(0);
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for nested-tabs, class: .elementor-element-63ca0b0 */@media (max-width: 767px) {
    .background-opacity-mobile {
        background-color: rgba(0, 0, 0, 0.5); /* Adjust the color and opacity */
        background-blend-mode: overlay;
    }
}/* End custom CSS */
/* Start custom CSS */ {
    background-color: #F6F8FD !important;
}/* End custom CSS */