body{background-color:var(--background-color)}.container{display:flex;flex-direction:row;justify-content:space-around;margin-top:160px;height:80vh}.main-content{width:40%;text-align:left}.main-content h1{font-size:60px;font-weight:500;color:var(--text-color);line-height:1.2}.main-content p{font-size:20px;font-weight:200;color:var(--text-color-dark)}.main-content a{align-items:center}.info{display:flex;flex-direction:row;align-items:center}.reviews{display:flex;min-width:max-content;flex-direction:row;align-items:center;background-color:#ffffff1a;border-radius:20px;border:1px solid rgba(255,255,255,.25);padding:5px 10px;margin-right:20px}.reviews p{margin:0;padding:0 5px;font-size:16px;font-weight:400}#reviews-rating{color:var(--text-color)}#reviews-count{color:var(--text-color-dark)}.products{display:flex;min-width:max-content;text-decoration:none;color:var(--text-color);font-weight:200}.products:hover #arrow-right-short{animation:rotate-arrow .5s forwards;animation-fill-mode:none}#arrow-right-short{position:relative;top:4px}@keyframes rotate-arrow{0%{opacity:1}to{opacity:0;transform:translate(20px)}}.newsletter-signup{display:flex;width:75%;min-width:max-content;margin-top:20px;flex-direction:row;justify-content:space-between;align-items:center;background-color:var(--button-color-light);border-radius:8px;border:1px solid rgba(255,255,255,.25)}.newsletter-signup input::placeholder{color:var(--text-color-dark);font-size:16px;font-weight:200}.newsletter-signup input{width:50%;color:var(--text-color);padding:20px;background-color:transparent;border:none;outline:none}.newsletter-signup button{min-width:max-content;margin-right:5px;padding:15px 20px;background-color:var(--button-color);color:var(--text-color-hover);border:none;border-radius:5px;font-size:1rem;cursor:pointer}.newsletter-signup button:hover{background-color:var(--button-hover-color);cursor:pointer}.side-content{width:40%;-webkit-user-drag:none}.chatbot-button{position:fixed;bottom:20px;right:20px;width:55px;height:55px;background-color:var(--button-color);border-radius:10%;border:1px solid var(--button-color)}.chatbot-button img{width:50px;height:50px;transform:translate(-4px) translateY(1px)}.chatbot-button:hover{background-color:var(--button-hover-color);cursor:pointer}.navbar{display:flex;justify-content:space-between;align-items:center;padding:0 20px;background-color:#fff0;color:var(--text-color);height:60px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);position:fixed;top:0;left:0;right:0;z-index:1000;-webkit-user-select:none;user-select:none}.nav-title{font-size:24px;font-weight:400;margin-left:20px;cursor:pointer}.nav-title li{display:flex;align-items:center}.nav-title a{text-decoration:none;color:var(--text-color)}.nav-title img,.nav-logo{width:35px;height:35px}.nav-item{display:flex;align-items:center;list-style:none;padding:10px 20px;color:var(--text-color);height:60px}.nav-elements li{min-width:max-content}.nav-elements a{color:var(--text-color);text-decoration:none;margin:10px 0;padding:15px 20px;border-radius:5px}.nav-element:hover{color:var(--text-color-hover);background-color:var(--button-hover-color);cursor:pointer}.bi-chevron-down{transform:translateY(4px);margin-left:5px;scale:.8}.nav-elements a:hover .bi-chevron-down{animation:rotate .2s forwards;animation-fill-mode:forwards}@keyframes rotate{0%{transform:rotate(0)}to{transform:rotate(180deg)}}.resource-wrapper,.product-wrapper{position:relative}.dropdown{position:absolute;top:15px;background-color:var(--text-color);color:var(--text-color-dark);width:max-content;height:max-content;display:flex;box-shadow:0 0 20px 20px #0003;border-radius:5px}.product-dropdown{transform:translate(-25%)}.resource-dropdown{transform:translate(-50%)}.resource-dropdown ul{padding:0 0 20px}.dropdown h2{font-size:1.5rem;font-weight:400;margin:0;padding:10px}.dropdown-list li{display:flex;align-items:center;padding:10px 30px}.dropdown-list a,.product-dropdown-list a{text-decoration:none;color:var(--background-color);padding:0 10px;font-size:16px;font-weight:400}.resource-dropdown-list svg,.product-dropdown-list svg,.category-dropdown-list svg{width:20px;height:20px;color:var(--text-color-darker);transform:translateY(2px);background-color:var(--background-color-light);padding:10px;border-radius:5px}.product-dropdown{display:inline-block}.product-dropdown-list{display:grid;grid-template-columns:repeat(4,1fr);grid-template-rows:repeat(2,1fr)}.category-dropdown-list{display:grid;grid-template-columns:repeat(4,1fr);margin-bottom:20px}.nav-button-signup{margin-right:20px;padding:10px 20px;min-width:max-content;background-color:var(--button-color-light);color:var(--text-color);border-radius:5px;border:1px solid rgba(255,255,255,.25);font-size:1rem;text-decoration:none;cursor:pointer}.nav-button-signup:hover{background-color:var(--button-color);color:var(--text-color-hover);border:1px solid var(--button-color);cursor:pointer}.nav-button-newsletter{margin-right:20px;padding:10px 20px;background-color:var(--button-color);color:var(--text-color-hover);border:none;border-radius:5px;font-size:1rem;text-decoration:none;cursor:pointer}.nav-button-newsletter:hover{background-color:var(--button-hover-color);cursor:pointer}.chatbot-chat{position:fixed;bottom:20px;right:20px;background-color:#fff;color:var(--text-color);width:400px;height:600px;border-radius:10px;box-shadow:0 0 10px 10px #0003}.chatbot-header{display:flex;justify-content:space-between;align-items:center;background-color:var(--button-color);border-radius:10px 10px 0 0}.chatbot-chat h2{margin:0;padding:10px}.chatbot-chat svg{padding:10px;cursor:pointer}.chatbot-messages{color:#000;font-size:16px;font-weight:300;padding:10px}.chatbot-messages p{margin:5px;padding:10px;width:max-content;max-width:300px;border-radius:5px;background-color:var(--background-color-light);display:inline-block}.chatbot-input{display:flex;justify-content:space-between;align-items:center;position:absolute;bottom:0;width:100%}.chatbot-input input{width:100%;padding:17px;background-color:var(--button-color-light);font-size:16px;border:none;box-shadow:0 0 1px #000;outline:none}.chatbot-input button{border-radius:0;border:none;background-color:var(--button-color);color:var(--text-color);padding:5px;cursor:pointer}.chatbot-input button svg{width:20px;height:20px;transform:translateY(1px) translate(-1px)}:root{--background-color: #222222;--background-color-light: #eeeeee;--text-color: #ffffff;--text-color-dark: #aeaeae;--text-color-darker: #222222;--text-color-hover: #1a3731;--button-color: #5683d2;--button-hover-color: #6093ec;--button-color-light: #ffffff15;--font-family: "Roboto", sans-serif;--font-size: 14px;--font-weight: 100;--font-line-height: 1.5;--font-letter-spacing: .01em}html,body{background-color:var(--background-color);color:var(--text-color);font-family:var(--font-family);font-size:var(--font-size);font-weight:var(--font-weight);line-height:var(--font-line-height);letter-spacing:var(--font-letter-spacing);-webkit-user-select:none;user-select:none;margin:0;padding:0}