{
  "version": 3,
  "sources": [],
  "sections": [
    {"offset": {"line": 1, "column": 0}, "map": {"version":3,"sources":["turbopack:///[project]/src/styles/ModelsSection.css"],"sourcesContent":[".models-section {\r\n    width: 100%;\r\n    background: radial-gradient(circle at center, #0a1108 0%, #000000 100%);\r\n    padding: 80px 0;\r\n    display: flex;\r\n    justify-content: center;\r\n    position: relative;\r\n    overflow: hidden;\r\n}\r\n\r\n.models-container {\r\n    width: 100%;\r\n    max-width: 1400px;\r\n    min-height: 750px;\r\n    /* Changed from hard height for responsiveness */\r\n    padding: 0 40px;\r\n    position: relative;\r\n    display: flex;\r\n    flex-direction: column;\r\n}\r\n\r\n.model-slide {\r\n    display: flex;\r\n    align-items: center;\r\n    gap: 60px;\r\n    flex: 1;\r\n    /* Fills fixed container height */\r\n    opacity: 0;\r\n    transform: translateX(10px);\r\n    animation: smoothSlideIn 0.5s forwards ease-in-out;\r\n}\r\n\r\n@keyframes smoothSlideIn {\r\n    to {\r\n        opacity: 1;\r\n        transform: translateX(0);\r\n    }\r\n}\r\n\r\n.model-content {\r\n    flex: 1.2;\r\n    text-align: left;\r\n}\r\n\r\n.model-title {\r\n    font-size: 42px;\r\n    font-weight: 700;\r\n    margin-bottom: 20px;\r\n    line-height: 1.1;\r\n    font-family: var(--font-heading);\r\n}\r\n\r\n.model-desc {\r\n    font-size: 18px;\r\n    font-family: var(--font-body);\r\n    color: #ffffff;\r\n    margin-bottom: 25px;\r\n    font-weight: 400;\r\n    line-height: 1.6;\r\n    max-width: 700px;\r\n}\r\n\r\n.benefits-title {\r\n    font-size: 36px;\r\n    /* Lower end of H2 (24-36px) as it's a sub-heading */\r\n    font-weight: 500;\r\n    margin-bottom: 20px;\r\n    font-family: var(--font-heading);\r\n}\r\n\r\n.benefits-list {\r\n    list-style: none;\r\n    padding: 0;\r\n    margin: 0 0 50px 0;\r\n    display: flex;\r\n    flex-direction: column;\r\n    gap: 2px;\r\n}\r\n\r\n.benefits-list li {\r\n    font-size: 26px;\r\n    font-family: var(--font-body);\r\n    color: #fff;\r\n    font-weight: 400;\r\n    position: relative;\r\n    padding-left: 20px;\r\n    display: flex;\r\n    align-items: center;\r\n}\r\n\r\n.benefits-list li h4 {\r\n    font-size: inherit;\r\n    font-family: inherit;\r\n    font-weight: 400;\r\n    color: inherit;\r\n    margin: 0;\r\n    line-height: inherit;\r\n}\r\n\r\n.benefits-list li::before {\r\n    content: \"•\";\r\n    position: absolute;\r\n    left: 0;\r\n    color: #fff;\r\n    font-weight: 900;\r\n    font-size: 24px;\r\n}\r\n\r\n.model-cta {\r\n    background-color: #eaf6e5;\r\n    /* Light green pill like image */\r\n    color: #54b248;\r\n    border: none;\r\n    padding: 14px 45px;\r\n    border-radius: 50px;\r\n    font-size: 16px;\r\n    font-weight: 700;\r\n    cursor: pointer;\r\n    transition: all 0.3s ease;\r\n    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.2);\r\n}\r\n\r\n.model-cta:hover {\r\n    transform: translateY(-2px);\r\n    background-color: #ffffff;\r\n    box-shadow: 0 8px 20px rgba(84, 178, 72, 0.2);\r\n}\r\n\r\n.infographic-main-wrapper {\r\n    width: 100%;\r\n    display: flex;\r\n    justify-content: center;\r\n    align-items: center;\r\n}\r\n\r\n.fixed-price-infographic-img,\r\n.tm-infographic-img,\r\n.dedicated-infographic-img {\r\n    object-fit: contain;\r\n    filter: drop-shadow(0 0 40px #54b24826);\r\n    width: 100%;\r\n    max-width: 700px;\r\n}\r\n\r\n.slider-controls {\r\n    display: flex;\r\n    gap: 15px;\r\n    position: absolute;\r\n    bottom: 0;\r\n    right: 40px;\r\n    z-index: 10;\r\n}\r\n\r\n.control-btn {\r\n    width: 42px;\r\n    height: 42px;\r\n    border-radius: 50%;\r\n    border: none;\r\n    background: #54b248;\r\n    color: #fff;\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    cursor: pointer;\r\n    transition: all 0.2s;\r\n    opacity: 0.9;\r\n}\r\n\r\n.control-btn:hover {\r\n    opacity: 1;\r\n    transform: scale(1.1);\r\n}\r\n\r\n/* Responsive */\r\n@media (max-width: 1100px) {\r\n    .model-slide {\r\n        flex-direction: column-reverse;\r\n        text-align: center;\r\n        gap: 50px;\r\n    }\r\n\r\n    .model-content {\r\n        text-align: center;\r\n    }\r\n\r\n    .benefits-list {\r\n        align-items: center;\r\n        max-width: 100%;\r\n    }\r\n\r\n    .slider-controls {\r\n        position: static;\r\n        /* Let it flow on mobile stacks */\r\n        justify-content: center;\r\n        margin-top: 40px;\r\n    }\r\n\r\n    .models-container {\r\n        min-height: auto;\r\n        /* Reset for mobile stack */\r\n    }\r\n}\r\n\r\n@media (max-width: 768px) {\r\n    .model-title {\r\n        font-size: 28px;\r\n    }\r\n\r\n    .benefits-title {\r\n        font-size: 24px;\r\n    }\r\n\r\n    .models-section {\r\n\r\n        padding: 50px 0;\r\n    }\r\n\r\n    .models-container {\r\n        padding: 0 15px;\r\n    }\r\n\r\n    .benefits-list {\r\n        padding-left: 0;\r\n        margin-bottom: 30px;\r\n    }\r\n\r\n    .benefits-list li {\r\n        font-size: 16px;\r\n        text-align: left;\r\n        margin: 0 auto;\r\n        width: fit-content;\r\n    }\r\n\r\n    .model-cta {\r\n        width: 100%;\r\n        max-width: 280px;\r\n        margin: 0 auto;\r\n    }\r\n}\r\n\r\n@media (max-width: 480px) {\r\n    .model-title {\r\n        font-size: 24px;\r\n    }\r\n\r\n    .benefits-title {\r\n        font-size: 20px;\r\n    }\r\n\r\n    .benefits-list li {\r\n        font-size: 14px;\r\n    }\r\n}\r\n\r\n/* SEO Utilities */\r\n.sr-only-seo {\r\n    position: absolute;\r\n    width: 1px;\r\n    height: 1px;\r\n    padding: 0;\r\n    margin: -1px;\r\n    overflow: hidden;\r\n    clip: rect(0, 0, 0, 0);\r\n    white-space: nowrap;\r\n    border: 0;\r\n}"],"names":[],"mappings":"AAAA;;;;;;;;;;AAUA;;;;;;;;;;AAWA;;;;;;;;;;AAWA;;;;;;;AAOA;;;;;AAKA;;;;;;;;AAQA;;;;;;;;;;AAUA;;;;;;;AAQA;;;;;;;;;AASA;;;;;;;;;;;AAWA;;;;;;;;;AASA;;;;;;;;;AASA;;;;;;;;;;;;;AAcA;;;;;;AAMA;;;;;;;AAOA;;;;;;;AASA;;;;;;;;;AASA;;;;;;;;;;;;;;;AAeA;;;;;AAMA;EACI;;;;;;EAMA;;;;EAIA;;;;;EAKA;;;;;;EAOA;;;;;AAMJ;EACI;;;;EAIA;;;;EAIA;;;;EAKA;;;;EAIA;;;;;EAKA;;;;;;;EAOA;;;;;;;AAOJ;EACI;;;;EAIA;;;;EAIA;;;;;AAMJ"}}]
}