.hero-section *{box-sizing:border-box;margin:0;padding:0}.diagonal-image{height:100%;left:40%;position:absolute;top:0;width:10%;z-index:2}#hero-sections{height:500px;overflow:hidden;position:relative;width:100%}#left-image-cover{background-color:#fff;clip-path:polygon(0 0,100% 0,66.5% 100%,0 100%);height:101%;left:0;position:absolute;top:-2px;width:52.6%;z-index:2}.hero-section{background:none!important;display:flex;height:100%;opacity:0;position:absolute;right:-100%;top:0;width:100%}.hero-image.active{opacity:1;transform:translateX(0)}.hero-section.active{align-items:center;background-color:#fff;display:flex;opacity:1;right:0!important}.hero-section.previous-active{opacity:1;right:100%}.hero-section .after-active{opacity:1;right:-100%}.prestage-hide{opacity:0!important}.prestage-left{right:-100%!important}.prestage-right{right:100%!important}.container{align-items:center;display:flex;justify-content:space-between;position:relative;width:100%;z-index:3}.text-content{opacity:1;width:35%}.hero-title{font-size:45px;font-style:normal;font-weight:600;letter-spacing:-.01em;line-height:54px;word-break:normal!important}.hero-title,.sub-title{color:#000;font-family:Montserrat,sans-serif}.sub-title{font-size:28px;font-weight:500;letter-spacing:0;line-height:1.2;margin-top:10px}.view-products-btn{align-items:center;background-color:#69b3e7;border:none;border-radius:8px;color:#1b365d;cursor:pointer;display:flex;font-family:Montserrat,sans-serif;font-size:18px;font-weight:600;height:52px;justify-content:center;line-height:30px;margin-bottom:20px;margin-top:20px;text-decoration:none;width:266px}.view-products-btn:hover{background-color:#1b365d;color:#fff;text-decoration:none}.image-container{height:100%;position:absolute;right:0;top:0;width:65%}.hero-image{height:100%;object-fit:cover;opacity:0;transform:translateX(100%);transition:transform 1s ease,opacity 1s ease;width:100%}.hero-section:before{background-color:#fff;content:"";height:100%;left:40%;position:absolute;top:0;transform:skewX(-30deg);transform-origin:top left;width:100%;z-index:0}.container{padding:0 100px}.hero-title{color:#444446;font-family:Montserrat;font-size:52px;font-weight:800;line-height:60px;text-align:left}#transparent-diagonal{opacity:0;transition:none}#transparent-diagonal.fade-in{opacity:.53;transition:opacity .5s ease}#new-nav-dots{display:none;left:100px;position:absolute;top:390px}.nav-dots{margin-top:10px}.nav-dot{background-color:#ccc;border-radius:50%;cursor:pointer;display:inline-block;height:20px;margin:0 5px;width:20px}.nav-dot.active{background-color:#333}@media only screen and (max-width:1440px){.text-content{width:40%}}@media only screen and (max-width:1200px){.diagonal-image{height:100%;left:40%;position:absolute;top:0;width:10%;z-index:2}#hero-sections{height:500px;overflow:hidden;position:relative;width:100%}.hero-section{display:flex;height:100%;opacity:0;position:absolute;right:-100%;top:0;transition:right 1s ease;width:100%}.hero-section.active{align-items:center;background-color:#fff;display:flex;opacity:1;right:0}.container{align-items:center;display:flex;justify-content:space-between;padding:0 50px;position:relative;width:100%;z-index:3}.text-content{width:40%}.hero-title{font-size:45px;font-style:normal;font-weight:600;letter-spacing:-.01em;line-height:54px;word-break:normal!important}.hero-title,.sub-title{color:#000;font-family:Montserrat,sans-serif}.sub-title{font-size:28px;font-weight:500;letter-spacing:0;line-height:1.2;margin-top:10px}.image-container{height:100%;overflow:hidden;position:absolute;right:0;top:0;width:60%}.hero-image{height:100%;object-fit:cover;width:100%}.hero-section:before{background-color:#fff;content:"";height:100%;left:40%;position:absolute;top:0;transform:skewX(-30deg);transform-origin:top left;width:100%;z-index:0}.hero-title{color:#444446;font-family:Montserrat;font-size:52px;font-weight:800;line-height:60px;text-align:left}#new-nav-dots{left:50px}.nav-dot{height:12px;width:12px}}@media only screen and (max-width:1400px){.hero-title{font-size:40px;line-height:1.2}}@media only screen and (max-width:1000px){.text-content{width:40%}.hero-title{font-size:36px;line-height:1.2}.sub-title{color:#000;font-family:Montserrat,sans-serif;font-size:24px;font-weight:500;letter-spacing:0;line-height:1.2;margin-top:10px}}@media (max-width:768px){#hero-sections{height:400px}.container{flex-direction:column;height:100%;justify-content:center;padding:0 20px}.hero-title{color:#fff!important;font-family:Montserrat;font-size:24px;font-weight:700;line-height:28.8px;margin-top:10px;max-width:220px;padding-bottom:100px;text-align:left}.text-content{margin-top:30px;text-align:center;width:100%}.sub-title{display:none}.view-products-btn{font-size:20px;margin:20px auto 30px;padding:10px 20px;position:relative}.hero-image,.image-container{height:auto;width:100%}.hero-image{clip-path:none;object-fit:cover}.hero-section:before{display:none}#new-nav-dots{left:45%;top:89.5%}.nav-dots{position:relative;text-align:center}#left-image-cover,.diagonal-image{display:none}}@media only screen and (min-width:460px) and (max-width:768px){#hero-sections{height:500px}}@media only screen and (min-width:540px) and (max-width:768px){.nav-dots,.view-products-btn{position:relative;top:15%}.hero-title{font-size:28px}}@media only screen and (min-width:630px) and (max-width:768px){.view-products-btn{top:32%}.nav-dots{top:25%}.hero-title{font-size:36px;max-width:320px}}@media only screen and (max-width:600px){#new-nav-dots{left:43%;top:85%}}@media only screen and (max-width:540px){#new-nav-dots{left:43%;top:77%}}@media only screen and (max-width:400px){#new-nav-dots{left:40%;top:75%}#hero-sections{height:342px}.hero-title{bottom:80px;padding:0;position:relative}#hero-sections .text-content{margin-top:120px}}.diagonal-image{display:none}.image-container{overflow:hidden}#transparent-diagonal{background-color:#d9d9d9;clip-path:polygon(85% 0,97% 0,12% 100%,0 100%);height:502px;left:-2px;opacity:.53;position:absolute;top:0;width:32%;z-index:2}@media only screen and (max-width:1300px){#transparent-diagonal{clip-path:polygon(85% 0,99% 0,14% 100%,0 100%);width:38%}#left-image-cover{clip-path:polygon(0 0,100% 0,62.1% 100%,0 100%);width:55.9%}.hero-image{clip-path:polygon(32% 0,100% 0,100% 100%,0 100%)}}@media only screen and (max-width:1200px){#left-image-cover{clip-path:polygon(0 0,100% 0,67.3% 100%,0 100%);width:59.2%}}@media only screen and (max-width:1150px){#transparent-diagonal{clip-path:polygon(85% 0,100% 0,15% 100%,0 100%);width:38%}.hero-image{clip-path:polygon(32% 0,100% 0,100% 100%,0 100%)}}@media only screen and (max-width:1100px){#transparent-diagonal{clip-path:polygon(85% 0,100% 0,15% 100%,0 100%);width:50%}#left-image-cover{clip-path:polygon(0 0,100% 0,60.8% 100%,0 100%);width:65.5%}.hero-image{clip-path:polygon(42% 0,100% 0,100% 100%,0 100%)}}@media only screen and (max-width:768px){#transparent-diagonal{display:none}#left-image-cover{clip-path:polygon(0 0,100% 0,60.8% 100%,0 100%);width:65.5%}.hero-image{clip-path:none}}@media only screen and (min-width:1700px){#transparent-diagonal{clip-path:polygon(85% 0,97% 0,12% 100%,0 100%);width:26%}#left-image-cover{clip-path:polygon(0 0,100% 0,70.5% 100%,0 100%);width:49.4%}.hero-image{clip-path:polygon(22% 0,100% 0,100% 100%,0 100%)}}@media only screen and (min-width:1600px){.text-content{width:33%}}