@charset "windows-1252";



.idf-regions__container { position: relative; z-index: 2; max-width: 94%; margin: 0px auto; padding: 0px 16px; }



.idf-regions__wrap { position: relative; display: flex; align-items: center; gap: 12px; }



.idf-regions__track { flex: 1 1 auto; display: flex; flex-wrap: nowrap; gap: 16px; overflow: auto hidden; scroll-behavior: smooth; scroll-snap-type: x mandatory; padding: 10px 4px; margin: 0px; scrollbar-width: none; }



.idf-regions__track::-webkit-scrollbar { display: none; }



.idf-region { flex: 0 0 auto; scroll-snap-align: start; text-decoration: none !important; }



.idf-region__circle { width: 300px; height: 300px; border-radius: 999px; background: rgb(255, 255, 255); display: flex; align-items: center; justify-content: center; box-shadow: rgba(0, 0, 0, 0.14) 0px 10px 28px; transition: transform 0.15s, box-shadow 0.15s; }



.idf-region:hover .idf-region__circle { transform: translateY(-2px); box-shadow: rgba(0, 0, 0, 0.18) 0px 14px 34px; }



.idf-region__circle img { max-width: 86%; max-height: 86%; display: block; }



.idf-regions__nav { width: 140px; height: 48px; border-radius: 999px; border: 0px; background: rgba(255, 255, 255, 0.92); box-shadow: rgba(0, 0, 0, 0.14) 0px 10px 28px; cursor: pointer; font-size: 26px; line-height: 44px; color: rgb(17, 24, 39); user-select: none; }



.idf-regions__nav:focus { outline: rgba(59, 130, 246, 0.45) solid 2px; outline-offset: 2px; }



@media (max-width: 576px) {

  .idf-regions { padding: 34px 0px; }

  .idf-regions__title { font-size: 22px; }

  .idf-region__circle { width: 104px; height: 104px; }

  .idf-regions__nav { width: 40px; height: 40px; font-size: 24px; line-height: 40px; }

}



.idf-regions__title { font-family: Poppins, system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif; font-weight: 200; color: rgb(255, 255, 255); text-align: center; margin: 0px 0px 2px; letter-spacing: 0.02em; font-size: 2.8em; text-shadow: rgba(0, 0, 0, 0.53) 2px 2px 2px; padding-bottom: 30px; }