.ry-location-section {
      /*padding: 200px 0;*/
      z-index: 10000;
}

.locations {
      margin-top: 50px;
      max-width: 1423px;
      margin: 0 auto;
      text-align: center;
      width: 100%;
}

.ry-location-section  .region-title {
      font-size: 18px;
      text-align: center;
      color: #fff;
      margin-bottom: 50px;
      display: block;
}

.regions-container {
      margin: 0 auto;
      width: 100%;
      display: grid;
      gap: 30px;
      grid-row-gap: 30px;
      grid-template-columns: repeat(4, calc((100% - 30px * 3) / 4));
}

.ry-location-section .region {
      /* text-align: center; */
      /* padding: 5px  10px; */
      /* border-radius: 5px; */
      /* transition: all 0.5s; */
      /* flex: 1 1 calc(33.333% - 20px); */
}

.ry-location-section .region:hover {
      /* background: #ed2a39; */
      cursor: pointer;
}
.ry-location-section .region:hover a{
     color: #fff;
     text-decoration: underline;
}

.region-image,
.country-image {
      max-width: 100px;
      height: auto;
      border-radius: 5px;
      /* margin-bottom: 10px; */
}

.region-link,
.country-link {
      text-decoration: none;
      color: #fff;
      font-size: 16px;
}

 

/* countries */
.ry-location-countries{
      padding: 200px 0;

}
.ry-location-countries hr{
      margin:10px 0;
}
.ry-location-countries .choose-your-country {
      text-align: center;
      max-width: 1440px;
      margin:0 auto;
  }

.ry-location-countries .choose-your-country h1{
      font-size:25px;
      /* color:#ed2a39; */
}
  
.ry-location-countries .region-title,
.ry-location-countries .countries-container {
  }
.ry-location-countries .region-title{
      display:flex;
      justify-content:center;
      align-items: center;
      margin: 30px 0;
}
.ry-location-countries .region-title img{
      width: 32px;
      margin-right:10px;
}
  
.ry-location-countries  .countries-container {
      display: flex;
      flex-wrap: wrap;
      justify-content: flex-start;
      /* gap: 20px; */
      max-width: 800px;
      margin: 0 auto;
  }
  
.ry-location-countries .country {
      display: inline-block;
      text-align: center;
      width: 25%;
  }
  
  .ry-location-countries .country-link {
      text-decoration: none;
      color: #333;
      display: flex;
      align-items: center;
      justify-content: center;
  }
  
  .ry-location-countries .country-flag {
      width: 25px;
      height: 20px;
      /* display: block; */
      /* margin: 0 auto 10px; */
      margin-right: 5px;
  }
  
  .ry-location-section {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5);
    justify-content: center;
    align-items: center;
}

.ry-location-section .modal-content {
    background: #1a1a1a;
    padding: 20px;
    width: 100%;
    max-height: 90%;
    overflow-y: auto;
    display: flex;
    flex-direction: column;
    align-items: center;
}

body {
    overflow: auto; /* 默认允许滚动 */
}
.close-button{
    width: 40px;
    height: 40px;
    display: block;
    background-color: #1a1a1a;
    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBzdGFuZGFsb25lPSJubyI/PjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+PHN2ZyB0PSIxNzM2MzE4NDY5Njg3IiBjbGFzcz0iaWNvbiIgdmlld0JveD0iMCAwIDEwMjQgMTAyNCIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHAtaWQ9IjE0NzkiIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB3aWR0aD0iMjAwIiBoZWlnaHQ9IjIwMCI+PHBhdGggZD0iTTU5MS4yMzU4NCA1MTIuMDg5Nmw0MTYuOTYtNDE3LjA0OTZjMjEuMDc1Mi0yMS4wODE2IDIxLjA3NTItNTUuNjg2NCAwLTc2Ljc2OGwtMi4yODQ4LTIuMjg0OGMtMjEuMDc1Mi0yMS4wODE2LTU1LjY4LTIxLjA4MTYtNzYuNzQ4OCAwTDUxMi4xOTU4NCA0MzMuNTYxNiA5NS4yMzU4NCAxNS44MDhjLTIxLjA3NTItMjEuMDc1Mi01NS42OC0yMS4wNzUyLTc2Ljc1NTIgMGwtMi4yNzg0IDIuMjg0OGE1My41NjggNTMuNTY4IDAgMCAwIDAgNzYuNzY4bDQxNi45NiA0MTcuMjI4OC00MTYuOTYgNDE3LjA0MzJjLTIxLjA4MTYgMjEuMDgxNi0yMS4wODE2IDU1LjY5MjggMCA3Ni43NzQ0bDIuMjc4NCAyLjI4NDhjMjEuMDgxNiAyMS4wNzUyIDU1LjY4IDIxLjA3NTIgNzYuNzU1MiAwbDQxNi45Ni00MTcuMDQ5NiA0MTYuOTYgNDE3LjA0OTZjMjEuMDc1MiAyMS4wNzUyIDU1LjY4IDIxLjA3NTIgNzYuNzQ4OCAwbDIuMjg0OC0yLjI4NDhjMjEuMDc1Mi0yMS4wODE2IDIxLjA3NTItNTUuNjkyOCAwLTc2Ljc3NDRMNTkxLjIzNTg0IDUxMi4wODk2eiIgZmlsbD0iI2ZmZmZmZiIgcC1pZD0iMTQ4MCIgZGF0YS1zcG0tYW5jaG9yLWlkPSJhMzEzeC5zZWFyY2hfaW5kZXguMC5pMS4xMGU2M2E4MXA1SXFuOSIgY2xhc3M9InNlbGVjdGVkIj48L3BhdGg+PC9zdmc+);
    background-repeat: no-repeat;
    background-size: 50%;
    background-position: center;
    cursor: pointer;
    aspect-ratio: 1 / 1;
    min-width: min-content;
    padding: 0;
    position: absolute;
    right: 0;
    border: none;
}
.locations-img{
    width: 150px;
    height: 150px;
    aspect-ratio: 1 / 1;
    /* margin-bottom: 30px; */
    /* background: #fff; */
    object-fit: contain;
}
.ry-location-div{
    display: flex;
    width: 75%;
    position: relative;
    transition: all .6s;
}
.region-img{
    width: 25px;
    height: 20px;
    margin-right: 8px;
}
.region-link{
    display: flex;
    align-items: center;
    justify-content: center;
}
@media only screen and (max-width : 860px) {

    .ry-location-div{
        width: 96% !important;
    }
.region-link span{
    font-size: 14px;
}
.close-button{
    position: absolute;
    right: 0;
    top: 0;
}
.regions-container{
    grid-template-columns: repeat(2, calc((100% - 10px* 1) / 2));
}
}
.country-link:hover{
    text-decoration: underline;
}
.ry-location-section{
    transition: all .6s;
}