.carousel .control-arrow,.carousel.carousel-slider .control-arrow{transition:all .25s ease-in;opacity:.4;filter:alpha(opacity=40);position:absolute;z-index:2;top:20px;background:none;border:0;font-size:32px;cursor:pointer}.carousel .control-arrow:focus,.carousel .control-arrow:hover{opacity:1;filter:alpha(opacity=100)}.carousel .control-arrow:before,.carousel.carousel-slider .control-arrow:before{margin:0 5px;display:inline-block;border-top:8px solid transparent;border-bottom:8px solid transparent;content:""}.carousel .control-disabled.control-arrow{opacity:0;filter:alpha(opacity=0);cursor:inherit;display:none}.carousel .control-prev.control-arrow{left:0}.carousel .control-prev.control-arrow:before{border-right:8px solid #fff}.carousel .control-next.control-arrow{right:0}.carousel .control-next.control-arrow:before{border-left:8px solid #fff}.carousel-root{outline:none}.carousel{position:relative;width:100%}.carousel *{box-sizing:border-box}.carousel img{width:100%;display:inline-block;pointer-events:none}.carousel .carousel{position:relative}.carousel .control-arrow{outline:0;border:0;background:none;top:50%;margin-top:-13px;font-size:18px}.carousel .thumbs-wrapper{margin:20px;overflow:hidden}.carousel .thumbs{transition:all .15s ease-in;transform:translateZ(0);position:relative;list-style:none;white-space:nowrap}.carousel .thumb{transition:border .15s ease-in;display:inline-block;margin-right:6px;white-space:nowrap;overflow:hidden;border:3px solid #fff;padding:2px}.carousel .thumb:focus{border:3px solid #ccc;outline:none}.carousel .thumb.selected,.carousel .thumb:hover{border:3px solid #333}.carousel .thumb img{vertical-align:top}.carousel.carousel-slider{position:relative;margin:0;overflow:hidden}.carousel.carousel-slider .control-arrow{top:0;color:#fff;font-size:26px;bottom:0;margin-top:0;padding:5px}.carousel.carousel-slider .control-arrow:hover{background:rgba(0,0,0,.2)}.carousel .slider-wrapper{overflow:hidden;margin:auto;width:100%;transition:height .15s ease-in}.carousel .slider-wrapper.axis-horizontal .slider{-ms-box-orient:horizontal;display:-moz-flex;display:flex}.carousel .slider-wrapper.axis-horizontal .slider .slide{flex-direction:column;flex-flow:column}.carousel .slider-wrapper.axis-vertical{-ms-box-orient:horizontal;display:-moz-flex;display:flex}.carousel .slider-wrapper.axis-vertical .slider{flex-direction:column}.carousel .slider{margin:0;padding:0;position:relative;list-style:none;width:100%}.carousel .slider.animated{transition:all .35s ease-in-out}.carousel .slide{min-width:100%;margin:0;position:relative;text-align:center}.carousel .slide img{width:100%;vertical-align:top;border:0}.carousel .slide iframe{display:inline-block;width:calc(100% - 80px);margin:0 40px 40px;border:0}.carousel .slide .legend{transition:all .5s ease-in-out;position:absolute;bottom:40px;left:50%;margin-left:-45%;width:90%;border-radius:10px;background:#000;color:#fff;padding:10px;font-size:12px;text-align:center;opacity:.25;transition:opacity .35s ease-in-out}.carousel .control-dots{position:absolute;bottom:0;margin:10px 0;padding:0;text-align:center;width:100%;z-index:1}@media (min-width:960px){.carousel .control-dots{bottom:0}}.carousel .control-dots .dot{transition:opacity .25s ease-in;opacity:.3;filter:alpha(opacity=30);box-shadow:1px 1px 2px rgba(0,0,0,.9);background:#fff;border-radius:50%;width:8px;height:8px;cursor:pointer;display:inline-block;margin:0 8px}.carousel .control-dots .dot.selected,.carousel .control-dots .dot:hover{opacity:1;filter:alpha(opacity=100)}.carousel .carousel-status{position:absolute;top:0;right:0;padding:5px;font-size:10px;text-shadow:1px 1px 1px rgba(0,0,0,.9);color:#fff}.carousel:hover .slide .legend{opacity:1}.hero-n{width:28vmin;height:28vmin;background-position:50%;background-size:cover;position:relative;z-index:3}.hero-n,.title-n{text-align:center}.title-n{width:60%;display:inline-block;margin:150px auto 0;color:#fff}.title-n h1{margin-bottom:30px;text-align:center}.title-n p{font-size:13px;line-height:22px;text-align:center}.row-n{width:100%;display:flex;align-items:center;justify-content:space-between;position:relative}.col-n{flex-basis:22%;text-align:center;color:#555}.counter-box-n{width:100%;height:100%;background:#fff;padding:20px 0;border-radius:5px;box-shadow:0 0 20px -4px #66676c}.counter-box-n .bbi{font-size:40px;color:#009688;display:block}.center-container{margin-top:-3vh;margin-bottom:5vh;background-image:url(https://static.vecteezy.com/ti/vecteur-libre/p3/8088712-banner-eco-friendly-durable-development-concept-and-world-environmental-day-vectoriel.jpg);display:flex;justify-content:center;align-items:center;height:100vh;background-position:50%;background-size:cover;text-align:center;position:relative}:root{--unit:1px}section.hd-home-universe-products{padding:calc(var(--unit) * 70) 0}.hd-hup-card{height:100%;background:#fff;box-shadow:0 0 13px rgba(0,0,0,.2);border-radius:calc(var(--unit) * 85);padding:calc(var(--unit) * 15);position:relative;padding-top:calc(var(--unit) * 80);display:block}.hd-hup-card>p{font-weight:500;font-size:calc(var(--unit) * 13);line-height:calc(var(--unit) * 19);letter-spacing:.5px;color:#3a3a3a}.hd-hup-card>h2,.hd-hup-card>p{font-style:normal;text-align:center}.hd-hup-card>h2{font-weight:700;font-size:calc(var(--unit) * 18);line-height:calc(var(--unit) * 23);color:#7563b5;margin-bottom:calc(var(--unit) * 20);min-height:calc(var(--unit) * 50);text-transform:capitalize}.hd-hup-title{text-align:center;margin-bottom:calc(var(--unit) * 130)}.hd-hup-card-icon{display:flex;align-items:center;justify-content:center;width:80px;height:80px;border-radius:50%;background-color:#aeddea;box-shadow:0 0 13px rgba(0,0,0,.2);position:absolute;top:-40px;left:50%;transform:translateX(-50%)}.hd-hup-card-icon img{width:calc(var(--unit) * 30);height:calc(var(--unit) * 30)}.adjust-height{height:14vw}.adjust-height h2,.adjust-height p{margin:0}.card-hover:hover{transition:all .1s ease-in-out;transform:scale(1.05)}@media (max-width:767px){.row .col-6{width:100%}.adjust-height{height:50vw}.hd-hup-card{margin-top:5vw}}@media (min-width:768px) and (max-width:991px){.adjust-height{height:20vw}}@media (min-width:992px) and (max-width:1199px){.adjust-height{height:18vw}}@media (min-width:1200px){.adjust-height{height:14vw}}