*{margin:0;font-family:Be Vietnam Pro,serif;font-weight:100;font-style:normal;color:#d2d5da}html{scroll-behavior:smooth}input,button,textarea{border:none;outline:none;box-shadow:none}span{font-size:12px;font-weight:400;display:block}.font1{font-size:32px;font-weight:600}.font2{font-size:16px;font-weight:500}.font3{font-size:14px;font-weight:500}.font4{font-size:12px;font-weight:700}body{background-color:#1b1d1f}header{width:100%;height:205px;position:relative}.imgContainer{width:100%;height:300px;background-image:url(/World-Rank-DevChallengues/hero-image.jpg);background-repeat:no-repeat;background-position:top;background-size:cover}.logo{position:absolute;top:50%;left:50%;transform:translate(-50%,80%)}@media (max-width: 1023px){.imgContainer{background-image:url(/World-Rank-DevChallengues/hero-image-sm.jpg)}}.allCountriesContainer{width:88%;position:relative;top:-10px;left:4%;height:1000px;border:.5px solid #282B30;background-color:#1b1d1f;border-radius:15px;padding:0 2%;display:grid;grid-template-columns:22% 78%;grid-template-rows:15% 85%;margin-bottom:100px}.headerAllCountries{height:100px;display:flex;justify-content:space-between;align-items:center;grid-column:span 2}.leftContainer span{padding-bottom:10px;padding-top:30px}.leftContainer span:first-child{padding-bottom:10px;padding-top:0}.headerAllCountries input{width:300px;height:40px;background-color:#282b30;border-radius:10px;background-image:url("data:image/svg+xml,%3csvg%20width='24'%20height='24'%20viewBox='0%200%2024%2024'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3ccircle%20cx='11'%20cy='11'%20r='7'%20stroke='%236C727F'%20stroke-width='2'/%3e%3cpath%20d='M20%2020L17%2017'%20stroke='%236C727F'%20stroke-width='2'%20stroke-linecap='round'/%3e%3c/svg%3e");background-repeat:no-repeat;background-position:left;padding-left:30px}#optionsSelect{width:100%;background-color:#1b1d1f;border-radius:10px;border:2px solid #282B30;font-size:14px;font-weight:400;padding:6px 10px;outline:none}.regionItem{display:inline;padding:7px;width:auto;text-align:center}.regionItem:hover{border:.5px solid #282B30;border-radius:10px;cursor:pointer;padding:6px}.regionItemsContainer{display:grid;width:200px;grid-template-columns:auto auto auto;grid-template-rows:auto auto auto;row-gap:4px;column-gap:5px}.regionItemsContainer *{font-size:14px}.regionItemsContainer>div:nth-child(2){grid-column:span 2}.statusItem{display:flex;margin-bottom:10px}.statusItem *{font-size:14px;color:#d2d5da;font-weight:300}.statusItem input{width:20px;background-color:#1b1d1f}.statusItem div{margin-left:6px}.rightContainer{margin-left:30px}.titlesContainer{display:flex}.titlesContainer>span:first-child{width:13%;margin-left:10px}.titlesContainer>span:nth-child(2){width:22%}.titlesContainer>span:nth-child(3){width:24%}.titlesContainer>span:nth-child(4){width:20.5%}.line{width:100%;height:2px;background-color:#282b30;margin-top:20px}.contriesContainer{width:102.5%;height:95%;overflow-y:auto;border:1px solid #ccc;border:none}.contriesContainer::-webkit-scrollbar{width:10px}.contriesContainer::-webkit-scrollbar-track{background:#404040;border-radius:5px}.contriesContainer::-webkit-scrollbar-thumb{background:#888;border-radius:5px}.contriesContainer::-webkit-scrollbar-thumb:hover{background:#555}.infoCountry{text-align:center;margin-top:20px;padding-bottom:30px;display:flex;align-items:center;cursor:pointer}.infoCountry *{font-size:14px;font-weight:600;left:0}.infoCountry span{text-align:left}.infoCountry>div:first-child{width:50px;height:40px;border-radius:2px;margin-right:7%;background-size:cover;background-position:center;background-repeat:no-repeat;margin-left:10px}.infoCountry>span:nth-child(2){width:24.5%}.infoCountry>span:nth-child(3){width:22%}.infoCountry>span:nth-child(4){width:20%}@media (max-width: 1023px){.titlesContainer>span:first-child{width:20%;margin-left:10px}.titlesContainer>span:nth-child(2){width:35%}.titlesContainer>span:nth-child(3){width:24%}.infoCountry>div:first-child{margin-right:12%}.infoCountry>span:nth-child(2){width:30%;margin-right:7%}.infoCountry>span:nth-child(3){width:22%}.infoCountry>span:nth-child(4){width:20%}}@media (max-width: 639px){.sortBy{margin-top:15px}.headerAllCountries{justify-content:left}.headerAllCountries span{margin-top:30px}.headerAllCountries input{width:95%}.allCountriesContainer{display:flex;flex-direction:column}.regionItemsContainer{display:flex}.headerAllCountries{flex-direction:column;align-items:flex-start}.headerAllCountries *{margin-top:10px}.contriesContainer{height:600px}}.countryContainer{width:900px;height:900px;background-color:red;position:absolute;top:50%;left:50%;transform:translate(-50%);border-radius:15px;background-color:#1b1d1f;border:.5px solid #282B30}.imgCountry{width:350px;height:250px;background-position:center;background-repeat:no-repeat;position:relative;border-radius:10px;background-size:cover;top:50%;left:50%;transform:translate(-50%,-200%)}.countryContainer h1{text-align:center;font-weight:600}.countryContainer span{text-align:center;font-size:14px}.containerInfoItem{display:flex;justify-content:center;gap:50px;margin-top:20px}.infoItem{display:flex;background-color:#282b30;padding:15px 20px;justify-content:center;border-radius:10px;margin-bottom:40px}.lineH{width:1px;height:20px;background-color:#1b1d1f;margin:0 10px}.otherInfoFlex{display:flex;justify-content:space-between;margin:25px 20px}.lineot{width:100%;height:1px;background-color:#282b30}.nc{padding-top:20px}@media (max-width: 1023px){.countryContainer{width:80%}}@media (max-width: 639px){.countryContainer{width:100%}}