/* icons */

.ast-icons-center {
  margin: 0 auto;
}

.ast-icons-without-label {
  font-size: 0;
  display: block;
  width: 20px;
  height: 20px;
  background: none no-repeat center center transparent;
}

.ast-icons-md {
  width: 16px;
  height: 16px;
  background-size: 16px;
}

.ast-icons-field-yes {
  background-image: url(/themes/custom/gff/components/elements/icons/img/icn_yes.png);
}

.ast-icons-field-no {
  background-image: url(/themes/custom/gff/components/elements/icons/img/icn_no.png);
}

.ast-icons-field-yes-xs {
  background-image: url(/themes/custom/gff/components/elements/icons/img/legend_icn_yes.png);
}

.ast-icons-field-no-xs {
  background-image: url(/themes/custom/gff/components/elements/icons/img/legend_icn_no.png);
}

.ast-icons-field-dont-know {
  background-image: url(/themes/custom/gff/components/elements/icons/img/icn_dont_know.png);
}

.ast-icons-field-dont-know-xs {
  background-image: url(/themes/custom/gff/components/elements/icons/img/icn_dont_know.png);
}

/* icon-field-item */
.icn-btn-item,
.icon-field-item {
  --icon-width: auto;
  --icon-height: auto;
  --icon: none;
  --icon-hover: none;
  --icon-text-gap: 0;
  display: flex !important;
  gap: var(--icon-text-gap);
}

.disable--icon {
  pointer-events: none;
}

.disable--icon .icn-btn-field {
  --icon: var(--icon-disable);
}

.text-icon {
  --icon-text-gap: 15px;
}

.text-icon-clr1 {
  --text-color: var(--section-icon-text-clr, var(--clr-gray-dark));
  color: var(--text-color);
}

.text-icon-clr1:focus {
  color: var(--text-color);
}

.icn-btn-field,
.icon--right:after {
  content: '';
  width: var(--icon-width);
  height: var(--icon-height);
  background: var(--icon) no-repeat center center transparent;
}

span.icon--right:after {
  display: block;
}

.hover-page-link:hover .explore-page-link:after,
a:has(> .icn-btn-item):hover .icn-btn-field,
.icn-btn-item:hover .icn-btn-field,
.icon--right:hover:after {
  background-image: var(--icon-hover);
}

.icn-btn-field {
  content: unset;
}

.icon-abs {
  --icon-text-gap: 10px;
  position: relative;
  padding-right: calc(var(--icon-width) + var(--icon-text-gap));
}

.icon-abs:after {
  position: absolute;
  right: 0;
  top: 50%;
  margin-top: calc(var(--icon-height) / 2 * -1);
}

/* green-right-arrow-circle : used in country page */
.icon--arrow-right {
  --icon-width: 20px;
  --icon-height: 20px;
  --icon: url(/themes/custom/gff/components/elements/icons/img/link/green-right-arrow-circle_defalut.svg);
  --icon-hover: url(/themes/custom/gff/components/elements/icons/img/link/green-right-arrow-circle_hover.svg);
}

.icon--arrow-right2 {
  --icon-width: 25px;
  --icon-height: 21px;
  --icon: url(/themes/custom/gff/components/elements/icons/img/link/white-right-arrow-default.svg);
  --icon-hover: url(/themes/custom/gff/components/elements/icons/img/link/green-right-arrow-default.svg);
}

.icon--arrow-right3 {
  --icon-width: 8px;
  --icon-height: 13px;
  --icon: url(/themes/custom/gff/components/elements/icons/img/link/yellow-right_arrow.svg);
  --icon-hover: var(--icon);
}

.leanmore--link {
  --icon-text-gap: 8px;
}

.leanmore--link.underline-border:before {
  margin-top: 0;
}

.icon--arrow-black {
  --icon-width: 7px;
  --icon: url(/themes/custom/gff/components/elements/icons/img/link/black-right_arrow-thin.svg);
  --icon-hover: url(/themes/custom/gff/components/elements/icons/img/link/yellow-right_arrow-thin.svg);
}

.icon-right-arrow-green--hover {
  --icon-hover: url(/themes/custom/gff/components/elements/icons/img/link/green-right_arrow-thin.svg);
}

.icon--arrow-right4 {
  --icon-width: 41px;
  --icon-height: 42px;
  --icon: url(/themes/custom/gff/components/elements/icons/img/link/right_arrow_icon_default.svg);
  --icon-hover: url(/themes/custom/gff/components/elements/icons/img/link/right_arrow_icon_hover.svg);
  --icon-text-gap: 30px;
  background-size: var(--icon-width) auto;
}

.icon--arrow-right5 {
  --icon-width: 32px;
  --icon-height: 32px;
  --icon: url(/themes/custom/gff/components/elements/icons/img/scroll/scroll-down-arrow_default.svg);
  --icon-hover: url(/themes/custom/gff/components/elements/icons/img/scroll/scroll-down-arrow_hover.svg);
  --icon-disable: url(/themes/custom/gff/components/elements/icons/img/scroll/scroll-down-arrow_disable.svg);
}

.icon--arrow-right6 {
  --icon-width: 32px;
  --icon-height: 32px;
  --icon: url(/themes/custom/gff/components/elements/icons/img/scroll/scroll-up-arrow_default.svg);
  --icon-hover: url(/themes/custom/gff/components/elements/icons/img/scroll/scroll-up-arrow_hover.svg);
  --icon-disable: url(/themes/custom/gff/components/elements/icons/img/scroll/scroll-up-arrow_disable.svg);
}

.icon--arrow-right7 {
  --icon-width: 40px;
  --icon-height: 40px;
  --icon: url(/themes/custom/gff/components/elements/icons/img/link/icon--arrow-right7.svg);
  --icon-hover: url(/themes/custom/gff/components/elements/icons/img/link/icon--arrow-right7_hover.svg);
  align-items: center;
}

.icon--arrow-right8 {
  --icon-width: 39px;
  --icon-height: 39px;
  --icon: url(/themes/custom/gff/components/elements/icons/img/link/icon--arrow-right8.svg);
  --icon-hover: url(/themes/custom/gff/components/elements/icons/img/link/icon--arrow-right8_hover.svg);
  align-items: center;
}

.icon--arrow-right7:after,
.icon--arrow-right8:after {
  flex-shrink: 0;
}

.icon--close {
  --icon-width: 32px;
  --icon-height: 32px;
  --icon: url(/themes/custom/gff/components/elements/icons/img/close_icon.svg);
  --icon-hover: url(/themes/custom/gff/components/elements/icons/img/close_icon_hover.svg);
  font-size: 0;
}

.search--icon {
  --icon-width: 32px;
  --icon-height: 32px;
  --icon: url(/themes/custom/gff/components/elements/icons/img/search_icon.svg);
  --icon-hover: url(/themes/custom/gff/components/elements/icons/img/search_icon.svg);
  font-size: 0;
}

.search-reset-submit {
  --icon-width: 32px;
  --icon-height: 32px;
  --icon: url(/themes/custom/gff/components/elements/icons/img/search-reset-close.svg);
  --icon-hover: url(/themes/custom/gff/components/elements/icons/img/search-reset-close-hover.svg);
}

.icon--reset {
  --icon-width: 42px;
  --icon-height: 41px;
  --icon: url(/themes/custom/gff/components/elements/icons/img/reset/reset_icon_default.svg);
  --icon-hover: url(/themes/custom/gff/components/elements/icons/img/reset/reset_icon_hover.svg);
  align-items: center;
}

.enlarge--icon {
  font-size: 0;
  --icon-width: 19px;
  --icon-height: 19px;
  --icon: url(/themes/custom/gff/components/elements/icons/img/expand/expand_icon_normal.svg);
  --icon-hover: url(/themes/custom/gff/components/elements/icons/img/expand/expand_icon_hover.svg);
  align-items: center;
}

.enlarge-small {
  --icon-width: 13px;
  background-size: var(--icon-width) auto;
}

.enlarge-medium {
  --icon-width: 16px;
  background-size: var(--icon-width) auto;
}

/* download */
.icon--download {
  --icon-text-gap: 10px;
  --icon-width: 34px;
  --icon-height: 33px;
  --icon: url(/themes/custom/gff/components/elements/icons/img/download/Download_icon_default.svg);
  --icon-hover: url(/themes/custom/gff/components/elements/icons/img/download/Download_icon_hover2.svg);
  font-size: var(--fs-13);
  align-items: center;
  text-transform: uppercase;
}

.odd-even-style:nth-child(even) .card--downloads .icon--download {
  --icon: url(/themes/custom/gff/components/elements/icons/img/download/Download_icon_default.svg);
  --icon-hover: url(/themes/custom/gff/components/elements/icons/img/download/Download_icon_hover2.svg);
}

.section-with-bg-image .icon--download,
.odd-even-style:nth-child(even) .icon--download {
  --icon: url(/themes/custom/gff/components/elements/icons/img/download/white_icon_default.svg);
  --icon-hover: url(/themes/custom/gff/components/elements/icons/img/download/white_icon_hover.svg);
}

.odd-even-style:nth-child(even) .time-trend-chart.chart-wrap .icon--download,
.odd-even-style:nth-child(even) .popup-component .icon--download {
  --icon: url(/themes/custom/gff/components/elements/icons/img/download/Download_icon_default.svg);
  --icon-hover: url(/themes/custom/gff/components/elements/icons/img/download/Download_icon_hover2.svg);
}

.odd-even-style:nth-child(even) .transparent-bg-section .sup-info-icon {
  background-image: url(/themes/custom/gff/components/elements/icons/img/info/info_icon_default.svg) !important;
}

.odd-even-style:nth-child(even) .transparent-bg-section .tooltip-sup-wrapper:hover .sup-info-icon,
.odd-even-style:nth-child(even) .transparent-bg-section .sup-info-icon:hover {
  background-image: url(/themes/custom/gff/components/elements/icons/img/info/info_icon_hover.svg) !important;
}

.icon--download-sm {
  --icon-width: 27px;
  --icon-height: 27px;
}

.icon--download-sm:after {
  background-size: var(--icon-width) auto;
}

/* comment */

.comment-button {
  --icon: url(/themes/custom/gff/components/elements/icons/img/comment/comment_icon_grey.svg);
  --icon-hover: url(/themes/custom/gff/components/elements/icons/img/comment/comment_icon_.svg);
}

.comment-button:after {
  background: var(--icon) no-repeat center center transparent;
}

.comment-button.is-active:after,
.comment-button:hover:after {
  background-image: var(--icon-hover);
}

/* close */

.close-btn--icon {
  --icon: url(/themes/custom/gff/components/elements/icons/img/close/close_icon_default.svg);
  --icon-hover: url(/themes/custom/gff/components/elements/icons/img/close/close_icon_hover.svg);
  --icon-width: 17px;
  --icon-height: 17px;
  font-size: 0;
  display: block;
}

.close-btn--icon2 {
  --icon: url(/themes/custom/gff/components/elements/icons/img/close/close_icon2_default.svg);
  --icon-hover: url(/themes/custom/gff/components/elements/icons/img/close/close_icon2_hover.svg);
  --icon-width: 28px;
  --icon-height: 28px;
  font-size: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: var(--clr-blue08);
  border-radius: 100%;
}

/* data-info-icon */
.info-val.note-info-field {
  display: flex;
  align-items: center;
}

.data-info-icon {
  --icon-width: 15px;
  --icon-height: 15px;
  --icon: url(/themes/custom/gff/components/elements/icons/img/info-icons/info_icon_15x15.svg);
  --icon-hover: url(/themes/custom/gff/components/elements/icons/img/info-icons/info_hover_15x15.svg);
  display: inline-block;
  cursor: pointer;
  position: relative;
}

.note-info-field:hover .data-info-icon:not(:hover) {
  --icon-hover: url(/themes/custom/gff/components/elements/icons/img/info-icons/info_icon_15x15.svg);
}

.info-val.note-info-field .data-info-icon {
  margin-left: 10px;
}

.data-info-icon:after {
  content: attr(data-info-text);
  width: 250px;
  padding: 10px 15px;
  background: var(--clr-white);
  border-radius: 5px;
  color: #4d4d4d;
  font-size: 12px;
  position: absolute;
  bottom: 100%;
  left: 50%;
  transform: translateX(-50%);
  margin-bottom: 5px;
  opacity: 0;
  font-weight: var(--fw-medium);
  line-height: 1.3;
  pointer-events: none;
}

.data-info-icon:hover:after {
  opacity: 1;
}

.country-info-box {
  overflow: unset !important;
}

.info-icon2 {
  --icon-width: 16px;
  --icon-height: 16px;
  --icon: url(/themes/custom/gff/components/elements/icons/img/info-icons/info_icon2.svg);
  --icon-hover: url(/themes/custom/gff/components/elements/icons/img/info-icons/info_icon2_hover.svg);
}

/* plus-minus */

.icon--plus {
  --icon-width: 20px;
  --icon-height: 20px;
  --icon: url(/themes/custom/gff/components/elements/icons/img/accordions/accordian_plus.svg);
  --icon-hover: url(/themes/custom/gff/components/elements/icons/img/accordions/accordian_plus_hover.svg);
}

.icon--plus.is-active {
  --icon-width: 20px;
  --icon-height: 20px;
  --icon: url(/themes/custom/gff/components/elements/icons/img/accordions/accordian_min.svg);
  --icon-hover: url(/themes/custom/gff/components/elements/icons/img/accordions/accordian_min_hover.svg);
}

@media only screen and (max-width: 1024px) {
  .close-white-m-1024 {
    --icon-width: 32px;
    --icon-height: 32px;
    --icon: url(/themes/custom/gff/components/elements/icons/img/close_icon.svg);
    --icon-hover: url(/themes/custom/gff/components/elements/icons/img/close_icon_hover.svg);
    font-size: 0;
  }
}