.sub-menu--navigation{display: none;box-shadow: 4px 4px 4px 4px rgb(0 0 0 / 25%);}.sub-menu--navigation{background: #EBF3FC;box-shadow: 4px 4px 4px 4px rgb(0 0 0 / 25%);height: 100vh;overflow: hidden;position: fixed;right: calc( (100vw - 100vw)/ 2 );top: 0vh;width: 100%;z-index: 10000;animation: fadeIn .4s;-webkit-animation: fadeIn .4s;-moz-animation: fadeIn .4s;-o-animation: fadeIn .4s;-ms-animation: fadeIn .4s;padding: 1rem;overflow-x: hidden;overflow-y: auto;}.container-menu {position: relative;width: 100%;}.image {display: block;width: 100%;height: 164px;border-radius: 10px;object-fit: cover;}.overlay-image {position: absolute;top: 0;bottom: 0;height: 164px;width: 100%;border-radius: 10px;opacity: 0;transition: .5s ease;background-color: #008CBA;}.container-menu:hover .overlay-image {opacity: 50%;}.text {color: white;font-size: 16px !important;position: absolute;top: 10%;left: 13%;right: 22%;text-align: left;}.text-login {color: #1B4D7C;font-size: 16px !important;position: relative;top: 20%;margin-top: 5%;text-align: center;text-decoration: underline;}@media ( min-width: 768px) and (max-width: 1024px ) {.sub-menu--navigation{background: #EBF3FC;box-shadow: 4px 4px 4px 4px rgb(0 0 0 / 25%);height: 100vh;overflow: hidden;position: fixed;right: calc( (100vw - 100vw)/ 2 );top: 0vh;width: 43vw;z-index: 10000;animation: fadeIn .4s;-webkit-animation: fadeIn .4s;-moz-animation: fadeIn .4s;-o-animation: fadeIn .4s;-ms-animation: fadeIn .4s;padding: 1rem;overflow-x: hidden;overflow-y: auto;}}@media (min-width: 1025px) and ( max-width: 1439px) {.sub-menu--navigation{background: #EBF3FC;box-shadow: 4px 4px 4px 4px rgb(0 0 0 / 25%);height: 100vh;overflow: hidden;position: fixed;right: calc( (100vw - 100vw)/ 2 + 7rem);top: 0vh;width: 30vw;z-index: 10000;animation: fadeIn .4s;-webkit-animation: fadeIn .4s;-moz-animation: fadeIn .4s;-o-animation: fadeIn .4s;-ms-animation: fadeIn .4s;padding: 1rem;overflow-x: hidden;overflow-y: auto;}}@media screen and (max-width: 1024px) {.sub-menu--navigation h1,.sub-menu--navigation h2{color: #000 !important;padding-left: 1rem;font-size: 20px !important;margin-top: -2.5rem;}.sub-menu--navigation button{background: none;border: none;}.sub-menu--navigation .sub-menu--content{display: flex;flex-wrap: wrap;padding: 1rem 0;margin-bottom: 12rem;padding-bottom: 8rem;}}@media screen and (min-width: 1024px) {.sub-menu--navigation h1,.sub-menu--navigation h2{color: #000 !important;padding-left: 1rem;font-size: 24px !important;margin-top: -2.7rem;}.sub-menu--navigation button{background: none;border: none;}.sub-menu--navigation .sub-menu--content{display: flex;flex-wrap: wrap;margin-bottom: 12rem;}}@media (min-width: 1440px) {.sub-menu--navigation{background: #EBF3FC;box-shadow: 4px 4px 4px 4px rgb(0 0 0 / 25%);height: 100vh;overflow: hidden;position: fixed;right: calc( (100vw - 1440px) / 2 + 7rem);top: 0vh;width: 368px;z-index: 10000;animation: fadeIn .4s;-webkit-animation: fadeIn .4s;-moz-animation: fadeIn .4s;-o-animation: fadeIn .4s;-ms-animation: fadeIn .4s;padding: 1rem;overflow-x: hidden;overflow-y: auto;}}@media (max-width: 767px) {.sub-menu--navigation .sub-menu--content a {font-size: .9rem !important;padding: .75rem;}.text-login {color: #1B4D7C;font-size: 14px !important;position: relative;top: 20%;margin-top: 5%;text-align: center;text-decoration: underline;}}