.mode-button-container{background-color:#fff;border-radius:5px;width:70%;height:8%;position:absolute;top:0%;box-shadow:0 0 3px 3px #d3d3d380}.mode-button-container-inner{justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:relative}.mode-button{z-index:10;opacity:.8;width:50%;height:100%;font-family:Raleway,sans-serif;font-size:25px;font-weight:800}.mode-highlight{background-color:#afe6a6;border-radius:5px;width:45.5%;height:80%;transition:all .3s;position:absolute;left:2%}
.step-button{cursor:pointer;background-color:#f49e4c;border:none;border-radius:5px;outline:2px solid #000;align-items:center;gap:6px;width:85%;height:55px;padding:6px 14px;font-family:Raleway,sans-serif;transition:all .3s;display:flex}.step-button:hover{background-color:#dd812a;transition:all .3s}.step-button-active{color:#f49e4c;cursor:pointer;background-color:#fff;border:none;border-radius:5px;outline:2px solid #000;align-items:center;gap:6px;width:100%;height:55px;padding:6px 14px;font-family:Raleway,sans-serif;transition:all .3s;display:flex}.step-button-number{outline:2px solid #00f;font-size:20px;font-weight:800}.step-button-title{outline:2px solid red;font-size:20px;font-weight:800}
.features-container{outline:2px solid green;flex-direction:row;justify-content:center;align-items:center;gap:0;width:100%;height:900px;scroll-margin-top:83px;display:flex;position:absolute;top:63.9%}.features-header{color:#353535;font-family:Raleway,sans-serif;font-size:80px;font-weight:800;position:absolute;top:8%}.features-subheader{color:#353535;text-align:center;width:800px;font-family:Raleway,sans-serif;font-size:30px;font-weight:600;line-height:40px;position:absolute;top:22%}.features-group-container{width:250px;height:310px;margin-top:120px}.features-group{grid-template-columns:repeat(2,1fr);gap:0;width:100%;height:100%;display:grid;transform:scaleY(-1)}.globe-container{z-index:-1;width:100%;height:auto;position:absolute;bottom:0%}
.feature-button-container{flex-direction:column;justify-content:center;align-items:center;width:110px;height:155px;display:flex}.feature-button{background-color:#ff9d00;border-radius:50%;justify-content:center;align-items:center;width:100%;height:70%;transition:all .3s ease-in-out;display:flex}.feature-button:hover{background-color:#c3690f;transition:all .3s ease-in-out}.feature-button-clicked{background-color:#fff;border-radius:50%;justify-content:center;align-items:center;width:100%;height:70%;transition:all .3s ease-in-out;display:flex;box-shadow:0 0 10px 3px #d3d3d380}.feature-button-clicked:hover{background-color:#f5f5f5;transition:all .3s ease-in-out}.feature-icon{width:50%;height:50%}.feature-button-label{text-align:center;justify-content:center;align-items:center;font-size:25px;font-weight:700;line-height:25px;display:flex}
.laptop-container{justify-content:center;align-items:center;width:100%;height:100%;font-size:70px;display:flex;position:relative}.laptop-img{opacity:1;outline:2px solid pink;width:80%;height:90%;transition:all .9s ease-in-out;position:absolute}.laptop-img-hidden{opacity:0;width:86%;height:auto;transition:all .9s ease-in-out;position:absolute}.laptop-frame{justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:absolute}
.products-container{outline:2px solid #000;justify-content:center;align-items:center;width:100vw;height:900px;display:flex;position:absolute;top:2.1%}.products-container-inner{outline:2px solid pink;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:relative}.products-header{color:#353535;outline:2px solid orange;font-family:Raleway,sans-serif;font-size:80px;font-weight:800;position:absolute;top:5%}.products-group{outline:2px solid red;justify-content:center;align-items:center;gap:60px;width:100%;height:500px;display:flex;position:absolute;top:30%}
.product-button-container{border-radius:10px;outline:4px solid #000;flex-direction:column;justify-content:center;align-items:center;width:400px;height:500px;padding:30px 0;display:flex}.pb-header{color:#353535;text-align:center;outline:2px solid orange;width:100%;font-family:Raleway,sans-serif;font-size:60px;font-weight:800}.pb-content{color:#353535;text-align:center;outline:2px solid red;justify-content:center;align-items:center;width:100%;height:70%;padding:20px;font-family:Raleway,sans-serif;font-size:30px;font-weight:400;line-height:36px;display:flex}.pb-button-container{outline:2px solid #00f;justify-content:center;align-items:center;width:100%;height:30%;display:flex}.pb-button{color:#353535;background-color:#afe6a6;border-radius:10px;width:90%;height:75%;font-family:Raleway,sans-serif;font-size:35px;font-weight:800}
.bg{border:2px solid #000;justify-content:center;align-items:center;width:100vw;min-height:3000px;display:flex;position:relative}