.search-bar{background-image:linear-gradient(180deg,rgba(0,122,253,.07),rgba(0,122,253,.05),rgba(0,122,253,.03));display:-moz-grid;display:grid;grid-template-columns:1200px;justify-content:center}@media (max-width:1226px){.search-bar{grid-template-columns:1fr;padding:0 20px}}.search-bar .box-group{display:-moz-grid;display:grid;grid-template-columns:600px 1fr;justify-content:space-between;align-items:center;grid-gap:40px;gap:40px}@media (max-width:1226px){.search-bar .box-group{grid-template-columns:40% 1fr;justify-content:center}}@media (max-width:896px){.search-bar .box-group{grid-template-columns:80%;justify-content:center}}@media (max-width:576px){.search-bar .box-group{grid-template-columns:100%}}.search-bar .box{position:relative}.search-bar .box .header{padding:25px 0}.search-bar .box .header h1{margin:0;font-size:2em;padding:5px 0}@media (max-width:976px){.search-bar .box .header h1{font-size:24px}}@media (max-width:576px){.search-bar .box .header h1{font-size:20px;text-align:center}}.search-bar .box .header h3{color:#343a40;font-size:22px;padding:5px 0}@media (max-width:976px){.search-bar .box .header h3{font-size:20px}}@media (max-width:576px){.search-bar .box .header h3{font-size:16px;text-align:center}}.search-bar .box .body .search-input-outer{height:50px;-o-box-shadow:0 2px 6px 0 rgba(52,58,64,.1);box-shadow:0 2px 6px 0 rgba(52,58,64,.1)}.search-bar .box .body .search-input-outer kbd{font-size:10px;right:10px}.search-bar .box .footer{display:none;position:absolute;left:0;background:#fff;margin-top:4px;z-index:99;width:100%;border-radius:5px}.search-bar .box .footer.active{display:block}.search-bar .box .footer .list-item{grid-template-columns:max-content 1fr max-content!important}.search-bar .effect{position:relative;z-index:1}.search-bar .effect:before{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:300px;height:300px;background-image:linear-gradient(180deg,rgba(0,122,253,.07),rgba(0,122,253,.05),rgba(0,122,253,.03));z-index:-1;border-radius:50px;transition:top,background .25s ease;animation:effectBX2 16s ease infinite alternate}.search-bar .effect .effect-box{position:absolute;top:20%;left:5%;background-color:hsla(0,0%,100%,.6);border-radius:10px;width:180px;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);transition:top,background .25s ease;animation:effectBX 16s ease infinite alternate}@media (max-width:576px){.search-bar .effect .effect-box{scale:.7;top:30%;left:auto;right:0}}.search-bar .effect .effect-box:nth-child(2){top:50%;left:-5%}@media (max-width:576px){.search-bar .effect .effect-box:nth-child(2){top:40%}}.search-bar .effect .effect-box:nth-child(3){top:50%;left:auto;right:5%}@media (max-width:576px){.search-bar .effect .effect-box:nth-child(3){top:60%}}.search-bar .effect .effect-box:nth-child(4){top:90%;left:auto;right:15%}@media (max-width:576px){.search-bar .effect .effect-box:nth-child(4){right:25%}}.search-bar .effect .effect-box .effect-box-inner{display:-moz-grid;display:grid;grid-template-columns:max-content 1fr;grid-gap:10px;gap:10px;padding:10px;-o-box-shadow:0 2px 6px 0 rgba(52,58,64,.1);box-shadow:0 2px 6px 0 rgba(52,58,64,.1)}.search-bar .effect .effect-box .effect-box-inner .icon{width:30px;height:30px;color:rgba(52,58,64,.4)}.search-bar .effect .effect-box .effect-box-inner h3{font-size:16px;color:rgba(52,58,64,.4)}.search-bar .effect .img{margin:auto;width:280px}.search-bar .effect .img img{position:unset!important}@keyframes effectBX{0%{transform:translateY(0)}30%{transform:translateY(-10px)}50%{transform:translateY(4px)}70%{transform:translateY(-15px)}to{transform:translateY(0)}}@keyframes effectBX2{0%{transform:translate(-50%,-50%)}30%{transform:translate(-55%,-50%)}50%{transform:translate(-50%,-50%)}70%{transform:translate(-55%,-50%)}to{transform:translate(-50%,-50%)}}