.region-selection{align-items:center;background:rgba(0,0,0,.75);display:flex;height:100%;justify-content:center;left:0;padding:50px 0;position:fixed;right:0;top:0;width:100%;z-index:9999}.region-selection .inner{margin:0 auto;max-height:900px;overflow-x:clip;overflow-y:auto;padding:0 15px;width:870px}.region-selection .title-bx{display:flex}.region-selection .title-bx .icon{height:28px;margin-top:5px;width:28px}.region-selection .title-bx .icon img{display:block;fill:#ffd400}.region-selection .title-bx h2{color:#fff;font-size:25px;line-height:1.6;padding-left:12px;width:calc(100% - 28px)}.region-selection .main-row{display:flex;flex-wrap:wrap;justify-content:center;margin:22px -18px 0;row-gap:30px}.region-selection .card{align-items:center;backdrop-filter:blur(5px);background:hsla(0,0%,100%,.4);border:1px solid #fff;border-radius:10px;cursor:pointer;display:flex;flex-wrap:wrap;height:100%;margin:0 18px;min-height:193px;padding:15px;position:relative;transition:all .4s;width:calc(33.33% - 36px);z-index:1}.region-selection .card.selected{background:hsla(0,0%,100%,.2);box-shadow:inset 0 0 0 2px #fff}.region-selection .card .icon-content{align-items:center;display:flex}.region-selection .card .icon-content .checkicon{border:1px solid #fff;height:15px;position:relative;width:15px}.region-selection .card .icon-content .checkicon:after{border-bottom:2px solid #ffd400;border-left:2px solid #ffd400;content:"";height:5px;left:2px;opacity:0;position:absolute;top:3px;transform:rotate(-45deg);transition:opacity .3s ease;width:10px}.region-selection .card.selected .icon-content .checkicon:after{opacity:1}.region-selection .card .icon-content h3{color:#fff;font-size:22px;font-weight:700;line-height:40px;padding-left:10px;text-transform:uppercase;width:calc(100% - 15px)}.region-selection .card .map-img{align-items:center;display:flex;justify-content:center;max-height:160px;pointer-events:none;position:absolute;right:22px;z-index:-1}.region-selection .card .map-img img{filter:drop-shadow(0 0 30px #FFD400)}@media(max-width:991px){.region-selection .inner{max-height:800px;width:100%}.region-selection .main-row{margin:22px -15px 0}.region-selection .card{margin:0 15px;width:calc(50% - 30px)}}@media(max-width:767px){.region-selection .title-bx .icon{margin-top:2px}.region-selection .title-bx h2{font-size:20px;line-height:1.4}.region-selection .main-row{margin:22px 0 0}.region-selection .card{margin:0;width:100%}}