.elementor-1207 .elementor-element.elementor-element-f9f7de4{--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-1207 .elementor-element.elementor-element-f9f7de4:not(.elementor-motion-effects-element-type-background), .elementor-1207 .elementor-element.elementor-element-f9f7de4 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#151414;}.elementor-1207 .elementor-element.elementor-element-f62903b{--display:flex;--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-1207 .elementor-element.elementor-element-f62903b.e-con{--align-self:center;}.elementor-1207 .elementor-element.elementor-element-e8890ca{margin:20px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;text-align:center;}.elementor-1207 .elementor-element.elementor-element-e8890ca.elementor-element{--align-self:center;}.elementor-1207 .elementor-element.elementor-element-d2d1ce3{--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-1207 .elementor-element.elementor-element-3f2f86e{--display:flex;}.elementor-1207 .elementor-element.elementor-element-033926d .elementor-heading-title{font-family:"Carrois Gothic SC", Sans-serif;font-size:32px;color:#FFFFFF;}.elementor-1207 .elementor-element.elementor-element-4dc524e{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-1207 .elementor-element.elementor-element-0404c77{--display:flex;}.elementor-1207 .elementor-element.elementor-element-b322ba1 .elementor-heading-title{font-family:"Carrois Gothic SC", Sans-serif;font-size:32px;color:#FFFFFF;}.elementor-1207 .elementor-element.elementor-element-581cd7f{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-1207 .elementor-element.elementor-element-a50cd32{--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;--padding-top:0px;--padding-bottom:40px;--padding-left:0px;--padding-right:0px;}.elementor-1207 .elementor-element.elementor-element-4fc0d65{--display:flex;}.elementor-1207 .elementor-element.elementor-element-16386c3{width:100%;max-width:100%;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 14px) 0px;text-align:center;}.elementor-1207 .elementor-element.elementor-element-16386c3 .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-1207 .elementor-element.elementor-element-5568905{--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-1207 .elementor-element.elementor-element-9350312{--display:flex;}.elementor-1207 .elementor-element.elementor-element-d79e064{--display:flex;}.elementor-1207 .elementor-element.elementor-element-40807ca{--display:flex;}.elementor-1207 .elementor-element.elementor-element-8efe224{--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-1207 .elementor-element.elementor-element-4406623{--display:flex;}.elementor-1207 .elementor-element.elementor-element-263c16b{--display:flex;}.elementor-1207 .elementor-element.elementor-element-e26d0a1{--display:flex;}@media(max-width:1024px){.elementor-1207 .elementor-element.elementor-element-f9f7de4{--min-height:6vh;}.elementor-1207 .elementor-element.elementor-element-033926d .elementor-heading-title{font-size:30px;}.elementor-1207 .elementor-element.elementor-element-b322ba1 .elementor-heading-title{font-size:30px;}.elementor-1207 .elementor-element.elementor-element-16386c3 .elementor-heading-title{font-size:25px;line-height:43px;}}@media(max-width:767px){.elementor-1207 .elementor-element.elementor-element-f9f7de4{--padding-top:20px;--padding-bottom:0px;--padding-left:20px;--padding-right:20px;}.elementor-1207 .elementor-element.elementor-element-f62903b{--width:100%;}.elementor-1207 .elementor-element.elementor-element-e8890ca img{width:100%;}.elementor-1207 .elementor-element.elementor-element-033926d .elementor-heading-title{font-size:26px;}.elementor-1207 .elementor-element.elementor-element-b322ba1 .elementor-heading-title{font-size:26px;}.elementor-1207 .elementor-element.elementor-element-16386c3 .elementor-heading-title{font-size:28px;line-height:38px;}}@media(min-width:768px){.elementor-1207 .elementor-element.elementor-element-f9f7de4{--content-width:1400px;}.elementor-1207 .elementor-element.elementor-element-3f2f86e{--width:49%;}.elementor-1207 .elementor-element.elementor-element-0404c77{--width:49%;}}@media(max-width:1024px) and (min-width:768px){.elementor-1207 .elementor-element.elementor-element-d2d1ce3{--width:80%;}.elementor-1207 .elementor-element.elementor-element-3f2f86e{--width:100%;}.elementor-1207 .elementor-element.elementor-element-0404c77{--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 */