.web-hero{background-color:#f5f5f5;height:auto;min-height:600px;padding-left:44px;padding-right:44px;position:relative;width:100%}.web-hero-container{height:100%;margin:0 auto;max-width:1080px;min-height:600px;position:relative;width:100%}.web-hero-background{height:100%;left:0;position:absolute;top:0;width:100%;z-index:0}.web-hero-background-image{background-position:center;background-repeat:no-repeat;background-size:cover;display:inline-block;height:100%;max-height:600px;max-width:calc(50% + 395px);width:calc(100% - 189px)}@media (max-width: 640px){.web-hero{min-height:auto;padding-left:24px;padding-right:24px;padding-top:360px}.web-hero .image-device{max-width:290px;right:calc(22% - 145px);width:100%}.web-hero .image-device img{width:100%}.web-hero-container{height:100%;margin:0 auto;max-width:1080px;min-height:auto;position:relative;width:100%}.web-hero-background{height:auto;left:0;top:0;width:100%;z-index:0}.web-hero-background-image{border-radius:0!important;display:inline-block;height:482px;width:100%}}@media (max-width: 480px){.web-hero{padding-top:300px}}.web-hero .box-center{position:absolute;top:50%;transform:translateY(-50%)}.web-hero .image-device{max-width:290px;width:100%}.web-hero .image-device img{width:100%}.web-hero .box-white{background-color:#fff;border-radius:24px;padding:16px 32px 32px;width:100%;width:600px}@media (max-width: 640px){.web-hero .box-center{left:auto;position:initial;right:auto;top:auto;transform:translateY(0)}.web-hero .image-device{display:block;margin:0 auto}.web-hero .box-white{background-color:#fff;border-radius:24px;max-width:auto;margin:0 auto;padding:24px 32px;width:100%}}.web-hero.left .box-center:not(.image-device){right:calc(22% - 150px)}@media (max-width: 1440px){.web-hero.left .box-center:not(.image-device){right:44px}}@media (max-width: 640px){.web-hero.left .box-center:not(.image-device){right:0}}.web-hero.left .image-device{right:calc(22% - 150px)}@media (max-width: 1024px){.web-hero.left .image-device{right:calc(22% - 100px)}}@media (max-width: 640px){.web-hero.left .image-device{right:0}}.web-hero.left .web-hero-container .box-center:not(.image-device){right:0}@media (max-width: 1440px){.web-hero.left .web-hero-container .box-center:not(.image-device){right:0}}@media (max-width: 640px){.web-hero.left .web-hero-container .box-center:not(.image-device){right:0}}.web-hero.left .web-hero-container .image-device{right:0}@media (max-width: 1024px){.web-hero.left .web-hero-container .image-device{right:0}}@media (max-width: 640px){.web-hero.left .web-hero-container .image-device{right:0}}.web-hero.left .web-hero-background{text-align:left}.web-hero.left .web-hero-background-image{border-radius:0 24px 24px 0}.web-hero.right .box-center:not(.image-device){left:calc(22% - 145px)}@media (max-width: 1440px){.web-hero.right .box-center:not(.image-device){left:44px}}@media (max-width: 640px){.web-hero.right .box-center:not(.image-device){left:0}}.web-hero.right .image-device{left:calc(22% - 145px)}@media (max-width: 1024px){.web-hero.right .image-device{left:calc(22% - 100px)}}@media (max-width: 640px){.web-hero.right .image-device{left:0}}.web-hero.right .web-hero-container .box-center:not(.image-device){left:0}@media (max-width: 1440px){.web-hero.right .web-hero-container .box-center:not(.image-device){left:0}}@media (max-width: 640px){.web-hero.right .web-hero-container .box-center:not(.image-device){left:0}}.web-hero.right .web-hero-container .image-device{left:0}@media (max-width: 1024px){.web-hero.right .web-hero-container .image-device{left:0}}@media (max-width: 640px){.web-hero.right .web-hero-container .image-device{left:0}}.web-hero.right .web-hero-background{text-align:right}.web-hero.right .web-hero-background-image{border-radius:24px 0 0 24px}