/**
 * Stylesheet for: section01.php
 * Extracted from internal style tags
 */

.process-section-one {
    padding: 37px 0 120px 0;
    margin-top: 0px!important;
}
       .industries-section.akt { background-color: #344d3d; padding: 80px 24px; box-sizing: border-box; } .industries-section.akt .container, .container.akt { max-width: 1280px; margin: 0 auto; } .industries-section.akt .section-header, .section-header.akt { text-align: center; max-width: 896px; margin: 0 auto 64px auto; } .industries-section.akt .section-title, .industries-section.akt .section-titlle, .section-title.akt, .section-titlle.akt { font-size: 2.8rem; font-weight: 700; color: #ffffff; margin: 0 0 24px 0; letter-spacing: -0.025em; line-height: 1.2; } .industries-section.akt .yellow-divider, .yellow-divider.akt { width: 80px; height: 4px; background-color: #ccae71; margin: 0 auto 24px auto; border-radius: 9999px; } .industries-section.akt .section-subtitle, .industries-section.akt .section-subtitlle, .section-subtitle.akt, .section-subtitlle.akt { color: #f1f5f9; font-size: 1.05rem; line-height: 1.7; margin: 0; } .industries-section.akt .industry-grid, .industries-section.akt .industries-grid, .industries-grid.akt { display: grid; grid-template-columns: repeat(3, 1fr); gap: 24px; width: 100%; box-sizing: border-box; } .industries-section.akt .accordion-column, .accordion-column.akt { display: flex; flex-direction: column; gap: 16px; } .industries-section.akt .accordion-item, .accordion-item.akt { width: 100%; height: auto; display: flex; flex-direction: column; box-sizing: border-box; border: 1px solid rgba(255, 255, 255, 0.15); background-color: #f5f5f5; border-radius: 24px; padding: 17px 20px; box-shadow: 0px 7.77px 16px 0px rgba(227, 177, 36, 0.06), 0px 3px 3px 0px rgba(131, 125, 66, 0.10), inset 0px -8px 0px 0px rgba(100, 100, 75, 0.05), inset 2px 4px 0px 0px rgb(229, 145, 19); transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1); } .industries-section.akt .accordion-item:hover, .accordion-item.akt:hover { border-color: rgba(255, 255, 255, 0.35); } .industries-section.akt .accordion-btn, .accordion-btn.akt { display: flex; width: 100%; align-items: center; justify-content: space-between; text-align: left; border: none; background: transparent; padding: 0; cursor: pointer; outline: none; } .industries-section.akt .btn-text, .btn-text.akt { font-size: 17px; font-weight: 600; letter-spacing: 0.025em; color: #334155; transition: color 0.3s ease; } .industries-section.akt .accordion-item:hover .btn-text, .accordion-item.akt:hover .btn-text { color: #0f172a; } .industries-section.akt .icon-circle, .icon-circle.akt { display: flex; align-items: center; justify-content: center; width: 28px; height: 28px; border-radius: 50%; background-color: rgba(0, 0, 0, 0.04); transition: background-color 0.3s ease; } .industries-section.akt .accordion-item:hover .icon-circle, .accordion-item.akt:hover .icon-circle { background-color: rgba(0, 0, 0, 0.08); } .industries-section.akt .chevron-icon, .chevron-icon.akt { width: 22px; height: 22px; fill: #334155; transition: transform 0.3s cubic-bezier(0.4, 0, 0.2, 1), fill 0.3s ease; } .industries-section.akt .accordion-collapse, .accordion-collapse.akt { max-height: 0px; opacity: 0; overflow-y:scroll; transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1); } .industries-section.akt .accordion-content, .accordion-content.akt { padding-top: 16px; color: #475569; font-size: 14.5px; line-height: 1.65; font-weight: 400; } .industries-section.akt .highlight-link, .highlight-link.akt { color: #b28400; font-weight: 500; cursor: pointer; } .industries-section.akt .highlight-link:hover, .highlight-link.akt:hover { text-decoration: underline; } @media (max-width: 1024px) { .industry-grid, .industries-grid { grid-template-columns: repeat(2, 1fr); } } @media (max-width: 640px) { .section-title, .section-titlle { font-size: 2.1rem; } .industry-grid, .industries-grid { grid-template-columns: 1fr; } .accordion-item { padding: 20px 24px; } .accordion-column { gap: 12px; } }


        .usp-carousel-section.akt { background-color: #57746a; padding: 30px 16px; color: #ffffff; font-family: system-ui, -apple-system, sans-serif; user-select: none; overflow: hidden; } @media (min-width: 640px) { .usp-carousel-section.akt { padding: 40px 24px; } } @media (min-width: 1024px) { .usp-carousel-section.akt { padding: 60px 0; } } .max-w-7xl { max-width: 1280px; margin: 0 auto; padding: 0; width: 100%; } .px-4 { padding-left: 16px; padding-right: 16px; } .max-w-2xl { max-width: 672px; margin: 0 auto; width: 100%; padding: 0; box-sizing: border-box; } .max-w-4xl { max-width: 896px; margin: 0 auto; width: 100%; padding: 0; box-sizing: border-box; } .text-center { text-align: center; } .usp-carousel-section.akt .slide-subtitle { color: #ccae71; font-weight: 700; font-size: 1.25rem; letter-spacing: 0.1em; text-transform: uppercase; margin: 0 0 8px 0; } @media (min-width: 640px) { .usp-carousel-section.akt .slide-subtitle { font-size: 1.5rem; } } @media (min-width: 1024px) { .usp-carousel-section.akt .slide-subtitle { font-size: 2.25rem; } } .usp-carousel-section.akt .slide-title { font-size: 1.75rem; font-weight: 800; letter-spacing: -0.025em; margin: 0 0 20px 0; text-transform: uppercase; color: rgba(255, 255, 255, 0.95); } @media (min-width: 640px) { .usp-carousel-section.akt .slide-title { font-size: 2.25rem; margin: 0 0 24px 0; } } @media (min-width: 1024px) { .usp-carousel-section.akt .slide-title { font-size: 3rem; margin: 0 0 32px 0; } } .usp-carousel-section.akt .letters-row { display: flex; flex-wrap: wrap; justify-content: center; align-items: center; gap: 6px; margin: 0 auto 20px auto; width: 100%; padding: 0; box-sizing: border-box; } @media (min-width: 640px) { .usp-carousel-section.akt .letters-row { gap: 8px; margin: 0 auto 24px auto; padding: 0 24px; } } @media (min-width: 1024px) { .usp-carousel-section.akt .letters-row { gap: 12px; margin: 0 auto 32px auto; padding: 0; } } .usp-carousel-section.akt .letter-btn { width: 36px; height: 36px; border: 1px solid rgba(255, 255, 255, 0.3); background: transparent; color: rgba(255, 255, 255, 0.8); border-radius: 4px; font-weight: 700; font-size: 0.75rem; cursor: pointer; display: flex; align-items: center; justify-content: center; transition: all 0.3s ease; outline: none; } @media (min-width: 640px) { .usp-carousel-section.akt .letter-btn { width: 38px; height: 38px; font-size: 0.825rem; } } @media (min-width: 1024px) { .usp-carousel-section.akt .letter-btn { width: 40px; height: 40px; font-size: 0.875rem; } }

        .usp-carousel-section.akt .letter-btn:hover { background-color: rgba(255, 255, 255, 0.1); border-color: #ffffff; } .usp-carousel-section.akt .letter-active { background-color: #ffffff !important; color: #57746a !important; border-color: #ffffff !important; box-shadow: 0 4px 20px rgba(255, 195, 0, 0.4); transform: scale(1.08); } .usp-carousel-section.akt .description-display-box { background-color: #1E2C27; padding: 20px 16px; border-radius: 12px; border: 1px solid rgba(255, 255, 255, 0.1); min-height: 220px; display: flex; flex-direction: column; justify-content: center; text-align: center; box-sizing: border-box; transition: all 0.3s ease; margin: 0 auto; max-width: calc(100% - 32px); } @media (min-width: 640px) { .usp-carousel-section.akt .description-display-box { padding: 24px 24px; min-height: 260px; border-radius: 14px; margin: 0 auto; max-width: calc(100% - 48px); } } @media (min-width: 1024px) { .usp-carousel-section.akt .description-display-box { padding: 32px; min-height: 300px; border-radius: 16px; margin: 0 auto; max-width: 100%; } } .usp-carousel-section.akt .display-title { font-size: 1rem; font-weight: 700; color: #ccae71; margin: 0 0 12px 0; letter-spacing: 0.025em; transition: opacity 0.25s ease, transform 0.25s ease; } @media (min-width: 640px) { .usp-carousel-section.akt .display-title { font-size: 1.25rem; margin: 0 0 14px 0; } } @media (min-width: 1024px) { .usp-carousel-section.akt .display-title { font-size: 1.5rem; margin: 0 0 16px 0; } } .usp-carousel-section.akt .display-text { color: white; transition: opacity 0.25s ease, transform 0.25s ease; }  .usp-carousel-section.akt .highlight-link { color: #ffffff; text-decoration: underline; transition: color 0.2s ease; } .usp-carousel-section.akt .highlight-link:hover { color: #ffcc33; } .usp-carousel-section.akt .pagination-outer-wrapper { display: flex; justify-content: center; align-items: center; margin-top: 24px; width: 100%; } @media (min-width: 640px) { .usp-carousel-section.akt .pagination-outer-wrapper { margin-top: 32px; } } @media (min-width: 1024px) { .usp-carousel-section.akt .pagination-outer-wrapper { margin-top: 48px; } } .usp-carousel-section.akt .custom-carousel { width: 100%; overflow: hidden; position: relative; } .usp-carousel-section.akt .custom-carousel-track { position: relative; width: 100%; } .usp-carousel-section.akt .custom-carousel-slide { width: 100%; position: absolute; top: 0; left: 0; opacity: 0; visibility: hidden; pointer-events: none; transition: opacity 0.5s ease, transform 0.5s ease, visibility 0.5s ease; display: flex; flex-direction: column; align-items: center; transform: scale(0.98); background-color: #57746a; } .usp-carousel-section.akt .custom-carousel-slide.custom-slide-active { position: relative; opacity: 1; visibility: visible; pointer-events: auto; transform: scale(1); z-index: 10; } .usp-carousel-section.akt .custom-pagination-dots { display: flex; justify-content: center; align-items: center; gap: 8px; width: auto; margin: 0 auto; } @media (min-width: 640px) { .usp-carousel-section.akt .custom-pagination-dots { gap: 10px; } } @media (min-width: 1024px) { .usp-carousel-section.akt .custom-pagination-dots { gap: 12px; } } .usp-carousel-section.akt .pagination-dot { width: 30px; height: 5px; border-radius: 4px; background: rgba(255, 255, 255, 0.4); border: none; cursor: pointer; outline: none; padding: 0; transition: all 0.3s ease; } @media (min-width: 640px) { .usp-carousel-section.akt .pagination-dot { width: 32px; height: 6px; } } @media (min-width: 1024px) { .usp-carousel-section.akt .pagination-dot { width: 35px; height: 6px; } } .usp-carousel-section.akt .pagination-dot:hover { background: rgba(255, 255, 255, 0.6); } .usp-carousel-section.akt .pagination-dot.dot-active { width: 45px; background: #ccae71; box-shadow: 0 0 10px rgba(255, 195, 0, 0.5); } @media (min-width: 1024px) { .usp-carousel-section.akt .pagination-dot.dot-active { width: 55px; } } .global-coverage-section.akt { display: none; width: 100%; background-color: #ffffff; padding: 40px 16px; box-sizing: border-box; user-select: none; } @media (min-width: 640px) { .global-coverage-section.akt { padding: 60px 24px; } } @media (min-width: 1024px) { .global-coverage-section.akt { padding: 80px 24px; } } .max-w-5xl { max-width: 1024px; margin: 0 auto; } .text-center { text-align: center; margin-bottom: 48px; } .global-coverage-section.akt .section-title { font-size: 2rem; font-weight: 700; color: #0f172a; line-height: 1.25; letter-spacing: -0.02em; margin: 0 0 20px 0; } .global-coverage-section.akt .highlight-text { color: #b45309; } .global-coverage-section.akt .section-subtitle { color: #475569; font-size: 1rem; line-height: 1.625; max-width: 48rem; margin: 0 auto; } .global-coverage-section.akt .map-canvas-layout { position: relative; width: 100%; } .global-coverage-section.akt .map-backdrop-wrapper { width: 100%; pointer-events: none; } .global-coverage-section.akt .map-img-fluid { width: 100%; height: auto; object-fit: contain; border-radius: 8px; } .global-coverage-section.akt .absolute-pin-marker { position: absolute; transform: translate(-50%, -50%); z-index: 20; } .global-coverage-section.akt .pin-inner-relative { position: relative; display: flex; align-items: center; justify-content: center; } .global-coverage-section.akt .pulse-wave-ripple { position: absolute; display: inline-flex; width: 32px; height: 32px; border-radius: 50%; background-color: rgba(15, 23, 42, 0.1); animation: pingPulse 1.2s cubic-bezier(0, 0, 0.2, 1) infinite; z-index: 10; } .global-coverage-section.akt .pulse-core-dot { position: absolute; display: inline-flex; width: 12px; height: 12px; border-radius: 50%; background-color: rgba(148, 163, 184, 0.3); z-index: 10; } @keyframes pingPulse { 0% { transform: scale(1); opacity: 1; } 70%, 100% { transform: scale(2); opacity: 0; } } .global-coverage-section.akt .vector-map-pin { width: 20px; height: auto; position: relative; z-index: 30; filter: brightness(0.95) drop-shadow(0px 3px 6px rgba(82, 235, 133, 0.16)); } .global-coverage-section.akt .floating-info-box { position: absolute; background-color: #ffffff; padding: 6px 12px; border-radius: 6px; border: 1px solid rgba(226, 232, 240, 0.8); display: flex; align-items: center; gap: 8px; white-space: nowrap; box-shadow: 0 3px 12px rgba(221, 35, 35, 0.06); z-index: 20; } .global-coverage-section.akt .flag-container-box { width: 18px;height:auto; } .global-coverage-section.akt .flag-img-fit { width: 100%; height: 100%; object-fit: cover; } .global-coverage-section.akt .country-text-node {font-size: 12px; font-weight: 900; letter-spacing: 0.05em; text-transform: uppercase; } @media (min-width: 768px) { .global-coverage-section.akt { display: block; } .global-coverage-section.akt .section-title { font-size: 2.6rem; } }

        .tech-section.akt { position: relative; background: linear-gradient(180deg, #fff 0, #f0ece8 52.07%, #56736c70 118.82%); padding: 40px 20px; box-sizing: border-box; } @media (min-width: 640px) { .tech-section.akt { padding: 40px 32px; } } @media (min-width: 1024px) { .tech-section.akt { padding: 40px 64px; } } .max-w-7xl { max-width: 1280px; margin: 0 auto; width: 100%; } .tech-section.akt .main-heading { text-align: center; font-size: 1.875rem; font-weight: 900; color: #1e293b; margin: 0 0 32px 0; } @media (min-width: 768px) { .tech-section.akt .main-heading { font-size: 3rem; } } .tech-section.akt .categories-column { display: flex; flex-direction: column; gap: 40px; } .tech-section.akt .category-row { display: flex; flex-direction: column; gap: 16px; } .tech-section.akt .row-border { border-bottom: 1px solid #ceaf70; padding-bottom: 32px; } .tech-section.akt .category-title { text-align: center; font-size: 1.125rem; font-weight: 700; color: #334155; margin: 0; } .tech-section.akt .marquee-viewport { overflow: hidden; padding-bottom: 8px; width: 100%; } .tech-section.akt .marquee-track { display: flex; width: max-content; gap: 16px; padding-left: 16px; padding-right: 16px; animation: tech-marquee-animation 18s linear infinite; } @keyframes tech-marquee-animation { from { transform: translateX(0); } to { transform: translateX(-50%); } } .tech-section.akt .tech-circle-item { width: 130px; min-width: 130px; flex-shrink: 0; display: flex; align-items: center; justify-content: center; } .tech-section.akt .circle-container { position: relative; display: flex; width: 110px; height: 110px; align-items: center; justify-content: center; } .tech-section.akt .dashed-spinner { position: absolute; width: 104px; height: 104px; border-radius: 50%; border: 2px dashed #1e40af; animation: spin-clockwise 10s linear infinite; } @keyframes spin-clockwise { from { transform: rotate(0deg); } to { transform: rotate(360deg); } } .tech-section.akt .inner-white-card { position: relative; z-index: 10; display: flex; width: 100px; height: 100px; flex-direction: column; align-items: center; justify-content: center; border-radius: 50%; background-color: #ffffff; box-sizing: border-box; } .tech-section.akt .tech-icon-img { width: 48px; height: 48px; object-fit: contain; } .tech-section.akt .tech-label { margin-top: 4px; font-size: 10px; font-weight: 600; color: #334155; text-align: center; } @media (min-width: 768px) { .tech-section.akt .category-row { flex-direction: row; align-items: center; gap: 32px; } .tech-section.akt .category-title { text-align: left; min-width: 180px; } .tech-section.akt .marquee-viewport { overflow: visible; padding-bottom: 0; } .tech-section.akt .marquee-track { width: auto; flex-wrap: wrap; justify-content: flex-start; gap: 16px; padding-left: 0; padding-right: 0; animation: none; } .tech-section.akt .clone-only { display: none !important; } }

@media only screen and (max-width: 768px) {
    .industries-section.akt.industry-grid,
    .industries-section.akt.industries-grid,
    .industries-grid.akt {
        grid-template-columns: repeat(1, 1fr) !important;
    }
}