.header{border:1px solid gray;display:flex;justify-content:space-between;padding:17px}.logoRootContainer{text-align:center;display:flex;gap:16px;align-items:center;justify-content:start;flex:1}.logo{font-size:40px;cursor:pointer}.websitename{font-size:18px;cursor:pointer;font-weight:300;font-family:Popins,sans-serif}.mainMenuRootContainer{display:flex;justify-content:center;align-items:center;gap:20px}.mainMenuAndLoginButton{display:flex;flex:2;justify-content:space-between}.singleMenuItem{font-size:16px;cursor:pointer}.loginButton{padding:10px 30px;border:1px solid #fff;font-size:16px;border-radius:5px;cursor:pointer;user-select:none;transition:.3s ease-in-out;background:#15803d;color:#fff;font-family:Popins,sans-serif;justify-content:flex-start}.loginButton:hover{background:#fff;color:#15803d;border:1px solid #15803d}.barsIcon,.barsIconX{display:none}@media screen and (max-width:940px){.mainMenuAndLoginButton{flex:2}}@media screen and (max-width:838px){.websitename{display:none}}@media screen and (max-width:770px){.websitename{display:none}.mainMenuAndLoginButton{padding-top:30px;padding-bottom:30px;position:absolute;background-color:#fefefe;flex-direction:column;width:100%;left:0;top:80px;gap:20px;align-items:center;border-bottom-left-radius:20px;border-bottom-right-radius:20px;display:none;color:#15803d;flex:column;box-shadow:0 6px 7px rgb(0,0,0,.2)}.mainMenuAndLoginButton.open{display:flex}.mainMenuRootContainer{flex-direction:column}.barsIcon{display:block;cursor:pointer}}.heroAreaRoot{display:flex}.leftAreaRoot{flex:1}.leftAreaSubContainer{display:flex;flex-direction:column;padding:30px;gap:20px}.leftAreaSubHeader{font-size:35px;font-family:Poppins,sans-serif;font-weight:700}.leftAreaSubDescription{font-size:15px;font-family:Poppins,sans-serif;font-weight:300;opacity:.7}.searchContainer{display:flex;align-items:center;gap:20px}.searchInput{height:100%;padding:15px;font-size:15px;border-radius:5px;width:70%;outline:none;border:none;background-color:#f3f3f3}.searchInput::placeholder{font-size:15px;font-family:Poppins,sans-serif;font-weight:300;opacity:.7}.searchButton{background-color:#15803d;padding:13px;color:#fff;border-radius:6px;font-size:21px;cursor:pointer;user-select:none}.rightAreaRoot{flex:1}.rightAreaContainer{display:flex;justify-content:center;align-items:center;object-fit:cover}.rightAreaImage{width:100%;height:100%;object-fit:cover}@media screen and (max-width:764px){.heroAreaRoot{display:flex;flex-direction:column-reverse}.leftAreaSubDescription,.leftAreaSubHeader{text-align:center}.searchContainer{justify-content:center}}.featureAreaRoot{margin-top:40px;padding:40px}.featureAreaContainer{display:flex;flex-direction:column;gap:60px}.featureAreaHeader{font-size:28px;font-weight:700;text-align:center}.levelCardRoot{width:200px;height:200px;border-radius:50px}.featureAreaCards{display:flex;justify-content:space-between}.levelCardContainer{background-color:#fff;padding:20px;border:1px solid #f3f3f3;gap:20px;box-shadow:0 0 10px 0 #f3f3f3}.levelCardImageContainer{width:200px;object-fit:cover}.levelCardImage{width:100%;height:100%;object-fit:cover}.levelCardHeader{font-weight:700;font-size:18px;margin-top:10px;color:#15803d;text-align:center}.levelCardText{opacity:.6;text-align:center;font-size:14px;width:100%}@media screen and (max-width:764px){.featureAreaCards{display:flex;flex-direction:column;gap:80px;align-items:center}.levelCardImageContainer{width:100%}}