/* utiles */
.f-align-center {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

/* map */
.color1 {
  stop-color: #FF9933;
}

.color2 {
  stop-color: #EF4900;
}

.pattern-class {
  fill: url(#pattern-stripe-us);
}

.pattern-class.open-germany {
  fill: url(#pattern-stripe);
}

.no-item-found {
  padding: 40px 20px;
  opacity: 0;
  text-align: center;
  display: none;
  transition: opacity 0.3s ease;
}

.pattern-class.us-states-click {
  pointer-events: none !important;
}

.us-states {
  opacity: 0;
  pointer-events: none !important;
}

.leaflet-interactive.csv-color.active {
  fill: url(#g1);
  stroke: none;
}

.aw-compliance-map {
  overflow: hidden;
}

#map {
  width: 100%;
  height: 100vh;
  background-color: #005894;
  background-image: url('../images/map-noise-overlay.png');
  background-size: cover;
  background-repeat: no-repeat;
  position: relative;
}

#map .leaflet-overlay-pane {
  position: relative;
}

#map.active {
  pointer-events: initial;
}

.map-container {
  position: relative;
}

.mobile-disclaimer {
  position: absolute;
  background: rgba(0, 0, 0, 0.63);
  border-radius: 78px;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  padding: 8px 16px;
  font-weight: 400;
  font-size: 14px;
  line-height: 18px;
  letter-spacing: 0.3px;
  text-transform: capitalize;
  color: #FFFFFF;
  pointer-events: none;
  opacity: 0;
  visibility: hidden;
  z-index: 997;
  white-space: nowrap;
}

.map-panel {
  position: absolute;
  height: 100%;
  background: #fff;
  z-index: 999999;
  top: 0;
  width: 636px;
  right: -636px;
  transition: 0.55s all ease;
  cursor: auto;
  filter: drop-shadow(-148px 0px 59px rgba(0, 23, 41, 0.03)) drop-shadow(-83px 0px 50px rgba(0, 23, 41, 0.09)) drop-shadow(-37px 0px 37px rgba(0, 23, 41, 0.16)) drop-shadow(-9px 0px 20px rgba(0, 23, 41, 0.19)) drop-shadow(0px 0px 0px rgba(0, 23, 41, 0.19));
}

.map-panel-container {
  overflow-y: scroll;
  height: 100%;
}

.map-panel-top-header {
  position: relative;
  padding: 40px;
  background-image: url('../images/panel-bg.png');
  background-position: center center;
  background-size: cover;
  background-repeat: no-repeat;
  display: flex;
  flex-wrap: wrap;
}

.map-panel-filter-menu {
  position: relative;
  padding: 14px 40px;
  background: linear-gradient(90deg, #FF9933 0%, #EF4900 100%);
}

.map-panel-filter-menu ul {
  display: flex;
  align-items: center;
  cursor: pointer;
  margin-left: 0;
}

.map-panel-filter-menu ul li.filter-by-name {
  width: 100%;
  max-width: 234px;
  cursor: pointer;
  display: flex;
  align-items: center;
}

.map-panel-filter-menu ul li.filter-by-industry,
.map-panel-filter-menu ul li.filter-by-location {
  padding-left: 25px;
  width: 100%;
  max-width: 150px;
  cursor: pointer;
  display: flex;
  align-items: center;
  position: relative;
}

.filter-by.filter-by-search {
  width: 48px;
  height: 48px;
  position: absolute;
  right: 0;
  display: flex;
  align-items: center;
  justify-content: center;
}

.filter-by.filter-by-search .open-search {
  width: 48px;
  height: 48px;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}

.filter-by.filter-by-search .close-search {
  width: 48px;
  height: 48px;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  position: absolute;
  display: none;
  right: 0;
  top: 0;
}

.filter-by.filter-by-search .close-search.active {
  display: flex;
}

.filter-by.filter-by-search.active {
  width: 100%;
  justify-content: flex-start;
  background: #F15106;
  padding: 0 40px;
  z-index: 999;
  padding-left: 22px;
  transition: all 0.3s ease;
}

.all-locations div,
.all-industries div {
  font-weight: 600;
}

.map-panel-filter-menu ul li.filter-by div.search-container {
  flex: 1;
  width: 100%;
  display: none;
}

.filter-by.filter-by-search.active div.search-container {
  display: flex;
}

.filter-by.filter-by-search .search-container input {
  font-family: "Encode Sans", Sans-serif;
  border: none;
  width: 100%;
  background: none;
  color: #fff;
  outline: none;
  padding: 0;
  letter-spacing: 0.3px;
}

.filter-by.filter-by-search .search-container input::placeholder {
  opacity: 0.5 !important;
}

.filter-by.filter-by-search .search-container input:-ms-input-placeholder {
  opacity: 0.5 !important;
}

.filter-by.filter-by-search .search-container input::-ms-input-placeholder {
  opacity: 0.5 !important;
}

.map-panel-filter-menu ul li span {
  font-family: "Encode Sans", Sans-serif;
  font-size: 11px;
  font-weight: 700;
  line-height: 20px;
  letter-spacing: 3px;
  text-align: left;
  color: #fff;
  text-transform: uppercase;
}

.map-panel-filter-menu ul li .filter-btn {
  position: relative;
  width: 13px;
  height: 10px;
  margin-right: 6px;
}

.map-panel-filter-menu ul li .filter-btn::before {
  content: '';
  position: absolute;
  width: 100%;
  height: 2px;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  background: #fff;
  opacity: 0.5;
}

.map-panel-filter-menu ul li .filter-btn span {
  position: absolute;
  width: 65%;
  height: 2px;
  top: 50%;
  transform: translateX(-50%);
  margin-top: -1px;
  left: 50%;
  background: #fff;
  opacity: 0.5;
}

.map-panel-filter-menu ul li .filter-btn::after {
  content: '';
  position: absolute;
  width: 35%;
  height: 2px;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  background: #fff;
  opacity: 0.5;
}

.map-panel-title {
  font-size: 36px !important;
  font-weight: 700 !important;
  line-height: 43px !important;
  letter-spacing: 0.4px;
  text-align: left;
  color: #fff;
  padding-right: 34px;
  margin-bottom: 30px;
  flex: 0 0 100%;
  text-transform: capitalize;
}

.map-panel-filter-item.regulations {
  flex: 0 0 108px;
  max-width: 108px;
  margin-right: 55px;
}

.map-panel-filter-item .headline {
  font-family: "Encode Sans", Sans-serif;
  font-size: 11px;
  font-weight: 700;
  line-height: 20px;
  letter-spacing: 3px;
  text-align: left;
  color: #aaaaaa;
  text-transform: uppercase;
  margin-bottom: 1px;
}

.map-panel-filter-item.regulations .count-regulations {
  font-family: "Encode Sans", Sans-serif;
  font-size: 40px;
  font-weight: 700;
  line-height: 48px;
  letter-spacing: 0.4px;
  text-align: left;
  color: #fff;
}

.map-panel-filter-item.industries,
.map-panel-filter-item.locations {
  flex: 1;
}

.csv-color {
  /* transition: all 0.3s ease; */
}

.csv-color:hover,
.csv-color.hover {
  fill: #03213b !important;
}

.map-panel-filter-item.industries .headline,
.map-panel-filter-item.locations .headline{
  margin-bottom: 12px;
}

.map-panel-filter-item.locations{
  display: none;
}

.map-panel-filter-item.industries ul,
.map-panel-filter-item.locations ul {
  display: flex;
  flex: 1;
  flex-wrap: wrap;
  margin-left: 0;
}

.map-panel-filter-item.industries li,
.map-panel-filter-item.locations li {
  font-family: 'Lato';
  font-size: 12px;
  font-weight: 500;
  line-height: 18px;
  letter-spacing: 0px;
  text-align: left;
  border: 1px solid #2296DD;
  border-radius: 23px;
  margin-right: 8px;
  margin-bottom: 8px;
  padding: 2px 10px;
  cursor: pointer;
  color: #fff;
  text-transform: capitalize;
  transition: background 0.3s;
}

.map-panel-filter-item.industries li:hover,
.map-panel-filter-item.locations li:hover{
  background: #2296DD;
}

.map-panel-filter-item.industries li span,
.map-panel-filter-item.locations li span {
  padding-left: 6px;
}

.map-panel-filter-menu ul li ul.ul,
.map-panel-filter-menu ul li select {
  display: none;
}

.map-panel-filter-menu ul li.filter-by ul.ul {
  position: absolute;
  top: 100%;
  background: #003051;
  padding: 24px;
  left: -50%;
  transform: translateX(25%);
  margin-top: 14px;
}

.map-panel-filter-menu ul li.filter-by.filter-by-industry ul.ul {
  width: 230px;
}

.map-panel-filter-menu ul li.filter-by ul li.has-sub-menu {
  flex-direction: column;
  align-items: flex-start;
}

.map-panel-filter-menu ul.sub-ul {
  flex-direction: column;
  padding-left: 20px;
  align-items: flex-start;
  margin-top: 10px;
}

.map-panel-filter-menu ul li.filter-by.filter-by-location ul.ul {
  width: 214px;
}

.map-panel-filter-menu ul li.filter-by .count-selected {
  display: none;
  background: #FFFFFF;
  border-radius: 17px;
  padding: 1px 0;
  text-align: center;
  color: #000000;
  position: absolute;
  top: 2px;
  right: -6px;
  width: 30px;
}

.map-panel-filter-menu ul li.filter-by div {
  display: flex;
  align-items: center;
  justify-content: center;
}

.map-panel-filter-menu ul li.filter-by .count-selected span {
  color: #000000;
  font-family: 'Lato';
  font-size: 11px;
  font-weight: 600;
  line-height: 13px;
  letter-spacing: 0px;
  text-align: left;
}

.map-panel-filter-menu ul li.filter-by .x-selected {
  position: relative;
  display: block;
  margin-left: 2px;
  line-height: 1 !important;
}

.map-panel-filter-menu ul li.filter-by .x-selected svg {
  top: -1px;
  position: relative;
}

.map-panel-filter-menu ul li.filter-by .x-selected:before {
  content: '';
  position: absolute;
}

.map-panel-filter-menu ul li.filter-by .x-selected:after {
  content: '';
  position: absolute;
}

.map-panel-filter-menu ul li.filter-by ul li {
  font-family: 'Encode Sans';
  font-size: 14px;
  font-weight: 400;
  line-height: 24px;
  letter-spacing: 0.3px;
  text-align: left;
  color: #fff;
  text-transform: capitalize;
  margin-bottom: 8px;
  display: flex;
  align-items: center;
}

.map-panel-filter-menu ul li.filter-by ul li.apply-filters {
  text-align: center;
  width: 100%;
  justify-content: center;
  background: transparent;
  border: 2px solid #2296DD;
  font-weight: 700;
  font-size: 13px;
  line-height: 13px;
  margin-top: 30px;
  padding: 8px;
  text-transform: uppercase;
  transition: all 0.3s;
}

.map-panel-filter-menu ul li.filter-by ul li.apply-filters:hover {
  background: #2296DD;
}

.map-panel-filter-menu ul li.filter-by ul li span {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 20px;
  height: 20px;
  flex: 0 0 20px;
  background: #fff;
  display: flex;
  margin-right: 12px;
  transition: all 0.3s ease;
}

.map-panel-filter-menu ul li.filter-by ul li span::before {
  content: '';
  position: absolute;
  opacity: 0;
  width: 12px;
  height: 10px;
  transition: all 0.2s ease;
  background-image: url("data:image/svg+xml,%3Csvg width='12' height='10' viewBox='0 0 12 10' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M11.589 1.07793C11.9146 1.40349 11.9146 1.92959 11.589 2.25514L4.92198 8.92254C4.59644 9.2481 4.07037 9.2481 3.74483 8.92254L0.41058 5.58884C0.0851452 5.26329 0.0851452 4.73719 0.41058 4.41163C0.736067 4.08607 1.2637 4.08607 1.58924 4.41163L4.30996 7.15412L10.4119 1.07793C10.7374 0.751855 11.2635 0.751855 11.589 1.07793Z' fill='white'/%3E%3C/svg%3E%0A");
  background-repeat: no-repeat;
}

.map-panel-filter-menu ul li.filter-by ul li div.selected span {
  background: #F58220;
}

.map-panel-filter-menu ul li.filter-by ul li div.selected span::before {
  opacity: 1;
}

@media(min-width: 1024px) {
  .map-panel-filter-menu ul li.filter-by ul li:hover div.selected span:before {
    height: 2px;
    background-image: url("data:image/svg+xml,%3Csvg width='12' height='2' viewBox='0 0 12 2' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12 0.922788C12 1.43308 11.5866 1.84615 11.0769 1.84615C5.12748 1.84615 7.44219 1.84615 0.923077 1.84615C0.413365 1.84615 0 1.43308 0 0.922788C0 0.4125 0.413365 1.51199e-07 0.923077 1.51199e-07C7.44255 1.51199e-07 5.12719 1.51199e-07 11.0769 1.51199e-07C11.5875 -0.00028831 12 0.412211 12 0.922788Z' fill='white'/%3E%3C/svg%3E%0A");
  }
}

.map-panel-filter-menu ul li.filter-by ul li:last-child {
  margin-bottom: 0;
}

.map-panel-close-btn,
.map-modal-close-btn {
  width: 48px;
  height: 48px;
  position: absolute;
  right: 24px;
  top: 24px;
  background-color: #003051;
  cursor: pointer;
  background-image: url("data:image/svg+xml,%3Csvg width='12' height='12' viewBox='0 0 12 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M11.6466 9.95266C12.1153 10.4214 12.1153 11.1807 11.6466 11.6494C11.4141 11.8838 11.1066 12 10.7992 12C10.4917 12 10.185 11.8828 9.95097 11.6485L5.99953 7.69909L2.04846 11.6475C1.81411 11.8838 1.50701 12 1.19991 12C0.892805 12 0.586079 11.8838 0.351535 11.6475C-0.117178 11.1788 -0.117178 10.4195 0.351535 9.95078L4.30373 5.99859L0.351535 2.04828C-0.117178 1.57956 -0.117178 0.820248 0.351535 0.351535C0.820248 -0.117178 1.57956 -0.117178 2.04828 0.351535L5.99953 4.3056L9.95172 0.35341C10.4204 -0.115303 11.1798 -0.115303 11.6485 0.35341C12.1172 0.822123 12.1172 1.58144 11.6485 2.05015L7.69627 6.00234L11.6466 9.95266Z' fill='%23F9FAFB'/%3E%3C/svg%3E%0A");
  background-size: 12px;
  background-repeat: no-repeat;
  background-position: center;
  transition: background-color 0.3s;
}

.map-modal-close-btn {
  width: 40px;
  height: 40px;
  right: 0;
  top: 0;
  z-index: 999;
  transition: all 0.3s;
}

.map-panel-close-btn:hover,
.map-modal-close-btn:hover {
  background-color: #24618E;
}

.map-panel.active {
  top: 0;
  right: 0;
}

.map-panel.active .map-panel-open-btn {
  opacity: 0;
}


/*
hide menu when the sidebar is opened
.map-panel-active #mega-menu-wrap-max_mega_menu_2,
.map-panel-active .mega-promobar,
.map-panel-active .mobilelang {
  opacity: 0 !important;
  visibility: hidden !important;
  transition: all 0.3s;
} */

.map-panel-filter-list .col-name-item {
  border-bottom: 1px solid #E1E7EB;
  display: flex;
  align-items: center;
  padding-top: 15px;
  padding-bottom: 15px;
  cursor: pointer;
  transition: background-color 0.3s;
}

.map-panel-filter-list .col-name-item:hover {
  background-color: rgba(34, 150, 221, 0.08);
}

.map-panel-filter-list .col-name-item.see-details .item-content {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  background: #fff;
  display: block;
  overflow-y: scroll;
  z-index: 9999;
}

.map-panel-filter-list .col-name-item.see-details .item-content .item-content-top {
  position: relative;
  padding: 32px 40px;
  background-image: url(../images/panel-bg.png);
  background-position: center center;
  background-size: cover;
  background-repeat: no-repeat;
  display: flex;
  flex-wrap: wrap;
}

.map-panel-filter-list .col-name-item.see-details .item-content .item-content-top>span {
  font-family: "Encode Sans", Sans-serif;
  font-style: normal;
  font-weight: 700;
  font-size: 36px;
  line-height: 43px;
  letter-spacing: 0.4px;
  color: #FFFFFF;
  margin-bottom: 2px;
  width: 100%;
}

.map-panel-filter-list .col-name-item.see-details .item-content .item-content-top h4 {
  font-family: 'Lato';
  font-style: normal;
  font-weight: 400;
  font-size: 20px;
  line-height: 28px;
  letter-spacing: 0.3px;
  color: #FFFFFF;
  margin-bottom: 38px;
}

.map-panel-filter-list .col-name-item.see-details .item-content .item-content-top .item-content-info {
  width: 100%;
  display: flex;
}

.map-panel-filter-list .col-name-item.see-details .item-content .item-content-top .item-content-info span {
  font-family: "Encode Sans", Sans-serif;
  font-weight: 700;
  font-size: 11px;
  line-height: 20px;
  letter-spacing: 3px;
  text-transform: uppercase;
  color: #AAAAAA;
  display: block;
  margin-bottom: 14px;
}

.map-panel-filter-list .col-name-item.see-details .item-content .item-content-top .item-content-info .col-location {
  width: 33%;
  max-width: 100%;
  padding-left: 0;
  text-decoration: none !important;
}

.map-panel-filter-list .col-name-item.see-details .item-content .item-content-top .item-content-info .col-location ul,
.map-panel-filter-list .col-name-item.see-details .item-content .item-content-top .item-content-info .col-industry ul {
  padding: 0;
  margin: 0;
}

.map-panel-filter-list .col-name-item.see-details .item-content .item-content-top .item-content-info .col-location ul li,
.map-panel-filter-list .col-name-item.see-details .item-content .item-content-top .item-content-info .col-industry ul li {
  width: 100%;
  margin-bottom: 8px;
  padding: 2px 10px;
  border: 1px solid #2296DD;
  border-radius: 23.5px;
  font-family: 'Lato';
  font-weight: 600;
  font-size: 12px;
  line-height: 18px;
  color: #FFFFFF;
  display: inline-block;
  width: auto;
  cursor: pointer;
  transition: all 0.3s ease;
}

.map-panel-filter-list .col-name-item.see-details .item-content .item-content-top .item-content-info .col-location ul li:hover,
.map-panel-filter-list .col-name-item.see-details .item-content .item-content-top .item-content-info .col-industry ul li:hover {
  background: #2296DD;
}

.map-panel-filter-list .col-name-item.see-details .item-content .item-content-top .item-content-info .col-location ul li:last-child,
.map-panel-filter-list .col-name-item.see-details .item-content .item-content-top .item-content-info .col-industry ul li:last-child {
  margin-bottom: 0;
}

.map-panel-filter-list .col-name-item.see-details .item-content .item-content-top .item-content-info .col-industry {
  width: 33%;
  max-width: 100%;
  padding-left: 0;
  text-decoration: none !important;
}

.map-panel-filter-list .col-name-item.see-details .item-content .item-content-top .item-content-info .col-requirements {
  width: 33%;
  max-width: 100%;
  padding-left: 0;
}

.map-panel-filter-list .col-name-item.see-details .item-content .item-content-top .item-content-info .col-requirements p {
  font-family: "Encode Sans", Sans-serif;
  font-weight: 700;
  font-size: 40px;
  line-height: 48px;
  letter-spacing: 0.4px;
  color: #FFFFFF;
}

.map-panel .nav-menu {
  display: flex;
  padding: 0;
  margin: 0 0 36px 0;
  width: 100%;
}

.map-panel .nav-menu.step-1 {
  flex-wrap: wrap;
  display: none;
}

.map-panel .nav-menu li {
  list-style: none;
  padding-right: 17px;
  margin-right: 17px;
  position: relative;
  font-family: 'Lato';
  font-weight: 400;
  font-size: 13px;
  line-height: 17px;
  letter-spacing: 0.3px;
  color: #FEFEFE;
  margin-bottom: 2px;
  text-transform: capitalize;
}

.map-panel .nav-menu li:before {
  content: "";
  position: absolute;
  right: -2px;
  top: 50%;
  transform: translateY(-50%);
  width: 5px;
  height: 8px;
  background-image: url("data:image/svg+xml,%3Csvg width='5' height='9' viewBox='0 0 5 9' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0.571346 8.5C0.42513 8.5 0.278842 8.4442 0.167413 8.33259C-0.0558042 8.10937 -0.0558042 7.74776 0.167413 7.52454L3.1928 4.49996L0.167413 1.47546C-0.0558042 1.25224 -0.0558042 0.890629 0.167413 0.667413C0.390629 0.444196 0.752241 0.444196 0.975457 0.667413L4.40407 4.09602C4.62728 4.31924 4.62728 4.68085 4.40407 4.90407L0.975457 8.33268C0.864206 8.44464 0.717776 8.5 0.571346 8.5Z' fill='%232296DD'/%3E%3C/svg%3E%0A");
}

.map-panel .nav-menu li:last-child:before {
  display: none;
}

.map-panel .nav-menu li a {
  font-family: 'Lato';
  font-weight: 400;
  font-size: 13px;
  line-height: 17px;
  letter-spacing: 0.3px;
  color: #FEFEFE;
  text-decoration: underline;
  transition: all 0.3s;
  text-transform: capitalize;
  cursor: pointer;
}

.map-panel .nav-menu li a:hover {
  opacity: 0.7;
}

.map-panel-filter-list .col-name-item.see-details .item-content .item-content-middle {
  position: relative;
  padding: 48px 40px 40px 40px;
}

.map-panel-filter-list .col-name-item.see-details .item-content .item-content-middle:before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  height: 8px;
  background: linear-gradient(90deg, #FF9933 0%, #EF4900 100%);
}

.map-panel-filter-list .col-name-item.see-details .item-content .item-content-middle h5 {
  font-family: "Encode Sans", Sans-serif;
  font-weight: 700;
  font-size: 18px;
  line-height: 22px;
  letter-spacing: 0.4px;
  color: #24618E;
  margin: 0 0 8px 0px
}

.map-panel-filter-list .col-name-item.see-details .item-content .item-content-middle p {
  margin-bottom: 30px;
  font-weight: 400;
  font-size: 17px;
  line-height: 27px;
  color: #444444;
}

.map-panel-filter-list .col-name-item.see-details .item-content .item-content-middle a {
  font-family: 'Lato';
  font-weight: 400;
  font-size: 17px;
  line-height: 27px;
  text-decoration-line: underline;
  color: #24618E;
  transition: opacity 0.3s;
}

.map-panel-filter-list .col-name-item.see-details .item-content .item-content-middle a:hover {
  opacity: 0.7;
}

.map-panel-filter-list .col-name-item.see-details .item-content .item-content-middle .content-list {
  padding: 20px 32px;
  position: relative;
  background: #F0EEED;
  margin-top: 8px;
}

.map-panel-filter-list .col-name-item.see-details .item-content .item-content-middle .content-list.requirements {
  margin-top: 0;
}

.map-panel-filter-list .col-name-item.see-details .item-content .item-content-middle .content-list.requirements h4 {
  font-size: 14px;
  font-weight: 500;
  line-height: 28px;
  margin-bottom: 26px;
  ;
}

.map-panel-filter-list .col-name-item.see-details .item-content .item-content-middle .content-list.requirements ul li {
  background: #FFFFFF;
  margin-bottom: 4px;
  padding: 9px 20px 9px 60px;
  position: relative;
}

.map-panel-filter-list .col-name-item.see-details .item-content .item-content-middle .content-list.requirements ul li span {
  position: absolute;
  left: 0;
  top: 0;
  width: 40px;
  bottom: 0;
  font-family: "Encode Sans", Sans-serif;
  font-style: normal;
  font-weight: 800;
  font-size: 14px;
  line-height: 31px;
  color: #FFFFFF;
  background: #35608A;
  text-align: center;
  line-height: 40px;
}

.map-panel-filter-list .col-name-item.see-details .item-content .item-content-middle .content-list.help ul li {
  background: #FFFFFF;
  margin-bottom: 8px;
  padding: 12px 24px 12px 40px;
  position: relative;
}

.map-panel-filter-list .col-name-item.see-details .item-content .item-content-middle .content-list.help ul li:before {
  content: "";
  position: absolute;
  left: 20px;
  top: 19px;
  width: 6px;
  height: 11px;
  background-image: url("data:image/svg+xml,%3Csvg width='6' height='12' viewBox='0 0 6 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1.70625 0.775445L5.70625 5.1689C5.90313 5.41432 6 5.69777 6 5.95011C6 6.20245 5.90234 6.51631 5.70703 6.73236L1.70703 11.1258C1.42091 11.4423 0.991094 11.5372 0.617031 11.3658C0.242969 11.1945 0 10.8517 0 10.3747V1.55666C0 1.10936 0.243156 0.705619 0.617188 0.534168C0.991219 0.362716 1.42188 0.458466 1.70625 0.775445Z' fill='%23E6883C'/%3E%3C/svg%3E%0A");
  background-repeat: no-repeat;
  background-size: 100% auto;

}

.map-panel-filter-list .col-name-item.see-details .item-content .item-content-middle .content-list.resources ul li {
  background: #FFFFFF;
  margin-bottom: 8px;
  padding: 12px 20px;
  position: relative;
}

.map-panel-filter-list .col-name-item.see-details .item-content .item-content-middle .content-list.resources ul li a {
  font-family: 'Lato';
  font-weight: 400;
  font-size: 16px;
  line-height: 24px;
  letter-spacing: 0.1px;
  text-decoration-line: underline;
  color: #24618E;
  transition: opacity 0.3s;
}

.map-panel-filter-list .col-name-item.see-details .item-content .item-content-middle .content-list.resources ul li a:hover {
  opacity: 0.7;
}

.map-panel-filter-list .col-name-item.see-details .item-content .item-content-middle .content-list>span {
  font-family: "Encode Sans", Sans-serif;
  font-weight: 700;
  font-size: 11px;
  line-height: 20px;
  letter-spacing: 3px;
  text-transform: uppercase;
  color: #000000;
  display: block;
}

.map-panel-filter-list .col-name-item.see-details .item-content .item-content-middle .content-list>span .plus-minus-toggle {
  cursor: pointer;
  height: 20px;
  position: absolute;
  width: 20px;
  right: 32px;
  top: 32px;
  display: block;
}

.map-panel-filter-list .col-name-item.see-details .item-content .item-content-middle .content-list>span .plus-minus-toggle:before,
.map-panel-filter-list .col-name-item.see-details .item-content .item-content-middle .content-list>span .plus-minus-toggle:after {
  background: #F58220;
  content: '';
  height: 3px;
  left: 0;
  position: absolute;
  top: 0;
  width: 15px;
  transition: transform 500ms ease;
}

.map-panel-filter-list .col-name-item.see-details .item-content .item-content-middle .content-list>span .plus-minus-toggle:after {
  transform: rotate(90deg);
  transform-origin: center;
}

.map-panel-filter-list .col-name-item.see-details .item-content .item-content-middle .content-list .list {
  max-height: 0px;
  overflow: hidden;
  transition: all 0.5s;
  opacity: 0;
}

.map-panel-filter-list .col-name-item.see-details .item-content .item-content-middle .content-list.content-collapsed .list {
  max-height: 2000px;
  margin-top: 25px;
  margin-bottom: 10px;
  opacity: 1;
}

.map-panel-filter-list .col-name-item.see-details .item-content .item-content-middle .content-list.content-collapsed .plus-minus-toggle:after {
  transform: rotate(0deg);
}

.map-panel-filter-list .col-name-item .col-name {
  padding-left: 40px;
  width: 100%;
  max-width: 274px;
}

.map-panel-filter-list .col-name-item .s-text {
  font-family: 'Lato';
  font-weight: 400;
  font-size: 14px;
  line-height: 18px;
  letter-spacing: 0.3px;
  color: #444444;
}

.map-panel-filter-list .col-name-item .col-name span {
  display: block;
  font-family: "Encode Sans", Sans-serif;
  font-weight: 700;
  font-size: 18px;
  line-height: 22px;
  letter-spacing: 0.4px;
  color: #24618E;
  margin-bottom: 8px;
}

.map-panel-filter-list .col-name-item .col-industry {
  padding-left: 25px;
  width: 100%;
  max-width: 150px;

  font-family: 'Lato';
  font-weight: 400;
  font-size: 14px;
  line-height: 18px;
  letter-spacing: 0.3px;
  text-decoration-line: underline;
  color: #24618E;
}

.map-panel-filter-list .col-name-item .col-industry span,
.map-panel-filter-list .col-name-item .col-location span {
  transition: opacity 0.3s;
}

.map-panel-filter-list .col-name-item .col-industry span:hover,
.map-panel-filter-list .col-name-item .col-location span:hover {
  opacity: 0.7
}

.map-panel-filter-list .col-name-item .col-location {
  padding-left: 25px;
  width: 100%;
  max-width: 150px;

  font-family: 'Lato';
  font-weight: 400;
  font-size: 14px;
  line-height: 18px;
  letter-spacing: 0.3px;
  text-decoration-line: underline;
  color: #24618E;
}

.map-panel-filter-list .col-name-item .item-content {
  display: none;
}

.map-panel-open-btn {
  position: absolute;
  height: 56px;
  left: -28px;
  width: 301px;
  transform: rotate(90deg) translate3d(-50%, 0, 0);
  transform-origin: left;
  top: calc(50% - 50px);
  backface-visibility: hidden;
  transform-style: preserve-3d;
  will-change: transform;
  -webkit-font-smoothing: antialiased;
  border-top: 56px solid #03213B;
  border-left: 20px solid transparent;
  border-right: 20px solid transparent;
  height: 0;
  cursor: pointer;
}

@-webkit-keyframes pulsePath {
  0% {
    opacity: 0;
  }

  50% {
    opacity: 0.5;
  }

  100% {
    opacity: 1;
  }
}

@-moz-keyframes pulsePath {
  0% {
    opacity: 0;
  }

  50% {
    opacity: 0.5;
  }

  100% {
    opacity: 1;
  }
}

@-ms-keyframes pulsePath {
  0% {
    opacity: 0;
  }

  50% {
    opacity: 0.5;
  }

  100% {
    opacity: 1;
  }
}

@keyframes pulsePath {
  0% {
    opacity: 0;
  }

  50% {
    opacity: 0.5;
  }

  100% {
    opacity: 1;
  }
}

.map-panel-open-btn svg {
  transform: rotate(-90deg);
  position: absolute;
  top: -36px;
  width: 20px;
  left: 10px;
}

.map-panel-open-btn svg path:first-child {
  -moz-animation: pulsePath 1s infinite ease;
  -webkit-animation: pulsePath 1s infinite ease;
  animation: pulsePath 1s infinite ease;
  animation-delay: 0.6s !important;
}

.map-panel-open-btn svg path {
  -moz-animation: pulsePath 1s infinite ease;
  -webkit-animation: pulsePath 1s infinite ease;
  animation: pulsePath 1s infinite ease;
  animation-delay: 0.4s;
}

.map-panel-open-btn svg path:last-child {
  -moz-animation: pulsePath 1s infinite ease;
  -webkit-animation: pulsePath 1s infinite ease;
  animation: pulsePath 1s infinite ease;
  animation-delay: 0.2s !important;
}

.map-panel-open-btn svg:last-child {
  right: 10px;
  left: auto;
}

.map-panel-open-btn .inner-btn {
  position: absolute;
  top: -36px;
  left: 50%;
  width: 100%;
  transform: rotate(180deg) translateX(-50%);
  transform-origin: left;
  color: #fff;
  font-family: 'Lato';
  font-size: 14px;
  font-weight: 700;
  line-height: 13px;
  letter-spacing: 0.5px;
  text-align: center;
}

.hidden-svg {
  opacity: 0;
  position: absolute;
  pointer-events: none;
}

.leaflet-control-container .leaflet-bottom.leaflet-left {
  z-index: 998;
}

.leaflet-control-container .leaflet-control-zoom {
  margin-left: 56px;
  margin-bottom: 40px;
  border: 0 !important;
}

.leaflet-control-container .leaflet-control-zoom a {
  color: #000000;
  width: 50px;
  height: 50px;
  background: #FFFFFF;
  border-radius: 50% !important;
  line-height: 50px;
  font-size: 30px;
  display: block;
}

.leaflet-control-container .leaflet-control-zoom a span {
  display: block;
  line-height: 46px;
}

.leaflet-control-container .leaflet-control-zoom a.leaflet-control-zoom-in {
  margin-bottom: 16px;
}

.legend-wrapper {
  position: absolute;
  left: 0;
  bottom: 70px;
  z-index: 999;
  padding: 0;
  right: 0;
  margin: 0;
  transition: all 0.5s;
  text-align: center;
  pointer-events: none;
}

.scroll-to-wrapper {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  height: 40px;
  text-align: center;
  z-index: 999;
}
.scroll-to-wrapper .scroll-to-bottom {
  width: 106px;
  /* border-bottom: 40px solid #061B2Eed;
  border-left: 14px solid transparent;
  border-right: 14px solid transparent; */
  height: 0;
  width: 70px;
  margin: 0 auto;
  display: flex;
  justify-content: center;
  pointer-events: all;

  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  color: white;
  height: 40px;
  background: linear-gradient(90deg, #FF9933 0%, #EF4900 100%);
}
.scroll-to-wrapper .scroll-to-bottom:before {
  content: ' ';
  display: block;
  background: #FF9933;
  width: 20px;
  height: 100%;
  position: absolute;
  top: 0;
  left: -10px;
  transform: skew(-16deg);
  border-radius: 0;
  z-index: -1;
}
.scroll-to-wrapper .scroll-to-bottom:after {
  content: ' ';
  display: block;
  background: #EF4900;
  width: 20px;
  height: 100%;
  position: absolute;
  top: 0;
  right: -10px;
  transform: skew(16deg);
  border-radius: 0;
  z-index: -1;
}
.scroll-to-wrapper .scroll-to-bottom svg {
  transform: rotate(-90deg) scale(0.9);
  margin-top: 5px;
}
.scroll-to-wrapper .scroll-to-bottom svg path:first-child {
  -moz-animation: pulsePath 1s infinite ease;
  -webkit-animation: pulsePath 1s infinite ease;
  animation: pulsePath 1s infinite ease;
  animation-delay: 0.6s !important;
}

.scroll-to-wrapper .scroll-to-bottom svg path {
  -moz-animation: pulsePath 1s infinite ease;
  -webkit-animation: pulsePath 1s infinite ease;
  animation: pulsePath 1s infinite ease;
  animation-delay: 0.4s;
}

.scroll-to-wrapper .scroll-to-bottom svg path:last-child {
  -moz-animation: pulsePath 1s infinite ease;
  -webkit-animation: pulsePath 1s infinite ease;
  animation: pulsePath 1s infinite ease;
  animation-delay: 0.2s !important;
}

#legend {
  background: rgba(0, 30, 52, 0.47);
  backdrop-filter: blur(30px);
  border-radius: 51px;
  display: inline-block;
  padding-top: 16px;
  padding-bottom: 16px;
  padding-right: 32px;
  align-items: center;
  font-size: 0;
}

.map-panel-active .legend-wrapper {
  padding-right: 640px;
  padding-left: 340px;
}

#legend li {
  padding-left: 32px;
  list-style: none;
  display: inline-block;
  text-align: left;
  vertical-align: middle;
}

#legend li p {
  font-family: "Encode Sans", Sans-serif;
  font-weight: 600;
  font-size: 10px;
  line-height: 13px;
  letter-spacing: 2px;
  text-transform: uppercase;
  color: #FFFFFF;
  position: relative;
  padding-top: 0;
  padding-bottom: 0;
  padding-left: 46px;
}

#legend li p:before {
  content: "";
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  width: 32px;
  height: 32px;
  border-radius: 50%;
  background: #00487A;
  border: 1px solid #01528A;
}

#legend li.cr p:before {
  background: #062F50;
  border: 1px solid #01528A;
}

#legend li.spr p:before {
  background: #062F50;
  border: 0;
  background-image: url("data:image/svg+xml,%3Csvg width='32' height='32' viewBox='0 0 32 32' fill='none' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Ccircle cx='16' cy='16' r='16' fill='url(%23pattern0)'/%3E%3Cdefs%3E%3Cpattern id='pattern0' patternContentUnits='objectBoundingBox' width='1' height='1'%3E%3Cuse xlink:href='%23image0_341_13153' transform='translate(-1.8314) scale(0.0116279)'/%3E%3C/pattern%3E%3Cimage id='image0_341_13153' width='401' height='86' xlink:href='data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAZEAAABWCAYAAAAOu6vvAAAAAXNSR0IArs4c6QAACc5JREFUeF7tnbFPG1kQh2cWYjsSwqajJB0lJWXKlJSUlJSU+TMoXVJSUlJSpqSkCyVVsBESXifeOb337MW7+3Ls6hTpwvuuOcmn0SlffjNvd38z81TW/pnmdiwq98Oeflv//fnZdhebcvyjL+NPqjNiYIAOyAXqATXRnQu6fiA8vtieZnL82JPzepF4mtvJYiH3Ox/1hhgYoANygXpATXTnQuUQcYfDdGZf3L+HA72uHBZmoyyXk6IvFzuqk8rbCDFwQzs+JcgfGKSmg8YhYmaD6VzOrJDLnY96X3vr+LyxIXvbPb1Y/50YERjAwOUEOoBBajpQ9wmrcVjM7WBD5KB+WCxP2LPC5IoYGKADIxdmMJgmzkAdgJhB5r51mchd3WR3h06mckQMDNABuUA9EEmdgbqOrKKQh7pR6jqyfn2Qk5jJTowIDGDg38zJHxgkrgN9xDAXGAgMBAbuUCQXYNBVB95Yf3wxDHMYoANywffLUA9g0EUHZXfWZG6ntpDrumH+lNu+qBzGTHZiRGAAA5dw6AAGqeqgPERSN4eWJy9NAzROJG+UkgthgIGa2I5BZU7kKbejRSGTxjSy2UjnchqdZCdG4CYwEBi4wksupMegcoiUg1I9Gden0v130kxG2329ig4aEnNmMICBG9RFBzBISAfNtSdzO1SR/dhU+lMup7EBsykxAgOBgWv1JBdgkJgOGofIyhzKTG62+3q3/tbhTPZC5fOop+P134kJNJy5CjcYoANyIaV6oO7Jial0JvPZTsCGBrZUiMCgO4Pfrj1x20gLk1nMZHfbfKN3CRDjt7jCDQboIGzzJRfePwO3gBHDHAZhwIzGCRigA3JhNXDash6o68jCMIcBOggrzMkFGKCDbrmwWnvih+yGAz2vG+b+RkOR252e3tbuFiFmOZgHN7RD/oSNxuRCegzK7iyuvw2GEld+wgAdkAt+cJJ60IrB69oTtvmywZQtrmHdBbkAA3TQOhcqcyLOXM0y2R329TI2lb75Uy62tvSh9lmLGLh5MxLtwAAdhA3AKeVCY+0JxiLGIsZiN2Nx9VAFN7g5LSSog6qVvtpciUGWnkFG4wTNIzTQ0ETUtZFKv5sNPqnOKutNMJRaGUpwk3MYwCC63ZsakkwNcRPrX4YDva48hWIsYixiLLY2FskfERiky0AnuX21Qi7rNxpyRSZXZC4v5uHqZK5O5spcrg1eXdTVqAd+ASOr32GADljj7qoEOoBBVx347iw2V8IAHYQPuuQCDNBBt1zwh8jzs+3++iAnMYNsmttxUchDfZsvMXBDOyHZyAUYpKyDck7EGewOBAYZDNABuUA9CKvsyYW3GZSHSHm/Oib7GY0GAgN3Rza5AAN0MJi+waC69mRuBxsiB/X71b3RMrOz2P3qj8QIDAQGrnuHXIBBgjpo3LGOsYixiLHYzVisD+py1TBXDadURxuHCCYhJmHKJuH6gUAukAvkwtvNI+rWXu+oTtaTB0MJU235CRNjEXMVgzl8zicXfsNA3WtX3QNJcAvlPgwEBgIDBo8ZPO46cKqTuZ3aQq7ra0+ectsXlcOYyU6MCAxg4N7W0AEMUteBrla//+jLOLaRFZMQkzAlk9DdE04uwAAd2F5bBmHtSW5Hi0Im9al055foXE6jq56JgRvaCatSyAUYJKwDf4iUg4Y9GddNdr/NN5PRdl+v1s13YuCGdkJGkAswSFkHr2tP2ObLBlO2uPpDoauxSEw4TOGWJoPKnIgzCTOTm+2+3lUGqHLbL1Q+j3o6Xv99ZSgRAze0EwxmcgEGqemguvbkpb2ZsjpMMOb95VWtTSi4vT6GwA3tODWgg7+bQWNi3Q3VFCazmMme5XIS61whJgwjwQ0G6IBcWA3qplIPGocIJiEmYcomIc0jNNDQRNStkcrPidQHDTHI0jTI0IFcwQAGsW3l1MTf10R1K96HAz2vG+ZuwGwhcrvT09v1/7b6fkmMHMEABm4gCx3AIGUd+N1Zi4XcNzyQF9vTTI6jg4bE+Lu44QYDdBCuTiAX0mXgt/g6w7zoywXbfGGADsgF6gE1scu54I11N5WeZbI77OtlzFjc/CkXW1v6UPusRQzc0A7548sCNSRdBuXak6dcTjGUYIAObAADGHAdRuhSbZMLZYsvhvnrwA9GKUbpvxml722zNQ00NBH9l0aqypwIBhkmod9Ki1EKA3TgP9ORC28zqK49wWSXLoZSucIEbnBzvgA6gEGCOmhMrPvV7xuyF7sudjqXMyvksj6QRUww1eAGA3RALqwaDVKpB9G1J23MlHoXFzHtTCi46QUMYBB7SKWG/J01RN04/7Cn32JT6VwTyjWhba/IZDsx24mpIWnWUZ3k9jU2lT7N7bgo5KE+yf78bLu/PsgJMTBAB+QC9UAkdQZud9YX9wQxHOh15UkCkxCTMEGTkFygHlATwzr/trmg5ep3DHOaBmicGNA8YjAwGHQ5F8Lak7kdbIgc1M2u5eUqZ7FJdmLghnbCuzu5AIOUdVB2Z7mhmvc2icufh79TdB2GxcgFGPwpHZSHSOrmkHuSgAEM0EF4uyIXYNBWB5U5kS5mysqEJ6abCQW31/YNtIN2lp/MW5u45M//L38qh0jbrY0MizEsxrCY7MMABiowaEysP+W2LyqHMZN9MrdTW8h1fe0JMSIwgIF7uEIHMEhNB/rdbPBJdbb+dvGnDBj+PzKGAQzYBMEmiPe0CULdwrjG/epmI53LafR+9dyOFoVMiIEBOiAXnqgH7u0z6Zro155YT8b1+9X9NtJMRtt9vap7IH4gixgYoIMwmEcuwCBhHfgFjJhDMEAHIjCAge8WoyZ2YuCNdWeYZyY32329q3gjue0XKp9HPR2v/05MoAE3GKADcmFVG1OtB2HtyYvtvSejhz8Pf6foOpQ2cgEGf1oHZYsvg18MfjH4FQovuQADdNA+F8pDZLW1cfOnXGxt6cP65ytnsmeZ7A77ehkz2YmRMxjAwJns6AAGqemguvYEQ6mToVSuYIAb3DBkw1scuZAcg+bE+txOFiK3Oz29rb2NeN9kONDzusnuhhOJgQE6CBtzyQUYpKSDxiHijDjN5Dg6aOgSZCH3jUFDYryBCTcYoINgZJML6TDQR7NRfdAQYxFjEWOxvbFI/sgFDNJloNPcjjHMaRqgcYLmERpo/FsUTUQdGeh0ZtHrbzHIMAkxSpdvI5jFyZnFsSvBqYnxmugWMDJoCAOG0hjMYzhx2TFETew2oOmNdd9JgGEOA3RALlAP/FFCTWzPIKw9MRtluZwU/XTNIRigA3JhuSqFekBN7HAulC2+fvX7huzFrvz0664LuazfaEhMMOLgBgN0QC4sd1QlVw/+AQCSSbAX5wquAAAAAElFTkSuQmCC'/%3E%3C/defs%3E%3C/svg%3E%0A");
  background-size: 200% auto;
  background-repeat: no-repeat;
  background-position: center;
}

#legend li h6 {
  font-family: "Encode Sans", Sans-serif;
  font-weight: 700;
  font-size: 17px;
  line-height: 23px;
  letter-spacing: 0.2px;
  color: #FFFFFF;
  margin: 0;
}

.info-btn {
  cursor: pointer;
  position: absolute;
  bottom: 40px;
  left: 24px;
  display: flex;
  align-items: center;
  z-index: 999;
  display: none;
}

.info-btn .info-btn-icon,
.show-modal-button .show-modal-button-icon {
  width: 50px;
  height: 50px;
  border-radius: 50%;
  background: #000;
  text-align: center;
  transition: all 0.3s;
  position: relative;
}

.info-btn .info-btn-icon svg,
.show-modal-button .show-modal-button-icon svg {
  display: block;
  position: relative;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  position: relative;
  z-index: 2;
}

.show-modal-button {
  cursor: pointer;
  position: absolute;
  bottom: 40px;
  right: 56px;
  display: flex;
  align-items: center;
  z-index: 99999;
  opacity: 0;
  visibility: hidden;
  transition: all 0.3s;
  pointer-events: all;
}

.show-modal-button:hover .show-modal-button-icon {
  background: #003051;
}

.show-modal-button.on {
  opacity: 1;
  visibility: visible;
}

.show-modal-button .show-modal-button-icon {
  background: #00152A;
}

.current-location {
  cursor: pointer;
  position: absolute;
  bottom: 40px;
  left: 122px;
  display: flex;
  align-items: center;
  z-index: 999;
  pointer-events: all;
}

.current-location .current-location-icon {
  width: 50px;
  height: 50px;
  border-radius: 50%;
  background: linear-gradient(90deg, #FF9933 0%, #EF4900 100%);
  text-align: center;
  transition: all 0.3s;
  position: relative;
}

.current-location .current-location-icon:before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  border-radius: 50%;
  z-index: 1;
  background: linear-gradient(90deg, #EF4900 0%, #FF9933 100%);
  opacity: 0;
  transition: all 0.3s;
}

.current-location:hover .current-location-icon:before {
  opacity: 1;
}

.current-location .current-location-icon svg {
  display: block;
  position: relative;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  position: relative;
  z-index: 2;
}

.current-location p {
  font-family: 'Lato';
  font-weight: 700;
  font-size: 14px;
  line-height: 13px;
  letter-spacing: 0.5px;
  color: #FFFFFF;
  text-transform: uppercase;
  margin-left: 8px;
}

.regulation-modal-main-wrapper {
  position: absolute;
  width: 100%;
  max-width: 580px;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  z-index: 998;
  filter: drop-shadow(0px 80px 120px rgba(3, 15, 26, 0.8));
  transition: all 0.5s;
}

.regulation-modal-main-wrapper .disclaimer {
  position: absolute;
  left: 0;
  bottom: -48px;
  right: 0;
  text-align: center;
}

.regulation-modal-main-wrapper .disclaimer p {
  font-family: 'Lato';
  display: inline-block;
  font-weight: 400;
  font-size: 14px;
  line-height: 27px;
  letter-spacing: 0.1px;
  color: #FFFFFF;
  padding-left: 28px;
  background-image: url("data:image/svg+xml,%3Csvg width='20' height='21' viewBox='0 0 20 21' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12.4997 13.0004L16.6664 17.167M5.98975 2.36621L6.63725 4.78038M4.27975 7.13788L1.86475 6.49038M11.6247 3.87538L9.85641 5.64371M5.14225 10.357L3.37558 12.1254M12.4997 13.0004L10.8331 17.167L7.49975 8.00038L16.6664 11.3337L12.4997 13.0004Z' stroke='white' stroke-width='1.25' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
  background-size: 20px;
  background-repeat: no-repeat;
  background-position: left center;

}

.regulation-modal {
  background: #00152A;
  text-align: center;
  -webkit-clip-path: polygon(100% 0, 100% 83%, 85% 100%, 0 100%, 0% 0%, 0% 0%, 0% 15%, 12% 0);
  clip-path: polygon(100% 0, 100% 83%, 85% 100%, 0 100%, 0% 0%, 0% 0%, 0% 15%, 12% 0);
  padding: 76px 16px 90px 16px;
  background-image: url('../images/modal-pattern.png');
  background-size: cover;
  background-position: center bottom;
  background-repeat: no-repeat;
}

.regulation-modal-main-wrapper.fade-modal {
  opacity: 0;
  visibility: hidden;
}

.regulation-modal:before {
  content: "";
  position: absolute;
  width: 294px;
  left: 50%;
  margin-left: -147px;
  top: 0;
  background-image: url('../images/modal-pattern-lines.png');
  height: 9px;
  background-size: 100%;
  background-repeat: no-repeat;
  background-position: center;
}

.regulation-modal h2 {
  font-family: "Encode Sans", Sans-serif;
  font-weight: 800;
  font-size: 46px;
  line-height: 58px;
  letter-spacing: 0.2px;
  color: #FFFFFF;
  margin: 0 0 40px 0;
  max-width: 400px;
  margin-left: auto;
  margin-right: auto;
}

.regulation-modal p {
  font-family: 'Lato';
  font-weight: 400;
  font-size: 19px;
  line-height: 31px;
  color: #CDDCF2;
  margin: 0 0 46px 0;
}

.regulation-modal a {
  border-width: 4px;
  border-style: solid;
  border: 2px solid;
  padding: 16px 24px;
  border-image: linear-gradient(to right, #FF9933, #EF4900) 1;
  font-weight: 700;
  font-size: 14px;
  line-height: 13px;
  text-align: center;
  letter-spacing: 0.5px;
  color: #FFFFFF;
  position: relative;
  display: inline-block;
  text-transform: uppercase;
}

.regulation-modal a:hover:before {
  opacity: 1;
}

.regulation-modal a:before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  opacity: 0;
  transition: all 0.3s;
  z-index: -1;
  text-transform: uppercase;
  background: -webkit-gradient(linear, 0 0, 0 100%, from(#ef4900), to(#f93));
  background: -webkit-linear-gradient(right, #ef4900, #f93);
  background: -moz-linear-gradient(right, #ef4900, #f93);
  background: -o-linear-gradient(right, #ef4900, #f93);
  background: linear-gradient(right, #ef4900, #f93);
}

/* request a demo section */
.aw-compliance-cta-section {
  text-align: center;
  padding-top: 160px;
  padding-bottom: 135px;
  filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.25));
  background: linear-gradient(64.16deg, #FFFFFF 7.66%, rgba(255, 255, 255, 0) 56.59%);
  background: linear-gradient(180deg, #00152A 18.41%, rgba(0, 21, 42, 0) 100%);
  background-image: linear-gradient(180deg, #00152A 18.41%, rgba(0, 21, 42, 0) 100%), url('../images/aw-compliance-header.jpg');
  background-size: 120% auto;
  background-repeat: no-repeat;
  background-position: center bottom;
  padding-left: 24px;
  padding-right: 24px;
}

.aw-compliance-cta-section.on {
  background-size: 150% auto;
}

.aw-compliance-cta-section h2 {
  font-weight: 700;
  font-size: 36px;
  line-height: 43px;
  text-align: center;
  letter-spacing: 0.4px;
  color: #FFFFFF;
  margin: 0 0 40px 0;
  max-width: 580px;
  margin-left: auto;
  margin-right: auto;
}

.aw-compliance-cta-section h2 {
  margin: 0 0 40px 0;
  max-width: 580px;
  margin-left: auto;
  margin-right: auto;
}

.aw-compliance-cta-section a.show-form {
  border-width: 4px;
  border-style: solid;
  border: 2px solid;
  padding: 16px 24px;
  border-image: linear-gradient(to right, #FF9933, #EF4900) 1;
  font-weight: 700;
  font-size: 14px;
  line-height: 13px;
  text-align: center;
  letter-spacing: 0.5px;
  color: #FFFFFF;
  position: relative;
  display: inline-block;
  text-transform: uppercase;
}

.aw-compliance-cta-section a.show-form:before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  opacity: 0;
  transition: all 0.3s;
  z-index: -1;
  text-transform: uppercase;
  background: -webkit-gradient(linear, 0 0, 0 100%, from(#ef4900), to(#f93));
  background: -webkit-linear-gradient(right, #ef4900, #f93);
  background: -moz-linear-gradient(right, #ef4900, #f93);
  background: -o-linear-gradient(right, #ef4900, #f93);
  background: linear-gradient(right, #ef4900, #f93);
}

.aw-compliance-cta-section a.show-form:hover:before {
  opacity: 1;
}

.aw-compliance-how-helps {
  background: #081B2D;
  padding-top: 90px;
  padding-bottom: 90px;
  position: relative;
  z-index: 1;
}

.aw-compliance-how-helps.elementor-section .elementor-container {
  max-width: 1304px;
}

.aw-compliance-how-helps .elementor-column {
  padding: 0 12px;
}

.aw-compliance-how-helps::after {
  position: absolute;
  content: '';
  width: 100%;
  max-width: 1305px;
  height: 100%;
  top: -50%;
  max-height: 1033px;
  background-image: url('../images/how-helps-bg.png');
  background-repeat: no-repeat;
  right: 0;
  background-size: cover;
  z-index: -2;
}

.aw-compliance-how-helps .column-top {
  max-width: 800px;
  text-align: center;
  margin: auto;
}

.aw-compliance-how-helps h2.section-title {
  font-family: "Encode Sans", Sans-serif;
  font-size: 36px;
  font-weight: 700;
  line-height: 43px;
  letter-spacing: 0.4px;
  text-align: center;
  color: #ffff;
}

.aw-compliance-how-helps .elementor-container {
  padding-left: 12px;
  padding-right: 12px;
}

.aw-compliance-how-helps .elementor-row.grid-row {
  padding-top: 130px;
  margin-left: -12px;
  margin-right: -12px;
  width: auto;
}

.aw-compliance-how-helps .grid-row .elementor-column .elementor-column-inner {
  text-align: center;
  background: linear-gradient(351.23deg, rgba(5, 46, 80, 0.51) 15.22%, rgba(5, 46, 80, 0) 92.93%);
  padding-bottom: 70px;
  padding-left: 24px;
  padding-right: 24px;
  transition: all 0.3s ease;
}

.aw-compliance-how-helps .grid-row .elementor-column:hover .elementor-column-inner {
  background: linear-gradient(351.23deg, #2296DD -16.64%, rgba(5, 46, 80, 0) 88.93%);
}

.aw-compliance-how-helps .grid-row .elementor-column .elementor-column-inner .icon {
  max-width: 124px;
  max-height: 140px;
  margin: auto;
  margin-top: -70px;
  text-align: center;
  margin-bottom: 26px;
}

.aw-compliance-how-helps .grid-row .elementor-column .elementor-column-inner h4 {
  font-family: "Encode Sans", Sans-serif;
  font-size: 21px;
  font-weight: 600;
  line-height: 31px;
  letter-spacing: 0px;
  text-align: center;
  color: #fff;
  margin-bottom: 16px;
}

.aw-compliance-how-helps .grid-row .elementor-column .elementor-column-inner p.copy {
  font-family: 'Lato';
  font-size: 17px;
  font-weight: 400;
  line-height: 27px;
  letter-spacing: 0.1px;
  color: #fff;
  text-align: center;
}

.aw-compliance-resources {
  background: #081B2D;
  position: relative;
  padding-top: 90px;
  padding-bottom: 190px;
}

.aw-compliance-resources.elementor-section .elementor-container {
  max-width: 1304px;
}

.aw-compliance-resources .elementor-column-wrap.elementor-element-populated {
  margin: 0px 12px;
}

.aw-compliance-resources .elementor-container {
  padding-left: 12px;
  padding-right: 12px;
}

.aw-compliance-resources .elementor-row {
  margin-left: -12px;
  margin-right: -12px;
  width: auto;
}

.aw-compliance-resources:before {
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  background: linear-gradient(180deg, rgba(5, 17, 29, 0) 2.8%, #05111D 100%);
}

.aw-compliance-resources .col-title h2 {
  color: #E4E4E4;
  font-weight: 700;
  font-size: 36px;
  line-height: 43px;
}

.aw-compliance-resources .col-title {
  padding-bottom: 63px;
}

.aw-compliance-resources .elementor-column-inner.space-between {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  flex: 1;
}

.aw-compliance-resources .elementor-column h4 {
  font-size: 18px;
  font-weight: 400;
  line-height: 23px;
  letter-spacing: 0.5px;
  text-align: left;
  color: #fff;
  margin-bottom: 16px;
}

.aw-compliance-resources .headline,
.aw-compliance-how-helps .headline {
  font-family: "Encode Sans", Sans-serif;
  font-size: 13px;
  font-weight: 500;
  line-height: 20px;
  letter-spacing: 3px;
  text-align: left;
  color: #F58220;
  text-transform: uppercase;
  margin-bottom: 11px;
}

.aw-compliance-how-helps .headline {
  text-align: center;
}

.aw-compliance-resources .headline.blue {
  font-family: "Encode Sans", Sans-serif;
  font-size: 15px;
  font-weight: 600;
  line-height: 18px;
  letter-spacing: 0px;
  text-align: left;
  color: #2296DD;
  margin-bottom: 8px;
  text-transform: capitalize;
}

.aw-compliance-resources a.btn-box {
  font-family: 'Lato';
  font-style: normal;
  font-weight: 800;
  font-size: 13px;
  line-height: 17px;
  letter-spacing: 1px;
  color: #FFFFFF;
  text-transform: uppercase;
  display: flex;
  align-items: center;
  padding-top: 24px;
  transition: all 0.3s;
}

.aw-compliance-resources a.btn-box i {
  margin-left: 12px;
  color: #F58220;
  transition: all 0.3s;
}

.aw-compliance-resources a.btn-box:hover {
  color: #F58220;
}

.aw-compliance-resources a.btn-box:hover i {
  margin-left: 15px;
}

.aw-compliance-resources .img-column {
  width: 100%;
}

.aw-compliance-resources .img-column a {
  position: relative;
  overflow: hidden;
  display: block;
}

.aw-compliance-resources .img-column a:hover img {
  transform: scale(1.05);
  transform-origin: center;
}

.aw-compliance-resources .img-column img {
  display: block;
  max-height: 250px;
  transition: all 0.3s;
}

/* aw-compliance-survey */
.aw-compliance-survey {
  background: linear-gradient(298.28deg, rgba(255, 255, 255, 0.77) 10.72%, rgba(255, 255, 255, 0) 57.14%);
  padding-top: 250px;
  padding-bottom: 90px;
  background: #081B2D;
  position: relative;
}

.aw-compliance-survey:before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  background-image: url('../images/aw-compliance-survey-pattern.png');
  background-size: cover;
  background-repeat: no-repeat;
  background-position: left top;
  z-index: 1;
  pointer-events: none;
}

.aw-compliance-survey .elementor-container {
  position: relative;
  z-index: 3;
}

.aw-compliance-survey .elementor-container:last-child {
  z-index: 2;
}

.aw-compliance-survey.elementor-section .elementor-container {
  max-width: 1304px;
}

.aw-compliance-survey .elementor-container {
  padding-left: 12px;
  padding-right: 12px;
}

.aw-compliance-survey .elementor-row {
  margin-left: -12px;
  margin-right: -12px;
  width: auto;
  min-width: calc(100% + 24px);
}

.aw-compliance-survey .elementor-row .elementor-column {
  padding-left: 12px;
  padding-right: 12px;
}

@media(min-width: 1200px) {
  .aw-compliance-survey>.elementor-container>.elementor-row>.elementor-column.elementor-col-50 {
    width: 46%;
  }

  .aw-compliance-survey>.elementor-container>.elementor-row>.elementor-column.elementor-col-50:last-child {
    width: 54%;
  }
}

.aw-compliance-survey>.elementor-container>.elementor-row>.elementor-col-50:first-child {
  padding-left: 88px;
}

.aw-compliance-survey .elementor-column-inner {
  width: 100%;
}

.aw-compliance-survey .headline {
  font-weight: 500;
  font-size: 13px;
  line-height: 20px;
  letter-spacing: 3px;
  text-transform: uppercase;
  color: #F58220;
  display: inline-block;
  font-family: "Encode Sans", Sans-serif;
  margin-bottom: 16px;
}

.aw-compliance-survey h2 {
  font-weight: 700;
  font-size: 36px;
  line-height: 43px;
  letter-spacing: 0.4px;
  color: #FFFFFF;
  margin: 0 0 32px 0;
  max-width: 540px;
}

.aw-compliance-survey p {
  font-weight: 400;
  font-size: 19px;
  line-height: 31px;
  color: #FFFFFF;
  max-width: 440px;
}

.aw-compliance-survey .elementor-col-50 .elementor-widget-wrap {
  padding: 0 0 0 8px;
}

.aw-compliance-survey .box-wrapper {
  z-index: 2;
  filter: drop-shadow(-39px 118px 50px rgba(3, 12, 19, 0.04)) drop-shadow(-22px 66px 42px rgba(3, 12, 19, 0.13)) drop-shadow(-10px 29px 31px rgba(3, 12, 19, 0.22)) drop-shadow(-2px 7px 17px rgba(3, 12, 19, 0.25)) drop-shadow(0px 0px 0px rgba(3, 12, 19, 0.25));
  position: relative;
}

.aw-compliance-survey .box-wrapper+.box-wrapper.mobile-clone {
  display: none;
}

.aw-compliance-survey .box {
  padding: 54px 32px 32px 32px;
  background: #052E50;
  background: linear-gradient(310deg, transparent 25px, #052E50 0);
  /* -webkit-clip-path: polygon(100% 0, 100% 85%, 85% 100%, 0 100%, 0 0);
    clip-path: polygon(100% 0, 100% 85%, 85% 100%, 0 100%, 0 0); */
}

.aw-compliance-survey .box:before,
.aw-compliance-survey .box:after {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  width: 3px;
  background: #2296DD;
  opacity: 0.6;
  z-index: 1;
}

.aw-compliance-survey .box:after {
  background: linear-gradient(179.97deg, #FF9933 8.82%, #EF4900 100%);
  top: 100%;
  z-index: 2;
  opacity: 1;
  transition: all 1.6s;
}

.is-viewport.aw-compliance-survey .box.box78:after {
  top: 22%;
}

.is-viewport.aw-compliance-survey .box.box34:after {
  top: 64%;
}

.is-viewport.aw-compliance-survey .box.box53:after {
  top: 47%;
}


.aw-compliance-survey .box h5 {
  font-weight: 700;
  font-size: 56px;
  line-height: 67px;
  letter-spacing: 1px;
  color: #FFFFFF;
  margin: 0 0 10px 0;
  font-family: "Encode Sans", Sans-serif !important;
}

.aw-compliance-survey .box h5 sup {
  font-size: 60%;
  line-height: 40px;
}

.aw-compliance-survey .box p {
  font-size: 17px;
  line-height: 27px;
  letter-spacing: 0.1px;
}

.aw-compliance-survey .box-wrapper+.box-wrapper {
  margin-top: 32px;
}

.results-bar {
  display: flex;
  width: 100%;
  padding: 56px 88px;
  align-items: center;
  margin-top: -40px;
  z-index: 1;
  position: relative;
  -webkit-clip-path: polygon(0 0%, 100% 0%, 100% 0, 100% calc(100% - 35px), calc(100% - 35px) 100%, 0px 100%, 0% 100%, 0% 0);
  clip-path: polygon(0 0%, 100% 0%, 100% 0, 100% calc(100% - 35px), calc(100% - 35px) 100%, 0px 100%, 0% 100%, 0% 0);
}

.results-bar:before {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  top: 0;
  z-index: -1;
  background: linear-gradient(273.16deg, #EF4900 -6.16%, #FF9933 105.54%);
  transform: rotate(-180deg);
}

.results-bar:after {
  content: "";
  position: absolute;
  left: 0;
  width: 28px;
  bottom: 0;
  top: 0;
  z-index: 1;
  background-image: url("data:image/svg+xml,%3Csvg width='28' height='180' viewBox='0 0 28 180' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_329_5671)'%3E%3Cg opacity='0.5'%3E%3Cpath d='M142 -5L-44.5 304' stroke='white'/%3E%3Cpath d='M135.5 -5L-51 304' stroke='white'/%3E%3Cpath d='M129 -5L-57.5 304' stroke='white'/%3E%3Cpath d='M122.5 -5L-64 304' stroke='white'/%3E%3Cpath d='M116 -5L-70.5 304' stroke='white'/%3E%3Cpath d='M109.5 -5L-77 304' stroke='white'/%3E%3Cpath d='M103 -5L-83.5 304' stroke='white'/%3E%3Cpath d='M96.5 -5L-90 304' stroke='white'/%3E%3Cpath d='M90 -5L-96.5 304' stroke='white'/%3E%3Cpath d='M83.5 -5L-103 304' stroke='white'/%3E%3Cpath d='M77 -5L-109.5 304' stroke='white'/%3E%3Cpath d='M70.5 -5L-116 304' stroke='white'/%3E%3Cpath d='M64 -5L-122.5 304' stroke='white'/%3E%3Cpath d='M57.5 -5L-129 304' stroke='white'/%3E%3Cpath d='M51 -5L-135.5 304' stroke='white'/%3E%3Cpath d='M44.5 -5L-142 304' stroke='white'/%3E%3Cpath d='M38 -5L-148.5 304' stroke='white'/%3E%3Cpath d='M31.5 -5L-155 304' stroke='white'/%3E%3Cpath d='M25 -5L-161.5 304' stroke='white'/%3E%3Cpath d='M18.5 -5L-168 304' stroke='white'/%3E%3Cpath d='M12 -5L-174.5 304' stroke='white'/%3E%3Cpath d='M5.5 -5L-181 304' stroke='white'/%3E%3C/g%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_329_5671'%3E%3Crect width='28' height='180' fill='white' transform='translate(28 180) rotate(-180)'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");
  background-size: cover;
}

.results-bar h6 {
  font-weight: 600;
  font-size: 27px;
  line-height: 37px;
  letter-spacing: 0.3px;
  color: #fff;
  margin: 0 0 4px 0;
  font-family: "Encode Sans", Sans-serif;
}

.results-bar p {
  font-size: 17px;
  line-height: 27px;
  letter-spacing: 0.1px;
  color: #FFFFFF;
  max-width: 100%;
}

.results-bar .left-side {
  width: 100%;
}

.results-bar .right-side {}

.results-bar .btn-white {
  border-width: 4px;
  border-style: solid;
  border: 2px solid;
  padding: 16px 24px;
  border-image: #fff;
  font-weight: 700;
  font-size: 14px;
  line-height: 13px;
  text-align: center;
  letter-spacing: 0.5px;
  color: #FFFFFF;
  position: relative;
  white-space: nowrap;
  z-index: 1;
}

.results-bar .btn-white:before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  transition: all 0.3s;
  z-index: -1;
  background: transparent;
}

.results-bar .btn-white:hover {
  color: #FF9933;
  border-color: #fff;
}

.results-bar .btn-white:hover:before {
  background: #fff;
}

/* aw-compliance-quote */
.aw-compliance-quote {
  padding-top: 90px;
  padding-bottom: 90px;
  background: #081B2D;
}

.aw-compliance-quote.elementor-section .elementor-container {
  max-width: 1304px;
}

.aw-compliance-quote .elementor-container {
  padding-left: 12px;
  padding-right: 12px;
}

.aw-compliance-quote .elementor-row {
  margin-left: -12px;
  margin-right: -12px;
  width: auto;
}

.aw-compliance-quote .elementor-column {
  padding: 0 12px;
}

.aw-compliance-quote .quote {
  padding: 135px 155px 80px 165px;
  background-size: cover;
  position: relative;
  z-index: 2;
  box-shadow: 0px 420px 168px rgba(16, 65, 112, 0.02), 0px 236px 142px rgba(16, 65, 112, 0.08), 0px 105px 105px rgba(16, 65, 112, 0.14), 0px 26px 58px rgba(16, 65, 112, 0.16), 0px 0px 0px rgba(16, 65, 112, 0.16);
}

.aw-compliance-quote .quote:before {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  top: 0;
  background: #01080F;
  z-index: -1;
  opacity: 0.87;
}

.aw-compliance-quote .quote h3 {
  font-family: 'Lato';
  font-style: italic;
  font-weight: 500;
  font-size: 36px;
  line-height: 43px;
  letter-spacing: 0.4px;
  color: #FFFFFF;
  margin: 0 0 42px 0;
  position: relative;
}

.aw-compliance-quote .quote h3:before {
  content: "";
  position: absolute;
  left: -70px;
  top: -55px;
  width: 107px;
  height: 85px;
  background-image: url("data:image/svg+xml,%3Csvg width='109' height='86' viewBox='0 0 109 86' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath opacity='0.3' d='M26.6125 85.1043C18.0986 85.1043 11.6536 82.6377 7.27731 77.7045C2.90103 72.6916 0.712891 65.1326 0.712891 55.0274C0.712891 45.32 2.42362 35.6524 5.84507 26.0246C9.26652 16.3172 13.7622 7.68403 19.332 0.125H41.0542C37.1553 8.55927 34.0919 16.3968 31.864 23.6375C29.7157 30.8783 28.6415 38.2384 28.6415 45.7178L20.4061 38.9147H25.1803C32.5801 38.9147 38.5478 40.9835 43.0832 45.1211C47.6186 49.2587 49.8863 54.908 49.8863 62.0692C49.8863 69.31 47.738 74.9593 43.4413 79.0173C39.2241 83.0753 33.6145 85.1043 26.6125 85.1043ZM85.2148 85.1043C76.701 85.1043 70.2559 82.6377 65.8796 77.7045C61.5034 72.6916 59.3152 65.1326 59.3152 55.0274C59.3152 45.32 61.0259 35.6524 64.4474 26.0246C67.8688 16.3172 72.3645 7.68403 77.9343 0.125H99.6565C95.7577 8.55927 92.6943 16.3968 90.4663 23.6375C88.318 30.8783 87.2438 38.2384 87.2438 45.7178L79.0085 38.9147H83.7826C91.1825 38.9147 97.1501 40.9835 101.686 45.1211C106.221 49.2587 108.489 54.908 108.489 62.0692C108.489 69.31 106.34 74.9593 102.044 79.0173C97.8265 83.0753 92.2169 85.1043 85.2148 85.1043Z' fill='%232296DD'/%3E%3C/svg%3E%0A");
  background-size: auto 100%;
  z-index: -1;
}

.aw-compliance-quote .quote h6 {
  font-family: 'Lato';
  font-style: normal;
  font-weight: 700;
  font-size: 17px;
  line-height: 27px;
  letter-spacing: 0.1px;
  color: #FFFFFF;
  margin: 0 0 2px 0;
}

.aw-compliance-quote .quote p {
  font-family: "Encode Sans", Sans-serif;
  font-style: normal;
  font-weight: 300;
  font-size: 14px;
  line-height: 21px;
  letter-spacing: 0.3px;
  color: #FFFFFF;
  margin: 0 0 8px 0;
}

.aw-compliance-quote .cta-logo {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
}

.aw-compliance-quote .cta-logo .logo {
  width: 100%;
  max-width: 166px;
}

.aw-compliance-quote .cta-logo .logo img {
  width: 100%;
  display: block;
}

.color1 {
  stop-color: #FF9933;
}

.color2 {
  stop-color: #EF4900;
}

.leaflet-interactive.csv-color.active {
  fill: url(#g1);
  stroke: none;
}

.leaflet-interactive.csv-color.cyprus,
.leaflet-interactive.csv-color[class~="n.cyprus"] {
  stroke: none;
}

.aw-compliance-quote .cta {
  font-family: 'Lato';
  font-style: normal;
  font-weight: 800;
  font-size: 13px;
  line-height: 17px;
  letter-spacing: 1px;
  color: #FFFFFF;
  text-transform: uppercase;
  display: flex;
  align-items: center;
  transition: all 0.3s;
}

.aw-compliance-quote .cta:hover i {
  margin-left: 15px;
}

.aw-compliance-quote .cta:hover {
  color: #F58220;
}

.aw-compliance-quote .cta i {
  margin-left: 12px;
  color: #F58220;
  transition: all 0.3s;
}

.aw-compliance-quote .quote {
  overflow: hidden;
  opacity: 0;
  -webkit-transform: translate3d(0, 100px, 0);
  transform: translate3d(0, 100px, 0);
  transition: all 1s ease;
}

.aw-compliance-quote .quote-bg {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  z-index: -2;
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
  transition: all 1s ease;
}


.aw-compliance-quote .quote:hover .quote-bg {
  transform: scale(1.1);
}

.aw-compliance-quote.is-viewport .quote {
  opacity: 1;
  -webkit-transform: none;
  transform: none;
}

/* mkto form */
.aw-compliance-cta-section.on .mkto-form {
  height: auto !important;
}

.mkto-form .mktoFormRow label {
  display: none;
}

.mkto-form {
  max-width: 500px;
  margin-left: auto;
  margin-right: auto;
  padding: 0 !important;
}

.mkto-form .mktoHtmlText {
  color: #fff;
  font-family: 'Lato';
  font-style: normal;
  font-weight: 400;
  font-size: 13px;
  line-height: 26px;
  padding-right: 30px;
}

.mkto-form .mktoHtmlText a {
  color: #F58220;
  text-decoration: underline;
  transition: opacity 0.3s;
}

.mkto-form .mktoHtmlText a:hover {
  opacity: 0.7;
}

.mkto-form .mktoFormRow {
  margin-bottom: 10px !important;
}

.mkto-form .mktoFormRow input {
  outline: 0 !important;
  font-family: 'Lato';
  font-weight: 400;
  font-size: 15px;
  line-height: 17px;
  color: #FFFFFF;
}

.mkto-form.mktoForm input[type=url],
.mkto-form.mktoForm input[type=text],
.mkto-form.mktoForm input[type=date],
.mkto-form.mktoForm input[type=tel],
.mkto-form.mktoForm input[type=email],
.mkto-form.mktoForm input[type=number],
.mkto-form.mktoForm input[type=country],
.mkto-form.mktoForm textarea.mktoField,
.mkto-form.mktoForm select.mktoField {
  border-bottom: 0.5px solid #FFFFFF !important;
  height: 37px;
  padding-left: 0 !important;
}

.mkto-form.mktoForm input[type=text]:focus,
.mkto-form.mktoForm input[type=url]:focus,
.mkto-form.mktoForm input[type=email]:focus,
.mkto-form.mktoForm input[type=tel]:focus,
.mkto-form.mktoForm input[type=number]:focus,
.mkto-form.mktoForm input[type=date]:focus,
.mkto-form.mktoForm select.mktoField:focus,
.mkto-form.mktoForm textarea.mktoField:focus {
  outline: none !important;
}

.mkto-form.mktoForm .mktoButtonWrap.mktoSimple .mktoButton {
  background: transparent !important;
  border: 0 !important;
  font-family: 'Lato';
  font-weight: 700;
  font-size: 14px;
  line-height: 13px;
  text-align: center;
  letter-spacing: 0.5px;
  color: #FFFFFF;
  padding: 20px 30px !important;
  display: inline-block;
  width: auto;
  transition: all 0.3s;
  position: relative;
  margin: 0;
}

.mkto-form.mktoForm .mktoButtonWrap {
  position: relative;
  display: inline-block;
  margin-top: 38px
}

.mkto-form.mktoForm .mktoButtonWrap:after {
  content: '';
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  background: linear-gradient(90deg, #FF9933 0%, #EF4900 100%);
  transition: all 0.3s;
}

.mkto-form.mktoForm .mktoButtonWrap:before {
  content: '';
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  background: -webkit-gradient(linear, 0 0, 0 100%, from(#f93), to(#ef4900));
  background: -webkit-linear-gradient(right, #f93, #ef4900);
  background: -moz-linear-gradient(right, #f93, #ef4900);
  background: -o-linear-gradient(right, #f93, #ef4900);
  background: linear-gradient(right, #f93, #ef4900);
  transition: all 0.3s;
}

.mkto-form.mktoForm .mktoButtonWrap:hover:before {
  opacity: 1;
}

.mkto-form.mktoForm .mktoButtonWrap:hover:after {
  opacity: 0;
}

.mkto-form.mktoForm .mktoButtonWrap:hover .mktoButton {
  background: transparent !important;
}

.mobile-filter-regulation {
  display: none;
}

.map-panel-filter-menu.filter-collapsed .mobile-filter-regulation {
  background: #003051;
  border-bottom: 1px solid #fff;
}

.explore-regulation-mobile {
  max-height: 0;
  opacity: 0;
  visibility: hidden;
  transition: all 0.3s;
  position: relative;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 999999;
}

div#drift-frame-controller {
  z-index: 999999 !important;
  bottom: 120px !important;
  right: 44px !important;
}

.map-panel-active div#drift-frame-controller {
  z-index: 9999 !important;
}

@media screen and (max-width: 1700px) {
  .map-panel-active .current-location p {
    opacity: 0;
  }

  .map-panel-active .legend-wrapper {
    padding-left: 160px;
  }
}

@media screen and (max-width: 1500px) {
  .map-panel-active .legend-wrapper {
    padding-left: 160px;
    padding-right: 160px;
  }
}

@media screen and (max-width: 1420px) {
  .current-location p {
    max-width: 90px;
  }
}

@media screen and (max-width: 1304px) {

  .aw-compliance-survey .elementor-container,
  .aw-compliance-quote .elementor-container,
  .aw-compliance-how-helps .elementor-container,
  .aw-compliance-resources .elementor-container {
    padding-left: 24px;
    padding-right: 24px;
  }
}

@media screen and (min-width: 1024px) and (max-height: 910px) {
  .regulation-modal {
    padding: 50px 16px 50px 16px
  }
  .regulation-modal h2 {
    font-size: 36px;
    line-height: 44px;
    margin-bottom: 24px;
    max-width: 300px;
  }
  .regulation-modal p {
    font-size: 16px;
    line-height: 24px;
    margin-bottom: 32px;
    max-width: 400px;
    margin-left: auto;
    margin-right: auto;
  }
  .regulation-modal-main-wrapper .disclaimer {
    bottom: -44px;
  }
}

@media screen and (max-width: 1200px) {
  @keyframes fadeinLi {
    0% {
      opacity: 0;
      transform: translateY(10px);
    }

    66% {
      opacity: 0;
      transform: translateY(10px);
    }

    100% {
      opacity: 1;
      transform: translateY(0);
    }
  }

  @-webkit-keyframes fadeinLi {
    0% {
      opacity: 0;
      transform: translateY(10px);
    }

    66% {
      opacity: 0;
      transform: translateY(10px);
    }

    100% {
      opacity: 1;
      transform: translateY(0);
    }
  }

  div#drift-frame-controller {
    bottom: 100px !important;
    right: 0px !important;
  }

  .info-btn {
    z-index: 9999;
    pointer-events: all;
  }

  .legend-wrapper {
    bottom: 60px;
  }

  .legend-wrapper.active #legend {
    opacity: 1;
    visibility: visible;
  }

  .legend-wrapper.active #legend>li {
    -webkit-animation: 0.5s ease 0s normal forwards 1 fadeinLi;
    animation: 0.5s ease 0s normal forwards 1 fadeinLi;
  }

  .legend-wrapper.active #legend>li:nth-child(2) {
    animation-delay: 50ms;
  }

  .legend-wrapper.active #legend>li:nth-child(3) {
    animation-delay: 250ms;
  }

  .legend-wrapper.active #legend>li:nth-child(4) {
    animation-delay: 500ms;
  }

  #legend {
    opacity: 0;
    visibility: hidden;
    background: transparent;
    backdrop-filter: none;
    text-align: left;
  }

  #legend>li {
    padding-left: 24px;
    width: 100%;
    margin-bottom: 8px;
    opacity: 0;
    transform: translateY(20px);
    transition: all 0.5s;
  }

  #legend>li:first-child {
    display: none;
  }

  #legend li p {
    padding-left: 58px;
    min-height: 50px;
    padding-top: 14px;
    padding-bottom: 14px;
    font-size: 8px;
    line-height: 10px;

  }

  #legend li p:before {
    width: 50px;
    height: 50px;
  }

  .regulation-modal-main-wrapper {
    filter: drop-shadow(0px 331px 93px rgba(8, 26, 43, 0.01)) drop-shadow(0px 53px 53px rgba(8, 26, 43, 0.5)) drop-shadow(0px 13px 29px rgba(8, 26, 43, 0.5)) drop-shadow(0px 0px 0px rgba(8, 26, 43, 0.5));
  }
}

@media screen and (max-width: 1024px) {
  .aw-compliance-survey .elementor-widget-wrap {
    padding: 0 24px;
  }

  .aw-compliance-survey>.elementor-container>.elementor-row>.elementor-col-50:first-child {
    padding-left: 28px;
  }
}

@media(min-width: 767px) {
  .map-panel-top {
    position: relative;
    padding-bottom: 48px;
  }

  .map-panel-container .map-panel-filter-menu {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
  }

  .map-panel-container.fixed .map-panel-filter-menu {
    position: fixed;
    top: 0 !important;
    bottom: auto !important;
    left: 0;
    right: 0;
  }
}

@media screen and (max-width: 767px) {
  #legend {
    width: 100%;
  }
  /* hide map controls */
  .info-btn,
  .current-location,
  .leaflet-control-container .leaflet-bottom.leaflet-left {
    opacity: 0;
    visibility: hidden;
  }
  .show-map-controls .info-btn,
  .show-map-controls .current-location,
  .show-map-controls .leaflet-control-container .leaflet-bottom.leaflet-left {
    opacity: 1;
    visibility: visible;
  }
  .show-map-controls .scroll-to-wrapper {
    opacity: 0;
    visibility: hidden;
  }


  .regulation-modal-main-wrapper {
    transform: translate(-50%, -55%);
  }
  .map-panel-filter-menu ul li.filter-by .count-selected {
    right: 20px;
  }

  .map-panel {
    position: fixed;
  }

  .mobile-disclaimer {
    opacity: 1;
    visibility: visible;
  }

  .map-panel-close-btn,
  .map-modal-close-btn {
    right: 0;
    top: 0;
  }

  .aw-compliance-survey .box-wrapper.mobile-clone {
    display: none;
  }

  .aw-compliance-survey .first-row .box-wrapper.mobile-clone {
    display: block;
  }

  .explore-regulation-mobile {
    background: linear-gradient(90deg, #FF9933 0%, #EF4900 100%);
    display: block;
  }

  .explore-regulation-mobile p {
    color: #fff;
    padding: 24px;
    font-family: 'Lato';
    font-style: normal;
    font-weight: 600;
    font-size: 13px;
    line-height: 13px;
    text-align: center;
    letter-spacing: 0.5px;
    pointer-events: none;
  }

  .explore-regulation-mobile.on {
    max-height: 60px;
    opacity: 1;
    visibility: visible;
  }

  .aw-compliance-survey:before {
    background-size: 200% auto;
  }

  .map-panel-open-btn {
    display: none;
  }

  .regulation-modal-main-wrapper {
    width: calc(100% - 48px);
    filter: drop-shadow(0px 74px 44px rgba(8, 26, 43, 0.11)) drop-shadow(0px 33px 33px rgba(8, 26, 43, 0.33)) drop-shadow(0px 8px 18px rgba(8, 26, 43, 0.42)) drop-shadow(0px 0px 0px rgba(8, 26, 43, 0.43));
  }

  .regulation-modal {
    padding: 46px 24px 60px 24px;
  }

  .regulation-modal h2 {
    font-size: 28px;
    line-height: 32px;
    letter-spacing: 0.12px;
    margin-bottom: 25px;
    max-width: 240px;
  }

  .regulation-modal:before {
    width: 180px;
    margin-left: -90px;
  }

  .regulation-modal p {
    font-size: 14px;
    line-height: 20px;
    letter-spacing: 0.05px;
    margin-bottom: 32px;
  }

  .aw-compliance-survey:before {
    background-size: 200% auto;
  }

  .show-modal-button {
    bottom: 20px;
    right: auto;
    left: 286px;
  }

  .show-modal-button .show-modal-button-icon {
    background: #00152A;
  }

  .info-btn {
    display: block;
    bottom: 20px;
  }

  .current-location {
    left: 90px;
    bottom: 20px;
  }

  .current-location p {
    display: none;
  }

  .leaflet-control-container .leaflet-control-zoom {
    margin-left: 156px;
    display: flex;
    margin-bottom: 20px;
  }

  .leaflet-control-container .leaflet-control-zoom a.leaflet-control-zoom-in {
    margin: 0 16px 0 0;
  }

  .aw-compliance-survey>.elementor-container>.elementor-row>.elementor-col-50:first-child {
    padding-left: 0;
  }

  .aw-compliance-survey .headline {
    text-align: center;
    display: block;
  }

  .aw-compliance-how-helps .elementor-row.grid-row {
    padding-top: 120px;
  }

  .aw-compliance-how-helps h2.section-title {
    font-size: 28px;
    line-height: 34px;
    max-width: 310px;
    margin: auto;
  }

  .aw-compliance-survey,
  .aw-compliance-quote,
  .aw-compliance-how-helps {
    padding-top: 60px;
    padding-bottom: 60px;
  }

  .aw-compliance-survey {
    padding-top: 144px;
  }

  .aw-compliance-survey h2 {
    margin-bottom: 24px;
    max-width: 100%;
    text-align: center;
    font-size: 28px;
    line-height: 34px;
  }

  .aw-compliance-survey p {
    font-size: 15px;
    font-weight: 400;
    line-height: 21px;
    letter-spacing: 0.1px;
    text-align: center;
    margin: auto;
    margin-bottom: 24px;
  }

  .aw-compliance-survey .box {
    display: flex;
    align-items: center;
    padding: 20px 22px 20px 27px;
    background: linear-gradient(310deg, transparent 20px, #052E50 0);
  }

  .aw-compliance-survey .elementor-col-50 .elementor-widget-wrap {
    padding: 0;
  }

  .results-bar {
    padding: 36px 28px 44px 40px;
    margin: auto;
    margin-top: 16px;
    flex-direction: column;
    align-items: flex-start;
    -webkit-clip-path: polygon(0 0%, 100% 0%, 100% 0, 100% calc(100% - 25px), calc(100% - 25px) 100%, 0px 100%, 0% 100%, 0% 0);
    clip-path: polygon(0 0%, 100% 0%, 100% 0, 100% calc(100% - 25px), calc(100% - 25px) 100%, 0px 100%, 0% 100%, 0% 0);
  }

  .results-bar:after {
    width: 18px;
  }

  .results-bar .left-side {
    display: block;
    text-align: left;
    margin: 0;
  }

  .aw-compliance-survey .results-bar .left-side p {
    margin-bottom: 24px;
    opacity: 1;
    font-size: 15px;
    font-weight: 400;
    line-height: 21px;
    text-align: left;
    letter-spacing: 0.1px;
  }

  .results-bar .right-side {
    display: flex;
    width: 100%;
  }

  .results-bar .btn-white {
    width: 100%;
  }

  .aw-compliance-survey .box h5 {
    margin-bottom: 0;
    font-size: 40px;
    font-weight: 700;
    line-height: 48px;
    letter-spacing: 0.47px;
  }

  .aw-compliance-survey .box p {
    margin-bottom: 0;
    margin-left: 24px;
    text-align: left;
    font-family: 'Lato';
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
    letter-spacing: 0.04px;
  }

  .aw-compliance-survey .box-wrapper {
    margin: auto;
    margin-top: 16px;
    width: 100%;
    filter: none;
  }

  .aw-compliance-survey .box-wrapper+.box-wrapper {
    margin-top: 16px;
  }

  .aw-compliance-quote {
    padding-top: 60px;
    padding-bottom: 60px;
  }

  .aw-compliance-quote .quote {
    background-image: url('../images/quote-mobile.jpg') !important;
  }

  .aw-compliance-quote .quote h3 {
    font-size: 21px;
    line-height: 29px;
  }

  .aw-compliance-quote .quote h3:before {
    left: -20px;
    top: -40px;
    width: 80px;
    height: 63px;
  }

  .aw-compliance-quote .quote {
    background-position: center;
    padding: 93px 35px 57px 35px;
    box-shadow: 24px 50px 40px rgba(16, 65, 112, 0.01), 15px 50px 40px rgba(16, 65, 112, 0.08), 4px 20px 70px rgba(16, 65, 112, 0.45);
  }

  .aw-compliance-quote .quote:before {
    opacity: 0.93;
  }

  .aw-compliance-quote .quote p {
    margin-bottom: 40px;
  }

  .aw-compliance-quote .cta-logo {
    flex-direction: column;
    align-items: flex-start;
  }

  .aw-compliance-quote .cta {
    margin-bottom: 80px;
  }

  .aw-compliance-how-helps .column-top h2 br {
    display: none;
  }

  .aw-compliance-how-helps .grid-row .elementor-column .elementor-column-inner {
    margin-bottom: 100px;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    padding-bottom: 40px;
  }

  .aw-compliance-how-helps .grid-row .elementor-column:last-child .elementor-column-inner {
    margin-bottom: 0;
  }

  .aw-compliance-how-helps .grid-row .elementor-column .elementor-column-inner h4 {
    font-size: 18px;
    line-height: 28px;
  }

  .aw-compliance-how-helps .grid-row .elementor-column .elementor-column-inner h4 br {
    display: none;
  }

  .aw-compliance-how-helps .grid-row .elementor-column:last-child .elementor-column-inner h4 br {
    display: block;
  }

  .aw-compliance-how-helps .grid-row .elementor-column .elementor-column-inner p.copy {
    font-size: 15px;
    line-height: 25px;
  }

  .aw-compliance-resources {
    padding-top: 60px;
    padding-bottom: 60px;
  }

  .aw-compliance-resources .col-title h2,
  .aw-compliance-resources .headline {
    text-align: center;
  }

  .aw-compliance-resources .col-title h2 {
    max-width: 290px;
    margin-left: auto;
    margin-right: auto;
  }

  .aw-compliance-resources .col-title .elementor-column-inner {
    width: 100%;
  }

  .aw-compliance-resources .img-column img {
    display: block;
    height: 100%;
    object-fit: cover;
    margin: 0;
    width: 100%;
    min-height: 250px;
    max-height: 250px;
  }

  .aw-compliance-resources .elementor-column-inner.space-between {
    padding-bottom: 72px;
  }

  .aw-compliance-cta-section {
    padding-top: 120px;
    padding-bottom: 120px;
    background-image: url(../images/aw-compliance-header-mobile.jpg);
    background-position: bottom;
  }

  .aw-compliance-cta-section h2 {
    font-size: 28px;
    line-height: 34px;
  }

  .map-panel {
    width: 100%;
    right: -100%;
    filter: none;
  }

  .map-panel .map-panel-top-header {
    padding: 40px 24px 20px 24px;
  }

  .map-panel .nav-menu.step-1[style*="display:none"] + .map-panel-title,
  .map-panel .nav-menu.step-1[style*="display: none"] + .map-panel-title {
    margin-top: 55px;
  }

  .map-panel .map-panel-title {
    margin-bottom: 24px;
    font-size: 26px !important;
    line-height: 31px !important;
  }

  .map-panel .map-panel-title br {
    display: none;
  }

  .map-panel .map-panel-close-btn {
    top: 0;
    right: 0;
  }

  .map-panel.active .map-panel-close-btn {
    transition: all 0.5s;
    position: fixed;
    top: 0;
    z-index: 9999;
  }

  .map-panel .map-panel-filter-item.regulations {
    flex: 0 0 100%;
    max-width: 100%;
    width: 100%;
  }

  .map-panel .map-panel-filter-item.industries,
  .map-panel .map-panel-filter-item.locations {
    flex: 0 0 100%;
    width: 100%;
    margin-top: 21px;
  }

  .map-panel-filter-list .col-name-item {
    padding-top: 16px;
    padding-bottom: 16px;
    flex-wrap: wrap;
    position: relative;
  }

  .map-panel-filter-list .col-name-item:after {
    content: "";
    position: absolute;
    right: 20px;
    width: 9px;
    height: 15px;
    background-image: url("data:image/svg+xml,%3Csvg width='9' height='15' viewBox='0 0 9 15' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1.12482 15C0.836965 15 0.548965 14.8954 0.32959 14.6861C-0.109863 14.2676 -0.109863 13.5895 0.32959 13.171L6.28576 7.49992L0.32959 1.82898C-0.109863 1.41045 -0.109863 0.73243 0.32959 0.313899C0.769043 -0.104633 1.48096 -0.104633 1.92041 0.313899L8.67041 6.74254C9.10986 7.16107 9.10986 7.83909 8.67041 8.25763L1.92041 14.6863C1.70139 14.8962 1.41311 15 1.12482 15Z' fill='%23F58220'/%3E%3C/svg%3E%0A");
    background-size: 100% auto;
    background-repeat: no-repeat;
  }

  .map-panel-filter-list .col-name-item .col-name {
    padding-left: 24px;
    padding-right: 40px;
    width: 100%;
    max-width: 100%;
    margin-bottom: 24px;
  }

  .map-panel-filter-list .col-name-item>.col-industry,
  .map-panel-filter-list .col-name-item>.col-location {
    width: 48%;
    max-width: 48%;
    padding-right: 24px;
    padding-left: 24px;
    position: relative;
    padding-top: 14px;
  }

  .map-panel-filter-list .col-name-item>.col-industry:before,
  .map-panel-filter-list .col-name-item>.col-location:before {
    content: "Industry";
    position: absolute;
    left: 24px;
    top: 0;
    font-family: 'Encode Sans';
    font-weight: 700;
    font-size: 9px;
    line-height: 12px;
    letter-spacing: 3px;
    text-transform: uppercase;
    color: #060504;
  }

  .map-panel-filter-list .col-name-item>.col-location:before {
    content: "Location";
  }

  .map-panel-filter-list .col-name-item .s-text {
    letter-spacing: 0.1px;
  }

  .map-panel-filter-list .col-name-item.see-details {
    position: inherit;
  }

  .map-panel-filter-list .col-name-item.see-details .item-content .item-content-top .item-content-info {
    flex-wrap: wrap;
  }

  .map-panel-filter-list .col-name-item.see-details .item-content .item-content-top .item-content-info .col-location,
  .map-panel-filter-list .col-name-item.see-details .item-content .item-content-top .item-content-info .col-industry,
  .map-panel-filter-list .col-name-item.see-details .item-content .item-content-top .item-content-info .col-requirements {
    width: 100%;
    margin-top: 16px;
  }

  .map-panel-filter-list .col-name-item.see-details .item-content .item-content-top .item-content-info .col-location {
    margin-top: 0;
  }

  .map-panel-filter-menu {
    padding: 0;
  }

  .map-panel-filter-menu .filter-by-name {
    display: none !important;
  }

  .map-panel-filter-menu {
    background: #003051;
    border-bottom: 1px solid #FFFFFF;
  }

  .map-panel-filter-menu ul {
    display: block;
    padding: 0 32px;
    max-height: 0;
    overflow: hidden;
    visibility: hidden;
    transition: all 0.3s;
  }

  .map-panel-filter-menu ul li.filter-by {
    width: 100%;
    max-width: 100%;
    padding-left: 0;
    display: block;
    position: relative;
    margin-bottom: 24px;
    padding-bottom: 24px;
  }
  .map-panel-filter-menu ul li.filter-by.filter-by-industry {
    padding-top: 24px;
  }
  .map-panel-filter-menu ul li.filter-by:before {
    content: "";
    position: absolute;
    height: 1px;
    left: -32px;
    right: -32px;
    bottom: 0;
    background: #fff;
  }

  .map-panel-filter-menu ul li.filter-by:last-child {
    padding-bottom: 0;
  }

  .map-panel-filter-menu ul li.filter-by:last-child:before {
    display: none;
  }

  .map-panel-filter-menu ul li.filter-by .filter-btn {
    display: none !important;
  }

  .map-panel-filter-menu ul li.filter-by ul.ul {
    display: block !important;
    position: relative;
    top: 0;
    background: #003051;
    padding: 24px 0;
    left: 0;
    transform: none;
    margin-top: 0;
    width: 100% !important;
  }

  .mobile-filter-regulation {
    background: linear-gradient(90deg, #FF9933 0%, #EF4900 100%);
    display: flex;
    font-family: "Encode Sans", sans-serif;
    font-weight: 600;
    font-size: 15px;
    line-height: 24px;
    letter-spacing: 0.3px;
    color: #FFFFFF;
    padding: 20px;
    position: relative;
  }

  .mobile-filter-regulation b {
    padding-left: 4px;
  }

  .mobile-filter-regulation .arrow {
    position: absolute;
    right: 20px;
    top: 50%;
    transform: translateY(-50%);
    background-image: url("data:image/svg+xml,%3Csvg width='20' height='13' viewBox='0 0 20 13' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M18 2L10 10L2 2' stroke='white' stroke-width='3'/%3E%3C/svg%3E%0A");
    background-size: cover;
    background-repeat: no-repeat;
    width: 16px;
    height: 10px;
    transition: all 0.3s;
  }

  .map-panel-filter-menu.filter-collapsed .arrow {
    transform: rotate(180deg);
  }

  .map-panel-filter-menu.filter-collapsed ul {
    max-height: 2000px;
    opacity: 1;
    visibility: visible;
  }

  .map-panel-filter-menu ul.sub-ul {
    padding: 10px 0 10px 20px;
    margin: 0;
  }

  .mobile-filter-regulation .filter-btn {
    position: relative;
    width: 13px;
    height: 10px;
    margin-right: 6px;
    margin-top: 7px;
  }

  .mobile-filter-regulation .filter-btn span {
    position: absolute;
    width: 100%;
    height: 2px;
    top: 0;
    transform: translateX(-50%);
    margin-top: 0;
    left: 50%;
    background: #fff;
    opacity: 1;
    border-radius: 2px;
  }

  .mobile-filter-regulation .filter-btn::after {
    content: '';
    position: absolute;
    width: 66%;
    height: 2px;
    top: 45%;
    left: 50%;
    transform: translateX(-50%);
    background: #fff;
    opacity: 1;
    border-radius: 2px;
  }

  .mobile-filter-regulation .filter-btn::before {
    content: '';
    position: absolute;
    width: 33%;
    height: 2px;
    top: 95%;
    left: 50%;
    transform: translateX(-50%);
    background: #fff;
    opacity: 1;
    border-radius: 2px;
  }

  .map-panel-filter-menu ul li.filter-by.filter-by-search {
    padding: 0;
    margin: 0 0 24px 0;
    height: auto;
  }

  .map-panel-filter-menu ul li.filter-by.filter-by-search .open-search {
    height: auto;
    display: inline-block;
  }

  .map-panel-filter-menu ul li.filter-by div.search-container {
    display: inline-block;
    width: 80%;
  }

  .filter-by.filter-by-search .search-container input::placeholder {
    font-family: "Encode Sans", Sans-serif;
    opacity: 1 !important;
    color: #fff !important;
    font-size: 15px;
    font-weight: 400;
    line-height: 24px;
    letter-spacing: 0.3px;
  }

  .map-panel-filter-list .col-name-item.see-details .item-content .item-content-top {
    padding: 20px 20px 35px 20px;
  }

  .map-panel-filter-list .col-name-item.see-details .item-content .item-content-middle {
    padding: 40px 20px;
  }

  .map-panel-filter-list .col-name-item.see-details .item-content .item-content-top .item-content-info span {
    margin-bottom: 6px;
  }

  .map-panel-filter-list .col-name-item.see-details .item-content .item-content-top h4 {
    margin-bottom: 24px;
  }

  .map-panel .nav-menu {
    align-items: center;
  }

  .map-panel .nav-menu li a {
    white-space: nowrap;
  }
  #map {
    pointer-events: none;
  }
  #map.fixed-button {
    height: calc(100vh - 60px);
  }

  @supports (-webkit-touch-callout: none) {
    #map.fixed-button {
      min-height: -webkit-fill-available;
      height: -webkit-fill-available;
    }
  }

  .map-panel-filter-menu ul li>span {
    position: relative;
    display: inline-block;
    width: 100%;
    margin-bottom: 0;
  }

  .map-panel-filter-menu ul li.opened>span:before {
    transform: rotate(180deg);
  }

  .map-panel-filter-menu ul li>span:before {
    content: "";
    position: absolute;
    right: -10px;
    top: 6px;
    background-image: url("data:image/svg+xml,%3Csvg width='20' height='13' viewBox='0 0 20 13' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M18 2L10 10L2 2' stroke='white' stroke-width='3'/%3E%3C/svg%3E%0A");
    background-size: cover;
    background-repeat: no-repeat;
    width: 16px;
    height: 10px;
    transition: all 0.3s;
  }

  .map-panel-filter-menu ul li.filter-by.opened ul.ul {
    max-height: 20000px;
    visibility: visible;
    opacity: 1;
    margin-top: 24px;
  }

  .map-panel-filter-menu ul li.filter-by ul.ul {
    max-height: 0;
    visibility: hidden;
    opacity: 0;
    padding: 0;
    transition: all 0.3s;
  }
}