.delivery-icon-container{display:flex;.delivery-icon-block{display:flex;flex-direction:column;cursor:pointer;width:20%;margin:auto;.delivery-icon{margin:auto;background-color:#f6f6f6;border:4px solid #ccc;border-radius:16px;&.active{border-color:var(--color)}}.delivery-title{margin:8px auto;font-size:14px;text-align:center}}}.delivery-map{width:100%;margin-top:16px;height:500px}@media screen and (max-width:960px){.delivery-icon-container .delivery-icon-block,.delivery-icon-container .delivery-icon-block .delivery-icon{margin:0 auto}}@media screen and (max-width:730px){.delivery-icon-container{flex-wrap:wrap;.delivery-icon-block{width:50%;margin-bottom:10px}}}.region-block{display:flex;justify-content:space-between;.region-list-block{width:28%;display:flex;justify-content:space-between;align-content:flex-start;flex-wrap:wrap;.region-list{width:49%;margin-bottom:8px;font-size:14px;padding:10px;&.active{background-color:var(--color)}}}.region-about-block{width:40%;.region-about{.region-city{font-size:30px;font-weight:700;border-bottom:4px solid #f8c901;text-decoration:none;line-height:1}}}.region-map-block{width:28%}}@media screen and (max-width:1200px){.region-block{flex-wrap:wrap;.region-list-block{width:34%}.region-about-block{width:62%}.region-map-block{width:100%;margin-top:20px}}}@media screen and (max-width:960px){.region-block{.region-list-block{width:39%}.region-about-block{width:59%}}}@media screen and (max-width:730px){.region-block{.region-about-block,.region-list-block{width:100%}.region-list-block{margin-bottom:20px}}}