*{margin:0;padding:0;font-family:Poppins;box-sizing:border-box}body.lightmodebody{background-color:#fff;color:#000}body.darkmodebody{background-color:#34434f;color:#fff}body.darkmode{--background-color: #202c36;--color: white}body.lightmode{--background-color: white;--color: black}.nav-head{display:flex;justify-content:space-between;align-items:center;padding:20px 50px;box-shadow:3px 3px 10px #0003;margin-bottom:20px;background-color:var(--background-color);color:var(--color)}.logo span{font-size:22px;font-weight:550}.mode{display:flex;align-items:center;gap:5px;cursor:pointer}.mode .light,.mode .dark{font-size:18px}.mode span{cursor:pointer}.mode span:hover{font-weight:500}.filter-box{margin:50px}.search{display:flex;justify-content:space-between;align-items:center}.input-field{box-shadow:3px 3px 10px #0003;padding:10px;background-color:var(--background-color);color:var(--color);border-radius:4px}.input-field .searchIcon{color:#727373;margin-right:10px;background-color:var(--background-color);color:var(--color)}.input-field .inputData{outline:none;border:none;background-color:transparent;background-color:var(--background-color);color:var(--color)}.drop .filterDrop{padding:8px 10px;background-color:var(--background-color);color:var(--color);border:none;box-shadow:3px 3px 10px #0003;cursor:pointer;font-size:15px;border-radius:5px;outline:none}.country-data{margin:50px;gap:60px;display:grid;grid-template-columns:1fr 1fr 1fr 1fr;grid-template-rows:auto auto}.country-box{border-radius:5px;box-shadow:1px 1px 2px 1px #0000001a;background-color:var(--background-color);color:var(--color)}.country-box .flagImg{width:100%;height:200px;border-radius:5px 5px 0 0}.country-box Link{height:400px}.des .country-title{text-decoration:none;color:#000;background-color:var(--background-color);color:var(--color)}.des h2{text-decoration:none;background-color:var(--background-color);color:var(--color)}.des p{background-color:var(--background-color);color:var(--color)}.des{padding:10px 20px;background-color:var(--background-color);color:var(--color);border-radius:5px}.backbtn{margin:50px;display:flex}.backbtn .btn{display:flex;justify-content:flex-start;align-items:center;gap:10px;border:1px solid rgb(174,173,173);border-radius:4px;padding:3px 15px}.backbtn .btn .arrow{margin-right:10px;color:var(--color)}.backbtn .back{text-decoration:none;color:var(--color)}.country-detail{margin:50px;display:flex;gap:100px}.country-detail .left{width:500px;height:300px;box-shadow:2px 2px 2px #0003}.country-detail .left img{width:100%;height:100%}.country-detail .right{display:flex;flex-direction:column;gap:20px}.country-detail .right h2{font-size:30px}.country-detail .right .middle{display:flex;gap:60px}.country-detail .right .middle .middle-left p{font-size:15px;font-weight:500}.country-detail .right .middle .middle-left span{color:var(--color);font-weight:400}.country-detail .right .bottom{display:flex;gap:15px;justify-content:flex-start;align-items:center}.country-detail .right .bottom span{font-weight:500}.country-detail .right .bottom .bordercountry{display:flex}.country-detail .right .bottom .bordercountry .c1{padding:2px 12px;border-radius:3px;border:1px solid rgb(183,181,181);margin:10px;font-size:14px;text-decoration:none;transition:all .3s;background-color:var(--background-color);color:var(--color)}.country-detail .right .bottom .bordercountry .c1:hover{background-color:#3f4244}