#userwayAccessibilityIcon {
    display: none;
}

#userwayWidget {
    display: none;
}


/** Fonts **/
@font-face {
    font-family: Roboto;
    src: url("../../font/roboto/Roboto.ttf");
}

@font-face {
    font-family: Poppins;
    src: url('../../font/poppins/Poppins-Light.ttf') format('ttf'), url('../../font/poppins/Poppins-Bold.ttf'), url('../../font/poppins/Poppins-Medium.ttf') format('ttf'), url('../../font/poppins/Poppins-Regular.ttf'), 
        url('../../font/poppins/Poppins-SemiBold.ttf') format('ttf'), url('../../font/poppins/Poppins-ExtraBold.ttf');
}

@font-face {
  font-family: "Noto Kufi Arabic";
  src: url("../../font/NotoKufiArabic/NotoKufiArabic-Light.ttf") format("truetype");
  font-weight: 300;
  font-style: normal;
}

@font-face {
  font-family: "Noto Kufi Arabic";
  src: url("../../font/NotoKufiArabic/NotoKufiArabic-Regular.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
}

@font-face {
  font-family: "Noto Kufi Arabic";
  src: url("../../font/NotoKufiArabic/NotoKufiArabic-Medium.ttf") format("truetype");
  font-weight: 500;
  font-style: normal;
}

@font-face {
  font-family: "Noto Kufi Arabic";
  src: url("../../font/NotoKufiArabic/NotoKufiArabic-SemiBold.ttf") format("truetype");
  font-weight: 600;
  font-style: normal;
}

@font-face {
  font-family: "Noto Kufi Arabic";
  src: url("../../font/NotoKufiArabic/NotoKufiArabic-Bold.ttf") format("truetype");
  font-weight: 700;
  font-style: normal;
}


/** Font Size **/
/** Padding **/
/** Margin **/
/** Radius **/
/**/
html {
  overflow-x: hidden;
}

html, body {
  height: 100%;
  margin: 0;
}

body {
  font-family: Roboto;
  font-weight: 500;
  font-size: 11pt;
  line-height: 1.2;
  cursor: default;
  padding-right: 0 !important;
  overflow-x: hidden;
}

p {
  margin: 0;
  font-weight: 400;
}

a img {
  border: 0 none;
  display: inline-block;
}

img {
  max-width: 100%;
  height: auto;
}

a,
button {
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  text-decoration: none;
  cursor: pointer;
  border: none;
}

a:hover,
a:focus {
  color: #9b6131;
  text-decoration: none;
}

ul {
  margin: 0;
  padding: 0;
  list-style: none;
}

::-webkit-scrollbar {
  width: 6px;
  scroll-padding: 24pt;
}

::-webkit-scrollbar-track {
  background: #ddd;
  border-radius: 3pt;
}

::-webkit-scrollbar-thumb {
  background: rgba(46, 139, 87, 0.6);
  border-radius: 3pt;
  background-clip: padding-box;
}

::-webkit-scrollbar-thumb:hover {
  background: rgba(46, 139, 87, 0.85);
}

/** Menu Button **/
.menu-button {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 0.5625rem;
  border-radius: 0.415rem;
  border: 1px solid #eaeaea;
  background: #fafafa;
}

.menu-button:hover {
  background: #e4dddd;
  cursor: pointer;
}

.menu-button img,
.menu-button svg {
  width: 18px;
  height: 18px;
}

.menu-button.active {
  background-color: #9b6131;
}

.menu-button.active svg path {
  fill: #fff;
}

.container {
  padding: 5rem 0;
}

/** Mobile Screen Responsive **/
@media (max-width: 767px) {
  .menu-button img {
    max-width: 18px;
  }
}

.nav-bar {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin-bottom: 30px;
}

.nav-links {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.nav-links .link {
  -webkit-margin-end: 2.8rem;
  -moz-margin-end: 2.8rem;
  margin-inline-end: 2.8rem;
  font-size: 12pt;
  font-weight: 400;
}

.nav-links .link:last-child {
  -webkit-margin-end: 0;
  -moz-margin-end: 0;
  margin-inline-end: 0;
}

.nav-links .link:hover {
  color: #9b6131;
}

.nav-links .active {
  color: var(--brand) !important;
  font-weight: 500;
}

/* Keyframes for animations */
@-webkit-keyframes fadeIn {
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

@keyframes fadeIn {
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

@-webkit-keyframes fadeOut {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
  }
}

@keyframes fadeOut {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
  }
}

.text-header {
  margin-bottom: 38pt;
}

.body-text-regular {
  font-size: 11pt;
  line-height: 1.35;
  color: #4b4f58;
}

.toaster {
  display: none;
  width: 360px;
  position: fixed;
  top: 50px;
  z-index: 50;
  right: 50px;
  padding: 15pt;
  border-radius: 12pt;
  -webkit-box-shadow: 0px 12px 16px -4px rgba(36, 36, 36, 0.08),
    0px 4px 6px -2px rgba(36, 36, 36, 0.03);
  box-shadow: 0px 12px 16px -4px rgba(36, 36, 36, 0.08),
    0px 4px 6px -2px rgba(36, 36, 36, 0.03);
}

.toaster .head-toaster {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  padding-bottom: 9pt;
  border-bottom: 1px solid #e8dcdc;
}

.toaster .head-toaster h6 {
  -webkit-margin-start: 6pt;
  -moz-margin-start: 6pt;
  margin-inline-start: 6pt;
}

.toaster .body-toaster {
  padding-top: 9pt;
}

.toaster .body-toaster p {
  font-size: 11pt;
  color: #6a6a6a;
  line-height: 1.5;
}

.error-toaster {
  background: #ffedeb;
}

.error-toaster .head-toaster h6 {
  color: #dd1e1e;
}

.error-toaster .head-toaster svg path {
  fill: #dd1e1e;
}

.warning-toaster {
  background: #fff2e8;
}

.warning-toaster .head-toaster h6 {
  color: #c98750;
}

.warning-toaster .head-toaster svg path {
  fill: #c98750;
}

.no-hover:hover {
  border-color: transparent;
}

/** Mobile screen Resposive **/
@media (max-width: 767px) {
  .container {
    padding: 18pt 8pt;
  }

  .text-header {
    margin-bottom: 8pt;
  }

  .toaster {
    width: 280px;
    top: 24px;
    right: 24px;
  }

  .toaster .body-toaster p {
    font-size: 9pt;
  }
}

.hero .nav-container .container {
  padding-block: 0;
}

.hero .nav-container .container .nav-bar .ar-text {
  font-family: noto;
  font-weight: 400;
  color: #414141;
  font-size: 12pt;
}

.hero .nav-container .container .nav-bar .menu-button {
  -webkit-margin-start: 12pt;
  -moz-margin-start: 12pt;
  margin-inline-start: 12pt;
}

.hero .nav-container .container .nav-bar .menu-button span {
  color: #9b6131;
  font-size: 9pt;
  -webkit-margin-start: 8pt;
  -moz-margin-start: 8pt;
  margin-inline-start: 8pt;
  font-weight: 500;
}

.hero .nav-container .container .nav-bar .language-modal {
  display: none;
  position: absolute;
  z-index: 2;
  right: 0;
  top: 56px;
  width: 450px;
  height: auto;
  padding: 23pt;
  border-radius: 12pt;
  background: var(--light-background);
  -webkit-box-shadow: 0px 2px 8px 0px rgba(0, 0, 0, 0.16);
  box-shadow: 0px 2px 8px 0px rgba(0, 0, 0, 0.16);
}

.hero .nav-container .container .nav-bar .language-modal .language-modal-header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  padding-bottom: 12pt;
  border-bottom: 1px solid #eaeaea;
}

.hero .nav-container .container .nav-bar .language-modal .language-modal-header .modal-header-text {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.hero .nav-container .container .nav-bar .language-modal .language-modal-header .modal-header-text span {
  -webkit-margin-start: 6pt;
  -moz-margin-start: 6pt;
  margin-inline-start: 6pt;
  color: #2c2c2c;
  font-size: 12pt;
  font-weight: 500;
}

.hero .nav-container .container .nav-bar .language-modal .language-modal-body {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  margin-top: 12pt;
}

.hero .nav-container .container .nav-bar .language-modal .language-modal-body img {
  -webkit-margin-end: 9pt;
  -moz-margin-end: 9pt;
  margin-inline-end: 9pt;
}

.hero .nav-container .container .nav-bar .language-modal .language-modal-body p {
  color: rgba(0, 0, 0, 0.6);
  font-size: 11pt;
  line-height: 1.5;
  text-transform: capitalize;
  margin-bottom: 9pt;
}

.hero .nav-container .container .nav-bar .language-modal .language-modal-body .goog-te-gadget-simple {
  width: 100%;
  padding: 8pt;
  border-radius: 6pt;
  border: 0.5px solid #b6b6b6;
}

.hero .nav-container .container .nav-bar .language-modal .language-modal-body .goog-te-gadget-simple img {
  display: none;
}

.hero .nav-container .container .nav-bar .language-modal .language-modal-body .goog-te-gadget-simple a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.hero .nav-container .container .nav-bar .language-modal .language-modal-body .goog-te-gadget-simple a span {
  color: #939393 !important;
  border-left: none !important;
}

.hero .nav-container .container .nav-bar .language-modal .language-modal-body .goog-te-gadget-simple a span:last-child {
  color: transparent !important;
  position: relative;
}

.hero .nav-container .container .nav-bar .language-modal .language-modal-body .goog-te-gadget-simple a span:last-child::before {
  content: url(../../image/icons/Chevron.svg);
  position: absolute;
}

.hero .nav-container .container .nav-bar .language-modal .language-modal-body .title-info {
  margin-top: 6pt;
  display: block;
  color: #939393;
  text-align: start;
  font-size: 9pt;
}

.hero .nav-container .container .nav-bar .mobile-icon:not(:last-child) {
  -webkit-margin-end: 18pt;
  -moz-margin-end: 18pt;
  margin-inline-end: 18pt;
}

.hero .nav-container .d-md-none .menu-button {
  display: none;
}

.hero .nav-container .offcanvas {
  max-width: 85%;
  padding: 15pt;
  background: var(--light-background);
  -webkit-box-shadow: 0px 2px 8px 0px rgba(0, 0, 0, 0.16);
  box-shadow: 0px 2px 8px 0px rgba(0, 0, 0, 0.16);
}

.hero .nav-container .offcanvas .offcanvas-header {
  padding: 0;
  margin-bottom: 15pt;
}

.hero .nav-container .offcanvas .offcanvas-body {
  padding: 0;
}

.hero .nav-container .offcanvas .offcanvas-body a {
  display: block;
  color: #5f646d;
  font-size: 11pt;
  padding: 6pt 12pt;
  border-radius: 5pt;
  line-height: 2;
}

.hero .nav-container .offcanvas .offcanvas-body a:not(:last-child) {
  margin-bottom: 18pt;
}

.hero .nav-container .offcanvas .offcanvas-body .active {
  background-color: rgba(153, 153, 153, 0.1019607843);
  color: #9b6131;
  font-weight: 500;
}

.hero .nav-container .offcanvas .offcanvas-body .menu-button {
  -webkit-margin-start: 0 !important;
  -moz-margin-start: 0 !important;
  margin-inline-start: 0 !important;
  text-align: center;
}

.hero .nav-container .offcanvas .offcanvas-footer {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  position: relative;
}

.hero .nav-container .offcanvas .offcanvas-footer .ar-text {
  font-size: 12pt;
}

.hero .nav-container .offcanvas .offcanvas-footer .language-modal {
  width: 100%;
  top: auto;
  bottom: 50px;
  padding: 15pt;
}

.hero .nav-container .offcanvas .menu-button {
  display: block;
  -webkit-padding-start: 6pt !important;
  -moz-padding-start: 6pt !important;
  padding-inline-start: 6pt !important;
}

footer .upper-footer {
  background-color: #f5f5f5;
}

footer .upper-footer .container {
  padding-block: 38pt;
}

footer .upper-footer .container .head-footer-text {
  margin-bottom: 12pt;
  color: var(--brand);
  font-size: var(--size-16);
  font-style: normal;
  font-weight: 700;
  line-height: 19.938px;
  text-transform: capitalize;
  display: flex;
  justify-content: space-between;
}

footer .upper-footer .container .head-footer-text svg {
  display: none;
}

footer .upper-footer .container .head-footer-text svg path {
  stroke: var(--brand);
}

footer .upper-footer section:has(ul.show) .head-footer-text svg {
  transform: rotate(180deg);
}

footer .upper-footer .container .head-footer-text .arrow {
  display: none;
}

footer .upper-footer .container ul {
  display: grid;
  gap: 9pt;
}

footer .upper-footer .container ul .footer-link:hover {
  color: #3a3a3a;
  font-weight: 500;
}

footer .upper-footer .container ul .footer-info img {
  -webkit-margin-end: 8pt;
  -moz-margin-end: 8pt;
  margin-inline-end: 8pt;
}

footer .upper-footer .container ul .icon-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 0.5rem;
}

footer .lower-footer {
  background-color: #333;
}

footer .lower-footer .container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  padding-block: 24pt;
  color: #fff;
  font-size: 11pt;
}

footer .lower-footer .container .lower-link {
  padding-inline: 9pt;
  border-right: 1px solid rgba(255, 255, 255, 0.3);
  color: #fff;
  text-transform: capitalize;
  font-size: 9pt;
}

footer .lower-footer .container .lower-link:first-child {
  -webkit-padding-start: 0;
  -moz-padding-start: 0;
  padding-inline-start: 0;
}

footer .lower-footer .container .lower-link:last-child {
  -webkit-padding-end: 0;
  -moz-padding-end: 0;
  padding-inline-end: 0;
  border: none;
}

footer .lower-footer .container .lower-link:hover {
  color: #cccccc;
}

footer .lower-footer .container .footer-end span {
  -webkit-margin-start: 9pt;
  -moz-margin-start: 9pt;
  margin-inline-start: 9pt;
}

.pagination {
  margin-top: 9pt;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: end;
}

.value {
  font-size: 12pt;
  color: #2e8b57;
  display: block;
  margin-bottom: 15pt;
  line-height: 24px;
}

/** Large Screen Responsive **/
@media (max-width: 1350px) {
  .hero .nav-container .container .nav-bar .ar-text {
    font-size: 9pt;
  }

  .hero .nav-container .container .nav-bar .menu-button {
    -webkit-margin-start: 11pt;
    -moz-margin-start: 11pt;
    margin-inline-start: 11pt;
  }

  .hero .nav-container .container .nav-bar .menu-button span {
    font-size: 7pt;
  }

  .u-ask-button {
    padding: 6pt;
    width: 60px;
    height: 60px;
  }

  .u-ask-button .u-ask {
    font-size: 7pt;
  }

  footer .upper-footer {
    background-color: #f5f5f5;
  }

  footer .upper-footer .container {
    padding-block: 32pt;
  }

  footer .upper-footer .container ul {
    gap: 8pt;
  }

  footer .upper-footer .container ul .subhead-text {
    font-size: 8pt;
  }

  footer .lower-footer {
    background-color: #333;
  }

  footer .lower-footer .container {
    padding-block: 23pt;
    font-size: 9pt;
  }

  footer .lower-footer .container .author-text {
    margin-bottom: 8pt;
  }

  footer .lower-footer .container .lower-link {
    padding-inline: 8pt;
    font-size: 8pt;
  }

  footer .lower-footer .container .lower-link:first-child {
    -webkit-padding-start: 0;
    -moz-padding-start: 0;
    padding-inline-start: 0;
  }

  footer .lower-footer .container .lower-link:last-child {
    -webkit-padding-end: 0;
    -moz-padding-end: 0;
    padding-inline-end: 0;
  }

  footer .lower-footer .container .footer-end {
    font-size: 8pt;
    -webkit-margin-start: 24pt;
    -moz-margin-start: 24pt;
    margin-inline-start: 24pt;
  }

  footer .lower-footer .container .footer-end span {
    -webkit-margin-start: 8pt;
    -moz-margin-start: 8pt;
    margin-inline-start: 8pt;
  }
}

footer {
  /** Small Tablet Screen Responsive **/
}

footer .lower-footer .container {
  flex-direction: row;
  align-items: center;
}

footer .dropdown-input {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  background: #fff;
  border-radius: 6pt;
  margin-bottom: 12pt;
  border: 1px solid #b6b6b6;
  padding: 8pt 18pt;
  font-size: 12pt;
}

footer .dropdown-input span,
footer .input span {
  color: rgba(0, 0, 0, 0.6);
  font-size: 12pt;
}

footer .dropdown-menu {
  width: 100%;
}

/** Small Tablet Screen Responsive **/
@media (max-width: 991px) {
  .hero .nav-container {
    padding-top: 18pt;
  }

  footer .upper-footer .col-md-4:not(:last-child) {
    margin-bottom: 24pt;
  }

  .body-help .help-content-form .help-form {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 0;
  }

  .body-help .help-content-form .help-form .information-form {
    margin-bottom: 0;
  }

  .body-help .help-content-form .help-form .information-form textarea {
    min-height: 150px;
  }

  .body-help-content .forum {
    margin-bottom: 23pt;
  }

  .hero-section .tags {
    margin-inline: 100px !important;
  }
}

/** Mobile screen Resposive **/
@media (max-width: 767px) {
  .information-form .main-button {
    padding: 0;
    width: 100%;
  }

  .information-form .form-control-select .filter-ddl {
    background-position: right 0.5rem center;
    background-image: var(--bs-form-select-bg-img),
      var(--bs-form-select-bg-icon, none) !important;
  }

  #languageNameFormControl {
    margin-bottom: 9pt;
  }

  .hero .nav-container {
    padding: 0 !important;
  }

  .hero .nav-container .container {
    padding-block: 12pt;
  }

  .u-ask-button {
    display: none;
  }

  .card-listing:has(.emergency-head) {
    margin-top: 23pt;
    padding: 0 9pt 18pt;
  }

  .artical-info {
    padding-block: 18pt;
  }

  .artical-info:first-child {
    padding-top: 0;
  }

  .artical-info:last-child {
    padding-bottom: 0;
  }

  .artical-info .artical-header {
    margin-block: 18pt;
  }

  .artical-info .artical-header~.artical-info-link {
    margin-top: 18pt;
  }

  .artical-info .artical-text-main {
    font-size: 11pt;
    margin-top: 18pt;
    -webkit-margin-end: 0;
    -moz-margin-end: 0;
    margin-inline-end: 0;
  }

  .artical-info .artical-text-body,
  .artical-info .artical-text-body-head,
  .artical-info p {
    margin-top: 15pt;
    font-size: 9pt;
  }

  .artical-info .artical-text-body:first-child,
  .artical-info .artical-text-body-head:first-child,
  .artical-info p:first-child {
    margin-top: 12pt;
  }

  .artical-info .artical-text-body-head {
    margin-bottom: 6pt;
  }

  .artical-info .atrical-list {
    margin-top: 18pt;
  }

  .artical-info .atrical-list .artical-list-text {
    font-size: 11pt;
  }

  .artical-info .artical-info-link {
    padding: 18pt;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start !important;
    -ms-flex-align: start !important;
    align-items: flex-start !important;
    gap: 12pt;
  }

  footer .upper-footer .container {
    padding-block: 23pt;
  }

  footer .upper-footer .container .head-footer-text {
    font-size: 11.5pt;
    margin-bottom: 0;
  }

  footer .upper-footer .container .head-footer-text .arrow {
    display: inline-block;
    -webkit-margin-start: 9pt;
    -moz-margin-start: 9pt;
    margin-inline-start: 9pt;
    -webkit-transition: -webkit-transform 0.3s ease;
    transition: -webkit-transform 0.3s ease;
    transition: transform 0.3s ease;
    transition: transform 0.3s ease, -webkit-transform 0.3s ease;
  }

  footer .upper-footer .container .head-footer-text .rotate.arrow {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
  }

  footer .upper-footer .container ul {
    display: none;
  }

  footer .upper-footer .container ul .footer-link {
    font-size: 9.75pt;
  }

  footer .upper-footer .container ul.show {
    display: grid;
    margin-top: 9pt;
    gap: 8pt;
  }

  footer .upper-footer .container .row {
    margin: 0;
  }

  footer .upper-footer .container .row .col-md-4 {
    padding-inline: 0;
  }

  footer .upper-footer .container .row .col-md-4:not(:last-child) {
    margin-bottom: 18pt;
  }

  footer .upper-footer .container .row .col-md-4:nth-last-child(2) {
    margin-bottom: 23pt;
  }

  footer .upper-footer .container .row .col-md-4:last-child {
    padding-top: 23pt;
    border-top: 1px solid rgba(0, 0, 0, 0.102);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: start;
    align-items: start;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }

  footer .upper-footer .container .row .col-md-4:last-child .head-footer-text {
    margin-bottom: 9pt;
  }

  footer .lower-footer .container {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    flex-direction: column;
  }

  footer .lower-footer .container .footer-logo {
    width: 100%;
    padding-bottom: 12pt;
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
    justify-content: center;
  }

  footer .lower-footer .container .footer-logo .author-text {
    font-size: 9.75pt;
  }

  footer .lower-footer .container .d-flex {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-top: 12pt;
  }

  footer .lower-footer .container .d-flex .lower-link {
    padding-inline: 0;
    border: 0;
    font-size: 11pt;
    line-height: 1.5;
    width: 50%;
    margin-bottom: 8pt;
  }

  footer .lower-footer .container .d-flex .footer-end {
    border-top: 1px solid rgba(255, 255, 255, 0.1);
    margin-top: 5pt;
    padding-top: 12pt;
    -webkit-margin-start: 0;
    -moz-margin-start: 0;
    margin-inline-start: 0;
    width: 100%;
    text-align: center;
    font-size: 11pt;
    line-height: 1.5;
  }

  .body-help-content {
    padding-block: 38pt;
  }

  .body-help-content .forum .forum-card-container .forum-card {
    margin-bottom: 12pt;
  }


}

@media (min-width: 768px) {
  .d-md-flex .w-100 {
    -webkit-margin-end: 18pt;
    -moz-margin-end: 18pt;
    margin-inline-end: 18pt;
  }
}

/* Custom tooltip styling */
.tooltip-inner {
  background-color: #f44336;
  color: #fff;
  font-weight: bold;
  border-radius: 5px;
  text-align: center;
}

.bs-tooltip-auto[data-popper-placement^="left"] .tooltip-arrow::before,
.bs-tooltip-start .tooltip-arrow::before {
  border-left-color: #f44336 !important;
}

.bs-tooltip-auto[data-popper-placement^="bottom"] .tooltip-arrow::before,
.bs-tooltip-start .tooltip-arrow::before {
  border-bottom-color: #f44336 !important;
}

.bs-tooltip-auto[data-popper-placement^="top"] .tooltip-arrow::before,
.bs-tooltip-start .tooltip-arrow::before {
  border-top-color: #f44336 !important;
}

.bs-tooltip-auto[data-popper-placement^="right"] .tooltip-arrow::before,
.bs-tooltip-start .tooltip-arrow::before {
  border-right-color: #f44336 !important;
}

.error-icon-hover {
  position: absolute;
  width: 40px;
  height: 50%;
  top: 20%;
  right: 0;
  display: none;
  cursor: pointer;
}

.custom-error-icon-hover {
  position: absolute;
  width: 40px;
  height: 40px;
  top: 0;
  right: 0;
  display: none;
  cursor: pointer;
}

.body-help .help-content-form .help-form .information-form .form-control.is-invalid {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12' width='12' height='12' fill='none' stroke='%23dc3545'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23dc3545' stroke='none'/%3e%3c/svg%3e");
}

:dir(rtl) .slideInLeft {
  -webkit-animation-name: slideInRight;
  animation-name: slideInRight;
}

:dir(rtl) .slideInRight {
  -webkit-animation-name: slideInLeft;
  animation-name: slideInLeft;
}

:dir(rtl) .fadeInRight {
  -webkit-animation-name: fadeInLeft;
  animation-name: fadeInLeft;
}

:dir(rtl) .fadeInLeft {
  -webkit-animation-name: fadeInRight;
  animation-name: fadeInRight;
}

:dir(rtl) .swiper {
  direction: rtl;
}

:dir(rtl) .u-ask-button {
  right: auto;
  left: 40px;
}

:dir(rtl) footer .lower-footer .container .lower-link {
  border-right: none;
  border-left: 1px solid rgba(255, 255, 255, 0.3);
}

@media (max-width: 767px) {
  :dir(rtl) footer .lower-footer .container .lower-link {
    border: 0;
  }
}

:dir(rtl) .mobile-dir-ar {
  direction: ltr;
  text-align: end;
}

:dir(rtl) .toaster {
  left: 50px;
  right: auto;
}

:dir(rtl) .direction-ltr {
  direction: ltr;
  display: inline-block;
}

/*==========================Start custom style============================*/
/*Main Fonts*/
:root {
  --brand: #9b6131;
  --black: #414141;
  --grey: #6a6a6a;
  --white: #fff;
  --grey-2: #535353;
  --dark-grey: #595959;
  --sea-green: #2e8b57;
  --sub-text: #6e6e6e;
  --light-background: #f9f9f9;
  --title: #4a4a4a;
  --body: #4b4f58;
  --light-grey: #aeaeae;
  --primary-black: #232528;
  --primary-black-500: #5f646d;
  /*Font sizes*/
  --size-12: 0.75rem;
  --size-14: 0.875rem;
  --size-16: 1rem;
  --size-18: 1.125rem;
  --size-20: 1.25rem;
  --btn-hover: #216841;
  --card-hover: rgba(46, 139, 87, 0.05);
}

/*Header style*/
.hero {
  position: relative;
}

.hero .nav-container {
  padding-top: 2.3077rem;
}

.hero .nav-container .container .nav-bar .data-set {
  color: var(--brand);
  font-weight: 400;
  font-size: var(--size-16);
}

.hero .nav-container .container .nav-bar .d-flex span {
  color: var(--black);
  font-size: var(--size-16);
}

.hero .nav-container .container .nav-bar .d-flex span:hover {
  color: #626060d9;
}

.hero .nav-container .container .nav-bar .d-flex span:hover {
  color: #626060d9;
}

.hero .nav-links .link {
  color: var(--grey);
  font-size: var(--size-18);
  font-weight: 400;
}

.hero .nav-links .link:hover {
  color: var(--brand);
}

.hero .nav-links .link:hover {
  color: var(--brand);
}

/*Footer style*/
footer {
  /*===Upper Footer====*/
  /*===Lower Footer====*/
}

footer .upper-footer .container ul .footer-link {
  font-weight: 400;
  font-size: var(--size-14);
  color: var(--grey-2);
}

footer .upper-footer .container ul .subhead-text {
  color: #262626;
  font-size: var(--size-14);
  font-weight: 400;
}

footer .upper-footer .icon-container {
  display: flex;
  gap: 8px;
}

footer .lower-footer .footer-logo {
  display: flex;
  align-items: center;
  gap: 0.75rem;
}

footer .lower-footer .footer-link {
  color: var(--white);
  font-size: var(--size-16);
  font-weight: 400;
  padding-inline: 0.7615rem;
  position: relative;
}

footer .lower-footer .footer-link:not(:last-child)::after {
  content: "|";
  position: absolute;
  right: 0;
}

footer .lower-footer .footer-link:nth-child(3):after {
  color: #333;
}

footer .lower-footer .d-flex {
  align-items: center;
}

/*Start Hero section style*/
.hero-section {
  text-align: center;
  position: relative;
  overflow: hidden;
  /* margin-top: 1.875rem; */
}

.hero-section .title {
  color: var(--grey);
  font-size: 3.3331rem;
  margin-bottom: 1.125rem;
  font-weight: 600;
  /*font-family: "Poppins", sans-serif;*/
}

.hero-section .title strong {
  background: linear-gradient(88deg, #9b6131 53.11%, #d6a780 70.84%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  text-transform: uppercase;
  font-weight: 600;
}

.hero-section .text {
  color: var(--grey);
  font-size: var(--size-20);
  margin-bottom: 1.875rem;
  padding-inline: 18rem;
  /* text-transform: capitalize; */
}

.hero-section .tags {
  gap: 1.5rem;
  text-align: center;
  margin-inline: 166px;
  justify-content: center;
}

.hero-section .form-group {
  width: 73%;
  margin: auto;
  margin-bottom: 1.875rem;
}

.hero-section .tags .tag-box {
  border-radius: 1.5rem;
  background: #f0e8e0;
  align-items: center;
  width: fit-content;
  text-align: center;
  padding: 12px 24px;
  cursor: pointer;
}

.hero-section .tags .tag-box:hover {
  background: #e1d4cb;
  cursor: pointer;
}

.hero-section .tags .tag-box:hover {
  background: #e1d4cb;
}

.hero-section .tags .tag-box a {
  display: flex;
  align-items: center;
  gap: 0.625rem;
}

.hero-section .tags .tag-box a img {
  width: 20px;
  height: 20px;
}

.hero-section .tags .tag-box .sub-text {
  color: var(--dark-grey);
  font-size: var(--size-16);
  font-weight: 500;
}

.hero-section::before {
  background-image: url(/image/hero-bg.png);
  background-position: center;
  height: 660px;
  max-width: 100%;
  width: 100%;
  background-repeat: no-repeat;
  opacity: 0.3;
  content: "";
  position: absolute;
  top: -40px;
  left: 0;
  right: 0;
  background-size: auto;
  z-index: -1;
}

/*Banner section style*/
.banner-section {
  /* background-image: url(/image/banner.svg);
  background-position: center;
  background-repeat: no-repeat; */
  height: 33.5rem;
  max-width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  background-size: cover;
  flex-direction: column;
  text-align: center;
  position: relative;
}

.banner-section .header-image {
  object-fit: cover;
}

.banner-section .main-title {
  font-size: 3.125rem;
  color: var(--white);
  font-weight: 500;
  text-transform: capitalize;
  margin-bottom: 1.25rem;
}

.banner-section .main-text {
  color: var(--white);
  font-size: 1.4375rem;
  font-weight: 400;
  margin-bottom: 3.125rem;
}

.banner-section .btn.btn-light {
  background: var(--sea-green);
  border-radius: 0.6509rem;
  padding: 0.9764rem 2.2783rem;
  font-size: 1.4646rem;
  font-weight: 500;
  color: var(--white);
  width: 22.4375rem;
  border: none;
}

.banner-section .btn.btn-light:hover {
  background: #287f4e;
}

/*Statistics section*/
.statistics {
  background: var(--light-background);
}

.statistics .container .icon-box {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 2.1875rem;
  flex-direction: column;
  background: var(--white);
  border-radius: 1rem;
  width: 100%;
}

.statistics .container .icon-box .sub-text {
  color: var(--sub-text);
  font-size: var(--size-20);
  font-weight: 400;
  margin-bottom: 0.9375rem;
}

.statistics .container .icon-box .value {
  color: var(--sea-green);
  font-size: 2.75rem;
  font-weight: 700;
  line-height: 100%;
  margin-bottom: 0;
}

.statistics .container .icon-box img {
  margin-bottom: 1.5625rem;
}

.statistics .container .organizations {
  /* padding-inline: 10px; */
}

.statistics .container .organizations .organizations-side {
  background: var(--white);
  padding: 1.875rem 1.875rem 0.3750rem;
  border-radius: 1rem;
  margin-top: 2.1875rem;
  width: 100%;
}

.statistics .container .organizations .organizations-side .data-box {
  display: flex;
  gap: 0.75rem;
  padding: 1.25rem;
  border-radius: 1rem;
  background: var(--light-background);
  margin-bottom: 1.5rem;
}

.statistics .container .organizations .organizations-side .data-box:hover {
  background: var(--card-hover);
}

.statistics .container .organizations .organizations-side .data-box:hover {
  background: var(--card-hover);
}

.statistics .container .organizations .organizations-side .data-box p {
  font-size: var(--size-16);
  font-weight: 500;
  color: var(--sub-text);
}

.statistics .d-flex {
  padding-inline: 17.5px;
}

.statistics .container .organizations .organizations-side .data-box span {
  font-size: var(--size-20);
  font-weight: 600;
  color: var(--sea-green);
}

.statistics .container .organizations .organizations-side .data-box .data {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  gap: 12px;
}

.statistics .container .organizations .organizations-side .header {
  color: var(--title);
  font-weight: 500;
  margin-bottom: 0.625rem;
  text-transform: capitalize;
  line-height: 24px;
}

.statistics .container .organizations .organizations-side .sub-header {
  margin-bottom: 3rem;
  font-size: var(--size-14);
  font-weight: 400;
  color: var(--sub-text);
}

.statistics .container .organizations .organizations-side #topicChart {
  width: 100%;
  height: 303px;
  position: relative;
}

.statistics .container .organizations .organizations-side img {
  width: 103px;
  height: 80px;
  max-width: 100%;
  min-width: 103px;
  object-fit: fill;
  min-width: 103px;
  object-fit: fill;
}

.statistics .container .organizations .organizations-side #topicChart .hide-logo {
  background: #fff;
  width: 73px;
  height: 21px;
  position: absolute;
  bottom: 0px;
  z-index: 1;
}

.statistics .container .organizations .organizations-side .row .col-md-6:nth-of-type(3) .data-box,
.statistics .container .organizations .organizations-side .row .col-md-6:nth-of-type(4) .data-box {
  margin-bottom: 0;
}

/*SDG section style*/
.main-section {
  margin-bottom: 5rem;
  /*Additional style for rating section*/
}

.main-section .card-section {
  background: var(--light-background);
  border-radius: 16px;
  padding: 3.125rem;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: start;
  height: 450px;
  margin-inline-start: 12px;
}

.main-section .title {
  color: var(--brand);
  font-size: 2rem;
  margin-bottom: 2.1875rem;
}

.main-section .btn {
  border: 1px solid var(--sea-green);
  border-radius: 8px;
  font-size: var(--size-14);
  padding: 0.5rem 0.75rem;
  color: var(--sea-green);
  width: fit-content;
}

.main-section .btn:hover {
  background: var(--sea-green);
  color: var(--white);
}

.main-section .btn:hover svg path {
  stroke: var(--white);
}

.main-section .description {
  font-size: var(--size-16);
  font-weight: 400;
  color: var(--body);
  margin-bottom: 2.1875rem;
  line-height: 1.5rem;
}

.main-section .image {
  border-radius: 16px;
  border: 1px solid #ddd;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 450px;
}

.main-section .image img {
  max-width: 100%;
  object-fit: cover;
  object-position: center;
  display: flex;
  width: 450px;
  width: fit-content;
}

.main-section .row {
  align-items: center;
  justify-content: center;
}

.main-section .sub-title {
  color: var(--title);
  font-weight: 500;
}

.main-section .head {
  margin-bottom: 3.125rem;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.rating-section {
  background-color: var(--light-background);
  margin-bottom: 0;
}

.rating-section .col-xl-4:nth-of-type(4) .rating,
.rating-section .col-xl-4:nth-of-type(5) .rating {
  margin-bottom: 0;
}

.rating-section .col-lg-6:nth-of-type(4) .rating {
  margin-bottom: 2.1875rem;
}

.rating-section .col-md-12:nth-of-type(5) .rating {
  margin-bottom: 2.1875rem;
}

.topics {
  position: relative;
}

.topics .swiper-slide .card {
  box-shadow: 0px 1px 2px -1px rgba(27, 29, 33, 0.1);
  border: none;
  border-radius: 16px;
  min-height: 329px;
  /* display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis; */
}

.topics .swiper-slide .card .card-body {
  padding: 24px 24px 36px 24px;
  border-radius: 0 0 16px 16px;
  background: var(--light-background);
  text-align: start;
}

.topics .swiper-slide .card .card-body .card-text {
  color: var(--primary-black);
  font-size: var(--size-20);
  font-weight: 500;
}

.topics .swiper-slide .card .card-body .sub-title {
  color: var(--primary-black-500);
  font-size: var(--size-14);
  font-weight: 400;
  margin-bottom: 1.5rem;
}

.topics .swiper-slide .card .card-body .card-title {
  font-size: 24px;
  color: var(--title);
}

.topics .swiper-slide .card .card-body .card-description {
  font-size: var(--size-16);
  font-weight: 400;
  color: var(--sub-text);
  font-style: normal;
  line-height: 24px;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  transition: all 0.3s ease;
}

.topics .swiper-slide .card .card-img-top {
  border-top-left-radius: 16px !important;
  border-top-right-radius: 16px !important;
  max-width: 100%;
  max-width: 406px;
  max-height: 168px;
  max-height: 168px;
  object-fit: cover;
}

.topics .swiper-slide .accordion-button:not(.collapsed) .card-body {
  background: rgba(101, 121, 107, 0.05);
  border-radius: 0 0 16px 16px;
  border-color: transparent;
}

.topics .swiper-slide .accordion-button:not(.collapsed) .card-body .card-title {
  color: var(--sea-green);
}

.topics .swiper-slide .accordion-button:not(.collapsed):after {
  position: absolute;
  top: 100.3%;
  right: 48%;
  margin-right: -9px;
  content: " ";
  width: 0;
  height: 0;
  border-left: 20px solid transparent;
  border-right: 20px solid transparent;
  border-bottom: 20px solid transparent;
  border-top: 20px solid rgba(101, 121, 107, 0.05);
  background-image: none;
  transform: none;
  display: block !important;
}

.topics .swiper-slide .read-more {
  color: var(--brand);
  text-decoration: underline;
  cursor: pointer;
  margin-top: 10px;
  align-self: flex-start;
  font-weight: 400;
  font-size: 13px;
  position: relative;
  z-index: 4;
  background: transparent;
  bottom: -8px;
  left: 0;
}

.highlights {
  background-color: var(--light-background);
  margin-bottom: 0 !important;
}

.highlights .swiper-horizontal {
  overflow: hidden;
}

.highlights .swiper-pagination {
  bottom: -38px;
  z-index: 1;
  display: flex;
  width: 72%;
  justify-content: end;
}

.highlights .slider {
  position: relative;
}

.highlights .slider .swiper-slide img {
  height: 28.125rem;
  border-radius: 20px;
  border: 1px solid #d1d5db;
  /*width: 45.6250rem;*/
  display: flex;
  width: 100%;
}

.highlights article {
  display: flex;
  flex-direction: column;
  gap: 2.1875rem;
}

.highlights article .title,
.highlights article .description {
  margin-bottom: 0 !important;
}

.swiper-pagination-bullet-active {
  border-radius: 20px;
  width: 38px !important;
  background: var(--sea-green) !important;
}

.swiper-pagination-bullet {
  border-radius: 20px;
  background: #a4a4a4;
  width: 16px;
}

.swiper-horizontal {
  overflow: hidden;
}

.main-topics .accordion-button {
  background-color: transparent;
  box-shadow: unset;
  transition: 0.3s all linear;
}

.main-topics .accordion-button:not(.collapsed):after {
  position: absolute;
  top: 99.8%;
  right: 50%;
  margin-right: -9px;
  content: " ";
  width: 0;
  height: 0;
  border-left: 20px solid transparent;
  border-right: 20px solid transparent;
  border-bottom: 20px solid transparent;
  border-top: 20px solid rgba(101, 121, 107, 0.05);
  background-image: none;
  transform: none;
  display: block !important;
}

.main-topics .accordion-collapse {
  border-radius: 16px;
  border: 1px solid rgba(110, 149, 121, 0.2);
  background: rgba(101, 121, 107, 0.05);
  padding: 0;
  margin-top: 35px;
  margin-bottom: 0px;
  left: 0;
  bottom: 0;
  top: 44%;
  position: relative;
  width: calc(1269px + var(--bs-gutter-x) * 2);
}

.main-topics .accordion-collapse .accordion-body {
  padding: 30px;
}

.main-topics .accordion-collapse hr {
  background: #f0f0f0;
}

.main-topics .accordion-collapse .top-body h4 {
  color: var(--title);
  font-size: var(--size-20);
  font-weight: 600;
  margin-bottom: 0.75rem;
}

.main-topics .accordion-collapse .top-body span {
  color: var(--sub-text);
  font-size: var(--size-14);
  font-weight: 400;
}

.main-topics .body-bottom p {
  color: #7f7f7f;
  font-size: var(--size-16);
  font-weight: 400;
  margin: 1rem 0;
}

.main-topics .body-bottom .data {
  padding: 1.25rem;
  background: var(--white);
  border-radius: 8px;
  margin-bottom: 1rem;
}

.main-topics .body-bottom .data h6 {
  font-weight: 500;
  color: var(--title);
  font-size: var(--size-16);
  margin-bottom: 0;
}

.main-topics .body-bottom .row {
  margin-top: 1.25rem;
  justify-content: start;
}

.main-topics .body-bottom .row .col-md-4 {
  padding: 0 8px;
}

.main-topics .accordion-button::after {
  display: none;
}

.main-topics .accordion-button {
  padding: 0;
}

.main-topics .swiper-slide:nth-child(3n + 2) .accordion-collapse {
  left: calc(-1 * (var(--bs-gutter-x) + 432px));
}

.main-topics .swiper-slide:nth-child(3n) .accordion-collapse {
  left: calc(-2 * (var(--bs-gutter-x) + 432px));
}

.main-loader {
  width: 100%;
  height: 100%;
  background: #ffffff;
  background: #ffffff;
  z-index: 10000;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  display: none;
  position: fixed;
  top: 0;
  opacity: 80%;
}

.main-loader img {
  position: fixed;
  /* top: 50vh; */
  height: 500px;
  width: 500px;
}

/*Common  style*/
.form-group {
  display: block !important;
  position: relative;
  margin-bottom: 1.875rem;
}

.form-group .form-control {
  border: 1px solid #bcbcbc;
  border-radius: 8px;
  background: var(--white);
  padding: 0.75rem 1.25rem;
  width: 100%;
}

.form-group .form-control::placeholder {
  font-size: var(--size-16);
  color: #939393;
}

.form-group .form-control:focus {
  box-shadow: none !important;
}

.form-group .search-icon {
  position: absolute;
  top: 24%;
  right: 1.25rem;
  cursor: pointer;
}

.form-group:last-child {
  margin-bottom: 0 !important;
}

.dropdown-toggle {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' fill='%239EA2A9'%3E%3Cpath fill-rule='evenodd' d='M5.293 7.293a1 1 0 011.414 0L10 10.586l3.293-3.293a1 1 0 111.414 1.414l-4 4a1 1 0 01-1.414 0l-4-4a1 1 0 010-1.414z' clip-rule='evenodd'/%3E%3C/svg%3E") !important;
  background-position: right 10px center !important;
  background-repeat: no-repeat !important;
  background-size: 16px !important;
}

/*Datasets Page style*/
.filter-section {
  /* background-position: center;
  height: 465px;
  max-width: 100%;
  width: 100%;
  background-repeat: no-repeat;
  content: "";
  background-size: auto;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  text-align: center;
  position: relative; */
  /* background: linear-gradient(
    177deg,
    rgba(249, 249, 249, 0) 2.56%,
    rgba(205, 205, 205, 0.5215686275) 97.4%
  ); */
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  text-align: center;
  /* background: linear-gradient(177deg, rgb(255 255 255 / 99%) 2.56%, rgb(205 205 205 / 27%) 97.4%); */
}

.filter-section h1 {
  font-size: 2.25rem;
  font-style: normal;
  font-weight: 400;
  background: linear-gradient(88deg, #9b6131 53.11%, #d6a780 70.84%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  /* text-transform: capitalize; */
  text-align: center;
  margin-bottom: 1.875rem;
  display: inline-flex;
  line-height: 1.4;
}

.filter-section .sub-title {
  color: #6e6e6e;
  text-align: center;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px;
  /* 150% */
  margin-bottom: 30px;
}

.filter-section .form-control {
  background: var(--white);
  line-height: 1.75;
  border: 1px solid #eaeaea;
  color: #939393;
  padding-inline-end: 53px;
}

.filter-section .form-control:focus {
  box-shadow: none !important;
}

.filter-section .filters {
  display: flex;
  align-items: center;
  gap: 20px;
}

.filter-section .filters .form-label {
  color: var(--primary-black);
  font-size: var(--size-16);
  font-weight: 500;
  line-height: 1.5rem;
  text-transform: capitalize;
}

.filter-section .filters .form-control,
.filter-section .filters .form-select {
  background: var(--white);
  padding: 1rem;
  border-radius: 8px;
  background: #f7f7f7;
  border: none;
  font-size: var(--size-16);
  font-weight: 400;
  line-height: 20px;
  color: var(--title);
  appearance: auto;
  -webkit-appearance: auto;
  -moz-appearance: auto;
}

.filter-section .filters .form-control::placeholder,
.filter-section .filters .form-select::placeholder {
  font-size: var(--size-16);
  font-weight: 400;
  line-height: 28px;
  color: #c3c6cb;
}

.filter-section .filters .form-control:focus,
.filter-section .filters .form-select:focus {
  outline: none;
  box-shadow: none;
}

.filter-section .filters .form-select {
  padding-right: 30px;
  background-position: right 10px center;
  background-repeat: no-repeat;
  background-size: 16px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' fill='%239EA2A9'%3E%3Cpath fill-rule='evenodd' d='M5.293 7.293a1 1 0 011.414 0L10 10.586l3.293-3.293a1 1 0 111.414 1.414l-4 4a1 1 0 01-1.414 0l-4-4a1 1 0 010-1.414z' clip-rule='evenodd'/%3E%3C/svg%3E");
  appearance: none;
}

.filter-section .filters .form-select:focus {
  outline: none;
  box-shadow: none;
}

.filter-section .filters .advance-search .accordion-button {
  background: var(--white);
  color: var(--dark-grey);
  gap: 8px;
  text-transform: capitalize;
}

.filter-section .filters .advance-search .accordion-button[aria-expanded="true"] {
  background: var(--sea-green);
  color: var(--white);
}

.filter-section .filters .advance-search .accordion-button[aria-expanded="true"] svg path {
  fill: #fff;
}

.filter-section .filters .advance-search .accordion-button[aria-expanded="false"] svg path {
  fill: var(--dark-grey);
}

.filter-section .filters .advance-search .accordion-button:focus {
  box-shadow: none;
  /* box-shadow: none;
  outline: none;
  background: var(--sea-green);
  color: var(--white); */
}

.filter-section .filters .advance-search .accordion-button:hover {
  border-color: transparent;
  box-shadow: none;
  background: var(--sea-green);
  color: var(--white);
}

.filter-section .filters .advance-search .accordion-button:after {
  display: none;
}


.filter-section .filters .advance-search .accordion-button svg path {
  fill: var(--dark-grey);
}

.filter-section .filters .advance-search .accordion-button:hover svg path {
  fill: var(--white);
}

.filter-section .filters .advance-search .accordion-collapse {
  padding: 1.875rem;
  position: absolute;
  box-shadow: 0px 0px 9px 4px rgba(228, 225, 225, 0.84);
  border-radius: 1rem;
  border: none;
  left: 0;
  right: 0;
  margin: 20px auto 0;
  background: #fff;
  z-index: 4;
  transition: 0.3s all linear;
}

.filter-section .filters .advance-search .form-group {
  margin-bottom: 1.875rem !important;
  text-align: start;
}

.filter-section .filters .advance-search .form-group:has(#From) {
  margin-bottom: 0 !important;
}

.filter-section .filters .advance-search .form-group .form-control,
.filter-section .filters .advance-search .form-group .form-select {
  color: #c3c6cb;
  font-size: 18px;
}

.filter-section .filters .advance-search .date-picker {
  position: relative;
}

.filter-section .filters .advance-search .date-picker span {
  position: absolute;
  right: 15px;
  top: 48px;
}

.filter-section .filters .advance-search .form-group .form-control:focus,
.filter-section .filters .advance-search .form-group .form-select:focus {
  outline: none;
  box-shadow: none;
}

.filter-section .filters .advance-search .form-group .hide-label {
  visibility: hidden;
}

.filter-section .filters .advance-search .secondary-button.show {
  position: relative;
}

.filter-section .filters .advance-search .dropdown-toggle {
  border-radius: 8px;
  background: #f7f7f7;
  border: none;
  /* height: 52px; */
  min-height: 52px;
  width: 100%;
  height: auto;
}

.filter-section .filters .advance-search .dropdown-header {
  color: #c3c6cb;
}

.filter-section .filters .action-btns {
  display: flex;
  align-items: center;
  justify-content: end;
  gap: 1.25rem;
}

.filter-section .filters .dropdown-toggle {
  border-radius: 8px;
  background: #f7f7f7;
  border: none;
}

.filter-section .secondary-button {
  padding: 1rem 0.75rem;
  line-height: 0.4rem;
  border-radius: 8px;
}

.filter-section .dropdown-arrow {
  transition: transform 0.3s ease;
}

.filter-section .secondary-button[aria-expanded="true"] svg {
  transform: rotate(180deg);
}

.filter-section .secondary-button[aria-expanded="true"] svg path {
  fill: var(--white);
}

.filter-section .sorting-dropdown .secondary-button {
  padding: 0.9rem !important;
  font-size: var(--size-16);
  color: #595959;
  font-weight: 500;
  /* background: var(--sea-green); */
}

.filter-section .sorting-dropdown .sorting-btn.show {
  background: var(--sea-green);
}

.filter-section .sorting-dropdown .sorting-btn.show[aria-expanded="true"] svg path {
  fill: var(--white);
}

.filter-section .sorting-dropdown .show {
  display: flex;
  padding: 16px;
  flex-direction: column;
  align-items: flex-start;
  gap: 4px;
  border-radius: 8px;
  border: none;


}

.filter-section .sorting-dropdown .btn[aria-expanded="false"] {
  background: var(--white);
}

.filter-section .sorting-dropdown .btn[aria-expanded="false"] svg path {
  fill: var(--dark-grey);
}

.filter-section .sorting-dropdown .show span {
  color: var(--title);
  font-size: 13px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  text-transform: capitalize;
}

.filter-section .sorting-dropdown .show hr {
  border-top: 1px solid #dfdfdf;
  opacity: 1;
  width: 100%;
  margin: 10px 0;
}

.filter-section .sorting-dropdown .form-check label {
  color: var(--sub-text);
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 19px;
  cursor: pointer;
}

.filter-section .sorting-dropdown .form-check input {
  cursor: pointer;
}

.filter-section .sorting-dropdown .form-check .form-check-input:checked {
  background-color: var(--sea-green) !important;
  border-color: var(--sea-green) !important;
  --bs-form-check-bg-image: unset !important;
}

.filter-section .sorting-dropdown .form-check .form-check-input:focus {
  box-shadow: none !important;
}

.filter-section.entities-filter,
.filter-section.publications-header,
.filter-section.news-filter,
.filter-section.real-time-header,
.filter-section.geo-data-header,
.filter-section.participate-header,
.filter-section.applications-header,
.filter-section.about-header {
  background: linear-gradient(177deg,
      rgba(249, 249, 249, 0) 2.56%,
      #cdcdcd 97.4%);
  background-size: cover;
}

.filter-section.publications-header {
  background: url(/image/test-1.svg) no-repeat bottom,
    linear-gradient(177deg, rgba(249, 249, 249, 0) 2.56%, #cdcdcd 97.4%);
  position: relative;
}

.filter-section.news-filter {
  background: url(/image/news.svg) no-repeat center,
    linear-gradient(177deg,
      rgba(249, 249, 249, 0) 2.56%,
      rgba(205, 205, 205, 0.4705882353) 86.4%);
  position: relative;
}

.filter-section.real-time-header {
  background: url(/image/real-time-data.svg) no-repeat center,
    linear-gradient(177deg,
      rgba(249, 249, 249, 0) 2.56%,
      rgba(205, 205, 205, 0.4705882353) 86.4%);
}

.filter-section.geo-data-header {
  background: url(/image/geo-data.svg) no-repeat center,
    linear-gradient(177deg, rgba(249, 249, 249, 0) 2.56%, #cdcdcd 97.4%);
  position: relative;
}

.filter-section.participate-header {
  background: linear-gradient(177deg,
      rgba(249, 249, 249, 0) 2.56%,
      rgba(205, 205, 205, 0.4705882353) 86.4%);
  position: relative;
}

.filter-section.applications-header {
  background: url(/image/applications.png) no-repeat left,
    linear-gradient(177deg,
      rgb(249, 249, 249) 2.56%,
      rgba(205, 205, 205, 0.431372549));
  position: relative;
}

.filter-section.about-header {
  background: url(/image/about.svg) no-repeat right,
    linear-gradient(180deg,
      rgb(249, 249, 249) 2.56%,
      rgba(205, 205, 205, 0.0901960784));
  position: relative;
}

.filter-section .dropdown-header {
  padding: 10px;
  border: 1px solid #ccc;
  background: #f9f9f9;
  cursor: pointer;
  width: 200px;
  text-align: center;
}

.filter-section .dropdown-options {
  display: none;
  position: absolute;
  background: white;
  max-height: 200px;
  overflow-y: scroll;
  z-index: 1000;
  border: none;
  width: 100%;
  box-shadow: 0px 4px 12px 0px rgba(0, 0, 0, 0.13);
  padding: 10px 0;
  border-radius: 0.375rem;
}

.filter-section .option {
  color: rgba(0, 0, 0, 0.6);
  font-size: 11pt;
  width: 100%;
  display: flex;
  cursor: pointer;
  padding: 12pt;
  text-decoration: none;
  text-align: start;
  font-weight: 400;
  position: relative;
}

.filter-section .option:hover {
  color: var(--brand);
  text-decoration: none;
  /* color: rgba(0, 0, 0, 0.6); */
  font-weight: 600;
  background: #f7f7f7;
}

.filter-section .option.selected {
  /* color: rgba(0, 0, 0, 0.6); */
  color: var(--brand);
  font-weight: 600;
  background: #f7f7f7;
  margin-bottom: 5px;
}

.filter-section #selected-items-container {
  margin-top: 10px;
}

.header-image {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  object-fit: contain;
  z-index: -1;
  object-position: bottom;
  height: 628px;
  /* background: linear-gradient(
    177deg,
    rgba(249, 249, 249, 0) 2.56%,
    rgba(205, 205, 205, 0.5215686275) 97.4%
  ); */
  /* background: linear-gradient(177deg, rgb(255 255 255 / 99%) 2.56%, rgb(205 205 205 / 14%) 97.4%); */
}

/*Cards section*/
.cards-section .dataset-card {
  border-radius: 16px;
  background: #f9f9f9;
  padding: 1.875rem;
  margin-bottom: 1.1875rem;
  cursor: pointer;
  border-top: 4px solid transparent;
}

.cards-section .dataset-card .sub-title {
  font-size: 1.5rem;
  line-height: 2rem;
  font-weight: 500;
  color: var(--title);
  margin-bottom: 1.875rem;
}

#DatasetsCardsListing .dataset-card .sub-title {
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  line-height: 2.2rem;
}

.dataset-card hr {
  border-color: #a39fa9;
}

.cards-section .dataset-card .rating {
  margin-bottom: 0;
  padding: 0;
  background: transparent;
}

.cards-section .dataset-card .icons-data {
  display: flex;
  align-items: start;
  justify-content: space-between;
  flex-direction: column;
  gap: 1rem;
}

.cards-section .dataset-card .icons-data p {
  color: rgba(20, 20, 20, 0.7);
  text-overflow: ellipsis;
  font-size: var(--size-14);
  font-style: normal;
  font-weight: 400;
  line-height: 120%;
}

.cards-section .dataset-card:hover {
  border-top: 4px solid var(--sea-green);
  transition: 0.3s all ease-in-out;
}

.cards-section .dataset-card:hover .sub-title {
  color: var(--sea-green);
}

/*Datasets banner*/
.datasets-banner {
  background-position: center;
  background-repeat: no-repeat;
  height: 33.5rem;
  max-width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  background-size: cover;
  flex-direction: column;
  text-align: center;
  position: relative;
}

.datasets-banner .main-title {
  font-size: 3.125rem;
  color: var(--title);
  font-weight: 500;
  text-transform: capitalize;
  margin-bottom: 1.25rem;
}

.datasets-banner .main-text {
  color: var(--sub-text);
  font-size: 1.4375rem;
  font-weight: 400;
  margin-bottom: 3.125rem;
}

.datasets-banner .btn.secondary-button {
  background: var(--sea-green);
  border-radius: 0.6509rem;
  padding: 0.9764rem 2.2783rem;
  font-size: 1.4646rem;
  font-weight: 500;
  color: var(--white);
  width: 22.4375rem;
  border: none;
  text-transform: capitalize;
}

.datasets-banner .btn.secondary-button:hover {
  background: var(--btn-hover);
}

.datasets-banner .btn.secondary-button:hover {
  background: var(--btn-hover);
}

.datasets-info-banner {
  background-image: url(/image/info-banner.png);
  position: relative;
  background-position: center;
  background-repeat: no-repeat;
  height: 33.5rem;
  max-width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  background-size: cover;
  flex-direction: column;
  text-align: center;
}

.datasets-info-banner .main-title {
  font-size: 3.125rem;
  color: var(--white);
  font-weight: 500;
  text-transform: capitalize;
  margin-bottom: 1.25rem;
}

.datasets-info-banner .main-text {
  color: var(--white);
  font-size: 1.4375rem;
  font-weight: 400;
  margin-bottom: 3.125rem;
}

.datasets-info-banner .btn.btn-light {
  background: var(--sea-green);
  border-radius: 0.6509rem;
  padding: 0.9764rem 2.2783rem;
  font-size: 1.4646rem;
  font-weight: 500;
  color: var(--white);
  width: 22.4375rem;
  border: none;
}

.datasets-info-banner .modal .modal-header {
  padding: 40px;
  align-items: baseline;
  justify-content: space-between;
}

.datasets-info-banner .modal .modal-header .modal-title {
  color: var(--brand);
  font-size: 24px;
  font-style: normal;
  font-weight: 500;
  line-height: 24px;
  /* 100% */
  text-transform: capitalize;
}

.datasets-info-banner .modal .modal-body {
  padding: 40px;
}

.datasets-info-banner .modal .modal-body .nav-pills {
  padding: 30px;
  border-radius: 8px;
  background: #f9f9f9;
}

.datasets-info-banner .modal .modal-body .nav-pills .nav-item {
  border-bottom: 1px solid #eaeaea !important;
  padding: 25px 0;
}

.datasets-info-banner .modal .modal-body .nav-pills .nav-item .nav-link {
  display: flex;
  color: rgba(0, 0, 0, 0.6) !important;
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  text-transform: capitalize;
  background: transparent !important;
  padding: 0 !important;
  gap: 5px;
  align-items: center;
}

.datasets-info-banner .modal .modal-body .nav-pills .nav-item .nav-link.active {
  color: #2e8b57 !important;
}

.datasets-info-banner .modal .modal-body .nav-pills .nav-item:first-child {
  padding-top: 0;
}

.datasets-info-banner .modal .modal-body .nav-pills .nav-item:last-child {
  border-bottom: none !important;
  padding-bottom: 0;
}

.datasets-info-banner .modal .modal-body .tab-content {
  display: flex;
  padding: 30px;
  flex-direction: column;
  align-items: flex-start;
  flex: 1 0 0;
  border-radius: 8px;
  background: #f9f9f9;
  height: 100%;
}

.datasets-info-banner .modal .modal-body .tab-content .tab-pane {
  text-align: start;
  width: 100%;
}

.datasets-info-banner .modal .modal-body .tab-content .tab-pane>div {
  display: flex;
  align-items: start;
  justify-content: space-between;
  width: 100%;
}

.datasets-info-banner .modal .modal-body .tab-content .tab-pane .copy-btn svg {
  cursor: pointer;
}

.datasets-info-banner .modal .modal-body .tab-content .tab-pane .copy-btn svg path {
  stroke: #7f7f7f;

}

.datasets-info-banner .modal .modal-body .tab-content .code-part {
  display: flex;
  flex-direction: column;
  gap: 25px;
  color: #7f7f7f;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px;
  max-width: 90%;
  overflow: hidden;
  word-wrap: break-word;
}

.datasets-info-banner .modal .modal-dialog {
  max-width: 1200px;
}

/*Resources section*/
.resources-section .resource-box,
.preview-section .resource-box,
.entities-section .resource-box,
.real-time-section .resource-box {
  display: flex;
  flex-direction: column;
  align-items: start;
  border-radius: 16px;
  background: #f9f9f9;
  padding: 1.875rem;
  gap: 0.9375rem;
}

.resources-section .resource-box.accordion-button:not(.collapsed) {
  position: relative;
}

.resources-section .resource-box.accordion-button:not(.collapsed):after {
  position: absolute;
  top: 100.3%;
  right: 48%;
  margin-right: -9px;
  content: " ";
  width: 0;
  height: 0;
  border-left: 20px solid transparent;
  border-right: 20px solid transparent;
  border-bottom: 20px solid transparent;
  border-top: 20px solid rgba(101, 121, 107, 0.05);
  background-image: none;
  transform: none;
  display: block !important;
}

.real-time-section .resource-box img {
  height: 80px;
  object-fit: contain;
  height: 80px;
  object-fit: contain;
}

.resources-section .resource-box h6,
.preview-section .resource-box h6,
.entities-section .resource-box h6,
.real-time-section .resource-box h6 {
  color: var(--title);
  font-size: var(--size-18);
  font-weight: 500;
  line-height: 120%;
}

.resources-section .resource-box h6 {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  min-height: 43.5px;
  word-break: break-word;
}

.resources-section .explore-datasets,
.preview-section .explore-datasets,
.entities-section .explore-datasets,
.real-time-section .explore-datasets {
  position: relative;
}

.resources-section .explore-datasets.cards-section,
.preview-section .explore-datasets.cards-section,
.entities-section .explore-datasets.cards-section,
.real-time-section .explore-datasets.cards-section {
  padding: 0;
}

.resources-section .explore-datasets .swiper-datasets .swiper-pagination,
.preview-section .explore-datasets .swiper-datasets .swiper-pagination,
.entities-section .explore-datasets .swiper-datasets .swiper-pagination,
.real-time-section .explore-datasets .swiper-datasets .swiper-pagination {
  bottom: -25px;
}

.resources-section .explore-datasets .dataset-card,
.preview-section .explore-datasets .dataset-card,
.entities-section .explore-datasets .dataset-card,
.real-time-section .explore-datasets .dataset-card {
  border-top: 0;
}

.resources-section .explore-datasets .dataset-card:hover,
.preview-section .explore-datasets .dataset-card:hover,
.entities-section .explore-datasets .dataset-card:hover,
.real-time-section .explore-datasets .dataset-card:hover {
  border-top: unset;
}

.resources-section .explore-datasets .dataset-card hr,
.preview-section .explore-datasets .dataset-card hr,
.entities-section .explore-datasets .dataset-card hr,
.real-time-section .explore-datasets .dataset-card hr {
  margin: 18px 0;
}

.resources-section h3,
.preview-section h3,
.entities-section h3,
.real-time-section h3 {
  color: var(--brand);
  font-size: 1.75rem;
  font-weight: 500;
  line-height: normal;
  margin-bottom: 2.7188rem;
}

.resources-section hr,
.preview-section hr,
.entities-section hr,
.real-time-section hr {
  margin: 2.5rem auto 3.75rem;
  width: 100%;
  border: 1px solid #dfdfdf;
}

.resources-section .datasets-details,
.preview-section .datasets-details,
.entities-section .datasets-details,
.real-time-section .datasets-details {
  border-radius: 1rem;
  background: var(--light-background);
  padding: 1.5625rem;
}

.resources-section .datasets-details .details-box,
.preview-section .datasets-details .details-box,
.entities-section .datasets-details .details-box,
.real-time-section .datasets-details .details-box {
  border-bottom: 1px solid rgba(0, 0, 0, 0.08);
  padding: 1.2188rem 0;
  display: flex;
  gap: 8px;
}

.resources-section .datasets-details .details-box h6,
.preview-section .datasets-details .details-box h6,
.entities-section .datasets-details .details-box h6,
.real-time-section .datasets-details .details-box h6 {
  color: #484848;
  font-size: var(--size-16);
  font-weight: 500;
  line-height: 120%;
  text-transform: capitalize;
  margin-bottom: 0.7813rem;
}

.resources-section .datasets-details .details-box span,
.preview-section .datasets-details .details-box span,
.entities-section .datasets-details .details-box span,
.real-time-section .datasets-details .details-box span,
.resources-section .datasets-details .details-box span a {
  color: rgba(0, 0, 0, 0.6);
  font-size: 14px;
  font-weight: 400;
  text-transform: capitalize;
}

.resources-section .datasets-details .details-box:first-child,
.preview-section .datasets-details .details-box:first-child,
.entities-section .datasets-details .details-box:first-child,
.real-time-section .datasets-details .details-box:first-child {
  padding-top: 0;
}

.resources-section .datasets-details .details-box .list-unstyled li,
.preview-section .datasets-details .details-box .list-unstyled li,
.entities-section .datasets-details .details-box .list-unstyled li,
.real-time-section .datasets-details .details-box .list-unstyled li {
  color: rgba(0, 0, 0, 0.6);
  font-size: var(--size-14);
  font-weight: 400;
  line-height: 120%;
  text-transform: capitalize;
  padding-bottom: 0.9375rem;
}

.resources-section .datasets-details .details-box .list-unstyled li:last-child,
.preview-section .datasets-details .details-box .list-unstyled li:last-child,
.entities-section .datasets-details .details-box .list-unstyled li:last-child,
.real-time-section .datasets-details .details-box .list-unstyled li:last-child {
  padding-bottom: 0;
}

.resources-section .datasets-details .note-box,
.preview-section .datasets-details .note-box,
.entities-section .datasets-details .note-box,
.real-time-section .datasets-details .note-box {
  display: flex;
  padding: 0.75rem;
  justify-content: center;
  align-items: center;
  gap: 0.625rem;
  border-radius: 8px;
  background: #ebf4ef;
  margin: 1.2188rem 0 0;
}

.resources-section .datasets-details .note-box p,
.preview-section .datasets-details .note-box p,
.entities-section .datasets-details .note-box p,
.real-time-section .datasets-details .note-box p {
  color: rgba(0, 0, 0, 0.6);
  font-size: var(--size-14);
  font-weight: 400;
  line-height: 1.5rem;
}

.resources-section .datasets-details .note-box p a {
  color: var(--sea-green);
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px;
}

.resources-section .datasets-details .note-box p span,
.preview-section .datasets-details .note-box p span,
.entities-section .datasets-details .note-box p span,
.real-time-section .datasets-details .note-box p span {
  color: var(--sea-green);
}

.resources-section .accordion .accordion-item,
.preview-section .accordion .accordion-item,
.entities-section .accordion .accordion-item,
.real-time-section .accordion .accordion-item {
  margin-bottom: 1.2188rem;
  border: none;
}

.resources-section .accordion .accordion-item .accordion-button,
.preview-section .accordion .accordion-item .accordion-button,
.entities-section .accordion .accordion-item .accordion-button,
.real-time-section .accordion .accordion-item .accordion-button {
  box-shadow: none;
  border-top: 4px solid var(--sea-green);
  transition: 0.3s all linear;
}

.resources-section .accordion .accordion-item .accordion-button::after,
.preview-section .accordion .accordion-item .accordion-button::after,
.entities-section .accordion .accordion-item .accordion-button::after,
.real-time-section .accordion .accordion-item .accordion-button::after {
  display: none;
}

.resources-section .accordion .accordion-item .accordion-button.collapsed,
.preview-section .accordion .accordion-item .accordion-button.collapsed,
.entities-section .accordion .accordion-item .accordion-button.collapsed,
.real-time-section .accordion .accordion-item .accordion-button.collapsed {
  border-top: 4px solid transparent;
}

.resources-section .accordion .accordion-item .accordion-button img {
  width: 28.46px;
  height: 30px;
}

.entities-section .accordion .accordion-item .accordion-button img {
  height: 140px;
  border-radius: 8px;
  object-fit: contain;
}

.resources-section .accordion .accordion-item .accordion-button.collapsed:hover,
.preview-section .accordion .accordion-item .accordion-button.collapsed:hover,
.entities-section .accordion .accordion-item .accordion-button.collapsed:hover,
.real-time-section .accordion .accordion-item .accordion-button.collapsed:hover {
  border-top: 4px solid var(--sea-green);
  transition: 0.3s all ease-in-out;
}

.resources-section .accordion-body,
.preview-section .accordion-body,
.entities-section .accordion-body,
.real-time-section .accordion-body {
  border-radius: 1rem;
  background: rgba(101, 121, 107, 0.05);
  padding: 1.875rem;
  margin-bottom: 1.2188rem;
}

.resources-section .accordion-body {
  /* overflow-x: scroll; */
}

.above-section {
  border-top: 1px solid #DFDFDF;
}

.resources-section .pagination {
  /* background: var(--white); */
  /* background: var(--white); */
  border-radius: 0 0px 16px 16px;
  padding-bottom: 0;
  margin: 0;
  min-width: -webkit-fill-available;
}

.resources-section .accordion-body .table {
  margin-bottom: 0;
}


.resources-section .pv-paging .kt-pagination .light-theme li .current {
  color: var(--sea-green);
  background: transparent;
}

.resources-section .pv-paging {
  padding: 12px;
  /* border: 1px solid #f1f1f4; */
  padding-bottom: 0;
  /* border: 1px solid #f1f1f4; */
  padding-bottom: 0;
  margin-top: 0;
  /* display: none; */
  /* display: none; */

}

.resources-section .accordion-body .head,
.preview-section .accordion-body .head,
.entities-section .accordion-body .head,
.real-time-section .accordion-body .head {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.entities-section .accordion-body .head h6 {
  color: #4A4A4A;
  font-family: Roboto;
  font-size: 20px;
  font-style: normal;
  font-weight: 600;
  line-height: 20px;
  letter-spacing: -0.4px;
}

.resources-section .accordion-body .head .social-btns .primary-button,
.preview-section .accordion-body .head .social-btns .primary-button,
.entities-section .accordion-body .head .social-btns .primary-button,
.real-time-section .accordion-body .head .social-btns .primary-button {
  font-size: var(--size-14);
  padding: 0.75rem;
  line-height: 1.125rem;
  background: transparent;
}

.resources-section .accordion-body .head .social-btns .primary-button svg,
.preview-section .accordion-body .head .social-btns .primary-button svg,
.entities-section .accordion-body .head .social-btns .primary-button svg,
.real-time-section .accordion-body .head .social-btns .primary-button svg {
  width: 1.125rem;
  height: 1.125rem;
}

.resources-section .accordion-body hr,
.preview-section .accordion-body hr,
.entities-section .accordion-body hr,
.real-time-section .accordion-body hr {
  margin: 1rem auto;
}

.resources-section .accordion-body .table,
.preview-section .accordion-body .table,
.entities-section .accordion-body .table,
.real-time-section .accordion-body .table {
  border-spacing: 0;
  border-radius: 16px;
  overflow: hidden;
  border-collapse: separate;
  border: 1px solid #f1f1f4;
}

.resources-section .accordion-body .table .dt-column-order,
.preview-section .accordion-body .table .dt-column-order,
.entities-section .accordion-body .table .dt-column-order,
.real-time-section .accordion-body .table .dt-column-order {
  display: none;
}

.resources-section .accordion-body .table tbody tr,
.preview-section .accordion-body .table tbody tr,
.entities-section .accordion-body .table tbody tr,
.real-time-section .accordion-body .table tbody tr {
  border: 1px solid #f1f1f4;
}

.resources-section .accordion-body .table tbody tr td,
.preview-section .accordion-body .table tbody tr td,
.entities-section .accordion-body .table tbody tr td,
.real-time-section .accordion-body .table tbody tr td {
  background: var(--white);
  box-shadow: none;
  padding: 1rem 0.625rem 1rem 1rem;
  overflow: hidden;
  color: #78829d;
  text-overflow: ellipsis;
  font-size: var(--size-14);
  font-weight: 400;
  line-height: 120%;
  text-transform: capitalize;
  border-bottom: 1px solid #f1f1f4;
  vertical-align: middle;
}

.resources-section .accordion-body .table tbody tr td:last-child span,
.preview-section .accordion-body .table tbody tr td:last-child span,
.entities-section .accordion-body .table tbody tr td:last-child span,
.real-time-section .accordion-body .table tbody tr td:last-child span {
  border-radius: 4.55px;
  background: var(--light-background);
  padding: 6px;
  color: var(--sub-text);
  text-align: center;
  font-weight: 400;
  line-height: 80%;
}

.resources-section .accordion-body .table tbody tr td span,
.preview-section .accordion-body .table tbody tr td span,
.entities-section .accordion-body .table tbody tr td span,
.real-time-section .accordion-body .table tbody tr td span {
  font-size: var(--size-14);
  display: flex;
  width: max-content;
}

.resources-section .accordion-body .table tbody tr td span {
  width: auto;
  line-height: 1.5 !important;
  text-align: start !important;
}

.resources-section .accordion-body .table th,
.preview-section .accordion-body .table th,
.entities-section .accordion-body .table th,
.real-time-section .accordion-body .table th {
  border: 1px solid #f1f1f4;
  padding: 1rem 0.625rem 1rem 1rem;
  color: var(--grey-2);
  font-size: var(--size-14);
  font-weight: 700;
  line-height: 120%;
  text-transform: uppercase;
}

.resources-section .accordion-body .table th:last-child,
.preview-section .accordion-body .table th:last-child,
.entities-section .accordion-body .table th:last-child,
.real-time-section .accordion-body .table th:last-child {
  border-top-right-radius: 16px;
}

.resources-section .accordion-body .table th:first-child,
.preview-section .accordion-body .table th:first-child,
.entities-section .accordion-body .table th:first-child,
.real-time-section .accordion-body .table th:first-child {
  border-top-left-radius: 16px;
}

.resources-section .accordion-body .dt-layout-row,
.preview-section .accordion-body .dt-layout-row,
.entities-section .accordion-body .dt-layout-row,
.real-time-section .accordion-body .dt-layout-row {
  margin-bottom: 0;
}

.resources-section .accordion-body .dt-layout-row:first-child,
.preview-section .accordion-body .dt-layout-row:first-child,
.entities-section .accordion-body .dt-layout-row:first-child,
.real-time-section .accordion-body .dt-layout-row:first-child {
  display: none;
}

.resources-section .accordion-body .dt-layout-row:last-child,
.preview-section .accordion-body .dt-layout-row:last-child,
.entities-section .accordion-body .dt-layout-row:last-child,
.real-time-section .accordion-body .dt-layout-row:last-child {
  border-bottom-right-radius: 16px;
  border-bottom-left-radius: 16px;
  background: var(--white);
  padding: 1rem;
  margin: 0;
  border: 1px solid #f1f1f4;
  border-top: 0;
}

.resources-section .accordion-body div.dt-container.dt-empty-footer tbody>tr:last-child>*,
.preview-section .accordion-body div.dt-container.dt-empty-footer tbody>tr:last-child>*,
.entities-section .accordion-body div.dt-container.dt-empty-footer tbody>tr:last-child>*,
.real-time-section .accordion-body div.dt-container.dt-empty-footer tbody>tr:last-child>* {
  border-bottom: 1px solid #f1f1f4;
}

.resources-section .accordion-body .dt-layout-cell .dt-info,
.preview-section .accordion-body .dt-layout-cell .dt-info,
.entities-section .accordion-body .dt-layout-cell .dt-info,
.real-time-section .accordion-body .dt-layout-cell .dt-info {
  color: #252f4a;
  font-size: 14px !important;
  font-weight: 400 !important;
  line-height: 160%;
}

.resources-section .accordion-body .dt-layout-full,
.preview-section .accordion-body .dt-layout-full,
.entities-section .accordion-body .dt-layout-full,
.real-time-section .accordion-body .dt-layout-full {
  border-top-right-radius: 16px;
  border-top-left-radius: 16px;
}

.resources-section .accordion-body .img-container,
.preview-section .accordion-body .img-container,
.entities-section .accordion-body .img-container,
.real-time-section .accordion-body .img-container {
  display: flex;
  align-items: center;
  flex-direction: column;
  gap: 1.5rem;
}

.resources-section .accordion-body .img-container p,
.preview-section .accordion-body .img-container p,
.entities-section .accordion-body .img-container p,
.real-time-section .accordion-body .img-container p {
  color: var(--sub-text);
  text-align: center;
  font-size: var(--size-18);
  font-weight: 400;
  line-height: 140%;
}

.resources-section .accordion-body .img-container .primary-button,
.preview-section .accordion-body .img-container .primary-button,
.entities-section .accordion-body .img-container .primary-button,
.real-time-section .accordion-body .img-container .primary-button {
  background: transparent;
}

.resources-section .resource-box.checked-bg {
  border-radius: 16px;
  border: 1px solid var(--sea-green) !important;
  background: #ebf4ef;
}

.resources-section .accordion-item:has(.checked-bg) .form-check {
  visibility: visible !important;
}

.swiper-datasets .swiper-slide {
  padding-inline-end: 1rem;
  margin-top: 0 !important;
}

/*Preview Data */
.preview-section {
  /*Chart style*/
}

.preview-section .preview-head {
  display: flex;
  align-items: baseline;
  flex-direction: row;
  gap: 0.9375rem;
  margin-bottom: 2.4375rem;
}

.preview-section #dataPreviewTable_wrapper {
  border-radius: 1rem;
  padding: 1rem;
  background: #f9f9f9;
  border: 1px solid #f1f1f4;
}

.preview-section #dataPreviewTable_wrapper .dt-paging .dt-paging-button {
  color: #252f4a !important;
  background: transparent;
  border: none;
  text-align: center;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 11px;
}

.preview-section #dataPreviewTable_wrapper .dt-paging .dt-paging-button.current {
  color: var(--sea-green) !important;
}

.preview-section #dataPreviewTable_wrapper .dt-paging .dt-paging-button.current:hover {
  background: transparent;
  border: none;
}

.preview-section #dataPreviewTable_wrapper .dt-paging .dt-paging-button.disabled {
  color: #c4cada !important;
}

.preview-section #dataPreviewTable .dt-column-order {
  display: none;
}

.preview-section #dataPreviewTable tbody tr {
  border: none;
  border-right: 1px solid #f1f1f4;
  border-bottom: 1px solid #f1f1f4;
}

.preview-section #dataPreviewTable tbody tr td {
  background: var(--light-background);
  box-shadow: none;
  padding: 1rem 0.625rem 1rem 1rem;
  overflow: hidden;
  color: #78829d;
  text-overflow: ellipsis;
  font-size: var(--size-14);
  font-weight: 400;
  line-height: 120%;
  text-transform: capitalize;
  border-left: 0;
  text-align: start;
  border-color: #f1f1f4;
}

.preview-section #dataPreviewTable tbody tr td:last-child span {
  border-radius: 4.55px;
  background: var(--light-background);
  padding: 6px;
  color: var(--sub-text);
  text-align: start;
  font-weight: 400;
  line-height: 135%;
}

.preview-section #dataPreviewTable tbody tr td span {
  font-size: var(--size-14);
  display: flex;
}

.preview-section #dataPreviewTable tbody tr:last-child {
  border-right: none;
}

.preview-section #dataPreviewTable thead tr {
  border-bottom: 1px solid #f1f1f4;
  border-top: 0;
}

.preview-section #dataPreviewTable thead tr th {
  /* padding: 1rem 0.625rem 1rem 1rem; */
  padding: 16px;
  color: var(--grey-2);
  font-size: var(--size-14);
  font-weight: 700;
  line-height: 120%;
  text-transform: uppercase;
  background: var(--light-background);
  border: none;
  text-align: start;
  padding-inline-end: 0;
  border-right: 1px solid #f1f1f4;

  &:last-child {
    border-right: 0;
  }
}

.preview-section #dataPreviewTable thead tr th:last-child {
  border-top-right-radius: 16px;
}

.preview-section #dataPreviewTable thead tr th:first-child {
  border-top-left-radius: 16px;
}

.preview-section .dt-layout-row {
  margin-bottom: 0 !important;
}

.preview-section .dt-layout-row:first-child {
  display: none !important;
}

.preview-section .dt-layout-row:last-child {
  border-bottom-right-radius: 16px;
  border-bottom-left-radius: 16px;
  background: var(--light-background);
  padding: 1rem;
  margin: 0;
  border: none;
  border-top: 0;
}

.preview-section div.dt-container.dt-empty-footer tbody>tr:last-child>* {
  border: none;
}

.preview-section .dt-layout-cell .dt-info {
  color: #252f4a;
  font-size: 14px !important;
  font-weight: 400 !important;
  line-height: 160%;
}

.preview-section #dataPreviewTable .dt-layout-full {
  border-top-right-radius: 16px;
  border-top-left-radius: 16px;
}

.preview-section #basicChart,
.preview-section #barsChart {
  width: 100%;
  height: 448px;
  position: relative;
}

.preview-section #basicChart .hide-logo,
.preview-section #barsChart .hide-logo {
  background: #fff;
  width: 73px;
  height: 21px;
  position: absolute;
  bottom: 0px;
  z-index: 1;
}

.preview-section .chart-section .customize-chart {
  padding: 30px;
  border-radius: 16px;
  background: #f9f9f9;
  margin-top: 40px;
}

.preview-section .chart-section .customize-chart h3 {
  margin-bottom: 36px;
}

.preview-section .chart-section .customize-chart .form-label {
  color: var(--title);
  text-align: center;
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 25px;
}

.preview-section .chart-section .customize-chart .form-select,
.preview-section .chart-section .customize-chart .dropdown-toggle {
  padding: 10px 23px;
  margin-bottom: 24px;
  max-width: 100%;
  color: var(--sub-text);
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 25px;
  border: 0.5px solid #b6b6b6;
  background-color: #fff;
  background-position: right 10px center;
  background-repeat: no-repeat;
  background-size: 16px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' fill='%239EA2A9'%3E%3Cpath fill-rule='evenodd' d='M5.293 7.293a1 1 0 011.414 0L10 10.586l3.293-3.293a1 1 0 111.414 1.414l-4 4a1 1 0 01-1.414 0l-4-4a1 1 0 010-1.414z' clip-rule='evenodd'/%3E%3C/svg%3E");
  appearance: none;
  text-align: start;
  width: 100%;
  display: inline-block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  line-height: 3;
}

.preview-section .chart-section .customize-chart .form-select:focus,
.preview-section .chart-section .customize-chart .dropdown-toggle:focus {
  outline: none;
  box-shadow: none;
  border: 0.5px solid #b6b6b6;

}

.preview-section .chart-section .customize-chart .form-select:after,
.preview-section .chart-section .customize-chart .dropdown-toggle:after {
  display: none;
}

.preview-section .chart-section .customize-chart .mb-3:last-child {
  margin-bottom: 0;

}

.preview-section .pagination {
  border-radius: 0 0 16px 16px;
  border: 1px solid #F1F1F4;
  background: #F9F9F9;
  padding: 16px;
  padding-top: 16px !important;
}

.preview-section .pagination .pagination__desc {
  font-size: 14px;
  color: #252F4A;
}

.preview-section .pagination .pv-paging {
  margin-top: 0;
}

.preview-section .pagination .pv-paging .kt-pagination .light-theme li .current {
  background: transparent !important;
  color: #2E8B57;
}

#dataPreviewTable {
  margin-bottom: 0;
}

.resources-section .table {
  border-bottom-right-radius: 0 !important;
  border-bottom-left-radius: 0 !important;
  border-bottom: 0 !important;
}

.resources-section .dt-layout-row {
  margin-bottom: 0;
}

.resources-section .dt-layout-row:first-child {
  display: none;
}

.resources-section .dt-layout-row:last-child {
  border-bottom-right-radius: 16px;
  border-bottom-left-radius: 16px;
  background: var(--white);
  padding: 1rem;
  margin: 0;
  border: 1px solid #f1f1f4;
  border-top: 0;
}

.resources-section #accordionTableDesktop_wrapper .dt-paging .dt-paging-button,
.resources-section #accordionTableResponsive_wrapper .dt-paging .dt-paging-button {
  color: #252f4a !important;
  background: transparent;
  border: none;
  text-align: center;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 11px;
  padding: 0;
  vertical-align: middle;
}

.resources-section #accordionTableDesktop_wrapper .dt-paging .dt-paging-button.current,
.resources-section #accordionTableResponsive_wrapper .dt-paging .dt-paging-button.current {
  color: var(--sea-green) !important;
}

.resources-section #accordionTableDesktop_wrapper .dt-paging .dt-paging-button.current:hover,
.resources-section #accordionTableResponsive_wrapper .dt-paging .dt-paging-button.current:hover {
  background: transparent;
  border: none;
}

.resources-section #accordionTableDesktop_wrapper .dt-paging .dt-paging-button.next,
.resources-section #accordionTableResponsive_wrapper .dt-paging .dt-paging-button.next {
  display: none;
}

.resources-section #accordionTableDesktop_wrapper .dt-paging .dt-paging-button.last,
.resources-section #accordionTableResponsive_wrapper .dt-paging .dt-paging-button.last {
  font-size: 16px;
}

.resources-section #accordionTableDesktop_wrapper .dt-paging .dt-paging-button.disabled,
.resources-section #accordionTableResponsive_wrapper .dt-paging .dt-paging-button.disabled {
  color: #c4cada !important;
}

.resources-section #accordionTableDesktop_wrapper .dt-paging .dt-paging-button.disabled.previous,
.resources-section #accordionTableResponsive_wrapper .dt-paging .dt-paging-button.disabled.previous {
  display: none;
}

.resources-section #accordionTableDesktop_wrapper .dt-paging .dt-paging-button.disabled.first,
.resources-section #accordionTableResponsive_wrapper .dt-paging .dt-paging-button.disabled.first {
  font-size: 16px;
}

.resources-section #accordionTableResponsive_wrapper {
  background: var(--white);
  border-radius: 16px;
  overflow: scroll;
}

.resources-section #accordionTableResponsive_wrapper .dt-layout-row {
  margin-top: 0;
  border-right: 0;
  border-bottom-right-radius: 0;
}

.resources-section #accordionTableResponsive_wrapper tbody tr td span {
  display: flex;
  width: max-content;
  height: 100%;
}

.resources-section .accordion-item {
  position: relative;
}

.resources-section .accordion-item .form-check {
  position: absolute;
  z-index: 50;
  right: 1rem;
  top: 1rem;
  visibility: hidden;
}

.resources-section .accordion-item .form-check .form-check-input[type=checkbox] {
  cursor: pointer;
}

.resources-section .accordion-item .form-check .form-check-input:checked {
  background: var(--sea-green);
  border-color: var(--sea-green);
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='M6 10l3 3l6-6'/%3e%3c/svg%3e");
  cursor: pointer;
}

.resources-section .accordion-item .form-check .form-check-input:focus {
  border-color: rgba(46, 139, 87, 0.6);
  outline: 0;
  box-shadow: 0 0 0 0.25rem rgba(46, 139, 87, 0.1607843137);
}

.resources-section .accordion-item:hover .form-check {
  visibility: visible !important;
}

.resources-section .accordion-item .accordion-collapse {
  width: calc(300% + var(--bs-gutter-x) * 2);
  margin-top: 25px;
  position: relative;
  left: 0;
  z-index: 1;
}

.resources-section .accordion-item:nth-child(3n + 2) .accordion-collapse {
  left: calc(1 * (-100% - var(--bs-gutter-x) * 0.5 * 2));
  position: relative;
  z-index: 1;
}

.resources-section .accordion-item:nth-child(3n) .accordion-collapse {
  left: calc(2 * (-100% - var(--bs-gutter-x) * 0.5 * 2));
  position: relative;
}

/*Entities section style*/
.entities-section .accordion-collapse {
  margin-top: 1.0625rem;
}

.entities-section .resource-box {
  flex-direction: row !important;
  align-items: center !important;
  gap: 12px;
}

.entities-section .resource-box h6 {
  font-size: 16px !important;
  color: var(--sea-green);
  text-align: center;
}

.entities-section .resource-box.collapsed h6 {
  color: var(--title) !important;
  text-align: center;
  min-height: 38.5px;
}

.entities-section .resource-box:hover h6 {
  color: var(--sea-green) !important;
}

.entities-section .resource-box.accordion-button:not(.collapsed) {
  background: rgba(101, 121, 107, 0.05);
}

.entities-section .resource-box.accordion-button:not(.collapsed):after {
  position: absolute;
  top: 99.8%;
  right: 50%;
  margin-right: -9px;
  content: " ";
  width: 0;
  height: 0;
  border-left: 20px solid transparent;
  border-right: 20px solid transparent;
  border-bottom: 20px solid transparent;
  border-top: 20px solid rgba(101, 121, 107, 0.05);
  background-image: none;
  transform: none;
  display: block !important;
}

.entities-section hr {
  margin: 1rem auto 1rem !important;
}

.entities-section .content-section p {
  color: #7f7f7f;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px;
  /* 125% */
}

.entities-section .primary-button:hover {
  background: var(--sea-green) !important;
  color: var(--white);
}

.entities-section .primary-button:hover svg path {
  fill: var(--white) !important;
}

/*Publications section style*/
.publications-section .publications-card {
  display: flex;
  padding: 20px;
  justify-content: start;
  align-items: flex-start;
  gap: 8px;
  align-self: stretch;
  border-radius: 16px;
  background: rgba(101, 121, 107, 0.05);
  margin-bottom: 35px;
  border-top: 4px solid transparent;
}

.publications-section .publications-card h6 {
  color: var(--title);
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 120%;
  margin-bottom: 0.75rem;
}

.publications-section .publications-card p {
  color: rgba(20, 20, 20, 0.51);
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px;
  /* 171.429% */
}

.publications-section .publications-card:hover {
  border-top: 4px solid #2e8b57;
  transition: 0.3s all ease-in-out;
  cursor: pointer;
  background: rgba(46, 139, 87, 0.05);
}

.publications-section .publications-card:hover h6 {
  color: var(--sea-green);
}

/*Real time section style*/
.real-time-section {
  flex-direction: column !important;
  align-items: start !important;
}

.real-time-section .resource-box {
  flex-direction: column !important;
  align-items: center !important;
  margin-bottom: 1.2188rem !important;
  gap: 1.875rem !important;
  padding: 55px;
  width: 100%;
}

.real-time-section .resource-box a {
  flex-direction: column !important;
  align-items: center !important;
  gap: 2.3077rem !important;
  display: flex;
}

.real-time-section .resource-box h6 {
  color: var(--title);
  text-align: center;
}

.real-time-section .resource-box:hover {
  background: rgba(46, 139, 87, 0.05);
  transition: 0.3s all ease-in-out;
  cursor: pointer;
}

.real-time-section .resource-box:hover h6 {
  color: var(--sea-green);
}

/*Geo data section style*/
.geo-data-section .publications-card {
  margin-bottom: 45px !important;
  gap: 25px !important;
  align-items: flex-start;
  padding: 35px;
}

.geo-data-section .publications-card h6 {
  font-size: 24px !important;
  margin-bottom: 20px !important;
}

.geo-data-section .publications-card p {
  font-size: var(--size-16) !important;
}

.geo-data-section .col-md-12:last-child .publications-card {
  margin-bottom: 0 !important;
}

/*About page style*/
.about-section .main-title h3 {
  color: var(--brand);
  font-size: 24px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  text-transform: capitalize;
  margin-bottom: 1.5rem;
}

.about-section .main-title h3.sub-title {
  margin-bottom: 10px;
}

.about-section .main-title p {
  color: var(--sub-text);
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px;
  margin-bottom: 3.125rem;
}

.about-section .main-title p.description {
  color: #797c86;
}

.about-section .data-cards .data-card {
  display: flex;
  align-items: start;
  border-radius: 1.25rem;
  background: var(--light-background);
  padding: 2.5rem;
  gap: 0.75rem;
  margin-bottom: 2.1875rem;
  margin-inline-end: 10px;
}

.about-section .data-cards .data-card .title {
  color: var(--title);
  font-size: 1.25rem;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  text-transform: capitalize;
  margin-bottom: 1.125rem;
}

.about-section .data-cards .data-card .description {
  color: #9f9e9e;
  font-size: 1rem;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}

.about-section .data-cards .row .col-xxl-6 {
  display: flex;
}

.about-section .data-cards .row .col-xxl-6:nth-of-type(3) .data-card {
  margin-bottom: 0;
}

.about-section .data-cards .row .col-xxl-6:nth-of-type(4) .data-card {
  margin-bottom: 0;
}

.about-section hr {
  margin: 80px 0;
  color: rgba(0, 0, 0, 0.12);
  border-top: 1.5px solid;
}

.about-section .info-section {
  display: flex;
  gap: 4rem;
  align-items: center;
}

.about-section .info-section .img-container {
  flex: 0 0 35%;
  max-width: 35%;
  width: 28.5625rem;
  height: 16.5rem;
}

.about-section .info-section .img-container img {
  width: 28.5625rem;
  height: 16.5rem;
  border-radius: 1.25rem;
}

/*Tags boxes style*/
.tags {
  display: flex;
  flex-wrap: wrap;
  align-items: start;
  gap: 0.75rem;
}

.tags .tag-box {
  display: flex;
  padding: 6px 12px;
  align-items: center;
  gap: 10px;
  border-radius: 8px;
  background: rgba(110, 110, 110, 0.05);
  color: #6e6e6e;
  font-size: var(--size-14);
  font-weight: 400;
  line-height: normal;
}

/*Rating common style*/
.rating {
  border-radius: 1.4375rem;
  background: var(--white);
  padding: 1.875rem;
}

.icons {
  display: flex;
  gap: 8px;
  align-items: center;
}

.icon-box {
  font-size: var(--size-14);
  color: var(--light-grey);
  font-weight: 400;
  display: flex;
  gap: 4px;
}

.explore-datasets .rate {
  display: flex;
  justify-content: space-between;
  margin-top: 0.875rem;
  flex-direction: column;
  align-items: start;
  gap: 15px;
  min-height: 63px;
}

.rate div img:last-child {
  /*padding-inline-end :1rem;*/
}

.rate .file img {
  height: 28px;
}

.explore-datasets .rate .file {
  display: flex;
  align-items: center;
  gap: 5px;
}

.explore-datasets .rate .d-flex {
  /* width: 100%; */
}

.explore-datasets .rate .icons {
  gap: 12px;
  position: relative;
}

.explore-datasets .icon-box:not(:last-child)::after {
  /* content: "�";
  margin-inline-end: 0px;
  color: #aeaeae;
  font-size: 14px; */
}

#DatasetsCardsListing .rate {
  display: flex;
  justify-content: space-between;
  align-items: center;
  min-height: 28px;
}

#DatasetsCardsListing .rate>div {
  gap: 10px;
}

.explore-datasets .dataset-card .sub-title {
  margin-bottom: 20px;
  outline-color: currentcolor;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}

.rating {
  margin-bottom: 2.1875rem;
}

/*Rate element common style*/
.rating-box {
  display: flex;
  padding: 25px;
  flex-direction: column;
  align-items: flex-start;
  border-radius: 1rem;
  background: #ebf4ef;
  margin-bottom: 1.25rem;
}

.rating-box .rating-container {
  display: flex;
  width: 100%;
  flex-direction: column;
  align-items: start;
  gap: 13px;
}

.rating-box .rating-container>div {
  display: flex;
  justify-content: space-between;
  width: 100%;
  align-items: center;
}

.rating-box .stars {
  display: flex;
  justify-content: center;
  gap: 10px;
  cursor: pointer;
}

.rating-box .star {
  transition: transform 0.2s;
}

.rating-box .star:hover {
  transform: scale(1.2);
}

.rating-box .star-path {
  transition: fill 0.2s;
}

.rating-box .star.filled .star-path {
  fill: #f7b076;
  stroke: #f7b076;
}

.rating-box .rating-text {
  color: rgba(0, 0, 0, 0.6);
  font-style: normal;
  font-weight: 400;
  line-height: 21px;
  font-size: var(--size-14);
}

.rating-box h6 {
  color: #484848;
  font-size: var(--size-16);
  font-weight: 500;
  line-height: 120%;
  text-transform: capitalize;
  margin-bottom: 0;
}

/*Buttons common style*/
.secondary-button {
  background: var(--white);
  border: 1px solid #eaeaea;
  color: var(--sub-text);
  padding: 0.75rem 1.25rem;
}

.secondary-button:hover {
  background: var(--sea-green);
  color: var(--white);
}

.secondary-button:hover svg path {
  fill: var(--white);
}

.secondary-button:focus {
  background: var(--sea-green);
  color: var(--white);
}

.secondary-button:focus svg path {
  fill: var(--white);
}

.primary-button {
  border: 1px solid var(--sea-green);
  border-radius: 8px;
  font-size: var(--size-14);
  padding: 0.5rem 0.75rem;
  color: var(--sea-green);
  background: var(--white);
  display: flex;
  align-items: center;
  font-weight: 500;
}

.primary-button:hover {
  background: var(--sea-green) !important;
  color: var(--white);
}

.primary-button:hover svg path {
  fill: var(--white);
}

/*Participants section*/
.participate-section .accordion-item {
  background: #fff;
  border: none;
  width: 100%;
}

.participate-section .accordion-item .card {
  border-radius: 16px;
  border: 1px solid #ddd;
  width: 100%;
  height: 100%;
  min-height: 23.25rem;
}

.participate-section .accordion-item .card .sub-title {
  color: var(--title);
  font-size: 24px;
  font-style: normal;
  font-weight: 500;
  line-height: 24px;
  /* 100% */
}

.participate-section .accordion-item .card .card-text {
  color: var(--sub-text);
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px;
  /* 150% */
}

.participate-section .accordion-item .card .card-img-top {
  border-radius: 16px 16px 0px 0px;
}

.participate-section .accordion-item .card .card-body {
  padding: 1.875rem;
  text-align: start;
}

.participate-section .accordion-item .card:hover .sub-title {
  color: var(--sea-green);
}

.participate-section .accordion-item .accordion-button::after {
  /*display: none;*/
}

.participate-section .accordion-item .accordion-button {
  padding: 0;
}

.participate-section .accordion-item .accordion-button:after {
  background-image: none;
  transform: none;
  display: none;
}

.participate-section .accordion-item .accordion-button:not(.collapsed) {
  background: #fff !important;
  box-shadow: none;
  position: relative;
}

.participate-section .accordion-item .accordion-button:not(.collapsed) .sub-title {
  color: var(--sea-green);
}

.participate-section .accordion-item .accordion-button:not(.collapsed):after {
  position: absolute;
  top: 99.8%;
  right: 50%;
  margin-right: -9px;
  content: " ";
  width: 0;
  height: 0;
  border-left: 20px solid transparent;
  border-right: 20px solid transparent;
  border-bottom: 20px solid transparent;
  border-top: 20px solid rgba(101, 121, 107, 0.05);
  background-image: none;
  transform: none;
  display: block !important;
}

.participate-section .accordion-item .accordion-button:not(.collapsed) .card {
  border-color: transparent;
}

.participate-section .accordion-item .accordion-button:not(.collapsed) .card .card-body {
  background: rgba(101, 121, 107, 0.05);
  border-radius: 0px 0px 16px 16px;
}

.participate-section .form-select {
  display: flex;
  padding: 10px 23px;
  gap: 10px;
  align-self: stretch;
  border-radius: 8px;
  border: 0.5px solid #b6b6b6;
  color: rgba(0, 0, 0, 0.6);
  text-align: start;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 25px;
  /* 156.25% */
  height: 62px;
  align-items: center;
}

.participate-section .form-select:focus {
  outline: none;
  box-shadow: none;
}

.participate-section .accordion-body {
  padding: 30px 0;
}

.participate-section .accordion-body .feedback-box {
  border-radius: 16px;
  border: 1px solid rgba(110, 149, 121, 0.3);
  background: rgba(101, 121, 107, 0.05);
  padding: 30px;
}

.participate-section .form-group .card .card-body {
  padding: 20px;
}

.participate-section .form-group .card .card-body .file-upload {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  transition: background-color 0.25s ease-out;
  padding: 6px;
}

.participate-section .form-group .card .card-body .file-upload .file-input {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  outline: none;
  cursor: pointer;
}

.participate-section .form-group .card .card-body .file-upload .card-title {
  color: var(--title);
  text-align: center;
  font-size: 13px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  text-transform: capitalize;
  margin-bottom: 9px;
}

.participate-section .form-group .card .card-body .file-upload .card-title .btn-light {
  color: #2e8b57;
  font-size: 13px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  text-decoration-line: underline;
  text-decoration-style: solid;
  text-decoration-skip-ink: none;
  text-decoration-thickness: auto;
  text-underline-offset: auto;
  text-underline-position: from-font;
  text-transform: capitalize;
  padding: 0;
  background: transparent;
  border: none;
}

.participate-section .form-group .card .card-body .file-upload .card-subtitle {
  color: var(--sub-text);
  text-align: center;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  text-transform: capitalize;
}

.participate-section .form-group .card .card-body .file-upload .btn svg path {
  stroke: #d83731;
}

.participate-section .feedback-box .textarea {
  display: flex;
  /* height: 100%; */
  width: 100%;
}

.participate-section .feedback-box .textarea .form-group {
  width: 100%;
}

.participate-section .accordion {
  position: relative;
}

.participate-section .accordion .right-column {
  position: absolute;
  right: 0;
}

/*Applications section*/
.applications-section h2 {
  color: var(--brand);
  font-size: 30px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  text-transform: capitalize;
  margin-bottom: 50px;
}

.applications-section .app-card {
  display: flex;
  align-items: center;
  gap: 35px;
  border-radius: 16px;
  box-shadow: 0px 1px 2px -1px rgba(27, 29, 33, 0.1);
  background: #f9f9f9;
}

.applications-section .app-card .img-container {
  position: relative;
  height: 310px;
  width: 100%;
  border-radius: 16px 0 0 16px;
  /*background: url(/image/uae-pass.svg) no-repeat center;*/
  background-size: cover !important;
  flex: 0 0 35%;
  max-width: 35%;
}

.applications-section .app-card .img-container .card-image {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  object-fit: cover;
  border-radius: 16px 0 0 16px;
}

.applications-section .app-card .img-container.right-img .card-image {
  border-radius: 0 16px 16px 0 !important;
}

.applications-section .app-card .app-info {
  padding: 0 30px;
}

.applications-section .app-card .app-info h6 {
  color: var(--title);
  font-size: 20px;
  font-style: normal;
  font-weight: 500;
  line-height: 120%;
  text-transform: capitalize;
  margin-bottom: 10px;
}

.applications-section .app-card .app-info p {
  color: #797c86;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px;
}

.applications-section hr {
  margin: 50px 0;
  color: rgba(142, 142, 142, 0.29);
  border-top: 1.5px solid;
}

.applications-section hr:last-of-type {
  margin: 80px 0;
}

.applications-section .swiper-container-applications .card {
  /* border: 0.65px solid #bdbdbd; */
  height: 100%;
  border-radius: 5px;
}

.applications-section .swiper-container-applications .card .card-img-top {
  border-radius: 7.863px 7.863px 0px 0px;
  /*  height: 14.7431rem;
  width: 100%;*/
  object-fit: cover;
  height: 210px;
}

.applications-section .swiper-container-applications .card .card-body {
  padding: 22.934px;
  background: #f9f9f9;
  border-radius: 0 0 5.24px 5.24px;
  /* border: 0.65px solid #bdbdbd; */
  border-top: 0;
  min-height: 120px;
}

.applications-section .swiper-container-applications .card .card-body .card-title {
  text-align: center;
  color: var(--sea-green);
  font-size: 18.347px;
  font-style: normal;
  font-weight: 400;
  line-height: 15.726px;
  margin-bottom: 10px;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.applications-section .swiper-container-applications .card .card-body .card-description {
  color: rgba(0, 0, 0, 0.6);
  text-align: center;
  font-size: 11.794px;
  font-style: normal;
  font-weight: 400;
  line-height: 15.726px;
  /* 133.333% */
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  transition: all 0.3s ease;
}


.applications-section .swiper-container-applications .swiper-slide {
  /*  height: auto;*/
  /* width: 380px !important; */
}

.applications-section .slider {
  position: relative;
}

.applications-section .slider .swiper-button-next,
.applications-section .slider .swiper-button-prev {
  top: 110%;
  background: #ebf4ef;
  border-radius: 50%;
  width: 30px;
  height: 30px;
  border: 1px solid #6e9579;
  transition: all 0.3s ease-in-out;
}

.applications-section .slider .swiper-button-next:hover,
.applications-section .slider .swiper-button-prev:hover {
  background: #d7e3dc;
}

.applications-section .slider .swiper-button-prev {
  right: 58px;
  left: unset;
  top: 110%;
}

.applications-section .slider .swiper-button-next:after,
.applications-section .slider .swiper-button-prev:after {
  font-size: 12px;
  color: var(--sea-green);
}

/*Datasets info*/
.header-section {
  padding: 1.875rem 6.25rem 3.125rem;
  background: linear-gradient(183deg,
      rgba(249, 249, 249, 0) 2.75%,
      #f9f9f9 97.25%);
}

.header-section .header-info {
  display: flex;
  align-items: start;
  justify-content: space-between;
  margin-bottom: 1.6875rem;
  gap: 10px;
}

.header-section .header-info h1 {
  color: var(--brand);
  font-size: 36px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  text-transform: capitalize;
  flex: 1;
}

.header-section .description {
  color: var(--sub-text);
  font-size: var(--size-16);
  font-weight: 400;
  line-height: 1.5rem;
}

/*RATING SECTION*/
.star-rating {
  display: flex;
  direction: row-reverse;
  justify-content: center;
}

.star-rating input {
  display: none;
}

.star-rating label {
  font-size: 2rem;
  color: gray;
  cursor: pointer;
  padding: 0 5px;
  transition: color 0.2s;
}

.star-rating input:checked~label {
  color: gold;
}

.star-rating label:hover,
.star-rating label:hover~label {
  color: gold;
}

/*Breadcrumb style*/
.breadcrumb {
  margin-bottom: 1.3125rem;
}

.breadcrumb .breadcrumb-item {
  font-size: var(--size-12);
  color: var(--brand);
  font-weight: 400;
  line-height: 20px;
}

.breadcrumb .breadcrumb-item a {
  color: var(--brand);
  font-size: var(--size-12);
  font-style: normal;
  font-weight: 400;
  line-height: 20px;
}

.breadcrumb .breadcrumb-item.active {
  color: #a4a4a4;
  font-weight: 400;
  line-height: 20px;
  font-size: var(--size-12);
}

.breadcrumb .breadcrumb-item+.breadcrumb-item {
  padding-inline-start: 16px;
}

.breadcrumb .breadcrumb-item+.breadcrumb-item::before {
  color: var(--brand);
  content: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMCIgaGVpZ2h0PSIxMCIgdmlld0JveD0iMCAwIDEwIDEwIiBmaWxsPSJub25lIj4KICAgPGcgY2xpcC1wYXRoPSJ1cmwoI2NsaXAwXzQ3MV80ODM4KSI+CiAgICAgICAgPHBhdGggZD0iTTIuOTAxNDIgMC40ODQzNzVMNy4wOTQ5NyA0LjY3NzkyTDIuOTAxNDIgOC44NzE0NyIgc3Ryb2tlPSIjOUI2MTMxIiBzdHJva2Utd2lkdGg9IjEuNSIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+CiAgIDwvZz4KICAgPGRlZnM+CiAgICAgICA8Y2xpcFBhdGggaWQ9ImNsaXAwXzQ3MV80ODM4Ij4KICAgICAgICAgPHJlY3Qgd2lkdGg9IjEwIiBoZWlnaHQ9IjEwIiBmaWxsPSJ3aGl0ZSIvPgogICAgICAgPC9jbGlwUGF0aD4KICAgPC9kZWZzPgo8L3N2Zz4=");
  padding-inline-end: 16px;
}

/*Common social buttons style*/
.social-btns {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.75rem;
}

.social-btns .primary-button {
  gap: 0.75rem;
  cursor: pointer;
}

.social-btns .primary-button:hover {
  background: var(--sea-green) !important;
  color: var(--white);
}

.social-btns .primary-button:hover svg path {
  stroke: var(--white) !important;
  fill: transparent !important;
}

.social-btns .badge {
  border-radius: 15px;
  border: 1px solid #eaeaea;
  background: #fafafa;
  display: flex;
  padding: 4px 10px;
  align-items: center;
  gap: 6px;
  color: var(--brand);
  text-align: center;
  font-size: 12px;
  font-style: normal;
  font-weight: 500;
  line-height: 24px;
  display: flex;
  align-items: center;
  gap: 3px;
}

.modal .modal-header {
  padding: 20px 32px;
  align-items: baseline;
}

.modal .modal-header .modal-title {
  color: var(--brand);
  font-size: 20px;
  font-style: normal;
  font-weight: 500;
  line-height: 24px;
  /* 120% */
  text-transform: capitalize;
}

.modal .modal-body {
  padding: 24px;
}

.modal .modal-dialog {
  max-width: 1000px;
}

.modal .modal-footer .btn-secondary {
  display: flex;
  padding: 9px;
  align-items: center;
  gap: 4px;
  border-radius: 8px;
  border: 1px solid #eaeaea;
  background: #fff;
  color: var(--sub-text, #6e6e6e);
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: 20px;
  text-transform: capitalize;
}

.btn-close {
  --bs-btn-close-bg: none;
}

.btn-close:focus {
  box-shadow: none;
}

.feedback-box {
  border-radius: 8px;
  background: #f9f9f9;
  padding: 16px;
}

.feedback-box .form-group {
  margin-bottom: 16px;
}

.feedback-box .form-group .form-control,
.feedback-box .form-group .dropdown-toggle {
  display: flex;
  padding: 10px 23px;
  gap: 10px;
  align-self: stretch;
  border-radius: 8px;
  border: 0.5px solid #b6b6b6;
  background: #fff;
  color: rgba(0, 0, 0, 0.6);
  text-align: start;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 25px;
  /* 156.25% */
  height: 61.3px;
  align-items: center;
  width: 100%;
}

.feedback-box .form-group .dropdown-menu {
  max-height: 165px;
  overflow-y: scroll;
}

.feedback-box .form-group .form-control::placeholder,
.feedback-box .form-group .dropdown-toggle::placeholder {
  color: rgba(0, 0, 0, 0.6);
}

.feedback-box .form-group .form-control:focus,
.feedback-box .form-group .dropdown-toggle:focus {
  box-shadow: none !important;
}

.feedback-box .form-group .form-control:after,
.feedback-box .form-group .dropdown-toggle:after {
  display: none;
}

.feedback-box .form-group textarea {
  height: 100% !important;
}

.feedback-box .form-group .iti--allow-dropdown {
  width: 100%;
}

.feedback-box .form-group .iti--allow-dropdown .iti__selected-dial-code,
.feedback-box .form-group .iti--allow-dropdown .iti__arrow {
  color: rgba(0, 0, 0, 0.6);
}

/*News section style*/
.news-section {
  padding: 0px 0px 54px;
}

.news-section .card {
  box-shadow: 0px 1px 2px -1px rgba(27, 29, 33, 0.1);
  border: none;
  border-radius: 16px;
  margin-bottom: 26px;
  width: 100%;
}

.news-section .card .card-body {
  background: #f9faf8;
  padding: 24px 30px 30px 30px;
  border-bottom-right-radius: 16px;
  border-bottom-left-radius: 16px;
  text-align: start;
}

.news-section .card .card-body .card-text {
  color: var(--primary-black);
  font-size: var(--size-16);
  font-weight: 500;
}

.news-section .card .card-body a {
  cursor: pointer;
}

.news-section .card .card-body .sub-title {
  color: var(--primary-black-500);
  font-size: var(--size-14);
  font-weight: 400;
  margin-bottom: 1.25rem;
  border-left: 2px solid #c3c6cb;
  padding-inline-start: 12px;
}

.news-section .card .card-body .card-title {
  font-size: 24px;
  color: var(--title);
}

.news-section .card .card-body .card-title .card-decsription {
  font-size: var(--size-16);
  font-weight: 400;
  color: var(--sub-text);
}

.news-section .card .card-img-top {
  border-top-left-radius: 16px !important;
  border-top-right-radius: 16px !important;
  max-width: 100%;
  width: 100%;
  object-fit: cover;
  max-height: 180px;
}

/* .news-section .card:hover {
  cursor: pointer;
} */

.news-section .card:hover .card-body {
  background: rgba(46, 139, 87, 0.05);
}

.news-section .card:hover .card-body .card-text {
  color: var(--sea-green);
}

.mobile-view {
  display: none;
}

.ar-lang {
  font-family: "Noto Kufi Arabic", serif;
  font-weight: 400;
}

/*Custom style*/
.custom-date {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  padding-right: 20px;
  position: relative;
}

.main-button:after {
  display: none;
}

.filter-item {
  color: rgba(0, 0, 0, 0.6);
  font-size: 11pt;
  width: 100%;
  display: flex;
  cursor: pointer;
  padding: 12pt;
  text-decoration: none;
  text-align: start;
  font-weight: 400;
}

.custom-collapse {
  position: absolute;
  padding: 1.875rem;
  margin: 0px;
  width: 1106px;
  box-shadow: 0px 0px 9px 4px rgba(228, 225, 225, 0.84);
  border-radius: 1rem;
  border: none;
  margin-top: 20px !important;
  background: #fff;
  z-index: 1;
}

.custom-collapse .form-control,
.custom-collapse .form-select,
.custom-collapse .dropdown-toggle {
  background: var(--white);
  padding: 1rem;
  border-radius: 8px;
  background: #f7f7f7;
  border: none;
  font-size: var(--size-16);
  font-weight: 400;
  line-height: 20px;
  color: #c3c6cb;
  appearance: auto;
  -webkit-appearance: auto;
  -moz-appearance: auto;
  width: 100%;
  text-align: start;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.custom-collapse .form-control::placeholder,
.custom-collapse .form-select::placeholder,
.custom-collapse .dropdown-toggle::placeholder {
  font-size: var(--size-16);
  font-weight: 400;
  line-height: 28px;
  color: #c3c6cb;
}

.custom-collapse .form-control:focus,
.custom-collapse .form-select:focus,
.custom-collapse .dropdown-toggle:focus {
  outline: none;
  box-shadow: none;
}

.custom-collapse .form-select {
  padding-right: 30px;
  background-position: right 10px center;
  background-repeat: no-repeat;
  background-size: 16px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' fill='%239EA2A9'%3E%3Cpath fill-rule='evenodd' d='M5.293 7.293a1 1 0 011.414 0L10 10.586l3.293-3.293a1 1 0 111.414 1.414l-4 4a1 1 0 01-1.414 0l-4-4a1 1 0 010-1.414z' clip-rule='evenodd'/%3E%3C/svg%3E");
  appearance: none;
  width: 100%;
  text-align: start;
  color: #c3c6cb;
}

.custom-collapse .form-select:focus {
  outline: none;
  box-shadow: none;
}

.custom-collapse .form-select:after {
  display: none;
}

.custom-collapse .action-btns {
  display: flex;
  align-items: center;
  justify-content: end;
  gap: 1.25rem;
}

.custom-collapse .form-group {
  margin-bottom: 1.875rem !important;
  text-align: start;
}

.custom-collapse .form-group .form-control,
.custom-collapse .form-group .form-select {
  color: #c3c6cb;
  font-size: 18px;
}

.custom-collapse .form-group .form-control.date-to,
.custom-collapse .form-group .form-select.date-to {
  margin-top: 0.6rem;
}

.custom-collapse .form-group .form-control:focus,
.custom-collapse .form-group .form-select:focus {
  outline: none;
  box-shadow: none;
}

.custom-collapse .form-group .form-label {
  color: var(--primary-black);
  font-size: var(--size-16);
  font-weight: 500;
  line-height: 1.5rem;
  text-transform: capitalize;
}

.custom-collapse .dropdown-menu {
  border: none;
  width: 100%;
  box-shadow: 0px 4px 12px 0px rgba(0, 0, 0, 0.13);
}

.custom-collapse .dropdown-menu .dropdown-item {
  color: rgba(0, 0, 0, 0.6);
  cursor: pointer;
  padding: 12pt;
  text-decoration: none;
  text-align: start;
}

.dropdown-menu .dropdown-item:focus {
  background-color: #f8f9fa;
}

.dropdown-menu {
  border: none;
  width: 100%;
  box-shadow: 0px 4px 12px 0px rgba(0, 0, 0, 0.13);
}

.dropdown-menu .dropdown-item {
  color: rgba(0, 0, 0, 0.6);
  cursor: pointer;
  padding: 12pt;
  text-decoration: none;
  text-align: start;
}

.custom-date-container {
  position: relative;
}

.custom-date {
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  position: relative;
  z-index: 1;
  background: transparent;
  /* Make background transparent to hide default styles */
  border: 0.5px solid #b6b6b6;
  padding: 10px;
  width: 100%;
  color: var(--sub-text);
  font-size: 14px;
}

.custom-date::-webkit-calendar-picker-indicator {
  display: none;
}

.custom-date-icon {
  position: absolute;
  right: 20px;
  top: 59%;
  cursor: pointer;
  z-index: 2;
}

.entities-section .accordion-collapse {
  width: calc(300% + var(--bs-gutter-x) * 2);
  margin-top: 25px;
  position: relative;
  left: 0;
}

.entities-section .accordion-item:nth-child(3n + 2) .accordion-collapse {
  left: calc(1 * (-100% - var(--bs-gutter-x) * 0.5 * 2));
}

.entities-section .accordion-item:nth-child(3n) .accordion-collapse {
  left: calc(2 * (-100% - var(--bs-gutter-x) * 0.5 * 2));
}

/*Pagination style*/
.pv-paging {
  margin-top: 12pt;
  width: 100%;
}

.pv-paging .kt-pagination {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-direction: row-reverse;
}

.pv-paging .kt-pagination .light-theme li {
  margin-inline-end: 3pt;
}

.pv-paging .kt-pagination .light-theme li .current {
  background-color: #2e8b57;
  color: #fff;
  box-shadow: none;
}

.pv-paging .kt-pagination .light-theme li .current.prev,
.pv-paging .kt-pagination .light-theme li .current.next {
  color: #c3c6cb;
  background-color: transparent;
}

.pv-paging .kt-pagination .light-theme li .prev,
.pv-paging .kt-pagination .light-theme li .next {
  word-spacing: 6pt;
}

.pv-paging .kt-pagination .light-theme li span,
.pv-paging .kt-pagination .light-theme li a {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 2px 9.7px;
  border-radius: 6px;
  color: #535353;
  font-size: 11.5pt;
  border: none;
  box-shadow: none;
  background: transparent;
}

.pv-paging .kt-pagination .light-theme li a:hover {
  background-color: #2e8b57;
  color: #fff;
}

.pv-paging .kt-pagination .light-theme li:last-child {
  margin-inline-end: 0;
}

.simple-pagination {
  padding-bottom: 0 !important;
}

/*Common dropdown style*/
.dropdown-toggle {
  display: flex;
  padding: 10px 23px;
  gap: 10px;
  align-self: stretch;
  border-radius: 8px;
  border: 0.5px solid #b6b6b6;
  background: #fff;
  color: rgba(0, 0, 0, 0.6);
  text-align: start;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 25px;
  /* 156.25% */
  height: 62px;
  align-items: center;
  width: 100%;
}

.dropdown-toggle::placeholder {
  color: rgba(0, 0, 0, 0.6);
}

.dropdown-toggle:focus {
  box-shadow: none !important;
}

.dropdown-toggle:after {
  display: none;
}

.form-control-select .filter-ddl {
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  background-color: transparent;
  border: 0;
  position: relative;
  color: rgba(0, 0, 0, 0.6);
  background-position: right -0.1rem center;
  height: unset !important;
  border: none !important;
  padding: 0 !important;
}

.form-control-select div.form-control {
  display: none !important;
}

.topics {
  position: relative;
}

.topics .card {
  box-shadow: 0px 1px 2px -1px rgba(27, 29, 33, 0.1);
  border: none;
  border-radius: 16px;
  min-height: 285px;
}

.topics .card .card-body {
  padding: 24px 24px 36px 24px;
  border-radius: 0 0 16px 16px;
  background: var(--light-background);
  text-align: start;
}

.topics .card .card-body .card-text {
  color: var(--primary-black);
  font-size: var(--size-20);
  font-weight: 500;
}

.topics .card .card-body .sub-title {
  color: var(--primary-black-500);
  font-size: var(--size-14);
  font-weight: 400;
  margin-bottom: 1.5rem;
}

.topics .card .card-body .card-title {
  font-size: 24px;
  color: var(--title);
}

.topics .card .card-body .card-description {
  font-size: var(--size-16);
  font-weight: 400;
  color: var(--sub-text);
}

.topics .card .card-img-top {
  border-top-left-radius: 16px !important;
  border-top-right-radius: 16px !important;
  max-width: 100%;
}

.topics .accordion-button:not(.collapsed) .card-body {
  background: rgba(101, 121, 107, 0.05);
  border-radius: 0 0 16px 16px;
  border-color: transparent;
}

.topics .accordion-button:not(.collapsed) .card-body .card-title {
  color: var(--sea-green);
}

.topics .swiper-slide:hover .accordion-button .card-body {
  background: var(--card-hover);

}

.topics .swiper-slide:hover .accordion-button .card-body {
  background: var(--card-hover);

}

.topics .accordion-button:not(.collapsed):after {
  /*position: absolute;*/
  /*top: 99.8%;*/
  /*right: 50%;*/
  /*margin-right: -9px;*/
  /*content: ' ';*/
  /*width: 0;*/
  /*height: 0;*/
  /*border-left: 20px solid transparent;*/
  /*border-right: 20px solid transparent;*/
  /*border-bottom: 20px solid transparent;*/
  /*border-top: 20px solid rgba(101, 121, 107, 0.05);*/
  /*background-image: none;*/
  /*transform: none;*/
  /*display: block !important;*/
}

.main-topics .accordion-button {
  background-color: transparent;
  box-shadow: unset;
  transition: 0.3s all linear;
}

.main-topics .accordion-button:not(.collapsed):after {
  position: absolute;
  top: 100.15%;
  right: 50%;
  margin-right: -9px;
  content: " ";
  width: 0;
  height: 0;
  border-left: 20px solid transparent;
  border-right: 20px solid transparent;
  border-bottom: 20px solid transparent;
  border-top: 20px solid rgba(101, 121, 107, 0.05);
  background-image: none;
  transform: none;
  display: block !important;
}

.main-topics .accordion-collapse {
  border-radius: 16px;
  border: 1px solid rgba(110, 149, 121, 0.2);
  background: rgba(101, 121, 107, 0.05);
  padding: 0;
  margin-top: 35px;
  margin-bottom: 0px;
  left: 0;
  bottom: 0;
  top: 44%;
  position: relative;
  width: calc(1269px + var(--bs-gutter-x) * 2);
}

.main-topics .accordion-collapse .accordion-body {
  padding: 30px 30px 14px;
}

.main-topics .accordion-collapse hr {
  background: #f0f0f0;
}

.main-topics .accordion-collapse .top-body h4 {
  color: var(--title);
  font-size: var(--size-20);
  font-weight: 600;
  margin-bottom: 0.75rem;
}

.main-topics .accordion-collapse .top-body span {
  color: var(--sub-text);
  font-size: var(--size-14);
  font-weight: 400;
}

.main-topics .body-bottom p {
  color: #7f7f7f;
  font-size: var(--size-16);
  font-weight: 400;
  margin: 1rem 0;
}

.main-topics .body-bottom .data {
  padding: 1.25rem;
  background: var(--white);
  border-radius: 8px;
  margin-bottom: 1rem;
}

.main-topics .body-bottom .data h6 {
  font-weight: 500;
  color: var(--title);
  font-size: var(--size-16);
  margin-bottom: 0;
}

.main-topics .body-bottom .row {
  margin-top: 1.25rem;
  justify-content: start;
}

.main-topics .body-bottom .row .col-md-4 {
  padding: 0 8px;
}

.main-topics .accordion-button::after {
  display: none;
}

.main-topics .accordion-button {
  padding: 0;
  flex-direction: column;
  align-items: start;
}

.main-topics .accordion-item:nth-child(3n + 2) .accordion-collapse {
  left: calc(-1 * (var(--bs-gutter-x) + 432px));
}

.main-topics .accordion-item:nth-child(3n) .accordion-collapse {
  left: calc(-2 * (var(--bs-gutter-x) + 432px));
}

.main-topics .modal-dialog {
  max-width: 600px;
}

.main-topics .modal-dialog .card-description {
  -webkit-line-clamp: unset !important;
  overflow: visible !important;
  display: block !important;
  line-height: 24px;
  padding-top: 12px;
}

.main-topics .modal-dialog .card-title {
  color: var(--sea-green) !important;
}

.main-topics .modal-dialog .card {
  box-shadow: none;
}

.main-topics .modal-dialog .card-body {
  padding: 0;
  background: transparent !important;
}

.main-topics .modal-dialog .card-img-top {
  border-radius: 8px !important;
}

.main-topics .modal-dialog .modal-header {
  border-bottom: 0;
  padding: 20px 20px 0;
}

.main-topics .modal-dialog .btn-close {
  padding-right: 18px;
}

.main-topics .modal-dialog .modal-body {
  padding-top: 20px;
}

.social-dialog {
  max-width: 400px !important;
}

.feedback-box .icon-container {
  display: flex;
  flex-direction: column;
  align-items: start;
}

.feedback-box .icon-container a {
  color: rgba(0, 0, 0, 0.6);
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  display: flex;
  align-items: center;
  gap: 8px;
}

.feedback-box .icon-container hr {
  border-color: #b7b3b3;
  width: 100%;
  margin: 20px 0;
}

.no-search-result {
  /* padding-top: 5rem; */
  display: flex;
  flex-direction: column;
  align-items: center;
}

.no-search-result img {
  max-width: 600px;
}

.no-search-result h3 {
  color: #2C2C2C;
  text-align: center;
  font-size: 24px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  margin-top: 24px;
  margin-bottom: 10px;
}

.no-search-result p {
  color: #78829D;
  text-align: center;
  font-family: Roboto;
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: 140%;
  margin-bottom: 24px;
}


.iti__country-container {
  padding-inline-start: 16px !important;
}

.iti input.iti__tel-input,
.iti input.iti__tel-input[type=text],
.iti input.iti__tel-input[type=tel] {
  padding-inline-start: 60px !important;
}

.main-section.rating-section .rate {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.main-section.rating-section .rating {
  margin-bottom: 2.1875rem;
  height: inherit;
  display: flex;
  flex-direction: column;
  min-height: 160px;
  justify-content: space-between;
}

.main-section.rating-section .rating .sub-title {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  font-size: 20px;
  color: #4A4A4A;
  font-style: normal;
  font-weight: 500;
  line-height: 22px;
  margin-bottom: 14px;
}

:dir(rtl) .iti input.iti__tel-input,
.iti input.iti__tel-input[type=text],
:dir(rtl) .iti input.iti__tel-input[type=tel] {
  direction: rtl
}

#NewsListing {
  padding-bottom: 0;
}

#NewsListing .container {
  padding-top: 0;
  padding-bottom: 0;
}

@media screen and (max-width: 1500px) {
  .participate-section .textarea {
    margin-top: 0px !important;
  }

  .participate-section .accordion {
    position: relative !important;
  }

  .participate-section .accordion .right-column {
    position: absolute !important;
    right: 0 !important;
  }

  .main-topics .accordion-collapse {
    width: 328%;
  }
}

@media screen and (max-width: 1400px) {
  .text-header {
    margin-bottom: 32pt;
  }

  .hero .nav-links .link {
    font-size: var(--size-16) !important;
    margin-inline-end: 1.5rem;
  }

  .organizations-side {
    padding: 0.875rem;
  }

  .organizations-side .col-md-6 {
    width: 100%;
  }

  footer .lower-footer .footer-link {
    padding-inline: 0.4rem !important;
    font-size: var(--size-14) !important;
  }

  .main-topics .accordion-collapse {
    width: 328%;
    /*!*width: calc((3* 364px) +(var(--bs-gutter-x)* 2));*!*/
    /*width: calc((3* 303px) +(var(--bs-gutter-x)* 2));*/
  }

  .hero-section,
  .statistics,
  .topics {
    margin-top: 0 !important;
  }

  .main-section .card-section .title {
    margin-bottom: 0.5rem !important;
  }

  .main-section .card-section .description {
    margin-bottom: 1.1875rem !important;
  }

  .main-section.rating-section {
    margin-bottom: 0 !important;
  }

  .header-section {
    padding: 0.75rem;
  }

  .datasets-info-banner .tab-content {
    margin-top: 25px;
  }

  .preview-section #dataPreviewTable_wrapper {
    overflow-x: scroll;
  }

  .preview-section #dataPreviewTable_wrapper tbody tr td span {
    font-size: 10px;
  }

  .textarea {
    margin-top: 16px;
  }

  .participate-section .textarea {
    margin-top: 0px !important;
  }

  .participate-section .accordion {
    position: relative !important;
  }

  .participate-section .accordion .right-column {
    position: absolute !important;
    right: 0 !important;
  }

  #topicChart {
    height: 500px !important;
  }

  .explore-datasets .icons-data .align-items-center {
    flex-direction: column;
    justify-content: start !important;
    align-items: start !important;
    gap: 1rem;
  }

  .header-section .header-info {
    /*flex-direction: column;*/
    align-items: start;
  }

  .main-topics .swiper-slide:nth-child(3n + 2) .accordion-collapse {
    left: calc(-1 * (var(--bs-gutter-x) + 372px));
  }

  .main-topics .swiper-slide:nth-child(3n) .accordion-collapse {
    left: calc(-2 * (var(--bs-gutter-x) + 372px));
  }

  :dir(rtl) .main-topics .swiper-slide:nth-child(3n + 2) .accordion-collapse {
    right: calc(-1 * (var(--bs-gutter-x) + 371px)) !important;
    left: unset;
  }

  :dir(rtl) .main-topics .swiper-slide:nth-child(3n) .accordion-collapse {
    right: calc(-2 * (var(--bs-gutter-x) + 371px)) !important;
    left: unset;
  }
}

@media screen and (max-width: 1380px) {
  #topicChart {
    height: 500px !important;
  }
}

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

  .publications-section,
  .news-section,
  .real-time-section,
  .geo-data-header,
  .participate-section,
  .participate-section,
  .about-section {
    padding: 80px 0 !important;
  }

  .participate-section .accordion-item {
    margin-bottom: 16px;
  }

  .participate-section .accordion {
    position: unset !important;
  }

  .participate-section .accordion .right-column {
    position: unset !important;
    right: unset !important;
  }

  .organizations-side .row .col-md-6 {
    display: flex;
  }

  .organizations-side .row .col-md-6:nth-of-type(3) .data-box {
    margin-bottom: 1.5rem !important;
  }

  #topicChart {
    height: 300px !important;
  }

  .filter-section .align-items-center {
    gap: 20px;
  }

  .filter-section .advance-search .dropdown-menu.show {
    width: 800px !important;
    left: 529% !important;
  }

  .mobile-view {
    display: block !important;
  }

  .desktop-view {
    display: none;
  }

  /*.resources-section .swiper-datasets .swiper-pagination {*/
  /*    bottom: 40px !important;*/
  /*}*/

  .resources-section .swiper-datasets .swiper-pagination {
    bottom: -20px !important;
  }

  .resources-section .explore-datasets.cards-section {
    margin-bottom: 50px;
  }

  .about-section .data-cards .row .col-xxl-6:nth-of-type(3) .data-card {
    margin-bottom: 2.1875rem !important;
  }

  .entities-section .accordion-collapse,
  .resources-section .accordion-collapse {
    width: calc(97% + (var(--bs-gutter-x))) !important;
  }

  .accordion-item:nth-child(3n + 2) .accordion-collapse,
  .accordion-item:nth-child(3n) .accordion-collapse {
    left: -4px !important;
    padding-inline: 10px;
  }

  .highlights article {
    margin-top: 2.1875rem;
  }

  footer .lower-footer .container {
    flex-direction: column;
    gap: 20px;
    align-items: center;
  }

  .highlights .swiper-pagination {
    width: 100%;
    justify-content: center;
  }

  .highlights .swiper-slide .row {
    display: flex;
    width: 100%;
    flex-direction: column-reverse;
  }

  .main-topics .swiper-slide:nth-child(3n + 2) .accordion-collapse {
    left: calc(-1 * (var(--bs-gutter-x) + 300px));
  }

  .main-topics .swiper-slide:nth-child(3n) .accordion-collapse {
    left: calc(-2 * (var(--bs-gutter-x) + 307px));
  }

  .filters .advance-search .dropdown-menu.main-dropdown.show {
    transform: translate3d(-875px, 46px, 18px) !important;
  }

  .hero-section .text {
    padding-inline: 6rem;
  }
}

@media screen and (max-width: 1100px) {
  .main-topics .swiper-slide:nth-child(3n + 2) .accordion-collapse {
    left: calc(-1 * (var(--bs-gutter-x) + 312px));
  }

  .main-topics .swiper-slide:nth-child(3n) .accordion-collapse {
    left: calc(-2 * (var(--bs-gutter-x) + 312px));
  }

  .main-topics :dir(rtl) .swiper-slide:nth-child(3n + 2) .accordion-collapse {
    right: calc(-1 * (var(--bs-gutter-x) + 300px)) !important;
    left: unset;
  }

  .main-topics :dir(rtl) .swiper-slide:nth-child(3n) .accordion-collapse {
    right: calc(-2 * (var(--bs-gutter-x) + 312px)) !important;
    left: unset;
  }
}

/** Small Tablet Screen Responsive **/
@media screen and (max-width: 991px) {
  .container {
    max-width: 824px;
    padding: 50px 8pt;
  }

  .container .nav-links .link {
    font-size: var(--size-12) !important;
    margin-inline-end: 0.8rem;
  }

  .organizations-side {
    padding: 0.875rem;
  }

  .organizations-side .col-md-6 {
    width: 100%;
  }

  footer .lower-footer .footer-link {
    padding-inline: 0.4rem !important;
    font-size: 12px !important;
  }

  .card-section {
    padding: 6.25rem 2.125rem !important;
  }

  .main-topics {
    margin-bottom: 2rem !important;
    padding: 5rem 0.5rem;
  }

  .highlights .swiper-pagination {
    bottom: -45px;
  }

  .hero-section,
  .statistics {
    margin-top: 1rem !important;
  }

  .main-section .title {
    margin-bottom: 0.5rem !important;
  }

  .main-section .description {
    margin-bottom: 1.1875rem !important;
  }

  .topics .container {
    /*padding-top: 0 !important;*/
  }

  .main-topics .accordion-collapse {
    width: 213% !important;
  }

  .header-section {
    padding: 0.75rem !important;
  }

  .header-section .header-info {
    flex-direction: column;
    gap: 1rem;
    align-items: start !important;
  }

  .header-section .social-btns {
    flex-direction: row;
    gap: 1rem;
    align-items: start !important;
  }

  .filter-section .filters {
    margin-top: 16px;
  }

  .swiper-datasets .swiper-pagination {
    bottom: 40px !important;
  }

  .participate-section .accordion-item {
    margin-bottom: 16px;
  }

  .participate-section .accordion {
    position: unset !important;
  }

  .participate-section .accordion .right-column {
    position: unset !important;
    right: unset !important;
  }

  .applications-section .app-card {
    gap: 10px;
  }

  .applications-section .app-card .app-info {
    padding: 15px;
  }

  .highlights .card-section,
  .main-section .card-section {
    margin-top: 2.1875rem;
  }

  .rating-section .col-xl-4:last-child .rating {
    margin-bottom: 0;
  }

  #topicChart {
    height: 300px !important;
  }

  .filter-section .advance-search .dropdown-menu.show {
    width: 700px !important;
  }

  .highlights article {
    margin-top: 2.1875rem;
  }

  .highlights .swiper-pagination {
    width: 100%;
    justify-content: center;
  }

  .highlights .swiper-slide .row {
    flex-direction: column-reverse;
  }

  .filter-section .custom-collapse {
    max-width: 800px;
  }

  .entities-section .accordion-collapse {
    width: calc(97% + (var(--bs-gutter-x)));
  }

  .main-section .card-section {
    padding: 3.125rem !important;
    height: auto;
  }

  .main-topics .swiper-slide:nth-child(3n + 2) .accordion-collapse {
    left: calc(-1 * (var(--bs-gutter-x) + 402px));
  }

  .main-topics .swiper-slide:nth-child(3n) .accordion-collapse {
    left: calc(0 * (var(--bs-gutter-x) + 307px));
  }

  :dir(rtl) .main-topics .swiper-slide:nth-child(3n + 2) .accordion-collapse {
    right: calc(-1 * (var(--bs-gutter-x) + 402px)) !important;
  }
}


@media only screen and (max-width: 767px) {
  .statistics .icon-box {
    margin-bottom: 20px;
  }

  .head {
    flex-direction: column;
    gap: 10px;
    align-items: start !important;
  }

  .resources-section .head {
    /* flex-direction: row; */
  }

  .card-section {
    padding: 1.875rem;
    margin-top: 1.25rem;
  }

  footer .lower-footer .container .d-flex {
    align-items: center;
    justify-content: center;
  }

  .hero-section .text {
    padding-inline: unset;
  }

  .hero-section .tags .tag-box .sub-text {
    font-size: var(--size-14);
  }

  .main-topics .accordion-collapse {
    width: 219% !important;
  }

  .main-topics .accordion-collapse .top-body {
    flex-direction: column;
    gap: 10px;
  }

  .participate-section .textarea {
    margin-top: 16px !important;
  }

  .about-section .info-section {
    flex-direction: column;
  }

  .about-section .info-section .img-container {
    max-width: 98%;
  }

  #topicChart {
    height: 300px !important;
  }

  .filter-section .advance-search .dropdown-menu.show {
    width: 300px !important;
  }

  .about-section .data-card {
    margin-inline-end: 0 !important;
  }

  .header-section .social-btns {
    /*flex-direction: column;*/
  }

  .social-btns .primary-button {
    font-size: var(--size-12) !important;
    padding: 6px 8px;
  }

  .social-btns .primary-button svg {
    width: 20px;
    height: 20px;
  }

  .filter-section .custom-collapse {
    max-width: 585px;
  }

  .entities-section .accordion-collapse {
    width: 100%;
  }

  .applications-section .app-card {
    flex-direction: column;
  }

  .applications-section .app-card .img-container {
    flex: unset;
    max-width: unset;
  }

  .applications-section .app-card .img-container .card-image {
    position: unset;
    border-radius: 16px 16px 0 0 !important;
  }

  .applications-section .app-card .img-container.right-img .card-image {
    border-radius: 0px 0px 16px 16px !important;
  }

  .applications-section hr {
    margin: 50px 0;
  }

  .pv-paging .kt-pagination .light-theme li {
    margin-inline-end: 3pt;
  }

  .pv-paging .kt-pagination .light-theme li .pagination-text {
    display: none;
  }

  .pv-paging .kt-pagination .kt-pagination__toolbar {
    display: none;
  }

  .pv-paging .kt-pagination {
    justify-content: center;
  }

  .resources-section .accordion-body {
    /* overflow-x: scroll; */
  }

  .main-topics .swiper-slide:nth-child(3n + 2) .accordion-collapse {
    left: calc(-1 * (var(--bs-gutter-x) + 286px)) !important;
  }

  :dir(rtl) .main-topics .swiper-slide:nth-child(3n + 2) .accordion-collapse {
    right: calc(-1 * (var(--bs-gutter-x) + 286px)) !important;
  }

  .applications-section .app-card:has(.img-container.right-img) {
    flex-direction: column-reverse;
  }

  .applications-section .app-card .img-container.right-img .card-image {
    border-radius: 16px 16px 0 0 !important;
  }

  :dir(rtl) .entities-section .accordion-item:nth-child(3n + 2) .accordion-collapse,
  :dir(rtl) .entities-section .accordion-item:nth-child(3n) .accordion-collapse {
    right: calc(1 * (0 - var(--bs-gutter-x) * 0.5 * 2));
  }

  .entities-section .accordion-body .head .social-btns {
    flex-direction: column;
    align-items: start;
  }

  .datasets-info-banner .modal .modal-body .tab-content .code-part {
    word-break: break-all;
  }

  .datasets-info-banner .main-title {
    font-size: 2.125rem;
  }

  .resources-section .swiper-datasets .swiper-pagination {
    bottom: -20px !important;
  }

  .resources-section .explore-datasets.cards-section {
    margin-bottom: 50px;
  }

  .banner-section .main-title {
    font-size: 2.125rem;
  }
}

@media only screen and (max-width: 599px) {
  :dir(rtl) .main-topics .swiper-slide:nth-child(3n + 2) .accordion-collapse {
    width: 100% !important;
  }
}

@media only screen and (max-width: 500px) {
  .main-topics .accordion-collapse {
    /*width: 17.5%;*/
    width: 100% !important;
  }

  #topicChart {
    height: 300px !important;
  }
}

/*AR STYLE*/
:dir(rtl) body {
  font-family: "Noto Kufi Arabic", serif;
}

:dir(rtl) .applications-section.app-card .img-container {
  border-radius: 0 16px 16px 0;
}

:dir(rtl) .applications-section.app-card .img-container.right-img {
  border-radius: 16px 0 0 16px !important;
}

:dir(rtl) .main-section .btn svg {
  transform: rotateY(180deg);
}

:dir(rtl) #topicChart .hide-logo,
#basicChart .hide-logo {
  left: 0;
}

:dir(rtl) .form-select {
  background-position: left calc(0.75em + 0.25rem) center;
  background-repeat: no-repeat;
}

:dir(rtl) .breadcrumb.breadcrumb-item+.breadcrumb-item::before {
  content: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMCIgaGVpZ2h0PSIxMCIgdmlld0JveD0iMCAwIDEwIDEwIiBmaWxsPSJub25lIj4KICAgPGcgY2xpcC1wYXRoPSJ1cmwoI2NsaXAwXzQ3MV80ODM4KSI+CiAgICAgICAgPHBhdGggZD0iTTIuOTAxNDIgMC40ODQzNzVMNy4wOTQ5NyA0LjY3NzkyTDIuOTAxNDIgOC44NzE0NyIgc3Ryb2tlPSIjOUI2MTMxIiBzdHJva2Utd2lkdGg9IjEuNSIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+CiAgIDwvZz4KICAgPGRlZnM+CiAgICAgICA8Y2xpcFBhdGggaWQ9ImNsaXAwXzQ3MV80ODM4Ij4KICAgICAgICAgPHJlY3Qgd2lkdGg9IjEwIiBoZWlnaHQ9IjEwIiBmaWxsPSJ3aGl0ZSIvPgogICAgICAgPC9jbGlwUGF0aD4KICAgPC9kZWZzPgo8L3N2Zz4=);
  transform: rotateY(180deg);
  float: right;
  padding-inline-start: 16px;
}

:dir(rtl) .highlights .swiper-pagination {
  justify-content: center;
  left: 0;
  right: 36%;
}

:dir(rtl) .form-group .search-icon {
  left: 1.25rem;
  right: unset;
}

:dir(rtl) .filter-section .filters .advance-search .dropdown-menu.show {
  transform: unset !important;
}

:dir(rtl) .filter-section .form-group {
  text-align: start;
}

:dir(rtl) .filter-section .form-group .form-control {
  text-align: right;
}

:dir(rtl) .filter-section .filters .form-select,
:dir(rtl) .preview-section .chart-section .customize-chart {
  background-position: left 0.5em center;
}

:dir(rtl) .datasets-info-banner .modal .modal-header .btn-close {
  margin-left: 0;
}

:dir(rtl) .social-dialog .modal-header {
  justify-content: space-between;
}

:dir(rtl) .social-dialog .modal-header .btn-close {
  margin: 0;
}

:dir(rtl) .custom-date-icon {
  left: 20px;
  right: unset;
}

:dir(rtl) .dropdown-toggle {
  background-position: left 10px center !important;
}

:dir(rtl) .applications-section .app-card .img-container .card-image {
  border-radius: 0 16px 16px 0;
}

:dir(rtl) .applications-section .app-card .right-img .card-image {
  border-radius: 16px 0 0 16px !important;
}

:dir(rtl) .participate-section .accordion .right-column {
  left: 0;
  right: unset !important;
}

:dir(rtl) .applications-section .slider .swiper-button-next,
:dir(rtl) .applications-section .slider .swiper-button-prev {
  transform: rotateY(180deg);
}

:dir(rtl) .applications-section .slider .swiper-button-prev {
  left: 58px;
  right: unset;
}

:dir(rtl) .applications-section .slider .swiper-button-next {
  left: 0;
  right: unset;
}

:dir(rtl) .goog-te-gadget-simple {
  direction: rtl;
}

:dir(rtl) .main-topics .body-bottom .data svg {
  transform: rotate(180deg);
}

:dir(rtl) .main-topics .swiper-slide:nth-child(3n + 2) .accordion-collapse {
  right: calc(-1 * (var(--bs-gutter-x) + 432px));
  left: unset;
}

:dir(rtl) .main-topics .swiper-slide:nth-child(3n) .accordion-collapse {
  right: calc(-2 * (var(--bs-gutter-x) + 433px));
  left: unset;
}

:dir(rtl) footer .lower-footer .footer-link:not(:last-child)::after {
  content: "|";
  position: absolute;
  left: 0;
  right: unset;
}

:dir(rtl) .resources-section .accordion-item:nth-child(3n + 2) .accordion-collapse {
  right: calc(1 * (-100% - var(--bs-gutter-x) * 0.5 * 2));
  left: unset;
}

:dir(rtl) .resources-section .accordion-item:nth-child(3n) .accordion-collapse {
  right: calc(2 * (-100% - var(--bs-gutter-x) * 0.5 * 2));
  left: unset;
}

:dir(rtl) .resources-section .accordion-body .table th:first-child,
:dir(rtl) .preview-section .accordion-body .table th:first-child,
:dir(rtl) .entities-section .accordion-body .table th:first-child,
:dir(rtl) .real-time-section .accordion-body .table th:first-child {
  border-top-right-radius: 16px;
  border-top-left-radius: 0;
}

:dir(rtl) .resources-section .accordion-body .table th:last-child,
:dir(rtl) .preview-section .accordion-body .table th:last-child,
:dir(rtl) .entities-section .accordion-body .table th:last-child,
:dir(rtl) .real-time-section .accordion-body .table th:last-child {
  border-top-right-radius: 0;
}

:dir(rtl) .read-more {
  right: 4px !important;
  left: unset;
}

:dir(rtl) .entities-section .accordion-item:nth-child(3n + 2) .accordion-collapse {
  right: calc(1 * (-100% - var(--bs-gutter-x) * 0.5 * 2));
}

:dir(rtl) .entities-section .accordion-item:nth-child(3n) .accordion-collapse {
  right: calc(2 * (-100% - var(--bs-gutter-x) * 0.5 * 2));
}

:dir(rtl) .applications-section .swiper-container-applications .card-title {
  line-height: unset !important;
}

:dir(rtl) .entities-section .content-section p {
  line-height: 24px;
}

:dir(rtl) .simple-pagination ul {
  display: flex;
}

:dir(rtl) .main-topics .body-bottom p {
  line-height: 24px;
}

:dir(rtl) .no-search-result .primary-button svg {
  transform: rotateY(180deg);
}

:dir(rtl) .preview-section #basicChart .hide-logo,
:dir(rtl) .preview-section #barsChart .hide-logo {
  left: 0;
}

:dir(rtl) .filter-section .filters .advance-search .date-picker span {
  right: unset;
  left: 15px;
}

:dir(rtl) #dataPreviewTable_wrapper .dt-layout-end {
  margin-left: 0;
}

:dir(rtl) #dataPreviewTable_wrapper .dt-layout-start {
  margin-right: 0;
}

:dir(rtl) .news-section .card .card-body .sub-title {
  border-right: 2px solid #c3c6cb;
  border-left: 0;
}

:dir(rtl) .preview-section #dataPreviewTable thead tr th:last-child {
  border-top-right-radius: 0;
  border-top-left-radius: 16px;
}

:dir(rtl) .preview-section #dataPreviewTable thead tr th:first-child {
  border-top-left-radius: 0;
  border-top-right-radius: 16px;
}

/*End Ar style*/
/*----------Mobile view style-----------*/
@media screen and (max-width: 1400px) {
  :dir(rtl) .participate-section .accordion {
    position: relative !important;
  }

  :dir(rtl) .participate-section .accordion .left-column {
    position: unset !important;
    left: 0 !important;
  }
}

@media only screen and (max-width: 1200px) {
  :dir(rtl) .participate-section .accordion-item {
    margin-bottom: 16px;
  }

  :dir(rtl) .participate-section .accordion {
    position: unset !important;
  }

  :dir(rtl) .participate-section .accordion .left-column {
    position: unset !important;
    right: unset !important;
  }

  .main-topics .accordion-collapse {
    width: calc(300% + var(--bs-gutter-x) + 74px);
  }

  :dir(rtl) .entities-section .accordion-item:nth-child(3n + 2) .accordion-collapse {
    right: calc(0 * (-100% - var(--bs-gutter-x) * 0.5 * 2));
  }

  :dir(rtl) .entities-section .accordion-item:nth-child(3n) .accordion-collapse {
    right: calc(0 * (-100% - var(--bs-gutter-x) * 0.5 * 2));
  }
}

/** Small Tablet Screen Responsive **/
@media screen and (max-width: 991px) {
  :dir(rtl) .participate-section .accordion-item {
    margin-bottom: 16px;
  }

  :dir(rtl) .participate-section .accordion {
    position: unset !important;
  }

  :dir(rtl) .participate-section .accordion .left-column {
    position: unset !important;
    right: unset !important;
  }

  :dir(rtl) .highlights .swiper-pagination {
    right: 0;
  }
}

.custom-tooltip .tooltip-inner {
  background-color: #fff;
  color: rgba(0, 0, 0, 0.6);
  font-size: 12px;
  font-weight: 500;
  border: 1px solid #fff;
  padding: 8px 12px;
  border-radius: 4px;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.25);
}

.custom-tooltip .tooltip-arrow::before {
  border-bottom-color: #343a40 !important;
}

.custom-tooltip .tooltip-arrow {
  opacity: 0 !important;
  pointer-events: none;
  /* Just in case */
}

.alert-success {
  width: 100%;
  text-align: center;
  border: none;
  margin-bottom: 0;
  color: var(--sea-green);
}

.table-wrapper {
  overflow-x: scroll;
}


.custom-table {
  min-width: max-content;
  overflow: auto;
}

.copy-btn {
  position: relative;
  cursor: pointer;
}

.copied-msg {
  position: absolute;
  top: -25px;
  right: 0px;
  background: #2e8b57;
  color: white;
  padding: 4px 10px;
  font-size: 12px;
  border-radius: 4px;
  display: none;
  white-space: nowrap;
  z-index: 10;
}

.tooltiptext {
  position: absolute;
  top: 18px;
  right: 80px;
  background: #2e8b57;
  color: white;
  padding: 4px 10px;
  font-size: 12px;
  border-radius: 4px;
  display: none;
  white-space: nowrap;
  z-index: 10;
}


.filter-section .filters .advance-search .dropdown-toggle.option {
  background: transparent;
  border-radius: unset;
  height: unset;
}

.filter-section .filters .advance-search .dropdown-toggle.option .dropdown-menu {
  width: auto;
}

/* .option .dropdown-menu {
/* Hide nested menus by default */
.option .dropdown-menu {
  display: none;
  position: absolute;
  background: white;
  min-width: 180px;
  z-index: 1000;
  top: -5px;
  left: 101%;
  width: fit-content;
}

.option .dropdown-menu li {
  padding: 12px;
  white-space: nowrap;
}

.option .dropdown-menu li span {
  color: rgba(0, 0, 0, 0.6);
  font-size: 11pt;
  width: 100%;
  display: flex;
  cursor: pointer;
  /* padding: 12pt; */
  text-decoration: none;
  text-align: start;
  font-weight: 400;
}

.option .dropdown-menu li:hover,
.option.selected .dropdown-menu li {
  color: rgba(0, 0, 0, 0.6);
  font-weight: bold;
  background: #f7f7f7;
}

.option:hover>.dropdown-menu {
  display: block;
}

.dropdown-menu .dropdown-menu {
  top: 0;
  left: 100%;
}



.option .custom-dropdown {
  position: absolute;
  left: 101% !important;
  top: 0px;

  .dropdown-menu {
    transform: unset !important;
  }
}


:dir(rtl) .breadcrumb .breadcrumb-item::before {
  transform: rotateY(180deg);
  padding-inline-end: 0;
  float: right;
}

.dropdown-options {
  position: absolute;
  top: 100%;
  left: 0;
  right: 0;
  background: white;
  border: 1px solid #ccc;
  max-height: 300px;
  overflow-y: auto;
  z-index: 100;
  padding: 10px;
}

/* .custom-tags {
  display: flex;
  align-items: center;
  gap: 10px;
  flex-wrap: wrap;
}

.custom-tags .custom-tag {
    cursor: pointer;
    padding: 4px 8px;
    display: flex;
    align-items: center;
    gap: 4px;
    color: #9b6131;
    text-align: center;
    font-size: 12px;
    font-style: normal;
    font-weight: 500;
    line-height: 24px;
    border: 1px solid #9b61311c;
    background: #eaeaea;
    border-radius: 6px;
}

.remove-tag {
    display: flex;
    background: rgba(155, 97, 49, 0.20);
    height: 6.39px;
    align-items: center;
    padding: 8px 5px;
    border-radius: 50%;
}

.sub-topics {
    display: flex;
    flex-direction: column;
    list-style-type: circle;
    padding-inline-start: 40px;
}

.sub-topics .option {
    padding:8px;
    font-size: 13px;
    font-weight: 500;
    display: list-item;
    padding-inline-start: 2px;
}

.sub-topics .option:hover {
  font-weight: 500;
  color : var(--brand);
}
 */

.select2-container {
  width: 100% !important;
}

.select2-container--default .select2-selection--multiple {
  border-radius: 8px !important;
  background: #f7f7f7 !important;
  border: none !important;
  min-height: 52px !important;
  width: 100%;
  height: auto;
  display: flex !important;
  align-items: center;
  cursor: pointer !important;
  padding: 10px !important;
}

.select2-container--default .select2-search--inline .select2-search__field::placeholder {
  color: #c3c6cb !important;
}

.select2-container .select2-search--inline .select2-search__field {
  margin: 0 !important;
}

.select2-container--default .select2-results__option .select2-results__option {
  color: rgba(0, 0, 0, 0.6);
  font-size: 11pt;
  width: 100%;
  display: flex;
  cursor: pointer;
  padding: 12pt;
  text-decoration: none;
  text-align: start;
  font-weight: 500 !important;
  position: relative;
}

.select2-container--default .select2-results__option .select2-results__option:hover,
.select2-container--default .select2-results__option--highlighted.select2-results__option--selectable:hover,
.select2-results__option--highlighted {
  color: var(--brand) !important;
  text-decoration: none;
  background: #f7f7f7 !important;
}

.select2-container--default .select2-results__group {
  display: none !important;
}

.select2-results__option--selectable.select2-results__option--highlighted:hover {
  /* padding:6px !important; */
}

.select2-container--default .select2-results__option--group {
  padding: 0 12px important;
}

.select2-results__options--nested .select2-results__option {
  color: rgba(0, 0, 0, 0.6);
  padding: 10px;
  margin-inline-start: 12px;
}

.select2-results__option--selectable {
  padding: 16px !important;
  margin-bottom: 5px;
}

.select2-container--default .select2-selection--multiple .select2-selection__choice {
  cursor: pointer;
  align-items: center;
  color: #9b6131;
  text-align: center;
  font-size: 12px;
  font-style: normal;
  font-weight: 500;
  line-height: 24px;
  border: 1px solid #9b61311c !important;
  background: #eaeaea;
  border-radius: 4px;
  margin: 0 !important;
  padding-left: 15px !important;
  margin-inline-end: 6px !important;
  margin-bottom: 5px !important;
}

.select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
  border-right: 0 !important;
}

.select2-container--default .select2-selection--multiple {
  background-image: url(data:image/svg+xml,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20viewBox=%220%200%2020%2020%22%20fill=%22%239EA2A9%22%3E%3Cpath%20fill-rule=%22evenodd%22%20d=%22M5.293%207.293a1%201%200%20011.414%200L10%2010.586l3.293-3.293a1%201%200%20111.414%201.414l-4%204a1%201%200%2001-1.414%200l-4-4a1%201%200%20010-1.414z%22%20clip-rule=%22evenodd%22/%3E%3C/svg%3E) !important;
  background-position: right 10px center !important;
  background-repeat: no-repeat !important;
  background-size: 16px !important;
}

.select2-container--open .select2-dropdown--above,
.select2-container--open .select2-dropdown--below {
  box-shadow: 0px 4px 12px 0px rgba(0, 0, 0, 0.13);
  padding: 10px 0;
  border-radius: 0.375rem;
  border: none !important;
}

.select2-container--default .select2-selection--multiple .select2-selection__clear {
  right: 32px !important;
  margin: 0 !important;
  color: #66686c !important;
}

.select2-container--default .select2-results__option--selected {
  background: #f7f7f7 !important;

}


/*Mobile view*/
@media only screen and (max-width: 800px) {
  .filter-section .custom-collapse {
    max-width: 740px;
  }

  .main-topics .swiper-slide:nth-child(3n + 2) .accordion-collapse {
    left: calc(-1 * (var(--bs-gutter-x) + 361px));
  }

  .main-topics .swiper-slide:nth-child(3n) .accordion-collapse {
    left: calc(0 * (var(--bs-gutter-x) + 307px));
  }

  #DatasetsCardsListing .rate {
    flex-direction: column;
    gap: 20px;
    align-items: start;
  }

  .rate>div {
    /*flex-direction: column;*/
  }

  .resources-section .accordion-body {
    /* overflow-x: scroll; */
  }

  .applications-section .swiper-container-applications .swiper-slide {
    /* width: 354px !important; */
    margin-right: 13px !important;

  }

  .main-topics .swiper-pagination {
    bottom: 40px !important;
  }

  .main-section .image {
    height: 300px;
    margin-top: 80px;
  }

  .highlights .swiper-pagination {
    bottom: -114px;
  }

  .highlights .slider .swiper-slide img {
    height: 14rem;
  }

  .main-topics {
    padding-top: 0;
  }

  .topics .swiper-pagination {
    bottom: -22px;
  }

  .main-topics .accordion-collapse {
    width: 213% !important;
  }

  :dir(rtl) .main-topics .swiper-slide:nth-child(3n + 2) .accordion-collapse {
    right: calc(-1 * (var(--bs-gutter-x) + 356px)) !important;
  }

  .filter-section .filters .advance-search .accordion-collapse {
    width: 96%;
  }

  footer .upper-footer .head-footer-text svg {
    display: block !important;
  }

  .swiper-datasets .swiper-slide {
    padding-inline-end: 0;
  }

  .resources-section .col-xl-8>.d-flex {
    flex-direction: column;
    gap: 20px;
    align-items: start !important;
  }

  .resources-section .head {
    /* flex-direction: row; */
  }


  .resources-section .accordion-collapse {
    width: calc(93% + (var(--bs-gutter-x))) !important;
  }

  .resources-section .accordion-item:nth-child(3n + 2) .accordion-collapse,
  .resources-section .accordion-item:nth-child(3n) .accordion-collapse {
    left: -7px !important;
    padding-inline: 10px;
    width: calc(97% + (var(--bs-gutter-x))) !important;
  }

  .select2-container--default .select2-selection--multiple .select2-selection__choice {
    margin-bottom: 5px !important;
  }

  .select2-container--default .select2-selection--multiple .select2-selection__clear {
    right: 26px !important;
  }

  .light-theme a,
  .light-theme span {
    margin: 0 !important;
    padding: 2px 6px !important;
    font-size: 12px;
  }

  .preview-section .pv-paging .kt-pagination .light-theme li span,
  .Preview-section .preview-section .pv-paging .kt-pagination .light-theme li a {
    padding: 2px 6px !important;
    font-size: 11px !important;
  }

  .preview-section .pagination .pv-paging .kt-pagination .light-theme li .current,
  .preview-section #dataPreviewTable thead tr th,
  .preview-section #dataPreviewTable tbody tr td span,
  .pv-paging .kt-pagination .light-theme li .next,
  .pv-paging .kt-pagination .light-theme li span,
  .pv-paging .kt-pagination .light-theme li a {
    font-size: 12px !important;
  }

  .hero-section .form-group {
    width: 80%;
  }
}

.customize-chart .dropdown-menu.show {
  max-height: 220px;
  overflow-y: auto;
}

.customize-chart .dropdown-menu li {}

.customize-chart .dropdown-menu li .dropdown-item {
  display: inline-block;
  word-break: break-word;
  white-space: normal;
  overflow-wrap: anywhere;
}


.preview-section .table-container {
  overflow: auto;
}

.preview-section .table-container::-webkit-scrollbar {
  height: 4px;
}

.userway_p1 #topicChart {
  overflow: scroll
}

.main[data-userway-s4-zoom-styled="true"] #topicChart {
  overflow: scroll
}

/* .main[data-userway-s4-zoom-styled="true"] #topicChart .hide-logo {
  bottom: -99px;
} */

.main[data-userway-s4-zoom-styled="true"][style*="zoom: 1.5"]  #topicChart .hide-logo {
  bottom: -159px !important;
}

.main[data-userway-s4-zoom-styled="true"][style*="zoom: 1.6"]  #topicChart .hide-logo {
  bottom: -187px !important;
}

.main[data-userway-s4-zoom-styled="true"][style*="zoom: 1.2"]  #topicChart .hide-logo {
  bottom: -69px !important;
}

.main[data-userway-s4-zoom-styled="true"][style*="zoom: 1.3"]  #topicChart .hide-logo {
  bottom: -103px !important;
}

#root[data-userway-s4-zoom-styled="true"][data-zoom="1.6"] .hero .nav-links .link {
  font-size: 14px;
  margin-right: 18px;
}

#root[data-userway-s4-zoom-styled="true"][data-zoom="1.5"] .hero .nav-links .link {
  margin-right: 18px;
  font-size: 16px;
}

#root[data-userway-s4-zoom-styled="true"][data-zoom="1.3"] .hero .nav-links .link {
  margin-right: 18px;
  font-size: 16px;
}

:dir(rtl) .select2-container--default .select2-selection--multiple {
  background-position: left 10px center !important;
}

:dir(rtl) .select2-container--default .select2-selection--multiple .select2-selection__clear {
  left: 30px;
  right: unset !important;
}

:dir(rtl) .tooltiptext {
  top: 8px;
}

:dir(rtl) .feedback-box #proposeDatasetForm .form-group textarea {
  min-height: 415px !important;
}


.form-group .invalid-tooltip {
  position: static;
  color: #dc3545;
  background-color: transparent;
}



:dir(rtl) .statistics .container .organizations .organizations-side #topicChart {
  margin-right: -35px;
}

:dir(rtl) #sorting {
  text-align: start;
}

:dir(rtl) #sorting .form-check .form-check-input {
  float: unset;
  margin-left: 0;
}

.filter-section .filters .advance-search .date-picker .form-control {
  color: #6e6e6e;
}

.grecaptcha-badge {
  z-index: 10000;
}

.preview-section h3 {
  font-size: 32px;
  text-transform: capitalize;
}

span.iti__dial-code {
  direction: ltr;
}

.artical-info-link h6,
.artical-info-link p {
  display: flex;
  align-items: center;
}

.artical-info-link h6 {
  line-height: 28px;

}

.not-found {
  padding-top: 10pt;
}

.not-found .container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  text-align: center;
}

.not-found .container h3 {
  color: #2E8B57;
  margin-block: 18pt 8pt;
}

.not-found .container p {
  color: #78829D;
  font-size: 13.5pt;
  font-weight: 400;
  line-height: 140%;
  margin-bottom: 18pt;
}

@media (min-width: 768px) {
  .not-found .container p {
    width: 40%;
  }
}

.not-found .container .secondary-button svg {
  margin-inline: 0 9pt;
}

.datasets-info-banner .modal .modal-body .tabs .col-md-9 {
  height: -webkit-fill-available;
}

.warning-box {
  border-radius: 8px;
  background: rgba(217, 132, 5, 0.05);
  display: flex;
  align-items: center;
  justify-content: start;
  gap: 8px;
  padding: 8px 28px;
  margin-bottom: 24px;
}

.warning-box p {
  overflow: hidden;
  color: #D98405;
  text-overflow: ellipsis;
  font-size: 12px;
  font-style: normal;
  font-weight: 500;
  line-height: 19px;
  /* 158.333% */
  text-transform: capitalize;
  text-align: start;
}

.warning-box svg path {
  fill: #D98405;
}

.img-wrapper {
  position: relative;
  display: inline-block;
}

.datasets-info-banner .modal .modal-body .nav-pills .nav-item .nav-link.active .img-wrapper img {
  mix-blend-mode: hard-light;
}



.datasets-info-banner .modal .modal-body .nav-pills .nav-item:hover .nav-link {
  color: #2e8b57 !important;
}



.datasets-info-banner .modal .modal-body .nav-pills .nav-item:hover .img-wrapper img,
.datasets-info-banner .modal .modal-body .nav-pills .nav-item .nav-link.active .img-wrapper img {
  mix-blend-mode: hard-light;
}

.datasets-info-banner .modal .modal-body .nav-pills .nav-item:hover .img-wrapper::before,
.datasets-info-banner .modal .modal-body .nav-pills .nav-item .nav-link.active .img-wrapper::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #2e8b57;
  mix-blend-mode: multiply;
}


.legislation-page .page-header h1 {
  color: #9B6131;
  font-size: 28px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  text-transform: capitalize;
}

.legislation-page .legislation-header p {
  color: #4B4F58;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px;
  /* 150% */
}

.legislation-page .page-header {
  display: flex;
  flex-direction: column;
  gap: 31px;
}

.legislation-cards h6 {
  color: #4A4A4A;
  font-size: 20px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  text-transform: capitalize;
  margin-bottom: 18px;
  margin-bottom: 18px;
}

.legislation-cards p {
  color: #9F9E9E;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}

.legislation-cards {
  margin-top: 50px;
}

.legislation-cards .legislation-card {
  border-radius: 20px;
  background: #F9F9F9;
  padding: 40px;
  display: flex;
  gap: 12px;
  height: 100%;
  min-height: 227px;
  background: #f1f1f1;
  align-items: start;
}

.apps-card h6 {
  color: #9B6131;
  font-size: 24px;
  font-style: normal;
  font-weight: 500;
  line-height: 120%;
  /* 28.8px */
  text-transform: capitalize;
}

.apps-card p {
  color: #797C86;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px;
  /* 150% */
}

.apps-card {
  display: flex;
  gap: 24px;
  flex-direction: column;
  align-items: start;
  padding-inline-start: 40px;
  padding-inline-start: 40px;
}

.legislation-page hr {
  margin: 80px 0;
  border-top: 1px solid rgb(0 0 0 / 58%);
  background: transparent;
}

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

  .legislation-cards .legislation-card,
  .apps-section .img-card {
    margin-bottom: 20px;
  }

  .apps-section .img-card img {
    width: 100%;
  }
}

.custom-tooltip .tooltip-inner {
  max-width: 400px !important;
  width: 400px !important;
}

.applications-modal .modal.show .modal-dialog,
.applications-modal .modal.fade .modal-dialog {

  max-width: 600px;
}

.applications-modal .modal-dialog .card-description {
  color: rgba(0, 0, 0, 0.6);
  font-size: 14px;
  line-height: 18px;
}

.applications-modal .modal-dialog .card-title {
  color: #2e8b57;
}

#modalImage {
  height: 300px;
  object-fit: fill;
}

.applications-modal .card {
  border: none;
}

/*Accessability Bugs Style*/

.main[data-userway-s4-zoom-styled="true"][style*="zoom: 1.5"] .preview-section #basicChart,
.main[data-userway-s4-zoom-styled="true"][style*="zoom: 1.5"] .preview-section #barsChart {
  overflow: auto;

}

.main[data-userway-s4-zoom-styled="true"][style*="zoom: 1.6"] .preview-section #basicChart,
.main[data-userway-s4-zoom-styled="true"][style*="zoom: 1.6"] .preview-section #barsChart {
  overflow: auto;
}

.main[data-userway-s4-zoom-styled="true"][style*="zoom: 1.2"] .preview-section #basicChart,
.main[data-userway-s4-zoom-styled="true"][style*="zoom: 1.2"] .preview-section #barsChart {
  overflow: auto;

}

.main[data-userway-s4-zoom-styled="true"][style*="1.3"] .preview-section #basicChart,
.main[data-userway-s4-zoom-styled="true"][style*="1.3"] .preview-section  #barsChart {
  overflow: auto;
}

.main[data-userway-s4-zoom-styled="true"][style*="1.5"] .main-topics .accordion-collapse {
  left: 9px;
  width: calc(1113px + var(--bs-gutter-x) * 6);
}

.main[data-userway-s4-zoom-styled="true"][style*="1.5"] .main-topics .swiper-slide:nth-child(3n + 2) .accordion-collapse {
  left: calc(-1 * (var(--bs-gutter-x) + 408px));
}

.main[data-userway-s4-zoom-styled="true"][style*="1.5"] .main-topics .swiper-slide:nth-child(3n) .accordion-collapse {
  left: calc(-2 * (var(--bs-gutter-x) + 413px));
}

.main[data-userway-s4-zoom-styled="true"][style*="1.6"] .main-topics .accordion-collapse {
  left: 11px;
  width: calc(1032px + var(--bs-gutter-x) * 6)

}

.main[data-userway-s4-zoom-styled="true"][style*="1.6"] .main-topics .swiper-slide:nth-child(3n + 2) .accordion-collapse {
  left: calc(-1 * (var(--bs-gutter-x) + 381px));
  ;
}

.main[data-userway-s4-zoom-styled="true"][style*="1.6"] .main-topics .swiper-slide:nth-child(3n) .accordion-collapse {
  left: calc(-2 * (var(--bs-gutter-x) + 386px));}

.rating-section.main-section .title,
.topics.main-section .title {
  margin-bottom: 0;
}

:dir(rtl) #root[data-text-align-feature-value="1"] .hero-section .text,
:dir(rtl) #root[data-text-align-feature-value="1"] .hero-section .form-group,
:dir(rtl) #root[data-text-align-feature-value="1"] .hero-section .tags {
  margin-inline-end: 0;
  padding-inline-end: 0;

}

:dir(rtl) #root[data-text-align-feature-value="1"] .form-group #searchInput::placeholder {
  position: relative;
  right: 0 !important;
  text-align: start !important;
}

:dir(rtl) #root[data-text-align-feature-value="2"] .hero-section .text,
:dir(rtl) #root[data-text-align-feature-value="2"] .hero-section .form-group,
:dir(rtl) #root[data-text-align-feature-value="2"] .hero-section .tags {
  margin-inline-start: 0;
  padding-inline-start: 0;

}


:dir(rtl) #root[data-text-align-feature-value="4"] .hero-section .title {
  width: fit-content;
  margin-inline: auto;
}

:dir(rtl) #root[data-text-align-feature-value="3"] .form-group #searchInput::placeholder {
  text-align: start !important;
  position: relative;
  right: 0;
}

:dir(rtl) #root[data-text-align-feature-value="1"] .hero-section .form-group {
  margin-inline-start: 22rem;
  margin-inline-end: 0;
}



/*English*/
#root[data-text-align-feature-value="1"] .hero-section .text,
#root[data-text-align-feature-value="1"] .hero-section .tags {
  margin-inline-start: 0;
  padding-inline-start: 0;

}

#root[data-text-align-feature-value="1"] .hero-section .form-group {
  margin-inline-start: 0;
}

#root[data-text-align-feature-value="1"] .form-group #searchInput::placeholder {
  position: relative;
  left: 0 !important;
  text-align: start !important;
}

#root[data-text-align-feature-value="2"] .hero-section .text,
#root[data-text-align-feature-value="2"] .hero-section .form-group,
#root[data-text-align-feature-value="2"] .hero-section .tags {
  margin-inline-end: 0;
  padding-inline-end: 0;

}

#root[data-text-align-feature-value="4"] .hero-section .title {
  width: fit-content;
  margin-inline: auto;
}

#root[data-text-align-feature-value="3"] .form-group #searchInput::placeholder {
  text-align: start !important;
  position: relative;
  left: 0;
}

.article-info .artical-info-link {
  gap: 2px;
}

.main-header {
  height: 100%;
  display: flex;
  flex-direction: column;
  gap: 5.6rem;
  background: linear-gradient(180deg, #FFF 26.83%, rgba(255, 255, 255, 0.10) 73.27%, rgba(227, 227, 227, 0.75) 99.94%);
  min-height: 530px;
}

.main-header-image {
  position: absolute;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: bottom;
  z-index: -1;

}

.hero {
  /* background-image: url(/image/application-bg.png); */
  background-repeat: no-repeat;
  background-position: bottom;
  background-size: auto;
  position: relative;
}

.hero .nav-container {
  /* position: relative;
  z-index: 16; */
}

.datasets-banner .header-image {
  object-fit: fill;
}

:dir(rtl) .main[data-userway-s4-zoom-styled="true"][style*="1.6"] #basicChart .hide-logo,
:dir(rtl) .main[data-userway-s4-zoom-styled="true"][style*="1.6"] #barsChart .hide-logo {
  bottom: -279px;
  left: -431px;
}

:dir(rtl) .main[data-userway-s4-zoom-styled="true"][style*="1.2"] #basicChart .hide-logo,
:dir(rtl) .main[data-userway-s4-zoom-styled="true"][style*="1.2"] #barsChart .hide-logo {
  bottom: -101px;
  left: -177px;

}

:dir(rtl) .main[data-userway-s4-zoom-styled="true"][style*="1.3"] #basicChart .hide-logo,
:dir(rtl) .main[data-userway-s4-zoom-styled="true"][style*="1.3"] #barsChart .hide-logo {
  bottom: -145px;
  left: -263px;

}

:dir(rtl) .main[data-userway-s4-zoom-styled="true"][style*="1.5"] #basicChart .hide-logo,
:dir(rtl) .main[data-userway-s4-zoom-styled="true"][style*="1.5"] #barsChart .hide-logo {
  bottom: -232px;
  left: -389px;
}

.main[data-userway-s4-zoom-styled="true"][style*="1.2"] #basicChart .hide-logo,
.main[data-userway-s4-zoom-styled="true"][style*="1.2"] #barsChart .hide-logo {
  bottom: -102px;

}

.main[data-userway-s4-zoom-styled="true"][style*="1.6"] #basicChart .hide-logo,
.main[data-userway-s4-zoom-styled="true"][style*="1.6"] #barsChart .hide-logo {
  bottom: -279px;

}

.main[data-userway-s4-zoom-styled="true"][style*="1.3"] #basicChart .hide-logo,
.main[data-userway-s4-zoom-styled="true"][style*="1.3"] #barsChart .hide-logo {
  bottom: -147px;

}

.main[data-userway-s4-zoom-styled="true"][style*="1.5"] #basicChart .hide-logo,
.main[data-userway-s4-zoom-styled="true"][style*="1.5"] #barsChart .hide-logo {
  bottom: -235px;

}

#root[data-text-align-feature-value="1"] .main-section .head a {
  position: relative;
  right: -890px;
}

#root[data-text-align-feature-value="1"] .main-section.highlights .swiper-pagination-horizontal.swiper-pagination-bullets {
  left: 66%;
}

#root[data-text-align-feature-value="1"] .swiper-horizontal>.swiper-pagination-bullets,
#root[data-text-align-feature-value="1"] .swiper-pagination-horizontal.swiper-pagination-bullets {
  left: 48%;
}

#root[data-text-align-feature-value="1"] .main-section.topics .head a {
  right: -1016px
}

#root[data-text-align-feature-value="2"] .topics .swiper-horizontal>.swiper-pagination-bullets {
  left: -50%;
}

#root[data-text-align-feature-value="4"] .highlights .swiper-pagination-horizontal.swiper-pagination-bullets {
  left: 35%;
}

#root[data-text-align-feature-value="4"] .topics .swiper-pagination-horizontal.swiper-pagination-bullets {
  left: 48%;
}

#root[data-text-align-feature-value="2"] .highlights .swiper-pagination-horizontal.swiper-pagination-bullets {
  left: 0;
}

#root[data-text-align-feature-value="2"] .main-topics .swiper-horizontal>.swiper-pagination-bullets {
  left: -48%;
}

#root[data-text-align-feature-value="3"] .highlights .swiper-horizontal>.swiper-pagination-bullets {
  left: 34%;
}

#root[data-text-align-feature-value="3"] .topics .swiper-horizontal>.swiper-pagination-bullets {
  left: -24px;
}

:dir(rtl) #root[data-text-align-feature-value="3"] .topics .swiper-horizontal>.swiper-pagination-bullets {
  left: 24px;
}

:dir(rtl) #root[data-text-align-feature-value="4"] .topics .swiper-pagination-horizontal.swiper-pagination-bullets {
  left: -48%;
}

:dir(rtl) #root[data-text-align-feature-value="4"] .highlights .swiper-pagination-horizontal.swiper-pagination-bullets {
  left: -10%;
}

:dir(rtl) #root[data-text-align-feature-value="2"] .topics .swiper-horizontal>.swiper-pagination-bullets {
  left: -48%;
}

:dir(rtl) #root[data-text-align-feature-value="2"] .highlights .swiper-pagination-horizontal.swiper-pagination-bullets {
  right: 70%;
}

:dir(rtl) #root[data-text-align-feature-value="1"] .main-section.highlights .swiper-pagination-horizontal.swiper-pagination-bullets {
  right: 0;
}

:dir(rtl) #root[data-text-align-feature-value="1"] .main-section .head a {
  right: -1087px;
}

:dir(rtl) #root[data-text-align-feature-value="1"] .main-section.topics .head a {
  right: -91%;
}

:dir(rtl) .main .left-column[data-text-align-feature-value="2"] {
  right: unset;
  position: relative;
}

.main .left-column[data-text-align-feature-value="2"] {
  right: 50%;
  position: relative;
}

.main .left-column[data-text-align-feature-value="3"] {
  position: relative;
  right: 25%;
}

:dir(rtl) .main .left-column[data-text-align-feature-value="3"] {
  position: relative;
  right: -25%;
}

:dir(rtl) .main .participate-section .accordion .right-column[data-text-align-feature-value="2"] {
  left: 0;
}

#root .filter-section .filters .advance-search .date-picker input[data-line-height-feature-value="1"]+span {
  top: 63px;
}

#root .filter-section .filters .advance-search .date-picker input[data-line-height-feature-value="2"]+span {
  top: 68px;
}


#root .filter-section .filters .advance-search .date-picker input[data-line-height-feature-value="3"]+span {
  top: 72px;
}

.confirmation-message h4 {
  margin-block: 22px;
}

#root .filter-section .filters .advance-search .dropdown-container textarea.select2-search__field[data-line-height-feature-value="2"] {
  height: 22px;
  vertical-align: baseline;
}

#root .filter-section .filters .advance-search .dropdown-container textarea.select2-search__field[data-line-height-feature-value="3"] {
  height: 28px;
  vertical-align: baseline;
}

:dir(rtl) #root .filter-section .filters .advance-search .dropdown-container textarea.select2-search__field[data-line-height-feature-value="3"] {
  height: 24px;
}

.default-chart {
  text-align: center;
}

.flatpickr-calendar.animate.open {
  padding: 16px;
  width: 341px;
}

#socialModalLabel {
  text-transform: unset;
}

#searchInput {
  padding-inline-end: 63px;
}

#root[data-text-align-feature-value="2"] .advance-search .select2-container--default .select2-search--inline .select2-search__field {
  padding-inline-end: 22px;

}

#root[data-text-align-feature-value="2"] .filter-section .filters .advance-search .date-picker .form-control,
#root[data-line-height-feature-value="2"] .filter-section .filters .advance-search .date-picker .form-control {
  padding-inline-end: 38px;
}

#root[data-line-height-feature-value="2"] .select2-container--default .select2-search--inline .select2-search__field {
  height: 66.98px;
}

#root[data-line-height-feature-value="2"] .flatpickr-day {
  display: flex;
  align-items: center;
}

#root[data-text-align-feature-value="2"] .rating-section.main-section .title,

#root[data-text-align-feature-value="2"] .topics.main-section .title {
  margin-inline-end: 20px;
}

#root[data-text-align-feature-value="3"] .main-section .head a {
  position: relative;
  left: 34%;
}

#root[data-text-align-feature-value="3"] .main-section.topics .head a {
  position: relative;
  left: 39%;
}


#root[style*="zoom: 1.5"] .hero .nav-container,
.main[style*="zoom: 1.5"] .hero-section,
.main[style*="zoom: 1.5"] .container,
#root[style*="zoom: 1.6"] .hero .nav-container,
.main[style*="zoom: 1.6"] .hero-section,
.main[style*="zoom: 1.6"] .container {
  padding-inline: 20px;

}

.main .row .col-xl-4.accordion-item:last-child:not(:nth-child(3n)) .accordion-collapse[data-text-align-feature-value="2"] {
  left: calc(2 * (-100% - var(--bs-gutter-x) * 0.5 * 2));
}

.main .row .col-xl-4.accordion-item:last-child:not(:nth-child(3n)) .accordion-collapse[data-text-align-feature-value="3"] {
  left: calc(1 * (-100% - var(--bs-gutter-x) * 0.5 * 14));
}

.main .row .col-xl-4.accordion-item:nth-last-child(2):nth-child(3n + 1) .accordion-collapse[data-text-align-feature-value="2"] {
  left: calc(1 * (-100% - var(--bs-gutter-x) * 0.5 * 2));
}

.main .row .col-xl-4.accordion-item:nth-last-child(2):nth-child(3n + 1) .accordion-collapse[data-text-align-feature-value="3"] {
  left: calc(1 * (-100% - var(--bs-gutter-x) * 0.5 * -11));
}

:dir(rtl) .form-group .x-icon {
  left: 3.4rem;
  right: unset;
}

.form-group .x-icon {
  display: none;
  position: absolute;
  top: 19px;
  right: 3.4rem;
  cursor: pointer;
}

.x-icon svg path {
  stroke: #D83731;
}

.x-icon svg {
  width: 12px;
  height: 12px;
}

:dir(rtl) .form-group .x-icon {
  left: 3.4rem;
  right: unset;
}


.main-header:has(.datasets-header) {
  background: linear-gradient(180deg, #FFF 26.83%, rgba(255, 255, 255, 0.10) 73.27%, rgba(227, 227, 227, 0.75) 99.94%);
  height: 530px;
  gap: 1.6rem;

}

.datasets-header {
  background: transparent;
}

.select2-container--default .select2-results>.select2-results__options {
  overflow-x: hidden;
}

.main[data-text-align-feature-value="1"] .resources-section .social-btns {
  position: relative;
  left: 56%;

}

.main[data-text-align-feature-value="2"] .resources-section .social-btns {
  margin-inline-start: 10px;
}

.main[data-text-align-feature-value="3"] .resources-section .social-btns {
  position: relative;
  left: 28%;

}

.main[data-text-align-feature-value="1"] .resources-section .accordion-body .social-btns {
  left: 48%;

}

.main[data-text-align-feature-value="3"] .resources-section .accordion-body .social-btns {
  left: 25%;
}

.main[data-text-align-feature-value="2"] .resources-section .datasets-details .details-box {
  position: relative;
}

.main[data-text-align-feature-value="2"] .resources-section .datasets-details .details-box svg {
  right: 350px;
  position: absolute;
}

.legislation-header .page-header h1 {
  color: #9B6131;
  font-size: 28px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  text-transform: capitalize;
}


:dir(rtl) .legislation-cards .legislation-card {
  min-height: 286px;
}

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

  :dir(rtl) .legislation-cards .legislation-card {
    min-height: 357px;
  }
}


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

  :dir(rtl) .legislation-cards .legislation-card {
    min-height: 387px;
  }
}

@media only screen and (max-width : 991px) {
  :dir(rtl) .legislation-cards .legislation-card {
    min-height: unset !important;
  }

}

@media only screen and (max-width : 800px) {
  :dir(rtl) .legislation-cards .legislation-card {
    min-height: unset !important;
  }

}

@media only screen and (max-width : 767px) {
  :dir(rtl) .legislation-cards .legislation-card {
    min-height: unset !important;
  }

}

.advance-search .select2-container--default .select2-selection--multiple .select2-selection__clear {
  top: 8px;
}

.advance-search .select2-container--open .select2-selection--multiple,
.advance-search .select2-selection--clearable {
  background-position: right 10px top 11px !important;
}

.sorting-dropdown .sorting-btn:hover {
  background: var(--sea-green) !important;
}

.sorting-dropdown .sorting-btn:hover svg path {
  fill: var(--white) !important;
}


.applications-section .swiper-container-applications .swiper-slide:hover .card .card-body {
  background: var(--card-hover);
}

.main-header:has(.datasets-header) {
  background: linear-gradient(180deg, #FFF 26.83%, rgba(255, 255, 255, 0.10) 73.27%, rgba(227, 227, 227, 0.75) 99.94%);
  height: 530px;
  gap: 1.6rem;

}

.datasets-header {
  background: transparent;
}

.select2-container--default .select2-results>.select2-results__options {
  overflow-x: hidden;
}

.main[data-text-align-feature-value="1"] .resources-section .social-btns {
  position: relative;
  left: 56%;

}

.main[data-text-align-feature-value="2"] .resources-section .social-btns {
  margin-inline-start: 10px;
}

.main[data-text-align-feature-value="3"] .resources-section .social-btns {
  position: relative;
  left: 28%;

}

.main[data-text-align-feature-value="1"] .resources-section .accordion-body .social-btns {
  left: 48%;

}

.main[data-text-align-feature-value="3"] .resources-section .accordion-body .social-btns {
  left: 25%;
}

.main[data-text-align-feature-value="2"] .resources-section .datasets-details .details-box {
  position: relative;
}

.main[data-text-align-feature-value="2"] .resources-section .datasets-details .details-box svg {
  right: 350px;
  position: absolute;
}

.legislation-header .page-header h1 {
  color: #9B6131;
  font-size: 28px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  text-transform: capitalize;
}


:dir(rtl) .legislation-cards .legislation-card {
  min-height: 286px;
}

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

  :dir(rtl) .legislation-cards .legislation-card {
    min-height: 357px;
  }
}


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

  :dir(rtl) .legislation-cards .legislation-card {
    min-height: 387px;
  }
}

@media only screen and (max-width : 991px) {
  :dir(rtl) .legislation-cards .legislation-card {
    min-height: unset !important;
  }

}

@media only screen and (max-width : 800px) {
  :dir(rtl) .legislation-cards .legislation-card {
    min-height: unset !important;
  }

}

@media only screen and (max-width : 767px) {
  :dir(rtl) .legislation-cards .legislation-card {
    min-height: unset !important;
  }

}

.advance-search .select2-container--default .select2-selection--multiple .select2-selection__clear {
  top: 7px;
}

.advance-search .select2-container--open .select2-selection--multiple,
.advance-search .select2-selection--clearable {
  background-position: right 10px top 11px !important;
}

.sorting-dropdown .sorting-btn:hover {
  background: var(--sea-green) !important;
}

.sorting-dropdown .sorting-btn:hover svg path {
  fill: var(--white) !important;
}


.applications-section .swiper-container-applications .swiper-slide:hover .card .card-body {
  background: var(--card-hover);
}

/*Hero section Header*/
.main-hero-header {
  background-image: url(/image/hero-bg.png);
  background-size: cover;
  background-position: center;
}

.datasets-info-banner .btn.btn-light:hover {
  background: var(--btn-hover);
}

.topics .swiper-slide .accordion-button:hover .card-body .card-title {
  color: var(--sea-green);

}

.main-section.rating-section .rating:hover {
  background: rgba(46, 139, 87, 0.05);
  cursor: pointer;
}

.main-section.rating-section .rating:hover .sub-title {
  color: var(--sea-green);
}

.btn:hover {
  cursor: pointer;
}

.resources-section .accordion .accordion-item .accordion-button.collapsed:hover,
.resources-section .explore-datasets .dataset-card:hover,
.cards-section .dataset-card:hover,
.participate-section .accordion-item .card:hover {
  background: var(--card-hover);
  cursor: pointer;
}

.topics .swiper-slide .card .card-body:hover .card-text {
  color: var(--sea-green);
}

.filter-section .sorting-dropdown .btn:hover {
  background: var(--sea-green);
}

.filter-section .sorting-dropdown .btn:hover svg path {
  fill: var(--white)
}

.resources-section .accordion .accordion-item .accordion-button.collapsed:hover h6 {
  color: var(--sea-green);
}

.applications-section .swiper-container-applications .swiper-slide .btn {
  padding: 0;
}

.participate-section .accordion-item .accordion-button:focus {
  box-shadow: none !important;
}

 .flatpickr-day.today[data-line-height-feature-value="1"],
 .flatpickr-day.selected[data-line-height-feature-value="1"],
 .flatpickr-day:hover[data-line-height-feature-value="1"],
 .flatpickr-day.today[data-line-height-feature-value="2"],
 .flatpickr-day.selected[data-line-height-feature-value="2"],
 .flatpickr-day:hover[data-line-height-feature-value="2"],
 .flatpickr-day[data-line-height-feature-value="1"],
 .flatpickr-day[data-line-height-feature-value="2"] {
  display: flex;
  align-items: center;
  margin-top: 10px;
}

.flatpickr-day.today[data-line-height-feature-value="3"],
 .flatpickr-day.selected[data-line-height-feature-value="3"],
 .flatpickr-day:hover[data-line-height-feature-value="3"],
 .flatpickr-day[data-line-height-feature-value="3"]{
  display: flex;
  align-items: center;
  margin-top: 20px;
}


:dir(rtl) .main[data-userway-s4-zoom-styled="true"][style*="zoom: 1.6"] #topicChart .hide-logo {
  left: -169px;
}

:dir(rtl) .main[data-userway-s4-zoom-styled="true"][style*="1.6"] .main-topics .accordion-collapse {
  left: -9px;
}

:dir(rtl) .main[data-userway-s4-zoom-styled="true"][style*="1.6"] .main-topics .swiper-slide:nth-child(3n + 2) .accordion-collapse{
  right: -405px;
}

:dir(rtl) .main[data-userway-s4-zoom-styled="true"][style*="1.6"] .main-topics .swiper-slide:nth-child(3n) .accordion-collapse {
  right: -820px;
}

:dir(rtl) .main[data-userway-s4-zoom-styled="true"][style*="1.5"] .main-topics .accordion-collapse {
  left: -9px;
}

:dir(rtl) .main[data-userway-s4-zoom-styled="true"][style*="1.5"] .main-topics .swiper-slide:nth-child(3n + 2) .accordion-collapse {
  right: calc(-1 * (var(--bs-gutter-x) + 408px));
}

:dir(rtl) .main[data-userway-s4-zoom-styled="true"][style*="1.5"] .main-topics .swiper-slide:nth-child(3n) .accordion-collapse {
  right: calc(-2 * (var(--bs-gutter-x) + 413px));
}

:dir(rtl) .main[data-userway-s4-zoom-styled="true"][style*="zoom: 1.2"] #topicChart .hide-logo {
  left: -71px;
}

:dir(rtl) .main[data-userway-s4-zoom-styled="true"][style*="zoom: 1.3"] #topicChart .hide-logo {
  left: -106px;
}

:dir(rtl) .main[data-userway-s4-zoom-styled="true"][style*="zoom: 1.5"] #topicChart .hide-logo {
  left: -151px;
}

:dir(rtl) .main[data-userway-s4-zoom-styled="true"][style*="zoom: 1.6"] #topicChart .hide-logo {
  left: -165px;
}

.resources-section .accordion-body .custom-table{
  margin-bottom: 15px;
}

.resources-section .accordion-body .table tbody tr:last-child td:first-child {
  border-bottom-left-radius: 16px;
}

.resources-section .accordion-body .table tbody tr:last-child td:last-child {
  border-bottom-right-radius: 16px;
}

#root .filter-section .filters .advance-search .date-picker input[data-line-height-feature-value="2"],
#root .filter-section .filters .advance-search .date-picker input[data-line-height-feature-value="1"],
#root .filter-section .filters .advance-search .date-picker input[data-line-height-feature-value="3"],
.filter-section .form-control[data-line-height-feature-value="1"],
.filter-section .form-control[data-line-height-feature-value="2"] ,
.filter-section .form-control[data-line-height-feature-value="3"]    {
  height: 52px
}


#ApplyFilters[data-line-height-feature-value="1"] ,
#ApplyFilters[data-line-height-feature-value="2"] ,
#ApplyFilters[data-line-height-feature-value="3"] {
  height :43px;
}

:dir(rtl) .participate-section .accordion .right-column[data-text-align-feature-value="1"] {
  right: 0 !important;
}

:dir(rtl) .participate-section .accordion .right-column .card-text[data-text-align-feature-value="1"],
:dir(rtl) .participate-section .accordion .right-column .card-text[data-text-align-feature-value="2"],
:dir(rtl) .participate-section .accordion .right-column .card-text[data-text-align-feature-value="3"],
:dir(rtl) .participate-section .accordion .right-column .card-text{
  min-height: 48px;
}


.filter-section > .container {
  min-height: 268px;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
}

.filter-section .row,
.filter-section .sub-title {
  width: 100%;
}


.entities-section .accordion .accordion-item .accordion-button.collapsed {
  border-radius: 16px;
  border: 1px solid #E1E3E5;
  background: #FFF;
  flex-direction: column !important;
  justify-content: center;
  gap: 40px;
  box-shadow: inset 0 1px 0 #E1E3E5; 
  transition: box-shadow 0.2s ease;
  padding: 56px 30px;
  height: 273px;
}

.entities-section .accordion .accordion-item .accordion-button.collapsed:hover {
  background: rgba(101, 121, 107, 0.05);
  box-shadow: inset 0 4px 0 var(--sea-green); 
  border: 1px solid transparent;
}

.entities-section .resource-box.accordion-button:not(.collapsed) {
  flex-direction: column !important;
  justify-content: center;
  gap: 40px;
  min-height: 273px;
}


:dir(rtl) .main-section.rating-section .rating .sub-title {
  line-height: 27px;
}

:dir(rtl) .advance-search .select2-container--open .select2-selection--multiple{
  background-position: left 10px top 11px !important;
}

.resources-section .accordion .accordion-item .accordion-button.collapsed {
  cursor: pointer;
}

:dir(rtl)  .main .row .col-xl-4.accordion-item:last-child:not(:nth-child(3n)) .accordion-collapse[data-text-align-feature-value="1"] {
  right: calc(2 * (-100% - var(--bs-gutter-x) * 0.5 * 2));
  left: unset;
}


:dir(rtl)  .main .row .col-xl-4.accordion-item:nth-last-child(2):nth-child(3n + 1) .accordion-collapse[data-text-align-feature-value="1"] {
  right: calc(1 * (-100% - var(--bs-gutter-x) * 0.5 * 2));
  left: unset;
}

:dir(rtl) :dir(rtl) .main .row .col-xl-4.accordion-item:nth-last-child(2):nth-child(3n + 1) 
.accordion-collapse[data-text-align-feature-value="1"] .head .align-items-start  {
  position: relative;
  left: -20%;
}

:dir(rtl) .main .row .col-xl-4.accordion-item:last-child:not(:nth-child(3n)) .accordion-collapse[data-text-align-feature-value="1"] .head .align-items-start {
  position: relative;
  left: 0%;
}

:dir(rtl) .main .row .col-xl-4.accordion-item:nth-last-child(2):nth-child(3n + 1) .accordion-collapse[data-text-align-feature-value="2"] {
  left: calc(1 * (-100% - var(--bs-gutter-x) * 0.5 * -23));
}

:dir(rtl) .main .row .col-xl-4.accordion-item:nth-last-child(2):nth-child(3n + 1) .accordion-collapse[data-text-align-feature-value="3"] {
  right: calc(1 * (-100% - var(--bs-gutter-x) * 0.5 * -11));
  left: unset;
}

:dir(rtl) .main .row .col-xl-4.accordion-item:last-child:not(:nth-child(3n)) .accordion-collapse[data-text-align-feature-value="3"] {
  right: calc(1 * (-100% - var(--bs-gutter-x) * 0.5 * 14));
  left: unset;
}

:dir(rtl) .main[data-text-align-feature-value="3"] .resources-section .accordion-body .social-btns {
  right: -434px;
}

 :dir(rtl) .main .row .col-xl-4.accordion-item:nth-last-child(2):nth-child(3n + 1) .accordion-collapse[data-text-align-feature-value="3"] .head .align-items-start {
  left:-200px;
  position: relative;
}

:dir(rtl) .main .row .col-xl-4.accordion-item:nth-last-child(2):nth-child(3n + 1) .accordion-collapse[data-text-align-feature-value="3"] .head .social-btns {
  right: -334px;
}


:dir(rtl) .select2-container--default .select2-search--inline .select2-search__field {
  font-family: 'Noto Kufi Arabic';
}


:dir(rtl) #root[data-text-align-feature-value="1"] .advance-search .select2-container--default .select2-search--inline .select2-search__field {
  padding-inline-end: 22px;

} 

:dir(rtl) #root[data-text-align-feature-value="1"] .filter-section .filters .advance-search .date-picker .form-control {
  padding-inline-end: 38px;
}

#root .filter-section .filters .advance-search .accordion-button.userway-s14-active {
  line-height: 16px;
}

body .uwy .uai {
  background: rgb(52, 75, 97) !important;
}