@keyframes fadeInUp {
  to { opacity: 1; transform: translateY(0); }
}
@keyframes fadeIn {
  to { opacity: 1; }
}
@keyframes slideDownFade {
  to { opacity: 1; transform: translateY(0); }
}
@keyframes driveIn {
  to { opacity: 1; transform: translateX(0); }
}
@keyframes popIn {
  to { opacity: 1; transform: scale(1); }
}
@keyframes ringPulse {
  0%, 100% { transform: scale(1); opacity: 0.35; }
  50% { transform: scale(2); opacity: 0; }
}
@keyframes badgeDotPulse {
  0%, 100% { opacity: 1; }
  50% { opacity: 0.4; }
}
@keyframes ofwcu-fadeInUp {
  from {
      opacity: 0;
      transform: translate3d(0, 40px, 0);
  }
  to {
      opacity: 1;
      transform: none;
  }
}
@keyframes charityRotated {
  0% { transform: rotate(0); }
  100% { transform: rotate(360deg); }
}
@keyframes charityTreeMove {
  0%, 100% { transform: rotate(0deg) translateX(0); }
  25%, 75% { transform: rotate(5deg) translateX(15px); }
  50% { transform: rotate(10deg) translateX(30px); }
}
@keyframes charityFadeInUp {
  0% { opacity: 0; transform: translateY(20px); }
  100% { opacity: 1; transform: translateY(0); }
}
@keyframes lx-scroll-left {
  to {
      /* Move exactly 50% to create seamless loop (requires duplicated content) */
      transform: translate(calc(-50% - 30px)); /* -50% width - half of gap */
  }
}
@keyframes whyFadeInLeft {
  0% {
      opacity: 0;
      transform: translateX(-20px) translateY(-50%); /* Adjusted for centering */
  }
  100% {
      opacity: 1;
      transform: translateX(0) translateY(-50%);
  }
}
@media (max-width: 1023px) {
  @keyframes whyFadeInLeft {
      0% { opacity: 0; transform: translateY(10px); }
      100% { opacity: 1; transform: translateY(0); }
  }
}
@keyframes contentFadeIn {
  from { opacity: 0; transform: translateY(-8px); }
  to { opacity: 1; transform: translateY(0); }
}
@keyframes gradientSlide {
  0%, 100% { background-position: 0% 50%; }
  50% { background-position: 100% 50%; }
}
@keyframes blink {
  0%, 100% { opacity: 1; }
  50% { opacity: 0.3; }
}
@keyframes fadeInUp {
  from {
      opacity: 0;
      transform: translateY(30px);
  }
  to {
      opacity: 1;
      transform: translateY(0);
  }
}
@keyframes fadeInRight {
  from {
      opacity: 0;
      transform: translateX(40px);
  }
  to {
      opacity: 1;
      transform: translateX(0);
  }
}
    
    .hero-section *, .hero-section *::before, .hero-section *::after { box-sizing: border-box; }

    .hero-bg-img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        position: absolute;
        left: 0;
        top: 0;
    }

    .hero-road-texture {
        background: #2e2c2d url('https://html.dynamiclayers.net/te/logisko/assets/img/texture.png') repeat;
        background-size: cover;
        width: 55%;
        height: 200px;
        position: absolute;
        right: 0;
        bottom: 0;
        clip-path: polygon(100% 0, 0% 100%, 100% 100%);
    }

    .hero-shape-corner {
        background: url('https://html.dynamiclayers.net/te/logisko/assets/img/corner-shape-red.png') no-repeat top left;
        background-size: 50px;
        width: 150px;
        height: 427px;
        position: absolute;
        left: 0;
        top: 0;
        opacity: 0; /* Hidden initially */
    }

    .hero-badge-img {
        background: url('https://html.dynamiclayers.net/te/logisko/assets/img/slider-badge.png') no-repeat center right;
        background-size: contain;
        width: 175px;
        height: 200px;
        position: absolute;
        right: 38%;
        bottom: 20%;
        opacity: 0;
        transform: scale(0);
        z-index: 3;
    }

    .hero-subtitle {
        color: lightgreen;
        font-size: 16px;
        font-weight: 600;
        text-transform: capitalize;
        margin-bottom: 20px;
        display: block;
        padding-left: 50px;
        position: relative;
    }

    .hero-subtitle::before {
        content: "";
        background-color: #7FC2DC;
        width: 40px;
        height: 2px;
        position: absolute;
        left: 0;
        top: 50%;
    }

    .hero-action-btn {
        background: #fff;
        color: #000;
        font-size: 14px;
        font-weight: 700;
        padding: 15px 30px;
        text-decoration: none;
        display: inline-flex;
        border-radius: 2px;
        position: relative;
        overflow: hidden;
        transform: translateY(20px);
    }

    .hero-action-btn::after {
        content: "";
        position: absolute;
        inset: 0;
        background: #04223e;
        transform: scaleX(0);
        transform-origin: right;
        transition: transform 0.4s ease;
        z-index: -1;
    }

    .hero-action-btn:hover::after { transform: scaleX(1); transform-origin: left; }

    .hero-slide.active .hero-subtitle { animation: fadeInUp 0.8s ease forwards 0.3s; }

    .hero-slide.active .hero-action-btn  { animation: fadeInUp 0.8s ease forwards 0.9s; }

    .hero-slide.active .hero-shape-corner { animation: fadeIn 1s ease forwards 0.5s; }

    .hero-slide.active .hero-badge-img { animation: popIn 0.8s cubic-bezier(0.34, 1.56, 0.64, 1) forwards 1.2s; }

    @media (max-width: 576px) {
        .hero-subtitle { padding-left: 0; }
        .hero-subtitle::before { display: none; }
    }

    .section-label i {
        font-size: 10px;
    }

    .section-label-dark i {
        font-size: 10px;
    }

    @media (max-width: 768px) {
    
        .section-label i {
            font-size: 8px;
        }
    
        .section-label-dark i {
            font-size: 8px;
        }
    }

    .about-img-secondary {
      border-radius: 10px;
      border: 8px solid #fff;
      box-shadow: 0px 5px 9px 0px rgba(0, 0, 0, 0.17);
      max-width: 318px;
      max-height: 268px;
      position: absolute;
      right: 33px;
      bottom: 0;
    }

    @media (max-width: 1199px) {
      .about-img-secondary {
        right: 0;
      }
    }

    .about-img-secondary img {
      width: 100%;
      max-width: 100%;
      vertical-align: middle;
    }

    .about-img-tertiary {
      border-radius: 9px;
      border: 7px solid #fff;
      box-shadow: 0px 8px 14px 0px rgba(0, 0, 0, 0.13);
      position: absolute;
      right: 53px;
      top: 20px;
    }

    @media (max-width: 1199px) {
      .about-img-tertiary {
        right: 0;
      }
    }

    @media (max-width: 499px) {
      .about-img-tertiary {
        display: none;
      }
    }

    .about-img-tertiary img {
      width: 100%;
      max-width: 100%;
      vertical-align: middle;
    }

    .about-img-shape {
      position: absolute;
      right: -33px;
      bottom: 71px;
      z-index: -1;
    }

    .about-img-shape img {
      width: 100%;
      max-width: 100%;
      vertical-align: middle;
    }

    .about-since {
      border-radius: 76px 0px 76px 76px;
      background: #0BA089;
      width: 254px;
      height: 152px;
      position: absolute;
      left: -23px;
      bottom: 0;
      z-index: 1;
      display: flex;
      align-items: center;
      justify-content: center;
      text-align: end;
    }

    @media (max-width: 767px) {
      .about-since {
        height: 120px;
      }
    }

    @media (max-width: 399px) {
      .about-since {
        border-radius: 0;
      }
    }

    .about-since::before {
      position: absolute;
      left: 40px;
      top: 50%;
      content: "";
      width: 2px;
      height: 65px;
      background: #fff;
      transform: translateY(-50%);
    }

    .about-since::after {
      position: absolute;
      left: 73px;
      top: 50%;
      content: "";
      width: 2px;
      height: 65px;
      background: #fff;
      transform: rotate(-90deg);
    }

    .about-since-year {
      margin-top: 0;
      margin-bottom: 0;
      font-weight: 500;
      line-height: 1.2;
      color: #042127;
      
      font-weight: 600;
    }

    .about-since-year .odometer-inside {
      display: inline-block;
      vertical-align: middle;
      position: relative;
    }

    .about-since-year .odometer-digit {
      display: inline-block;
      vertical-align: middle;
      position: relative;
    }

    .about-since-year .odometer-digit .odometer-digit-spacer {
      display: inline-block;
      vertical-align: middle;
      visibility: hidden;
    }

    .about-since-year .odometer-digit .odometer-digit-inner {
      text-align: left;
      display: block;
      position: absolute;
      top: 0;
      left: 0;
      right: 0;
      bottom: 0;
      overflow: hidden;
    }

    .about-since-year .odometer-digit .odometer-ribbon {
      display: block;
    }

    .about-since-year .odometer-digit .odometer-ribbon-inner {
      display: block;
      -webkit-backface-visibility: hidden;
    }

    .about-since-year .odometer-digit .odometer-value {
      display: block;
      -webkit-transform: translateZ(0);
      text-align: center;
    }

    .about-since-year span {
      
      color: #fff;
      font-size: clamp(28px, 2.6vw, 40px);
      font-weight: 600;
      line-height: 50px;
      text-transform: capitalize;
    }

    @media (max-width: 1199px) {
      .about-since-year span {
        font-size: 52px;
      }
    }

    @media (max-width: 767px) {
      .about-since-year span {
        font-size: clamp(28px, 2.6vw, 40px);
      }
    }

    .about-since-label {
      color: #fff;
      font-size: 23px;
      font-weight: 700;
      line-height: 32px;
      text-transform: capitalize;
      display: block;
      margin-bottom: 0;
      margin-top: -5px;
    }

    .left {
      left: 0;
    }

    .about-heading {
        font-size: clamp(28px, 2.6vw, 40px);
        font-weight: 700;
        line-height: 1.2;
        text-transform: capitalize;
    }

    @media (max-width: 991px) {
      .about-heading {
        font-size: clamp(28px, 2.6vw, 40px);
        line-height: 50px;
      }
    }

    @media (max-width: 499px) {
      .about-heading {
        font-size: 35px;
        line-height: 40px;
      }
    }

    .about-author {
      display: flex;
      align-items: center;
      justify-content: center;
    }

    @media (max-width: 399px) {
      .about-author {
        justify-content: start;
      }
    }

    .about-author-img {
      width: 60px;
      height: 60px;
    }

    .about-author-img img {
      border-radius: 60px;
      border: 4px solid #fff;
      box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.15);
      width: 100%;
      max-width: 100%;
      vertical-align: middle;
    }

    .about-author-text {
      margin-left: 10px;
      display: grid;
    }

    .about-author-text img {
      max-width: 100%;
      vertical-align: middle;
    }

    .about-author-role {
      margin-top: -10px;
      color: #0BA089;
      font-size: 14px;
      font-weight: 500;
      line-height: 30px;
    }

    .about-btn::before {
      position: absolute;
      bottom: 0;
      left: 0;
      width: 50%;
      height: 0;
      content: "";
      background-color: #0BA08A;
      transition: all 0.4s ease-in-out;
      border-radius: 0;
      z-index: -1;
    }

    .about-btn::after {
      position: absolute;
      top: 0;
      right: 0;
      width: 51%;
      height: 0;
      content: "";
      background-color: #0BA08A;
      transition: all 0.4s ease-in-out;
      border-radius: 0;
      z-index: -1;
    }

    .about-btn:hover,
    .about-btn:focus,
    .about-btn:active {
      color: #fff;
      text-decoration: none;
    }

    .about-btn:hover::before {
      height: 100%;
    }

    .about-btn:hover::after {
      height: 100%;
    }

    .lenis.lenis-smooth [data-lenis-prevent] {
    overscroll-behavior: contain;
  }

    .ambient-glow {
    position: absolute;
    border-radius: 50%;
    filter: blur(130px);
    pointer-events: none;
    z-index: 0;
    will-change: transform;
    transition: background 0.7s cubic-bezier(0.16, 1, 0.3, 1);
  }

    .ambient-glow-1 {
    width: 450px;
    height: 450px;
    background: rgba(56, 189, 248, 0.06);
    top: 8%;
    right: 12%;
    opacity: 0.7;
  }

    .ambient-glow-2 {
    width: 300px;
    height: 300px;
    background: rgba(129, 140, 248, 0.04);
    bottom: 15%;
    left: 20%;
    opacity: 0.6;
  }

    .services-left-header .eyebrow {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
     /* Replaced variable with inherit or specific font if known */
    font-size: clamp(0.58rem, 0.75vw, 0.68rem);
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.28em;
    color: #38bdf8;
    margin-bottom: 0.9rem;
  }

    .services-left-header .eyebrow::before {
    content: '';
    width: 22px;
    height: 2px;
    background: linear-gradient(90deg, #38bdf8, #818cf8);
    border-radius: 1px;
  }

    .service-item:focus-visible {
    border-color: #38bdf8;
    box-shadow: 0 0 0 2px rgba(56, 189, 248, 0.35);
  }

    .service-item:hover .service-item-bg { opacity: 0.6; }

    .service-item:hover .service-item-border { opacity: 0.4; }

    .service-item:hover { transform: translateX(4px); }

    .service-item:active {
    transform: translateX(8px) scale(0.98);
  }

    .service-item:hover .service-name {
    color: #8694b8;
  }

    .service-indicator::after {
    content: '';
    position: absolute;
    inset: -5px;
    border-radius: 50%;
    border: 1px solid #38bdf8;
    opacity: 0;
    animation: none;
  }

    .service-item.active .service-indicator::after {
    opacity: 0.35;
    animation: ringPulse 2.2s ease-in-out infinite;
  }

    .service-ripple {
    position: absolute;
    border-radius: 50%;
    background: #38bdf8;
    opacity: 0.15;
    transform: scale(0);
    pointer-events: none;
    z-index: 0;
  }

    .crane-chain {
    display: flex;
    flex-direction: column;
    align-items: center;
  }

    .chain-link {
    width: 8px;
    height: 14px;
    border: 2px solid #3d4f73;
    border-radius: 4px;
    opacity: 0.4;
    margin-top: -3px;
  }

    .chain-link:first-child { margin-top: 0; }

    .chain-link:nth-child(even) { width: 6px; height: 11px; }

    [data-theme="light"] .crane-hook-img {
    filter: drop-shadow(0 8px 20px rgba(0,0,0,0.12));
  }

    .container-interior::after {
    content: '';
    position: absolute;
    inset: 0;
    background: linear-gradient(180deg, 
      rgba(8, 12, 22, 0.25) 0%, 
      rgba(8, 12, 22, 0.55) 100%
    );
    pointer-events: none;
    transition: background 0.7s cubic-bezier(0.16, 1, 0.3, 1);
  }

    [data-theme="light"] .container-interior::after {
    background: linear-gradient(180deg, 
      rgba(255,255,255,0.1) 0%, 
      rgba(255,255,255,0.2) 100%
    );
  }

    .real-door::before {
    content: '';
    position: absolute;
    inset: 0;
    background: linear-gradient(135deg, rgba(255,255,255,0.08) 0%, transparent 60%);
    pointer-events: none;
    z-index: 1;
  }

    .service-card.visible {
    pointer-events: auto;
  }

    .service-card-cta:hover {
    transform: translateY(-3px) scale(1.04);
    box-shadow: 0 14px 44px rgba(56, 189, 248, 0.35);
  }

    .service-card-cta:hover .cta-glow { opacity: 0.7; }

    .service-card-cta:active { transform: translateY(-1px) scale(0.99); }

    .service-card-cta:hover .cta-arrow {
    transform: translateX(4px);
  }

    [data-theme="light"] .container-shadow { opacity: 0.15; }

    @media (max-width: 900px) {
  
    .service-list::-webkit-scrollbar { display: none; }
    .service-item:hover { transform: translateX(0); }
  
    .ambient-glow { display: none; }
  }

    .mobile-card::before {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background-image: repeating-linear-gradient(
            90deg,
            transparent,
            transparent 40px,
            rgba(255, 255, 255, 0.02) 40px,
            rgba(255, 255, 255, 0.02) 41px
        );
        pointer-events: none;
        z-index: 1;
    }

    .mobile-card:hover {
        transform: translateY(-5px);
        box-shadow: 0 10px 30px rgba(0, 0, 0, 0.5), 0 0 15px rgba(93, 166, 248, 0.2);
        border-color: #7FC2DC;
    }

    .mobile-cta-button:hover {
        background-color: #ffffff;
        transform: scale(1.02);
    }

    .ofwcu-subtitle {
            display: inline-flex;
            align-items: center;
            gap: 10px;
            font-size: 16px;
            font-weight: 600;
            color: #153D4D;
            text-transform: uppercase;
            margin-bottom: 15px;
        }

    .ofwcu-subtitle img {
            vertical-align: middle;
        }

    .ofwcu-title {
            font-size: 38px;
            font-weight: 700;
            color: #000e12;
            margin: 0 0 20px 0;
            line-height: 1.2;
        }

    @media (min-width: 1300px) {
            .ofwcu-title { font-size: 48px; }
        }

    .ofwcu-description {
            margin-bottom: 30px;
            font-size: 16px;
        }

    .ofwcu-line-shape img {
        position: absolute;
        top: 50%;
        left: 29px;
        height: 265px;
        pointer-events: none;
    }

    @media (max-width: 768px) {
            .ofwcu-line-shape { display: none; }
        }

    .ofwcu-btn-wrapper {
            margin-top: 50px;
            display: inline-block;
            opacity: 0;
            animation: ofwcu-fadeInUp 0.8s ease 0.9s forwards;
        }

    .ofwcu-btn-link {
            display: inline-flex;
            align-items: center;
            text-decoration: none;
            group-hover: none;
        }

    .ofwcu-btn-text {
            background-color: #153D4D;
            color: #ffffff;
            font-size: 16px;
            font-weight: 600;
            padding: 18px 32px;
            border-radius: 32px;
            text-transform: uppercase;
            letter-spacing: 0.5px;
            transition: background-color 0.4s ease;
            position: relative;
            z-index: 2;
            margin-right: -10px;
        }

    .ofwcu-btn-icon {
            width: 56px;
            height: 56px;
            background-color: #153D4D;
            color: #ffffff;
            border-radius: 50%;
            display: flex;
            align-items: center;
            justify-content: center;
            font-size: clamp(16px, 1.15vw, 18px);
            transition: all 0.4s ease;
            position: relative;
            z-index: 1;
        }

    .ofwcu-btn-link:hover .ofwcu-btn-text,
        .ofwcu-btn-link:hover .ofwcu-btn-icon {
            background-color: #000e12;
        }


    .charity-card:hover {
        box-shadow: 0px 10px 60px 0px rgba(0, 0, 0, 0.07);
        transform: translateY(-5px); /* Optional: slight lift */
    }

    .charity-card:hover::after {
        visibility: visible;
        opacity: 1;
        transform: scale(1);
    }

    .charity-card:hover .charity-card__footer {
        border-color: transparent;
    }

    .charity-card__icon-box::after {
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        content: "";
        /* Extracted Data URI from source */
        -webkit-mask: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 252.000000 252.000000"><g transform="translate(0.000000,252.000000) scale(0.100000,-0.100000)" stroke="none"><path d="M1285 2478 c-10 -59 13 -74 163 -103 33 -7 92 -49 92 -66 0 -5 -81 -9 -186 -9 -201 0 -192 2 -394 -69 -19 -7 -50 -17 -69 -21 -18 -5 -38 -13 -44 -19 -6 -6 -19 -11 -30 -11 -40 0 -171 -75 -226 -129 -63 -63 -121 -133 -141 -171 -18 -35 -61 -80 -77 -80 -28 0 -23 30 16 112 52 109 141 206 255 279 80 50 111 87 92 106 -10 11 -133 -25 -201 -59 -97 -47 -157 -107 -252 -249 -85 -130 -107 -154 -183 -199 -49 -29 -62 -50 -65 -102 -1 -21 -10 -47 -19 -57 -20 -22 -21 -128 -2 -181 24 -66 115 -92 131 -37 4 12 15 31 25 42 10 11 23 32 29 48 6 15 15 27 21 27 14 0 13 -10 -6 -61 -10 -29 -15 -74 -14 -134 1 -49 1 -120 0 -156 0 -41 5 -76 15 -95 16 -31 19 -96 6 -129 -7 -18 -9 -18 -23 10 -9 17 -19 46 -23 65 -13 62 -41 76 -91 43 -24 -15 -25 -20 -19 -68 3 -31 2 -62 -5 -77 -9 -20 -8 -33 5 -64 9 -21 28 -70 41 -107 31 -90 85 -178 153 -252 31 -33 72 -78 91 -100 109 -123 147 -108 61 24 -27 42 -59 101 -71 131 -11 30 -34 82 -50 115 -47 96 -76 257 -32 176 10 -17 34 -55 55 -86 21 -30 52 -83 69 -117 80 -163 169 -269 259 -310 20 -9 104 -62 189 -117 113 -75 172 -107 229 -125 42 -14 108 -36 146 -50 111 -41 175 -33 175 20 0 42 40 74 101 83 42 5 80 22 150 63 52 31 137 77 189 102 56 27 121 69 158 101 65 56 88 66 98 41 16 -41 -97 -132 -270 -219 -139 -70 -159 -89 -110 -107 82 -32 197 19 382 168 113 90 146 130 206 248 38 75 46 99 46 146 0 49 5 63 43 119 50 74 51 76 83 189 26 93 31 198 14 293 -6 31 -15 89 -20 129 -8 67 -34 193 -59 292 -5 21 -14 43 -20 49 -6 6 -11 17 -11 24 0 37 -188 289 -273 367 -18 16 -53 48 -79 72 -85 80 -198 145 -358 208 -25 10 -56 24 -70 31 -14 7 -37 15 -52 19 -16 3 -28 13 -28 21 0 12 -19 15 -104 15 l-104 0 -7 -42z"/><path d="M72 1318 c-18 -18 -14 -44 11 -74 33 -37 57 -27 57 24 0 40 -14 62 -40 62 -9 0 -21 -5 -28 -12z"/></g></svg>');
        mask: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 252.000000 252.000000"><g transform="translate(0.000000,252.000000) scale(0.100000,-0.100000)" stroke="none"><path d="M1285 2478 c-10 -59 13 -74 163 -103 33 -7 92 -49 92 -66 0 -5 -81 -9 -186 -9 -201 0 -192 2 -394 -69 -19 -7 -50 -17 -69 -21 -18 -5 -38 -13 -44 -19 -6 -6 -19 -11 -30 -11 -40 0 -171 -75 -226 -129 -63 -63 -121 -133 -141 -171 -18 -35 -61 -80 -77 -80 -28 0 -23 30 16 112 52 109 141 206 255 279 80 50 111 87 92 106 -10 11 -133 -25 -201 -59 -97 -47 -157 -107 -252 -249 -85 -130 -107 -154 -183 -199 -49 -29 -62 -50 -65 -102 -1 -21 -10 -47 -19 -57 -20 -22 -21 -128 -2 -181 24 -66 115 -92 131 -37 4 12 15 31 25 42 10 11 23 32 29 48 6 15 15 27 21 27 14 0 13 -10 -6 -61 -10 -29 -15 -74 -14 -134 1 -49 1 -120 0 -156 0 -41 5 -76 15 -95 16 -31 19 -96 6 -129 -7 -18 -9 -18 -23 10 -9 17 -19 46 -23 65 -13 62 -41 76 -91 43 -24 -15 -25 -20 -19 -68 3 -31 2 -62 -5 -77 -9 -20 -8 -33 5 -64 9 -21 28 -70 41 -107 31 -90 85 -178 153 -252 31 -33 72 -78 91 -100 109 -123 147 -108 61 24 -27 42 -59 101 -71 131 -11 30 -34 82 -50 115 -47 96 -76 257 -32 176 10 -17 34 -55 55 -86 21 -30 52 -83 69 -117 80 -163 169 -269 259 -310 20 -9 104 -62 189 -117 113 -75 172 -107 229 -125 42 -14 108 -36 146 -50 111 -41 175 -33 175 20 0 42 40 74 101 83 42 5 80 22 150 63 52 31 137 77 189 102 56 27 121 69 158 101 65 56 88 66 98 41 16 -41 -97 -132 -270 -219 -139 -70 -159 -89 -110 -107 82 -32 197 19 382 168 113 90 146 130 206 248 38 75 46 99 46 146 0 49 5 63 43 119 50 74 51 76 83 189 26 93 31 198 14 293 -6 31 -15 89 -20 129 -8 67 -34 193 -59 292 -5 21 -14 43 -20 49 -6 6 -11 17 -11 24 0 37 -188 289 -273 367 -18 16 -53 48 -79 72 -85 80 -198 145 -358 208 -25 10 -56 24 -70 31 -14 7 -37 15 -52 19 -16 3 -28 13 -28 21 0 12 -19 15 -104 15 l-104 0 -7 -42z"/><path d="M72 1318 c-18 -18 -14 -44 11 -74 33 -37 57 -27 57 24 0 40 -14 62 -40 62 -9 0 -21 -5 -28 -12z"/></g></svg>');
        -webkit-mask-repeat: no-repeat;
        mask-repeat: no-repeat;
        -webkit-mask-position: center center;
        mask-position: center center;
        -webkit-mask-size: cover;
        mask-size: cover;
        opacity: 0.14;
        transition: 500ms ease;
        z-index: -1;
    }

    .charity-card__icon-box::before {
        position: absolute;
        left: 6px;
        top: 0;
        right: 0;
        bottom: 0;
        margin: auto;
        width: calc(100% - 30px);
        height: calc(100% - 30px);
        content: "";
        border-style: dashed;
        border-width: 1px;
        border-radius: 50%;
        animation: charityRotated 10s infinite linear;
        transition: 500ms all ease;
    }

    .charity-card:hover .charity-card__icon-box::after {
        opacity: 1; /* Mask background becomes solid */
    }

    .charity-card:hover .charity-card__icon-box::before {
        border-color: #ffffff !important; /* Circle becomes white */
    }

    .charity-card:hover .charity-card__icon {
        transform: scale(0.9);
        color: #ffffff !important; /* Icon becomes white */
    }

    .charity-card__link {
        display: inline-block;
        color: inherit;
        text-decoration: none;
        background: linear-gradient(to right, currentColor 0%, currentColor 100%) 0px 95%/0px 1px no-repeat;
        transition: all 500ms ease;
        cursor: pointer;
    }

    .charity-card__link:hover {
        background-size: 100% 1px; /* Underline grows */
    }

    .charity-card__footer-icon {
        font-size: 20px;
        position: relative;
        top: 1px;
        transition: all 500ms ease;
    }

    .charity-card--orange .charity-card__icon-box::after { background-color: #44C895; }

    .charity-card--orange .charity-card__icon-box::before { border-color: #44C895; }

    .charity-card--orange .charity-card__link:hover { color: #44C895; }

    .charity-card--orange .charity-card__footer-icon { color: #44C895; }

    .charity-card--red .charity-card__icon-box::after { background-color: #45A4C9; }

    .charity-card--red .charity-card__icon-box::before { border-color: #45A4C9; }

    .charity-card--red .charity-card__link:hover { color: #45A4C9; }

    .charity-card--red .charity-card__footer-icon { color: #45A4C9; }

    .charity-card--purple .charity-card__icon-box::after { background-color: #8139e7; }

    .charity-card--purple .charity-card__icon-box::before { border-color: #8139e7; }

    .charity-card--purple .charity-card__link:hover { color: #8139e7; }

    .charity-card--purple .charity-card__footer-icon { color: #8139E7; }

    .charity-card--green .charity-card__icon-box::after { background-color: #FFA80A; }

    .charity-card--green .charity-card__icon-box::before { border-color: #FFA80A; }

    .charity-card--green .charity-card__link:hover { color: #FFA80A; }

    .charity-card--green .charity-card__footer-icon { color: #FFA80A; }

    .accreditation-header.is-visible {
      opacity: 1;
      transform: translateY(0);
  }

    .accreditation-title {
      font-size: 36px;
      font-weight: 800;
      color: #0f172a;
      margin: 0 0 16px 0;
      letter-spacing: -0.02em;
      line-height: 1.2;
  }

    .accreditation-subtitle {
      font-size: 16px;
      color: #64748b;
      margin: 0 auto;
      max-width: 600px;
      line-height: 1.6;
  }

    .cert-card.is-visible {
      opacity: 1;
      transform: translateY(0);
  }

    /* .cert-card:hover {
      transform: translateY(-8px);
      box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
      border-color: #3b82f6;
  } */

    .cert-card:hover .cert-image {
      filter: grayscale(0%) opacity(1);
  }



    @media (max-width: 600px) {
      
      .accreditation-title {
          font-size: 28px;
      }
  }

    .lx-marquee-list:hover {
        animation-play-state: paused;
    }

    .lx-marquee-item::after {
      content: "";
      position: absolute;
      right: -56px;
      top: 50%;
      transform: translateY(-50%);
      width: 29px;
      height: 29px;
      opacity: 0.7;
      background-repeat: no-repeat;
      background-size: contain;
      background-position: center;
      background-image: url("data:image/svg+xml,%3Csvg%20width%3D%22150%22%20height%3D%22150%22%20viewBox%3D%220%200%20150%20150%22%20fill%3D%22none%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%3E%3Cg%20clip-path%3D%22url(%23clip0_1623_1720)%22%3E%3Cpath%20d%3D%22M107.075%20109.086C107.075%20101.875%20112.819%2096.0308%20119.903%2096.0308C126.988%2096.0308%20132.73%20101.875%20132.73%20109.086C132.73%20116.297%20126.988%20122.142%20119.903%20122.142C112.819%20122.142%20107.075%20116.297%20107.075%20109.086Z%22%20fill%3D%22%23C2DD92%22/%3E%3Cpath%20d%3D%22M17.5947%20109.086C17.5947%20101.875%2023.3385%2096.0308%2030.4223%2096.0308C37.5074%2096.0308%2043.25%20101.875%2043.25%20109.086C43.25%20116.297%2037.5074%20122.142%2030.4223%20122.142C23.3385%20122.142%2017.5947%20116.297%2017.5947%20109.086Z%22%20fill%3D%22%23C2DD92%22/%3E%3Cpath%20d%3D%22M74.2791%2028.125H145.522C147.995%2028.125%20150%2030.13%20150%2032.6031V107.696C150%20110.169%20147.995%20112.172%20145.522%20112.172H141.467C141.608%20111.163%20141.686%20110.134%20141.686%20109.086C141.686%2096.9484%20131.914%2087.0745%20119.902%2087.0745C107.89%2087.0745%2098.1183%2096.9484%2098.1183%20109.086C98.1183%20110.134%2098.1961%20111.163%2098.3369%20112.172H74.2791C71.8061%20112.172%2069.8011%20110.169%2069.8011%20107.696V32.6031C69.8022%2030.13%2071.8061%2028.125%2074.2791%2028.125Z%22%20fill%3D%22%23C2DD92%22/%3E%3Cpath%20d%3D%22M31.0645%2068.6694H0.000667231V64.9729C0.000667231%2064.0448%200.290202%2063.1384%200.828074%2062.3808L5.43088%2055.8989H31.0645V68.6694Z%22%20fill%3D%22%23C2DD92%22/%3E%3Cpath%20d%3D%22M40.0186%2073.147V51.4204C40.0186%2048.9474%2038.0136%2046.9424%2035.5406%2046.9424H11.7895L18.1238%2038.024C18.9638%2036.8418%2020.3245%2036.1392%2021.7745%2036.1392H56.3676C58.8407%2036.1392%2060.8457%2038.1442%2060.8457%2040.6161V107.695C60.8457%20110.169%2058.8407%20112.174%2056.3676%20112.174H51.988C52.1288%20111.164%2052.2066%20110.134%2052.2066%20109.086C52.2066%2096.9483%2042.4345%2087.0744%2030.4228%2087.0744C18.4111%2087.0744%208.639%2096.9483%208.639%20109.086C8.639%20110.134%208.71682%20111.164%208.85758%20112.174H4.47793C2.00487%20112.174%20-0.000132728%20110.169%20-0.000132728%20107.695V77.625H35.5406C38.0136%2077.625%2040.0186%2075.62%2040.0186%2073.147Z%22%20fill%3D%22%23C2DD92%22/%3E%3C/g%3E%3Cdefs%3E%3CclipPath%20id%3D%22clip0_1623_1720%22%3E%3Crect%20width%3D%22150%22%20height%3D%22150%22%20fill%3D%22white%22%20transform%3D%22matrix(-1%200%200%201%20150%200)%22/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
  }

    @media (max-width: 768px) {
        .lx-marquee-item::after {
            right: -30px;
        }
    }

    .faq-label::after {
            content: '';
            flex: 1;
            height: 1px;
            background: rgba(255, 255, 255, 0.08);
        }

    .accordion-item:hover {
            background: rgba(255, 255, 255, 0.06);
            border-color: rgba(255, 255, 255, 0.12);
            transform: translateX(4px);
        }

    .accordion-icon-wrapper i {
            font-size: 12px;
            color: lightgreen;
            transition: transform 0.3s cubic-bezier(0.4, 0, 0.2, 1);
        }

    .accordion-item.active .accordion-icon-wrapper i {
            transform: rotate(360deg);
        }

    .form-label-optional {
            color: #94A3B8;
            font-weight: 400;
        }

    .form-input::placeholder,
        .form-textarea::placeholder {
            color: #94A3B8;
            font-weight: 400;
        }

    .form-input:hover,
        .form-select:hover,
        .form-textarea:hover {
            border-color: #CBD5E1;
            background: #FFFFFF;
        }

    .form-input:focus,
        .form-select:focus,
        .form-textarea:focus {
            border-color: #1D8CF8;
            background: #FFFFFF;
            box-shadow: 0 0 0 4px rgba(29, 140, 248, 0.1);
        }

    .input-wrapper:focus-within .input-icon {
            color: #1D8CF8;
        }

        .select-wrapper::after {
          content: "";
          position: absolute;
          right: 14px;
          top: 50%;
          transform: translateY(-50%);
          width: 14px;
          height: 14px;
          pointer-events: none;
          opacity: 1;
      
          background-repeat: no-repeat;
          background-size: contain;
          background-position: center;
      
          background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2394A3B8' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E");
      }

    .submit-btn::before {
            content: '';
            position: absolute;
            top: 0;
            left: -100%;
            width: 100%;
            height: 100%;
            background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.15), transparent);
            transition: 0.5s cubic-bezier(0.4, 0, 0.2, 1);
        }

    .submit-btn:hover {
            transform: translateY(-2px);
            box-shadow: 0 8px 25px rgba(25, 73, 92, 0.35);
        }

    .submit-btn:hover::before {
            left: 100%;
        }

    .submit-btn:hover .submit-btn-icon {
            transform: translateX(4px);
        }

    .submit-btn:active {
            transform: translateY(0);
        }

    .accordion-item:nth-child(2) {
            animation: fadeInUp 0.5s ease 0.9s both;
        }

    .accordion-item:nth-child(3) {
            animation: fadeInUp 0.5s ease 1.05s both;
        }

    .accordion-item:nth-child(4) {
            animation: fadeInUp 0.5s ease 1.2s both;
        }

    .form-row:nth-child(5) { animation: fadeInUp 0.4s ease 0.9s both; }

    @media (max-width: 1024px) {
    
            .faq-label::after {
                max-width: 100px;
            }
        }

        @keyframes spin {
          from { transform: rotate(0deg); }
          to { transform: rotate(360deg); }
      }