.loop-what{padding:var(--section-padding-vertical) 0;position:relative}.loop-what.bg-blue{background-color:var(--secondary-color)}.loop-what.bg-white{background-color:var(--background-color)}.loop-what.bg-blue h2,.loop-what.bg-blue .loop-what-intro p{color:var(--text-color-light)}.loop-what.bg-blue .loop-what-intro span{color:var(--text-color-light);opacity:.8}.loop-what-intro{text-align:center;max-width:1000px;margin:0 auto 6.4rem}.loop-what-grid{display:grid;grid-template-columns:1fr 1fr;gap:4.8rem clamp(12rem, 12vw, 18rem);max-width:1200px;margin:0 auto;position:relative;align-items:stretch}.loop-what-center-logo{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);pointer-events:none;z-index:1;width:clamp(22rem, 22vw, 32rem);height:clamp(22rem, 22vw, 32rem);display:flex;align-items:center;justify-content:center}.loop-what-center-logo img{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.circuitry-bg{height:clamp(42rem, 40vw, 56rem);width:auto;opacity:1;z-index:1}.center-logo{height:clamp(9rem, 8vw, 12rem);width:auto;z-index:2}.loop-what-card{background-color:var(--background-color);padding:2.4rem;border-radius:12px;box-shadow:0 10px 30px rgb(0 0 0 / .07);border:1px solid var(--secondary-color-light-bg);position:relative;z-index:2;display:flex;flex-direction:column}.loop-what-card-icon-wrapper{width:40px;height:40px;display:flex;align-items:center;justify-content:center;margin-bottom:1.6rem}.card-icon{font-size:2.5rem;color:var(--primary-color)}.card-image{width:100%;height:100%;object-fit:contain}.loop-what-card h4{margin-bottom:.8rem}.loop-what-card p{margin:0}@media (max-width:768px){.loop-what-grid{grid-template-columns:1fr;grid-auto-rows:auto;gap:2.4rem}.loop-what-center-logo{display:none}}