.menubar{background:var(--text-color2);z-index:1000;scrollbar-width:thin;scrollbar-color:var(--primary-color)transparent;width:300px;height:100dvh;transition:left .3s ease-in-out;position:fixed;top:0;left:-300px;overflow-y:auto}.menubar.open{left:0}.menubar__overlay{background-color:rgba(var(--overlay-color),.5);z-index:999;width:100%;height:100vh;display:none;position:fixed;top:0;left:0}.menubar__overlay.active{display:block}.menubar .menubar__header{border-bottom:1px solid var(--search-color);justify-content:space-between;align-items:center;width:100%;padding:14px 20px;display:flex}.menubar .menubar__header .menubar__title{font-size:var(--default-p-size);font-weight:var(--bold-font-weight)}.menubar .menubar__header svg{cursor:pointer;flex-shrink:0;font-size:18px}.menubar .menubar__itemslist{list-style:none}.menubar__item{border-bottom:1px solid var(--search-color);cursor:pointer;justify-content:space-between;align-items:center;transition:transform .1s;display:flex}.menubar__item:hover{transform:scale(1.02)}.menubar__item a,.menubar__submenu__item a{color:var(--secondary-color);text-decoration:none}.menubar__submenu{background:#f6f6f6;list-style:none}.menubar__submenu__item{border-bottom:1px solid var(--search-color);color:var(--light-black);padding:12px 30px;font-size:13px;text-decoration:none;display:block}.menubar__submenu__item:hover{background:#0000000a}.menubar__item__text{padding:14px 20px;font-size:14px}.menubar__item__plusicon{border-left:1px solid var(--search-color);justify-content:center;align-items:center;padding:10px;display:flex}.menubar__item__plusicon svg{color:var(--light-black);flex-shrink:0;font-size:18px}.menubar__login,.menubar__gallery,.menubar__search{border-bottom:1px solid var(--search-color);cursor:pointer;color:var(--secondary-color);align-items:center;gap:8px;padding:14px 20px;font-size:14px;text-decoration:none;transition:transform .1s;display:flex}.menubar__login:hover,.menubar__gallery:hover,.menubar__search:hover{transform:scale(1.02)}.menubar__login svg{flex-shrink:0;font-size:18px}.menubar__help{flex-direction:column;gap:8px;padding:14px 20px;display:flex}.menubar__help__title{font-weight:var(--bold-font-weight);margin-bottom:8px;font-size:14px}.menubar__help p{align-items:center;gap:8px;font-size:14px;display:flex}.menubar__help p a{color:var(--secondary-color);text-decoration:none}.menubar__help p a:hover{text-decoration:underline}
.footer{width:100%;color:var(--text-color2);padding:40px var(--default-padding);background-color:var(--secondary-color)}.footer .footer__container{max-width:1600px;margin:0 auto}.footer__top{justify-content:space-between;gap:80px;display:flex}.footer__top .footer__top__left{flex-direction:column;flex:1;gap:15px;display:flex}.footer-contact{flex-direction:column;gap:10px;display:flex}.footer-contact .footer-contact__link{color:var(--text-color2);cursor:pointer;font-size:14px;text-decoration:none;transition:all .2s}.footer-contact .footer-contact__link:hover{color:#f6f6f6da}.footer__top .footer__top__mid{flex:1.5;justify-content:space-between;gap:10px;display:flex}.footer-links__title{letter-spacing:1px;margin-bottom:15px;font-size:18px}.footer-links .footer-links__list{list-style:none}.footer-links .footer-links__list li a{color:var(--text-color2);cursor:pointer;margin-bottom:10px;font-size:14px;text-decoration:none;transition:all .2s}.footer-links .footer-links__list li a:hover{color:#f6f6f6da}.footer__top .footer__top__right{flex:1}.newsletter .newsletter__title{margin-bottom:15px;font-size:18px}.newsletter .newsletter__desc{margin-bottom:10px;font-size:14px}.newsletter-input__box{gap:10px;display:flex}.newsletter-input__box input{border:1px solid var(--text-color2);color:var(--text-color2);background:0 0;border-radius:5px;outline:none;flex:1;padding:15px;font-size:14px}.footer-bottom{border-top:1px solid var(--search-color);justify-content:flex-end;margin-top:20px;padding-top:20px;display:flex}.footer-bottom .copyright-container p{font-size:14px}.footer-bottom .copyright-container p a{color:var(--brown-color);font-size:14px;font-weight:var(--bold-font-weight);text-decoration:none}.footer-bottom .copyright-container p a:hover{text-underline-offset:3px;text-decoration:underline}@media (max-width:1200px){.footer__top{flex-wrap:wrap;gap:20px}}@media (max-width:768px){.footer__top{flex-direction:column;gap:20px}.footer__top__left,.footer__top__mid,.footer__top__right{flex:unset;width:100%}.footer__top__mid{flex-direction:column;gap:30px}.footer-bottom{text-align:center;justify-content:center}}@media (max-width:480px){.newsletter-input__box{flex-direction:column}.newsletter-input__box input{width:100%}}
.social-icons-box{align-items:center;gap:10px;display:flex}.social-icons-box .social-link{border:2px solid var(--text-color2);border-radius:var(--border-radius1);background-color:#0000;justify-content:center;align-items:center;width:35px;height:35px;text-decoration:none;transition:all .2s;display:flex}.social-icons-box .social-link svg{width:20px;height:20px;color:var(--text-color2);flex-shrink:0}.social-icons-box .social-link:hover{background-color:var(--text-color2)}.social-icons-box .social-link:hover svg{color:var(--secondary-color)}
