/*Fonts*/
@font-face {
  font-family: "GilroyBold";
  font-style: normal;
  font-weight: normal;
  src: url("../fonts/GilroyBold/GilroyBold.eot?#iefix") format("embedded-opentype"), url("../fonts/GilroyBold/GilroyBold.woff") format("woff"), url("../fonts/GilroyBold/GilroyBold.ttf") format("truetype");
}

@font-face {
  font-family: "GilroyLight";
  font-style: normal;
  font-weight: normal;
  src: url("../fonts/GilroyLight/GilroyLight.eot?#iefix") format("embedded-opentype"), url("../fonts/GilroyLight/GilroyLight.woff") format("woff"), url("../fonts/GilroyLight/GilroyLight.ttf") format("truetype");
}

@font-face {
  font-family: "GilroyRegular";
  font-style: normal;
  font-weight: normal;
  src: url("../fonts/GilroyRegular/GilroyRegular.eot?#iefix") format("embedded-opentype"), url("../fonts/GilroyRegular/GilroyRegular.woff") format("woff"), url("../fonts/GilroyRegular/GilroyRegular.ttf") format("truetype");
}

@font-face {
  font-family: "VerdanaProBold";
  font-style: normal;
  font-weight: normal;
  src: url("../fonts/VerdanaProBold/VerdanaProBold.eot?#iefix") format("embedded-opentype"), url("../fonts/VerdanaProBold/VerdanaProBold.woff") format("woff"), url("../fonts/VerdanaProBold/VerdanaProBold.ttf") format("truetype");
}

@font-face {
  font-family: "VerdanaProSemiBold";
  font-style: normal;
  font-weight: normal;
  src: url("../fonts/VerdanaProSemiBold/VerdanaProSemiBold.eot?#iefix") format("embedded-opentype"), url("../fonts/VerdanaProSemiBold/VerdanaProSemiBold.woff") format("woff"), url("../fonts/VerdanaProSemiBold/VerdanaProSemiBold.ttf") format("truetype");
}

@font-face {
  font-family: "VerdanaProLight";
  font-style: normal;
  font-weight: normal;
  src: url("../fonts/VerdanaProLight/VerdanaProLight.eot?#iefix") format("embedded-opentype"), url("../fonts/VerdanaProLight/VerdanaProLight.woff") format("woff"), url("../fonts/VerdanaProLight/VerdanaProLight.ttf") format("truetype");
}

@font-face {
  font-family: "VerdanaProRegular";
  font-style: normal;
  font-weight: normal;
  src: url("../fonts/VerdanaProRegular/VerdanaProRegular.eot?#iefix") format("embedded-opentype"), url("../fonts/VerdanaProRegular/VerdanaProRegular.woff") format("woff"), url("../fonts/VerdanaProRegular/VerdanaProRegular.ttf") format("truetype");
}

/*Fonts*/

/*Головні змінні BEGIN*/

:root {
  /*Шріфти*/
  --font-bold: "VerdanaProSemiBold", system-ui, sans-serif;
  --font-regular: "VerdanaProRegular", system-ui, sans-serif;
  --font-light: "VerdanaProLight", system-ui, sans-serif;

  /*Розмір шрифтів*/
  --font-size-text: 20px;
  --font-size-text-sm: 18px;
  --font-size-text-md: 19px;

  --font-size-head: 36px;
  --font-size-head-md: 32px;
  --font-size-head-sm: 28px;

  /*Кольори*/
  --color-primary: #1b5196;
  --color-primary-light: #689ade;
  --color-primary-dark: #2b5ca8;
  --color-accent: #1ed59b;
  --color-accent-light: #6ed5b4;
  --color-bg-light: #f9f9f9;
  --color-bg-section: #E3EAF8;
  --color-text: #2e2f2f;
  --color-text-light: #666666;
  --color-white: #ffffff;
  --color-gray: #818183;
  --color-border: #cfcccc;

  /*Радіуси*/
  --radius-sm: 10px;
  --radius-md: 15px;
  --radius-lg: 20px;

  /*Тіні*/
  --shadow-btn:    -3px 3px 3px 2px var(--color-border);
  --shadow-card:   -3px 3px 5px 1px rgba(0,0,0,0.2);
  --shadow-hover:  -3px 4px 6px 3px rgba(0,0,0,0.3);

  /*Перід*/
  --transition:   all 0.25s cubic-bezier(0.1, 0.1, 0.1, 0.1); 
}

/*Головні змінні END*/

/*RESET*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
}

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
  display: block;
}

body {
  line-height: 1;
  background-color: var(--color-bg-light) !important;
}

body.no-flow {
  overflow: hidden;
}

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

blockquote, q {
  quotes: none;
}

blockquote:before, blockquote:after,
q:before, q:after {
  content: '';
  content: none;
}

ul li {
  list-style-type: none;
}

a:hover {
  text-decoration: none !important;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

img {
  max-width: 100%;
}

form input:active,
form input:focus,
form textarea:active,
form textarea:focus,
form button:active,
form button:focus {
  outline: none;
}
/*RESET*/

/*MAIN STYLES BEGIN*/

/*styles for all begin*/

.breadcrumbs-section {
  padding: 0;
  margin: 30px 0 50px;
}

.breadcrumbs-section .breadcrumbs,
.breadcrumbs-section .breadcrumbs span a {
  color: #818183;
  font-family: var(--font-regular);
  font-size: 16px;
}

.breadcrumbs-section .breadcrumbs span a:hover {
  color: #1b5196;
}

.main-button {
  background-color: #1b5196;
  color: #fff;
  border-radius: 10px;
  -webkit-transition: all 0.25s;
  -moz-transition: all 0.25s;
  -o-transition: all 0.25s;
  transition: all 0.25s;
  -webkit-transition-timing-function: cubic-bezier(0.1, 0.1, 0.1, 0.1);
  transition-timing-function: cubic-bezier(0.1, 0.1, 0.1, 0.1);
}

.main-button:hover {
  color: #fff;
  background-color: #689ade;
  box-shadow: -3px 3px 3px 2px #cfcccc;
}

section {
  padding: 100px 0;
}

section .container {
  position: relative;
  z-index: 2;
}

section h2 {
  display: block;
  text-align: center;
  text-transform: uppercase;
  font-family: var(--font-bold);
  font-size: 36px;
  width: 100%;
  margin-bottom: 60px;
}

.more-link {
  background-color: inherit;
  border: 2px solid #1b5196;
  color: #1b5196;
  text-transform: uppercase;
  font-family: var(--font-regular);
  font-size: 15px;
  border-radius: 10px;
  padding: 5px 20px;
  margin: 0 0 0 auto;
  -webkit-transition: all 0.25s;
  -moz-transition: all 0.25s;
  -o-transition: all 0.25s;
  transition: all 0.25s;
  -webkit-transition-timing-function: cubic-bezier(0.1, 0.1, 0.1, 0.1);
  transition-timing-function: cubic-bezier(0.1, 0.1, 0.1, 0.1);
}

.more-link:hover {
  background-color: #1b5196;
  color: #fff;
  box-shadow: -2px 2px 3px 2px rgba(0,0,0,0.2);
}

@media screen and (max-width: 991px) {
  section {
    padding: 70px 0;
  }
}

@media screen and (max-width: 575px) {
  section {
    padding: 50px 0;
  }

  section h2 {
    font-size: 30px;
    margin-bottom: 50px;
  }
}

.modal {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1050;
  display: none;
  overflow: hidden;
  outline: 0;
}

.modal.active {
  display: block;
  background-color: rgba(0,0,0,0.6);
}

.modal__content {
  max-width: 370px;
  position: absolute;
  margin: 0 auto;
  left: 0;
  right: 0;
  top: 15%;
  padding: 30px;
  border-radius: 15px;
  background-color: #2b5ca8;
}

.modal__content .modal__close {
  border: none;
  background-color: inherit;
  color: red;
  font-size: 25px;
  cursor: pointer;
  position: absolute;
  top: 10px;
  right: 10px;
}

.modal__content h2 {
  color: #fff;
  text-align: center;
  margin-bottom: 20px;
  font-size: 20px;
  font-family: var(--font-regular);
  text-transform: uppercase;
  letter-spacing: 0.5px;
}

.modal__content .modal__close:focus {
  outline: none;
}

.modal__content form input,
.modal__content form textarea {
  background-color: inherit;
  border: 2px solid #fff;
  border-radius: 10px;
  margin-bottom: 15px;
  padding: 10px 15px;
  width: 100%;
  color: #fff;
  font-family: var(--font-regular);
  -webkit-transition: all 0.25s;
  -moz-transition: all 0.25s;
  -o-transition: all 0.25s;
  transition: all 0.25s;
  -webkit-transition-timing-function: cubic-bezier(0.1, 0.1, 0.1, 0.1);
  transition-timing-function: cubic-bezier(0.1, 0.1, 0.1, 0.1);
}

.modal__content form input:active,
.modal__content form textarea:active,
.modal__content form input:focus,
.modal__content form textarea:focus {
  box-shadow: -2px 2px 2px 2px rgba(255,255,255,0.2);
}

.modal__content form input::placeholder,
.modal__content form textarea::placeholder {
  color: #fff;
}

.modal__content form button {
  background-color: #fff;
  border: 1px solid #fff;
  color: #1b5196;
  text-transform: uppercase;
  font-family: var(--font-regular);
  font-size: 16px;
  border-radius: 10px;
  padding: 5px 20px;
  margin: 0 0 0 auto;
  display: block;
  -webkit-transition: all 0.25s;
  -moz-transition: all 0.25s;
  -o-transition: all 0.25s;
  transition: all 0.25s;
  -webkit-transition-timing-function: cubic-bezier(0.1, 0.1, 0.1, 0.1);
  transition-timing-function: cubic-bezier(0.1, 0.1, 0.1, 0.1);
  cursor: pointer;
}

.modal__content form button:hover {
  box-shadow: -2px 2px 2px 2px rgba(255,255,255,0.2);
}

h1.page-title {
  display: block;
  text-align: center;
  text-transform: uppercase;
  font-family: var(--font-bold);
  font-size: 36px;
  width: 100%;
  margin-bottom: 50px;
  color: #1b5196;
}

.readmore-content {
  overflow: hidden;
  transition: max-height 0.3s ease;
  position: relative;
}

.readmore-content:not(.opened)::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  height: 40px;
  background: linear-gradient(to bottom, rgba(255,255,255,0), #f9f9f9);
  pointer-events: none;
  z-index: 1;
}
/*styles for all end*/

/*HEADER*/

.section-top {
  padding: 25px 0;
}

.section-top .header-info {
  width: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-justify-content: space-between;
  -ms-justify-content: space-between;
  justify-content: space-between;
  -webkit-align-items: center;
  -ms-align-items: center;
  align-items: center;
}

@media screen and (max-width: 991px) {
  .section-top .header-info {
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }

  .header-logo-block {
    width: 100%;
    padding: 0 10px;
  }
}

.header-buttons-block {
  width: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-justify-content: flex-end;
  -ms-justify-content: flex-end;
  justify-content: flex-end;
  -webkit-align-items: center;
  -ms-align-items: center;
  align-items: center;
}

.feedback-button-section a {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-justify-content: space-between;
  -ms-justify-content: space-between;
  justify-content: space-between;
  -webkit-align-items: center;
  -ms-align-items: center;
  align-items: center;
  font-family: var(--font-bold);
  font-size: 12px;
  padding: 11px 23px;
  max-height: 55px;
  background-color: #1b5196;
  color: #fff;
  border-radius: 10px;
  text-align: right;
  line-height: 17px;
  -webkit-transition: all 0.25s;
  -moz-transition: all 0.25s;
  -o-transition: all 0.25s;
  transition: all 0.25s;
  -webkit-transition-timing-function: cubic-bezier(0.1, 0.1, 0.1, 0.1);
  transition-timing-function: cubic-bezier(0.1, 0.1, 0.1, 0.1);
}

.feedback-button-section a i {
  display: inline-block;
  width: 22px;
  height: 25px;
  vertical-align: middle;
  margin-left: 10px;
  background-image: url('../img/main-spraite.webp');
  background-position: top -4px left -36px;
  background-position-y: -4px;
  background-position-x: -36px;
  background-repeat: no-repeat;
}

.feedback-button-section a:hover {
  color: #fff;
  background-color: #689ade;
  box-shadow: -3px 3px 3px 2px #cfcccc;
}

.donate-button-section a {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-justify-content: space-between;
  -ms-justify-content: space-between;
  justify-content: space-between;
  -webkit-align-items: center;
  -ms-align-items: center;
  align-items: center;
  font-family: var(--font-bold);
  text-transform: uppercase;
  font-size: 13px;
  padding: 15px 23px;
  max-height: 55px;
  background-color: #1ed59b;
  color: #fff;
  border-radius: 10px;
  text-align: right;
  line-height: 17px;
  -webkit-transition: all 0.25s;
  -moz-transition: all 0.25s;
  -o-transition: all 0.25s;
  transition: all 0.25s;
  -webkit-transition-timing-function: cubic-bezier(0.1, 0.1, 0.1, 0.1);
  transition-timing-function: cubic-bezier(0.1, 0.1, 0.1, 0.1);
}

.donate-button-section a i {
  display: inline-block;
  width: 25px;
  height: 25px;
  vertical-align: middle;
  margin-left: 8px;
  background-image: url('../img/main-spraite.webp');
  background-position: top -4px left -7px;
  background-position-y: -4px;
  background-position-x: -7px;
  background-repeat: no-repeat;
}

.donate-button-section a:hover {
  color: #fff;
  background-color: #6ed5b4;
  box-shadow: -3px 3px 3px 2px #cfcccc;
}

.lang-section,
.search-section,
.feedback-button-section {
  margin-right: 20px;
}

@media screen and (max-width: 991px) {
  .header-logo-block {
    width: 100%;
    text-align: center;
    margin-bottom: 25px;
  }

  .header-buttons-block {
    -webkit-justify-content: center;
    -ms-justify-content: center;
    justify-content: center;
  }

  .feedback-button-section a,
  .donate-button-section a {
     font-family: var(--font-regular);
     padding: 10px 20px;
     max-height: auto;
     text-transform: uppercase;
  }

  .feedback-button-section a br {
    display: none;
  }
}

.lang-section #menu-lang-menu {
  margin: 0;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-justify-content: center;
  -ms-justify-content: center;
  justify-content: center;
  -webkit-align-items: center;
  -ms-align-items: center;
  align-items: center;
}

.lang-section #menu-lang-menu #menu-item-language-uk a:after {
  content: '|';
  margin: 0 4px;
}

.lang-section #menu-lang-menu li a {
  display: block;
  font-size: 14px;
  font-family: var(--font-bold);
  text-transform: uppercase;
  color: #1b5196;
}

.search-section label {
  position: relative;
  margin-bottom: 0;
}

@media screen and (min-width: 768px) {
  .search-section #button-search {
    display: none;
  }
}

@media screen and (max-width: 767px) {
  .search-section .search-form {
    display: none;
  }

  .search-section {
    margin-right: 0;
  }

  .search-section #button-search {
    background-color: #2b5ca8;
    padding: 10px 15px;
    border: none;
    display: block;
    border-radius: 10px;
  }

  .search-section #button-search i {
    width: 18px;
    height: 18px;
    display: inline-block;
    background-image: url('../img/search-button.webp');
    vertical-align: sub;
  }

  .feedback-button-section {
    margin-right: 25px;
  }

  .feedback-button-section a,
  .donate-button-section a {
    padding: 10px 15px;
  }
}

@media screen and (max-width: 575px) {
  .feedback-button-section {
    margin-right: 15px;
  }

  .feedback-button-section a,
  .donate-button-section a {
    padding: 7px 12px;
    text-transform: none;
    font-size: 13px;
  }
}

.search-section .search-field {
  border: 2px solid #2b5ca8;
  color: #000;
  border-radius: 10px;
  width: 185px;
  padding: 7px 50px 7px 10px;
  -webkit-transition: all 0.25s;
  -moz-transition: all 0.25s;
  -o-transition: all 0.25s;
  transition: all 0.25s;
  -webkit-transition-timing-function: cubic-bezier(0.1, 0.1, 0.1, 0.1);
  transition-timing-function: cubic-bezier(0.1, 0.1, 0.1, 0.1);
  font-family: var(--font-regular);
  font-size: 14px;
}

.search-section .search-field:active,
.search-section .search-field:focus {
  box-shadow: -3px 3px 3px 2px #cfcccc;
}

.search-section .search-field::placeholder {
  color: #2b5ca8;
}

.search-section .search-submit {
  background-color: #1b5196;
  border-radius: 10px;
  border: none;
  position: absolute;
  right: 0;
  padding: 7px 15px;
  cursor: pointer;
  -webkit-transition: all 0.35s;
  -moz-transition: all 0.35s;
  -o-transition: all 0.35s;
  transition: all 0.35s;
  -webkit-transition-timing-function: cubic-bezier(0.1, 0.1, 0.1, 0.1);
  transition-timing-function: cubic-bezier(0.1, 0.1, 0.1, 0.1);
}

.search-section .search-submit:hover {
  background-color: #689ade;
}

.search-section .search-submit i {
  color: #fff;
  font-size: 21px;
  line-height: 24px;
}

/*Main menu*/

.section-main-menu {
  width: 100%;
  background-color: #2b5ca8;
}

@media screen and (min-width: 992px) {
  .section-main-menu .menu-main-menu-container #menu-main-menu .menu-item-has-children span {
    display: none;
  }

  .mobile-menu {
    display: none;
  }
}

@media screen and (max-width: 991px) {
  .header-buttons-block .lang-section,
  .header-buttons-block .search-section {
    display: none;
  }

  .mobile-menu {
    width: 100%;
    display: flex;
    -webkit-justify-content: space-between;
    -ms-justify-content: space-between;
    justify-content: space-between;
    -webkit-align-items: center;
    -ms-align-items: center;
    align-items: center;
  }

  .mobile-menu .menu-lang-menu-container {
    margin-right: 30px;
  }

  .mobile-menu #menu-lang-menu-1 {
    margin-bottom: 0;
    display: flex;
    -webkit-justify-content: flex-start;
    -ms-justify-content: flex-start;
    justify-content: flex-start;
    -webkit-align-items: center;
    -ms-align-items: center;
    align-items: center;
  }

  .mobile-menu #menu-lang-menu-1 .menu-item-language-uk a:after {
    content: '|';
    margin: 0 4px;
  }

  .mobile-menu #menu-lang-menu-1 li a {
    display: block;
    font-size: 14px;
    font-family: var(--font-bold);
    text-transform: uppercase;
    color: #fff;
  }

  .mobile-menu .search-form label {
    margin-bottom: 0;
    position: relative;
  }

  .mobile-menu .search-field {
    border: 2px solid #f9f9f9;
    background-color: inherit;
    color: #000;
    border-radius: 10px;
    width: 185px;
    padding: 5px 50px 5px 10px; 
    -webkit-transition: all 0.25s;
    -moz-transition: all 0.25s;
    -o-transition: all 0.25s;
    transition: all 0.25s;
    -webkit-transition-timing-function: cubic-bezier(0.1, 0.1, 0.1, 0.1);
    transition-timing-function: cubic-bezier(0.1, 0.1, 0.1, 0.1);
    font-family: var(--font-regular);
    font-size: 14px;
    color: #fff;
  }

  .mobile-menu .search-field:active,
  .mobile-menu .search-field:focus {
    box-shadow: -2px 3px 3px 2px rgba(255,2525,255,0.3);
  }

  .mobile-menu .search-field::placeholder {
    color: #fff;
  }

  .mobile-menu .search-submit {
    background-color: #f9f9f9;
    border-radius: 10px;
    border: none;
    position: absolute;
    right: 0;
    padding: 5px 15px;
    cursor: pointer;
    -webkit-transition: all 0.35s;
    -moz-transition: all 0.35s;
    -o-transition: all 0.35s;
    transition: all 0.35s;
    -webkit-transition-timing-function: cubic-bezier(0.1, 0.1, 0.1, 0.1);
    transition-timing-function: cubic-bezier(0.1, 0.1, 0.1, 0.1);
  }

  .mobile-menu .search-submit:hover {
    background-color: #689ade;
  }

  .mobile-menu .search-submit i {
    color: #2b5ca8;
    font-size: 21px;
    line-height: 24px;
  }

  .mobile-menu .toggle-menu {
    width: 50px;
    height: 50px;
    border: none;
    background-color: inherit;
    cursor: pointer;
    outline: none;
    position: relative;
    margin: 0 0 0 auto;
  }

  .mobile-menu .toggle-menu.scroll {
    border: 2px solid red;
  }

  .mobile-menu .toggle-menu.scroll span {
    background-color: red;
  }

  .mobile-menu .toggle-menu.scroll span:after, .menu-block-wrap .toggle-menu.scroll span:before {
    background-color: red;
  }

  .mobile-menu .toggle-menu span {
    height: 3px;
    background-color: #fff;
    display: block;
    margin: 0 auto;
    position: absolute;
    left: 0;
    right: 0;
    width: 65%;
    top: 50%;
    margin-top: -1px;
  }

  .mobile-menu .toggle-menu span:after {
    content: '';
    height: 3px;
    background-color: #fff;
    width: 100%;
    display: block;
    margin: 0 auto;
    position: absolute;
    left: 0;
    top: 10px;
    right: 0;
  }

  .mobile-menu .toggle-menu span:before {
    content: '';
    height: 3px;
    background-color: #fff;
    width: 100%;
    display: block;
    margin: 0 auto;
    position: absolute;
    left: 0;
    top: -10px;
    right: 0;
  }

  .mobile-menu .toggle-menu.open span {
    background-color: rgba(255, 255, 255, 0);
  }

  .mobile-menu .toggle-menu.open span:after {
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    transform: rotate(45deg);
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
    top: 0;
  }

  .mobile-menu .toggle-menu.open span:before {
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    transform: rotate(-45deg);
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
    top: 0;
  }

  .section-main-menu .menu-main-menu-container {
    position: fixed;
    right: -120%;
    top: 0;
    height: 100%;
    width: 100%;
  }

  .section-main-menu .menu-main-menu-container.show {
    position: fixed;
    width: 90%;
    right: 0;
    background-color: #2b5ca8;
    padding: 50px;
    z-index: 15;
    overflow-y: auto;
  }

  .section-main-menu .menu-main-menu-container.show::after {
    content: '';
    display: block;
    width: 10%;
    height: 100%;
    position: fixed;
    left: 0;
    top: 0;
    background-color: rgba(0,0,0,0.4);
  }

  .section-main-menu .menu-main-menu-container.show #menu-main-menu {
    max-height: 100%;
    -webkit-flex-direction: column;
    -o-flex-direction: column;
    flex-direction: column;
    height: auto;
  }

  .section-main-menu .menu-main-menu-container.show #menu-main-menu .menu-item {
    width: 100%;
    text-align: left;
    border-right: none;
    border-left: none;
    border-bottom: 2px solid #fff;
    overflow: visible;
  }
  
  .section-main-menu .menu-main-menu-container.show #menu-main-menu .menu-item-has-children a {
    width: 50%;
  }

  .section-main-menu .menu-main-menu-container.show #menu-main-menu .menu-item-has-children a:after {
    display: none;
  }

  .section-main-menu #menu-main-menu .menu-item:hover {
    background-color: #2b5ca8;
  }

  .section-main-menu #menu-main-menu .menu-item.menu-item-has-children:hover {
    overflow: hidden;
  }

  .section-main-menu #menu-main-menu .menu-item.menu-item-has-children:hover .sub-menu,
  .section-main-menu #menu-main-menu .menu-item.menu-item-has-children:hover .sub-menu li {
    height: 0;
    opacity: 0;
  }

  .section-main-menu .menu-main-menu-container.show #menu-main-menu .menu-item-has-children.open {
    overflow: visible;
  }
  
  .section-main-menu .menu-main-menu-container.show #menu-main-menu .menu-item-has-children .sub-menu,
  .section-main-menu .menu-main-menu-container.show #menu-main-menu .menu-item-has-children .sub-menu li {
    height: auto;
    opacity: 1;
    width: 100%;
    display: none;
    position: relative;
    z-index: 10;
  }

  .section-main-menu .menu-main-menu-container.show #menu-main-menu .menu-item-has-children.open .sub-menu, 
  .section-main-menu .menu-main-menu-container.show #menu-main-menu .menu-item-has-children.open .sub-menu li {  
    display: block;
    background-color: #2b5ca8;
  }

  .section-main-menu .menu-main-menu-container.show #menu-main-menu .menu-item:hover a {
    background-color: #2b5ca8;
  }

  .section-main-menu .menu-main-menu-container.show #menu-main-menu .menu-item-has-children.open .sub-menu li a {
    width: 100%;
    padding-left: 20px;
  }

  .section-main-menu .menu-main-menu-container.show #menu-main-menu .menu-item-has-children.open .sub-menu li:last-child {
    border-bottom: none;
  }

  .section-main-menu .menu-main-menu-container.show #menu-main-menu .menu-item-has-children span {
    display: block;
    position: absolute;
    right: 0;
    width: 50%;
    height: 100%;
    text-align: right;
    padding-right: 25px;
    z-index: 5;
    font-size: 22px;
    color: #fff;
  }

  .section-main-menu .menu-main-menu-container.show #menu-main-menu .menu-item-has-children span:before {
    display: block;
    margin-top: 11px;
  }

  .section-main-menu .menu-main-menu-container.show #menu-main-menu .menu-item a {
    -webkit-justify-content: flex-start;
    -ms-justify-content: flex-start;
    justify-content: flex-start;
  }


  .section-main-menu .menu-main-menu-container i.close {
    display: block;
    margin: 0 auto;
    position: absolute;
    width: 25px;
    height: 25px;
    top: 30px;
    right: 25px;
    opacity: 1;
  }

  .section-main-menu .menu-main-menu-container i.close:after {
    content: '';
    height: 2px;
    background-color: #ff9292;
    width: 100%;
    display: block;
    margin: 0 auto;
    position: absolute;
    left: 0;
    top: 10px;
    right: 0;
  }

  .section-main-menu .menu-main-menu-container i.close:before {
    content: '';
    height: 2px;
    background-color: #ff9292;
    width: 100%;
    display: block;
    margin: 0 auto;
    position: absolute;
    left: 0;
    top: -10px;
    right: 0;
  }

  .section-main-menu .menu-main-menu-container i.close:after {
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    transform: rotate(45deg);
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
    top: 0;
  }

  .section-main-menu .menu-main-menu-container i.close:before {
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    transform: rotate(-45deg);
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
    top: 0;
  }
}

@media screen and (max-width: 575px) {
  .section-main-menu {
    padding: 0 10px;
  }

  .mobile-menu .menu-lang-menu-container {
    margin-right: 20px;
  }

  .mobile-menu .search-field {
    width: 150px;
  }

  .section-main-menu .menu-main-menu-container.show {
    padding: 50px 15px;
  }
}

.menu-main-menu-container {
  width: 100%;
}

#menu-main-menu {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-justify-content: space-between;
  -ms-justify-content: space-between;
  justify-content: space-between;
  -webkit-align-items: stretch;
  -ms-align-items: stretch;
  align-items: stretch;
  margin-bottom: 0;
  max-height: 66px;
}

#menu-main-menu .menu-item {
  width: calc(100% / 6);
  text-align: center;
  border-right: 2px solid #fff;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-align-items: center;
  -ms-align-items: center;
  align-items: center;
  position: relative;
  overflow: hidden;
}

#menu-main-menu .menu-item.menu-item-has-children a:after {
  content: '';
  width: 10px;
  height: 6px;
  display: block;
  background-image: url('../img/main-spraite.webp');
  background-position: top -11px left -86px;
  background-position-y: -11px;
  background-position-x: -86px;
  background-repeat: no-repeat;
  margin-left: 7px;
  transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -webkit-transform: rotate(180deg);
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  -o-transition: all 0.5s;
  transition: all 0.5s;
  -webkit-transition-timing-function: cubic-bezier(0.1, 0.1, 0.1, 0.1);
  transition-timing-function: cubic-bezier(0.1, 0.1, 0.1, 0.1);
}

#menu-main-menu .menu-item .sub-menu {
  display: block;
  height: 0;
  width: 100%;
  background-color: #689ade;
  opacity: 0;
  -webkit-transition: all 0.35s;
  -moz-transition: all 0.35s;
  -o-transition: all 0.35s;
  transition: all 0.35s;
  -webkit-transition-timing-function: cubic-bezier(0.1, 0.1, 0.1, 0.1);
  transition-timing-function: cubic-bezier(0.1, 0.1, 0.1, 0.1);
  z-index: 3;
}

#menu-main-menu .menu-item .sub-menu li {
  width: 100%;
  opacity: 0;
  height: 0;
  border-bottom: 2px solid #fff;
  border-right: none;
}

#menu-main-menu .menu-item .sub-menu li:first-child {
  border-left: none;
  border-top: 2px solid #fff;
}

#menu-main-menu .menu-item .sub-menu li:last-child {
  border-bottom: none;
}

#menu-main-menu .menu-item .sub-menu li a:after {
  display: none;
}

#menu-main-menu .menu-item .sub-menu li:hover a {
  background-color: #417dcf;
}

#menu-main-menu .menu-item:first-child {
  border-left: 2px solid #fff;
}

#menu-main-menu .menu-item a {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
  -ms-align-items: center;
  align-items: center;
  -webkit-justify-content: center;
  -ms-justify-content: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  color: #fff;
  font-family: var(--font-bold);
  font-size: 16px;
  text-transform: uppercase;
  font-weight: 500;
  padding: 15px 0;
  line-height: 21px;
  -webkit-transition: all 0.35s;
  -moz-transition: all 0.35s;
  -o-transition: all 0.35s;
  transition: all 0.35s;
  -webkit-transition-timing-function: cubic-bezier(0.1, 0.1, 0.1, 0.1);
  transition-timing-function: cubic-bezier(0.1, 0.1, 0.1, 0.1);
}

#menu-main-menu .menu-item:hover a {
  background-color: #689ade;
}

#menu-main-menu .menu-item.menu-item-has-children:hover {
  overflow: visible;
}

#menu-main-menu .menu-item.menu-item-has-children:hover a:after {
  transform: rotate(0);
  -moz-transform: rotate(0);
  -webkit-transform: rotate(0);
}

#menu-main-menu .menu-item.menu-item-has-children:hover .sub-menu,
#menu-main-menu .menu-item.menu-item-has-children:hover .sub-menu li {
  height: 100%;
  opacity: 1;
}

/*HEADER END*/

/*FRONT PAGE BEGIN*/

/*Title section*/

.title-section {
  position: relative;
  padding: 70px 0;
  min-height: 200px;
}

.title-section-bg {
  background-image: url('../img/Fone3.webp');
  background-repeat: no-repeat;
  background-size: cover;
  background-position: right;
  width: 100%;
  height: 100%;
  display: block;
  position: absolute;
  top: 0;
  z-index: 1;
}

.title-section-bg:after {
  content: '';
  display: block;
  width: 50%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  background: linear-gradient(to right, #E3EAF8 60%, rgba(43, 92, 168, 0));
}

.title-section-bg:before {
  content: '';
  display: block;
  width: 100%;
  height: 10%;
  position: absolute;
  left: 0;
  bottom: 0;
  background: linear-gradient(to top, rgb(205 210 225 / 100%), rgba(43, 92, 168, 0));
}

.title-section-text {
  position: relative;
  z-index: 2;
  width: 41%;
}

.title-section-text .head-text {
  margin-bottom: 40px;
}

.title-section-text .head-text div {
  display: block;
  color: #1b5196;
  font-size: 39px;
  line-height: 49px;
  text-transform: uppercase;
  font-family: var(--font-bold);
  display: block;
  margin-bottom: 5px;
  white-space: nowrap;
}

.title-section-text .main-text p {
  color: #2e2f2f;
  font-size: 18px;
  font-family: var(--font-regular);
  display: block;
  line-height: 28px;
  margin-bottom: 0;
  text-align: justify;
}

.title-section-text .main-text p span {
  font-family: var(--font-bold);
}

@media screen and (max-width: 1200px) {
  .title-section-bg {
    background-image: url('../img/Fone2.webp');
  }

  .title-section-bg:after {
    width: 60%;
  }

  .title-section-text {
    width: 50%;
  }

  .title-section-text .head-text div {
    font-size: 35px;
    line-height: 44px;
  }

  .title-section-text .main-text p {
    font-size: 16px;
    line-height: 26px;
  }
}

@media screen and (max-width: 991px) {  
  .title-section-bg:after {
    width: 80%;
  }

  .title-section-text {
    width: 75%;
  }

  .title-section-text .head-text div {
    font-size: 38px;
    line-height: 48px;
  }
}

@media screen and (max-width: 767px) {
  .title-section-text {
    width: 80%;
  }
  
  .title-section {
    padding: 50px 0;
  }

  .title-section-text .head-text {
    margin-bottom: 30px;
  }

  .title-section-bg:after {
    width: 100%;
    background: linear-gradient(to right, #E3EAF8 50%, rgba(43, 92, 168, 0));
  }

  .title-section-text .head-text div {
    font-size: 30px;
    line-height: 40px;
  }

  .title-section-text .main-text p {
    font-size: 19px;
  }
}

@media screen and (max-width: 575px) {
  .title-section-text {
    width: 75%;
  }

  .title-section-bg:after {
    background: linear-gradient(to right, #E3EAF8 40%, rgba(43, 92, 168, 0));
  }

  .title-section-text .head-text div {
    font-size: 28px;
    line-height: 36px;
  }

  .title-section-text .main-text p {
    font-size: 17px;
    line-height: 27px;
  }
}

@media screen and (max-width: 400px) {
  .title-section-text {
    width: 75%;
  }

  .title-section-text .head-text div {
    font-size: 20px;
    line-height: 30px;
  }

  .title-section-text .main-text p {
    font-size: 16px;
    line-height: 26px;
  }
}

/*Banner section*/

.banner-section {
  width: 100%;
  display: block;
  padding: 100px 0;
  position: relative;
}

.banner-section .hero-block {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
  -ms-align-items: center;
  align-items: center;
  -webkit-justify-content: space-between;
  -ms-justify-content: space-between;
  justify-content: space-between;
  width: 100%;
}

.banner-section .hero-block .hero-info,
.banner-section .hero-block .hero-slider {
  width: 49%;
}

.banner-section .hero-block .hero-info h1 {
  color: #1b5196;
  font-size: 44px;
  letter-spacing: -0.5px;
  font-family: var(--font-bold);
  display: block;
  margin-bottom: 20px;
}

.banner-section .hero-block .text-about {
  margin-bottom: 40px;
}

.banner-section .hero-block .hero-info .text-about p {
  color: #1b5196;
  font-size: 22px;
  font-family: var(--font-regular);
  display: block;
}

.banner-section .hero-block .hero-info .main-button {
  display: block;
  max-width: 270px;
  font-size: 14px;
  text-transform: uppercase;
  font-family: var(--font-regular);
  text-align: center;
  padding: 10px 0;
  line-height: 22px;
  letter-spacing: 0.5px;
}

.hero-slider .multi-slider__inner {
  background-color: inherit;
  border: 5px solid #fff;
  border-radius: 20px;
  box-shadow: 1px 2px 5px 1px rgba(0,0,0,0.3);
  margin: 5px;
}

.hero-slider .multi-slider__nav-block {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
  -ms-align-items: center;
  align-items: center;
  -webkit-justify-content: space-between;
  -ms-justify-content: space-between;
  justify-content: space-between;
  position: relative;
  margin-top: 20px;
}

.hero-slider .multi-slider__nav-block .more-link {
  margin: 0 0 5px 5px;
  border-color: #689ade;
  color: #689ade;
  font-size: 14px;
  padding: 3px 20px;
}

.hero-slider .multi-slider__nav-block .more-link:hover {
  color: #fff;
  background-color: #689ade;
}

.hero-slider .multi-slider__nav-block .nav-wrapper {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
  -ms-align-items: center;
  align-items: center;
  -webkit-justify-content: flex-end;
  -ms-justify-content: flex-end;
  justify-content: flex-end;
}

.banner-section .bg-pattern-1 {
  display: block;
  width: 100%;
  max-width: 700px;
  height: 370px;
  position: absolute;
  bottom: -110px;
  right: 100px;
  opacity: 0.2;
  z-index: -1;
  background-image: url('../img/activity-pattern1.png');
  background-size: contain;
  background-repeat: no-repeat;
}

.banner-section .bg-pattern-2 {
  display: block;
  width: 100%;
  max-width: 580px;
  height: 170px;
  position: absolute;
  top: -100px;
  left: 0;
  opacity: 0.2;
  z-index: -1;
  background-image: url('../img/activity-pattern2.png');
  background-size: contain;
  background-repeat: no-repeat;
}

@media screen and (max-width: 991px) {
  .banner-section .hero-block {
    flex-wrap: wrap;
  }

  .banner-section .hero-block .hero-info,
  .banner-section .hero-block .hero-slider {
    width: 100%;
  }

  .banner-section .hero-block .hero-slider {
    margin-bottom: 30px;
  }

  .banner-section .hero-block .hero-info h1 {
    margin-bottom: 40px;
  }

  .banner-section .hero-block .hero-info .main-button {
    margin-top: 40px;
  }

  .banner-section .hero-block .hero-info {
    order: 2;
  }

  .banner-section .hero-block .hero-slider {
    order: 1;
  }

  .banner-section .hero-block .hero-slider .multi-slider__track {
    max-height: 300px;
  }
}

@media screen and (max-width: 768px) {
  .banner-section .hero-block .hero-info h1 {
    font-size: 36px;
  }

  .banner-section .hero-block .hero-info .text-about p {
    font-size: 22px;
  }
}

@media screen and (max-width: 575px) {
  .banner-section .hero-block {
    padding: 0 10px;
  }

  .banner-section .hero-block .hero-slider .multi-slider__track {
    max-height: 180px;
  }

  .banner-section .hero-block .hero-info h1 {
    font-size: 30px;
    margin-bottom: 25px;
  }

  .banner-section .hero-block .hero-info .text-about p {
    font-size: 20px;
  }

  .banner-section .hero-block .hero-info .main-button {
   margin-top: 30px; 
  }
}

.multi-slider {
  --slider-gap: 1.5rem;          /* расстояние между слайдами */
  --slider-speed: 400ms;         /* дублирует data-speed, если нужно в CSS */
  --color-primary: #0066ff;
  --color-dot: #f9f9f9;
  --color-dot-active: #689ade;
  --color-nav: #333;
  --color-nav-hover: var(--color-primary);

  position: relative;
  width: 100%;
  max-width: 100%;
  overflow: hidden;
}

.multi-slider__inner {
  overflow: hidden;
  border-radius: 12px;
}

.multi-slider__track {
  display: flex;
  width: 100%;
  height: 100%;
  max-height: 470px;
}

/* Слайды */
.multi-slider__slide {
  flex: 0 0 auto;
  width: calc((100% - var(--slider-gap) * (var(--slides-to-show, 1) - 1)) / var(--slides-to-show, 1));
  box-sizing: border-box;
  user-select: none;
  pointer-events: none;
}

.multi-slider__slide > * {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 8px;
  pointer-events: auto;
}

.multi-slider__slide img {
  display: block;
  width: 100%;
  height: auto;
  min-height: 200px;
  border-radius: 8px;
  transition: transform 0.3s ease;
}

/* Навигация */
.multi-slider__nav {
  position: relative;
  background-color: #f9f9f9;
  cursor: pointer;
  z-index: 10;
  padding: 7px;
  border: 2px solid #689ade;
  border-radius: 7px;
  -webkit-transition: all 0.35s;
  -moz-transition: all 0.35s;
  -o-transition: all 0.35s;
  transition: all 0.35s;
}

.multi-slider__nav:hover {
  background-color: #689ade;
}

.multi-slider__nav:hover:after {
  background-position: top -7px left -122px;
  background-position-y: -7px;
  background-position-x: -122px;
}

.multi-slider__nav:focus {
  outline: none;
}

.multi-slider__nav.multi-slider__nav--next {
  transform: rotate(180deg);
}

.multi-slider__nav:after {
  content: '';
  width: 15px;
  height: 13px;
  display: block;
  background-image: url('../img/main-spraite.webp');
  background-position: top -7px left -102px;
  background-position-y: -7px;
  background-position-x: -102px;
  background-repeat: no-repeat;
}

/* Доты */
.multi-slider__dots {
  display: flex;
  justify-content: center;
  gap: 0.5rem;
  margin: 0 0.5rem;
}

@media (max-width: 768px) {
  .multi-slider__dots {
    margin: 0 1rem;
  }

  .activity-section .multi-slider__track {
    max-height: 100%;
  }
}

.multi-slider__dot {
  width: 15px;
  height: 15px;
  border: 2px solid var(--color-dot-active);
  border-radius: 50%;
  background: var(--color-dot);
  cursor: pointer;
  transition: all 0.3s ease;
  padding: 0;
}

.multi-slider__dot:hover {
  background: var(--color-dot-active);
}

.multi-slider__dot.active {
  background: var(--color-dot-active);
}

.multi-slider__dot:focus {
  outline: none;
}

/* Адаптивность через data-атрибуты (JS установит CSS-переменные) */
.multi-slider[data-slides="1"] { --slides-to-show: 1; }
.multi-slider[data-slides="2"] { --slides-to-show: 2; }
.multi-slider[data-slides="3"] { --slides-to-show: 3; }
.multi-slider[data-slides="4"] { --slides-to-show: 4; }
.multi-slider[data-slides="5"] { --slides-to-show: 5; }

/* Мобильные улучшения */
@media (max-width: 768px) {
  .multi-slider {
    --slider-gap: 1rem;
    border-radius: 8px;
  }
  
  .multi-slider__nav {
    width: 30px;
    height: 30px;
    font-size: 1.5rem;
  }
  
  .multi-slider__nav--prev { left: 10px; }
  .multi-slider__nav--next { right: 10px; }
  
  .multi-slider__slide h3 {
    font-size: 0.95rem;
    padding: 0.5rem;
  }
}

/*Banner section END*/

/*Activity section BEGIN*/

.activity-section h2 {
  color: #1b5196;
}

.area-of-activity-blocks .multi-slider__slide {
  padding: 5px;
}

@media screen and (max-width: 991px) {
  .area-of-activity-blocks {
    width: 100%;
  }
}

.latest-activity-blocks {
  display: flex;
  align-items: flex-start;
  flex-wrap: wrap;
  justify-content: space-between;
  position: relative;
  margin-bottom: 50px;
}

.activity-section .multi-slider__track {
  max-height: inherit;
}

.latest-activity-blocks .activity-block {
  width: 95%;
  padding: 10px 10px 15px 10px;
  border-radius: 15px;
  border: 1px solid #ebe8e8;
  transition: all 0.35s;
  transition-timing-function: cubic-bezier(0.1, 0.1, 0.1, 0.1);
  margin: 0 auto;
}

.activity-section .multi-slider__nav-block {
  margin-top: 0;
}

.activity-section .nav-wrapper {
  display: flex;
  align-items: center;
  padding-left: 10px;
}

.latest-activity-blocks .activity-block:hover {
  box-shadow: -2px 2px 5px 3px rgba(0,0,0,0.2);
}

.latest-activity-blocks h5 {
  width: 100%;
  text-align: left;
  font-family: var(--font-bold);
  font-size: 20px;
  color: #1b5196;
  margin-bottom: 40px;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-transform: uppercase;
}

.latest-activity__thumb {
  margin-bottom: 30px;
  text-align: center;
}

.latest-activity-blocks .activity-block img {
  max-width: 100%;
  height: 250px;
  object-fit: cover;
  border-radius: 15px;
}

.latest-activity-blocks .abbreviated-text {
  margin-bottom: 20px;
  display: none;
}

.latest-activity-blocks .abbreviated-text p {
  color: #2e2f2f;
  font-family: var(--font-regular);
  font-size: 18px;
  text-align: left;
  line-height: 24px;
  display: -webkit-box;
  -webkit-line-clamp: 5;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.latest-activity-blocks .read-more {
  display: block;
  text-align: right;
  color: #689ade;
  font-size: 16px;
  font-family: var(--font-regular);
  -webkit-transition: all 0.35s;
  -moz-transition: all 0.35s;
  -o-transition: all 0.35s;
  transition: all 0.35s;
}

.latest-activity-blocks .read-more:after {
  content: '';
  width: 15px;
  height: 13px;
  display: inline-block;
  background-image: url('../img/main-spraite.webp');
  background-position: top -7px left -102px;
  background-position-y: -7px;
  background-position-x: -102px;
  background-repeat: no-repeat;
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  transform: rotate(180deg);
  vertical-align: middle;
  margin-left: 5px;
}

.latest-activity-blocks .read-more:hover {
  color: #1b5196;
}

.activity-section .more-link {
  width: 162px;
  margin: 0 0 0 auto;
  display: block;
  text-align: center;
}

.activity-block .block-background {
  width: 85%;
  height: 100%;
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  background-color: #E3EAF8;
  z-index: -1;
  border-radius: 20px;
  box-shadow: 1px 2px 5px 1px rgba(0,0,0,0.3);
}

.multi-slider__nav-block {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
  -ms-align-items: center;
  align-items: center;
  -webkit-justify-content: center;
  -ms-justify-content: center;
  justify-content: center;
  position: relative;
  margin-top: 50px;
}

.activity-section .bg-pattern-1 {
  display: block;
  width: 100%;
  max-width: 600px;
  height: 320px;
  position: absolute;
  bottom: -110px;
  right: 17%;
  opacity: 0.2;
  z-index: -1;
  background-image: url('../img/activity-pattern1.png');
  background-size: contain;
  background-repeat: no-repeat;
}

.activity-section .bg-pattern-2 {
  display: block;
  width: 100%;
  max-width: 580px;
  height: 170px;
  position: absolute;
  top: -100px;
  right: 0;
  opacity: 0.2;
  z-index: -1;
  background-image: url('../img/activity-pattern2.png');
  background-size: contain;
  background-repeat: no-repeat;
}

@media screen and (min-width: 992px) and (max-width: 1200px) {
  .activity-block img {
    max-width: 200px;
    max-height: 250px;
  }

  .activity-block .activity-text p {
    font-size: 15px;
    line-height: 22px;
  }
}

@media screen and (max-width: 991px) {
  .activity-section .bg-pattern-1 {
    bottom: -80px;
  }

  .activity-block img {
    max-height: 250px;
  }

  .latest-activity-blocks .abbreviated-text p {
    display: block;
  }

  .latest-activity-blocks .activity-block {
    width: 95%;
    margin: 0 auto 30px;
    height: auto;
  }

  .activity-section .multi-slider__nav-block {
    flex-wrap: wrap;
    flex-direction: column;
  }

  .activity-section .nav-wrapper {
    margin-bottom: 30px;
  }

  .latest-activity-blocks h5 {
    display: block;
  }

  .latest-activity__thumb {
    margin-bottom: 20px;
  }

  .activity-section .more-link {
    margin: 0 auto;
  }

  .latest-activity-blocks {
    margin-bottom: 10px;
  }
}

@media screen and (min-width: 576px) and (max-width: 768px) {
  .activity-block img {
    max-width: 200px;
  }

  .latest-activity-blocks h5 {
    font-size: 20px;
  }

  .latest-activity-blocks .abbreviated-text p {
    font-size: 16px;
    line-height: 22px;
  }
}

@media screen and (max-width: 575px) {
  .latest-activity-blocks .activity-block {
    width: 100%;
    margin: 0 auto 30px;
  }

  .latest-activity-blocks h5 {
    font-size: 22px;
  }

  .activity-block .block-background {
    width: 100%;
  }

  .activity-block {
    padding: 0 15px;
  }

  .activity-block .activity-text {
    width: 100%;
    margin: 30px 0 0;
  }

  .activity-block h3 {
    margin-bottom: 10px;
  }

  .activity-section .bg-pattern-1 {
    bottom: -140px;
  }
}

/*Activity section END*/


/*Value section BEGIN*/

.value-section {
  background-color: #689ade;
  position: relative;
}

.value-section h2 {
  color: #fff;
}

.main-value-block {
  display: flex;
  align-items: stretch;
  justify-content: space-between;
}

.main-value-block .values-block {
  width: 23%;
}

.main-value-block .values-block img {
  max-width: 100px;
  width: 100%;
  height: auto;
  display: block;
  margin: 0 auto 25px;
  filter: drop-shadow(3px 3px 4px rgba(0, 0, 0, 0.4));
}

.main-value-block .values-block .values-block-title {
  font-family: var(--font-bold);
  font-size: 20px;
  text-align: center;
  margin-bottom: 15px;
  color: #fff;
  text-transform: uppercase;
  text-shadow: 2px 2px 4px rgba(0,0,0,0.5);
}

.main-value-block .values-block .values-block-text {
  color: #fff;
  font-size: 18px;
  font-family: var(--font-regular);
  text-shadow: 2px 2px 4px rgba(0,0,0,0.5);
}

@media screen and (max-width: 1200px) {
  .main-value-block .values-block .values-block-text {
    font-size: 16px;
  }
}

@media screen and (max-width: 991px) {
  .main-value-block {
    flex-wrap: wrap;
  }
  
  .main-value-block .values-block {
    width: 49%;
    margin-bottom: 30px;
  }

  .main-value-block .values-block:nth-child(3),
  .main-value-block .values-block:nth-child(4) {
    margin-bottom: 0;
  }

  .main-value-block .values-block img {
    margin: 0 auto 20px;
  }
}

@media screen and (max-width: 767px) {
  .main-value-block .values-block {
    width: 48%;
  }

  .main-value-block .values-block .values-block-title {
    font-size: 18px;
  }

  .main-value-block .values-block .values-block-text {
    font-size: 15px;
    line-height: 21px;
  }
}

@media screen and (max-width: 500px) {
  .main-value-block .values-block {
    width: 49%;
  }

  .main-value-block .values-block img {
    max-width: 90px;
  }

  .main-value-block .values-block .values-block-title {
    font-size: 15px;
  }

  .main-value-block .values-block .values-block-text {
    display: none;
  }
}

/*Value section END*/


/*Achievements section BEGIN*/

.achievements-section {
  background-color: #689ade;
  position: relative;
}

.achievements-section h2 {
  color: #fff;
}

.main-achievements-block {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: flex-start;
  -ms-align-items: flex-start;
  align-items: flex-start;
  -webkit-justify-content: space-between;
  -ms-justify-content: space-between;
  justify-content: space-between;
  width: 100%;
}

.main-achievements-block .main-achievement {
  text-align: center;
  width: 24%;
  position: relative;
}

.main-achievements-block .main-achievement:after {
  content: '';
  width: 2px;
  height: 30%;
  background-color: #fff;
  display: block;
  position: absolute;
  top: 50%;
  margin-top: -15%;
  right: 0;
  box-shadow: 1px 1px 1px rgba(0,0,0,0.1);
}

.achievements-section .bg-pattern,
.partners-section .bg-pattern,
.value-section .bg-pattern {
  display: block;
  width: 100%;
  max-width: 386px;
  height: 100%;
  position: absolute;
  top: 0px;
  right: 15%;
  opacity: 0.7;
  z-index: 1;
  background-image: url('../img/activity-pattern3.png');
  background-size: contain;
  background-repeat: repeat-y;
}

@media screen and (max-width: 767px) {
  .main-achievements-block {
    flex-wrap: wrap;
    -webkit-align-items: flex-start;
    -ms-align-items: flex-start;
    align-items: flex-start;
  }

  .main-achievements-block .main-achievement {
    width: 50%;
    margin-bottom: 0;
    padding: 10px;
    min-height: 335px;
  }

  .main-achievements-block .main-achievement .achievement-num {
    font-size: 34px;
    margin-bottom: 20px;
  }

  .main-achievements-block .main-achievement .achievement-text {
    font-size: 18px;
  }

  .main-achievements-block .main-achievement:nth-child(2):after {
   display: none;
  }

  .main-achievements-block .main-achievement:nth-child(1),
  .main-achievements-block .main-achievement:nth-child(2) {
    padding-bottom: 40px;
    margin-bottom: 40px;
  }

  .main-achievements-block .main-achievement:nth-child(1):before,
  .main-achievements-block .main-achievement:nth-child(2):before {
    content: '';
    width: 30%;
    height: 2px;
    background-color: #fff;
    display: block;
    position: absolute;
    top: auto;
    right: 0;
    left: 0;
    bottom: 0;
    margin: 0 auto;
    box-shadow: 1px 1px 1px rgba(0,0,0,0.1);
  }
}

.main-achievements-block .main-achievement:last-child:after {
  display: none;
}

.main-achievements-block .main-achievement img {
  margin-bottom: 35px;
  filter: drop-shadow(3px 3px 4px rgba(0, 0, 0, 0.4));
}

.main-achievements-block .main-achievement .achievement-num {
  display: block;
  font-family: var(--font-bold);
  font-size: 48px;
  color: #fff;
  margin-bottom: 30px;
  text-shadow: 3px 3px 4px rgba(0,0,0,0.3);
}

@media screen and (max-width: 1199px) {
  .main-achievements-block .main-achievement .achievement-num {
    font-size: 44px;
  }
}

@media screen and (max-width: 991px) {
  .main-achievements-block .main-achievement .achievement-num {
    font-size: 36px;
    margin-bottom: 20px;
  }
}

.main-achievements-block .main-achievement .achievement-text {
  display: block;
  font-family: var(--font-bold);
  font-size: 20px;
  line-height: 26px;
  letter-spacing: 0.5px;
  color: #fff;
  text-shadow: 2px 2px 4px rgba(0,0,0,0.5);
}

/*Achievements section END*/



/*News section BEGIN*/

#news-section .section-title-wrap {
  width: 100%;
}

#news-section .section-title-wrap .more-link {
  display: none;
}

.news-section .bg-pattern-1 {
  display: block;
  width: 100%;
  max-width: 583px;
  height: 303px;
  position: absolute;
  bottom: -110px;
  left: 0;
  opacity: 0.2;
  z-index: -1;
  background-image: url('../img/activity-pattern4.png');
  background-size: contain;
  background-repeat: no-repeat;
}

.news-section .bg-pattern-2 {
  display: block;
  width: 100%;
  max-width: 444px;
  height: 134px;
  position: absolute;
  bottom: -100px;
  left: 583px;
  opacity: 0.2;
  z-index: -1;
  background-image: url('../img/activity-pattern5.png');
  background-size: contain;
  background-repeat: no-repeat;
}

.news-section h2 {
  color: #1b5196;
}

.news-section .latest-news-blocks {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  width: 100%;
  margin-bottom: 50px;
}

.news-block {
  width: 31%;
  padding-bottom: 10px;
  border-radius: 15px;
  transition: all 0.35s;
  transition-timing-function: cubic-bezier(0.1, 0.1, 0.1, 0.1);
}

.news-section .more-link {
  width: 162px;
  margin: 0 0 0 auto;
  display: block;
  text-align: center;
}

@media screen and (max-width: 991px) {
  .news-section .latest-news-blocks {
    flex-wrap: wrap;
    margin-bottom: 0;
  }

  .news-block {
    width: 100%;
    padding: 10px;
    max-width: 450px;
    margin: 0 auto 30px;
  }

  .news-section .news-block img {
    height: auto;
    max-height: 292px;
  }

  .news-section .more-link {
    margin: 0 auto;
  }
}

@media screen and (max-width: 575px) {
  .page-content .news-section .latest-news-blocks {
    padding: 0;
  }

  .news-section .latest-news-blocks {
    padding: 0 10px;
  }
}

@media screen and (min-width: 400px) and (max-width: 991px) {
  .news-block {
    width: 100%;
    max-width: 600px;
    max-height: 300px;
    height: 100%;
    display: flex;
    -webkit-align-items: stretch;
    -ms-align-items: stretch;
    align-items: stretch;
    -webkit-justify-content: flex-start;
    -ms-justify-content: flex-start;
    justify-content: flex-start;
    margin: 0 auto 30px;
    box-shadow: 1px 2px 4px 2px rgba(0,0,0,0.2);
    border-radius: 15px;
    padding: 0;
  }

  .news-block .news-link,
  .news-block .news-contain {
    width: 50%;
  }

  .news-block .news-link img {
    height: 300px;
    width: auto;
    object-fit: cover;
    border-radius: 15px 0 0 15px;
    margin: 0;
  }

  .latest-news-blocks .news-block .news-contain {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    background-color: #ededed;
    padding: 10px;
    border-radius: 0 15px 15px 0;
  }

  .news-block .news-contain .support-info {
    display: flex;
    justify-content: space-between;
    align-items: center;
  }

  .news-block .news-contain .support-info .date {
    font-size: 14px;
    font-family: var(--font-light);
    color: #666;
    width: 30%;
  }

  .news-block .news-contain .news-link {
    width: 100%;
  }

  .latest-news-blocks .news-block .support-info .category {
    width: 68%;
  }
}

@media screen and (max-width: 399px) {
  .news-block .support-info {
    margin-bottom: 20px !important;
  }

  .news-block .news-link h5 {
    margin-bottom: 25px;
  }
}

.news-block:hover  {
  box-shadow: -2px 2px 5px 3px rgba(0,0,0,0.2);
}

.news-block .news-contain {
  padding: 0 10px;
}

.news-block img {
  border-radius: 15px;
  width: 100%;
  height: 270px;
  display: block;
  margin: 0 auto 20px;
  object-fit: cover;
}

.news-block .support-info {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: flex-start;
  -ms-align-items: flex-start;
  align-items: flex-start;
  -webkit-justify-content: space-between;
  -ms-justify-content: space-between;
  justify-content: space-between;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  width: 100%;
  margin-bottom: 35px;
}

.news-block .support-info .date {
  text-align: left;
  width: 25%;
}

.news-block .support-info .date span {
  display: block;
  font-size: 17px;
  font-family: var(--font-light);
  color: #666666;
}

.news-block .support-info .category {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
  -ms-align-items: center;
  align-items: center;
  -webkit-justify-content: flex-end;
  -ms-justify-content: flex-end;
  justify-content: flex-end;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  width: 75%;
}

.news-block .support-info .category a {
  display: block;
  padding: 0 5px;
  background-color: #689ade;
  color: #fff;
  font-size: 13px;
  font-family: var(--font-light);
  border-radius: 10px;
  margin: 2px 0 2px 5px;
  -webkit-transition: all 0.35s;
  -moz-transition: all 0.35s;
  -o-transition: all 0.35s;
  transition: all 0.35s;
}

.news-block .support-info .category a:hover {
  background-color: #1b5196;
}

.news-block h5 {
  font-size: 22px;
  letter-spacing: -0.5px;
  color: #2e2f2f;
  font-family: var(--font-bold);
  display: block;
  margin-bottom: 35px;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  line-height: 28px; 
  max-height: calc(28px * 3)
}

.news-block .read-more {
  display: block;
  text-align: right;
  color: #689ade;
  font-size: 16px;
  font-family: var(--font-regular);
  -webkit-transition: all 0.35s;
  -moz-transition: all 0.35s;
  -o-transition: all 0.35s;
  transition: all 0.35s;
}

.news-block .read-more:after {
  content: '';
  width: 15px;
  height: 13px;
  display: inline-block;
  background-image: url('../img/main-spraite.webp');
  background-position: top -7px left -102px;
  background-position-y: -7px;
  background-position-x: -102px;
  background-repeat: no-repeat;
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  transform: rotate(180deg);
  vertical-align: middle;
  margin-left: 5px;
}

.news-block .read-more:hover {
  color: #1b5196;
}


/*News section END*/



/*Partners section BEGIN*/

.partners-section {
  background-color: #689ade;
  position: relative;
}

.partners-section h2 {
  color: #fff;
}

.partners-carousel {
  width: 100%;
}

.partners-carousel .multi-slider__slide > * {
  height: auto;
}

.partners-carousel .multi-slider__slide a {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
  -ms-align-items: center;
  align-items: center;
  -webkit-justify-content: center;
  -ms-justify-content: center;
  justify-content: center;
  height: 120px;
  width: 100%;
  max-width: 300px;
  background-color: #f5f5f5;
  border: 2px solid #5484c7;
  border-radius: 15px;
  box-shadow: 3px 5px 2px 0px rgba(0,0,0,0.2);
  margin-bottom: 5px;
}

@media screen and (min-width: 992px) and (max-width: 1200px) {
  .partners-carousel .multi-slider__slide img {
    max-width: 200px;
  }
}

@media screen and (max-width: 991px) {
  .partners-carousel .multi-slider__slide a {
    margin: 0 auto 5px;
  }
}

.partners-carousel .multi-slider__slide img {
  width: auto;
  min-height: auto;
}

.partners-carousel .multi-slider__nav-block {
  -webkit-justify-content: flex-start;
  -ms-justify-content: flex-start;
  justify-content: flex-start;
}

@media screen and (max-width: 575px) {
  .partners-carousel .multi-slider__nav-block {
    flex-wrap: wrap;
    -webkit-justify-content: center;
    -ms-justify-content: center;
    justify-content: center;
  }

  .partners-section .partners-carousel .multi-slider__nav-block .more-link {
    width: 100%;
    max-width: 200px;
    margin: 20px 40px 0 40px;
    text-align: center;
  }

  .multi-slider__nav-block {
    margin-top: 30px;
  }

  .partners-carousel .multi-slider__nav-block .multi-slider__nav {
    display: none;
  }
}

@media screen and (max-width: 480px) {
  .partners-section  .partners-carousel .multi-slider__nav-block .more-link {
    width: 100%;
    max-width: 180px;
    margin: 30px auto 0;
    text-align: center;
  }
}

.partners-carousel .multi-slider__nav-block .multi-slider__nav {
  border: 2px solid #fff;
  background-color: inherit;
}

.partners-carousel .multi-slider__nav-block .multi-slider__nav:hover {
  background-color: #fff;
}

.partners-carousel .multi-slider__nav-block .multi-slider__nav:after {
  background-position: top -7px left -122px;
  background-position-y: -7px;
  background-position-x: -122px;
}

.partners-carousel .multi-slider__nav-block .multi-slider__nav:hover:after {
  background-position: top -7px left -102px;
  background-position-y: -7px;
  background-position-x: -102px;
}

.partners-carousel .multi-slider__nav-block .multi-slider__dots .multi-slider__dot {
  background-color: inherit;
  border: 2px solid #fff;
}

.partners-carousel .multi-slider__nav-block .multi-slider__dots .multi-slider__dot.active {
  background-color: #fff;
}

.partners-carousel .multi-slider__nav-block .more-link {
  border: 2px solid #fff;
  color: #fff;
  margin: 0 20px 5px auto;
}

.partners-carousel .multi-slider__nav-block .more-link:hover {
  background-color: #fff;
  color: #689ade;
  box-shadow: -2px 2px 2px 2px rgba(255,255,255,0.2);
}

/*Partners section END*/

/*FRONT PAGE END*/



/*FOOTER styles BEGIN*/

footer {
  background-color: #1b5196;
  padding-top: 50px;
}

footer .container {
  position: relative;
}

footer .bg-pattern-1 {
  display: block;
  width: 100%;
  max-width: 444px;
  height: 137px;
  position: absolute;
  bottom: 0;
  right: 0;
  opacity: 0.5;
  z-index: 1;
  background-image: url('../img/activity-pattern6.png');
  background-size: contain;
  background-repeat: no-repeat;
}

footer .bg-pattern-2 {
  display: block;
  width: 100%;
  max-width: 344px;
  height: 99px;
  position: absolute;
  bottom: 0;
  right: 423px;
  opacity: 0.5;
  z-index: 1;
  background-image: url('../img/activity-pattern7.png');
  background-size: contain;
  background-repeat: no-repeat;
}

.footer-block {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: flex-start;
  -ms-align-items: flex-start;
  align-items: flex-start;
  -webkit-justify-content: space-between;
  -ms-justify-content: space-between;
  justify-content: space-between;
  width: 100%;
}

.footer-block .column {
  width: 32%;
}

.disclaimer-block {
  border-top: 1px solid #fff;
}

.disclaimer-info {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 10px 0;
}

.disclaimer-info .disclaimer-text {
  margin-right: 20px;
}

.disclaimer-info .disclaimer-text p {
  margin-bottom: 0;
  color: #fff;
  font-family: var(--font-regular);
  font-size: 12px;
}

.disclaimer-info .disclaimer-logos {
  display: flex;
  align-items: center;
  justify-content: flex-start;
}

.disclaimer-info .disclaimer-logos a {
  margin-right: 15px;
}

.disclaimer-info .disclaimer-logos a:last-child {
  margin-right: 0;
}

.disclaimer-info .disclaimer-logos .phenics img {
  max-width: 100px;
}

.disclaimer-info .disclaimer-logos .europe-way img {
  max-width: 120px;
}

.disclaimer-info .disclaimer-logos a img {
  max-width: 110px;
  height: auto;
}

@media screen and (min-width: 992px) {
  .footer-mobile-logo {
    display: none;
  }
}

@media screen and (max-width: 991px) {
  .footer-mobile-logo {
    width: 100%;
    text-align: center;
    padding: 0 15px;
    margin-bottom: 40px;
  }

  .footer-block {
    flex-wrap: wrap;
  }

  .footer-block .column .footer-logo {
    display: none;
  }

  .footer-block .column:nth-child(1) {
    order: 1;
    width: 49%;
  }
  
  .footer-block .column:nth-child(2) {
    order: 3;
    width: 100%;
  }

  .footer-block .column:nth-child(3) {
    width: 49%;
    order: 2;
  }
}

@media screen and (min-width: 768px) and (max-width: 991px) {
  .footer-menus-list {
    flex-wrap: wrap;
  }

  .menu-footer-menu-1-container {
    margin-bottom: 20px;
  }

  .footer-block .footer-menus-list .menu {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: flex-start;
    -ms-align-items: flex-start;
    align-items: flex-start;
    -webkit-justify-content: center;
    -ms-justify-content: center;
    justify-content: center;
    flex-wrap: wrap;
  }

  footer .footer-block .footer-menus-list .menu li {
    margin: 0 20px 10px 0;
  }

  footer .footer-block .footer-menus-list .menu li a {
    font-size: 16px;
    text-transform: none;
  }
}

@media screen and (max-width: 767px) {
  .disclaimer-info {
    flex-wrap: wrap;
  }

  .disclaimer-info .disclaimer-text {
    margin-right: 0;
    margin-bottom: 10px;
    width: 100%;
    text-align: center;
  }

  .disclaimer-info .disclaimer-logos {
    width: 100%;
    justify-content: center;
  }
}

@media screen and (max-width: 767px) {
  .disclaimer-info .disclaimer-logos a {
    margin-right: 5px;
  }
}

@media screen and (max-width: 360px) {
  .disclaimer-info .disclaimer-logos a img {
    max-width: 100px !important;
  }
}

@media screen and (max-width: 768px) {
  .footer-block .column:nth-child(1),
  .footer-block .column:nth-child(2),
  .footer-block .column:nth-child(3) {
    width: 100%;
    margin-bottom: 20px;
  }

  .footer-block .column:nth-child(1) {
    padding: 0 10px;
    order: 1;
    margin-bottom: 20px;
    display: flex;
    -webkit-justify-content: space-between;
    -ms-justify-content: space-between;
    justify-content: space-between;
  }

  footer .footer-block .address-list.ukr:after {
    display: none;
  }

  .address-list {
    width: 49%;
  }

  .footer-block .column:nth-child(2) {
    order: 3;
    margin-bottom: 0;
  }

  .footer-block .column:nth-child(3) {
    order: 2;
    margin-bottom: 30px;
    display: flex;
    flex-wrap: wrap;
  }

  .footer-block .social-menu-list {
    width: 100%;
  }

  .feedback-block,
  .donate-block {
    width: 49%;
    margin-bottom: 0 !important;
  }
}

@media screen and (max-width: 480px) {
  footer .footer-block .column:nth-child(1) {
    display: block;
  }

  footer .footer-block .column .address-list {
    width: 100%;
  }

  footer .footer-block .column .address-list:after {
    display: block;
  }

  footer .feedback-block .feedback-button,
  footer .donate-block .donate-button {
    font-size: 12px;
    max-width: 155px;
  }

  footer .donate-block .donate-button i {
    display: none;
  }
}

.footer-block .column h5 {
  font-size: 16px;
  font-family: var(--font-regular);
  color: #fff;
  text-align: center;
  width: 100%;
  display: block;
  margin-bottom: 25px;
}

.footer-block .footer-logo {
  margin-bottom: 50px;
}

.footer-block .address-list.ukr:after {
  content: '';
  width: 45%;
  height: 1px;
  display: block;
  background-color: #fff;
  margin: 20px 0;
}

.footer-block .address-list div {
  margin-bottom: 15px;
}

.footer-block .address-list div p {
  font-size: 18px;
  font-family: var(--font-regular);
  color: #fff;
  display: block;
  margin-bottom: 0;
}

.footer-block .address-list div span {
  font-size: 14px;
  font-family: var(--font-regular);
  color: #a4a4a4;
  display: block;
}

.footer-block .footer-menus-list {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: flex-start;
  -ms-align-items: flex-start;
  align-items: flex-start;
  -webkit-justify-content: space-around;
  -ms-justify-content: space-around;
  justify-content: space-around;
}

.footer-block .footer-menus-list .menu {
  margin-bottom: 0;
}

.footer-block .footer-menus-list .menu li {
  display: block;
  margin-bottom: 20px;
}

.footer-block .footer-menus-list .menu li a {
  font-size: 13px;
  font-family: var(--font-regular);
  color: #fff;
  display: block;
  text-transform: uppercase;
}

.footer-block .footer-menus-list .menu li a:hover {
  color: #689ade;
}

.social-menu-list .menu {
  margin-bottom: 0;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: flex-start;
  -ms-align-items: flex-start;
  align-items: flex-start;
  -webkit-justify-content: center;
  -ms-justify-content: center;
  justify-content: center;
}

.social-menu-list .menu li {
  margin: 0 10px;
}

.social-menu-list .menu li a {
  color: #fff;
  font-size: 20px;
  border: 2px solid #fff;
  padding: 5px 10px;
  border-radius: 15px;
  -webkit-transition: all 0.35s;
  -moz-transition: all 0.35s;
  -o-transition: all 0.35s;
  transition: all 0.35s;
  -webkit-transition-timing-function: cubic-bezier(0.1, 0.1, 0.1, 0.1);
  transition-timing-function: cubic-bezier(0.1, 0.1, 0.1, 0.1);
}

.social-menu-list .menu li a:hover {
  background-color: #fff;
  color: #1b5196;
  box-shadow: -2px 2px 2px 2px rgba(255,255,255,0.2);
}

.social-menu-list {
  margin-bottom: 50px;
}

.feedback-block .feedback-button {
  display: block;
  color: #fff;
  border: 2px solid #fff;
  font-size: 14px;
  font-family: var(--font-regular);
  text-transform: uppercase;
  padding: 10px 0;
  text-align: center;
  width: 100%;
  max-width: 220px;
  border-radius: 15px;
  margin: 0 auto;
  -webkit-transition: all 0.35s;
  -moz-transition: all 0.35s;
  -o-transition: all 0.35s;
  transition: all 0.35s;
  -webkit-transition-timing-function: cubic-bezier(0.1, 0.1, 0.1, 0.1);
  transition-timing-function: cubic-bezier(0.1, 0.1, 0.1, 0.1);
}

.feedback-block .feedback-button:hover {
  background-color: #fff;
  color: #1b5196;
  box-shadow: -2px 2px 2px 2px rgba(255,255,255,0.2);
}

.feedback-block {
  margin-bottom: 35px;
}

.donate-block .donate-button {
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #4dcca4;
  color: #fff;
  border: 2px solid #4dcca4;
  font-size: 14px;
  font-family: var(--font-regular);
  text-transform: uppercase;
  padding: 8px 0;
  text-align: center;
  width: 100%;
  max-width: 220px;
  border-radius: 15px;
  margin: 0 auto;
  -webkit-transition: all 0.25s;
  -moz-transition: all 0.25s;
  -o-transition: all 0.25s;
  transition: all 0.25s;
  -webkit-transition-timing-function: cubic-bezier(0.1, 0.1, 0.1, 0.1);
  transition-timing-function: cubic-bezier(0.1, 0.1, 0.1, 0.1);
}

.donate-block .donate-button i {
  display: inline-block;
  width: 25px;
  height: 25px;
  vertical-align: bottom;
  margin-left: 8px;
  background-image: url('../img/main-spraite.webp');
  background-position: top -4px left -7px;
  background-position-y: -4px;
  background-position-x: -7px;
  background-repeat: no-repeat;
}


.donate-block .donate-button:hover {
  color: #fff;
  background-color: #249570;
  border-color: #249570;
  box-shadow: -2px 2px 2px 2px rgba(255,255,255,0.2);
}

.copyright-block {
  border-top: 1px solid #fff;
}

.copyright-info {
  width: 100%;
  text-align: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
  -ms-align-items: center;
  align-items: center;
  -webkit-justify-content: space-between;
  -ms-justify-content: space-between;
  justify-content: space-between;
  padding: 10px 0;
}

.copyright-info .copy-links a:first-child {
  border-right: 1px solid #fff;
  padding-right: 10px;
}

.copyright-info .copy-links a:last-child {
  padding-left: 5px;
}

.copyright-info p {
  margin-bottom: 0;
  margin-right: 20px;
  color: #fff;
  font-family: var(--font-regular);
  font-size: 12px;
}

.copyright-info a {
  color: #fff;
  text-decoration: underline !important;
  font-family: var(--font-light);
  font-size: 12px;
}

.copyright-info a:hover {
  color: #fff;
  text-decoration: none !important;
}

@media screen and (max-width: 991px) {
  .copyright-info .copy-links a {
    display: block;
    padding: 0;
    line-height: 20px;
  }

  .copyright-info .copy-links a:first-child {
    border: none;
    padding: 0;
    margin-bottom: 8px;
  }
}

@media screen and (max-width: 575px) {
  .copyright-info {
    padding: 10px;
  }
}

/*FOOTER styles END*/

/*NEWS page BEGIN*/

.blog-page .news-filter {
  width: 100%;
  margin-bottom: 50px;
  padding: 20px;
  background-color: #689ade;
  border-radius: 15px;
}

.blog-page .news-filter .news-filter__row {
  display: flex;
  align-items: center;
  justify-content: space-around;
}

.news-filter__row .news-filter__reset {
  color: #b95e5e;
  border: 2px solid;
  padding: 5px 10px;
  border-radius: 10px;
}

.blog-page .news-filter .news-filter__row .filter-cat-wrap {
  display: flex;
  align-items: center;
  justify-content: flex-start;
}

.blog-page .news-filter__row label {
  text-align: center;
  font-family: var(--font-regular);
  font-size: 16px;
  color: #fff;
  margin-bottom: 0;
}

.blog-page .news-filter__row select {
  background-color: inherit;
  border: 2px solid #fff;
  color: #fff;
  font-family: var(--font-regular);
  border-radius: 15px;
  font-size: 14px;
  padding: 7px 15px 7px 15px;
  cursor: pointer;
}

.blog-page .news-filter__row select:focus-visible {
  outline: none;
}

.blog-page .news-filter__row select option {
  background-color: #689ade;
  cursor: pointer;
}

.blog-page .news-filter .news-filter__row.category h1 {
  color: #fff;
  margin-bottom: 0;
  text-align: left;
}

.news-filter__category-list {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
  -ms-align-items: center;
  align-items: center;
  -webkit-justify-content: flex-start;
  -ms-justify-content: flex-start;
  justify-content: flex-start;
  flex-wrap: wrap;
  width: 70%;
}

.news-filter__category-list .news-filter__label {
  display: block;
  color: #fff;
  font-family: var(--font-regular);
  font-size: 18px;
}

.news-filter__category-list .news-filter__btn {
  background-color: inherit;
  border: 2px solid #fff;
  color: #fff;
  padding: 5px 20px;
  border-radius: 20px;
  font-family: var(--font-regular);
  font-size: 14px;
  text-transform: uppercase;
  cursor: pointer;
  margin: 5px 0 5px 15px;
  -webkit-transition: all 0.35s;
  -moz-transition: all 0.35s;
  -o-transition: all 0.35s;
  transition: all 0.35s;
  -webkit-transition-timing-function: cubic-bezier(0.1, 0.1, 0.1, 0.1);
  transition-timing-function: cubic-bezier(0.1, 0.1, 0.1, 0.1);
}

.news-filter__category-list .news-filter__btn:focus {
  outline: none;
}

.news-filter__category-list .news-filter__btn:hover {
  background-color: #fff;
  color: #689ade;
}

.news-filter__category-list .news-filter__btn.active {
  background-color: #fff;
  color: #689ade;
}

.news-filter__search {
  margin-right: 10px;
}

.blog-page .filter-search-wrap .news-filter__checkbox span {
  color: #fff;
  font-family: var(--font-regular);
  font-size: 14px;
  margin-bottom: 0;
}

.news-filter__search .news-filter__search-row {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  position: relative;
}

.news-filter__search .news-filter__search-row  .news-search-btn {
  background-color: #fff;
  border: 2px solid #fff;
  cursor: pointer;
  position: absolute;
  right: 0px;
  padding: 4px;
  border-radius: 0 10px 10px 0;
  font-size: 18px;
  color: #689ade;
}

.news-filter__search input {
  background-color: inherit;
  border: 2px solid #fff;
  color: #fff;
  padding: 7px 30px 7px 15px;
  border-radius: 15px;
  font-family: var(--font-regular);
  font-size: 14px;
}

.news-filter__search input::placeholder {
  color: #fff;
  font-family: var(--font-regular);
  font-size: 14px;
}

.news-filter__search input:focus {
  outline: none;
}

.news-filter__row .filter-search-wrap {
  display: flex;
  align-items: center;
  justify-content: flex-start;
}

.filter-search-wrap .news-filter__checkbox input {
  width: 15px;
  height: 15px;
  display: inline-block;
  vertical-align: middle;
}

.news-list #news-results {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
  -ms-align-items: center;
  align-items: center;
  -webkit-justify-content: space-between;
  -ms-justify-content: space-between;
  justify-content: space-between;
  flex-wrap: wrap;
  width: 100%;
}

#news-results .news-card {
  width: 48%;
  display: flex;
  -webkit-align-items: stretch;
  -ms-align-items: stretch;
  align-items: stretch;
  -webkit-justify-content: flex-start;
  -ms-justify-content: flex-start;
  justify-content: flex-start;
  max-height: 270px;
  height: 100%;
  margin-bottom: 4%;
  box-shadow: 1px 2px 4px 2px rgba(0,0,0,0.2);
  border-radius: 15px;
  -webkit-transition: all 0.35s;
  -moz-transition: all 0.35s;
  -o-transition: all 0.35s;
  transition: all 0.35s;
  -webkit-transition-timing-function: cubic-bezier(0.1, 0.1, 0.1, 0.1);
  transition-timing-function: cubic-bezier(0.1, 0.1, 0.1, 0.1);
}

#news-results .news-card:hover {
  box-shadow: 3px 4px 6px 4px rgba(0,0,0,0.4);
}

#news-results .news-card .news-thumb-link,
#news-results .news-card .news-content {
  width: 50%;
}

#news-results .news-card img {
  max-height: 270px;
  width: auto;
  object-fit: cover;
  border-radius: 15px 0 0 15px;
}

.news-card .news-content {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  background-color: #ededed;
  padding: 10px;
  border-radius: 0 15px 15px 0;
}

.news-card .news-content .news-meta {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.news-card .news-content .news-meta .news-date {
  font-size: 14px;
  font-family: var(--font-light);
  color: #666;
  width: 30%;
}

.news-card .news-content .news-meta .news-categories {
  width: 68%;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-align: right;
}

.news-card .news-content .news-meta .news-categories a {
  display: inline-block;
  padding: 0 5px;
  background-color: #689ade;
  color: #fff;
  font-size: 13px;
  font-family: var(--font-light);
  border-radius: 10px;
  margin-left: 3px;
  -webkit-transition: all 0.35s;
  -moz-transition: all 0.35s;
  -o-transition: all 0.35s;
  transition: all 0.35s;
}

.news-card .news-content .news-meta .news-categories a:hover {
  background-color: #1b5196;
}

.news-card .news-content .news-title {
  line-height: 21px;
  margin-bottom: 0;
}

.news-card .news-content .news-title a {
  font-size: 18px;
  color: #1b5196;
  font-family: var(--font-bold);
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.news-card .news-content .news-excerpt {
  line-height: 18px;
}

.news-card .news-content .news-excerpt a {
  color: #2e2f2f;
  font-size: 14px;
  font-family: var(--font-regular);
}

.news-share {
  display: flex;
  align-items: center;
  justify-content: flex-start;
}

.news-share .share__label {
  font-size: 12px;
  font-family: var(--font-regular);
  color: #689ade;
  text-transform: lowercase;
}

.news-share .news-share__btn {
  background-color: #689ade;
  margin-left: 10px;
  padding: 5px;
  border-radius: 10px;
  line-height: 15px;
  -webkit-transition: all 0.35s;
  -moz-transition: all 0.35s;
  -o-transition: all 0.35s;
  transition: all 0.35s;
  -webkit-transition-timing-function: cubic-bezier(0.1, 0.1, 0.1, 0.1);
  transition-timing-function: cubic-bezier(0.1, 0.1, 0.1, 0.1);
}

.news-share .news-share__btn:hover {
  border-radius: 5px;
}

.news-share .news-share__btn.copy-link {
  border: none;
  cursor: pointer;
}

.news-share__btn.copy-link .la-check {
  display: none;
}

.news-share__btn.copy-link.copied .la-check {
  display: block;
}

.news-share__btn.copy-link.copied .la-link {
  display: none;
}

.news-share .news-share__btn.copy-link img {
  color: #fff;
}

.news-share .news-share__btn.copy-link:focus {
  outline: none;
}

.news-share .news-share__btn i {
  font-size: 18px;
  color: #fff;
}

.blog-page .seo-text {
  margin-bottom: 50px;
}

.blog-page .seo-text p {
  font-size: 16px;
  font-family: var(--font-regular);
  color: #4a4949;
  margin-top: 20px;
}

.blog-page .pagination {
  margin-bottom: 50px;
}

.blog-page .seo-text h3 {
  display: block;
  width: 100%;
  margin-bottom: 25px;
  font-family: var(--font-bold);
}

@media screen and (max-width: 1199px) {
  .news-filter__row .filter-search-wrap {
    flex-wrap: wrap;
    width: 40%;
    justify-content: center;
  }
}

@media screen and (max-width: 991px) {
  .blog-page .news-filter .news-filter__row {
    flex-wrap: wrap;
  }

  .news-filter__row .filter-search-wrap {
    width: 100%;
    margin-top: 15px;
    justify-content: center;
  }

  .news-filter__row .news-filter__reset {
    margin-top: 15px;
  }

  #news-results .news-card {
    width: 100%;
    margin-bottom: 30px;
  }

  .news-filter__category-list {
    display: none;
  }

  .news-filter__search {
    width: auto;
  }

  .news-filter__category-select label {
    color: #fff;
    font-size: 14px;
    font-family: var(--font-regular);
  }

  .news-filter__category-select #news-category-select {
    background-color: inherit;
    color: #fff;
    border-radius: 15px;
    border: 2px solid #fff;
    padding: 5px;
    width: 150px;
  }

  .news-filter__category-select #news-category-select option {
    background-color: #689ade;
    color: #fff;
    border: 1px solid #fff;
  }

  .news-filter__category-select #news-category-select:focus {
    outline: none;
  }
}

@media screen and (min-width: 501px) {
  .news-filter__search label {
    display: none;
  }
}

@media screen and (max-width: 500px) {
  .blog-page .news-filter {
    padding: 20px 10px;
  }

  .blog-page .news-filter__row label {
    display: block;
    margin-bottom: 5px;
  }

  .news-filter__row .news-filter__year-select,
  .news-filter__row .news-filter__category-select {
    width: 100%;
    text-align: center;
  }

  .news-filter__row .news-filter__year-select {
    margin-bottom: 10px;
  }

  .blog-page .news-filter__row select {
    width: 235px;
  }

  .news-filter__row .filter-search-wrap {
    margin-top: 20px;
  }

  .news-filter__row .filter-search-wrap .news-filter__search {
    width: 235px;
    margin-right: 0;
  }

  .news-filter__row .filter-search-wrap {
    flex-wrap: wrap;
  }

  .news-filter__search label,
  .news-filter__category-select label {
    display: block;
    text-align: center;
    color: #fff;
    font-size: 14px;
    font-family: var(--font-regular);
  }

  .news-filter__search,
  .news-filter__category-select {
    width: 48%;
  }

  .news-filter__search #news-search,
  .news-filter__category-select #news-category-select {
    width: 100%;
  }

}

@media screen and (max-width: 575px) {
  .blog-page {
    padding: 0 10px;
  }

  .news-card .news-content .news-share {
    flex-wrap: wrap;
    justify-content: center;
  }

  .news-card .news-content .news-share .share__label {
    display: block;
    width: 100%;
    margin-bottom: 5px;
    text-align: center;
  }
}

@media screen and (max-width: 400px) {
  #news-results .news-card {
    flex-wrap: wrap;
    max-height: 100%;
  }

  #news-results .news-card .news-thumb-link, 
  #news-results .news-card .news-content {
    width: 100%;
  }

  #news-results .news-card img {
    border-radius: 15px 15px 0 0;
  }

  #news-results .news-content {
    border-radius: 0 0 15px 15px;
  }

  .news-card .news-content .news-meta,
  .news-card .news-content .news-title,
  .news-card .news-content .news-excerpt {
    margin-bottom: 15px;
  }
}

/*NEWS page END*/


/*NEWS single page BEGIN*/

.single-news-info {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 30px;
}

.single-news-info .date-wrap {
  width: 15%;
}

.single-news-info .date {
  font-size: 18px;
  color: #818183;
  font-family: var(--font-regular);
}

.single-news-info .cat-wrap  {
  width: 85%;
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
}

.single-news-info .cat {
  display: block;
  padding: 3px 15px;
  background-color: #689ade;
  color: #fff;
  font-size: 14px;
  font-family: var(--font-light);
  border-radius: 10px;
  margin: 0 0 5px 5px;
  -webkit-transition: all 0.35s;
  -moz-transition: all 0.35s;
  -o-transition: all 0.35s;
  transition: all 0.35s;
}

.single-news-info .cat:hover {
  background-color: #1b5196;
}

.single-news-title {
  font-size: 32px;
  font-family: var(--font-bold);
  color: #1b5196;
  display: block;
  width: 100%;
  margin-bottom: 50px;
}

.single-news-img {
  width: 100%;
  text-align: center;
  margin-bottom: 50px;
}

.single-news-img img {
  max-width: 600px;
  width: auto;
  height: auto;
  border-radius: 15px;
  box-shadow: -3px 3px 5px 1px rgba(0,0,0,0.1);
}

.single-news__content {
  margin-bottom: 50px;
}

.single-news__content p {
  font-family: var(--font-regular);
  font-size: 18px;
  text-indent: 15px;
}

.single-news__content div {
  margin-bottom: 25px;
}

.single-news__content div p[dir].Hasdr {
  color: #2e2f2f;
  font-size: 20px;
  font-family: var(--font-regular);
  text-indent: 30px;
  margin-top: 0;
}

.single-news__content div p[dir].Hasdr a {
  margin-right: 0;
}

.single-news__content ul li {
  color: #2e2f2f;
  font-size: 20px;
  font-family: var(--font-regular);
  text-indent: 15px; 
}

.single-news__content ul li:before {
  content: '-';
  display: inline-block;
  color: #2e2f2f;
  margin-right: 10px;
}

.single-news__content a {
  color: #689ade;
  font-size: 20px;
  font-family: var(--font-regular);
}

.single-news-gallery {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  justify-content: flex-start;
  text-indent: 0;
  margin-top: 50px;
}

.single-news-gallery p,
.single-news-gallery img {
  width: 24%;
  margin-bottom: 20px;
  margin-right: 1%;
  text-indent: 0;
}

.single-news-gallery p img,
.single-news-gallery img {
  height: 200px;
  max-width: 300px;
  object-fit: cover;
  border-radius: 10px;
  width: 100%;
  box-shadow: -3px 3px 5px 1px rgba(0,0,0,0.1);
}

.news-share.single {
  max-width: 400px;
  width: 100%;
  margin: 0 auto;
  border-top: 1px solid #689ade;
  border-bottom: 1px solid #689ade;
  padding: 20px 0;
  text-align: center;
  justify-content: center;
}

@media screen and (max-width: 991px) {
  .single-news__content p[dir] a {
    width: 24%;
  }

  .single-news__content p[dir] a img {
    height: 200px;
  }
}

@media screen and (max-width: 767px) {
  .single-news-info {
    flex-wrap: wrap;
  }

  .single-news-info .date-wrap {
   width: 100%;
   text-align: center;
   margin-bottom: 10px;
  }

  .single-news-info .cat-wrap {
    width: 100%;
    justify-content: center;
  }

  .single-news-gallery p {
    width: 32%;
  }

  .single-news-img img {
    width: 100%;
    max-width: 400px;
  }

  .single-news__content p[dir] a {
    width: 32%;
  }

  .single-news__content p[dir] a img {
    height: 150px;
  }

  .single-news-title {
    margin-bottom: 40px;
    font-size: 28px;
  }
  
  .single-news__content div {
    margin-bottom: 20px;
  }

  .single-news__content ul li,
  .single-news__content div p[dir].Hasdr {
    font-size: 18px;
    text-indent: 15px; 
  }

  .single-news-img {
    margin-bottom: 40px;
  }
}

@media screen and (max-width: 575px) {
  .single-news-gallery p {
    width: 49%;
  }

  .page-content {
    padding: 0 10px;
  }

  .single-news__content p[dir] a {
    width: 49%;
    margin-right: 2%;
  }

  .single-news__content p[dir] a:nth-child(2n) {
    margin-right: 0;
  }

  .single-news__content p[dir] a img {
    height: 150px;
  }

  .single-news-title {
    margin-bottom: 30px;
    font-size: 23px;
  }
  
  .single-news__content div {
    margin-bottom: 15px;
  }

  .single-news__content ul li,
  .single-news__content div p[dir].Hasdr {
    font-size: 17px;
  }

  .single-news-img {
    margin-bottom: 30px;
  }
}

/*lightbox styles*/
.news-lightbox {
  position: fixed;
  inset: 0;
  background: rgba(0,0,0,.9);
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 10000;
}

.news-lightbox img {
  max-width: 90%;
  max-height: 90%;
}

.news-lightbox__nav {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  font-size: 48px;
  color: #fff;
  cursor: pointer;
  user-select: none;
  padding: 20px;
}

.news-lightbox__prev { left: 0; }
.news-lightbox__next { right: 0; }

.news-lightbox__close {
  position: absolute;
  top: 20px;
  right: 20px;
  font-size: 32px;
  color: #fff;
  cursor: pointer;
}

.single-news__content img {
  cursor: zoom-in;
}

.single-block .news-section .bg-pattern-1,
.single-block .news-section .bg-pattern-2,
.diyalnist .news-section .bg-pattern-1,
.diyalnist .news-section .bg-pattern-2 {
  bottom: 0;
}

.page-content #news-section .section-title-wrap {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 60px;
}

.page-content #news-section .section-title-wrap h2 {
  margin-bottom: 0;
  width: auto;
}

.page-content #news-section .section-title-wrap .more-link {
  display: block;
  margin: 0;
}

.page-content #news-section .more-link {
  display: none;
}

@media screen and (max-width: 991px) {
  .page-content #news-section .section-title-wrap {
    justify-content: center;
    margin-bottom: 50px;
  }

  .page-content #news-section .section-title-wrap .more-link {
    display: none;
  }

  .page-content #news-section .more-link {
    display: block;
  }

}

/*NEWS single page END*/

/*ABOUT US page BEGIN*/

.content-block h2 {
  display: block;
  text-align: center;
  text-transform: uppercase;
  font-family: var(--font-bold);
  font-size: 36px;
  width: 100%;
  margin-bottom: 30px;
  color: #1b5196;
}

@media screen and (max-width: 767px) {
 .content-block h2 {
    font-size: 32px;
  }
}

@media screen and (max-width: 575px) {
  .content-block h2 {
    font-size: 28px;
  }
}

.content-block h3 {
  display: block;
  text-align: left;
  font-family: var(--font-regular);
  font-size: 28px;
  width: 100%;
  margin: 20px 0 30px;
  color: #1b5196;
}

.content-block h4 {
  display: block;
  text-align: left;
  font-family: var(--font-bold);
  font-size: 24px;
  width: 100%;
  margin-bottom: 30px;
  color: #2e2f2f;
  text-indent: 30px;
}

.content-block p {
  color: #2e2f2f;
  font-size: 20px;
  font-family: var(--font-regular);
  text-indent: 30px;
  margin-bottom: 20px;
}

.about-as-blocks {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 100px;
}

.about-as-blocks .about-text,
.about-as-blocks .about-image {
  width: 48%;
}

.about-as-blocks .about-image img {
  border-radius: 15px;
}

.members-list {
  width: 100%;
}

.members-list ul {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  justify-content: space-between;
  margin-bottom: 30px;
  overflow: hidden;
  padding: 0 20px;
  position: relative;
}

.members-list.opened ul:after {
  display: none;
}

.members-list .readmore-btn {
  cursor: pointer;
  background-color: inherit;
  border: 2px solid #1b5196;
  color: #1b5196;
  display: block;
  max-width: 225px;
  text-transform: uppercase;
  font-family: var(--font-regular);
  font-size: 16px;
  border-radius: 10px;
  padding: 5px 20px;
  margin: 0 auto;
  -webkit-transition: all 0.25s;
  -moz-transition: all 0.25s;
  -o-transition: all 0.25s;
  transition: all 0.25s;
  -webkit-transition-timing-function: cubic-bezier(0.1, 0.1, 0.1, 0.1);
  transition-timing-function: cubic-bezier(0.1, 0.1, 0.1, 0.1);
  text-align: center;
}

.members-list .readmore-btn:hover {
  color: #fff;
  background-color: #689ade;
  box-shadow: -2px 2px 3px 2px rgba(0, 0, 0, 0.2);
  border: 2px solid #689ade;
}

.members-list ul:after {
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 60px; 
  background: linear-gradient(to bottom, rgba(255,255,255,0), rgba(249,249,249,1));
  pointer-events: none;
  transition: opacity 0.3s ease;
  opacity: 1;
}

.members-list ul li {
  width: 48%;
  margin-bottom: 20px;
  color: #2e2f2f;
  font-size: 18px;
  font-family: var(--font-regular);
  list-style-type: square;
}

.members-list-ul.opened:after {
  display: none;
}

.members-list ul li.hidden {
  display: none;
}

.honors-blocks {
  display: flex;
  flex-wrap: wrap;
  align-items: stretch;
  justify-content: space-between;
  margin-bottom: 100px;
}

.honors-blocks .more-link {
  margin: 10px auto 0;
}

.honors-blocks h2,
.honors-blocks h4 {
  width: 100%;
}

.honors-blocks .honors-block {
  width: 100%;
  margin-bottom: 30px;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-around;
  border: 2px solid #ebe8e8;
  background-color: #f5f3f3;
  padding: 30px 15px;
  border-radius: 20px;
  box-shadow: -3px 4px 3px 0px rgba(0, 0, 0, 0.1);
}

.honors-blocks .honors-block p {
  width: 100%;
  color: #2e2f2f;
  text-indent: 0;
  margin-bottom: 30px;
}

.honors-blocks .honors-block img {
  max-height: 250px;
  height: 100%;
  width: auto;
  border-radius: 15px;
  border: 5px solid #f1efef;
}
    
.honors-blocks .honors-block.half {
  width: 49%;
}

.cooperation-with-blocks {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: stretch;
  margin-bottom: 100px;
}

.cooperation-with-blocks .organization-block.full {
  width: 100%;
}

.cooperation-with-blocks .organization-block.half {
  width: 49%;
}

.cooperation-with-blocks .organization-block {
  border: 2px solid #ebe8e8;
  border-radius: 15px;
  padding: 20px;
  margin-bottom: 30px;
  box-shadow: -3px 4px 3px 0px rgba(0, 0, 0, 0.1);
  background-color: #f5f3f3;
}

.cooperation-with-blocks .organization-block .organization-image {
  width: 100%;
  margin-bottom: 20px;
  text-align: center;
}

.cooperation-with-blocks .organization-block .organization-image img {
  max-width: 225px;
  width: auto;
  height: auto;
}

.cooperation-with-blocks .organization-block.libereco .organization-image img {
  margin: 0 25px;
}

.memorandums-link-block {
  display: flex;
  width: 100%;
  flex-wrap: wrap;
  justify-content: space-between;
  margin-bottom: 100px;
}

.memorandums-link-block .memorandum-section {
  display: block;
  width: 49%;
  margin-bottom: 2%;
  padding: 10px;
  border: 2px solid #ebe8e8;
  border-radius: 15px;
  -webkit-transition: all 0.25s;
  -moz-transition: all 0.25s;
  -o-transition: all 0.25s;
  transition: all 0.25s;
  -webkit-transition-timing-function: cubic-bezier(0.1, 0.1, 0.1, 0.1);
  transition-timing-function: cubic-bezier(0.1, 0.1, 0.1, 0.1);
}

.memorandums-link-block .memorandum-section:hover {
  box-shadow: -3px 4px 3px 0px rgba(0, 0, 0, 0.2);
}

.memorandums-link-block .memorandum-section .memorandum-title {
  display: block;
  text-align: center;
  width: 100%;
  color: #1b5196;
  font-family: var(--font-bold);
  font-size: 18px;
  margin-bottom: 15px;
}

.memorandums-link-block .memorandum-section .memorandum-body {
  display: flex;
  width: 100%;
  justify-content: space-between;
  align-items: center;
}

.memorandums-link-block .memorandum-section .memorandum-body .memorandum-wrap {
  margin-left: 10px;
}

.memorandums-link-block .memorandum-section .memorandum-body .memorandum-undertitle {
  display: block;
  font-family: var(--font-bold);
  text-transform: uppercase;
  margin-bottom: 15px;
  color: #2e2f2f;
}

.memorandums-link-block .memorandum-section .memorandum-body .memorandum-text {
  font-family: var(--font-regular);
  color: #2e2f2f;
}

.member-organizations-block {
  margin-bottom: 100px;
}

.member-organizations-links {
  display: flex;
  justify-content: space-between;
  margin-bottom: 30px;
}

.member-organizations-links .member-organization {
  width: 49%;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  border: 2px solid #ebe8e8;
  padding: 10px;
  border-radius: 15px;
  -webkit-transition: all 0.25s;
  -moz-transition: all 0.25s;
  -o-transition: all 0.25s;
  transition: all 0.25s;
  -webkit-transition-timing-function: cubic-bezier(0.1, 0.1, 0.1, 0.1);
  transition-timing-function: cubic-bezier(0.1, 0.1, 0.1, 0.1);
}

.member-organizations-links .member-organization:hover {
  box-shadow: -3px 4px 3px 0px rgba(0, 0, 0, 0.2);
}

.member-organizations-links .member-organization img {
  margin-right: 15px;
  max-height: 100px;
  width: auto;
}

.member-organizations-links .member-organization p {
  text-indent: 0;
  margin-bottom: 0;
  font-size: 17px;
}

@media screen and (max-width: 991px) {
  .content-block.about-page h2 {
    font-size: 32px;
  }

  .content-block.about-page h4 {
    text-align: center;
    font-size: 22px;
    text-indent: 0;
  }

  .content-block.about-page h3 {
    font-size: 24px;
  }

  .content-block.about-page p {
    text-indent: 20px;
    margin-bottom: 15px;
    font-size: 18px;
  }

  .about-as-blocks,
  .honors-blocks,
  .memorandums-link-block,
  .member-organizations-block,
  .cooperation-with-blocks {
    margin-bottom: 60px;
  }

  .about-as-blocks .about-text, 
  .about-as-blocks .about-image {
    width: 100%;
  }

  .about-as-blocks .about-image {
    order: 1;
    margin-bottom: 25px;
    text-align: center;
  }

  .about-as-blocks .about-text {
    order: 2;
  }

  .honors-blocks .honors-block.half {
    width: 100%;
  }

  .honors-blocks .honors-block img {
    max-height: 200px;
  }

  .memorandums-link-block .memorandum-section {
    width: 100%;
    margin-bottom: 3%;
  }

  .cooperation-with-blocks .organization-block.half {
    width: 100%;
  }
}

@media screen and (max-width: 767px) {
  .member-organizations-links {
    flex-wrap: wrap;
  }

  .member-organizations-links .member-organization {
    width: 100%;
  }

  .member-organizations-links .member-organization:first-child {
    margin-bottom: 25px;
  }
}

@media screen and (max-width: 575px) {
  .content-block.about-page h2 {
    font-size: 28px;
    margin-bottom: 20px;
  }

  .content-block.about-page h4 {
    text-align: center;
    font-size: 18px;
    text-indent: 0;
  }

  .content-block.about-page h3 {
    font-size: 22px;
  }

  .content-block.about-page p {
    text-indent: 15px;
    margin-bottom: 10px;
    font-size: 18px;
  }

  .about-as-blocks,
  .honors-blocks,
  .memorandums-link-block,
  .member-organizations-block,
  .cooperation-with-blocks {
    margin-bottom: 60px;
  }

  .members-list ul li {
    font-size: 18px;
  }

  .cooperation-with-blocks .organization-block .organization-image img {
    max-height: 100px;
    height: 100%;
  }

  .memorandums-link-block .memorandum-section .memorandum-body {
    flex-wrap: wrap;
    justify-content: center;
  }

  .memorandums-link-block .memorandum-section .memorandum-body .memorandum-wrap {
    text-align: center;
  }
}

@media screen and (max-width: 500px) {
   .members-list ul li {
    width: 100%;
  }
}

.page-404 {
  text-align: center;
}

.page-404 img {
  display: block;
  margin: 0 auto;
}

.page-404 .back {
  display: block;
  width: 200px;
  margin: 0 auto 50px;
  color: #1b5196;
  border: 2px solid #1b5196;
  border-radius: 15px;
  padding: 5px 15px;
  font-family: var(--font-regular);
  -webkit-transition: all 0.25s;
  -moz-transition: all 0.25s;
  -o-transition: all 0.25s;
  transition: all 0.25s;
  -webkit-transition-timing-function: cubic-bezier(0.1, 0.1, 0.1, 0.1);
  transition-timing-function: cubic-bezier(0.1, 0.1, 0.1, 0.1);
}

.page-404 .back:hover {
  color: #fff;
  background-color: #1b5196;
  box-shadow: -3px 3px 3px 2px #cfcccc;
}

/*ABOUT US page END*/

/*DONATE page BEGIN*/

.donate-page h2 {
  display: block;
  text-align: center;
  text-transform: uppercase;
  font-family: var(--font-bold);
  font-size: 36px;
  width: 100%;
  margin-bottom: 50px;
  color: #2b5ca8;
}

.donate-page .title {
  font-size: 26px;
  font-family: var(--font-bold);
  margin: 0 auto;
  text-align: center;
  margin-bottom: 20px;
  color: #2b5ca8;
  text-transform: uppercase;
}

.donate-page .todo-list li {
  font-family: var(--font-regular);
  font-size: 20px;
  margin-bottom: 10px;
}

.donate-page .todo-list li i {
  margin-right: 10px;
  color: #0bc98d;
}

.donate-page .donate-block {
  width: 100%;
  margin: 70px auto;
}

.donate-page .donate-block .donate-button {
  padding: 25px 0;
  max-width: 350px;
  font-size: 20px;
  font-family: var(--font-bold);
  line-height: 25px;
}

.donate-block .donate-button:hover {
  box-shadow: -3px 3px 3px 2px #cfcccc;
}

.donate-block .payhub-logo {
  width: 100px;
  height: 50px;
  display: inline-block;
  background-image: url('../img/payhub.png');
  background-size: contain;
  background-repeat: no-repeat;
  vertical-align: middle;
  margin-left: 25px;
}

.qr-code-block {
  width: 100%;
  text-align: center;
  margin-bottom: 70px;
}

.payment-details h5 {
  text-align: center;
  margin-bottom: 15px;
  font-family: var(--font-bold);
}

.payment-details .pumb-logo {
  display: block;
  margin: 0 auto 20px;
  width: 200px;
  height: auto;
} 

.payment-details .address {
  text-align: center;
  font-family: var(--font-bold);
  font-size: 18px;
  margin-bottom: 20px;
}

.payment-details-wrap {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  justify-content: space-between;
  margin-top: 70px;
}

.payment-details-block {
  width: 48%;
  margin-bottom: 50px;
}

.payment-details-block .payment-title {
  font-size: 18px;
  font-family: var(--font-regular);
  margin-bottom: 10px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.payment-details-block .payment-title i.la-credit-card {
  font-size: 40px;
  color: #ababab;
}

.payment-details-block .payment-title a i {
  font-size: 40px;
  color: #e94937;
  -webkit-transition: all 0.25s;
  -moz-transition: all 0.25s;
  -o-transition: all 0.25s;
  transition: all 0.25s;
  -webkit-transition-timing-function: cubic-bezier(0.1, 0.1, 0.1, 0.1);
  transition-timing-function: cubic-bezier(0.1, 0.1, 0.1, 0.1);
}

.payment-details-block .payment-title a:hover i {
  color: #4dcca4;
}

.payment-details-block .payment-title .currency {
  font-family: var(--font-bold);
}

.payment-details-block .payments-info {
  display: flex;
  justify-content: center;
  align-items: center;
}

.payment-details-block .info {
  font-family: var(--font-bold);
  font-size: 14px;
  color: #f73d28;
}

.payment-details-block .payments-info ul {
  width: 100%;
}

.payment-details-block .payments-info ul li {
  display: flex;
  justify-content: space-between;
  align-items: stretch;
  border: 1px solid #ccc;
  border-bottom: 0;
}

.payment-details-block .payments-info ul li:last-child {
  border-bottom: 1px solid #ccc;
}

.payment-details-block .payments-info ul li .payment-name {
  width: 40%;
  border-right: 1px solid #ccc;
  padding: 10px;
  font-family: var(--font-regular);
}

.payment-details-block .payments-info ul li .payment-value {
  width: 59%;
  padding: 10px;
  font-family: var(--font-bold);
}

.secondary-information {
  width: 100%;
  border-top: 2px solid #689ade;
  padding: 50px;
}

.secondary-information p {
  font-family: var(--font-regular);
  font-size: 20px;
}

@media screen and (max-width: 991px) {
  .donate-page h2 {
    font-size: 32px;
  }

  .donate-page .todo-list li {
    font-size: 18px;
  }
  
  .payment-details-block {
    width: 80%;
    margin: 0 auto 50px;
  }

  .secondary-information {
    text-align: center;
    padding: 40px 20px;
  }
}

@media screen and (max-width: 767px) {
  .donate-page h2 {
    font-size: 28px;
    margin-bottom: 30px;
  }

  .donate-page .title {
    font-size: 22px;
  }

  .payment-details-block {
    width: 100%;
    margin: 0 auto 35px;
  }

  .donate-page .donate-block {
    margin: 50px auto !important;
  }

  .qr-code-block {
    margin-bottom: 50px;
  }

  .payment-details-wrap {
    margin-top: 50px;
  } 

  .secondary-information p {
    font-size: 18px;
  }
}

@media screen and (max-width: 575px) {
  .donate-page h2 {
    font-size: 24px;
    margin-bottom: 30px;
  }

  .donate-page .todo-list li {
    font-size: 16px;
  }

  .payment-details-block .payments-info ul li .payment-value {
    overflow-wrap: anywhere;
  }

  .donate-page .secondary-information p {
    text-indent: 0;
    font-size: 16px;
  }
}

/*DONATE page END*/


/*OUR TEAM page BEGIN*/

.our-team-list {
  display: flex;
  flex-wrap: wrap;
  align-items: stretch;
  justify-content: space-between;
  margin-bottom: 50px;
}

.our-team-list .our-team-person {
  width: 32%;
  padding: 15px;
  border-radius: 15px;
  border: 1px solid #ebe8e8;
  border-radius: 15px;
  margin-bottom: 2%;
  box-shadow: -3px 3px 5px 1px rgba(0,0,0,0.1);
}

.our-team-person .person-name {
  font-family: var(--font-bold);
  font-size: 20px;
  text-align: center;
  margin-bottom: 15px;
  color: #1b5196;
}

.our-team-person .person-info {
  display: flex;
  flex-wrap: wrap;
  align-items: stretch;
  justify-content: space-between;
}

.our-team-person .person-info .person-photo {
  width: 100%;
}

.our-team-person .person-info .person-wrap {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  width: 100%;
}

.person-info .person-photo {
  position: relative;
  max-width: 151px;
  margin: 0 auto 15px;
}

.person-info .person-photo img {
  width: 100%;
  height: auto;
  border-radius: 15px 15px 0 15px;
}

.person-info .person-photo a {
  position: absolute;
  bottom: 0;
  right: 0;
}

.person-info .person-photo a i {
  color: #fff;
  font-size: 40px;
  text-shadow: -2px 2px 3px rgba(0,0,0,0.7);
}

.person-wrap .person-post {
  color: #303030;
  font-family: var(--font-bold);
  font-size: 18px;
  margin-bottom: 10px;
  text-align: center;
  line-height: 23px;
}

.person-wrap .person-function {
  color: #222222;
  font-family: var(--font-regular);
  font-size: 16px;
  text-align: center;
  line-height: 22px;
}

.person-wrap .person-email {
  color: #1b5196;
  font-family: var(--font-regular);
  font-size: 16px;
  text-align: center;
  line-height: 22px;
  margin-top: 15px;
  overflow-wrap: anywhere;
}

.our-team-about-text {
  margin-bottom: 50px;
}

.our-team-about-text ul li {
  color: #2e2f2f;
  font-size: 20px;
  font-family: var(--font-regular);
  text-indent: 0;
  margin-bottom: 5px;
  padding-left: 30px;
}

.our-team-about-text ul li i {
  color: #1ed59b;
  vertical-align: middle;
  margin-right: 10px;
}

@media screen and (max-width: 991px) {
  .our-team-page h2 {
    font-size: 28px;
    margin-bottom: 30px;
  }

  .our-team-page p,
  .our-team-about-text ul li {
    font-size: 18px;
    text-indent: 25px;
    padding: 0;
  }

  .our-team-page {
    flex-wrap: wrap;
  }
    
  .our-team-list .our-team-person {
    width: 49%;
  }
}

@media screen and (max-width: 575px) {
  .our-team-page h2 {
    font-size: 24px;
    margin-bottom: 30px;
  }

  .our-team-page p,
  .our-team-about-text ul li {
    font-size: 16px;
    text-indent: 15px;
  }

  .our-team-about-text ul li {
    padding-left: 0;
  }
  
  .our-team-list .our-team-person {
    width: 100%;
    max-width: 400px;
    margin: 0 auto 25px;
  }
}

/*OUR TEAM page END*/


/*Report page BEGIN*/

.annual-reports-block {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  justify-content: center;
  width: 100%;
  margin-bottom: 70px;
}

.annual-reports-block h3 {
  width: 100%;
  text-align: center;
}

.annual-report {
  width: 55%;
  padding: 20px;
  background-color: #2b5ca8;
  color: #fff;
  margin-bottom: 15px;
  border-radius: 15px;
  font-size: 24px;
  font-family: var(--font-bold);
  display: flex;
  align-items: center;
  justify-content: flex-start;
  transition: all 0.35s;
  transition-timing-function: cubic-bezier(0.1, 0.1, 0.1, 0.1);
}

.annual-report:hover {
  box-shadow: -3px 3px 3px 2px #cfcccc;
  background-color: #689ade;
  color: #fff;
}

.annual-report img {
  max-width: 80px;
  width: 100%;
  height: auto;
  margin-right: 25px;
  background-color: #fff;
  border-radius: 5px;

}

.founding-documents {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  justify-content: space-between;
}

.founding-documents h4 {
  font-family: var(--font-regular);
  text-indent: 0;
}

.founding-documents .statute-block,
.founding-documents .statement-block,
.founding-documents .non-profitability-block,
.founding-documents .trademark-block,
.founding-documents .protocols-block  {
  width: 100%;
  margin-bottom: 70px;
}

.founding-documents .statement-block img,
.founding-documents .non-profitability-block img,
.founding-documents .trademark-block img,
.founding-documents .protocols-block img {
  max-height: 400px;
  width: auto;
  border-radius: 15px;
  box-shadow: -3px 3px 5px 2px rgba(0,0,0,0.3);
  margin-right: 15px;
}

.statute-block .multi-slider__slide {
  padding: 20px;
}

.statute-block .multi-slider__nav-block {
  margin-top: 10px;
  justify-content: flex-end;
  padding-right: 20px;
}

.protocols-block .protocol {
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  margin-bottom: 40px;
}

.protocols-block .protocol:last-child {
  margin-bottom: 0;
}

.founding-documents h3 {
  width: 100%;
  text-align: center;
}

.regulatory-documents {
  margin-bottom: 50px;
}

.regulatory-documents h3 {
  width: 100%;
  text-align: center;
  margin: 0 auto 25px;
}

.regulatory-documents a {
  display: block;
  color: #1b5196;
  font-family: var(--font-bold);
  font-size: 20px;
  margin-bottom: 20px;
  text-decoration: underline;
}

@media screen and (max-width: 991px) {
  .reports-page h3 {
    margin: 0 auto 30px;
  }

  .annual-reports-block {
    justify-content: space-between;
    margin-bottom: 30px;
  }

  .annual-reports-block .annual-report {
    width: 100%;
  }

  .founding-documents .statute-block,
  .founding-documents .statement-block,
  .founding-documents .non-profitability-block,
  .founding-documents .trademark-block,
  .founding-documents .protocols-block  {
    margin-bottom: 50px;
  }

  .founding-documents .statement-block img,
  .founding-documents .non-profitability-block img,
  .founding-documents .trademark-block img,
  .founding-documents .protocols-block img {
    max-height: 300px;
  }
}

@media screen and (max-width: 575px) {
  .founding-documents h4 {
    font-size: 20px;
    margin-bottom: 20px;
  }

  .annual-reports-block .annual-report {
    width: 100%;
    font-size: 20px;
  }

  .annual-reports-block .annual-report img {
    max-width: 45px;
  }

  .founding-documents .statement-block img,
  .founding-documents .non-profitability-block img,
  .founding-documents .trademark-block img,
  .founding-documents .protocols-block img {
    max-height: 200px;
    border-radius: 5px;
  }
}

@media screen and (max-width: 500px) {
  .annual-reports-block .annual-report {
    width: 100%;
  }

  .founding-documents .statement-block img,
  .founding-documents .non-profitability-block img,
  .founding-documents .trademark-block img,
  .founding-documents .protocols-block img {
    max-height: 170px;
  }
}

/*Report page END*/

/*SEA page BEGIN*/

.important-block {
  border: 1px solid #ebe8e8;
  padding: 15px;
  border-radius: 15px;
  position: relative;
  margin-bottom: 70px;
  box-shadow: -3px 4px 3px 0px rgba(0, 0, 0, 0.1);
}

.important-block i {
  position: absolute;
  font-size: 150px;
  z-index: -1;
  color: #dd1d1d;
  left: auto;
  top: -15px;
  right: auto;
  display: block;
  width: 100%;
  text-align: center;
  opacity: 0.2;
}

.important-block p {
  position: relative;
  z-index: 1;
  font-size: 16px;
  font-family: var(--font-bold);
  margin-bottom: 0;
}

.important-block .readmore-btn {
  border: none;
  border-radius: 10px;
  color: #2b5ca8;
  font-family: var(--font-regular);
  cursor: pointer;
  background-color: inherit;
  margin: 10px 0 0 auto;
  display: block;
}

.important-block .readmore-btn:focus {
  outline: none;
}

.sea-info-block {
  margin-bottom: 70px;
}

.sea-content {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  margin-bottom: 30px;
}

.sea-content .strong {
  font-family: var(--font-bold);
}

.sea-content img {
  max-width: 48%;
  width: auto;
  border-radius: 15px;
  box-shadow: -3px 4px 3px 0px rgba(0, 0, 0, 0.2);
}

.sea-content .sea-text {
  width: 48%;
}

.sea-content .sea-text p {
  font-size: 19px;
}

.sea-content .sea-text ul li {
  color: #2e2f2f;
  font-size: 19px;
  font-family: var(--font-regular);
  margin-bottom: 15px;
}

.sea-content .sea-text ul li:last-child {
  margin-bottom: 0;
}

.important-sea-info {
  max-width: 80%;
  margin: 0 auto 50px;
  position: relative;
}

.important-sea-info .strong {
  font-family: var(--font-bold);
  font-size: 24px;
}

.important-sea-info i {
  color: #c1828a;
  position: absolute;
  font-size: 100px;
  top: 50%;
  left: -80px;
  margin-top: -50px;
}

.important-sea-info p {
  margin-bottom: 5px;
  color: #c1828a;
  text-indent: 0;
}

.sea-contacts {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  margin-bottom: 50px;
}

.sea-contacts .contact {
  width: 23%;
  text-align: center;
}

.sea-contacts .contact .title {
  font-size: 18px;
  margin-bottom: 20px;
  font-family: var(--font-bold);
  line-height: 24px;
}

.sea-contacts .contact a {
  display: block;
  color: #1b5196;
  font-size: 20px;
  font-family: var(--font-bold);
  margin-bottom: 15px;
}

.sea-contacts .contact span {
  display: block;
  font-family: var(--font-regular);
  font-size: 20px;
}

.sea-contacts .contact .form-button {
  display: block;
  color: #1b5196;
  border: 2px solid #1b5196;
  font-size: 16px;
  font-family: var(--font-regular);
  text-transform: uppercase;
  padding: 10px 0;
  text-align: center;
  width: 100%;
  max-width: 220px;
  border-radius: 15px;
  margin: 0 auto;
  -webkit-transition: all 0.35s;
  -moz-transition: all 0.35s;
  -o-transition: all 0.35s;
  transition: all 0.35s;
  -webkit-transition-timing-function: cubic-bezier(0.1, 0.1, 0.1, 0.1);
  transition-timing-function: cubic-bezier(0.1, 0.1, 0.1, 0.1);
}

.sea-contacts .contact .form-button:hover {
  background-color: #1b5196;
  color: #fff;
  box-shadow: -3px 3px 3px 2px #cfcccc;
}

.about-picture {
  display: block;
  margin-bottom: 50px;
  font-family: var(--font-regular);
  font-size: 14px;
}

@media screen and (max-width: 1200px) {
  .sea-content .sea-text p,
  .sea-content .sea-text ul li {
    font-size: 18px;
  }
}

@media screen and (max-width: 991px) {
  .sea-page h2 {
    font-size: 32px;
  }

  .sea-content {
    flex-wrap: wrap;
  }

  .sea-content img {
    max-width: 500px;
    width: auto;
    margin: 0 auto 25px;
    order: 1;
  }

  .sea-content .sea-text {
    width: 100%;
    order: 2;
  }

  .sea-contacts {
    flex-wrap: wrap;
  }

  .sea-contacts .contact .title {
    margin-bottom: 10px;
  }

  .sea-contacts .contact a {
    margin-bottom: 10px;
  }

  .sea-contacts .contact {
    width: 48%;
    margin-bottom: 35px;
  }
  
  .sea-info-block {
    margin-bottom: 50px;
  }
}

@media screen and (max-width: 575px) {
  .sea-page h2 {
    font-size: 28px;
  }

  .sea-content {
    margin-bottom: 20px;
  }

  .sea-content img {
    max-width: 400px;
    width: 100%;
  }

  .sea-content .sea-text p, 
  .sea-content .sea-text ul li {
    font-size: 17px;
    margin-bottom: 15px;
  }

  .important-sea-info p {
    font-size: 18px;
  }

  .sea-contacts .contact {
    width: 100%;
    margin-bottom: 30px;
  }

  .sea-contacts .contact:last-child {
    margin-bottom: 0;
  }
}

/*SEA page END*/


/*Combating human trafficking page BEGIN*/

.entry-text {
  margin-bottom: 50px;
  display: flex;
  align-items: center;
  justify-content: flex-start;
}

.entry-text p {
  text-indent: 0;
}

.entry-text i {
  font-size: 140px;
  color: #689ade;
}

.combating-human-trafficking-warning-blocks-wrap {
  display: flex;
  flex-wrap: wrap;
  align-items: stretch;
  justify-content: space-between;
  margin-bottom: 50px;
}

.combating-human-trafficking-warning-block {
  width: 70%;
  margin: 0 auto 30px;
  background-color: #689ade;
  padding: 20px;
  border-radius: 15px;
  box-shadow: -3px 3px 5px 1px rgba(0,0,0,0.2);
}

.combating-human-trafficking-warning-block .content {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.combating-human-trafficking-warning-block img {
  border-radius: 15px;
  max-width: 300px;
  margin: 0 auto;
  width: 39%;
  border: 2px solid #fff;
}

.combating-human-trafficking-warning-block h3 {
  width: 100%;
  display: block;
  margin: 0 0 25px 0;
  text-align: center;
  color: #fff;
  font-family: var(--font-bold);
  font-size: 26px;
}

.combating-human-trafficking-warning-block .content p {
  font-family: var(--font-regular);
  width: 59%;
  margin-bottom: 0;
  color: #fff;
  font-size: 19px;
  text-indent: 0;
}

.combating-human-trafficking-warning-block .content .content-links {
  width: 59%;
}

.combating-human-trafficking-warning-block .content .content-links a {
  font-family: var(--font-regular);
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 0;
  color: #fff;
  font-size: 16px;
  border-bottom: 1px solid #fff;
  padding: 10px 0;
}

.combating-human-trafficking-warning-block .content .content-links a:hover {
  color: #1b5196;
}

.combating-human-trafficking-warning-block .content .content-links a:last-child {
  border-bottom: none;
}

.combating-human-trafficking-warning-block .content .content-links a i {
  font-size: 40px;
  margin-right: 15px;
}

.combating-human-trafficking-warning-block .more-link {
  display: flex;
  justify-content: center;
  align-items: center;
  max-width: 140px;
  margin: 15px auto 0 0;
  text-transform: inherit;
  text-align: center;
  text-indent: 0;
  padding: 3px 0;
  border: 2px solid #fff;
  color: #fff;
}

.combating-human-trafficking-warning-block .more-link:hover {
  background-color: #fff;
  color: #689ade;
  box-shadow: -2px 2px 2px 2px rgba(255,255,255,0.2);
} 

.combating-human-trafficking-warning-block .more-link i {
  margin-right: 5px;
}

.safety-block {
  margin-bottom: 50px;
}

.safety-block h3 {
  margin-top: 0;
  text-align: center;
}

.safety-blocks-wrap {
  display: flex;
  flex-wrap: wrap;
  align-items: stretch;
  justify-content: space-between;
}

.safety-blocks-wrap .safety-unit {
  width: 49%;
  border: 2px solid #689ade;
  border-radius: 15px;
  padding: 10px 15px;
  margin-bottom: 2%;
  box-shadow: -3px 3px 5px 1px rgba(104, 154, 222, 0.3);
}

.safety-blocks-wrap .safety-unit .safety-title {
  display: block;
  text-align: center;
  width: 100%;
  color: #1b5196;
  font-family: var(--font-bold);
  font-size: 20px;
  margin-bottom: 15px;
}

.safety-blocks-wrap .safety-unit .safety-content {
  display: flex;
  align-items: center;
  justify-content: flex-start;
}

.safety-blocks-wrap .safety-unit .safety-content img {
  border-radius: 15px;
  margin-right: 20px;
}

.safety-blocks-wrap .safety-unit .safety-content p {
  text-indent: 0;
  margin-bottom: 0;
  font-size: 18px;
}

@media screen and (max-width: 991px) {
  .entry-text {
    position: relative;
  }

  .entry-text i {
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
    opacity: 0.4;
  }

  .entry-text p {
    font-size: 18px;
    text-indent: 20px;
  }

  .combating-human-trafficking-warning-block {
    width: 100%;
  }

  .safety-blocks-wrap .safety-unit {
    padding: 15px;
  }

  .safety-blocks-wrap .safety-unit .safety-content {
    flex-wrap: wrap;
    justify-content: center;
  }

  .safety-blocks-wrap .safety-unit .safety-content img {
    margin-bottom: 15px;
  }
}

@media screen and (max-width: 767px) {
  
  .combating-human-trafficking-warning-block .content {
    flex-wrap: wrap;
  }

  .combating-human-trafficking-warning-block h3 {
    font-size: 22px;
  }

  .combating-human-trafficking-warning-block .content p {
    width: 100%;
    order: 2;
  }
  
  .combating-human-trafficking-warning-block img {
    order: 1;
    margin: 0 auto 15px;
  }

  .combating-human-trafficking-warning-block img {
    width: 50%;
  }

  .combating-human-trafficking-warning-block .more-link {
    margin: 15px auto 0;
  }

  .combating-human-trafficking-warning-block .content .content-links {
    width: 100%;
    order: 2;
  }

  .safety-blocks-wrap .safety-unit {
    width: 100%;
    margin-bottom: 20px;
  }

  .safety-blocks-wrap .safety-unit .safety-content {
    flex-wrap: nowrap;
  }
}

@media screen and (max-width: 575px) {
  .combating-human-trafficking-warning-block img {
    width: 100%;
  }

  .combating-human-trafficking-warning-block h3 {
    font-size: 20px;
  }

  .combating-human-trafficking-warning-block .content p {
    font-size: 18px;
  }

  .safety-blocks-wrap .safety-unit .safety-content {
    flex-wrap: wrap;
  }
}

/*Combating human trafficking page END*/


/*Virtual-threats page BEGIN*/

.virtual-threats-important {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  position: relative;
  border: 1px solid #ebe8e8;
  padding: 15px;
  border-radius: 15px;
  margin-bottom: 50px;
  box-shadow: -3px 4px 3px 0px rgba(0, 0, 0, 0.1);
}

.virtual-threats-important i.la-exclamation {
  margin-right: 20px;
  font-size: 140px;
  color: #689ade;
}

.virtual-threats-important .strong {
  font-family: var(--font-bold);
}

.virtual-threats-important p {
  text-indent: 0;
  margin-bottom: 10px;
  font-size: 18px;
}

.virtual-threats-important .content ul {
  padding-left: 15px;
}

.virtual-threats-important .content ul li {
  font-size: 18px;
  font-family: var(--font-regular);
}

.virtual-threats-info .attention-block h3 {
  margin-top: 0;
  text-align: center;
}

.virtual-threats-info .attention-block p {
  margin-bottom: 10px;
}

.virtual-threats-info .attention-block ul {
  padding-left: 15px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
}

.virtual-threats-info .attention-block ul li {
  width: 48%;
  font-size: 20px;
  margin-bottom: 10px;
  font-family: var(--font-regular);
}

.virtual-threats-info .attention-important {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  position: relative;
  margin: 30px 0;
}

.virtual-threats-info .attention-important i {
  color: #c1828a;
  font-size: 100px;
}

.virtual-threats-info .attention-important p {
  text-indent: 0;
  margin-bottom: 0;
  color: #c1828a;
}

.safety-travel {
  margin-bottom: 50px;
  text-align: center;
}

@media screen and (max-width: 991px) {
  .virtual-threats-important i.la-exclamation {
    position: absolute;
    margin: 0;
    top: 0;
    left: 0;
    z-index: -1;
    opacity: 0.4;
    font-size: 150px;
  }
}

@media screen and (max-width: 767px) {
  .virtual-threats-page h2 {
    font-size: 32px;
  }

  .virtual-threats-info .attention-block ul li {
    width: 100%;
    font-size: 18px;
  }

  .safety-travel iframe {
    width: 100%;
  }

  .virtual-threats-info .attention-block p {
    font-size: 18px;
  }
}

@media screen and (max-width: 575px) {
  .virtual-threats-page h2 {
    font-size: 28px;
  }

  .virtual-threats-info .attention-important i {
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
    opacity: 0.3;
    font-size: 125px;
  }
}

/*Virtual-threats page END*/

/*Project page BEGIN*/

.project-page {
  margin-bottom: 50px;
}

.project-page .seo-text-block {
  margin-top: 30px;
}

.project-page .seo-text-block ul {
  padding-left: 30px;
}

.project-page .seo-text-block li,
.project-page .seo-text-block p {
  color: #2e2f2f;
  font-size: 18px;
  font-family: var(--font-regular);
  margin-bottom: 20px;
  list-style-type: disc;
}

.project-list {
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
}

.project-list .project-block {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: stretch;
  max-width: 80%;
  margin: 0 auto 30px;
  border-radius: 15px;
  padding: 20px;
  border: 1px solid #ebe8e8;
  box-shadow: -3px 3px 5px 1px rgba(0,0,0,0.1);
}

.project-list .project-block .title {
  width: 100%;
  margin-bottom: 25px;
  display: block;
  font-family: var(--font-bold);
  color: #2b5ca8;
  font-size: 30px;
  text-align: center;
}

.project-list .project-block:nth-child(even) .project-info.photo {
  order: 1;
}

.project-list .project-block:nth-child(even) .project-info.info {
  order: 2;
}

.project-list .project-block .project-info {
  width: 49%;
}

.project-list .project-block .project-info.info {
  display: flex;
  flex-wrap: wrap;
  flex-direction: column;
  justify-content: space-between;
}

.project-list .project-block .project-info .abbreviated-text,
.project-list .project-block .project-info .abbreviated-text p {
  color: #2e2f2f;
  font-size: 20px;
  font-family: var(--font-regular);
  display: block;
  text-indent: 0;
}

.project-list .project-block .project-info .main-button {
  display: block;
  max-width: 180px;
  font-size: 16px;
  font-family: var(--font-regular);
  text-align: center;
  padding: 10px 0;
  line-height: 22px;
  width: 100%;
}

.project-list .project-block .project-info img {
  border-radius: 15px;
  width: 100%;
  height: 270px;
  display: block;
  margin: 0 auto;
  object-fit: cover;
}

.projects-list .project .wrap .img-wrap:after {
  content: '';
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background-color: #000;
  opacity: 0.2;
  border-radius: 15px;
  transition: all 0.25s;
  transition-timing-function: cubic-bezier(0.1, 0.1, 0.1, 0.1);
}

.projects-list .project .wrap img {
  border-radius: 15px;
  border: 1px solid #ebe8e8;
  position: relative;
}

.projects-list .project .wrap img:after {
  content: '';
  display: block;
  width: 100%;
  height: 100%;
  background-color: #000;
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0.1;
}

.projects-list .project .buttons {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.projects-list .project .buttons .donate-button-section,
.projects-list .project .buttons .monitoring-button {
  width: 48%;
}

.projects-list .project .buttons .donate-button-section a {
  justify-content: center;
  max-width: 250px;
  padding: 11px 0;
  margin: 0 auto;
}

.projects-list .project .buttons .monitoring-button a {
  display: block;
  max-width: 250px;
  background-color: #2b5ca8;
  color: #fff;
  font-family: var(--font-bold);
  font-size: 14px;
  text-transform: uppercase;
  border-radius: 10px;
  padding: 15px 0;
  transition: all 0.35s;
  transition-timing-function: cubic-bezier(0.1, 0.1, 0.1, 0.1);
  text-align: center;
  line-height: 17px;
  margin: 0 auto;
}

.projects-list .project .buttons .monitoring-button a:hover {
  color: #fff;
  background-color: #689ade;
  box-shadow: -3px 3px 3px 2px #cfcccc;
}

.about-project-info {
  margin-bottom: 70px;
}

.single-diyalnist-wrapper {
  margin-bottom: 50px;
}

.single-diyalnist-content .single-news-title {
  text-align: center;
  text-transform: uppercase;
}

.single-diyalnist-content .single-diyalnist-text p {
  font-family: var(--font-regular);
  font-size: 18px;
  text-indent: 15px;
}

.single-diyalnist-content .single-diyalnist-text p span {
  font-family: var(--font-bold);
}

.single-diyalnist-content .gallery-images {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin: 35px 0;
  flex-wrap: wrap;
}

.single-diyalnist-content .gallery-images img {
  max-width: 49%;
  width: 100%;
  max-height: 400px;
  border-radius: 15px;
  object-fit: cover;
}

.single-diyalnist-content .gallery-images img.full-width {
  max-width: 100%;
  max-height: 500px;
  margin-top: 2%
}

@media screen and (max-width: 1200px) {
  .project-list .project-block {
    max-width: 90%;
  }

  .single-diyalnist-content .gallery-images img {
    max-height: 300px;
  }

  .single-diyalnist-content .gallery-images img.full-width {
    max-height: 400px;
  }
}

@media screen and (max-width: 991px) {
  .single-diyalnist-content .gallery-images img {
    max-height: 200px;
  }

  .single-diyalnist-content .gallery-images img.full-width {
    max-height: 300px;
  }

  .project-list .project-block {
    max-width: 100%;
  }

  .project-list .project-block .title {
    line-height: 34px;
  }

  .project-list .project-block .project-info {
    width: 100%;
  }

  .project-list .project-block .project-info.info {
    order: 2;
  }
  .project-list .project-block .project-info .abbreviated-text {
    margin-bottom: 0;
  }

  .project-list .project-block .project-info.photo {
    margin-bottom: 30px;
  }

  .projects-list .project {
    width: 80%;
    margin: 0 auto 30px;
  }

  .projects-list .project .buttons .monitoring-button a {
    font-family: var(--font-regular);
  }
}

@media screen and (max-width: 767px) {
  .single-diyalnist-content .gallery-images img {
    max-height: 160px;
  }

  .single-diyalnist-content .gallery-images img.full-width {
    max-height: 200px;
  }

  .projects-list .project {
    width: 100%;
  }
}

@media screen and (max-width: 575px) {
  .single-diyalnist-content .gallery-images {
    flex-wrap: wrap;
    flex-direction: column
  }

  .single-diyalnist-content .gallery-images img,
  .single-diyalnist-content .gallery-images img.full-width {
    max-height: inherit;
    max-width: 320px;
    width: 100%;
    margin-bottom: 20px;
  }

  .single-diyalnist-content .gallery-images img:last-child {
    margin-bottom: 0;
  }

  .project-list .project-block .title {
    font-size: 24px;
    line-height: 28px;
  }

  .project-list .project-block .project-info .abbreviated-text, 
  .project-list .project-block .project-info .abbreviated-text p {
    font-size: 18px;
  }

  .projects-list .project {
    padding: 10px;
  }

  .projects-list .project .wrap .title {
    font-size: 18px;
    line-height: 24px;
    margin-bottom: 15px;
  }

  .projects-list .project .wrap {
    margin-bottom: 20px;
  }

  .projects-list .project .buttons .donate-button-section a,
  .projects-list .project .buttons .monitoring-button a {
    font-size: 14px;
    text-transform: none;
  }
}

.pogram-content {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 40px;
}

.pogram-content p {
  margin-bottom: 10px;
}

.pogram-content p.imp {
  color: #c1828a;
}

.pogram-content .program-important p,
.pogram-content p .strong,
.program-page h3 .strong {
  font-family: var(--font-bold);
}

.pogram-list .title {
  font-family: var(--font-bold);
  font-size: 20px;
  margin-bottom: 10px;
}

.pogram-list ul {
  margin-bottom: 0;
}

.pogram-list ul li {
  font-family: var(--font-regular);
  font-size: 20px;
  margin-bottom: 5px;
}

.pogram-content .program-text {
  width: 50%;
}

.pogram-content .program-img {
  width: 48%;
}

.pogram-content .program-img img {
  border-radius: 15px;
  box-shadow: -3px 4px 3px 0px rgba(0, 0, 0, 0.1);
}

.program-page .projects-list .project {
  border: none;
  box-shadow: none;
  margin: 0 auto;
}

.pogram-content .fraction {
  width: 49%;
}

@media screen and (min-width: 992px) and (max-width: 1200px) {
  .pogram-content {
    line-height: 26px;
    font-size: 19px;
  }
}

@media screen and (max-width: 991px) {
  .pogram-content {
    margin-bottom: 20px;
  }

  .pogram-content p {
    font-size: 19px;
  }

  .pogram-content .program-text {
    width: 100%;
    order: 2;
  }

  .pogram-content .program-img {
    width: 100%;
    order: 1;
    margin-bottom: 20px;
  }

  .pogram-content .fraction {
    width: 100%;
    order: 2;
    margin-bottom: 20px;
  }

  .pogram-list.fraction {
    order: 2;
  }
}

@media screen and (max-width: 767px) {
  .program-page h3 {
    font-size: 24px;
  }

  .pogram-content p {
    font-size: 18px;
  }
}

@media screen and (max-width: 575px) {
  .program-page h3 {
    font-size: 22px;
  }
}
/*Project page END*/

/*Recommendation letters BEGIN*/

.recommendation-letter-wrap {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  justify-content: flex-start;
  margin-bottom: 50px;
}

.recommendation-letter-wrap .letter {
  width: 31%;
  margin-bottom: 50px;
  text-align: center;
  margin-right: 2%;
}

.recommendation-letter-wrap .letter .title {
  font-family: var(--font-bold);
  font-size: 20px;
  margin-bottom: 15px;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.recommendation-letter-wrap .letter .title a {
  display: block;
}

.recommendation-letter-wrap .letter img {
  height: 500px;
  width: auto;
  border-radius: 15px;
  box-shadow: -3px 3px 5px 1px rgba(0,0,0,0.2);
}

@media screen and (max-width: 991px) {
  .recommendation-letter-wrap .letter {
    width: 48%;
    margin-bottom: 40px;
  }
}

@media screen and (max-width: 767px) {
  .recommendation-letter-wrap .letter img {
    height: auto;
    width: 100%;
  }

  .recommendation-letter-wrap .letter .title {
    font-size: 18px;
  }
}

@media screen and (max-width: 575px) {
  .recommendation-letter-wrap .letter {
    width: 100%;
    margin-bottom: 25px;
  }

  .recommendation-letter-wrap .letter img {
    height: auto;
    width: 100%;
    max-width: 300px;
  }

  .recommendation-letter-wrap .letter .title {
    display: block;
  }
}

/*Recommendation letters END*/


/*Tenders page BEGIN*/

.tenders-wrap {
  display: flex;
  flex-wrap: wrap;
  flex-direction: column;
  width: 100%;
}

.tenders-wrap .tender-card {
  width: 70%;
  position: relative;
  margin: 0 auto 50px;
  padding: 15px;
  border-radius: 15px;
  box-shadow: -3px 3px 5px 1px rgba(0,0,0,0.2);
}

.tenders-wrap .tender-card.tender-status-finished {
  background-color: #ededed;
} 

.tenders-wrap .tender-card.tender-status-active {
  background-color: #689ade;
}

.tenders-wrap .tender-card.tender-status-active p {
  color: #fff;  
}

.tenders-wrap .tender-card.tender-status-active .label {
  display: none;
}

.tenders-wrap .tender-card a {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: stretch;
}

.tenders-wrap .tender-card a p {
  text-indent: 0;
}

.tenders-wrap .tender-card a .label {
  position: absolute;
  top: 0;
  left: 0;
  padding: 3px 7px;
  background: #df9b9b;
  border-radius: 15px 5px 5px 0;
  color: #000;
  font-family: var(--font-bold);
  font-size: 14px;
}

.tenders-wrap .tender-card a img {
  border-radius: 15px;
  max-height: 250px;
  width: auto;
  height: auto;
}

.tenders-wrap .tender-card a .tenders-image {
  width: 34%;
  position: relative;
}

.tenders-wrap .tender-card a .tenders-content {
  width: 64%;
  display: flex;
  flex-wrap: wrap;
  flex-direction: column;
  justify-content: space-between;
  padding: 25px 0
}

.tenders-wrap .tender-card a .tenders-content .tenders-date {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.tenders-wrap .tender-card a .tenders-content .tenders-date p {
  text-indent: 0;
  margin-bottom: 0;
}

.tenders-wrap .tender-card a .tenders-content .tenders-date p span {
  font-size: 14px;
  font-family: var(--font-bold);
}

@media screen and (max-width: 1200px) {
  .tenders-wrap .tender-card {
    width: 90%;
  }
}

@media screen and (max-width: 991px) {
  .tenders-wrap .tender-card a .tenders-content .tenders-date p span {
    display: block;
  }

  .tenders-wrap .tender-card {
    width: 100%;
  }

  .tenders-wrap .tender-card a .tenders-content {
    padding: 10px 0;
  }

}

@media screen and (max-width: 767px) {
  .tenders-wrap .tender-card a .label {
    top: 0;
    font-size: 14px;
  }

  .tenders-wrap .tender-card a {
    align-items: center;
  }
  
  .tenders-wrap .tender-card a p {
    font-size: 18px;
  }
}

@media screen and (max-width: 575px) {
  .tenders-wrap .tender-card a .tenders-image {
    max-width: 250px;
    width: 100%;
    text-align: center;
    margin: 0 auto 10px;
  }

  .tenders-wrap .tender-card a .tenders-content {
    width: 100%;
  }
}

@media screen and (min-width: 400px) and (max-width: 575px) {
  .tenders-wrap .tender-card a .tenders-content .tenders-date {
    justify-content: center;
  }

  .tenders-wrap .tender-card a .tenders-content .tenders-date p {
    margin: 0 25px;
    text-align: center;
  }
}

article h3 {
  margin-bottom: 50px;
}

article.tender-status-active .article-label .close-tender {
  display: none;
}

article.tender-status-finished .article-label .open-tender {
  display: none;
}

article.tender-status-active .article-head {
  background-color: #689ade;
}

article.tender-status-finished .article-head {
  background-color: #ccc;
}

.tender-single {
  margin-bottom: 50px;
}

.article-head {
  margin-bottom: 30px;
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  padding: 15px;
  border-radius: 15px;
}

.article-head .article-date {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
}

.article-head .article-date .begin {
  margin-right: 20px;
}

article.tender-status-active .article-head .article-label .open-tender,
article.tender-status-active .article-head .article-date div {
  color: #fff;
}

.article-head .article-label div {
  font-family: var(--font-bold);
  text-transform: uppercase;
  color: #b55f5f;
}

.single-content {
  display: flex;
  flex-wrap: wrap;
}

.single-content p {
  color: #2e2f2f;
  font-size: 20px;
  font-family: var(--font-regular);
  text-indent: 20px;
  margin-bottom: 20px;
}

.single-content.important p {
  font-family: var(--font-bold);
}

.single-content .title {
  color: #2e2f2f;
  font-size: 20px;
  font-family: var(--font-bold);
  text-indent: 20px;
  margin-bottom: 10px;
  display: block;
  width: 100%;
}

.single-content ul li {
  color: #2e2f2f;
  font-size: 20px;
  font-family: var(--font-regular);
  text-indent: 20px;
  margin-bottom: 20px;
}

.single-img {
  margin: 15px auto 25px;
  display: block;
}

@media screen and (max-width: 767px) {
  .article-head {
    flex-wrap: wrap;
  }

  .article-head .article-date {
    width: 100%;
    order: 2;
    justify-content: space-around;
  }

  .article-head  .article-label {
    width: 100%;
    order: 1;
    margin-bottom: 10px;
    text-align: center;
  }

  .article-head .article-date .begin strong,
  .article-head .article-date .end strong {
    display: block;
  }
}
/*Tenders page END*/



/*Contact page BEGIN*/

.address-wrap,
.form-wrap {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 50px;
  background-color: #689ade;
  padding: 20px;
  border-radius: 15px;
}

.address-wrap .address-block,
.address-wrap .map-block,
.form-wrap .form-block,
.form-wrap .social-block  {
  width: 48%;
}

.address-wrap .address-block .address-list.ukr:after {
  content: '';
  width: 45%;
  height: 1px;
  display: block;
  background-color: #fff;
  margin: 20px auto;
}

.address-wrap .address-block {
  text-align: center;
}

.address-wrap .address-block .address-list div {
  margin-bottom: 20px;
}

.address-wrap .address-block .address-list p {
  color: #fff;
  margin-bottom: 0;
  text-indent: 0;
  font-family: var(--font-bold);
  font-size: 22px;
}

.address-wrap .address-block .address-list span {
  display: block;
  font-family: var(--font-regular);
  color: #e3dddd;
}

.social-block .social-menu-list {
  margin-bottom: 0;
  text-align: center;
  margin-bottom: 30px;
}

.form-wrap h5 {
  color: #fff;
  font-family: var(--font-bold);
  display: block;
  width: 100%;
  margin-bottom: 20px;
  text-align: center;
}

.form-wrap .form-block form {
  max-width: 400px;
  width: 100%;
  margin: 0 auto;
}

.form-wrap .form-block form input,
.form-wrap .form-block form textarea {
  background-color: inherit;
  border: 2px solid #fff;
  border-radius: 10px;
  margin-bottom: 15px;
  padding: 10px 15px;
  width: 100%;
  color: #fff;
  font-family: var(--font-regular);
  -webkit-transition: all 0.25s;
  -moz-transition: all 0.25s;
  -o-transition: all 0.25s;
  transition: all 0.25s;
  -webkit-transition-timing-function: cubic-bezier(0.1, 0.1, 0.1, 0.1);
  transition-timing-function: cubic-bezier(0.1, 0.1, 0.1, 0.1);
}

.form-wrap .form-block form input:active,
.form-wrap .form-block form textarea:active,
.form-wrap .form-block form input:focus,
.form-wrap .form-block form textarea:focus {
  box-shadow: -2px 2px 2px 2px rgba(255,255,255,0.2);
}

.form-wrap .form-block form input::placeholder,
.form-wrap .form-block form textarea::placeholder {
  color: #fff;
}

.form-wrap .form-block form button {
  background-color: #fff;
  border: 1px solid #fff;
  color: #1b5196;
  text-transform: uppercase;
  font-family: var(--font-regular);
  font-size: 16px;
  border-radius: 10px;
  padding: 5px 20px;
  margin: 0 0 0 auto;
  display: block;
  -webkit-transition: all 0.25s;
  -moz-transition: all 0.25s;
  -o-transition: all 0.25s;
  transition: all 0.25s;
  -webkit-transition-timing-function: cubic-bezier(0.1, 0.1, 0.1, 0.1);
  transition-timing-function: cubic-bezier(0.1, 0.1, 0.1, 0.1);
  cursor: pointer;
}

.form-wrap .form-block form {
  color: #fff;
  font-family: var(--font-regular);
  font-size: 14px;
  margin-top: 5px;
}

.form-wrap .form-block button:hover {
  box-shadow: -2px 2px 2px 2px rgba(255,255,255,0.2);
}

.correct-write .our-person-wrap {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
}

.correct-write .our-person-wrap .write-person {
  width: 48%;
  text-align: center;
}

.correct-write .our-person-wrap .write-person .person-name {
  font-family: var(--font-bold);
  font-size: 18px;
  text-align: center;
  margin-bottom: 10px;
  color: #fff;
}

.correct-write .our-person-wrap .write-person .person-photo {
  margin-bottom: 5px;
}

.correct-write .our-person-wrap .write-person .person-photo img {
  border-radius: 10px;
  width: 170px;
  height: 200px;
  object-fit: cover;
}

.correct-write .our-person-wrap .write-person .person-post {
  color: #e3dddd;
  font-family: var(--font-regular);
  font-size: 16px;
  margin-bottom: 10px;
  text-align: center;
  line-height: 19px;
}

.correct-write .our-person-wrap .write-person .person-social a i {
  color: #fff;
  font-size: 40px;
}

.correct-write .our-person-wrap .write-person .person-social .person-email {
  color: #e3dddd;
  font-family: var(--font-regular);
  font-size: 16px;
  letter-spacing: 0.25px;
  display: block;
  overflow-wrap: anywhere;
}

.map-block iframe {
  border-radius: 15px;
}

@media screen and (max-width: 991px) {
  .form-wrap {
    flex-wrap: wrap;
  }

  .form-wrap .social-block {
    width: 100%;
    order: 2;
  }

  .form-wrap .form-block {
    width: 100%;
    order: 1;
    margin-bottom: 30px;
  }

  .form-wrap .form-block form {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
  }

  .form-wrap .form-block form input {
    width: 49%;
  }
}

@media screen and (max-width: 767px) {
  .address-wrap {
    flex-wrap: wrap;
  }

  .address-wrap .address-block {
    width: 100%;
  }

  .address-wrap .address-block .address-list {
    width: 100%;
  }

  .address-wrap .map-block {
    width: 100%;
  }
}

@media screen and (max-width: 575px) {
  .map-block iframe {
    height: 200px;
  }

  .form-wrap h5 {
    margin-bottom: 20px;
  }

  .social-block .social-menu-list {
    margin-bottom: 40px;
  }
}

@media screen and (max-width: 500px) {
  .correct-write .our-person-wrap {
    flex-wrap: wrap;
  }

  .correct-write .our-person-wrap .write-person {
    width: 100%;
  }

  .correct-write .our-person-wrap .write-person:first-child {
    margin-bottom: 30px;
  }

  .form-wrap .form-block form input {
    width: 100%;
  }

  .social-block .social-menu-list .menu li {
    margin: 0 5px;
  }
}


/*Contact page END*/

.translate-info-page,
.polityka-konfidentsiynosti-page {
  margin-bottom: 50px;
}

/*Galley page BEGIN*/

.gallery-page {
  margin-bottom: 50px;
}

.gallery-tabs__nav,
.tabs__nav {
  margin-bottom: 20px;
  border-bottom: 2px solid #1b5196;
}

.gallery-tabs__nav .gallery-tabs__btn,
.tabs__nav .tabs__btn {
  border: none;
  background-color: inherit;
  font-family: var(--font-bold);
  font-size: 24px;
  text-transform: uppercase;
  color: #1b5196;
  cursor: pointer;
  padding: 8px 30px;
  border: 2px solid #f9f9f9;
  border-bottom: none;
  position: relative;
  border-radius: 5px 5px 0 0;
}

.gallery-tabs__nav .gallery-tabs__btn.active,
.tabs__nav .tabs__btn.active {
  border: 2px solid #1b5196;
  border-bottom: none;
}

.gallery-tabs__nav .gallery-tabs__btn.active:after,
.tabs__nav .tabs__btn.active:after {
  content: '';
  display: block;
  width: 100%;
  height: 3px;
  background-color: #f9f9f9;
  position: absolute;
  bottom: -2px;
  left: 0;
}

.gallery-tabs__nav .gallery-tabs__btn:focus,
.tabs__nav .tabs__btn:focus {
  outline: none;
}

.gallery-tabs__content .gallery-tabs__pane,
.tabs__content .tabs__pane {
  display: none;
}

.gallery-tabs__content .gallery-tabs__pane.active,
.tabs__content .tabs__pane.active {
  display: block;
}

.gallery-tabs__content .gallery-tabs__pane .video-gallery {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  flex-wrap: wrap;
}

.gallery-tabs__content .gallery-tabs__pane .video-gallery iframe {
  width: 23%;
  height: 200px;
  margin-bottom: 2%;
}

.gallery-tabs__content .gallery-tabs__pane .video-pagination {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 20px;
}

.gallery-tabs__content .gallery-tabs__pane .video-pagination button {
  position: relative;
  background-color: #f9f9f9;
  cursor: pointer;
  z-index: 10;
  padding: 7px;
  border: 2px solid #689ade;
  border-radius: 7px;
  -webkit-transition: all 0.35s;
  -moz-transition: all 0.35s;
  -o-transition: all 0.35s;
  transition: all 0.35s;
}

.gallery-tabs__content .gallery-tabs__pane .video-pagination button:hover {
  background-color: #689ade;
}

.gallery-tabs__content .gallery-tabs__pane .video-pagination button:hover:after {
  background-position: top -7px left -122px;
  background-position-y: -7px;
  background-position-x: -122px;
}

.gallery-tabs__content .gallery-tabs__pane .video-pagination button:focus {
  outline: none;
}

.gallery-tabs__content .gallery-tabs__pane .video-pagination button.next {
  transform: rotate(180deg);
}

.gallery-tabs__content .gallery-tabs__pane .video-pagination button:after {
  content: '';
  width: 15px;
  height: 13px;
  display: block;
  background-image: url('../img/main-spraite.webp');
  background-position: top -7px left -102px;
  background-position-y: -7px;
  background-position-x: -102px;
  background-repeat: no-repeat;
}

.gallery-tabs__content .gallery-tabs__pane .video-pagination .page-info {
  font-family: var(--font-regular);
  color: #689ade;
  margin: 0 10px;
}

.gallery-tabs__content .gallery-tabs__pane .video-gallery .wp-video {
  width: 23% !important;
  height: 200px !important;
  margin-bottom: 2%;
}

.gallery-tabs__content .gallery-tabs__pane .video-gallery .wp-video .wp-video-shortcode {
  width: 100% !important;
  height: 100% !important;
}

@media screen and (max-width: 991px) {
  .gallery-tabs__content .gallery-tabs__pane .video-gallery iframe {
    width: 32%;
  }

  .gallery-tabs__content .gallery-tabs__pane .video-gallery .wp-video {
    width: 32% !important;
  }
}

@media screen and (max-width: 767px) {
  .gallery-tabs__nav,
  .tabs__nav {
    border: none;
  }

  .gallery-tabs__nav .gallery-tabs__btn,
  .tabs__nav .tabs__btn {
    width: 100%;
    display: block;
    border: none;
    text-align: left;
    border-radius: 10px;
  }

  .gallery-tabs__nav .gallery-tabs__btn.active,
  .tabs__nav .tabs__btn.active {
    border: none;
    text-align: left;
    background-color: #689ade;
    color: #fff;
   }

  .gallery-tabs__content .gallery-tabs__pane .video-gallery iframe {
    width: 49%;
  }

  .gallery-tabs__content .gallery-tabs__pane .video-gallery .wp-video {
    width: 49% !important;
  }
  
}

@media screen and (max-width: 450px) {
  .gallery-tabs__content .gallery-tabs__pane .video-gallery iframe {
    width: 100%;
  } 

  .gallery-tabs__content .gallery-tabs__pane .video-gallery .wp-video {
    width: 100% !important;
    margin-bottom: 2%;
  }
}

/*Galley page END*/


/*Sertificates page BEGIN*/

.sertificate-page {
  margin-bottom: 50px;
}

.sertificate-page .entry-text {
  margin-bottom: 50px;
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  position: relative;
}

.sertificate-page .entry-text i {
  font-size: 50px;
  color: #689ade;
}

.sertificate-page .entry-text p {
  width: 95%;
  text-indent: 0;
}

@media screen and (max-width: 991px) {
  .sertificate-page .entry-text i {
    position: relative;
    opacity: 1;
  }
}

/*Sertificates page END*/



/*Diploms page BEGIN*/

.diplomas {
  margin-bottom: 80px;
}

.diplomas h3 {
  text-align: center;
}

.diplomas-page .golden-hart {
  display: flex;
  align-items: center;
  justify-content: space-between;
}


@media screen and (max-width: 991px) {
  .diplomas {
    margin-bottom: 50px;
  }
}

@media screen and (max-width: 575px) {
  .diplomas {
    margin-bottom: 35px;
  }
}

/*Diploms page END*/


/*Partners page BEGIN*/

.partners-page {
  margin-bottom: 50px;
}

.about-partners-text {
  margin-bottom: 50px;
}

.partners-list {
  display: flex;
  flex-wrap: wrap;
  align-items: stretch;
  justify-content: space-between;
}

.partners-list .partners-link {
  width: 32%;
  border: 1px solid #ebe8e8;
  border-radius: 15px;
  padding: 10px;
  box-shadow: -3px 5px 2px 0px rgba(0,0,0,0.2);
  margin-bottom: 2%;
  transition: all 0.25s;
  transition-timing-function: cubic-bezier(0.1, 0.1, 0.1, 0.1);
}

.partners-list .partners-link:hover {
  box-shadow: -8px 10px 3px 0px rgba(0,0,0,0.2);
}

.partners-list .partners-link img {
  margin: 0 auto 15px;
  display: block;
  border-radius: 10px;
}

.partners-list .partners-link p {
  font-size: 18px;
  text-indent: 15px;
  margin-bottom: 0;
}

@media screen and (max-width: 991px) {
  .partners-list .partners-link {
    width: 48%;
    margin-bottom: 4%;
  }
}

@media screen and (max-width: 575px) {
  .partners-list .partners-link {
    width: 100%;
    margin-bottom: 4%;
  }
}

/*Partners page END*/


/*Monitoring page BEGIN*/

.monitoring-page {
 padding-bottom: 50px;
}

.monitoring-page .entry-text {
  align-items: flex-start;
  margin-bottom: 30px;
}

.monitoring-page .entry-text i {
  font-size: 70px;
}

.monitoring-page form {
  max-width: 400px;
  margin: 0 auto;
}

.monitoring-page form input,
.monitoring-page form select,
.monitoring-page form textarea {
  width: 100%;
  border: 2px solid #2b5ca8;
  margin-bottom: 15px;
  border-radius: 10px;
  padding: 10px 15px;
  font-family: var(--font-regular);
  color: #2b5ca8;
  transition: all 0.25s;
  transition-timing-function: cubic-bezier(0.1, 0.1, 0.1, 0.1);
}

.monitoring-page form select {
  height: 48px;
}

.monitoring-page form input:active,
.monitoring-page form textarea:active,
.monitoring-page form select:active,
.monitoring-page form input:focus,
.monitoring-page form textarea:focus,
.monitoring-page form select:focus {
  box-shadow: -3px 3px 3px 2px #cfcccc;
  outline: none;
}

.monitoring-page form input::placeholder,
.monitoring-page form textarea::placeholder,
.monitoring-page form select {
  color: #2b5ca8;
}

.monitoring-page form button {
  background-color: #1b5196;
  border: 1px solid #1b5196;
  color: #fff;
  text-transform: uppercase;
  font-family: var(--font-regular);
  font-size: 16px;
  border-radius: 10px;
  padding: 5px 20px;
  margin: 0 0 0 auto;
  display: block;
  transition: all 0.25s;
  transition-timing-function: cubic-bezier(0.1, 0.1, 0.1, 0.1);
  cursor: pointer;
}

.monitoring-page form button:hover {
  box-shadow: -3px 3px 3px 2px #cfcccc;
}

form .form-status {
  font-family: var(--font-regular);
}

.monitoring-page form .form-status {
  color: #1b5196;
}

/*Monitoring page END*/



/*Mission page BEGIN*/

.mission-page {
  margin-bottom: 50px;
}

.mission-block {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  flex-wrap: wrap;
  margin-bottom: 50px;
}

.mission-block .mission-text {
  width: 59%;
  padding: 0 15px;
}

.mission-block h3 {
  text-align: center;
}

.mission-text h3 {
  margin: 30px 0 15px;
  text-align: center;
}

.mission-block .mission-image {
  width: 39%;
}

.mission-block.full {
  width: 100%;
}

.mission-block .mission-values {
  display: flex;
  align-items: stretch;
  justify-content: space-between;
  flex-wrap: wrap;
}

.mission-block .mission-values .mission-values-block {
  width: 31%;
  margin-bottom: 2%;
  border-radius: 15px;
  border: 1px solid #ebe8e8;
  box-shadow: -3px 3px 5px 1px rgba(0,0,0,0.1);
  padding: 10px;
  background-color: #ededed;
}

.mission-block .mission-values .mission-values-block .mission-values-title {
  font-family: var(--font-bold);
  font-size: 20px;
  text-align: center;
  margin-bottom: 15px;
  color: #1b5196;
}

.mission-block .mission-values .mission-values-block .mission-values-text {
  color: #2e2f2f;
  font-size: 20px;
  font-family: var(--font-regular);
  text-align: center;
}

.mission-block .mission-values .mission-values-block img {
  max-width: 200px;
  width: 100%;
  height: auto;
  display: block;
  margin: 0 auto 25px;
}

.mission-text .strong,
.mission-small-text .strong {
  font-family: var(--font-bold);
}

.mission-block .mission-column {
  width: 32%;
}

.mission-block .mission-column h4 {
  text-indent: 0;
  text-align: left;
  font-family: var(--font-regular);
  color: #1b5196;
  font-size: 20px;
  margin-bottom: 20px;
}

.mission-block .mission-column ul {
  margin: 0;
}

.mission-block .mission-column ul li {
  font-family: var(--font-regular);
  font-size: 20px;
  margin-bottom: 10px;
  color: #2e2f2f;
}

.mission-text .mission-slogan,
.mission-small-text .mission-slogan {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  margin-bottom: 25px;
}

.mission-text .mission-slogan i,
.mission-small-text .mission-slogan i {
  color: #1b5196;
  font-size: 30px;
  line-height: 50px;
  margin-right: 10px;
}

.mission-text .mission-slogan p,
.mission-small-text .mission-slogan p {
  margin: 0;
  text-indent: 0;
  font-size: 26px;
}

@media screen and (min-width: 1200px) {
  .mission-block .mission-small-text {
    display: none;
  }
}

@media screen and (max-width: 991px) {
  .mission-block .mission-text {
    width: 100%;
    order: 2;
  }

  .mission-block .mission-image {
    width: 100%;
    order: 1;
  }

  .mission-block .mission-image .multi-slider__track {
    max-height: 550px;
  }

  .mission-block .mission-values .mission-values-block {
    width: 49%;
  }
}

@media screen and (max-width: 767px) {
  .mission-block .mission-values .mission-values-block .mission-values-text {
    font-size: 18px;
  }
  
  .mission-block {
    margin-bottom: 20px;
  }

  .mission-block h3 {
    margin-bottom: 15px;
  }

  .mission-block p {
    text-align: left;
    text-indent: 0;
  }

  .mission-block .mission-text,
  .mission-block .mission-image {
    width: 100%;
  }

  .mission-block .mission-image img {
    max-width: 80%;
    margin: 0 auto;
    display: block;
  }

  .mission-block h3 {
    margin-top: 0;
  }

  .mission-block .mission-image {
    margin-bottom: 35px;
  }

  .mission-block .mission-column {
    width: 100%;
    margin-bottom: 20px;
  }
}

@media screen and (max-width: 575px) {
  .mission-block .mission-values .mission-values-block {
    width: 100%;
    max-width: 320px;
    margin: 0 auto 20px;
  }
}

/*Mission page END*/



/*Volunteers page BEGIN*/

.volunteers-page {
  margin-bottom: 50px;
}

.volunteers-page .strong {
  font-family: var(--font-bold);
}

.volunteers-wrap {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  padding: 20px;
  border-radius: 15px;
  background-color: #689ade;
  margin: 30px 0;
}

.volunteers-page .volunteers-h3 {
  text-align: center;
  margin-bottom: 20px;
}

.volunteers-wrap .volunteers-block,
.volunteers-wrap .volunteers-form {
  width: 49%;
}

.volunteers-block .volunteers-text:first-child {
  padding-bottom: 25px;
  position: relative;
  margin-bottom: 25px;
}

.volunteers-block .volunteers-text:first-child:after {
  content: '';
  width: 30%;
  height: 1px;
  background-color: #fff;
  display: block;
  position: absolute;
  bottom: 0;
  right: 0;
  left: 0;
  margin: 0 auto;
}

.volunteers-block .volunteers-text:last-child {
  margin-bottom: 0;
}

.volunteers-block .volunteers-text h3 {
  margin: 0 0 15px 0;
  text-align: center;
}

.volunteers-block .volunteers-text h5,
.volunteers-form h5 {
  color: #fff;
  font-family: var(--font-bold);
  display: block;
  width: 100%;
  margin-bottom: 15px;
  text-align: center;
}

.volunteers-block .volunteers-text p {
  text-indent: 0;
  margin: 0;
}

.volunteers-wrap ul {
  margin: 0;
  padding-left: 20px;
}

.volunteers-wrap ul li,
.volunteers-wrap h3,
.volunteers-wrap p {
  color: #fff;
}

.volunteers-wrap ul li {
  font-family: var(--font-regular);
  font-size: 18px;
  margin-bottom: 5px;
}

.volunteers-wrap ul li i {
  margin-right: 5px;
}

.volunteers-form h3 {
  text-align: center;
  margin: 0 0 15px 0;
}

.volunteers-form form .form-status {
  margin-top: 15px;
  display: block;
  text-align: center;
}

.volunteers-form form {
  max-width: 400px;
  width: 100%;
  margin: 0 auto;
}

.volunteers-form form input,
.volunteers-form form textarea {
  background-color: inherit;
  border: 2px solid #fff;
  border-radius: 10px;
  margin-bottom: 15px;
  padding: 10px 15px;
  width: 100%;
  color: #fff;
  font-family: var(--font-regular);
  -webkit-transition: all 0.25s;
  -moz-transition: all 0.25s;
  -o-transition: all 0.25s;
  transition: all 0.25s;
  -webkit-transition-timing-function: cubic-bezier(0.1, 0.1, 0.1, 0.1);
  transition-timing-function: cubic-bezier(0.1, 0.1, 0.1, 0.1);
}

.volunteers-form form input:active,
.volunteers-form form textarea:active,
.volunteers-form form input:focus,
.volunteers-form form textarea:focus {
  box-shadow: -2px 2px 2px 2px rgba(255,255,255,0.2);
}

.volunteers-form form input::placeholder,
.volunteers-form form textarea::placeholder {
  color: #fff;
}

.volunteers-form form button {
  background-color: #fff;
  border: 1px solid #fff;
  color: #1b5196;
  text-transform: uppercase;
  font-family: var(--font-regular);
  font-size: 16px;
  border-radius: 10px;
  padding: 5px 20px;
  margin: 0 0 0 auto;
  display: block;
  -webkit-transition: all 0.25s;
  -moz-transition: all 0.25s;
  -o-transition: all 0.25s;
  transition: all 0.25s;
  -webkit-transition-timing-function: cubic-bezier(0.1, 0.1, 0.1, 0.1);
  transition-timing-function: cubic-bezier(0.1, 0.1, 0.1, 0.1);
  cursor: pointer;
}

.volunteers-form form {
  color: #fff;
  font-family: var(--font-regular);
  font-size: 14px;
  margin-top: 5px;
}

.volunteers-form button:hover {
  box-shadow: -2px 2px 2px 2px rgba(255,255,255,0.2);
}


@media screen and (max-width: 991px) {
  .volunteers-wrap {
    flex-wrap: wrap;
  }

  .volunteers-wrap .volunteers-block, 
  .volunteers-wrap .volunteers-form {
    width: 100%;
  }

  .volunteers-wrap .volunteers-block {
    margin-bottom: 30px;
  }
}

/*Volunteers page END*/

/*MEDIA*/

@media screen and (min-width: 1200px) {
 .container {
  max-width: 1300px !important;
 }
}

/*Pattern media styles*/
@media screen and (max-width: 1200px) {
  .banner-section .bg-pattern-1 {
    max-width: 500px;
    height: 268px;
    opacity: 0.3;
  }

  .activity-section .bg-pattern-1 {
    max-width: 350px;
    height: 191px;
    opacity: 0.3;
  }

  .activity-section .bg-pattern-2,
  .banner-section .bg-pattern-2 {
    max-width: 350px;
    height: 100px;
    opacity: 0.3;
  }

  .news-section .bg-pattern-1 {
    max-width: 350px;
    height: 189px;
    opacity: 0.3;
  }

  .news-section .bg-pattern-2 {
    max-width: 250px;
    height: 77px;
    opacity: 0.3;
    left: 350px;
  }

  footer .bg-pattern-1 {
    max-width: 350px;
    height: 93px;
    opacity: 0.3;
  }

  footer .bg-pattern-2 {
    max-width: 200px;
    height: 58px;
    opacity: 0.3;
    right: 350px;
  }
}

@media screen and (max-width: 991px) {
  .banner-section {
    padding: 70px 0;
  }

  .activity-section .bg-pattern-2,
  .banner-section .bg-pattern-2 {
    top: -71px;
  }

  footer .bg-pattern-1 {
    opacity: 0.1;
  }

  footer .bg-pattern-2 {
    opacity: 0.1;
  }

  .activity-section .bg-pattern-1 {
    max-width: 300px;
    height: 165px;
    right: 0;
  }
}

@media screen and (max-width: 767px) {
  .banner-section .bg-pattern-1 {
    max-width: 300px;
    height: 193px;
    opacity: 0.3;
    right: 0;
  }

  .activity-section .bg-pattern-2,
  .banner-section .bg-pattern-2  {
    max-width: 250px;
    height: 75px;
    opacity: 0.3;
  }

  .news-section .bg-pattern-1 {
    max-width: 250px;
    height: 143px;
    opacity: 0.3;
  }

  .news-section .bg-pattern-2 {
    max-width: 165px;
    height: 77px;
    opacity: 0.3;
    left: 250px;
  }

  footer .bg-pattern-1 {
    max-width: 350px;
    height: 93px;
    opacity: 0.3;
  }

  footer .bg-pattern-2 {
    display: none;
  }
}

@media screen and (max-width: 500px) {
  .achievements-section .bg-pattern, 
  .partners-section .bg-pattern {
    right: 5%;
  }

  .news-section .bg-pattern-2 {
    display: none;
  }

  .activity-section .bg-pattern-1 {
    max-width: 250px;
    height: 130px;
    right: 0;
    bottom: -60px;
  }
}


/*Search results page BEGIN*/

.search-result-page {
  margin-bottom: 50px;
}

.wrap-results {
  display: flex;
  justify-content: space-between;
  align-items: stretch;
  flex-wrap: wrap;
}

.wrap-results article {
  display: flex;
  justify-content: space-around;
  align-items: center;
  width: 100%;
  border: 1px solid #ebe8e8;
  margin-bottom: 20px;
  padding: 15px;
  border-radius: var(--radius-md);
  box-shadow: -3px 3px 5px 1px rgba(0,0,0,0.1);
  transition: all 0.25s;
  transition-timing-function: cubic-bezier(0.1, 0.1, 0.1, 0.1);
}

.wrap-results article:hover {
  box-shadow: -5px 5px 5px 1px rgba(0,0,0,0.3);
}

.wrap-results article h3 {
  text-align: center;
  font-size: 22px;
  font-family: var(--font-bold);
  color: var(--color-primary);
  margin: 0 0 20px 0;
}

.wrap-results article .search-thumb {
  width: 15%;
  text-align: center;
}

.wrap-results article .search-thumb img {
  height: auto;
}

.wrap-results article .search-text {
  width: 82%;
}

.wrap-results article h3 a {
  color: var(--color-primary);
}

.wrap-results article p {
  font-size: 18px;
}

.wrap-results article a,
.wrap-results article p {
  color: var(--color-text);
}

@media screen and (max-width: 991px) {
  .wrap-results article {
    width: 100%;
    margin-bottom: 20px;
  }

  .wrap-results article .search-thumb {
    display: none;
  }

  .wrap-results article .search-text {
    width: 100%;
  }
}

/*Search results page END*/



/*Pagination section BEGIN*/

.pagination {
  position: relative;
  margin-top: 20px;
  text-align: center;
  justify-content: center;
  width: 100%;
}

.pagination span.page-numbers {
  font-family: var(--font-bold);
  margin: 0 3px;
}

.pagination a {
  color: var(--color-primary);
  font-family: var(--font-regular);
  margin: 0 3px;
}

.pagination h2 {
  text-align: center;
  position: relative;
  display: none;
}

.pagination .nav-links {
  width: 100%;
  display: block;
}

.pagination .nav-links a {
  font-family: var(--font-regular);
  color: var(--color-primary);
  font-size: 14px;
  margin: 0 5px;
}

.pagination .nav-links span {
  font-family: var(--font-bold);
  font-size: 15px;
}

/*Pagination section End*/


/*Politiki page BEGIN*/

.policies-entry-text {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  position: relative;
  border: 1px solid #ebe8e8;
  padding: 15px;
  border-radius: 15px;
  margin-bottom: 50px;
  box-shadow: -3px 4px 3px 0px rgba(0, 0, 0, 0.1);
}

.policies-entry-text i {
  margin-right: 20px;
  font-size: 140px;
  color: #689ade;
}

.policies-entry-text p {
  text-indent: 0;
  margin-bottom: 10px;
  font-size: 18px;
}

.policies-block {
  margin-bottom: 50px;
}

.policies-block ul.policies-list {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  justify-content: space-between;
  margin-bottom: 30px;
  padding: 0 20px;
  position: relative;
}

.policies-block ul.policies-list li {
  width: 48%;
  margin-bottom: 15px;
  color: #2e2f2f;
  font-size: 20px;
  font-family: var(--font-regular);
}

.policies-block .policies-links {
  display: flex;
  flex-wrap: wrap;
  align-items: stretch;
  justify-content: space-between;
  position: relative;
}

.policies-block .policies-links a {
  padding: 20px;
  background-color: #2b5ca8;
  color: #fff;
  width: 48%;
  margin-bottom: 15px;
  border-radius: 15px;
  font-size: 22px;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  transition: all 0.35s;
  transition-timing-function: cubic-bezier(0.1, 0.1, 0.1, 0.1);
}

.policies-block .policies-links a:hover {
  box-shadow: -3px 3px 3px 2px #cfcccc;
  background-color: #689ade;
}

.policies-block .policies-links a i {
  color: #fff;
  font-size: 35px;
  margin-right: 20px;
}

@media screen and (max-width: 991px) {
  .policies-entry-text i {
   position: absolute;
    margin: 0;
    top: 0;
    left: 0;
    z-index: -1;
    opacity: 0.4;
    font-size: 150px;
  }

  .policies-block ul.policies-list li,
  .policies-block .policies-links a {
    width: 100%;
  }

}

/*Politiki page End*/



/*Arrow up*/
.back-to-top {
  position: fixed;
  bottom: 20px;
  right: 20px;
  width: 50px;
  height: 50px;
  background-color: #689ade;
  color: white;
  border: 1px solid #fff;
  border-radius: 50%;
  cursor: pointer;
  display: none;
  justify-content: center;
  align-items: center;
  font-size: 24px;
  box-shadow: 0 4px 10px rgba(0,0,0,0.2);
  z-index: 9999;
  transition: opacity 0.3s;
}

.back-to-top:focus,
.back-to-top:focus-visible,
.back-to-top:active {
  outline: none;
}

@media (max-width: 768px) {
  .back-to-top.visible {
      display: flex;
  }
}



/* Повертаємо клікабельність картинкам і прибираємо конфлікти */
.news-lightbox-link,
.news-lightbox-link img,
article img, 
.post-content img,
picture img {
    pointer-events: auto !important;
    cursor: pointer !important;
}

/* На випадок, если картинка перекривається невидимим блоком анімації */
.news-lightbox {
    pointer-events: auto !important;
}