.elementor-1108 .elementor-element.elementor-element-ab53de0{--display:flex;--min-height:677px;--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;--row-gap:0px;--column-gap:0px;--overlay-opacity:0.5;--margin-top:-150px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-1108 .elementor-element.elementor-element-ab53de0:not(.elementor-motion-effects-element-type-background), .elementor-1108 .elementor-element.elementor-element-ab53de0 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://abbaswebdesign.leadzsoft.co/wp-content/uploads/2026/04/Futuristic-AI-with-glowing-green-elements.webp");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-1108 .elementor-element.elementor-element-ab53de0::before, .elementor-1108 .elementor-element.elementor-element-ab53de0 > .elementor-background-video-container::before, .elementor-1108 .elementor-element.elementor-element-ab53de0 > .e-con-inner > .elementor-background-video-container::before, .elementor-1108 .elementor-element.elementor-element-ab53de0 > .elementor-background-slideshow::before, .elementor-1108 .elementor-element.elementor-element-ab53de0 > .e-con-inner > .elementor-background-slideshow::before, .elementor-1108 .elementor-element.elementor-element-ab53de0 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:#000000;--background-overlay:'';}.elementor-1108 .elementor-element.elementor-element-be579f7{--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-1108 .elementor-element.elementor-element-acb1eba{--display:flex;}.elementor-1108 .elementor-element.elementor-element-c75796e{--display:flex;}.elementor-1108 .elementor-element.elementor-element-f38ced0 > .elementor-widget-container{margin:100px 0px 0px 0px;}.elementor-1108 .elementor-element.elementor-element-f38ced0 .jeg-elementor-kit.jkit-heading{text-align:left;}.elementor-1108 .elementor-element.elementor-element-f38ced0 .jeg-elementor-kit.jkit-heading .heading-title{font-size:40px;font-weight:500;color:#49F20C;}.elementor-1108 .elementor-element.elementor-element-f38ced0 .jeg-elementor-kit.jkit-heading .heading-title > span{color:#FFFFFF;}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-text );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-1108 .elementor-element.elementor-element-e0e7099{color:#FFFFFF;}.elementor-1108 .elementor-element.elementor-element-79915c4{--display:grid;--e-con-grid-template-columns:repeat(2, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--grid-auto-flow:row;--margin-top:-13px;--margin-bottom:0px;--margin-left:0px;--margin-right:1px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:21px;}.elementor-1108 .elementor-element.elementor-element-7243b3c{width:100%;max-width:100%;}.elementor-1108 .elementor-element.elementor-element-7243b3c > .elementor-widget-container{margin:0px 0px 0px 125px;}.elementor-1108 .elementor-element.elementor-element-7243b3c.elementor-element{--align-self:center;}.elementor-1108 .elementor-element.elementor-element-d6ea3ec > .elementor-widget-container{margin:0px 0px 0px 0px;}.elementor-1108 .elementor-element.elementor-element-60fc519{--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-1108 .elementor-element.elementor-element-592cf5d{--display:flex;}.elementor-1108 .elementor-element.elementor-element-f18ebb2{--display:flex;}.elementor-1108 .elementor-element.elementor-element-745b902{--display:flex;}.elementor-1108 .elementor-element.elementor-element-37aaa53{--display:flex;}.elementor-widget-image .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-1108 .elementor-element.elementor-element-fea16ee{text-align:center;}.elementor-1108 .elementor-element.elementor-element-5740c9f{--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-1108 .elementor-element.elementor-element-f95e436{--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-1108 .elementor-element.elementor-element-84d2164 > .elementor-widget-container{margin:50px 0px 0px 0px;}.elementor-1108 .elementor-element.elementor-element-84d2164 .jeg-elementor-kit.jkit-heading{text-align:center;}.elementor-1108 .elementor-element.elementor-element-84d2164 .jeg-elementor-kit.jkit-heading .heading-title{font-size:40px;font-weight:500;color:#49F20C;}.elementor-1108 .elementor-element.elementor-element-84d2164 .jeg-elementor-kit.jkit-heading .heading-title > span{color:#FFFFFF;}.elementor-1108 .elementor-element.elementor-element-5f03d02{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-1108 .elementor-element.elementor-element-8ef02c7{--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-1108 .elementor-element.elementor-element-751bb28{--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-1108 .elementor-element.elementor-element-d2663dd{--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-1108 .elementor-element.elementor-element-c50da7f{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-1108 .elementor-element.elementor-element-1a1fa4b{--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-1108 .elementor-element.elementor-element-60dcd39{--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-1108 .elementor-element.elementor-element-1ed8452{--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-1108 .elementor-element.elementor-element-45770d9{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-1108 .elementor-element.elementor-element-d87a972{--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-1108 .elementor-element.elementor-element-1b7aca2{--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-1108 .elementor-element.elementor-element-a4acdf3{--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-1108 .elementor-element.elementor-element-1cafcad{--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-1108 .elementor-element.elementor-element-8fb75bd > .elementor-widget-container{margin:25px 0px 0px 0px;}.elementor-1108 .elementor-element.elementor-element-8fb75bd .jeg-elementor-kit.jkit-heading{text-align:center;}.elementor-1108 .elementor-element.elementor-element-8fb75bd .jeg-elementor-kit.jkit-heading .heading-title{font-size:45px;font-weight:500;color:#49F20C;}.elementor-1108 .elementor-element.elementor-element-8fb75bd .jeg-elementor-kit.jkit-heading .heading-title > span{color:#FFFFFF;}.elementor-1108 .elementor-element.elementor-element-61becb4 > .elementor-widget-container{margin:-31px 0px 0px 0px;}.elementor-1108 .elementor-element.elementor-element-61becb4 .jeg-elementor-kit.jkit-heading{text-align:center;}.elementor-1108 .elementor-element.elementor-element-61becb4 .jeg-elementor-kit.jkit-heading .heading-title{font-size:21px;font-weight:400;color:#FFFFFF;}.elementor-1108 .elementor-element.elementor-element-61becb4 .jeg-elementor-kit.jkit-heading .heading-title > span{color:#49F20C;}.elementor-1108 .elementor-element.elementor-element-3a27555{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:40px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-1108 .elementor-element.elementor-element-3a27555:not(.elementor-motion-effects-element-type-background), .elementor-1108 .elementor-element.elementor-element-3a27555 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#000000;}.elementor-1108 .elementor-element.elementor-element-e5b8f22{--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-1108 .elementor-element.elementor-element-187f618{--display:flex;}.elementor-1108 .elementor-element.elementor-element-414ae9d > .elementor-widget-container{margin:25px 0px 0px 0px;}.elementor-1108 .elementor-element.elementor-element-414ae9d .jeg-elementor-kit.jkit-heading{text-align:left;}.elementor-1108 .elementor-element.elementor-element-414ae9d .jeg-elementor-kit.jkit-heading .heading-title{font-size:52px;font-weight:500;color:#49F20C;}.elementor-1108 .elementor-element.elementor-element-414ae9d .jeg-elementor-kit.jkit-heading .heading-title > span{color:#FFFFFF;}.elementor-1108 .elementor-element.elementor-element-dd7c961 > .elementor-widget-container{margin:-15px 0px 0px 0px;}.elementor-1108 .elementor-element.elementor-element-dd7c961{font-family:"Roboto", Sans-serif;font-size:20px;font-weight:400;color:#FFFFFF;}.elementor-1108 .elementor-element.elementor-element-582e647{--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-1108 .elementor-element.elementor-element-c467a4a{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-1108 .elementor-element.elementor-element-bac786a{--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-1108 .elementor-element.elementor-element-71f3acd{--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;}:root{--page-title-display:none;}@media(min-width:768px){.elementor-1108 .elementor-element.elementor-element-be579f7{--width:50%;}.elementor-1108 .elementor-element.elementor-element-60fc519{--width:50%;}.elementor-1108 .elementor-element.elementor-element-8ef02c7{--width:50%;}.elementor-1108 .elementor-element.elementor-element-751bb28{--width:50%;}.elementor-1108 .elementor-element.elementor-element-d2663dd{--width:50%;}.elementor-1108 .elementor-element.elementor-element-1a1fa4b{--width:50%;}.elementor-1108 .elementor-element.elementor-element-60dcd39{--width:50%;}.elementor-1108 .elementor-element.elementor-element-1ed8452{--width:50%;}.elementor-1108 .elementor-element.elementor-element-d87a972{--width:50%;}.elementor-1108 .elementor-element.elementor-element-1b7aca2{--width:50%;}.elementor-1108 .elementor-element.elementor-element-a4acdf3{--width:50%;}.elementor-1108 .elementor-element.elementor-element-e5b8f22{--width:50%;}.elementor-1108 .elementor-element.elementor-element-582e647{--width:50%;}.elementor-1108 .elementor-element.elementor-element-bac786a{--width:100%;}}@media(max-width:1366px){.elementor-1108 .elementor-element.elementor-element-79915c4{--grid-auto-flow:row;}}@media(max-width:1024px){.elementor-1108 .elementor-element.elementor-element-79915c4{--grid-auto-flow:row;}}@media(max-width:767px){.elementor-1108 .elementor-element.elementor-element-79915c4{--e-con-grid-template-columns:repeat(1, 1fr);--grid-auto-flow:row;}}/* Start custom CSS for html, class: .elementor-element-79c3a0c */.portfolio-box {
  position: relative;
  display: block;
  overflow: hidden;
  border-radius: 10px;
  cursor: pointer;
  text-decoration: none;
}

.portfolio-box img {
  width: 100%;
  display: block;
  transition: 0.4s;
}

/* overlay circle */
.portfolio-box .overlay {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 0;
  height: 0;
  background: rgba(0,255,136,0.15);
  border: 2px solid #00ff88;
  border-radius: 50%;
  transform: translate(-50%, -50%);
  transition: 0.5s;
  display: flex;
  align-items: center;
  justify-content: center;
}

/* text */
.portfolio-box .overlay span {
  color: #00ff88;
  font-size: 14px;
  font-weight: 600;
  text-align: center;
  opacity: 0;
  transition: 0.3s;
}

/* hover effects */
.portfolio-box:hover img {
  transform: scale(1.05);
}

.portfolio-box:hover .overlay {
  width: 180px;
  height: 180px;
}

.portfolio-box:hover .overlay span {
  opacity: 1;
}

/* optional glow */
.portfolio-box:hover {
  box-shadow: 0 0 20px #00ff88;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-da2d201 */.portfolio-box {
  position: relative;
  display: block;
  overflow: hidden;
  border-radius: 10px;
  cursor: pointer;
  text-decoration: none;
}

.portfolio-box img {
  width: 100%;
  display: block;
  transition: 0.4s;
}

/* overlay circle */
.portfolio-box .overlay {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 0;
  height: 0;
  background: rgba(0,255,136,0.15);
  border: 2px solid #00ff88;
  border-radius: 50%;
  transform: translate(-50%, -50%);
  transition: 0.5s;
  display: flex;
  align-items: center;
  justify-content: center;
}

/* text */
.portfolio-box .overlay span {
  color: #00ff88;
  font-size: 14px;
  font-weight: 600;
  text-align: center;
  opacity: 0;
  transition: 0.3s;
}

/* hover effects */
.portfolio-box:hover img {
  transform: scale(1.05);
}

.portfolio-box:hover .overlay {
  width: 180px;
  height: 180px;
}

.portfolio-box:hover .overlay span {
  opacity: 1;
}

/* optional glow */
.portfolio-box:hover {
  box-shadow: 0 0 20px #00ff88;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-86f7c1e */.portfolio-box {
  position: relative;
  display: block;
  overflow: hidden;
  border-radius: 10px;
  cursor: pointer;
  text-decoration: none;
}

.portfolio-box img {
  width: 100%;
  display: block;
  transition: 0.4s;
}

/* overlay circle */
.portfolio-box .overlay {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 0;
  height: 0;
  background: rgba(0,255,136,0.15);
  border: 2px solid #00ff88;
  border-radius: 50%;
  transform: translate(-50%, -50%);
  transition: 0.5s;
  display: flex;
  align-items: center;
  justify-content: center;
}

/* text */
.portfolio-box .overlay span {
  color: #00ff88;
  font-size: 14px;
  font-weight: 600;
  text-align: center;
  opacity: 0;
  transition: 0.3s;
}

/* hover effects */
.portfolio-box:hover img {
  transform: scale(1.05);
}

.portfolio-box:hover .overlay {
  width: 180px;
  height: 180px;
}

.portfolio-box:hover .overlay span {
  opacity: 1;
}

/* optional glow */
.portfolio-box:hover {
  box-shadow: 0 0 20px #00ff88;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-c2bbdae */.portfolio-box {
  position: relative;
  display: block;
  overflow: hidden;
  border-radius: 10px;
  cursor: pointer;
  text-decoration: none;
}

.portfolio-box img {
  width: 100%;
  display: block;
  transition: 0.4s;
}

/* overlay circle */
.portfolio-box .overlay {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 0;
  height: 0;
  background: rgba(0,255,136,0.15);
  border: 2px solid #00ff88;
  border-radius: 50%;
  transform: translate(-50%, -50%);
  transition: 0.5s;
  display: flex;
  align-items: center;
  justify-content: center;
}

/* text */
.portfolio-box .overlay span {
  color: #00ff88;
  font-size: 14px;
  font-weight: 600;
  text-align: center;
  opacity: 0;
  transition: 0.3s;
}

/* hover effects */
.portfolio-box:hover img {
  transform: scale(1.05);
}

.portfolio-box:hover .overlay {
  width: 180px;
  height: 180px;
}

.portfolio-box:hover .overlay span {
  opacity: 1;
}

/* optional glow */
.portfolio-box:hover {
  box-shadow: 0 0 20px #00ff88;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-6b5dce6 */.portfolio-box {
  position: relative;
  display: block;
  overflow: hidden;
  border-radius: 10px;
  cursor: pointer;
  text-decoration: none;
}

.portfolio-box img {
  width: 100%;
  display: block;
  transition: 0.4s;
}

/* overlay circle */
.portfolio-box .overlay {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 0;
  height: 0;
  background: rgba(0,255,136,0.15);
  border: 2px solid #00ff88;
  border-radius: 50%;
  transform: translate(-50%, -50%);
  transition: 0.5s;
  display: flex;
  align-items: center;
  justify-content: center;
}

/* text */
.portfolio-box .overlay span {
  color: #00ff88;
  font-size: 14px;
  font-weight: 600;
  text-align: center;
  opacity: 0;
  transition: 0.3s;
}

/* hover effects */
.portfolio-box:hover img {
  transform: scale(1.05);
}

.portfolio-box:hover .overlay {
  width: 180px;
  height: 180px;
}

.portfolio-box:hover .overlay span {
  opacity: 1;
}

/* optional glow */
.portfolio-box:hover {
  box-shadow: 0 0 20px #00ff88;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-091b485 */.portfolio-box {
  position: relative;
  display: block;
  overflow: hidden;
  border-radius: 10px;
  cursor: pointer;
  text-decoration: none;
}

.portfolio-box img {
  width: 100%;
  display: block;
  transition: 0.4s;
}

/* overlay circle */
.portfolio-box .overlay {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 0;
  height: 0;
  background: rgba(0,255,136,0.15);
  border: 2px solid #00ff88;
  border-radius: 50%;
  transform: translate(-50%, -50%);
  transition: 0.5s;
  display: flex;
  align-items: center;
  justify-content: center;
}

/* text */
.portfolio-box .overlay span {
  color: #00ff88;
  font-size: 14px;
  font-weight: 600;
  text-align: center;
  opacity: 0;
  transition: 0.3s;
}

/* hover effects */
.portfolio-box:hover img {
  transform: scale(1.05);
}

.portfolio-box:hover .overlay {
  width: 180px;
  height: 180px;
}

.portfolio-box:hover .overlay span {
  opacity: 1;
}

/* optional glow */
.portfolio-box:hover {
  box-shadow: 0 0 20px #00ff88;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-089682f */.portfolio-box {
  position: relative;
  display: block;
  overflow: hidden;
  border-radius: 10px;
  cursor: pointer;
  text-decoration: none;
}

.portfolio-box img {
  width: 100%;
  display: block;
  transition: 0.4s;
}

/* overlay circle */
.portfolio-box .overlay {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 0;
  height: 0;
  background: rgba(0,255,136,0.15);
  border: 2px solid #00ff88;
  border-radius: 50%;
  transform: translate(-50%, -50%);
  transition: 0.5s;
  display: flex;
  align-items: center;
  justify-content: center;
}

/* text */
.portfolio-box .overlay span {
  color: #00ff88;
  font-size: 14px;
  font-weight: 600;
  text-align: center;
  opacity: 0;
  transition: 0.3s;
}

/* hover effects */
.portfolio-box:hover img {
  transform: scale(1.05);
}

.portfolio-box:hover .overlay {
  width: 180px;
  height: 180px;
}

.portfolio-box:hover .overlay span {
  opacity: 1;
}

/* optional glow */
.portfolio-box:hover {
  box-shadow: 0 0 20px #00ff88;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-1fcc39f */.portfolio-box {
  position: relative;
  display: block;
  overflow: hidden;
  border-radius: 10px;
  cursor: pointer;
  text-decoration: none;
}

.portfolio-box img {
  width: 100%;
  display: block;
  transition: 0.4s;
}

/* overlay circle */
.portfolio-box .overlay {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 0;
  height: 0;
  background: rgba(0,255,136,0.15);
  border: 2px solid #00ff88;
  border-radius: 50%;
  transform: translate(-50%, -50%);
  transition: 0.5s;
  display: flex;
  align-items: center;
  justify-content: center;
}

/* text */
.portfolio-box .overlay span {
  color: #00ff88;
  font-size: 14px;
  font-weight: 600;
  text-align: center;
  opacity: 0;
  transition: 0.3s;
}

/* hover effects */
.portfolio-box:hover img {
  transform: scale(1.05);
}

.portfolio-box:hover .overlay {
  width: 180px;
  height: 180px;
}

.portfolio-box:hover .overlay span {
  opacity: 1;
}

/* optional glow */
.portfolio-box:hover {
  box-shadow: 0 0 20px #00ff88;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-64fe8fb */.portfolio-box {
  position: relative;
  display: block;
  overflow: hidden;
  border-radius: 10px;
  cursor: pointer;
  text-decoration: none;
}

.portfolio-box img {
  width: 100%;
  display: block;
  transition: 0.4s;
}

/* overlay circle */
.portfolio-box .overlay {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 0;
  height: 0;
  background: rgba(0,255,136,0.15);
  border: 2px solid #00ff88;
  border-radius: 50%;
  transform: translate(-50%, -50%);
  transition: 0.5s;
  display: flex;
  align-items: center;
  justify-content: center;
}

/* text */
.portfolio-box .overlay span {
  color: #00ff88;
  font-size: 14px;
  font-weight: 600;
  text-align: center;
  opacity: 0;
  transition: 0.3s;
}

/* hover effects */
.portfolio-box:hover img {
  transform: scale(1.05);
}

.portfolio-box:hover .overlay {
  width: 180px;
  height: 180px;
}

.portfolio-box:hover .overlay span {
  opacity: 1;
}

/* optional glow */
.portfolio-box:hover {
  box-shadow: 0 0 20px #00ff88;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-04f1007 */.stack-section {
  width: 400px;
  margin: auto;
}

.card {
  position: sticky;
  top: 100px;
  padding: 30px;
  margin-bottom: 40px;
  border-radius: 20px;
  color: white;
  box-shadow: 0 10px 30px rgba(0,0,0,0.3);
}

/* Icon Style */
.icon {
  width: 60px;
  height: 60px;
  background: white;
  color: black;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 24px;
  margin-bottom: 15px;
}

/* Text */
.card h2 {
  margin: 10px 0;
}

.card p {
  font-size: 14px;
  line-height: 1.5;
}

/* Colors + stacking */
.card:nth-child(1) { background: linear-gradient(45deg, #f7b733, #fc4a1a); z-index: 1; }
.card:nth-child(2) { background: linear-gradient(45deg, #ff00cc, #333399); z-index: 2; }
.card:nth-child(3) { background: linear-gradient(45deg, #00c6ff, #0072ff); z-index: 3; }
.card:nth-child(4) { background: linear-gradient(45deg, #11998e, #38ef7d); z-index: 4; }
.card:nth-child(5) { background: linear-gradient(45deg, #fc5c7d, #6a82fb); z-index: 5; }
.card {
  position: sticky;
  top: 0;
}/* End custom CSS */