{
  "version": 3,
  "sources": [],
  "sections": [
    {"offset": {"line": 1, "column": 0}, "map": {"version":3,"sources":["turbopack:///[project]/src/styles/aboutus/aboutus4.css"],"sourcesContent":[".about-us4-section {\n    padding: 50px 0;\n    background-color: #000000;\n    color: #ffffff;\n    overflow: hidden;\n}\n\n.about-us4-container {\n    max-width: 1400px;\n    margin: 0 auto;\n    padding: 0 20px;\n    display: flex;\n    align-items: center;\n    gap: 60px;\n}\n\n.about-us4-content {\n    flex: 1.2;\n    /* Give more weight to text side to prevent stretching images */\n}\n\n.about-us4-section .title {\n    font-size: 42px;\n    font-weight: 700;\n    line-height: 1.25; /* Match Home Page */\n    margin-bottom: 25px;\n    color: #ffffff;\n    max-width: 500px;\n}\n\n.about-us4-section .title .text-secondary {\n    color: #54b248;\n}\n\n.about-us4-section .desc {\n    font-size: 18px;\n    line-height: 1.7; /* Match Home Page */\n    color: #ffffff;\n    font-weight: 400;\n    max-width: 500px;\n}\n\n/* Gallery Styling - Fixed to match the 'Tall' look from screenshot */\n.about-us4-gallery {\n    flex: 1.8;\n    display: flex;\n    gap: 15px;\n    height: 450px;\n    /* Force height to ensure tall aspect ratio */\n}\n\n.main-image-wrapper {\n    flex: 2;\n}\n\n.side-images-wrapper {\n    flex: 1;\n    display: flex;\n    flex-direction: column;\n    gap: 15px;\n    justify-content: flex-end;\n    /* Dono images niche se ayengi */\n    align-items: flex-start;\n    /* Upar waali image ab left side se align hogi */\n}\n\n.about-us4-img-main {\n    width: 100%;\n    height: 100%;\n    object-fit: cover;\n    border-radius: 24px;\n    /* Matches the rounded look */\n    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.5);\n}\n\n.about-us4-img-side {\n    width: 100%;\n    object-fit: cover;\n    border-radius: 16px;\n    box-shadow: 0 10px 20px rgba(0, 0, 0, 0.4);\n}\n\n.about-us4-img-side.img-top {\n    height: 25%;\n    /* Chhoti height */\n    width: 70%;\n    /* Width kam kar di */\n}\n\n.about-us4-img-side.img-bottom {\n    height: 45%;\n    /* Bada size */\n    width: 100%;\n    /* Full width */\n}\n\n/* Responsiveness */\n@media (max-width: 1024px) {\n    .about-us4-container {\n        flex-direction: column;\n        text-align: center;\n        gap: 40px;\n    }\n\n    .about-us4-title {\n        font-size: 32px;\n        max-width: 100%;\n        margin-left: auto;\n        margin-right: auto;\n    }\n\n    .about-us4-description {\n        max-width: 100%;\n    }\n\n    .about-us4-gallery {\n        width: 100%;\n        height: 400px; /* Reduced fixed height for tablets */\n    }\n}\n\n@media (max-width: 768px) {\n    .about-us4-gallery {\n        height: auto; /* Remove fixed height on small screens */\n        flex-direction: column;\n        gap: 20px;\n    }\n\n    .main-image-wrapper, .side-images-wrapper {\n        flex: none;\n        width: 100%;\n    }\n\n    .side-images-wrapper {\n        flex-direction: row;\n        height: 200px;\n        align-items: stretch;\n        gap: 15px; /* Added consistent gap for mobile side-by-side images */\n    }\n\n    .about-us4-img-side.img-top,\n    .about-us4-img-side.img-bottom {\n        width: calc(50% - 7.5px); /* Ensure accurate 50% split with gap */\n        height: 100%;\n    }\n}\n\n@media (max-width: 480px) {\n    .about-us4-gallery {\n        gap: 10px; /* Slimmer gaps for very small screens */\n    }\n    \n    .side-images-wrapper {\n        height: 150px;\n        gap: 10px;\n    }\n\n    .about-us4-img-side.img-top,\n    .about-us4-img-side.img-bottom {\n        width: calc(50% - 5px);\n    }\n    \n    .about-us4-title {\n        font-size: 28px;\n    }\n}\n"],"names":[],"mappings":"AAAA;;;;;;;AAOA;;;;;;;;;AASA;;;;AAKA;;;;;;;;;AASA;;;;AAIA;;;;;;;;AASA;;;;;;;AAQA;;;;AAIA;;;;;;;;;AAWA;;;;;;;;AASA;;;;;;;AAOA;;;;;AAOA;;;;;AAQA;EACI;;;;;;EAMA;;;;;;;EAOA;;;;EAIA;;;;;;AAMJ;EACI;;;;;;EAMA;;;;;EAKA;;;;;;;EAOA;;;;;;AAOJ;EACI;;;;EAIA;;;;;EAKA;;;;EAKA"}}]
}