@charset "UTF-8";
/* One should use it like this

.example {
  font-size: calculate-values (12, 20, 768, 1280);
*/
.h1,
h1 {
  font-family: "IBM_plex", sans-serif;
  font-size: 0.667rem;
  font-style: normal;
  font-weight: 700;
  line-height: 0.933rem;
}
[dir=rtl] .h1,
[dir=rtl] h1 {
  font-family: "tajawal", sans-serif !important;
}
@media (min-width: 768px) {
  .h1,
  h1 {
    font-size: 0.733rem;
    line-height: 1rem;
  }
}
@media (min-width: 1280px) {
  .h1,
  h1 {
    font-size: 1rem;
    line-height: 1.2rem;
  }
}

.h2, .media-node_wrapper .media-center .lable,
h2,
.statistic-main-wrapper .statistic-body_wrapper .paragraph--type--statistic .statistic-body .number-with-suffix .suffix,
.statistic-main-wrapper .statistic-body_wrapper .paragraph--type--statistic .statistic-body .number-with-suffix .number {
  font-family: "IBM_plex", sans-serif;
  font-size: 0.533rem;
  font-style: normal;
  font-weight: 400;
  line-height: 0.667rem;
}
[dir=rtl] .h2, [dir=rtl] .media-node_wrapper .media-center .lable, .media-node_wrapper .media-center [dir=rtl] .lable,
[dir=rtl] h2,
[dir=rtl] .statistic-main-wrapper .statistic-body_wrapper .paragraph--type--statistic .statistic-body .number-with-suffix .suffix,
.statistic-main-wrapper .statistic-body_wrapper .paragraph--type--statistic .statistic-body .number-with-suffix [dir=rtl] .suffix,
[dir=rtl] .statistic-main-wrapper .statistic-body_wrapper .paragraph--type--statistic .statistic-body .number-with-suffix .number,
.statistic-main-wrapper .statistic-body_wrapper .paragraph--type--statistic .statistic-body .number-with-suffix [dir=rtl] .number {
  font-family: "tajawal", sans-serif !important;
}
@media (min-width: 768px) {
  .h2, .media-node_wrapper .media-center .lable,
  h2,
  .statistic-main-wrapper .statistic-body_wrapper .paragraph--type--statistic .statistic-body .number-with-suffix .suffix,
  .statistic-main-wrapper .statistic-body_wrapper .paragraph--type--statistic .statistic-body .number-with-suffix .number {
    font-size: 0.567rem;
    line-height: 0.833rem;
  }
}
@media (min-width: 1280px) {
  .h2, .media-node_wrapper .media-center .lable,
  h2,
  .statistic-main-wrapper .statistic-body_wrapper .paragraph--type--statistic .statistic-body .number-with-suffix .suffix,
  .statistic-main-wrapper .statistic-body_wrapper .paragraph--type--statistic .statistic-body .number-with-suffix .number {
    font-size: 0.8rem;
    line-height: 1rem;
  }
}

.h3,
h3 {
  font-family: "IBM_plex", sans-serif;
  font-size: 0.4rem;
  font-style: normal;
  font-weight: 400;
  line-height: 0.533rem;
}
[dir=rtl] .h3,
[dir=rtl] h3 {
  font-family: "tajawal", sans-serif !important;
}
@media (min-width: 768px) {
  .h3,
  h3 {
    font-size: 0.5rem;
    line-height: 0.667rem;
  }
}
@media (min-width: 1280px) {
  .h3,
  h3 {
    font-size: 0.6rem;
    line-height: 0.733rem;
  }
}

.h4, .webform-confirmation .webform-confirmation__message, .region--primary-menu #block-sass-theme-msd-page-title h1,
.region--primary-menu #block-sass-theme-msd-pagetitle h1,
h4 {
  font-family: "IBM_plex", sans-serif;
  font-size: 0.333rem;
  font-style: normal;
  font-weight: 700;
  line-height: 0.467rem;
}
[dir=rtl] .h4, [dir=rtl] .webform-confirmation .webform-confirmation__message, .webform-confirmation [dir=rtl] .webform-confirmation__message, [dir=rtl] .region--primary-menu #block-sass-theme-msd-page-title h1, .region--primary-menu #block-sass-theme-msd-page-title [dir=rtl] h1,
[dir=rtl] .region--primary-menu #block-sass-theme-msd-pagetitle h1,
.region--primary-menu #block-sass-theme-msd-pagetitle [dir=rtl] h1,
[dir=rtl] h4 {
  font-family: "tajawal", sans-serif !important;
}
@media (min-width: 768px) {
  .h4, .webform-confirmation .webform-confirmation__message, .region--primary-menu #block-sass-theme-msd-page-title h1,
  .region--primary-menu #block-sass-theme-msd-pagetitle h1,
  h4 {
    font-size: 0.433rem;
    line-height: 0.6rem;
  }
}
@media (min-width: 1280px) {
  .h4, .webform-confirmation .webform-confirmation__message, .region--primary-menu #block-sass-theme-msd-page-title h1,
  .region--primary-menu #block-sass-theme-msd-pagetitle h1,
  h4 {
    font-size: 0.5rem;
    line-height: 0.633rem;
  }
}

.h5, .media-wrapper .views-exposed-form .js-form-item .bef-links ul li a, .region--primary-menu #block-sass-theme-msd-breadcrumbs nav[role=navigation] li,
h5 {
  font-family: "IBM_plex", sans-serif;
  font-size: 0.267rem;
  font-style: normal;
  font-weight: 400;
  line-height: 0.4rem;
}
[dir=rtl] .h5, [dir=rtl] .media-wrapper .views-exposed-form .js-form-item .bef-links ul li a, .media-wrapper .views-exposed-form .js-form-item .bef-links ul li [dir=rtl] a, [dir=rtl] .region--primary-menu #block-sass-theme-msd-breadcrumbs nav[role=navigation] li, .region--primary-menu #block-sass-theme-msd-breadcrumbs nav[role=navigation] [dir=rtl] li,
[dir=rtl] h5 {
  font-family: "tajawal", sans-serif !important;
}
@media (min-width: 768px) {
  .h5, .media-wrapper .views-exposed-form .js-form-item .bef-links ul li a, .region--primary-menu #block-sass-theme-msd-breadcrumbs nav[role=navigation] li,
  h5 {
    font-size: 0.3rem;
    line-height: 0.5rem;
  }
}
@media (min-width: 1280px) {
  .h5, .media-wrapper .views-exposed-form .js-form-item .bef-links ul li a, .region--primary-menu #block-sass-theme-msd-breadcrumbs nav[role=navigation] li,
  h5 {
    font-size: 0.333rem;
    line-height: 0.5rem;
  }
}

.h6, .paragraph--type--body .table tr td, .contact-us-page .contact-us_wrapper .info_wrapper .info #block-socialiinks h2, .contact-us-page .contact-us_wrapper .info_wrapper .info #block-socialiinks .statistic-main-wrapper .statistic-body_wrapper .paragraph--type--statistic .statistic-body .number-with-suffix .number, .statistic-main-wrapper .statistic-body_wrapper .paragraph--type--statistic .statistic-body .number-with-suffix .contact-us-page .contact-us_wrapper .info_wrapper .info #block-socialiinks .number, .contact-us-page .contact-us_wrapper .info_wrapper .info #block-socialiinks .statistic-main-wrapper .statistic-body_wrapper .paragraph--type--statistic .statistic-body .number-with-suffix .suffix, .statistic-main-wrapper .statistic-body_wrapper .paragraph--type--statistic .statistic-body .number-with-suffix .contact-us-page .contact-us_wrapper .info_wrapper .info #block-socialiinks .suffix, .fields-and-technology .technology-main-wrapper .technology-wrapper .title, .digital-rating-paragraph .rating-title span, .body-with-block .block-wrapper .block #block-socialiinks h2, .body-with-block .block-wrapper .block #block-socialiinks .statistic-main-wrapper .statistic-body_wrapper .paragraph--type--statistic .statistic-body .number-with-suffix .suffix, .statistic-main-wrapper .statistic-body_wrapper .paragraph--type--statistic .statistic-body .number-with-suffix .body-with-block .block-wrapper .block #block-socialiinks .suffix, .body-with-block .block-wrapper .block #block-socialiinks .statistic-main-wrapper .statistic-body_wrapper .paragraph--type--statistic .statistic-body .number-with-suffix .number, .statistic-main-wrapper .statistic-body_wrapper .paragraph--type--statistic .statistic-body .number-with-suffix .body-with-block .block-wrapper .block #block-socialiinks .number, .webform-confirmation-modal .webform-confirmation-modal--content p, .search-main-wrapper .search-body,
h6 {
  font-family: "IBM_plex", sans-serif;
  font-size: 0.3rem;
  line-height: 0.467rem;
  font-weight: 700;
  font-style: normal;
}
[dir=rtl] .h6, [dir=rtl] .paragraph--type--body .table tr td, .paragraph--type--body .table tr [dir=rtl] td, [dir=rtl] .contact-us-page .contact-us_wrapper .info_wrapper .info #block-socialiinks h2, .contact-us-page .contact-us_wrapper .info_wrapper .info #block-socialiinks [dir=rtl] h2, [dir=rtl] .contact-us-page .contact-us_wrapper .info_wrapper .info #block-socialiinks .statistic-main-wrapper .statistic-body_wrapper .paragraph--type--statistic .statistic-body .number-with-suffix .number, .contact-us-page .contact-us_wrapper .info_wrapper .info #block-socialiinks .statistic-main-wrapper .statistic-body_wrapper .paragraph--type--statistic .statistic-body .number-with-suffix [dir=rtl] .number, [dir=rtl] .statistic-main-wrapper .statistic-body_wrapper .paragraph--type--statistic .statistic-body .number-with-suffix .contact-us-page .contact-us_wrapper .info_wrapper .info #block-socialiinks .number, .statistic-main-wrapper .statistic-body_wrapper .paragraph--type--statistic .statistic-body .number-with-suffix .contact-us-page .contact-us_wrapper .info_wrapper .info #block-socialiinks [dir=rtl] .number, [dir=rtl] .contact-us-page .contact-us_wrapper .info_wrapper .info #block-socialiinks .statistic-main-wrapper .statistic-body_wrapper .paragraph--type--statistic .statistic-body .number-with-suffix .suffix, .contact-us-page .contact-us_wrapper .info_wrapper .info #block-socialiinks .statistic-main-wrapper .statistic-body_wrapper .paragraph--type--statistic .statistic-body .number-with-suffix [dir=rtl] .suffix, [dir=rtl] .statistic-main-wrapper .statistic-body_wrapper .paragraph--type--statistic .statistic-body .number-with-suffix .contact-us-page .contact-us_wrapper .info_wrapper .info #block-socialiinks .suffix, .statistic-main-wrapper .statistic-body_wrapper .paragraph--type--statistic .statistic-body .number-with-suffix .contact-us-page .contact-us_wrapper .info_wrapper .info #block-socialiinks [dir=rtl] .suffix, [dir=rtl] .fields-and-technology .technology-main-wrapper .technology-wrapper .title, .fields-and-technology .technology-main-wrapper .technology-wrapper [dir=rtl] .title, [dir=rtl] .digital-rating-paragraph .rating-title span, .digital-rating-paragraph .rating-title [dir=rtl] span, [dir=rtl] .body-with-block .block-wrapper .block #block-socialiinks h2, [dir=rtl] .body-with-block .block-wrapper .block #block-socialiinks .statistic-main-wrapper .statistic-body_wrapper .paragraph--type--statistic .statistic-body .number-with-suffix .suffix, .statistic-main-wrapper .statistic-body_wrapper .paragraph--type--statistic .statistic-body .number-with-suffix [dir=rtl] .body-with-block .block-wrapper .block #block-socialiinks .suffix, [dir=rtl] .body-with-block .block-wrapper .block #block-socialiinks .statistic-main-wrapper .statistic-body_wrapper .paragraph--type--statistic .statistic-body .number-with-suffix .number, .statistic-main-wrapper .statistic-body_wrapper .paragraph--type--statistic .statistic-body .number-with-suffix [dir=rtl] .body-with-block .block-wrapper .block #block-socialiinks .number, .body-with-block .block-wrapper .block #block-socialiinks [dir=rtl] h2, .body-with-block .block-wrapper .block #block-socialiinks [dir=rtl] .statistic-main-wrapper .statistic-body_wrapper .paragraph--type--statistic .statistic-body .number-with-suffix .suffix, .statistic-main-wrapper .statistic-body_wrapper .paragraph--type--statistic .statistic-body .number-with-suffix .body-with-block .block-wrapper .block #block-socialiinks [dir=rtl] .suffix, .body-with-block .block-wrapper .block #block-socialiinks [dir=rtl] .statistic-main-wrapper .statistic-body_wrapper .paragraph--type--statistic .statistic-body .number-with-suffix .number, .statistic-main-wrapper .statistic-body_wrapper .paragraph--type--statistic .statistic-body .number-with-suffix .body-with-block .block-wrapper .block #block-socialiinks [dir=rtl] .number, [dir=rtl] .webform-confirmation-modal .webform-confirmation-modal--content p, .webform-confirmation-modal .webform-confirmation-modal--content [dir=rtl] p, [dir=rtl] .search-main-wrapper .search-body, .search-main-wrapper [dir=rtl] .search-body,
[dir=rtl] h6 {
  font-family: "tajawal", sans-serif !important;
}

.body1, .webform-confirmation .webform-confirmation__back a, .download-upload-wrapper .upload-wrapper .form-actions input, .download-upload-wrapper .upload-wrapper #ajax-wrapper .js-webform-type-managed-file input, .download-upload-wrapper .upload-wrapper p, .download-upload-wrapper .download-wrapper p, .paragraph--type--body .table tr td a, .site-footer .footer-main-wrapper h2, .site-footer .footer-main-wrapper .statistic-main-wrapper .statistic-body_wrapper .paragraph--type--statistic .statistic-body .number-with-suffix .number, .statistic-main-wrapper .statistic-body_wrapper .paragraph--type--statistic .statistic-body .number-with-suffix .site-footer .footer-main-wrapper .number, .site-footer .footer-main-wrapper .statistic-main-wrapper .statistic-body_wrapper .paragraph--type--statistic .statistic-body .number-with-suffix .suffix, .statistic-main-wrapper .statistic-body_wrapper .paragraph--type--statistic .statistic-body .number-with-suffix .site-footer .footer-main-wrapper .suffix, body.dark-mode .contact-us-page .contact-us_wrapper .info_wrapper .info p strong, .contact-us-page .contact-us_wrapper .info_wrapper .info p strong, .contact-us-page .contact-us_wrapper .info_wrapper .info p span, .text-with-heading_wrapper .text-with-heading .paragraph--type--text-paragraph p, .paragraph--type--vision-mission .paragraph--type--cards-wrapper > .paragraph--type--card-paragraph .card_wrapper .body-wrapper p, .paragraph--type--vision-mission .paragraph--type--text-paragraph p, .paragraph--type--body ul, .paragraph--type--body > ol, .paragraph--type--body p, .media-node_wrapper .media-center .body ul, .media-node_wrapper .media-center .body > ol, .media-node_wrapper .media-center .body p, .media-wrapper .pager ul li a, .media-wrapper .media-center_page .media-center_child .media-card .media-card-overlay .media-center-body .read-more_btn a, .media-wrapper .media-center_page .media-center_child .media-card .media-card-overlay .media-center-body h6, .media-wrapper .block-listing-wrapper .block-listing .media-card .media-card-overlay .read-more_btn a, .media-wrapper .block-listing-wrapper .block-listing .media-card .media-card-overlay .media-center-body h6, .media-wrapper header .view-header a, .page-feedback-block .page-feedback-header .page-feedback-question, .technology-node-wrapper p, .fields-and-technology header p, .digital-rating-paragraph .rating-form .rating-form-actions p, .digital-rating-paragraph .rating-form .rating-form-body .rating-feedback-wrapper .feedback-commitment textarea, .digital-rating-paragraph .rating-form .rating-form-body .rating-feedback-wrapper .feedback-commitment p, .digital-rating-paragraph .rating-form .rating-form-body .rating-feedback-wrapper .feedback-body, .digital-rating-paragraph .widget-summary .rating-summary .digital-rating-meta span, .digital-rating-paragraph .rating-title, .statistic-main-wrapper .statistic-body_wrapper .paragraph--type--statistic .statistic-body .description, .statistic-main-wrapper .statistic-wrapper p, .hero-section-wrapper .hero-section-content p a, .body-with-block .block-wrapper .block p strong, .body-with-block .block-wrapper .block p span, .body-with-block .body-wrapper p, .application-form #edit-page2--2 .form-item input, .application-form #edit-page2--2 p, .application-form #edit-page1--2 .js-webform-type-managed-file label, .application-form #edit-page1--2 .js-webform-type-checkbox label, .application-form #edit-page1--2 .js-webform-type-webform-markup p, .application-form .webform-progress .webform-progress-tracker .progress-text .progress-title, .info-with-viewer .region--header-top .day-info .flex-info .weather-temp, .info-with-viewer .region--header-top .day-info .flex-info p, .gov-accordion .accordion-content .reg-wrapper .reg, .region--search #block-sass-theme-msd-searchlinks p a, .region--search .views-exposed-form .form-actions input[type=submit], .region--search .views-exposed-form .js-form-item input, .webform-confirmation-modal .webform-confirmation-modal--content p a, .search_wrapper p, .search-main-wrapper .search-body p, body.dark-mode .language-switcher-language-url li > a, .header_wrapper .region--header #block-sass-theme-msd-mainnavigation-2 .sf-menu > li > a, .header_wrapper .region--header .language-switcher-language-url li > a, .header_wrapper .region--menubar #block-sass-theme-msd-mainnavigation .sf-menu > li > a {
  font-family: "IBM_plex", sans-serif;
  font-size: 0.2rem;
  font-style: normal;
  line-height: 0.3rem;
}
[dir=rtl] .body1, [dir=rtl] .webform-confirmation .webform-confirmation__back a, .webform-confirmation .webform-confirmation__back [dir=rtl] a, [dir=rtl] .download-upload-wrapper .upload-wrapper .form-actions input, .download-upload-wrapper .upload-wrapper .form-actions [dir=rtl] input, [dir=rtl] .download-upload-wrapper .upload-wrapper #ajax-wrapper .js-webform-type-managed-file input, .download-upload-wrapper .upload-wrapper #ajax-wrapper .js-webform-type-managed-file [dir=rtl] input, [dir=rtl] .download-upload-wrapper .upload-wrapper p, .download-upload-wrapper .upload-wrapper [dir=rtl] p, [dir=rtl] .download-upload-wrapper .download-wrapper p, .download-upload-wrapper .download-wrapper [dir=rtl] p, [dir=rtl] .paragraph--type--body .table tr td a, .paragraph--type--body .table tr td [dir=rtl] a, [dir=rtl] .site-footer .footer-main-wrapper h2, .site-footer .footer-main-wrapper [dir=rtl] h2, [dir=rtl] .site-footer .footer-main-wrapper .statistic-main-wrapper .statistic-body_wrapper .paragraph--type--statistic .statistic-body .number-with-suffix .number, .site-footer .footer-main-wrapper .statistic-main-wrapper .statistic-body_wrapper .paragraph--type--statistic .statistic-body .number-with-suffix [dir=rtl] .number, [dir=rtl] .statistic-main-wrapper .statistic-body_wrapper .paragraph--type--statistic .statistic-body .number-with-suffix .site-footer .footer-main-wrapper .number, .statistic-main-wrapper .statistic-body_wrapper .paragraph--type--statistic .statistic-body .number-with-suffix .site-footer .footer-main-wrapper [dir=rtl] .number, [dir=rtl] .site-footer .footer-main-wrapper .statistic-main-wrapper .statistic-body_wrapper .paragraph--type--statistic .statistic-body .number-with-suffix .suffix, .site-footer .footer-main-wrapper .statistic-main-wrapper .statistic-body_wrapper .paragraph--type--statistic .statistic-body .number-with-suffix [dir=rtl] .suffix, [dir=rtl] .statistic-main-wrapper .statistic-body_wrapper .paragraph--type--statistic .statistic-body .number-with-suffix .site-footer .footer-main-wrapper .suffix, .statistic-main-wrapper .statistic-body_wrapper .paragraph--type--statistic .statistic-body .number-with-suffix .site-footer .footer-main-wrapper [dir=rtl] .suffix, [dir=rtl] body.dark-mode .contact-us-page .contact-us_wrapper .info_wrapper .info p strong, body.dark-mode .contact-us-page .contact-us_wrapper .info_wrapper .info p [dir=rtl] strong, [dir=rtl] .contact-us-page .contact-us_wrapper .info_wrapper .info p strong, .contact-us-page .contact-us_wrapper .info_wrapper .info p [dir=rtl] strong, [dir=rtl] .contact-us-page .contact-us_wrapper .info_wrapper .info p span, .contact-us-page .contact-us_wrapper .info_wrapper .info p [dir=rtl] span, [dir=rtl] .text-with-heading_wrapper .text-with-heading .paragraph--type--text-paragraph p, .text-with-heading_wrapper .text-with-heading .paragraph--type--text-paragraph [dir=rtl] p, [dir=rtl] .paragraph--type--vision-mission .paragraph--type--cards-wrapper > .paragraph--type--card-paragraph .card_wrapper .body-wrapper p, .paragraph--type--vision-mission .paragraph--type--cards-wrapper > .paragraph--type--card-paragraph .card_wrapper .body-wrapper [dir=rtl] p, [dir=rtl] .paragraph--type--vision-mission .paragraph--type--text-paragraph p, .paragraph--type--vision-mission .paragraph--type--text-paragraph [dir=rtl] p, [dir=rtl] .paragraph--type--body ul, .paragraph--type--body [dir=rtl] ul, [dir=rtl] .paragraph--type--body > ol, [dir=rtl] .paragraph--type--body p, .paragraph--type--body [dir=rtl] p, [dir=rtl] .media-node_wrapper .media-center .body ul, .media-node_wrapper .media-center .body [dir=rtl] ul, [dir=rtl] .media-node_wrapper .media-center .body > ol, .media-node_wrapper .media-center [dir=rtl] .body > ol, [dir=rtl] .media-node_wrapper .media-center .body p, .media-node_wrapper .media-center .body [dir=rtl] p, [dir=rtl] .media-wrapper .pager ul li a, .media-wrapper .pager ul li [dir=rtl] a, [dir=rtl] .media-wrapper .media-center_page .media-center_child .media-card .media-card-overlay .media-center-body .read-more_btn a, .media-wrapper .media-center_page .media-center_child .media-card .media-card-overlay .media-center-body .read-more_btn [dir=rtl] a, [dir=rtl] .media-wrapper .media-center_page .media-center_child .media-card .media-card-overlay .media-center-body h6, .media-wrapper .media-center_page .media-center_child .media-card .media-card-overlay .media-center-body [dir=rtl] h6, [dir=rtl] .media-wrapper .block-listing-wrapper .block-listing .media-card .media-card-overlay .read-more_btn a, .media-wrapper .block-listing-wrapper .block-listing .media-card .media-card-overlay .read-more_btn [dir=rtl] a, [dir=rtl] .media-wrapper .block-listing-wrapper .block-listing .media-card .media-card-overlay .media-center-body h6, .media-wrapper .block-listing-wrapper .block-listing .media-card .media-card-overlay .media-center-body [dir=rtl] h6, [dir=rtl] .media-wrapper header .view-header a, .media-wrapper header .view-header [dir=rtl] a, [dir=rtl] .page-feedback-block .page-feedback-header .page-feedback-question, .page-feedback-block .page-feedback-header [dir=rtl] .page-feedback-question, [dir=rtl] .technology-node-wrapper p, .technology-node-wrapper [dir=rtl] p, [dir=rtl] .fields-and-technology header p, .fields-and-technology header [dir=rtl] p, [dir=rtl] .digital-rating-paragraph .rating-form .rating-form-actions p, .digital-rating-paragraph .rating-form .rating-form-actions [dir=rtl] p, [dir=rtl] .digital-rating-paragraph .rating-form .rating-form-body .rating-feedback-wrapper .feedback-commitment textarea, .digital-rating-paragraph .rating-form .rating-form-body .rating-feedback-wrapper .feedback-commitment [dir=rtl] textarea, [dir=rtl] .digital-rating-paragraph .rating-form .rating-form-body .rating-feedback-wrapper .feedback-commitment p, .digital-rating-paragraph .rating-form .rating-form-body .rating-feedback-wrapper .feedback-commitment [dir=rtl] p, [dir=rtl] .digital-rating-paragraph .rating-form .rating-form-body .rating-feedback-wrapper .feedback-body, .digital-rating-paragraph .rating-form .rating-form-body .rating-feedback-wrapper [dir=rtl] .feedback-body, [dir=rtl] .digital-rating-paragraph .widget-summary .rating-summary .digital-rating-meta span, .digital-rating-paragraph .widget-summary .rating-summary .digital-rating-meta [dir=rtl] span, [dir=rtl] .digital-rating-paragraph .rating-title, .digital-rating-paragraph [dir=rtl] .rating-title, [dir=rtl] .statistic-main-wrapper .statistic-body_wrapper .paragraph--type--statistic .statistic-body .description, .statistic-main-wrapper .statistic-body_wrapper .paragraph--type--statistic .statistic-body [dir=rtl] .description, [dir=rtl] .statistic-main-wrapper .statistic-wrapper p, .statistic-main-wrapper .statistic-wrapper [dir=rtl] p, [dir=rtl] .hero-section-wrapper .hero-section-content p a, .hero-section-wrapper .hero-section-content p [dir=rtl] a, [dir=rtl] .body-with-block .block-wrapper .block p strong, .body-with-block .block-wrapper .block p [dir=rtl] strong, [dir=rtl] .body-with-block .block-wrapper .block p span, .body-with-block .block-wrapper .block p [dir=rtl] span, [dir=rtl] .body-with-block .body-wrapper p, .body-with-block .body-wrapper [dir=rtl] p, [dir=rtl] .application-form #edit-page2--2 .form-item input, .application-form #edit-page2--2 .form-item [dir=rtl] input, [dir=rtl] .application-form #edit-page2--2 p, .application-form #edit-page2--2 [dir=rtl] p, [dir=rtl] .application-form #edit-page1--2 .js-webform-type-managed-file label, .application-form #edit-page1--2 .js-webform-type-managed-file [dir=rtl] label, [dir=rtl] .application-form #edit-page1--2 .js-webform-type-checkbox label, .application-form #edit-page1--2 .js-webform-type-checkbox [dir=rtl] label, [dir=rtl] .application-form #edit-page1--2 .js-webform-type-webform-markup p, .application-form #edit-page1--2 .js-webform-type-webform-markup [dir=rtl] p, [dir=rtl] .application-form .webform-progress .webform-progress-tracker .progress-text .progress-title, .application-form .webform-progress .webform-progress-tracker .progress-text [dir=rtl] .progress-title, [dir=rtl] .info-with-viewer .region--header-top .day-info .flex-info .weather-temp, .info-with-viewer .region--header-top .day-info .flex-info [dir=rtl] .weather-temp, [dir=rtl] .info-with-viewer .region--header-top .day-info .flex-info p, .info-with-viewer .region--header-top .day-info .flex-info [dir=rtl] p, [dir=rtl] .gov-accordion .accordion-content .reg-wrapper .reg, .gov-accordion .accordion-content .reg-wrapper [dir=rtl] .reg, [dir=rtl] .region--search #block-sass-theme-msd-searchlinks p a, .region--search #block-sass-theme-msd-searchlinks p [dir=rtl] a, [dir=rtl] .region--search .views-exposed-form .form-actions input[type=submit], .region--search .views-exposed-form .form-actions [dir=rtl] input[type=submit], [dir=rtl] .region--search .views-exposed-form .js-form-item input, .region--search .views-exposed-form .js-form-item [dir=rtl] input, [dir=rtl] .webform-confirmation-modal .webform-confirmation-modal--content p a, .webform-confirmation-modal .webform-confirmation-modal--content p [dir=rtl] a, [dir=rtl] .search_wrapper p, .search_wrapper [dir=rtl] p, [dir=rtl] .search-main-wrapper .search-body p, .search-main-wrapper .search-body [dir=rtl] p, [dir=rtl] body.dark-mode .language-switcher-language-url li > a, body.dark-mode .language-switcher-language-url [dir=rtl] li > a, [dir=rtl] .header_wrapper .region--header #block-sass-theme-msd-mainnavigation-2 .sf-menu > li > a, .header_wrapper .region--header #block-sass-theme-msd-mainnavigation-2 [dir=rtl] .sf-menu > li > a, [dir=rtl] .header_wrapper .region--header .language-switcher-language-url li > a, .header_wrapper .region--header .language-switcher-language-url [dir=rtl] li > a, [dir=rtl] .header_wrapper .region--menubar #block-sass-theme-msd-mainnavigation .sf-menu > li > a, .header_wrapper .region--menubar #block-sass-theme-msd-mainnavigation [dir=rtl] .sf-menu > li > a {
  font-family: "tajawal", sans-serif !important;
}
@media (min-width: 1280px) {
  .body1, .webform-confirmation .webform-confirmation__back a, .download-upload-wrapper .upload-wrapper .form-actions input, .download-upload-wrapper .upload-wrapper #ajax-wrapper .js-webform-type-managed-file input, .download-upload-wrapper .upload-wrapper p, .download-upload-wrapper .download-wrapper p, .paragraph--type--body .table tr td a, .site-footer .footer-main-wrapper h2, .site-footer .footer-main-wrapper .statistic-main-wrapper .statistic-body_wrapper .paragraph--type--statistic .statistic-body .number-with-suffix .number, .statistic-main-wrapper .statistic-body_wrapper .paragraph--type--statistic .statistic-body .number-with-suffix .site-footer .footer-main-wrapper .number, .site-footer .footer-main-wrapper .statistic-main-wrapper .statistic-body_wrapper .paragraph--type--statistic .statistic-body .number-with-suffix .suffix, .statistic-main-wrapper .statistic-body_wrapper .paragraph--type--statistic .statistic-body .number-with-suffix .site-footer .footer-main-wrapper .suffix, body.dark-mode .contact-us-page .contact-us_wrapper .info_wrapper .info p strong, .contact-us-page .contact-us_wrapper .info_wrapper .info p strong, .contact-us-page .contact-us_wrapper .info_wrapper .info p span, .text-with-heading_wrapper .text-with-heading .paragraph--type--text-paragraph p, .paragraph--type--vision-mission .paragraph--type--cards-wrapper > .paragraph--type--card-paragraph .card_wrapper .body-wrapper p, .paragraph--type--vision-mission .paragraph--type--text-paragraph p, .paragraph--type--body ul, .paragraph--type--body > ol, .paragraph--type--body p, .media-node_wrapper .media-center .body ul, .media-node_wrapper .media-center .body > ol, .media-node_wrapper .media-center .body p, .media-wrapper .pager ul li a, .media-wrapper .media-center_page .media-center_child .media-card .media-card-overlay .media-center-body .read-more_btn a, .media-wrapper .media-center_page .media-center_child .media-card .media-card-overlay .media-center-body h6, .media-wrapper .block-listing-wrapper .block-listing .media-card .media-card-overlay .read-more_btn a, .media-wrapper .block-listing-wrapper .block-listing .media-card .media-card-overlay .media-center-body h6, .media-wrapper header .view-header a, .page-feedback-block .page-feedback-header .page-feedback-question, .technology-node-wrapper p, .fields-and-technology header p, .digital-rating-paragraph .rating-form .rating-form-actions p, .digital-rating-paragraph .rating-form .rating-form-body .rating-feedback-wrapper .feedback-commitment textarea, .digital-rating-paragraph .rating-form .rating-form-body .rating-feedback-wrapper .feedback-commitment p, .digital-rating-paragraph .rating-form .rating-form-body .rating-feedback-wrapper .feedback-body, .digital-rating-paragraph .widget-summary .rating-summary .digital-rating-meta span, .digital-rating-paragraph .rating-title, .statistic-main-wrapper .statistic-body_wrapper .paragraph--type--statistic .statistic-body .description, .statistic-main-wrapper .statistic-wrapper p, .hero-section-wrapper .hero-section-content p a, .body-with-block .block-wrapper .block p strong, .body-with-block .block-wrapper .block p span, .body-with-block .body-wrapper p, .application-form #edit-page2--2 .form-item input, .application-form #edit-page2--2 p, .application-form #edit-page1--2 .js-webform-type-managed-file label, .application-form #edit-page1--2 .js-webform-type-checkbox label, .application-form #edit-page1--2 .js-webform-type-webform-markup p, .application-form .webform-progress .webform-progress-tracker .progress-text .progress-title, .info-with-viewer .region--header-top .day-info .flex-info .weather-temp, .info-with-viewer .region--header-top .day-info .flex-info p, .gov-accordion .accordion-content .reg-wrapper .reg, .region--search #block-sass-theme-msd-searchlinks p a, .region--search .views-exposed-form .form-actions input[type=submit], .region--search .views-exposed-form .js-form-item input, .webform-confirmation-modal .webform-confirmation-modal--content p a, .search_wrapper p, .search-main-wrapper .search-body p, body.dark-mode .language-switcher-language-url li > a, .header_wrapper .region--header #block-sass-theme-msd-mainnavigation-2 .sf-menu > li > a, .header_wrapper .region--header .language-switcher-language-url li > a, .header_wrapper .region--menubar #block-sass-theme-msd-mainnavigation .sf-menu > li > a {
    font-size: 0.267rem;
    line-height: 0.4rem;
  }
}

.body2, .date-with-logo .region--footer-fourth #block-sass-theme-msd-copyright p, .site-footer .footer-main-wrapper ul li a, .contact-us-page .contact-us_wrapper .webform-wrapper .webform-submission-form label, .views-field-changed .field-content, .page-feedback-block .page-feedback-summary, .application-form #edit-page2--2 .form-item label, .application-form #edit-page1--2 .js-webform-select-other legend span, .application-form #edit-page1--2 label, .webform-confirmation-modal .ui-dialog-titlebar h1, .header_wrapper .region--header #block-sass-theme-msd-mainnavigation-2 .sf-menu > li > ul li a, .header_wrapper .region--menubar #block-sass-theme-msd-mainnavigation .sf-menu > li > ul li a {
  font-family: "IBM_plex", sans-serif;
  font-size: 0.217rem;
  font-style: normal;
  font-weight: 400;
  line-height: 0.333rem;
}
[dir=rtl] .body2, [dir=rtl] .date-with-logo .region--footer-fourth #block-sass-theme-msd-copyright p, .date-with-logo .region--footer-fourth #block-sass-theme-msd-copyright [dir=rtl] p, [dir=rtl] .site-footer .footer-main-wrapper ul li a, .site-footer .footer-main-wrapper ul li [dir=rtl] a, [dir=rtl] .contact-us-page .contact-us_wrapper .webform-wrapper .webform-submission-form label, .contact-us-page .contact-us_wrapper .webform-wrapper .webform-submission-form [dir=rtl] label, [dir=rtl] .views-field-changed .field-content, .views-field-changed [dir=rtl] .field-content, [dir=rtl] .page-feedback-block .page-feedback-summary, .page-feedback-block [dir=rtl] .page-feedback-summary, [dir=rtl] .application-form #edit-page2--2 .form-item label, .application-form #edit-page2--2 .form-item [dir=rtl] label, [dir=rtl] .application-form #edit-page1--2 .js-webform-select-other legend span, .application-form #edit-page1--2 .js-webform-select-other legend [dir=rtl] span, [dir=rtl] .application-form #edit-page1--2 label, .application-form #edit-page1--2 [dir=rtl] label, [dir=rtl] .webform-confirmation-modal .ui-dialog-titlebar h1, .webform-confirmation-modal .ui-dialog-titlebar [dir=rtl] h1, [dir=rtl] .header_wrapper .region--header #block-sass-theme-msd-mainnavigation-2 .sf-menu > li > ul li a, .header_wrapper .region--header #block-sass-theme-msd-mainnavigation-2 .sf-menu > li > ul li [dir=rtl] a, [dir=rtl] .header_wrapper .region--menubar #block-sass-theme-msd-mainnavigation .sf-menu > li > ul li a, .header_wrapper .region--menubar #block-sass-theme-msd-mainnavigation .sf-menu > li > ul li [dir=rtl] a {
  font-family: "tajawal", sans-serif !important;
}
@media (min-width: 768px) {
  .body2, .date-with-logo .region--footer-fourth #block-sass-theme-msd-copyright p, .site-footer .footer-main-wrapper ul li a, .contact-us-page .contact-us_wrapper .webform-wrapper .webform-submission-form label, .views-field-changed .field-content, .page-feedback-block .page-feedback-summary, .application-form #edit-page2--2 .form-item label, .application-form #edit-page1--2 .js-webform-select-other legend span, .application-form #edit-page1--2 label, .webform-confirmation-modal .ui-dialog-titlebar h1, .header_wrapper .region--header #block-sass-theme-msd-mainnavigation-2 .sf-menu > li > ul li a, .header_wrapper .region--menubar #block-sass-theme-msd-mainnavigation .sf-menu > li > ul li a {
    font-size: 0.233rem;
    line-height: 0.4rem;
  }
}
@media (min-width: 1280px) {
  .body2, .date-with-logo .region--footer-fourth #block-sass-theme-msd-copyright p, .site-footer .footer-main-wrapper ul li a, .contact-us-page .contact-us_wrapper .webform-wrapper .webform-submission-form label, .views-field-changed .field-content, .page-feedback-block .page-feedback-summary, .application-form #edit-page2--2 .form-item label, .application-form #edit-page1--2 .js-webform-select-other legend span, .application-form #edit-page1--2 label, .webform-confirmation-modal .ui-dialog-titlebar h1, .header_wrapper .region--header #block-sass-theme-msd-mainnavigation-2 .sf-menu > li > ul li a, .header_wrapper .region--menubar #block-sass-theme-msd-mainnavigation .sf-menu > li > ul li a {
    font-size: 0.233rem;
    line-height: 0.333rem;
  }
}

.body3, .fields-and-technology .technology-main-wrapper .technology-wrapper .body, .partner-main-wrapper .logos .partner-wrapper .logo-with-title .title {
  font-family: "IBM_plex", sans-serif;
  font-size: 0.2rem;
  font-style: normal;
  font-weight: 400;
  line-height: 0.3rem;
}
[dir=rtl] .body3, [dir=rtl] .fields-and-technology .technology-main-wrapper .technology-wrapper .body, .fields-and-technology .technology-main-wrapper .technology-wrapper [dir=rtl] .body, [dir=rtl] .partner-main-wrapper .logos .partner-wrapper .logo-with-title .title, .partner-main-wrapper .logos .partner-wrapper .logo-with-title [dir=rtl] .title {
  font-family: "tajawal", sans-serif !important;
}

.green-btn, .webform-confirmation .webform-confirmation__back a, .download-upload-wrapper .upload-wrapper #ajax-wrapper .js-webform-type-managed-file input, .download-upload-wrapper .download-wrapper div a, .paragraph--type--body .table tr td a, .page-feedback-block .page-feedback-header .page-feedback-buttons button, .digital-rating-paragraph .rating-form .rating-form-actions button, .body-with-block .body-wrapper .card-wrapper .card-right p a, .body-with-block .body-wrapper .card-wrapper .card-left p a, .application-form #edit-page1--2 .js-webform-type-managed-file .js-form-managed-file input.form-submit, .region--search .views-exposed-form .form-actions input[type=submit], .webform-confirmation-modal .webform-confirmation-modal--content p a {
  font-family: "IBM_plex", sans-serif;
  text-decoration: none;
  background-color: #1B8354;
  padding-block: 0.133rem;
  padding-inline: 0.267rem;
  border-radius: 0.067rem;
  color: #fff;
  white-space: nowrap;
}
[dir=rtl] .green-btn, [dir=rtl] .webform-confirmation .webform-confirmation__back a, .webform-confirmation .webform-confirmation__back [dir=rtl] a, [dir=rtl] .download-upload-wrapper .upload-wrapper #ajax-wrapper .js-webform-type-managed-file input, .download-upload-wrapper .upload-wrapper #ajax-wrapper .js-webform-type-managed-file [dir=rtl] input, [dir=rtl] .download-upload-wrapper .download-wrapper div a, .download-upload-wrapper .download-wrapper div [dir=rtl] a, [dir=rtl] .paragraph--type--body .table tr td a, .paragraph--type--body .table tr td [dir=rtl] a, [dir=rtl] .page-feedback-block .page-feedback-header .page-feedback-buttons button, .page-feedback-block .page-feedback-header .page-feedback-buttons [dir=rtl] button, [dir=rtl] .digital-rating-paragraph .rating-form .rating-form-actions button, .digital-rating-paragraph .rating-form .rating-form-actions [dir=rtl] button, [dir=rtl] .body-with-block .body-wrapper .card-wrapper .card-right p a, .body-with-block .body-wrapper .card-wrapper .card-right p [dir=rtl] a, [dir=rtl] .body-with-block .body-wrapper .card-wrapper .card-left p a, .body-with-block .body-wrapper .card-wrapper .card-left p [dir=rtl] a, [dir=rtl] .application-form #edit-page1--2 .js-webform-type-managed-file .js-form-managed-file input.form-submit, .application-form #edit-page1--2 .js-webform-type-managed-file .js-form-managed-file [dir=rtl] input.form-submit, [dir=rtl] .region--search .views-exposed-form .form-actions input[type=submit], .region--search .views-exposed-form .form-actions [dir=rtl] input[type=submit], [dir=rtl] .webform-confirmation-modal .webform-confirmation-modal--content p a, .webform-confirmation-modal .webform-confirmation-modal--content p [dir=rtl] a {
  font-family: "tajawal", sans-serif !important;
}

.line {
  width: 100%;
  height: 2px;
  background-color: #1B8354;
}

ul,
li,
.view-controls,
.arrow-icon,
.application-form,
.webform-progress,
.webform-progress-tracker,
.search_icon,
.rating-actions,
.rating-widget,
.rating-form-actions,
.rating-detail,
.webform-submission-upload-file-form,
.page-feedback-buttons,
.views-field-changed,
.icon {
  font-size: 16px;
}

::after,
::before {
  font-size: 16px;
}

@font-face {
  font-family: "IBM_plex";
  src: url(../fonts/IBM_plex/IBMPlexSans-Regular.ttf);
  font-weight: 400;
}
@font-face {
  font-family: "IBM_plex";
  src: url(../fonts/IBM_plex/IBMPlexSans_Condensed-SemiBold.ttf);
  font-weight: 500;
}
@font-face {
  font-family: "IBM_plex";
  src: url(../fonts/IBMPlexSans-SemiBold.ttf);
  font-weight: 600;
}
@font-face {
  font-family: "IBM_plex";
  src: url(../fonts/IBM_plex/IBMPlexSans-Bold.ttf);
  font-weight: 700;
}
@font-face {
  font-family: "tajawal", sans-serif;
  src: url(../fonts/Tajawal/ArbFONTS-Tajawal-ExtraLight.ttf);
  font-weight: 200;
}
@font-face {
  font-family: "tajawal", sans-serif;
  src: url(../fonts/Tajawal/ArbFONTS-Tajawal-Light.ttf);
  font-weight: 300;
}
@font-face {
  font-family: "tajawal", sans-serif;
  src: url(../fonts/Tajawal/ArbFONTS-Tajawal-Regular.ttf);
  font-weight: 400;
  font-style: normal;
}
@font-face {
  font-family: "tajawal", sans-serif;
  src: url(../fonts/Tajawal/ArbFONTS-Tajawal-Medium.ttf);
  font-weight: 500;
}
@font-face {
  font-family: "tajawal", sans-serif;
  src: url(../fonts/Tajawal/ArbFONTS-Tajawal-Bold.ttf);
  font-weight: 700;
}
@font-face {
  font-family: "tajawal", sans-serif;
  src: url(../fonts/Tajawal/ArbFONTS-Tajawal-ExtraBold.ttf);
  font-weight: 800;
}
@font-face {
  font-family: "tajawal", sans-serif;
  src: url(../fonts/Tajawal/ArbFONTS-Tajawal-Black.ttf);
  font-weight: 900;
}
.container, .webform-confirmation, .download-upload-wrapper, .paragraph--type--body, .date-with-logo, .site-footer .footer-main-wrapper, .contact-us-page, .text-with-heading_wrapper .text-with-heading, .paragraph--type--message-of-director, .paragraph--type--vision-mission, .paragraph--type--about-the-center, .views-field-changed, .page-feedback-block, .technology-node-wrapper, .fields-and-technology, .partner-main-wrapper, .statistic-main-wrapper, .hero-section-wrapper .hero-section-content, .body-with-block, .application-form, .region--primary-menu #block-sass-theme-msd-page-title,
.region--primary-menu #block-sass-theme-msd-pagetitle, .region--primary-menu #block-sass-theme-msd-breadcrumbs, .region--search #block-sass-theme-msd-searchlinks, .region--search .views-exposed-form, .search-main-wrapper {
  padding-inline: 25px !important;
  margin-inline: auto;
}
@media (min-width: 768px) {
  .container, .webform-confirmation, .download-upload-wrapper, .paragraph--type--body, .date-with-logo, .site-footer .footer-main-wrapper, .contact-us-page, .text-with-heading_wrapper .text-with-heading, .paragraph--type--message-of-director, .paragraph--type--vision-mission, .paragraph--type--about-the-center, .views-field-changed, .page-feedback-block, .technology-node-wrapper, .fields-and-technology, .partner-main-wrapper, .statistic-main-wrapper, .hero-section-wrapper .hero-section-content, .body-with-block, .application-form, .region--primary-menu #block-sass-theme-msd-page-title,
  .region--primary-menu #block-sass-theme-msd-pagetitle, .region--primary-menu #block-sass-theme-msd-breadcrumbs, .region--search #block-sass-theme-msd-searchlinks, .region--search .views-exposed-form, .search-main-wrapper {
    padding-inline: 50px !important;
  }
}
@media (min-width: 1280px) {
  .container, .webform-confirmation, .download-upload-wrapper, .paragraph--type--body, .date-with-logo, .site-footer .footer-main-wrapper, .contact-us-page, .text-with-heading_wrapper .text-with-heading, .paragraph--type--message-of-director, .paragraph--type--vision-mission, .paragraph--type--about-the-center, .views-field-changed, .page-feedback-block, .technology-node-wrapper, .fields-and-technology, .partner-main-wrapper, .statistic-main-wrapper, .hero-section-wrapper .hero-section-content, .body-with-block, .application-form, .region--primary-menu #block-sass-theme-msd-page-title,
  .region--primary-menu #block-sass-theme-msd-pagetitle, .region--primary-menu #block-sass-theme-msd-breadcrumbs, .region--search #block-sass-theme-msd-searchlinks, .region--search .views-exposed-form, .search-main-wrapper {
    padding-inline: 80px !important;
    margin-inline: auto !important;
    max-width: 1440px;
  }
}

.container-2 {
  padding-inline: 16px !important;
  margin-inline: auto;
}
@media (min-width: 768px) {
  .container-2 {
    padding-inline: 25px !important;
  }
}
@media (min-width: 1280px) {
  .container-2 {
    padding-inline: 32px !important;
    margin-inline: auto !important;
    max-width: 1440px;
  }
}

.icon-google-plus {
  background-image: url("../icons/icon3.png");
}

.icon-discord {
  background-image: url("../icons/icon4.png");
}

.icon-youtube {
  background-image: url("../icons/icon5.png");
}

.icon-twitter {
  background-image: url("../icons/icon6.png");
}

.icon-instagram {
  background-image: url("../icons/icon7.png");
}

.success-message {
  position: fixed;
  z-index: 5;
  top: 80px;
  right: 0;
  left: 0;
  padding: 1.5rem 3.5rem;
  padding-left: 6rem;
  color: black;
  border: 2px solid #cfe8d3;
  border-radius: 8px;
  background-color: #f1f8f4;
}
.success-message::before {
  position: absolute;
  top: 50%;
  left: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 30px;
  height: 30px;
  content: "✓";
  transform: translate(30%, -50%);
  color: #51dc6c;
  border: 10px solid #51dc6c;
  border-radius: 50%;
  background-color: white;
  font-size: 1.5rem;
}

.error-message {
  position: fixed;
  z-index: 5000;
  top: 80px;
  right: 0;
  left: 0;
  padding: 1.5rem 3.5rem;
  padding-left: 6rem;
  color: black;
  border: 2px solid #ecc1b6;
  border-radius: 8px;
  background-color: #faeeea;
}
.error-message::before {
  position: absolute;
  top: 50%;
  left: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 30px;
  height: 30px;
  content: "❌";
  transform: translate(30%, -50%);
  color: #fb5858;
  border: 10px solid #fb5858;
  border-radius: 50%;
  background-color: white;
  font-size: 11px;
}

.info-message {
  position: fixed;
  z-index: 5000;
  top: 80px;
  right: 0;
  left: 0;
  padding: 1.5rem 3.5rem;
  padding-left: 6rem;
  color: black;
  border: 2px solid #ffd56c;
  border-radius: 8px;
  background-color: #fff9c4;
}
.info-message::before {
  position: absolute;
  top: 50%;
  left: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 30px;
  height: 30px;
  content: "!";
  transform: translate(30%, -50%);
  color: #e9ba43;
  border: 10px solid #e9ba43;
  border-radius: 50%;
  background-color: white;
  font-size: 22px;
  font-weight: bold;
}

.message-wrapper {
  position: relative;
}
.message-wrapper .cross {
  position: absolute;
  top: -8px;
  right: 4px;
  cursor: pointer;
  color: gray;
  font-size: 1.5rem;
}

.grid, .site-footer .footer-main-wrapper, .media-wrapper .media-center_page, .media-wrapper .block-listing-wrapper, .search-main-wrapper {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  column-gap: 20px;
  row-gap: 20px;
}
@media (min-width: 768px) {
  .grid, .site-footer .footer-main-wrapper, .media-wrapper .media-center_page, .media-wrapper .block-listing-wrapper, .search-main-wrapper {
    grid-template-columns: repeat(8, 1fr);
  }
}
@media (min-width: 1280px) {
  .grid, .site-footer .footer-main-wrapper, .media-wrapper .media-center_page, .media-wrapper .block-listing-wrapper, .search-main-wrapper {
    grid-template-columns: repeat(12, 1fr);
  }
}

.primary-tabs {
  position: absolute;
  z-index: 3;
  display: flex;
  flex-direction: row;
  align-items: center;
  width: fit-content;
  list-style: none;
  border-bottom: 2px solid black;
  background: white;
  gap: 1rem;
  padding-top: 4px;
}
.primary-tabs li a {
  padding: 8px 12px;
  text-decoration: none;
  color: black;
}
.primary-tabs li a.is-active {
  display: inline-block;
  color: white;
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
  background: black;
}
@media (min-width: 768px) {
  .primary-tabs {
    position: unset;
    flex-direction: row;
    width: 100%;
  }
}

* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

html {
  font-size: 60px;
}

body {
  background-color: #fff;
  color: #000;
  transition: background 0.3s, color 0.3s;
}

/* Dark Mode */
body.dark-mode {
  background-color: #0D121C;
  color: #fff;
}

.hide-on-mobile, .header_wrapper .region--menubar #block-sass-theme-msd-mainnavigation {
  display: none !important;
}
@media (min-width: 768px) {
  .hide-on-mobile, .header_wrapper .region--menubar #block-sass-theme-msd-mainnavigation {
    display: block !important;
  }
}
@media (min-width: 1280px) {
  .hide-on-mobile, .header_wrapper .region--menubar #block-sass-theme-msd-mainnavigation {
    display: block !important;
  }
}

.hide-on-tablet-n-desktop, .header_wrapper .region--header #block-sass-theme-msd-mainnavigation-2 {
  display: block !important;
}
@media (min-width: 768px) {
  .hide-on-tablet-n-desktop, .header_wrapper .region--header #block-sass-theme-msd-mainnavigation-2 {
    display: none !important;
  }
}
@media (min-width: 1280px) {
  .hide-on-tablet-n-desktop, .header_wrapper .region--header #block-sass-theme-msd-mainnavigation-2 {
    display: none !important;
  }
}

.hide-on-tablet {
  display: block !important;
}
@media (min-width: 768px) {
  .hide-on-tablet {
    display: none !important;
  }
}
@media (min-width: 1280px) {
  .hide-on-tablet {
    display: block !important;
  }
}

.hide-on-tablet-n-moblie {
  display: none !important;
}
@media (min-width: 768px) {
  .hide-on-tablet-n-moblie {
    display: none !important;
  }
}
@media (min-width: 1280px) {
  .hide-on-tablet-n-moblie {
    display: block !important;
  }
}

.success-message.message-body {
  display: none;
}

.hide-this-text {
  display: none;
}

.header_wrapper {
  border-bottom: 1px solid #6C737F;
  padding-inline: 20px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  position: relative;
  padding-block: 10px;
}
.header_wrapper .region--menubar {
  display: flex;
  gap: 20px;
  align-items: center;
}
.header_wrapper .region--menubar #block-sass-theme-msd-mainnavigation .sf-menu {
  padding-inline: 24px !important;
  border-radius: 0px 0px 10px 10px;
  position: absolute;
  background-color: #161616;
  width: auto;
}
@media (min-width: 768px) {
  .header_wrapper .region--menubar #block-sass-theme-msd-mainnavigation .sf-menu {
    gap: 0 !important;
    padding-inline: 0 !important;
    display: flex;
    position: static;
    background-color: transparent !important;
  }
}
@media (min-width: 1280px) {
  .header_wrapper .region--menubar #block-sass-theme-msd-mainnavigation .sf-menu {
    gap: 30px;
  }
}
.header_wrapper .region--menubar #block-sass-theme-msd-mainnavigation .sf-menu > li {
  z-index: 4 !important;
}
.header_wrapper .region--menubar #block-sass-theme-msd-mainnavigation .sf-menu > li > a {
  text-decoration: none;
  color: #161616;
  font-weight: 500;
  color: #fff;
}
@media (min-width: 768px) {
  .header_wrapper .region--menubar #block-sass-theme-msd-mainnavigation .sf-menu > li > a {
    color: #161616;
    padding-right: 1em !important;
    padding-block: 10px !important;
  }
}
.header_wrapper .region--menubar #block-sass-theme-msd-mainnavigation .sf-menu > li > a .sf-sub-indicator {
  right: 0;
}
@media (min-width: 1280px) {
  .header_wrapper .region--menubar #block-sass-theme-msd-mainnavigation .sf-menu > li > a .sf-sub-indicator {
    right: -5%;
    top: 55%;
  }
  [dir=rtl] .header_wrapper .region--menubar #block-sass-theme-msd-mainnavigation .sf-menu > li > a .sf-sub-indicator {
    right: auto;
    left: -5%;
  }
}
.header_wrapper .region--menubar #block-sass-theme-msd-mainnavigation .sf-menu > li > a .sf-sub-indicator::after {
  content: "" !important;
  background-image: url(../icons/menu-arrow.svg) !important;
  background-position: center !important;
  background-repeat: no-repeat !important;
  width: 15px;
  height: 15px;
}
.header_wrapper .region--menubar #block-sass-theme-msd-mainnavigation .sf-menu > li > ul {
  background-color: #1B8354 !important;
  width: 100% !important;
  padding-inline: 12px;
  margin-top: 12%;
}
.header_wrapper .region--menubar #block-sass-theme-msd-mainnavigation .sf-menu > li > ul li {
  color: #000;
}
.header_wrapper .region--menubar #block-sass-theme-msd-mainnavigation .sf-menu > li > ul li a {
  color: #fff !important;
  text-decoration: none;
  padding-inline: 0 !important;
}
.header_wrapper .region--menubar #block-sass-theme-msd-mainnavigation .sf-accordion-toggle a {
  text-decoration: none;
  color: #161616;
}
.header_wrapper .region--menubar #block-sass-theme-msd-site-branding a img {
  width: 100px;
  height: 50px;
}
@media (min-width: 1280px) {
  .header_wrapper .region--menubar #block-sass-theme-msd-site-branding a img {
    width: 154px;
    height: 50px;
  }
}
.header_wrapper .region--header {
  display: flex;
  gap: 24px;
  align-items: center;
}
.header_wrapper .region--header .search-block-form button {
  display: none;
}
.header_wrapper .region--header .search-block-form form .js-form-item {
  display: none;
}
.header_wrapper .region--header .language-switcher-language-url button {
  display: none;
}
.header_wrapper .region--header .language-switcher-language-url li {
  list-style: none;
}
.header_wrapper .region--header .language-switcher-language-url li > a {
  text-decoration: none;
  color: #1F2A37;
}
.header_wrapper .region--header .language-switcher-language-url li > span {
  display: none;
}
.header_wrapper .region--header #block-sass-theme-msd-mainnavigation-2 {
  position: static;
}
.header_wrapper .region--header #block-sass-theme-msd-mainnavigation-2 .sf-menu {
  padding-inline: 25px;
  border-radius: 0px 0px 10px 10px;
  position: absolute;
  background-color: #1B8354;
  width: auto;
  right: 0;
}
[dir=rtl] .header_wrapper .region--header #block-sass-theme-msd-mainnavigation-2 .sf-menu {
  right: 0 !important;
}
@media (min-width: 768px) {
  .header_wrapper .region--header #block-sass-theme-msd-mainnavigation-2 .sf-menu {
    gap: 20px;
    display: flex;
    position: static;
    background-color: transparent !important;
  }
}
@media (min-width: 1280px) {
  .header_wrapper .region--header #block-sass-theme-msd-mainnavigation-2 .sf-menu {
    gap: 30px;
  }
}
.header_wrapper .region--header #block-sass-theme-msd-mainnavigation-2 .sf-menu > li > a {
  text-decoration: none;
  color: #161616;
  font-weight: 500;
  color: #fff;
  padding-right: 3em;
}
[dir=rtl] .header_wrapper .region--header #block-sass-theme-msd-mainnavigation-2 .sf-menu > li > a {
  padding-left: 3em !important;
}
@media (min-width: 768px) {
  .header_wrapper .region--header #block-sass-theme-msd-mainnavigation-2 .sf-menu > li > a {
    color: #161616;
    padding-right: 1em !important;
  }
}
.header_wrapper .region--header #block-sass-theme-msd-mainnavigation-2 .sf-menu > li > a .sf-sub-indicator {
  right: 0;
}
[dir=rtl] .header_wrapper .region--header #block-sass-theme-msd-mainnavigation-2 .sf-menu > li > a .sf-sub-indicator {
  left: 0 !important;
  right: unset !important;
}
@media (min-width: 1280px) {
  .header_wrapper .region--header #block-sass-theme-msd-mainnavigation-2 .sf-menu > li > a .sf-sub-indicator {
    right: -5%;
    top: 55%;
  }
}
.header_wrapper .region--header #block-sass-theme-msd-mainnavigation-2 .sf-menu > li > a .sf-sub-indicator::after {
  content: "" !important;
  background-image: url(../icons/menu-arrow.svg) !important;
  background-position: center !important;
  background-repeat: no-repeat !important;
  width: 15px;
  height: 15px;
  filter: invert(1);
}
@media (min-width: 768px) {
  .header_wrapper .region--header #block-sass-theme-msd-mainnavigation-2 .sf-menu > li > a .sf-sub-indicator::after {
    filter: invert(0);
  }
}
.header_wrapper .region--header #block-sass-theme-msd-mainnavigation-2 .sf-menu > li > ul {
  background-color: #F3F4F6 !important;
  width: 100% !important;
  padding-inline: 12px;
  border-radius: 16px;
}
.header_wrapper .region--header #block-sass-theme-msd-mainnavigation-2 .sf-menu > li > ul li a {
  color: #000 !important;
  text-decoration: none;
  padding-inline: 0 !important;
}
.header_wrapper .region--header #block-sass-theme-msd-mainnavigation-2 .sf-accordion-toggle a {
  text-decoration: none;
  font-size: 50px;
  color: #161616;
}

body.dark-mode .language-switcher-language-url li > a {
  text-decoration: none;
  color: #fff !important;
}

body.dark-mode .header_wrapper .region--menubar #block-sass-theme-msd-mainnavigation ul li a {
  color: #fff;
}
body.dark-mode .header_wrapper .region--menubar #block-sass-theme-msd-mainnavigation ul li a .sf-sub-indicator::after {
  filter: invert(1);
}
body.dark-mode .header_wrapper .region--header .language-switcher-language-url .links li a {
  color: #fff;
}
body.dark-mode .header_wrapper .region--header .language-switcher-language-url .links li.is-active {
  display: none;
}

.search-main-wrapper .search-body {
  grid-column: span 4;
}
.search_wrapper {
  display: flex;
  align-items: center;
  gap: 5px;
  cursor: pointer;
}
.search_wrapper .search_icon {
  background-image: url(../icons/search-icon.svg) !important;
  background-position: left !important;
  background-repeat: no-repeat;
  width: 20px;
  height: 20px;
}
.search_wrapper p {
  font-weight: 500;
}

.webform-confirmation-modal {
  left: 50% !important;
  transform: translate(-50%, -50%) !important;
  top: 50% !important;
  width: auto !important;
  padding: 16px !important;
  border-radius: 20px;
}
.webform-confirmation-modal .ui-dialog-titlebar {
  background-color: transparent;
  border: unset;
  padding: unset !important;
}
.webform-confirmation-modal .ui-dialog-titlebar h1 {
  font-weight: 600;
  padding-block: 8px;
}
.webform-confirmation-modal .ui-dialog-titlebar button {
  border: unset;
  background-color: transparent;
}
.webform-confirmation-modal .ui-dialog-titlebar::before {
  content: url(../icons/green-check.svg);
  background-color: #F9FAFB;
  padding: 8px 8px 3px 8px;
  display: block;
  width: fit-content;
  border-radius: 50%;
}
.webform-confirmation-modal .webform-confirmation-modal--content {
  min-height: auto !important;
  padding: unset !important;
}
.webform-confirmation-modal .webform-confirmation-modal--content p {
  display: flex;
  justify-content: end;
  padding-top: 12px;
}
.webform-confirmation-modal .webform-confirmation-modal--content p a {
  background-color: #000 !important;
  display: block;
  width: fit-content;
}

.region--search {
  display: none;
  padding-block: 40px;
  background-color: #fff;
  border-radius: 0 0 16px 16px;
}
.region--search .views-exposed-form #views-exposed-form-search-content-page-1 {
  display: flex;
  align-items: center;
  gap: 12px;
  width: 100%;
}
.region--search .views-exposed-form .js-form-item {
  width: 90%;
}
.region--search .views-exposed-form .js-form-item input {
  width: 100%;
  padding-block: 8px;
  padding-inline: 40px;
  border: 1px solid #dcdcdc;
  border-radius: 4px;
  background-image: url("../icons/search-icon.svg");
  background-repeat: no-repeat;
  background-position: 12px center !important;
}
.region--search .views-exposed-form .js-form-item input:focus {
  border-color: #2e7d32;
  outline: none;
}
.region--search .views-exposed-form .form-actions input[type=submit] {
  cursor: pointer;
  font-weight: 500;
  transition: 0.3s;
  border: unset;
}
.region--search #block-sass-theme-msd-searchlinks h6 {
  padding-block: 40px 16px;
  color: #1B8354;
}
.region--search #block-sass-theme-msd-searchlinks p {
  display: flex;
  gap: 12px;
  align-items: center;
}
.region--search #block-sass-theme-msd-searchlinks p a {
  display: inline-block;
  padding: 7px 12px;
  border-radius: 4px;
  color: #161616;
  font-weight: 500;
  text-decoration: none;
  background-color: #F3F4F6;
}

.region--search.show-search {
  display: block;
}

.dark-mode .region--search.show-search {
  background-color: #000;
}
.dark-mode .region--search.show-search input {
  background: #000;
  color: #fff;
}

.dark-mode .search_icon {
  filter: invert(1);
}

.dark-mode .search-api-autocomplete-search ul {
  background-color: #000 !important;
}
.dark-mode .search-api-autocomplete-search li {
  background-color: #000 !important;
}
.dark-mode .search-api-autocomplete-search span {
  color: #fff;
}

.region--primary-menu {
  background-color: #F7FDF9;
  padding-block: 40px;
}
.region--primary-menu #block-sass-theme-msd-breadcrumbs a {
  color: #384250;
}
.region--primary-menu #block-sass-theme-msd-breadcrumbs li {
  color: #9DA4AE;
}
.region--primary-menu #block-sass-theme-msd-breadcrumbs nav[role=navigation] ol {
  list-style: none;
  margin: 0;
  display: inline-block;
}
.region--primary-menu #block-sass-theme-msd-breadcrumbs nav[role=navigation] li {
  display: inline;
  align-items: center;
}
.region--primary-menu #block-sass-theme-msd-breadcrumbs nav[role=navigation] li + li:before {
  content: ">";
  padding-right: 8px;
}
.region--primary-menu #block-sass-theme-msd-breadcrumbs nav[role=navigation] a {
  text-decoration: none;
}
.region--primary-menu #block-sass-theme-msd-page-title h1,
.region--primary-menu #block-sass-theme-msd-pagetitle h1 {
  padding-top: 8px;
}

body.dark-mode .region--primary-menu {
  background-color: #092A1E;
}
body.dark-mode .region--primary-menu #block-sass-theme-msd-breadcrumbs a {
  color: #fff;
}
body.dark-mode .region--primary-menu #block-sass-theme-msd-breadcrumbs li {
  color: #fff;
}

.gov-accordion {
  border: 1px solid #e5e5e5;
  font-family: Arial, sans-serif;
  background: #F3F4F6;
  padding-inline: 0 !important;
}
.gov-accordion .info-body strong {
  font-weight: 600;
  color: #1B8354;
}
.gov-accordion .accordion-header {
  background-color: transparent;
  width: 100%;
  border: none;
  padding: 16px;
  display: flex;
  align-items: center;
  cursor: pointer;
  font-size: 12px;
}
@media (min-width: 1280px) {
  .gov-accordion .accordion-header {
    font-size: 14px;
  }
}
.gov-accordion .accordion-header.active .arrow {
  transform: rotate(180deg);
}
.gov-accordion .accordion-header .flag {
  width: 24px;
  height: 24px;
  font-size: 24px;
  display: flex;
  align-items: center;
  margin-right: 9px;
}
.gov-accordion .accordion-header .title {
  font-weight: bold;
}
.gov-accordion .accordion-header .toggle {
  color: #0f7b44;
  font-weight: bold;
  margin-left: 12px;
}
.gov-accordion .accordion-header .arrow {
  transition: transform 0.3s ease;
  background-image: url(../icons/menu-arrow.svg);
  background-size: contain;
  background-repeat: no-repeat;
  width: 16px;
  height: 9px;
  margin-left: 6px;
}
.gov-accordion .accordion-content {
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.4s ease;
}
.gov-accordion .accordion-content .info-wrapper {
  display: flex;
  flex-direction: column;
}
@media (min-width: 1280px) {
  .gov-accordion .accordion-content .info-wrapper {
    flex-direction: row;
  }
}
.gov-accordion .accordion-content .info-wrapper .info-item {
  display: flex;
  gap: 16px;
  padding: 20px;
  border-top: 1px solid #eee;
}
.gov-accordion .accordion-content .info-wrapper .info-item h4 {
  margin: 0 0 6px;
  font-size: 14px;
}
.gov-accordion .accordion-content .info-wrapper .info-item p {
  margin: 0;
  font-size: 13px;
  color: #555;
}
.gov-accordion .accordion-content .info-wrapper .info-item .icon-wrapper {
  border-radius: 50%;
  border: 1px solid #067647;
  height: fit-content;
  padding: 12px;
}
.gov-accordion .accordion-content .info-wrapper .info-item .icon-wrapper .chain {
  background-image: url(../icons/link-icon.svg);
  background-size: cover;
  background-repeat: no-repeat;
  width: 24px;
  height: 24px;
}
.gov-accordion .accordion-content .info-wrapper .info-item .icon-wrapper .lock {
  background-image: url(../icons/lock-icon.svg);
  background-size: cover;
  background-repeat: no-repeat;
  width: 24px;
  height: 24px;
}
.gov-accordion .accordion-content .reg-wrapper {
  margin-bottom: 40px;
  flex: 100%;
  display: flex;
  gap: 24px;
  background-color: #fff;
  padding: 8px 24px;
  border-radius: 8px;
  align-items: center;
}
.gov-accordion .accordion-content .reg-wrapper .reg-icon {
  background-image: url(../icons/dga-logo.svg);
  background-size: cover;
  background-repeat: no-repeat;
  width: 24px;
  height: 24px;
}
.gov-accordion .accordion-content .reg-wrapper .reg .reg-no {
  color: #1B8354;
  font-weight: bold;
  text-decoration: underline;
}
body.dark-mode .gov-accordion {
  background: black;
  border: none;
}
body.dark-mode .gov-accordion .accordion-header {
  color: white;
}
body.dark-mode .gov-accordion .accordion-header .arrow {
  filter: brightness(0) invert(1);
}
body.dark-mode .gov-accordion .reg-wrapper {
  background-color: black;
}

body.dark-mode .gov-accordion .accordion-content .info-wrapper .info-item p {
  color: white !important;
}

.info-with-viewer {
  background-color: #F3F4F6;
}
.info-with-viewer .region--header-top {
  padding-inline: 20px;
  display: flex;
  padding-block: 8px;
  align-items: end;
  gap: 16px;
  border-block: 1px solid #6C737F;
  flex-direction: column;
}
@media (min-width: 768px) {
  .info-with-viewer .region--header-top {
    flex-direction: column;
    justify-content: space-between;
  }
}
@media (min-width: 768px) {
  .info-with-viewer .region--header-top {
    align-items: center;
    flex-direction: row;
  }
}
.info-with-viewer .region--header-top .day-info {
  display: flex;
  align-items: center;
  gap: 10px;
}
@media (min-width: 768px) {
  .info-with-viewer .region--header-top .day-info {
    gap: 32px;
  }
}
.info-with-viewer .region--header-top .day-info .flex-info {
  display: flex;
  align-items: center;
  gap: 7px;
}
@media (min-width: 768px) {
  .info-with-viewer .region--header-top .day-info .flex-info {
    gap: 12px;
  }
}
.info-with-viewer .region--header-top .day-info .flex-info img {
  display: block;
  width: 22px;
  height: 22px;
}
.info-with-viewer .region--header-top #block-sass-theme-msd-viewercontrols button {
  display: none;
}
.info-with-viewer .region--header-top #block-sass-theme-msd-viewercontrols .view-controls {
  display: flex;
  align-items: center;
  gap: 16px;
  cursor: pointer;
}
.info-with-viewer .region--header-top #block-sass-theme-msd-viewercontrols .view-controls .zoom-controls {
  display: flex;
  gap: 16px;
  align-items: center;
}

body.dark-mode .info-with-viewer {
  background-color: #1F2A37;
}
body.dark-mode .info-with-viewer .region--header-top {
  border-block: 1px solid #6C737F;
}
body.dark-mode .info-with-viewer .region--header-top .day-info img {
  filter: invert(1);
}
body.dark-mode .info-with-viewer .region--header-top #block-sass-theme-msd-viewercontrols .view-controls img {
  filter: invert(1);
}

.dark-mode .body-wrapper .part-bottom {
  background-color: #1F2A37 !important;
}

.dark-mode .ckeditor-accordion-container .body-wrapper {
  background-color: #000 !important;
}

/* Wrapper spacing */
.application-form {
  display: flex;
  flex-wrap: wrap;
  flex-direction: column;
  width: 100%;
  padding: 20px;
  gap: 32px;
}
@media (min-width: 768px) {
  .application-form {
    flex-direction: row-reverse;
    justify-content: flex-end;
  }
}
.application-form .webform-progress {
  background-color: #F9FAFB;
  border-radius: 16px;
  height: 120px;
}
@media (min-width: 768px) {
  .application-form .webform-progress {
    height: 400px;
  }
}
@media (min-width: 768px) {
  .application-form .webform-progress {
    width: 30%;
  }
}
.application-form .webform-progress .webform-progress-tracker {
  position: relative;
  right: 0;
}
@media (min-width: 768px) {
  .application-form .webform-progress .webform-progress-tracker {
    right: 50%;
  }
}
@media (min-width: 768px) {
  .application-form .webform-progress .webform-progress-tracker {
    transform: rotate(90deg);
    margin-top: 1.8rem;
    min-height: 150px;
  }
}
.application-form .webform-progress .webform-progress-tracker .progress-text {
  display: block;
}
@media (min-width: 768px) {
  .application-form .webform-progress .webform-progress-tracker .progress-text {
    transform: rotate(-90deg);
    position: relative;
    bottom: 2rem;
  }
}
@media (min-width: 768px) {
  .application-form .webform-progress .webform-progress-tracker .progress-text .progress-title {
    text-align: left;
  }
}
@media (min-width: 768px) {
  .application-form .webform-progress .webform-progress-tracker .progress-marker::before {
    transform: rotate(-90deg);
  }
}
@media (min-width: 768px) {
  .application-form #edit-page1--2 {
    width: 65%;
  }
}
.application-form #edit-page1--2 label {
  font-weight: 600;
  margin-bottom: 6px;
  display: block;
  color: #333;
}
.dark-mode .application-form #edit-page1--2 label {
  color: #fff;
}
.application-form #edit-page1--2 .js-webform-type-webform-markup p {
  padding-block: 16px 24px;
}
.application-form #edit-page1--2 .webform-name--wrapper {
  border: none;
}
.application-form #edit-page1--2 .js-webform-select-other {
  border: none;
}
.application-form #edit-page1--2 .js-webform-select-other legend {
  padding-bottom: 8px;
}
.application-form #edit-page1--2 .js-webform-select-other legend span {
  color: #333;
  font-weight: 600;
}
.dark-mode .application-form #edit-page1--2 .js-webform-select-other legend span {
  color: #fff;
}
.application-form #edit-page1--2 .js-webform-type-checkbox {
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-direction: row-reverse;
}
.application-form #edit-page1--2 {
  padding-block: 24px;
}
.application-form #edit-page1--2 .js-webform-type-managed-file {
  background: #F3F4F6;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding-block: 24px;
  border: 1px solid #D2D6DB;
  border-radius: 4px;
  margin-block: 24px;
}
.application-form #edit-page1--2 .js-webform-type-managed-file .webform-element-description {
  display: ruby;
}
.application-form #edit-page1--2 .js-webform-type-managed-file input {
  padding-block: 10px;
}
.application-form #edit-page1--2 .js-webform-type-managed-file::before {
  content: url(../icons/elements.svg);
  padding-bottom: 24px;
}
.application-form #edit-page1--2 .js-webform-type-managed-file .js-form-managed-file input.form-submit {
  border: unset;
}
.application-form #edit-page1--2 input.form-text,
.application-form #edit-page1--2 select.form-select {
  width: 100%;
  padding: 12px 14px;
  border: 1px solid #ccc;
  border-radius: 8px;
  background: #fff;
  font-size: 15px;
  margin-bottom: 20px;
  transition: 0.2s;
}
.dark-mode .application-form #edit-page1--2 input {
  background-color: #1F2A37;
  color: #fff;
}
.application-form #edit-page1--2 input.form-text:focus,
.application-form #edit-page1--2 select.form-select:focus {
  border-color: #0066ff;
  box-shadow: 0 0 0 2px rgba(0, 102, 255, 0.15);
  outline: none;
}
.application-form #edit-actions {
  width: 100%;
}
.application-form #edit-actions input[type=submit] {
  background: #0c8f44;
  color: #fff;
  padding: 12px 24px;
  border: none;
  border-radius: 8px;
  font-size: 16px;
  cursor: pointer;
  transition: 0.2s;
}
.application-form #edit-page2--2 {
  width: 66%;
}
.application-form #edit-page2--2 h4 {
  margin-bottom: 12px;
}
.application-form #edit-page2--2 .form-item {
  padding-bottom: 24px;
}
.application-form #edit-page2--2 .form-item label {
  font-weight: 700;
  padding-bottom: 8px;
  display: block;
}
.application-form #edit-page2--2 .form-item input {
  width: 100%;
  padding: 12px;
  border: 1px solid #d0d0d0;
  border-radius: 6px;
}
.application-form #edit-page2--2 .form-item-first-name,
.application-form #edit-page2--2 .form-item-last-name,
.application-form #edit-page2--2 .form-item-email,
.application-form #edit-page2--2 .form-item-contact-number {
  width: 50%;
  float: left;
}
.application-form #edit-page2--2 .form-item-first-name {
  padding-right: 4%;
}
.application-form #edit-page2--2 .form-item-email {
  padding-right: 4%;
}
.application-form #edit-page2--2 .form-item-position {
  width: 100%;
  clear: both;
}
.application-form #edit-page2--2 .iti--allow-dropdown {
  width: 100%;
}
.application-form #edit-page2--2 .iti--allow-dropdown input {
  padding-left: 71px;
}

.dark-mode #edit-page1--2 .dark-mode input.form-text,
.dark-mode #edit-page1--2 select.form-select {
  background-color: #1F2A37;
}

body.dark-mode .application-form .webform-progress {
  background-color: #1F2A37;
}
body.dark-mode .application-form .webform-progress .webform-progress-tracker .progress-text .progress-title {
  color: #fff;
}
body.dark-mode .application-form #edit-page1--2 .js-webform-type-managed-file {
  background-color: #1F2A37 !important;
}
body.dark-mode .application-form #edit-page1--2 .js-webform-type-managed-file::before {
  filter: invert(1);
}
body.dark-mode .application-form #edit-page1--2 .js-webform-type-managed-file .js-form-managed-file .file--mime-application-pdf a {
  color: #fff;
}
body.dark-mode .application-form #edit-page2--2 .form-item input {
  background-color: #1F2A37;
}
body.dark-mode {
  background-color: #000;
}
body.dark-mode .progress-text {
  color: #ccc;
}

.body-with-block {
  display: flex;
  gap: 32px;
  padding-block: 40px;
  flex-direction: column;
}
@media (min-width: 768px) {
  .body-with-block {
    flex-direction: row;
  }
}
.body-with-block .body-wrapper h4 {
  padding-block: 32px 16px;
}
.body-with-block .body-wrapper p {
  padding-block: 8px;
}
.body-with-block .body-wrapper .card-wrapper {
  display: flex;
  gap: 32px;
  padding-top: 8px;
  flex-direction: column;
}
@media (min-width: 768px) {
  .body-with-block .body-wrapper .card-wrapper {
    flex-direction: row;
  }
}
.body-with-block .body-wrapper .card-wrapper .card-left {
  width: 100%;
  border-radius: 16px;
  padding: 16px;
  box-shadow: 0px 2px 4px -2px rgba(16, 24, 40, 0.0588235294);
  box-shadow: 0px 4px 8px -2px rgba(16, 24, 40, 0.1019607843);
}
@media (min-width: 768px) {
  .body-with-block .body-wrapper .card-wrapper .card-left {
    width: 50%;
  }
}
.body-with-block .body-wrapper .card-wrapper .card-left::before {
  content: url(../icons/teacher-icon.svg);
  display: block;
  background-color: #F9FAFB;
  padding: 12px;
  width: fit-content;
  border-radius: 50%;
}
.body-with-block .body-wrapper .card-wrapper .card-left h6 {
  padding-block: 24px;
}
.body-with-block .body-wrapper .card-wrapper .card-left p a {
  background-image: url("../icons/white-arow.svg");
  background-repeat: no-repeat;
  background-position: right 10px center;
  background-size: 16px;
  padding-right: 35px;
}
.body-with-block .body-wrapper .card-wrapper .card-right {
  width: 100%;
  border-radius: 16px;
  padding: 16px;
  box-shadow: 0px 2px 4px -2px rgba(16, 24, 40, 0.0588235294);
  box-shadow: 0px 4px 8px -2px rgba(16, 24, 40, 0.1019607843);
}
@media (min-width: 768px) {
  .body-with-block .body-wrapper .card-wrapper .card-right {
    width: 50%;
  }
}
.body-with-block .body-wrapper .card-wrapper .card-right::before {
  content: url(../icons/teacher-icon.svg);
  display: block;
  background-color: #F9FAFB;
  padding: 12px;
  width: fit-content;
  border-radius: 50%;
}
.body-with-block .body-wrapper .card-wrapper .card-right h6 {
  padding-block: 24px;
}
.body-with-block .body-wrapper .card-wrapper .card-right p a {
  background-image: url("../icons/white-arow.svg");
  background-repeat: no-repeat;
  background-position: right 10px center;
  background-size: 16px;
  padding-right: 35px;
}
.body-with-block .block-wrapper {
  position: relative;
  background-color: #fff;
}
.body-with-block .block-wrapper .block {
  border: 1px solid #D2D6DB;
  border-radius: 16px;
  padding: 40px;
}
.body-with-block .block-wrapper .block h6 {
  padding-bottom: 8px;
}
.body-with-block .block-wrapper .block p {
  color: #1B8354;
  padding-block: 6px;
  display: flex;
  align-items: center;
  font-size: 16px;
}
.body-with-block .block-wrapper .block p span {
  padding-left: 32px;
}
.body-with-block .block-wrapper .block p strong {
  color: #000;
  font-weight: 700;
}
.body-with-block .block-wrapper .block #block-socialiinks h2, .body-with-block .block-wrapper .block #block-socialiinks .statistic-main-wrapper .statistic-body_wrapper .paragraph--type--statistic .statistic-body .number-with-suffix .suffix, .statistic-main-wrapper .statistic-body_wrapper .paragraph--type--statistic .statistic-body .number-with-suffix .body-with-block .block-wrapper .block #block-socialiinks .suffix, .body-with-block .block-wrapper .block #block-socialiinks .statistic-main-wrapper .statistic-body_wrapper .paragraph--type--statistic .statistic-body .number-with-suffix .number, .statistic-main-wrapper .statistic-body_wrapper .paragraph--type--statistic .statistic-body .number-with-suffix .body-with-block .block-wrapper .block #block-socialiinks .number {
  padding-block: 16px 8px;
}
.body-with-block .block-wrapper .block #block-socialiinks .social-media-links--platforms {
  display: flex;
  gap: 8px;
}
.body-with-block .block-wrapper .block #block-socialiinks .social-media-links--platforms li a svg {
  height: 25px !important;
}
.body-with-block .block-wrapper .block #block-socialiinks .social-media-links--platforms li a svg path {
  color: #000;
}

.dark-mode .block-wrapper {
  background-color: #0D121C;
}
.dark-mode .block-wrapper .block {
  background-color: #000;
}

.hero-section-wrapper {
  position: relative;
}
.hero-section-wrapper .hero-section-video {
  width: 100%;
  height: 100%;
}
.hero-section-wrapper .hero-section-video video {
  width: 100%;
  height: 410px;
  object-fit: cover;
}
@media (min-width: 1280px) {
  .hero-section-wrapper .hero-section-video video {
    height: 770px;
  }
}
.hero-section-wrapper .hero-section-content {
  width: 100%;
  position: absolute;
  top: 8%;
}
@media (min-width: 768px) {
  .hero-section-wrapper .hero-section-content {
    width: 75%;
    top: 15%;
  }
}
@media (min-width: 1280px) {
  .hero-section-wrapper .hero-section-content {
    width: 65%;
    top: 40%;
    left: 21%;
    transform: translate(-31%, -50%);
  }
  [dir=rtl] .hero-section-wrapper .hero-section-content {
    right: 2%;
    left: unset;
    transform: translate(0%, -50%);
  }
}
.hero-section-wrapper .hero-section-content h1 {
  color: #fff;
  padding-bottom: 40px;
}
.hero-section-wrapper .hero-section-content p a {
  text-decoration: none;
  color: #000;
  padding-block: 8px;
  padding-inline: 16px;
  display: inline-block;
  background-color: #fff;
  border-radius: 4px;
}

.statistic-main-wrapper {
  padding-block: 40px;
  background-color: #F9FAFB;
}
.statistic-main-wrapper .statistic-wrapper p {
  padding-top: 24px;
  padding-bottom: 32px;
}
.statistic-main-wrapper .statistic-body_wrapper {
  display: flex;
  flex-direction: column;
  gap: 20px;
}
@media (min-width: 768px) {
  .statistic-main-wrapper .statistic-body_wrapper {
    align-items: center;
    flex-direction: row;
  }
}
.statistic-main-wrapper .statistic-body_wrapper .paragraph--type--statistic {
  flex: 1 1 auto;
}
.statistic-main-wrapper .statistic-body_wrapper .paragraph--type--statistic .statistic-body {
  display: flex;
  flex-direction: column;
  background-color: #fff;
  align-items: center;
  padding-block: 16px;
  border-radius: 20px;
}
.statistic-main-wrapper .statistic-body_wrapper .paragraph--type--statistic .statistic-body .icon {
  background-color: #F3FCF6;
  padding: 17px;
  border-radius: 50%;
}
.statistic-main-wrapper .statistic-body_wrapper .paragraph--type--statistic .statistic-body .icon img {
  width: 30px;
  height: 25px;
}
.statistic-main-wrapper .statistic-body_wrapper .paragraph--type--statistic .statistic-body .number-with-suffix {
  display: flex;
  align-items: center;
  gap: 5px;
  padding-block: 24px 8px;
}
body.dark-mode .statistic-main-wrapper {
  background-color: #14573A;
}
body.dark-mode .statistic-main-wrapper .statistic-body_wrapper .paragraph--type--statistic .statistic-body {
  background-color: #000;
}
body.dark-mode .statistic-main-wrapper .statistic-body_wrapper .paragraph--type--statistic .statistic-body .icon {
  background-color: rgba(22, 106, 69, 0.1019607843);
}
body.dark-mode .statistic-main-wrapper .statistic-body_wrapper .paragraph--type--statistic .statistic-body .number-with-suffix .number {
  color: #fff;
}
body.dark-mode .statistic-main-wrapper .statistic-body_wrapper .paragraph--type--statistic .statistic-body .number-with-suffix .suffix {
  color: #fff;
}
body.dark-mode .statistic-main-wrapper .statistic-body_wrapper .paragraph--type--statistic .statistic-body .description {
  color: #fff;
}

.partner-main-wrapper {
  padding-block: 40px;
}
.partner-main-wrapper .heading {
  padding-bottom: 32px;
}
.partner-main-wrapper .logos {
  padding-inline: 54px;
}
.partner-main-wrapper .logos .slick-arrow {
  background: #F3F4F6;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 40px;
  height: 40px;
  border-radius: 4px;
}
.partner-main-wrapper .logos .slick-prev {
  left: 0;
}
[dir=rtl] .partner-main-wrapper .logos .slick-prev {
  left: unset;
  right: 12px;
}
.partner-main-wrapper .logos .slick-prev::before {
  content: url(../icons/slider-arrow.svg);
  transform: rotate(180deg);
  filter: brightness(0%);
}
[dir=rtl] .partner-main-wrapper .logos .slick-prev::before {
  transform: rotate(0deg);
}
.partner-main-wrapper .logos .slick-next {
  right: 15px;
}
[dir=rtl] .partner-main-wrapper .logos .slick-next {
  right: unset;
  left: 15px;
}
@media (min-width: 1280px) {
  .partner-main-wrapper .logos .slick-next {
    right: 7px;
  }
  [dir=rtl] .partner-main-wrapper .logos .slick-next {
    right: unset;
    left: 0;
  }
}
.partner-main-wrapper .logos .slick-next::before {
  content: url(../icons/slider-arrow.svg);
  filter: brightness(0%);
}
[dir=rtl] .partner-main-wrapper .logos .slick-next::before {
  transform: rotate(180deg);
}
.partner-main-wrapper .logos .partner-wrapper {
  border: 1px solid #D2D6DB;
  border-radius: 16px;
  display: flex;
  justify-content: center;
  padding: 16px;
  margin-right: 15px;
}
.partner-main-wrapper .logos .partner-wrapper .logo-with-title {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  gap: 8px;
}
body.dark-mode .partner-main-wrapper .logos .slick-arrow {
  background: transparent;
  color: #fff;
}
body.dark-mode .partner-main-wrapper .logos .slick-prev::before {
  filter: inherit;
}
body.dark-mode .partner-main-wrapper .logos .slick-next::before {
  filter: inherit;
}
body.dark-mode .partner-main-wrapper .logos .partner-wrapper {
  padding: 12px;
  background-color: #1F2A37;
}
body.dark-mode .partner-main-wrapper .logos .partner-wrapper .logo-with-title {
  background-color: #000;
  padding: 7px;
}

.digital-rating-paragraph {
  display: flex;
  align-items: center;
  gap: 24px;
  padding-block: 24px 73px;
  flex-direction: column;
  position: relative;
}
@media (min-width: 768px) {
  .digital-rating-paragraph {
    gap: 8px;
    flex-direction: row;
  }
}
@media (min-width: 1280px) {
  .digital-rating-paragraph {
    gap: 24px;
  }
}
.digital-rating-paragraph .widget-summary {
  display: flex;
  align-items: center;
  gap: 6px;
}
@media (min-width: 1280px) {
  .digital-rating-paragraph .widget-summary {
    gap: 8px;
  }
}
.digital-rating-paragraph .widget-summary .rating-actions {
  position: absolute;
  left: 50%;
  top: 87%;
  transform: translate(-50%, -87%);
  cursor: pointer;
}
@media (min-width: 768px) {
  .digital-rating-paragraph .widget-summary .rating-actions {
    position: absolute;
    right: 0;
    left: unset;
    top: unset;
    transform: unset;
  }
  [dir=rtl] .digital-rating-paragraph .widget-summary .rating-actions {
    right: unset;
    left: 0;
  }
}
.digital-rating-paragraph .widget-summary .rating-actions button {
  padding: 8px 16px;
  background: #1B8354;
  color: #fff;
  border-radius: 4px;
  border: none;
}
.digital-rating-paragraph .widget-summary .rating-widget {
  font-size: 16px;
}
.digital-rating-paragraph .widget-summary .rating-widget .rating-input a {
  text-decoration: none;
  font-size: 32px;
  color: #6C737F;
}
.digital-rating-paragraph .widget-summary .rating-widget .rating-input a.star-filled {
  color: #1B8354;
}
.digital-rating-paragraph .widget-summary .rating-summary .digital-rating-meta {
  font-size: 16px;
}
.digital-rating-paragraph .rating-form {
  width: 100%;
  position: relative;
}
.digital-rating-paragraph .rating-form .rating-form-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.digital-rating-paragraph .rating-form .rating-form-header .rating-detail span {
  font-weight: 500;
}
.digital-rating-paragraph .rating-form .rating-form-header .rating-close-btn button {
  display: flex;
  align-items: center;
  gap: 6px;
  border: unset;
  background: transparent;
  font-weight: 500;
}
.digital-rating-paragraph .rating-form .rating-form-header .rating-close-btn button::after {
  content: " ×";
  font-size: 21px;
  border: 2px solid #161616;
  padding-inline: 6px;
  padding-bottom: 3px;
  padding-top: 2px;
  height: fit-content;
  border-radius: 50%;
}
@media (min-width: 768px) {
  .digital-rating-paragraph .rating-form .rating-form-header .rating-close-btn button::after {
    padding-block: 0 !important;
  }
}
.digital-rating-paragraph .rating-form .rating-form-body .rating-feedback-wrapper {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding-block: 32px;
  flex-direction: column;
}
@media (min-width: 768px) {
  .digital-rating-paragraph .rating-form .rating-form-body .rating-feedback-wrapper {
    flex-direction: row;
  }
}
.digital-rating-paragraph .rating-form .rating-form-body .rating-feedback-wrapper .feedback-body {
  width: 100%;
}
@media (min-width: 768px) {
  .digital-rating-paragraph .rating-form .rating-form-body .rating-feedback-wrapper .feedback-body {
    width: 40%;
  }
}
.digital-rating-paragraph .rating-form .rating-form-body .rating-feedback-wrapper .feedback-body label {
  font-weight: 500;
  padding-bottom: 24px;
  display: block;
}
.digital-rating-paragraph .rating-form .rating-form-body .rating-feedback-wrapper .feedback-body .rating-widget {
  padding-block: 10px;
  font-size: 16px;
}
@media (min-width: 768px) {
  .digital-rating-paragraph .rating-form .rating-form-body .rating-feedback-wrapper .feedback-body .rating-widget {
    padding-top: 10px;
  }
}
.digital-rating-paragraph .rating-form .rating-form-body .rating-feedback-wrapper .feedback-body .rating-widget .rating-input a {
  text-decoration: none;
  font-size: 32px;
  color: #6C737F;
}
.digital-rating-paragraph .rating-form .rating-form-body .rating-feedback-wrapper .feedback-body .rating-widget .rating-input a.star-filled {
  color: #1B8354;
}
.digital-rating-paragraph .rating-form .rating-form-body .rating-feedback-wrapper .feedback-commitment {
  width: 100%;
}
@media (min-width: 768px) {
  .digital-rating-paragraph .rating-form .rating-form-body .rating-feedback-wrapper .feedback-commitment {
    width: 50%;
  }
}
.digital-rating-paragraph .rating-form .rating-form-body .rating-feedback-wrapper .feedback-commitment textarea {
  width: 100%;
  padding: 16px 12px;
  border-radius: 6px;
  border: 1px solid #6C737F;
}
.digital-rating-paragraph .rating-form .rating-form-body .rating-feedback-wrapper .feedback-commitment textarea::placeholder {
  color: #6C737F;
}
.digital-rating-paragraph .rating-form .rating-form-actions {
  display: flex;
  justify-content: space-between;
  flex-direction: column;
}
@media (min-width: 768px) {
  .digital-rating-paragraph .rating-form .rating-form-actions {
    flex-direction: row;
    align-items: center;
  }
}
.digital-rating-paragraph .rating-form .rating-form-actions p a {
  color: #1B8354;
}
.digital-rating-paragraph .rating-form .rating-form-actions p {
  padding-bottom: 10px;
}
@media (min-width: 768px) {
  .digital-rating-paragraph .rating-form .rating-form-actions p {
    padding: unset;
  }
}
.digital-rating-paragraph .rating-form .rating-form-actions button {
  border: unset;
  width: fit-content;
}

body.dark-mode .digital-rating-paragraph {
  background-color: #0D121C;
}
body.dark-mode .digital-rating-paragraph .rating-form .rating-close-btn button {
  color: #fff !important;
}
body.dark-mode .digital-rating-paragraph .rating-form .rating-close-btn button::after {
  color: #fff;
  border: 2px solid #fff;
}
body.dark-mode .digital-rating-paragraph .rating-form .feedback-commitment textarea {
  background-color: #1F2A37;
}

.fields-and-technology {
  padding-block: 73px;
}
.fields-and-technology header p {
  padding-block: 24px 32px;
}
.fields-and-technology .technology-main-wrapper .technology-wrapper {
  border: 1px solid #D2D6DB;
  padding: 20px;
  border-radius: 20px;
  margin-inline: 10px;
}
.fields-and-technology ul.slick-dots {
  padding-top: 30px;
  position: static !important;
  bottom: auto !important;
}
.fields-and-technology ul.slick-dots li button:before {
  font-size: 54px;
  opacity: 0.4;
  color: #D2D6DB;
  transition: all 0.3s ease;
}
.fields-and-technology ul.slick-dots li.slick-active button:before {
  color: #1B8354;
  opacity: 1;
  font-size: 54px;
}

.technology-node-wrapper {
  padding-block: 40px;
}
body.dark-mode .fields-and-technology .technology-main-wrapper .technology-wrapper {
  background-color: #1F2A37;
}

.page-feedback-block {
  display: flex;
  justify-content: space-between;
  padding-block: 24px;
  flex-direction: column;
}
@media (min-width: 768px) {
  .page-feedback-block {
    align-items: center;
    flex-direction: row;
  }
}
.page-feedback-block .page-feedback-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
@media (min-width: 768px) {
  .page-feedback-block .page-feedback-header {
    gap: 24px;
    justify-content: unsafe;
  }
}
.page-feedback-block .page-feedback-header .page-feedback-buttons button {
  border: unset;
}
.page-feedback-block .page-feedback-summary {
  text-align: end;
  padding-top: 10px;
}
@media (min-width: 768px) {
  .page-feedback-block .page-feedback-summary {
    text-align: unset;
    padding: unset !important;
  }
}

.views-field-changed {
  text-align: end;
}
.media-wrapper {
  padding-block: 15px;
}
.media-wrapper header .view-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding-bottom: 32px;
}
.media-wrapper header .view-header a {
  text-decoration: none;
  color: #000;
  border: 1px solid #D2D6DB;
  padding: 8px 16px;
  border-radius: 4px;
  font-weight: 600;
}
@media (min-width: 768px) {
  .media-wrapper .block-listing-wrapper {
    grid-template-columns: repeat(9, 1fr);
  }
}
@media (min-width: 1280px) {
  .media-wrapper .block-listing-wrapper {
    grid-template-columns: repeat(12, 1fr);
  }
}
.media-wrapper .block-listing-wrapper .block-listing {
  grid-column: 1/-1;
}
@media (min-width: 768px) {
  .media-wrapper .block-listing-wrapper .block-listing {
    grid-column: span 3;
  }
}
@media (min-width: 1280px) {
  .media-wrapper .block-listing-wrapper .block-listing {
    grid-column: span 4;
  }
}
.media-wrapper .block-listing-wrapper .block-listing .media-card {
  border: 2px solid #D2D6DB;
  border-radius: 16px;
  padding: 16px;
}
.media-wrapper .block-listing-wrapper .block-listing .media-card .media-center-image {
  width: 100%;
  height: 100%;
}
.media-wrapper .block-listing-wrapper .block-listing .media-card .media-center-image img {
  width: 100%;
  height: 250px;
  object-fit: cover;
  border-radius: 16px;
}
.media-wrapper .block-listing-wrapper .block-listing .media-card .media-card-overlay {
  padding-top: 24px;
}
.media-wrapper .block-listing-wrapper .block-listing .media-card .media-card-overlay .media-center-body h6 {
  padding-block: 8px 24px;
  font-weight: 400 !important;
}
.media-wrapper .block-listing-wrapper .block-listing .media-card .media-card-overlay .read-more_btn a {
  text-decoration: none;
  background-color: #1B8354;
  color: #fff;
  padding: 8px 16px;
  border-radius: 4px;
}
.media-wrapper .views-exposed-form .js-form-item .bef-links {
  padding-block: 24px;
}
.media-wrapper .views-exposed-form .js-form-item .bef-links ul {
  background-color: #D2D6DB;
  width: fit-content;
  display: flex;
  gap: 20px;
  border-radius: 5px;
}
.media-wrapper .views-exposed-form .js-form-item .bef-links ul li {
  list-style: none;
}
.media-wrapper .views-exposed-form .js-form-item .bef-links ul li a {
  text-decoration: none;
  padding-inline: 16px;
  padding-block: 10px;
  display: block;
  color: #000;
}
.media-wrapper .views-exposed-form .js-form-item .bef-links ul li a.bef-link--selected {
  background-color: #000;
  color: #fff;
  border-radius: 5px;
}
@media (min-width: 768px) {
  .media-wrapper .media-center_page {
    grid-template-columns: repeat(9, 1fr);
  }
}
@media (min-width: 1280px) {
  .media-wrapper .media-center_page {
    grid-template-columns: repeat(12, 1fr);
  }
}
.media-wrapper .media-center_page .media-center_child {
  border: 2px solid #D2D6DB;
  border-radius: 16px;
  padding: 16px;
  grid-column: 1/-1;
}
@media (min-width: 768px) {
  .media-wrapper .media-center_page .media-center_child {
    grid-column: span 3;
  }
}
@media (min-width: 1280px) {
  .media-wrapper .media-center_page .media-center_child {
    grid-column: span 4;
  }
}
.media-wrapper .media-center_page .media-center_child .media-card .media-center-image {
  width: 100%;
  height: 100%;
}
.media-wrapper .media-center_page .media-center_child .media-card .media-center-image img {
  width: 100%;
  height: 300px;
  object-fit: cover;
  border-radius: 16px;
}
.media-wrapper .media-center_page .media-center_child .media-card .media-card-overlay {
  padding-top: 24px;
}
.media-wrapper .media-center_page .media-center_child .media-card .media-card-overlay .media-center-body h6 {
  padding-block: 8px 24px;
  font-weight: 400 !important;
}
.media-wrapper .media-center_page .media-center_child .media-card .media-card-overlay .media-center-body .read-more_btn a {
  text-decoration: none;
  background-color: #1B8354;
  color: #fff;
  padding: 8px 16px;
  border-radius: 4px;
}
.media-wrapper .pager {
  display: flex;
  justify-content: center;
  align-items: center;
  padding-block: 32px;
}
.media-wrapper .pager ul {
  display: flex;
  align-items: center;
  gap: 40px;
}
.media-wrapper .pager ul li {
  list-style: none;
}
.media-wrapper .pager ul li a {
  text-decoration: none;
  color: #1F2A37;
}
.media-wrapper .pager ul li.is-active a {
  padding-block: 6px;
  padding-inline: 8px;
  border-bottom: 3px solid #1B8354;
  border-radius: 4px;
}
.media-wrapper .pager ul .pager__item--last,
.media-wrapper .pager ul .pager__item--first {
  display: none !important;
}

body.dark-mode .media-wrapper header .view-header a {
  color: #fff;
}
body.dark-mode .media-wrapper .block-listing-wrapper .block-listing .media-card {
  background-color: #1F2A37;
}

.media-node_wrapper .media-center .lable {
  padding-block: 24px 32px;
  border-bottom: 2px solid #D2D6DB;
}
.media-node_wrapper .media-center .body {
  padding-top: 32px;
}
.media-node_wrapper .media-center .body .icon-text {
  padding-top: 20px;
}
.media-node_wrapper .media-center .body .icon-text p svg {
  padding: unset;
  color: unset;
}
.media-node_wrapper .media-center .body h4 {
  padding-block: 24px 8px;
}
.media-node_wrapper .media-center .body > ol {
  padding-block: 16px;
  padding-left: 15px;
}
.media-node_wrapper .media-center .body > ol li {
  padding-left: 10px;
}
.media-node_wrapper .media-center .body ul {
  padding-left: 25px;
}
.media-node_wrapper .media-center .body img {
  width: 100%;
  height: 380px;
  object-fit: cover;
  padding-block: 16px 24px;
}
.media-node_wrapper .media-center .body p a {
  color: #1B8354;
}
.media-node_wrapper .media-center .body p svg {
  padding-top: 20px;
  color: #1B8354;
}
.media-node_wrapper .media-center .image-wrapper {
  width: 100%;
  height: 100%;
}
.media-node_wrapper .media-center .image-wrapper img {
  width: 100%;
  height: 380px;
  object-fit: cover;
}

.paragraph--type--body {
  padding-top: 32px;
}
.paragraph--type--body .icon-text {
  padding-top: 20px;
}
.paragraph--type--body .icon-text p {
  padding: unset;
}
.paragraph--type--body .icon-text p svg {
  padding: unset;
  color: unset;
}
.paragraph--type--body h4 {
  padding-block: 24px 8px;
}
.paragraph--type--body > ol {
  padding-block: 16px;
  padding-left: 15px;
}
.paragraph--type--body > ol li {
  padding-left: 10px;
}
.paragraph--type--body ul {
  padding-left: 25px;
}
.paragraph--type--body img {
  width: 100%;
  height: 380px;
  object-fit: cover;
  padding-block: 16px 24px;
}
.paragraph--type--body p a {
  color: #1B8354;
}
.paragraph--type--body p svg {
  padding-top: 20px;
  color: #1B8354;
}

.paragraph--type--about-the-center {
  padding-block: 40px;
}
.paragraph--type--about-the-center .paragraph--type--text-paragraph h3 {
  padding-bottom: 40px;
}
.paragraph--type--about-the-center .paragraph--type--image-with-text {
  display: flex;
  justify-content: space-between;
  flex-direction: column-reverse;
  gap: 20px;
}
@media (min-width: 1280px) {
  .paragraph--type--about-the-center .paragraph--type--image-with-text {
    flex-direction: row-reverse;
  }
}
.paragraph--type--about-the-center .paragraph--type--image-with-text .body {
  margin-top: 71px;
}
.paragraph--type--about-the-center .paragraph--type--image-with-text img {
  width: 100%;
  height: 358px;
  object-fit: contain;
}
@media (min-width: 1280px) {
  .paragraph--type--about-the-center .paragraph--type--image-with-text img {
    width: 523px;
    height: 523px;
  }
}

.paragraph--type--vision-mission {
  background-color: #F9FAFB;
  padding-block: 96px;
}
.paragraph--type--vision-mission .paragraph--type--text-paragraph p {
  padding-block: 24px 32px;
}
.paragraph--type--vision-mission .paragraph--type--cards-wrapper {
  display: flex;
  flex-wrap: wrap;
  gap: 16px;
}
.paragraph--type--vision-mission .paragraph--type--cards-wrapper > .paragraph--type--card-paragraph {
  width: 100%;
}
@media (min-width: 768px) {
  .paragraph--type--vision-mission .paragraph--type--cards-wrapper > .paragraph--type--card-paragraph {
    width: 48%;
  }
}
@media (min-width: 1280px) {
  .paragraph--type--vision-mission .paragraph--type--cards-wrapper > .paragraph--type--card-paragraph {
    width: 49%;
  }
}
.paragraph--type--vision-mission .paragraph--type--cards-wrapper > .paragraph--type--card-paragraph:nth-child(3) {
  width: 100%;
}
.paragraph--type--vision-mission .paragraph--type--cards-wrapper > .paragraph--type--card-paragraph:nth-child(3) .icon-wrapper img {
  background-color: transparent !important;
  border-radius: 0 !important;
}
.paragraph--type--vision-mission .paragraph--type--cards-wrapper > .paragraph--type--card-paragraph:nth-child(3) .body-wrapper p {
  line-height: 40px;
}
.paragraph--type--vision-mission .paragraph--type--cards-wrapper > .paragraph--type--card-paragraph .card_wrapper {
  border: 1px solid #D2D6DB;
  border-radius: 20px;
  padding: 16px;
  min-height: 308px;
}
@media (min-width: 768px) {
  .paragraph--type--vision-mission .paragraph--type--cards-wrapper > .paragraph--type--card-paragraph .card_wrapper {
    min-height: 335px;
  }
}
.paragraph--type--vision-mission .paragraph--type--cards-wrapper > .paragraph--type--card-paragraph .card_wrapper .icon-wrapper {
  padding-bottom: 24px;
}
.paragraph--type--vision-mission .paragraph--type--cards-wrapper > .paragraph--type--card-paragraph .card_wrapper .icon-wrapper img {
  background-color: #F3FCF6;
  padding: 12px;
  border-radius: 50%;
}
.paragraph--type--vision-mission .paragraph--type--cards-wrapper > .paragraph--type--card-paragraph .card_wrapper .body-wrapper h6 {
  padding-bottom: 8px;
}
.paragraph--type--message-of-director {
  display: flex;
  gap: 24px;
  padding-block: 40px;
  flex-direction: column;
}
@media (min-width: 1280px) {
  .paragraph--type--message-of-director {
    flex-direction: row;
  }
}
.paragraph--type--message-of-director .paragraph--type--text-paragraph h3 {
  padding-bottom: 40px;
}
.paragraph--type--message-of-director .paragraph--type--image-with-text {
  text-align: center;
}
.paragraph--type--message-of-director .paragraph--type--image-with-text img {
  width: 100%;
  height: 362px;
  object-fit: contain;
}
@media (min-width: 1280px) {
  .paragraph--type--message-of-director .paragraph--type--image-with-text img {
    width: 515px;
    height: 484px;
  }
}

body.dark-mode .paragraph--type--vision-mission {
  background-color: #111927;
}
body.dark-mode .paragraph--type--vision-mission .card_wrapper {
  background-color: #1F2A37;
}
body.dark-mode .paragraph--type--message-of-director {
  background-color: #0D121C;
}

.text-with-heading_wrapper {
  background-color: #F7FDF9;
}
.text-with-heading_wrapper .text-with-heading .paragraph--type--text-paragraph {
  padding-bottom: 16px;
}
.text-with-heading_wrapper .text-with-heading .paragraph--type--text-paragraph h3 {
  padding-bottom: 16px;
}
.contact-us-page .contact-us_wrapper {
  display: flex;
  gap: 32px;
  flex-direction: column;
}
@media (min-width: 768px) {
  .contact-us-page .contact-us_wrapper {
    flex-direction: row;
  }
}
.contact-us-page .contact-us_wrapper .webform-wrapper {
  padding-block: 30px;
  width: 100%;
}
@media (min-width: 768px) {
  .contact-us-page .contact-us_wrapper .webform-wrapper {
    width: 70%;
  }
}
.contact-us-page .contact-us_wrapper .webform-wrapper .webform-submission-form {
  display: flex;
  flex-wrap: wrap;
  gap: 30px;
}
.contact-us-page .contact-us_wrapper .webform-wrapper .webform-submission-form .js-webform-type-textfield,
.contact-us-page .contact-us_wrapper .webform-wrapper .webform-submission-form .js-webform-type-email,
.contact-us-page .contact-us_wrapper .webform-wrapper .webform-submission-form .js-webform-type-tel,
.contact-us-page .contact-us_wrapper .webform-wrapper .webform-submission-form .js-webform-type-select,
.contact-us-page .contact-us_wrapper .webform-wrapper .webform-submission-form .js-webform-type-textarea {
  width: 100%;
  display: flex;
  flex-direction: column;
}
@media (min-width: 1280px) {
  .contact-us-page .contact-us_wrapper .webform-wrapper .webform-submission-form .js-webform-type-textfield,
  .contact-us-page .contact-us_wrapper .webform-wrapper .webform-submission-form .js-webform-type-email,
  .contact-us-page .contact-us_wrapper .webform-wrapper .webform-submission-form .js-webform-type-tel,
  .contact-us-page .contact-us_wrapper .webform-wrapper .webform-submission-form .js-webform-type-select,
  .contact-us-page .contact-us_wrapper .webform-wrapper .webform-submission-form .js-webform-type-textarea {
    width: 48%;
  }
}
.contact-us-page .contact-us_wrapper .webform-wrapper .webform-submission-form .js-webform-type-textfield .iti--allow-dropdown,
.contact-us-page .contact-us_wrapper .webform-wrapper .webform-submission-form .js-webform-type-email .iti--allow-dropdown,
.contact-us-page .contact-us_wrapper .webform-wrapper .webform-submission-form .js-webform-type-tel .iti--allow-dropdown,
.contact-us-page .contact-us_wrapper .webform-wrapper .webform-submission-form .js-webform-type-select .iti--allow-dropdown,
.contact-us-page .contact-us_wrapper .webform-wrapper .webform-submission-form .js-webform-type-textarea .iti--allow-dropdown {
  font-size: 16px;
}
.contact-us-page .contact-us_wrapper .webform-wrapper .webform-submission-form .js-webform-type-textfield .iti--allow-dropdown input,
.contact-us-page .contact-us_wrapper .webform-wrapper .webform-submission-form .js-webform-type-email .iti--allow-dropdown input,
.contact-us-page .contact-us_wrapper .webform-wrapper .webform-submission-form .js-webform-type-tel .iti--allow-dropdown input,
.contact-us-page .contact-us_wrapper .webform-wrapper .webform-submission-form .js-webform-type-select .iti--allow-dropdown input,
.contact-us-page .contact-us_wrapper .webform-wrapper .webform-submission-form .js-webform-type-textarea .iti--allow-dropdown input {
  width: 100%;
  padding-left: 71px;
}
.contact-us-page .contact-us_wrapper .webform-wrapper .webform-submission-form .js-webform-type-textarea,
.contact-us-page .contact-us_wrapper .webform-wrapper .webform-submission-form .form-actions {
  width: 100%;
}
@media (min-width: 1280px) {
  .contact-us-page .contact-us_wrapper .webform-wrapper .webform-submission-form .js-webform-type-textarea,
  .contact-us-page .contact-us_wrapper .webform-wrapper .webform-submission-form .form-actions {
    width: 50%;
  }
}
.contact-us-page .contact-us_wrapper .webform-wrapper .webform-submission-form label {
  font-weight: 600;
  padding-bottom: 10px;
}
.contact-us-page .contact-us_wrapper .webform-wrapper .webform-submission-form input,
.contact-us-page .contact-us_wrapper .webform-wrapper .webform-submission-form select,
.contact-us-page .contact-us_wrapper .webform-wrapper .webform-submission-form textarea {
  padding: 10px 14px;
  border: 1px solid #d1d5db;
  border-radius: 4px;
  font-size: 14px;
  color: #111827;
  background-color: #F9FAFB;
  width: 100%;
}
.contact-us-page .contact-us_wrapper .webform-wrapper .webform-submission-form input:focus,
.contact-us-page .contact-us_wrapper .webform-wrapper .webform-submission-form select:focus,
.contact-us-page .contact-us_wrapper .webform-wrapper .webform-submission-form textarea:focus {
  outline: none;
  border-color: #067647;
  background-color: #fff;
}
.contact-us-page .contact-us_wrapper .webform-wrapper .webform-submission-form .form-actions input[type=submit] {
  background-color: #067647;
  color: #fff;
  font-weight: 600;
  padding: 10px 20px;
  border: none;
  border-radius: 4px;
  cursor: pointer;
  transition: background-color 0.3s ease;
  width: fit-content;
}
.contact-us-page .contact-us_wrapper .webform-wrapper .webform-submission-form .form-actions input[type=submit]:hover {
  background-color: #067647;
}
.contact-us-page .contact-us_wrapper .info_wrapper {
  position: relative;
  background-color: #fff;
  width: 100%;
}
@media (min-width: 768px) {
  .contact-us-page .contact-us_wrapper .info_wrapper {
    top: -80px;
    width: 30%;
  }
}
.contact-us-page .contact-us_wrapper .info_wrapper .info {
  border: 1px solid #D2D6DB;
  border-radius: 16px;
  padding: 40px;
}
.contact-us-page .contact-us_wrapper .info_wrapper .info h6 {
  padding-bottom: 8px;
}
.contact-us-page .contact-us_wrapper .info_wrapper .info p {
  color: #1B8354;
  padding-block: 6px;
  display: flex;
  align-items: center;
  font-size: 16px;
}
.contact-us-page .contact-us_wrapper .info_wrapper .info p span {
  padding-left: 32px;
}
.contact-us-page .contact-us_wrapper .info_wrapper .info p strong {
  color: #000;
  font-weight: 700;
}
.contact-us-page .contact-us_wrapper .info_wrapper .info #block-socialiinks h2, .contact-us-page .contact-us_wrapper .info_wrapper .info #block-socialiinks .statistic-main-wrapper .statistic-body_wrapper .paragraph--type--statistic .statistic-body .number-with-suffix .number, .statistic-main-wrapper .statistic-body_wrapper .paragraph--type--statistic .statistic-body .number-with-suffix .contact-us-page .contact-us_wrapper .info_wrapper .info #block-socialiinks .number, .contact-us-page .contact-us_wrapper .info_wrapper .info #block-socialiinks .statistic-main-wrapper .statistic-body_wrapper .paragraph--type--statistic .statistic-body .number-with-suffix .suffix, .statistic-main-wrapper .statistic-body_wrapper .paragraph--type--statistic .statistic-body .number-with-suffix .contact-us-page .contact-us_wrapper .info_wrapper .info #block-socialiinks .suffix {
  padding-block: 16px 8px;
}
.contact-us-page .contact-us_wrapper .info_wrapper .info #block-socialiinks .social-media-links--platforms {
  display: flex;
  gap: 8px;
}
.contact-us-page .contact-us_wrapper .info_wrapper .info #block-socialiinks .social-media-links--platforms li a svg {
  height: 25px !important;
}
.contact-us-page .contact-us_wrapper .info_wrapper .info #block-socialiinks .social-media-links--platforms li a svg path {
  color: #000;
}

body.dark-mode .text-with-heading_wrapper {
  background-color: #092A1E;
}
body.dark-mode .contact-us-page {
  background-color: #000;
}
body.dark-mode .contact-us-page .contact-us_wrapper .webform-wrapper .webform-submission-form input,
body.dark-mode .contact-us-page .contact-us_wrapper .webform-wrapper .webform-submission-form select,
body.dark-mode .contact-us-page .contact-us_wrapper .webform-wrapper .webform-submission-form #edit-message {
  color: #fff;
  background-color: #1F2A37;
}
body.dark-mode .contact-us-page .contact-us_wrapper .webform-wrapper .webform-submission-form li {
  background-color: #384250;
}
body.dark-mode .contact-us-page .contact-us_wrapper .webform-wrapper .webform-submission-form li span {
  color: #fff;
}
body.dark-mode .contact-us-page .contact-us_wrapper .info_wrapper {
  background-color: #000;
  border-radius: 16px;
}
body.dark-mode .contact-us-page .contact-us_wrapper .info_wrapper .info p strong {
  color: #fff;
  font-weight: 700;
}
body.dark-mode .contact-us-page .contact-us_wrapper .info_wrapper .info #block-socialiinks .social-media-links--platforms li a svg path {
  color: #fff;
}

.is-complete .progress-marker::before {
  content: "";
  display: block;
  width: 25px;
  height: 24px;
  right: 12px;
  bottom: 1px;
  background-image: url("../icons/circle.svg");
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  transform: rotate(-90deg);
}

.is-complete .progress-marker::after {
  background-color: green !important;
}

.site-footer {
  padding-block: 40px 25px;
  background-color: #F3F4F6;
}
.site-footer .footer-main-wrapper .region--footer-first {
  grid-column: 1/-1;
}
@media (min-width: 1280px) {
  .site-footer .footer-main-wrapper .region--footer-first {
    grid-column: 1/5;
  }
}
.site-footer .footer-main-wrapper .region--footer-second {
  grid-column: 1/-1;
}
@media (min-width: 1280px) {
  .site-footer .footer-main-wrapper .region--footer-second {
    grid-column: 5/9;
  }
}
.site-footer .footer-main-wrapper .region--footer-third {
  grid-column: 1/-1;
}
@media (min-width: 1280px) {
  .site-footer .footer-main-wrapper .region--footer-third {
    grid-column: 9/-1;
  }
}
.site-footer .footer-main-wrapper .region--footer-third .social-media-links--platforms {
  display: flex;
  gap: 8px;
}
.site-footer .footer-main-wrapper .region--footer-third .social-media-links--platforms li a svg {
  font-size: 20px;
  border: 1px solid #D2D6DB;
  border-radius: 5px;
  padding: 6px;
}
.site-footer .footer-main-wrapper .region--footer-third #block-sass-theme-msd-viewercontrols-2 .view-controls {
  padding-top: 8px;
  display: flex;
  align-items: center;
  gap: 16px;
  cursor: pointer;
}
.site-footer .footer-main-wrapper .region--footer-third #block-sass-theme-msd-viewercontrols-2 .view-controls .zoom-controls {
  display: flex;
  gap: 16px;
  align-items: center;
}
.site-footer .footer-main-wrapper .region--footer-third #block-sass-theme-msd-viewercontrols-2 .view-controls .control {
  border: 1px solid #D2D6DB;
  border-radius: 5px;
  padding-block: 6px;
  padding-inline: 6px;
}
.site-footer .footer-main-wrapper ul {
  padding-top: 8px;
}
.site-footer .footer-main-wrapper ul li {
  list-style: none;
}
.site-footer .footer-main-wrapper ul li a {
  text-decoration: none;
  color: #384250;
}
.site-footer .footer-main-wrapper h2, .site-footer .footer-main-wrapper .statistic-main-wrapper .statistic-body_wrapper .paragraph--type--statistic .statistic-body .number-with-suffix .number, .statistic-main-wrapper .statistic-body_wrapper .paragraph--type--statistic .statistic-body .number-with-suffix .site-footer .footer-main-wrapper .number, .site-footer .footer-main-wrapper .statistic-main-wrapper .statistic-body_wrapper .paragraph--type--statistic .statistic-body .number-with-suffix .suffix, .statistic-main-wrapper .statistic-body_wrapper .paragraph--type--statistic .statistic-body .number-with-suffix .site-footer .footer-main-wrapper .suffix {
  border-bottom: 2px solid #D2D6DB;
  padding-bottom: 8px;
}

.date-with-logo {
  display: flex;
  justify-content: space-between;
  padding-top: 50px;
  flex-direction: column;
}
@media (min-width: 768px) {
  .date-with-logo {
    flex-direction: row;
    align-items: center;
  }
}
.date-with-logo .region--footer-fourth #block-sass-theme-msd-copyright {
  padding-bottom: 20px;
}
.date-with-logo .region--footer-fourth #block-sass-theme-msd-copyright p {
  padding-bottom: 24px;
}
@media (min-width: 1280px) {
  .date-with-logo .region--footer-fourth #block-sass-theme-msd-copyright p {
    padding-bottom: unset;
  }
}
.date-with-logo .region--footer-fourth #block-sass-theme-msd-copyright p span {
  font-weight: 600;
}
.date-with-logo .region--footer-fourth #block-sass-theme-msd-copyright p.para {
  padding-top: 8px 16px;
}
.date-with-logo .region--footer-fourth .views-field-changed {
  text-align: unset !important;
  padding: 0 !important;
  margin: 0 !important;
}
.date-with-logo .region--footer-fifth {
  padding-top: 20px;
}
@media (min-width: 768px) {
  .date-with-logo .region--footer-fifth {
    padding: unset !important;
  }
}
.date-with-logo .region--footer-fifth #block-sass-theme-msd-footerlogo .logo-icon-wrapper {
  display: flex;
  align-items: center;
  gap: 30px;
}

body.dark-mode .site-footer {
  background-color: #1F2A37;
}
body.dark-mode .site-footer .footer-main-wrapper ul li a {
  color: #fff;
}
body.dark-mode .site-footer .footer-main-wrapper h2, body.dark-mode .site-footer .footer-main-wrapper .statistic-main-wrapper .statistic-body_wrapper .paragraph--type--statistic .statistic-body .number-with-suffix .number, .statistic-main-wrapper .statistic-body_wrapper .paragraph--type--statistic .statistic-body .number-with-suffix body.dark-mode .site-footer .footer-main-wrapper .number, body.dark-mode .site-footer .footer-main-wrapper .statistic-main-wrapper .statistic-body_wrapper .paragraph--type--statistic .statistic-body .number-with-suffix .suffix, .statistic-main-wrapper .statistic-body_wrapper .paragraph--type--statistic .statistic-body .number-with-suffix body.dark-mode .site-footer .footer-main-wrapper .suffix {
  color: #fff;
}
body.dark-mode .region--footer-third #block-sass-theme-msd-viewercontrols-2 .view-controls .control img {
  filter: invert(1);
}
body.dark-mode .region--footer-fifth #block-sass-theme-msd-copyright p {
  color: #fff;
}

#weather-widget .hide {
  display: none;
}
#weather-widget img {
  width: 30px;
  height: 30px;
  object-fit: cover;
}

.paragraph--type--body {
  padding-block: 40px;
}
.paragraph--type--body h4 {
  padding-block: 24px 16px;
}
.paragraph--type--body p {
  padding-block: 8px;
}
.paragraph--type--body p svg {
  color: unset;
}
.paragraph--type--body .table {
  width: 100%;
  padding-top: 40px;
}
.paragraph--type--body .table tr {
  padding-inline: 16px;
  border-radius: 16px;
  padding-block: 22px;
  box-shadow: 0px 4px 8px -2px rgba(16, 24, 40, 0.1019607843);
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.paragraph--type--body .table tr td a {
  display: flex;
  gap: 10px;
}
.paragraph--type--body .table tr td a::after {
  content: url("../icons/download.svg");
}

.download-upload-wrapper {
  display: flex;
  align-items: center;
  gap: 24px;
  padding-bottom: 40px;
  flex-direction: column;
}
@media (min-width: 768px) {
  .download-upload-wrapper {
    flex-direction: row;
  }
}
.download-upload-wrapper .download-wrapper {
  width: 100%;
  padding: 16px;
  border-radius: 16px;
  box-shadow: 0px 2px 4px -2px rgba(16, 24, 40, 0.0588235294);
  box-shadow: 0px 4px 8px -2px rgba(16, 24, 40, 0.1019607843);
}
@media (min-width: 768px) {
  .download-upload-wrapper .download-wrapper {
    width: 50%;
  }
}
.download-upload-wrapper .download-wrapper .download-btn .table tbody tr td a {
  display: flex;
  gap: 10px;
}
.download-upload-wrapper .download-wrapper .download-btn .table tbody tr td a::after {
  content: url("../icons/download.svg");
}
.download-upload-wrapper .download-wrapper p {
  padding-block: 8px 24px;
  display: block;
}
.download-upload-wrapper .download-wrapper div {
  font-size: 16px;
}
.download-upload-wrapper .download-wrapper div a {
  display: block;
  width: fit-content;
}
.download-upload-wrapper .download-wrapper::before {
  content: url(../icons/dga-logo.svg);
  display: block;
  background-color: #F9FAFB;
  padding: 12px;
  width: fit-content;
  border-radius: 50%;
}
.download-upload-wrapper .upload-wrapper {
  width: 100%;
  padding: 16px;
  border-radius: 16px;
  box-shadow: 0px 4px 8px -2px rgba(16, 24, 40, 0.1019607843);
}
@media (min-width: 768px) {
  .download-upload-wrapper .upload-wrapper {
    width: 50%;
  }
}
.download-upload-wrapper .upload-wrapper p {
  padding-block: 8px 24px;
}
.download-upload-wrapper .upload-wrapper #ajax-wrapper {
  display: inline;
}
.download-upload-wrapper .upload-wrapper #ajax-wrapper .js-webform-type-managed-file {
  display: inline;
}
.download-upload-wrapper .upload-wrapper #ajax-wrapper .js-webform-type-managed-file .js-form-managed-file {
  display: inline;
}
.download-upload-wrapper .upload-wrapper #ajax-wrapper .js-webform-type-managed-file label {
  display: none;
}
.download-upload-wrapper .upload-wrapper #ajax-wrapper .js-webform-type-managed-file .description {
  display: none;
}
.download-upload-wrapper .upload-wrapper .form-actions {
  display: inline;
}
.download-upload-wrapper .upload-wrapper .form-actions input {
  padding: 6px 16px;
  background-image: url("../icons/arrow-right.svg");
  background-repeat: no-repeat;
  background-position: right 10px center;
  background-size: 16px;
  padding-right: 35px;
  border: 1px solid #D2D6DB;
  border-radius: 4px;
}
.download-upload-wrapper .upload-wrapper::before {
  content: url(../icons/dga-logo.svg);
  display: block;
  background-color: #F9FAFB;
  padding: 12px;
  width: fit-content;
  border-radius: 50%;
}

body.dark-mode .paragraph--type--body .table tbody {
  background-color: #1F2A37;
}
body.dark-mode .download-upload-wrapper .download-wrapper {
  background-color: #1F2A37;
}
body.dark-mode .download-upload-wrapper .download-wrapper::before {
  background: var(--Icon-background-brand-light, rgba(22, 106, 69, 0.1019607843));
}
body.dark-mode .download-upload-wrapper .upload-wrapper {
  background-color: #1F2A37;
}
body.dark-mode .download-upload-wrapper .upload-wrapper::before {
  background: var(--Icon-background-brand-light, rgba(22, 106, 69, 0.1019607843));
}
body.dark-mode .download-upload-wrapper .upload-wrapper .form-actions input {
  background-color: #1B8354 !important;
  color: #fff !important;
  background-image: url("../icons/arrow-right-white.svg");
  border: unset !important;
}

.webform-confirmation {
  padding-block: 40px;
}
.webform-confirmation .webform-confirmation__message {
  margin: unset !important;
}
.webform-confirmation .webform-confirmation__back {
  margin: unset !important;
}

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




.gov-accordion .accordion-header{
  font-variant-emoji: emoji;
}


.flag-sa {
  width: 1.3em;
  height: 1em;
  display: inline-block;
  background-image: url("../images/flags/sa.svg");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  vertical-align: middle;
}