.elementor-844 .elementor-element.elementor-element-34172c2{--display:flex;--min-height:26vh;--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:flex-start;--align-items:center;--padding-top:50px;--padding-bottom:50px;--padding-left:0px;--padding-right:0px;}.elementor-844 .elementor-element.elementor-element-34172c2:not(.elementor-motion-effects-element-type-background), .elementor-844 .elementor-element.elementor-element-34172c2 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#151414;}.elementor-844 .elementor-element.elementor-element-e0bebf6{--display:flex;--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-844 .elementor-element.elementor-element-e0bebf6.e-con{--align-self:center;}.elementor-844 .elementor-element.elementor-element-d88cc8f{margin:20px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;text-align:center;}.elementor-844 .elementor-element.elementor-element-d88cc8f.elementor-element{--align-self:center;}.elementor-844 .elementor-element.elementor-element-6628ea3{--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;--flex-wrap:wrap;--margin-top:40px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-844 .elementor-element.elementor-element-0eb248c{--display:flex;}.elementor-844 .elementor-element.elementor-element-b9c3e0e .elementor-heading-title{font-family:"Carrois Gothic SC", Sans-serif;font-size:32px;color:#FFFFFF;}.elementor-844 .elementor-element.elementor-element-0056a82{margin:10px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;font-family:"Rubik", Sans-serif;font-size:15px;letter-spacing:0.5px;color:#FFFFFF;}.elementor-844 .elementor-element.elementor-element-6d1dd52{--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;--margin-top:31px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-844 .elementor-element.elementor-element-bd41341{--display:flex;}.elementor-844 .elementor-element.elementor-element-63b63ff{width:100%;max-width:100%;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 14px) 0px;text-align:start;}.elementor-844 .elementor-element.elementor-element-63b63ff .elementor-heading-title{font-family:"Figtree", Sans-serif;font-size:30px;font-weight:700;text-transform:uppercase;line-height:72px;letter-spacing:0px;color:#FFFFFF;}.elementor-844 .elementor-element.elementor-element-26c60b9{--display:flex;}.elementor-844 .elementor-element.elementor-element-1e9f788{--display:flex;}.elementor-844 .elementor-element.elementor-element-d5b2be1{width:100%;max-width:100%;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 14px) 0px;text-align:start;}.elementor-844 .elementor-element.elementor-element-d5b2be1 .elementor-heading-title{font-family:"Figtree", Sans-serif;font-size:30px;font-weight:700;text-transform:uppercase;line-height:72px;letter-spacing:0px;color:#FFFFFF;}.elementor-844 .elementor-element.elementor-element-a041a11{--display:flex;}.elementor-844 .elementor-element.elementor-element-ab28a66{--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;--margin-top:55px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-844 .elementor-element.elementor-element-82d4a31{--display:flex;}.elementor-844 .elementor-element.elementor-element-2bceffb{width:100%;max-width:100%;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 14px) 0px;text-align:center;}.elementor-844 .elementor-element.elementor-element-2bceffb .elementor-heading-title{font-family:"Figtree", Sans-serif;font-size:30px;font-weight:700;text-transform:uppercase;line-height:72px;letter-spacing:0px;color:#FFFFFF;}.elementor-844 .elementor-element.elementor-element-1cbb348{--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:20px 20px;--row-gap:20px;--column-gap:20px;}.elementor-844 .elementor-element.elementor-element-f8bb4e7{--display:flex;}.elementor-844 .elementor-element.elementor-element-589cd33{--display:flex;}.elementor-844 .elementor-element.elementor-element-d6095fd{--display:flex;}.elementor-844 .elementor-element.elementor-element-bd69ea9{--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;--margin-top:31px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-844 .elementor-element.elementor-element-3ccf697{--display:flex;--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-844 .elementor-element.elementor-element-b89bf58{width:100%;max-width:100%;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 14px) 0px;text-align:center;}.elementor-844 .elementor-element.elementor-element-b89bf58 .elementor-heading-title{font-family:"Figtree", Sans-serif;font-size:30px;font-weight:700;text-transform:uppercase;line-height:72px;letter-spacing:0px;color:#FFFFFF;}.elementor-844 .elementor-element.elementor-element-89e1d6d{--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:80px 80px;--row-gap:80px;--column-gap:80px;--border-radius:30px 30px 30px 30px;--margin-top:20px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:45px;--padding-bottom:45px;--padding-left:45px;--padding-right:45px;}.elementor-844 .elementor-element.elementor-element-89e1d6d:not(.elementor-motion-effects-element-type-background), .elementor-844 .elementor-element.elementor-element-89e1d6d > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-844 .elementor-element.elementor-element-0c2534b{--display:flex;--justify-content:space-between;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-844 .elementor-element.elementor-element-a7378e4{--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;}.elementor-844 .elementor-element.elementor-element-903dc94{--display:flex;}.elementor-844 .elementor-element.elementor-element-efbb3b7{--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:space-between;--align-items:center;}.elementor-844 .elementor-element.elementor-element-eece55f{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 20px) 0px;text-align:start;}.elementor-844 .elementor-element.elementor-element-eece55f img{width:50%;}.elementor-844 .elementor-element.elementor-element-1f90f3b{--e-rating-icon-font-size:30px;}.elementor-844 .elementor-element.elementor-element-01378b8{margin:10px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;font-family:"Rubik", Sans-serif;font-size:15px;letter-spacing:0.5px;color:#000000;}.elementor-844 .elementor-element.elementor-element-a15410a .elementor-button{background-color:#000000;font-family:"Figtree", Sans-serif;font-size:16px;font-weight:500;text-transform:capitalize;line-height:24px;fill:#FFFFFF;color:#FFFFFF;border-style:solid;border-width:1px 1px 1px 1px;border-color:#B0B0B030;border-radius:66px 66px 66px 66px;padding:12px 30px 12px 30px;}.elementor-844 .elementor-element.elementor-element-a15410a .elementor-button:hover, .elementor-844 .elementor-element.elementor-element-a15410a .elementor-button:focus{background-color:#FFFFFF;color:#000000;}.elementor-844 .elementor-element.elementor-element-a15410a .elementor-button:hover svg, .elementor-844 .elementor-element.elementor-element-a15410a .elementor-button:focus svg{fill:#000000;}@media(max-width:1024px){.elementor-844 .elementor-element.elementor-element-34172c2{--min-height:6vh;}.elementor-844 .elementor-element.elementor-element-b9c3e0e .elementor-heading-title{font-size:30px;}.elementor-844 .elementor-element.elementor-element-63b63ff .elementor-heading-title{font-size:25px;line-height:43px;}.elementor-844 .elementor-element.elementor-element-d5b2be1 .elementor-heading-title{font-size:25px;line-height:43px;}.elementor-844 .elementor-element.elementor-element-2bceffb .elementor-heading-title{font-size:25px;line-height:43px;}.elementor-844 .elementor-element.elementor-element-b89bf58 .elementor-heading-title{font-size:25px;line-height:43px;}.elementor-844 .elementor-element.elementor-element-89e1d6d{--gap:30px 30px;--row-gap:30px;--column-gap:30px;--padding-top:15px;--padding-bottom:15px;--padding-left:15px;--padding-right:15px;}.elementor-844 .elementor-element.elementor-element-a7378e4{--flex-direction:column-reverse;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--flex-wrap:wrap;}.elementor-844 .elementor-element.elementor-element-eece55f{text-align:start;}.elementor-844 .elementor-element.elementor-element-eece55f img{width:35%;}.elementor-844 .elementor-element.elementor-element-a15410a .elementor-button{font-size:14px;line-height:20px;padding:10px 20px 10px 20px;}}@media(max-width:767px){.elementor-844 .elementor-element.elementor-element-34172c2{--padding-top:20px;--padding-bottom:0px;--padding-left:20px;--padding-right:20px;}.elementor-844 .elementor-element.elementor-element-e0bebf6{--width:100%;}.elementor-844 .elementor-element.elementor-element-d88cc8f img{width:100%;}.elementor-844 .elementor-element.elementor-element-b9c3e0e .elementor-heading-title{font-size:26px;}.elementor-844 .elementor-element.elementor-element-63b63ff .elementor-heading-title{font-size:28px;line-height:38px;}.elementor-844 .elementor-element.elementor-element-d5b2be1 .elementor-heading-title{font-size:28px;line-height:38px;}.elementor-844 .elementor-element.elementor-element-2bceffb .elementor-heading-title{font-size:28px;line-height:38px;}.elementor-844 .elementor-element.elementor-element-b89bf58 .elementor-heading-title{font-size:28px;line-height:38px;}.elementor-844 .elementor-element.elementor-element-89e1d6d{--gap:25px 0px;--row-gap:25px;--column-gap:0px;--padding-top:10px;--padding-bottom:10px;--padding-left:10px;--padding-right:10px;}.elementor-844 .elementor-element.elementor-element-0c2534b{--justify-content:space-between;--gap:12px 12px;--row-gap:12px;--column-gap:12px;}.elementor-844 .elementor-element.elementor-element-eece55f img{width:60%;}.elementor-844 .elementor-element.elementor-element-a15410a .elementor-button{font-size:14px;line-height:20px;}}@media(min-width:768px){.elementor-844 .elementor-element.elementor-element-34172c2{--content-width:1400px;}.elementor-844 .elementor-element.elementor-element-6628ea3{--width:75%;}.elementor-844 .elementor-element.elementor-element-89e1d6d{--width:80%;}}@media(max-width:1024px) and (min-width:768px){.elementor-844 .elementor-element.elementor-element-89e1d6d{--width:80%;}.elementor-844 .elementor-element.elementor-element-0c2534b{--width:100%;}}/* Start custom CSS */.portfolio-mockup {
  width: 70%;
  margin: auto;
  position: relative;
  border-radius: 22px;
  overflow: hidden;

  /* 3D floating base */
  transform: translateY(0);
  animation: floatCard 6s ease-in-out infinite;

  box-shadow: 0 30px 80px rgba(0,0,0,0.7);
}

/* 🔥 LAVA / ENERGY GLOW FRAME */
.portfolio-mockup::before {
  content: "";
  position: absolute;
  inset: -20px;
  border-radius: 30px;
  background: conic-gradient(
    from 0deg,
    #ff2a00,
    #ff7a00,
    #ffd000,
    #ff2a00,
    #ff4d00,
    #ff2a00
  );
  animation: fireRotate 4s linear infinite;
  filter: blur(18px);
  opacity: 0.7;
  z-index: 0;
}

/* dark inner frame layer */
.portfolio-mockup::after {
  content: "";
  position: absolute;
  inset: 4px;
  background: #0a0a0a;
  border-radius: 18px;
  z-index: 1;
}

/* image styling */
.portfolio-mockup img {
  width: 100%;
  display: block;
  position: relative;
  z-index: 2;

  transform: scale(1.02);
  animation: slowZoom 8s ease-in-out infinite;
}

/* 🔄 floating animation */
@keyframes floatCard {
  0%, 100% {
    transform: translateY(0px);
  }
  50% {
    transform: translateY(-15px);
  }
}

/* 🔥 rotating fire energy */
@keyframes fireRotate {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}

/* 📸 slow breathing zoom */
@keyframes slowZoom {
  0%, 100% {
    transform: scale(1.02);
  }
  50% {
    transform: scale(1.06);
  }
}

.fire-lava-box {
  position: relative;
  overflow: hidden;
  background: #0a0a0a;
  border-radius: 18px;
  padding: 40px;
  z-index: 1;
}

/* 🔥 FIRE BACKGROUND LAYER */
.fire-lava-box::before {
  content: "";
  position: absolute;
  inset: -50%;
  background: radial-gradient(circle at 20% 20%, #ff2a00, transparent 40%),
              radial-gradient(circle at 80% 30%, #ff7a00, transparent 45%),
              radial-gradient(circle at 50% 80%, #ff0000, transparent 50%),
              radial-gradient(circle at 30% 70%, #ffb300, transparent 55%);
  animation: lavaMove 6s infinite linear;
  filter: blur(40px);
  opacity: 0.7;
  z-index: 0;
}

/* 🔥 FLOATING FIRE PARTICLES */
.fire-lava-box::after {
  content: "";
  position: absolute;
  inset: 0;
  background: url("https://i.ibb.co/7YbQ6qf/fire-particles.png");
  background-size: cover;
  opacity: 0.15;
  animation: fireFloat 4s infinite ease-in-out;
  z-index: 0;
}

/* keep content above fire */
.fire-lava-box > * {
  position: relative;
  z-index: 2;
  color: #fff;
}

/* 🔄 moving lava animation */
@keyframes lavaMove {
  0% {
    transform: translate(-10%, -10%) scale(1);
  }
  50% {
    transform: translate(10%, 10%) scale(1.2);
  }
  100% {
    transform: translate(-10%, -10%) scale(1);
  }
}

/* 🔥 floating fire motion */
@keyframes fireFloat {
  0%, 100% {
    transform: translateY(0px);
  }
  50% {
    transform: translateY(-20px);
  }
}
@media (max-width: 767px) {
.portfolio-mockup {
    width: 95% !important;
}
.fire-lava-box {
    padding: 15px;
}
}/* End custom CSS */