*{box-sizing:border-box;margin:0;padding:0;font-family:Nunito,Nunito;text-transform:capitalize}header{box-shadow:0 2px 5px #00000080;background-color:var(--countrybackground);position:sticky;top:0;background-color:#fff;z-index:15}.header{display:flex;align-items:center;justify-content:space-between;max-width:1300px;margin-inline:auto;padding:20px}body{color:var(--main-color)}.homepage{min-width:100%;min-height:calc(100vh - 70px)}.hero-section{padding-top:4rem;min-height:calc(100vh - 69px);max-width:1300px;margin-inline:auto;padding-inline:20px}.search-container{margin-bottom:1.5rem;display:flex;align-items:flex-start;justify-content:space-between}.region:hover{background-color:#6d68688c}.inputbox{box-shadow:0 2px 5px #00000080;max-width:500px;align-items:center;padding:6px 10px;display:flex;border-radius:6px;background-color:#e9e7e7f2;background-color:var(--inputbg)}.inputbox input{padding:10px 5px;border:none;outline:none;flex-grow:1;font-size:18px;font-weight:700;color:inherit;background-color:inherit}.inputbox input::placeholder{color:inherit;font-weight:200}.filterbox{box-shadow:0 2px 5px #00000080;padding:16px 18px;border-radius:7px}.arrow:hover{transition:linear .2s;cursor:pointer;transform:rotate(180deg)}.filterboxlist{padding:5px 18px;line-height:1.8;margin-top:12px;display:none;transition:linear .4s}.openarrow{display:block;transition:linear .4s}#countryboxes{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:10px}.firstcountry{display:block;max-width:260px;border:2px solid rgba(0,0,0,.19);background-color:var(--countrybackground);padding-bottom:2rem;border-radius:8px;overflow:hidden;text-decoration-line:none;transition:all linear .2s;box-shadow:0 2px 5px #00000080}.firstcountry img{width:100%}.firstcountry:hover{transform:scale(1.02);box-shadow:0 6px 5px #00000080}.country-details{margin-left:1rem;color:#000;color:var(--main-color)}.contry-name{margin-block:.7rem}.firstcountry p{line-height:1.5}.mode{background-color:#202c37;--main-color: rgb(255, 255, 255);transition:.5s;--countrybackground:hsl(209, 23%, 22%);--inputbg: hsl(0, 0%, 52%);color:#fff}.darkmode{display:none}.lightmode{cursor:pointer}.fa-moon{color:#1c65ae;font-size:1.8rem}.fa-sun{color:#edd755;font-size:1.8rem}@media (max-width:580px){.header h1{font-size:17px}.search-container{flex-direction:column}.inputbox{padding:4px 15px;border-radius:10px;margin-bottom:1rem}.inputbox input{flex-grow:unset;font-size:14px}#countryboxes{display:grid;grid-template-columns:1fr;gap:10px;justify-content:space-between}}:root{--shimarcolor: " #4a4a4a84" }.shimarcard{min-height:170px;max-width:300px;background-color:var(--shimarcolor);border-radius:10px;margin-bottom:1.2rem}.shimarcarddetails h1{max-width:300px;background-color:var(--shimarcolor);height:25px;margin:10px;border-radius:8px}.shimarcarddetails p{max-width:300px;margin:8px;height:20px;background-color:var(--shimarcolor);border-radius:10px}.countryboxes{margin-bottom:1.2rem}@media (max-width:800px){#countryboxes{grid-template-columns:1fr}}.countryDetails{width:100%;min-height:calc(100vh - 69px)}.newcontainer{max-width:1300px;margin-inline:auto;padding:20px}.btn{padding:10px 20px;border-radius:4px;border:none;margin:8px;display:inline-block;cursor:pointer;transition:linear .2s;background-color:inherit;color:inherit;text-decoration:none;border:1px solid rgba(99,73,73,.229)}.back{margin-bottom:2rem}.btn:hover{background-color:green}.countryimg{max-width:300px}.countryimg img{width:100%;border-radius:5px;border:1px solid black}.country-details-flex{display:flex}.country-details b{line-height:2}.country-details-gap{margin-inline:5rem}.allcountry{display:flex;align-items:center}h2{margin-bottom:1rem}.butt{display:flex;flex-direction:column;align-items:center;justify-content:center}.bordercountry{max-width:400px;margin-top:1rem;margin-left:.9rem}@media (max-width:892px){.country-details-flex{display:flex;flex-direction:column}.allcountry{flex-wrap:wrap}.allcountry{margin-top:1.5rem}.country-details-gap{margin-left:.7rem}}@media (max-width:502px){.allcountry{align-items:start}.country-details-gap{margin-inline:1rem;margin-bottom:1rem}.country-details-flex{align-items:start}}.countryimgsimar{height:300px;width:300px;background-color:#33333381;border-radius:14px}.simar{width:100px;height:40px;background-color:#302d2d;border-radius:14px;margin:1.5rem}