*{font-family:Poppins,sans-serif;padding:0;margin:0}.troffi{position:relative;background:linear-gradient(90deg,hsla(0,0%,100%,.59),rgba(0,225,248,0)),url(https://res.cloudinary.com/dbcmdtr3r/image/upload/v1744647125/Shopify-Headless-Commerce-Development-Services_zwleoj.jpg);background-repeat:no-repeat;background-size:cover;background-position:100%;background-blend-mode:overlay;color:#fff;display:flex;flex-direction:column;padding:2px 0 44px 58px;max-width:1720px;margin:9% auto 0;overflow:hidden}.trofff{display:flex;justify-content:space-between;align-items:center;padding:10px 0 0}.troffi-content{z-index:2;max-width:700px}.troffi-breadcrumb{font-size:14px;margin-bottom:1rem;color:#ffffffcc}.troffi-breadcrumb span{font-weight:700;color:#fff}.troffi-heading{font-size:3rem;font-weight:700;padding:24px 0 0;color:#000000c9;margin-bottom:1.5rem;line-height:1.1}.troffi-description{font-size:1.125rem;color:#000000c9;padding:15px 0 0;line-height:1.8;margin-bottom:2rem}.sunroof{display:flex;gap:20px;flex-wrap:wrap;margin-top:20px}.troffi-button,.troffi-buttonn{background:#fff;border-radius:39px;padding:14px 22px;font-size:.9rem;font-weight:700;color:#397eff;cursor:pointer;display:flex;align-items:center;gap:.5rem;border:1px solid #397eff}.troffi-buttonn{padding:12px 18px;font-size:1rem}.troffi-button:hover,.troffi-buttonn:hover{color:#fff;background:#397eff;transform:translateX(5px);border:1px solid #397eff}.troffi-button .arrow,.troffi-buttonn .arrow{color:#397eff;font-size:1.5rem}.troffi-image{height:auto;max-width:44%;z-index:1;display:flex;align-items:center;justify-content:center;pointer-events:none;margin-top:2rem}.troffi-image img{height:100%;min-height:400px;width:100%;min-width:420px;object-fit:contain}@media(max-width:1041px){.troffi-heading{font-size:2rem}.troffi-content{width:100%;max-width:950px}}@media (max-width:900px){.trofff{padding:4rem 0 0;flex-direction:column;align-items:center;min-height:auto}.sunroof{flex-direction:row;justify-content:flex-start}.troffi-button,.troffi-buttonn{flex:1 1 auto;max-width:fit-content}.troffi-image{max-width:100%;margin-top:2rem;justify-content:center;height:auto}.troffi-image img{width:100%;height:450px;object-fit:contain}}@media (max-width:992px){.troffi{padding:3rem 2rem 2rem;flex-direction:column;min-height:auto}.troffi-image{position:static;height:auto;max-width:100%;margin-top:2rem;justify-content:center}.troffi-image img{height:auto;width:100%;object-fit:contain;min-height:auto;min-width:auto}.troffi-heading{font-size:2rem}.troffi-description{font-size:1rem}}@media(max-width:539px){.troffi{padding:3rem 2rem}}@media (max-width:480px){.troffi{padding:6rem 1.5rem .5rem 1.4rem}.troffi-heading{font-size:1.3rem;text-align:center;line-height:26px}.troffi-buttonn{font-size:11px}.troffi-description{font-size:.8rem;padding:10px 0 0;text-align:center}.sunroof{justify-content:center}.troffi-button{font-size:11px}.troffi-image{margin-top:0!important}.troffi-image img{height:auto;width:100%;object-fit:contain;min-height:400px;min-width:auto}.troffi-button .arrow{font-size:1.2rem}}@media (max-width:380px){.troffi{padding:5rem .8rem .5rem;margin-top:15%}.troffi-heading{font-size:1.3rem;text-align:center;line-height:26px;margin-bottom:1rem}.sunroof{justify-content:center}.troffi-description{font-size:13px;line-height:1.6;text-align:center;padding:10px 0 0;margin-bottom:1.5rem}.troffi-button .arrow,.troffi-buttonn .arrow{font-size:1rem}.troffi-image{margin-top:0!important}.troffi-image img{min-height:300px;width:100%}}