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