.search-icon svg{color:var(--black);width:1.5em;height:1.5em;cursor:pointer;transition:all ease .3s}.search-icon svg:hover{color:var(--gold)}#search-overlay{width:100%;height:100%;border:none;outline:none;display:flex;justify-content:center;align-items:center;position:fixed;left:0;top:0;background-color:#f0edea;z-index:1020;opacity:0;visibility:hidden;transition:opacity .3s ease,visibility .3s ease}#search-overlay.show{opacity:1;visibility:visible}#search-box-container h1{text-transform:uppercase;text-align:center;color:#1d1d1c;font-weight:400;font-style:normal;line-height:1.74;font-size:calc(16.4px + 1.75vw);transform:translateY(20px);opacity:0;transition:transform .4s ease,opacity .4s ease}#search-overlay.show #search-box-container h1{transform:translateY(0);opacity:1}#search-box-container{width:50%;margin:0 auto;transform:translateY(30px);opacity:0;transition:transform .4s ease .1s,opacity .4s ease .1s}#search-overlay.show #search-box-container{transform:translateY(0);opacity:1}#search-close-btn{color:#fff;width:50px;height:50px;position:absolute;top:40px;right:5%;background:0 0;border:none;font-size:2rem;cursor:pointer;border-radius:50%;border:1px solid #bc9c66;display:flex;justify-content:center;align-items:center;background-color:#bc9c66;transition:all ease .3s;transform:scale(0);opacity:0}#search-overlay.show #search-close-btn{transform:scale(1);opacity:1;transition:all ease .3s,transform .3s ease .2s,opacity .3s ease .2s}#search-close-btn svg{width:30px;height:30px}#search-close-btn:hover{color:#bc9c66;background-color:transparent}@media(max-width:900px){#search-box-container{width:90%}}.no-scroll{overflow:hidden;height:100vh;scrollbar-width:none;-ms-overflow-style:none}.no-scroll::-webkit-scrollbar{display:none}