.elementor-5505 .elementor-element.elementor-element-7d99b60{--display:flex;--min-height:86px;--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;--background-transition:0.3s;}.elementor-5505 .elementor-element.elementor-element-ad7712e{--display:flex;--min-height:120px;--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;--background-transition:0.3s;}.elementor-5505 .elementor-element.elementor-element-5fac9df{--display:flex;--min-height:0px;--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;--background-transition:0.3s;--margin-top:25px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}.elementor-5505 .elementor-element.elementor-element-5fac9df:not(.elementor-motion-effects-element-type-background), .elementor-5505 .elementor-element.elementor-element-5fac9df > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#0E6667;}.elementor-5505 .elementor-element.elementor-element-5fac9df, .elementor-5505 .elementor-element.elementor-element-5fac9df::before{--border-transition:0.3s;}.elementor-5505 .elementor-element.elementor-element-5fac9df > .elementor-shape-bottom .elementor-shape-fill, .elementor-5505 .elementor-element.elementor-element-5fac9df > .e-con-inner > .elementor-shape-bottom .elementor-shape-fill{fill:#3E898A;}.elementor-5505 .elementor-element.elementor-element-5fac9df > .elementor-shape-bottom svg, .elementor-5505 .elementor-element.elementor-element-5fac9df > .e-con-inner > .elementor-shape-bottom svg{height:30px;transform:translateX(-50%) rotateY(180deg);}.elementor-5505 .elementor-element.elementor-element-19c4333{text-align:center;}.elementor-5505 .elementor-element.elementor-element-19c4333 .elementor-heading-title{color:#E6F7F2;font-family:"Noto Naskh Arabic", Sans-serif;font-weight:600;line-height:45px;}.elementor-5505 .elementor-element.elementor-element-19c4333.elementor-element{--align-self:center;}.elementor-5505 .elementor-element.elementor-element-dcc3e63{--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;--background-transition:0.3s;}.elementor-5505 .elementor-element.elementor-element-dcc3e63:not(.elementor-motion-effects-element-type-background), .elementor-5505 .elementor-element.elementor-element-dcc3e63 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#E6F7F2;}.elementor-5505 .elementor-element.elementor-element-dcc3e63, .elementor-5505 .elementor-element.elementor-element-dcc3e63::before{--border-transition:0.3s;}.elementor-5505 .elementor-element.elementor-element-b433056{text-align:justify;color:#000000;font-family:"Noto Naskh Arabic", Sans-serif;font-weight:400;line-height:44px;}.elementor-5505 .elementor-element.elementor-element-b433056 > .elementor-widget-container{padding:20px 20px 20px 20px;}.elementor-5505 .elementor-element.elementor-element-5b986a0{--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;--background-transition:0.3s;}.elementor-5505 .elementor-element.elementor-element-5b986a0:not(.elementor-motion-effects-element-type-background), .elementor-5505 .elementor-element.elementor-element-5b986a0 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#E6F7F2;}.elementor-5505 .elementor-element.elementor-element-5b986a0, .elementor-5505 .elementor-element.elementor-element-5b986a0::before{--border-transition:0.3s;}.elementor-5505 .elementor-element.elementor-element-7daeb99{--display:flex;--min-height:0px;--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;--background-transition:0.3s;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}.elementor-5505 .elementor-element.elementor-element-7daeb99:not(.elementor-motion-effects-element-type-background), .elementor-5505 .elementor-element.elementor-element-7daeb99 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#0E6667;}.elementor-5505 .elementor-element.elementor-element-7daeb99, .elementor-5505 .elementor-element.elementor-element-7daeb99::before{--border-transition:0.3s;}.elementor-5505 .elementor-element.elementor-element-7daeb99 > .elementor-shape-bottom .elementor-shape-fill, .elementor-5505 .elementor-element.elementor-element-7daeb99 > .e-con-inner > .elementor-shape-bottom .elementor-shape-fill{fill:#3E898A;}.elementor-5505 .elementor-element.elementor-element-7daeb99 > .elementor-shape-bottom svg, .elementor-5505 .elementor-element.elementor-element-7daeb99 > .e-con-inner > .elementor-shape-bottom svg{height:30px;transform:translateX(-50%) rotateY(180deg);}.elementor-5505 .elementor-element.elementor-element-77f4c41{text-align:center;}.elementor-5505 .elementor-element.elementor-element-77f4c41 .elementor-heading-title{color:#E6F7F2;font-family:"Noto Naskh Arabic", Sans-serif;font-weight:600;line-height:45px;}.elementor-5505 .elementor-element.elementor-element-77f4c41.elementor-element{--align-self:center;}.elementor-5505 .elementor-element.elementor-element-4510bdd{--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;--background-transition:0.3s;}.elementor-5505 .elementor-element.elementor-element-4510bdd:not(.elementor-motion-effects-element-type-background), .elementor-5505 .elementor-element.elementor-element-4510bdd > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#E6F7F2;}.elementor-5505 .elementor-element.elementor-element-4510bdd, .elementor-5505 .elementor-element.elementor-element-4510bdd::before{--border-transition:0.3s;}.elementor-5505 .elementor-element.elementor-element-66e7a54{text-align:justify;color:#000000;font-family:"Noto Naskh Arabic", Sans-serif;font-weight:400;line-height:44px;}.elementor-5505 .elementor-element.elementor-element-66e7a54 > .elementor-widget-container{padding:20px 20px 20px 20px;}.elementor-5505 .elementor-element.elementor-element-1d130e1{--display:flex;--min-height:275px;--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:0px 0px;--background-transition:0.3s;}.elementor-5505 .elementor-element.elementor-element-1d130e1:not(.elementor-motion-effects-element-type-background), .elementor-5505 .elementor-element.elementor-element-1d130e1 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#E6F7F2;}.elementor-5505 .elementor-element.elementor-element-1d130e1, .elementor-5505 .elementor-element.elementor-element-1d130e1::before{--border-transition:0.3s;}.elementor-5505 .elementor-element.elementor-element-1d130e1.e-con{--align-self:center;}.elementor-5505 .elementor-element.elementor-element-4c54b62{--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;--background-transition:0.3s;}.elementor-5505 .elementor-element.elementor-element-4c54b62.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-5505 .elementor-element.elementor-element-cb6405d{--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;--background-transition:0.3s;}.elementor-5505 .elementor-element.elementor-element-cb6405d.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-5505 .elementor-element.elementor-element-f35c7b3{--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;--background-transition:0.3s;}.elementor-5505 .elementor-element.elementor-element-f35c7b3.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-5505 .elementor-element.elementor-element-867fa5e{--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;--background-transition:0.3s;}.elementor-5505 .elementor-element.elementor-element-867fa5e.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-5505 .elementor-element.elementor-element-66c9ee9{--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;--background-transition:0.3s;}.elementor-5505 .elementor-element.elementor-element-3dfff97{--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;--background-transition:0.3s;}.elementor-5505 .elementor-element.elementor-element-3dfff97:not(.elementor-motion-effects-element-type-background), .elementor-5505 .elementor-element.elementor-element-3dfff97 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#E6F7F2;}.elementor-5505 .elementor-element.elementor-element-3dfff97, .elementor-5505 .elementor-element.elementor-element-3dfff97::before{--border-transition:0.3s;}.elementor-5505 .elementor-element.elementor-element-6d536b4{text-align:justify;color:#000000;font-family:"Noto Naskh Arabic", Sans-serif;font-weight:400;line-height:44px;}.elementor-5505 .elementor-element.elementor-element-6d536b4 > .elementor-widget-container{padding:20px 20px 20px 20px;}.elementor-5505 .elementor-element.elementor-element-44aed2d{--display:flex;--min-height:0px;--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;--background-transition:0.3s;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}.elementor-5505 .elementor-element.elementor-element-44aed2d:not(.elementor-motion-effects-element-type-background), .elementor-5505 .elementor-element.elementor-element-44aed2d > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#0E6667;}.elementor-5505 .elementor-element.elementor-element-44aed2d, .elementor-5505 .elementor-element.elementor-element-44aed2d::before{--border-transition:0.3s;}.elementor-5505 .elementor-element.elementor-element-44aed2d > .elementor-shape-bottom .elementor-shape-fill, .elementor-5505 .elementor-element.elementor-element-44aed2d > .e-con-inner > .elementor-shape-bottom .elementor-shape-fill{fill:#3E898A;}.elementor-5505 .elementor-element.elementor-element-44aed2d > .elementor-shape-bottom svg, .elementor-5505 .elementor-element.elementor-element-44aed2d > .e-con-inner > .elementor-shape-bottom svg{height:30px;transform:translateX(-50%) rotateY(180deg);}.elementor-5505 .elementor-element.elementor-element-2a8db15{text-align:center;}.elementor-5505 .elementor-element.elementor-element-2a8db15 .elementor-heading-title{color:#E6F7F2;font-family:"Noto Naskh Arabic", Sans-serif;font-weight:600;line-height:45px;}.elementor-5505 .elementor-element.elementor-element-2a8db15.elementor-element{--align-self:center;}.elementor-5505 .elementor-element.elementor-element-e601974{--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;--background-transition:0.3s;}.elementor-5505 .elementor-element.elementor-element-e601974:not(.elementor-motion-effects-element-type-background), .elementor-5505 .elementor-element.elementor-element-e601974 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#E6F7F2;}.elementor-5505 .elementor-element.elementor-element-e601974, .elementor-5505 .elementor-element.elementor-element-e601974::before{--border-transition:0.3s;}.elementor-5505 .elementor-element.elementor-element-b51e690{text-align:justify;color:#000000;font-family:"Noto Naskh Arabic", Sans-serif;font-weight:400;line-height:44px;}.elementor-5505 .elementor-element.elementor-element-b51e690 > .elementor-widget-container{padding:20px 20px 20px 20px;}.elementor-5505 .elementor-element.elementor-element-dd93d54{--display:flex;--min-height:275px;--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:0px 0px;--background-transition:0.3s;}.elementor-5505 .elementor-element.elementor-element-dd93d54:not(.elementor-motion-effects-element-type-background), .elementor-5505 .elementor-element.elementor-element-dd93d54 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#E6F7F2;}.elementor-5505 .elementor-element.elementor-element-dd93d54, .elementor-5505 .elementor-element.elementor-element-dd93d54::before{--border-transition:0.3s;}.elementor-5505 .elementor-element.elementor-element-dd93d54.e-con{--align-self:center;}.elementor-5505 .elementor-element.elementor-element-298924a{--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;--background-transition:0.3s;}.elementor-5505 .elementor-element.elementor-element-298924a.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-5505 .elementor-element.elementor-element-3f46448{--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;--background-transition:0.3s;}.elementor-5505 .elementor-element.elementor-element-3f46448.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-5505 .elementor-element.elementor-element-1644860{--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;--background-transition:0.3s;}.elementor-5505 .elementor-element.elementor-element-1644860.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-5505 .elementor-element.elementor-element-0258fee{--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;--background-transition:0.3s;}.elementor-5505 .elementor-element.elementor-element-0258fee.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-5505 .elementor-element.elementor-element-920ddd2{--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;--background-transition:0.3s;}.elementor-5505 .elementor-element.elementor-element-28a94e4{--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;--background-transition:0.3s;}.elementor-5505 .elementor-element.elementor-element-28a94e4:not(.elementor-motion-effects-element-type-background), .elementor-5505 .elementor-element.elementor-element-28a94e4 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#E6F7F2;}.elementor-5505 .elementor-element.elementor-element-28a94e4, .elementor-5505 .elementor-element.elementor-element-28a94e4::before{--border-transition:0.3s;}.elementor-5505 .elementor-element.elementor-element-b27416b{text-align:justify;color:#000000;font-family:"Noto Naskh Arabic", Sans-serif;font-weight:400;line-height:44px;}.elementor-5505 .elementor-element.elementor-element-b27416b > .elementor-widget-container{padding:20px 20px 20px 20px;}.elementor-5505 .elementor-element.elementor-element-ee0c3ef{--display:flex;--min-height:0px;--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;--background-transition:0.3s;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}.elementor-5505 .elementor-element.elementor-element-ee0c3ef:not(.elementor-motion-effects-element-type-background), .elementor-5505 .elementor-element.elementor-element-ee0c3ef > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#0E6667;}.elementor-5505 .elementor-element.elementor-element-ee0c3ef, .elementor-5505 .elementor-element.elementor-element-ee0c3ef::before{--border-transition:0.3s;}.elementor-5505 .elementor-element.elementor-element-ee0c3ef > .elementor-shape-bottom .elementor-shape-fill, .elementor-5505 .elementor-element.elementor-element-ee0c3ef > .e-con-inner > .elementor-shape-bottom .elementor-shape-fill{fill:#3E898A;}.elementor-5505 .elementor-element.elementor-element-ee0c3ef > .elementor-shape-bottom svg, .elementor-5505 .elementor-element.elementor-element-ee0c3ef > .e-con-inner > .elementor-shape-bottom svg{height:30px;transform:translateX(-50%) rotateY(180deg);}.elementor-5505 .elementor-element.elementor-element-a3b7955{text-align:center;}.elementor-5505 .elementor-element.elementor-element-a3b7955 .elementor-heading-title{color:#E6F7F2;font-family:"Noto Naskh Arabic", Sans-serif;font-weight:600;line-height:45px;}.elementor-5505 .elementor-element.elementor-element-a3b7955.elementor-element{--align-self:center;}.elementor-5505 .elementor-element.elementor-element-9eeb830{--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;--background-transition:0.3s;}.elementor-5505 .elementor-element.elementor-element-9eeb830:not(.elementor-motion-effects-element-type-background), .elementor-5505 .elementor-element.elementor-element-9eeb830 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#E6F7F2;}.elementor-5505 .elementor-element.elementor-element-9eeb830, .elementor-5505 .elementor-element.elementor-element-9eeb830::before{--border-transition:0.3s;}.elementor-5505 .elementor-element.elementor-element-81135ff{text-align:justify;color:#000000;font-family:"Noto Naskh Arabic", Sans-serif;font-weight:400;line-height:44px;}.elementor-5505 .elementor-element.elementor-element-81135ff > .elementor-widget-container{padding:20px 20px 20px 20px;}.elementor-5505 .elementor-element.elementor-element-a408ca5{--display:flex;--min-height:275px;--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:0px 0px;--background-transition:0.3s;}.elementor-5505 .elementor-element.elementor-element-a408ca5:not(.elementor-motion-effects-element-type-background), .elementor-5505 .elementor-element.elementor-element-a408ca5 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#E6F7F2;}.elementor-5505 .elementor-element.elementor-element-a408ca5, .elementor-5505 .elementor-element.elementor-element-a408ca5::before{--border-transition:0.3s;}.elementor-5505 .elementor-element.elementor-element-a408ca5.e-con{--align-self:center;}.elementor-5505 .elementor-element.elementor-element-bc60a5c{--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;--background-transition:0.3s;}.elementor-5505 .elementor-element.elementor-element-bc60a5c.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-5505 .elementor-element.elementor-element-b3b1799{--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;--background-transition:0.3s;}.elementor-5505 .elementor-element.elementor-element-b3b1799.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-5505 .elementor-element.elementor-element-84eee0e{--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;--background-transition:0.3s;}.elementor-5505 .elementor-element.elementor-element-84eee0e.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-5505 .elementor-element.elementor-element-ce06a2b{--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;--background-transition:0.3s;}.elementor-5505 .elementor-element.elementor-element-ce06a2b.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-5505 .elementor-element.elementor-element-f5832ef{--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;--background-transition:0.3s;}.elementor-5505 .elementor-element.elementor-element-f5832ef:not(.elementor-motion-effects-element-type-background), .elementor-5505 .elementor-element.elementor-element-f5832ef > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#E6F7F2;}.elementor-5505 .elementor-element.elementor-element-f5832ef, .elementor-5505 .elementor-element.elementor-element-f5832ef::before{--border-transition:0.3s;}.elementor-5505 .elementor-element.elementor-element-779c6fa{text-align:justify;color:#000000;font-family:"Noto Naskh Arabic", Sans-serif;font-weight:400;line-height:44px;}.elementor-5505 .elementor-element.elementor-element-779c6fa > .elementor-widget-container{padding:20px 20px 20px 20px;}.elementor-5505 .elementor-element.elementor-element-c7f275b{--display:flex;--min-height:0px;--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;--background-transition:0.3s;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}.elementor-5505 .elementor-element.elementor-element-c7f275b:not(.elementor-motion-effects-element-type-background), .elementor-5505 .elementor-element.elementor-element-c7f275b > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#0E6667;}.elementor-5505 .elementor-element.elementor-element-c7f275b, .elementor-5505 .elementor-element.elementor-element-c7f275b::before{--border-transition:0.3s;}.elementor-5505 .elementor-element.elementor-element-c7f275b > .elementor-shape-bottom .elementor-shape-fill, .elementor-5505 .elementor-element.elementor-element-c7f275b > .e-con-inner > .elementor-shape-bottom .elementor-shape-fill{fill:#3E898A;}.elementor-5505 .elementor-element.elementor-element-c7f275b > .elementor-shape-bottom svg, .elementor-5505 .elementor-element.elementor-element-c7f275b > .e-con-inner > .elementor-shape-bottom svg{height:30px;transform:translateX(-50%) rotateY(180deg);}.elementor-5505 .elementor-element.elementor-element-956aa60{text-align:center;}.elementor-5505 .elementor-element.elementor-element-956aa60 .elementor-heading-title{color:#E6F7F2;font-family:"Noto Naskh Arabic", Sans-serif;font-weight:600;line-height:45px;}.elementor-5505 .elementor-element.elementor-element-956aa60.elementor-element{--align-self:center;}.elementor-5505 .elementor-element.elementor-element-715f276{--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;--background-transition:0.3s;}.elementor-5505 .elementor-element.elementor-element-715f276:not(.elementor-motion-effects-element-type-background), .elementor-5505 .elementor-element.elementor-element-715f276 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#E6F7F2;}.elementor-5505 .elementor-element.elementor-element-715f276, .elementor-5505 .elementor-element.elementor-element-715f276::before{--border-transition:0.3s;}.elementor-5505 .elementor-element.elementor-element-23121e1{text-align:justify;color:#000000;font-family:"Noto Naskh Arabic", Sans-serif;font-weight:400;line-height:44px;}.elementor-5505 .elementor-element.elementor-element-23121e1 > .elementor-widget-container{padding:20px 20px 20px 20px;}.elementor-5505 .elementor-element.elementor-element-ca22d9f{--display:flex;--min-height:0px;--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;--background-transition:0.3s;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}.elementor-5505 .elementor-element.elementor-element-ca22d9f:not(.elementor-motion-effects-element-type-background), .elementor-5505 .elementor-element.elementor-element-ca22d9f > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#0E6667;}.elementor-5505 .elementor-element.elementor-element-ca22d9f, .elementor-5505 .elementor-element.elementor-element-ca22d9f::before{--border-transition:0.3s;}.elementor-5505 .elementor-element.elementor-element-ca22d9f > .elementor-shape-bottom .elementor-shape-fill, .elementor-5505 .elementor-element.elementor-element-ca22d9f > .e-con-inner > .elementor-shape-bottom .elementor-shape-fill{fill:#3E898A;}.elementor-5505 .elementor-element.elementor-element-ca22d9f > .elementor-shape-bottom svg, .elementor-5505 .elementor-element.elementor-element-ca22d9f > .e-con-inner > .elementor-shape-bottom svg{height:30px;transform:translateX(-50%) rotateY(180deg);}.elementor-5505 .elementor-element.elementor-element-a315d2b{text-align:center;}.elementor-5505 .elementor-element.elementor-element-a315d2b .elementor-heading-title{color:#E6F7F2;font-family:"Noto Naskh Arabic", Sans-serif;font-weight:600;line-height:45px;}.elementor-5505 .elementor-element.elementor-element-a315d2b.elementor-element{--align-self:center;}.elementor-5505 .elementor-element.elementor-element-9c1d027{--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;--background-transition:0.3s;}.elementor-5505 .elementor-element.elementor-element-9c1d027:not(.elementor-motion-effects-element-type-background), .elementor-5505 .elementor-element.elementor-element-9c1d027 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#E6F7F2;}.elementor-5505 .elementor-element.elementor-element-9c1d027, .elementor-5505 .elementor-element.elementor-element-9c1d027::before{--border-transition:0.3s;}.elementor-5505 .elementor-element.elementor-element-d0f7bcc{text-align:justify;color:#000000;font-family:"Noto Naskh Arabic", Sans-serif;font-weight:400;line-height:44px;}.elementor-5505 .elementor-element.elementor-element-d0f7bcc > .elementor-widget-container{padding:20px 20px 20px 20px;}.elementor-5505 .elementor-element.elementor-element-96271a5{--display:flex;--min-height:275px;--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:0px 0px;--background-transition:0.3s;}.elementor-5505 .elementor-element.elementor-element-96271a5:not(.elementor-motion-effects-element-type-background), .elementor-5505 .elementor-element.elementor-element-96271a5 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#E6F7F2;}.elementor-5505 .elementor-element.elementor-element-96271a5, .elementor-5505 .elementor-element.elementor-element-96271a5::before{--border-transition:0.3s;}.elementor-5505 .elementor-element.elementor-element-96271a5.e-con{--align-self:center;}.elementor-5505 .elementor-element.elementor-element-9c280e2{--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;--background-transition:0.3s;}.elementor-5505 .elementor-element.elementor-element-9c280e2.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-5505 .elementor-element.elementor-element-c82618d{--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;--background-transition:0.3s;}.elementor-5505 .elementor-element.elementor-element-c82618d.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-5505 .elementor-element.elementor-element-e6cc9c1{--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;--background-transition:0.3s;}.elementor-5505 .elementor-element.elementor-element-e6cc9c1.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-5505 .elementor-element.elementor-element-486a0e5{--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;--background-transition:0.3s;}.elementor-5505 .elementor-element.elementor-element-486a0e5.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-5505 .elementor-element.elementor-element-57b04dc{--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;--background-transition:0.3s;}.elementor-5505 .elementor-element.elementor-element-55b93f0{--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;--background-transition:0.3s;}.elementor-5505 .elementor-element.elementor-element-55b93f0:not(.elementor-motion-effects-element-type-background), .elementor-5505 .elementor-element.elementor-element-55b93f0 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#E6F7F2;}.elementor-5505 .elementor-element.elementor-element-55b93f0, .elementor-5505 .elementor-element.elementor-element-55b93f0::before{--border-transition:0.3s;}.elementor-5505 .elementor-element.elementor-element-85391e7{text-align:justify;color:#000000;font-family:"Noto Naskh Arabic", Sans-serif;font-weight:400;line-height:44px;}.elementor-5505 .elementor-element.elementor-element-85391e7 > .elementor-widget-container{padding:20px 20px 20px 20px;}.elementor-5505 .elementor-element.elementor-element-19f3848{--display:flex;--min-height:0px;--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;--background-transition:0.3s;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}.elementor-5505 .elementor-element.elementor-element-19f3848:not(.elementor-motion-effects-element-type-background), .elementor-5505 .elementor-element.elementor-element-19f3848 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#0E6667;}.elementor-5505 .elementor-element.elementor-element-19f3848, .elementor-5505 .elementor-element.elementor-element-19f3848::before{--border-transition:0.3s;}.elementor-5505 .elementor-element.elementor-element-19f3848 > .elementor-shape-bottom .elementor-shape-fill, .elementor-5505 .elementor-element.elementor-element-19f3848 > .e-con-inner > .elementor-shape-bottom .elementor-shape-fill{fill:#3E898A;}.elementor-5505 .elementor-element.elementor-element-19f3848 > .elementor-shape-bottom svg, .elementor-5505 .elementor-element.elementor-element-19f3848 > .e-con-inner > .elementor-shape-bottom svg{height:30px;transform:translateX(-50%) rotateY(180deg);}.elementor-5505 .elementor-element.elementor-element-56ff40d{text-align:center;}.elementor-5505 .elementor-element.elementor-element-56ff40d .elementor-heading-title{color:#E6F7F2;font-family:"Noto Naskh Arabic", Sans-serif;font-weight:600;line-height:45px;}.elementor-5505 .elementor-element.elementor-element-56ff40d.elementor-element{--align-self:center;}.elementor-5505 .elementor-element.elementor-element-7fb961b{--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;--background-transition:0.3s;}.elementor-5505 .elementor-element.elementor-element-7fb961b:not(.elementor-motion-effects-element-type-background), .elementor-5505 .elementor-element.elementor-element-7fb961b > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#E6F7F2;}.elementor-5505 .elementor-element.elementor-element-7fb961b, .elementor-5505 .elementor-element.elementor-element-7fb961b::before{--border-transition:0.3s;}.elementor-5505 .elementor-element.elementor-element-dc0c828{text-align:justify;color:#000000;font-family:"Noto Naskh Arabic", Sans-serif;font-weight:400;line-height:44px;}.elementor-5505 .elementor-element.elementor-element-dc0c828 > .elementor-widget-container{padding:20px 20px 20px 20px;}.elementor-5505 .elementor-element.elementor-element-f6485e8{--display:flex;--min-height:275px;--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:0px 0px;--background-transition:0.3s;}.elementor-5505 .elementor-element.elementor-element-f6485e8:not(.elementor-motion-effects-element-type-background), .elementor-5505 .elementor-element.elementor-element-f6485e8 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#E6F7F2;}.elementor-5505 .elementor-element.elementor-element-f6485e8, .elementor-5505 .elementor-element.elementor-element-f6485e8::before{--border-transition:0.3s;}.elementor-5505 .elementor-element.elementor-element-f6485e8.e-con{--align-self:center;}.elementor-5505 .elementor-element.elementor-element-12da2ef{--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;--background-transition:0.3s;}.elementor-5505 .elementor-element.elementor-element-12da2ef.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-5505 .elementor-element.elementor-element-f32a4d7{--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;--background-transition:0.3s;}.elementor-5505 .elementor-element.elementor-element-f32a4d7.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-5505 .elementor-element.elementor-element-3130582{--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;--background-transition:0.3s;}.elementor-5505 .elementor-element.elementor-element-3130582.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-5505 .elementor-element.elementor-element-b8ef3bc{--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;--background-transition:0.3s;}.elementor-5505 .elementor-element.elementor-element-b8ef3bc.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-5505 .elementor-element.elementor-element-1e22d49{--display:flex;--min-height:0px;--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;--background-transition:0.3s;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}.elementor-5505 .elementor-element.elementor-element-1e22d49:not(.elementor-motion-effects-element-type-background), .elementor-5505 .elementor-element.elementor-element-1e22d49 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#0E6667;}.elementor-5505 .elementor-element.elementor-element-1e22d49, .elementor-5505 .elementor-element.elementor-element-1e22d49::before{--border-transition:0.3s;}.elementor-5505 .elementor-element.elementor-element-1e22d49 > .elementor-shape-bottom .elementor-shape-fill, .elementor-5505 .elementor-element.elementor-element-1e22d49 > .e-con-inner > .elementor-shape-bottom .elementor-shape-fill{fill:#3E898A;}.elementor-5505 .elementor-element.elementor-element-1e22d49 > .elementor-shape-bottom svg, .elementor-5505 .elementor-element.elementor-element-1e22d49 > .e-con-inner > .elementor-shape-bottom svg{height:30px;transform:translateX(-50%) rotateY(180deg);}.elementor-5505 .elementor-element.elementor-element-b09a022{text-align:center;}.elementor-5505 .elementor-element.elementor-element-b09a022 .elementor-heading-title{color:#E6F7F2;font-family:"Noto Naskh Arabic", Sans-serif;font-weight:600;line-height:45px;}.elementor-5505 .elementor-element.elementor-element-b09a022.elementor-element{--align-self:center;}.elementor-5505 .elementor-element.elementor-element-dc39066{--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;--background-transition:0.3s;}.elementor-5505 .elementor-element.elementor-element-dc39066:not(.elementor-motion-effects-element-type-background), .elementor-5505 .elementor-element.elementor-element-dc39066 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#E6F7F2;}.elementor-5505 .elementor-element.elementor-element-dc39066, .elementor-5505 .elementor-element.elementor-element-dc39066::before{--border-transition:0.3s;}.elementor-5505 .elementor-element.elementor-element-d3f91ec{text-align:justify;color:#000000;font-family:"Noto Naskh Arabic", Sans-serif;font-weight:400;line-height:44px;}.elementor-5505 .elementor-element.elementor-element-d3f91ec > .elementor-widget-container{padding:20px 20px 20px 20px;}.elementor-5505 .elementor-element.elementor-element-86b7b47{--display:flex;--min-height:275px;--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:0px 0px;--background-transition:0.3s;}.elementor-5505 .elementor-element.elementor-element-86b7b47:not(.elementor-motion-effects-element-type-background), .elementor-5505 .elementor-element.elementor-element-86b7b47 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#E6F7F2;}.elementor-5505 .elementor-element.elementor-element-86b7b47, .elementor-5505 .elementor-element.elementor-element-86b7b47::before{--border-transition:0.3s;}.elementor-5505 .elementor-element.elementor-element-86b7b47.e-con{--align-self:center;}.elementor-5505 .elementor-element.elementor-element-4383ae0{--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;--background-transition:0.3s;}.elementor-5505 .elementor-element.elementor-element-4383ae0.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-5505 .elementor-element.elementor-element-2e3e8db{--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;--background-transition:0.3s;}.elementor-5505 .elementor-element.elementor-element-2e3e8db.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-5505 .elementor-element.elementor-element-c1645f3{--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;--background-transition:0.3s;}.elementor-5505 .elementor-element.elementor-element-c1645f3.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-5505 .elementor-element.elementor-element-a6e6deb{--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;--background-transition:0.3s;}.elementor-5505 .elementor-element.elementor-element-a6e6deb.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-5505 .elementor-element.elementor-element-923b647{--display:flex;--min-height:0px;--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;--background-transition:0.3s;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}.elementor-5505 .elementor-element.elementor-element-923b647:not(.elementor-motion-effects-element-type-background), .elementor-5505 .elementor-element.elementor-element-923b647 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#0E6667;}.elementor-5505 .elementor-element.elementor-element-923b647, .elementor-5505 .elementor-element.elementor-element-923b647::before{--border-transition:0.3s;}.elementor-5505 .elementor-element.elementor-element-923b647 > .elementor-shape-bottom .elementor-shape-fill, .elementor-5505 .elementor-element.elementor-element-923b647 > .e-con-inner > .elementor-shape-bottom .elementor-shape-fill{fill:#3E898A;}.elementor-5505 .elementor-element.elementor-element-923b647 > .elementor-shape-bottom svg, .elementor-5505 .elementor-element.elementor-element-923b647 > .e-con-inner > .elementor-shape-bottom svg{height:30px;transform:translateX(-50%) rotateY(180deg);}.elementor-5505 .elementor-element.elementor-element-ee10057{text-align:center;}.elementor-5505 .elementor-element.elementor-element-ee10057 .elementor-heading-title{color:#E6F7F2;font-family:"Noto Naskh Arabic", Sans-serif;font-weight:600;line-height:45px;}.elementor-5505 .elementor-element.elementor-element-ee10057.elementor-element{--align-self:center;}.elementor-5505 .elementor-element.elementor-element-556b7f9{--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;--background-transition:0.3s;}.elementor-5505 .elementor-element.elementor-element-556b7f9:not(.elementor-motion-effects-element-type-background), .elementor-5505 .elementor-element.elementor-element-556b7f9 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#E6F7F2;}.elementor-5505 .elementor-element.elementor-element-556b7f9, .elementor-5505 .elementor-element.elementor-element-556b7f9::before{--border-transition:0.3s;}.elementor-5505 .elementor-element.elementor-element-44d4045{text-align:justify;color:#000000;font-family:"Noto Naskh Arabic", Sans-serif;font-weight:400;line-height:44px;}.elementor-5505 .elementor-element.elementor-element-44d4045 > .elementor-widget-container{padding:20px 20px 20px 20px;}.elementor-5505 .elementor-element.elementor-element-37b55b9{--display:flex;--min-height:275px;--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:0px 0px;--background-transition:0.3s;}.elementor-5505 .elementor-element.elementor-element-37b55b9:not(.elementor-motion-effects-element-type-background), .elementor-5505 .elementor-element.elementor-element-37b55b9 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#E6F7F2;}.elementor-5505 .elementor-element.elementor-element-37b55b9, .elementor-5505 .elementor-element.elementor-element-37b55b9::before{--border-transition:0.3s;}.elementor-5505 .elementor-element.elementor-element-37b55b9.e-con{--align-self:center;}.elementor-5505 .elementor-element.elementor-element-3d5e7fe{--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;--background-transition:0.3s;}.elementor-5505 .elementor-element.elementor-element-3d5e7fe.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-5505 .elementor-element.elementor-element-748ac0d{--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;--background-transition:0.3s;}.elementor-5505 .elementor-element.elementor-element-748ac0d.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-5505 .elementor-element.elementor-element-9f85eeb{--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;--background-transition:0.3s;}.elementor-5505 .elementor-element.elementor-element-9f85eeb.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-5505 .elementor-element.elementor-element-8ca4f6c{--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;--background-transition:0.3s;}.elementor-5505 .elementor-element.elementor-element-8ca4f6c.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-5505 .elementor-element.elementor-element-413d680{--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;--background-transition:0.3s;}.elementor-5505 .elementor-element.elementor-element-92f3fbc{--display:flex;--min-height:0px;--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;--background-transition:0.3s;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}.elementor-5505 .elementor-element.elementor-element-92f3fbc:not(.elementor-motion-effects-element-type-background), .elementor-5505 .elementor-element.elementor-element-92f3fbc > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#0E6667;}.elementor-5505 .elementor-element.elementor-element-92f3fbc, .elementor-5505 .elementor-element.elementor-element-92f3fbc::before{--border-transition:0.3s;}.elementor-5505 .elementor-element.elementor-element-92f3fbc > .elementor-shape-bottom .elementor-shape-fill, .elementor-5505 .elementor-element.elementor-element-92f3fbc > .e-con-inner > .elementor-shape-bottom .elementor-shape-fill{fill:#3E898A;}.elementor-5505 .elementor-element.elementor-element-92f3fbc > .elementor-shape-bottom svg, .elementor-5505 .elementor-element.elementor-element-92f3fbc > .e-con-inner > .elementor-shape-bottom svg{height:30px;transform:translateX(-50%) rotateY(180deg);}.elementor-5505 .elementor-element.elementor-element-165072c{text-align:center;}.elementor-5505 .elementor-element.elementor-element-165072c .elementor-heading-title{color:#E6F7F2;font-family:"Noto Naskh Arabic", Sans-serif;font-weight:600;line-height:45px;}.elementor-5505 .elementor-element.elementor-element-165072c.elementor-element{--align-self:center;}.elementor-5505 .elementor-element.elementor-element-476db5e{--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;--background-transition:0.3s;}.elementor-5505 .elementor-element.elementor-element-476db5e:not(.elementor-motion-effects-element-type-background), .elementor-5505 .elementor-element.elementor-element-476db5e > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#E6F7F2;}.elementor-5505 .elementor-element.elementor-element-476db5e, .elementor-5505 .elementor-element.elementor-element-476db5e::before{--border-transition:0.3s;}.elementor-5505 .elementor-element.elementor-element-2c93872{text-align:justify;color:#000000;font-family:"Noto Naskh Arabic", Sans-serif;font-weight:400;line-height:44px;}.elementor-5505 .elementor-element.elementor-element-2c93872 > .elementor-widget-container{padding:20px 20px 20px 20px;}.elementor-5505 .elementor-element.elementor-element-6fff80d{--display:flex;--min-height:275px;--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:0px 0px;--background-transition:0.3s;}.elementor-5505 .elementor-element.elementor-element-6fff80d:not(.elementor-motion-effects-element-type-background), .elementor-5505 .elementor-element.elementor-element-6fff80d > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#E6F7F2;}.elementor-5505 .elementor-element.elementor-element-6fff80d, .elementor-5505 .elementor-element.elementor-element-6fff80d::before{--border-transition:0.3s;}.elementor-5505 .elementor-element.elementor-element-6fff80d.e-con{--align-self:center;}.elementor-5505 .elementor-element.elementor-element-88d7858{--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;--background-transition:0.3s;}.elementor-5505 .elementor-element.elementor-element-88d7858.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-5505 .elementor-element.elementor-element-7c556f7{--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;--background-transition:0.3s;}.elementor-5505 .elementor-element.elementor-element-7c556f7.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-5505 .elementor-element.elementor-element-5063c19{--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;--background-transition:0.3s;}.elementor-5505 .elementor-element.elementor-element-5063c19.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-5505 .elementor-element.elementor-element-ad29ba7{--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;--background-transition:0.3s;}.elementor-5505 .elementor-element.elementor-element-ad29ba7.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-5505 .elementor-element.elementor-element-d1d1976{--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;--background-transition:0.3s;}.elementor-5505 .elementor-element.elementor-element-9c00245{--display:flex;--min-height:0px;--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;--background-transition:0.3s;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}.elementor-5505 .elementor-element.elementor-element-9c00245:not(.elementor-motion-effects-element-type-background), .elementor-5505 .elementor-element.elementor-element-9c00245 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#0E6667;}.elementor-5505 .elementor-element.elementor-element-9c00245, .elementor-5505 .elementor-element.elementor-element-9c00245::before{--border-transition:0.3s;}.elementor-5505 .elementor-element.elementor-element-9c00245 > .elementor-shape-bottom .elementor-shape-fill, .elementor-5505 .elementor-element.elementor-element-9c00245 > .e-con-inner > .elementor-shape-bottom .elementor-shape-fill{fill:#3E898A;}.elementor-5505 .elementor-element.elementor-element-9c00245 > .elementor-shape-bottom svg, .elementor-5505 .elementor-element.elementor-element-9c00245 > .e-con-inner > .elementor-shape-bottom svg{height:30px;transform:translateX(-50%) rotateY(180deg);}.elementor-5505 .elementor-element.elementor-element-44b077b{text-align:center;}.elementor-5505 .elementor-element.elementor-element-44b077b .elementor-heading-title{color:#E6F7F2;font-family:"Noto Naskh Arabic", Sans-serif;font-weight:600;line-height:45px;}.elementor-5505 .elementor-element.elementor-element-44b077b.elementor-element{--align-self:center;}.elementor-5505 .elementor-element.elementor-element-9ed1600{--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;--background-transition:0.3s;}.elementor-5505 .elementor-element.elementor-element-9ed1600:not(.elementor-motion-effects-element-type-background), .elementor-5505 .elementor-element.elementor-element-9ed1600 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#E6F7F2;}.elementor-5505 .elementor-element.elementor-element-9ed1600, .elementor-5505 .elementor-element.elementor-element-9ed1600::before{--border-transition:0.3s;}.elementor-5505 .elementor-element.elementor-element-0b4b046{text-align:justify;color:#000000;font-family:"Noto Naskh Arabic", Sans-serif;font-weight:400;line-height:44px;}.elementor-5505 .elementor-element.elementor-element-0b4b046 > .elementor-widget-container{padding:20px 20px 20px 20px;}.elementor-5505 .elementor-element.elementor-element-397ab33{--display:flex;--min-height:275px;--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:0px 0px;--background-transition:0.3s;}.elementor-5505 .elementor-element.elementor-element-397ab33:not(.elementor-motion-effects-element-type-background), .elementor-5505 .elementor-element.elementor-element-397ab33 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#E6F7F2;}.elementor-5505 .elementor-element.elementor-element-397ab33, .elementor-5505 .elementor-element.elementor-element-397ab33::before{--border-transition:0.3s;}.elementor-5505 .elementor-element.elementor-element-397ab33.e-con{--align-self:center;}.elementor-5505 .elementor-element.elementor-element-3a0f319{--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;--background-transition:0.3s;}.elementor-5505 .elementor-element.elementor-element-3a0f319.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-5505 .elementor-element.elementor-element-1becd72{--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;--background-transition:0.3s;}.elementor-5505 .elementor-element.elementor-element-1becd72.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-5505 .elementor-element.elementor-element-94d77b4{--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;--background-transition:0.3s;}.elementor-5505 .elementor-element.elementor-element-94d77b4.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-5505 .elementor-element.elementor-element-7df4324{--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;--background-transition:0.3s;}.elementor-5505 .elementor-element.elementor-element-7df4324.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-5505 .elementor-element.elementor-element-6bc953c{--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;--background-transition:0.3s;}.elementor-5505 .elementor-element.elementor-element-3c756f1{--display:flex;--min-height:0px;--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;--background-transition:0.3s;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}.elementor-5505 .elementor-element.elementor-element-3c756f1:not(.elementor-motion-effects-element-type-background), .elementor-5505 .elementor-element.elementor-element-3c756f1 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#0E6667;}.elementor-5505 .elementor-element.elementor-element-3c756f1, .elementor-5505 .elementor-element.elementor-element-3c756f1::before{--border-transition:0.3s;}.elementor-5505 .elementor-element.elementor-element-3c756f1 > .elementor-shape-bottom .elementor-shape-fill, .elementor-5505 .elementor-element.elementor-element-3c756f1 > .e-con-inner > .elementor-shape-bottom .elementor-shape-fill{fill:#3E898A;}.elementor-5505 .elementor-element.elementor-element-3c756f1 > .elementor-shape-bottom svg, .elementor-5505 .elementor-element.elementor-element-3c756f1 > .e-con-inner > .elementor-shape-bottom svg{height:30px;transform:translateX(-50%) rotateY(180deg);}.elementor-5505 .elementor-element.elementor-element-05e1f96{text-align:center;}.elementor-5505 .elementor-element.elementor-element-05e1f96 .elementor-heading-title{color:#E6F7F2;font-family:"Noto Naskh Arabic", Sans-serif;font-weight:600;line-height:45px;}.elementor-5505 .elementor-element.elementor-element-05e1f96.elementor-element{--align-self:center;}.elementor-5505 .elementor-element.elementor-element-b65665e{--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;--background-transition:0.3s;}.elementor-5505 .elementor-element.elementor-element-b65665e:not(.elementor-motion-effects-element-type-background), .elementor-5505 .elementor-element.elementor-element-b65665e > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#E6F7F2;}.elementor-5505 .elementor-element.elementor-element-b65665e, .elementor-5505 .elementor-element.elementor-element-b65665e::before{--border-transition:0.3s;}.elementor-5505 .elementor-element.elementor-element-9d5eb0c{text-align:justify;color:#000000;font-family:"Noto Naskh Arabic", Sans-serif;font-weight:400;line-height:44px;}.elementor-5505 .elementor-element.elementor-element-9d5eb0c > .elementor-widget-container{padding:20px 20px 20px 20px;}@media(min-width:768px){.elementor-5505 .elementor-element.elementor-element-1d130e1{--content-width:1274px;}.elementor-5505 .elementor-element.elementor-element-4c54b62{--width:20%;}.elementor-5505 .elementor-element.elementor-element-cb6405d{--width:20%;}.elementor-5505 .elementor-element.elementor-element-f35c7b3{--width:20%;}.elementor-5505 .elementor-element.elementor-element-867fa5e{--width:20%;}.elementor-5505 .elementor-element.elementor-element-66c9ee9{--width:20%;}.elementor-5505 .elementor-element.elementor-element-dd93d54{--content-width:1274px;}.elementor-5505 .elementor-element.elementor-element-298924a{--width:20%;}.elementor-5505 .elementor-element.elementor-element-3f46448{--width:20%;}.elementor-5505 .elementor-element.elementor-element-1644860{--width:20%;}.elementor-5505 .elementor-element.elementor-element-0258fee{--width:20%;}.elementor-5505 .elementor-element.elementor-element-920ddd2{--width:20%;}.elementor-5505 .elementor-element.elementor-element-a408ca5{--content-width:1274px;}.elementor-5505 .elementor-element.elementor-element-bc60a5c{--width:24%;}.elementor-5505 .elementor-element.elementor-element-b3b1799{--width:24%;}.elementor-5505 .elementor-element.elementor-element-84eee0e{--width:24%;}.elementor-5505 .elementor-element.elementor-element-ce06a2b{--width:24%;}.elementor-5505 .elementor-element.elementor-element-96271a5{--content-width:1274px;}.elementor-5505 .elementor-element.elementor-element-9c280e2{--width:20%;}.elementor-5505 .elementor-element.elementor-element-c82618d{--width:20%;}.elementor-5505 .elementor-element.elementor-element-e6cc9c1{--width:20%;}.elementor-5505 .elementor-element.elementor-element-486a0e5{--width:20%;}.elementor-5505 .elementor-element.elementor-element-57b04dc{--width:20%;}.elementor-5505 .elementor-element.elementor-element-f6485e8{--content-width:1274px;}.elementor-5505 .elementor-element.elementor-element-12da2ef{--width:24%;}.elementor-5505 .elementor-element.elementor-element-f32a4d7{--width:24%;}.elementor-5505 .elementor-element.elementor-element-3130582{--width:24%;}.elementor-5505 .elementor-element.elementor-element-b8ef3bc{--width:24%;}.elementor-5505 .elementor-element.elementor-element-86b7b47{--content-width:1274px;}.elementor-5505 .elementor-element.elementor-element-4383ae0{--width:24%;}.elementor-5505 .elementor-element.elementor-element-2e3e8db{--width:24%;}.elementor-5505 .elementor-element.elementor-element-c1645f3{--width:24%;}.elementor-5505 .elementor-element.elementor-element-a6e6deb{--width:24%;}.elementor-5505 .elementor-element.elementor-element-37b55b9{--content-width:1274px;}.elementor-5505 .elementor-element.elementor-element-3d5e7fe{--width:20%;}.elementor-5505 .elementor-element.elementor-element-748ac0d{--width:20%;}.elementor-5505 .elementor-element.elementor-element-9f85eeb{--width:20%;}.elementor-5505 .elementor-element.elementor-element-8ca4f6c{--width:20%;}.elementor-5505 .elementor-element.elementor-element-413d680{--width:20%;}.elementor-5505 .elementor-element.elementor-element-6fff80d{--content-width:1274px;}.elementor-5505 .elementor-element.elementor-element-88d7858{--width:20%;}.elementor-5505 .elementor-element.elementor-element-7c556f7{--width:20%;}.elementor-5505 .elementor-element.elementor-element-5063c19{--width:20%;}.elementor-5505 .elementor-element.elementor-element-ad29ba7{--width:20%;}.elementor-5505 .elementor-element.elementor-element-d1d1976{--width:20%;}.elementor-5505 .elementor-element.elementor-element-397ab33{--content-width:1274px;}.elementor-5505 .elementor-element.elementor-element-3a0f319{--width:20%;}.elementor-5505 .elementor-element.elementor-element-1becd72{--width:20%;}.elementor-5505 .elementor-element.elementor-element-94d77b4{--width:20%;}.elementor-5505 .elementor-element.elementor-element-7df4324{--width:20%;}.elementor-5505 .elementor-element.elementor-element-6bc953c{--width:20%;}}/* Start custom CSS for html, class: .elementor-element-6a56e47 *//* From Uiverse.io by Spacious74 */ 
.outer {
  width: 250px;
  height: 250px;
  border-radius: 10px;
  padding: 1px;
  background: radial-gradient(circle 230px at 0% 0%, #ffffff, #0c0d0d);
  position: relative;
}

.dot {
  width: 5px;
  aspect-ratio: 1;
  position: absolute;
  background-color: #fff;
  box-shadow: 0 0 10px #ffffff;
  border-radius: 100px;
  z-index: 2;
  right: 10%;
  top: 10%;
  animation: moveDot 6s linear infinite;
}

@keyframes moveDot {
  0%,
  100% {
    top: 10%;
    right: 10%;
  }
  25% {
    top: 10%;
    right: calc(100% - 35px);
  }
  50% {
    top: calc(100% - 30px);
    right: calc(100% - 35px);
  }
  75% {
    top: calc(100% - 30px);
    right: 10%;
  }
}

.card10 {
  z-index: 1;
  width: 100%;
  height: 100%;
  border-radius: 9px;
  border: solid 1px #202222;
  background-size: 20px 20px;
  background: turquoise;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  flex-direction: column;
  color: #fff;
}
.ray {
  width: 220px;
  height: 45px;
  border-radius: 100px;
  position: absolute;
  background-color: #c7c7c7;
  opacity: 0.4;
  box-shadow: 0 0 50px #fff;
  filter: blur(10px);
  transform-origin: 10%;
  top: 0%;
  left: 0;
  transform: rotate(40deg);
}

.card10 .text {
  font-weight: bolder;
  font-size: 220pxrem;
  background: linear-gradient(45deg, #000000 4%, #fff, #000);
  background-clip: text;
  color: black;
  text-align: center;
  font-family: Noto Naskh Arabic;
}

.line {
  width: 100%;
  height: 1px;
  position: absolute;
  background-color: #2c2c2c;
}
.topl {
  top: 10%;
  background: linear-gradient(90deg, #888888 30%, #1d1f1f 70%);
}
.bottoml {
  bottom: 10%;
}
.leftl {
  left: 10%;
  width: 1px;
  height: 100%;
  background: linear-gradient(180deg, #747474 30%, #222424 70%);
}
.rightl {
  right: 10%;
  width: 1px;
  height: 100%;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-a631400 *//* From Uiverse.io by Spacious74 */ 
.outer {
  width: 250px;
  height: 250px;
  border-radius: 10px;
  padding: 1px;
  background: radial-gradient(circle 230px at 0% 0%, #ffffff, #0c0d0d);
  position: relative;
}

.dot {
  width: 5px;
  aspect-ratio: 1;
  position: absolute;
  background-color: #fff;
  box-shadow: 0 0 10px #ffffff;
  border-radius: 100px;
  z-index: 2;
  right: 10%;
  top: 10%;
  animation: moveDot 6s linear infinite;
}

@keyframes moveDot {
  0%,
  100% {
    top: 10%;
    right: 10%;
  }
  25% {
    top: 10%;
    right: calc(100% - 35px);
  }
  50% {
    top: calc(100% - 30px);
    right: calc(100% - 35px);
  }
  75% {
    top: calc(100% - 30px);
    right: 10%;
  }
}

.card11 {
  z-index: 1;
  width: 100%;
  height: 100%;
  border-radius: 9px;
  border: solid 1px #202222;
  background-size: 20px 20px;
  background: turquoise;;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  flex-direction: column;
  color: #fff;
}
.ray {
  width: 220px;
  height: 45px;
  border-radius: 100px;
  position: absolute;
  background-color: #c7c7c7;
  opacity: 0.4;
  box-shadow: 0 0 50px #fff;
  filter: blur(10px);
  transform-origin: 10%;
  top: 0%;
  left: 0;
  transform: rotate(40deg);
}

.card11 .text {
  font-weight: bolder;
  font-size: 220pxrem;
  background: linear-gradient(45deg, #000000 4%, #fff, #000);
  background-clip: text;
  color: black;
  text-align: center;
  font-family: Noto Naskh Arabic;
}

.line {
  width: 100%;
  height: 1px;
  position: absolute;
  background-color: #2c2c2c;
}
.topl {
  top: 10%;
  background: linear-gradient(90deg, #888888 30%, #1d1f1f 70%);
}
.bottoml {
  bottom: 10%;
}
.leftl {
  left: 10%;
  width: 1px;
  height: 100%;
  background: linear-gradient(180deg, #747474 30%, #222424 70%);
}
.rightl {
  right: 10%;
  width: 1px;
  height: 100%;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-828d49a *//* From Uiverse.io by Spacious74 */ 
.outer {
  width: 300px;
  height: 250px;
  border-radius: 10px;
  padding: 1px;
  background: radial-gradient(circle 230px at 0% 0%, #ffffff, #0c0d0d);
  position: relative;
}

.dot {
  width: 5px;
  aspect-ratio: 1;
  position: absolute;
  background-color: #fff;
  box-shadow: 0 0 10px #ffffff;
  border-radius: 100px;
  z-index: 2;
  right: 10%;
  top: 10%;
  animation: moveDot 6s linear infinite;
}

@keyframes moveDot {
  0%,
  100% {
    top: 10%;
    right: 10%;
  }
  25% {
    top: 10%;
    right: calc(100% - 35px);
  }
  50% {
    top: calc(100% - 30px);
    right: calc(100% - 35px);
  }
  75% {
    top: calc(100% - 30px);
    right: 10%;
  }
}

.card12 {
  z-index: 1;
  width: 100%;
  height: 100%;
  border-radius: 9px;
  border: solid 1px #202222;
  background-size: 20px 20px;
  background: turquoise;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  flex-direction: column;
  color: #fff;
}
.ray {
  width: 220px;
  height: 45px;
  border-radius: 100px;
  position: absolute;
  background-color: #c7c7c7;
  opacity: 0.4;
  box-shadow: 0 0 50px #fff;
  filter: blur(10px);
  transform-origin: 10%;
  top: 0%;
  left: 0;
  transform: rotate(40deg);
}

.card12 .text {
  font-weight: bolder;
  font-size: 220pxrem;
  background: black;
  background-clip: text;
  color: black;
  text-align: center;
  font-family: Noto Naskh Arabic;
}

.line {
  width: 100%;
  height: 1px;
  position: absolute;
  background-color: #2c2c2c;
}
.topl {
  top: 10%;
  background: linear-gradient(90deg, #888888 30%, #1d1f1f 70%);
}
.bottoml {
  bottom: 10%;
}
.leftl {
  left: 10%;
  width: 1px;
  height: 100%;
  background: linear-gradient(180deg, #747474 30%, #222424 70%);
}
.rightl {
  right: 10%;
  width: 1px;
  height: 100%;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-890d6b1 *//* From Uiverse.io by Spacious74 */ 
.outer {
  width: 300px;
  height: 250px;
  border-radius: 10px;
  padding: 1px;
  background: radial-gradient(circle 230px at 0% 0%, #ffffff, #0c0d0d);
  position: relative;
}

.dot {
  width: 5px;
  aspect-ratio: 1;
  position: absolute;
  background-color: #fff;
  box-shadow: 0 0 10px #ffffff;
  border-radius: 100px;
  z-index: 2;
  right: 10%;
  top: 10%;
  animation: moveDot 6s linear infinite;
}

@keyframes moveDot {
  0%,
  100% {
    top: 10%;
    right: 10%;
  }
  25% {
    top: 10%;
    right: calc(100% - 35px);
  }
  50% {
    top: calc(100% - 30px);
    right: calc(100% - 35px);
  }
  75% {
    top: calc(100% - 30px);
    right: 10%;
  }
}

.card13 {
  z-index: 1;
  width: 100%;
  height: 100%;
  border-radius: 9px;
  border: solid 1px #202222;
  background-size: 20px 20px;
  background: turquoise;;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  flex-direction: column;
  color: #fff;
}
.ray {
  width: 220px;
  height: 45px;
  border-radius: 100px;
  position: absolute;
  background-color: #c7c7c7;
  opacity: 0.4;
  box-shadow: 0 0 50px #fff;
  filter: blur(10px);
  transform-origin: 10%;
  top: 0%;
  left: 0;
  transform: rotate(40deg);
}

.card13 .text {
  font-weight: bolder;
  font-size: 220pxrem;
  background: linear-gradient(45deg, #000000 4%, #fff, #000);
  background-clip: text;
  color: black;
  text-align: center;
  font-family: Noto Naskh Arabic;
}

.line {
  width: 100%;
  height: 1px;
  position: absolute;
  background-color: #2c2c2c;
}
.topl {
  top: 10%;
  background: linear-gradient(90deg, #888888 30%, #1d1f1f 70%);
}
.bottoml {
  bottom: 10%;
}
.leftl {
  left: 10%;
  width: 1px;
  height: 100%;
  background: linear-gradient(180deg, #747474 30%, #222424 70%);
}
.rightl {
  right: 10%;
  width: 1px;
  height: 100%;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-41d8970 *//* From Uiverse.io by Spacious74 */ 
.outer {
  width: 300px;
  height: 250px;
  border-radius: 10px;
  padding: 1px;
  background: radial-gradient(circle 230px at 0% 0%, #ffffff, #0c0d0d);
  position: relative;
}

.dot {
  width: 5px;
  aspect-ratio: 1;
  position: absolute;
  background-color: #fff;
  box-shadow: 0 0 10px #ffffff;
  border-radius: 100px;
  z-index: 2;
  right: 10%;
  top: 10%;
  animation: moveDot 6s linear infinite;
}

@keyframes moveDot {
  0%,
  100% {
    top: 10%;
    right: 10%;
  }
  25% {
    top: 10%;
    right: calc(100% - 35px);
  }
  50% {
    top: calc(100% - 30px);
    right: calc(100% - 35px);
  }
  75% {
    top: calc(100% - 30px);
    right: 10%;
  }
}

.card13 {
  z-index: 1;
  width: 100%;
  height: 100%;
  border-radius: 9px;
  border: solid 1px #202222;
  background-size: 20px 20px;
  background: turquoise;;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  flex-direction: column;
  color: #fff;
}
.ray {
  width: 220px;
  height: 45px;
  border-radius: 100px;
  position: absolute;
  background-color: #c7c7c7;
  opacity: 0.4;
  box-shadow: 0 0 50px #fff;
  filter: blur(10px);
  transform-origin: 10%;
  top: 0%;
  left: 0;
  transform: rotate(40deg);
}

.card13 .text {
  font-weight: bolder;
  font-size: 220pxrem;
  background: linear-gradient(45deg, #000000 4%, #fff, #000);
  background-clip: text;
  color: black;
  text-align: center;
  font-family: Noto Naskh Arabic;
}

.line {
  width: 100%;
  height: 1px;
  position: absolute;
  background-color: #2c2c2c;
}
.topl {
  top: 10%;
  background: linear-gradient(90deg, #888888 30%, #1d1f1f 70%);
}
.bottoml {
  bottom: 10%;
}
.leftl {
  left: 10%;
  width: 1px;
  height: 100%;
  background: linear-gradient(180deg, #747474 30%, #222424 70%);
}
.rightl {
  right: 10%;
  width: 1px;
  height: 100%;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-5679a94 *//* From Uiverse.io by Spacious74 */ 
.outer {
  width: 250px;
  height: 250px;
  border-radius: 10px;
  padding: 1px;
  background: radial-gradient(circle 230px at 0% 0%, #ffffff, #0c0d0d);
  position: relative;
}

.dot {
  width: 5px;
  aspect-ratio: 1;
  position: absolute;
  background-color: #fff;
  box-shadow: 0 0 10px #ffffff;
  border-radius: 100px;
  z-index: 2;
  right: 10%;
  top: 10%;
  animation: moveDot 6s linear infinite;
}

@keyframes moveDot {
  0%,
  100% {
    top: 10%;
    right: 10%;
  }
  25% {
    top: 10%;
    right: calc(100% - 35px);
  }
  50% {
    top: calc(100% - 30px);
    right: calc(100% - 35px);
  }
  75% {
    top: calc(100% - 30px);
    right: 10%;
  }
}

.card10 {
  z-index: 1;
  width: 100%;
  height: 100%;
  border-radius: 9px;
  border: solid 1px #202222;
  background-size: 20px 20px;
  background: turquoise;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  flex-direction: column;
  color: #fff;
}
.ray {
  width: 220px;
  height: 45px;
  border-radius: 100px;
  position: absolute;
  background-color: #c7c7c7;
  opacity: 0.4;
  box-shadow: 0 0 50px #fff;
  filter: blur(10px);
  transform-origin: 10%;
  top: 0%;
  left: 0;
  transform: rotate(40deg);
}

.card10 .text {
  font-weight: bolder;
  font-size: 220pxrem;
  background: linear-gradient(45deg, #000000 4%, #fff, #000);
  background-clip: text;
  color: black;
  text-align: center;
  font-family: Noto Naskh Arabic;
}

.line {
  width: 100%;
  height: 1px;
  position: absolute;
  background-color: #2c2c2c;
}
.topl {
  top: 10%;
  background: linear-gradient(90deg, #888888 30%, #1d1f1f 70%);
}
.bottoml {
  bottom: 10%;
}
.leftl {
  left: 10%;
  width: 1px;
  height: 100%;
  background: linear-gradient(180deg, #747474 30%, #222424 70%);
}
.rightl {
  right: 10%;
  width: 1px;
  height: 100%;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-2a32508 *//* From Uiverse.io by Spacious74 */ 
.outer {
  width: 250px;
  height: 250px;
  border-radius: 10px;
  padding: 1px;
  background: radial-gradient(circle 230px at 0% 0%, #ffffff, #0c0d0d);
  position: relative;
}

.dot {
  width: 5px;
  aspect-ratio: 1;
  position: absolute;
  background-color: #fff;
  box-shadow: 0 0 10px #ffffff;
  border-radius: 100px;
  z-index: 2;
  right: 10%;
  top: 10%;
  animation: moveDot 6s linear infinite;
}

@keyframes moveDot {
  0%,
  100% {
    top: 10%;
    right: 10%;
  }
  25% {
    top: 10%;
    right: calc(100% - 35px);
  }
  50% {
    top: calc(100% - 30px);
    right: calc(100% - 35px);
  }
  75% {
    top: calc(100% - 30px);
    right: 10%;
  }
}

.card11 {
  z-index: 1;
  width: 100%;
  height: 100%;
  border-radius: 9px;
  border: solid 1px #202222;
  background-size: 20px 20px;
  background: turquoise;;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  flex-direction: column;
  color: #fff;
}
.ray {
  width: 220px;
  height: 45px;
  border-radius: 100px;
  position: absolute;
  background-color: #c7c7c7;
  opacity: 0.4;
  box-shadow: 0 0 50px #fff;
  filter: blur(10px);
  transform-origin: 10%;
  top: 0%;
  left: 0;
  transform: rotate(40deg);
}

.card11 .text {
  font-weight: bolder;
  font-size: 220pxrem;
  background: linear-gradient(45deg, #000000 4%, #fff, #000);
  background-clip: text;
  color: black;
  text-align: center;
  font-family: Noto Naskh Arabic;
}

.line {
  width: 100%;
  height: 1px;
  position: absolute;
  background-color: #2c2c2c;
}
.topl {
  top: 10%;
  background: linear-gradient(90deg, #888888 30%, #1d1f1f 70%);
}
.bottoml {
  bottom: 10%;
}
.leftl {
  left: 10%;
  width: 1px;
  height: 100%;
  background: linear-gradient(180deg, #747474 30%, #222424 70%);
}
.rightl {
  right: 10%;
  width: 1px;
  height: 100%;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-63b026b *//* From Uiverse.io by Spacious74 */ 
.outer {
  width: 250px;
  height: 250px;
  border-radius: 10px;
  padding: 1px;
  background: radial-gradient(circle 230px at 0% 0%, #ffffff, #0c0d0d);
  position: relative;
}

.dot {
  width: 5px;
  aspect-ratio: 1;
  position: absolute;
  background-color: #fff;
  box-shadow: 0 0 10px #ffffff;
  border-radius: 100px;
  z-index: 2;
  right: 10%;
  top: 10%;
  animation: moveDot 6s linear infinite;
}

@keyframes moveDot {
  0%,
  100% {
    top: 10%;
    right: 10%;
  }
  25% {
    top: 10%;
    right: calc(100% - 35px);
  }
  50% {
    top: calc(100% - 30px);
    right: calc(100% - 35px);
  }
  75% {
    top: calc(100% - 30px);
    right: 10%;
  }
}

.card12 {
  z-index: 1;
  width: 100%;
  height: 100%;
  border-radius: 9px;
  border: solid 1px #202222;
  background-size: 20px 20px;
  background: turquoise;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  flex-direction: column;
  color: #fff;
}
.ray {
  width: 220px;
  height: 45px;
  border-radius: 100px;
  position: absolute;
  background-color: #c7c7c7;
  opacity: 0.4;
  box-shadow: 0 0 50px #fff;
  filter: blur(10px);
  transform-origin: 10%;
  top: 0%;
  left: 0;
  transform: rotate(40deg);
}

.card12 .text {
  font-weight: bolder;
  font-size: 220pxrem;
  background: black;
  background-clip: text;
  color: black;
  text-align: center;
  font-family: Noto Naskh Arabic;
}

.line {
  width: 100%;
  height: 1px;
  position: absolute;
  background-color: #2c2c2c;
}
.topl {
  top: 10%;
  background: linear-gradient(90deg, #888888 30%, #1d1f1f 70%);
}
.bottoml {
  bottom: 10%;
}
.leftl {
  left: 10%;
  width: 1px;
  height: 100%;
  background: linear-gradient(180deg, #747474 30%, #222424 70%);
}
.rightl {
  right: 10%;
  width: 1px;
  height: 100%;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-016214c *//* From Uiverse.io by Spacious74 */ 
.outer {
  width: 300px;
  height: 250px;
  border-radius: 10px;
  padding: 1px;
  background: radial-gradient(circle 230px at 0% 0%, #ffffff, #0c0d0d);
  position: relative;
}

.dot {
  width: 5px;
  aspect-ratio: 1;
  position: absolute;
  background-color: #fff;
  box-shadow: 0 0 10px #ffffff;
  border-radius: 100px;
  z-index: 2;
  right: 10%;
  top: 10%;
  animation: moveDot 6s linear infinite;
}

@keyframes moveDot {
  0%,
  100% {
    top: 10%;
    right: 10%;
  }
  25% {
    top: 10%;
    right: calc(100% - 35px);
  }
  50% {
    top: calc(100% - 30px);
    right: calc(100% - 35px);
  }
  75% {
    top: calc(100% - 30px);
    right: 10%;
  }
}

.card13 {
  z-index: 1;
  width: 100%;
  height: 100%;
  border-radius: 9px;
  border: solid 1px #202222;
  background-size: 20px 20px;
  background: turquoise;;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  flex-direction: column;
  color: #fff;
}
.ray {
  width: 220px;
  height: 45px;
  border-radius: 100px;
  position: absolute;
  background-color: #c7c7c7;
  opacity: 0.4;
  box-shadow: 0 0 50px #fff;
  filter: blur(10px);
  transform-origin: 10%;
  top: 0%;
  left: 0;
  transform: rotate(40deg);
}

.card13 .text {
  font-weight: bolder;
  font-size: 220pxrem;
  background: linear-gradient(45deg, #000000 4%, #fff, #000);
  background-clip: text;
  color: black;
  text-align: center;
  font-family: Noto Naskh Arabic;
}

.line {
  width: 100%;
  height: 1px;
  position: absolute;
  background-color: #2c2c2c;
}
.topl {
  top: 10%;
  background: linear-gradient(90deg, #888888 30%, #1d1f1f 70%);
}
.bottoml {
  bottom: 10%;
}
.leftl {
  left: 10%;
  width: 1px;
  height: 100%;
  background: linear-gradient(180deg, #747474 30%, #222424 70%);
}
.rightl {
  right: 10%;
  width: 1px;
  height: 100%;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-04582d2 *//* From Uiverse.io by Spacious74 */ 
.outer {
  width: 250px;
  height: 250px;
  border-radius: 10px;
  padding: 1px;
  background: radial-gradient(circle 230px at 0% 0%, #ffffff, #0c0d0d);
  position: relative;
}

.dot {
  width: 5px;
  aspect-ratio: 1;
  position: absolute;
  background-color: #fff;
  box-shadow: 0 0 10px #ffffff;
  border-radius: 100px;
  z-index: 2;
  right: 10%;
  top: 10%;
  animation: moveDot 6s linear infinite;
}

@keyframes moveDot {
  0%,
  100% {
    top: 10%;
    right: 10%;
  }
  25% {
    top: 10%;
    right: calc(100% - 35px);
  }
  50% {
    top: calc(100% - 30px);
    right: calc(100% - 35px);
  }
  75% {
    top: calc(100% - 30px);
    right: 10%;
  }
}

.card13 {
  z-index: 1;
  width: 100%;
  height: 100%;
  border-radius: 9px;
  border: solid 1px #202222;
  background-size: 20px 20px;
  background: turquoise;;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  flex-direction: column;
  color: #fff;
}
.ray {
  width: 220px;
  height: 45px;
  border-radius: 100px;
  position: absolute;
  background-color: #c7c7c7;
  opacity: 0.4;
  box-shadow: 0 0 50px #fff;
  filter: blur(10px);
  transform-origin: 10%;
  top: 0%;
  left: 0;
  transform: rotate(40deg);
}

.card13 .text {
  font-weight: bolder;
  font-size: 220pxrem;
  background: linear-gradient(45deg, #000000 4%, #fff, #000);
  background-clip: text;
  color: black;
  text-align: center;
  font-family: Noto Naskh Arabic;
}

.line {
  width: 100%;
  height: 1px;
  position: absolute;
  background-color: #2c2c2c;
}
.topl {
  top: 10%;
  background: linear-gradient(90deg, #888888 30%, #1d1f1f 70%);
}
.bottoml {
  bottom: 10%;
}
.leftl {
  left: 10%;
  width: 1px;
  height: 100%;
  background: linear-gradient(180deg, #747474 30%, #222424 70%);
}
.rightl {
  right: 10%;
  width: 1px;
  height: 100%;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-c42cb7b *//* From Uiverse.io by Spacious74 */ 
.outer {
  width: 250px;
  height: 250px;
  border-radius: 10px;
  padding: 1px;
  background: radial-gradient(circle 230px at 0% 0%, #ffffff, #0c0d0d);
  position: relative;
}

.dot {
  width: 5px;
  aspect-ratio: 1;
  position: absolute;
  background-color: #fff;
  box-shadow: 0 0 10px #ffffff;
  border-radius: 100px;
  z-index: 2;
  right: 10%;
  top: 10%;
  animation: moveDot 6s linear infinite;
}

@keyframes moveDot {
  0%,
  100% {
    top: 10%;
    right: 10%;
  }
  25% {
    top: 10%;
    right: calc(100% - 35px);
  }
  50% {
    top: calc(100% - 30px);
    right: calc(100% - 35px);
  }
  75% {
    top: calc(100% - 30px);
    right: 10%;
  }
}

.card10 {
  z-index: 1;
  width: 100%;
  height: 100%;
  border-radius: 9px;
  border: solid 1px #202222;
  background-size: 20px 20px;
  background: turquoise;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  flex-direction: column;
  color: #fff;
}
.ray {
  width: 220px;
  height: 45px;
  border-radius: 100px;
  position: absolute;
  background-color: #c7c7c7;
  opacity: 0.4;
  box-shadow: 0 0 50px #fff;
  filter: blur(10px);
  transform-origin: 10%;
  top: 0%;
  left: 0;
  transform: rotate(40deg);
}

.card10 .text {
  font-weight: bolder;
  font-size: 220pxrem;
  background: linear-gradient(45deg, #000000 4%, #fff, #000);
  background-clip: text;
  color: black;
  text-align: center;
  font-family: Noto Naskh Arabic;
}

.line {
  width: 100%;
  height: 1px;
  position: absolute;
  background-color: #2c2c2c;
}
.topl {
  top: 10%;
  background: linear-gradient(90deg, #888888 30%, #1d1f1f 70%);
}
.bottoml {
  bottom: 10%;
}
.leftl {
  left: 10%;
  width: 1px;
  height: 100%;
  background: linear-gradient(180deg, #747474 30%, #222424 70%);
}
.rightl {
  right: 10%;
  width: 1px;
  height: 100%;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-431f6a6 *//* From Uiverse.io by Spacious74 */ 
.outer {
  width: 250px;
  height: 250px;
  border-radius: 10px;
  padding: 1px;
  background: radial-gradient(circle 230px at 0% 0%, #ffffff, #0c0d0d);
  position: relative;
}

.dot {
  width: 5px;
  aspect-ratio: 1;
  position: absolute;
  background-color: #fff;
  box-shadow: 0 0 10px #ffffff;
  border-radius: 100px;
  z-index: 2;
  right: 10%;
  top: 10%;
  animation: moveDot 6s linear infinite;
}

@keyframes moveDot {
  0%,
  100% {
    top: 10%;
    right: 10%;
  }
  25% {
    top: 10%;
    right: calc(100% - 35px);
  }
  50% {
    top: calc(100% - 30px);
    right: calc(100% - 35px);
  }
  75% {
    top: calc(100% - 30px);
    right: 10%;
  }
}

.card11 {
  z-index: 1;
  width: 100%;
  height: 100%;
  border-radius: 9px;
  border: solid 1px #202222;
  background-size: 20px 20px;
  background: turquoise;;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  flex-direction: column;
  color: #fff;
}
.ray {
  width: 220px;
  height: 45px;
  border-radius: 100px;
  position: absolute;
  background-color: #c7c7c7;
  opacity: 0.4;
  box-shadow: 0 0 50px #fff;
  filter: blur(10px);
  transform-origin: 10%;
  top: 0%;
  left: 0;
  transform: rotate(40deg);
}

.card11 .text {
  font-weight: bolder;
  font-size: 220pxrem;
  background: linear-gradient(45deg, #000000 4%, #fff, #000);
  background-clip: text;
  color: black;
  text-align: center;
  font-family: Noto Naskh Arabic;
}

.line {
  width: 100%;
  height: 1px;
  position: absolute;
  background-color: #2c2c2c;
}
.topl {
  top: 10%;
  background: linear-gradient(90deg, #888888 30%, #1d1f1f 70%);
}
.bottoml {
  bottom: 10%;
}
.leftl {
  left: 10%;
  width: 1px;
  height: 100%;
  background: linear-gradient(180deg, #747474 30%, #222424 70%);
}
.rightl {
  right: 10%;
  width: 1px;
  height: 100%;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-16cdf7a *//* From Uiverse.io by Spacious74 */ 
.outer {
  width: 250px;
  height: 250px;
  border-radius: 10px;
  padding: 1px;
  background: radial-gradient(circle 230px at 0% 0%, #ffffff, #0c0d0d);
  position: relative;
}

.dot {
  width: 5px;
  aspect-ratio: 1;
  position: absolute;
  background-color: #fff;
  box-shadow: 0 0 10px #ffffff;
  border-radius: 100px;
  z-index: 2;
  right: 10%;
  top: 10%;
  animation: moveDot 6s linear infinite;
}

@keyframes moveDot {
  0%,
  100% {
    top: 10%;
    right: 10%;
  }
  25% {
    top: 10%;
    right: calc(100% - 35px);
  }
  50% {
    top: calc(100% - 30px);
    right: calc(100% - 35px);
  }
  75% {
    top: calc(100% - 30px);
    right: 10%;
  }
}

.card12 {
  z-index: 1;
  width: 100%;
  height: 100%;
  border-radius: 9px;
  border: solid 1px #202222;
  background-size: 20px 20px;
  background: turquoise;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  flex-direction: column;
  color: #fff;
}
.ray {
  width: 220px;
  height: 45px;
  border-radius: 100px;
  position: absolute;
  background-color: #c7c7c7;
  opacity: 0.4;
  box-shadow: 0 0 50px #fff;
  filter: blur(10px);
  transform-origin: 10%;
  top: 0%;
  left: 0;
  transform: rotate(40deg);
}

.card12 .text {
  font-weight: bolder;
  font-size: 220pxrem;
  background: black;
  background-clip: text;
  color: black;
  text-align: center;
  font-family: Noto Naskh Arabic;
}

.line {
  width: 100%;
  height: 1px;
  position: absolute;
  background-color: #2c2c2c;
}
.topl {
  top: 10%;
  background: linear-gradient(90deg, #888888 30%, #1d1f1f 70%);
}
.bottoml {
  bottom: 10%;
}
.leftl {
  left: 10%;
  width: 1px;
  height: 100%;
  background: linear-gradient(180deg, #747474 30%, #222424 70%);
}
.rightl {
  right: 10%;
  width: 1px;
  height: 100%;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-decf5c0 *//* From Uiverse.io by Spacious74 */ 
.outer {
  width: 300px;
  height: 250px;
  border-radius: 10px;
  padding: 1px;
  background: radial-gradient(circle 230px at 0% 0%, #ffffff, #0c0d0d);
  position: relative;
}

.dot {
  width: 5px;
  aspect-ratio: 1;
  position: absolute;
  background-color: #fff;
  box-shadow: 0 0 10px #ffffff;
  border-radius: 100px;
  z-index: 2;
  right: 10%;
  top: 10%;
  animation: moveDot 6s linear infinite;
}

@keyframes moveDot {
  0%,
  100% {
    top: 10%;
    right: 10%;
  }
  25% {
    top: 10%;
    right: calc(100% - 35px);
  }
  50% {
    top: calc(100% - 30px);
    right: calc(100% - 35px);
  }
  75% {
    top: calc(100% - 30px);
    right: 10%;
  }
}

.card13 {
  z-index: 1;
  width: 100%;
  height: 100%;
  border-radius: 9px;
  border: solid 1px #202222;
  background-size: 20px 20px;
  background: turquoise;;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  flex-direction: column;
  color: #fff;
}
.ray {
  width: 220px;
  height: 45px;
  border-radius: 100px;
  position: absolute;
  background-color: #c7c7c7;
  opacity: 0.4;
  box-shadow: 0 0 50px #fff;
  filter: blur(10px);
  transform-origin: 10%;
  top: 0%;
  left: 0;
  transform: rotate(40deg);
}

.card13 .text {
  font-weight: bolder;
  font-size: 220pxrem;
  background: linear-gradient(45deg, #000000 4%, #fff, #000);
  background-clip: text;
  color: black;
  text-align: center;
  font-family: Noto Naskh Arabic;
}

.line {
  width: 100%;
  height: 1px;
  position: absolute;
  background-color: #2c2c2c;
}
.topl {
  top: 10%;
  background: linear-gradient(90deg, #888888 30%, #1d1f1f 70%);
}
.bottoml {
  bottom: 10%;
}
.leftl {
  left: 10%;
  width: 1px;
  height: 100%;
  background: linear-gradient(180deg, #747474 30%, #222424 70%);
}
.rightl {
  right: 10%;
  width: 1px;
  height: 100%;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-3a06886 *//* From Uiverse.io by Spacious74 */ 
.outer {
  width: 250px;
  height: 250px;
  border-radius: 10px;
  padding: 1px;
  background: radial-gradient(circle 230px at 0% 0%, #ffffff, #0c0d0d);
  position: relative;
}

.dot {
  width: 5px;
  aspect-ratio: 1;
  position: absolute;
  background-color: #fff;
  box-shadow: 0 0 10px #ffffff;
  border-radius: 100px;
  z-index: 2;
  right: 10%;
  top: 10%;
  animation: moveDot 6s linear infinite;
}

@keyframes moveDot {
  0%,
  100% {
    top: 10%;
    right: 10%;
  }
  25% {
    top: 10%;
    right: calc(100% - 35px);
  }
  50% {
    top: calc(100% - 30px);
    right: calc(100% - 35px);
  }
  75% {
    top: calc(100% - 30px);
    right: 10%;
  }
}

.card10 {
  z-index: 1;
  width: 100%;
  height: 100%;
  border-radius: 9px;
  border: solid 1px #202222;
  background-size: 20px 20px;
  background: turquoise;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  flex-direction: column;
  color: #fff;
}
.ray {
  width: 220px;
  height: 45px;
  border-radius: 100px;
  position: absolute;
  background-color: #c7c7c7;
  opacity: 0.4;
  box-shadow: 0 0 50px #fff;
  filter: blur(10px);
  transform-origin: 10%;
  top: 0%;
  left: 0;
  transform: rotate(40deg);
}

.card10 .text {
  font-weight: bolder;
  font-size: 220pxrem;
  background: linear-gradient(45deg, #000000 4%, #fff, #000);
  background-clip: text;
  color: black;
  text-align: center;
  font-family: Noto Naskh Arabic;
}

.line {
  width: 100%;
  height: 1px;
  position: absolute;
  background-color: #2c2c2c;
}
.topl {
  top: 10%;
  background: linear-gradient(90deg, #888888 30%, #1d1f1f 70%);
}
.bottoml {
  bottom: 10%;
}
.leftl {
  left: 10%;
  width: 1px;
  height: 100%;
  background: linear-gradient(180deg, #747474 30%, #222424 70%);
}
.rightl {
  right: 10%;
  width: 1px;
  height: 100%;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-21b9d9a *//* From Uiverse.io by Spacious74 */ 
.outer {
  width: 250px;
  height: 250px;
  border-radius: 10px;
  padding: 1px;
  background: radial-gradient(circle 230px at 0% 0%, #ffffff, #0c0d0d);
  position: relative;
}

.dot {
  width: 5px;
  aspect-ratio: 1;
  position: absolute;
  background-color: #fff;
  box-shadow: 0 0 10px #ffffff;
  border-radius: 100px;
  z-index: 2;
  right: 10%;
  top: 10%;
  animation: moveDot 6s linear infinite;
}

@keyframes moveDot {
  0%,
  100% {
    top: 10%;
    right: 10%;
  }
  25% {
    top: 10%;
    right: calc(100% - 35px);
  }
  50% {
    top: calc(100% - 30px);
    right: calc(100% - 35px);
  }
  75% {
    top: calc(100% - 30px);
    right: 10%;
  }
}

.card11 {
  z-index: 1;
  width: 100%;
  height: 100%;
  border-radius: 9px;
  border: solid 1px #202222;
  background-size: 20px 20px;
  background: turquoise;;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  flex-direction: column;
  color: #fff;
}
.ray {
  width: 220px;
  height: 45px;
  border-radius: 100px;
  position: absolute;
  background-color: #c7c7c7;
  opacity: 0.4;
  box-shadow: 0 0 50px #fff;
  filter: blur(10px);
  transform-origin: 10%;
  top: 0%;
  left: 0;
  transform: rotate(40deg);
}

.card11 .text {
  font-weight: bolder;
  font-size: 220pxrem;
  background: linear-gradient(45deg, #000000 4%, #fff, #000);
  background-clip: text;
  color: black;
  text-align: center;
  font-family: Noto Naskh Arabic;
}

.line {
  width: 100%;
  height: 1px;
  position: absolute;
  background-color: #2c2c2c;
}
.topl {
  top: 10%;
  background: linear-gradient(90deg, #888888 30%, #1d1f1f 70%);
}
.bottoml {
  bottom: 10%;
}
.leftl {
  left: 10%;
  width: 1px;
  height: 100%;
  background: linear-gradient(180deg, #747474 30%, #222424 70%);
}
.rightl {
  right: 10%;
  width: 1px;
  height: 100%;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-80fa228 *//* From Uiverse.io by Spacious74 */ 
.outer {
  width: 250px;
  height: 250px;
  border-radius: 10px;
  padding: 1px;
  background: radial-gradient(circle 230px at 0% 0%, #ffffff, #0c0d0d);
  position: relative;
}

.dot {
  width: 5px;
  aspect-ratio: 1;
  position: absolute;
  background-color: #fff;
  box-shadow: 0 0 10px #ffffff;
  border-radius: 100px;
  z-index: 2;
  right: 10%;
  top: 10%;
  animation: moveDot 6s linear infinite;
}

@keyframes moveDot {
  0%,
  100% {
    top: 10%;
    right: 10%;
  }
  25% {
    top: 10%;
    right: calc(100% - 35px);
  }
  50% {
    top: calc(100% - 30px);
    right: calc(100% - 35px);
  }
  75% {
    top: calc(100% - 30px);
    right: 10%;
  }
}

.card12 {
  z-index: 1;
  width: 100%;
  height: 100%;
  border-radius: 9px;
  border: solid 1px #202222;
  background-size: 20px 20px;
  background: turquoise;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  flex-direction: column;
  color: #fff;
}
.ray {
  width: 220px;
  height: 45px;
  border-radius: 100px;
  position: absolute;
  background-color: #c7c7c7;
  opacity: 0.4;
  box-shadow: 0 0 50px #fff;
  filter: blur(10px);
  transform-origin: 10%;
  top: 0%;
  left: 0;
  transform: rotate(40deg);
}

.card12 .text {
  font-weight: bolder;
  font-size: 220pxrem;
  background: black;
  background-clip: text;
  color: black;
  text-align: center;
  font-family: Noto Naskh Arabic;
}

.line {
  width: 100%;
  height: 1px;
  position: absolute;
  background-color: #2c2c2c;
}
.topl {
  top: 10%;
  background: linear-gradient(90deg, #888888 30%, #1d1f1f 70%);
}
.bottoml {
  bottom: 10%;
}
.leftl {
  left: 10%;
  width: 1px;
  height: 100%;
  background: linear-gradient(180deg, #747474 30%, #222424 70%);
}
.rightl {
  right: 10%;
  width: 1px;
  height: 100%;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-fb47ac6 *//* From Uiverse.io by Spacious74 */ 
.outer {
  width: 250px;
  height: 250px;
  border-radius: 10px;
  padding: 1px;
  background: radial-gradient(circle 230px at 0% 0%, #ffffff, #0c0d0d);
  position: relative;
}

.dot {
  width: 5px;
  aspect-ratio: 1;
  position: absolute;
  background-color: #fff;
  box-shadow: 0 0 10px #ffffff;
  border-radius: 100px;
  z-index: 2;
  right: 10%;
  top: 10%;
  animation: moveDot 6s linear infinite;
}

@keyframes moveDot {
  0%,
  100% {
    top: 10%;
    right: 10%;
  }
  25% {
    top: 10%;
    right: calc(100% - 35px);
  }
  50% {
    top: calc(100% - 30px);
    right: calc(100% - 35px);
  }
  75% {
    top: calc(100% - 30px);
    right: 10%;
  }
}

.card13 {
  z-index: 1;
  width: 100%;
  height: 100%;
  border-radius: 9px;
  border: solid 1px #202222;
  background-size: 20px 20px;
  background: turquoise;;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  flex-direction: column;
  color: #fff;
}
.ray {
  width: 220px;
  height: 45px;
  border-radius: 100px;
  position: absolute;
  background-color: #c7c7c7;
  opacity: 0.4;
  box-shadow: 0 0 50px #fff;
  filter: blur(10px);
  transform-origin: 10%;
  top: 0%;
  left: 0;
  transform: rotate(40deg);
}

.card13 .text {
  font-weight: bolder;
  font-size: 220pxrem;
  background: linear-gradient(45deg, #000000 4%, #fff, #000);
  background-clip: text;
  color: black;
  text-align: center;
  font-family: Noto Naskh Arabic;
}

.line {
  width: 100%;
  height: 1px;
  position: absolute;
  background-color: #2c2c2c;
}
.topl {
  top: 10%;
  background: linear-gradient(90deg, #888888 30%, #1d1f1f 70%);
}
.bottoml {
  bottom: 10%;
}
.leftl {
  left: 10%;
  width: 1px;
  height: 100%;
  background: linear-gradient(180deg, #747474 30%, #222424 70%);
}
.rightl {
  right: 10%;
  width: 1px;
  height: 100%;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-de449ce *//* From Uiverse.io by Spacious74 */ 
.outer {
  width: 250px;
  height: 250px;
  border-radius: 10px;
  padding: 1px;
  background: radial-gradient(circle 230px at 0% 0%, #ffffff, #0c0d0d);
  position: relative;
}

.dot {
  width: 5px;
  aspect-ratio: 1;
  position: absolute;
  background-color: #fff;
  box-shadow: 0 0 10px #ffffff;
  border-radius: 100px;
  z-index: 2;
  right: 10%;
  top: 10%;
  animation: moveDot 6s linear infinite;
}

@keyframes moveDot {
  0%,
  100% {
    top: 10%;
    right: 10%;
  }
  25% {
    top: 10%;
    right: calc(100% - 35px);
  }
  50% {
    top: calc(100% - 30px);
    right: calc(100% - 35px);
  }
  75% {
    top: calc(100% - 30px);
    right: 10%;
  }
}

.card13 {
  z-index: 1;
  width: 100%;
  height: 100%;
  border-radius: 9px;
  border: solid 1px #202222;
  background-size: 20px 20px;
  background: turquoise;;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  flex-direction: column;
  color: #fff;
}
.ray {
  width: 220px;
  height: 45px;
  border-radius: 100px;
  position: absolute;
  background-color: #c7c7c7;
  opacity: 0.4;
  box-shadow: 0 0 50px #fff;
  filter: blur(10px);
  transform-origin: 10%;
  top: 0%;
  left: 0;
  transform: rotate(40deg);
}

.card13 .text {
  font-weight: bolder;
  font-size: 220pxrem;
  background: linear-gradient(45deg, #000000 4%, #fff, #000);
  background-clip: text;
  color: black;
  text-align: center;
  font-family: Noto Naskh Arabic;
}

.line {
  width: 100%;
  height: 1px;
  position: absolute;
  background-color: #2c2c2c;
}
.topl {
  top: 10%;
  background: linear-gradient(90deg, #888888 30%, #1d1f1f 70%);
}
.bottoml {
  bottom: 10%;
}
.leftl {
  left: 10%;
  width: 1px;
  height: 100%;
  background: linear-gradient(180deg, #747474 30%, #222424 70%);
}
.rightl {
  right: 10%;
  width: 1px;
  height: 100%;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-58c7cf7 *//* From Uiverse.io by Spacious74 */ 
.outer {
  width: 250px;
  height: 250px;
  border-radius: 10px;
  padding: 1px;
  background: radial-gradient(circle 230px at 0% 0%, #ffffff, #0c0d0d);
  position: relative;
}

.dot {
  width: 5px;
  aspect-ratio: 1;
  position: absolute;
  background-color: #fff;
  box-shadow: 0 0 10px #ffffff;
  border-radius: 100px;
  z-index: 2;
  right: 10%;
  top: 10%;
  animation: moveDot 6s linear infinite;
}

@keyframes moveDot {
  0%,
  100% {
    top: 10%;
    right: 10%;
  }
  25% {
    top: 10%;
    right: calc(100% - 35px);
  }
  50% {
    top: calc(100% - 30px);
    right: calc(100% - 35px);
  }
  75% {
    top: calc(100% - 30px);
    right: 10%;
  }
}

.card10 {
  z-index: 1;
  width: 100%;
  height: 100%;
  border-radius: 9px;
  border: solid 1px #202222;
  background-size: 20px 20px;
  background: turquoise;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  flex-direction: column;
  color: #fff;
}
.ray {
  width: 220px;
  height: 45px;
  border-radius: 100px;
  position: absolute;
  background-color: #c7c7c7;
  opacity: 0.4;
  box-shadow: 0 0 50px #fff;
  filter: blur(10px);
  transform-origin: 10%;
  top: 0%;
  left: 0;
  transform: rotate(40deg);
}

.card10 .text {
  font-weight: bolder;
  font-size: 220pxrem;
  background: linear-gradient(45deg, #000000 4%, #fff, #000);
  background-clip: text;
  color: black;
  text-align: center;
  font-family: Noto Naskh Arabic;
}

.line {
  width: 100%;
  height: 1px;
  position: absolute;
  background-color: #2c2c2c;
}
.topl {
  top: 10%;
  background: linear-gradient(90deg, #888888 30%, #1d1f1f 70%);
}
.bottoml {
  bottom: 10%;
}
.leftl {
  left: 10%;
  width: 1px;
  height: 100%;
  background: linear-gradient(180deg, #747474 30%, #222424 70%);
}
.rightl {
  right: 10%;
  width: 1px;
  height: 100%;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-d2f46af *//* From Uiverse.io by Spacious74 */ 
.outer {
  width: 250px;
  height: 250px;
  border-radius: 10px;
  padding: 1px;
  background: radial-gradient(circle 230px at 0% 0%, #ffffff, #0c0d0d);
  position: relative;
}

.dot {
  width: 5px;
  aspect-ratio: 1;
  position: absolute;
  background-color: #fff;
  box-shadow: 0 0 10px #ffffff;
  border-radius: 100px;
  z-index: 2;
  right: 10%;
  top: 10%;
  animation: moveDot 6s linear infinite;
}

@keyframes moveDot {
  0%,
  100% {
    top: 10%;
    right: 10%;
  }
  25% {
    top: 10%;
    right: calc(100% - 35px);
  }
  50% {
    top: calc(100% - 30px);
    right: calc(100% - 35px);
  }
  75% {
    top: calc(100% - 30px);
    right: 10%;
  }
}

.card11 {
  z-index: 1;
  width: 100%;
  height: 100%;
  border-radius: 9px;
  border: solid 1px #202222;
  background-size: 20px 20px;
  background: turquoise;;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  flex-direction: column;
  color: #fff;
}
.ray {
  width: 220px;
  height: 45px;
  border-radius: 100px;
  position: absolute;
  background-color: #c7c7c7;
  opacity: 0.4;
  box-shadow: 0 0 50px #fff;
  filter: blur(10px);
  transform-origin: 10%;
  top: 0%;
  left: 0;
  transform: rotate(40deg);
}

.card11 .text {
  font-weight: bolder;
  font-size: 220pxrem;
  background: linear-gradient(45deg, #000000 4%, #fff, #000);
  background-clip: text;
  color: black;
  text-align: center;
  font-family: Noto Naskh Arabic;
}

.line {
  width: 100%;
  height: 1px;
  position: absolute;
  background-color: #2c2c2c;
}
.topl {
  top: 10%;
  background: linear-gradient(90deg, #888888 30%, #1d1f1f 70%);
}
.bottoml {
  bottom: 10%;
}
.leftl {
  left: 10%;
  width: 1px;
  height: 100%;
  background: linear-gradient(180deg, #747474 30%, #222424 70%);
}
.rightl {
  right: 10%;
  width: 1px;
  height: 100%;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-6b25551 *//* From Uiverse.io by Spacious74 */ 
.outer {
  width: 250px;
  height: 250px;
  border-radius: 10px;
  padding: 1px;
  background: radial-gradient(circle 230px at 0% 0%, #ffffff, #0c0d0d);
  position: relative;
}

.dot {
  width: 5px;
  aspect-ratio: 1;
  position: absolute;
  background-color: #fff;
  box-shadow: 0 0 10px #ffffff;
  border-radius: 100px;
  z-index: 2;
  right: 10%;
  top: 10%;
  animation: moveDot 6s linear infinite;
}

@keyframes moveDot {
  0%,
  100% {
    top: 10%;
    right: 10%;
  }
  25% {
    top: 10%;
    right: calc(100% - 35px);
  }
  50% {
    top: calc(100% - 30px);
    right: calc(100% - 35px);
  }
  75% {
    top: calc(100% - 30px);
    right: 10%;
  }
}

.card12 {
  z-index: 1;
  width: 100%;
  height: 100%;
  border-radius: 9px;
  border: solid 1px #202222;
  background-size: 20px 20px;
  background: turquoise;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  flex-direction: column;
  color: #fff;
}
.ray {
  width: 220px;
  height: 45px;
  border-radius: 100px;
  position: absolute;
  background-color: #c7c7c7;
  opacity: 0.4;
  box-shadow: 0 0 50px #fff;
  filter: blur(10px);
  transform-origin: 10%;
  top: 0%;
  left: 0;
  transform: rotate(40deg);
}

.card12 .text {
  font-weight: bolder;
  font-size: 220pxrem;
  background: black;
  background-clip: text;
  color: black;
  text-align: center;
  font-family: Noto Naskh Arabic;
}

.line {
  width: 100%;
  height: 1px;
  position: absolute;
  background-color: #2c2c2c;
}
.topl {
  top: 10%;
  background: linear-gradient(90deg, #888888 30%, #1d1f1f 70%);
}
.bottoml {
  bottom: 10%;
}
.leftl {
  left: 10%;
  width: 1px;
  height: 100%;
  background: linear-gradient(180deg, #747474 30%, #222424 70%);
}
.rightl {
  right: 10%;
  width: 1px;
  height: 100%;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-e520ea6 *//* From Uiverse.io by Spacious74 */ 
.outer {
  width: 300px;
  height: 250px;
  border-radius: 10px;
  padding: 1px;
  background: radial-gradient(circle 230px at 0% 0%, #ffffff, #0c0d0d);
  position: relative;
}

.dot {
  width: 5px;
  aspect-ratio: 1;
  position: absolute;
  background-color: #fff;
  box-shadow: 0 0 10px #ffffff;
  border-radius: 100px;
  z-index: 2;
  right: 10%;
  top: 10%;
  animation: moveDot 6s linear infinite;
}

@keyframes moveDot {
  0%,
  100% {
    top: 10%;
    right: 10%;
  }
  25% {
    top: 10%;
    right: calc(100% - 35px);
  }
  50% {
    top: calc(100% - 30px);
    right: calc(100% - 35px);
  }
  75% {
    top: calc(100% - 30px);
    right: 10%;
  }
}

.card13 {
  z-index: 1;
  width: 100%;
  height: 100%;
  border-radius: 9px;
  border: solid 1px #202222;
  background-size: 20px 20px;
  background: turquoise;;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  flex-direction: column;
  color: #fff;
}
.ray {
  width: 220px;
  height: 45px;
  border-radius: 100px;
  position: absolute;
  background-color: #c7c7c7;
  opacity: 0.4;
  box-shadow: 0 0 50px #fff;
  filter: blur(10px);
  transform-origin: 10%;
  top: 0%;
  left: 0;
  transform: rotate(40deg);
}

.card13 .text {
  font-weight: bolder;
  font-size: 220pxrem;
  background: linear-gradient(45deg, #000000 4%, #fff, #000);
  background-clip: text;
  color: black;
  text-align: center;
  font-family: Noto Naskh Arabic;
}

.line {
  width: 100%;
  height: 1px;
  position: absolute;
  background-color: #2c2c2c;
}
.topl {
  top: 10%;
  background: linear-gradient(90deg, #888888 30%, #1d1f1f 70%);
}
.bottoml {
  bottom: 10%;
}
.leftl {
  left: 10%;
  width: 1px;
  height: 100%;
  background: linear-gradient(180deg, #747474 30%, #222424 70%);
}
.rightl {
  right: 10%;
  width: 1px;
  height: 100%;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-b79f88e *//* From Uiverse.io by Spacious74 */ 
.outer {
  width: 250px;
  height: 250px;
  border-radius: 10px;
  padding: 1px;
  background: radial-gradient(circle 230px at 0% 0%, #ffffff, #0c0d0d);
  position: relative;
}

.dot {
  width: 5px;
  aspect-ratio: 1;
  position: absolute;
  background-color: #fff;
  box-shadow: 0 0 10px #ffffff;
  border-radius: 100px;
  z-index: 2;
  right: 10%;
  top: 10%;
  animation: moveDot 6s linear infinite;
}

@keyframes moveDot {
  0%,
  100% {
    top: 10%;
    right: 10%;
  }
  25% {
    top: 10%;
    right: calc(100% - 35px);
  }
  50% {
    top: calc(100% - 30px);
    right: calc(100% - 35px);
  }
  75% {
    top: calc(100% - 30px);
    right: 10%;
  }
}

.card10 {
  z-index: 1;
  width: 100%;
  height: 100%;
  border-radius: 9px;
  border: solid 1px #202222;
  background-size: 20px 20px;
  background: turquoise;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  flex-direction: column;
  color: #fff;
}
.ray {
  width: 220px;
  height: 45px;
  border-radius: 100px;
  position: absolute;
  background-color: #c7c7c7;
  opacity: 0.4;
  box-shadow: 0 0 50px #fff;
  filter: blur(10px);
  transform-origin: 10%;
  top: 0%;
  left: 0;
  transform: rotate(40deg);
}

.card10 .text {
  font-weight: bolder;
  font-size: 220pxrem;
  background: linear-gradient(45deg, #000000 4%, #fff, #000);
  background-clip: text;
  color: black;
  text-align: center;
  font-family: Noto Naskh Arabic;
}

.line {
  width: 100%;
  height: 1px;
  position: absolute;
  background-color: #2c2c2c;
}
.topl {
  top: 10%;
  background: linear-gradient(90deg, #888888 30%, #1d1f1f 70%);
}
.bottoml {
  bottom: 10%;
}
.leftl {
  left: 10%;
  width: 1px;
  height: 100%;
  background: linear-gradient(180deg, #747474 30%, #222424 70%);
}
.rightl {
  right: 10%;
  width: 1px;
  height: 100%;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-767b9bd *//* From Uiverse.io by Spacious74 */ 
.outer {
  width: 250px;
  height: 250px;
  border-radius: 10px;
  padding: 1px;
  background: radial-gradient(circle 230px at 0% 0%, #ffffff, #0c0d0d);
  position: relative;
}

.dot {
  width: 5px;
  aspect-ratio: 1;
  position: absolute;
  background-color: #fff;
  box-shadow: 0 0 10px #ffffff;
  border-radius: 100px;
  z-index: 2;
  right: 10%;
  top: 10%;
  animation: moveDot 6s linear infinite;
}

@keyframes moveDot {
  0%,
  100% {
    top: 10%;
    right: 10%;
  }
  25% {
    top: 10%;
    right: calc(100% - 35px);
  }
  50% {
    top: calc(100% - 30px);
    right: calc(100% - 35px);
  }
  75% {
    top: calc(100% - 30px);
    right: 10%;
  }
}

.card11 {
  z-index: 1;
  width: 100%;
  height: 100%;
  border-radius: 9px;
  border: solid 1px #202222;
  background-size: 20px 20px;
  background: turquoise;;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  flex-direction: column;
  color: #fff;
}
.ray {
  width: 220px;
  height: 45px;
  border-radius: 100px;
  position: absolute;
  background-color: #c7c7c7;
  opacity: 0.4;
  box-shadow: 0 0 50px #fff;
  filter: blur(10px);
  transform-origin: 10%;
  top: 0%;
  left: 0;
  transform: rotate(40deg);
}

.card11 .text {
  font-weight: bolder;
  font-size: 220pxrem;
  background: linear-gradient(45deg, #000000 4%, #fff, #000);
  background-clip: text;
  color: black;
  text-align: center;
  font-family: Noto Naskh Arabic;
}

.line {
  width: 100%;
  height: 1px;
  position: absolute;
  background-color: #2c2c2c;
}
.topl {
  top: 10%;
  background: linear-gradient(90deg, #888888 30%, #1d1f1f 70%);
}
.bottoml {
  bottom: 10%;
}
.leftl {
  left: 10%;
  width: 1px;
  height: 100%;
  background: linear-gradient(180deg, #747474 30%, #222424 70%);
}
.rightl {
  right: 10%;
  width: 1px;
  height: 100%;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-38afb71 *//* From Uiverse.io by Spacious74 */ 
.outer {
  width: 250px;
  height: 250px;
  border-radius: 10px;
  padding: 1px;
  background: radial-gradient(circle 230px at 0% 0%, #ffffff, #0c0d0d);
  position: relative;
}

.dot {
  width: 5px;
  aspect-ratio: 1;
  position: absolute;
  background-color: #fff;
  box-shadow: 0 0 10px #ffffff;
  border-radius: 100px;
  z-index: 2;
  right: 10%;
  top: 10%;
  animation: moveDot 6s linear infinite;
}

@keyframes moveDot {
  0%,
  100% {
    top: 10%;
    right: 10%;
  }
  25% {
    top: 10%;
    right: calc(100% - 35px);
  }
  50% {
    top: calc(100% - 30px);
    right: calc(100% - 35px);
  }
  75% {
    top: calc(100% - 30px);
    right: 10%;
  }
}

.card12 {
  z-index: 1;
  width: 100%;
  height: 100%;
  border-radius: 9px;
  border: solid 1px #202222;
  background-size: 20px 20px;
  background: turquoise;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  flex-direction: column;
  color: #fff;
}
.ray {
  width: 220px;
  height: 45px;
  border-radius: 100px;
  position: absolute;
  background-color: #c7c7c7;
  opacity: 0.4;
  box-shadow: 0 0 50px #fff;
  filter: blur(10px);
  transform-origin: 10%;
  top: 0%;
  left: 0;
  transform: rotate(40deg);
}

.card12 .text {
  font-weight: bolder;
  font-size: 220pxrem;
  background: black;
  background-clip: text;
  color: black;
  text-align: center;
  font-family: Noto Naskh Arabic;
}

.line {
  width: 100%;
  height: 1px;
  position: absolute;
  background-color: #2c2c2c;
}
.topl {
  top: 10%;
  background: linear-gradient(90deg, #888888 30%, #1d1f1f 70%);
}
.bottoml {
  bottom: 10%;
}
.leftl {
  left: 10%;
  width: 1px;
  height: 100%;
  background: linear-gradient(180deg, #747474 30%, #222424 70%);
}
.rightl {
  right: 10%;
  width: 1px;
  height: 100%;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-bb6c344 *//* From Uiverse.io by Spacious74 */ 
.outer {
  width: 300px;
  height: 250px;
  border-radius: 10px;
  padding: 1px;
  background: radial-gradient(circle 230px at 0% 0%, #ffffff, #0c0d0d);
  position: relative;
}

.dot {
  width: 5px;
  aspect-ratio: 1;
  position: absolute;
  background-color: #fff;
  box-shadow: 0 0 10px #ffffff;
  border-radius: 100px;
  z-index: 2;
  right: 10%;
  top: 10%;
  animation: moveDot 6s linear infinite;
}

@keyframes moveDot {
  0%,
  100% {
    top: 10%;
    right: 10%;
  }
  25% {
    top: 10%;
    right: calc(100% - 35px);
  }
  50% {
    top: calc(100% - 30px);
    right: calc(100% - 35px);
  }
  75% {
    top: calc(100% - 30px);
    right: 10%;
  }
}

.card13 {
  z-index: 1;
  width: 100%;
  height: 100%;
  border-radius: 9px;
  border: solid 1px #202222;
  background-size: 20px 20px;
  background: turquoise;;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  flex-direction: column;
  color: #fff;
}
.ray {
  width: 220px;
  height: 45px;
  border-radius: 100px;
  position: absolute;
  background-color: #c7c7c7;
  opacity: 0.4;
  box-shadow: 0 0 50px #fff;
  filter: blur(10px);
  transform-origin: 10%;
  top: 0%;
  left: 0;
  transform: rotate(40deg);
}

.card13 .text {
  font-weight: bolder;
  font-size: 220pxrem;
  background: linear-gradient(45deg, #000000 4%, #fff, #000);
  background-clip: text;
  color: black;
  text-align: center;
  font-family: Noto Naskh Arabic;
}

.line {
  width: 100%;
  height: 1px;
  position: absolute;
  background-color: #2c2c2c;
}
.topl {
  top: 10%;
  background: linear-gradient(90deg, #888888 30%, #1d1f1f 70%);
}
.bottoml {
  bottom: 10%;
}
.leftl {
  left: 10%;
  width: 1px;
  height: 100%;
  background: linear-gradient(180deg, #747474 30%, #222424 70%);
}
.rightl {
  right: 10%;
  width: 1px;
  height: 100%;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-25c0dc5 *//* From Uiverse.io by Spacious74 */ 
.outer {
  width: 250px;
  height: 250px;
  border-radius: 10px;
  padding: 1px;
  background: radial-gradient(circle 230px at 0% 0%, #ffffff, #0c0d0d);
  position: relative;
}

.dot {
  width: 5px;
  aspect-ratio: 1;
  position: absolute;
  background-color: #fff;
  box-shadow: 0 0 10px #ffffff;
  border-radius: 100px;
  z-index: 2;
  right: 10%;
  top: 10%;
  animation: moveDot 6s linear infinite;
}

@keyframes moveDot {
  0%,
  100% {
    top: 10%;
    right: 10%;
  }
  25% {
    top: 10%;
    right: calc(100% - 35px);
  }
  50% {
    top: calc(100% - 30px);
    right: calc(100% - 35px);
  }
  75% {
    top: calc(100% - 30px);
    right: 10%;
  }
}

.card10 {
  z-index: 1;
  width: 100%;
  height: 100%;
  border-radius: 9px;
  border: solid 1px #202222;
  background-size: 20px 20px;
  background: turquoise;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  flex-direction: column;
  color: #fff;
}
.ray {
  width: 220px;
  height: 45px;
  border-radius: 100px;
  position: absolute;
  background-color: #c7c7c7;
  opacity: 0.4;
  box-shadow: 0 0 50px #fff;
  filter: blur(10px);
  transform-origin: 10%;
  top: 0%;
  left: 0;
  transform: rotate(40deg);
}

.card10 .text {
  font-weight: bolder;
  font-size: 220pxrem;
  background: linear-gradient(45deg, #000000 4%, #fff, #000);
  background-clip: text;
  color: black;
  text-align: center;
  font-family: Noto Naskh Arabic;
}

.line {
  width: 100%;
  height: 1px;
  position: absolute;
  background-color: #2c2c2c;
}
.topl {
  top: 10%;
  background: linear-gradient(90deg, #888888 30%, #1d1f1f 70%);
}
.bottoml {
  bottom: 10%;
}
.leftl {
  left: 10%;
  width: 1px;
  height: 100%;
  background: linear-gradient(180deg, #747474 30%, #222424 70%);
}
.rightl {
  right: 10%;
  width: 1px;
  height: 100%;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-b76d31c *//* From Uiverse.io by Spacious74 */ 
.outer {
  width: 250px;
  height: 250px;
  border-radius: 10px;
  padding: 1px;
  background: radial-gradient(circle 230px at 0% 0%, #ffffff, #0c0d0d);
  position: relative;
}

.dot {
  width: 5px;
  aspect-ratio: 1;
  position: absolute;
  background-color: #fff;
  box-shadow: 0 0 10px #ffffff;
  border-radius: 100px;
  z-index: 2;
  right: 10%;
  top: 10%;
  animation: moveDot 6s linear infinite;
}

@keyframes moveDot {
  0%,
  100% {
    top: 10%;
    right: 10%;
  }
  25% {
    top: 10%;
    right: calc(100% - 35px);
  }
  50% {
    top: calc(100% - 30px);
    right: calc(100% - 35px);
  }
  75% {
    top: calc(100% - 30px);
    right: 10%;
  }
}

.card11 {
  z-index: 1;
  width: 100%;
  height: 100%;
  border-radius: 9px;
  border: solid 1px #202222;
  background-size: 20px 20px;
  background: turquoise;;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  flex-direction: column;
  color: #fff;
}
.ray {
  width: 220px;
  height: 45px;
  border-radius: 100px;
  position: absolute;
  background-color: #c7c7c7;
  opacity: 0.4;
  box-shadow: 0 0 50px #fff;
  filter: blur(10px);
  transform-origin: 10%;
  top: 0%;
  left: 0;
  transform: rotate(40deg);
}

.card11 .text {
  font-weight: bolder;
  font-size: 220pxrem;
  background: linear-gradient(45deg, #000000 4%, #fff, #000);
  background-clip: text;
  color: black;
  text-align: center;
  font-family: Noto Naskh Arabic;
}

.line {
  width: 100%;
  height: 1px;
  position: absolute;
  background-color: #2c2c2c;
}
.topl {
  top: 10%;
  background: linear-gradient(90deg, #888888 30%, #1d1f1f 70%);
}
.bottoml {
  bottom: 10%;
}
.leftl {
  left: 10%;
  width: 1px;
  height: 100%;
  background: linear-gradient(180deg, #747474 30%, #222424 70%);
}
.rightl {
  right: 10%;
  width: 1px;
  height: 100%;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-717c04b *//* From Uiverse.io by Spacious74 */ 
.outer {
  width: 250px;
  height: 250px;
  border-radius: 10px;
  padding: 1px;
  background: radial-gradient(circle 230px at 0% 0%, #ffffff, #0c0d0d);
  position: relative;
}

.dot {
  width: 5px;
  aspect-ratio: 1;
  position: absolute;
  background-color: #fff;
  box-shadow: 0 0 10px #ffffff;
  border-radius: 100px;
  z-index: 2;
  right: 10%;
  top: 10%;
  animation: moveDot 6s linear infinite;
}

@keyframes moveDot {
  0%,
  100% {
    top: 10%;
    right: 10%;
  }
  25% {
    top: 10%;
    right: calc(100% - 35px);
  }
  50% {
    top: calc(100% - 30px);
    right: calc(100% - 35px);
  }
  75% {
    top: calc(100% - 30px);
    right: 10%;
  }
}

.card12 {
  z-index: 1;
  width: 100%;
  height: 100%;
  border-radius: 9px;
  border: solid 1px #202222;
  background-size: 20px 20px;
  background: turquoise;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  flex-direction: column;
  color: #fff;
}
.ray {
  width: 220px;
  height: 45px;
  border-radius: 100px;
  position: absolute;
  background-color: #c7c7c7;
  opacity: 0.4;
  box-shadow: 0 0 50px #fff;
  filter: blur(10px);
  transform-origin: 10%;
  top: 0%;
  left: 0;
  transform: rotate(40deg);
}

.card12 .text {
  font-weight: bolder;
  font-size: 220pxrem;
  background: black;
  background-clip: text;
  color: black;
  text-align: center;
  font-family: Noto Naskh Arabic;
}

.line {
  width: 100%;
  height: 1px;
  position: absolute;
  background-color: #2c2c2c;
}
.topl {
  top: 10%;
  background: linear-gradient(90deg, #888888 30%, #1d1f1f 70%);
}
.bottoml {
  bottom: 10%;
}
.leftl {
  left: 10%;
  width: 1px;
  height: 100%;
  background: linear-gradient(180deg, #747474 30%, #222424 70%);
}
.rightl {
  right: 10%;
  width: 1px;
  height: 100%;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-cf98d86 *//* From Uiverse.io by Spacious74 */ 
.outer {
  width: 250px;
  height: 250px;
  border-radius: 10px;
  padding: 1px;
  background: radial-gradient(circle 230px at 0% 0%, #ffffff, #0c0d0d);
  position: relative;
}

.dot {
  width: 5px;
  aspect-ratio: 1;
  position: absolute;
  background-color: #fff;
  box-shadow: 0 0 10px #ffffff;
  border-radius: 100px;
  z-index: 2;
  right: 10%;
  top: 10%;
  animation: moveDot 6s linear infinite;
}

@keyframes moveDot {
  0%,
  100% {
    top: 10%;
    right: 10%;
  }
  25% {
    top: 10%;
    right: calc(100% - 35px);
  }
  50% {
    top: calc(100% - 30px);
    right: calc(100% - 35px);
  }
  75% {
    top: calc(100% - 30px);
    right: 10%;
  }
}

.card13 {
  z-index: 1;
  width: 100%;
  height: 100%;
  border-radius: 9px;
  border: solid 1px #202222;
  background-size: 20px 20px;
  background: turquoise;;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  flex-direction: column;
  color: #fff;
}
.ray {
  width: 220px;
  height: 45px;
  border-radius: 100px;
  position: absolute;
  background-color: #c7c7c7;
  opacity: 0.4;
  box-shadow: 0 0 50px #fff;
  filter: blur(10px);
  transform-origin: 10%;
  top: 0%;
  left: 0;
  transform: rotate(40deg);
}

.card13 .text {
  font-weight: bolder;
  font-size: 220pxrem;
  background: linear-gradient(45deg, #000000 4%, #fff, #000);
  background-clip: text;
  color: black;
  text-align: center;
  font-family: Noto Naskh Arabic;
}

.line {
  width: 100%;
  height: 1px;
  position: absolute;
  background-color: #2c2c2c;
}
.topl {
  top: 10%;
  background: linear-gradient(90deg, #888888 30%, #1d1f1f 70%);
}
.bottoml {
  bottom: 10%;
}
.leftl {
  left: 10%;
  width: 1px;
  height: 100%;
  background: linear-gradient(180deg, #747474 30%, #222424 70%);
}
.rightl {
  right: 10%;
  width: 1px;
  height: 100%;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-33f9e17 *//* From Uiverse.io by Spacious74 */ 
.outer {
  width: 250px;
  height: 250px;
  border-radius: 10px;
  padding: 1px;
  background: radial-gradient(circle 230px at 0% 0%, #ffffff, #0c0d0d);
  position: relative;
}

.dot {
  width: 5px;
  aspect-ratio: 1;
  position: absolute;
  background-color: #fff;
  box-shadow: 0 0 10px #ffffff;
  border-radius: 100px;
  z-index: 2;
  right: 10%;
  top: 10%;
  animation: moveDot 6s linear infinite;
}

@keyframes moveDot {
  0%,
  100% {
    top: 10%;
    right: 10%;
  }
  25% {
    top: 10%;
    right: calc(100% - 35px);
  }
  50% {
    top: calc(100% - 30px);
    right: calc(100% - 35px);
  }
  75% {
    top: calc(100% - 30px);
    right: 10%;
  }
}

.card13 {
  z-index: 1;
  width: 100%;
  height: 100%;
  border-radius: 9px;
  border: solid 1px #202222;
  background-size: 20px 20px;
  background: turquoise;;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  flex-direction: column;
  color: #fff;
}
.ray {
  width: 220px;
  height: 45px;
  border-radius: 100px;
  position: absolute;
  background-color: #c7c7c7;
  opacity: 0.4;
  box-shadow: 0 0 50px #fff;
  filter: blur(10px);
  transform-origin: 10%;
  top: 0%;
  left: 0;
  transform: rotate(40deg);
}

.card13 .text {
  font-weight: bolder;
  font-size: 220pxrem;
  background: linear-gradient(45deg, #000000 4%, #fff, #000);
  background-clip: text;
  color: black;
  text-align: center;
  font-family: Noto Naskh Arabic;
}

.line {
  width: 100%;
  height: 1px;
  position: absolute;
  background-color: #2c2c2c;
}
.topl {
  top: 10%;
  background: linear-gradient(90deg, #888888 30%, #1d1f1f 70%);
}
.bottoml {
  bottom: 10%;
}
.leftl {
  left: 10%;
  width: 1px;
  height: 100%;
  background: linear-gradient(180deg, #747474 30%, #222424 70%);
}
.rightl {
  right: 10%;
  width: 1px;
  height: 100%;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-6762860 *//* From Uiverse.io by Spacious74 */ 
.outer {
  width: 250px;
  height: 250px;
  border-radius: 10px;
  padding: 1px;
  background: radial-gradient(circle 230px at 0% 0%, #ffffff, #0c0d0d);
  position: relative;
}

.dot {
  width: 5px;
  aspect-ratio: 1;
  position: absolute;
  background-color: #fff;
  box-shadow: 0 0 10px #ffffff;
  border-radius: 100px;
  z-index: 2;
  right: 10%;
  top: 10%;
  animation: moveDot 6s linear infinite;
}

@keyframes moveDot {
  0%,
  100% {
    top: 10%;
    right: 10%;
  }
  25% {
    top: 10%;
    right: calc(100% - 35px);
  }
  50% {
    top: calc(100% - 30px);
    right: calc(100% - 35px);
  }
  75% {
    top: calc(100% - 30px);
    right: 10%;
  }
}

.card10 {
  z-index: 1;
  width: 100%;
  height: 100%;
  border-radius: 9px;
  border: solid 1px #202222;
  background-size: 20px 20px;
  background: turquoise;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  flex-direction: column;
  color: #fff;
}
.ray {
  width: 220px;
  height: 45px;
  border-radius: 100px;
  position: absolute;
  background-color: #c7c7c7;
  opacity: 0.4;
  box-shadow: 0 0 50px #fff;
  filter: blur(10px);
  transform-origin: 10%;
  top: 0%;
  left: 0;
  transform: rotate(40deg);
}

.card10 .text {
  font-weight: bolder;
  font-size: 220pxrem;
  background: linear-gradient(45deg, #000000 4%, #fff, #000);
  background-clip: text;
  color: black;
  text-align: center;
  font-family: Noto Naskh Arabic;
}

.line {
  width: 100%;
  height: 1px;
  position: absolute;
  background-color: #2c2c2c;
}
.topl {
  top: 10%;
  background: linear-gradient(90deg, #888888 30%, #1d1f1f 70%);
}
.bottoml {
  bottom: 10%;
}
.leftl {
  left: 10%;
  width: 1px;
  height: 100%;
  background: linear-gradient(180deg, #747474 30%, #222424 70%);
}
.rightl {
  right: 10%;
  width: 1px;
  height: 100%;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-e4e37bf *//* From Uiverse.io by Spacious74 */ 
.outer {
  width: 250px;
  height: 250px;
  border-radius: 10px;
  padding: 1px;
  background: radial-gradient(circle 230px at 0% 0%, #ffffff, #0c0d0d);
  position: relative;
}

.dot {
  width: 5px;
  aspect-ratio: 1;
  position: absolute;
  background-color: #fff;
  box-shadow: 0 0 10px #ffffff;
  border-radius: 100px;
  z-index: 2;
  right: 10%;
  top: 10%;
  animation: moveDot 6s linear infinite;
}

@keyframes moveDot {
  0%,
  100% {
    top: 10%;
    right: 10%;
  }
  25% {
    top: 10%;
    right: calc(100% - 35px);
  }
  50% {
    top: calc(100% - 30px);
    right: calc(100% - 35px);
  }
  75% {
    top: calc(100% - 30px);
    right: 10%;
  }
}

.card11 {
  z-index: 1;
  width: 100%;
  height: 100%;
  border-radius: 9px;
  border: solid 1px #202222;
  background-size: 20px 20px;
  background: turquoise;;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  flex-direction: column;
  color: #fff;
}
.ray {
  width: 220px;
  height: 45px;
  border-radius: 100px;
  position: absolute;
  background-color: #c7c7c7;
  opacity: 0.4;
  box-shadow: 0 0 50px #fff;
  filter: blur(10px);
  transform-origin: 10%;
  top: 0%;
  left: 0;
  transform: rotate(40deg);
}

.card11 .text {
  font-weight: bolder;
  font-size: 220pxrem;
  background: linear-gradient(45deg, #000000 4%, #fff, #000);
  background-clip: text;
  color: black;
  text-align: center;
  font-family: Noto Naskh Arabic;
}

.line {
  width: 100%;
  height: 1px;
  position: absolute;
  background-color: #2c2c2c;
}
.topl {
  top: 10%;
  background: linear-gradient(90deg, #888888 30%, #1d1f1f 70%);
}
.bottoml {
  bottom: 10%;
}
.leftl {
  left: 10%;
  width: 1px;
  height: 100%;
  background: linear-gradient(180deg, #747474 30%, #222424 70%);
}
.rightl {
  right: 10%;
  width: 1px;
  height: 100%;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-c177d0e *//* From Uiverse.io by Spacious74 */ 
.outer {
  width: 250px;
  height: 250px;
  border-radius: 10px;
  padding: 1px;
  background: radial-gradient(circle 230px at 0% 0%, #ffffff, #0c0d0d);
  position: relative;
}

.dot {
  width: 5px;
  aspect-ratio: 1;
  position: absolute;
  background-color: #fff;
  box-shadow: 0 0 10px #ffffff;
  border-radius: 100px;
  z-index: 2;
  right: 10%;
  top: 10%;
  animation: moveDot 6s linear infinite;
}

@keyframes moveDot {
  0%,
  100% {
    top: 10%;
    right: 10%;
  }
  25% {
    top: 10%;
    right: calc(100% - 35px);
  }
  50% {
    top: calc(100% - 30px);
    right: calc(100% - 35px);
  }
  75% {
    top: calc(100% - 30px);
    right: 10%;
  }
}

.card12 {
  z-index: 1;
  width: 100%;
  height: 100%;
  border-radius: 9px;
  border: solid 1px #202222;
  background-size: 20px 20px;
  background: turquoise;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  flex-direction: column;
  color: #fff;
}
.ray {
  width: 220px;
  height: 45px;
  border-radius: 100px;
  position: absolute;
  background-color: #c7c7c7;
  opacity: 0.4;
  box-shadow: 0 0 50px #fff;
  filter: blur(10px);
  transform-origin: 10%;
  top: 0%;
  left: 0;
  transform: rotate(40deg);
}

.card12 .text {
  font-weight: bolder;
  font-size: 220pxrem;
  background: black;
  background-clip: text;
  color: black;
  text-align: center;
  font-family: Noto Naskh Arabic;
}

.line {
  width: 100%;
  height: 1px;
  position: absolute;
  background-color: #2c2c2c;
}
.topl {
  top: 10%;
  background: linear-gradient(90deg, #888888 30%, #1d1f1f 70%);
}
.bottoml {
  bottom: 10%;
}
.leftl {
  left: 10%;
  width: 1px;
  height: 100%;
  background: linear-gradient(180deg, #747474 30%, #222424 70%);
}
.rightl {
  right: 10%;
  width: 1px;
  height: 100%;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-caf4dd4 *//* From Uiverse.io by Spacious74 */ 
.outer {
  width: 250px;
  height: 250px;
  border-radius: 10px;
  padding: 1px;
  background: radial-gradient(circle 230px at 0% 0%, #ffffff, #0c0d0d);
  position: relative;
}

.dot {
  width: 5px;
  aspect-ratio: 1;
  position: absolute;
  background-color: #fff;
  box-shadow: 0 0 10px #ffffff;
  border-radius: 100px;
  z-index: 2;
  right: 10%;
  top: 10%;
  animation: moveDot 6s linear infinite;
}

@keyframes moveDot {
  0%,
  100% {
    top: 10%;
    right: 10%;
  }
  25% {
    top: 10%;
    right: calc(100% - 35px);
  }
  50% {
    top: calc(100% - 30px);
    right: calc(100% - 35px);
  }
  75% {
    top: calc(100% - 30px);
    right: 10%;
  }
}

.card13 {
  z-index: 1;
  width: 100%;
  height: 100%;
  border-radius: 9px;
  border: solid 1px #202222;
  background-size: 20px 20px;
  background: turquoise;;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  flex-direction: column;
  color: #fff;
}
.ray {
  width: 220px;
  height: 45px;
  border-radius: 100px;
  position: absolute;
  background-color: #c7c7c7;
  opacity: 0.4;
  box-shadow: 0 0 50px #fff;
  filter: blur(10px);
  transform-origin: 10%;
  top: 0%;
  left: 0;
  transform: rotate(40deg);
}

.card13 .text {
  font-weight: bolder;
  font-size: 220pxrem;
  background: linear-gradient(45deg, #000000 4%, #fff, #000);
  background-clip: text;
  color: black;
  text-align: center;
  font-family: Noto Naskh Arabic;
}

.line {
  width: 100%;
  height: 1px;
  position: absolute;
  background-color: #2c2c2c;
}
.topl {
  top: 10%;
  background: linear-gradient(90deg, #888888 30%, #1d1f1f 70%);
}
.bottoml {
  bottom: 10%;
}
.leftl {
  left: 10%;
  width: 1px;
  height: 100%;
  background: linear-gradient(180deg, #747474 30%, #222424 70%);
}
.rightl {
  right: 10%;
  width: 1px;
  height: 100%;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-728f56d *//* From Uiverse.io by Spacious74 */ 
.outer {
  width: 250px;
  height: 250px;
  border-radius: 10px;
  padding: 1px;
  background: radial-gradient(circle 230px at 0% 0%, #ffffff, #0c0d0d);
  position: relative;
}

.dot {
  width: 5px;
  aspect-ratio: 1;
  position: absolute;
  background-color: #fff;
  box-shadow: 0 0 10px #ffffff;
  border-radius: 100px;
  z-index: 2;
  right: 10%;
  top: 10%;
  animation: moveDot 6s linear infinite;
}

@keyframes moveDot {
  0%,
  100% {
    top: 10%;
    right: 10%;
  }
  25% {
    top: 10%;
    right: calc(100% - 35px);
  }
  50% {
    top: calc(100% - 30px);
    right: calc(100% - 35px);
  }
  75% {
    top: calc(100% - 30px);
    right: 10%;
  }
}

.card13 {
  z-index: 1;
  width: 100%;
  height: 100%;
  border-radius: 9px;
  border: solid 1px #202222;
  background-size: 20px 20px;
  background: turquoise;;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  flex-direction: column;
  color: #fff;
}
.ray {
  width: 220px;
  height: 45px;
  border-radius: 100px;
  position: absolute;
  background-color: #c7c7c7;
  opacity: 0.4;
  box-shadow: 0 0 50px #fff;
  filter: blur(10px);
  transform-origin: 10%;
  top: 0%;
  left: 0;
  transform: rotate(40deg);
}

.card13 .text {
  font-weight: bolder;
  font-size: 220pxrem;
  background: linear-gradient(45deg, #000000 4%, #fff, #000);
  background-clip: text;
  color: black;
  text-align: center;
  font-family: Noto Naskh Arabic;
}

.line {
  width: 100%;
  height: 1px;
  position: absolute;
  background-color: #2c2c2c;
}
.topl {
  top: 10%;
  background: linear-gradient(90deg, #888888 30%, #1d1f1f 70%);
}
.bottoml {
  bottom: 10%;
}
.leftl {
  left: 10%;
  width: 1px;
  height: 100%;
  background: linear-gradient(180deg, #747474 30%, #222424 70%);
}
.rightl {
  right: 10%;
  width: 1px;
  height: 100%;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-b46dad6 *//* From Uiverse.io by Spacious74 */ 
.outer {
  width: 250px;
  height: 250px;
  border-radius: 10px;
  padding: 1px;
  background: radial-gradient(circle 230px at 0% 0%, #ffffff, #0c0d0d);
  position: relative;
}

.dot {
  width: 5px;
  aspect-ratio: 1;
  position: absolute;
  background-color: #fff;
  box-shadow: 0 0 10px #ffffff;
  border-radius: 100px;
  z-index: 2;
  right: 10%;
  top: 10%;
  animation: moveDot 6s linear infinite;
}

@keyframes moveDot {
  0%,
  100% {
    top: 10%;
    right: 10%;
  }
  25% {
    top: 10%;
    right: calc(100% - 35px);
  }
  50% {
    top: calc(100% - 30px);
    right: calc(100% - 35px);
  }
  75% {
    top: calc(100% - 30px);
    right: 10%;
  }
}

.card10 {
  z-index: 1;
  width: 100%;
  height: 100%;
  border-radius: 9px;
  border: solid 1px #202222;
  background-size: 20px 20px;
  background: turquoise;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  flex-direction: column;
  color: #fff;
}
.ray {
  width: 220px;
  height: 45px;
  border-radius: 100px;
  position: absolute;
  background-color: #c7c7c7;
  opacity: 0.4;
  box-shadow: 0 0 50px #fff;
  filter: blur(10px);
  transform-origin: 10%;
  top: 0%;
  left: 0;
  transform: rotate(40deg);
}

.card10 .text {
  font-weight: bolder;
  font-size: 220pxrem;
  background: linear-gradient(45deg, #000000 4%, #fff, #000);
  background-clip: text;
  color: black;
  text-align: center;
  font-family: Noto Naskh Arabic;
}

.line {
  width: 100%;
  height: 1px;
  position: absolute;
  background-color: #2c2c2c;
}
.topl {
  top: 10%;
  background: linear-gradient(90deg, #888888 30%, #1d1f1f 70%);
}
.bottoml {
  bottom: 10%;
}
.leftl {
  left: 10%;
  width: 1px;
  height: 100%;
  background: linear-gradient(180deg, #747474 30%, #222424 70%);
}
.rightl {
  right: 10%;
  width: 1px;
  height: 100%;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-2823350 *//* From Uiverse.io by Spacious74 */ 
.outer {
  width: 250px;
  height: 250px;
  border-radius: 10px;
  padding: 1px;
  background: radial-gradient(circle 230px at 0% 0%, #ffffff, #0c0d0d);
  position: relative;
}

.dot {
  width: 5px;
  aspect-ratio: 1;
  position: absolute;
  background-color: #fff;
  box-shadow: 0 0 10px #ffffff;
  border-radius: 100px;
  z-index: 2;
  right: 10%;
  top: 10%;
  animation: moveDot 6s linear infinite;
}

@keyframes moveDot {
  0%,
  100% {
    top: 10%;
    right: 10%;
  }
  25% {
    top: 10%;
    right: calc(100% - 35px);
  }
  50% {
    top: calc(100% - 30px);
    right: calc(100% - 35px);
  }
  75% {
    top: calc(100% - 30px);
    right: 10%;
  }
}

.card11 {
  z-index: 1;
  width: 100%;
  height: 100%;
  border-radius: 9px;
  border: solid 1px #202222;
  background-size: 20px 20px;
  background: turquoise;;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  flex-direction: column;
  color: #fff;
}
.ray {
  width: 220px;
  height: 45px;
  border-radius: 100px;
  position: absolute;
  background-color: #c7c7c7;
  opacity: 0.4;
  box-shadow: 0 0 50px #fff;
  filter: blur(10px);
  transform-origin: 10%;
  top: 0%;
  left: 0;
  transform: rotate(40deg);
}

.card11 .text {
  font-weight: bolder;
  font-size: 220pxrem;
  background: linear-gradient(45deg, #000000 4%, #fff, #000);
  background-clip: text;
  color: black;
  text-align: center;
  font-family: Noto Naskh Arabic;
}

.line {
  width: 100%;
  height: 1px;
  position: absolute;
  background-color: #2c2c2c;
}
.topl {
  top: 10%;
  background: linear-gradient(90deg, #888888 30%, #1d1f1f 70%);
}
.bottoml {
  bottom: 10%;
}
.leftl {
  left: 10%;
  width: 1px;
  height: 100%;
  background: linear-gradient(180deg, #747474 30%, #222424 70%);
}
.rightl {
  right: 10%;
  width: 1px;
  height: 100%;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-cbe3a0e *//* From Uiverse.io by Spacious74 */ 
.outer {
  width: 250px;
  height: 250px;
  border-radius: 10px;
  padding: 1px;
  background: radial-gradient(circle 230px at 0% 0%, #ffffff, #0c0d0d);
  position: relative;
}

.dot {
  width: 5px;
  aspect-ratio: 1;
  position: absolute;
  background-color: #fff;
  box-shadow: 0 0 10px #ffffff;
  border-radius: 100px;
  z-index: 2;
  right: 10%;
  top: 10%;
  animation: moveDot 6s linear infinite;
}

@keyframes moveDot {
  0%,
  100% {
    top: 10%;
    right: 10%;
  }
  25% {
    top: 10%;
    right: calc(100% - 35px);
  }
  50% {
    top: calc(100% - 30px);
    right: calc(100% - 35px);
  }
  75% {
    top: calc(100% - 30px);
    right: 10%;
  }
}

.card12 {
  z-index: 1;
  width: 100%;
  height: 100%;
  border-radius: 9px;
  border: solid 1px #202222;
  background-size: 20px 20px;
  background: turquoise;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  flex-direction: column;
  color: #fff;
}
.ray {
  width: 220px;
  height: 45px;
  border-radius: 100px;
  position: absolute;
  background-color: #c7c7c7;
  opacity: 0.4;
  box-shadow: 0 0 50px #fff;
  filter: blur(10px);
  transform-origin: 10%;
  top: 0%;
  left: 0;
  transform: rotate(40deg);
}

.card12 .text {
  font-weight: bolder;
  font-size: 220pxrem;
  background: black;
  background-clip: text;
  color: black;
  text-align: center;
  font-family: Noto Naskh Arabic;
}

.line {
  width: 100%;
  height: 1px;
  position: absolute;
  background-color: #2c2c2c;
}
.topl {
  top: 10%;
  background: linear-gradient(90deg, #888888 30%, #1d1f1f 70%);
}
.bottoml {
  bottom: 10%;
}
.leftl {
  left: 10%;
  width: 1px;
  height: 100%;
  background: linear-gradient(180deg, #747474 30%, #222424 70%);
}
.rightl {
  right: 10%;
  width: 1px;
  height: 100%;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-f58ed68 *//* From Uiverse.io by Spacious74 */ 
.outer {
  width: 250px;
  height: 250px;
  border-radius: 10px;
  padding: 1px;
  background: radial-gradient(circle 230px at 0% 0%, #ffffff, #0c0d0d);
  position: relative;
}

.dot {
  width: 5px;
  aspect-ratio: 1;
  position: absolute;
  background-color: #fff;
  box-shadow: 0 0 10px #ffffff;
  border-radius: 100px;
  z-index: 2;
  right: 10%;
  top: 10%;
  animation: moveDot 6s linear infinite;
}

@keyframes moveDot {
  0%,
  100% {
    top: 10%;
    right: 10%;
  }
  25% {
    top: 10%;
    right: calc(100% - 35px);
  }
  50% {
    top: calc(100% - 30px);
    right: calc(100% - 35px);
  }
  75% {
    top: calc(100% - 30px);
    right: 10%;
  }
}

.card13 {
  z-index: 1;
  width: 100%;
  height: 100%;
  border-radius: 9px;
  border: solid 1px #202222;
  background-size: 20px 20px;
  background: turquoise;;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  flex-direction: column;
  color: #fff;
}
.ray {
  width: 220px;
  height: 45px;
  border-radius: 100px;
  position: absolute;
  background-color: #c7c7c7;
  opacity: 0.4;
  box-shadow: 0 0 50px #fff;
  filter: blur(10px);
  transform-origin: 10%;
  top: 0%;
  left: 0;
  transform: rotate(40deg);
}

.card13 .text {
  font-weight: bolder;
  font-size: 220pxrem;
  background: linear-gradient(45deg, #000000 4%, #fff, #000);
  background-clip: text;
  color: black;
  text-align: center;
  font-family: Noto Naskh Arabic;
}

.line {
  width: 100%;
  height: 1px;
  position: absolute;
  background-color: #2c2c2c;
}
.topl {
  top: 10%;
  background: linear-gradient(90deg, #888888 30%, #1d1f1f 70%);
}
.bottoml {
  bottom: 10%;
}
.leftl {
  left: 10%;
  width: 1px;
  height: 100%;
  background: linear-gradient(180deg, #747474 30%, #222424 70%);
}
.rightl {
  right: 10%;
  width: 1px;
  height: 100%;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-a837926 *//* From Uiverse.io by Spacious74 */ 
.outer {
  width: 250px;
  height: 250px;
  border-radius: 10px;
  padding: 1px;
  background: radial-gradient(circle 230px at 0% 0%, #ffffff, #0c0d0d);
  position: relative;
}

.dot {
  width: 5px;
  aspect-ratio: 1;
  position: absolute;
  background-color: #fff;
  box-shadow: 0 0 10px #ffffff;
  border-radius: 100px;
  z-index: 2;
  right: 10%;
  top: 10%;
  animation: moveDot 6s linear infinite;
}

@keyframes moveDot {
  0%,
  100% {
    top: 10%;
    right: 10%;
  }
  25% {
    top: 10%;
    right: calc(100% - 35px);
  }
  50% {
    top: calc(100% - 30px);
    right: calc(100% - 35px);
  }
  75% {
    top: calc(100% - 30px);
    right: 10%;
  }
}

.card13 {
  z-index: 1;
  width: 100%;
  height: 100%;
  border-radius: 9px;
  border: solid 1px #202222;
  background-size: 20px 20px;
  background: turquoise;;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  flex-direction: column;
  color: #fff;
}
.ray {
  width: 220px;
  height: 45px;
  border-radius: 100px;
  position: absolute;
  background-color: #c7c7c7;
  opacity: 0.4;
  box-shadow: 0 0 50px #fff;
  filter: blur(10px);
  transform-origin: 10%;
  top: 0%;
  left: 0;
  transform: rotate(40deg);
}

.card13 .text {
  font-weight: bolder;
  font-size: 220pxrem;
  background: linear-gradient(45deg, #000000 4%, #fff, #000);
  background-clip: text;
  color: black;
  text-align: center;
  font-family: Noto Naskh Arabic;
}

.line {
  width: 100%;
  height: 1px;
  position: absolute;
  background-color: #2c2c2c;
}
.topl {
  top: 10%;
  background: linear-gradient(90deg, #888888 30%, #1d1f1f 70%);
}
.bottoml {
  bottom: 10%;
}
.leftl {
  left: 10%;
  width: 1px;
  height: 100%;
  background: linear-gradient(180deg, #747474 30%, #222424 70%);
}
.rightl {
  right: 10%;
  width: 1px;
  height: 100%;
}/* End custom CSS */