.tech-expertise-hero {
   background: #04242d;
   position: relative;
   min-height: 80vh;
   display: flex;
   align-items: center;
 }

 .tech-expertise-hero::before {
   content: "";
   position: absolute;
   inset: 0;
   background-image:
     linear-gradient(90deg, rgba(13, 90, 111, 0.1) 1px, transparent 1px),
     linear-gradient(rgba(13, 90, 111, 0.1) 1px, transparent 1px);
   background-size: 60px 60px;
   pointer-events: none;
   z-index: 1;
 }

 .tech-expertise-hero::after {
   content: "";
   position: absolute;
   inset: 0;
   background-image:
     radial-gradient(circle at 70% 30%, rgba(13, 90, 111, 0.12), transparent 40%),
     radial-gradient(circle at 85% 70%, rgba(13, 90, 111, 0.08), transparent 35%),
     radial-gradient(circle at 15% 80%, rgba(13, 90, 111, 0.1), transparent 45%);
   pointer-events: none;
   z-index: 2;
   animation: gradientBreathe 6s ease-in-out infinite;
 }

 @keyframes gradientBreathe {

   0%,
   100% {
     opacity: 1;
   }

   50% {
     opacity: 0.7;
   }
 }

 .hero-bg {
   position: absolute;
   width: 100%;
   height: 100%;
   top: 0;
   left: 0;
   background: none;
   pointer-events: none;
 }

 .floating-icons-container {
   position: absolute;
   width: 100%;
   height: 100%;
   top: 0;
   left: 0;
   overflow: hidden;
   pointer-events: none;
 }

 .floating-icon {
   position: absolute;
   font-size: 4rem;
   color: rgba(13, 90, 111, 0.1);
   animation: float 6s ease-in-out infinite, drift 8s linear infinite;
   animation-delay: var(--delay);
 }

 .floating-icon:nth-child(1) {
   top: 10%;
   left: 10%;
   animation-duration: 6s, 8s;
 }

 .floating-icon:nth-child(2) {
   top: 20%;
   right: 15%;
   animation-duration: 7s, 10s;
 }

 .floating-icon:nth-child(3) {
   top: 50%;
   left: 5%;
   animation-duration: 8s, 12s;
 }

 .floating-icon:nth-child(4) {
   bottom: 15%;
   right: 10%;
   animation-duration: 6.5s, 9s;
 }

 .floating-icon:nth-child(5) {
   top: 60%;
   right: 8%;
   animation-duration: 7.5s, 11s;
 }

 .floating-icon:nth-child(6) {
   bottom: 25%;
   left: 12%;
   animation-duration: 6s, 10s;
 }

 @keyframes float {

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

   50% {
     transform: translateY(-30px);
   }
 }

 @keyframes drift {
   0% {
     transform: translateX(0px);
   }

   100% {
     transform: translateX(100px);
   }
 }

 .hero-content-wrapper {
   position: relative;
   z-index: 10;
   width: 100%;
   max-width: 1400px;
   margin: 0 auto;
   /* padding: 60px 40px; */
   display: grid;
   grid-template-columns: 1fr 1.2fr;
   gap: 60px;
   align-items: center;
   animation: slideUp 1s ease-out;
 }

 @keyframes slideUp {
   from {
     opacity: 0;
     transform: translateY(30px);
   }

   to {
     opacity: 1;
     transform: translateY(0);
   }
 }

 .hero-left-content {
   color: white;
 }

 .hero-left-content h1 {
   font-size: 3.5rem;
   font-weight: 700;
   margin-bottom: 1.5rem;
   letter-spacing: -0.5px;
 }

 .hero-left-content p {
   font-size: 1.1rem;
   color: #a0a8b8;
   line-height: 1.8;
 }

 .hero-tech-cards {
   /* background: rgba(255, 255, 255, 0.06); */
   /* border: 1px solid rgba(13, 90, 111, 0.15); */
   border-radius: 20px;
   /* padding: 40px 30px; */
   /* backdrop-filter: blur(10px); */
   /* box-shadow: 0 8px 32px rgba(0, 0, 0, 0.1); */
   height: 250px;
   /* overflow: hidden; */
   /* width: 20px; */
   display: flex;
   align-items: center;
   justify-content: center;
   perspective: 1200px;
   position: relative;
 }

 .atomic-canvas {
   position: absolute;
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
   pointer-events: none;
 }

 .hero-cards-carousel {
   position: relative;
   width: 100%;
   height: 100%;
   max-width: 500px;
   display: flex;
   align-items: center;
   justify-content: center;
   transform-style: preserve-3d;
   perspective: 1200px;
 }

 .hero-cards-column {
   position: absolute;
   display: flex;
   flex-direction: column;
   /* gap: 10px; */
   height: fit-content;
   width: 100px;
   left: 50%;
   top: 50%;
   transform-origin: center;
   transform-style: preserve-3d;
 }

 .hero-cards-column:nth-child(1) {
   animation: atomicOrbit1 20s linear infinite;
 }

 .hero-cards-column:nth-child(2) {
   animation: atomicOrbit2 24s linear infinite;
 }

 .hero-cards-column:nth-child(3) {
   animation: atomicOrbit3 22s linear infinite;
 }

 .hero-cards-column:nth-child(4) {
   animation: atomicOrbit4 26s linear infinite;
 }

 @keyframes atomicOrbit1 {
   0% {
     transform: translate(-50%, -50%) rotateX(0deg) rotateY(0deg) rotateZ(0deg) translateZ(150px) rotateZ(0deg);
   }

   100% {
     transform: translate(-50%, -50%) rotateX(360deg) rotateY(360deg) rotateZ(360deg) translateZ(150px) rotateZ(-360deg);
   }
 }

 @keyframes atomicOrbit2 {
   0% {
     transform: translate(-50%, -50%) rotateX(45deg) rotateY(120deg) rotateZ(0deg) translateZ(150px) rotateZ(-120deg);
   }

   100% {
     transform: translate(-50%, -50%) rotateX(360deg) rotateY(480deg) rotateZ(360deg) translateZ(150px) rotateZ(-480deg);
   }
 }

 @keyframes atomicOrbit3 {
   0% {
     transform: translate(-50%, -50%) rotateX(-45deg) rotateY(240deg) rotateZ(0deg) translateZ(150px) rotateZ(-240deg);
   }

   100% {
     transform: translate(-50%, -50%) rotateX(360deg) rotateY(600deg) rotateZ(360deg) translateZ(150px) rotateZ(-600deg);
   }
 }

 @keyframes atomicOrbit4 {
   0% {
     transform: translate(-50%, -50%) rotateX(30deg) rotateY(270deg) rotateZ(0deg) translateZ(150px) rotateZ(-270deg);
   }

   100% {
     transform: translate(-50%, -50%) rotateX(360deg) rotateY(630deg) rotateZ(360deg) translateZ(150px) rotateZ(-630deg);
   }
 }

 .hero-tech-card {
   display: flex;
   justify-content: center;
   align-items: center;
   height: auto;
 }

 .hero-card-inner {
   width: 50px;
   height: 100px;
   display: flex;
   align-items: center;
   justify-content: center;
   border-radius: 18px;
   /* background: rgba(13, 90, 111, 0.08); */
   /* border: 1px solid rgba(13, 200, 255, 0.15);
          box-shadow: 0 4px 12px rgba(13, 90, 111, 0.08); */
   transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
   font-size: 42px;
   cursor: pointer;
 }

 /* .hero-card-inner:hover {
          background: rgba(13, 90, 111, 0.12);
          border-color: rgba(13, 200, 255, 0.3);
          box-shadow: 0 8px 20px rgba(13, 200, 255, 0.15);
          transform: scale(1.08);
        } */

 .hero-card-inner i {
   font-size: 22px;
   background: linear-gradient(135deg, #0d7a9f, #d4e6e3);
   -webkit-background-clip: text;
   -webkit-text-fill-color: transparent;
   background-clip: text;
   filter: drop-shadow(0 2px 8px rgba(13, 174, 207, 0.12));
   opacity: 0.3;
 }

 @media (max-width: 1024px) {
   .hero-content-wrapper {
     grid-template-columns: 1fr;
     gap: 40px;
     padding: 40px 30px;
   }

   .tech-expertise-hero {
     min-height: 100vh;
   }

   .hero-left-content h1 {
     font-size: 2.5rem;
   }

   .hero-tech-cards {
     height: 300px;
     /* padding: 30px 20px; */
   }

   .hero-cards-carousel {
     width: 100%;
     height: 100%;
     max-width: 400px;
   }

   .hero-card-inner {
     width: 70px;
     height: 70px;
     font-size: 28px;
   }

   .hero-card-inner i {
     font-size: 28px;
   }

   @keyframes atomicOrbit1 {
     0% {
       transform: translate(-50%, -50%) rotateX(0deg) rotateY(0deg) rotateZ(0deg) translateZ(120px) rotateZ(0deg);
     }

     100% {
       transform: translate(-50%, -50%) rotateX(360deg) rotateY(360deg) rotateZ(360deg) translateZ(120px) rotateZ(-360deg);
     }
   }

   @keyframes atomicOrbit2 {
     0% {
       transform: translate(-50%, -50%) rotateX(45deg) rotateY(120deg) rotateZ(0deg) translateZ(120px) rotateZ(-120deg);
     }

     100% {
       transform: translate(-50%, -50%) rotateX(360deg) rotateY(480deg) rotateZ(360deg) translateZ(120px) rotateZ(-480deg);
     }
   }

   @keyframes atomicOrbit3 {
     0% {
       transform: translate(-50%, -50%) rotateX(-45deg) rotateY(240deg) rotateZ(0deg) translateZ(120px) rotateZ(-240deg);
     }

     100% {
       transform: translate(-50%, -50%) rotateX(360deg) rotateY(600deg) rotateZ(360deg) translateZ(120px) rotateZ(-600deg);
     }
   }

   @keyframes atomicOrbit4 {
     0% {
       transform: translate(-50%, -50%) rotateX(30deg) rotateY(270deg) rotateZ(0deg) translateZ(120px) rotateZ(-270deg);
     }

     100% {
       transform: translate(-50%, -50%) rotateX(360deg) rotateY(630deg) rotateZ(360deg) translateZ(120px) rotateZ(-630deg);
     }
   }
 }

 @media (max-width: 768px) {
   .tech-expertise-hero {
     min-height: 80vh;
   }

   .hero-content-wrapper {
     padding: 30px 20px;
     gap: 30px;
     width: 100%;
   }

   .hero-left-content {
     width: 100%;
   }

   .hero-left-content h1 {
     font-size: 1.8rem;
     width: 100%;
   }

   .hero-left-content p {
     font-size: 0.95rem;
     width: 100%;
   }

   .hero-tech-cards {
     height: 280px;
     /* padding: 25px 15px; */
     border-radius: 16px;
   }

   .hero-cards-carousel {
     width: 100%;
     height: 100%;
     max-width: 350px;
   }

   .hero-card-inner {
     width: 60px;
     height: 60px;
     font-size: 24px;
     border-radius: 14px;
   }

   .hero-card-inner i {
     font-size: 24px;
   }

   .floating-icon {
     font-size: 2.5rem;
   }

   @keyframes atomicOrbit1 {
     0% {
       transform: translate(-50%, -50%) rotateX(0deg) rotateY(0deg) rotateZ(0deg) translateZ(100px) rotateZ(0deg);
     }

     100% {
       transform: translate(-50%, -50%) rotateX(360deg) rotateY(360deg) rotateZ(360deg) translateZ(100px) rotateZ(-360deg);
     }
   }

   @keyframes atomicOrbit2 {
     0% {
       transform: translate(-50%, -50%) rotateX(45deg) rotateY(120deg) rotateZ(0deg) translateZ(100px) rotateZ(-120deg);
     }

     100% {
       transform: translate(-50%, -50%) rotateX(360deg) rotateY(480deg) rotateZ(360deg) translateZ(100px) rotateZ(-480deg);
     }
   }

   @keyframes atomicOrbit3 {
     0% {
       transform: translate(-50%, -50%) rotateX(-45deg) rotateY(240deg) rotateZ(0deg) translateZ(100px) rotateZ(-240deg);
     }

     100% {
       transform: translate(-50%, -50%) rotateX(360deg) rotateY(600deg) rotateZ(360deg) translateZ(100px) rotateZ(-600deg);
     }
   }

   @keyframes atomicOrbit4 {
     0% {
       transform: translate(-50%, -50%) rotateX(30deg) rotateY(270deg) rotateZ(0deg) translateZ(100px) rotateZ(-270deg);
     }

     100% {
       transform: translate(-50%, -50%) rotateX(360deg) rotateY(630deg) rotateZ(360deg) translateZ(100px) rotateZ(-630deg);
     }
   }
 }

 @media (max-width: 480px) {
   .tech-expertise-hero {
     min-height: 60vh;
   }

   .hero-content-wrapper {
     padding: 20px 15px;
     gap: 20px;
   }

   .hero-left-content h1 {
     font-size: 1.4rem;
     margin-bottom: 1rem;
   }

   .hero-left-content p {
     font-size: 0.9rem;
   }

   .hero-tech-cards {
     height: 220px;
     /* padding: 20px 12px; */
     border-radius: 12px;
   }

   .hero-cards-carousel {
     width: 100%;
     height: 100%;
     max-width: 280px;
   }

   .hero-card-inner {
     width: 50px;
     height: 50px;
     font-size: 20px;
     border-radius: 12px;
   }

   .hero-card-inner i {
     font-size: 20px;
   }

   @keyframes atomicOrbit1 {
     0% {
       transform: translate(-50%, -50%) rotateX(0deg) rotateY(0deg) rotateZ(0deg) translateZ(80px) rotateZ(0deg);
     }

     100% {
       transform: translate(-50%, -50%) rotateX(360deg) rotateY(360deg) rotateZ(360deg) translateZ(80px) rotateZ(-360deg);
     }
   }

   @keyframes atomicOrbit2 {
     0% {
       transform: translate(-50%, -50%) rotateX(45deg) rotateY(120deg) rotateZ(0deg) translateZ(80px) rotateZ(-120deg);
     }

     100% {
       transform: translate(-50%, -50%) rotateX(360deg) rotateY(480deg) rotateZ(360deg) translateZ(80px) rotateZ(-480deg);
     }
   }

   @keyframes atomicOrbit3 {
     0% {
       transform: translate(-50%, -50%) rotateX(-45deg) rotateY(240deg) rotateZ(0deg) translateZ(80px) rotateZ(-240deg);
     }

     100% {
       transform: translate(-50%, -50%) rotateX(360deg) rotateY(600deg) rotateZ(360deg) translateZ(80px) rotateZ(-600deg);
     }
   }

   @keyframes atomicOrbit4 {
     0% {
       transform: translate(-50%, -50%) rotateX(30deg) rotateY(270deg) rotateZ(0deg) translateZ(80px) rotateZ(-270deg);
     }

     100% {
       transform: translate(-50%, -50%) rotateX(360deg) rotateY(630deg) rotateZ(360deg) translateZ(80px) rotateZ(-630deg);
     }
   }
 }

 .tech-ecosystem-section {
   background: #fff;
   padding: 0;
   position: relative;
   overflow: hidden;
 }


 .marquee-wrapper {
   position: relative;
   width: 100%;
   overflow: hidden;
   background: white;
   border-radius: 15px;
   padding: 40px 0;
   z-index: 1;
 }

 .marquee-container {
   position: relative;
   width: 100%;
   overflow: hidden;
 }

 .marquee-content {
   display: flex;
   width: max-content;
   animation: scroll 40s linear infinite;
   gap: 60px;
   padding: 0 30px;
 }

 .marquee-wrapper:hover .marquee-content {
   animation-play-state: paused;
 }

 @keyframes scroll {
   0% {
     transform: translateX(0);
   }

   100% {
     transform: translateX(calc(-50% - 30px));
   }
 }

 .tech-icon-item {
   display: flex;
   flex-direction: row;
   align-items: center;
   justify-content: center;
   gap: 10px;
   min-width: auto;
   padding: 0;
   border-radius: 0;
   background: transparent;
   transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94);
   white-space: nowrap;
   cursor: pointer;
 }

 .tech-icon-item:hover {
   background: transparent;
   transform: translateY(0);
   box-shadow: none;
 }

 .tech-icon-item i {
   font-size: 1.8rem;
   color: #999;
   transition: all 0.3s ease;
 }

 .tech-icon-item:hover i {
   color: #0d7a9f;
   transform: scale(1.1);
 }

 .tech-icon-item span {
   font-size: 0.85rem;
   font-weight: 600;
   color: #999;
   text-align: center;
   letter-spacing: -0.2px;
 }

 .tech-logo-item {
   display: flex;
   flex-direction: row;
   align-items: center;
   justify-content: center;
   gap: 8px;
   font-size: 1.1rem;
   font-weight: 600;
   color: #aaa;
   white-space: nowrap;
   transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94);
   cursor: pointer;
   letter-spacing: -0.3px;
 }

 .tech-logo-item i {
   font-size: 1.4rem;
   color: #aaa;
   transition: all 0.3s ease;
 }

 .tech-logo-item:hover {
   color: #0d7a9f;
 }

 .tech-logo-item:hover i {
   color: #0d7a9f;
   transform: scale(1.1);
 }

 @media (max-width: 768px) {
   .tech-ecosystem-section {
     padding: 40px 0;
   }

   .ecosystem-header h2 {
     font-size: 1.5rem;
   }

   .ecosystem-header p {
     font-size: 0.9rem;
   }

   .marquee-wrapper {
     padding: 30px 0;
   }

   .marquee-content {
     gap: 40px;
     padding: 0 20px;
   }

   .tech-icon-item {
     min-width: 100px;
     padding: 15px;
     gap: 8px;
   }

   .tech-icon-item i {
     font-size: 2rem;
   }

   .tech-icon-item span {
     font-size: 0.75rem;
   }

   .tech-logo-item {
     font-size: 0.95rem;
   }

   .tech-logo-item i {
     font-size: 1.2rem;
   }
 }

 @media (max-width: 480px) {
   .tech-ecosystem-section {
     padding: 30px 0;
   }

   .ecosystem-header h2 {
     font-size: 1.3rem;
   }

   .ecosystem-header p {
     font-size: 0.85rem;
   }

   .marquee-wrapper {
     padding: 20px 0;
     border-radius: 10px;
   }

   .marquee-content {
     gap: 25px;
     padding: 0 15px;
   }

   .tech-logo-item {
     font-size: 0.85rem;
   }

   .tech-logo-item i {
     font-size: 1rem;
   }
 }

 .solution-stacks-section {
   position: relative;
   overflow: hidden;
   background:
     url("../assets/img/right-triangle-bg.png") right center / contain no-repeat,
     linear-gradient(180deg, #f8fbf9 0%, #f2f8f5 100%);
   padding: 70px 0;
   border-top: 1px solid rgba(13, 90, 111, 0.18);
   border-bottom: 1px solid rgba(13, 90, 111, 0.18);
 }

 .solution-stacks-section::before {
   content: "";
   position: absolute;
   inset: 0;
   background-image:
     linear-gradient(90deg, rgba(13, 90, 111, 0.06) 1px, transparent 1px),
     linear-gradient(rgba(13, 90, 111, 0.06) 1px, transparent 1px);
   background-size: 44px 44px;
   pointer-events: none;
   z-index: 0;
 }

 .solution-stacks-section::after {
   content: "";
   position: absolute;
   top: -18%;
   right: -10%;
   width: 340px;
   height: 340px;
   background: radial-gradient(circle, rgba(13, 90, 111, 0.1), transparent 68%);
   border-radius: 50%;
   pointer-events: none;
   z-index: 0;
   opacity: 0.7;
 }

 .solution-stacks-section .container {
   position: relative;
   z-index: 1;
 }

 .solution-stacks-subtitle {
   margin: 0.75rem 0 0;
   color: #5f7489;
   font-size: 0.96rem;
   font-weight: 500;
 }

 .stacks-grid {
   display: grid;
   grid-template-columns: repeat(2, minmax(0, 1fr));
   gap: 26px;
   opacity: 0;
   transform: translateY(34px);
   transition: opacity 0.75s ease, transform 0.75s cubic-bezier(0.22, 0.61, 0.36, 1);
 }

 .stacks-grid.is-visible {
   opacity: 1;
   transform: translateY(0);
 }

 .stacks-section-title {
   margin-bottom: 28px;
 }

 .stacks-section-title h2 {
   position: relative;
   display: inline-block;
   padding-bottom: 10px;
   margin-bottom: 8px;
 }

 .stacks-section-title h2::after {
   content: "";
   position: absolute;
   left: 0;
   bottom: -8px;
   width: 120px;
   height: 4px;
   border-radius: 2px;
   background: linear-gradient(90deg, #0d5a6f, #145a72, #0d5a6f);
   background-size: 200% 100%;
   animation: underlineGradientShimmer 3s ease-in-out infinite;
   box-shadow: 0 0 20px rgba(13, 90, 111, 0.25);
 }

 .stacks-section-title p {
   color: #728194;
   margin: 6px 0 0;
   font-weight: 400;
   font-size: 0.95rem;
 }

 .stack-card {
   position: relative;
   background: linear-gradient(180deg, #ffffff 0%, #f7fcfa 100%);
   border: 1px solid rgba(13, 90, 111, 0.16);
   border-radius: 16px;
   padding: 28px 28px 26px;
   box-shadow: 0 8px 20px rgba(8, 30, 40, 0.06);
   overflow: hidden;
   opacity: 0;
   transform: translateY(22px) scale(0.985);
   animation: stackCardIn 0.65s cubic-bezier(0.22, 0.61, 0.36, 1) forwards;
   animation-delay: var(--card-delay, 0s);
   transition: transform 0.28s ease, border-color 0.28s ease, box-shadow 0.28s ease;
 }

 .stack-card::after {
   content: "";
   position: absolute;
   inset: 0;
   background: linear-gradient(115deg, transparent 35%, rgba(13, 90, 111, 0.08), transparent 62%);
   transform: translateX(-120%);
   transition: transform 0.6s ease;
   pointer-events: none;
 }

 .stack-card:hover {
   transform: translateY(-6px);
   border-color: rgba(13, 90, 111, 0.34);
   box-shadow: 0 12px 24px rgba(8, 30, 40, 0.1);
 }

 .stack-card:hover::after {
   transform: translateX(120%);
 }

 .stack-card:hover .stack-icon {
   transform: scale(1.08) rotate(-6deg);
   box-shadow: 0 0 0 6px rgba(13, 90, 111, 0.08);
 }

 .stack-card:hover .stack-tag {
   transform: translateY(-1px);
   border-color: rgba(13, 90, 111, 0.3);
 }

 @keyframes stackCardIn {
   from {
     opacity: 0;
     transform: translateY(22px) scale(0.985);
   }

   to {
     opacity: 1;
     transform: translateY(0) scale(1);
   }
 }

 .stack-head {
   display: flex;
   align-items: center;
   gap: 14px;
   margin-bottom: 18px;
 }

 .stack-icon {
   width: 50px;
   height: 50px;
   border-radius: 14px;
   display: inline-flex;
   align-items: center;
   justify-content: center;
   background: #eaf4ef;
   color: #0d5a6f;
   font-size: 1.45rem;
   transition: transform 0.25s ease, box-shadow 0.25s ease;
 }

 .stack-head h3 {
   margin: 0;
   color: #123a2f;
   font-size: 1.65rem;
   font-family: "Ubuntu", sans-serif;
   font-weight: 600;
   letter-spacing: 0.2px;
 }

 .stack-card p {
   margin: 0 0 18px;
   color: #4d665a;
   font-size: 0.98rem;
   line-height: 1.45;
 }

 .stack-tags {
   display: flex;
   flex-wrap: wrap;
   gap: 10px;
 }

 .stack-tag {
   display: inline-flex;
   align-items: center;
   gap: 7px;
   padding: 8px 13px;
   border-radius: 12px;
   background: #eef6f1;
   border: 1px solid #d4e4db;
   color: #2f5e4b;
   font-size: 0.88rem;
   font-weight: 500;
   line-height: 1;
   white-space: nowrap;
   transition: transform 0.2s ease, border-color 0.2s ease, background 0.2s ease;
 }

 .stack-tag i {
   color: #0d5a6f;
   font-size: 0.88rem;
 }

 @media (max-width: 991px) {
   .stacks-grid {
     grid-template-columns: 1fr;
   }

   .stack-head h3 {
     font-size: 1.5rem;
   }

   .stack-card p {
     font-size: 0.98rem;
   }
 }

 @media (prefers-reduced-motion: reduce) {
   .stacks-grid {
     opacity: 1;
     transform: none;
     transition: none;
   }
 }

 .nimbuz-logo-img {
   height: 1.4rem;
   width: auto;
   object-fit: contain;
   color: #aaa;
   transition: all 0.3s ease;
 }
 .grid-line{
  opacity: 0.2;
 }