header.site-header .logo {
  width: 100px;
  margin-top: 5px;
}
header.site-header .menu-bottom .menu-main {
  padding-left: 100px;
}
header.site-header .menu-bottom .menu-main .name-title {
  padding: 15px;
}
header.site-header .menu-bottom .menu-main .name-title a {
  font-size: 28px;
}
header.site-header .menu-bottom .menu-main .name-title a strong {
  font-size: 32px;
}
header.site-header .menu-custom {
  display: flex;
  align-content: center;
}
header.site-header .menu-main h2 {
  margin-top: -50px;
}
header.site-header .col-addon {
  -webkit-transition: All 400ms ease;
  opacity: 0;
  display: none;
  margin-top: -3px;
}
header.site-header .menu-bottom.menu-bottom-tiny {
  background-image: none;
  padding: 0;
}
header.site-header .menu-bottom.menu-bottom-tiny .menu-main {
  padding: 0;
}
header.site-header .menu-bottom.menu-bottom-tiny .menu-main .member {
  height: 35px;
  display: inline-flex;
  align-items: center;
  padding: 12px 15px;
}
header.site-header .menu-bottom.menu-bottom-tiny .menu-main .member:first-child {
  margin-right: 5px;
}
header.site-header .menu-bottom.menu-bottom-tiny .menu-main .member a {
  font-size: 22px;
}
header.site-header .menu-bottom.menu-bottom-tiny .menu-main .member img {
  width: 15px;
  margin-right: 5px;
}
header.site-header.tiny ~ section .sc-map-wrapper .sc-map-bar {
  top: 125px;
}
header.site-header.tiny .menu-main h2 {
  margin-top: 0;
}
header.site-header.tiny .menu-custom {
  display: none !important;
}
header.site-header.tiny .col-addon {
  opacity: 1;
  display: block;
}
header.site-header.tiny .col-addon * {
  opacity: 1 !important;
  height: auto;
}

.layout-sub-header {
  width: 100%;
  background-color: #fff;
  padding: 10px;
  display: none;
  box-shadow: rgba(0, 0, 0, 0.1) 0px 3px 8px;
}
.layout-sub-header > .row {
  margin: 0 -2.5px;
}
.layout-sub-header > .row > div {
  padding: 0 2.5px;
}
.layout-sub-header .block-control {
  position: relative;
}
.layout-sub-header .block-control .form-control {
  height: 35px;
  border-radius: 17.5px;
  font-size: 16px;
  padding: 10px 15px;
  transition: all 400ms ease-out;
}
.layout-sub-header .block-control .btn {
  position: absolute;
  top: 0;
  right: 0;
  height: 100%;
  padding-right: 10px;
}
.layout-sub-header .block-control .btn svg {
  width: 14px;
}
.layout-sub-header .member {
  width: 35px;
  display: flex;
  align-items: center;
  gap: 5px;
  background: #1b43ab;
  border-radius: 50px;
  height: 35px;
  padding: 8px;
  font-size: 16px;
  font-weight: 500;
  color: #fff;
  border: 1px solid transparent;
}
.layout-sub-header .member.has-border {
  border-color: #fff;
}
.layout-sub-header .member img {
  width: 16px;
  filter: brightness(0) invert(1);
}
.layout-sub-header .col-toggle {
  display: none;
  transition: all 400ms ease-out;
  opacity: 1;
}
.layout-sub-header .col-toggle * {
  transition: all 400ms ease-out;
}
.layout-sub-header .col-toggle.hide {
  padding-left: 0;
  opacity: 0;
}
.layout-sub-header .col-toggle.hide > div {
  margin-left: -50px;
}
.layout-sub-header .toggle-search-advanced {
  width: 35px;
  height: 35px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  border: 1px solid #ced4da;
  box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
  transition: all 400ms ease-out;
}
.layout-sub-header .toggle-search-advanced * {
  transition: all 400ms ease-out;
}
.layout-sub-header .toggle-search-advanced.active {
  background-color: #1b43ab;
}
.layout-sub-header .toggle-search-advanced.active svg * {
  fill: #fff;
}

body > div.skiptranslate {
  opacity: 0;
  visibility: hidden;
}

.global-container ~ iframe:not(.skiptranslate) {
  display: none;
}

.global-container ~ iframe#sovrn_beacon {
  display: none;
}

#google_translate_element {
  position: relative;
}

#google_translate_element .goog-te-gadget-simple {
  max-width: 180px;
  height: 35px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 17.5px;
  border: 1px solid #fff;
  font-weight: 500;
  background-color: transparent;
  font-family: "db_helvethaica", sans-serif;
  font-size: 20px;
  padding: 0 10px;
}

#google_translate_element .goog-te-gadget-simple .VIpgJd-ZVi9od-xl07Ob-lTBxed {
  color: #ffffff;
  font-weight: 500;
}

#google_translate_element .goog-te-gadget-simple .VIpgJd-ZVi9od-xl07Ob-lTBxed span[style*=border-left] {
  border-left: none !important;
}

#google_translate_element .goog-te-gadget-simple .VIpgJd-ZVi9od-xl07Ob-lTBxed span[style*=color] {
  color: transparent !important;
}

#google_translate_element .goog-te-gadget-simple .VIpgJd-ZVi9od-xl07Ob-lTBxed span[style*=color]::after {
  display: inline-block;
  position: absolute;
  top: 0;
  right: 7px;
  font-family: "Material Symbols Rounded";
  font-weight: normal;
  font-style: normal;
  font-size: 20px;
  line-height: 35px;
  color: #ffffff;
  content: "\e5cf";
  border: none;
  vertical-align: 0;
  transition: all 200ms ease;
  margin: 0;
}

#google_translate_element .goog-te-gadget img {
  display: none;
}

@media (max-width: 1440px) {
  header.site-header .menu-bottom .menu-main .name-title a {
    font-size: 24px;
  }
  header.site-header .menu-bottom .menu-main .name-title a strong {
    font-size: 28px;
  }
  header.site-header .logo {
    width: 95px;
  }
}
@media (max-width: 1199px) {
  header.site-header .menu-bottom .menu-main {
    padding-left: 130px;
  }
}
@media (max-width: 991px) {
  .menu-bottom {
    padding-top: 0;
  }
  .site-header .container {
    max-width: 100%;
  }
  .menu-bottom .menu-main .name-title a.logo-mobile img {
    width: 35px !important;
  }
  header.site-header.tiny .menu-bottom {
    height: 60px;
  }
  header.site-header.tiny .menu-bottom * {
    opacity: 1;
  }
  header.site-header .menu-bottom {
    height: 60px;
    display: flex;
    align-items: center;
  }
  header.site-header .menu-bottom .menu-main {
    padding-left: 0;
  }
  header.site-header .menu-bottom .menu-main .name-title {
    padding: 0;
  }
  header.site-header .menu-bottom .menu-main .name-title a {
    font-size: 16px;
  }
  header.site-header .menu-bottom .menu-main .name-title a strong {
    font-size: 18px;
  }
  header.site-header .menu-sub {
    top: 60px;
    opacity: 0 !important;
    transform: translateY(100%);
    border-top: 1px solid transparent;
  }
  header.site-header .menu-sub.open {
    transform: translateY(0);
    border-color: #fff;
    opacity: 1 !important;
  }
  .menu-sub li a {
    transition: none;
    padding: 15px;
  }
  .site-header .menu-sub.open {
    padding-top: 55px;
  }
  .layout-sub-header {
    display: block;
  }
  .globel-home .layout-sub-header .col-toggle,
  .globel-map .layout-sub-header .col-toggle {
    display: block;
  }
  header.site-header .col-addon {
    display: none;
  }
}
@media (max-width: 767px) {
  header.site-header .menu-bottom .menu-main .name-title a strong {
    font-size: 16px;
  }
}
.footer-end .social ul {
  display: inline-flex;
  gap: 7px;
}

@media (max-width: 575px) {
  .footer-start .contact .title, .footer-start .address .title {
    padding-left: 10px;
  }
  .footer-start {
    padding-bottom: 15px;
  }
  .footer-start .icon img {
    margin-bottom: 0;
  }
  .footer-start .brand {
    width: 70px;
  }
  .footer-start .brand img {
    width: 70px;
    margin: 0;
  }
  .footer-start .name {
    padding-left: 10px;
  }
  .footer-start .name .title {
    font-size: 24px;
  }
  .footer-start .sup-title,
  .footer-start .sup-title p {
    margin-bottom: 7px;
  }
  .footer-end .w3c {
    padding: 15px 0;
  }
}
.visuallyhidden {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}

/* /////////// */
.datepicker-dropdown {
  max-width: 300px;
  width: 100%;
}

.datepicker-dropdown .datepicker-days table {
  width: 100%;
}

.form-group .form-control.datepicker {
  background-image: url(../img/icon/icon-calendar-datepicker.svg);
  background-size: 16px;
}

/* /////////// */
/* /////////// */
.select2-container--default.option-style-map .select2-search--dropdown .select2-search__field {
  font-size: 20px;
  padding: 5px 8px;
  border-radius: 4px;
}
.select2-container--default.option-style-map .select2-results__option {
  font-size: 20px;
}
.select2-results__option[aria-selected] {
  line-height: 1.05em;
}

.site-container {
  padding-top: 190px;
}

.area-modal-policy {
  display: block !important;
}

.gutters-10 {
  margin: 0 -10px;
}
.gutters-10 > div {
  padding: 0 10px;
}

@media (max-width: 768px) {
  .datepicker-dropdown .datepicker-days table tbody {
    display: table-row-group;
  }
}
@media (max-width: 1440px) {
  .site-container {
    padding-top: 182px;
  }
}
@media (max-width: 1199px) {
  .site-container {
    padding-top: 175px;
  }
}
@media (max-width: 991px) {
  .site-container {
    padding-top: 60px !important;
  }
  .container {
    max-width: inherit;
    width: 100%;
  }
  .form-group .form-control.datepicker {
    background-size: 14px;
  }
}
html.translated-ltr .nav-contact a {
  width: auto;
}
html.translated-ltr .menu-custom .nav-size span font {
  vertical-align: middle !important;
}

.dashboard-page .bg-home {
  padding-top: 80px;
  padding-bottom: 120px;
}
.dashboard-page .form-default {
  max-width: 1200px;
  margin: auto;
  position: relative;
  z-index: 2;
  padding: 0 15px;
}
.dashboard-page .form-default .whead {
  margin-bottom: 30px;
  text-align: center;
}
.dashboard-page .form-default .whead .title {
  font-size: 50px;
  font-weight: bold;
  color: #003EE8;
}
.dashboard-page .form-default .form-search .form-control {
  min-height: 80px;
  border-radius: 100px;
  padding: 15px 220px 15px 50px;
  color: black;
  border-color: transparent;
}
.dashboard-page .form-default .form-search .form-control:focus {
  border-color: #003EE8;
}
.dashboard-page .form-default .form-search .input-group-append {
  position: absolute;
  top: 0;
  right: 0;
  height: 100%;
}
.dashboard-page .form-default .form-search .input-group-append .btn {
  min-width: 200px;
  border-radius: 100px;
  background-image: linear-gradient(#0044fe 0%, #003ada 100%);
  background-size: auto 200%;
  font-size: 26px;
  font-weight: bold;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
}
.dashboard-page .form-default .form-search .input-group-append .btn:hover {
  background-position: right center;
}
.dashboard-page .sc-advanced-filter {
  margin-top: 30px;
}
.dashboard-page .sc-advanced-filter .collapse-btn.active .btn-advanced-filter::before {
  background-color: #353A9D;
}
.dashboard-page .sc-advanced-filter .collapse-btn.active .btn {
  background-color: #353A9D;
  color: #fff;
}
.dashboard-page .sc-advanced-filter .collapse-btn.active .btn svg {
  transform: rotate(180deg);
}
.dashboard-page .sc-advanced-filter .collapse-btn .btn svg {
  transition: all 200ms ease;
}
.dashboard-page .sc-advanced-filter .collapse-btn:not(.active) .collapse-content {
  opacity: 0;
}
.dashboard-page .sc-advanced-filter .collapse-btn ~ .collapse-content {
  transition: opacity 0.15s linear;
  transition: opacity 0.15s linear;
  opacity: 1;
}
.dashboard-page .btn-advanced-filter {
  position: relative;
  text-align: center;
}
.dashboard-page .btn-advanced-filter::before {
  position: absolute;
  content: "";
  left: 0;
  top: calc(50% - 1px);
  width: 100%;
  height: 1px;
  background: #fff;
  transition: All 500ms ease;
}
.dashboard-page .btn-advanced-filter .btn {
  position: relative;
  z-index: 1;
  min-width: 200px;
  height: 50px;
  border-radius: 100px;
  background-color: #fff;
  border-color: transparent;
  font-size: 26px;
  font-weight: 500;
  color: #353A9D;
}
.dashboard-page .btn-advanced-filter .btn:focus {
  border-color: transparent;
  box-shadow: none;
}
.dashboard-page .container-dashboard {
  position: relative;
  z-index: 2;
  max-width: 1840px;
  margin: 80px auto auto auto;
  padding: 0 15px;
}
.dashboard-page .container-dashboard > .row {
  margin: 0 -20px;
  gap: 40px 0;
}
.dashboard-page .container-dashboard > .row > div {
  padding: 0 20px;
}
.dashboard-page .container-dashboard .chart-card {
  border-radius: 20px;
  background-color: #fff;
  box-shadow: 0px 3px 20px rgba(0, 0, 0, 0.16);
  overflow: hidden;
}
.dashboard-page .container-dashboard .chart-card .header {
  background: linear-gradient(#04f 0%, #003ada 100%);
  display: flex;
  align-items: center;
  justify-content: space-between;
  min-height: 80px;
  padding: 0 40px;
}
.dashboard-page .container-dashboard .chart-card .header .title {
  font-size: 26px;
  font-weight: bold;
  color: #fff;
  margin-bottom: 0;
}
.dashboard-page .container-dashboard .chart-card .header .nav-tab {
  display: none;
}
.dashboard-page .container-dashboard .chart-card .header .nav-tab li + li {
  margin-left: 10px;
}
.dashboard-page .container-dashboard .chart-card .header .nav-tab li .link {
  width: 50px;
  height: 50px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  background-color: rgba(255, 255, 255, 0.1294117647);
  border: 1px solid #EAEFF3;
}
.dashboard-page .container-dashboard .chart-card .header .nav-tab li .link svg * {
  transition: all 200ms ease-out;
}
.dashboard-page .container-dashboard .chart-card .header .nav-tab li .link:hover, .dashboard-page .container-dashboard .chart-card .header .nav-tab li .link.active {
  background-color: #fff;
  border-color: #fff;
}
.dashboard-page .container-dashboard .chart-card .header .nav-tab li .link:hover svg *, .dashboard-page .container-dashboard .chart-card .header .nav-tab li .link.active svg * {
  fill: #003ADA;
}
.dashboard-page .container-dashboard .chart-card .body {
  padding: 0;
  height: auto;
}
.dashboard-page .container-dashboard .chart-card .body .tab-pane {
  font-size: 50px;
}
.dashboard-page .sc-dashbaord-map .iframe-container {
  position: relative;
  overflow: hidden;
  width: 580px;
  padding-top: 1237px;
  margin: 0 auto;
  border-radius: 20px;
  box-shadow: 0px 3px 20px rgba(0, 0, 0, 0.16);
}
.dashboard-page .sc-dashbaord-map .iframe-container .responsive-iframe {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  width: 100%;
  height: 100%;
  border: none;
}
.dashboard-page .sc-dashbaord-map .dashbaord-map-content {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  -webkit-backdrop-filter: blur(50px);
          backdrop-filter: blur(50px);
  --webkit-backdrop-filter: blur(50px);
  background-color: #E6FFFF;
  padding: 70px 30px 30px 30px;
}
.dashboard-page .sc-dashbaord-map .dashbaord-map-content .title {
  font-size: 22px;
  font-weight: bold;
  line-height: 1em;
  color: #003ADA;
  margin-bottom: 20px;
  text-align: center;
}
.dashboard-page .sc-dashbaord-map .dashbaord-map-content .map-content-list {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  width: 430px;
  margin: auto;
  gap: 12px;
}
.dashboard-page .sc-dashbaord-map .dashbaord-map-content .map-content-list .item {
  display: flex;
  gap: 10px;
  align-items: center;
}
.dashboard-page .sc-dashbaord-map .dashbaord-map-content .map-content-list .icon {
  width: 24px;
}
.dashboard-page .sc-dashbaord-map .dashbaord-map-content .map-content-list p {
  font-size: 22px;
  margin: 0;
}
.dashboard-page .sc-dashbaord-map .dashbaord-map-content .sc-note {
  background-color: #fff;
  padding: 15px;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  text-align: center;
  height: 50px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.dashboard-page .sc-dashbaord-map .dashbaord-map-content .sc-note p {
  font-size: 22px;
  margin: 0;
}
.dashboard-page .row-chart {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
}
.dashboard-page .row-chart .sc-chart + .sc-chart::before {
  content: "";
  width: 2px;
  height: 400px;
  background-color: #EAEFF3;
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
}
.dashboard-page .sc-chart {
  position: relative;
}
.dashboard-page .sc-chart .chart-wrapper {
  padding: 40px 40px 30px 40px;
}
.dashboard-page .sc-chart .chart-wrapper .chart-header {
  margin-bottom: 50px;
  padding-left: 45px;
}
.dashboard-page .sc-chart .chart-wrapper .chart-header .title {
  font-size: 38px;
  font-weight: bold;
  line-height: 1em;
  margin-bottom: 10px;
  color: #000;
}
.dashboard-page .sc-chart .chart-wrapper .chart-header .title span {
  color: #003ADA;
}
.dashboard-page .sc-chart .chart-wrapper .chart-header .title strong {
  font-size: 30px;
}
.dashboard-page .sc-chart .chart-wrapper .chart-header .desc {
  font-size: 28px;
  font-weight: 500;
  line-height: 1em;
  color: #000;
}
.dashboard-page .sc-chart .chart-wrapper .inc-chart {
  height: 100%;
}
.dashboard-page .sc-chart .chart-wrapper .inc-chart.-chart-a {
  height: 410px;
}
.dashboard-page .sc-chart .chart-wrapper .inc-chart.-chart-b {
  height: 525px;
}
.dashboard-page .sc-chart .chart-wrapper .inc-chart.-chart-c {
  height: 485px;
}
.dashboard-page .sc-chart .chart-wrapper .inc-chart.-chart-e {
  height: 510px;
}
.dashboard-page .sc-chart .chart-wrapper .inc-chart.-chart-z {
  height: 1000px;
}
.dashboard-page .sc-chart .chart-wrapper .legend-list {
  display: flex;
  align-items: center;
  gap: 25px;
  justify-content: center;
  padding: 20px 0;
  max-width: -moz-max-content;
  max-width: max-content;
  margin: auto;
}
.dashboard-page .sc-chart .chart-wrapper .legend-list .link {
  display: flex;
  align-items: center;
  gap: 7px;
  font-size: 20px;
  color: #000;
  pointer-events: none;
}
.dashboard-page .sc-chart .chart-wrapper .legend-list .link .symbol {
  width: 20px;
  height: 20px;
  border-radius: 50%;
  display: block;
  background-color: #ececec;
  position: relative;
  top: -1px;
}
.dashboard-page .sc-chart .chart-wrapper .legend-list .link .text {
  margin: 0;
}
.dashboard-page .sc-chart .chart-wrapper .legend-list .link * {
  -webkit-transition: All 300ms ease;
}
.dashboard-page .sc-chart .chart-wrapper .legend-list .link.green .symbol {
  background-color: #00CC5C;
}
.dashboard-page .sc-chart .chart-wrapper .legend-list .link.gray .symbol {
  background-color: #9A9A9A;
}
.dashboard-page .sc-chart .chart-wrapper .legend-list .link.blue .symbol {
  background-color: #1E7BDB;
}
.dashboard-page .sc-chart .chart-wrapper .legend-list .link.orange .symbol {
  background-color: #FFB100;
}
.dashboard-page .sc-chart .chart-wrapper .legend-list .link.red .symbol {
  background-color: #FE0002;
}
.dashboard-page .sc-chart .chart-wrapper .legend-list .link.darkred .symbol {
  background-color: #A20000;
}
.dashboard-page .sc-chart .chart-wrapper .legend-list .link.hidden .symbol {
  background-color: #666666;
}
.dashboard-page .sc-chart .chart-wrapper .legend-list .link.hidden .text {
  text-decoration: line-through;
  color: rgb(102, 102, 102);
}
.dashboard-page .sc-table table {
  width: 100%;
  padding: 0;
  margin: 0;
  border: none;
  border-spacing: 0;
}
.dashboard-page .sc-table table td {
  padding: 10px 40px;
  text-align: right;
  font-size: 26px;
  line-height: 1em;
  height: 70px;
}
.dashboard-page .sc-table table td .txt-mb {
  display: none;
}
.dashboard-page .sc-table tr:not(.top) {
  transition: all 400ms ease-out;
}
.dashboard-page .sc-table tr:not(.top) * {
  transition: all 400ms ease-out;
}
.dashboard-page .sc-table tr:not(.top):hover td {
  background: #c3daff;
}
.dashboard-page .sc-table tr:nth-child(odd) td {
  background: #F2F7FF;
}
.dashboard-page .sc-table tr:nth-child(even) td {
  background: #fff;
}
.dashboard-page .sc-table tr.top {
  border-top: 1px solid #fff;
}
.dashboard-page .sc-table tr.top .tb-size11-head {
  background: #353A9D;
  color: #fff;
  font-weight: bold;
}
.dashboard-page .sc-table tr.sum td {
  background-color: #D9E7FF;
  font-weight: bold;
}

.sc-card-filter {
  margin-top: 40px;
}
.sc-card-filter > .row {
  margin: 0 -5px;
  gap: 20px 0;
}
.sc-card-filter > .row > div {
  padding: 0 5px;
}
.sc-card-filter .form-group {
  margin-bottom: 0;
}
.sc-card-filter .form-group .input-group .control-label {
  font-size: 22px;
  color: black;
  margin: 0;
  position: absolute;
  z-index: 4;
  top: 50%;
  transform: translateY(-50%);
  left: 30px;
  line-height: 1em;
  transition: all 200ms ease-out;
}
.sc-card-filter .form-group .form-control {
  height: 60px;
  border-radius: 100px;
  border: none;
  padding: 15px 30px;
}
.sc-card-filter .form-group .form-control:not(:-moz-placeholder-shown) {
  padding-top: 30px;
}
.sc-card-filter .form-group .form-control:focus, .sc-card-filter .form-group .form-control:not(:placeholder-shown) {
  padding-top: 30px;
}
.sc-card-filter .form-group .form-control:not(:-moz-placeholder-shown) ~ .control-label {
  top: 15px;
  font-size: 16px;
  opacity: 0.8;
}
.sc-card-filter .form-group .form-control:focus ~ .control-label, .sc-card-filter .form-group .form-control:not(:placeholder-shown) ~ .control-label {
  top: 15px;
  font-size: 16px;
  opacity: 0.8;
}
.sc-card-filter .form-group .select2-container--default .select2-selection--single {
  height: 60px;
  display: flex;
  align-items: center;
  border: none;
  border-radius: 30px;
}
.sc-card-filter .form-group .select2-container--default.select2-container--open.select2-container--below .select2-selection--single {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}
.sc-card-filter .form-group .select2-container--default.select2-container--open.select2-container--above .select2-selection--single {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}
.sc-card-filter .form-group .select2-container--default .select2-selection--single .select2-selection__rendered {
  padding-left: 30px;
  font-size: 22px;
  color: black;
}
.sc-card-filter .form-group .select2-container--default .select2-selection--single .select2-selection__arrow {
  width: auto;
  height: auto;
  top: 50%;
  transform: translateY(-50%);
  right: 30px;
}
.sc-card-filter .form-group .select2-container--default .select2-selection--single .select2-selection__arrow b {
  border-width: 7px 6px 0 6px;
  border-color: #003ADA transparent transparent transparent;
}
.sc-card-filter .form-group .select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b {
  border-width: 0px 6px 7px 6px;
  border-color: transparent transparent #003ADA transparent;
}
.sc-card-filter .action {
  margin-top: 50px;
  display: flex;
  gap: 10px;
  justify-content: center;
}
.sc-card-filter .action .btn {
  min-width: 200px;
  height: 60px;
  border-radius: 100px;
  font-size: 26px;
  font-weight: bold;
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  background-image: linear-gradient(#0044fe 0%, #003ada 100%);
  margin: 0;
  border: none;
  background-size: auto 200%;
}
.sc-card-filter .action .btn.btn-clear {
  background: #D8D8D8;
  color: #000;
}
.sc-card-filter .action .btn.btn-clear:hover {
  background: #b9b9b9;
}
.sc-card-filter .action .btn:hover {
  background-position: right center;
}

.highcharts-legend-item .highcharts-area {
  display: none !important;
}

@media (max-width: 1480px) {
  .dashboard-page .bg-home {
    padding-top: 70px;
    padding-bottom: 100px;
  }
  .dashboard-page .form-default {
    max-width: 1000px;
  }
  .dashboard-page .form-default .whead {
    margin-bottom: 25px;
  }
  .dashboard-page .form-default .whead .title {
    font-size: 46px;
  }
  .dashboard-page .form-default .form-search .form-control {
    min-height: 70px;
    padding: 15px 190px 15px 30px;
    font-size: 24px;
  }
  .dashboard-page .form-default .form-search .input-group-append .btn {
    min-width: 180px;
    border-radius: 90px;
  }
  .dashboard-page .btn-advanced-filter .btn {
    min-width: 180px;
  }
  .dashboard-page .sc-card-filter {
    margin-top: 30px;
  }
  .dashboard-page .sc-card-filter .form-group .form-control {
    height: 55px;
    padding: 15px 20px;
    border-radius: 27.5px;
  }
  .dashboard-page .sc-card-filter .form-group .form-control:not(:-moz-placeholder-shown) {
    padding-top: 27.5px;
  }
  .dashboard-page .sc-card-filter .form-group .form-control:focus,
  .dashboard-page .sc-card-filter .form-group .form-control:not(:placeholder-shown) {
    padding-top: 27.5px;
  }
  .dashboard-page .sc-card-filter .form-group .input-group .control-label {
    left: 20px;
  }
  .dashboard-page .sc-card-filter .form-group .select2-container--default .select2-selection--single {
    height: 55px;
    border-radius: 27.5px;
  }
  .dashboard-page .sc-card-filter .form-group .select2-container--default .select2-selection--single .select2-selection__rendered {
    padding-left: 20px;
  }
  .dashboard-page .sc-card-filter .action {
    margin-top: 40px;
  }
  .dashboard-page .sc-card-filter .action .btn {
    min-width: 180px;
    height: 55px;
    border-radius: 27.5px;
  }
  .dashboard-page .container-dashboard {
    padding: 0 50px;
    margin: 60px auto auto auto;
  }
  .dashboard-page .container-dashboard > .row {
    margin: 0 -15px;
    gap: 30px 0;
  }
  .dashboard-page .container-dashboard > .row > div {
    padding: 0 15px;
  }
  .dashboard-page .container-dashboard .chart-card .header {
    min-height: 70px;
    padding: 0 30px;
  }
  .dashboard-page .sc-chart .chart-wrapper {
    padding: 30px 30px 20px 30px;
  }
  .dashboard-page .sc-chart .chart-wrapper .chart-header {
    margin-bottom: 30px;
  }
  .dashboard-page .sc-chart .chart-wrapper .chart-header .title {
    font-size: 32px;
    margin-bottom: 5px;
  }
  .dashboard-page .sc-chart .chart-wrapper .chart-header .title strong {
    font-size: 28px;
  }
  .dashboard-page .sc-chart .chart-wrapper .chart-header .desc {
    font-size: 26px;
  }
  .dashboard-page .container-dashboard .chart-card .header .nav-tab li .link {
    width: 45px;
    height: 45px;
  }
  .dashboard-page .container-dashboard .chart-card .header .nav-tab li .link svg {
    width: 20px;
    height: auto;
  }
  .dashboard-page .sc-table table td {
    padding: 10px 20px;
    height: 60px;
    font-size: 22px;
  }
  .dashboard-page .sc-dashbaord-map .iframe-container {
    width: 500px;
    padding-top: 1095px;
  }
  .dashboard-page .sc-dashbaord-map .dashbaord-map-content {
    padding: 60px 25px 25px 25px;
  }
  .dashboard-page .sc-dashbaord-map .dashbaord-map-content .map-content-list .icon {
    width: 22px;
  }
  .dashboard-page .sc-dashbaord-map .dashbaord-map-content .sc-note {
    height: 45px;
  }
  .dashboard-page .sc-dashbaord-map .dashbaord-map-content .sc-note p {
    font-size: 20px;
  }
}
@media (max-width: 1199px) {
  .dashboard-page .bg-home {
    padding-top: 60px;
    padding-bottom: 80px;
  }
  .dashboard-page .form-default .whead {
    margin-bottom: 20px;
  }
  .dashboard-page .form-default .whead .title {
    font-size: 40px;
  }
  .dashboard-page .form-default .form-search .form-control {
    min-height: 60px;
    padding: 15px 190px 15px 30px;
    font-size: 22px;
  }
  .dashboard-page .form-default .form-search .input-group-append .btn {
    min-width: 150px;
    border-radius: 90px;
    font-size: 22px;
  }
  .dashboard-page .btn-advanced-filter .btn {
    font-size: 22px;
    min-width: 160px;
  }
  .dashboard-page .sc-advanced-filter .collapse-btn .btn svg {
    width: 22px;
  }
  .dashboard-page .sc-card-filter > .row {
    gap: 15px 0;
  }
  .dashboard-page .sc-card-filter .form-group .form-control {
    height: 50px;
    border-radius: 25px;
  }
  .dashboard-page .sc-card-filter .form-group .form-control:not(:-moz-placeholder-shown) {
    padding-top: 25px;
  }
  .dashboard-page .sc-card-filter .form-group .form-control:focus,
  .dashboard-page .sc-card-filter .form-group .form-control:not(:placeholder-shown) {
    padding-top: 25px;
  }
  .dashboard-page .sc-card-filter .form-group .select2-container--default .select2-selection--single {
    height: 50px;
    border-radius: 25px;
  }
  .dashboard-page .sc-card-filter .action {
    margin-top: 30px;
  }
  .dashboard-page .sc-card-filter .action .btn {
    min-width: 160px;
    height: 50px;
    border-radius: 25px;
    font-size: 24px;
  }
  .dashboard-page .container-dashboard {
    padding: 0 30px;
    margin: 40px auto auto auto;
  }
  .dashboard-page .sc-dashbaord-map .iframe-container {
    width: 100%;
    padding-top: 700px;
  }
  .dashboard-page .row-chart {
    grid-template-columns: repeat(1, 1fr);
  }
  .dashboard-page .row-chart .sc-chart + .sc-chart::before {
    width: calc(100% - 40px);
    top: 0;
    height: 1px;
    right: 0;
    margin: auto;
  }
}
@media (max-width: 991px) {
  .dashboard-page .bg-home {
    padding-top: 40px;
    padding-bottom: 40px;
  }
  .dashboard-page .form-default .whead {
    margin-bottom: 15px;
  }
  .dashboard-page .form-default .whead .title {
    font-size: 34px;
  }
  .dashboard-page .form-default .form-search .form-control {
    min-height: 50px;
    padding: 15px 190px 15px 20px;
    font-size: 22px;
    font-size: 20px;
  }
  .dashboard-page .form-default .form-search .input-group-append .btn {
    min-width: 120px;
    border-radius: 90px;
    font-size: 18px;
    gap: 8px;
  }
  .dashboard-page .form-default .form-search .input-group-append .btn svg {
    width: 16px;
    height: 16px;
  }
  .dashboard-page .sc-advanced-filter {
    margin-top: 20px;
  }
  .dashboard-page .btn-advanced-filter .btn {
    font-size: 20px;
    min-width: 140px;
    height: 45px;
  }
  .dashboard-page .sc-advanced-filter .collapse-btn .btn svg {
    width: 17px;
    height: 17px;
  }
  .dashboard-page .sc-card-filter {
    margin-top: 20px;
  }
  .dashboard-page .sc-card-filter .form-group .form-control {
    height: 45px;
    border-radius: 22.5px;
    padding: 10px 15px;
  }
  .dashboard-page .sc-card-filter .form-group .form-control:not(:-moz-placeholder-shown) {
    padding-top: 22.5px;
  }
  .dashboard-page .sc-card-filter .form-group .form-control:focus,
  .dashboard-page .sc-card-filter .form-group .form-control:not(:placeholder-shown) {
    padding-top: 22.5px;
  }
  .dashboard-page .sc-card-filter .form-group .input-group .control-label {
    font-size: 18px;
    left: 15px;
  }
  .dashboard-page .sc-card-filter .form-group .form-control:not(:-moz-placeholder-shown) ~ .control-label {
    font-size: 14px;
  }
  .dashboard-page .sc-card-filter .form-group .form-control:focus ~ .control-label,
  .dashboard-page .sc-card-filter .form-group .form-control:not(:placeholder-shown) ~ .control-label {
    font-size: 14px;
  }
  .dashboard-page .sc-card-filter .form-group .select2-container--default .select2-selection--single {
    height: 45px;
    border-radius: 22.5px;
    box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
  }
  .dashboard-page .sc-card-filter .form-group .select2-container--default .select2-selection--single .select2-selection__rendered {
    font-size: 18px;
    padding-left: 15px;
  }
  .dashboard-page .sc-card-filter .form-group .select2-container--default .select2-selection--single .select2-selection__arrow {
    right: 20px;
  }
  .dashboard-page .sc-card-filter .form-group .select2-container--default .select2-selection--single .select2-selection__arrow b {
    border-width: 6px 5px 0 5px;
  }
  .dashboard-page .sc-card-filter .action {
    margin-top: 20px;
  }
  .dashboard-page .sc-card-filter .action .btn {
    min-width: 130px;
    height: 45px;
    border-radius: 22.5px;
    font-size: 20px;
  }
  .dashboard-page .container-dashboard {
    padding: 0 15px;
    margin: 30px auto auto auto;
  }
  .dashboard-page .container-dashboard > .row {
    gap: 20px 0;
  }
  .dashboard-page .container-dashboard .chart-card .header {
    min-height: 60px;
    padding: 0 20px;
  }
  .dashboard-page .container-dashboard .chart-card .header .title {
    font-size: 22px;
  }
  .dashboard-page .sc-chart .chart-wrapper {
    padding: 20px 20px 10px 20px;
  }
  .dashboard-page .sc-chart .chart-wrapper .chart-header .title {
    font-size: 28px;
  }
  .dashboard-page .sc-chart .chart-wrapper .chart-header .title strong {
    font-size: 24px;
  }
  .dashboard-page .sc-chart .chart-wrapper .chart-header .desc {
    font-size: 22px;
  }
  .dashboard-page .sc-table table td {
    padding: 10px 15px;
    height: 50px;
    font-size: 20px;
  }
  .dashboard-page .sc-dashbaord-map .dashbaord-map-content {
    padding: 55px 20px 20px 20px;
  }
  .dashboard-page .sc-dashbaord-map .dashbaord-map-content .title {
    font-size: 20px;
    margin-bottom: 15px;
  }
  .dashboard-page .sc-dashbaord-map .dashbaord-map-content .map-content-list {
    width: 100%;
    max-width: 450px;
  }
  .dashboard-page .sc-dashbaord-map .dashbaord-map-content .map-content-list .item {
    gap: 5px;
  }
  .dashboard-page .sc-dashbaord-map .dashbaord-map-content .map-content-list .icon {
    width: 18px;
  }
  .dashboard-page .sc-dashbaord-map .dashbaord-map-content .map-content-list p {
    font-size: 18px;
  }
  .dashboard-page .sc-dashbaord-map .dashbaord-map-content .sc-note p {
    font-size: 18px;
  }
  .dashboard-page .sc-chart .chart-wrapper .inc-chart.-chart-b {
    height: 400px;
  }
  .dashboard-page .sc-chart .chart-wrapper .inc-chart.-chart-pie {
    height: 250px;
  }
  .dashboard-page .sc-chart .chart-wrapper .inc-chart.-chart-z {
    height: 800px;
  }
  .dashboard-page .sc-chart .chart-wrapper .inc-chart#chart-3 text,
  .dashboard-page .sc-chart .chart-wrapper .inc-chart#chart-4 text,
  .dashboard-page .sc-chart .chart-wrapper .inc-chart#chart-5 text,
  .dashboard-page .sc-chart .chart-wrapper .inc-chart#chart-6 text {
    font-size: 16px !important;
  }
  .dashboard-page .sc-chart .chart-wrapper .inc-chart#chart-5 text[x="3"],
  .dashboard-page .sc-chart .chart-wrapper .inc-chart#chart-6 text[x="3"] {
    display: none !important;
  }
  .dashboard-page .sc-chart .chart-wrapper .legend-list {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 15px;
  }
  .dashboard-page .sc-chart .chart-wrapper .legend-list .link .symbol {
    width: 15px;
    height: 15px;
  }
  .dashboard-page .sc-chart .chart-wrapper .legend-list .link {
    gap: 5px;
    font-size: 16px;
  }
}
@media (max-width: 767px) {
  .dashboard-page .form-default .form-search .form-control {
    padding: 15px 60px 15px 20px;
  }
  .dashboard-page .form-default .form-search .input-group-append .btn {
    min-width: 50px;
  }
  .dashboard-page .form-default .form-search .input-group-append .btn span {
    display: none;
  }
  .dashboard-page .sc-advanced-filter {
    margin-top: 15px;
  }
  .dashboard-page .sc-card-filter > .row {
    gap: 10px 0;
  }
  .dashboard-page .container-dashboard {
    margin: 25px auto auto auto;
  }
  .dashboard-page .container-dashboard .chart-card .header {
    min-height: 50px;
    padding: 0 15px;
  }
  .dashboard-page .container-dashboard .chart-card .header .title {
    font-size: 20px;
  }
  .dashboard-page .sc-chart .chart-wrapper {
    padding: 15px 15px 10px 15px;
  }
  .dashboard-page .sc-chart .chart-wrapper .chart-header {
    margin-bottom: 15px;
    padding: 0;
  }
  .dashboard-page .sc-chart .chart-wrapper .chart-header .title {
    font-size: 20px;
  }
  .dashboard-page .sc-chart .chart-wrapper .chart-header .title strong {
    font-size: 20px;
  }
  .dashboard-page .sc-chart .chart-wrapper .chart-header .desc {
    font-size: 18px;
  }
  .dashboard-page .sc-table table td .txt-mb {
    display: block;
    color: #003ADA;
    font-weight: 500;
  }
  .dashboard-page .sc-table table td {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    text-align: left !important;
    height: auto;
    gap: 6px;
    font-size: 18px;
    padding: 10px 12px;
  }
  .dashboard-page .sc-table table td + td {
    border-top: 1px solid #ececec;
  }
  .dashboard-page .sc-table tbody {
    display: block;
    width: 100%;
  }
  .dashboard-page .sc-table tr.top {
    display: none;
  }
  .dashboard-page .sc-table tr {
    display: block;
  }
  .dashboard-page .sc-table tr + tr {
    border-top: 2px solid #1b43ab;
  }
  .dashboard-page .sc-table tr.sum td:first-child {
    display: none;
  }
  .dashboard-page .sc-table tr.sum td {
    background-color: #1b43ab;
    color: #fff;
    font-size: 20px;
  }
  .dashboard-page .sc-table tr.sum td .txt-mb {
    color: #fff;
    font-weight: bold;
  }
  .dashboard-page .sc-dashbaord-map .dashbaord-map-content {
    padding: 50px 15px 15px 15px;
  }
  .dashboard-page .sc-dashbaord-map .dashbaord-map-content .title {
    font-size: 18px;
    margin-bottom: 10px;
  }
  .dashboard-page .sc-dashbaord-map .dashbaord-map-content .map-content-list .icon {
    width: 16px;
  }
  .dashboard-page .sc-dashbaord-map .dashbaord-map-content .map-content-list p {
    font-size: 16px;
  }
  .dashboard-page .sc-dashbaord-map .dashbaord-map-content .sc-note {
    height: 40px;
  }
}
.sc-map-wrapper {
  position: relative;
}
.sc-map-wrapper .sc-gg-map .iframe-container {
  position: relative;
  overflow: hidden;
  width: 100%;
  margin: 0 auto;
  padding-top: calc(100dvh + 445px - 190px);
}
.sc-map-wrapper .sc-gg-map .iframe-container .responsive-iframe {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  width: 100%;
  height: 100%;
  border: none;
}
.sc-map-wrapper .sc-map-bar {
  position: absolute;
  top: 0;
  left: 0;
  transition: all 400ms ease;
  display: flex;
  align-items: center;
  margin: 20px 0;
  transform: translateX(calc(-100% + 40px));
}
.sc-map-wrapper .sc-map-bar.-fixed {
  position: fixed;
  top: 205px;
  margin-top: 0;
}
.sc-map-wrapper .sc-map-bar.-tiny-reset {
  top: 0 !important;
}
.sc-map-wrapper .sc-map-bar.active {
  transform: translateX(0);
}
.sc-map-wrapper .sc-map-bar.active .map-button-toggle svg {
  transform: rotate(0);
}
.sc-map-wrapper .sc-map-bar.active .map-button-toggle:hover ~ .tootips {
  opacity: 1;
}
.sc-map-wrapper .sc-map-bar.active .map-button-toggle:hover ~ .tootips .close-t {
  display: inline-block;
}
.sc-map-wrapper .sc-map-bar.active .map-button-toggle:hover ~ .tootips .open-t {
  display: none;
}
.sc-map-wrapper .sc-map-bar.fix-height .map-coral-list.mcscroll {
  max-height: calc(100% - 422px);
}
.sc-map-wrapper .sc-map-bar .map-bar-card {
  padding: 20px 10px 15px 20px;
  background-color: #fff;
  width: 500px;
  height: 100%;
  border-radius: 0 30px 30px 0;
  box-shadow: 5px 0px 10px rgba(0, 0, 0, 0.1);
  overflow: hidden;
  height: calc(110dvh - 20px);
}
.sc-map-wrapper .sc-map-bar .map-button-toggle {
  width: 40px;
  height: 100px;
  -webkit-backdrop-filter: blur(50px);
          backdrop-filter: blur(50px);
  --webkit-backdrop-filter: blur(50px);
  cursor: pointer;
  background-color: #E4FFFF;
  border-radius: 0 10px 10px 0;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all 400ms ease;
  opacity: 0.8;
}
.sc-map-wrapper .sc-map-bar .map-button-toggle:hover {
  opacity: 1;
}
.sc-map-wrapper .sc-map-bar .map-button-toggle:hover ~ .tootips {
  opacity: 1;
}
.sc-map-wrapper .sc-map-bar .map-button-toggle svg {
  transform: rotate(180deg);
  transition: all 500ms ease;
}
.sc-map-wrapper .sc-map-bar .map-button-toggle svg * {
  transition: all 400ms ease;
}
.sc-map-wrapper .sc-map-bar .tootips {
  position: absolute;
  width: -moz-fit-content;
  width: fit-content;
  background-color: rgba(0, 0, 0, 0.8);
  padding: 10px;
  z-index: 100;
  font-size: 20px;
  font-weight: 400;
  color: #fff;
  border-radius: 4px;
  right: 0;
  left: 100%;
  margin-left: 15px;
  white-space: nowrap;
  opacity: 0;
  overflow: visible;
  z-index: 100;
  transition: all 100ms ease;
}
.sc-map-wrapper .sc-map-bar .tootips .close-t {
  display: none;
}
.sc-map-wrapper .sc-map-bar .tootips::before {
  content: "";
  position: absolute;
  top: 50%;
  left: -5px;
  margin-top: -6px;
  width: 0;
  height: 0;
  border-top: 6px solid transparent;
  border-bottom: 6px solid transparent;
  border-right: 6px solid #202124;
}
.sc-map-wrapper .form-default {
  margin-right: 10px;
}
.sc-map-wrapper .form-default .collapse-content {
  transition: opacity 0.15s linear;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
  padding-bottom: 15px;
}
.sc-map-wrapper .form-default .header > .row {
  margin: 0 -5px;
}
.sc-map-wrapper .form-default .header > .row > div {
  padding: 0 5px;
}
.sc-map-wrapper .form-default .header .form-group {
  margin-bottom: 0;
}
.sc-map-wrapper .form-default .header .form-group .form-control {
  height: 60px;
  border-radius: 30px;
  border: 1px solid #dadce0;
  box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16);
  padding: 10px 60px 10px 25px;
  font-size: 22px;
}
.sc-map-wrapper .form-default .header .form-group .form-control::-moz-placeholder {
  color: black;
}
.sc-map-wrapper .form-default .header .form-group .form-control::placeholder {
  color: black;
}
.sc-map-wrapper .form-default .header .form-group .form-control:focus {
  border-color: #003ADA;
}
.sc-map-wrapper .form-default .header .form-group .btn-search {
  padding: 0;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 40px;
  height: 100%;
  right: 0;
  display: flex;
  align-items: center;
  justify-content: start;
  transition: all 400ms ease;
  opacity: 0.9;
}
.sc-map-wrapper .form-default .header .form-group .btn-search:focus {
  box-shadow: none;
}
.sc-map-wrapper .form-default .header .form-group .btn-search:hover {
  opacity: 1;
}
.sc-map-wrapper .form-default .header .collapse-filter {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 60px;
  height: 60px;
  position: relative;
  border-radius: 50%;
  border: 1px solid #dadce0;
  box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16);
  transition: all 400ms ease;
}
.sc-map-wrapper .form-default .header .collapse-filter span {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  transition: all 400ms ease;
}
.sc-map-wrapper .form-default .header .collapse-filter span svg {
  width: 16px;
}
.sc-map-wrapper .form-default .header .collapse-filter span.close {
  opacity: 0;
}
.sc-map-wrapper .form-default .header .collapse-filter svg * {
  transition: all 400ms ease;
}
.sc-map-wrapper .form-default .header .collapse-filter:hover, .sc-map-wrapper .form-default .header .collapse-filter.active {
  background-color: #003ADA;
  border-color: #003ADA;
}
.sc-map-wrapper .form-default .header .collapse-filter:hover svg *, .sc-map-wrapper .form-default .header .collapse-filter.active svg * {
  fill: #fff;
}
.sc-map-wrapper .form-default .header .collapse-filter.active span.close {
  opacity: 1;
}
.sc-map-wrapper .form-default .header .collapse-filter.active span.more {
  opacity: 0;
}
.sc-map-wrapper .form-default .body .sc-card-filter {
  margin-top: 15px;
}
.sc-map-wrapper .form-default .body .sc-card-filter > .row {
  gap: 10px 0;
}
.sc-map-wrapper .form-default .body .sc-card-filter .form-group .input-group .control-label {
  left: 15px;
  font-size: 20px;
}
.sc-map-wrapper .form-default .body .sc-card-filter .form-group .form-control {
  border: 1px solid #DADCE0;
  height: 50px;
  font-size: 22px;
  padding: 10px 15px;
}
.sc-map-wrapper .form-default .body .sc-card-filter .form-group .form-control:not(:-moz-placeholder-shown) {
  padding-top: 25px;
}
.sc-map-wrapper .form-default .body .sc-card-filter .form-group .form-control:focus, .sc-map-wrapper .form-default .body .sc-card-filter .form-group .form-control:not(:placeholder-shown) {
  padding-top: 25px;
}
.sc-map-wrapper .form-default .body .sc-card-filter .form-group .form-control:not(:-moz-placeholder-shown) ~ .control-label {
  top: 13px;
  font-size: 15px;
  opacity: 0.8;
}
.sc-map-wrapper .form-default .body .sc-card-filter .form-group .form-control:focus ~ .control-label, .sc-map-wrapper .form-default .body .sc-card-filter .form-group .form-control:not(:placeholder-shown) ~ .control-label {
  top: 13px;
  font-size: 15px;
  opacity: 0.8;
}
.sc-map-wrapper .form-default .body .sc-card-filter .form-group .select2-container--default .select2-selection--single {
  border: 1px solid #DADCE0;
  height: 50px;
  border-radius: 25px;
}
.sc-map-wrapper .form-default .body .sc-card-filter .form-group .select2-container--default .select2-selection--single .select2-selection__rendered {
  padding-left: 15px;
  font-size: 20px;
}
.sc-map-wrapper .form-default .body .sc-card-filter .form-group .select2-container--default.select2-container--open.select2-container--below .select2-selection--single {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}
.sc-map-wrapper .form-default .body .sc-card-filter .form-group .select2-container--default.select2-container--open.select2-container--above .select2-selection--single {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}
.sc-map-wrapper .form-default .body .sc-card-filter .form-group .select2-container--default .select2-selection--single .select2-selection__arrow b {
  border-color: #363636 transparent transparent transparent;
  border-width: 6px 5px 0 5px;
}
.sc-map-wrapper .form-default .body .sc-card-filter .form-group .select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b {
  border-color: transparent transparent #363636 transparent;
  border-width: 0px 5px 6px 5px;
}
.sc-map-wrapper .form-default .body .sc-card-filter .form-group .select2-container--default .select2-selection--single .select2-selection__arrow {
  right: 20px;
}
.sc-map-wrapper .form-default .body .sc-card-filter .action {
  margin-top: 15px;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
}
.sc-map-wrapper .form-default .body .sc-card-filter .action .btn {
  min-width: 130px;
  height: 45px;
  font-size: 22px;
  border-radius: 22.5px;
  margin: 0;
}
.sc-map-wrapper .form-default .body .sc-card-filter .action .btn.btn-clear {
  background: #D8D8D8;
  color: #000;
}
.sc-map-wrapper .action-announce {
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
  margin: 20px 0;
  padding-bottom: 20px;
  margin-right: 10px;
}
.sc-map-wrapper .action-announce .btn-announce {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 60px;
  border-radius: 30px;
  background-image: linear-gradient(to right, #5377ef 0%, #e094e8 100%);
  box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16);
  font-size: 26px;
  font-weight: 500;
  color: #fff;
  gap: 10px;
  transition: all 0.4s ease-in-out;
}
.sc-map-wrapper .map-coral-list.mcscroll {
  max-height: calc(100% - 181px);
  height: 100%;
}
.sc-map-wrapper .map-coral-list.mcscroll .mCSB_scrollTools {
  width: 3px;
  margin-bottom: 15px;
}
.sc-map-wrapper .map-coral-list.mcscroll .mCSB_dragger .mCSB_dragger_bar {
  width: 3px;
}
.sc-map-wrapper .map-coral-list.mcscroll .mCSB_inside > .mCSB_container {
  margin-right: 10px;
}
.sc-map-wrapper .map-coral-list.mcscroll .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  background-color: #E6E6E6;
  border-radius: 10px;
}
.sc-map-wrapper .map-coral-list.mcscroll .mCSB_scrollTools .mCSB_draggerRail {
  background-color: #F5F5F5;
  border-radius: 10px;
}
.sc-map-wrapper .map-coral-list .item-list li {
  width: 100%;
}
.sc-map-wrapper .map-coral-list .item-list li + li {
  margin-top: 8px;
}
.sc-map-wrapper .map-coral-list .link {
  display: block;
  border-radius: 20px;
  overflow: hidden;
  padding: 2px;
}
.sc-map-wrapper .map-coral-list .link:hover .coral-card-wrapper .coral-group .icon img {
  animation-name: hvr-icon-wobble-vertical;
  animation-duration: 1s;
  animation-timing-function: ease-in-out;
  animation-iteration-count: 1;
}
.sc-map-wrapper .map-coral-list .link.coral-result-01 {
  background: linear-gradient(to right, #41d777 0%, #bcf286 100%);
}
.sc-map-wrapper .map-coral-list .link.coral-result-01 .coral-card-wrapper .coral-title {
  color: #00cc5c;
}
.sc-map-wrapper .map-coral-list .link.coral-result-01 .coral-card-wrapper .chevron svg * {
  fill: #00cc5c;
}
.sc-map-wrapper .map-coral-list .link.coral-result-02 {
  background: linear-gradient(to right, #9a9a9a 0%, #e0e0e0 100%);
}
.sc-map-wrapper .map-coral-list .link.coral-result-02 .coral-card-wrapper .coral-title {
  color: #9a9a9a;
}
.sc-map-wrapper .map-coral-list .link.coral-result-02 .coral-card-wrapper .chevron svg * {
  fill: #9a9a9a;
}
.sc-map-wrapper .map-coral-list .link.coral-result-03 {
  background: linear-gradient(to right, #1971d7 0%, #54e0fe 100%);
}
.sc-map-wrapper .map-coral-list .link.coral-result-03 .coral-card-wrapper .coral-title {
  color: #1e7bdb;
}
.sc-map-wrapper .map-coral-list .link.coral-result-03 .coral-card-wrapper .chevron svg * {
  fill: #1a72d7;
}
.sc-map-wrapper .map-coral-list .link.coral-result-04 {
  background: linear-gradient(to right, #ffb100 0%, #ffdc52 100%);
}
.sc-map-wrapper .map-coral-list .link.coral-result-04 .coral-card-wrapper .coral-title {
  color: #ffb100;
}
.sc-map-wrapper .map-coral-list .link.coral-result-04 .coral-card-wrapper .chevron svg * {
  fill: #ffb100;
}
.sc-map-wrapper .map-coral-list .link.coral-result-05 {
  background: linear-gradient(to right, #ff5253 0%, #fcd57b 100%);
}
.sc-map-wrapper .map-coral-list .link.coral-result-05 .coral-card-wrapper .coral-title {
  color: #fe0002;
}
.sc-map-wrapper .map-coral-list .link.coral-result-05 .coral-card-wrapper .chevron svg * {
  fill: #fe0002;
}
.sc-map-wrapper .map-coral-list .link.coral-result-06 {
  background: linear-gradient(to right, #e03e3e 0%, #ff9d9e 100%);
}
.sc-map-wrapper .map-coral-list .link.coral-result-06 .coral-card-wrapper .coral-title {
  color: #a20000;
}
.sc-map-wrapper .map-coral-list .link.coral-result-06 .coral-card-wrapper .chevron svg * {
  fill: #a20000;
}
.sc-map-wrapper .map-coral-list .coral-card-wrapper {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  height: 96px;
  padding: 12px 13px;
  background-color: #fff;
  border-radius: 18px;
  position: relative;
  overflow: hidden;
  border: 2px;
}
.sc-map-wrapper .map-coral-list .coral-card-wrapper .coral-title {
  font-size: 24px;
  font-weight: bold;
  line-height: 0.8em;
}
.sc-map-wrapper .map-coral-list .coral-card-wrapper .coral-group {
  display: flex;
  align-items: center;
  gap: 10px;
}
.sc-map-wrapper .map-coral-list .coral-card-wrapper .coral-group .icon {
  width: 25px;
}
.sc-map-wrapper .map-coral-list .coral-card-wrapper .coral-group .icon img {
  transform: translateZ(0);
}
.sc-map-wrapper .map-coral-list .coral-card-wrapper .coral-group .coral-text {
  font-size: 22px;
  font-weight: 500;
  line-height: 0.8em;
  color: #525252;
}
.sc-map-wrapper .map-coral-list .coral-no-content .coral-title {
  font-size: 28px;
  font-weight: bold;
  line-height: 1em;
  min-height: 100px;
  display: flex;
  align-items: center;
  justify-content: center;
  opacity: 0.8;
}
.sc-map-wrapper ~ .sc-note {
  -webkit-backdrop-filter: blur(50px);
          backdrop-filter: blur(50px);
  --webkit-backdrop-filter: blur(50px);
  background-color: #E4FFFF;
  height: 60px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.sc-map-wrapper ~ .sc-note p {
  font-size: 24px;
  color: black;
  margin-bottom: 0;
}
.sc-map-wrapper ~ .sc-info {
  height: 80px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.sc-map-wrapper ~ .sc-info > .row {
  align-items: center;
  margin: 0 -20px;
}
.sc-map-wrapper ~ .sc-info > .row > div {
  padding: 0 20px;
}
.sc-map-wrapper ~ .sc-info > .row > div + div {
  border-left: 1px solid #DADCE0;
}
.sc-map-wrapper ~ .sc-info .info-update-txt {
  font-size: 22px;
  font-weight: bold;
  color: #003ADA;
  margin: 0;
}
.sc-map-wrapper ~ .sc-info .item-list li a {
  display: flex;
  align-items: center;
  gap: 10px;
  cursor: pointer;
  transition: all 300ms ease;
}
.sc-map-wrapper ~ .sc-info .item-list li a:hover {
  color: #003ADA;
}
.sc-map-wrapper ~ .sc-info .item-list li + li {
  margin-left: 30px;
}
.sc-map-wrapper ~ .sc-info .item-list li .icon {
  width: 24px;
}
.sc-map-wrapper ~ .sc-info .item-list li .txt {
  font-size: 22px;
  margin-bottom: 0;
}

.map-content .gm-ui-hover-effect > span {
  background-color: #000;
}
.map-content .gm-style .gm-style-iw {
  padding: 0 !important;
  margin: 0;
  background: transparent;
  max-width: 500px !important;
  height: 250px !important;
  max-height: unset !important;
  border-radius: 20px;
}
.map-content .gm-style .gm-style-iw-tc::after {
  background: #fff;
  top: 0;
}
.map-content .gm-style .gm-style-iw-d {
  overflow: unset !important;
  max-height: 100% !important;
  height: 100%;
}
.map-content .gm-style .gm-style-iw-d > div {
  height: 100%;
}
.map-content .gm-style button[title=Close] > span {
  width: 20px !important;
  height: 20px !important;
  margin: 0 !important;
  margin-left: 10px !important;
}
.map-content .gm-style button[title=Close] {
  top: 0 !important;
  right: 0 !important;
  z-index: 1;
  transition: all 400ms ease;
}
.map-content .gm-style .gm-style-iw-chr {
  position: absolute;
  right: 0;
}
.map-content .gm-style .link {
  display: block;
  overflow: hidden;
  border-radius: 22px;
  padding: 3px;
  height: 100%;
}
.map-content .gm-style .link:hover .map-card-wrapper .cover img {
  transform: scale(1.2);
}
.map-content .gm-style .link.green {
  background: linear-gradient(to right, #41d777 0%, #bcf286 100%);
}
.map-content .gm-style .link.green .map-card-wrapper .h-title {
  color: #00cc5c;
}
.map-content .gm-style .link.gray {
  background: linear-gradient(to right, #9a9a9a 0%, #e0e0e0 100%);
}
.map-content .gm-style .link.gray .map-card-wrapper .h-title {
  color: #9a9a9a;
}
.map-content .gm-style .link.blue {
  background: linear-gradient(to right, #1971d7 0%, #54e0fe 100%);
}
.map-content .gm-style .link.blue .map-card-wrapper .h-title {
  color: #1e7bdb;
}
.map-content .gm-style .link.yellow {
  background: linear-gradient(to right, #ffb100 0%, #ffdc52 100%);
}
.map-content .gm-style .link.yellow .map-card-wrapper .h-title {
  color: #ffb100;
}
.map-content .gm-style .link.red {
  background: linear-gradient(to right, #ff5253 0%, #fcd57b 100%);
}
.map-content .gm-style .link.red .map-card-wrapper .h-title {
  color: #fe0002;
}
.map-content .gm-style .link.darkred {
  background: linear-gradient(to right, #e03e3e 0%, #ff9d9e 100%);
}
.map-content .gm-style .link.darkred .map-card-wrapper .h-title {
  color: #a20000;
}
.map-content .gm-style .link .map-card-wrapper {
  height: 100%;
  background-color: #fff;
  border-radius: 20px;
  overflow: hidden;
  padding: 20px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.map-content .gm-style .link .map-card-wrapper .h-title {
  font-size: 26px;
  font-weight: bold;
  padding-right: 40px;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
  min-height: 1.2em;
  line-height: 1.2em;
}
.map-content .gm-style .link .map-card-wrapper > .row {
  margin: 0 -25px;
}
.map-content .gm-style .link .map-card-wrapper > .row > div {
  padding: 0 25px;
}
.map-content .gm-style .link .map-card-wrapper > .row > div.h-100 {
  height: 100%;
}
.map-content .gm-style .link .map-card-wrapper .group-wrapper {
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  padding: 10px 0;
}
.map-content .gm-style .link .map-card-wrapper .group-wrapper .content .title {
  font-size: 20px;
  font-weight: bold;
  line-height: 1em;
  margin-bottom: 5px;
  color: #000;
}
.map-content .gm-style .link .map-card-wrapper .group-wrapper .content p {
  font-size: 20px;
  font-weight: 500;
  line-height: 1.05em;
  margin-bottom: 0;
  color: #000;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  word-break: break-all;
}
.map-content .gm-style .link .map-card-wrapper .cover {
  width: 230px;
  padding-top: 150px;
  border-radius: 10px;
  overflow: hidden;
}
.map-content .gm-style .link .map-card-wrapper .cover img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
  transition: all 400ms ease;
}

.sc-news .news {
  padding: 40px 0;
}
.sc-news .news .slick-list {
  margin: 0 -10px;
}
.sc-news .news .slick-list .slick-slide {
  padding: 0 10px;
}
.sc-news .news .slick-list .item {
  padding: 0;
}
.sc-news .news .news-slide.slick-dotted {
  padding-bottom: 45px;
  margin-bottom: 0;
}
.sc-news .news .news-slide.slick-dotted .slick-dots {
  bottom: 0;
  margin: 0;
}

.sc-coral-report .coral-report {
  padding: 40px 0 100px 0;
}
.sc-coral-report .report-slide .box {
  margin: 0;
}
.sc-coral-report .report-slide .slick-list {
  overflow: visible;
}
.sc-coral-report .report-slide .slick-track {
  margin: 0 -10px;
}
.sc-coral-report .report-slide .slick-slide {
  opacity: 0;
  padding: 0 10px;
  transition: all 400ms ease;
}
.sc-coral-report .report-slide .slick-slide.slick-active {
  opacity: 1;
}
.sc-coral-report .report-slide .slick-slide > div {
  display: flex;
  gap: 20px;
}
.sc-coral-report .report-slide .slick-slide > div + div {
  margin-top: 20px;
}
.sc-coral-report .coral-detail {
  padding: 35px 0 50px 0;
}
.sc-coral-report .coral-detail .report-slide.slick-dotted.slick-slider {
  margin: 0;
  padding-bottom: 50px;
}
.sc-coral-report .coral-detail .report-slide.slick-dotted.slick-slider .slick-dots {
  margin: 0;
  bottom: 0;
}
.sc-coral-report .knowledge-detail {
  margin-bottom: 0;
}
.sc-coral-report .knowledge-detail .knowledge-slide .slick-dotted {
  padding-bottom: 45px;
  margin-bottom: 0;
}
.sc-coral-report .knowledge-detail .knowledge-slide .slick-dotted .slick-dots {
  margin: 0;
  bottom: 0;
}
.sc-coral-report .coral-knowledge {
  padding: 0;
}
.sc-coral-report .coral-knowledge .knowledge-slide .slick-list {
  overflow: visible;
}
.sc-coral-report .coral-knowledge .knowledge-slide .slick-slide {
  opacity: 0;
  transition: all 400ms ease;
}
.sc-coral-report .coral-knowledge .knowledge-slide .slick-slide.slick-active {
  opacity: 1;
}
.sc-coral-report .coral-knowledge .knowledge-slide.slick-dotted {
  margin-bottom: 0;
  padding-bottom: 50px;
}
.sc-coral-report .coral-knowledge .knowledge-slide.slick-dotted .slick-dots {
  margin: 0;
  bottom: 0;
}
.sc-coral-report .coral-knowledge .bg-item {
  box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
}
.sc-coral-report .card-banner {
  margin-top: 50px;
}
.sc-coral-report .card-banner .banner-slide.slick-dotted.slick-slider {
  margin: 0;
  padding-bottom: 40px;
}
.sc-coral-report .card-banner .banner-slide.slick-dotted.slick-slider .slick-dots {
  margin: 0;
  bottom: 0;
}
.sc-coral-report .card-banner .banner-slide .slick-list {
  margin: 0 -10px;
}
.sc-coral-report .card-banner .banner-slide .slick-list .slick-slide {
  padding: 0 10px;
}
.sc-coral-report .card-banner .banner-slide .slick-dots li.slick-active button:before {
  background-color: #003ADA;
}
.sc-coral-report .card-banner .banner-slide .slick-dots li button::before {
  border-color: #003ADA;
}
.sc-coral-report .card-banner .cover {
  width: 100%;
  padding-top: 400px;
  border-radius: 10px;
  overflow: hidden;
}
.sc-coral-report .card-banner .cover img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
  transition: all 400ms ease;
}
.sc-coral-report .coral-home-content {
  padding: 50px 40px 0;
}

@media screen and (max-width: 1440px), screen and (max-height: 980px) {
  .sc-map-wrapper .sc-map-bar .map-bar-card {
    width: 450px;
  }
  .sc-map-wrapper .form-default .header .form-group .form-control {
    height: 50px;
    border-radius: 25px;
    font-size: 20px;
  }
  .sc-map-wrapper .form-default .header .collapse-filter {
    width: 50px;
    height: 50px;
  }
  .sc-map-wrapper .form-default .header .collapse-filter span svg {
    width: 13px;
  }
  .sc-map-wrapper .form-default .body .sc-card-filter .form-group .form-control {
    height: 45px;
    font-size: 20px;
    border-radius: 22.5px;
  }
  .sc-map-wrapper .form-default .body .sc-card-filter .form-group .select2-container--default .select2-selection--single {
    height: 45px;
    border-radius: 22.5px;
  }
  .sc-map-wrapper .form-default .body .sc-card-filter .action .btn {
    min-width: 120px;
    height: 40px;
    font-size: 20px;
    border-radius: 20px;
  }
  .sc-map-wrapper .action-announce {
    margin: 15px 0;
    padding-bottom: 15px;
  }
  .sc-map-wrapper .action-announce .btn-announce {
    height: 50px;
    border-radius: 25px;
    font-size: 22px;
  }
  .sc-map-wrapper .map-coral-list .coral-card-wrapper {
    height: 90px;
  }
  .sc-map-wrapper .map-coral-list .coral-card-wrapper .coral-title {
    font-size: 22px;
  }
  .sc-map-wrapper .map-coral-list .coral-card-wrapper .coral-group .icon {
    width: 20px;
  }
  .sc-map-wrapper .map-coral-list .coral-card-wrapper .coral-group .coral-text {
    font-size: 20px;
  }
  .sc-map-wrapper .map-coral-list .coral-card-wrapper .chevron svg {
    width: 7px;
  }
  .sc-map-wrapper .map-coral-list .coral-no-content .coral-title {
    min-height: 60px;
    font-size: 24px;
  }
  .sc-map-wrapper .sc-map-bar {
    transform: translateX(calc(-100% + 30px));
    margin: 15px 0;
  }
  .sc-map-wrapper .sc-map-bar .map-button-toggle {
    width: 30px;
    height: 70px;
  }
  .sc-map-wrapper .sc-map-bar .map-button-toggle svg {
    width: 8px;
  }
  .sc-map-wrapper ~ .sc-note p {
    line-height: 1em;
    padding: 15px;
    font-size: 20px;
  }
  .sc-map-wrapper ~ .sc-info {
    padding: 20px 15px;
    height: auto;
  }
  .sc-map-wrapper ~ .sc-info .info-update-txt {
    line-height: 1em;
  }
  .sc-map-wrapper ~ .sc-info > .row {
    justify-content: center;
    gap: 15px;
  }
  .sc-map-wrapper ~ .sc-info > .row > div + div {
    border: none;
  }
  .sc-map-wrapper ~ .sc-info .item-list li a {
    gap: 12px;
  }
  .sc-map-wrapper ~ .sc-info .item-list li + li {
    margin-left: 18px;
  }
  .sc-map-wrapper ~ .sc-info .item-list li .txt {
    line-height: 1em;
  }
  .map-content .gm-style .gm-style-iw {
    max-width: 450px !important;
    height: 230px !important;
  }
  .map-content .gm-style .link .map-card-wrapper {
    padding: 16px;
  }
  .map-content .gm-style .link .map-card-wrapper .h-title {
    font-size: 24px;
  }
  .map-content .gm-style .link .map-card-wrapper > .row {
    margin: 0 -20px;
  }
  .map-content .gm-style .link .map-card-wrapper > .row > div {
    padding: 0 20px;
  }
  .map-content .gm-style .link .map-card-wrapper .cover {
    width: 200px;
    padding-top: 140px;
  }
  .map-content .gm-style .link .map-card-wrapper .group-wrapper {
    padding: 8px 0;
  }
}
@media (max-width: 1440px) {
  .sc-coral-report .card-banner .cover {
    padding-top: 350px;
  }
}
@media (max-width: 991px) {
  .sc-map-wrapper {
    overflow: hidden;
  }
  .sc-map-wrapper .sc-gg-map .iframe-container {
    padding-top: calc(100dvh - 60px);
  }
  .sc-map-wrapper .sc-map-bar {
    position: fixed;
    top: 115px;
    margin: 0;
    z-index: 80;
    transform: translatex(-100%);
    flex-direction: column;
    height: 100%;
    width: 100%;
  }
  .sc-map-wrapper .sc-map-bar .map-bar-card {
    width: 100%;
    height: 100%;
    border-radius: 0;
    padding: 15px 10px 15px 15px;
  }
  .sc-map-wrapper .sc-map-bar .map-button-toggle {
    width: 100%;
    height: 50px;
    border-radius: 0;
    display: none !important;
  }
  .sc-map-wrapper .map-button-toggle {
    height: 50px;
    width: 100%;
    background-color: #fff;
    box-shadow: 0 1px 2px rgba(60, 64, 67, 0.3), 0 2px 6px 2px rgba(60, 64, 67, 0.15);
    position: relative;
    font-size: 24px;
    font-weight: bold;
    display: flex !important;
    align-items: center;
    justify-content: center;
  }
  .sc-map-wrapper .form-default .collapse-content {
    padding-bottom: 10px;
  }
  .sc-map-wrapper .form-default .header .form-group .form-control {
    height: 45px;
    border-radius: 22.5px;
  }
  .sc-map-wrapper .form-default .header .collapse-filter {
    width: 45px;
    height: 45px;
  }
  .sc-map-wrapper .form-default .header .collapse-filter span svg {
    width: 10px;
    height: 14px;
  }
  .sc-map-wrapper .form-default .body .sc-card-filter .form-group .form-control {
    height: 40px;
    font-size: 18px;
    border-radius: 20px;
  }
  .sc-map-wrapper .form-default .body .sc-card-filter .form-group .select2-container--default .select2-selection--single {
    height: 40px;
    border-radius: 20px;
  }
  .sc-map-wrapper .form-default .body .sc-card-filter .action {
    margin-top: 10px;
  }
  .sc-map-wrapper .form-default .body .sc-card-filter .action .btn {
    min-width: 110px;
    height: 38px;
    font-size: 18px;
    border-radius: 19px;
  }
  .sc-map-wrapper .action-announce {
    margin: 10px 0;
    padding-bottom: 10px;
  }
  .sc-map-wrapper .action-announce .btn-announce {
    height: 45px;
    border-radius: 22.5px;
    font-size: 20px;
    gap: 8px;
  }
  .sc-map-wrapper .action-announce .btn-announce svg {
    width: 22px;
  }
  .sc-map-wrapper .map-coral-list .link {
    border-radius: 18px;
  }
  .sc-map-wrapper .map-coral-list .item-list li + li {
    margin-top: 7px;
  }
  .sc-map-wrapper .map-coral-list .coral-card-wrapper {
    height: 75px;
    border-radius: 16px;
  }
  .sc-map-wrapper .map-coral-list .coral-card-wrapper .coral-title {
    font-size: 20px;
    text-align: left;
  }
  .sc-map-wrapper .map-coral-list .coral-card-wrapper .coral-group {
    gap: 8px;
  }
  .sc-map-wrapper .map-coral-list .coral-card-wrapper .coral-group .icon {
    width: 16px;
  }
  .sc-map-wrapper .map-coral-list .coral-card-wrapper .coral-group .coral-text {
    font-size: 18px;
  }
  .sc-map-wrapper .map-coral-list .coral-card-wrapper .chevron svg {
    width: 6px;
  }
  .sc-map-wrapper .map-coral-list .coral-no-content .coral-title {
    font-size: 22px;
  }
  .sc-map-wrapper ~ .sc-note {
    height: auto;
  }
  .sc-map-wrapper ~ .sc-note p {
    font-size: 18px;
    line-height: 1.2em;
  }
  .sc-map-wrapper ~ .sc-info {
    padding: 15px;
    justify-content: start;
  }
  .sc-map-wrapper ~ .sc-info .info-update-txt {
    font-size: 20px;
  }
  .sc-map-wrapper ~ .sc-info > .row {
    margin: 0;
    width: 100%;
  }
  .sc-map-wrapper ~ .sc-info > .row > div {
    padding: 0;
  }
  .sc-map-wrapper ~ .sc-info .item-list::before,
  .sc-map-wrapper ~ .sc-info .item-list::after {
    display: none;
  }
  .sc-map-wrapper ~ .sc-info .item-list {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 10px;
  }
  .sc-map-wrapper ~ .sc-info .item-list li a {
    gap: 5px;
  }
  .sc-map-wrapper ~ .sc-info .item-list li + li {
    margin: 0;
  }
  .sc-map-wrapper ~ .sc-info .item-list li .txt {
    font-size: 18px;
  }
  .sc-map-wrapper ~ .sc-info .item-list li .icon {
    width: 22px;
  }
  .map-content .gm-style .gm-style-iw {
    max-width: 340px !important;
    height: 180px !important;
  }
  .map-content .gm-style .link {
    padding: 2px;
    border-radius: 20px;
  }
  .map-content .gm-style .link .map-card-wrapper {
    padding: 14px;
    border-radius: 18px;
  }
  .map-content .gm-style .link .map-card-wrapper .h-title {
    font-size: 20px;
  }
  .map-content .gm-style .link .map-card-wrapper > .row {
    margin: 0 -5px;
  }
  .map-content .gm-style .link .map-card-wrapper > .row > div {
    padding: 0 5px;
  }
  .map-content .gm-style .link .map-card-wrapper .group-wrapper {
    padding: 12px 0;
  }
  .map-content .gm-style .link .map-card-wrapper .group-wrapper .content .title {
    font-size: 18px;
    margin-bottom: 3px;
  }
  .map-content .gm-style .link .map-card-wrapper .group-wrapper .content p {
    font-size: 17px;
  }
  .map-content .gm-style .link .map-card-wrapper .cover {
    width: 140px;
    padding-top: 120px;
    height: auto !important;
    border-radius: 6px;
  }
  .sc-news .news .head-title .desc,
  .sc-coral-report .head-title .desc {
    margin-top: 5px;
  }
  .sc-news .news .slick-list,
  .sc-coral-report .slick-list {
    margin: 0 -5px;
  }
  .sc-news .news .slick-list .slick-slide,
  .sc-coral-report .slick-list .slick-slide {
    padding: 0 5px;
  }
  .sc-news .news .slick-dots li,
  .sc-coral-report .slick-dots li {
    width: 15px;
    height: 15px;
    margin: 0 3px;
  }
  .sc-news .news .slick-dots li button::before,
  .sc-coral-report .slick-dots li button::before {
    width: 15px;
    height: 15px;
  }
  .sc-news .news {
    padding: 25px 0;
  }
  .sc-news .news .news-slide {
    margin: 0;
  }
  .sc-news .news .news-slide.slick-dotted {
    padding: 20px 0 30px 0;
  }
  .sc-coral-report .coral-report {
    padding: 25px 0 40px 0;
  }
  .sc-coral-report .coral-report > .container {
    margin-bottom: 30px;
  }
  .sc-coral-report .report-slide .slick-slide > div {
    display: block;
  }
  .sc-coral-report .report-slide .slick-track {
    margin: 0;
  }
  .sc-coral-report .coral-detail {
    padding: 20px 0 0 0;
  }
  .sc-coral-report .coral-detail .item {
    padding: 0;
  }
  .sc-coral-report .coral-detail .report-slide.slick-dotted.slick-slider {
    padding-bottom: 30px;
  }
  .sc-coral-report .coral-knowledge .item {
    padding: 0;
  }
  .sc-coral-report .knowledge-detail {
    margin: 25px 0 0 0;
  }
  .sc-coral-report .coral-knowledge .knowledge-slide.slick-dotted {
    padding-bottom: 30px;
  }
  .sc-coral-report .card-banner {
    margin-top: 25px;
  }
  .sc-coral-report .card-banner .cover {
    padding-top: 33%;
    height: auto !important;
  }
  .sc-coral-report .card-banner .banner-slide.slick-dotted.slick-slider {
    padding-bottom: 30px;
  }
  .sc-coral-report .coral-home-content {
    padding: 30px 0 0 0;
  }
}
@media (max-width: 767px) {
  .sc-map-wrapper .map-coral-list.mcscroll {
    max-height: calc(100% - 240px);
  }
  .sc-map-wrapper .sc-map-bar.fix-height .map-coral-list.mcscroll {
    max-height: calc(100% - 430px);
  }
}
@media (max-width: 575px) {
  .head-title.mobile a.view-all {
    margin-bottom: 0;
  }
}
.sc-coral-detail .coral-detail {
  box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 12px;
}
.sc-coral-detail .nav-tab {
  margin: 0 -10px;
  margin-bottom: 40px;
}
.sc-coral-detail .nav-tab li {
  width: 50%;
  padding: 0 10px;
  position: relative;
}
.sc-coral-detail .nav-tab li .link {
  width: 100%;
  height: 60px;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  border-radius: 10px;
  border: 2px solid #DBDBDB;
  font-size: 26px;
  font-weight: 500;
  color: #707070;
  cursor: pointer;
}
.sc-coral-detail .nav-tab li .link::before {
  content: "";
  position: absolute;
  bottom: -14px;
  left: auto;
  width: 0;
  height: 0;
  border-left: 13px solid transparent;
  border-right: 13px solid transparent;
  border-top: 12px solid transparent;
  transition: all 300ms ease-out;
}
.sc-coral-detail .nav-tab li .link * {
  transition: all 300ms ease-out;
}
.sc-coral-detail .nav-tab li .link:hover, .sc-coral-detail .nav-tab li .link.active {
  background-color: #7B1CE8;
  border-color: #7B1CE8;
  color: #fff;
  transition: all 300ms ease-out;
}
.sc-coral-detail .nav-tab li .link:hover::before, .sc-coral-detail .nav-tab li .link.active::before {
  border-top: 12px solid #7B1CE8;
}
.sc-coral-detail .nav-tab li input {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  cursor: pointer;
  z-index: 1;
}
.sc-coral-detail .nav-tab li input[type=radio]:checked ~ .link {
  background-color: #7B1CE8;
  border-color: #7B1CE8;
  color: #fff;
  transition: all 300ms ease-out;
}
.sc-coral-detail .nav-tab li input[type=radio]:checked ~ .link::before {
  border-top: 12px solid #7B1CE8;
}
.sc-coral-detail .radio-control input[type=radio]:checked ~ .icon {
  border-color: #003ADA;
}
.sc-coral-detail .radio-control input[type=radio]:checked ~ .icon::before {
  background-color: #003ADA;
}
.sc-coral-detail .block-control-addon {
  display: flex;
  gap: 5px;
  align-items: end;
}
.sc-coral-detail .-border-group {
  border: 1px solid #ccc;
  border-radius: 4px;
  padding: 20px 10px 10px 10px;
}
.sc-coral-detail .-border-group.how-to-find .control-label:not(.mobile) {
  top: -30px;
}
.sc-coral-detail .-border-group .control-label:not(.mobile) {
  position: absolute;
  top: -10px;
  left: 10px;
  background-color: #fff;
  width: -moz-max-content;
  width: max-content;
  padding: 0 10px;
  margin-bottom: 0;
}
.sc-coral-detail .form-privacy .checkbox-control .icon {
  border-color: #003ADA;
  width: 25px;
  height: 25px;
  top: 0;
}
.sc-coral-detail .form-privacy .checkbox-control input[type=checkbox] {
  width: 20%;
  z-index: 1;
}
.sc-coral-detail .form-privacy .checkbox-control input[type=checkbox]:checked ~ .icon {
  border-color: #003ADA;
  background-color: #003ADA;
}
.sc-coral-detail .form-privacy .checkbox-control input[type=checkbox]:checked ~ .icon::before {
  color: #fff;
  line-height: 24px;
}
.sc-coral-detail .form-privacy .txt {
  margin: 0;
  padding: 0 0 0 35px;
  line-height: 1.2em;
  font-size: 24px;
  display: block;
}
.sc-coral-detail .form-privacy .txt span {
  position: relative;
  z-index: 1;
}
.sc-coral-detail .form-privacy .link {
  width: 100%;
  border: none;
  height: auto;
  line-height: unset;
  display: inline;
  font-size: 24px;
  text-decoration: underline;
  color: #003ADA;
}
.sc-coral-detail .form-privacy .link:hover {
  opacity: 0.8;
}
.sc-coral-detail .profile-box-addon.-flex {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.sc-coral-detail .profile-box-addon .box-content .title-topic {
  border-bottom: 1px solid #ccc;
  border-radius: 0;
  padding-bottom: 10px;
  margin-bottom: 20px;
}
.sc-coral-detail .profile-box-addon .box-content > div {
  padding: 30px 25px;
}
.sc-coral-detail .profile-box-addon .list-wrapper {
  display: inline-grid;
  grid-template-columns: repeat(2, 1fr);
  width: 100%;
  gap: 20px;
}
.sc-coral-detail .profile-box-addon .list-wrapper .status {
  width: auto;
}
.sc-coral-detail .profile-box-addon .content a {
  width: 100%;
  border: none;
  height: auto;
  line-height: unset;
  text-align: left;
  color: #333333;
  display: flex;
  font-size: 24px;
}
.sc-coral-detail .profile-box-addon .content a:hover {
  color: #003ADA;
}
.sc-coral-detail .profile-box-addon .content .group-text + .group-text {
  margin-top: 15px;
}
.sc-coral-detail .profile-box-addon .content .group-text > div {
  font-size: 24px;
  color: #333333;
}
.sc-coral-detail .profile-box-addon .content .group-text > div .icon {
  margin-right: 5px;
}
.sc-coral-detail .profile-box-addon .content .group-text > div + div {
  margin-top: 10px;
}
.sc-coral-detail .profile-box-addon .content-detail {
  max-width: 490px;
  width: 100%;
}

@media (max-width: 991px) {
  .sc-coral-detail .block-control-addon {
    gap: 2px;
  }
  .sc-coral-detail .profile-box.report-coral .fix-content {
    margin-bottom: 30px;
  }
  .sc-coral-detail .nav-tab {
    margin: 0 -5px;
    padding-bottom: 25px;
  }
  .sc-coral-detail .nav-tab li {
    padding: 0 5px;
  }
  .sc-coral-detail .nav-tab li .link {
    height: 45px;
    font-size: 22px;
    border-radius: 8px;
  }
  .sc-coral-detail .nav-tab li .link::before {
    bottom: -12px;
  }
  .sc-coral-detail .form-privacy .checkbox-control .icon {
    width: 18px;
    height: 18px;
    top: 4px;
  }
  .sc-coral-detail .form-privacy .checkbox-control input[type=checkbox]:checked ~ .icon::before {
    line-height: 20px;
    width: 16px;
    height: 16px;
    font-size: 12px;
  }
  .sc-coral-detail .form-privacy .txt {
    font-size: 20px;
    padding: 0 0 0 25px;
  }
  .sc-coral-detail .form-privacy .link {
    font-size: 20px;
  }
}
@media (max-width: 767px) {
  .sc-coral-detail .profile-box .box-content {
    display: flex;
    flex-direction: column;
    height: auto;
  }
  .sc-coral-detail .profile-box .box-content .num {
    width: 100%;
    height: 70px;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: left;
    background-size: revert-layer;
  }
  .sc-coral-detail .profile-box .box-content > div {
    width: 100%;
  }
  .sc-coral-detail .profile-box-addon .box-content > div {
    padding: 20px;
    padding-bottom: 20px !important;
  }
  .sc-coral-detail .profile-box .box-content .status > div {
    width: 100% !important;
  }
  .sc-coral-detail .profile-box .box-content .status > div > div {
    text-align: left;
  }
  .sc-coral-detail .profile-box .box-content .status {
    position: relative;
    left: 0;
    padding: 0;
  }
  .sc-coral-detail .profile-box .box-content .status .title {
    border-bottom: #ccc solid 1px;
    padding-bottom: 10px;
    margin-bottom: 15px;
  }
  .sc-coral-detail .profile-box .box-content .btn-status > span {
    width: auto;
    max-width: 200px;
  }
  .sc-coral-detail .coral-profile .profile-box .box-content a,
  .sc-coral-detail .profile-box-addon .content .group-text > div {
    font-size: 20px;
  }
  .sc-coral-detail .profile-box-addon .list-wrapper {
    grid-template-columns: repeat(1, 1fr);
  }
  .sc-coral-detail .profile-box .box-content .content {
    padding-bottom: 0;
  }
  .sc-coral-detail .profile-box-addon .box-content .title-topic {
    font-size: 26px;
  }
  .sc-coral-detail .head-title h2 + h2 {
    width: 30% !important;
  }
  .sc-coral-detail .head-title h2 + h2,
  .sc-coral-detail .head-title.tx-2 h2,
  .sc-coral-detail .head-title h2 {
    font-size: 22px !important;
  }
  .sc-coral-detail .profile-box-addon.-flex {
    display: block;
  }
  .sc-coral-detail .profile-box-addon .content-detail .group-text {
    grid-template-columns: repeat(1, 1fr);
  }
  .sc-coral-detail .profile-box-addon .content a {
    font-size: 20px;
  }
  .sc-coral-detail .profile-box-addon .content-detail .group-text span {
    font-size: 20px;
  }
  .sc-coral-detail .report-coral-detail .status {
    width: 100% !important;
    margin-top: 15px;
    float: unset;
  }
  .sc-coral-detail .report-coral-detail .btn-status {
    float: unset;
    text-align: left;
  }
  .sc-coral-detail .report-coral-detail .btn-status > span {
    width: auto;
    max-width: 200px;
  }
}
@media (max-width: 575px) {
  .sc-coral-detail .-border-group {
    margin-bottom: 17px;
  }
}/*# sourceMappingURL=style.css.map */