{
  "version": 3,
  "sources": [],
  "sections": [
    {"offset": {"line": 1, "column": 0}, "map": {"version":3,"sources":["turbopack:///[project]/src/styles/aboutus/aboutus6.css"],"sourcesContent":[".about-us6-section {\n    padding: 50px 0;\n    background-color: #000000;\n    color: #ffffff;\n}\n\n.about-us6-container {\n    max-width: 1400px;\n    margin: 0 auto;\n    padding: 0 40px;\n}\n\n.about-us6-header {\n    text-align: center;\n    margin-bottom: 60px;\n}\n\n.about-us6-section .title {\n    font-size: 42px;\n    font-weight: 700;\n    margin-bottom: 25px;\n    line-height: 1.25;\n}\n\n.about-us6-section .title .text-secondary {\n    color: #54b248;\n    /* 'Guided' in Green */\n}\n\n.about-us6-section .desc.centered {\n    max-width: 820px;\n    margin: 0 auto;\n    font-size: 18px;\n    line-height: 1.7;\n    color: #eeeeee;\n}\n\n/* 3-Column Grid matching screenshot */\n.values-list-grid {\n    display: grid;\n    grid-template-columns: repeat(3, 1fr);\n    gap: 30px;\n}\n\n.value-item-card {\n    background-color: #ffffff;\n    padding: 30px 25px;\n    border-radius: 12px;\n    border: none; /* Removed static border to match IndustriesSection */\n    display: flex;\n    flex-direction: column;\n    gap: 15px;\n    transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1);\n    box-shadow: 0 4px 25px rgba(0, 0, 0, 0.1);\n    position: relative;\n    overflow: hidden;\n    cursor: pointer;\n}\n\n/* Right Line Effect */\n.value-item-card::before {\n    content: '';\n    position: absolute;\n    right: 0;\n    top: 0;\n    width: 6px;\n    height: 100%;\n    background-color: #54b248;\n    opacity: 0;\n    transition: opacity 0.2s ease;\n    z-index: 5;\n}\n\n/* Bottom Line Effect - Right to Left */\n.value-item-card::after {\n    content: '';\n    position: absolute;\n    bottom: 0;\n    right: 0;\n    width: 0;\n    height: 6px;\n    background-color: #54b248;\n    transition: width 0.4s ease;\n    z-index: 5;\n}\n\n.value-item-card:hover {\n    transform: translateY(-8px);\n    box-shadow: 0 30px 50px rgba(0, 0, 0, 0.2);\n}\n\n.value-item-card:hover::before {\n    opacity: 1;\n}\n\n.value-item-card:hover::after {\n    width: 100%;\n}\n\n\n.small-icon {\n    width: 60px;\n    height: 60px;\n    display: flex;\n    align-items: center;\n    margin-bottom: 5px;\n}\n\n.small-icon img {\n    height: 100%;\n    width: auto;\n    object-fit: contain;\n    transition: transform 0.3s ease;\n}\n\n.value-item-card:hover .small-icon img {\n    transform: scale(1.1);\n}\n\n\n.value-item-card .subtitle {\n    font-size: 26px;\n    /* BestArchitectureSection standard */\n    color: #54b248;\n    font-weight: 600;\n    /* BestArchitectureSection standard */\n    margin-bottom: 5px;\n}\n\n.value-item-card .desc {\n    font-size: 18px;\n    /* BestArchitectureSection standard */\n    line-height: 1.4;\n    /* BestArchitectureSection standard */\n    color: #333333;\n    /* Reserving dark gray for card on white */\n    font-weight: 500;\n    /* BestArchitectureSection standard */\n    margin: 0;\n}\n\n/* Responsiveness */\n@media (max-width: 1200px) {\n    .values-list-grid {\n        grid-template-columns: repeat(2, 1fr);\n    }\n}\n\n@media (max-width: 1024px) {\n    .about-us6-header .desc.centered {\n        max-width: 100%;\n        padding: 0 20px;\n    }\n}\n\n@media (max-width: 768px) {\n    .about-us6-section .title {\n        font-size: 32px;\n    }\n\n    .values-list-grid {\n        grid-template-columns: 1fr;\n        gap: 20px;\n    }\n\n    .value-item-card {\n        padding: 25px 20px;\n        text-align: center;\n        align-items: center; /* Center icons and text on mobile */\n    }\n}"],"names":[],"mappings":"AAAA;;;;;;AAMA;;;;;;AAMA;;;;;AAKA;;;;;;;AAOA;;;;AAKA;;;;;;;;AASA;;;;;;AAMA;;;;;;;;;;;;;;;AAgBA;;;;;;;;;;;;;AAcA;;;;;;;;;;;;AAYA;;;;;AAKA;;;;AAIA;;;;AAKA;;;;;;;;AAQA;;;;;;;AAOA;;;;AAKA;;;;;;;AASA;;;;;;;;AAaA;EACI;;;;;AAKJ;EACI;;;;;;AAMJ;EACI;;;;EAIA;;;;;EAKA"}}]
}