.promosection-cloud--container{z-index:1;-o-transition:all 1s ease-in-out;width:61.4%;transition:all 1s ease-in-out;top:0;bottom:0;left:0}.promosection-cloud--container .cloud--wrapper:before{content:"";padding-top:45%;display:block}.promosection-cloud--container .cloud--wrapper img{-o-object-fit:cover;object-fit:cover;z-index:1;width:100%;height:100%;max-height:100%;position:absolute;inset:0}.promoimage-container{z-index:3;-o-transition:all 1s ease-in-out;width:73.4%;margin-left:auto;margin-right:auto;transition:all 1s ease-in-out;bottom:-23.9%;left:0;right:0}.promoimage-wrapper:before{content:"";padding-top:36.61%;display:block}.promo-wrapper{background:linear-gradient(196deg,#aec2e1 16.8%,#dce6f4 40.79%)}.promo-wrapper .title--wrapper{z-index:2;opacity:1;-o-transition:all 1s ease-in-out;transition:all 1s ease-in-out;top:132px;left:0;right:0}.promo-wrapper .title--wrapper .title{max-width:1180px;color:var(--text-primary-clr);font-size:64px;font-weight:500;line-height:120%}.promo-wrapper:before{content:"";padding-top:38.8%;display:block}.promo-wrapper .controller{z-index:4;height:70%;top:30%;left:0;right:0}.promo-wrapper.animate .promoimage-container{width:95%;bottom:0}.promo-wrapper.animate .title--wrapper{opacity:0;transform:translateY(50%)}.promo-wrapper.animate .promosection-cloud--container{top:20%}@media screen and (max-width:1680px){.promo-wrapper .title--wrapper{top:112px}.promo-wrapper .title--wrapper .title{max-width:1180px;font-size:48px;line-height:56px}}@media screen and (max-width:1500px){.promo-wrapper .title--wrapper{top:88px}.promo-wrapper .title--wrapper .title{font-size:40px;line-height:48px}}@media screen and (max-width:1300px){.promo-wrapper .title--wrapper{top:114px}.promo-wrapper .title--wrapper .title{max-width:886px}}@media screen and (max-width:1140px){.promo-wrapper .title--wrapper{top:88px}.promo-wrapper .title--wrapper .title{max-width:720px}}@media screen and (max-width:768px){#promo{padding-inline:0!important}.promo-wrapper{min-height:360px}.promo-wrapper:before{padding-top:60%}.promo-wrapper .title--wrapper{top:47.5px}.promo-wrapper .title--wrapper .title{max-width:300px;font-size:30px;line-height:36px}.promo-wrapper.animate .promoimage-container{width:100%}.promosection-cloud--container .promoimage-container{bottom:-15%}}@media screen and (max-width:560px){.promo-wrapper:before{padding-top:60%}}