header{position:relative}header .navbar{display:flex;justify-content:space-between;align-items:center;padding:15px;position:fixed;width:100%;height:60px;background-color:#fff;z-index:100}header .navbar .hamburger-logo{display:flex;align-items:center;gap:1.5em}header .navbar .hamburger-logo .hamburger{cursor:pointer;font-size:18px}header .navbar .hamburger-logo .logo{font-weight:700;font-size:15px}header .navbar .nav-links{display:flex;align-items:center;gap:2em;font-size:13px;font-weight:600}header .navbar .nav-links .links{display:flex;align-items:center;gap:2em}header .navbar .nav-links .links a{color:#131313;padding:3px 5px;border-radius:3px}header .navbar .nav-links .links a:hover{background-color:#d9d9d9c8;transition:background-color .3s}header .navbar .nav-links .toggle-theme{cursor:pointer}header .navbar .nav-links .toggle-theme .fa-moon{font-size:16px}header .navbar .nav-links .countries{position:relative}header .navbar .nav-links .countries .cont-container{display:flex;align-items:center;gap:10px;cursor:pointer}header .navbar .nav-links .countries .cont-container img{width:25px}header .navbar .nav-links .countries .cont-container p{font-size:15px;font-weight:600}header .navbar .nav-links .countries .countries-drp{position:absolute;top:0;right:0;margin-top:22px;background-color:#fff;width:250px;height:60vh;z-index:100;display:block;box-shadow:0 1px 2px #000000bf}header .navbar .nav-links .countries .countries-drp .wrapper{width:100%;height:100%;overflow-y:scroll;display:flex;flex-wrap:wrap;justify-content:space-around;gap:10px;padding:10px}header .navbar .nav-links .countries .countries-drp .wrapper .countries-card{width:40%;height:80px;display:flex;align-items:center;justify-content:space-around;cursor:pointer}header .navbar .nav-links .countries .countries-drp .wrapper .countries-card:hover{background-color:var(--ash-bgc-dark)}header .navbar .nav-links .countries .countries-drp .wrapper .countries-card img{width:30px}header .navbar .nav-links .countries .countries-drp .wrapper .countries-card span{font-weight:600;font-size:15px}header .sidebar{position:fixed;top:0;left:0;width:100%;height:100vh;display:block;z-index:50;background-color:#2d2d2d79}header .sidebar .side-bar-wrapper{width:300px;height:100%;background-color:#fff;overflow:auto}header .sidebar .side-bar-wrapper img{margin-top:4em;margin-left:1em;width:100px}header .sidebar .side-bar-wrapper .links{display:flex;flex-direction:column;justify-content:flex-start;margin-top:1em}header .sidebar .side-bar-wrapper .links a{height:50px;display:flex;justify-content:flex-start;align-items:center;gap:1em;padding:0 2em}header .sidebar .side-bar-wrapper .links a:hover{background-color:var(--ash-bgc-dark)}header .sidebar .side-bar-wrapper .links a span{font-size:14px;font-weight:600}header .sidebar .side-bar-wrapper .links a .icon{font-size:18px}@media screen and (max-width: 768px){header .navbar .hamburger-logo{display:flex;gap:1em}header .navbar .nav-links .links{display:none}header .navbar .nav-links .toggle-theme .fa-moon{font-size:17px}header .navbar .nav-links .countries{gap:8px}header .navbar .nav-links .countries p{font-size:17px}}@media screen and (min-width: 769px) and (max-width: 1024px){header .navbar .hamburger-logo{display:flex;gap:1em}header .navbar .nav-links .links{display:none}header .navbar .nav-links .toggle-theme .fa-moon{font-size:17px}header .navbar .nav-links .countries{gap:8px}header .navbar .nav-links .countries p{font-size:17px}}