.elementor-6831 .elementor-element.elementor-element-957f51a{--display:flex;}.elementor-6831 .elementor-element.elementor-element-eb34c53{--display:flex;}.elementor-6831 .elementor-element.elementor-element-baf48bf{--display:flex;}.elementor-6831 .elementor-element.elementor-element-20839a0{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:100px;--padding-bottom:100px;--padding-left:0px;--padding-right:0px;}.elementor-6831 .elementor-element.elementor-element-20839a0:not(.elementor-motion-effects-element-type-background), .elementor-6831 .elementor-element.elementor-element-20839a0 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#191919;}.elementor-6831 .elementor-element.elementor-element-2df75f2 > .elementor-widget-container{margin:0px 0px 50px 0px;}.elementor-6831 .elementor-element.elementor-element-2df75f2 .fortradex-title-section{text-align:center;margin:0px 0px 0px 0px !important;}.elementor-6831 .elementor-element.elementor-element-2df75f2 .te-subtitle{margin:0px 0px 14px 0px !important;color:var( --e-global-color-primary );}.elementor-6831 .elementor-element.elementor-element-2df75f2 .te-title{color:#FFFFFF !important;}.elementor-6831 .elementor-element.elementor-element-2df75f2 .te-title a{color:#FFFFFF !important;}.elementor-6831 .elementor-element.elementor-element-70da0e2{--display:flex;}.elementor-6831 .elementor-element.elementor-element-f75e964{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:100px;--padding-bottom:70px;--padding-left:0px;--padding-right:0px;}.elementor-6831 .elementor-element.elementor-element-baadf74{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:30px 30px;--row-gap:30px;--column-gap:30px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-6831 .elementor-element.elementor-element-e7ad3bb{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-6831 .elementor-element.elementor-element-c59a7dd{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-6831 .elementor-element.elementor-element-40dc57b{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:space-around;--background-transition:0.3s;}.elementor-6831 .elementor-element.elementor-element-40dc57b:hover{background-color:var( --e-global-color-1080400 );}.elementor-6831 .elementor-element.elementor-element-7b2f079 .fortradex-btn:hover:before,
							 .elementor-6831 .elementor-element.elementor-element-7b2f079 .fortradex-btn:hover:after,
							 .elementor-6831 .elementor-element.elementor-element-7b2f079 .fortradex-btn:hover{background-color:var( --e-global-color-accent );}.elementor-6831 .elementor-element.elementor-element-7b2f079 .fortradex-btn{color:var( --e-global-color-cc6257e );}.elementor-6831 .elementor-element.elementor-element-7b2f079 .fortradex-btn:hover{color:#FFFFFF !important;}.elementor-6831 .elementor-element.elementor-element-f56f3ec .fortradex-btn:hover:before,
							 .elementor-6831 .elementor-element.elementor-element-f56f3ec .fortradex-btn:hover:after,
							 .elementor-6831 .elementor-element.elementor-element-f56f3ec .fortradex-btn:hover{background-color:var( --e-global-color-accent );}.elementor-6831 .elementor-element.elementor-element-f56f3ec .fortradex-btn{color:var( --e-global-color-cc6257e );}.elementor-6831 .elementor-element.elementor-element-f56f3ec .fortradex-btn:hover{color:#FFFFFF !important;}.elementor-6831 .elementor-element.elementor-element-4cac158{--display:flex;}.elementor-6831 .elementor-element.elementor-element-02b2ab5{--display:flex;}.elementor-6831 .elementor-element.elementor-element-b257be5 > .elementor-widget-container{margin:-40px 0px 0px 0px;}.elementor-6831 .elementor-element.elementor-element-b257be5 .yt-btn{text-align:center;}.elementor-6831 .elementor-element.elementor-element-b257be5 .fortradex-btn{color:#FFFFFF!important;}.elementor-6831 .elementor-element.elementor-element-62e7897{--spacer-size:50px;}.elementor-6831 .elementor-element.elementor-element-adca156{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-6831 .elementor-element.elementor-element-c373ff2{--display:flex;}.elementor-6831 .elementor-element.elementor-element-8c5cbcc > .elementor-widget-container{margin:0px 0px 60px 0px;}.elementor-6831 .elementor-element.elementor-element-8c5cbcc .fortradex-title-section{text-align:center;}.elementor-6831 .elementor-element.elementor-element-8c5cbcc .te-subtitle{margin:0px 0px 15px 0px !important;}.elementor-6831 .elementor-element.elementor-element-61a5328 .elementor-swiper-button.elementor-swiper-button-prev, .elementor-6831 .elementor-element.elementor-element-61a5328 .elementor-swiper-button.elementor-swiper-button-next{color:var( --e-global-color-accent );}.elementor-6831 .elementor-element.elementor-element-61a5328 .elementor-swiper-button.elementor-swiper-button-prev svg, .elementor-6831 .elementor-element.elementor-element-61a5328 .elementor-swiper-button.elementor-swiper-button-next svg{fill:var( --e-global-color-accent );}.elementor-6831 .elementor-element.elementor-element-61a5328 .elementor-image-carousel-wrapper .elementor-image-carousel .swiper-slide-image{border-style:double;border-width:5px 5px 5px 5px;border-radius:25px 25px 25px 25px;}.elementor-widget-button .elementor-button{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-6831 .elementor-element.elementor-element-c76bbd6 .elementor-button:hover, .elementor-6831 .elementor-element.elementor-element-c76bbd6 .elementor-button:focus{background-color:var( --e-global-color-cc6257e );}.elementor-6831 .elementor-element.elementor-element-c76bbd6 .elementor-button{border-radius:5px 5px 5px 5px;}.elementor-6831 .elementor-element.elementor-element-f9b58dd{--spacer-size:35px;}.elementor-6831 .elementor-element.elementor-element-7c46e51{--display:flex;}.elementor-6831 .elementor-element.elementor-element-07acc73{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-6831 .elementor-element.elementor-element-07acc73:not(.elementor-motion-effects-element-type-background), .elementor-6831 .elementor-element.elementor-element-07acc73 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://stoicapro.com/wp-content/uploads/2026/07/ChatGPT-Image-Jul-15-2026-08_34_32-PM.png");background-repeat:no-repeat;background-size:cover;}.elementor-6831 .elementor-element.elementor-element-4348b14{--display:flex;--align-items:stretch;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-6831 .elementor-element.elementor-element-4348b14.e-con{--align-self:center;}.elementor-6831 .elementor-element.elementor-element-2645851{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:100px;--padding-bottom:70px;--padding-left:0px;--padding-right:0px;}.elementor-6831 .elementor-element.elementor-element-9e59453 > .elementor-widget-container{margin:0px 0px 60px 0px;}.elementor-6831 .elementor-element.elementor-element-9e59453 .fortradex-title-section{text-align:center;}.elementor-6831 .elementor-element.elementor-element-9e59453 .te-subtitle{margin:0px 0px 15px 0px !important;}.elementor-6831 .elementor-element.elementor-element-efa22f3{--display:flex;}.elementor-6831 .elementor-element.elementor-element-7f93e95{--display:flex;}.elementor-6831 .elementor-element.elementor-element-47faa09{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-6831 .elementor-element.elementor-element-25f6388{--display:grid;--e-con-grid-template-columns:repeat(2, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--grid-auto-flow:row;--overlay-opacity:0.1;--border-radius:10px 10px 10px 10px;--padding-top:45px;--padding-bottom:45px;--padding-left:60px;--padding-right:60px;}.elementor-6831 .elementor-element.elementor-element-25f6388:not(.elementor-motion-effects-element-type-background), .elementor-6831 .elementor-element.elementor-element-25f6388 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-cc6257e );}.elementor-6831 .elementor-element.elementor-element-25f6388::before, .elementor-6831 .elementor-element.elementor-element-25f6388 > .elementor-background-video-container::before, .elementor-6831 .elementor-element.elementor-element-25f6388 > .e-con-inner > .elementor-background-video-container::before, .elementor-6831 .elementor-element.elementor-element-25f6388 > .elementor-background-slideshow::before, .elementor-6831 .elementor-element.elementor-element-25f6388 > .e-con-inner > .elementor-background-slideshow::before, .elementor-6831 .elementor-element.elementor-element-25f6388 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-image:url("https://stoicapro.com/wp-content/uploads/2024/07/shape-5.png");--background-overlay:'';background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-6831 .elementor-element.elementor-element-e2a1e63{padding:0px 0px 0px 0px;text-align:start;}.elementor-6831 .elementor-element.elementor-element-e2a1e63.elementor-element{--align-self:center;--flex-grow:0;--flex-shrink:0;}.elementor-6831 .elementor-element.elementor-element-e2a1e63 .elementor-heading-title{font-family:"Ubuntu", Sans-serif;font-size:36px;font-weight:500;line-height:46px;color:#FFFFFF;}.elementor-widget-metform .mf-multistep-container .metform-steps li.progress{color:var( --e-global-color-primary );background-color:var( --e-global-color-primary );}.elementor-widget-metform .mf-multistep-container .metform-steps li.progress:hover{color:var( --e-global-color-primary );background-color:var( --e-global-color-primary );}.elementor-widget-metform .mf-multistep-container .metform-steps li{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 );background-color:var( --e-global-color-primary );}.elementor-widget-metform .mf-multistep-container .metform-steps li:hover{color:var( --e-global-color-primary );background-color:var( --e-global-color-primary );}.elementor-widget-metform .mf-multistep-container .metform-steps li.active{color:var( --e-global-color-primary );background-color:var( --e-global-color-primary );}.elementor-widget-metform .mf-main-response-wrap.mf_pro_activated p{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-6831 .elementor-element.elementor-element-817b5f2{padding:0px 0px 0px 0px;}.elementor-6831 .elementor-element.elementor-element-817b5f2.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-6831 .elementor-element.elementor-element-e724266{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-6831 .elementor-element.elementor-element-f2ce350{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--overlay-opacity:0.05;--border-radius:10px 10px 10px 10px;box-shadow:0px 10px 70px 0px rgba(0, 0, 0, 0.08);--padding-top:080px;--padding-bottom:80px;--padding-left:80px;--padding-right:80px;}.elementor-6831 .elementor-element.elementor-element-f2ce350:not(.elementor-motion-effects-element-type-background), .elementor-6831 .elementor-element.elementor-element-f2ce350 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:transparent;background-image:linear-gradient(90deg, #FFFFFF 0%, #FFFFFF 100%);}.elementor-6831 .elementor-element.elementor-element-f2ce350::before, .elementor-6831 .elementor-element.elementor-element-f2ce350 > .elementor-background-video-container::before, .elementor-6831 .elementor-element.elementor-element-f2ce350 > .e-con-inner > .elementor-background-video-container::before, .elementor-6831 .elementor-element.elementor-element-f2ce350 > .elementor-background-slideshow::before, .elementor-6831 .elementor-element.elementor-element-f2ce350 > .e-con-inner > .elementor-background-slideshow::before, .elementor-6831 .elementor-element.elementor-element-f2ce350 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-image:url("https://stoicapro.com/wp-content/uploads/2024/07/shape-33.png");--background-overlay:'';background-position:bottom center;background-repeat:no-repeat;}.elementor-6831 .elementor-element.elementor-element-bacc8ae{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:30px 30px;--row-gap:30px;--column-gap:30px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-6831 .elementor-element.elementor-element-4a5bbaf{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:0px;--padding-bottom:50px;--padding-left:0px;--padding-right:0px;}.elementor-6831 .elementor-element.elementor-element-fb888e6 > .elementor-widget-container{margin:0px 0px 0px 0px;}.elementor-6831 .elementor-element.elementor-element-fb888e6 .te-subtitle{margin:0px 0px 15px 0px !important;}.elementor-6831 .elementor-element.elementor-element-fb888e6 .te-title{margin:0px 0px 14px 0px !important;font-family:"Ubuntu", Sans-serif;font-size:40px;font-weight:700;line-height:48px;}.elementor-6831 .elementor-element.elementor-element-fb888e6 .te-text{color:#FFFFFFCC !important;font-family:"IBM Plex Sans", Sans-serif;font-size:18px;line-height:30px;}.elementor-6831 .elementor-element.elementor-element-3955f89{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-6831 .elementor-element.elementor-element-80cf91b > .elementor-widget-container{margin:0px 0px 30px 0px;}.elementor-6831 .elementor-element.elementor-element-80cf91b .te-text{font-family:"IBM Plex Sans", Sans-serif;font-size:18px;font-weight:400;line-height:30px;}.elementor-6831 .elementor-element.elementor-element-ebaf934{--display:grid;--e-con-grid-template-columns:repeat(4, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--gap:30px 30px;--row-gap:30px;--column-gap:30px;--grid-auto-flow:row;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-6831 .elementor-element.elementor-element-ac05149 .te-title{color:#111111 !important;font-family:"Ubuntu", Sans-serif;font-size:36px;font-weight:500;line-height:45px;}.elementor-6831 .elementor-element.elementor-element-ac05149 .te-text{color:#666666 !important;font-family:"IBM Plex Sans", Sans-serif;font-size:18px;font-weight:500;line-height:33px;}.elementor-6831 .elementor-element.elementor-element-64b2381 .te-title{color:#111111 !important;font-family:"Ubuntu", Sans-serif;font-size:36px;font-weight:500;line-height:45px;}.elementor-6831 .elementor-element.elementor-element-64b2381 .te-text{color:#666666 !important;font-family:"IBM Plex Sans", Sans-serif;font-size:18px;font-weight:500;line-height:33px;}.elementor-6831 .elementor-element.elementor-element-263ad8c .te-title{color:#111111 !important;font-family:"Ubuntu", Sans-serif;font-size:36px;font-weight:500;line-height:45px;}.elementor-6831 .elementor-element.elementor-element-263ad8c .te-text{color:#666666 !important;font-family:"IBM Plex Sans", Sans-serif;font-size:18px;font-weight:500;line-height:33px;}.elementor-6831 .elementor-element.elementor-element-f3cfda3 .te-title{color:#111111 !important;font-family:"Ubuntu", Sans-serif;font-size:36px;font-weight:500;line-height:45px;}.elementor-6831 .elementor-element.elementor-element-f3cfda3 .te-text{color:#666666 !important;font-family:"IBM Plex Sans", Sans-serif;font-size:18px;font-weight:500;line-height:33px;}@media(max-width:1024px){.elementor-6831 .elementor-element.elementor-element-20839a0{--padding-top:100px;--padding-bottom:100px;--padding-left:15px;--padding-right:15px;}.elementor-6831 .elementor-element.elementor-element-baadf74{--flex-wrap:wrap;--padding-top:0px;--padding-bottom:0px;--padding-left:15px;--padding-right:15px;}.elementor-6831 .elementor-element.elementor-element-2645851{--padding-top:100px;--padding-bottom:70px;--padding-left:15px;--padding-right:15px;}.elementor-6831 .elementor-element.elementor-element-47faa09{--padding-top:0px;--padding-bottom:0px;--padding-left:15px;--padding-right:15px;}.elementor-6831 .elementor-element.elementor-element-25f6388{--grid-auto-flow:row;--padding-top:45px;--padding-bottom:45px;--padding-left:30px;--padding-right:30px;}.elementor-6831 .elementor-element.elementor-element-e724266{--padding-top:0px;--padding-bottom:0px;--padding-left:15px;--padding-right:15px;}.elementor-6831 .elementor-element.elementor-element-bacc8ae{--gap:0px 0px;--row-gap:0px;--column-gap:0px;--flex-wrap:wrap;}.elementor-6831 .elementor-element.elementor-element-4a5bbaf{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-6831 .elementor-element.elementor-element-3955f89{--margin-top:0px;--margin-bottom:50px;--margin-left:0px;--margin-right:0px;}.elementor-6831 .elementor-element.elementor-element-ebaf934{--e-con-grid-template-columns:repeat(2, 1fr);--e-con-grid-template-rows:repeat(2, 1fr);--gap:20px 20px;--row-gap:20px;--column-gap:20px;--grid-auto-flow:row;}}@media(max-width:767px){.elementor-6831 .elementor-element.elementor-element-20839a0{--padding-top:100px;--padding-bottom:100px;--padding-left:15px;--padding-right:15px;}.elementor-6831 .elementor-element.elementor-element-f75e964{--padding-top:100px;--padding-bottom:70px;--padding-left:15px;--padding-right:15px;}.elementor-6831 .elementor-element.elementor-element-2645851{--padding-top:100px;--padding-bottom:70px;--padding-left:15px;--padding-right:015px;}.elementor-6831 .elementor-element.elementor-element-47faa09{--padding-top:0px;--padding-bottom:0px;--padding-left:15px;--padding-right:15px;}.elementor-6831 .elementor-element.elementor-element-25f6388{--e-con-grid-template-columns:repeat(1, 1fr);--grid-auto-flow:row;--padding-top:45px;--padding-bottom:45px;--padding-left:30px;--padding-right:30px;}.elementor-6831 .elementor-element.elementor-element-e2a1e63{text-align:center;}.elementor-6831 .elementor-element.elementor-element-e724266{--padding-top:0px;--padding-bottom:0px;--padding-left:15px;--padding-right:15px;}.elementor-6831 .elementor-element.elementor-element-f2ce350{--padding-top:80px;--padding-bottom:50px;--padding-left:30px;--padding-right:30px;}.elementor-6831 .elementor-element.elementor-element-4a5bbaf{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-6831 .elementor-element.elementor-element-ebaf934{--e-con-grid-template-columns:repeat(1, 1fr);--gap:0px 0px;--row-gap:0px;--column-gap:0px;--grid-auto-flow:row;--margin-top:50px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}}@media(min-width:768px){.elementor-6831 .elementor-element.elementor-element-20839a0{--content-width:1290px;}.elementor-6831 .elementor-element.elementor-element-baadf74{--content-width:1290px;}.elementor-6831 .elementor-element.elementor-element-e7ad3bb{--width:50%;}.elementor-6831 .elementor-element.elementor-element-c59a7dd{--width:50%;}.elementor-6831 .elementor-element.elementor-element-4348b14{--width:85%;}.elementor-6831 .elementor-element.elementor-element-2645851{--width:95%;}.elementor-6831 .elementor-element.elementor-element-47faa09{--width:99%;}.elementor-6831 .elementor-element.elementor-element-4a5bbaf{--width:50{03372c129bdeca3f051285d041bbf8f9f09394aad9b238130fa82ec6ad36f8c5};}.elementor-6831 .elementor-element.elementor-element-3955f89{--width:50{03372c129bdeca3f051285d041bbf8f9f09394aad9b238130fa82ec6ad36f8c5};}}@media(max-width:1024px) and (min-width:768px){.elementor-6831 .elementor-element.elementor-element-e7ad3bb{--width:100{03372c129bdeca3f051285d041bbf8f9f09394aad9b238130fa82ec6ad36f8c5};}.elementor-6831 .elementor-element.elementor-element-c59a7dd{--width:100{03372c129bdeca3f051285d041bbf8f9f09394aad9b238130fa82ec6ad36f8c5};}.elementor-6831 .elementor-element.elementor-element-4a5bbaf{--width:100{03372c129bdeca3f051285d041bbf8f9f09394aad9b238130fa82ec6ad36f8c5};}.elementor-6831 .elementor-element.elementor-element-3955f89{--width:100{03372c129bdeca3f051285d041bbf8f9f09394aad9b238130fa82ec6ad36f8c5};}}/* Start custom CSS for shortcode, class: .elementor-element-b47f58c *//* ==========================================================
   FIX: Global box-sizing reset — the root cause of the layout
   breaking. Without this, padding on .slide-content was being
   ADDED on top of its 45% flex-basis instead of living inside
   it, which overflowed the layout and clipped the image half
   and the "See Details" button.
   ========================================================== */
*, *::before, *::after {
    box-sizing: border-box;
}

.slider-wrapper {
    max-width: 100%;
    width: 100%;
    background:#01071F;
    border-radius: 0;
    padding: 0;
    box-shadow: none;
    display: flex;
    flex-direction: column;
    /* FIX: give the wrapper a real, container-relative height.
       Swap this for whatever your page builder's section height
       is (100vh, 100%, a fixed px value, etc). .slider-container
       below now fills whatever this provides instead of fighting
       the raw browser viewport on its own. */
    height: 100vh;
}

.slider-container {
    position: relative;
    overflow: hidden;
    border-radius: 0;
    background:#021069;
    box-shadow: none;
    /* FIX: flex: 1 1 auto + min-height: 0 lets this fill the
       wrapper correctly. The old "height: 80vh" measured against
       the browser viewport regardless of what actually contained
       it, which is why it broke inside your page builder's
       preview panel. */
    flex: 1 1 auto;
    min-height: 0;
}

.slides-track {
    display: flex;
    height: 100%;
    width: 100%;
    transition: transform 0.7s cubic-bezier(0.22, 1, 0.36, 1);
    will-change: transform;
}

.slide {
    flex: 0 0 100%;
    min-width: 0; /* FIX: stops flex children from refusing to shrink and forcing overflow */
    height: 100%;
    display: flex;
    align-items: center;
    padding: 3rem 4rem;
    position: relative;
    gap: 3rem;
    overflow: hidden;
    flex-shrink: 0;
}

.slide-bg {
    position: absolute;
    inset: -10px;
    z-index: 0;
    background-image: url('https://stoicapro.com/wp-content/uploads/2026/07/stoica-pro-homepage-slider-3.png');
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    filter: blur(8px);
    transform: scale(1.05);
}

.slide::before {
    content: '';
    position: absolute;
    inset: 0;
    background: rgba(19, 22, 21, 0.35);
    pointer-events: none;
    border-radius: 0;
    z-index: 1;
}

.slide-content {
    flex: 1 1 45%;
    min-width: 0; /* FIX: same reason as .slide */
    /* left padding reduced from 4rem — it used to collide with the
       arrow buttons; those are gone now, but the tighter padding
       still reads cleanly so it's kept */
    padding: 1.5rem 2rem 1.5rem 3rem;
    z-index: 2;
    text-align: left;
    opacity: 0;
    transform: translateY(30px);
    animation: fadeInUp 0.8s cubic-bezier(0.22, 1, 0.36, 1) forwards;
    background: transparent;
    max-height: 100%;
    overflow: hidden;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.slide-image {
    flex: 1 1 55%;
    min-width: 0; /* FIX: same reason as .slide */
    height: 100%;
    border-radius: 0;
    position: relative;
    overflow: hidden;
    opacity: 0;
    animation: fadeIn 0.8s ease 0.5s forwards;
    background-size: contain;      /* NEW: contain instead of cover so it can shrink inside its box without cropping */
    background-position: center;
    background-repeat: no-repeat;
    background-origin: content-box; /* NEW: background paints only inside the padding box */
    background-clip: content-box;   /* NEW: clips background to the padding box */
    padding: 2.5rem;                /* NEW: this is the "breathing room" — the container itself stays full size,
                                        only the visible image shrinks inward by this amount on each side */
    z-index: 2;
    background-color: transparent;
}

.slide[data-index="0"] .slide-image {
    background-image: url('https://stoicapro.com/wp-content/uploads/2026/07/Regulated.-Reliable.-Resilient.png');
}

.slide[data-index="1"] .slide-image {
    background-image: url('https://stoicapro.com/wp-content/uploads/2026/07/Trade-Bigger-with-Up-to-1_2000-Leverage.png');
}

.slide[data-index="2"] .slide-image {
    background-image: url('https://stoicapro.com/wp-content/uploads/2026/07/Gifts.png');
}

.slide[data-index="3"] .slide-image {
    background-image: url('https://stoicapro.com/wp-content/uploads/2026/07/100-Bonus.png');
}

.slide[data-index="4"] .slide-image {
    background-image: url('https://stoicapro.com/wp-content/uploads/2026/07/Earn-Performance-Commissions.png');
}

.slide-image::after {
    content: '';
    position: absolute;
    inset: 0;
    background: linear-gradient(135deg, rgba(19, 22, 21, 0.1) 0%, transparent 60%);
    pointer-events: none;
}

/* -----------------------------------------------------------
   Utility classes required by the HTML/JS version — these
   replace the inline style="..." attributes that were removed
   ----------------------------------------------------------- */
.icon-spacing {
    margin-right: 6px;
}

.icon-spacing-lg {
    margin-right: 8px;
}

.text-accent {
    color: #4F7DFF;
}

.slide-content .brand {
    opacity: 0;
    transform: translateY(15px);
    animation: fadeInUp 0.6s cubic-bezier(0.22, 1, 0.36, 1) 0.1s forwards;
}

.slide-content .badge {
    opacity: 0;
    transform: translateY(15px);
    animation: fadeInUp 0.6s cubic-bezier(0.22, 1, 0.36, 1) 0.2s forwards;
}

.slide-content h2 {
    opacity: 0;
    transform: translateY(15px);
    animation: fadeInUp 0.6s cubic-bezier(0.22, 1, 0.36, 1) 0.4s forwards;
}

.slide-content p {
    opacity: 0;
    transform: translateY(15px);
    animation: fadeInUp 0.6s cubic-bezier(0.22, 1, 0.36, 1) 0.6s forwards;
}

.slide-content .action-group {
    opacity: 0;
    transform: translateY(15px);
    animation: fadeInUp 0.6s cubic-bezier(0.22, 1, 0.36, 1) 0.8s forwards;
}

.slide-content .stat {
    opacity: 0;
    transform: translateY(15px);
    animation: fadeInUp 0.6s cubic-bezier(0.22, 1, 0.36, 1) 0.8s forwards;
}

.slide-content .see-details {
    opacity: 0;
    transform: translateY(15px);
    animation: fadeInUp 0.6s cubic-bezier(0.22, 1, 0.36, 1) 1s forwards;
}

@keyframes fadeInUp {
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

@keyframes fadeIn {
    to {
        opacity: 1;
    }
}

.brand {
    display: block;
    font-size: clamp(0.9rem, 1.3vw, 1.8rem);
    font-weight: 800;
    letter-spacing: 0.3em;
    color: #4F7DFF;
    text-transform: uppercase;
    margin-bottom: 0.1rem;
    text-shadow: 0 2px 30px rgba(0, 0, 0, 0.8);
}

.badge {
    display: inline-block;
    background: rgba(79, 125, 255, 0.1);
    color: #4F7DFF;
    font-weight: 700;
    font-size: clamp(0.6rem, 0.8vw, 1.1rem);
    letter-spacing: 0.1em;
    padding: 0.3rem 1rem;
    border-radius: 100px;
    border: 1px solid rgba(79, 125, 255, 0.25);
    margin-bottom: 0.6rem;
    text-transform: uppercase;
    width: fit-content;
    text-shadow: 0 2px 20px rgba(0, 0, 0, 0.6);
}

.slide-content h2 {
    font-size: clamp(2rem, 4.5vw, 5.5rem);
    font-weight: 800;
    line-height: 1.05;
    color: #ffffff;
    letter-spacing: -0.02em;
    margin-bottom: 0.4rem;
    text-shadow: 0 2px 40px rgba(0, 0, 0, 0.8);
    word-wrap: break-word;
    overflow-wrap: break-word;
}

.slide-content h2 span {
    color: #4F7DFF;
}

.slide-content p {
    font-size: clamp(0.85rem, 1.2vw, 1.5rem);
    line-height: 1.5;
    color: #f0f5f2;
    max-width: 95%;
    font-weight: 400;
    margin-bottom: 0.5rem;
    text-shadow: 0 2px 30px rgba(0, 0, 0, 0.7);
    word-wrap: break-word;
    overflow-wrap: break-word;
}

.highlight {
    color: #4F7DFF;
    font-weight: 700;
}

.stat {
    display: inline-block;
    background: rgba(2,25,160, 0.2);
    color: #fff;
    font-weight: 700;
    font-size: clamp(0.65rem, 0.85vw, 1.1rem);
    padding: 0.3rem 1rem;
    border-radius: 40px;
    margin-top: 0.3rem;
    letter-spacing: 0.2px;
    width: fit-content;
    border: 1px solid rgba(79, 125, 255, 0.25);
    text-shadow: 0 2px 20px rgba(0, 0, 0, 0.6);
}

.see-details {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    margin-top: 0.8rem;
    padding: 0.5rem 1.5rem;
    border-radius: 60px;
    font-weight: 700;
    font-size: clamp(0.6rem, 0.8vw, 1rem);
    color: #4F7DFF;
    background: rgba(79, 125, 255, 0.08);
    border: 1px solid rgba(79, 125, 255, 0.3);
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.22, 1, 0.36, 1);
    position: relative;
    overflow: hidden;
    letter-spacing: 0.3px;
    text-transform: uppercase;
    width: fit-content;
    text-shadow: 0 2px 20px rgba(0, 0, 0, 0.6);
}

.see-details i {
    transition: transform 0.3s ease;
}

.see-details::after {
    content: '';
    position: absolute;
    inset: 0;
    background: rgba(79, 125, 255, 0.08);
    transform: scaleX(0);
    transform-origin: right;
    transition: transform 0.4s cubic-bezier(0.22, 1, 0.36, 1);
    border-radius: 60px;
}

.see-details:hover {
    border-color: #4F7DFF;
    box-shadow: 0 0 30px rgba(79, 125, 255, 0.15);
    transform: translateY(-2px);
}

.see-details:hover::after {
    transform: scaleX(1);
    transform-origin: left;
}

.see-details:hover i {
    transform: translateX(4px);
}

.see-details span {
    position: relative;
    z-index: 1;
}

.action-group {
    display: flex;
    flex-wrap: wrap;
    gap: 0.8rem;
    margin-top: 0.6rem;
}

.btn-primary,
.btn-outline {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    padding: 0.6rem 1.5rem;
    border-radius: 60px;
    font-weight: 700;
    font-size: clamp(0.8rem, 1vw, 1.3rem);
    border: 1px solid transparent;
    background: transparent;
    cursor: pointer;
    transition: all 0.4s cubic-bezier(0.22, 1, 0.36, 1);
    letter-spacing: 0.2px;
    position: relative;
    overflow: hidden;
}

.btn-primary {
    background: #4F7DFF;
    color: #131615;
    border-color: #4F7DFF;
    box-shadow: 0 4px 14px rgba(79, 125, 255, 0.25);
    animation: pulseGlow 2.5s ease-in-out infinite;
    text-shadow: none;
}

.btn-primary::before {
    content: '';
    position: absolute;
    inset: 0;
    background: linear-gradient(120deg, transparent, rgba(255, 255, 255, 0.15), transparent);
    transform: translateX(-100%);
    transition: transform 0.6s;
}

.btn-primary:hover::before {
    transform: translateX(100%);
}

.btn-primary:hover {
    background: #1E5BFF;
    transform: translateY(-2px) scale(1.02);
    box-shadow: 0 8px 30px rgba(79, 125, 255, 0.35);
}

.btn-primary:active {
    transform: scale(0.95);
}

.btn-outline {
    background: rgba(79, 125, 255, 0.08);
    color: #4F7DFF;
    border-color: rgba(79, 125, 255, 0.25);
    animation: borderPulse 3s ease-in-out infinite;
    text-shadow: 0 2px 20px rgba(0, 0, 0, 0.4);
}

.btn-outline::before {
    content: '';
    position: absolute;
    inset: 0;
    background: rgba(79, 125, 255, 0.08);
    transform: scaleX(0);
    transform-origin: left;
    transition: transform 0.5s cubic-bezier(0.22, 1, 0.36, 1);
    border-radius: 60px;
}

.btn-outline:hover::before {
    transform: scaleX(1);
}

.btn-outline:hover {
    background: rgba(79, 125, 255, 0.15);
    border-color: #4F7DFF;
    transform: translateY(-2px) scale(1.02);
    box-shadow: 0 8px 30px rgba(79, 125, 255, 0.2);
}

.btn-outline:active {
    transform: scale(0.95);
}

.btn-primary i,
.btn-outline i {
    transition: transform 0.4s ease;
}

.btn-primary:hover i,
.btn-outline:hover i {
    transform: translateX(4px) scale(1.1);
}

@keyframes pulseGlow {
    0%, 100% {
        box-shadow: 0 4px 14px rgba(79, 125, 255, 0.15), 0 0 0 0 rgba(79, 125, 255, 0.1);
    }
    50% {
        box-shadow: 0 4px 30px rgba(79, 125, 255, 0.25), 0 0 0 8px rgba(79, 125, 255, 0.05);
    }
}

@keyframes borderPulse {
    0%, 100% {
        border-color: rgba(79, 125, 255, 0.1);
    }
    50% {
        border-color: rgba(79, 125, 255, 0.3);
    }
}

.btn-primary::after,
.btn-outline::after {
    content: '';
    position: absolute;
    top: -50%;
    left: -50%;
    width: 200%;
    height: 200%;
    background: radial-gradient(circle, rgba(255, 255, 255, 0.06) 0%, transparent 60%);
    opacity: 0;
    transition: opacity 0.5s;
    pointer-events: none;
}

.btn-primary:hover::after,
.btn-outline:hover::after {
    opacity: 1;
}

/* NOTE: .slide-arrows / .slide-arrow rules removed — the arrow
   buttons no longer exist in the HTML, so these rules had nothing
   left to style. */

.controls {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0.8rem 0 0.3rem 0;
    gap: 2rem;
    flex-shrink: 0;
    z-index: 5;
    position: relative;
    background: rgba(19, 22, 21, 0.3);
    backdrop-filter: blur(8px);
}

.dots {
    display: flex;
    gap: 0.8rem;
}

.dot {
    width: 10px;
    height: 10px;
    border-radius: 40px;
    background: rgba(79, 125, 255, 0.2);
    border: none;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.23, 1, 0.32, 1);
    padding: 0;
    box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.02);
    backdrop-filter: blur(4px);
}

.dot.active {
    background: #4F7DFF;
    width: 28px;
    box-shadow: 0 0 12px rgba(79, 125, 255, 0.3);
}

.dot:hover {
    background: #4F7DFF;
    opacity: 0.6;
}

@media (max-width: 1024px) {
    .slide {
        padding: 2rem 2.5rem;
        gap: 2rem;
    }
    .slide-content {
        padding: 1.2rem 1rem 1.2rem 1.5rem;
    }
    .slide-content h2 {
        font-size: clamp(1.8rem, 4vw, 3.5rem);
    }
    .slide-content p {
        font-size: clamp(0.8rem, 1.1vw, 1.2rem);
    }
    .slide-image {
        padding: 1.8rem;
    }
}

@media (max-width: 820px) {
    .slider-wrapper {
        height: 100vh;
    }
    .slide {
        flex-direction: column-reverse;
        padding: 0.8rem 1.2rem;
        gap: 0.5rem;
    }
    .slide-content {
        flex: 1 1 55%;
        padding: 0.6rem 1rem;
        text-align: center;
        width: 100%;
        border-radius: 0;
        height: auto;
        min-height: 0;
        justify-content: center;
        align-items: center;
    }
    .slide-content p {
        max-width: 100%;
        font-size: clamp(0.7rem, 1vw, 0.9rem);
    }
    .slide-content h2 {
        font-size: clamp(1.5rem, 3.5vw, 2.2rem);
        margin-bottom: 0.3rem;
    }
    .slide-content .badge,
    .slide-content .stat,
    .slide-content .see-details {
        margin-left: auto;
        margin-right: auto;
    }
    .slide-image {
        flex: 1 1 45%;
        width: 100%;
        min-height: 120px;
        height: auto;
        border-radius: 0;
        padding: 1rem;
    }
    .action-group {
        justify-content: center;
        gap: 0.5rem;
    }
    .brand {
        font-size: clamp(0.6rem, 0.9vw, 0.9rem);
    }
    .badge {
        font-size: clamp(0.5rem, 0.6vw, 0.7rem);
        padding: 0.15rem 0.7rem;
    }
    .see-details {
        font-size: clamp(0.5rem, 0.6vw, 0.7rem);
        padding: 0.25rem 0.8rem;
        margin-top: 0.3rem;
    }
    .stat {
        font-size: clamp(0.5rem, 0.6vw, 0.7rem);
        padding: 0.1rem 0.7rem;
    }
    .btn-primary,
    .btn-outline {
        font-size: clamp(0.6rem, 0.8vw, 0.8rem);
        padding: 0.3rem 0.8rem;
    }
}

@media (max-width: 480px) {
    .slide {
        padding: 0.6rem 0.8rem;
    }
    .slide-content {
        padding: 0.3rem 0.5rem;
        flex: 1 1 55%;
    }
    .slide-content h2 {
        font-size: 1.3rem;
        margin-bottom: 0.1rem;
        line-height: 1.15;
    }
    .slide-content p {
        font-size: 0.7rem;
        line-height: 1.3;
        margin-bottom: 0.2rem;
    }
    .slide-image {
        flex: 1 1 45%;
        min-height: 100px;
        padding: 0.6rem;
    }
    .btn-primary,
    .btn-outline {
        padding: 0.25rem 0.7rem;
        font-size: 0.65rem;
        gap: 0.3rem;
    }
    .see-details {
        font-size: 0.55rem;
        padding: 0.2rem 0.7rem;
        margin-top: 0.3rem;
    }
    .badge {
        font-size: 0.5rem;
        padding: 0.15rem 0.6rem;
        margin-bottom: 0.2rem;
    }
    .brand {
        font-size: 0.55rem;
    }
    .stat {
        font-size: 0.5rem;
        padding: 0.1rem 0.6rem;
    }
    .dot {
        width: 7px;
        height: 7px;
    }
    .dot.active {
        width: 16px;
    }
    .controls {
        padding: 0.3rem 0 0.2rem 0;
        gap: 0.5rem;
    }
    .dots {
        gap: 0.4rem;
    }
}

@media (max-height: 700px) {
    .slide {
        padding: 0.5rem 1.2rem;
    }
    .slide-content {
        padding: 0.3rem 0.8rem 0.3rem 1.2rem;
    }
    .slide-content h2 {
        font-size: clamp(1.5rem, 2.8vw, 2.2rem);
        margin-bottom: 0.1rem;
    }
    .slide-content p {
        font-size: 0.7rem;
        line-height: 1.3;
        margin-bottom: 0.2rem;
    }
    .slide-image {
        min-height: 60px;
        padding: 1.2rem;
    }
    .action-group {
        margin-top: 0.3rem;
        gap: 0.4rem;
    }
    .btn-primary,
    .btn-outline {
        padding: 0.25rem 0.7rem;
        font-size: 0.65rem;
    }
    .see-details {
        margin-top: 0.3rem;
        padding: 0.2rem 0.7rem;
        font-size: 0.55rem;
    }
    .brand {
        font-size: 0.55rem;
        margin-bottom: 0.05rem;
    }
    .badge {
        font-size: 0.45rem;
        padding: 0.1rem 0.6rem;
        margin-bottom: 0.15rem;
    }
    .stat {
        font-size: 0.5rem;
        padding: 0.1rem 0.6rem;
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-eb34c53 */.large-container {
    max-width: 100%;
    padding: 0px 15px;
    margin: 0 auto;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-dc87c52 *//* =========================================
   FUNDING METHODS SECTION
========================================= */

.funding-section{
    padding:80px 20px;
    background:transparent;
}

.funding-header{
    text-align:center;
    max-width:900px;
    margin:0 auto 60px;
}

.funding-header h2{
    font-size:48px;
    font-weight:700;
    color:#131615;
    margin-bottom:15px;
    line-height:1.2;
}

.funding-header h2 span{
    color:#22823A;
}

.funding-header p{
    color:#5f6b63;
    font-size:17px;
    line-height:1.8;
    max-width:800px;
    margin:auto;
}

/* =========================================
   GRID
========================================= */

.payment-grid{
    display:grid;
    grid-template-columns:repeat(4,1fr);
    gap:25px;
    max-width:1400px;
    margin:auto;
}

/* =========================================
   PAYMENT CARDS
========================================= */

.payment-card{
    background:#ffffff;
    border:1px solid rgba(34,130,58,.15);
    border-radius:18px;
    padding:30px 20px;
    text-align:center;
    transition:all .35s ease;

    display:flex;
    flex-direction:column;
    justify-content:center;
    align-items:center;

    box-shadow:0 8px 25px rgba(0,0,0,.04);
}

.payment-card:hover{
    transform:translateY(-8px);
    border-color:#61CE70;
    box-shadow:0 15px 35px rgba(97,206,112,.15);
}

.payment-card img{
    max-width:180px;
    max-height:70px;
    object-fit:contain;
    margin-bottom:15px;
    transition:.3s ease;
}

.payment-card h4{
    color:#131615;
    font-size:18px;
    font-weight:600;
    margin:0;
}

/* =========================================
   OPTIONAL GREEN TOP BORDER
========================================= */

.payment-card::before{
    content:"";
    width:60px;
    height:4px;
    background:#61CE70;
    border-radius:50px;
    margin-bottom:20px;
}

/* =========================================
   RESPONSIVE
========================================= */

@media(max-width:1200px){

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

}

@media(max-width:991px){

    .funding-header h2{
        font-size:38px;
    }

    .payment-grid{
        grid-template-columns:repeat(2,1fr);
    }

}

@media(max-width:576px){

    .funding-section{
        padding:60px 15px;
    }

    .funding-header h2{
        font-size:30px;
    }

    .funding-header p{
        font-size:15px;
    }

    .payment-grid{
        grid-template-columns:1fr;
        gap:18px;
    }

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-743d889 *//*==================================================
            STOICA PRO FEATURES
===================================================*/

.sp-features-section{
    position:relative;
    padding:90px 0;
    background:linear-gradient(135deg,#01051a,#01124f);
    overflow:hidden;
}

.sp-features-section::before{
    content:"";
    position:absolute;
    width:600px;
    height:600px;
    background:radial-gradient(circle,
    rgba(2,25,160,.16) 0%,
    transparent 70%);
    left:-220px;
    top:-180px;
}

.sp-features-section::after{
    content:"";
    position:absolute;
    width:500px;
    height:500px;
    background:radial-gradient(circle,
    rgba(2,25,160,.12) 0%,
    transparent 70%);
    right:-180px;
    bottom:-180px;
}

.container{
    max-width:1320px;
    margin:auto;
    padding:0 15px;
    position:relative;
    z-index:2;
}

/*================ Grid =================*/

.sp-features-grid{
    display:grid;
    grid-template-columns:repeat(4,1fr);
    gap:30px;
}

/*================ Card =================*/

.sp-feature-card{
    position:relative;
    background:#fff;
    border-radius:22px;
    padding:40px 30px;
    text-align:center;
    transition:.4s ease;
    overflow:hidden;
    border:1px solid rgba(2,25,160,.12);
    box-shadow:0 12px 35px rgba(0,0,0,.06);
    height:100%;
}

.sp-feature-card::before{
    content:"";
    position:absolute;
    left:0;
    top:0;
    width:100%;
    height:5px;
    background:linear-gradient(90deg,#0219a0,#021069);
    transform:scaleX(0);
    transition:.4s;
}

.sp-feature-card:hover::before{
    transform:scaleX(1);
}

.sp-feature-card:hover{
    transform:translateY(-10px);
    border-color:#0219a0;
    box-shadow:0 25px 60px rgba(2,25,160,.22);
}

/*================ Icon =================*/

.sp-icon{
    width:90px;
    height:90px;
    margin:0 auto 30px;
    border-radius:24px;
    display:flex;
    justify-content:center;
    align-items:center;

    background:linear-gradient(135deg,#0219a0,#021069);

    box-shadow:
    0 15px 35px rgba(2,25,160,.35);

    transition:.4s;
}

.sp-icon i{
    font-size:38px;
    color:#fff;
}

.sp-feature-card:hover .sp-icon{
    transform:rotate(-8deg) scale(1.08);
}

/*================ Heading =================*/

.sp-feature-card h3{
    font-size:26px;
    font-weight:700;
    line-height:1.3;
    margin-bottom:18px;
    color:#111827;
    transition:.3s;
}

/* Changed from green to Blue */
.sp-feature-card:hover h3{
    color:#0219a0;
}

/*================ Paragraph =================*/

.sp-feature-card p{
    font-size:17px;
    line-height:1.9;
    color:#6B7280;
    margin:0;
}

/*================ Tablet =================*/

@media(max-width:1200px){

.sp-features-grid{
grid-template-columns:repeat(2,1fr);
}

}

/*================ Mobile =================*/

@media(max-width:767px){

.sp-features-section{
padding:70px 0;
}

.sp-features-grid{
grid-template-columns:1fr;
gap:22px;
}

.sp-feature-card{
padding:35px 25px;
}

.sp-icon{
width:75px;
height:75px;
margin-bottom:24px;
}

.sp-icon i{
font-size:30px;
}

.sp-feature-card h3{
font-size:22px;
}

.sp-feature-card p{
font-size:16px;
line-height:1.8;
}

}/* End custom CSS */