/**
 * @file
 * Subtheme specific CSS.
 */

h6,
.gs1-h6,
h5,
.gs1-h5,
h4,
.gs1-h4,
h3,
.gs1-h3,
h2,
.gs1-h2,
h1,
.gs1-h1 {
  font-weight: 400;
  line-height: 1.2;
  color: #002c6c;
}

h4 {
  margin-bottom: 25px;
}

p {
  font-weight: 500;
  margin-top: 20px;
}

p.body-large {
  padding-top: 20px;
}



@media (min-width: 1000px) {
  .dialog-off-canvas-main-canvas {
    overflow: hidden;
  }
}
.color-blue {
  color: #002c6c;
}
.pb-spacer-4 {
  padding-bottom: 1.5rem !important;
}
.full-width-section {
  background-color: #f0f5fa; 
}

.full-width-section h2 {
  margin-bottom: 50px;
}
.color-white.btn-arrow {
  margin-bottom: 10px;
  display: inline-block;
  height: inherit;
  padding: 10px 16px 10px 16px;
  font-size: 14px;
  font-weight: 500;
  border-radius: 4px;
  background-color: #cd3c0d;
  color: #fff;
}
.btn-bg-orange-accessible {
  text-decoration: none;
  margin-bottom: 25px;
}
.btn-bg-orange-accessible:hover {
  background-color: #912305;
}
.layout-builder__layout {
  margin-top: 30px;
}
.standalonelink-block::after, 
.arrow-default::after {
    content: "\f061";
    font-family: "Font Awesome 6 Free";
    font-weight: 900;
    color: #23aeff;
    font-size: 15px;
    padding-left: 5px;
    padding-top: 3px;
}

.pr-spacer-5 {
  padding-right: 25px;
}
.pt-spacer-5 {
  margin-top: 25px;
}

@media (min-width: 1400px) {
  .container,
  .container-lg,
  .container-md,
  .container-sm,
  .container-xl {
    max-width: 1140px;
  }
}

@media (max-width: 992px) {
  .mean-container .mean-nav {
    background: #fff;
  }
  .mean-container .mean-nav ul li a {
    color: #002c6c;
    font-weight: 600;
  }
  .layout-builder__layout {
    padding: 25px;
  }
}

.navbar-brand {
  width: 140px;
  height: 70px;
}

.navbar-brand img::after {
  content: "";
}

.contact-top-container {
  background: #f0f5fa;
}

.contact-top-container .clearfix {
  justify-content: right;
  margin-right: 35px;
}

.search-block-form form button::after {
  content: "\f002";
  font-family: "Font Awesome 6 Free";
  position: absolute;
  top: -2px;
  right: 10px;
  font-size: 20px;
  font-weight: 900;
  background-color: #ffff;
  color: #000;
}

.header #search-block-form {
  position: relative;
}

.header #search-block-form .js-form-type-search {
  margin-bottom: 0px !important;
}

#search-block-form .js-form-submit {
  position: absolute;
  right: 15px;
  top: 10px;
  height: 25px;
  width: 25px;
  border: none;
  background: transparent;
}

.region-featured-top h1 {
  color: #fff;
}

.main-navigation-container .region-main-menu-nav .navbar-nav {
  flex-direction: row;
  gap: 25px;
}

.view-home-slider .node__content {
  background-size: cover;
}

.node__content {
  margin-top: 0px;
}

.view-home-slider .hp-slider {
  min-height: 440px;

  @media (max-width: 992px) {
    background-position: center !important;
  }
}

.node--type-slide {
  background: #f26334;
}

.slide-card-container {
  padding: 60px 0px 60px 0px;
}

.view-home-slider .group-left {
  flex-direction: column;
  width: 30%;
  margin-left: auto;
  margin-top: 50px;
}

.view-home-slider .group-right {
  display: flex;
  justify-content: right;
}

.slide-content {
  display: flex;
}

.view-home-slider .field--name-field-slide-image img {
  z-index: 2;
  position: relative;
}

.view-home-slider .field--name-field-slide-image img,
.view-home-slider .field--name-field-slide-image {
  margin: 0px;
}

.node--type-slide {
  position: relative;
  /* Make sure its child elements use this as a positioning reference */
}

.slide-image img {
  display: block;
  max-width: 100%;
  height: auto;
}

.field--name-field-primary-button,
.field--name-field-secondary-button {
  display: inline;
  margin-top: 25px;
  margin-right: 25px;
}

.field--name-field-primary-button a,
.field--name-field-secondary-button a {
  text-decoration: none;
  padding: 7px 15px 10px 15px;
  color: #fff;
  border-radius: 5px;
  font-weight: 600;
}

.field--name-field-primary-button a::after {
  content: "\f061";
  font-family: "Font Awesome 6 Free";
  font-weight: 900;
  color: #fff;
  font-size: 15px;
  padding-left: 10px;
  padding-top: 3px;
}

.field--name-field-primary-button a {
  background: #002c6c;
}

.field--name-field-primary-button a:hover {
  color: #c12f10;
}

.field--name-field-secondary-button a {
  background: #c12f10;
}

.field--name-field-secondary-button a:hover {
  color: #002c6c;
}

.owl-nav {
  display: flex;
  /* Aligns the navigation buttons horizontally */
  justify-content: center;
  /* Centers navigation within its container */
  gap: 15px;
  /* Adds spacing between arrows */
}

.view-id-home_slider .owl-nav button {
  background: #f26334;
  /* Circle background color */
  border: none;
  /* Removes default button border */
  color: #fff;
  /* Arrow color */
  border-radius: 50%;
  /* Makes the button round */
  width: 50px;
  /* Width of the circle */
  height: 50px;
  /* Height of the circle */
  display: flex;
  /* Allows centering the arrow */
  align-items: center;
  /* Vertically centers the arrow */
  justify-content: center;
  /* Horizontally centers the arrow */
  cursor: pointer;
  /* Changes cursor to pointer */
}

.view-id-home_slider .owl-nav button:disabled {
  background: #ccc;
  /* Background color for disabled button */
  color: #999;
  /* Arrow color for disabled button */
  cursor: not-allowed;
  /* Makes the cursor indicate a disabled button */
}

.view-id-home_slider .owl-nav button span {
  font-size: 80px;
  line-height: 0;
  color: #ffff;
  display: block;
  height: 25px;
}

.view-id-home_slider .owl-nav {
  background: #002c6c;
  margin-top: 0px;
}

.view-id-home_slider .field--name-field-title {
  font-size: 40px;
  color: #fff;
  font-weight: 600;
}

.view-id-home_slider .owl-dots {
  background: #2d5186;
}

.view-id-home_slider .owl-dots button span {
  background: #f26334;
}

.view-id-home_slider .field--name-field-slide-description {
  font-size: 24px;
  color: #fff;
  margin-top: 25px;
  margin-bottom: 50px;
}

.cards-wrapper {
  width: 100vw;
  position: relative;
  margin-left: -50vw;
  left: 50%;
  padding-top: 0px;
  padding: 50px 0px 50px 0px;
  background: #f0f5fa;
  border: 1px solid #c4d7ed;
}

.paragraph--type-top-image-card {
  transition-duration: 0.2s;
  transition-timing-function: ease;
}

.paragraph--type-top-image-card:hover {
  cursor: pointer;
  transform: translateY(-4px);
  box-shadow: 0 10px 30px 0 rgba(165, 165, 167, 0.6);
}

.paragraph--type-top-image-card a {
  text-decoration: none;
}

.field--name-field-cards.field__items {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 35px;
  margin-top: 50px;
  margin-bottom: 50px;
}

.field--name-field-cards .field__item img {
  max-width: 100%;
  height: auto;
  border-radius: 8px;
  width: 100%;
  border-bottom-left-radius: 0px;
  border-bottom-right-radius: 0px;
}

.field--name-field-right-image-cards .field__item img {
  border-radius: 8px;
  border-bottom-left-radius: 0px;
  border-top-right-radius: 0px;
  min-height: 190px;
}

.paragraph--type-top-image-card {
  border-radius: 8px;
  background-color: #fff;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
  padding-bottom: 20px;
  position: relative;
  min-height: 500px;
}

.paragraph--type-top-image-card .field--name-field-card-title,
.paragraph--type-top-image-card .field--name-field-card-description,
.paragraph--type-top-image-card .field--name-field-card-button {
  padding: 5px 10px 5px 25px;
}

.field--name-field-cards .field--name-field-card-title {
  font-size: 18px;
  font-weight: bold;
  color: #333;
  margin-top: 10px;
}

.field--name-field-cards .field--name-field-card-description {
  font-size: 14px;
  color: #666;
  margin-top: 10px;
}

.paragraph--type-left-image-card .field--name-field-card-button a,
.field--name-field-cards .field--name-field-card-button a {
  display: inline-block;
  margin-top: 10px;
  padding: 8px 12px;
  background-color: #f26334;
  color: #fff;
  text-decoration: none;
  border-radius: 4px;
  font-size: 14px;
  font-weight: 600;
  text-align: center;
  position: absolute;
  bottom: 20px;
}

.field--name-field-cards .field--name-field-card-button a:hover {
  background-color: #0056b3;
}

.field--name-field-right-image-cards {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  /* Two columns */
  gap: 20px;
  /* Space between items */
  align-items: start;
  /* Align items at the start of the grid cells */
}

.paragraph--type-left-image-card .field--name-field-card-button a {
  margin-top: 25px;
  position: absolute;
  bottom: 25px;
  right: 25px;
  background: #002c6c;
}

.paragraph--type-left-image-card {
  margin: 60px 0px;
}

.paragraph--type-left-image-card .colsm-6 {
  display: flex;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
  min-height: 350px;
  border-radius: 8px;
}

.paragraph--type-left-image-card .colsm-6 .group-right {
  padding: 20px 10px 20px 25px;
  position: relative;
}

.field--name-field-cards .field--name-field-card-title,
.paragraph--type-left-image-card .field--name-field-card-title {
  color: #002c6c;
  font-size: 20px;
  font-weight: 600;
  margin-bottom: 15px;
}

#page-wrapper .site-footer {
  margin-top: 50px;
  margin-bottom: 50px;
  background: #fff;
}

.site-footer .block {
  margin-top: 0px;
  padding-top: 0px;
}

#page-wrapper .site-footer .site-footer__top h2 {
  color: #002c6c;
  font-weight: 500;
  font-size: 19px;
}

#page-wrapper .site-footer .site-footer__top .nav,
#page-wrapper .site-footer .menu--footer .nav {
  flex-direction: column !important;
}

#page-wrapper .site-footer .block-menu .nav a {
  color: #008dbd;
  padding-left: 0px;
}

.path-frontpage .content .title {
  display: none;
}

.site-footer #block-gs1-kapmezhet .content {
  color: #000;
}

.site-footer #block-gs1-kapmezhet h2 {
  color: #000;
}

.featured-top {
  background: #f26334;
  color: #fff;
  position: relative;
  min-height: 450px;
  display: flex;
  align-items: center;
  padding: 15px;
}

.featured-top.no-bg-image {
  min-height: 155px;
}
.featured-top.full-width-banner .featured-top__inner {
  padding: 50px;
  background: #002c6c;
  border-radius: 25px;
  border: 4px solid #ffffff;
  box-shadow: 0 7px 15px 0 rgba(0, 57, 123, 13.2);
}

.highlighted {
  border-top: 1px solid grey;
  padding-top: 15px;
}

.block-page-title-block {
  max-width: 750px;
}
.block-page-title-block .banner-description {
  font-size: 20px;
  margin-bottom: 25px;
}

.block-page-title-block .banner-button {
  margin-top: 25px;
}

.block-page-title-block .banner-button a {
  text-decoration: none;
  padding: 7px 15px 10px 15px;
  color: #fff;
  border-radius: 5px;
  font-weight: 600;
  background: #002c6c;
}

.block-page-title-block .banner-button a::after {
  content: "\f061";
  font-family: "Font Awesome 6 Free";
  font-weight: 900;
  color: #fff;
  font-size: 15px;
  padding-left: 10px;
  padding-top: 3px;
}

.paragraph--type--payment-info {
  padding: 25px;
}

.paragraph--type--payment-info::before {
  content: "\f19c";
  font-family: "Font Awesome 6 Free";
  font-weight: 900;
  color: #f05587;
  font-size: 65px;
}

.paragraph--type--payment-info .field--label-above .field__label {
  font-weight: 600;
  line-height: 1.2;
  color: #002c6c;
  font-size: 18px;
}

.paragraph--type--payment-info .field--name-field-payment-title {
  padding-bottom: 25px;
  font-size: 20px;
  color: #002c6c;
  font-weight: 900;
}

.paragraph--type--payment-info .field {
  margin-bottom: 20px;
}

.field--name-field-payment-infos {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 20px;
  align-items: start;
  background: #f0f5fa;
  border: 1px solid #c4d7ed;
}

.full-width-section, 
.left-img-right-txt-wrapper,
.get-barcode-wrapper {
  background-size: cover;
  width: 100vw;
  position: relative;
  margin-left: -50vw;
  left: 50%;
  padding-top: 0px;
  padding: 50px 0px 50px 0px;

  @media (max-width: 1100px) {
    background-position: bottom !important;
  }
}



.get-barcode-wrapper .field--name-field-title {
  font-size: 40px;
  color: #ffff;
  margin-bottom: 20px;
}

.get-barcode-wrapper .field--name-field-description {
  font-size: 22px;
  color: #ffff;
  margin-bottom: 20px;
}
.get-barcode-wrapper .field--name-field-card-button a {
  text-decoration: none;
  padding: 7px 15px 10px 15px;
  color: #fff;
  border-radius: 5px;
  font-weight: 600;
  background: #002c6c;
}

.get-barcode-wrapper .field--name-field-card-button a::after {
  content: "\f061";
  font-family: "Font Awesome 6 Free";
  font-weight: 900;
  color: #fff;
  font-size: 15px;
  padding-left: 10px;
  padding-top: 3px;
}

.paragraph--type--standarts {
  padding-top: 50px;
  padding-bottom: 60px;
}

.paragraph--type--standarts .field--name-field-title {
  font-size: 30px;
  color: #fff;
  margin-bottom: 30px;
  font-weight: 600;
}
.paragraph--type--standarts
  > .paragraph--type--standart-option
  .field--name-field-description {
  margin-top: 60px;
  font-size: 24px;
  color: #fff;
}

.paragraph--type--standarts .field--name-field-description {
  color: #fff;
  font-size: 20px;
  margin-top: 30px;
  text-align: center;
  margin-top: 70px;
}

.field--name-field-standart-options {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  gap: 0px;
  margin-top: 50px;
}

.field--name-field-standart-options .field--name-field-description {
  color: #fff;
  font-size: 20px;
  margin-top: 34px;
  text-align: center;
}

.paragraph--type--standart-option {
  margin-bottom: 10px;
}

.paragraph--type--standart-option .field--name-field-title:first-child {
  color: rgb(0, 182, 222);
}

.field--name-field-standart-options > .field__item {
  padding: 0px 35px 0px 35px;
  border-right: 2px solid #fff;
}

.field--name-field-standart-options > .field__item:last-child {
  border-right: none;
}

.paragraph--type--standart-option .field--name-field-title {
  color: #fff;
  font-size: 25px;
  text-align: center;
}

.paragraph--type--standart-option
  .field--name-field-image
  .field--name-field-media-image {
  float: none;
  margin: 0px;
  text-align: center;
}

.paragraph--type--standart-option
  .field--name-field-image
  .field--name-field-media-image
  img {
  width: 90px;
}

.field--name-field-article-boxes {
  background-size: cover;
  width: 100vw;
  position: relative;
  margin-left: -50vw;
  left: 50%;
  padding-top: 0px;
  padding: 0px 0px 50px 0px;
}

.paragraph--type--standarts-overview {
  padding-top: 50px;
  padding-bottom: 50px;
}

.paragraph--type--standarts-overview .field--name-field-formatted-description {
  margin-top: 25px;
}

.paragraph--type--standarts-overview
  .standarts-wrapper
  > .field--name-field-title {
  font-weight: 500;
  line-height: 1.2;
  color: #002c6c;
  font-size: 35px;
}

.field--name-field-standart-types > .field__items {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 35px;
  margin-top: 50px;
  margin-bottom: 30px;
}
.field--name-field-standart-types
  .field__items
  .paragraph--type--standart-type {
  border: 1px solid #e5f0fc;
  border-radius: 4px;
  box-shadow: 0 2px 3px 0 rgba(0, 44, 108, 0.2);
  padding: calc(0.9857142857rem + 0.6857142857vw);
  position: relative;
  transition-duration: 0.2s;
  transition-timing-function: ease;
  height: 100%;
}

.field--name-field-standart-types .paragraph--type--standart-type a {
  text-decoration: none;
}

.field--name-field-standart-types .standarts-type-link {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.field--name-field-standart-types .type-title .field--name-field-title {
  font-size: 28px;
  font-weight: 500;
  line-height: 30px;
  margin-bottom: 20px;
}

.field--name-field-standart-types > .field__label {
  display: none;
}

.field--name-field-standart-types .field--name-field-description {
  font-weight: 500;
}

.field--name-field-standart-types
  .field__items
  .paragraph--type--standart-type:hover {
  cursor: pointer;
  transform: translateY(-4px);
  box-shadow: 0 10px 30px 0 rgba(165, 165, 167, 0.6);
}

.paragraph--type--left-text-right-image .field--name-field-title {
  font-size: 28px;
  color: #002c6c;
  margin-bottom: 28px;
  font-weight: 500;
}

.view-id-partners.view-display-id-block_1 {
  margin-top: 80px;
}

.view-id-partners.view-display-id-block_1 .view-content.row {
  display: inline-block;
  margin: 0px;
  width: 100%;
}

.view-id-partners.view-display-id-block_1 .views-field-nothing {
  display: flex;
  float: left;
  padding: 15px;
  min-height: 139px;
  align-items: center;
}

.paragraph--type--horizontal-tabs .text-align-center {
  max-width: 100%;
  height: auto;
}

.paragraph--type--horizontal-tabs .tab-pane {
  margin-top: 50px;
}

.paragraph--type--horizontal-tabs .nav-item a {
  border-top: none;
  border-right: none;
  border-left: none;
  font-size: 18px;
}

.paragraph--type--horizontal-tabs .nav-item a.active {
  border-bottom: 4px solid #f26334;
}
.paragraph--type--horizontal-tabs .nav-item a:hover {
  background-color: #e5f0fc;
  color: #002c6c;
}

.paragraph--type--horizontal-tabs .tab-pane .button-block a {
  display: inline-block;
  height: inherit;
  padding: 10px 16px 10px 16px;
  font-size: 14px;
  font-weight: 500;
  border-radius: 4px;
  background-color: #cd3c0d;
  color: #fff;
  text-decoration: none;
}

.image-with-caption-default img {
  max-width: 100%;
  height: auto;
}

.paragraph--type--horizontal-tabs #bootstrap-horizontal-tabs {
  margin-top: 30px;
}

.paragraph--type--horizontal-tabs .tab-pane .button-block a:hover {
  background-color: #912305;
}

@media (min-width: 992px) {
  .get-barcode-wrapper .text-container {
    margin-top: 25px;
    margin-bottom: 25px;
  }
}
@media (max-width: 992px) {
  .get-barcode-wrapper .text-container {
    width: 100%;
  }
  .paragraph--type--left-text-right-image .left-img-right-txt-wrapper {
    background: none !important;
    padding-top: 0px;
  }
  .paragraph--type--left-text-right-image .left-img-right-txt-wrapper .get-barcode-container.container {
    padding: 25px;
  }
  .field--name-field-standart-types > .field__items {
    grid-template-columns: repeat(2, 1fr);
  }
}

/* General styling for the table */
table thead tr th {
  background: #fff;
  color: #008dbd;
}

tr td,
tr th {
  padding: 15px 9px;
  color: #000;
}

tr td a,
tr th a {
  color: #103541;
}

tr:nth-child(odd) {
  background-color: #89aadb;
  /* Light gray for even rows */
}

tr:nth-child(odd) td {
  color: #fff;
}

tr:nth-child(even) {
  background-color: #ffff;
  /* Light gray for even rows */
}

tr:nth-child(even) td {
  color: #000;
  /* Light gray for even rows */
}

.navbar-nav {
  gap: 15px;
  flex-direction: row;
}

.dropdown-toggle::after {
  content: "\f078";
  font-family: "Font Awesome 6 Free";
  font-weight: 900;
  border: none;
  vertical-align: initial;
}

.navbar-nav a {
  font-size: 16px;
  font-weight: 600;
}

.navbar-nav .dropdown-toggle a::hover {
  color: #ff8200;
}

.navbar-nav .menu-item--expanded a {
  text-decoration: none;
}

.navbar-nav .menu-item--expanded a::hover {
  text-decoration: underline;
}

.navbar-nav .dropdown-menu {
  position: absolute;
}

body:not(.path-frontpage) #navbar-main {
  display: none !important;
}

body.path-frontpage .navbar-toggler.mobile.collapsed {
  display: none;
}

#block-gs1-main-menu {
  position: relative;
}

/* Reset styles for nested menus */
#block-gs1-main-menu ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
  display: flex;
}

/* Parent menu items */
#block-gs1-main-menu li {
  position: relative;
}

/* 2nd-level menu visibility logic */
#block-gs1-main-menu li.menu-item--expanded > .menu-link-contentmain > .menu-link-wrapper > ul {
  display: none; /* Hidden by default */
  position: absolute;
  top: 100%; /* Dropdown positioned below the parent */
  left: -100%;
  background: #fff; /* Optional background styling */
  z-index: 1000; /* Ensure it's above other content */
  padding: 10px;
  border: 1px solid #ccc; /* Optional border */
  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1); /* Optional shadow */
  width: auto; /* Optional: adjust submenu width dynamically */
}

/* Show 2nd-level menu when parent is hovered */
#block-gs1-main-menu li.menu-item--expanded:hover > .menu-link-contentmain > .menu-link-wrapper > ul {
  display: block; /* Make the 2nd-level menu visible */
}

/* 2nd-level menu items styling */
.region-main-menu-nav .menu-item.nav-item .menu-level-1 {
  position: absolute;
  width: 100%; /* Make the menu span the full width of its parent */
  left: 0;
  right: 0;
  top: 30px; /* Adjust the position slightly below the parent title/menu-item */
}

/* Add image above 2nd-level menu item title */
.region-main-menu-nav .menu-item.nav-item .menu-dropdown-0 > .menu-link-wrapper ul img {
  display: block; /* Ensure image becomes block-level */
  margin: 0 auto 10px auto; /* Center image and add spacing below */
  max-width: 100%; /* Ensure responsiveness */
  border-radius: 5px; /* Optional: rounded corners */
}

/* Styling for 2nd-level menu items */
.region-main-menu-nav #block-gs1-main-menu .menu-item.nav-item .menu-dropdown-0 > .menu-link-wrapper ul li a {
  font-size: 17px; /* Make titles larger for better readability */
  text-align: center; /* Center-align text under the image */
  font-weight: bold; /* Emphasize titles */
  display: block; /* Ensure it spans the row/block */
  padding: 5px;
  text-decoration: none; /* Remove default underline */
  color: #333; /* Set default text color */
}

/* Hover effect for 2nd-level menu titles */
.region-main-menu-nav #block-gs1-main-menu .menu-item.nav-item .menu-dropdown-0 > .menu-link-wrapper ul li a:hover {
  background-color: #007bff; /* Highlight background color for hover effect */
  color: #fff; /* Change text color on hover */
}

/* Style for 3rd-level menu (below 2nd-level item titles) */
.region-main-menu-nav .menu-item.nav-item .menu-dropdown-0 > .menu-link-wrapper > ul > li.menu-item > .menu-link-contentmain > .menu-link-wrapper > ul {
  display: none; /* Hidden by default */
  position: relative; /* Positioned relative to the parent 2nd-level menu */
  top: 10px; /* Add some spacing below the 2nd-level title */
  left: 0;
  background: #f8f9fa; /* Optional: background color */
  padding: 10px;
  border: 1px solid #e5f0fc; /* Optional: border color */
}

/* Automatically display 3rd-level menu when 2nd-level item is hovered */
.region-main-menu-nav .menu-item.nav-item:hover > .menu-link-contentmain > .menu-link-wrapper > ul > li.menu-item:hover > .menu-link-contentmain > .menu-link-wrapper > ul {
  display: block; /* Make 3rd-level menu visible */
}

/* Styling for links inside 3rd-level menu */
.region-main-menu-nav .menu-item.nav-item .menu-dropdown-0 > .menu-link-wrapper > ul > li.menu-item > .menu-link-contentmain > .menu-link-wrapper > ul > li.menu-item a {
  display: block; /* Block-level styling */
  font-size: 14px; /* Smaller font size for 3rd-level links */
  text-decoration: none; /* Remove underline */
  color: #333; /* Default text color */
  padding: 5px;
}

/* Hover effect for 3rd-level menu items */
.region-main-menu-nav .menu-item.nav-item .menu-dropdown-0 > .menu-link-wrapper > ul > li.menu-item > .menu-link-contentmain > .menu-link-wrapper > ul > li.menu-item a:hover {
  background-color: #007bff; /* Highlight background color */
  color: #ffffff; /* Change text color on hover */
}

/* Styles for field container with the image above titles */
.region-main-menu-nav .menu-item.nav-item .menu-dropdown-0 > .menu-link-wrapper .field--name-field-menu-item-image {
  margin: 0px;
  text-align: center;
}

/* Adjust spacing for submenu content */
.region-main-menu-nav .menu-item.nav-item .menu-dropdown-0 > .menu-link-wrapper ul {
  border: 1px solid #e5f0fc; /* Add border */
  padding-top: 20px; /* Add padding for better layout */
}
  /* Show 2nd-level menu when parent is hovered */
  #block-gs1-main-menu
    li.menu-item--expanded:hover
    > .menu-link-contentmain
    > .menu-link-wrapper
    > ul {
    display: flex;
    flex-direction: row;
    gap: 15px;
    padding: 25px;
    text-align: center;
    justify-content: center;
  }
  /* 3rd-level menu visibility logic */
  #block-gs1-main-menu
    li.menu-item--expanded
    > .menu-link-contentmain
    > .menu-link-wrapper
    > ul
    > li.menu-item--expanded
    > .menu-link-contentmain
    > .menu-link-wrapper
    > ul {
    display: none; /* Hidden by default */
    position: absolute;
    top: 0; /* Align beside the parent (2nd-level menu) */
    left: 100%; /* Positioned to the right of the 2nd-level menu */
    background: #f8f9fa;
    padding: 10px;
    border: 1px solid #ccc;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
  }
  .region-main-menu-nav .menu-dropdown .menu-level-1 {
    display: flex;
    flex-direction: column;
    background: #ffff;
    min-height: 200px;
    background: #fff;
  }

  .region-main-menu-nav .menu-item.nav-item .menu-dropdown-1 {
    position: absolute;
    width: 100%;
    left: 0;
    right: 0;
    top: 30px;
  }

  /* Parent menu items */
  #block-gs1-main-menu li {
    position: relative;
  }

  #block-gs1-main-menu
    li.menu-item--expanded
    > .menu-link-contentmain
    > .menu-link-wrapper
    > ul.menu-level-1 {
    background: #fff; /* Optional background styling */
    z-index: 1000; /* Ensure it's above other content */
    padding: 10px;
    border: 1px solid #ccc; /* Optional */
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1); /* Optional shadow */
    min-width: 680px;
  }
  /* Reset styles for nested menus */
  #block-gs1-main-menu ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
    display: flex;
  }

  #block-gs1-main-menu ul.menu-level-2 {
    margin-top: 10px;
    border: none;
    display: block;
  }

  #block-gs1-main-menu ul.menu-level-1 .menu-lev-1-wrapper {
    margin-top: 20px;
    text-align: center;
    display: flex;
    flex-direction: column;
    align-items: center;
  }

  .region-main-menu-nav
    #block-gs1-main-menu
    .menu-item.nav-item
    .menu-dropdown-0
    > .menu-link-wrapper
    ul.menu-level-1
    li
    a:hover,
  #block-gs1-main-menu ul.menu-level-0 li a:hover,
  #block-gs1-main-menu ul.menu-level-1 a:hover,
  #block-gs1-main-menu ul.menu-level-2 a:hover {
    background-color: transparent;
    color: #f26334;
  }


/* Automatically show 3rd-level menu when 2nd-level menu is visible */


#block-gs1-main-menu
  li.menu-item--expanded:hover
  > .menu-link-contentmain
  > .menu-link-wrapper
  > ul
  > li.menu-item--expanded
  > .menu-link-contentmain
  > .menu-link-wrapper
  > ul {
  display: block; /* Automatically display the 3rd-level menu */
}

#block-gs1-main-menu
  li.menu-item--expanded:hover
  > .menu-link-contentmain
  > .menu-link-wrapper
  > ul
  > li.menu-item--expanded
  > .menu-link-contentmain
  > .menu-link-wrapper
  > ul.menu-level-2 {
  position: initial;
  border: none;
  background: transparent;
  box-shadow: none;
}


@media (min-width: 992px) {
	/* Styling for links in menus */
	#block-gs1-main-menu li a {
	  display: block;
	  padding: 8px 15px;
	  text-decoration: none;
	  font-size: 16px;
	  font-weight: 500;
	  color: #002c6c;
	}
}

.region-main-menu-nav #block-gs1-main-menu li.menu-item--active-trail > a {
  color: #cd3c0d;
}

.region-main-menu-nav
  #block-gs1-main-menu
  ul.menu-level-0
  > li.menu-item--expanded
  > a::after {
  content: "\f078";
  font-family: "Font Awesome 6 Free";
  font-weight: 900;
  font-size: 14px;
  padding-left: 5px;
}

/* Hover effect on links */
#block-gs1-main-menu li a:hover {
  background-color: #007bff;
  color: #fff;
}

.region-main-menu-nav
  .menu-item.nav-item
  .menu-dropdown-0
  > .menu-link-wrapper
  ul {
  border: 1px solid #e5f0fc;
  padding-top: 20px;
}

.region-main-menu-nav
  .menu-item.nav-item
  .menu-dropdown-0
  > .menu-link-wrapper
  ul
  img {
  margin: 0px;
}

.region-main-menu-nav
  #block-gs1-main-menu
  .menu-item.nav-item
  .menu-dropdown-0
  > .menu-link-wrapper
  ul
  li
  a {
  font-size: 17px;
}

.region-main-menu-nav
  #block-gs1-main-menu
  .menu-item.nav-item
  .menu-dropdown-0
  > .menu-link-wrapper
  ul.menu-level-1
  li
  span,
.region-main-menu-nav
  #block-gs1-main-menu
  .menu-item.nav-item
  .menu-dropdown-0
  > .menu-link-wrapper
  ul.menu-level-1
  li
  a {
  font-size: 18px;
  font-weight: 500;
  color: #002c6c;
}

.region-main-menu-nav
  #block-gs1-main-menu
  .menu-item.nav-item
  .menu-dropdown-0
  > .menu-link-wrapper
  ul.menu-level-1
  li
  span {
  padding-bottom: 5px;
  border-bottom: 1px solid #c4d7ed;
}

.region-main-menu-nav
  #block-gs1-main-menu
  .menu-item.nav-item
  .menu-dropdown-0
  > .menu-link-wrapper
  ul.menu-level-2
  li
  a {
  font-size: 16px;
  font-weight: 500;
  color: #00799e;
}

.region-main-menu-nav
  .menu-item.nav-item
  .menu-dropdown-0
  > .menu-link-wrapper
  .field--name-field-menu-item-image {
  margin: 0px;
  text-align: center;
}

.field--name-body .card-block {
  box-shadow: 0 2px 3px 0 rgba(165, 165, 167, .2);
  border: 1px solid #e5f0fc;
  border-radius: 4px;
  transition-duration: .2s;
  transition-timing-function: ease;
  position: relative;
  height: 100%;
  display: flex;
  flex-direction: column;
  background-color: #fff;
}

.field--name-body .card-block:hover {
  cursor: pointer;
  transform: translateY(-4px);
  box-shadow: 0 10px 30px 0 rgba(165, 165, 167, .6);
}

.field--name-body .card-block a {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  color: transparent;
  z-index: 1;
}

.field--name-body .card-block img {
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
  width: 100%;
  height: 170px;
  -o-object-fit: cover;
  object-fit: cover;
}

.field--name-body .card-block .text-formatted {
  background-color: #fff;
  padding-top: 1.5rem;
  padding-bottom: 1.5rem;
  padding-left: 1.5rem;
  padding-right: 1.5rem;
  display: flex;
  align-items: center;
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
}

.field--name-body .card-block-section {
  height: 100%;
}

.field--name-body  .block-content-image_with_caption_block img {
  max-width: 100%;
  height: auto;
}

.field--name-body .block-content--type-icon-text-block {
  padding-top: 40px;
}

.field--name-body  .img-icon {
  height: 100px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 1.5rem;
}

.field--name-body .image-with-caption {
  background-color: #F0F5FA;
  width: 100vw;
  position: relative;
  margin-left: -51vw;
  left: 50%;
  padding-top: 0px;
  padding: 50px 0px 50px 0px;
}

.block-text-with-graphic.with-border {
  border: 1px solid #c4d7ed;
  border-radius: 4px;
  background: #fff;
  padding: 25px;
  margin-top: 0px;
}

.block-text-with-graphic {
  margin-top: 50px;
}

.pt-spacer-3.wrapper-body {
  padding-top: 15px;
}

  .carousel-bubbles .wrapper {
    margin-right: 16px;
    height: 104px
}

.carousel-bubbles .wrapper img {
    border-radius: 100%;
    width: 104px;
    height: 104px;
    -o-object-fit: cover;
    object-fit: cover
}

.carousel-bubbles .wrapper.slick-current {
    animation: w 1s linear both
}

@keyframes w {
    0% {
        transform: scale(0.5)
    }

    100% {
        transform: scale(1)
    }
}

.carousel-bubbles .wrapper.slick-current+.wrapper {
    width: 50px !important
}

.carousel-bubbles .wrapper.slick-current+.wrapper img {
    width: 50px;
    height: 50px
}

.carousel-bubbles .wrapper.slick-current+.wrapper+.wrapper {
    width: 50px !important
}

.carousel-bubbles .wrapper.slick-current+.wrapper+.wrapper img {
    width: 50px;
    height: 50px
}

  .carousel-bubbles .wrapper {
      margin-right:24px;
      height: 218px
  }

@media(min-width: 768px) {
    .carousel-bubbles .wrapper {
        margin-right:24px;
        height: 218px
    }

    .carousel-bubbles .wrapper img {
        width: 218px;
        height: 218px
    }

    .carousel-bubbles .wrapper.slick-current+.wrapper {
        width: 68px !important
    }

    .carousel-bubbles .wrapper.slick-current+.wrapper img {
        width: 68px;
        height: 68px
    }

    .carousel-bubbles .wrapper.slick-current+.wrapper+.wrapper {
        width: 68px !important
    }

    .carousel-bubbles .wrapper.slick-current+.wrapper+.wrapper img {
        width: 68px;
        height: 68px
    }

    .carousel-bubbles .wrapper.slick-current+.wrapper+.wrapper+.wrapper {
        width: 68px !important
    }

    .carousel-bubbles .wrapper.slick-current+.wrapper+.wrapper+.wrapper img {
        width: 68px;
        height: 68px
    }

    .carousel-bubbles .wrapper.slick-current+.wrapper+.wrapper+.wrapper+.wrapper {
        width: 68px !important
    }

    .carousel-bubbles .wrapper.slick-current+.wrapper+.wrapper+.wrapper+.wrapper img {
        width: 68px;
        height: 68px
    }

    .carousel-bubbles .wrapper.slick-current+.wrapper+.wrapper+.wrapper+.wrapper+.wrapper {
        width: 48px !important
    }

    .carousel-bubbles .wrapper.slick-current+.wrapper+.wrapper+.wrapper+.wrapper+.wrapper img {
        width: 48px;
        height: 48px
    }

    .carousel-bubbles .wrapper.slick-current+.wrapper+.wrapper+.wrapper+.wrapper+.wrapper+.wrapper {
        width: 48px !important
    }

    .carousel-bubbles .wrapper.slick-current+.wrapper+.wrapper+.wrapper+.wrapper+.wrapper+.wrapper img {
        width: 48px;
        height: 48px
    }

    .carousel-bubbles .wrapper.slick-current+.wrapper+.wrapper+.wrapper+.wrapper+.wrapper+.wrapper+.wrapper {
        width: 48px !important
    }

    .carousel-bubbles .wrapper.slick-current+.wrapper+.wrapper+.wrapper+.wrapper+.wrapper+.wrapper+.wrapper img {
        width: 48px;
        height: 48px
    }
}

.carousel-body {
    padding-top: calc(0.9857142857rem + 0.6857142857vw)
}

@media(min-width: 1200px) {
    .carousel-body {
        padding-top:1.5rem
    }
}

.carousel-body .wrapper-body {
    align-items: flex-start !important
}

.wrapper-carousel-bubbles {
    margin-left: 40px;
    max-width: 250px;
    width: 100%
}

@media (min-width: 768px) {
    .wrapper-carousel-bubbles {
        margin-left:65px;
        max-width: 810px;
        margin-top: 60px;
    }

    .wrapper-carousel-bubbles .wrapper-buttons::before {
        top: 105px !important;
        left: -65px;
        width: calc(100% + 130px)
    }

    .wrapper-carousel-bubbles .wrapper-buttons button.slick-arrow {
        top: 90px !important
    }

    .wrapper-carousel-bubbles .wrapper-buttons .slick-next {
        right: -65px
    }

    .wrapper-carousel-bubbles .wrapper-buttons .slick-prev {
        left: -65px
    }
}

.wrapper-carousel-bubbles .slick-track {
    display: flex
}

.wrapper-carousel-bubbles .slick-track .slick-slide {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center
}

.wrapper-carousel-bubbles .disable {
    cursor: not-allowed;
    opacity: .7
}

.wrapper-carousel-bubbles .wrapper-buttons .line-fade {
    display: none
}

.wrapper-carousel-bubbles .wrapper-buttons.finish .line-fade {
  display: block;
  position: absolute;
  height: 2px;
  width: 100%;
  right: 0;
  top: 105px;
  background: linear-gradient(90deg, transparent 30%, white 100%);
  z-index: 0
}

@media (max-width: 767px) {
  .wrapper-carousel-bubbles .wrapper-buttons.finish .line-fade {
      background:linear-gradient(90deg, transparent 80%, white 100%);
      top: 55px
  }
  .field--name-field-standart-types > .field__items {
    grid-template-columns: repeat(1, 1fr);
  }
}

.wrapper-carousel-bubbles .wrapper-buttons.finish:before {
    width: 300px !important
}

@media (max-width: 767px) {
  .wrapper-carousel-bubbles .wrapper-buttons.finish:before {
      width:150px !important
  }
}

.wrapper-carousel-bubbles .wrapper-buttons.finish:after {
    content: "";
    width: calc(100% - 40px);
    height: 2px;
    background-color: transparent;
    display: block;
    position: absolute;
    top: 105px;
    z-index: -1;
    left: -25px;
    border: 1px dashed #c4d7ed
}

@media (max-width: 767px) {
    .wrapper-carousel-bubbles .wrapper-buttons.finish:after {
        width:100%;
        top: 55px;
        left: 0
    }
}

.wrapper-carousel-bubbles .wrapper-buttons::before {
    content: "";
    width: calc(100% + 50px);
    height: 2px;
    background-color: #c4d7ed;
    display: block;
    position: absolute;
    top: 55px;
    z-index: -1;
    left: -25px
}

.wrapper-carousel-bubbles .wrapper-buttons button.slick-arrow {
    position: absolute;
    z-index: 3;
    top: 40px;
    background: #fff;
    border: 1px solid #e5f0fc;
    border-radius: 50%;
    box-shadow: 0 2px 3px 0 rgba(0,44,108,.2);
    width: 30px;
    height: 30px;
    transition: top .2s ease
}

.wrapper-carousel-bubbles .wrapper-buttons button.slick-arrow.disable,.wrapper-carousel-bubbles .wrapper-buttons button.slick-arrow.slick-disable {
    opacity: .4
}

.wrapper-carousel-bubbles .wrapper-buttons .slick-next {
    right: -35px
}

.wrapper-carousel-bubbles .wrapper-buttons .slick-prev {
    left: -45px
}

.wrapper-carousel-bubbles .wrapper-buttons .slick-next::after {
    content: "";
    background-image: url("data:image/svg+xml,%3Csvg width='10' height='10' viewBox='0 0 10 10' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M-0.000141144 4.99981C-0.000141144 5.16557 0.0657063 5.32455 0.182917 5.44176C0.300127 5.55897 0.459099 5.62481 0.624859 5.62481H7.86611L5.18236 8.30731C5.12425 8.36542 5.07815 8.43441 5.0467 8.51033C5.01526 8.58626 4.99907 8.66763 4.99907 8.74981C4.99907 8.83199 5.01526 8.91337 5.0467 8.98929C5.07815 9.06522 5.12425 9.1342 5.18236 9.19231C5.24047 9.25042 5.30945 9.29652 5.38538 9.32797C5.4613 9.35942 5.54268 9.3756 5.62486 9.3756C5.70704 9.3756 5.78841 9.35942 5.86434 9.32797C5.94026 9.29652 6.00925 9.25042 6.06736 9.19231L9.81736 5.44231C9.87556 5.38426 9.92174 5.31529 9.95325 5.23935C9.98476 5.16342 10.001 5.08202 10.001 4.99981C10.001 4.9176 9.98476 4.8362 9.95325 4.76027C9.92174 4.68434 9.87556 4.61537 9.81736 4.55731L6.06736 0.807313C5.95 0.689955 5.79083 0.624023 5.62486 0.624023C5.45889 0.624023 5.29972 0.689955 5.18236 0.807313C5.065 0.924671 4.99907 1.08384 4.99907 1.24981C4.99907 1.41578 5.065 1.57496 5.18236 1.69231L7.86611 4.37481H0.624859C0.459099 4.37481 0.300127 4.44066 0.182917 4.55787C0.0657063 4.67508 -0.000141144 4.83405 -0.000141144 4.99981Z' fill='%23002C6C'/%3E%3C/svg%3E%0A");
    background-repeat: no-repeat;
    background-position: center;
    width: 10px;
    display: inline-block;
    height: 10px
}

.wrapper-carousel-bubbles .wrapper-buttons .slick-prev::after {
    content: "";
    background-image: url("data:image/svg+xml,%3Csvg width='10' height='10' viewBox='0 0 10 10' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M10 4.99981C10 4.83405 9.93415 4.67508 9.81694 4.55787C9.69973 4.44066 9.54076 4.37481 9.375 4.37481H2.13375L4.8175 1.69231C4.93486 1.57496 5.00079 1.41578 5.00079 1.24981C5.00079 1.08384 4.93486 0.924671 4.8175 0.807313C4.70014 0.689955 4.54097 0.624023 4.375 0.624023C4.20903 0.624023 4.04986 0.689955 3.9325 0.807313L0.1825 4.55731C0.124296 4.61537 0.0781174 4.68434 0.0466099 4.76027C0.0151014 4.8362 -0.00111675 4.9176 -0.00111675 4.99981C-0.00111675 5.08202 0.0151014 5.16342 0.0466099 5.23935C0.0781174 5.31529 0.124296 5.38426 0.1825 5.44231L3.9325 9.19231C4.04986 9.30967 4.20903 9.3756 4.375 9.3756C4.54097 9.3756 4.70014 9.30967 4.8175 9.19231C4.93486 9.07495 5.00079 8.91578 5.00079 8.74981C5.00079 8.58384 4.93486 8.42467 4.8175 8.30731L2.13375 5.62481H9.375C9.54076 5.62481 9.69973 5.55897 9.81694 5.44176C9.93415 5.32455 10 5.16557 10 4.99981Z' fill='%23A6B0BB'/%3E%3C/svg%3E%0A");
    background-repeat: no-repeat;
    background-position: center;
    width: 10px;
    display: inline-block;
    height: 10px
}

@media (max-width: 992px) {
  .navbar-toggler.mobile {
    display: block;
  }
  .mean-container .mean-nav ul > li > div > div > ul > li > div,
  .mean-container .mean-nav ul > li > div > div > ul > li > span {
		padding: 1em 10%;
		color: #002c6c;
		font-size: 14px;
	}
  .mean-container .mean-nav ul > li > div > div > ul > li > div img,
  .mean-container .mean-nav ul > li > div > div > ul > li > span + div img {
    display: none;
  }
  .mean-container .mean-nav ul > li > div > div > ul > li > span {
    width: 100%;
    display: block;
    background: #f26334;
    color: #fff;
    font-size: 16px;
    font-weight: 600;
  }

  body:not(.path-frontpage) #navbar-main {
    display: block;
  }

  body.path-frontpage .navbar-toggler.mobile.collapsed {
    display: block;
  }

  body:not(.path-frontpage) #navbar-top .region-main-menu-nav {
    display: none;
  }

  .highlighted {
    margin-top: 40px;
  }

  .collapse:not(.show) {
	  display: block;
  }
  

  .navbar-nav .dropdown-menu {
    position: relative;
    border-left: none;
    border-right: none;
    border-radius: 0px;
  }

  .navbar-nav {
    display: block;
    margin-top: 5px;
  }

  body:not(.path-frontpage) .navbar-nav {
    flex-direction: column;
    margin-top: 70px;
  }

  .path-frontpage .region-main-menu-nav .block-menu {
    border-top: 2px solid #f26334;
    margin-top: 25px;
	  padding: 0px;
  }

  .navbar-nav .menu-item--expanded a::after {
    position: absolute;
    right: 0px;
  }

  .form-type-search {
    margin-bottom: 0px !important;
  }

  .header-container.container .navbar.navbar-expand-lg {
    width: 100%;
    display: block;
  }

  .navbar-toggler.mobile {
    position: absolute;
    top: 30px;
    right: 15px;
  }

  body:not(.path-frontpage) .navbar-toggler.mobile {
    position: absolute;
    top: 0;
    right: 15px;
  }

  .view-home-slider {
    margin-top: 25px;
  }

  .view-home-slider .group-left {
    margin-left: 0px;
    width: 100%;
    padding-bottom: 30px;
    text-align: center;
  }

  .node--type-slide {
    flex-direction: column-reverse;
  }

  .view-home-slider .group-right {
    justify-content: center;
    width: 100%;
  }

  .owl-carousel .owl-stage {
    background: #002c6c;
  }

  .paragraph--type-left-image-card .field--name-field-card-button a {
    position: initial;
  }

  .paragraph--type-left-image-card .colsm-6 {
    flex-direction: column;
  }
  #block-gs1-main-menu ul {
	display: block;
  }
  .region-main-menu-nav {
	max-width: 100%;  
  }
}

@media (max-width: 767px) {
  .field--name-field-right-image-cards .field__item img {
    width: 100%;
  }

  .field--name-field-cards.field__items {
    grid-template-columns: repeat(1, 1fr);
  }

  .cards-container.container {
    padding-left: 25px;
  }
}

@media (max-width: 510px) {
  .field--name-field-right-image-cards {
    grid-template-columns: repeat(1, 1fr);
  }

  .field--name-field-right-image-cards .field__item img {
    width: 50%;
  }

  .paragraph--type-left-image-card {
    margin: 25px 0px;
  }
}

@media (max-width: 450px) {
  .navbar {
    display: block;
  }

  .navbar-nav .menu-item--expanded a {
    position: relative;
  }

  .block-search .form-type-search {
    margin-top: 15px;
  }

  .search-block-form form button::after {
    top: 15px;
  }

  .block-search .form-search.form-control,
  .block-search .form-type-search,
  .block-search .container-inline,
  .block-search #search-block-form {
    width: 100%;
  }
}

.webform-submission-dimowm-form {
    max-width: 750px;
    margin: 0 auto;
    padding: 25px;
    background: #f0f5fa;
}

.webform-submission-dimowm-form label {
    font-size: 22px;
    font-weight: 600;
    padding-bottom: 20px;
  }

  .view-encoding-procedures .ui-accordion-header {
    background: #002c6c;
    color: #ffff;
  }

  .view-encoding-procedures .ui-accordion-header.ui-accordion-header-collapsed {
    background: #7291c2;
  }

  .view-encoding-procedures .ui-accordion-content {
    background: #f0f5fa;
  }

  .field--name-field-events .field__items {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 35px;
    margin-top: 50px;
    margin-bottom: 50px;

    @media (max-width: 760px) {
      grid-template-columns: repeat(1, 1fr);
    }
  }

  .paragraph--type--event img {
    width: 100%;
    height: auto;
  }

  .paragraph--type--event .field--name-field-title {
    color: #002c6c;
    font-size: 20px;
    font-weight: 600;
    margin-bottom: 15px;
  }

  .paragraph--type--event .field--name-field-event-date {
    background: #f0f5fa;
    padding: 10px;
    color: #f26334;
    font-weight: 600;
    text-align: center;
  }

  .paragraph--type--events .field__items > .field__item {
    transform: translateY(-4px);
    box-shadow: 0 10px 30px 0 rgba(165, 165, 167, 0.6);
    padding: 10px;
  }

  .paragraph--type--events .field__label {
    display: none;
  }