.cloud-native-approach .leobit-container{display:flex;gap:28px;justify-content:space-between}.cloud-native-approach.black-background{background:linear-gradient(297.02deg,#000 23.43%,#323232 88.6%);color:#fff}.cloud-native-approach.silver-background{background:#f9f9f9;color:#151915}.cloud-native-approach.silver-background .cloud-native-approach__components-side .components-side__plates-wrapper:first-child .plate:after{-webkit-filter:brightness(0);filter:brightness(0)}.cloud-native-approach.silver-background .cloud-native-approach__components-side .components-side__plates-wrapper:last-child .plate:before{-webkit-filter:brightness(0);filter:brightness(0)}.cloud-native-approach.silver-background .cloud-native-approach__components-side .components-side__plates-wrapper.small-plates .plates-wrapper__plates:last-child .plate:before{-webkit-filter:brightness(0);filter:brightness(0)}.cloud-native-approach.silver-background .cloud-native-approach__components-side .components-side__plates-wrapper.small-plates .plates-wrapper__plates:first-child .plate:after{-webkit-filter:brightness(0);filter:brightness(0)}.cloud-native-approach__text-side{display:flex;flex-direction:column;gap:40px;width:496px;min-width:343px;color:inherit}.cloud-native-approach__text-side .text-side__text{margin-bottom:0}.cloud-native-approach__components-side{margin-top:110px;width:700px;height:418px;display:flex;justify-content:space-between;flex-direction:column;align-self:self-end}.cloud-native-approach__components-side.native-mobile-view{display:none}.cloud-native-approach__components-side .components-side__plates-wrapper{display:flex;flex-direction:row}.cloud-native-approach__components-side .components-side__plates-wrapper:first-child .plate:after{content:url(../../../images/cloud-native/Arrow.svg);position:absolute;transform:rotate(90deg);bottom:-27px}.cloud-native-approach__components-side .components-side__plates-wrapper:last-child .plate:before{content:url(../../../images/cloud-native/Arrow.svg);position:absolute;transform:rotate(-90deg);top:-27px}.cloud-native-approach__components-side .components-side__plates-wrapper .plate{position:relative;width:160px;border-radius:12px;border:3px solid #24b400;padding:12px 6px 14px;display:flex;flex-direction:column;justify-content:space-between;align-items:center;opacity:0}.cloud-native-approach__components-side .components-side__plates-wrapper .plate h4{text-align:center;font-family:var(--leobit-font-futura-medium);font-size:13px;font-weight:400;line-height:110%;letter-spacing:.13px;margin-bottom:unset}.cloud-native-approach__components-side .components-side__plates-wrapper.large-plates{justify-content:center;gap:32px}.cloud-native-approach__components-side .components-side__plates-wrapper.large-plates .plate{height:98px}.cloud-native-approach__components-side .components-side__plates-wrapper.small-plates{position:relative;display:flex;flex-direction:row;justify-content:center;align-items:center;gap:40px}.cloud-native-approach__components-side .components-side__plates-wrapper.small-plates .plate{height:84px}.cloud-native-approach__components-side .components-side__plates-wrapper.small-plates .plates-wrapper__plates{display:flex;flex-direction:column;gap:36px}.cloud-native-approach__components-side .components-side__plates-wrapper.small-plates .plates-wrapper__plates:first-child .plate:after{content:url(../../../images/cloud-native/Arrow.svg);position:absolute;right:-40px;top:40%}.cloud-native-approach__components-side .components-side__plates-wrapper.small-plates .plates-wrapper__plates:last-child .plate:before{content:url(../../../images/cloud-native/Arrow.svg);position:absolute;transform:rotate(180deg);left:-40px;top:40%}.cloud-native-approach__components-side .components-side__plates-wrapper.small-plates .plates-wrapper__plates.center-plate{position:relative;width:280px;height:132px;margin-bottom:19px}.cloud-native-approach__components-side .components-side__plates-wrapper.small-plates .plates-wrapper__plates.center-plate img{width:100%;height:100%}.cloud-native-approach__components-side .components-side__plates-wrapper.small-plates .plates-wrapper__plates.center-plate h3{position:absolute;padding-left:30px;margin-bottom:unset;bottom:24px;width:100%;height:58px;text-align:center;font-family:var(--leobit-font-futura-xblk-bt);font-size:17px;line-height:120%;letter-spacing:-.17px;text-transform:uppercase}@media screen and (max-width:1100px){.cloud-native-approach .leobit-container{flex-direction:column;gap:48px}.cloud-native-approach__text-side{width:60%}.cloud-native-approach__components-side{margin-top:0;align-self:center}}@media screen and (max-width:992px){.cloud-native-approach__text-side{gap:unset}}@media screen and (max-width:720px){.cloud-native-approach__components-side{width:unset;height:unset;gap:20px}.cloud-native-approach__components-side .components-side__plates-wrapper .plate{width:120px;padding:8px}.cloud-native-approach__components-side .components-side__plates-wrapper .plate img{width:30px;height:30px}.cloud-native-approach__components-side .components-side__plates-wrapper.large-plates{justify-content:center;gap:32px}.cloud-native-approach__components-side .components-side__plates-wrapper.large-plates .plate{height:auto}.cloud-native-approach__components-side .components-side__plates-wrapper.small-plates .plate{height:74px}.cloud-native-approach__components-side .components-side__plates-wrapper.small-plates .plates-wrapper__plates.center-plate{position:relative;width:100%;height:90%}}@media screen and (max-width:633px){.cloud-native-approach__components-side{width:unset;height:unset;gap:15px}.cloud-native-approach__components-side .components-side__plates-wrapper.small-plates .plate{height:74px;min-width:80px}.cloud-native-approach__components-side .components-side__plates-wrapper.small-plates .plates-wrapper__plates{gap:15px}.cloud-native-approach__components-side .components-side__plates-wrapper.small-plates .plates-wrapper__plates.center-plate{position:relative;width:100%;height:80%}.cloud-native-approach__components-side .components-side__plates-wrapper.small-plates .plates-wrapper__plates.center-plate h3{font-size:16px;height:unset;line-height:100%;bottom:20px;padding-left:20px}}@media screen and (max-width:578px){.cloud-native-approach__components-side.native-desktop-view{display:none}.cloud-native-approach__components-side.native-mobile-view{display:block;width:100%;height:100%}.cloud-native-approach__components-side.native-mobile-view img{width:100%}.cloud-native-approach__components-side .components-side__plates-wrapper .plate{justify-content:space-evenly}}@media screen and (max-width:552px){.cloud-native-approach__components-side{gap:10px}.cloud-native-approach__components-side.native-desktop-view{display:none}.cloud-native-approach__components-side.native-mobile-view{display:block}.cloud-native-approach__components-side .components-side__plates-wrapper .plate{width:100px;padding:4px}.cloud-native-approach__components-side .components-side__plates-wrapper .plate img{width:25px;height:25px}.cloud-native-approach__components-side .components-side__plates-wrapper.large-plates{justify-content:center;gap:16px}.cloud-native-approach__components-side .components-side__plates-wrapper.large-plates .plate{height:auto}.cloud-native-approach__components-side .components-side__plates-wrapper.small-plates{gap:30px}.cloud-native-approach__components-side .components-side__plates-wrapper.small-plates .plates-wrapper__plates.center-plate{position:relative;width:90%;height:70%}.cloud-native-approach__components-side .components-side__plates-wrapper.small-plates .plates-wrapper__plates.center-plate h3{font-size:14px;bottom:15px;padding-left:15px}}@media screen and (max-width:480px){.cloud-native-approach__components-side .components-side__plates-wrapper.large-plates .plate h4{margin-bottom:unset}.cloud-native-approach__components-side .components-side__plates-wrapper.small-plates{gap:18px}.cloud-native-approach__components-side .components-side__plates-wrapper.small-plates .plates-wrapper__plates.center-plate h3{bottom:10px}}@media screen and (max-width:420px){.cloud-native-approach__components-side{gap:10px}.cloud-native-approach__components-side .components-side__plates-wrapper .plate{width:80px;padding:4px}.cloud-native-approach__components-side .components-side__plates-wrapper .plate img{width:25px;height:25px}.cloud-native-approach__components-side .components-side__plates-wrapper.large-plates{justify-content:center;gap:18px}.cloud-native-approach__components-side .components-side__plates-wrapper.large-plates .plate h4{margin-bottom:unset;font-size:10px}.cloud-native-approach__components-side .components-side__plates-wrapper.small-plates{gap:16px}.cloud-native-approach__components-side .components-side__plates-wrapper.small-plates .plates-wrapper__plates.center-plate{position:relative;width:90%;height:70%}.cloud-native-approach__components-side .components-side__plates-wrapper.small-plates .plates-wrapper__plates.center-plate h3{font-size:10px;bottom:10px;padding-left:15px}}.animate .plate{animation:appear .4s ease-in-out forwards}.animate .components-side__plates-wrapper:first-child .plate:first-child{animation-delay:0s}.animate .components-side__plates-wrapper:first-child .plate:nth-child(2){animation-delay:.4s}.animate .components-side__plates-wrapper:nth-child(2) .plates-wrapper__plates:nth-child(3) .plate:first-child{animation-delay:.8s}.animate .components-side__plates-wrapper:nth-child(2) .plates-wrapper__plates:nth-child(3) .plate:nth-child(2){animation-delay:1.2s}.animate .components-side__plates-wrapper:nth-child(3) .plate:nth-child(2){animation-delay:1.6s}.animate .components-side__plates-wrapper:nth-child(3) .plate:first-child{animation-delay:2s}.animate .components-side__plates-wrapper:nth-child(2) .plates-wrapper__plates:first-child .plate:nth-child(2){animation-delay:2.4s}.animate .components-side__plates-wrapper:nth-child(2) .plates-wrapper__plates:first-child .plate:first-child{animation-delay:2.8s}@keyframes appear{0%{opacity:0;transform:scale(0)}to{opacity:1;transform:scale(1)}}