.upstudy-search-box-wrap{font-size:21px;position:relative;bottom:-3px}.upstudy-search-box-wrap input:focus{outline:none}.upstudy-search-box-wrap .btn-search{background:#fff0;padding:0}.upstudy-search-box-wrap svg{width:20px;margin-top:8px}.upstudy-search-sty-wraple-1{position:relative}.upstudy-search-sty-wraple-1 input{border:1px solid #ccc;width:100%;border-radius:22px!important;transition:all .3s ease-in-out;height:45px;color:#999;font-size:14px;padding:0 78px 0 20px!important}.upstudy-search-sty-wraple-1 input:focus{width:100%;border:1px solid var(--upstudy-primary-color)}.upstudy-search-sty-wraple-1 input:focus~button.btn-search{background:var(--upstudy-primary-color);color:#fff;border-radius:100px}.upstudy-search-sty-wraple-1 input:focus~button.btn-reset{right:-22px}.upstudy-search-sty-wraple-1 button{transition:all .3s ease-in-out;border:none;height:100%;position:absolute;right:0;top:50%;width:70px;transform:translateY(-50%);padding:0}.upstudy-search-sty-wraple-1 button.btn-search{font-size:20px;background:var(--upstudy-primary-color);border-radius:0 100px 100px 0;color:#fff;transition:all .3s ease-in-out}.upstudy-search-box-wrap.upstudy-search-sty-wraple-2 .top-search>a:hover i{color:var(--upstudy-primary-color)}.upstudy-search-sty-wraple-3{position:relative}.upstudy-search-sty-wraple-3 input{border:1px solid #ccc;width:100%;border-radius:5px;transition:all .3s ease-in-out;height:45px;color:#999;font-size:14px;padding:0 78px 0 20px}.upstudy-search-sty-wraple-3 input:focus{width:100%;border:1px solid var(--upstudy-primary-color)}.upstudy-search-sty-wraple-3 input:focus~button{width:36px}.upstudy-search-sty-wraple-3 input:focus~button.btn-search{background:var(--upstudy-primary-color);color:#fff;border-radius:20px}.upstudy-search-sty-wraple-3 input:focus~button.btn-reset{right:-22px}.upstudy-search-sty-wraple-3 button{transition:all .3s ease-in-out;border:none;height:36px;position:absolute;right:4px;top:50%;width:70px;transform:translateY(-50%);padding:0}.upstudy-search-sty-wraple-3 button.btn-search{transition:all .3s ease-in-out;border:none;height:36px;position:absolute;right:4px;top:50%;width:50px;transform:translateY(-50%);padding:0;color:var(--upstudy-primary-color);transition:all .3s ease-in-out}.upstudy-search-box{position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgb(0 0 0 / 85%);z-index:999;display:none}.upstudy-closebtn{position:absolute;top:50px;right:50px;cursor:pointer;width:30px;height:25px}.upstudy-closebtn span{width:30px;height:2px;background-color:#fff;position:relative;display:block}.upstudy-closebtn span:nth-of-type(1){-webkit-transform:rotate(45deg);transform:rotate(45deg);top:11px}.upstudy-closebtn span:nth-of-type(2){-webkit-transform:rotate(-45deg);transform:rotate(-45deg);top:9px}.upstudy-search-box .input-search-wrap{position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);width:50%}.upstudy-search-box .upstudy-search-form input{width:100%;color:#fff;padding-left:20px;border:0;border-bottom:1px solid #ddd}.upstudy-search-box .upstudy-search-form button{position:absolute;top:50%;right:20px;-webkit-transform:translateY(-50%);padding:0;border:0;color:#ddd;cursor:pointer;font-size:22px;line-height:0}.upstudy-search-box .input-search-wrap .upstudy-input-focus-border{content:'';position:absolute;width:0;height:1px;background:var(--upstudy-primary-color);bottom:0;left:0;transition:0.3s}.input-search-wrap:has(.input-search:focus) .upstudy-input-focus-border{width:100%;transition:0.4s}@media (max-width:567px){.upstudy-search-box .input-search-wrap{width:70%}}