.elementor-729 .elementor-element.elementor-element-8384e4f{--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-between;--gap:16px 24px;--row-gap:16px;--column-gap:24px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-729 .elementor-element.elementor-element-9b219c6{--display:flex;--gap:16px 0px;--row-gap:16px;--column-gap:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-729 .elementor-element.elementor-element-a2b3808 .elementor-heading-title{font-family:"Almarai", Sans-serif;font-size:48px;font-weight:700;line-height:1.2em;color:var( --e-global-color-primary );}.elementor-729 .elementor-element.elementor-element-44e7c47{padding:8px 0px 0px 0px;font-family:"Cairo", Sans-serif;font-size:18px;font-weight:400;color:var( --e-global-color-text );}.elementor-729 .elementor-element.elementor-element-eaf9bbd .elementor-button{font-family:"Almarai", Sans-serif;font-size:16px;font-weight:600;text-transform:capitalize;}.elementor-729 .elementor-element.elementor-element-875b5d3{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-729 .elementor-element.elementor-element-8e98b1c img{border-radius:24px 24px 24px 24px;}.elementor-729 .elementor-element.elementor-element-5346118{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--align-items:center;--gap:020px 020px;--row-gap:020px;--column-gap:020px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-729 .elementor-element.elementor-element-7d19ad7{--display:flex;--gap:16px 16px;--row-gap:16px;--column-gap:16px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-729 .elementor-element.elementor-element-73f7281{padding:0px 0px 0px 0px;text-align:center;}.elementor-729 .elementor-element.elementor-element-73f7281 .elementor-heading-title{font-family:"Almarai", Sans-serif;font-size:36px;font-weight:600;color:var( --e-global-color-primary );}.elementor-729 .elementor-element.elementor-element-b6d4a3c{padding:0px 0px 16px 0px;text-align:center;font-family:"Cairo", Sans-serif;font-size:18px;font-weight:500;color:var( --e-global-color-a745bf0 );}.elementor-729 .elementor-element.elementor-element-56ac4c3{--e-image-carousel-slides-to-show:10;padding:0px 0px 0px 0px;z-index:0;}.elementor-729 .elementor-element.elementor-element-56ac4c3:not(.e-transform){-moz-transform:rotate(0deg);-webkit-transform:rotate(0deg);-o-transform:rotate(0deg);-ms-transform:rotate(0deg);transform:rotate(0deg);}.elementor-729 .elementor-element.elementor-element-56ac4c3.e-transform{--e-transform-rotateZ:0deg;}.elementor-729 .elementor-element.elementor-element-56ac4c3 .swiper-wrapper{display:flex;align-items:center;}.elementor-729 .elementor-element.elementor-element-56ac4c3 .elementor-image-carousel-wrapper .elementor-image-carousel .swiper-slide-image{border-style:none;border-radius:9px 9px 9px 9px;}.elementor-729 .elementor-element.elementor-element-397fdc4{--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-between;--gap:48px 0px;--row-gap:48px;--column-gap:0px;--flex-wrap:wrap;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-729 .elementor-element.elementor-element-51c3efd{--display:flex;--gap:16px 16px;--row-gap:16px;--column-gap:16px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-729 .elementor-element.elementor-element-3a8ab8c{padding:0px 0px 0px 0px;text-align:start;}.elementor-729 .elementor-element.elementor-element-3a8ab8c .elementor-heading-title{font-family:"Almarai", Sans-serif;font-size:36px;font-weight:600;color:var( --e-global-color-primary );}.elementor-729 .elementor-element.elementor-element-f8810eb{padding:0px 0px 16px 0px;text-align:start;font-family:"Cairo", Sans-serif;font-size:18px;font-weight:500;color:var( --e-global-color-a745bf0 );}.elementor-729 .elementor-element.elementor-element-0eb420e .elementor-button{font-family:"Almarai", Sans-serif;font-size:16px;font-weight:600;text-transform:capitalize;}.elementor-729 .elementor-element.elementor-element-a7bec00{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-729 .elementor-element.elementor-element-9580b2a{--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-evenly;--gap:48px 24px;--row-gap:48px;--column-gap:24px;--flex-wrap:wrap;--align-content:space-around;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-729 .elementor-element.elementor-element-8e4f496{--display:flex;border-style:solid;--border-style:solid;border-width:0px 0px 0px 0px;--border-top-width:0px;--border-right-width:0px;--border-bottom-width:0px;--border-left-width:0px;border-color:var( --e-global-color-secondary );--border-color:var( --e-global-color-secondary );--border-radius:20px 20px 20px 20px;--padding-top:24px;--padding-bottom:26px;--padding-left:16px;--padding-right:16px;}.elementor-729 .elementor-element.elementor-element-8e4f496:not(.elementor-motion-effects-element-type-background), .elementor-729 .elementor-element.elementor-element-8e4f496 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-729 .elementor-element.elementor-element-a802d25 .elementor-icon-box-wrapper{text-align:start;gap:8px;}.elementor-729 .elementor-element.elementor-element-a802d25 .elementor-icon-box-title{margin-block-end:16px;color:var( --e-global-color-primary );}.elementor-729 .elementor-element.elementor-element-a802d25.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-secondary );}.elementor-729 .elementor-element.elementor-element-a802d25.elementor-view-framed .elementor-icon, .elementor-729 .elementor-element.elementor-element-a802d25.elementor-view-default .elementor-icon{fill:var( --e-global-color-secondary );color:var( --e-global-color-secondary );border-color:var( --e-global-color-secondary );}.elementor-729 .elementor-element.elementor-element-a802d25 .elementor-icon{font-size:30px;}.elementor-729 .elementor-element.elementor-element-a802d25 .elementor-icon-box-title, .elementor-729 .elementor-element.elementor-element-a802d25 .elementor-icon-box-title a{font-family:"Almarai", Sans-serif;font-size:24px;font-weight:600;line-height:1.4em;}.elementor-729 .elementor-element.elementor-element-a802d25 .elementor-icon-box-description{font-family:"Cairo", Sans-serif;font-size:18px;font-weight:400;color:var( --e-global-color-a745bf0 );}.elementor-729 .elementor-element.elementor-element-ec2f957{--display:flex;border-style:solid;--border-style:solid;border-width:0px 0px 0px 0px;--border-top-width:0px;--border-right-width:0px;--border-bottom-width:0px;--border-left-width:0px;border-color:var( --e-global-color-secondary );--border-color:var( --e-global-color-secondary );--border-radius:20px 20px 20px 20px;--padding-top:24px;--padding-bottom:26px;--padding-left:16px;--padding-right:16px;}.elementor-729 .elementor-element.elementor-element-ec2f957:not(.elementor-motion-effects-element-type-background), .elementor-729 .elementor-element.elementor-element-ec2f957 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-729 .elementor-element.elementor-element-b67ca89 .elementor-icon-box-wrapper{text-align:start;gap:8px;}.elementor-729 .elementor-element.elementor-element-b67ca89 .elementor-icon-box-title{margin-block-end:16px;color:var( --e-global-color-primary );}.elementor-729 .elementor-element.elementor-element-b67ca89.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-secondary );}.elementor-729 .elementor-element.elementor-element-b67ca89.elementor-view-framed .elementor-icon, .elementor-729 .elementor-element.elementor-element-b67ca89.elementor-view-default .elementor-icon{fill:var( --e-global-color-secondary );color:var( --e-global-color-secondary );border-color:var( --e-global-color-secondary );}.elementor-729 .elementor-element.elementor-element-b67ca89 .elementor-icon{font-size:30px;}.elementor-729 .elementor-element.elementor-element-b67ca89 .elementor-icon-box-title, .elementor-729 .elementor-element.elementor-element-b67ca89 .elementor-icon-box-title a{font-family:"Almarai", Sans-serif;font-size:24px;font-weight:600;line-height:1.4em;}.elementor-729 .elementor-element.elementor-element-b67ca89 .elementor-icon-box-description{font-family:"Cairo", Sans-serif;font-size:18px;font-weight:400;color:var( --e-global-color-a745bf0 );}.elementor-729 .elementor-element.elementor-element-e40b5aa{--display:flex;border-style:solid;--border-style:solid;border-width:0px 0px 0px 0px;--border-top-width:0px;--border-right-width:0px;--border-bottom-width:0px;--border-left-width:0px;border-color:var( --e-global-color-secondary );--border-color:var( --e-global-color-secondary );--border-radius:20px 20px 20px 20px;--padding-top:24px;--padding-bottom:26px;--padding-left:16px;--padding-right:16px;}.elementor-729 .elementor-element.elementor-element-e40b5aa:not(.elementor-motion-effects-element-type-background), .elementor-729 .elementor-element.elementor-element-e40b5aa > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-729 .elementor-element.elementor-element-7a63313 .elementor-icon-box-wrapper{text-align:start;gap:8px;}.elementor-729 .elementor-element.elementor-element-7a63313 .elementor-icon-box-title{margin-block-end:16px;color:var( --e-global-color-primary );}.elementor-729 .elementor-element.elementor-element-7a63313.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-secondary );}.elementor-729 .elementor-element.elementor-element-7a63313.elementor-view-framed .elementor-icon, .elementor-729 .elementor-element.elementor-element-7a63313.elementor-view-default .elementor-icon{fill:var( --e-global-color-secondary );color:var( --e-global-color-secondary );border-color:var( --e-global-color-secondary );}.elementor-729 .elementor-element.elementor-element-7a63313 .elementor-icon{font-size:30px;}.elementor-729 .elementor-element.elementor-element-7a63313 .elementor-icon-box-title, .elementor-729 .elementor-element.elementor-element-7a63313 .elementor-icon-box-title a{font-family:"Almarai", Sans-serif;font-size:24px;font-weight:600;line-height:1.4em;}.elementor-729 .elementor-element.elementor-element-7a63313 .elementor-icon-box-description{font-family:"Cairo", Sans-serif;font-size:18px;font-weight:400;color:var( --e-global-color-a745bf0 );}.elementor-729 .elementor-element.elementor-element-435fe0b{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:space-between;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-729 .elementor-element.elementor-element-a1d1886 .jeg-elementor-kit.jkit-accordion .card-wrapper.expand:not(.background-gradient), .elementor-729 .elementor-element.elementor-element-a1d1886 .jeg-elementor-kit.jkit-accordion .card-wrapper.background-gradient:after{background-color:#00000000;}.elementor-729 .elementor-element.elementor-element-a1d1886 .jeg-elementor-kit.jkit-accordion .card-wrapper.expand .card-header:not(.background-gradient) .card-header-button, .elementor-729 .elementor-element.elementor-element-a1d1886 .jeg-elementor-kit.jkit-accordion .card-wrapper .card-header.background-gradient:after{background-color:#00000000;}.elementor-729 .elementor-element.elementor-element-a1d1886 .jeg-elementor-kit.jkit-accordion .card-wrapper .card-header:not(.background-gradient) .card-header-button, .elementor-729 .elementor-element.elementor-element-a1d1886 .jeg-elementor-kit.jkit-accordion .card-wrapper .card-header.background-gradient:before{background-color:#00000000;}.elementor-729 .elementor-element.elementor-element-a1d1886{margin:40px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-729 .elementor-element.elementor-element-a1d1886 .jeg-elementor-kit.jkit-accordion .card-wrapper{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-729 .elementor-element.elementor-element-a1d1886 .jeg-elementor-kit.jkit-accordion .card-wrapper .card-header .card-header-button{font-family:"Almarai", Sans-serif;font-size:22px;font-weight:600;text-decoration:none;padding:24px 0px 24px 0px;margin-bottom:0px;}.elementor-729 .elementor-element.elementor-element-a1d1886 .jeg-elementor-kit.jkit-accordion .card-wrapper.expand .card-header .card-header-button{color:var( --e-global-color-primary );border-style:solid;border-width:0px 0px 1px 0px;border-color:#E5E7EB;margin:0px 0px 0px 0px;}.elementor-729 .elementor-element.elementor-element-a1d1886 .jeg-elementor-kit.jkit-accordion .card-wrapper:not(.expand) .card-header .card-header-button{color:var( --e-global-color-primary );border-style:solid;border-width:0px 0px 1px 0px;border-color:#E5E7EB;}.elementor-729 .elementor-element.elementor-element-a1d1886 .jeg-elementor-kit.jkit-accordion .card-wrapper:not(.expand) .card-header .card-header-button, .elementor-729 .elementor-element.elementor-element-a1d1886 .jeg-elementor-kit.jkit-accordion .card-wrapper .card-header.background-gradient::before{border-radius:0px 0px 01px 0px;}.elementor-729 .elementor-element.elementor-element-a1d1886 .jeg-elementor-kit.jkit-accordion .card-expand .card-body{color:var( --e-global-color-text );font-family:"Cairo", Sans-serif;font-size:18px;font-weight:500;text-decoration:none;border-radius:0px 0px 0px 0px;padding:16px 10px 16px 0px;}.elementor-729 .elementor-element.elementor-element-9c6d4a6{--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:016px 016px;--row-gap:016px;--column-gap:016px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-729 .elementor-element.elementor-element-ed807d4{padding:0px 0px 0px 0px;text-align:center;}.elementor-729 .elementor-element.elementor-element-ed807d4 .elementor-heading-title{font-family:"Almarai", Sans-serif;font-size:36px;font-weight:600;color:var( --e-global-color-primary );}.elementor-729 .elementor-element.elementor-element-e2eb9b4{padding:0px 0px 16px 0px;text-align:center;font-family:"Cairo", Sans-serif;font-size:18px;font-weight:500;color:var( --e-global-color-a745bf0 );}.elementor-729 .elementor-element.elementor-element-43e6baa{--display:flex;--flex-direction:row-reverse;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap-reverse;--justify-content:space-evenly;--gap:48px 24px;--row-gap:48px;--column-gap:24px;--flex-wrap:wrap;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-729 .elementor-element.elementor-element-43e6baa.e-con{--align-self:stretch;}.elementor-729 .elementor-element.elementor-element-b0ed194{--display:flex;--gap:16px 0px;--row-gap:16px;--column-gap:0px;--padding-top:0px;--padding-bottom:048px;--padding-left:22px;--padding-right:22px;}.elementor-729 .elementor-element.elementor-element-b0ed194.e-con{--align-self:flex-start;}.elementor-729 .elementor-element.elementor-element-2b2b058 .elementor-icon-box-wrapper{text-align:center;gap:8px;}.elementor-729 .elementor-element.elementor-element-2b2b058 .elementor-icon-box-title{margin-block-end:0px;}.elementor-729 .elementor-element.elementor-element-2b2b058.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-primary );}.elementor-729 .elementor-element.elementor-element-2b2b058.elementor-view-framed .elementor-icon, .elementor-729 .elementor-element.elementor-element-2b2b058.elementor-view-default .elementor-icon{fill:var( --e-global-color-primary );color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-729 .elementor-element.elementor-element-2b2b058 .elementor-icon{font-size:30px;}.elementor-729 .elementor-element.elementor-element-2b2b058 .elementor-icon-box-title, .elementor-729 .elementor-element.elementor-element-2b2b058 .elementor-icon-box-title a{font-family:"Almarai", Sans-serif;font-size:20px;font-weight:600;}.elementor-729 .elementor-element.elementor-element-2b2b058 .elementor-icon-box-description{color:var( --e-global-color-a745bf0 );}.elementor-729 .elementor-element.elementor-element-8ac79da{--display:flex;--gap:16px 0px;--row-gap:16px;--column-gap:0px;--padding-top:0px;--padding-bottom:048px;--padding-left:22px;--padding-right:22px;}.elementor-729 .elementor-element.elementor-element-8ac79da.e-con{--align-self:flex-start;}.elementor-729 .elementor-element.elementor-element-92fc354 .elementor-icon-box-wrapper{text-align:center;gap:8px;}.elementor-729 .elementor-element.elementor-element-92fc354 .elementor-icon-box-title{margin-block-end:0px;}.elementor-729 .elementor-element.elementor-element-92fc354.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-primary );}.elementor-729 .elementor-element.elementor-element-92fc354.elementor-view-framed .elementor-icon, .elementor-729 .elementor-element.elementor-element-92fc354.elementor-view-default .elementor-icon{fill:var( --e-global-color-primary );color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-729 .elementor-element.elementor-element-92fc354 .elementor-icon{font-size:30px;}.elementor-729 .elementor-element.elementor-element-92fc354 .elementor-icon-box-title, .elementor-729 .elementor-element.elementor-element-92fc354 .elementor-icon-box-title a{font-family:"Almarai", Sans-serif;font-size:20px;font-weight:600;}.elementor-729 .elementor-element.elementor-element-92fc354 .elementor-icon-box-description{color:var( --e-global-color-a745bf0 );}.elementor-729 .elementor-element.elementor-element-23f5d5d{--display:flex;--gap:16px 0px;--row-gap:16px;--column-gap:0px;--padding-top:0px;--padding-bottom:048px;--padding-left:22px;--padding-right:22px;}.elementor-729 .elementor-element.elementor-element-23f5d5d.e-con{--align-self:flex-start;}.elementor-729 .elementor-element.elementor-element-b95b764 .elementor-icon-box-wrapper{text-align:center;gap:8px;}.elementor-729 .elementor-element.elementor-element-b95b764 .elementor-icon-box-title{margin-block-end:0px;}.elementor-729 .elementor-element.elementor-element-b95b764.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-primary );}.elementor-729 .elementor-element.elementor-element-b95b764.elementor-view-framed .elementor-icon, .elementor-729 .elementor-element.elementor-element-b95b764.elementor-view-default .elementor-icon{fill:var( --e-global-color-primary );color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-729 .elementor-element.elementor-element-b95b764 .elementor-icon{font-size:30px;}.elementor-729 .elementor-element.elementor-element-b95b764 .elementor-icon-box-title, .elementor-729 .elementor-element.elementor-element-b95b764 .elementor-icon-box-title a{font-family:"Almarai", Sans-serif;font-size:20px;font-weight:600;}.elementor-729 .elementor-element.elementor-element-b95b764 .elementor-icon-box-description{color:var( --e-global-color-a745bf0 );}.elementor-729 .elementor-element.elementor-element-3c4a6d2{--display:flex;--gap:16px 0px;--row-gap:16px;--column-gap:0px;--padding-top:0px;--padding-bottom:048px;--padding-left:22px;--padding-right:22px;}.elementor-729 .elementor-element.elementor-element-3c4a6d2.e-con{--align-self:flex-start;}.elementor-729 .elementor-element.elementor-element-31b54fc .elementor-icon-box-wrapper{text-align:center;gap:8px;}.elementor-729 .elementor-element.elementor-element-31b54fc .elementor-icon-box-title{margin-block-end:0px;}.elementor-729 .elementor-element.elementor-element-31b54fc.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-primary );}.elementor-729 .elementor-element.elementor-element-31b54fc.elementor-view-framed .elementor-icon, .elementor-729 .elementor-element.elementor-element-31b54fc.elementor-view-default .elementor-icon{fill:var( --e-global-color-primary );color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-729 .elementor-element.elementor-element-31b54fc .elementor-icon{font-size:30px;}.elementor-729 .elementor-element.elementor-element-31b54fc .elementor-icon-box-title, .elementor-729 .elementor-element.elementor-element-31b54fc .elementor-icon-box-title a{font-family:"Almarai", Sans-serif;font-size:20px;font-weight:600;}.elementor-729 .elementor-element.elementor-element-31b54fc .elementor-icon-box-description{color:var( --e-global-color-a745bf0 );}.elementor-729 .elementor-element.elementor-element-489b77a{--display:flex;--gap:16px 0px;--row-gap:16px;--column-gap:0px;--padding-top:0px;--padding-bottom:048px;--padding-left:22px;--padding-right:22px;}.elementor-729 .elementor-element.elementor-element-489b77a.e-con{--align-self:flex-start;}.elementor-729 .elementor-element.elementor-element-d3aa92a .elementor-icon-box-wrapper{text-align:center;gap:8px;}.elementor-729 .elementor-element.elementor-element-d3aa92a .elementor-icon-box-title{margin-block-end:0px;}.elementor-729 .elementor-element.elementor-element-d3aa92a.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-primary );}.elementor-729 .elementor-element.elementor-element-d3aa92a.elementor-view-framed .elementor-icon, .elementor-729 .elementor-element.elementor-element-d3aa92a.elementor-view-default .elementor-icon{fill:var( --e-global-color-primary );color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-729 .elementor-element.elementor-element-d3aa92a .elementor-icon{font-size:30px;}.elementor-729 .elementor-element.elementor-element-d3aa92a .elementor-icon-box-title, .elementor-729 .elementor-element.elementor-element-d3aa92a .elementor-icon-box-title a{font-family:"Almarai", Sans-serif;font-size:20px;font-weight:600;}.elementor-729 .elementor-element.elementor-element-d3aa92a .elementor-icon-box-description{color:var( --e-global-color-a745bf0 );}.elementor-729 .elementor-element.elementor-element-bc4036e{--display:flex;--gap:16px 0px;--row-gap:16px;--column-gap:0px;--padding-top:0px;--padding-bottom:048px;--padding-left:22px;--padding-right:22px;}.elementor-729 .elementor-element.elementor-element-bc4036e.e-con{--align-self:flex-start;}.elementor-729 .elementor-element.elementor-element-ebb5a50 .elementor-icon-box-wrapper{text-align:center;gap:8px;}.elementor-729 .elementor-element.elementor-element-ebb5a50 .elementor-icon-box-title{margin-block-end:0px;}.elementor-729 .elementor-element.elementor-element-ebb5a50.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-primary );}.elementor-729 .elementor-element.elementor-element-ebb5a50.elementor-view-framed .elementor-icon, .elementor-729 .elementor-element.elementor-element-ebb5a50.elementor-view-default .elementor-icon{fill:var( --e-global-color-primary );color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-729 .elementor-element.elementor-element-ebb5a50 .elementor-icon{font-size:30px;}.elementor-729 .elementor-element.elementor-element-ebb5a50 .elementor-icon-box-title, .elementor-729 .elementor-element.elementor-element-ebb5a50 .elementor-icon-box-title a{font-family:"Almarai", Sans-serif;font-size:20px;font-weight:600;}.elementor-729 .elementor-element.elementor-element-ebb5a50 .elementor-icon-box-description{color:var( --e-global-color-a745bf0 );}.elementor-729 .elementor-element.elementor-element-880b5d4{--display:flex;--gap:16px 0px;--row-gap:16px;--column-gap:0px;--padding-top:0px;--padding-bottom:048px;--padding-left:18px;--padding-right:18px;}.elementor-729 .elementor-element.elementor-element-880b5d4.e-con{--align-self:flex-start;}.elementor-729 .elementor-element.elementor-element-5984ac9 .elementor-icon-box-wrapper{text-align:center;gap:8px;}.elementor-729 .elementor-element.elementor-element-5984ac9 .elementor-icon-box-title{margin-block-end:0px;}.elementor-729 .elementor-element.elementor-element-5984ac9.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-primary );}.elementor-729 .elementor-element.elementor-element-5984ac9.elementor-view-framed .elementor-icon, .elementor-729 .elementor-element.elementor-element-5984ac9.elementor-view-default .elementor-icon{fill:var( --e-global-color-primary );color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-729 .elementor-element.elementor-element-5984ac9 .elementor-icon{font-size:30px;}.elementor-729 .elementor-element.elementor-element-5984ac9 .elementor-icon-box-title, .elementor-729 .elementor-element.elementor-element-5984ac9 .elementor-icon-box-title a{font-family:"Almarai", Sans-serif;font-size:20px;font-weight:600;}.elementor-729 .elementor-element.elementor-element-5984ac9 .elementor-icon-box-description{color:var( --e-global-color-a745bf0 );}.elementor-729 .elementor-element.elementor-element-4a4d217{--display:flex;--gap:16px 0px;--row-gap:16px;--column-gap:0px;--padding-top:0px;--padding-bottom:24px;--padding-left:20px;--padding-right:20px;}.elementor-729 .elementor-element.elementor-element-4a4d217.e-con{--align-self:flex-start;}.elementor-729 .elementor-element.elementor-element-4c412a2 .elementor-icon-box-wrapper{text-align:center;gap:8px;}.elementor-729 .elementor-element.elementor-element-4c412a2 .elementor-icon-box-title{margin-block-end:0px;}.elementor-729 .elementor-element.elementor-element-4c412a2.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-primary );}.elementor-729 .elementor-element.elementor-element-4c412a2.elementor-view-framed .elementor-icon, .elementor-729 .elementor-element.elementor-element-4c412a2.elementor-view-default .elementor-icon{fill:var( --e-global-color-primary );color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-729 .elementor-element.elementor-element-4c412a2 .elementor-icon{font-size:30px;}.elementor-729 .elementor-element.elementor-element-4c412a2 .elementor-icon-box-title, .elementor-729 .elementor-element.elementor-element-4c412a2 .elementor-icon-box-title a{font-family:"Almarai", Sans-serif;font-size:20px;font-weight:600;}.elementor-729 .elementor-element.elementor-element-4c412a2 .elementor-icon-box-description{color:var( --e-global-color-a745bf0 );}.elementor-729 .elementor-element.elementor-element-3e76f32{--display:flex;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--gap:24px 24px;--row-gap:24px;--column-gap:24px;--border-radius:36px 36px 36px 36px;--padding-top:80px;--padding-bottom:80px;--padding-left:40px;--padding-right:40px;}.elementor-729 .elementor-element.elementor-element-3e76f32:not(.elementor-motion-effects-element-type-background), .elementor-729 .elementor-element.elementor-element-3e76f32 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-9f9ca80 );}.elementor-729 .elementor-element.elementor-element-3e76f32.e-con{--align-self:center;}.elementor-729 .elementor-element.elementor-element-ae6b8a1{padding:0px 0px 0px 0px;text-align:center;}.elementor-729 .elementor-element.elementor-element-ae6b8a1 .elementor-heading-title{font-family:"Almarai", Sans-serif;font-size:36px;font-weight:600;color:var( --e-global-color-primary );}.elementor-729 .elementor-element.elementor-element-006c580 .elementor-field-group{padding-right:calc( 10px/2 );padding-left:calc( 10px/2 );margin-bottom:10px;}.elementor-729 .elementor-element.elementor-element-006c580 .elementor-form-fields-wrapper{margin-left:calc( -10px/2 );margin-right:calc( -10px/2 );margin-bottom:-10px;}.elementor-729 .elementor-element.elementor-element-006c580 .elementor-field-group.recaptcha_v3-bottomleft, .elementor-729 .elementor-element.elementor-element-006c580 .elementor-field-group.recaptcha_v3-bottomright{margin-bottom:0;}body.rtl .elementor-729 .elementor-element.elementor-element-006c580 .elementor-labels-inline .elementor-field-group > label{padding-left:9px;}body:not(.rtl) .elementor-729 .elementor-element.elementor-element-006c580 .elementor-labels-inline .elementor-field-group > label{padding-right:9px;}body .elementor-729 .elementor-element.elementor-element-006c580 .elementor-labels-above .elementor-field-group > label{padding-bottom:9px;}.elementor-729 .elementor-element.elementor-element-006c580 .elementor-field-group > label{font-family:"Cairo", Sans-serif;font-weight:700;}.elementor-729 .elementor-element.elementor-element-006c580 .elementor-field-type-html{padding-bottom:0px;}.elementor-729 .elementor-element.elementor-element-006c580 .elementor-field-group:not(.elementor-field-type-upload) .elementor-field:not(.elementor-select-wrapper){background-color:#F5F5F5;border-color:#D6D6D6;border-width:1px 1px 1px 1px;border-radius:0px 0px 0px 0px;}.elementor-729 .elementor-element.elementor-element-006c580 .elementor-field-group .elementor-select-wrapper select{background-color:#F5F5F5;border-color:#D6D6D6;border-width:1px 1px 1px 1px;border-radius:0px 0px 0px 0px;}.elementor-729 .elementor-element.elementor-element-006c580 .elementor-field-group .elementor-select-wrapper::before{color:#D6D6D6;}.elementor-729 .elementor-element.elementor-element-006c580 .elementor-button span{justify-content:center;}.elementor-729 .elementor-element.elementor-element-006c580 .elementor-button{font-family:"Cairo", Sans-serif;font-weight:500;border-style:solid;border-radius:50px 50px 50px 50px;}.elementor-729 .elementor-element.elementor-element-006c580 .e-form__buttons__wrapper__button-next{color:#ffffff;}.elementor-729 .elementor-element.elementor-element-006c580 .elementor-button[type="submit"]{color:#ffffff;}.elementor-729 .elementor-element.elementor-element-006c580 .elementor-button[type="submit"] svg *{fill:#ffffff;}.elementor-729 .elementor-element.elementor-element-006c580 .e-form__buttons__wrapper__button-previous{color:#ffffff;}.elementor-729 .elementor-element.elementor-element-006c580 .e-form__buttons__wrapper__button-next:hover{color:#ffffff;}.elementor-729 .elementor-element.elementor-element-006c580 .elementor-button[type="submit"]:hover{color:#ffffff;}.elementor-729 .elementor-element.elementor-element-006c580 .elementor-button[type="submit"]:hover svg *{fill:#ffffff;}.elementor-729 .elementor-element.elementor-element-006c580 .e-form__buttons__wrapper__button-previous:hover{color:#ffffff;}.elementor-729 .elementor-element.elementor-element-006c580{--e-form-steps-indicators-spacing:20px;--e-form-steps-indicator-padding:30px;--e-form-steps-indicator-inactive-secondary-color:#ffffff;--e-form-steps-indicator-active-secondary-color:#ffffff;--e-form-steps-indicator-completed-secondary-color:#ffffff;--e-form-steps-divider-width:1px;--e-form-steps-divider-gap:10px;}:root{--page-title-display:none;}@media(max-width:1024px){.elementor-729 .elementor-element.elementor-element-8384e4f{--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-729 .elementor-element.elementor-element-73f7281{text-align:start;}.elementor-729 .elementor-element.elementor-element-73f7281 .elementor-heading-title{font-size:37px;}.elementor-729 .elementor-element.elementor-element-56ac4c3{--e-image-carousel-slides-to-show:3;}.elementor-729 .elementor-element.elementor-element-3a8ab8c{text-align:start;}.elementor-729 .elementor-element.elementor-element-3a8ab8c .elementor-heading-title{font-size:37px;}.elementor-729 .elementor-element.elementor-element-a7bec00{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-729 .elementor-element.elementor-element-9580b2a{--justify-content:space-between;}.elementor-729 .elementor-element.elementor-element-ed807d4{text-align:start;}.elementor-729 .elementor-element.elementor-element-ed807d4 .elementor-heading-title{font-size:37px;}.elementor-729 .elementor-element.elementor-element-43e6baa{--justify-content:space-between;--gap:20px 20px;--row-gap:20px;--column-gap:20px;}.elementor-729 .elementor-element.elementor-element-4a4d217{--padding-top:0px;--padding-bottom:48px;--padding-left:20px;--padding-right:20px;}.elementor-729 .elementor-element.elementor-element-ae6b8a1{text-align:start;}.elementor-729 .elementor-element.elementor-element-ae6b8a1 .elementor-heading-title{font-size:37px;}}@media(max-width:767px){.elementor-729 .elementor-element.elementor-element-a2b3808{text-align:start;}.elementor-729 .elementor-element.elementor-element-a2b3808 .elementor-heading-title{font-size:35px;}.elementor-729 .elementor-element.elementor-element-44e7c47{text-align:start;font-size:16px;}.elementor-729 .elementor-element.elementor-element-73f7281{text-align:start;}.elementor-729 .elementor-element.elementor-element-73f7281 .elementor-heading-title{font-size:28px;}.elementor-729 .elementor-element.elementor-element-b6d4a3c{padding:0px 0px 08px 0px;text-align:start;font-size:16px;}.elementor-729 .elementor-element.elementor-element-56ac4c3{--e-image-carousel-slides-to-show:2;margin:0px 5px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-729 .elementor-element.elementor-element-397fdc4{--gap:24px 24px;--row-gap:24px;--column-gap:24px;}.elementor-729 .elementor-element.elementor-element-3a8ab8c{text-align:start;}.elementor-729 .elementor-element.elementor-element-3a8ab8c .elementor-heading-title{font-size:28px;}.elementor-729 .elementor-element.elementor-element-f8810eb{padding:0px 0px 08px 0px;text-align:start;font-size:16px;}.elementor-729 .elementor-element.elementor-element-9580b2a{--gap:16px 16px;--row-gap:16px;--column-gap:16px;}.elementor-729 .elementor-element.elementor-element-a1d1886{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-729 .elementor-element.elementor-element-a1d1886 .jeg-elementor-kit.jkit-accordion .card-wrapper .card-header .card-header-button{font-size:18px;padding:24px 0px 18px 47px;}.elementor-729 .elementor-element.elementor-element-a1d1886 .jeg-elementor-kit.jkit-accordion .card-expand .card-body{font-size:16px;}.elementor-729 .elementor-element.elementor-element-a1d1886 .jeg-elementor-kit.jkit-accordion .card-wrapper .card-expand .card-body{margin:0px 0px 0px 30px;}.elementor-729 .elementor-element.elementor-element-9c6d4a6{--content-width:100%;}.elementor-729 .elementor-element.elementor-element-ed807d4{text-align:start;}.elementor-729 .elementor-element.elementor-element-ed807d4 .elementor-heading-title{font-size:28px;}.elementor-729 .elementor-element.elementor-element-e2eb9b4{padding:0px 0px 08px 0px;text-align:start;font-size:16px;}.elementor-729 .elementor-element.elementor-element-43e6baa{--gap:16px 6px;--row-gap:16px;--column-gap:6px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-729 .elementor-element.elementor-element-b0ed194{--width:49%;--padding-top:00px;--padding-bottom:46px;--padding-left:8px;--padding-right:8px;}.elementor-729 .elementor-element.elementor-element-2b2b058 .elementor-icon-box-title, .elementor-729 .elementor-element.elementor-element-2b2b058 .elementor-icon-box-title a{font-size:18px;}.elementor-729 .elementor-element.elementor-element-8ac79da{--width:49%;--padding-top:00px;--padding-bottom:24px;--padding-left:8px;--padding-right:8px;}.elementor-729 .elementor-element.elementor-element-92fc354 .elementor-icon-box-title, .elementor-729 .elementor-element.elementor-element-92fc354 .elementor-icon-box-title a{font-size:18px;}.elementor-729 .elementor-element.elementor-element-23f5d5d{--width:49%;--padding-top:00px;--padding-bottom:24px;--padding-left:8px;--padding-right:8px;}.elementor-729 .elementor-element.elementor-element-b95b764 .elementor-icon-box-title, .elementor-729 .elementor-element.elementor-element-b95b764 .elementor-icon-box-title a{font-size:18px;}.elementor-729 .elementor-element.elementor-element-3c4a6d2{--width:49%;--padding-top:00px;--padding-bottom:24px;--padding-left:8px;--padding-right:8px;}.elementor-729 .elementor-element.elementor-element-31b54fc .elementor-icon-box-title, .elementor-729 .elementor-element.elementor-element-31b54fc .elementor-icon-box-title a{font-size:18px;}.elementor-729 .elementor-element.elementor-element-489b77a{--width:49%;--padding-top:00px;--padding-bottom:24px;--padding-left:8px;--padding-right:8px;}.elementor-729 .elementor-element.elementor-element-d3aa92a .elementor-icon-box-title, .elementor-729 .elementor-element.elementor-element-d3aa92a .elementor-icon-box-title a{font-size:18px;}.elementor-729 .elementor-element.elementor-element-bc4036e{--width:49%;--padding-top:00px;--padding-bottom:24px;--padding-left:8px;--padding-right:8px;}.elementor-729 .elementor-element.elementor-element-ebb5a50 .elementor-icon-box-title, .elementor-729 .elementor-element.elementor-element-ebb5a50 .elementor-icon-box-title a{font-size:18px;}.elementor-729 .elementor-element.elementor-element-880b5d4{--width:49%;--padding-top:00px;--padding-bottom:24px;--padding-left:10px;--padding-right:10px;}.elementor-729 .elementor-element.elementor-element-5984ac9 .elementor-icon-box-title, .elementor-729 .elementor-element.elementor-element-5984ac9 .elementor-icon-box-title a{font-size:18px;}.elementor-729 .elementor-element.elementor-element-4a4d217{--width:49%;--padding-top:00px;--padding-bottom:24px;--padding-left:8px;--padding-right:8px;}.elementor-729 .elementor-element.elementor-element-4c412a2 .elementor-icon-box-title, .elementor-729 .elementor-element.elementor-element-4c412a2 .elementor-icon-box-title a{font-size:18px;}.elementor-729 .elementor-element.elementor-element-3e76f32{--padding-top:36px;--padding-bottom:36px;--padding-left:16px;--padding-right:16px;}.elementor-729 .elementor-element.elementor-element-ae6b8a1{text-align:start;}.elementor-729 .elementor-element.elementor-element-ae6b8a1 .elementor-heading-title{font-size:28px;}}@media(min-width:768px){.elementor-729 .elementor-element.elementor-element-8384e4f{--content-width:1200px;}.elementor-729 .elementor-element.elementor-element-9b219c6{--width:50%;}.elementor-729 .elementor-element.elementor-element-875b5d3{--width:50%;}.elementor-729 .elementor-element.elementor-element-5346118{--width:100%;}.elementor-729 .elementor-element.elementor-element-7d19ad7{--width:100%;}.elementor-729 .elementor-element.elementor-element-397fdc4{--content-width:1200px;}.elementor-729 .elementor-element.elementor-element-51c3efd{--width:50%;}.elementor-729 .elementor-element.elementor-element-a7bec00{--width:45%;}.elementor-729 .elementor-element.elementor-element-8e4f496{--width:32%;}.elementor-729 .elementor-element.elementor-element-ec2f957{--width:32%;}.elementor-729 .elementor-element.elementor-element-e40b5aa{--width:32%;}.elementor-729 .elementor-element.elementor-element-9c6d4a6{--content-width:1200px;}.elementor-729 .elementor-element.elementor-element-b0ed194{--width:23.5%;}.elementor-729 .elementor-element.elementor-element-8ac79da{--width:23.5%;}.elementor-729 .elementor-element.elementor-element-23f5d5d{--width:23.5%;}.elementor-729 .elementor-element.elementor-element-3c4a6d2{--width:23.5%;}.elementor-729 .elementor-element.elementor-element-489b77a{--width:23.5%;}.elementor-729 .elementor-element.elementor-element-bc4036e{--width:23.5%;}.elementor-729 .elementor-element.elementor-element-880b5d4{--width:23.5%;}.elementor-729 .elementor-element.elementor-element-4a4d217{--width:23.5%;}.elementor-729 .elementor-element.elementor-element-3e76f32{--width:60%;}}@media(max-width:1024px) and (min-width:768px){.elementor-729 .elementor-element.elementor-element-9b219c6{--width:100%;}.elementor-729 .elementor-element.elementor-element-875b5d3{--width:100%;}.elementor-729 .elementor-element.elementor-element-51c3efd{--width:100%;}.elementor-729 .elementor-element.elementor-element-a7bec00{--width:100%;}.elementor-729 .elementor-element.elementor-element-8e4f496{--width:48%;}.elementor-729 .elementor-element.elementor-element-ec2f957{--width:48%;}.elementor-729 .elementor-element.elementor-element-e40b5aa{--width:48%;}.elementor-729 .elementor-element.elementor-element-b0ed194{--width:48%;}.elementor-729 .elementor-element.elementor-element-8ac79da{--width:48%;}.elementor-729 .elementor-element.elementor-element-23f5d5d{--width:48%;}.elementor-729 .elementor-element.elementor-element-3c4a6d2{--width:48%;}.elementor-729 .elementor-element.elementor-element-489b77a{--width:48%;}.elementor-729 .elementor-element.elementor-element-bc4036e{--width:48%;}.elementor-729 .elementor-element.elementor-element-880b5d4{--width:48%;}.elementor-729 .elementor-element.elementor-element-4a4d217{--width:48%;}.elementor-729 .elementor-element.elementor-element-3e76f32{--width:100%;}}/* Start custom CSS for heading, class: .elementor-element-a2b3808 */.highlight {
    background: linear-gradient(180deg, transparent 50%, #E4B17C 50%);
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-8e98b1c */<div class="fade-slideshow">
  <!-- Add your image URLs below -->
  <img src="https://via.placeholder.com/600x400/3357FF/FFFFFF?text=Image+1" class="active" alt="Slide 1">
  <img src="https://via.placeholder.com/600x400/FF5733/FFFFFF?text=Image+2" alt="Slide 2">
  <img src="https://via.placeholder.com/600x400/33FF57/FFFFFF?text=Image+3" alt="Slide 3">
</div>

<style>
  .fade-slideshow {
    position: relative;
    width: 100%;
    max-width: 600px; /* Adjust as needed */
    height: 400px;    /* Adjust based on image aspect ratio */
    overflow: hidden;
  }

  .fade-slideshow img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    opacity: 0;
    transition: opacity 1.5s ease-in-out; /* Controls fade speed */
  }

  .fade-slideshow img.active {
    opacity: 1;
  }
</style>

<script>
  document.addEventListener('DOMContentLoaded', function () {
    const images = document.querySelectorAll('.fade-slideshow img');
    let currentIndex = 0;
    const intervalTime = 4000; // Change image every 4 seconds (4000ms)

    if (images.length > 0) {
      setInterval(() => {
        // Remove 'active' class from current image
        images[currentIndex].classList.remove('active');
        
        // Move to the next image index (loops back to 0)
        currentIndex = (currentIndex + 1) % images.length;
        
        // Add 'active' class to the new image
        images[currentIndex].classList.add('active');
      }, intervalTime);
    }
  });
</script>/* End custom CSS */
/* Start custom CSS for image-carousel, class: .elementor-element-56ac4c3 *//* ==========================================================
   1. CORNER FADING MASK EFFECT (UPDATED)
   ========================================================== */
.elementor-729 .elementor-element.elementor-element-56ac4c3 {
  /* UPDATED: Ensures swiper container allows mask to bleed smoothly without clipping */
  overflow: visible !important;
  
  /* UPDATED: Adjusted gradient stops to start fading earlier (0%-20% & 80%-100%) for a soft fade */
  -webkit-mask-image: linear-gradient(
    to right, 
    transparent 0%, 
    rgba(0, 0, 0, 0.4) 8%, 
    black 20%, 
    black 80%, 
    rgba(0, 0, 0, 0.4) 92%, 
    transparent 100%
  ) !important;
  
  mask-image: linear-gradient(
    to right, 
    transparent 0%, 
    rgba(0, 0, 0, 0.4) 8%, 
    black 20%, 
    black 80%, 
    rgba(0, 0, 0, 0.4) 92%, 
    transparent 100%
  ) !important;
}


/* ==========================================================
   2. CONTINUOUS LINEAR MARQUEE
   ========================================================== */
.elementor-729 .elementor-element.elementor-element-56ac4c3 .swiper-wrapper {
  -webkit-transition-timing-function: linear !important;
  -o-transition-timing-function: linear !important;
  transition-timing-function: linear !important;
}

/* Pause scroll on hover */
.elementor-729 .elementor-element.elementor-element-56ac4c3:hover .swiper-wrapper {
  animation-play-state: paused !important;
}

/* ==========================================================
   3. SQUARE CARD CONTAINER
   ========================================================== */
.elementor-729 .elementor-element.elementor-element-56ac4c3 .swiper-slide {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  
  /* BACKGROUND COLOR */
  background-color: #f2f2f2 !important; 
  
  /* INNER PADDING AROUND LOGO */
  padding: 12px !important;
  
  /* --- HIGHLIGHT 1: MAKES CARDS PERFECTLY SQUARE --- */
  aspect-ratio: 1 / 1 !important; 
  max-height: 150px !important; 
  max-width: 150px !important;
  
  /* BORDER & CORNER STYLING */
  border: 2px solid #efefef !important; 
  border-radius: 12px !important;
  box-sizing: border-box !important;
}

/* ==========================================================
   4. LOGO IMAGE SIZING INSIDE CARD
   ========================================================== */
.elementor-729 .elementor-element.elementor-element-56ac4c3 .swiper-slide img {
  /* RESET OVERRIDES THAT BROKE ASPECT RATIO */
  width: 120px !important;
  height: 120px !important;
  max-width: 100% !important;
  max-height: 120px !important; 
  min-height: unset !important;
  
  object-fit: contain !important;
  display: block !important;
  margin: 0 auto !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-8e4f496 *//* --- Default Card State --- */
.elementor-729 .elementor-element.elementor-element-8e4f496 {
    position: relative;
    overflow: hidden; /* Keeps the pseudo-element clipped to the card's border radius */
    border-radius: 12px; /* Adjust to match your card's corner design */
    background-color: #ffffff;
    
    /* Subtle initial floating look and shadow */
    box-shadow: 0 4px 12px rgba(0,0,0,0.04);
    
    /* Hardware acceleration to prevent stutter during the lift transition */
    will-change: transform, box-shadow; 
    
    /* Smooth, natural transition for the card lift */
    transition: 
        transform 0.4s cubic-bezier(0.25, 0.8, 0.25, 1), 
        box-shadow 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
}

/* --- The Pseudo-Element "Border" --- */
.elementor-729 .elementor-element.elementor-element-8e4f496::after {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    
    /* Starts at 1px wide */
    width: 1px; 
    background-color: #f2b47e;
    
    /* Smoothly matches the parent's right-side border radius */
    border-top-right-radius: inherit;
    border-bottom-right-radius: inherit;
    
    /* Smooth transition curve for the expanding border width */
    transition: width 0.35s cubic-bezier(0.25, 0.8, 0.25, 1);
    
    /* Ensures the pseudo-element stays behind the card's text/content */
    z-index: 1; 
}

/* --- Ensure internal card content sits above the pseudo-element --- */



/* --- Hover State --- */
.elementor-729 .elementor-element.elementor-element-8e4f496:hover {
    /* Smooth upward lift without layout snapping */
    transform: translateY(-6px);
    
    /* Natural, deeper shadow representing height */
    box-shadow: 0 12px 24px rgba(0,0,0,0.08);
}

/* --- Border Expansion on Hover --- */
.elementor-729 .elementor-element.elementor-element-8e4f496:hover::after {
    /* Expands inward smoothly without pushing or squeezing internal content */
    width: 5px; 
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-ec2f957 *//* --- Default Card State --- */
.elementor-729 .elementor-element.elementor-element-ec2f957 {
    position: relative;
    overflow: hidden; /* Keeps the pseudo-element clipped to the card's border radius */
    border-radius: 12px; /* Adjust to match your card's corner design */
    background-color: #ffffff;
    
    /* Subtle initial floating look and shadow */
    box-shadow: 0 4px 12px rgba(0,0,0,0.04);
    
    /* Hardware acceleration to prevent stutter during the lift transition */
    will-change: transform, box-shadow; 
    
    /* Smooth, natural transition for the card lift */
    transition: 
        transform 0.4s cubic-bezier(0.25, 0.8, 0.25, 1), 
        box-shadow 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
}

/* --- The Pseudo-Element "Border" --- */
.elementor-729 .elementor-element.elementor-element-ec2f957::after {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    
    /* Starts at 1px wide */
    width: 1px; 
    background-color: #f2b47e;
    
    /* Smoothly matches the parent's right-side border radius */
    border-top-right-radius: inherit;
    border-bottom-right-radius: inherit;
    
    /* Smooth transition curve for the expanding border width */
    transition: width 0.35s cubic-bezier(0.25, 0.8, 0.25, 1);
    
    /* Ensures the pseudo-element stays behind the card's text/content */
    z-index: 1; 
}

/* --- Ensure internal card content sits above the pseudo-element --- */



/* --- Hover State --- */
.elementor-729 .elementor-element.elementor-element-ec2f957:hover {
    /* Smooth upward lift without layout snapping */
    transform: translateY(-6px);
    
    /* Natural, deeper shadow representing height */
    box-shadow: 0 12px 24px rgba(0,0,0,0.08);
}

/* --- Border Expansion on Hover --- */
.elementor-729 .elementor-element.elementor-element-ec2f957:hover::after {
    /* Expands inward smoothly without pushing or squeezing internal content */
    width: 5px; 
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-e40b5aa *//* --- Default Card State --- */
.elementor-729 .elementor-element.elementor-element-e40b5aa {
    position: relative;
    overflow: hidden; /* Keeps the pseudo-element clipped to the card's border radius */
    border-radius: 12px; /* Adjust to match your card's corner design */
    background-color: #ffffff;
    
    /* Subtle initial floating look and shadow */
    box-shadow: 0 4px 12px rgba(0,0,0,0.04);
    
    /* Hardware acceleration to prevent stutter during the lift transition */
    will-change: transform, box-shadow; 
    
    /* Smooth, natural transition for the card lift */
    transition: 
        transform 0.4s cubic-bezier(0.25, 0.8, 0.25, 1), 
        box-shadow 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
}

/* --- The Pseudo-Element "Border" --- */
.elementor-729 .elementor-element.elementor-element-e40b5aa::after {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    
    /* Starts at 1px wide */
    width: 1px; 
    background-color: #f2b47e;
    
    /* Smoothly matches the parent's right-side border radius */
    border-top-right-radius: inherit;
    border-bottom-right-radius: inherit;
    
    /* Smooth transition curve for the expanding border width */
    transition: width 0.35s cubic-bezier(0.25, 0.8, 0.25, 1);
    
    /* Ensures the pseudo-element stays behind the card's text/content */
    z-index: 1; 
}

/* --- Ensure internal card content sits above the pseudo-element --- */



/* --- Hover State --- */
.elementor-729 .elementor-element.elementor-element-e40b5aa:hover {
    /* Smooth upward lift without layout snapping */
    transform: translateY(-6px);
    
    /* Natural, deeper shadow representing height */
    box-shadow: 0 12px 24px rgba(0,0,0,0.08);
}

/* --- Border Expansion on Hover --- */
.elementor-729 .elementor-element.elementor-element-e40b5aa:hover::after {
    /* Expands inward smoothly without pushing or squeezing internal content */
    width: 5px; 
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-b0ed194 *//* ==========================================================================
   Process Cards Layout - Refined (RTL First)
   Reference: edited-image.png & edited-image_2.png
   ========================================================================== */

/* 1. Resetting the target number widget within the card */
.process-card .elementor-widget-text-editor {
    position: absolute;
    top: -18px; /* Offset the badge upwards by half its height */
    left: 50%;
    transform: translateX(-50%);
    width: 40px;
    height: 40px;
    
    /* Ensure number is centered horizontally and vertically */
    display: flex !important;
    align-items: center;
    justify-content: center;
    
    /* Perfect Circle and Border */
    border-radius: 50%;
    border: 2px solid #FFFFFF;
    
    /* Typography for consistent number rendering */
    font-weight: 700;
    font-size: 14px;
    line-height: 1 !important; /* Forces consistent vertical spacing */
    
    /* Styling for Non-Hover State (referencing 'non hover' from edited-image.png) */
    background-color: #E8F0F8;
    color: #0A2E46;
    
    /* Shadow for the badge only */
    box-shadow: 0 2px 6px rgba(0,0,0,0.06);
    z-index: 2;
    transition: all 0.3s ease;
}


/* 2. Style for Non-Hover Card State (referencing 'non hover' from edited-image.png) */
.process-card {
    position: relative;
    direction: rtl;
    text-align: right;
    
    /* Card Background and Shadow for normal state */
    background-color: #FFFFFF !important;
    border-radius: 12px;
    box-shadow: 0px 10px 30px rgba(0, 0, 0, 0.05) !important;
    
    /* Ensure padding accommodates content and the overlapping number */
    padding-top: 35px !important;
    transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
}

/* 3. Style for Hover State (referencing 'hover' from edited-image.png) */
/* This targets the card container when hovered */
.process-card:hover {
    background-color: #0A2E46 !important; /* Deep Navy Blue */
    
    /* Increase shadow depth on hover */
    box-shadow: 0 15px 35px rgba(10, 46, 70, 0.15) !important;
    transform: translateY(-4px); /* Sublte lift effect */
}

/* 4. Inverting Content Colors on Hover */
/* This changes all text/icons inside the card to white */
.process-card:hover .elementor-widget-heading,
.process-card:hover .elementor-widget-icon,
.process-card:hover .elementor-widget-text-editor {
    color: #FFFFFF !important;
}
.process-card:hover .elementor-widget-heading .elementor-heading-title,
.process-card:hover .elementor-widget-text-editor:not(.step-badge-widget),
.process-card:hover .elementor-widget-text-editor:not(.step-badge-widget) *,
.process-card:hover p,
.process-card:hover span,
.process-card:hover h1, 
.process-card:hover h2, 
.process-card:hover h3, 
.process-card:hover h4, 
.process-card:hover h5, 
.process-card:hover h6,
.process-card:hover .elementor-icon,
.process-card:hover .elementor-icon i {
    color: #FFFFFF !important;
    fill: #FFFFFF !important; /* For inline SVGs */
}

/* 5. Inverting the Number Badge Color on Hover */
/* This changes the number badge's appearance when its parent card is hovered */
.process-card:hover .elementor-widget-text-editor {
    background-color: #D9935A !important; /* Gold/Orange Highlight */
    color: #FFFFFF !important;
    border-color: #0A2E46 !important; /* Match hover bg */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-8ac79da *//* ==========================================================================
   Process Cards Layout - Refined (RTL First)
   Reference: edited-image.png & edited-image_2.png
   ========================================================================== */

/* 1. Resetting the target number widget within the card */
.process-card .elementor-widget-text-editor {
    position: absolute;
    top: -18px; /* Offset the badge upwards by half its height */
    left: 50%;
    transform: translateX(-50%);
    width: 40px;
    height: 40px;
    
    /* Ensure number is centered horizontally and vertically */
    display: flex !important;
    align-items: center;
    justify-content: center;
    
    /* Perfect Circle and Border */
    border-radius: 50%;
    border: 2px solid #FFFFFF;
    
    /* Typography for consistent number rendering */
    font-weight: 700;
    font-size: 14px;
    line-height: 1 !important; /* Forces consistent vertical spacing */
    
    /* Styling for Non-Hover State (referencing 'non hover' from edited-image.png) */
    background-color: #E8F0F8;
    color: #0A2E46;
    
    /* Shadow for the badge only */
    box-shadow: 0 2px 6px rgba(0,0,0,0.06);
    z-index: 2;
    transition: all 0.3s ease;
}


/* 2. Style for Non-Hover Card State (referencing 'non hover' from edited-image.png) */
.process-card {
    position: relative;
    direction: rtl;
    text-align: right;
    
    /* Card Background and Shadow for normal state */
    background-color: #FFFFFF !important;
    border-radius: 12px;
    box-shadow: 0px 10px 30px rgba(0, 0, 0, 0.05) !important;
    
    /* Ensure padding accommodates content and the overlapping number */
    padding-top: 35px !important;
    transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
}

/* 3. Style for Hover State (referencing 'hover' from edited-image.png) */
/* This targets the card container when hovered */
.process-card:hover {
    background-color: #0A2E46 !important; /* Deep Navy Blue */
    
    /* Increase shadow depth on hover */
    box-shadow: 0 15px 35px rgba(10, 46, 70, 0.15) !important;
    transform: translateY(-4px); /* Sublte lift effect */
}

/* 4. Inverting Content Colors on Hover */
/* This changes all text/icons inside the card to white */
.process-card:hover .elementor-widget-heading,
.process-card:hover .elementor-widget-icon,
.process-card:hover .elementor-widget-text-editor {
    color: #FFFFFF !important;
}
.process-card:hover .elementor-widget-heading .elementor-heading-title,
.process-card:hover .elementor-widget-text-editor:not(.step-badge-widget),
.process-card:hover .elementor-widget-text-editor:not(.step-badge-widget) *,
.process-card:hover p,
.process-card:hover span,
.process-card:hover h1, 
.process-card:hover h2, 
.process-card:hover h3, 
.process-card:hover h4, 
.process-card:hover h5, 
.process-card:hover h6,
.process-card:hover .elementor-icon,
.process-card:hover .elementor-icon i {
    color: #FFFFFF !important;
    fill: #FFFFFF !important; /* For inline SVGs */
}

/* 5. Inverting the Number Badge Color on Hover */
/* This changes the number badge's appearance when its parent card is hovered */
.process-card:hover .elementor-widget-text-editor {
    background-color: #D9935A !important; /* Gold/Orange Highlight */
    color: #FFFFFF !important;
    border-color: #0A2E46 !important; /* Match hover bg */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-23f5d5d *//* ==========================================================================
   Process Cards Layout - Refined (RTL First)
   Reference: edited-image.png & edited-image_2.png
   ========================================================================== */

/* 1. Resetting the target number widget within the card */
.process-card .elementor-widget-text-editor {
    position: absolute;
    top: -18px; /* Offset the badge upwards by half its height */
    left: 50%;
    transform: translateX(-50%);
    width: 40px;
    height: 40px;
    
    /* Ensure number is centered horizontally and vertically */
    display: flex !important;
    align-items: center;
    justify-content: center;
    
    /* Perfect Circle and Border */
    border-radius: 50%;
    border: 2px solid #FFFFFF;
    
    /* Typography for consistent number rendering */
    font-weight: 700;
    font-size: 14px;
    line-height: 1 !important; /* Forces consistent vertical spacing */
    
    /* Styling for Non-Hover State (referencing 'non hover' from edited-image.png) */
    background-color: #E8F0F8;
    color: #0A2E46;
    
    /* Shadow for the badge only */
    box-shadow: 0 2px 6px rgba(0,0,0,0.06);
    z-index: 2;
    transition: all 0.3s ease;
}


/* 2. Style for Non-Hover Card State (referencing 'non hover' from edited-image.png) */
.process-card {
    position: relative;
    direction: rtl;
    text-align: right;
    
    /* Card Background and Shadow for normal state */
    background-color: #FFFFFF !important;
    border-radius: 12px;
    box-shadow: 0px 10px 30px rgba(0, 0, 0, 0.05) !important;
    
    /* Ensure padding accommodates content and the overlapping number */
    padding-top: 35px !important;
    transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
}

/* 3. Style for Hover State (referencing 'hover' from edited-image.png) */
/* This targets the card container when hovered */
.process-card:hover {
    background-color: #0A2E46 !important; /* Deep Navy Blue */
    
    /* Increase shadow depth on hover */
    box-shadow: 0 15px 35px rgba(10, 46, 70, 0.15) !important;
    transform: translateY(-4px); /* Sublte lift effect */
}

/* 4. Inverting Content Colors on Hover */
/* This changes all text/icons inside the card to white */
.process-card:hover .elementor-widget-heading,
.process-card:hover .elementor-widget-icon,
.process-card:hover .elementor-widget-text-editor {
    color: #FFFFFF !important;
}
.process-card:hover .elementor-widget-heading .elementor-heading-title,
.process-card:hover .elementor-widget-text-editor:not(.step-badge-widget),
.process-card:hover .elementor-widget-text-editor:not(.step-badge-widget) *,
.process-card:hover p,
.process-card:hover span,
.process-card:hover h1, 
.process-card:hover h2, 
.process-card:hover h3, 
.process-card:hover h4, 
.process-card:hover h5, 
.process-card:hover h6,
.process-card:hover .elementor-icon,
.process-card:hover .elementor-icon i {
    color: #FFFFFF !important;
    fill: #FFFFFF !important; /* For inline SVGs */
}

/* 5. Inverting the Number Badge Color on Hover */
/* This changes the number badge's appearance when its parent card is hovered */
.process-card:hover .elementor-widget-text-editor {
    background-color: #D9935A !important; /* Gold/Orange Highlight */
    color: #FFFFFF !important;
    border-color: #0A2E46 !important; /* Match hover bg */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-3c4a6d2 *//* ==========================================================================
   Process Cards Layout - Refined (RTL First)
   Reference: edited-image.png & edited-image_2.png
   ========================================================================== */

/* 1. Resetting the target number widget within the card */
.process-card .elementor-widget-text-editor {
    position: absolute;
    top: -18px; /* Offset the badge upwards by half its height */
    left: 50%;
    transform: translateX(-50%);
    width: 40px;
    height: 40px;
    
    /* Ensure number is centered horizontally and vertically */
    display: flex !important;
    align-items: center;
    justify-content: center;
    
    /* Perfect Circle and Border */
    border-radius: 50%;
    border: 2px solid #FFFFFF;
    
    /* Typography for consistent number rendering */
    font-weight: 700;
    font-size: 14px;
    line-height: 1 !important; /* Forces consistent vertical spacing */
    
    /* Styling for Non-Hover State (referencing 'non hover' from edited-image.png) */
    background-color: #E8F0F8;
    color: #0A2E46;
    
    /* Shadow for the badge only */
    box-shadow: 0 2px 6px rgba(0,0,0,0.06);
    z-index: 2;
    transition: all 0.3s ease;
}


/* 2. Style for Non-Hover Card State (referencing 'non hover' from edited-image.png) */
.process-card {
    position: relative;
    direction: rtl;
    text-align: right;
    
    /* Card Background and Shadow for normal state */
    background-color: #FFFFFF !important;
    border-radius: 12px;
    box-shadow: 0px 10px 30px rgba(0, 0, 0, 0.05) !important;
    
    /* Ensure padding accommodates content and the overlapping number */
    padding-top: 35px !important;
    transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
}

/* 3. Style for Hover State (referencing 'hover' from edited-image.png) */
/* This targets the card container when hovered */
.process-card:hover {
    background-color: #0A2E46 !important; /* Deep Navy Blue */
    
    /* Increase shadow depth on hover */
    box-shadow: 0 15px 35px rgba(10, 46, 70, 0.15) !important;
    transform: translateY(-4px); /* Sublte lift effect */
}

/* 4. Inverting Content Colors on Hover */
/* This changes all text/icons inside the card to white */
.process-card:hover .elementor-widget-heading,
.process-card:hover .elementor-widget-icon,
.process-card:hover .elementor-widget-text-editor {
    color: #FFFFFF !important;
}
.process-card:hover .elementor-widget-heading .elementor-heading-title,
.process-card:hover .elementor-widget-text-editor:not(.step-badge-widget),
.process-card:hover .elementor-widget-text-editor:not(.step-badge-widget) *,
.process-card:hover p,
.process-card:hover span,
.process-card:hover h1, 
.process-card:hover h2, 
.process-card:hover h3, 
.process-card:hover h4, 
.process-card:hover h5, 
.process-card:hover h6,
.process-card:hover .elementor-icon,
.process-card:hover .elementor-icon i {
    color: #FFFFFF !important;
    fill: #FFFFFF !important; /* For inline SVGs */
}

/* 5. Inverting the Number Badge Color on Hover */
/* This changes the number badge's appearance when its parent card is hovered */
.process-card:hover .elementor-widget-text-editor {
    background-color: #D9935A !important; /* Gold/Orange Highlight */
    color: #FFFFFF !important;
    border-color: #0A2E46 !important; /* Match hover bg */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-489b77a *//* ==========================================================
   Process Cards Layout - Refined (RTL First)
   Reference: edited-image.png & edited-image_2.png
   ========================================================== */

/* 1. Resetting the target number widget within the card */
.process-card .elementor-widget-text-editor {
    position: absolute;
    top: -18px; /* Offset the badge upwards by half its height */
    left: 50%;
    transform: translateX(-50%);
    width: 40px;
    height: 40px;
    
    /* Ensure number is centered horizontally and vertically */
    display: flex !important;
    align-items: center;
    justify-content: center;
    
    /* Perfect Circle and Border */
    border-radius: 50%;
    border: 2px solid #FFFFFF;
    
    /* Typography for consistent number rendering */
    font-weight: 700;
    font-size: 14px;
    line-height: 1 !important; /* Forces consistent vertical spacing */
    
    /* Styling for Non-Hover State (referencing 'non hover' from edited-image.png) */
    background-color: #E8F0F8;
    color: #0A2E46;
    
    /* Shadow for the badge only */
    box-shadow: 0 2px 6px rgba(0,0,0,0.06);
    z-index: 2;
    transition: all 0.3s ease;
}


/* 2. Style for Non-Hover Card State (referencing 'non hover' from edited-image.png) */
.process-card {
    position: relative;
    direction: rtl;
    text-align: right;
    
    /* UPDATED: Changed non-hover card background color to red */
    background-color: #fbfbfb !important;
    border-radius: 12px;
    box-shadow: 0px 10px 30px rgba(0, 0, 0, 0.05) !important;

    /* White border on non-hover state */
    border: 2px solid #FFFFFF !important;
    
    /* Ensure padding accommodates content and the overlapping number */
    padding-top: 35px !important;
    transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
}

/* --- TARGETED ICON ADDITION: Set default icon color --- */
.process-card .elementor-widget-icon,
.process-card .elementor-icon,
.process-card .elementor-icon i,
.process-card .elementor-icon svg {
    color: #E4B17C  !important;
    fill: #E4B17C !important;
}

/* 3. Style for Hover State (referencing 'hover' from edited-image.png) */
/* This targets the card container when hovered */
.process-card:hover {
    background-color: #0A2E46 !important; /* Deep Navy Blue */
    
    /* UPDATED: Removed card border color on hover state */
    border-color: transparent !important;
    
    /* Increase shadow depth on hover */
    box-shadow: 0 15px 35px rgba(10, 46, 70, 0.15) !important;
    transform: translateY(-4px); /* Subtle lift effect */
}

/* 4. Inverting Content Colors on Hover */
/* This changes all text inside the card to white */
.process-card:hover .elementor-widget-heading,
.process-card:hover .elementor-widget-text-editor {
    color: #FFFFFF !important;
}
.process-card:hover .elementor-widget-heading .elementor-heading-title,
.process-card:hover .elementor-widget-text-editor:not(.step-badge-widget),
.process-card:hover .elementor-widget-text-editor:not(.step-badge-widget) *,
.process-card:hover p,
.process-card:hover span,
.process-card:hover h1, 
.process-card:hover h2, 
.process-card:hover h3, 
.process-card:hover h4, 
.process-card:hover h5, 
.process-card:hover h6 {
    color: #FFFFFF !important;
    fill: #FFFFFF !important; /* For inline SVGs */
}

/* --- TARGETED ICON ADDITION: Prevent hover state from changing icon color --- */
.process-card:hover .elementor-widget-icon,
.process-card:hover .elementor-icon,
.process-card:hover .elementor-icon i,
.process-card:hover .elementor-icon svg {
    color: white !important;
    fill: white !important;
}

/* 5. Inverting the Number Badge Color on Hover */
/* This changes the number badge's appearance when its parent card is hovered */
.process-card:hover .elementor-widget-text-editor {
    background-color: #D9935A !important; /* Gold/Orange Highlight */
    color: #FFFFFF !important;
    
    /* UPDATED: Removed top badge border color on hover */
    border-color: transparent !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-bc4036e *//* ==========================================================================
   Process Cards Layout - Refined (RTL First)
   Reference: edited-image.png & edited-image_2.png
   ========================================================================== */

/* 1. Resetting the target number widget within the card */
.process-card .elementor-widget-text-editor {
    position: absolute;
    top: -18px; /* Offset the badge upwards by half its height */
    left: 50%;
    transform: translateX(-50%);
    width: 40px;
    height: 40px;
    
    /* Ensure number is centered horizontally and vertically */
    display: flex !important;
    align-items: center;
    justify-content: center;
    
    /* Perfect Circle and Border */
    border-radius: 50%;
    border: 2px solid #FFFFFF;
    
    /* Typography for consistent number rendering */
    font-weight: 700;
    font-size: 14px;
    line-height: 1 !important; /* Forces consistent vertical spacing */
    
    /* Styling for Non-Hover State (referencing 'non hover' from edited-image.png) */
    background-color: #E8F0F8;
    color: #0A2E46;
    
    /* Shadow for the badge only */
    box-shadow: 0 2px 6px rgba(0,0,0,0.06);
    z-index: 2;
    transition: all 0.3s ease;
}


/* 2. Style for Non-Hover Card State (referencing 'non hover' from edited-image.png) */
.process-card {
    position: relative;
    direction: rtl;
    text-align: right;
    
    /* Card Background and Shadow for normal state */
    background-color: #FFFFFF !important;
    border-radius: 12px;
    box-shadow: 0px 10px 30px rgba(0, 0, 0, 0.05) !important;
    
    /* Ensure padding accommodates content and the overlapping number */
    padding-top: 35px !important;
    transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
}

/* 3. Style for Hover State (referencing 'hover' from edited-image.png) */
/* This targets the card container when hovered */
.process-card:hover {
    background-color: #0A2E46 !important; /* Deep Navy Blue */
    
    /* Increase shadow depth on hover */
    box-shadow: 0 15px 35px rgba(10, 46, 70, 0.15) !important;
    transform: translateY(-4px); /* Sublte lift effect */
}

/* 4. Inverting Content Colors on Hover */
/* This changes all text/icons inside the card to white */
.process-card:hover .elementor-widget-heading,
.process-card:hover .elementor-widget-icon,
.process-card:hover .elementor-widget-text-editor {
    color: #FFFFFF !important;
}
.process-card:hover .elementor-widget-heading .elementor-heading-title,
.process-card:hover .elementor-widget-text-editor:not(.step-badge-widget),
.process-card:hover .elementor-widget-text-editor:not(.step-badge-widget) *,
.process-card:hover p,
.process-card:hover span,
.process-card:hover h1, 
.process-card:hover h2, 
.process-card:hover h3, 
.process-card:hover h4, 
.process-card:hover h5, 
.process-card:hover h6,
.process-card:hover .elementor-icon,
.process-card:hover .elementor-icon i {
    color: #FFFFFF !important;
    fill: #FFFFFF !important; /* For inline SVGs */
}

/* 5. Inverting the Number Badge Color on Hover */
/* This changes the number badge's appearance when its parent card is hovered */
.process-card:hover .elementor-widget-text-editor {
    background-color: #D9935A !important; /* Gold/Orange Highlight */
    color: #FFFFFF !important;
    border-color: #0A2E46 !important; /* Match hover bg */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-880b5d4 *//* ==========================================================================
   Process Cards Layout - Refined (RTL First)
   Reference: edited-image.png & edited-image_2.png
   ========================================================================== */

/* 1. Resetting the target number widget within the card */
.process-card .elementor-widget-text-editor {
    position: absolute;
    top: -18px; /* Offset the badge upwards by half its height */
    left: 50%;
    transform: translateX(-50%);
    width: 40px;
    height: 40px;
    
    /* Ensure number is centered horizontally and vertically */
    display: flex !important;
    align-items: center;
    justify-content: center;
    
    /* Perfect Circle and Border */
    border-radius: 50%;
    border: 2px solid #FFFFFF;
    
    /* Typography for consistent number rendering */
    font-weight: 700;
    font-size: 14px;
    line-height: 1 !important; /* Forces consistent vertical spacing */
    
    /* Styling for Non-Hover State (referencing 'non hover' from edited-image.png) */
    background-color: #E8F0F8;
    color: #0A2E46;
    
    /* Shadow for the badge only */
    box-shadow: 0 2px 6px rgba(0,0,0,0.06);
    z-index: 2;
    transition: all 0.3s ease;
}


/* 2. Style for Non-Hover Card State (referencing 'non hover' from edited-image.png) */
.process-card {
    position: relative;
    direction: rtl;
    text-align: right;
    
    /* Card Background and Shadow for normal state */
    background-color: #FFFFFF !important;
    border-radius: 12px;
    box-shadow: 0px 10px 30px rgba(0, 0, 0, 0.05) !important;
    
    /* Ensure padding accommodates content and the overlapping number */
    padding-top: 35px !important;
    transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
}

/* 3. Style for Hover State (referencing 'hover' from edited-image.png) */
/* This targets the card container when hovered */
.process-card:hover {
    background-color: #0A2E46 !important; /* Deep Navy Blue */
    
    /* Increase shadow depth on hover */
    box-shadow: 0 15px 35px rgba(10, 46, 70, 0.15) !important;
    transform: translateY(-4px); /* Sublte lift effect */
}

/* 4. Inverting Content Colors on Hover */
/* This changes all text/icons inside the card to white */
.process-card:hover .elementor-widget-heading,
.process-card:hover .elementor-widget-icon,
.process-card:hover .elementor-widget-text-editor {
    color: #FFFFFF !important;
}
.process-card:hover .elementor-widget-heading .elementor-heading-title,
.process-card:hover .elementor-widget-text-editor:not(.step-badge-widget),
.process-card:hover .elementor-widget-text-editor:not(.step-badge-widget) *,
.process-card:hover p,
.process-card:hover span,
.process-card:hover h1, 
.process-card:hover h2, 
.process-card:hover h3, 
.process-card:hover h4, 
.process-card:hover h5, 
.process-card:hover h6,
.process-card:hover .elementor-icon,
.process-card:hover .elementor-icon i {
    color: #FFFFFF !important;
    fill: #FFFFFF !important; /* For inline SVGs */
}

/* 5. Inverting the Number Badge Color on Hover */
/* This changes the number badge's appearance when its parent card is hovered */
.process-card:hover .elementor-widget-text-editor {
    background-color: #D9935A !important; /* Gold/Orange Highlight */
    color: #FFFFFF !important;
    border-color: #0A2E46 !important; /* Match hover bg */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-4a4d217 *//* ==========================================================================
   Process Cards Layout - Refined (RTL First)
   Reference: edited-image.png & edited-image_2.png
   ========================================================================== */

/* 1. Resetting the target number widget within the card */
.process-card .elementor-widget-text-editor {
    position: absolute;
    top: -18px; /* Offset the badge upwards by half its height */
    left: 50%;
    transform: translateX(-50%);
    width: 40px;
    height: 40px;
    
    /* Ensure number is centered horizontally and vertically */
    display: flex !important;
    align-items: center;
    justify-content: center;
    
    /* Perfect Circle and Border */
    border-radius: 50%;
    border: 2px solid #FFFFFF;
    
    /* Typography for consistent number rendering */
    font-weight: 700;
    font-size: 14px;
    line-height: 1 !important; /* Forces consistent vertical spacing */
    
    /* Styling for Non-Hover State (referencing 'non hover' from edited-image.png) */
    background-color: #E8F0F8;
    color: #0A2E46;
    
    /* Shadow for the badge only */
    box-shadow: 0 2px 6px rgba(0,0,0,0.06);
    z-index: 2;
    transition: all 0.3s ease;
}


/* 2. Style for Non-Hover Card State (referencing 'non hover' from edited-image.png) */
.process-card {
    position: relative;
    direction: rtl;
    text-align: right;
    
    /* Card Background and Shadow for normal state */
    background-color: #FFFFFF !important;
    border-radius: 12px;
    box-shadow: 0px 10px 30px rgba(0, 0, 0, 0.05) !important;
    
    /* Ensure padding accommodates content and the overlapping number */
    padding-top: 35px !important;
    transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
}

/* 3. Style for Hover State (referencing 'hover' from edited-image.png) */
/* This targets the card container when hovered */
.process-card:hover {
    background-color: #0A2E46 !important; /* Deep Navy Blue */
    
    /* Increase shadow depth on hover */
    box-shadow: 0 15px 35px rgba(10, 46, 70, 0.15) !important;
    transform: translateY(-4px); /* Sublte lift effect */
}

/* 4. Inverting Content Colors on Hover */
/* This changes all text/icons inside the card to white */
.process-card:hover .elementor-widget-heading,
.process-card:hover .elementor-widget-icon,
.process-card:hover .elementor-widget-text-editor {
    color: #FFFFFF !important;
}
.process-card:hover .elementor-widget-heading .elementor-heading-title,
.process-card:hover .elementor-widget-text-editor:not(.step-badge-widget),
.process-card:hover .elementor-widget-text-editor:not(.step-badge-widget) *,
.process-card:hover p,
.process-card:hover span,
.process-card:hover h1, 
.process-card:hover h2, 
.process-card:hover h3, 
.process-card:hover h4, 
.process-card:hover h5, 
.process-card:hover h6,
.process-card:hover .elementor-icon,
.process-card:hover .elementor-icon i {
    color: #FFFFFF !important;
    fill: #FFFFFF !important; /* For inline SVGs */
}

/* 5. Inverting the Number Badge Color on Hover */
/* This changes the number badge's appearance when its parent card is hovered */
.process-card:hover .elementor-widget-text-editor {
    background-color: #D9935A !important; /* Gold/Orange Highlight */
    color: #FFFFFF !important;
    border-color: #0A2E46 !important; /* Match hover bg */
}/* End custom CSS */
/* Start custom CSS for form, class: .elementor-element-006c580 */.elementor-element.elementor-element-af6bbcb .elementor-labels-above .elementor-field-group > label {
    padding-bottom: 9px;
    text-align: right;
    width: 100%
}
::placeholder{
    text-align:right;
    width:100%;
    font-family: "Cairo"
}

.elementor-field{
    text-align: right;
    color:black !important;
    font-weight: bold
}

.elementor-field-textual{
    text-align: right
}/* End custom CSS */