body.dark-mode{background-color:#202c36}.dark-mode ::selection{background-color:#fff;color:#111517}.dark-mode .header,.dark-mode input,.dark-mode .search-wrapper input,.dark-mode .dropdown-toggle,.dark-mode .dropdown-menu,.dark-mode .countryItem,.dark-mode .borderBtn,.dark-mode .backBtn{background-color:#2b3844}.dark-mode .card-details-info h1,.dark-mode .header h1,.dark-mode input::placeholder,.dark-mode .dropdown-toggle,.dark-mode .dropdown-menu,.dark-mode .card-info h2,.dark-mode .card-info p,.dark-mode .borderBtn,.dark-mode .backBtn,.dark-mode .card-detail-first,.dark-mode .card-detail-second,.dark-mode .border-countries-content h4,.dark-mode .dark-mode-btn,.dark-mode .no-border-cntry p{color:#fff}.dark-mode .dropdown-menu li:hover{background-color:#49525a}.dark-mode input{color:#fff}*,*:before,*:after{box-sizing:border-box}*{margin:0;transition:background-color .3s ease,color .1s ease}body{line-height:1.5;-webkit-font-smoothing:antialiased;font-family:Nunito Sans}img,picture,video,canvas,svg{display:block;max-width:100%}input,button,textarea,select{font:inherit}p,h1,h2,h3,h4,h5,h6{overflow-wrap:break-word}p{text-wrap:pretty}h1,h2,h3,h4,h5,h6{text-wrap:balance}#root,#__next{isolation:isolate}::selection{background-color:#2b3844;color:#fff}.header{padding:30px 16px;display:flex;justify-content:space-between;color:#111517;box-shadow:0 4px 4px #00000040}.dark-mode-btn{display:flex;gap:8px;align-items:center;justify-content:center;font-size:12px;font-weight:600;line-height:16.37px;border:none;background-color:transparent;cursor:pointer}.header h1{font-size:14px;font-weight:800;line-height:20px;color:#111517}.input-area{max-width:343px;margin-inline:auto}.search-wrapper{position:relative;background-color:#fff;border-radius:5px;box-shadow:0 2px 9px #0000000e;margin-bottom:40px;margin-top:24px;width:100%;max-width:400px}.search-wrapper input{width:100%;padding-block:14px;padding-left:68px;border:none;outline:none;font-size:12px;line-height:20px;border-radius:5px;background-color:transparent;box-sizing:border-box}.search-wrapper .search-icon{position:absolute;top:50%;left:32px;transform:translateY(-50%);width:20px;height:20px;pointer-events:none}.dropdown{position:relative;width:200px;font-family:inherit}.dropdown-toggle{width:200px;padding:18px 24px;background-color:#fff;border:none;border-radius:5px;box-shadow:0 2px 9px #0000000e;cursor:pointer;display:flex;justify-content:space-between;align-items:center;font-weight:400;font-size:14px;line-height:20px;letter-spacing:0px;color:#111517}.dropdown-toggle .arrow{font-size:12px}.dropdown-menu{position:absolute;top:110%;left:0;width:200px;background-color:#fff;box-shadow:0 2px 9px #0000000e;border-radius:5px;z-index:10;padding:16px 24px;display:flex;flex-direction:column;gap:8px}.dropdown-menu li{cursor:pointer;transition:background-color .2s ease;list-style:none;font-weight:400;font-size:14px;line-height:20px;letter-spacing:0px}.countries{max-width:264px;margin-inline:auto;margin-top:32px}.country-list{display:grid;grid-template-columns:1fr;gap:40px}.countryItem{border-radius:5px;box-shadow:0 0 7px 2px #00000008;transition:transform .3s ease,box-shadow .3s ease;opacity:0;transform:translateY(20px);animation:fadeInUp .5s ease-out forwards}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.countryItem img{width:264px;height:160px;border-top-left-radius:5px;border-top-right-radius:5px}.card-info{padding:24px 24px 46px;color:#111517}.card-info h2{font-size:18px;font-weight:800;line-height:26px;margin-bottom:16px}.card-info p{font-size:14px;font-weight:300;line-height:16px;margin-bottom:8px}.card-info span{font-weight:600}.country-details{max-width:320px;margin-inline:auto;opacity:0;transform:scale(.95);animation:fadeInZoom .4s ease-out forwards}@keyframes fadeInZoom{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.backBtn{display:flex;justify-content:center;align-items:center;gap:10px;background-color:#fff;border-radius:6px;box-shadow:0 0 7px #0000004b;padding-block:6px;margin-top:46px;margin-bottom:70px;border-style:none;width:136px}.backBtn:active{animation:shake .3s ease-in-out}@keyframes shake{0%{transform:translate(0)}25%{transform:translate(-3px)}50%{transform:translate(3px)}75%{transform:translate(-3px)}to{transform:translate(0)}}.card-details-info h1{display:inline-block;font-size:22px;font-weight:800;line-height:30.01px;margin-bottom:16px;color:#111517}h1 span.letter-fade{display:inline-block;opacity:0;transform:translateY(10px);animation:fadeInUp .3s ease forwards}@keyframes fadeInUp{to{opacity:1;transform:translateY(0)}}.card-detail-first{margin-top:44px;margin-bottom:32px;color:#111517}.card-detail-first p,.card-detail-second{font-size:14px;font-weight:400;line-height:32px}.card-detail-first p strong,.card-detail-second strong{font-weight:600}.card-details img{width:320px;height:229px}.card-detail-second{margin-bottom:34px;color:#111517}.border-countries-content{display:flex;flex-direction:column;gap:16px;margin-bottom:60px}.border-countries-content h4{font-size:16px;font-weight:600;line-height:24px;color:#111517}.border-countries{display:flex;gap:10px}.borderBtn{border:1px solid #979797;box-shadow:0 0 4px 1px #0000001b;background-color:#fff;border-style:none;font-size:12px;font-weight:300;line-height:16.37px;padding-block:6px;width:96px;color:#111517;cursor:pointer}.no-border-cntry p{font-weight:400;font-size:14px;line-height:32px;letter-spacing:0px;color:#111517}@media (width >= 768px){.countryItem:hover{transform:scale(1.05);box-shadow:0 4px 15px 2px #0003}.dropdown-menu li:hover{font-weight:700}.input-area{max-width:688px;display:flex;justify-content:space-between;align-items:baseline}.countries{max-width:688px;margin-top:40px}.country-list{display:grid;grid-template-columns:repeat(2,1fr);gap:40px}.countryItem img{width:100%}.input-area{margin-top:40px}.input{width:300px;margin-top:0}.country-details{max-width:688px}}@media (width >= 1280px){.header{padding:23px 80px}.header h1{font-size:24px;font-weight:800;line-height:32.74px}.header button{font-size:16px;font-weight:600;line-height:21.82px}.input-area{max-width:1280px;display:flex;justify-content:space-between;margin-top:48px}.input{width:480px;margin-top:0}.countries{max-width:1280px;margin-top:48px}.country-list{display:grid;grid-template-columns:repeat(4,1fr);gap:75px}.country-details{max-width:1280px;margin-inline:auto}.card-details{display:grid;grid-template-columns:1fr 1fr;gap:120px;justify-content:center;align-items:flex-start;margin-bottom:343px}.card-details img{width:560px;height:401px}.card-details-info{display:grid;grid-template-columns:repeat(2,1fr);align-items:start;gap:32px 64px}.card-details-info h1{grid-column:1 / -1;margin-bottom:24px}.card-detail-first{margin-block:0;grid-column:1}.card-detail-second{margin-bottom:34px;color:#111517;grid-column:2}.border-countries-content{flex-direction:row;align-items:center;grid-column:1 / -1}.border-countries{display:flex;gap:10px;align-self:flex-end;flex-wrap:wrap;align-items:center}.borderBtn{font-size:14px;line-height:19.1px}}