*{box-sizing:border-box;margin:0;padding:0}.geo-section-container{position:relative;width:100%}.geo-section-container h2{font-size:2.3rem;font-weight:900;left:50%;pointer-events:none;position:absolute;top:5rem;transform:translate(-50%,-50%);z-index:1}.geo-fields-wrapper{display:flex;height:800px}.geofence,.geomap{flex:1;overflow:hidden;position:relative}.geofence{background-color:#2c6a7b;padding:3rem 4rem;transition-delay:2s;transition:all 1.2s ease-in-out}.content-fence,.geofence{align-items:flex-end;display:flex;flex-direction:column;justify-content:center}.content-fence{opacity:1;transform:translateY(13%);transition:translate .4s ease-out,opacity 1s ease;width:400px}.geofence h3{color:#fff;font-size:30px!important;font-weight:700!important;margin-bottom:1rem}.geofence p{color:#fff;font-size:20px;font-weight:700;margin-top:1rem;max-width:20ch;opacity:0;transition:opacity 1s ease-out}.geofence-big{align-items:center;flex:7;padding:3rem 0}.geofence .geofence-inactive{opacity:0;transform:translate(-20%,10%)}.geomap{background-color:#8ae872;padding:3rem 4rem;transition-delay:2s;transition:all 1.2s ease-in-out}.content-map,.geomap{align-items:flex-start;display:flex;flex-direction:column;justify-content:center}.content-map{opacity:1;transform:translateY(10%);transition:translate .4s ease-out,opacity 1s ease;width:400px}.geomap h3{font-size:30px!important;font-weight:700;margin-bottom:1rem}.geomap p{font-size:20px;font-weight:700;margin-top:1rem;max-width:20ch;opacity:0;transition:opacity 1s ease-out}.geomap .geomap-inactive{opacity:0;transform:translate(20%,10%)}.geomap-big{flex:7;padding:3rem}.flex-center,.geomap-big{align-items:center}@media (max-width:1100px){.geofence .content-fence img,.geomap .content-map img{max-width:100%}.geomap p{opacity:1!important;text-align:left}.geofence p{opacity:1!important;text-align:right}}@media (max-width:800px){.geo-section-container h2{font-size:2rem;text-align:center;width:100%}.geo-fields-wrapper{display:block;height:auto}.geomap{align-items:center;padding:2rem 1rem 6rem}.geomap p{opacity:1!important;text-align:center}.geofence{align-items:center;padding:6rem 1rem}.geofence p{opacity:1!important;text-align:center}.geofence .content-fence img,.geomap .content-map img{max-width:100%}.content-fence,.content-map{align-items:center;width:auto}}@media (max-width:500px){.geofence .content-fence h3,.geomap .content-map h3{font-size:24px;font-weight:900}}