.shri-tabs-map {
  color: #fff
}

.shri-tabs-map--nav {
  list-style: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-bottom: 48px
}

@media screen and (max-width:767px) {
  .shri-tabs-map--nav {
    margin-bottom: 32px
  }
}

.shri-tabs-map--nav li {
  position: relative;
  width: 50%;
  padding: 0 16px 20px;
  text-align: center
}

.shri-tabs-map--nav li::after {
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 2px;
  background-color: var(--e-global-color-white);
  opacity: .2
}

.shri-tabs-map--nav li.active::after {
  opacity: 1
}

.shri-tabs-map--nav li h6 {
  display: inline-block;
  margin-bottom: 0;
  color: var(--e-global-color-white);
  cursor: pointer
}

.shri-tabs-map--content {
  position: relative;
  min-height: 456px
}

.shri-tabs-map--map {
  width: 100%;
  height: 100%;
  padding: 0 50px
}

@media screen and (max-width:1024px) {
  .shri-tabs-map--map {
    padding: 0
  }
}

.shri-tabs-map--map-mob-nav {
  display: none;
  margin-bottom: 32px;
  width: 100%;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 12px
}

@media screen and (max-width:1024px) {
  .shri-tabs-map--map-mob-nav {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
  }
}

.shri-tabs-map--map-mob-nav-prev {
  cursor: pointer;
  padding: 10px 16px 10px 0;
  border-right: 1px solid var(--e-global-color-white)
}

.shri-tabs-map--map-mob-nav-next {
  padding: 10px 0 10px 16px;
  cursor: pointer
}

.shri-tabs-map--map-dot-mob span {
  display: block;
  width: 10px;
  height: 10px;
  margin: 0 !important;
  opacity: 1;
  background: 0 0;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='11' height='10' viewBox='0 0 11 10' fill='none'%3E%3Ccircle cx='5.5' cy='5' r='4.5' stroke='%23ffffff'/%3E%3C/svg%3E")
}

.shri-tabs-map--map-dot-mob span.active {
  width: 16px;
  height: 16px;
  opacity: 1;
  background: 0 0;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='17' height='16' viewBox='0 0 17 16' fill='none'%3E%3Ccircle cx='8.5' cy='8' r='7.5' stroke='%23ffffff'/%3E%3Ccircle cx='8.5' cy='8' r='5' fill='%23ffffff'/%3E%3C/svg%3E")
}

.shri-tabs-map--map-countries {
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  -webkit-column-gap: 30px;
  -moz-column-gap: 30px;
  column-gap: 30px;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between
}

@media screen and (max-width:1024px) {
  .shri-tabs-map--map-countries {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse
  }
}

.shri-tabs-map--map-countries-left {
  max-width: 336px;
  position: relative;
  width: 31.4%
}

@media screen and (max-width:1024px) {
  .shri-tabs-map--map-countries-left {
    width: 100%;
    max-width: 100%
  }
}

.shri-tabs-map--map-countries-right {
  width: 62%
}

@media screen and (max-width:1024px) {
  .shri-tabs-map--map-countries-right {
    width: 100%;
    max-width: 664px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 32px
  }
}

.shri-tabs-map--map-countries-left-tab-title {
  font-size: 22px;
  font-style: normal;
  font-weight: 600;
  line-height: 130%;
  margin-bottom: 24px
}

.shri-tabs-map--map-countries-left-tab-text {
  font-weight: 400;
  opacity: .8;
  margin-bottom: 24px
}

.shri-tabs-map--map-countries-left-tab-bebifits_1 {
  margin-bottom: 8px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-column-gap: 8px;
  -moz-column-gap: 8px;
  column-gap: 8px
}

.shri-tabs-map--map-countries-left-tab-bebifits_1 svg {
  -webkit-transform: translateY(-3px);
  -ms-transform: translateY(-3px);
  transform: translateY(-3px)
}

.shri-tabs-map--map-countries-left-tab-bebifits_2 {
  margin-bottom: 24px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-column-gap: 8px;
  -moz-column-gap: 8px;
  column-gap: 8px
}

.shri-tabs-map--map-countries-left-tab-bebifits_2 svg {
  -webkit-transform: translateY(-3px);
  -ms-transform: translateY(-3px);
  transform: translateY(-3px)
}

.shri-tabs-map--map-countries-left-tab-procent-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-column-gap: 24px;
  -moz-column-gap: 24px;
  column-gap: 24px;
  margin-bottom: 32px
}

.shri-tabs-map--map-countries-left-tab-procent-wrap .procent {
  position: relative;
  width: 72px;
  height: 72px;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex
}

.shri-tabs-map--map-countries-left-tab-procent-wrap .procent span {
  position: absolute;
  font-size: 18px;
  font-style: normal;
  font-weight: 600;
  line-height: 150%;
  color: var(--e-global-color-white);
  top: 50%;
  left: 50%;
  -webkit-transform: translateX(-50%) translateY(-50%);
  -ms-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%)
}

.shri-tabs-map--map-countries-left-tab-procent-wrap .procent svg {
  -webkit-transform: rotate(-90deg);
  -ms-transform: rotate(-90deg);
  transform: rotate(-90deg)
}

.shri-tabs-map--map-countries-left-tab-procent-wrap .procent #bg-circle,
.shri-tabs-map--map-countries-left-tab-procent-wrap .procent #fg-circle {
  fill: none;
  stroke: rgba(255, 255, 255, .3);
  stroke-width: 20px
}

.shri-tabs-map--map-countries-left-tab-procent-wrap .procent #fg-circle {
  stroke: #fff;
  stroke-dasharray: 502;
  -webkit-animation: dash 1s linear forwards;
  animation: dash 1s linear forwards
}

@-webkit-keyframes dash {
  from {
    stroke-dashoffset: 502
  }
}

@keyframes dash {
  from {
    stroke-dashoffset: 502
  }
}

.shri-tabs-map--map-countries-left-tab-procent-wrap .procent-text {
  font-size: 18px;
  font-style: normal;
  font-weight: 600;
  line-height: 150%
}

.shri-tabs-map--map-countries-left-tab-btn {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  color: #fff;
  font-size: 18px;
  font-style: normal;
  font-weight: 600;
  line-height: 150%;
  text-decoration: none !important;
  -webkit-transition: all .3s;
  -o-transition: all .3s;
  transition: all .3s
}

.shri-tabs-map--map-countries-left-tab-btn:hover {
  color: var(--e-global-color-title)
}

.shri-tabs-map--map-countries-left-tab-btn svg {
  color: inherit;
  width: 14px;
  height: 14px;
  margin-left: 10px
}

.shri-tabs-map--map-countries-left-tab-btn svg path {
  stroke: currentColor
}

.shri-tabs-map--map-wrap {
  position: relative
}

.shri-tabs-map--map-dot {
  position: absolute;
  -webkit-transform: translate(-50, -50%);
  -ms-transform: translate(-50, -50%);
  transform: translate(-50, -50%);
  -webkit-animation: animate-pulse 1.2s linear infinite;
  animation: animate-pulse 1.2s linear infinite
}

.shri-tabs-map--map-dot.active {
  -webkit-animation: none;
  animation: none
}

.shri-tabs-map--map-dot.active .shri-tabs-map--map-dot-content {
  display: none
}

@media screen and (max-width:767px) {
  .shri-tabs-map--map-dot.active .shri-tabs-map--map-dot-content {
    display: none
  }
}

.shri-tabs-map--map-dot.default.active span {
  background-color: rgba(248, 151, 33, .4)
}

.shri-tabs-map--map-dot.alter.active span {
  background-color: rgba(44, 198, 81, .4)
}

.shri-tabs-map--map-dot.agriculture.active span {
  background-color: rgba(248, 151, 33, .4)
}

.shri-tabs-map--map-dot.mining.active span {
  background-color: rgba(44, 198, 81, .4)
}

.shri-tabs-map--map-dot.beverage.active span {
  background-color: rgba(97, 83, 204, .4)
}

.shri-tabs-map--map-dot.textiles.active span {
  background-color: rgba(238, 146, 194, .4)
}

.shri-tabs-map--map-dot.hydropower.active span {
  background-color: rgba(8, 65, 92, .4)
}

.shri-tabs-map--map-dot.oil.active span {
  background-color: rgba(135, 0, 88, .4)
}

.shri-tabs-map--map-dot.gas.active span {
  background-color: rgba(48, 197, 255, .4)
}

.shri-tabs-map--map-dot.default span {
  background-color: rgba(248, 151, 33, 0)
}

.shri-tabs-map--map-dot.default span::after {
  background-color: var(--e-global-color-orange)
}

.shri-tabs-map--map-dot.alter span {
  background-color: rgba(44, 198, 81, 0)
}

.shri-tabs-map--map-dot.alter span::after {
  background-color: #2cc651
}

.shri-tabs-map--map-dot.agriculture span {
  background-color: rgba(248, 151, 33, 0)
}

.shri-tabs-map--map-dot.agriculture span::after {
  background-color: var(--e-global-color-orange)
}

.shri-tabs-map--map-dot.mining span {
  background-color: rgba(44, 198, 81, 0)
}

.shri-tabs-map--map-dot.mining span::after {
  background-color: #2cc651
}

.shri-tabs-map--map-dot.beverage span {
  background-color: rgba(97, 83, 204, 0)
}

.shri-tabs-map--map-dot.beverage span::after {
  background-color: #6153cc
}

.shri-tabs-map--map-dot.textiles span {
  background-color: rgba(238, 146, 194, 0)
}

.shri-tabs-map--map-dot.textiles span::after {
  background-color: #ee92c2
}

.shri-tabs-map--map-dot.hydropower span {
  background-color: rgba(8, 65, 92, 0)
}

.shri-tabs-map--map-dot.hydropower span::after {
  background-color: #08415c
}

.shri-tabs-map--map-dot.oil span {
  background-color: rgba(135, 0, 88, 0)
}

.shri-tabs-map--map-dot.oil span::after {
  background-color: #870058
}

.shri-tabs-map--map-dot.gas span {
  background-color: rgba(48, 197, 255, 0)
}

.shri-tabs-map--map-dot.gas span::after {
  background-color: #30c5ff
}

.shri-tabs-map--map-dot span {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 34px;
  height: 34px;
  border-radius: 50%;
  -webkit-transform: all .3s;
  -ms-transform: all .3s;
  transform: all .3s
}

.shri-tabs-map--map-dot span::after {
  content: '';
  display: block;
  width: 10px;
  height: 10px;
  border-radius: 50%;
  cursor: pointer
}

.shri-tabs-map--map-dot-content {
  display: none;
  position: absolute;
  top: -30px;
  color: var(--e-global-color-title);
  font-size: 18px;
  font-weight: 600;
  line-height: 150%
}

.shri-tabs-map--map-legend-wrap {
  margin-top: 13px
}

.shri-tabs-map--map-legend {
  max-width: 418px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-column-gap: 32px;
  -moz-column-gap: 32px;
  column-gap: 32px;
  row-gap: 6px;
  padding: 6px 18px;
  margin: 0 0 0 auto;
  list-style: none;
  border-radius: 6px;
  background: rgba(255, 255, 255, .4)
}

@media screen and (max-width:1024px) {
  .shri-tabs-map--map-legend {
    margin-right: auto
  }
}

@media screen and (max-width:767px) {
  .shri-tabs-map--map-legend {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-column-gap: 12px;
    -moz-column-gap: 12px;
    column-gap: 12px
  }
}

.shri-tabs-map--map-legend li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 15px
}

@media screen and (max-width:767px) {
  .shri-tabs-map--map-legend li {
    gap: 6px
  }
}

.shri-tabs-map--map-legend li::before {
  content: '';
  width: 12px;
  height: 12px;
  display: inline-block;
  border-radius: 50%
}

.shri-tabs-map--map-legend li:nth-child(1)::before {
  background-color: #f89721
}

.shri-tabs-map--map-legend li:nth-child(2)::before {
  background-color: #2cc651
}

.shri-tabs-map--map-legend li:nth-child(3)::before {
  background-color: #6153cc
}

.shri-tabs-map--map-legend li:nth-child(4)::before {
  background-color: #ee92c2
}

.shri-tabs-map--map-legend li:nth-child(5)::before {
  background-color: #08415c
}

.shri-tabs-map--map-legend li:nth-child(6)::before {
  background-color: #870058
}

.shri-tabs-map--map-legend li:nth-child(7)::before {
  background-color: #30c5ff
}

@-webkit-keyframes animate-pulse {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1)
  }

  40% {
    -webkit-transform: scale(1.5);
    transform: scale(1.5)
  }

  80% {
    -webkit-transform: scale(1.5);
    transform: scale(1.5)
  }

  100% {
    -webkit-transform: scale(1);
    transform: scale(1)
  }
}

@keyframes animate-pulse {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1)
  }

  40% {
    -webkit-transform: scale(1.5);
    transform: scale(1.5)
  }

  80% {
    -webkit-transform: scale(1.5);
    transform: scale(1.5)
  }

  100% {
    -webkit-transform: scale(1);
    transform: scale(1)
  }
}

/*# sourceMappingURL=map.css.map */