.elementor-5148 .elementor-element.elementor-element-5a634da{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:156px;--padding-bottom:-7px;--padding-left:0px;--padding-right:0px;}.elementor-5148 .elementor-element.elementor-element-5a634da:not(.elementor-motion-effects-element-type-background), .elementor-5148 .elementor-element.elementor-element-5a634da > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:transparent;background-image:linear-gradient(180deg, #0C0227 0%, #009FFF 100%);}.elementor-5148 .elementor-element.elementor-element-96c4aa7{--display:flex;border-style:solid;--border-style:solid;border-color:#000000;--border-color:#000000;box-shadow:2px 20px 10px 0px rgba(0,0,0,0.5);}.elementor-5148 .elementor-element.elementor-element-96c4aa7:not(.elementor-motion-effects-element-type-background), .elementor-5148 .elementor-element.elementor-element-96c4aa7 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#000000;}.elementor-5148 .elementor-element.elementor-element-29f41fe{width:initial;max-width:initial;}.elementor-5148 .elementor-element.elementor-element-29f41fe > .elementor-widget-container{margin:-70px 0px 0px 0px;padding:-5px 0px 0px 0px;}.elementor-5148 .elementor-element.elementor-element-29f41fe.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-5148 .elementor-element.elementor-element-29f41fe img{border-radius:50px 50px 50px 50px;box-shadow:0px 0px 10px 0px rgba(0,0,0,0.5);}.elementor-5148 .elementor-element.elementor-element-1fb093d.elementor-element{--align-self:center;}.elementor-5148 .elementor-element.elementor-element-1fb093d .elementor-heading-title{font-size:3.4vw;color:#009FFF;}.elementor-5148 .elementor-element.elementor-element-c20e46b{text-align:center;}.elementor-5148 .elementor-element.elementor-element-c20e46b .elementor-heading-title{font-size:1.5vw;color:#00FFB9;}.elementor-5148 .elementor-element.elementor-element-e503145{text-align:center;}.elementor-5148 .elementor-element.elementor-element-e503145 .elementor-heading-title{font-size:1.5vw;color:#00FFB9;}.elementor-5148 .elementor-element.elementor-element-bb03f33{text-align:center;}.elementor-5148 .elementor-element.elementor-element-bb03f33 .elementor-heading-title{font-size:1.5vw;color:#00FFB9;}.elementor-5148 .elementor-element.elementor-element-f5d9519{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;}.elementor-5148 .elementor-element.elementor-element-f5d9519:not(.elementor-motion-effects-element-type-background), .elementor-5148 .elementor-element.elementor-element-f5d9519 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#000000;}.elementor-5148 .elementor-element.elementor-element-ec9b7ff{--display:flex;--min-height:201px;--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--gap:18px 18px;--row-gap:18px;--column-gap:18px;}.elementor-5148 .elementor-element.elementor-element-ec9b7ff.e-con{--align-self:center;--order:-99999 /* order start hack */;--flex-grow:0;--flex-shrink:0;}.elementor-5148 .elementor-element.elementor-element-8af03d2 .elementor-heading-title{font-size:1.5vw;color:#00FFB9;}.elementor-5148 .elementor-element.elementor-element-9a5c5ff svg{width:53px;height:55px;}.elementor-5148 .elementor-element.elementor-element-9a5c5ff .eael-svg-draw-container{text-align:center;}.elementor-5148 .elementor-element.elementor-element-9a5c5ff svg path{stroke-width:2.1;stroke:#11CBE4;}.elementor-5148 .elementor-element.elementor-element-9a5c5ff svg circle{stroke-width:2.1;stroke:#11CBE4;}.elementor-5148 .elementor-element.elementor-element-9a5c5ff svg rect{stroke-width:2.1;stroke:#11CBE4;}.elementor-5148 .elementor-element.elementor-element-9a5c5ff svg polygon{stroke-width:2.1;stroke:#11CBE4;}.elementor-5148 .elementor-element.elementor-element-bbe7bb5 .elementor-button{background-color:#000000;font-size:0.9vw;fill:#7200FF;color:#7200FF;box-shadow:0px 0px 10px 4px rgba(114.19565217391312, 0, 255, 0.25);transition-duration:0s;border-style:solid;border-width:2px 2px 2px 2px;border-radius:2px 20px 0px 20px;}.elementor-5148 .elementor-element.elementor-element-bbe7bb5 .elementor-button:hover, .elementor-5148 .elementor-element.elementor-element-bbe7bb5 .elementor-button:focus{background-color:#020202;color:#0098FF;}.elementor-5148 .elementor-element.elementor-element-bbe7bb5 .elementor-button:hover svg, .elementor-5148 .elementor-element.elementor-element-bbe7bb5 .elementor-button:focus svg{fill:#0098FF;}.elementor-5148 .elementor-element.elementor-element-e2d62b8{--display:flex;--min-height:201px;--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--gap:18px 18px;--row-gap:18px;--column-gap:18px;}.elementor-5148 .elementor-element.elementor-element-e2d62b8.e-con{--align-self:center;--order:-99999 /* order start hack */;--flex-grow:0;--flex-shrink:0;}.elementor-5148 .elementor-element.elementor-element-ccb52b2 .elementor-heading-title{font-size:1.5vw;color:#00FFB9;}.elementor-5148 .elementor-element.elementor-element-e5ef919 svg{width:53px;height:55px;}.elementor-5148 .elementor-element.elementor-element-e5ef919 .eael-svg-draw-container{text-align:center;}.elementor-5148 .elementor-element.elementor-element-e5ef919 svg path{stroke-width:2.1;stroke:#11CBE4;}.elementor-5148 .elementor-element.elementor-element-e5ef919 svg circle{stroke-width:2.1;stroke:#11CBE4;}.elementor-5148 .elementor-element.elementor-element-e5ef919 svg rect{stroke-width:2.1;stroke:#11CBE4;}.elementor-5148 .elementor-element.elementor-element-e5ef919 svg polygon{stroke-width:2.1;stroke:#11CBE4;}.elementor-5148 .elementor-element.elementor-element-920ec77{--display:flex;--min-height:201px;--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--gap:18px 18px;--row-gap:18px;--column-gap:18px;}.elementor-5148 .elementor-element.elementor-element-920ec77.e-con{--align-self:center;--order:-99999 /* order start hack */;--flex-grow:0;--flex-shrink:0;}.elementor-5148 .elementor-element.elementor-element-99ab97d .elementor-heading-title{font-size:1.5vw;color:#00FFB9;}.elementor-5148 .elementor-element.elementor-element-dd7da3a svg{width:53px;height:55px;}.elementor-5148 .elementor-element.elementor-element-dd7da3a .eael-svg-draw-container{text-align:center;}.elementor-5148 .elementor-element.elementor-element-dd7da3a svg path{stroke-width:2.1;stroke:#11CBE4;}.elementor-5148 .elementor-element.elementor-element-dd7da3a svg circle{stroke-width:2.1;stroke:#11CBE4;}.elementor-5148 .elementor-element.elementor-element-dd7da3a svg rect{stroke-width:2.1;stroke:#11CBE4;}.elementor-5148 .elementor-element.elementor-element-dd7da3a svg polygon{stroke-width:2.1;stroke:#11CBE4;}.elementor-5148 .elementor-element.elementor-element-cb97251{--display:flex;--min-height:201px;--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--gap:18px 18px;--row-gap:18px;--column-gap:18px;}.elementor-5148 .elementor-element.elementor-element-cb97251.e-con{--align-self:center;--order:-99999 /* order start hack */;--flex-grow:0;--flex-shrink:0;}.elementor-5148 .elementor-element.elementor-element-cf0291b .elementor-heading-title{font-size:1.5vw;color:#00FFB9;}.elementor-5148 .elementor-element.elementor-element-46e73e8 svg{width:53px;height:55px;}.elementor-5148 .elementor-element.elementor-element-46e73e8 .eael-svg-draw-container{text-align:center;}.elementor-5148 .elementor-element.elementor-element-46e73e8 svg path{stroke-width:2.1;stroke:#11CBE4;}.elementor-5148 .elementor-element.elementor-element-46e73e8 svg circle{stroke-width:2.1;stroke:#11CBE4;}.elementor-5148 .elementor-element.elementor-element-46e73e8 svg rect{stroke-width:2.1;stroke:#11CBE4;}.elementor-5148 .elementor-element.elementor-element-46e73e8 svg polygon{stroke-width:2.1;stroke:#11CBE4;}.elementor-5148 .elementor-element.elementor-element-0f40ad0{--display:flex;--min-height:201px;--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--gap:18px 18px;--row-gap:18px;--column-gap:18px;}.elementor-5148 .elementor-element.elementor-element-0f40ad0.e-con{--align-self:center;--order:-99999 /* order start hack */;--flex-grow:0;--flex-shrink:0;}.elementor-5148 .elementor-element.elementor-element-45edfa1 .elementor-heading-title{font-size:1.5vw;color:#00FFB9;}.elementor-5148 .elementor-element.elementor-element-4da3920 svg{width:53px;height:55px;}.elementor-5148 .elementor-element.elementor-element-4da3920 .eael-svg-draw-container{text-align:center;}.elementor-5148 .elementor-element.elementor-element-4da3920 svg path{stroke-width:2.1;stroke:#11CBE4;}.elementor-5148 .elementor-element.elementor-element-4da3920 svg circle{stroke-width:2.1;stroke:#11CBE4;}.elementor-5148 .elementor-element.elementor-element-4da3920 svg rect{stroke-width:2.1;stroke:#11CBE4;}.elementor-5148 .elementor-element.elementor-element-4da3920 svg polygon{stroke-width:2.1;stroke:#11CBE4;}.elementor-5148 .elementor-element.elementor-element-eda93bc{--display:flex;--min-height:201px;--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--gap:18px 18px;--row-gap:18px;--column-gap:18px;}.elementor-5148 .elementor-element.elementor-element-eda93bc.e-con{--align-self:center;--order:-99999 /* order start hack */;--flex-grow:0;--flex-shrink:0;}.elementor-5148 .elementor-element.elementor-element-436317c .elementor-heading-title{font-size:1.5vw;color:#00FFB9;}.elementor-5148 .elementor-element.elementor-element-9bddbe6 svg{width:53px;height:55px;}.elementor-5148 .elementor-element.elementor-element-9bddbe6 .eael-svg-draw-container{text-align:center;}.elementor-5148 .elementor-element.elementor-element-9bddbe6 svg path{stroke-width:2.1;stroke:#11CBE4;}.elementor-5148 .elementor-element.elementor-element-9bddbe6 svg circle{stroke-width:2.1;stroke:#11CBE4;}.elementor-5148 .elementor-element.elementor-element-9bddbe6 svg rect{stroke-width:2.1;stroke:#11CBE4;}.elementor-5148 .elementor-element.elementor-element-9bddbe6 svg polygon{stroke-width:2.1;stroke:#11CBE4;}.elementor-5148 .elementor-element.elementor-element-f4b2671{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-5148 .elementor-element.elementor-element-5b21681{text-align:center;}.elementor-5148 .elementor-element.elementor-element-5b21681 .elementor-heading-title{-webkit-text-stroke-width:0.1px;stroke-width:0.1px;-webkit-text-stroke-color:#4806FF;stroke:#4806FF;text-shadow:2px 2px 6px rgba(0, 255, 238.36956521739134, 0.78);color:#00EEFF;}.elementor-5148 .elementor-element.elementor-element-76edb2a{--display:flex;}.elementor-5148 .elementor-element.elementor-element-5cef97e{--display:flex;}.elementor-5148 .elementor-element.elementor-element-faf6672{--e-n-carousel-swiper-slides-to-display:2;--e-n-carousel-swiper-slides-gap:10px;--e-n-carousel-slide-height:auto;--e-n-carousel-slide-container-height:100%;}.elementor-5148 .elementor-element.elementor-element-faf6672 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-5148 .elementor-element.elementor-element-82dc838{text-align:center;}.elementor-5148 .elementor-element.elementor-element-82dc838 .elementor-heading-title{-webkit-text-stroke-width:0.1px;stroke-width:0.1px;-webkit-text-stroke-color:#4806FF;stroke:#4806FF;text-shadow:2px 2px 6px rgba(0, 255, 238.36956521739134, 0.78);color:#00EEFF;}.elementor-5148 .elementor-element.elementor-element-c0635e5{--display:flex;}.elementor-5148 .elementor-element.elementor-element-6322626{--display:flex;}.elementor-5148 .elementor-element.elementor-element-a1c5c15{--e-n-carousel-swiper-slides-to-display:2;--e-n-carousel-swiper-slides-gap:10px;--e-n-carousel-slide-height:auto;--e-n-carousel-slide-container-height:100%;}.elementor-5148 .elementor-element.elementor-element-a1c5c15 > .elementor-widget-container{margin:0px 0px 0px 0px;}body.elementor-page-5148:not(.elementor-motion-effects-element-type-background), body.elementor-page-5148 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#000000;}:root{--page-title-display:none;}@media(max-width:1024px){.elementor-5148 .elementor-element.elementor-element-faf6672{--e-n-carousel-swiper-slides-to-display:2;}.elementor-5148 .elementor-element.elementor-element-a1c5c15{--e-n-carousel-swiper-slides-to-display:2;}}@media(max-width:767px){.elementor-5148 .elementor-element.elementor-element-5a634da{--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:105px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-5148 .elementor-element.elementor-element-5a634da:not(.elementor-motion-effects-element-type-background), .elementor-5148 .elementor-element.elementor-element-5a634da > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:transparent;background-image:linear-gradient(163deg, #0C0227 0%, #009FFF 67%);}.elementor-5148 .elementor-element.elementor-element-96c4aa7{--width:100vw;--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;--justify-content:center;--align-items:center;border-width:1px 1px 1px 1px;--border-top-width:1px;--border-right-width:1px;--border-bottom-width:1px;--border-left-width:1px;--border-radius:20px 20px 0px 0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-5148 .elementor-element.elementor-element-96c4aa7.e-con{--align-self:center;}.elementor-5148 .elementor-element.elementor-element-29f41fe{width:var( --container-widget-width, 93px );max-width:93px;--container-widget-width:93px;--container-widget-flex-grow:0;}.elementor-5148 .elementor-element.elementor-element-29f41fe > .elementor-widget-container{margin:-55px 0px 0px 0px;}.elementor-5148 .elementor-element.elementor-element-1fb093d{text-align:center;}.elementor-5148 .elementor-element.elementor-element-1fb093d .elementor-heading-title{font-size:7.9vw;}.elementor-5148 .elementor-element.elementor-element-c20e46b{text-align:center;}.elementor-5148 .elementor-element.elementor-element-c20e46b .elementor-heading-title{font-size:4.3vw;}.elementor-5148 .elementor-element.elementor-element-e503145{text-align:center;}.elementor-5148 .elementor-element.elementor-element-e503145 .elementor-heading-title{font-size:4.3vw;}.elementor-5148 .elementor-element.elementor-element-bb03f33{text-align:center;}.elementor-5148 .elementor-element.elementor-element-bb03f33 .elementor-heading-title{font-size:4.3vw;}.elementor-5148 .elementor-element.elementor-element-ec9b7ff{--width:33.056vw;--min-height:5vh;--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;--justify-content:center;--align-items:center;--gap:4vw 4vw;--row-gap:4vw;--column-gap:4vw;}.elementor-5148 .elementor-element.elementor-element-ec9b7ff.e-con{--align-self:center;--order:-99999 /* order start hack */;}.elementor-5148 .elementor-element.elementor-element-8af03d2 .elementor-heading-title{font-size:4.3vw;}.elementor-5148 .elementor-element.elementor-element-bbe7bb5 .elementor-button{font-size:3.4vw;}.elementor-5148 .elementor-element.elementor-element-e2d62b8{--width:33.056vw;--min-height:5vh;--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;--justify-content:center;--align-items:center;--gap:4vw 4vw;--row-gap:4vw;--column-gap:4vw;}.elementor-5148 .elementor-element.elementor-element-e2d62b8.e-con{--align-self:center;--order:-99999 /* order start hack */;}.elementor-5148 .elementor-element.elementor-element-ccb52b2 .elementor-heading-title{font-size:4.3vw;}.elementor-5148 .elementor-element.elementor-element-920ec77{--width:33.056vw;--min-height:5vh;--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;--justify-content:center;--align-items:center;--gap:4vw 4vw;--row-gap:4vw;--column-gap:4vw;}.elementor-5148 .elementor-element.elementor-element-920ec77.e-con{--align-self:center;--order:-99999 /* order start hack */;}.elementor-5148 .elementor-element.elementor-element-99ab97d .elementor-heading-title{font-size:4.3vw;}.elementor-5148 .elementor-element.elementor-element-cb97251{--width:33.056vw;--min-height:5vh;--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;--justify-content:center;--align-items:center;--gap:4vw 4vw;--row-gap:4vw;--column-gap:4vw;}.elementor-5148 .elementor-element.elementor-element-cb97251.e-con{--align-self:center;--order:-99999 /* order start hack */;}.elementor-5148 .elementor-element.elementor-element-cf0291b .elementor-heading-title{font-size:4.3vw;}.elementor-5148 .elementor-element.elementor-element-0f40ad0{--width:33.056vw;--min-height:5vh;--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;--justify-content:center;--align-items:center;--gap:4vw 4vw;--row-gap:4vw;--column-gap:4vw;}.elementor-5148 .elementor-element.elementor-element-0f40ad0.e-con{--align-self:center;--order:-99999 /* order start hack */;}.elementor-5148 .elementor-element.elementor-element-45edfa1 .elementor-heading-title{font-size:4.3vw;}.elementor-5148 .elementor-element.elementor-element-eda93bc{--width:33.056vw;--min-height:5vh;--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;--justify-content:center;--align-items:center;--gap:4vw 4vw;--row-gap:4vw;--column-gap:4vw;}.elementor-5148 .elementor-element.elementor-element-eda93bc.e-con{--align-self:center;--order:-99999 /* order start hack */;}.elementor-5148 .elementor-element.elementor-element-436317c .elementor-heading-title{font-size:4.3vw;}.elementor-5148 .elementor-element.elementor-element-5b21681 .elementor-heading-title{font-size:6vw;}.elementor-5148 .elementor-element.elementor-element-76edb2a{--margin-top:0vw;--margin-bottom:0vw;--margin-left:0vw;--margin-right:0vw;--padding-top:0vw;--padding-bottom:0vw;--padding-left:0vw;--padding-right:0vw;}.elementor-5148 .elementor-element.elementor-element-faf6672{--e-n-carousel-swiper-slides-to-display:1;}.elementor-5148 .elementor-element.elementor-element-faf6672 > .elementor-widget-container{margin:0vw 0vw 0vw 0vw;padding:0vw 0vw 0vw 0vw;}.elementor-5148 .elementor-element.elementor-element-82dc838 .elementor-heading-title{font-size:6vw;}.elementor-5148 .elementor-element.elementor-element-a1c5c15{--e-n-carousel-swiper-slides-to-display:1;}.elementor-5148 .elementor-element.elementor-element-a1c5c15 > .elementor-widget-container{margin:0vw 0vw 0vw 0vw;padding:0vw 0vw 0vw 0vw;}}@media(min-width:768px){.elementor-5148 .elementor-element.elementor-element-ec9b7ff{--width:200px;}.elementor-5148 .elementor-element.elementor-element-e2d62b8{--width:200px;}.elementor-5148 .elementor-element.elementor-element-920ec77{--width:195px;}.elementor-5148 .elementor-element.elementor-element-cb97251{--width:195px;}.elementor-5148 .elementor-element.elementor-element-0f40ad0{--width:195px;}.elementor-5148 .elementor-element.elementor-element-eda93bc{--width:195px;}}/* Start custom CSS for eael-svg-draw, class: .elementor-element-9a5c5ff */.ca {
  position: relative;
  width: 80px;
  height: 80px;
  box-sizing: border-box;
  background-color: #212121;
  border: 5px solid #222;
  border-radius: 8px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: 10px;
  padding: 10px;
  box-shadow: rgba(0, 0, 0, 0.19) 0px 10px 20px,
          rgba(0, 0, 0, 0.23) 0px 6px 6px,
          inset rgba(0, 0, 0, 0.19) 0px 10px 20px,
          inset rgba(0, 0, 0, 0.23) 0px 6px 6px;
  transition: all ease-in-out 0.3s;
  overflow: hidden;
}

.ca:hover {
  box-shadow: rgba(193, 44, 223, 0.19) 0px 10px 20px,
          rgba(193, 44, 223, 0.23) 0px 6px 6px,
          inset rgba(0, 0, 0, 0.19) 0px 10px 20px,
          inset rgba(0, 0, 0, 0.23) 0px 6px 6px;
  border: 5px solid #0AF3CC;
}

.ca-title {
  margin: 0;
  font-size: 18px;
  font-family: "Lucida Sans", "Lucida Sans Regular", "Lucida Grande",
          "Lucida Sans Unicode", Geneva, Verdana, sans-serif;
  font-weight: 600;
  color: #fff;
  cursor: default;
}

.ca-des {
  margin: 0;
  font-size: 15px;
  font-family: "Lucida Sans", "Lucida Sans Regular", "Lucida Grande",
          "Lucida Sans Unicode", Geneva, Verdana, sans-serif;
  font-weight: 600;
  color: #fff;
  -webkit-box-orient: vertical;
  overflow: hidden;
  display: -webkit-box;
  word-break: break-all;
  -webkit-line-clamp: 3;
  line-clamp: 3;
  cursor: default;
}

.ca-text {
  position: absolute;
  margin: 0;
  font-size: 14px;
  font-family: "Lucida Sans", "Lucida Sans Regular", "Lucida Grande",
          "Lucida Sans Unicode", Geneva, Verdana, sans-serif;
  font-weight: 400;
  color: #fff;
  right: 20px;
  bottom: 5px;
  display: flex;
  align-items: center;
  gap: 3px;
  opacity: 0;
  transition: all ease-in-out 0.3s;
  animation: textanimate 0.8s alternate infinite;
  cursor: pointer;
}

.ca:hover > .card-text {
  opacity: 1;
}

@keyframes textanimate {
  0% {
    right: 20px;
  }

  100% {
    right: 10px;
  }
}

.arrow-icon {
  font-size: 15px;
  font-weight: 500;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-ec9b7ff */.card {
  position: relative;
  width: 150px;
  height: 175   px;
  box-sizing: border-box;
  background-color: #212121;
  border: 5px solid #222;
  border-radius: 8px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: 10px;
  padding: 10px;
  box-shadow: rgba(0, 0, 0, 0.19) 0px 10px 20px,
          rgba(0, 0, 0, 0.23) 0px 6px 6px,
          inset rgba(0, 0, 0, 0.19) 0px 10px 20px,
          inset rgba(0, 0, 0, 0.23) 0px 6px 6px;
  transition: all ease-in-out 0.3s;
  overflow: hidden;
}

.card:hover {
  box-shadow: rgba(193, 44, 223, 0.19) 0px 10px 20px,
          rgba(193, 44, 223, 0.23) 0px 6px 6px,
          inset rgba(0, 0, 0, 0.19) 0px 10px 20px,
          inset rgba(0, 0, 0, 0.23) 0px 6px 6px;
  border: 5px solid #0AF3CC;
}

.card-title {
  margin: 0;
  font-size: 18px;
  font-family: "Lucida Sans", "Lucida Sans Regular", "Lucida Grande",
          "Lucida Sans Unicode", Geneva, Verdana, sans-serif;
  font-weight: 600;
  color: #fff;
  cursor: default;
}

.card-des {
  margin: 0;
  font-size: 15px;
  font-family: "Lucida Sans", "Lucida Sans Regular", "Lucida Grande",
          "Lucida Sans Unicode", Geneva, Verdana, sans-serif;
  font-weight: 600;
  color: #fff;
  -webkit-box-orient: vertical;
  overflow: hidden;
  display: -webkit-box;
  word-break: break-all;
  -webkit-line-clamp: 3;
  line-clamp: 3;
  cursor: default;
}

.card-text {
  position: absolute;
  margin: 0;
  font-size: 14px;
  font-family: "Lucida Sans", "Lucida Sans Regular", "Lucida Grande",
          "Lucida Sans Unicode", Geneva, Verdana, sans-serif;
  font-weight: 400;
  color: #fff;
  right: 20px;
  bottom: 5px;
  display: flex;
  align-items: center;
  gap: 3px;
  opacity: 0;
  transition: all ease-in-out 0.3s;
  animation: textanimate 0.8s alternate infinite;
  cursor: pointer;
}

.card:hover > .card-text {
  opacity: 1;
}

@keyframes textanimate {
  0% {
    right: 20px;
  }

  100% {
    right: 10px;
  }
}

.arrow-icon {
  font-size: 15px;
  font-weight: 500;
}/* End custom CSS */
/* Start custom CSS for eael-svg-draw, class: .elementor-element-e5ef919 */.ca {
  position: relative;
  width: 80px;
  height: 80px;
  box-sizing: border-box;
  background-color: #212121;
  border: 5px solid #222;
  border-radius: 8px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: 10px;
  padding: 10px;
  box-shadow: rgba(0, 0, 0, 0.19) 0px 10px 20px,
          rgba(0, 0, 0, 0.23) 0px 6px 6px,
          inset rgba(0, 0, 0, 0.19) 0px 10px 20px,
          inset rgba(0, 0, 0, 0.23) 0px 6px 6px;
  transition: all ease-in-out 0.3s;
  overflow: hidden;
}

.ca:hover {
  box-shadow: rgba(193, 44, 223, 0.19) 0px 10px 20px,
          rgba(193, 44, 223, 0.23) 0px 6px 6px,
          inset rgba(0, 0, 0, 0.19) 0px 10px 20px,
          inset rgba(0, 0, 0, 0.23) 0px 6px 6px;
  border: 5px solid #0AF3CC;
}

.ca-title {
  margin: 0;
  font-size: 18px;
  font-family: "Lucida Sans", "Lucida Sans Regular", "Lucida Grande",
          "Lucida Sans Unicode", Geneva, Verdana, sans-serif;
  font-weight: 600;
  color: #fff;
  cursor: default;
}

.ca-des {
  margin: 0;
  font-size: 15px;
  font-family: "Lucida Sans", "Lucida Sans Regular", "Lucida Grande",
          "Lucida Sans Unicode", Geneva, Verdana, sans-serif;
  font-weight: 600;
  color: #fff;
  -webkit-box-orient: vertical;
  overflow: hidden;
  display: -webkit-box;
  word-break: break-all;
  -webkit-line-clamp: 3;
  line-clamp: 3;
  cursor: default;
}

.ca-text {
  position: absolute;
  margin: 0;
  font-size: 14px;
  font-family: "Lucida Sans", "Lucida Sans Regular", "Lucida Grande",
          "Lucida Sans Unicode", Geneva, Verdana, sans-serif;
  font-weight: 400;
  color: #fff;
  right: 20px;
  bottom: 5px;
  display: flex;
  align-items: center;
  gap: 3px;
  opacity: 0;
  transition: all ease-in-out 0.3s;
  animation: textanimate 0.8s alternate infinite;
  cursor: pointer;
}

.ca:hover > .card-text {
  opacity: 1;
}

@keyframes textanimate {
  0% {
    right: 20px;
  }

  100% {
    right: 10px;
  }
}

.arrow-icon {
  font-size: 15px;
  font-weight: 500;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-e2d62b8 */.card {
  position: relative;
  width: 150px;
  height: 175   px;
  box-sizing: border-box;
  background-color: #212121;
  border: 5px solid #222;
  border-radius: 8px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: 10px;
  padding: 10px;
  box-shadow: rgba(0, 0, 0, 0.19) 0px 10px 20px,
          rgba(0, 0, 0, 0.23) 0px 6px 6px,
          inset rgba(0, 0, 0, 0.19) 0px 10px 20px,
          inset rgba(0, 0, 0, 0.23) 0px 6px 6px;
  transition: all ease-in-out 0.3s;
  overflow: hidden;
}

.card:hover {
  box-shadow: rgba(193, 44, 223, 0.19) 0px 10px 20px,
          rgba(193, 44, 223, 0.23) 0px 6px 6px,
          inset rgba(0, 0, 0, 0.19) 0px 10px 20px,
          inset rgba(0, 0, 0, 0.23) 0px 6px 6px;
  border: 5px solid #0AF3CC;
}

.card-title {
  margin: 0;
  font-size: 18px;
  font-family: "Lucida Sans", "Lucida Sans Regular", "Lucida Grande",
          "Lucida Sans Unicode", Geneva, Verdana, sans-serif;
  font-weight: 600;
  color: #fff;
  cursor: default;
}

.card-des {
  margin: 0;
  font-size: 15px;
  font-family: "Lucida Sans", "Lucida Sans Regular", "Lucida Grande",
          "Lucida Sans Unicode", Geneva, Verdana, sans-serif;
  font-weight: 600;
  color: #fff;
  -webkit-box-orient: vertical;
  overflow: hidden;
  display: -webkit-box;
  word-break: break-all;
  -webkit-line-clamp: 3;
  line-clamp: 3;
  cursor: default;
}

.card-text {
  position: absolute;
  margin: 0;
  font-size: 14px;
  font-family: "Lucida Sans", "Lucida Sans Regular", "Lucida Grande",
          "Lucida Sans Unicode", Geneva, Verdana, sans-serif;
  font-weight: 400;
  color: #fff;
  right: 20px;
  bottom: 5px;
  display: flex;
  align-items: center;
  gap: 3px;
  opacity: 0;
  transition: all ease-in-out 0.3s;
  animation: textanimate 0.8s alternate infinite;
  cursor: pointer;
}

.card:hover > .card-text {
  opacity: 1;
}

@keyframes textanimate {
  0% {
    right: 20px;
  }

  100% {
    right: 10px;
  }
}

.arrow-icon {
  font-size: 15px;
  font-weight: 500;
}/* End custom CSS */
/* Start custom CSS for eael-svg-draw, class: .elementor-element-dd7da3a */.ca {
  position: relative;
  width: 80px;
  height: 80px;
  box-sizing: border-box;
  background-color: #212121;
  border: 5px solid #222;
  border-radius: 8px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: 10px;
  padding: 10px;
  box-shadow: rgba(0, 0, 0, 0.19) 0px 10px 20px,
          rgba(0, 0, 0, 0.23) 0px 6px 6px,
          inset rgba(0, 0, 0, 0.19) 0px 10px 20px,
          inset rgba(0, 0, 0, 0.23) 0px 6px 6px;
  transition: all ease-in-out 0.3s;
  overflow: hidden;
}

.ca:hover {
  box-shadow: rgba(193, 44, 223, 0.19) 0px 10px 20px,
          rgba(193, 44, 223, 0.23) 0px 6px 6px,
          inset rgba(0, 0, 0, 0.19) 0px 10px 20px,
          inset rgba(0, 0, 0, 0.23) 0px 6px 6px;
  border: 5px solid #b671d6;
}

.ca-title {
  margin: 0;
  font-size: 18px;
  font-family: "Lucida Sans", "Lucida Sans Regular", "Lucida Grande",
          "Lucida Sans Unicode", Geneva, Verdana, sans-serif;
  font-weight: 600;
  color: #fff;
  cursor: default;
}

.ca-des {
  margin: 0;
  font-size: 15px;
  font-family: "Lucida Sans", "Lucida Sans Regular", "Lucida Grande",
          "Lucida Sans Unicode", Geneva, Verdana, sans-serif;
  font-weight: 600;
  color: #fff;
  -webkit-box-orient: vertical;
  overflow: hidden;
  display: -webkit-box;
  word-break: break-all;
  -webkit-line-clamp: 3;
  line-clamp: 3;
  cursor: default;
}

.ca-text {
  position: absolute;
  margin: 0;
  font-size: 14px;
  font-family: "Lucida Sans", "Lucida Sans Regular", "Lucida Grande",
          "Lucida Sans Unicode", Geneva, Verdana, sans-serif;
  font-weight: 400;
  color: #fff;
  right: 20px;
  bottom: 5px;
  display: flex;
  align-items: center;
  gap: 3px;
  opacity: 0;
  transition: all ease-in-out 0.3s;
  animation: textanimate 0.8s alternate infinite;
  cursor: pointer;
}

.ca:hover > .card-text {
  opacity: 1;
}

@keyframes textanimate {
  0% {
    right: 20px;
  }

  100% {
    right: 10px;
  }
}

.arrow-icon {
  font-size: 15px;
  font-weight: 500;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-920ec77 */.card {
  position: relative;
  width: 150px;
  height: 175   px;
  box-sizing: border-box;
  background-color: #212121;
  border: 5px solid #222;
  border-radius: 8px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: 10px;
  padding: 10px;
  box-shadow: rgba(0, 0, 0, 0.19) 0px 10px 20px,
          rgba(0, 0, 0, 0.23) 0px 6px 6px,
          inset rgba(0, 0, 0, 0.19) 0px 10px 20px,
          inset rgba(0, 0, 0, 0.23) 0px 6px 6px;
  transition: all ease-in-out 0.3s;
  overflow: hidden;
}

.card:hover {
  box-shadow: rgba(193, 44, 223, 0.19) 0px 10px 20px,
          rgba(193, 44, 223, 0.23) 0px 6px 6px,
          inset rgba(0, 0, 0, 0.19) 0px 10px 20px,
          inset rgba(0, 0, 0, 0.23) 0px 6px 6px;
  border: 5px solid #b671d6;
}

.card-title {
  margin: 0;
  font-size: 18px;
  font-family: "Lucida Sans", "Lucida Sans Regular", "Lucida Grande",
          "Lucida Sans Unicode", Geneva, Verdana, sans-serif;
  font-weight: 600;
  color: #fff;
  cursor: default;
}

.card-des {
  margin: 0;
  font-size: 15px;
  font-family: "Lucida Sans", "Lucida Sans Regular", "Lucida Grande",
          "Lucida Sans Unicode", Geneva, Verdana, sans-serif;
  font-weight: 600;
  color: #fff;
  -webkit-box-orient: vertical;
  overflow: hidden;
  display: -webkit-box;
  word-break: break-all;
  -webkit-line-clamp: 3;
  line-clamp: 3;
  cursor: default;
}

.card-text {
  position: absolute;
  margin: 0;
  font-size: 14px;
  font-family: "Lucida Sans", "Lucida Sans Regular", "Lucida Grande",
          "Lucida Sans Unicode", Geneva, Verdana, sans-serif;
  font-weight: 400;
  color: #fff;
  right: 20px;
  bottom: 5px;
  display: flex;
  align-items: center;
  gap: 3px;
  opacity: 0;
  transition: all ease-in-out 0.3s;
  animation: textanimate 0.8s alternate infinite;
  cursor: pointer;
}

.card:hover > .card-text {
  opacity: 1;
}

@keyframes textanimate {
  0% {
    right: 20px;
  }

  100% {
    right: 10px;
  }
}

.arrow-icon {
  font-size: 15px;
  font-weight: 500;
}/* End custom CSS */
/* Start custom CSS for eael-svg-draw, class: .elementor-element-46e73e8 */.ca {
  position: relative;
  width: 80px;
  height: 80px;
  box-sizing: border-box;
  background-color: #212121;
  border: 5px solid #222;
  border-radius: 8px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: 10px;
  padding: 10px;
  box-shadow: rgba(0, 0, 0, 0.19) 0px 10px 20px,
          rgba(0, 0, 0, 0.23) 0px 6px 6px,
          inset rgba(0, 0, 0, 0.19) 0px 10px 20px,
          inset rgba(0, 0, 0, 0.23) 0px 6px 6px;
  transition: all ease-in-out 0.3s;
  overflow: hidden;
}

.ca:hover {
  box-shadow: rgba(193, 44, 223, 0.19) 0px 10px 20px,
          rgba(193, 44, 223, 0.23) 0px 6px 6px,
          inset rgba(0, 0, 0, 0.19) 0px 10px 20px,
          inset rgba(0, 0, 0, 0.23) 0px 6px 6px;
  border: 5px solid #b671d6;
}

.ca-title {
  margin: 0;
  font-size: 18px;
  font-family: "Lucida Sans", "Lucida Sans Regular", "Lucida Grande",
          "Lucida Sans Unicode", Geneva, Verdana, sans-serif;
  font-weight: 600;
  color: #fff;
  cursor: default;
}

.ca-des {
  margin: 0;
  font-size: 15px;
  font-family: "Lucida Sans", "Lucida Sans Regular", "Lucida Grande",
          "Lucida Sans Unicode", Geneva, Verdana, sans-serif;
  font-weight: 600;
  color: #fff;
  -webkit-box-orient: vertical;
  overflow: hidden;
  display: -webkit-box;
  word-break: break-all;
  -webkit-line-clamp: 3;
  line-clamp: 3;
  cursor: default;
}

.ca-text {
  position: absolute;
  margin: 0;
  font-size: 14px;
  font-family: "Lucida Sans", "Lucida Sans Regular", "Lucida Grande",
          "Lucida Sans Unicode", Geneva, Verdana, sans-serif;
  font-weight: 400;
  color: #fff;
  right: 20px;
  bottom: 5px;
  display: flex;
  align-items: center;
  gap: 3px;
  opacity: 0;
  transition: all ease-in-out 0.3s;
  animation: textanimate 0.8s alternate infinite;
  cursor: pointer;
}

.ca:hover > .card-text {
  opacity: 1;
}

@keyframes textanimate {
  0% {
    right: 20px;
  }

  100% {
    right: 10px;
  }
}

.arrow-icon {
  font-size: 15px;
  font-weight: 500;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-cb97251 */.card {
  position: relative;
  width: 150px;
  height: 200px;
  box-sizing: border-box;
  background-color: #212121;
  border: 5px solid #222;
  border-radius: 8px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: 10px;
  padding: 10px;
  box-shadow: rgba(0, 0, 0, 0.19) 0px 10px 20px,
          rgba(0, 0, 0, 0.23) 0px 6px 6px,
          inset rgba(0, 0, 0, 0.19) 0px 10px 20px,
          inset rgba(0, 0, 0, 0.23) 0px 6px 6px;
  transition: all ease-in-out 0.3s;
  overflow: hidden;
}

.card:hover {
  box-shadow: rgba(193, 44, 223, 0.19) 0px 10px 20px,
          rgba(193, 44, 223, 0.23) 0px 6px 6px,
          inset rgba(0, 0, 0, 0.19) 0px 10px 20px,
          inset rgba(0, 0, 0, 0.23) 0px 6px 6px;
  border: 5px solid #b671d6;
}

.card-title {
  margin: 0;
  font-size: 18px;
  font-family: "Lucida Sans", "Lucida Sans Regular", "Lucida Grande",
          "Lucida Sans Unicode", Geneva, Verdana, sans-serif;
  font-weight: 600;
  color: #fff;
  cursor: default;
}

.card-des {
  margin: 0;
  font-size: 15px;
  font-family: "Lucida Sans", "Lucida Sans Regular", "Lucida Grande",
          "Lucida Sans Unicode", Geneva, Verdana, sans-serif;
  font-weight: 600;
  color: #fff;
  -webkit-box-orient: vertical;
  overflow: hidden;
  display: -webkit-box;
  word-break: break-all;
  -webkit-line-clamp: 3;
  line-clamp: 3;
  cursor: default;
}

.card-text {
  position: absolute;
  margin: 0;
  font-size: 14px;
  font-family: "Lucida Sans", "Lucida Sans Regular", "Lucida Grande",
          "Lucida Sans Unicode", Geneva, Verdana, sans-serif;
  font-weight: 400;
  color: #fff;
  right: 20px;
  bottom: 5px;
  display: flex;
  align-items: center;
  gap: 3px;
  opacity: 0;
  transition: all ease-in-out 0.3s;
  animation: textanimate 0.8s alternate infinite;
  cursor: pointer;
}

.card:hover > .card-text {
  opacity: 1;
}

@keyframes textanimate {
  0% {
    right: 20px;
  }

  100% {
    right: 10px;
  }
}

.arrow-icon {
  font-size: 15px;
  font-weight: 500;
}/* End custom CSS */
/* Start custom CSS for eael-svg-draw, class: .elementor-element-4da3920 */.ca {
  position: relative;
  width: 80px;
  height: 80px;
  box-sizing: border-box;
  background-color: #212121;
  border: 5px solid #222;
  border-radius: 8px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: 10px;
  padding: 10px;
  box-shadow: rgba(0, 0, 0, 0.19) 0px 10px 20px,
          rgba(0, 0, 0, 0.23) 0px 6px 6px,
          inset rgba(0, 0, 0, 0.19) 0px 10px 20px,
          inset rgba(0, 0, 0, 0.23) 0px 6px 6px;
  transition: all ease-in-out 0.3s;
  overflow: hidden;
}

.ca:hover {
  box-shadow: rgba(193, 44, 223, 0.19) 0px 10px 20px,
          rgba(193, 44, 223, 0.23) 0px 6px 6px,
          inset rgba(0, 0, 0, 0.19) 0px 10px 20px,
          inset rgba(0, 0, 0, 0.23) 0px 6px 6px;
  border: 5px solid #b671d6;
}

.ca-title {
  margin: 0;
  font-size: 18px;
  font-family: "Lucida Sans", "Lucida Sans Regular", "Lucida Grande",
          "Lucida Sans Unicode", Geneva, Verdana, sans-serif;
  font-weight: 600;
  color: #fff;
  cursor: default;
}

.ca-des {
  margin: 0;
  font-size: 15px;
  font-family: "Lucida Sans", "Lucida Sans Regular", "Lucida Grande",
          "Lucida Sans Unicode", Geneva, Verdana, sans-serif;
  font-weight: 600;
  color: #fff;
  -webkit-box-orient: vertical;
  overflow: hidden;
  display: -webkit-box;
  word-break: break-all;
  -webkit-line-clamp: 3;
  line-clamp: 3;
  cursor: default;
}

.ca-text {
  position: absolute;
  margin: 0;
  font-size: 14px;
  font-family: "Lucida Sans", "Lucida Sans Regular", "Lucida Grande",
          "Lucida Sans Unicode", Geneva, Verdana, sans-serif;
  font-weight: 400;
  color: #fff;
  right: 20px;
  bottom: 5px;
  display: flex;
  align-items: center;
  gap: 3px;
  opacity: 0;
  transition: all ease-in-out 0.3s;
  animation: textanimate 0.8s alternate infinite;
  cursor: pointer;
}

.ca:hover > .card-text {
  opacity: 1;
}

@keyframes textanimate {
  0% {
    right: 20px;
  }

  100% {
    right: 10px;
  }
}

.arrow-icon {
  font-size: 15px;
  font-weight: 500;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-0f40ad0 */.card {
  position: relative;
  width: 150px;
  height: 200px;
  box-sizing: border-box;
  background-color: #212121;
  border: 5px solid #222;
  border-radius: 8px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: 10px;
  padding: 10px;
  box-shadow: rgba(0, 0, 0, 0.19) 0px 10px 20px,
          rgba(0, 0, 0, 0.23) 0px 6px 6px,
          inset rgba(0, 0, 0, 0.19) 0px 10px 20px,
          inset rgba(0, 0, 0, 0.23) 0px 6px 6px;
  transition: all ease-in-out 0.3s;
  overflow: hidden;
}

.card:hover {
  box-shadow: rgba(193, 44, 223, 0.19) 0px 10px 20px,
          rgba(193, 44, 223, 0.23) 0px 6px 6px,
          inset rgba(0, 0, 0, 0.19) 0px 10px 20px,
          inset rgba(0, 0, 0, 0.23) 0px 6px 6px;
  border: 5px solid #b671d6;
}

.card-title {
  margin: 0;
  font-size: 18px;
  font-family: "Lucida Sans", "Lucida Sans Regular", "Lucida Grande",
          "Lucida Sans Unicode", Geneva, Verdana, sans-serif;
  font-weight: 600;
  color: #fff;
  cursor: default;
}

.card-des {
  margin: 0;
  font-size: 15px;
  font-family: "Lucida Sans", "Lucida Sans Regular", "Lucida Grande",
          "Lucida Sans Unicode", Geneva, Verdana, sans-serif;
  font-weight: 600;
  color: #fff;
  -webkit-box-orient: vertical;
  overflow: hidden;
  display: -webkit-box;
  word-break: break-all;
  -webkit-line-clamp: 3;
  line-clamp: 3;
  cursor: default;
}

.card-text {
  position: absolute;
  margin: 0;
  font-size: 14px;
  font-family: "Lucida Sans", "Lucida Sans Regular", "Lucida Grande",
          "Lucida Sans Unicode", Geneva, Verdana, sans-serif;
  font-weight: 400;
  color: #fff;
  right: 20px;
  bottom: 5px;
  display: flex;
  align-items: center;
  gap: 3px;
  opacity: 0;
  transition: all ease-in-out 0.3s;
  animation: textanimate 0.8s alternate infinite;
  cursor: pointer;
}

.card:hover > .card-text {
  opacity: 1;
}

@keyframes textanimate {
  0% {
    right: 20px;
  }

  100% {
    right: 10px;
  }
}

.arrow-icon {
  font-size: 15px;
  font-weight: 500;
}/* End custom CSS */
/* Start custom CSS for eael-svg-draw, class: .elementor-element-9bddbe6 */.ca {
  position: relative;
  width: 80px;
  height: 80px;
  box-sizing: border-box;
  background-color: #212121;
  border: 5px solid #222;
  border-radius: 8px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: 10px;
  padding: 10px;
  box-shadow: rgba(0, 0, 0, 0.19) 0px 10px 20px,
          rgba(0, 0, 0, 0.23) 0px 6px 6px,
          inset rgba(0, 0, 0, 0.19) 0px 10px 20px,
          inset rgba(0, 0, 0, 0.23) 0px 6px 6px;
  transition: all ease-in-out 0.3s;
  overflow: hidden;
}

.ca:hover {
  box-shadow: rgba(193, 44, 223, 0.19) 0px 10px 20px,
          rgba(193, 44, 223, 0.23) 0px 6px 6px,
          inset rgba(0, 0, 0, 0.19) 0px 10px 20px,
          inset rgba(0, 0, 0, 0.23) 0px 6px 6px;
  border: 5px solid #b671d6;
}

.ca-title {
  margin: 0;
  font-size: 18px;
  font-family: "Lucida Sans", "Lucida Sans Regular", "Lucida Grande",
          "Lucida Sans Unicode", Geneva, Verdana, sans-serif;
  font-weight: 600;
  color: #fff;
  cursor: default;
}

.ca-des {
  margin: 0;
  font-size: 15px;
  font-family: "Lucida Sans", "Lucida Sans Regular", "Lucida Grande",
          "Lucida Sans Unicode", Geneva, Verdana, sans-serif;
  font-weight: 600;
  color: #fff;
  -webkit-box-orient: vertical;
  overflow: hidden;
  display: -webkit-box;
  word-break: break-all;
  -webkit-line-clamp: 3;
  line-clamp: 3;
  cursor: default;
}

.ca-text {
  position: absolute;
  margin: 0;
  font-size: 14px;
  font-family: "Lucida Sans", "Lucida Sans Regular", "Lucida Grande",
          "Lucida Sans Unicode", Geneva, Verdana, sans-serif;
  font-weight: 400;
  color: #fff;
  right: 20px;
  bottom: 5px;
  display: flex;
  align-items: center;
  gap: 3px;
  opacity: 0;
  transition: all ease-in-out 0.3s;
  animation: textanimate 0.8s alternate infinite;
  cursor: pointer;
}

.ca:hover > .card-text {
  opacity: 1;
}

@keyframes textanimate {
  0% {
    right: 20px;
  }

  100% {
    right: 10px;
  }
}

.arrow-icon {
  font-size: 15px;
  font-weight: 500;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-eda93bc */.card {
  position: relative;
  width: 150px;
  height: 200px;
  box-sizing: border-box;
  background-color: #212121;
  border: 5px solid #222;
  border-radius: 8px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: 10px;
  padding: 10px;
  box-shadow: rgba(0, 0, 0, 0.19) 0px 10px 20px,
          rgba(0, 0, 0, 0.23) 0px 6px 6px,
          inset rgba(0, 0, 0, 0.19) 0px 10px 20px,
          inset rgba(0, 0, 0, 0.23) 0px 6px 6px;
  transition: all ease-in-out 0.3s;
  overflow: hidden;
}

.card:hover {
  box-shadow: rgba(193, 44, 223, 0.19) 0px 10px 20px,
          rgba(193, 44, 223, 0.23) 0px 6px 6px,
          inset rgba(0, 0, 0, 0.19) 0px 10px 20px,
          inset rgba(0, 0, 0, 0.23) 0px 6px 6px;
  border: 5px solid #b671d6;
}

.card-title {
  margin: 0;
  font-size: 18px;
  font-family: "Lucida Sans", "Lucida Sans Regular", "Lucida Grande",
          "Lucida Sans Unicode", Geneva, Verdana, sans-serif;
  font-weight: 600;
  color: #fff;
  cursor: default;
}

.card-des {
  margin: 0;
  font-size: 15px;
  font-family: "Lucida Sans", "Lucida Sans Regular", "Lucida Grande",
          "Lucida Sans Unicode", Geneva, Verdana, sans-serif;
  font-weight: 600;
  color: #fff;
  -webkit-box-orient: vertical;
  overflow: hidden;
  display: -webkit-box;
  word-break: break-all;
  -webkit-line-clamp: 3;
  line-clamp: 3;
  cursor: default;
}

.card-text {
  position: absolute;
  margin: 0;
  font-size: 14px;
  font-family: "Lucida Sans", "Lucida Sans Regular", "Lucida Grande",
          "Lucida Sans Unicode", Geneva, Verdana, sans-serif;
  font-weight: 400;
  color: #fff;
  right: 20px;
  bottom: 5px;
  display: flex;
  align-items: center;
  gap: 3px;
  opacity: 0;
  transition: all ease-in-out 0.3s;
  animation: textanimate 0.8s alternate infinite;
  cursor: pointer;
}

.card:hover > .card-text {
  opacity: 1;
}

@keyframes textanimate {
  0% {
    right: 20px;
  }

  100% {
    right: 10px;
  }
}

.arrow-icon {
  font-size: 15px;
  font-weight: 500;
}/* End custom CSS */