.flags-section {
  padding: 60px 24px;
  text-align: center;
  background: #fff;
}

.flags-grid {
  display: flex;
  justify-content: center;
  margin-top: 30px;
}

.flags-slider__container{
    position: relative;
}

.flags-slider{
    max-width: 950px;
}

.flags-slider .swiper-wrapper{
    height: auto !important;
}

@media screen and (max-width:768px) {
    .flag-item img{
        width: 50px;
        height: 50px;
    }

    .flags-slider{
        margin: 20px auto;
    }
}

@media screen and (min-width:769px) {
    .flag-item img{
        width: 86px;
        height: 86px;
    }

    .flags-slider{
        margin: 60px auto;
    }
}

.flag-img {
  object-fit: cover;
  border-radius: 50%;
  margin-bottom: 10px;
}

.flag-label {
  font-size: 14px;
  color: #333;
  font-weight: 500;
}

@media screen and (min-width:1100px) {
    .swiper-navigation[data-target="pdm_flags"]{
        position: absolute;
        top: 50%;
        left: 50%;
        z-index: 1;
        transform: translate(-50% , -50%);
        max-width: 1100px;
        width: 100%;
        display: flex;
        flex-direction: row;
        justify-content: space-between;
        align-items: center;
        padding: 3rem 0;
        margin: 0 auto;
    }

    .swiper-navigation[data-target="pdm_flags"] .swiper-pagination{
        bottom: -20px;
    }
}

@media screen and (max-width:1099px) {
    .swiper-navigation[data-target="pdm_flags"]{
        position: relative;
        width: 100%;
        display: flex;
        flex-direction: row;
        justify-content: center;
        align-items: center;
        padding: 3rem 0;
        margin: 0 auto;
    }

    .swiper-navigation[data-target="pdm_flags"] .swiper-pagination{
        top: 32px !important;
        height: 12px;
        margin-bottom: 32px;
    }
}

.swiper-navigation[data-target="pdm_flags"] [aria-disabled="true"]{
    cursor: not-allowed;
    opacity: .5;
}

.swiper-navigation[data-target="pdm_flags"] .swiper-pagination-bullet{
    width: 10px;
    height: 10px;
    background: #82B1EF;
    opacity: 1 !important;
}

.swiper-navigation[data-target="pdm_flags"] .swiper-pagination-bullet-active{
    border: 2px solid #82B1EF;
    background: transparent;
}