.imgtext-wrap { display: flex; flex-direction: column; gap: 60px; } .fb-badge.green, .fb-badge.yellow { font-size: 15px; line-height: 1.2; top: 15px;} .fb-inner-img.yl img { height: 305px; } .image-with-text { padding-top: 50px; padding-bottom: 50px;}
.hero-mockup-container { position: relative; } .banner-devices { position: absolute;top: 0;transform: translate(0,-50%);right: -75%;} .banner-devices:before { position: absolute;content: '';background: #FFCF18;width: 400px;height: 400px;top: -70px;left: -10px;border-radius: 50%;z-index: -1; }
.saas-apps-working { display: grid;grid-template-columns: repeat(3,1fr);gap: 30px;margin-top: 80px;} .app-working-container { border-radius: 0 70px 70px;height: 300px;max-width: 300px;transform: rotate(45deg);margin: 0 auto;display: flex;justify-content: center; } .app-work-inner { transform: rotate(-45deg);display: flex;text-align: center;flex-direction: column;gap: 20px; } .app-work-step { background: #FFCF18;width: 85px;margin: -30px auto;height: 85px;display: flex;justify-content: center;align-items: center;transform: rotate(45deg);border-radius: 0px 15px 15px 15px; } .app-work-step span { transform: rotate(-45deg); } .app-work-content { padding: 0 20px;margin-top: 45px; } .app-work-content h3 { color: #00652F;font-weight: 600;font-size: 26px;margin-bottom: 5px; } .launch-marketplace-app { overflow: hidden;padding-bottom: 100px; } .app-work-content p { color: #4A5565;font-size: 16px;line-height: 1.3; } .app-work-outer { display: flex;background: #fff;border-radius: 0 50px 50px;margin: 20px;box-shadow: #67676785 16px 16px 5px; } .app-work-step span { color: #fff;font-size: 40px;font-weight: 700; } .app-working-container.green { background: linear-gradient(315deg, #00652F 70%, rgba(255, 255, 255, 1) 50%);border: 2px solid #00652F;} .app-working-container.yellow { background: linear-gradient(315deg, rgba(255, 207, 24, 1) 70%, rgba(255, 255, 255, 1) 50%);border: 2px solid #FFCF18;} .app-work-step.green { background: #00652F;} .app-work-step.yellow { background: #FFCF18;} .app-working-container { transition: transform 0.3s ease; } .app-working-container:hover { transform: translateY(-6px) rotate(45deg); }
@media (max-width: 1024px) {
    .saas-apps-working { grid-template-columns: repeat(2,1fr);} .saas-apps-working > :nth-child(3) { grid-column: 1 / -1;}}
@media (max-width: 767px) {
    .iwt-desc,.iwt-left h2 { margin-bottom: 0;} .imgtext-wrap { gap: 35px;} .imgtext-wrap .iwt-wrap .iwt-left { order: unset;} .fb-badge.gr-badge,.fb-badge.yl-badge { padding: 5px 0;} .fb-inner-img.yl img { height: 100%; } .banner-devices { position: relative;transform: unset;right: 0;} .banner-devices:before { top: -8px; } .saas-apps-working { grid-template-columns: 1fr;gap: 120px; } .image-with-text { padding-top: 35px; padding-bottom: 30px;}}
@media (max-width: 480px) {
    .banner-devices:before { width: 240px;height: 240px;} .fashion-brands h2 { margin-bottom: 5px;} .app-working-container { height: 270px;max-width: 270px;} .app-work-step { width: 60px;height: 60px;} .app-work-step span { font-size: 30px;} .saas-apps-working { gap: 100px;} .launch-marketplace-app { padding-bottom: 70px;}}