.wldcode-header-announcements { background: var(--secondary-color, #222); color: #fff; font-size: 13px; }
.wldcode-header-announcements > .ps-container { align-items: center; display: flex; flex-wrap: wrap; gap: 10px 24px; justify-content: space-between; min-height: 34px; }
.wldcode-header-announcements__messages { display: flex; flex-wrap: wrap; gap: 8px 22px; }
.wldcode-header-announcements a { color: inherit; text-decoration: underline; text-underline-offset: 2px; }
.wldcode-header-announcements__html > :last-child { margin-bottom: 0; }
.header--compact .header__top { padding-bottom: 12px; padding-top: 12px; }
.header--compact .navigation { min-height: 44px; }


.wldcode-content-qr .qr-code, .wldcode-content-qr .qr-code-wrapper { max-width: 220px; }
.wldcode-content-qr .qr-shortcode { max-width: 220px; }
.wldcode-content-qr .qr-shortcode .title { margin-bottom: 0px; line-height: 0;
text-align: center;
}
.wldcode-content-qr .qr-shortcode .codeqr { display: block; }
.wldcode-content-qr .qr-shortcode img { display: block; height: auto; max-width: 100%; width: 200px; }
.wldcode-content-qr .qr-shortcode input { margin-top: 10px; max-width: 100%; width: 100%; }

#arcontactus.ytb { bottom: calc(var(--arcontactus-bottom, 100px) + 50px) !important; }

/* Match webapp-wld's ARContactUs presentation. */
.arcontactus-widget .messangers-block { background-color: #fff; }
.arcontactus-widget .messangers-block::before { border-top-color: #fff; }
.messangers-block .messanger p,
.messangers-block .messanger:hover p { color: #3b3b3b; }
.messangers-block .messanger:hover { background-color: #f0f0f0; }
#arcontactus-message-callback-phone-submit { font-weight: normal; }
.arcontactus-widget .arcontactus-message-button .pulsation {
  -webkit-animation-duration: 2s;
  animation-duration: 2s;
}

/* Featured News follows webapp-wld's editorial list and asymmetric grid layouts. */
.wldcode-featured-news { padding-bottom: 60px; padding-top: 60px; }
.wldcode-featured-news__header { margin-bottom: 30px; }
.wldcode-featured-news__title { color: #253d4e; font-size: clamp(24px, 2vw, 30px); font-weight: 700; line-height: 1.25; margin: 0; padding-bottom: 14px; position: relative; }
.wldcode-featured-news__title::after { background: var(--color-1st, #fcb800); bottom: 0; content: ''; height: 3px; left: 0; position: absolute; width: 52px; }
.wldcode-featured-news__image { background: #edf0f2; border-radius: 15px; display: block; overflow: hidden; position: relative; }
.wldcode-featured-news__image::after { background: rgba(15, 23, 42, .08); content: ''; inset: 0; opacity: 0; position: absolute; transition: opacity .3s ease; }
.wldcode-featured-news__image:hover::after { opacity: 1; }
.wldcode-featured-news__image img { display: block; height: 100%; object-fit: cover; transition: transform .45s ease; width: 100%; }
.wldcode-featured-news__image:hover img { transform: scale(1.045); }
.wldcode-featured-news__category { color: #dc3545; display: inline-block; font-size: 11px; font-weight: 700; letter-spacing: .06em; line-height: 1.3; margin-bottom: 9px; text-transform: uppercase; }
.wldcode-featured-news__category:hover { color: var(--color-1st, #fcb800); }
.wldcode-featured-news__grid-card { height: 100%; text-align: center; }
.wldcode-featured-news__grid-lead .wldcode-featured-news__grid-card { text-align: center; }
.wldcode-featured-news__image--lead { aspect-ratio: 16 / 9; }
.wldcode-featured-news__grid-item .wldcode-featured-news__image { aspect-ratio: 16 / 10; }
.wldcode-featured-news__grid-content { padding: 16px 12px 4px; }
.wldcode-featured-news__grid-content h4, .wldcode-featured-news__list-content h4 { font-size: 18px; font-weight: 600; line-height: 1.45; margin: 0; }
.wldcode-featured-news__grid-content h4 a, .wldcode-featured-news__list-content h4 a { color: #253d4e; }
.wldcode-featured-news__grid-content h4 a:hover, .wldcode-featured-news__list-content h4 a:hover { color: var(--color-1st, #fcb800); }
.wldcode-featured-news__meta { align-items: center; color: #7e7e7e; display: flex; flex-wrap: wrap; font-size: 12px; gap: 0 16px; line-height: 1.5; margin-top: 12px; }
.wldcode-featured-news__grid-content .wldcode-featured-news__meta { justify-content: center; }
.wldcode-featured-news__meta span + span { position: relative; }
.wldcode-featured-news__meta span + span::before { background: currentColor; border-radius: 50%; content: ''; height: 3px; left: -10px; position: absolute; top: 50%; transform: translateY(-50%); width: 3px; }
.wldcode-featured-news__list-card { align-items: flex-start; display: flex; gap: 15px; height: 100%; }
.wldcode-featured-news__image--list { flex: 0 0 178px; height: 126px; }
.wldcode-featured-news__list-content { flex: 1 1 auto; min-width: 0; padding-top: 5px; }
.wldcode-featured-news__list-content h4 { display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; }
.wldcode-featured-news__list-content .wldcode-featured-news__meta { margin-top: 9px; }
.wldcode-featured-news__read-more { color: #253d4e; display: inline-block; font-size: 12px; font-weight: 600; margin-top: 9px; }
.wldcode-featured-news__read-more span { color: var(--color-1st, #fcb800); margin-left: 4px; transition: margin-left .2s ease; }
.wldcode-featured-news__read-more:hover { color: var(--color-1st, #fcb800); }
.wldcode-featured-news__read-more:hover span { margin-left: 8px; }

@media (max-width: 767px) {
  .wldcode-featured-news { padding-bottom: 42px; padding-top: 42px; }
  .wldcode-featured-news__list-card { gap: 12px; }
  .wldcode-featured-news__image--list { flex-basis: 128px; height: 98px; }
  .wldcode-featured-news__grid-content { padding-left: 4px; padding-right: 4px; }
}

.wldcode-hero-slider { background: #222; height: var(--wldcode-hero-height, 520px); overflow: hidden; position: relative; }
.wldcode-hero-slider__slides, .wldcode-hero-slider__slide, .wldcode-hero-slider__background, .wldcode-hero-slider__overlay { inset: 0; position: absolute; }
.wldcode-hero-slider__slide { opacity: 0; pointer-events: none; transition: opacity .55s ease; }
.wldcode-hero-slider__slide.is-active { opacity: 1; pointer-events: auto; }
.wldcode-hero-slider__background { background-position: center; background-repeat: no-repeat; background-size: cover; transform: scale(1.03); transition: transform 4s ease; }
.wldcode-hero-slider__slide.is-active .wldcode-hero-slider__background { transform: scale(1); }
.wldcode-hero-slider__content { bottom: 15%; color: #fff; left: 0; position: absolute; right: 0; z-index: 2; }
.wldcode-hero-slider__content h2 { color: #fff; font-size: clamp(34px, 4.8vw, 70px); line-height: 1.1; margin: 0 0 16px; max-width: 760px; }
.wldcode-hero-slider__content p { font-size: 16px; line-height: 1.6; margin-bottom: 24px; max-width: 560px; }
.wldcode-hero-slider__tag { background: var(--primary-color, #fcb800); border-radius: 2px; color: #000; display: inline-block; font-size: 12px; font-weight: 600; letter-spacing: .08em; margin-bottom: 13px; padding: 7px 10px; text-transform: uppercase; }
.wldcode-hero-slider__nav { align-items: center; background: rgba(0, 0, 0, .28); border: 1px solid rgba(255, 255, 255, .6); border-radius: 50%; color: #fff; cursor: pointer; display: flex; height: 44px; justify-content: center; position: absolute; top: 50%; transform: translateY(-50%); width: 44px; z-index: 3; }
.wldcode-hero-slider__nav--previous { left: 24px; }
.wldcode-hero-slider__nav--next { right: 24px; }
.wldcode-hero-slider__progress { background: rgba(255,255,255,.25); bottom: 0; height: 3px; left: 0; position: absolute; right: 0; z-index: 3; }
.wldcode-hero-slider__progress span { background: var(--primary-color, #fcb800); display: block; height: 100%; width: 0; }
.wldcode-offices__item { border: 1px solid #e7e7e7; padding: 24px; }
.wldcode-big-banner { background-color: #222; background-position: center; background-size: cover; color: #fff; margin: 30px 0; padding: 72px 0; }
.wldcode-big-banner__content { max-width: 680px; }
.wldcode-big-banner h2 { color: #fff; font-size: clamp(30px, 4vw, 52px); margin-bottom: 12px; }
.wldcode-big-banner p { font-size: 16px; margin-bottom: 24px; }

@media (max-width: 767px) {
  .wldcode-header-announcements > .ps-container { justify-content: center; padding-bottom: 7px; padding-top: 7px; text-align: center; }
  .wldcode-header-announcements__messages { justify-content: center; }
  .wldcode-hero-slider { height: min(570px, 78vh); }
  .wldcode-hero-slider__content { bottom: 14%; }
  .wldcode-hero-slider__content p { font-size: 14px; }
  .wldcode-hero-slider__nav { height: 36px; width: 36px; }
  .wldcode-hero-slider__nav--previous { left: 10px; }
  .wldcode-hero-slider__nav--next { right: 10px; }
}
