.filter[data-v-531f8b28]{position:relative;z-index:10}@media screen and (max-width:475px){.filter[data-v-531f8b28]{margin:0 auto;width:90%}}@media screen and (min-width:476px)and (max-width:900px){.filter[data-v-531f8b28]{width:25%}}@media screen and (min-width:901px){.filter[data-v-531f8b28]{width:15%}}.filter__dropdown[data-v-531f8b28]{position:relative;background:#fff;display:flex;align-items:center;justify-content:space-between;border-radius:5px;box-shadow:0 3px 10px rgba(26,26,26,.15);cursor:pointer;transition:background-color .1s ease}.filter__dropdown[data-v-531f8b28]:active{background-color:#e9e9e9}@media screen and (max-width:475px){.filter__dropdown[data-v-531f8b28]{width:50%;padding:15px 10px}}@media screen and (min-width:476px)and (max-width:900px){.filter__dropdown[data-v-531f8b28]{width:100%;padding:15px 10px}}@media screen and (min-width:901px){.filter__dropdown[data-v-531f8b28]{padding:10px 15px}}.filter__dropdown p[data-v-531f8b28]{color:#111517}@media screen and (max-width:475px){.filter__dropdown p[data-v-531f8b28]{font-size:.85rem;font-weight:600}}@media screen and (min-width:476px)and (max-width:900px){.filter__dropdown p[data-v-531f8b28]{font-size:.85rem;font-weight:600}}@media screen and (min-width:901px){.filter__dropdown p[data-v-531f8b28]{font-size:.85rem;font-weight:600}}@media screen and (max-width:475px){.filter__dropdown i[data-v-531f8b28]{font-size:1.1rem}}@media screen and (min-width:901px){.filter__dropdown i[data-v-531f8b28]{font-size:1.1rem}}.filter__items[data-v-531f8b28]{position:absolute;border-radius:5px;padding:10px 0;display:none;box-shadow:0 3px 10px rgba(26,26,26,.15)}@media screen and (max-width:475px){.filter__items[data-v-531f8b28]{width:50%;background:#fff;margin-top:5px}}@media screen and (min-width:476px)and (max-width:900px){.filter__items[data-v-531f8b28]{width:100%;background:#fff;margin-top:5px}}@media screen and (min-width:901px){.filter__items[data-v-531f8b28]{width:100%;background:#fff;margin-top:5px}}.filter__items.show[data-v-531f8b28]{display:block;-webkit-animation:slideup-531f8b28 .2s ease;animation:slideup-531f8b28 .2s ease}.filter__items p[data-v-531f8b28]{padding:5px 10px;color:#111517;font-weight:600;font-size:.9rem;cursor:pointer}.filter__items p[data-v-531f8b28]:hover{background-color:#e9e9e9}@-webkit-keyframes slideup-531f8b28{0%{transform:translateY(25px);opacity:0}to{transform:translateY(0)}}@keyframes slideup-531f8b28{0%{transform:translateY(25px);opacity:0}to{transform:translateY(0)}}.country__card[data-v-de9b0bea]{width:100%;position:relative;border-radius:4px;background-color:#fff;box-shadow:0 0 10px rgba(26,26,26,.15)}.country__card .country__image[data-v-de9b0bea]{width:100%;height:150px;border-radius:4px 4px 0 0}.country__card .country__image img[data-v-de9b0bea]{width:100%;height:100%}.country__card .country__details[data-v-de9b0bea]{width:100%;position:relative;padding:10px 0 10px 15px}@media screen and (max-width:475px){.country__card .country__details .country__name[data-v-de9b0bea]{font-size:1rem}}@media screen and (min-width:901px){.country__card .country__details .country__name[data-v-de9b0bea]{font-size:1.1rem;margin-bottom:15px;margin-top:10px}}.country__card .country__details p[data-v-de9b0bea]{margin:5px 0;font-size:.85rem}main{position:relative;width:100%}main .filter-region{width:100%;display:flex}@media screen and (max-width:475px){main .filter-region{flex-direction:column;align-items:flex-start}}@media screen and (min-width:476px)and (max-width:900px){main .filter-region{width:90%;margin:40px auto;align-items:center;justify-content:space-between}}@media screen and (min-width:901px){main .filter-region{width:90%;margin:40px auto;align-items:center;justify-content:space-between}}main .filter-region .search-bar{position:relative}@media screen and (max-width:475px){main .filter-region .search-bar{width:90%;margin:30px auto}}@media screen and (min-width:476px)and (max-width:900px){main .filter-region .search-bar{width:50%}}@media screen and (min-width:901px){main .filter-region .search-bar{width:35%}}main .filter-region .search-bar input{width:100%;height:50px;background-color:#fff;border:none;padding-left:60px;box-shadow:0 3px 10px rgba(26,26,26,.15);color:#858585;font-weight:400;outline:none;border-radius:5px;transition:.15s ease}main .filter-region .search-bar input:focus{outline:1px solid #111517}main .filter-region .search-bar input:focus~span>i{color:#111517}main .filter-region .search-bar span{position:absolute;top:55%;left:25px;transform:translateY(-50%)}main .filter-region .search-bar span i{color:#858585}@media screen and (max-width:475px){main .filter-region .search-bar span i{font-size:1rem}}@media screen and (min-width:901px){main .filter-region .search-bar span i{font-size:1.2rem}}main .country{position:relative;display:grid;margin:0 auto 50px}@media screen and (max-width:475px){main .country{width:90%;grid-template-columns:repeat(1,minmax(0,1fr));gap:30px 0;margin:30px auto}}@media screen and (min-width:476px)and (max-width:900px){main .country{width:90%;grid-template-columns:repeat(2,minmax(0,1fr));gap:30px}}@media screen and (min-width:901px){main .country{width:90%;grid-template-columns:repeat(4,minmax(0,1fr));grid-template-rows:minmax(250px,310px);gap:70px}}main .loading{width:90%;margin:30px auto;display:flex;flex-direction:column;align-items:center;justify-content:center}main .loading h1{color:#111517;font-weight:600;font-size:1.3rem;text-align:center}main .loading .spinner{width:35px;height:35px;border:5px solid #111517;border-bottom-color:transparent;border-left-color:transparent;-webkit-animation:rotate .5s ease-in infinite;animation:rotate .5s ease-in infinite;border-radius:50px;margin-top:30px}footer{position:relative;width:100%;margin-bottom:50px}footer #scroll-trigger{height:10px;margin:0 auto}footer .circle-loader{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:50px;height:50px;border-radius:50%;border:5px solid #111517;border-top-color:#111517;border-right-color:#111517;border-bottom-color:transparent;border-left-color:transparent;-webkit-animation:spin 1s ease-in-out infinite;animation:spin 1s ease-in-out infinite}@-webkit-keyframes rotate{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes rotate{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}