.features-section{color:#fff;background:#1a3374;padding:100px 20px}.features-section .container{max-width:1500px;margin:0 auto}@media (min-width:912px) and (max-width:1450px){.features-section .container{max-width:1250px}}.features-section .section-header{text-align:left;color:#fff;padding:40px 0}@media (max-width:815px){.features-section .section-header{padding-top:0}}.features-section .section-header .subtitle{color:#dbeafe;align-items:center;gap:10px;margin:0 0 10px;font-size:16px;font-weight:400;display:flex}@media (min-width:912px) and (max-width:1450px){.features-section .section-header .subtitle{font-size:15px}}.features-section .section-header .subtitle .line{background:#fff;width:30px;height:2px;display:inline-block}.features-section .section-header h2{font-size:28px;font-weight:700}@media (min-width:912px) and (max-width:1450px){.features-section .section-header h2{font-size:19px}}.features-section .section-header h2{color:#fff;margin:0}@media (max-width:815px){.features-section .section-header h2{font-size:20px;font-weight:500}}.features-section .main-grid{padding:30px}@media (max-width:815px){.features-section .main-grid{padding:0}}.features-section .all-cards{contain:content;display:none}@media (max-width:815px){.features-section .all-cards{-webkit-overflow-scrolling:touch;scroll-snap-type:x mandatory;gap:15px;scroll-padding:0 16px;display:flex;overflow-x:auto}.features-section .all-cards::-webkit-scrollbar{display:none}.features-section .all-cards{scrollbar-width:none}.features-section .all-cards .feature-card{scroll-snap-align:start;flex-shrink:0;min-width:270px;max-width:270px;height:fit-content;min-height:160px}}.features-section .desktop-layout{display:none}@media (min-width:816px){.features-section .desktop-layout{grid-template-columns:1fr 1fr 1fr;gap:20px;display:grid}}.features-section .left-grid,.features-section .right-grid{grid-template-rows:repeat(3,1fr);grid-template-columns:1fr;gap:25px;display:grid}.features-section .middle-image{grid-template-rows:1fr;grid-template-columns:1fr;place-items:center;display:grid}.features-section .image-placeholder{min-height:400px}@media (min-width:912px) and (max-width:1450px){.features-section .image-placeholder{min-height:300px}}.features-section .image-placeholder{color:#d1d5db;border-radius:12px;justify-content:center;align-items:center;font-size:1.2rem;display:flex}.features-section .image-placeholder img{width:100%;height:100%}.features-section .feature-card{text-align:left;background:#f1fff214;border-radius:20px;padding:40px 25px 25px;overflow:hidden}@media (min-width:912px) and (max-width:1450px){.features-section .feature-card{padding:25px 20px 20px}}.features-section .feature-card{background:#f1fff20f;border:1px solid #fff3;transition:transform .3s,box-shadow .3s;position:relative}@media (max-width:815px){.features-section .feature-card{padding:50px 15px 15px}}.features-section .feature-card section{padding:25px 0 0}@media (max-width:815px){.features-section .feature-card section{padding:0}}.features-section .feature-card .icon{color:#fff;background:#ffffff26;border-radius:0 0 20px;justify-content:center;align-items:center;width:30px;height:30px;padding:5px;font-size:18px;display:flex;position:absolute;top:0;left:0}@media (min-width:912px) and (max-width:1450px){.features-section .feature-card .icon{width:25px;height:25px;font-size:18px}}@media (max-width:815px){.features-section .feature-card .icon{border-radius:0 0 20px;outline:1px solid #ffffff7e;width:25px;height:25px;font-size:18px;right:0}}.features-section .feature-card h4{color:#fff;margin-bottom:10px;font-size:1.3rem;font-weight:400}@media (min-width:912px) and (max-width:1450px){.features-section .feature-card h4{font-size:16px;font-weight:600}}@media (max-width:815px){.features-section .feature-card h4{margin-bottom:8px;font-size:1rem;font-weight:500}}@media (min-width:912px) and (max-width:1450px){.features-section .feature-card p{font-size:14.5px;font-weight:500}}.features-section .feature-card p{color:#f3f3f3;font-size:1rem;font-weight:300;line-height:1.4}@media (max-width:815px){.features-section .feature-card p{font-size:.95rem}.features-section{padding:40px 15px}.features-section h2{font-size:1.8rem}.features-section .subtitle{margin-bottom:30px;font-size:.9rem}}
