.elementor-kit-7{--e-global-color-primary:#6EC1E4;--e-global-color-secondary:#54595F;--e-global-color-text:#7A7A7A;--e-global-color-accent:#61CE70;--e-global-color-ba50dae:#101010;--e-global-color-656880e:#191919;--e-global-color-09c9ae2:#191919;--e-global-color-bdc4e16:#E6E6E6;--e-global-color-9fcf195:#999999;--e-global-color-c981ada:#212121;--e-global-color-d02e175:#14FFEC;--e-global-typography-primary-font-family:"Roboto";--e-global-typography-primary-font-weight:600;--e-global-typography-secondary-font-family:"Roboto Slab";--e-global-typography-secondary-font-weight:400;--e-global-typography-text-font-family:"Roboto";--e-global-typography-text-font-weight:400;--e-global-typography-accent-font-family:"Roboto";--e-global-typography-accent-font-weight:500;font-family:"Manrope", Sans-serif;}.elementor-kit-7 e-page-transition{background-color:#FFBC7D;}.elementor-kit-7 a{font-family:"Manrope", Sans-serif;}.elementor-kit-7 h1{font-family:"Manrope", Sans-serif;}.elementor-kit-7 h2{font-family:"Manrope", Sans-serif;}.elementor-kit-7 h3{font-family:"Manrope", Sans-serif;}.elementor-kit-7 h4{font-family:"Manrope", Sans-serif;}.elementor-kit-7 h5{font-family:"Manrope", Sans-serif;}.elementor-kit-7 h6{font-family:"Manrope", Sans-serif;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1140px;}.e-con{--container-max-width:1140px;}.elementor-widget:not(:last-child){--kit-widget-spacing:20px;}.elementor-element{--widgets-spacing:20px 20px;--widgets-spacing-row:20px;--widgets-spacing-column:20px;}{}h1.entry-title{display:var(--page-title-display);}.site-header .site-branding{flex-direction:column;align-items:stretch;}.site-header{padding-inline-end:0px;padding-inline-start:0px;}.site-footer .site-branding{flex-direction:column;align-items:stretch;}@media(max-width:1024px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}/* Start custom CSS *//* Iconlist Styling */
.iconlist-bg .elementor-icon-list-item.elementor-inline-item{
    background: rgb(25, 25, 25);
    padding: 0.4vw 0.8vw 0.4vw 0.4vw;
    border-radius: 100vw;
    border: 0.1vw solid rgb(33, 33, 33);
}

@media only screen and (max-width: 767px){
.iconlist-bg .elementor-icon-list-item.elementor-inline-item{
    padding: 1vw 2vw 1vw 1vw;
    border-radius: 100vw;
    border: 0.2vw solid rgb(33, 33, 33);
}    
}

/* Vertical Infinite Scroll */
.main-wrapper {
  height: 12.25vw;
  overflow: hidden;
  position: relative;

  mask-image: linear-gradient(to bottom, 
    rgba(0, 0, 0, 0) 0%, 
    rgba(0, 0, 0, 1) 30%, 
    rgba(0, 0, 0, 1) 70%, 
    rgba(0, 0, 0, 0) 100%);
  -webkit-mask-image: linear-gradient(to bottom, 
    rgba(0, 0, 0, 0) 5%, 
    rgba(0, 0, 0, 1) 30%, 
    rgba(0, 0, 0, 1) 70%, 
    rgba(0, 0, 0, 0) 95%);
}

.slider {
  display: flex;
  flex-direction: column;
  animation: scrollUp 40s linear infinite;
  backface-visibility: hidden;
  transform-style: preserve-3d;
  will-change: transform;
}

.slider.testimonials {
  animation: scrollUp 60s linear infinite;
}

@keyframes scrollUp {
  0% {
    transform: translate3d(0, 0, 0);
  }
  100% {
    transform: translate3d(0, -50%, 0);
  }
}

@media only screen and (max-width: 1024px){
.main-wrapper {
  height: 20.5vw;
}
}

@media only screen and (max-width: 767px){
.main-wrapper {
  height: 40vw;
}
}

/* Horizontal Infinite Scroll Left */
.wrapper-hori {
  width: 100%;
  overflow: hidden;
  position: relative;

  mask-image: linear-gradient(to right, 
    rgba(0, 0, 0, 0) 0%, 
    rgba(0, 0, 0, 1) 10%, 
    rgba(0, 0, 0, 1) 90%, 
    rgba(0, 0, 0, 0) 100%);
  -webkit-mask-image: linear-gradient(to right, 
    rgba(0, 0, 0, 0) 0%, 
    rgba(0, 0, 0, 1) 10%, 
    rgba(0, 0, 0, 1) 90%, 
    rgba(0, 0, 0, 0) 100%);
}

.slider-hori {
  display: flex;
  flex-wrap: nowrap;
  animation: scrollLeftAuto 40s linear infinite;
  width: max-content;
  will-change: transform;
}

/* Pause on hover */
.wrapper-hori:hover .slider-hori {
  animation-play-state: paused;
}

@keyframes scrollLeftAuto {
  0% {
    transform: translateX(0%);
  }
  100% {
    transform: translateX(-50%);
  }
}


.item {
  flex: 0 0 auto;
  white-space: nowrap;
}

/* Horizontal Infinite Scroll Right */
.wrapper-hori-right {
  width: 100%;
  overflow: hidden;
  position: relative;

  mask-image: linear-gradient(to right, 
    rgba(0, 0, 0, 0) 0%, 
    rgba(0, 0, 0, 1) 10%, 
    rgba(0, 0, 0, 1) 90%, 
    rgba(0, 0, 0, 0) 100%);
  -webkit-mask-image: linear-gradient(to right, 
    rgba(0, 0, 0, 0) 0%, 
    rgba(0, 0, 0, 1) 10%, 
    rgba(0, 0, 0, 1) 90%, 
    rgba(0, 0, 0, 0) 100%);
}

.slider-hori-right {
  display: flex;
  flex-wrap: nowrap;
  animation: scrollRightAuto 40s linear infinite;
  width: max-content;
  will-change: transform;
}

/* Pause animation on hover */
.wrapper-hori-right:hover .slider-hori-right {
  animation-play-state: paused;
}

@keyframes scrollRightAuto {
  0% {
    transform: translateX(-50%);
  }
  100% {
    transform: translateX(0%);
  }
}

.item {
  flex: 0 0 auto;
  white-space: nowrap;
}

/* Portfolio Card Hover Effect */
.hover-card .tech-stacks{
    opacity: 0.5;
    transition: opacity 0.3s ease-in-out;
}

.hover-card:hover .tech-stacks{
    opacity: 1;
}

.hover-card .work-img{
    filter: grayscale(100%);
    transition: filter 0.3s ease-in-out;
    overflow: hidden;
    border-radius: 0.5vw;
}

.hover-card:hover .work-img{
    filter: grayscale(0%);
}

.hover-card .work-img img{
    transition: transform 0.3s ease-in-out;
}

.hover-card:hover .work-img img{
    transform: scale(1.1);
}

/* Glowing border effect */
.hover-card {
  position: relative;
  z-index: 1;
  overflow: hidden;
}

.hover-card:hover::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-radius: inherit;
  background: linear-gradient(
    90deg,
    #191919 0%,
    #191919 65%,
    #14FFEC 70%,
    #191919 75%,
    #191919 100%
  );
  background-size: 400% 400%;
  animation: glow-trace 4s linear infinite;
  z-index: -1;
  pointer-events: none;
  mask: 
    linear-gradient(#fff 0 0) content-box, 
    linear-gradient(#fff 0 0);
  -webkit-mask-composite: xor;
  mask-composite: exclude;
  padding: 20px;
  box-sizing: border-box;
  filter: blur(1px);
  opacity: 1;
}

.hover-card:hover::after {
  content: "";
  position: absolute;
  inset: 1px;
  background-color: #1F1F1F;
  border-radius: inherit;
  z-index: -1;
}

@keyframes glow-trace {
  0% {
    background-position: 0% 0%;
  }
  25% {
    background-position: 100% 0%;
  }
  50% {
    background-position: 100% 100%;
  }
  75% {
    background-position: 0% 100%;
  }
  100% {
    background-position: 0% 0%;
  }
}

/* Hover glowing icon */
.email-img {
  transition: box-shadow 0.3s ease, transform 0.3s ease;
}

/* Trigger flicker and pulse on hover of the container */
.glow-cont:hover .email-img {
  animation: flickerNeonScale 2.8s infinite;
}

/* Keyframes: flickering glow + scale with smaller glow radius */
@keyframes flickerNeonScale {
  0%, 4% {
    box-shadow: 0 0 4px #14FFEC, 0 0 8px #14FFEC;
    transform: scale(1.03);
  }
  5%, 9% {
    box-shadow: none;
    transform: scale(1);
  }
  10%, 14% {
    box-shadow: 0 0 3px #14FFEC, 0 0 6px #14FFEC;
    transform: scale(1.02);
  }
  15%, 40% {
    box-shadow: none;
    transform: scale(1);
  }
  41%, 45% {
    box-shadow: 0 0 4px #14FFEC, 0 0 8px #14FFEC;
    transform: scale(1.03);
  }
  46%, 74% {
    box-shadow: none;
    transform: scale(1);
  }
  75%, 79% {
    box-shadow: 0 0 5px #14FFEC, 0 0 10px rgba(20, 255, 236, 0.3);
    transform: scale(1.04);
  }
  80%, 84% {
    box-shadow: none;
    transform: scale(1);
  }
  85%, 89% {
    box-shadow: 0 0 5px #14FFEC, 0 0 10px rgba(20, 255, 236, 0.3);
    transform: scale(1.03);
  }
  90%, 100% {
    box-shadow: none;
    transform: scale(1);
  }
}

/* Icon Box Styling */
.icon-box-kj{
    height: 3vw;
}

@media only screen and (max-width: 1024px){
.icon-box-kj{
    height: 3.5vw;
}  
}

@media only screen and (max-width: 767px){
.icon-box-kj{
    height: 10vw;
}  
}/* End custom CSS */