.elementor-1200 .elementor-element.elementor-element-7e94063{--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:60px;--padding-bottom:60px;--padding-left:0px;--padding-right:0px;}.elementor-1200 .elementor-element.elementor-element-7e94063:not(.elementor-motion-effects-element-type-background), .elementor-1200 .elementor-element.elementor-element-7e94063 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#151414;}.elementor-1200 .elementor-element.elementor-element-85f270d{--display:flex;--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-1200 .elementor-element.elementor-element-85f270d.e-con{--align-self:center;}.elementor-1200 .elementor-element.elementor-element-6999b08{margin:20px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;text-align:center;}.elementor-1200 .elementor-element.elementor-element-6999b08.elementor-element{--align-self:center;}.elementor-1200 .elementor-element.elementor-element-c6c2ae3{--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-1200 .elementor-element.elementor-element-a9a81e8{--display:flex;}.elementor-1200 .elementor-element.elementor-element-83241eb .elementor-heading-title{font-family:"Carrois Gothic SC", Sans-serif;font-size:32px;color:#FFFFFF;}.elementor-1200 .elementor-element.elementor-element-afb15e4{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-1200 .elementor-element.elementor-element-c137681{--display:flex;}.elementor-1200 .elementor-element.elementor-element-2b5c73d .elementor-heading-title{font-family:"Carrois Gothic SC", Sans-serif;font-size:32px;color:#FFFFFF;}.elementor-1200 .elementor-element.elementor-element-cfda429{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-1200 .elementor-element.elementor-element-28b485a{--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-1200 .elementor-element.elementor-element-8954d3c{--display:flex;}.elementor-1200 .elementor-element.elementor-element-0f0f7ab{width:100%;max-width:100%;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 14px) 0px;text-align:center;}.elementor-1200 .elementor-element.elementor-element-0f0f7ab .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-1200 .elementor-element.elementor-element-6a4f4de{--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-1200 .elementor-element.elementor-element-f61884a{--display:flex;}.elementor-1200 .elementor-element.elementor-element-dfb27eb{--display:flex;}.elementor-1200 .elementor-element.elementor-element-d6083e9{--display:flex;}.elementor-1200 .elementor-element.elementor-element-93359f6{--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-1200 .elementor-element.elementor-element-cd2069b{--display:flex;--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-1200 .elementor-element.elementor-element-31465c7{width:100%;max-width:100%;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 14px) 0px;text-align:center;}.elementor-1200 .elementor-element.elementor-element-31465c7 .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-1200 .elementor-element.elementor-element-cd7c482{--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-1200 .elementor-element.elementor-element-cd7c482:not(.elementor-motion-effects-element-type-background), .elementor-1200 .elementor-element.elementor-element-cd7c482 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-1200 .elementor-element.elementor-element-3aab203{--display:flex;--justify-content:space-between;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1200 .elementor-element.elementor-element-359e0d7{--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-1200 .elementor-element.elementor-element-c1e4db9{--display:flex;}.elementor-1200 .elementor-element.elementor-element-b771b49{--e-rating-icon-font-size:20px;}.elementor-1200 .elementor-element.elementor-element-9cf35ec{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-1200 .elementor-element.elementor-element-3203a17 .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-1200 .elementor-element.elementor-element-3203a17 .elementor-button:hover, .elementor-1200 .elementor-element.elementor-element-3203a17 .elementor-button:focus{background-color:#FFFFFF;color:#000000;}.elementor-1200 .elementor-element.elementor-element-3203a17 .elementor-button:hover svg, .elementor-1200 .elementor-element.elementor-element-3203a17 .elementor-button:focus svg{fill:#000000;}@media(max-width:1024px){.elementor-1200 .elementor-element.elementor-element-7e94063{--min-height:6vh;}.elementor-1200 .elementor-element.elementor-element-83241eb .elementor-heading-title{font-size:30px;}.elementor-1200 .elementor-element.elementor-element-2b5c73d .elementor-heading-title{font-size:30px;}.elementor-1200 .elementor-element.elementor-element-0f0f7ab .elementor-heading-title{font-size:25px;line-height:43px;}.elementor-1200 .elementor-element.elementor-element-31465c7 .elementor-heading-title{font-size:25px;line-height:43px;}.elementor-1200 .elementor-element.elementor-element-cd7c482{--gap:30px 30px;--row-gap:30px;--column-gap:30px;--padding-top:15px;--padding-bottom:15px;--padding-left:15px;--padding-right:15px;}.elementor-1200 .elementor-element.elementor-element-359e0d7{--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-1200 .elementor-element.elementor-element-3203a17 .elementor-button{font-size:14px;line-height:20px;padding:10px 20px 10px 20px;}}@media(max-width:767px){.elementor-1200 .elementor-element.elementor-element-7e94063{--padding-top:20px;--padding-bottom:0px;--padding-left:20px;--padding-right:20px;}.elementor-1200 .elementor-element.elementor-element-85f270d{--width:100%;}.elementor-1200 .elementor-element.elementor-element-6999b08 img{width:100%;}.elementor-1200 .elementor-element.elementor-element-83241eb .elementor-heading-title{font-size:26px;}.elementor-1200 .elementor-element.elementor-element-2b5c73d .elementor-heading-title{font-size:26px;}.elementor-1200 .elementor-element.elementor-element-0f0f7ab .elementor-heading-title{font-size:28px;line-height:38px;}.elementor-1200 .elementor-element.elementor-element-31465c7 .elementor-heading-title{font-size:28px;line-height:38px;}.elementor-1200 .elementor-element.elementor-element-cd7c482{--gap:25px 0px;--row-gap:25px;--column-gap:0px;--padding-top:10px;--padding-bottom:10px;--padding-left:10px;--padding-right:10px;}.elementor-1200 .elementor-element.elementor-element-3aab203{--justify-content:space-between;--gap:12px 12px;--row-gap:12px;--column-gap:12px;}.elementor-1200 .elementor-element.elementor-element-3203a17 .elementor-button{font-size:14px;line-height:20px;}}@media(min-width:768px){.elementor-1200 .elementor-element.elementor-element-7e94063{--content-width:1400px;}.elementor-1200 .elementor-element.elementor-element-a9a81e8{--width:49%;}.elementor-1200 .elementor-element.elementor-element-c137681{--width:49%;}.elementor-1200 .elementor-element.elementor-element-cd7c482{--width:70%;}}@media(max-width:1024px) and (min-width:768px){.elementor-1200 .elementor-element.elementor-element-c6c2ae3{--width:70%;}.elementor-1200 .elementor-element.elementor-element-a9a81e8{--width:100%;}.elementor-1200 .elementor-element.elementor-element-c137681{--width:100%;}.elementor-1200 .elementor-element.elementor-element-cd7c482{--width:80%;}.elementor-1200 .elementor-element.elementor-element-3aab203{--width:100%;}}/* Start custom CSS */#newsingle .hover-scroll {
  height: fit-content !important;
}
.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 */