.elementor-175157 .elementor-element.elementor-element-a2b53d6{--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;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}/* Start custom CSS for html, class: .elementor-element-13b53d3 */.techstack-marquee-container {
   width: 100%;
   padding: 40px 20px;
   font-family: 'Poppins';

 }

 .techstack-marquee-container img {
   max-width: 100%;
   height: 100%;
   object-fit: contain
 }

 .techstack-marquee-container .marquee-grid {
   display: grid;
   grid-template-columns: repeat(4, 1fr);
   gap: 20px;
   height: 670px;
   perspective: 1000px;
 }

 .techstack-marquee-container .marquee-column {
   position: relative;
   overflow: hidden;
   border-radius: 20px;
 }

 .techstack-marquee-container .marquee-track {
   display: flex;
   flex-direction: column;
   gap: 20px;
   animation: scroll-up 20s linear infinite;
 }

 /*.techstack-marquee-container .marquee-column:nth-child(2) .marquee-track {*/
 /*  animation: scroll-down 20s linear infinite;*/
 /*}*/

 @keyframes scroll-up {
   0% {
     transform: translateY(0);
   }

   100% {
     transform: translateY(-50%);
   }
 }

 @keyframes scroll-down {
   0% {
     transform: translateY(-50%);
   }

   100% {
     transform: translateY(0);
   }
 }

 .techstack-marquee-container .tech-card {
   background: #253446;
   backdrop-filter: blur(10px);
   border-radius: 16px;
   padding: 20px;
   display: flex;
   flex-direction: column;
   align-items: center;
   justify-content: center;
   gap: 10px;
   transition: all 0.3s ease;
   flex-shrink: 0;
 }


 .techstack-marquee-container .tech-icon {
   width: 60px;
   height: 60px;
   display: flex;
   align-items: center;
   justify-content: center;
  transform: scale(1.9)

 }

 .techstack-marquee-container .tech-label {
   color: #e0e0e0;
   font-size: 14px;
   font-weight: 500;
   text-align: center;
   white-space: nowrap;
 }

 @media (max-width:1400px) {
   .techstack-marquee-container .tech-label {
     font-size: 10px;
   }

   .techstack-marquee-container .tech-card {
     padding: 14px;
   }

   .techstack-marquee-container .tech-icon {
     width: 40px;
     height: 40px;
   }

   .techstack-marquee-container .marquee-grid {
     height: 540px;
   }
 }

 @media (max-width:992px) {
   .techstack-marquee-container .marquee-grid {
     height: 470px;
   }

   .techstack-marquee-container .marquee-grid,
   .techstack-marquee-container .marquee-track {
     gap: 10px
   }

   .techstack-marquee-container .tech-card {
     padding: 10px;
   }

   .techstack-marquee-container .tech-label {
     font-size: 6px;
     font-weight: 700;
   }

   .techstack-marquee-container .tech-icon {
     width: 24px;
     height: 24px;
   }
 }

 @media (max-width: 768px) {
   .techstack-marquee-container .marquee-grid {
     height: auto;
   }

   .techstack-marquee-container .marquee-column {
     height: 400px;
   }
 }/* End custom CSS */