* {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
  }
  /* Убедимся, что блоки не скрыты на мобильных устройствах */
  @media (max-width: 600px) {
    .container animations {
      display: block !important;
      visibility: visible !important;
      opacity: 1 !important;
    }
  }
  .tenderlar-pdf{
    display: flex;
    flex-direction: column;
    width: 100%;
    margin: 50px 0;
  }
  .tenderlar-pdf a{
    display: flex;
    align-items: center;
    gap: 25px;
    padding: 12px 7px;
    border: 1px solid #000;
    border-radius: 15px;
    text-decoration: none;
    color: #000;
  }
  .tenderlar-pdf a img{
    width: 50px ;
    height: 50px;
  }
  /* Общие стили для этих блоков */
  .container animations {
    display: block;
    visibility: visible;
    opacity: 1;
  }
  .all-text-p{
    width: 100%;
  }
  .all-text-p p{
    width: 100%;

  }
  .container {
    max-width: 1219px;
    margin-left: auto;
    margin-right: auto;
    width: 100%;
  }
  .navbar-top {
    background: #394869!important;
    padding-top: 13px;
    padding-bottom: 13px;
  }
  .navbar-top .container {
    display: flex;
    justify-content: space-between;
  }
  .left-navbar .e_address {
    font-family: "Inter";
    font-style: normal;
    font-weight: 500;
    font-size: 12px;
    line-height: 20px;
    font-feature-settings: "salt" on;
    color: #ffffff;
    margin-left: 30px;
  }
  .left-navbar {
    display: flex;
    align-items: center;
  }
  .left-navbar .sotset-nav {
    margin-left: 8px;
  }
  .left-navbar .sotset-nav a {
    width: 24px;
    height: 24px;
    border-radius: 5px;
    background-color: #4465ba;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    transform: rotate(0deg);
  }
  .left-navbar .sotset-nav a:hover {
    transition: 0.3s;
    transform: rotate(360deg);
  }
  .right-navbar {
    display: flex;
    align-items: center;
  }
  .right-navbar .right-navbar-links ul {
    display: flex;
  }
  .right-navbar .right-navbar-links ul li {
    list-style-type: none;
    margin-right: 16px;
    position: relative;
    display: flex;
    align-items: center;
  }
  .right-navbar .right-navbar-links ul li:not(:last-child) {
    padding-right: 16px;
  }
  .right-navbar .right-navbar-links ul li:not(:last-child):after {
    content: "";
    position: absolute;
    /* top: 0; */
    right: 0;
    width: 1px;
    height: 14px;
    margin-left: 16px;
    background-color: #ffffff;
  }
  .right-navbar .right-navbar-links ul li a {
    text-decoration: none;
    font-family: "Inter";
    font-style: normal;
    font-weight: 500;
    font-size: 15px;
    line-height: 20px;
    font-feature-settings: "salt" on;
    color: #ffffff;
  }
  .btn-to-top {
    position: fixed;
    width: 64px;
    height: 64px;
    background: #394869;
    border-radius: 50%;
    z-index: 99000;
    cursor: pointer;
    bottom: 63px;
    right: 29px;
    display: none;
    align-items: center;
    justify-content: center;
  }
  .right-navbar .btn-dark {
    background: rgba(255, 255, 255, 0.2);
    border-radius: 40px;
    height: 20px;
    display: flex;
    align-items: center;
    margin-right: 33px;
    margin-left: 16px;
    padding: 2px 6px 2px 2px;
    width: 40px;
    position: relative;
  }
  .right-navbar .lang-website:hover,
  .eyeblock:hover,
  .right-navbar .btn-dark:hover {
    cursor: pointer;
  }
  .right-navbar .btn-dark.active {
    display: flex;
    /* flex-direction: row-reverse; */
  }
  .right-navbar .btn-dark .img-btn-sun {
    position: absolute;
    background-color: #fff;
    border-radius: 50%;
    height: 88%;
    /* left: 2px; */
    transition: 0.5s;
  }
  .right-navbar .btn-dark .img-btn-dark {
    height: 69%;
    /* right: 2px; */
    margin-left: 22px;
    transition: 0.5s;
  }
  .right-navbar .btn-dark.active .img-btn-dark {
    margin-left: 3px;
    transition: 0.5s;
  }
  .right-navbar .btn-dark.active .img-btn-sun {
    /* right: 2px;
     left: unset; */
    margin-left: 19px;
    transition: 0.5s;
  }
  .right-navbar .img-icon-mob {
    margin-right: 23px;
  }
  .right-navbar .lang-website {
    padding-right: 22px;
    margin-left: 20px;
    display: flex;
    align-items: center;
    background-image: url("../img/svg/Icon-down.svg");
    background-repeat: no-repeat;
    background-position: center right 2px;
    margin-right: 4px;
    position: relative;
  }
  .lang-block {
    position: absolute;
    padding: 12px 21px 0px 13px;
    background: #ffffff;
    box-shadow: 0px 14px 44px rgba(75, 85, 99, 0.1);
    border-radius: 8px;
    top: 28px;
    left: -33px;
    z-index: -2;
    /* display: none; */
    opacity: 0;
    transition: 0.3s;
  }
  .lang-block.active {
    display: block;
    opacity: 1;
    z-index: 2;
  }
  .lang-block .lang-link {
    display: grid;
  }
  .lang-block .top-link-lang {
    width: 20px;
    height: 20px;
    position: absolute;
    background-color: #fff;
    right: 13px;
    top: -4px;
    transform: rotate(45deg);
  }
  .lang-block .lang-link a {
    display: flex;
    align-items: center;
    font-family: "Inter";
    font-style: normal;
    font-weight: 500;
    font-size: 14px;
    line-height: 24px;
    font-feature-settings: "salt" on;
    color: #6b7280;
    text-decoration: none;
    padding-bottom: 14px;
  }
  .lang-block .lang-link a.active {
    color: #394869;
    font-weight: bold;
  }
  .lang-block .lang-link a:not(:last-child) {
    margin-bottom: 10px;
    border-bottom: 1px solid #f3f6ff;
  }
  .lang-block .lang-link a img {
    margin-right: 6px;
  }
  .right-navbar .lang-website span {
    font-family: "Inter";
    font-style: normal;
    font-weight: 500;
    font-size: 16px;
    line-height: 24px;
    font-feature-settings: "salt" on;
    color: #ffffff;
    margin-left: 6px;
  }
  .centre-navbar {
    padding-top: 52px;
    padding-bottom: 60px;
    display: flex;
    align-items: center;
    justify-content: space-between;
  }
  .centre-navbar .right-bar .virtual-lobby {
    display: flex;
    padding: 8px 15px 8px 15px;
    background: #ffffff;
    border: 1px solid #d1d5db;
    box-shadow: 0px 1px 2px rgba(16, 24, 40, 0.05);
    border-radius: 6px;
    margin-right: 32px;
    text-decoration: none;
  }
  .centre-navbar .right-bar .virtual-lobby p {
    font-family: "Inter";
    font-style: normal;
    font-weight: 500;
    font-size: 15px;
    line-height: 17px;
    font-feature-settings: "salt" on;
    color: #374151;
    margin-right: 11px;
  }
  .right-bar .virtual-lobby {
    display: block;
  }
  .right-bar .virtual-lobby.hide {
    display: none;
  }
  .right-bar {
    display: flex;
    align-items: center;
    /* position: relative; */
  }
  .right-bar .tel-navbar {
    text-decoration: none;
    margin-right: 32px;
    display: block;
  }
  .right-bar .tel-navbar.hide {
    display: none;
  }
  
  .inner-modal-block .top-modal .btn-exit,
  .right-bar .tel-navbar:hover {
    cursor: pointer;
  }
  .right-bar .tel-navbar span {
    font-family: "Inter";
    font-style: normal;
    font-weight: 500;
    font-size: 12px;
    line-height: 20px;
    font-feature-settings: "salt" on;
    color: #111827;
  }
  .right-bar .tel-navbar span img {
    filter: brightness(0.5);
  }
  .right-bar .tel-navbar h6 {
    font-family: "Inter";
    font-style: normal;
    font-weight: 600;
    font-size: 16px;
    line-height: 20px;
    font-feature-settings: "salt" on;
    color: #111827;
  }
  .navbar-mobile {
    position: fixed;
    background-color: #fff;
    padding: 24px;
    width: 100%;
    z-index: 2;
    top: 0px;
    right: 0px;
    bottom: 0;
    display: none;
    z-index: 4;
  }
  
  .navbar-mobile .main-navbar {
    display: block;
  }
  .navbar-mobile .main-navbar ul {
    display: grid;
    justify-content: flex-start;
    width: 100%;
  }
  .navbar-mobile .main-navbar ul li {
    text-align: end;
  }
  .navbar-mobile .main-navbar {
    border-bottom: unset;
  }
  .navbar-mobile .virtual-lobby {
    margin-right: 0 !important;
    justify-content: center;
  }
  .navbar-mobile .bottom-nav-mobile {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: 32px;
  }
  .navbar-mobile .bottom-nav-mobile a {
    font-family: "Inter-bold";
    font-style: normal;
    font-weight: 500;
    font-size: 12px;
    line-height: 20px;
    text-decoration: none;
    position: relative;
  }
  .navbar-mobile .bottom-nav-mobile a:not(:last-child) {
    padding-right: 16px;
  }
  .navbar-mobile .bottom-nav-mobile a:not(:last-child)::after {
    content: "";
    position: absolute;
    right: 0;
    width: 1px;
    height: 14px;
    background-color: rgba(107, 114, 128, 0.21);
    margin: auto;
    top: 0;
    bottom: 0;
  }
  .main-navbar {
    border-bottom: 1px solid #dbe0ef;
  }
  .main-navbar ul {
    display: flex;
    align-items: center;
    justify-content: space-between;
  }
  .main-navbar ul li {
    list-style: none;
    position: relative;
  }
  .main-navbar ul li:hover {
    cursor: pointer;
  }
  
  .main-navbar .submenu-navbar {
    position: absolute;
    background: #ffffff;
    box-shadow: 0px 14px 44px rgba(75, 85, 99, 0.1);
    border-radius: 0px 0px 8px 8px;
    padding: 20px;
    width: 275px;
    margin-top: 18px;
    opacity: 0;
    transition: 0.5s;
    z-index: -10;
  }
  .main-navbar .dropdown_list:hover .submenu-navbar {
    z-index: 99;
    margin-top: 1px;
    opacity: 1;
    transition: 0.5s;
  }
  .main-navbar .submenu-navbar.active {
    display: block;
  }
  .main-navbar .submenu-navbar ul {
    display: grid;
  }
  .main-navbar .submenu-navbar ul li a {
    padding: 0 0 10px 0;
  }
  .main-navbar .submenu-navbar ul li:not(:last-child) {
    margin-bottom: 10px;
    /* border-bottom: 1px solid #F3F6FF;; */
  }
  .body_dark .loader .ring {
    background: #444e69;
    box-shadow: 0px 24px 124px -10px rgba(38, 77, 177, 0.15);
  }
  .body_dark .loader .ring img {
    filter: brightness(100);
  }
  .body_dark .loader {
    background-color: #444e6980;
  }
  .loader {
    width: 100%;
    height: 100vh;
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    position: fixed;
    background-color: #ffffffd6;
    z-index: 99999;
    top: 0;
    bottom: 0;
    opacity: 1;
    display: none;
  }
  .loader .ring {
    background-color: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 257px;
    height: 257px;
    border-radius: 50%;
    position: relative;
  }
  .loader .ring img {
    position: absolute;
  }
  .loader .ring .load-img {
    width: 100px;
    height: 80px;
  }
  .loader .ring .round-img {
    animation: rotate 1.5s linear infinite;
  }
  @keyframes rotate {
    100% {
      -webkit-transform: rotate(360deg);
    }
  }
  .main-navbar ul li a {
    font-family: "Inter";
    font-style: normal;
    font-weight: 500;
    font-size: 15px;
    line-height: 24px;
    font-feature-settings: "salt" on;
    color: #6b7280 !important;
    text-decoration: none;
    padding: 8px 5px 19px 5px;
    display: flex;
    /* border-bottom: 1px solid #fff; */
    position: relative;
    overflow: hidden;
  }
  .main-navbar ul li a::before {
    content: "";
    position: absolute;
    width: 100%;
    background-color: #4465ba;
    height: 1px;
    bottom: 0;
    left: 0;
    transform: scaleX(0);
    transform-origin: right;
    transition: transform 0.5s ease-in-out;
  }
  .main-navbar ul li a:hover {
    color: #4465ba !important;
  }
  .main-navbar ul li a:hover::before {
    transform: scaleX(1);
    transform-origin: left;
  }
  .main-navbar ul li a img {
    margin-left: 11px;
    filter: brightness(0.6);
  }
  .main-navbar ul li a img.active {
    transform: rotate(180deg);
  }
  .top-news .main-box {
    border-radius: 6px;
    /* max-width: 800px; */
    width: 66%;
    height: 480px;
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    overflow: hidden;
  }
  .name-of-organiztions {
    display: flex;
    flex-wrap: wrap;
  }
  .name-of-organiztions a {
    width: 33%;
    font-family: "Inter";
    font-style: normal;
    font-weight: 600;
    font-size: 20px;
    line-height: 29px;
    font-feature-settings: "salt" on;
    color: #111827;
    text-decoration: none;
    text-align: center;
    padding-bottom: 32px;
    border-bottom: 1px solid #dbe0ef;
    margin-bottom: 32px;
    padding-left: 5px;
    padding-right: 5px;
  }
  .name-of-organiztions a:hover {
    cursor: pointer;
  }
  .top-news .main-box > a {
    display: flex;
    justify-content: center;
    align-items: center;
  }
  .top-news .box-news:hover .top-news-img,
  .top-news .main-box:hover .top-news-img {
    transform: scale(1.1);
    transition: 0.5s;
  }
  .top-news .main-box:hover .short-header {
    bottom: 24px;
    transition: 0.5s;
  }
  .top-news .main-box:hover::before {
    bottom: 0px;
    transition: 0.5s;
  }
  .top-news-img {
    position: absolute;
    width: 100%;
    min-height: 100%;
    border-radius: 6px;
    margin: auto;
    transition: 0.5s;
    object-fit: cover;
  }
  .short-header {
    position: absolute;
  }
  .main-box .short-header {
    bottom: -20px;
    left: 31px;
    right: 31px;
    z-index: 3;
    transition: 0.5s;
  }
  
  .main-box .short-header h1 {
    font-family: "inter";
    font-style: normal;
    font-weight: 800;
    font-size: 30px;
    line-height: 41px;
    color: #ffffff;
    white-space: nowrap;
    text-overflow: ellipsis;
    max-width: 679px;
    overflow: hidden;
  }
  .top-news .container {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    margin-top: 100px;
    opacity: 0;
    transition: 1s;
  }
  .top-news .container.animations {
    margin-top: 0px;
    opacity: 1;
    transition: 1s;
  }
  .top-news {
    margin-top: 24px;
  }
  .top-news .right-box {
    width: 32%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
  }
  .top-news .right-box .box-news {
    height: 230px;
    position: relative;
    border-radius: 6px;
    overflow: hidden;
    display: flex;
    justify-content: center;
    align-items: center;
  }
  .top-news .right-box .box-news > a {
    display: flex;
    justify-content: center;
    align-items: center;
  }
  .top-news .right-box .box-news:hover .top-news-img {
    /* height: 110%;
      width: 110%; */
  }
  .top-news .right-box .box-news:hover .short-header {
    bottom: 15px;
    transition: 0.5s;
  }
  .top-news .right-box .box-news:hover::before {
    bottom: 0;
    transition: 0.5s;
  }
  .top-news .right-box .box-news::before {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: -68px;
    height: 68px;
    background: linear-gradient(
      180deg,
      rgba(0, 0, 0, 0) 0%,
      rgba(0, 0, 0, 0.5) 100%
    );
    border-bottom-left-radius: 6px;
    border-bottom-right-radius: 6px;
    z-index: 1;
    transition: 0.5s;
  }
  .main-box {
    position: relative;
  }
  .main-box::before {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: -82px;
    height: 156px;
    background: linear-gradient(
      180deg,
      rgba(0, 0, 0, 0) 0%,
      rgba(0, 0, 0, 0.8) 100%
    );
    z-index: 1;
    border-bottom-left-radius: 6px;
    border-bottom-right-radius: 6px;
  }
  .main-box .short-header .data,
  .main-box .short-header .views {
    font-family: "Inter";
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    font-feature-settings: "salt" on;
    color: #ffffff;
    display: flex;
  }
  .main-box .short-header .bottomInfo-topNew {
    display: flex;
    margin-top: 6px;
  }
  .main-box .short-header .data img,
  .main-box .short-header .views img {
    margin-right: 7px;
  }
  .main-box .short-header .data {
    margin-right: 19px;
  }
  .right-box .short-header h1 {
    font-family: "inter";
    font-style: normal;
    font-weight: 800;
    font-size: 16px;
    line-height: 22px;
    color: #ffffff;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    max-width: 304px;
  }
  .right-box .short-header {
    bottom: -17px;
    right: 20px;
    left: 20px;
    z-index: 2;
    transition: 0.5s;
  }
  .right-box .short-header .bottomInfo-topNew {
    display: flex;
    align-items: center;
  }
  .right-box .short-header .bottomInfo-topNew span {
    font-family: "Inter";
    font-style: normal;
    font-weight: 400;
    font-size: 12px;
    line-height: 20px;
    font-feature-settings: "salt" on;
    color: #ffffff;
    display: flex;
  }
  .right-box .short-header .bottomInfo-topNew .data {
    margin-right: 19px;
  }
  .right-box .short-header .bottomInfo-topNew span img {
    margin-right: 7px;
  }
  .announcement-section .announcement-top ul {
    display: flex;
  }
  .announcement-section .announcement-top ul li a {
    padding: 12px 10px;
    text-decoration: none;
    font-family: "Inter";
    font-style: normal;
    font-weight: 500;
    font-size: 20px;
    line-height: 24px;
    border-bottom: 1px solid #fff;
    color: #4b5563;
    display: block;
  }
  .announcement-section .announcement-top ul li a:hover {
    border-bottom: 1px solid #394869;
    color: #394869;
    cursor: pointer;
  }
  .announcement-section .announcement-top ul li.current a {
    border-bottom: 1px solid #394869;
    color: #394869;
  }
  .announcement-section .announcement-top ul li {
    list-style: none;
    margin-right: 42px;
  }
  .announcement-section .announcement-top {
    justify-content: space-between;
    display: flex;
    align-items: center;
  }
  .link_all {
    display: flex;
    align-items: center;
    text-decoration: none;
    font-family: "Inter";
    font-style: normal;
    font-weight: 500;
    font-size: 16px;
    line-height: 24px;
    font-feature-settings: "salt" on;
    color: #394869;
  }
  .link_all img {
    filter: brightness(2);
    margin-left: 17px;
  }
  .announce-boxes-section {
    margin-top: 100px;
    display: flex;
    flex-wrap: wrap;
    overflow-x: scroll;
    /* opacity: 0; */
    transition: 0.7s;
  }
  .announce-boxes-section.animations {
    opacity: 1;
    transition: 0.7s;
    margin-top: 42px;
  }
  .announce-boxes-section::-webkit-scrollbar {
    display: none;
  }
  .announcement-section {
    margin-top: 68px;
  }
  .announce-boxes-section .box-announce {
    position: relative;
    width: 32%;
    padding: 22px 16px;
    border: 1px solid #dbe0ef;
    border-radius: 6px;
    margin-bottom: 32px;
    transition: 0.5s;
  }
  .announce-boxes-section .box-announce:not(:last-child) {
    margin-right: 24px;
  }
  .announce-boxes-section .box-announce:nth-child(3n) {
    margin-right: 0;
  }
  .announce-boxes-section .box-announce a {
    text-decoration: none;
  }
  .announce-boxes-section .box-announce::before {
    content: "";
    position: absolute;
    width: 3px;
    background: #394869;
    border-radius: 40px;
    height: 40px;
    left: 0;
    top: 30%;
  }
  .announce-boxes-section .box-announce p {
    font-family: "Inter";
    font-style: normal;
    font-weight: 600;
    font-size: 16px;
    line-height: 20px;
    font-feature-settings: "salt" on;
    color: #4b5563;
    margin-top: 16px;
  }
  .data-time {
    display: flex;
    justify-content: space-between;
  }
  
  .data-time span {
    font-family: "Inter";
    font-style: normal;
    font-weight: 400;
    font-size: 12px;
    line-height: 20px;
    font-feature-settings: "salt" on;
    color: #4b5563;
    display: flex;
  }
  .data-time span img {
    margin-right: 7px;
    max-width: 15px;
  }
  .data-time span img:not(:first-child) {
    margin-left: 16px;
  }
  .news-section {
    margin-top: 50px;
    margin-bottom: 30px;
  }
  .news-section .container {
    margin-top: 150px;
    opacity: 0;
    transition: 1s;
  }
  .news-section .container.animations {
    margin-top: 0px;
    transition: 1s;
    opacity: 1;
  }
  .attobanner img {
    width: 100%;
    object-fit: cover;
    border-radius: 15px;
  }
  .top-bar-news {
    display: flex;
    justify-content: space-between;
    margin-bottom: 42px;
  }
  .header-news {
    font-family: "Inter-bolder";
    font-style: normal;
    font-weight: 700;
    font-size: 28px;
    line-height: 36px;
    letter-spacing: -0.02em;
    color: #111827;
  }
  .news-link {
    width: 32%;
    border-radius: 20px;
  }
  .news-link .img-news-link {
    margin-bottom: 12px;
    border-radius: 20px;
    border-end-end-radius: 0px;
    border-end-start-radius: 0px;
    width: 100%;
    height: 220px;
    object-fit: cover;
  }
  .news-link a {
    text-decoration: none;
  }
  .news-link .data-time .data {
    margin-left: 19px;
  }
  .news-container {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 15px;
  }
  .info-news p {
    font-family: "Inter-bold";
    font-style: normal;
    font-weight: 500;
    font-size: 16px;
    line-height: 21px;
    color: #111827;
    margin-top: 12px;
  }
  .interactive-section {
    background: #fbfbfb;
    padding-top: 41px;
    padding-bottom: 152px;
  }
  .interactive-section .owl-carousel .owl-stage {
    display: flex;
    /* transform: translate3d(0px, 0px,0px) !important; */
  }
  .section-useful-article .container,
  .interactive-section .container {
    margin-top: 100px;
    opacity: 0;
    transition: 1s;
  }
  .interactive-section .container {
    position: relative;
  }
  .section-useful-article .container.animations,
  .interactive-section .container.animations {
    margin-top: 0px;
    opacity: 1;
    transition: 1s;
  }
  .content-interactive {
    display: flex;
    overflow: scroll;
  }
  .content-interactive::-webkit-scrollbar {
    display: none;
  }
  .content-interactive .box-interactive {
    min-width: 279px;
    background-color: #fff;
    padding: 24px;
    border-radius: 32px;
    margin-bottom: 61px;
    position: relative;
    overflow: hidden;
    cursor: pointer;
  }
  .content-interactive .box-interactive:not(:last-child) {
    margin-right: 32px;
  }
  .content-interactive .box-interactive .img-inter {
    width: 70px;
    height: 70px;
    border-radius: 50%;
    background: #ebeef8;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 84px;
    transition: 0.3s ease-in;
  }
  .box-interactive::before {
    content: "";
    position: absolute;
    top: 0px;
    left: 0px;
    width: 70px;
    height: 70px;
    border-radius: 50%;
    background: transparent;
    z-index: 0;
  }
  .box-interactive:hover:before {
    animation: circleAnimate 1s ease-out forwards;
  }
  @keyframes circleAnimate {
    0% {
      top: 0px;
      left: 0px;
      background-color: #394869;
      transform: scale(1);
    }
    100% {
      background-color: #394869;
      transform: scale(15);
    }
  }
  /* .content-interactive .box-interactive:hover {
      cursor: pointer;
      background-color:  #264DB1;
  }*/
  .content-interactive .box-interactive:hover .img-inter {
    background-color: #3b62c1;
  }
  .content-interactive .box-interactive.current .img-inter img,
  .content-interactive .box-interactive:hover .img-inter img {
    filter: brightness(6);
  }
  .content-interactive .box-interactive a {
    text-decoration: none;
    position: relative;
  }
  .content-interactive .box-interactive:hover h6 {
    color: #fff;
  }
  .content-interactive .box-interactive h6 {
    font-family: "Inter";
    font-style: normal;
    font-weight: 600;
    font-size: 22px;
    line-height: 28px;
    font-feature-settings: "salt" on;
    color: #39424f;
    position: relative;
    z-index: 2;
  }
  .links-bottom-inter.current {
    display: flex;
    overflow: scroll;
    margin-top: 0px;
    animation: ShowWrapper 0.6s cubic-bezier(0.25, 0.1, 0.25, 1) 30ms both;
    animation-delay: 0.5s;
    z-index: 10;
    transform-origin: bottom;
    width: 100%;
  }
  .interactive-section .owl-carousel .owl-item img {
    width: unset !important;
  }
  .interactive-section .owl-carousel .owl-item {
    /* max-width: 399.667px; */
    /* width: fit-content !important; */
    width: inherit !important;
  }
  .interactive-section .owl-carousel .owl-item .item {
    /* width: fit-content; */
  }
  .links-bottom-inter.current::-webkit-scrollbar {
    display: none;
  }
  .links-bottom-inter {
    display: flex;
    position: absolute;
    animation: HideWrapper 0.6s cubic-bezier(0.25, 0.1, 0.25, 1) 30ms forwards;
    z-index: -10;
    margin-top: -50px;
    transform-origin: top;
    transition: transform 0.5s ease-in-out;
    overflow: scroll;
  }
  .box-interactive.current {
    background: #394869;
  }
  .box-interactive.current h6 {
    color: #fff;
  }
  .box-interactive.current .img-inter {
    background-color: #3b62c1;
  }
  .btn-organisation-mob {
    display: none;
  }
  .links-bottom-inter a {
    display: block;
    padding: 24px 32px;
    text-decoration: none;
    font-family: "Inter";
    font-style: normal;
    font-weight: 600;
    font-size: 18px;
    line-height: 28px;
    font-feature-settings: "salt" on;
    color: #39424f;
    display: flex;
    align-items: center;
    background: #ffffff;
    border: 1px solid #dbe0ef;
    border-radius: 61px;
    min-width: fit-content;
    white-space: nowrap;
  }
  .links-bottom-inter a:not(:last-child) {
    margin-right: 32px;
  }
  .links-bottom-inter a:hover {
    background: #394869;
    color: #fff;
  }
  .links-bottom-inter a:hover img {
    filter: brightness(6);
  }
  .links-bottom-inter a img {
    margin-left: 7px;
  }
  .section-useful-article {
    padding-top: 0px;
    padding-bottom: 0px;
  }
  .section-useful-article .news-link {
    margin-bottom: 54px;
  }
  .news-link {
    border: 1px solid #fff;
    box-shadow: 0px 0px 0px rgba(0, 0, 0, 0.12);
    background: #ffffff;
    border: 1px solid #e6e6e6;
    box-shadow: 0px 6px 40px rgba(0, 0, 0, 0.12);
    border-radius: 16px;
    cursor: pointer;
    transition: 1s;
  }
  /* .news-link:hover {
    background: #ffffff;
    border: 1px solid #e6e6e6;
    box-shadow: 0px 6px 40px rgba(0, 0, 0, 0.12);
    border-radius: 16px;
    cursor: pointer;
    transition: 1s;
  } */
  .body_dark .news-link {
    border: 1px solid #252c3f;
  }
  .body_dark .news-link:hover {
    border: 1px solid #31384e;
    background: #31384e;
  }
  .section-document-thoughts {
    padding-top: 40px;
    padding-bottom: 50px;
  }
  .section-ducuments .current-statistic {
    margin-top: 14px;
    width: 250px;
  }
  .section-ducuments .dropdown-statistic {
    width: 250px;
  }
  .section-document-thoughts .container {
    display: flex;
    justify-content: space-between;
  }
  .document-boxes-content {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
  }
  .document-boxes-content .document-box {
    padding: 24px;
    background: #e2e0fb;
    border-radius: 32px;
    width: 48%;
    position: relative;
    margin-bottom: 30px;
  }
  
  .document-boxes-content .document-box .top-img {
    width: 70px;
    height: 70px;
    background: #ecf1ff;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
  }
  
  .document-boxes-content .document-box p {
    font-family: "Inter-bold";
    font-style: normal;
    font-weight: 500;
    font-size: 20px;
    line-height: 120%;
    color: #111827;
    margin-top: 24px;
    margin-bottom: 60px;
    /* width: 48%; */
  }
  .section-document-thoughts .container .document-content {
    width: 100%;
    margin-top: 100px;
    opacity: 0;
    transition: 1s;
  }
  .section-document-thoughts .container.animations .document-content {
    margin-top: 0px;
    opacity: 1;
    transition: 1s;
  }
  .document-boxes-content .data-bottom-doc span {
    font-family: "Inter";
    font-style: normal;
    font-weight: 600;
    font-size: 14px;
    line-height: 20px;
    font-feature-settings: "salt" on;
    color: #111827;
  }
  .document-boxes-content .data-bottom-doc {
    display: flex;
    justify-content: space-between;
    align-items: center;
    position: absolute;
    bottom: 24px;
    left: 24px;
    right: 24px;
  }
  .document-boxes-content .data-bottom-doc span img {
    margin-right: 8px;
  }
  .section-document-thoughts .container .thoughts-document {
    width: 32%;
    margin-top: 100px;
    opacity: 0;
    transition: 1.5s;
  }
  .section-document-thoughts .container.animations .thoughts-document {
    margin-top: 0px;
    opacity: 1;
    transition: 1.5s;
  }
  .box-thought {
    background: #ecf1ff;
    border-radius: 32px;
    padding: 24px;
    height: 82%;
  }
  .box-thought .img-expert {
    width: 88px;
    height: 88px;
    border: 4px solid #d8e3ff;
    border-radius: 50%;
    margin-right: 16px;
    object-fit: cover;
  }
  .box-thought .info-expert {
    display: flex;
    align-items: center;
  }
  .box-thought .info-expert .name-expert h6 {
    font-family: "Inter-bold";
    font-style: normal;
    font-weight: 700;
    font-size: 18px;
    line-height: 22px;
    letter-spacing: -0.02em;
    color: #111827;
    margin-bottom: 8px;
  }
  .box-thought .info-expert .name-expert span {
    font-family: "Inter";
    font-style: normal;
    font-weight: 500;
    font-size: 18px;
    line-height: 22px;
    letter-spacing: -0.02em;
    color: #111827;
    opacity: 0.7;
  }
  .box-thought p {
    font-family: "Inter-bold";
    font-style: normal;
    font-weight: 400;
    font-size: 24px;
    line-height: 32px;
    color: #111827;
    margin-top: 32px;
  }
  .section-media-home {
    /* padding-bottom: 146px; */
    padding-bottom: 318px;
    padding-top: 48px;
    margin-bottom: 60px;
  }
  .section-media-home .nav-contents .item div {
    height: 270px;
    border-radius: 20px;
    position: relative;
  }
  .section-media-home .nav-contents .item div:hover {
    cursor: pointer;
  }
  .section-media-home .nav-contents .item > div > div {
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 99;
    background: linear-gradient(
      0deg,
      rgba(30, 81, 158, 0.3),
      rgba(30, 81, 158, 0.3)
    );
    background-position: center;
    background-repeat: no-repeat;
    cursor: pointer;
    opacity: 0;
    transition: opacity 0.5s;
  }
  .section-media-home .nav-contents .item div:hover div {
    opacity: 1;
  }
  .section-media-home .nav-contents .item div div div {
    width: 70px;
    height: 70px;
    background: rgba(38, 77, 177, 0.3);
    backdrop-filter: blur(4px);
    border-radius: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: none;
    opacity: 1;
  }
  .section-media-home .nav-contents .item div div div img {
    width: unset;
    height: unset;
    position: unset;
  }
  .section-organisation .container,
  .section-appeal-statistic .container,
  .section-statistic .container,
  .section-media-home .container {
    margin-top: 100px;
    opacity: 0;
    transition: 1s;
  }
  .useful-articles .news-bottom.animations,
  .section-organisation .container.animations,
  .section-appeal-statistic .container.animations,
  .section-statistic .container.animations,
  .section-media-home .container.animations {
    margin-top: 0px;
    opacity: 1;
    transition: 1s;
  }
  .section-media-home .owl-carousel .owl-item img {
    height: 100%;
    object-fit: cover;
    border-radius: 15px;
    position: absolute;
    top: 0;
  }
  .section-media-home .owl-carousel .owl-nav,
  .section-media-home .owl-carousel .owl-dots,
  .section-media-home .owl-carousel .owl-dots.disabled,
  .section-media-home .owl-carousel .owl-nav.disabled {
    display: none !important;
  }
  .region-uz.active {
    fill: #394869;
    pointer-events: none;
  }
  .region-uz:hover {
    cursor: pointer;
  }
  .map_radar {
    display: none;
    width: 16px;
    height: 16px;
    pointer-events: none;
    fill: #23c840;
    stroke-width: 5;
  }
  p {
    margin-bottom: unset;
  }
  .map_radar path {
    stroke-width: 2;
  }
  .map_circle {
    display: none;
  }
  .section-media-home .slider-media {
    /* display: flex;
      position: absolute;
      top: 80px; */
    /* transform: scaleY(0);
      transform-origin: top;
      transition: transform 1s cubic-bezier(0, 0, 0.2, 1); */
    /* animation: HideWrapper .6s cubic-bezier(.25,.1,.25,1) 30ms forwards;
      z-index: -10; */
  }
  /* @keyframes HideWrapper {
      0%{
         transform: translateY(0px);
      opacity: 1;
      }
     100%{
         transform: translateY(-60px);
      opacity: 0;
      }
  } */
  .section-media-home .slider-media.current {
    /* display: flex !important;
      margin-top: 0px; */
    /* transform: scaleY(1);
      transform-origin: bottom; */
    /* width: 100%;
      animation: ShowWrapper .6s cubic-bezier(.25,.1,.25,1) 30ms both;
      z-index: 10; */
  }
  /* @keyframes showWrapper {
      0%{
         transform: translateY(60px);
      opacity: 0;
      }
     100%{
         transform: translateY(0);
      opacity: 1;
      }
  } */
  
  .section-media-home .slider-media {
    display: flex;
    position: absolute;
    top: 80px;
    animation: HideWrapper 0.6s cubic-bezier(0.25, 0.1, 0.25, 1) 30ms forwards;
    z-index: -10;
  }
  @keyframes HideWrapper {
    0% {
      transform: translateY(0px);
      opacity: 1;
    }
    100% {
      transform: translateY(-60px);
      opacity: 0;
    }
  }
  .section-media-home .slider-media.current {
    display: flex !important;
    margin-top: 0px;
    width: 100%;
    animation: ShowWrapper 0.6s cubic-bezier(0.25, 0.1, 0.25, 1) 30ms both;
    animation-delay: 0.5s;
    z-index: 10;
  }
  @keyframes ShowWrapper {
    0% {
      transform: translateY(60px);
      opacity: 0;
    }
    100% {
      transform: translateY(0);
      opacity: 1;
    }
  }
  .nav-contents {
    position: relative;
  }
  .nav-lists-conents > ul {
    display: flex;
    border-bottom: 3px solid #e2e7f7;
  }
  .nav-lists-conents ul li {
    padding-top: 12px;
    padding-bottom: 12px;
    list-style: none;
    font-family: "Inter-bold";
    font-style: normal;
    font-weight: 500;
    font-size: 20px;
    line-height: 24px;
    color: #4b5563;
    margin-right: 80px;
    border-bottom: 1px solid #fff;
  }
  .nav-lists-conents ul li:hover {
    border-bottom: 1px solid #394869;
    color: #394869;
    cursor: pointer;
  }
  .nav-lists-conents .current {
    border-bottom: 1px solid #394869;
    color: #394869;
  }
  .slider-media {
    margin-top: 32px;
  }
  .section-statistic {
    padding-top: 58px;
    padding-bottom: 66px;
    background-color: #fbfbfb;
  }
  .box-statistic {
    position: relative;
    padding: 24px;
    background-color: #fff;
    border: 1px solid #dbe0ef;
    border-radius: 15px;
    width: 32%;
    text-decoration: none;
  }
  .hide_more .box-statistic {
    display: none;
  }
  .hide_more.showall .box-statistic {
    display: block;
  }
  .hide_more .box-statistic:nth-child(9),
  .hide_more .box-statistic:nth-child(8),
  .hide_more .box-statistic:nth-child(7),
  .hide_more .box-statistic:nth-child(6),
  .hide_more .box-statistic:nth-child(5),
  .hide_more .box-statistic:nth-child(4),
  .hide_more .box-statistic:nth-child(3),
  .hide_more .box-statistic:nth-child(2),
  .hide_more .box-statistic:nth-child(1) {
    display: block;
  }
  .btn_show_all {
    text-decoration: none;
    border-radius: 15px;
    background: #394869;
    padding: 8px 30px 11px 30px;
    color: white;
  }
  .btn_show_all:hover {
    color: white;
    background: #1f4092;
  }
  .show_more {
    text-align: center;
    margin-top: 30px;
  }
  .btn_show_all img {
    margin-left: 10px;
    filter: brightness(100);
  }
  .box-statistic.pr {
    margin-bottom: 30px;
    padding-bottom: 50px;
  }
  .box-statistic::before {
    content: "";
    position: absolute;
    width: 4px;
    height: 77px;
    left: 0;
    top: calc(50% - 77px / 2);
    background: #394869;
    border-radius: 30px;
  }
  
  .box-statistic p {
    font-family: "Inter-bold";
    font-style: normal;
    font-weight: 500;
    font-size: 18px;
    line-height: 24px;
    font-feature-settings: "salt" on;
    color: #39424f;
  }
  .box-statistic p span {
    font-family: "Inter";
    font-size: 15px;
  }
  .box-statistic h6 {
    font-family: "Inter-bolder";
    font-style: normal;
    font-weight: 800;
    font-size: 32px;
    line-height: 24px;
    font-feature-settings: "salt" on;
    color: #39424f;
    margin-top: 24px;
    margin-bottom: 24px;
  }
  .box-statistic .counts,
  .box-statistic > span {
    padding: 6px 17px;
    background: rgba(35, 200, 64, 0.1);
    border-radius: 20px;
    display: inline-flex;
    align-items: center;
    font-family: "Inter";
    font-style: normal;
    font-weight: 600;
    font-size: 16px;
    line-height: 24px;
    color: #23c840;
  }
  .box-statistic .counts {
    font-size: 12px;
    line-height: 24px;
    padding: 0px 10px;
    position: absolute;
    right: 15px;
    bottom: 10px;
  }
  .box-statistic .counts img,
  .box-statistic > span img {
    margin-right: 11px;
  }
  .statistic-top-row2,
  .statistic-top-row {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
  }
  .header-st-road {
    font-family: "Inter";
    font-style: normal;
    font-weight: 600;
    font-size: 20px;
    line-height: 24px;
    color: #4b5563;
  }
  .section-statistic .header-st-road {
    margin-top: 40px;
    margin-bottom: 24px;
  }
  .statistic-top-row2 .box-statistic {
    padding: 52px 24px;
  }
  .section-appeal-statistic .container {
    display: flex;
    justify-content: space-between;
    padding-top: 80px;
    padding-bottom: 80px;
  }
  .section-appeal-statistic .statistic-diagram {
    padding: 61px 47px 45px 47px;
    border: 1px solid #dbe0ef;
    border-radius: 52px;
    width: 66%;
  }
  .section-appeal-statistic .statistic-diagram .diagram-box {
    margin-top: 30px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 72px;
    position: relative;
  }
  .statistic-diagram .diagram-box .diagram-info ul li {
    list-style-type: none;
    display: flex;
    align-items: center;
    font-family: "Inter";
    font-style: normal;
    font-weight: 400;
    font-size: 27.2195px;
    line-height: 33px;
    color: #000000;
  }
  .statistic-diagram .diagram-box .diagram-info ul li:not(:last-child) {
    margin-bottom: 13px;
  }
  .statistic-diagram .diagram-box .diagram-info ul li div {
    width: 25px;
    height: 25px;
    margin-right: 25px;
    border-radius: 5px;
  }
  .statistic-diagram .diagram-box .diagram-info ul li:nth-child(1) div {
    background-color: #dbe0ef;
  }
  .statistic-diagram .diagram-box .diagram-info ul li:nth-child(2) div {
    background-color: #23c840;
  }
  .statistic-diagram .diagram-box .diagram-info ul li:nth-child(3) div {
    background-color: #394869;
  }
  .statistic-diagram .diagram-box .diagram-info ul li:nth-child(4) div {
    background-color: #864cff;
  }
  .statistic-diagram .diagram-box .link_all {
    position: absolute;
    left: 0px;
    bottom: -60px;
    margin: 0;
  }
  .statistic-diagram .diagram-box .link_all.right_btn {
    left: unset;
    right: 0;
  }
  .section-appeal-statistic .left-side-diagram {
    border: 1px solid #dbe0ef;
    border-radius: 32px;
    width: 32%;
    padding: 20px;
  }
  .section-appeal-statistic .left-side-diagram .banner-diagram {
    position: relative;
    border-radius: 22px;
    height: 343px;
    /* padding: 16px 14px; */
  }
  .section-appeal-statistic .left-side-diagram .banner-diagram img {
    position: absolute;
    width: 100%;
    height: 100%;
  }
  .section-appeal-statistic .left-side-diagram .banner-diagram .status-banner {
    background: rgba(19, 42, 99, 0.5);
    backdrop-filter: blur(4px);
    border-radius: 14px;
    text-align: center;
    position: absolute;
    left: 14px;
    right: 14px;
    bottom: 16px;
    padding: 7px 10px;
  }
  .section-appeal-statistic .banner-diagram .status-banner p {
    font-family: "Inter";
    font-style: normal;
    font-weight: 500;
    font-size: 20px;
    line-height: 150%;
    color: #ffffff;
  }
  .link-diagramm-banner {
    padding: 12px 24px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    background: #eef2fe;
    border-radius: 20px;
    text-decoration: none;
    margin-top: 16px;
  }
  .link-diagramm-banner span {
    display: flex;
    align-items: center;
    font-family: "Inter-bold";
    font-style: normal;
    font-weight: 500;
    font-size: 20px;
    line-height: 150%;
    color: #394869;
  }
  .link-diagramm-banner > img {
    filter: brightness(2);
    width: 24px;
  }
  .link-diagramm-banner span div {
    width: 48px;
    height: 48px;
    background-color: #d4dcf6;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-right: 16px;
  }
  .section-organisation .nav-lists-conents ul li {
    padding-right: 15px;
    padding-left: 15px;
  }
  .section-organisation .content-organisation {
    display: flex;
    justify-content: space-between;
    margin-top: 42px;
  }
  .section-organisation .content-organisation .map-content-org {
    padding: 103px 68px;
    width: 66%;
    border: 1px solid #dbe0ef;
    border-radius: 52px;
  }
  .section-organisation
    .content-organisation
    .map-content-org
    .img-map-org.current {
    display: block;
  }
  .section-organisation .content-organisation .map-content-org .img-map-org {
    display: none;
  }
  .section-organisation .content-organisation .right-side-org {
    padding: 24px 35px;
    width: 32%;
    background: #f8f9ff;
    border-radius: 20px;
  }
  .section-organisation .right-side-org div:not(:last-child) {
    border-bottom: 1px solid #e6e8f7;
    margin-bottom: 16px;
    padding-bottom: 16px;
  }
  .section-organisation .right-side-org div span {
    font-family: "Inter";
    font-style: normal;
    font-weight: 500;
    font-size: 18px;
    line-height: 150%;
    color: #535b6f;
  }
  .section-organisation .right-side-org div p {
    font-family: "Inter-bold";
    font-style: normal;
    font-weight: 500;
    font-size: 20px;
    line-height: 150%;
    color: #2a3040;
    margin-top: 6px;
  }
  .section-organisation .right-side-org div a {
    text-decoration: none;
    font-family: "Inter";
    font-style: normal;
    font-weight: 500;
    font-size: 16px;
    line-height: 24px;
    display: flex;
    align-items: center;
    font-feature-settings: "salt" on;
    color: #394869;
    margin-top: 5px;
  }
  .section-organisation .right-side-org div a img {
    margin-left: 15px;
  }
  .body_dark .content-suggestion {
    background-color: #23335e;
  }
  .content-suggestion {
    background: #394869;
    border-radius: 20px;
    padding: 31px 56px 32px 42px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: 30px;
    margin-bottom: 30px;
    text-decoration: none;
  }
  .content-suggestion p {
    font-family: "Rubik";
    font-style: normal;
    font-weight: 400;
    font-size: 32px;
    line-height: 48px;
    font-feature-settings: "salt" on;
    color: #ffffff;
    max-width: 794px;
  }
  .content-suggestion a,
  .content-suggestion .btnl {
    font-family: "Inter";
    font-style: normal;
    font-weight: 500;
    font-size: 16px;
    line-height: 24px;
    text-align: center;
    font-feature-settings: "salt" on;
    color: #ffffff;
    text-decoration: none;
    padding: 8px 20px;
    border: 1px solid #ffffff;
    filter: drop-shadow(0px 1px 2px rgba(16, 24, 40, 0.05));
    border-radius: 6px;
    display: flex;
    align-items: center;
  }
  .content-suggestion .btnl img,
  .content-suggestion a img {
    filter: brightness(6);
    margin-left: 11px;
  }
  .useful-articles {
    margin-bottom: 80px;
  }
  .useful-articles .box-useful-content {
    padding: 34px 33px;
    border: 1px solid #dbe0ef;
    border-radius: 32px;
    text-align: center;
    display: block;
    text-decoration: none;
  }
  .useful-articles .box-useful-content p {
    font-family: "Inter-bold";
    font-style: normal;
    font-weight: 500;
    font-size: 18px;
    line-height: 24px;
    font-feature-settings: "salt" on;
    color: #39424f;
    margin-top: 16px;
  }
  .useful-articles .box-useful-content img {
    display: inline !important;
    width: 100px !important;
  }
  .useful-articles .container {
    position: relative;
  }
  .slider-useful-content {
    margin-top: 43px;
    overflow: hidden;
  }
  .slider-useful-content .owl-dots.disabled,
  .slider-useful-content .owl-nav.disabled {
    display: flex !important;
    position: absolute;
    top: 0;
    right: 0;
  }
  .slider-useful-content .owl-carousel {
    position: unset !important;
  }
  footer {
    background: #394869;
    padding-top: 64px;
    padding-bottom: 51px;
  }
  footer .container {
    display: flex;
    justify-content: space-between;
  }
  footer .info-company-footer {
    padding: 21px 17px;
    width: 50%;
    background: #394869;
    border-radius: 6px;
  }
  footer .info-company-footer .sotset-footer {
    display: flex;
  }
  footer .info-company-footer .sotset-footer a {
    margin-right: 8px;
    width: 24px;
    height: 24px;
    background: #4465ba;
    border-radius: 5px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
  }
  footer .info-company-footer .sotset-footer a:hover {
    transition: 0.3s;
    transform: rotate(360deg);
  }
  footer .info-company-footer p {
    font-family: "Inter";
    font-style: normal;
    font-weight: 600;
    font-size: 16px;
    line-height: 24px;
    font-feature-settings: "salt" on;
    color: #dbe0ef;
    margin-top: 23px;
    margin-bottom: 20px;
  }
  footer .header-footer-boxes {
    font-family: "Inter";
    font-style: normal;
    font-weight: 600;
    font-size: 16px;
    line-height: 24px;
    font-feature-settings: "salt" on;
    color: #e7ebf6;
    margin-bottom: 15px;
  }
  .links-pages-footer ul li {
    list-style: none;
  }
  .links-pages-footer ul li:not(:last-child) {
    margin-bottom: 8px;
  }
  .links-pages-footer ul li a {
    text-decoration: none;
    font-family: "Inter";
    font-style: normal;
    font-weight: 500;
    font-size: 16px;
    line-height: 24px;
    font-feature-settings: "salt" on;
    color: #94a3d2;
  }
  .destination-footer span {
    font-family: "Inter";
    font-style: normal;
    font-weight: 500;
    font-size: 16px;
    line-height: 24px;
    font-feature-settings: "salt" on;
    color: #94a3d2;
  }
  .destination-footer > div {
    display: flex;
  }
  .destination-footer > div {
    font-family: "Inter";
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    font-feature-settings: "salt" on;
    color: #94a3d2;
    margin-top: 8px;
    display: flex;
    align-items: center;
  }
  .destination-footer > div:nth-child(3) {
    display: flex;
    align-items: flex-start;
  }
  .destination-footer > div div {
    margin-right: 8px;
    min-width: 32px;
    height: 32px;
    background: #4465ba;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    border-radius: 50%;
  }
  .subscribe-box-footer p {
    font-family: "Inter";
    font-style: normal;
    font-weight: 500;
    font-size: 16px;
    line-height: 25px;
    letter-spacing: -0.02em;
    color: #94a3d2;
  }
  .info-company-footer {
    width: 25%;
  }
  .subscribe-box-footer {
    width: 22%;
  }
  .links-pages-footer,
  .destination-footer {
    width: 23%;
  }
  .destination-footer {
    padding-right: 57px;
  }
  .links-pages-footer {
    padding-left: 57px;
  }
  .subscribe-box-footer .subscibe-input-footer {
    height: 40px;
    border: 1px solid rgba(255, 255, 255, 0.14);
    background: rgba(255, 255, 255, 0.06);
    box-shadow: 0px 1px 2px rgba(16, 24, 40, 0.05);
    border-radius: 6px;
    padding-left: 15px;
    position: relative;
    display: flex;
    align-items: center;
    margin-top: 32px;
  }
  
  .subscribe-box-footer .subscibe-input-footer input {
    height: 100%;
    background: rgba(255 255 255 / 0%);
    border: none;
    outline: none;
    padding-left: 11px;
    color: #94a3d2;
  }
  .subscribe-box-footer .subscibe-input-footer input::placeholder {
    font-family: "Inter";
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    font-feature-settings: "salt" on;
    color: #94a3d2;
  }
  .subscribe-box-footer .subscibe-input-footer button {
    height: 100%;
    border: none;
    outline: none;
    position: absolute;
    right: 0;
    width: 40px;
    background: rgba(255, 255, 255, 0.06);
  }
  .subscribe-box-footer .subscibe-input-footer button img {
    filter: brightness(6);
  }
  footer .bottom-footer {
    margin-top: 72px;
  }
  footer .bottom-footer .container {
    padding-top: 40px;
    border-top: 1px solid #486ac2;
    display: flex;
    justify-content: space-between;
  }
  .left-bar {
    width: 60%;
  }
  footer .bottom-footer .left-bottom-foot {
    display: flex;
    align-items: center;
  }
  footer .bottom-footer .left-bottom-foot p {
    font-family: "Inter";
    font-style: normal;
    font-weight: 500;
    font-size: 14px;
    line-height: 20px;
    font-feature-settings: "salt" on;
    color: #ffffff;
    margin-left: 16px;
  }
  .slider-useful-content .owl-carousel .owl-nav button.owl-next,
  .slider-useful-content .owl-carousel .owl-nav button.owl-prev {
    width: 38px;
    height: 38px;
    background: rgba(53, 88, 181, 0.1);
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
  }
  .slider-useful-content .owl-carousel .owl-nav button.owl-prev svg,
  .slider-useful-content .owl-carousel .owl-nav button.owl-next svg {
    position: absolute;
    width: 52px;
    height: 48px;
    top: -6px;
    left: -6px;
    transform: rotate(-88deg);
  }
  .slider-useful-content .owl-carousel .owl-nav button.owl-prev svg circle.time,
  .slider-useful-content .owl-carousel .owl-nav button.owl-next svg circle.time {
    stroke: #3452ff;
    stroke-dashoffset: 183;
    stroke-dasharray: 183;
    stroke-linecap: butt;
    transition: stroke-dashoffset 0.6s cubic-bezier(0.25, 0.25, 0.1, 1),
      stroke 0.2s ease;
  }
  
  .slider-useful-content .owl-carousel .owl-nav button.owl-prev:hover circle.time,
  .slider-useful-content
    .owl-carousel
    .owl-nav
    button.owl-next:hover
    circle.time {
    stroke-dashoffset: 8;
    transition: stroke-dashoffset 0.6s cubic-bezier(0.25, 0.25, 0.1, 1),
      stroke 0.2s ease;
    stroke-dasharray: 183;
    stroke-linecap: butt;
  }
  .slider-useful-content .owl-carousel .owl-nav button.owl-next {
    margin-left: 24px;
  }
  .slider-useful-content .owl-carousel .owl-nav button.owl-next span {
    content: url("../img/svg/right-arrow.svg") !important;
  }
  .slider-useful-content .owl-carousel .owl-nav button.owl-prev span {
    content: url("../img/svg/left-arrow.svg") !important;
  }
  .btn-menu-mob {
    display: none;
  }
  .logo-mobile {
    display: none;
  }
  .logo-dark {
    display: none;
  }
  .body_dark .logo-dark {
    display: none;
  }
  .body_dark .logo-mobile,
  .body_dark .logo {
    filter: brightness(0) invert(1);
  }
  .announcement-section .btn-announce-mob {
    display: none;
  }
  
  .topmenu_contents .right-side-topmenu,
  .topmenu_contents .left-side-topmenu ul {
    display: flex;
    align-items: center;
    white-space: nowrap;
  }
  .topmenu_contents .right-side-topmenu {
    position: relative;
  }
  .topmenu_contents .right-side-topmenu .share-sotset {
    display: none;
    padding: 12px;
    background: #ffffff;
    box-shadow: 0px 14px 44px rgba(75, 85, 99, 0.1);
    border-radius: 100px;
    position: absolute;
    top: 34px;
    right: 0;
  }
  .topmenu_contents .right-side-topmenu .share-sotset.active {
    display: flex;
  }
  .right-side-topmenu .share-sotset a:not(:last-child) {
    margin-right: 16px;
  }
  .right-side-topmenu .share-sotset a {
    /* width: 20px;
      height: 20px; */
  }
  .topmenu_contents .container > div {
    display: flex;
    justify-content: space-between;
  }
  .topmenu_contents .left-side-topmenu ul li {
    list-style: none;
    display: flex;
    align-items: center;
    margin-right: 19px;
  }
  .topmenu_contents .left-side-topmenu ul li a {
    text-decoration: none;
    font-family: "Inter";
    font-style: normal;
    font-weight: 500;
    font-size: 16px;
    line-height: 24px;
    font-feature-settings: "salt" on;
    color: #ffffff;
    margin-left: 13px;
    max-width: 271px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
  }
  .topmenu_contents h1 {
    font-family: "Inter";
    font-style: normal;
    font-weight: 700;
    font-size: 48px;
    line-height: 58px;
    font-feature-settings: "salt" on;
    color: #000000;
    margin-bottom: 28px;
  }
  .topmenu_contents .right-side-topmenu > a {
    font-family: "Inter";
    font-style: normal;
    font-weight: 500;
    font-size: 16px;
    line-height: 24px;
    display: flex;
    align-items: center;
    text-align: right;
    font-feature-settings: "salt" on;
    color: #ffffff;
    text-decoration: none;
    margin-right: 27px;
    display: flex;
    align-items: center;
  }
  .topmenu_contents .right-side-topmenu > a:hover {
    cursor: pointer;
  }
  .topmenu_contents .right-side-topmenu a > img {
    margin-right: 12px;
  }
  .topmenu_contents .right-side-topmenu .share-sotset a img {
    width: 100%;
    height: 100%;
    object-fit: cover;
  }
  .topmenu_contents .right-side-topmenu .share-sotset a {
    display: flex;
    align-items: center;
  }
  .right-side-topmenu .share-sotset .arr {
    width: 14px;
    height: 14px;
    background-color: #fff;
    position: absolute;
    transform: rotate(45deg);
    top: -4px;
    left: 21px;
    border-radius: 2px;
    right: 0;
  }
  .section-positions {
    padding-top: 120px;
    padding-bottom: 120px;
  }
  .section-positions .position-box {
    background: #ffffff;
    border: 1px solid #000000;
    border-radius: 32px;
    padding: 32px;
    display: flex;
    position: relative;
  }
  .section-positions .position-box:not(:last-child) {
    margin-bottom: 30px;
  }
  .section-positions .position-box table {
    margin-left: 24px;
  }
  .section-positions .position-box .links-postion {
    display: flex;
  }
  .section-positions .position-box .links-postion a:not(:last-child) {
    margin-right: 51px;
  }
  .section-positions .position-box table tr {
    line-height: 38px;
  }
  .section-positions .position-box table tr th {
    font-family: "Inter-bold";
    font-style: normal;
    font-weight: 500;
    font-size: 18px;
    line-height: 22px;
    font-feature-settings: "salt" on;
    color: #4b5563;
    text-align: left;
    line-height: 38px;
  }
  .section-positions .position-box table tr td {
    padding-left: 24px;
    font-family: "Inter-bold";
    font-style: normal;
    font-weight: 600;
    font-size: 18px;
    /* line-height: 22px; */
    /* text-transform: uppercase; */
    font-feature-settings: "salt" on;
    color: #111827;
  }
  .section-positions .position-box table tr td .tel-position {
    font-family: "Inter";
    font-style: normal;
    font-weight: 600;
    font-size: 18px;
    line-height: 22px;
    font-feature-settings: "salt" on;
    color: #394869;
    text-decoration: none;
  }
  .section-positions .position-box .position-holder {
    min-width: 200px;
    max-width: 200px;
    height: 224px;
    border: 1px solid #dbdbdb;
    border-radius: 12px;
  }
  .section-positions .position-box .position-holder img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 12px;
  }
  
  .section-positions .position-box .virtual-lobby {
    display: flex;
    align-items: center;
    text-decoration: none;
    font-family: "Inter";
    font-style: normal;
    font-weight: 500;
    font-size: 16px;
    line-height: 24px;
    font-feature-settings: "salt" on;
    color: #394869;
    position: absolute;
    right: 25px;
    bottom: 35px;
  }
  .section-positions .position-box .virtual-lobby img {
    filter: brightness(2);
    margin-left: 17px;
  }
  .contact-ministry {
    padding-top: 120px;
    padding-bottom: 64px;
  }
  .header-contact-page {
    font-family: "Inter-bolder";
    font-style: normal;
    font-weight: 700;
    font-size: 32px;
    line-height: 39px;
    font-feature-settings: "salt" on;
    color: #111827;
  }
  .contact-ministry .header-contact-page {
    margin-bottom: 64px;
  }
  .contact-ministry .left-side-contact .info-contact {
    display: flex;
  }
  .contact-ministry .left-side-contact .info-contact:not(:last-child) {
    margin-bottom: 32px;
  }
  .contact-ministry .left-side-contact .info-contact .link-contact {
    font-family: "Inter-bold";
    font-style: normal;
    font-weight: 500;
    font-size: 16px;
    line-height: 24px;
    font-feature-settings: "salt" on;
    color: #394869;
    text-decoration: none;
    display: block;
    display: flex;
    align-items: center;
  }
  .contact-ministry
    .left-side-contact
    .info-contact
    .link-contact:not(:last-child) {
    margin-bottom: 10px;
  }
  .left-side-contact .info-contact .link-contact img {
    margin-right: 10px;
  }
  .contact-ministry .left-side-contact .info-contact div h6 {
    font-family: "Inter-bolder";
    font-style: normal;
    font-weight: 600;
    font-size: 18px;
    line-height: 24px;
    font-feature-settings: "salt" on;
    color: #111827;
    margin-bottom: 10px;
  }
  .contact-ministry .left-side-contact .info-contact div p {
    font-family: "Inter";
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    font-feature-settings: "salt" on;
    color: #6b7280;
    margin-bottom: 10px;
  }
  .contact-ministry .left-side-contact .info-contact > img {
    margin-right: 14px;
    align-self: baseline;
  }
  .contact-ministry .left-side-contact {
    width: 39%;
  }
  .contact-ministry .right-side-contact {
    width: 56%;
  }
  .contact-ministry .right-side-contact .form-fill-contact {
    display: none;
  }
  .contact-ministry .right-side-contact .form-fill-contact.current {
    display: block;
  }
  .contact-ministry .right-side-contact .form-status {
    display: none;
  }
  .contact-ministry .right-side-contact .form-status.current {
    display: block;
  }
  .contact-ministry .container {
    display: flex;
    justify-content: space-between;
  }
  .contact-ministry .left-side-contact .info-contact span {
    font-family: "Inter";
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    font-feature-settings: "salt" on;
    color: #6b7280;
    display: block;
  }
  .contact-ministry .right-side-contact .send-link a {
    text-decoration: none;
    font-family: "Inter";
    font-style: normal;
    font-weight: 500;
    font-size: 20px;
    line-height: 24px;
    padding-bottom: 12px;
    border-bottom: 1px solid #fff;
    color: #4b5563;
  }
  .contact-ministry .right-side-contact .send-link a:not(:last-child) {
    margin-right: 80px;
  }
  .contact-ministry .right-side-contact .send-link a.current,
  .contact-ministry .right-side-contact .send-link a:hover {
    color: #394869;
    border-bottom: 1px solid #394869;
    cursor: pointer;
  }
  .contact-ministry .form-status form {
    background: #ffffff;
    border: 1px solid #dbe0ef;
    border-radius: 24px;
    padding: 24px;
  }
  .contact-ministry .form-status form > div {
    display: flex;
    align-items: center;
  }
  .contact-ministry .form-status form > div button {
    margin-top: 4px;
  }
  .contact-ministry .form-status form input {
    width: 79% !important;
  }
  .status-message {
    padding: 24px;
    background: #eaffed;
    border: 1px solid #dbe0ef;
    border-radius: 24px;
    margin-top: 32px;
  }
  .contact-ministry .form-status .status-message p {
    font-family: "Inter";
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    color: #000000;
  }
  .contact-ministry .right-side-contact form {
    margin-top: 32px;
  }
  .right-side-contact form div label textarea,
  .contact-ministry .right-side-contact form input {
    padding: 10px 12px;
    background: #ffffff;
    border: 1px solid #d1d5db;
    box-shadow: 0px 1px 2px rgba(16, 24, 40, 0.05);
    border-radius: 6px;
    font-family: "Inter";
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    font-feature-settings: "salt" on;
    color: #9ca3af;
    margin-top: 4px;
  }
  .contact-ministry .right-side-contact form label {
    font-family: "Inter-bold";
    font-style: normal;
    font-weight: 500;
    font-size: 14px;
    line-height: 20px;
    font-feature-settings: "salt" on;
    color: #111827;
  }
  .contact-ministry .right-side-contact form input {
    width: 100%;
    display: block;
  }
  .contact-ministry .right-side-contact form .input-form-checkbox {
    width: 60%;
    display: inline-flex;
  }
  .right-side-contact form .input-form-checkbox span {
    font-family: "Inter";
    font-style: normal;
    font-weight: 400;
    font-size: 12px;
    line-height: 20px;
    font-feature-settings: "salt" on;
    color: #9ca3af;
  }
  .right-side-contact form button {
    padding: 10px 24px;
    font-family: "Inter";
    font-style: normal;
    font-weight: 500;
    font-size: 14px;
    line-height: 20px;
    font-feature-settings: "salt" on;
    color: #ffffff;
    background: #394869;
    border-radius: 6px;
    border: none;
    height: fit-content;
  }
  .right-side-contact form .input-form-checkbox span a {
    text-decoration: none;
    color: #2053d5;
  }
  .contact-ministry .right-side-contact form input[type="checkbox"] {
    appearance: none;
    display: inline;
    width: 24px;
    height: 24px;
    cursor: pointer;
    margin-right: 8px;
    border-radius: 4px;
  }
  .contact-ministry .right-side-contact form input[type="checkbox"]:checked {
    background-image: url("../img/svg/checkbox.svg");
    background-position: center;
    background-repeat: no-repeat;
    background-color: #394869;
  }
  .contact-ministry .right-side-contact form label select {
    width: 100%;
    display: block;
    background: #ffffff;
    border: 1px solid #d1d5db;
    box-shadow: 0px 1px 2px rgba(16, 24, 40, 0.05);
    border-radius: 6px;
    padding: 10px 12px;
    font-family: "Inter";
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    font-feature-settings: "salt" on;
    color: #9ca3af;
    outline: none;
  }
  .contact-ministry .right-side-contact form #fullname {
    margin-bottom: 32px;
  }
  .contact-ministry .right-side-contact form div label {
    width: 48%;
    margin-bottom: 32px;
    position: relative;
  }
  .contact-ministry .right-side-contact form .textarea-contact {
    width: 100%;
  }
  .contact-ministry .right-side-contact form textarea {
    width: 100%;
  }
  .contact-ministry .right-side-contact form div {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
  }
  .contact-ministry .right-side-contact form .input-file-contact {
    display: none;
  }
  
  .contact-ministry .right-side-contact form .file-contact {
    padding: 8px 20px;
    border: 1px solid #d1d5db;
    box-shadow: 0px 1px 2px rgba(16, 24, 40, 0.05);
    border-radius: 6px;
    width: auto;
    display: flex;
    align-items: center;
    font-size: 16px;
  }
  .contact-ministry .right-side-contact form .file-contact img {
    margin-right: 9px;
  }
  .body_dark .contact-ministry .right-side-contact .bottom-contact-page {
    border-top: 1px solid #535a70;
  }
  .contact-ministry .right-side-contact .bottom-contact-page {
    border-top: 1px solid #f2f2f2;
    padding-top: 24px;
  }
  .section-map {
    height: 461px;
    width: 100%;
    margin-bottom: 120px;
  }
  .section-map > div {
    height: 100%;
  }
  .section-map iframe {
    width: 100%;
    height: 100%;
  }
  .section-ducuments {
    margin-top: 120px;
    margin-bottom: 138px;
  }
  .header-ducument .right-header-contact,
  .section-ducuments .header-ducument {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    position: relative;
  }
  .input_all-page {
    background: #ffffff;
    border: 1px solid #d1d5db;
    box-shadow: 0px 1px 2px rgba(16, 24, 40, 0.05);
    border-radius: 6px;
    padding: 10px 12px;
    font-family: "Inter";
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    font-feature-settings: "salt" on;
    color: #9ca3af;
  }
  .header-ducument .right-header-contact select,
  .header-ducument .right-header-contact input {
    display: block;
    margin-top: 14px;
  }
  .header-ducument .right-header-contact input {
    width: 253px;
    margin-right: 16px;
  }
  .header-ducument .right-header-contact select {
    width: 202px;
  }
  .header-ducument .right-header-contact label {
    font-family: "Inter-bold";
    font-style: normal;
    font-weight: 500;
    font-size: 14px;
    line-height: 20px;
    font-feature-settings: "salt" on;
    color: #111827;
  }
  .header-ducument {
    margin-bottom: 32px;
  }
  .documents-box {
    display: flex;
    padding: 32px;
    background: #fafbff;
    border: 1px solid #dbe0ef;
    border-radius: 32px;
    position: relative;
  }
  .documents-box:not(:last-child) {
    margin-bottom: 32px;
  }
  .documents-box::before {
    position: absolute;
    content: "";
    width: 3px;
    height: 87px;
    background: #394869;
    border-radius: 10px;
    top: calc(50% - 87px / 2);
    left: 0;
  }
  .documents-box .img-gerb {
    border: 7px solid #d3d6e3;
    border-radius: 50%;
    background-color: #2c26b133;
    margin-right: 24px;
    width: 70px;
    height: 70px;
  }
  .documents-box .link_all img {
    margin-right: 13px;
  }
  .documents-box > div {
    width: 100%;
  }
  .documents-box > div > div {
    display: flex;
    justify-content: space-between;
  }
  .documents-box > div > div div {
    display: flex;
    justify-content: space-between;
    align-items: center;
  }
  .documents-box > div h1 {
    font-family: "Inter-bold";
    font-style: normal;
    font-weight: 500;
    font-size: 24px;
    line-height: 150%;
    color: #111827;
    margin-bottom: 34px;
    max-width: 90%;
  }
  .documents-box .btn-data-box a:nth-child(2) {
    padding: 8px 11px;
    background: #dde7ff;
    border-radius: 6px;
    margin-left: 32px;
  }
  .section-public-info,
  .section-statistik {
    margin-top: 120px;
    margin-bottom: 138px;
  }
  .section-statistik .documents-box > div h1 {
    max-width: unset;
    margin-bottom: unset;
  }
  .section-statistik .documents-box > div {
    display: flex;
    align-items: center;
  }
  .section-public-info .data-time span {
    font-size: 16px;
    line-height: 24px;
    margin-right: 16px;
  }
  .section-public-info .data-time a {
    font-family: "Inter";
    font-style: normal;
    font-weight: 500;
    font-size: 14px;
    line-height: 150%;
    color: #394869;
    margin-right: 16px;
    text-underline-offset: 3px;
  }
  .section-public-info .documents-box > div h1 {
    margin-bottom: unset;
  }
  .pagination-content {
    text-align: center;
    margin-top: 50px;
  }
  .pagination-content a {
    display: inline-flex;
    font-family: "Inter";
    font-style: normal;
    font-weight: 500;
    font-size: 18px;
    line-height: 28px;
    font-feature-settings: "salt" on;
    color: #4b5563;
  }
  .pagination-content a:not(:last-child) {
    margin-right: 22px;
  }
  .pagination-content .number-pugination {
    text-decoration: none;
    padding-left: 15px;
    padding-right: 15px;
  }
  .pagination-content a:last-child,
  .pagination-content a:first-child {
    width: 48px;
    height: 48px;
    background: #f2f3f4;
    border-radius: 100px;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
  }
  .pagination-content a.active:last-child,
  .pagination-content a.active:first-child {
    background-color: #394869;
  }
  .pagination-content a.active:last-child img,
  .pagination-content a.active:first-child img {
    filter: brightness(6);
  }
  
  .pagination-content a:last-child img {
    transform: rotate(180deg);
  }
  .section-mediateka .header-news {
    margin-bottom: 32px;
  }
  .section-mediateka {
    margin-top: 120px;
    margin-bottom: 138px;
  }
  .mediateka-content.current {
    margin-top: 32px;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
  }
  .mediateka-content {
    display: none;
  }
  .media-box {
    width: 32%;
    margin-bottom: 32px;
  }
  .media-box {
    text-decoration: none;
  }
  .media-box:hover {
    cursor: pointer;
  }
  .media-box:hover > div {
    cursor: pointer;
    box-shadow: 0 14px 28px rgba(0, 0, 0, 0.25), 0 10px 10px rgba(0, 0, 0, 0.22);
    transition: 0.5s;
  }
  .media-box > div:hover {
    /* background: linear-gradient(0deg, rgba(38, 77, 177, 0.5), rgba(38, 77, 177, 0.5)), url('../img/svg/media.svg'); */
    background-position: center;
    background-repeat: no-repeat;
    cursor: pointer;
    /* transition: unset !important; */
  }
  .media-box > div:before {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background-image: url("../img/svg/Icon-img.svg"),
      linear-gradient(0deg, rgba(30, 81, 158, 0.3), rgba(30, 81, 158, 0.3));
    background-repeat: no-repeat;
    background-position: center;
    opacity: 0;
    transition: 0.5s;
  }
  .media-box > div:hover:before {
    opacity: 1;
  }
  
  .media-box > div {
    width: 100%;
    height: 257px;
    margin-bottom: 16px;
    background-image: url("../img/klav.jpg");
    background-size: 100% 100%;
    background-repeat: no-repeat;
    transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
    background-position: center;
    position: relative;
    border-radius: 8px;
    overflow: hidden;
  }
  .media-box > div img {
    width: 100%;
    height: 100%;
  }
  .media-box p {
    font-family: "Inter-bold";
    font-style: normal;
    font-weight: 500;
    font-size: 16px;
    line-height: 19px;
    color: #111827;
    width: 90%;
  }
  ol,
  ul {
    padding-left: unset;
  }
  .section-vacancy {
    margin-top: 120px;
    margin-bottom: 120px;
  }
  .section-vacancy .vacancy-box {
    padding-top: 32px;
    padding-bottom: 32px;
    border-bottom: 1px solid #6b728026;
  }
  .section-vacancy .accordion-body {
    font-size: 18px;
    font-family: "inter";
    color: #39424f;
  }
  .section-vacancy .accordion-button:not(.collapsed) {
    color: unset;
    background-color: unset;
    box-shadow: unset;
  }
  .section-vacancy .accordion-item {
    border: unset;
  }
  .section-vacancy .accordion-button:focus {
    border-color: unset;
    box-shadow: unset;
  }
  .section-vacancy .accordion-button {
    display: block;
    padding: unset;
  }
  .section-vacancy .vacancy-box a {
    display: flex;
    justify-content: space-between;
    align-items: center;
    text-decoration: none;
  }
  .section-vacancy .vacancy-box:not(:last-child) {
    margin-bottom: 32px;
  }
  .section-vacancy .vacancy-box p {
    font-family: "Inter";
    font-style: normal;
    font-weight: 500;
    font-size: 24px;
    line-height: 150%;
    color: #394869;
  }
  .interactive-servise {
    margin-top: 120px;
    margin-bottom: 600px;
  }
  .interactive-servise .header-news {
    margin-bottom: 64px;
  }
  .interactive-servise-content {
    display: none;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-top: 64px;
  }
  .interactive-servise-content.current {
    display: flex;
  }
  .container,
  .container-fluid,
  .container-lg,
  .container-md,
  .container-sm,
  .container-xl,
  .container-xxl {
    padding-right: unset;
    padding-left: unset;
  }
  dl,
  ol,
  ul {
    margin-bottom: unset;
  }
  .interactive-servise-content a {
    text-decoration: none;
    padding: 39px 32px;
    width: 32%;
    font-family: "Inter-bold";
    font-style: normal;
    font-weight: 500;
    font-size: 24px;
    line-height: 150%;
    display: flex;
    align-items: center;
    color: #111827;
    background: #ffcf88;
    border-radius: 32px;
    margin-bottom: 32px;
  }
  .interactive-servise-content a:nth-child(2) {
    background: #57daab;
  }
  .interactive-servise-content a:nth-child(3) {
    background: #c1d1fa;
  }
  .interactive-servise-content a:nth-child(4) {
    background: #cdcaff;
  }
  .interactive-servise-content a:nth-child(5) {
    background: #ffc1ad;
  }
  .interactive-servise-content a:nth-child(6) {
    background: #a5ffb9;
  }
  .news-content {
    margin-top: 96px;
    margin-bottom: 120px;
  }
  .news-bottom {
    margin-top: 64px;
  }
  .news-bottom a {
    text-decoration: none;
  }
  .news-page-box {
    display: flex;
    margin-bottom: 64px;
  }
  .news-page-box .img-news-page {
    margin-right: 24px;
    width: 427px;
    height: 279px;
    border-radius: 6px;
  }
  .news-page-box .img-news-page img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 6px;
  }
  .news-page-box > div h1 {
    font-family: "Inter";
    font-style: normal;
    font-weight: 600;
    font-size: 24px;
    line-height: 36px;
    color: #111827;
    margin-bottom: 16px;
  }
  .news-page-box > div p {
    font-family: "Inter";
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    color: #111827;
    margin-bottom: 40px;
    margin-top: 16px;
  }
  .btn-more-news {
    text-decoration: none;
    display: inline-flex;
    align-items: center;
    font-style: normal;
    font-weight: 500;
    font-size: 16px;
    line-height: 24px;
    font-feature-settings: "salt" on;
    color: #374151;
    padding: 8px 20px;
    border: 1px solid #d1d5db;
    box-shadow: 0px 1px 2px rgba(16, 24, 40, 0.05);
    border-radius: 6px;
  }
  .btn-more-news img {
    margin-right: 6px;
    font-family: "Inter";
  }
  .btn-news-box {
    text-align: center;
  }
  .useful-articles {
    margin-top: 56px;
    margin-bottom: 120px;
  }
  .useful-articles .news-bottom {
    margin-top: 120px;
  }
  .useful-articles .news-bottom {
    margin-top: 120px;
  }
  .news-cotainer {
    max-width: 802px;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    margin-top: 64px;
    margin-bottom: 50px;
  }
  .info-news-more {
    width: 100%;
    gap: 15px;
    margin-top: 20px;
    padding: 10px;
    display: flex;
    flex-wrap: wrap;
  }
  .info-news {
    padding: 10px;
  }
  .news-link a h3 {
    width: 100%;
    height: 60px;
    background: #394869;
    color: #fff;
    border-radius: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-family: "Inter-bold";
    font-size: 18px;
    margin: 0;
    padding: 0;
    border-top-left-radius: 0px;
    border-top-right-radius: 0px;
  }
  .info-news-item {
    width: 45%;
  }
  .info-news-item h2 {
    font-size: 16px;
    color: #000;
    font-family: "Inter-bold";
    font-style: normal;
    font-weight: 500;
  }
  .info-news-item p {
    font-size: 14px;
    color: #000;
    font-weight: 400;
    font-family: "Inter-bold";
  }
  
  .news-cotainer .imgbox-inner-news .img-inner-news {
    width: 100%;
    border-radius: 6px;
  }
  .news-cotainer .imgbox-inner-news .data-time {
    margin-top: 32px;
    align-items: center;
  }
  .news-cotainer .imgbox-inner-news .data-time .link_all img {
    margin-right: 6px;
  }
  /* slider  */
  .imgbox-inner-news {
    position: relative;
  }
  .imgbox-inner-news .prev,
  .imgbox-inner-news .next {
    cursor: pointer;
    width: auto;
    color: white;
    font-size: 14px;
    user-select: none;
    -webkit-user-select: none;
    background: #394869;
    border-radius: 50%;
    padding: 11px 18px;
    text-decoration: none;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .imgbox-inner-news .btn-slider-news {
    position: absolute;
    bottom: 196px;
    right: 28px;
    display: flex;
  }
  /* Position the "next button" to the right */
  .imgbox-inner-news .next {
    margin-left: 12px;
  }
  /* Container for image text */
  .caption-container {
    text-align: center;
    background-color: #222;
    padding: 2px 16px;
    color: white;
  }
  .imgbox-inner-news .row-slider {
    margin-top: 16px;
  }
  .imgbox-inner-news .row-slider .column-slider {
    border-radius: 6px;
  }
  .imgbox-inner-news .row-slider .column-slider:not(:last-child) {
    margin-right: 16px;
  }
  .imgbox-inner-news .row-slider:after {
    content: "";
    display: table;
    clear: both;
  }
  .imgbox-inner-news .column-slider div {
    position: absolute;
    width: 100%;
    height: 97%;
    background: linear-gradient(
        0deg,
        rgba(38, 77, 177, 0.5),
        rgba(38, 77, 177, 0.5)
      ),
      url();
    z-index: -1;
  }
  .imgbox-inner-news .column-slider.active div,
  .imgbox-inner-news .column-slider:hover div {
    z-index: unset;
  }
  /* Six columns side by side */
  .column-slider {
    position: relative;
    float: left;
    width: 17.66%;
  }
  .column-slider img {
    width: 100%;
    height: 100%;
  }
  .body_dark table th,
  .body_dark table td,
  .body_dark .news-text1 {
    color: #939fb8;
  }
  .body_dark .page-link {
    background: #31384e;
    border: 1px solid #535a70;
  }
  /* slider */
  .news-text1 blockquote {
    background-image: url("../img/svg/quote.svg");
    background-repeat: no-repeat;
    background-position: 12px 12px;
    padding: 32px;
    border: 1px solid #f0f1f2;
    border-radius: 12px;
    margin-top: 32px;
    margin-bottom: 32px;
  }
  .news-text1 blockquote p {
    font-family: "Inter";
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    color: #111827;
  }
  .news-text1 p {
    font-family: "Inter";
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    color: #111827;
  }
  .news-text1 a {
    text-decoration: none;
    color: rgb(25, 25, 218);
  }
  .body_dark .news-text1 a {
    color: #939fb8;
  }
  .news-text1 {
    margin-bottom: 32px;
  }
  .body_dark .modal-content {
    background: #31384e;
    border: 1px solid #535a70;
    color: #939fb8;
  }
  .body_dark .btn-close {
    filter: brightness(0) invert(1);
  }
  .body_dark a {
    color: #939fb8;
  }
  /* .news-text2,
  .news-text3{
      margin-bottom: 32px;
      padding-bottom: 32px;
      border-bottom: 1px solid #F0F1F2;
  } */
  .video-block-news {
    width: 100%;
    height: 492px;
    border-radius: 6px;
    cursor: pointer;
    position: relative;
    margin-bottom: 32px;
  }
  .video-block-news a {
    width: 100%;
    height: 100%;
    position: absolute;
  }
  .video-block-news a img {
    position: absolute;
    width: 100%;
    height: 100%;
  }
  .video-block-news a div {
    background: linear-gradient(
        0deg,
        rgba(38, 77, 177, 0.5),
        rgba(38, 77, 177, 0.5)
      ),
      url("../img/svg/video-icon.svg");
    position: absolute;
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    background-position: center;
  }
  .hashteg-block {
    margin-top: 32px;
    margin-bottom: 20px;
    padding-top: 32px;
    border-top: 1px dashed #394869;
    display: flex;
    flex-wrap: wrap;
  }
  .hashteg-block a {
    text-decoration: none;
    font-family: "Inter";
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    color: #394869;
    margin-right: 16px;
  }
  .similar-articles {
    margin-top: 100px;
    margin-bottom: 80px;
  }
  .similar-articles .header-news {
    margin-bottom: 42px;
  }
  .similar-articles .similar-articles-block {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
  }
  .section-mediateka .nav-lists-conents select {
    display: none;
  }
  .list-mobile-media .dropdown-statistic.active {
    position: unset !important;
  }
  .modal-block-contact {
    position: fixed;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    background-color: #0a0a0a8c;
    z-index: -9;
    align-items: center;
    display: flex;
    opacity: 0;
  }
  .modal-block-contact.active {
    opacity: 1;
    z-index: 9999;
  }
  .inner-modal-block {
    background-color: #fff;
    width: 815px;
    margin: auto;
    padding: 33px 24px;
    box-shadow: 0 3px 10px -0.5px rgba(0, 0, 0, 0.2);
    transform: scale(0.9);
    opacity: 0;
    transition: transform 0.15s, opacity 0.15s, visibility 0s linear 0.15s,
      -webkit-transform 0.15s;
  }
  .modal-block-contact.active .inner-modal-block {
    opacity: 1;
    transform: scale(1);
  }
  .select-statistic {
    position: relative;
    width: 300px;
  }
  .body_dark .select-statistic.active .current-statistic {
    border: 1px solid #575f77;
    box-shadow: 0px 0px 0px 4px rgba(255, 255, 255, 0.1);
  }
  .select-statistic.active .current-statistic {
    border: 1px solid #394869;
    box-shadow: 0px 0px 0px 4px rgba(38, 77, 177, 0.1);
  }
  .current-statistic:hover {
    cursor: pointer;
  }
  .body_dark .dropdown-statistic {
    background: #31384e;
    box-shadow: 0px 21px 45px -10px rgba(0, 0, 0, 0.1);
    border-radius: 8px;
  }
  .body_dark .dropdown-statistic ul li:not(:last-child) {
  }
  .body_dark .type-subject div,
  .body_dark .message-subject div {
    background-color: #31384e;
  }
  .current-statistic {
    border: 1px solid #d1d5db;
    padding: 10px 12px;
    position: relative;
    background: #ffffff;
    border-radius: 6px;
  }
  .current-statistic span {
    font-family: "Inter";
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    font-feature-settings: "salt" on;
    color: #9ca3af;
  }
  .body_dark .current-statistic {
    background: #31384e;
    border: 1px solid #535a70;
  }
  .current-statistic img {
    position: absolute;
    right: 20px;
    top: 0;
    bottom: 0;
    margin: auto;
    transform: rotate(0deg);
    transition: 0.3s;
  }
  .current-statistic img.active {
    transform: rotate(180deg);
    transition: 0.3s;
  }
  .dropdown-statistic {
    padding: 10px 12px;
    background: #ffffff;
    box-shadow: 0px 21px 45px -10px rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    position: absolute;
    background-color: #fff;
    width: 100%;
    /* display: none; */
    opacity: 0;
    /* z-index: -999; */
    z-index: 99;
    transition: all 0.5s;
    transform-origin: 50% 25%;
    pointer-events: none;
  }
  .dropdown-statistic.active {
    opacity: 1;
    transition: all 0.5s;
    transform-origin: 50% 25%;
    pointer-events: all;
  }
  .dropdown-statistic ul li:hover {
    cursor: pointer;
    background-color: #3948691a;
  }
  .body_dark .dropdown-statistic ul li:hover {
    color: #939fb8;
    background: linear-gradient(
        0deg,
        rgba(255, 255, 255, 0.1),
        rgba(255, 255, 255, 0.1)
      ),
      #31384e;
  }
  .dropdown-statistic ul li.active {
    background: linear-gradient(
        0deg,
        rgba(38, 77, 177, 0.1),
        rgba(38, 77, 177, 0.1)
      ),
      #ffffff;
  }
  .dropdown-statistic ul {
    width: 100%;
  }
  .dropdown-statistic ul li:not(:last-child) {
    margin-bottom: 8px;
    padding-bottom: 8px;
  }
  .dropdown-statistic ul li {
    font-family: "Inter";
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    font-feature-settings: "salt" on;
    color: #9ca3af;
    list-style: none;
    -moz-transition: all 0.15s ease-in;
    -o-transition: all 0.15s ease-in;
    -webkit-transition: all 0.15s ease-in;
    transition: all 0.15s ease-in;
    background-repeat: no-repeat;
    background-position: 12px center;
    background-size: 16px;
  }
  .inner-modal-block .top-modal {
    display: flex;
    align-items: center;
    justify-content: space-between;
  }
  .inner-modal-block .top-modal .btn-exit {
    width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid #e6ecf8;
    border-radius: 50%;
    /* transition: 0.5s; */
    /* transition: transform .3s ease-in-out; */
  }
  .inner-modal-block .top-modal .btn-exit img {
    transition: transform 0.3s ease-in-out;
  }
  .inner-modal-block .top-modal .btn-exit:hover img {
    transform: rotate(-180deg);
  }
  .inner-modal-block .top-modal h1 {
    font-family: "Inter";
    font-style: normal;
    font-weight: 600;
    font-size: 18px;
    line-height: 22px;
    color: #000000;
  }
  .inner-modal-block .organisation-info-block {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
  }
  .inner-modal-block .organisation-info-block > div {
    margin-top: 32px;
    width: 26%;
  }
  .inner-modal-block .organisation-info-block h1 {
    font-family: "Inter";
    font-style: normal;
    font-weight: 600;
    font-size: 24px;
    line-height: 29px;
    font-feature-settings: "salt" on;
    color: #111827;
    padding-bottom: 16px;
    border-bottom: 3px solid #f3f6ff;
    margin-bottom: 16px;
  }
  .btn-search:hover {
    cursor: pointer;
  }
  .inner-modal-block .organisation-info-block ul li {
    list-style: none;
    font-family: "Inter";
    font-style: normal;
    font-weight: 600;
    font-size: 18px;
    line-height: 24px;
    font-feature-settings: "salt" on;
    color: #111827;
  }
  .inner-modal-block .organisation-info-block ul li:not(:last-child) {
    margin-bottom: 18px;
  }
  .inner-modal-block .organisation-info-block ul li a {
    font-family: "Inter-bold";
    font-style: normal;
    font-weight: 500;
    font-size: 16px;
    line-height: 24px;
    font-feature-settings: "salt" on;
    color: #394869;
    text-underline-offset: 4px;
  }
  .btn-search {
    position: relative;
  }
  button {
    outline: none;
    cursor: pointer;
    border: none;
    background-color: #fff;
  }
  .body_dark .input-search input {
    color: #fff;
    background-color: unset;
  }
  /* .slider-useful-article .owl-item{
      margin-top: 100px !important;
  } */
  /* .slider-useful-article .owl-item.animations{
      margin-top: 0px !important; 
      transition: 1s;
  } */
  .slider-useful-content .owl-carousel .owl-stage {
    /* margin-top: 100px !important;
      opacity: 0;
      transition: 1s !important; */
  }
  .slider-useful-content .owl-carousel .owl-stage.animations {
    /* margin-top: 0px !important;
      opacity: 1;
      transition: 1s !important; */
  }
  .slider-useful-content .owl-carousel .owl-stage .owl-item {
    margin-top: 50px;
    /* opacity: 0; */
  }
  .slider-useful-content
    .owl-carousel
    .owl-stage.animations
    .owl-item:nth-child(1) {
    margin-top: 0px;
    opacity: 1;
    transition: 0.5s;
  }
  .slider-useful-content
    .owl-carousel
    .owl-stage.animations
    .owl-item:nth-child(2) {
    margin-top: 0px;
    transition: 0.7s;
  }
  .slider-useful-content
    .owl-carousel
    .owl-stage.animations
    .owl-item:nth-child(3) {
    margin-top: 0px;
    opacity: 1;
    transition: 0.9s;
  }
  .slider-useful-content
    .owl-carousel
    .owl-stage.animations
    .owl-item:nth-child(4) {
    margin-top: 0px;
    opacity: 1;
    transition: 1s;
  }
  .slider-useful-content
    .owl-carousel
    .owl-stage.animations
    .owl-item:nth-child(5) {
    margin-top: 0px;
    opacity: 1;
    transition: 1.2s;
  }
  .slider-useful-content
    .owl-carousel
    .owl-stage.animations
    .owl-item:nth-child(6) {
    margin-top: 0px;
    opacity: 1;
    transition: 1.4s;
  }
  .slider-useful-content
    .owl-carousel
    .owl-stage.animations
    .owl-item:nth-child(7) {
    margin-top: 0px;
    opacity: 1;
    transition: 1.5s;
  }
  .slider-useful-content
    .owl-carousel
    .owl-stage.animations
    .owl-item:nth-child(8) {
    margin-top: 0px;
    opacity: 1;
    transition: 1.6s;
  }
  .input-search input {
    height: 100%;
    outline: none;
    border: none;
    width: 0px;
    font-family: "Inter";
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    color: #9ca3af;
    transition: all 1s cubic-bezier(0, 0.11, 0.35, 2);
  }
  
  .input-search input.active {
    width: 430px;
    transition: all 1s cubic-bezier(0, 0.11, 0.35, 2);
  }
  .input-search.active {
    box-shadow: 0px 1px 2px rgba(16, 24, 40, 0.05);
    border-radius: 6px;
    border: 1px solid #d1d5db;
    padding-right: 4px;
  }
  .input-search {
    display: flex;
    align-items: center;
    justify-content: space-between;
    /* box-shadow: 0px 1px 2px rgba(16, 24, 40, 0.05); */
    border-radius: 6px;
    height: 40px;
    padding: 10px 13px 10px 12px;
  }
  .diagram-svg {
    position: relative;
  }
  .diagram-svg div {
    width: 100%;
    height: 40px;
    position: absolute;
    top: 50%;
    left: 0;
    margin-top: -33px;
    line-height: 19px;
    text-align: center;
    z-index: 999999999999999;
  
    font-family: "Inter-bolder";
    font-style: normal;
    font-weight: 700;
    font-size: 36px;
    line-height: 64px;
    z-index: 0;
    color: #111827;
  }
  #myChart {
    transform: rotate(0deg);
    /* width: 320px !important;
      height: 320px !important; */
  }
  .input-search button {
    /* padding: 0 10px 0 10px;
      background-color: #264DB1;
      color: #fff;
      border-radius: 6px; */
    border: none;
    outline: none;
    display: none;
    /* margin-right: 20px; */
  }
  .input-search button.active {
    display: flex;
  }
  button.btn-search {
    position: relative;
    background: #394869;
    border-radius: 4px;
    width: 34px;
    height: 32px;
    align-items: center;
    justify-content: center;
  }
  button.btn-search img {
    width: 20px;
    height: 20px;
    filter: brightness(100);
  }
  .eyeblock {
    position: relative;
  }
  .eyeblock .dropDown {
    background: #fff;
    position: absolute;
    top: 28px;
    right: 0;
    padding: 20px;
    width: 265px;
    color: #000;
    z-index: -5;
    border: 1px solid rgba(0, 0, 0, 0.15);
    border-radius: 4px;
    box-shadow: 0 6px 12px rgb(0 0 0 / 18%);
    background-clip: padding-box;
    opacity: 0;
    transition: 0.5s;
  }
  .eyeblock .dropDown h6 {
    font-family: "inter";
    font-size: 18px;
    margin-bottom: 15px;
  }
  .eyeblock .dropDown .viewBlock {
    margin-bottom: 15px;
  }
  .eyeblock .dropDown .viewBlock a.blue {
    background-color: #0057a8;
  }
  .eyeblock .dropDown.show {
    display: block;
    opacity: 1;
    z-index: 99;
  }
  .eyeblock a {
    font-family: "Inter";
    font-style: normal;
    font-weight: normal;
    font-size: 13px;
    line-height: 15px;
    color: #ffffff;
    display: inline-flex;
    align-items: center;
  }
  .eyeblock .dropDown .viewBlock a {
    width: 50px;
    height: 50px;
    font-size: 27px;
    font-weight: bolder;
    cursor: pointer;
    border: 2px solid #353535;
    color: #fff;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    margin: 0px !important;
  }
  .eyeblock .dropDown .viewBlock a.grey {
    background-color: #828282;
  }
  .eyeblock .dropDown .viewBlock a.black {
    background-color: #3e3e3e;
    border: 2px solid #828282;
  }
  .eyeblock .dropDown .slider {
    width: 100%;
  }
  .eyeblock .dropDown p {
    font-size: 16px;
    font-family: "inter";
  }
  .announce-boxes-section {
    display: none;
  }
  .announce-boxes-section.current {
    display: flex;
  }
  .navbar-mobile .main-navbar ul li a {
    border-bottom: none;
  }
  .navbar-mobile .main-navbar .submenu-mobile ul li a {
    padding: 8px 19px 11px 19px;
  }
  .submenu-mobile.active {
    display: block;
    transition: 1s ease-in-out;
  }
  .submenu-mobile {
    display: none;
    transition: 1s ease-in-out;
  }
  .body_dark .left-navbar .sotset-nav a,
  .body_dark {
    background-color: #252c3f;
  }
  .body_dark {
    opacity: 1;
    transition: 0.3s;
  }
  .body_dark .header-news {
    color: #fff;
  }
  .body_dark .navbar-top {
    opacity: 1;
    transition: 1s;
    background-color: #171c29;
  }
  .body_dark .announce-boxes-section .box-announce p {
    color: #939fb8 !important;
  }
  .body_dark .announcement-section .announcement-top ul li a {
    border-bottom: 1px solid #252c3f;
    color: #939fb8;
  }
  .body_dark .announcement-section .announcement-top ul li a:hover {
    border-bottom: 1px solid #fff;
    color: #fff;
  }
  .body_dark .interactive-section {
    background-color: #31384e;
  }
  .body_dark .content-interactive .box-interactive h6 {
    color: #939fb8;
  }
  .body_dark .content-interactive .box-interactive:hover h6,
  .body_dark .content-interactive .box-interactive.current h6 {
    color: #fff;
  }
  .body_dark .content-interactive .box-interactive.current .img-inter {
    background-color: #3b62c1;
  }
  .body_dark .content-interactive .box-interactive:hover .img-inter {
    background-color: #3b62c1;
  }
  .body_dark .content-interactive .box-interactive {
    background-color: #31384e;
    border: 1px solid #535a70;
  }
  .body_dark .content-interactive .box-interactive .img-inter {
    background-color: #4c546d;
  }
  .body_dark .content-interactive .box-interactive:hover,
  .body_dark .content-interactive .box-interactive.current {
    background-color: #394869;
  }
  .body_dark .btn-search img {
    filter: brightness(21);
  }
  .body_dark .data-time span img,
  .body_dark .main-navbar ul li a img,
  .body_dark .right-bar .tel-navbar span img,
  .body_dark .centre-navbar .right-bar .virtual-lobby img,
  .body_dark .content-interactive .box-interactive .img-inter img {
    filter: brightness(6);
  }
  .body_dark .info-news p,
  .body_dark .data-time span {
    color: #939fb8 !important;
  }
  .body_dark .links-bottom-inter a {
    background-color: #535a70;
    border: 1px solid #535a70;
    color: #939fb8 !important;
  }
  .body_dark .links-bottom-inter a img {
    filter: brightness(3);
  }
  .body_dark .links-bottom-inter:hover a img {
    filter: brightness(6);
  }
  .body_dark .links-bottom-inter a:hover {
    background-color: #394869;
    border: none;
    color: #fff !important;
  }
  .body_dark .main-navbar {
    border-bottom: 1px solid #171c29;
  }
  .body_dark .main-navbar ul li a {
    color: rgba(255, 255, 255, 0.76) !important;
    /* border-bottom: 1px solid #252C3F; */
  }
  .body_dark .main-navbar ul li a:hover {
    color: #ffffff !important;
  }
  .body_dark .main-navbar ul li a::before {
    background-color: #fff;
  }
  .body_dark .main-navbar ul li a:hover::before {
    /* background-color: #fff; */
  }
  .body_dark .centre-navbar .right-bar .virtual-lobby {
    background-color: #41485c;
    border: none;
  }
  .body_dark .link_all {
    color: #939fb8 !important;
  }
  .body_dark .document-boxes-content .document-box {
    background: #2f3649;
  }
  .body_dark .document-boxes-content .data-bottom-doc span,
  .body_dark .document-boxes-content .document-box p {
    color: #939fb8 !important;
  }
  .body_dark .service_rating .type-subject,
  .body_dark .service_rating .item {
    color: #939fb8 !important;
  }
  .body_dark .box-thought {
    background: rgba(236, 241, 255, 0.05);
  }
  .body_dark .box-thought p,
  .body_dark .box-thought .info-expert .name-expert span,
  .body_dark .box-thought .info-expert .name-expert h6 {
    color: #939fb8 !important;
  }
  .body_dark .nav-lists-conents ul li {
    border-bottom: 1px solid #252c3f;
    color: #939fb8;
  }
  .body_dark .nav-lists-conents ul li:hover,
  .body_dark .nav-lists-conents .current {
    border-bottom: 1px solid #ffffff;
    color: #fff;
  }
  .body_dark .section-organisation .content-organisation .right-side-org {
    background: #31384e;
  }
  .body_dark .useful-articles .box-useful-content p,
  .body_dark .section-organisation .right-side-org div span,
  .body_dark .section-organisation .right-side-org div p {
    color: #939fb8 !important;
  }
  .body_dark .useful-articles .box-useful-content {
    border: 1px solid #535a70;
  }
  .body_dark footer {
    background: #171c29;
  }
  
  .body_dark .section-statistic {
    background-color: #31384e;
  }
  .body_dark .box-statistic {
    background: #31384e;
    border: 1px solid #535a70;
  }
  .body_dark .statistic-diagram .diagram-box .diagram-info ul li,
  .body_dark .section-statistic .header-st-road,
  .body_dark .box-statistic h6,
  .body_dark .box-statistic p span,
  .body_dark .box-statistic p {
    color: #939fb8 !important;
  }
  .body_dark .box-statistic > span {
    color: #23c840 !important;
    background: rgba(35, 200, 64, 0.1);
  }
  .body_dark .announce-boxes-section .box-announce::before,
  .body_dark .box-statistic::before {
    background-color: #fff;
  }
  .body_dark .link-diagramm-banner {
    background-color: #31384e;
  }
  .body_dark .link-diagramm-banner span {
    color: #939fb8 !important;
  }
  .body_dark footer .info-company-footer {
    background: #252c3f;
  }
  .body_dark .destination-footer > div div,
  .body_dark footer .info-company-footer .sotset-footer a {
    background: #343e58;
  }
  .body_dark .subscribe-box-footer p,
  .body_dark .destination-footer > div p,
  .body_dark .destination-footer span,
  .body_dark .links-pages-footer ul li a {
    color: #a2a9bc !important;
  }
  .body_dark footer .info-company-footer p {
    color: #dbe0ef !important;
  }
  .info-company-footer iframe {
    width: 100%;
    height: 100%;
  }
  .body_dark .header-ducument .right-header-contact input::placeholder {
    color: #bfc0c4;
  }
  .body_dark .documents-box > div h1 {
    color: #fff;
  }
  .body_dark .documents-box::before {
    background-color: #fff;
  }
  .body_dark .header-contact-page,
  .body_dark .right-bar .tel-navbar h6,
  .body_dark .right-bar .tel-navbar span,
  .body_dark .centre-navbar .right-bar .virtual-lobby p {
    color: rgba(255, 255, 255, 0.76);
  }
  .body_dark .section-vacancy .vacancy-box p {
    color: rgba(255, 255, 255, 0.76);
  }
  .body_dark .section-vacancy .vacancy-box img {
    filter: brightness(6);
  }
  .body_dark .btn-more-news,
  .body_dark .news-page-box > div p,
  .body_dark .news-page-box > div h1 {
    color: #939fb8;
  }
  .body_dark .topmenu_contents {
    opacity: 1;
    transition: 1s;
    background-color: #252c3f;
  }
  .body_dark .news-page-box .link_all img {
    filter: brightness(6);
  }
  .body_dark .section-positions .position-box {
    background: #31384e;
    border: 1px solid #535a70;
  }
  .body_dark .section-positions .position-box .virtual-lobby,
  .body_dark .section-positions .position-box table tr td .tel-position,
  .body_dark .section-positions .position-box table tr th,
  .body_dark .section-positions .position-box table tr td {
    color: #939fb8 !important;
  }
  .body_dark .section-positions .position-box .position-holder img {
    border: 1px solid #535a70;
  }
  .body_dark .contact-ministry .right-side-contact .send-link a {
    color: #939fb8 !important;
    border-bottom: 1px solid #252c3f;
  }
  .body_dark .contact-ministry .right-side-contact .send-link a.current,
  .body_dark .contact-ministry .right-side-contact .send-link a:hover {
    border-bottom: 1px solid #fff;
    color: #fff !important;
  }
  .body_dark .right-side-contact form div label textarea,
  .body_dark .contact-ministry .right-side-contact form input {
    background: #31384e;
    border-color: #535a70;
    box-shadow: 0px 1px 2px rgba(16, 24, 40, 0.05);
  }
  .list-mobile-media {
    display: none;
  }
  .body_dark .contact-ministry .right-side-contact form label {
    color: #9ca3af;
    border-color: #535a70;
  }
  .body_dark .contact-ministry .right-side-contact form label select {
    background: #31384e;
    color: #9ca3af;
  }
  .body_dark .right-side-contact form button {
    background: #31384e;
  }
  .body_dark .header-ducument .right-header-contact select,
  .body_dark .header-ducument .right-header-contact input {
    background: #41485c;
    border: 1px solid #555d73;
    box-shadow: 0px 1px 2px rgba(16, 24, 40, 0.05);
    color: #bfc0c4;
  }
  .body_dark .header-ducument .right-header-contact label {
    color: #fff;
  }
  .body_dark .documents-box {
    background: #31384e;
  }
  .body_dark .documents-box .btn-data-box a:nth-child(2) {
    background: #252c3f;
  }
  .body_dark .contact-ministry .form-status .status-message p,
  .body_dark .contact-ministry .left-side-contact .info-contact .link-contact,
  .body_dark .contact-ministry .header-contact-page {
    color: #fff;
  }
  .body_dark .right-side-contact form div label textarea::placeholder,
  .body_dark .contact-ministry .right-side-contact form input::placeholder {
    color: #9ca3af;
  }
  .body_dark .contact-ministry .left-side-contact .info-contact div h6 {
    font-family: "Inter";
    color: #fff;
  }
  .body_dark .left-side-contact .info-contact .link-contact img {
    filter: brightness(6);
  }
  .body_dark .contact-ministry .form-status .status-message,
  .body_dark .contact-ministry .form-status form {
    background: #535a70;
  }
  .body_dark .documents-box .link_all img {
    filter: brightness(6);
  }
  .body_dark .documents-box .data-time span img {
    filter: brightness(16);
  }
  .body_dark .pagination-content a:last-child,
  .body_dark .pagination-content a:first-child {
    background: #31384e;
  }
  /* .body_dark .media-box > div:hover{
      background: linear-gradient(0deg, rgba(21, 34, 66, 0.47), rgba(21, 34, 66, 0.47)),url(../img/svg/media.svg);
      background-position: center;
      background-repeat: no-repeat;
  } */
  .body_dark .media-box p {
    color: #939fb8;
  }
  .body_dark .news-text1 p,
  .body_dark .news-text1 blockquote p {
    color: #939fb8;
  }
  .body_dark .news-text a {
    color: #fff;
  }
  .body_dark .news-text2,
  .body_dark .news-text3 {
    border-bottom: 1px solid #3b465c;
  }
  .body_dark .news-text1 blockquote {
    border: 1px solid #3b465c;
  }
  
  .body_dark .hashteg-block {
    border-top: 1px dashed #ffffff;
    color: #fff;
  }
  .body_dark .hashteg-block a {
    color: #fff;
  }
  .body_dark .video-block-news a div {
    background: linear-gradient(
          0deg,
          rgba(21, 33, 65, 0.5),
          rgba(21, 33, 65, 0.5)
        )
        center center no-repeat,
      url(../img/svg/video-icon.svg);
    background-repeat: no-repeat;
    background-position: center center;
  }
  .body_dark .btn-menu-mob img {
    filter: brightness(16);
  }
  .body_dark .submenu-navbar,
  .body_dark .navbar-mobile {
    background-color: #535a70;
  }
  .body_dark .submenu-navbar ul li a,
  .body_dark .navbar-mobile ul li a {
    border-bottom: 3px solid #535a70;
  }
  .body_dark .navbar-mobile .bottom-nav-mobile a {
    color: #fff;
  }
  .service_rating {
    width: 40%;
  }
  .service_rating.show form,
  .service_rating .status-message {
    display: none;
  }
  .service_rating.show .status-message {
    display: block;
  }
  .service_rating .type-subject {
    position: relative;
    width: 100%;
    font-family: "Inter-bold";
    font-style: normal;
    font-weight: 500;
    font-size: 14px;
    line-height: 20px;
    font-feature-settings: "salt" on;
    color: #111827;
  }
  .service_rating .type-subject .current-statistic {
    margin-top: 8px;
  }
  .service_rating .item {
    display: flex;
    font-family: "Inter-bold";
    font-style: normal;
    font-weight: 500;
    font-size: 14px;
    line-height: 150%;
    color: #2a3040;
    margin-top: 6px;
    gap: 10px;
    cursor: pointer;
  }
  .service_rating .btn_blue {
    padding: 10px 24px;
    font-family: "Inter";
    font-style: normal;
    font-weight: 500;
    font-size: 14px;
    line-height: 20px;
    font-feature-settings: "salt" on;
    color: #ffffff;
    background: #394869;
    border-radius: 6px;
    border: none;
    height: fit-content;
  }
  .rating_list {
    margin-bottom: 30px;
    margin-top: 10px;
  }
  .statistic-diagram .header-news {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    flex-wrap: wrap;
  }
  .statistic-diagram .header-news span {
    width: 40%;
    display: block;
  }
  @media (max-width: 1200px) {
    .navbar-mobile.active {
      display: block;
    }
    .navbar-mobile.active .btn-menu-mob {
      display: inline-block;
      margin-left: auto;
      float: right;
    }
    .section-document-thoughts .container .document-content {
      width: 100%;
    }
    .container {
      padding-left: 24px;
      padding-right: 24px;
    }
    .centre-navbar .right-bar .virtual-lobby,
    .right-navbar-links,
    .main-navbar {
      display: none;
    }
    .navbar-mobile .virtual-lobby {
      display: flex !important;
      margin-top: 20px;
    }
    .btn-menu-mob {
      display: block;
      margin-left: 32px;
    }
    .btn-menu-mob:hover {
      cursor: pointer;
    }
    .btn-menu-mob .btn-menu {
      display: none;
    }
    .btn-menu-mob .btn-menu.active {
      display: block;
    }
    .btn-menu-mob .btn-menu-close {
      display: none;
    }
    .btn-menu-mob .btn-menu-close.active {
      display: block;
    }
    .top-news .main-box {
      width: 100%;
    }
    .top-news .right-box {
      width: 100%;
      flex-direction: unset;
      margin-top: 16px;
    }
    .top-news .right-box .box-news {
      width: 49%;
    }
    .content-interactive .box-interactive {
      /* min-width: 281px; */
    }
    .links-bottom-inter.mob {
      display: flex;
      margin-bottom: 76px;
      overflow-x: scroll;
      margin-top: 61px;
    }
    .links-bottom-inter.mob::-webkit-scrollbar {
      display: none;
    }
    .news-link {
      width: 48%;
    }
    .thoughts-document {
      display: none;
    }
    .section-document-thoughts .document-content {
      width: 100%;
    }
    .section-document-thoughts {
      padding-bottom: 0;
    }
    .slider-useful-content .owl-dots.disabled,
    .slider-useful-content .owl-nav.disabled {
      right: 25px;
    }
    .news-container {
      overflow-x: scroll;
    }
    .announce-boxes-section {
      overflow-x: scroll;
      flex-wrap: nowrap;
    }
    .news-container::-webkit-scrollbar,
    .announce-boxes-section::-webkit-scrollbar {
      display: none;
    }
    .announce-boxes-section .box-announce {
      margin-right: 23px !important;
      min-width: 390px;
    }
    .news-section .news-container .news-link {
      min-width: 386px;
      margin-right: 30px;
    }
    .news-section .news-container {
      flex-wrap: unset;
    }
    .section-media-home .owl-carousel.owl-drag .owl-item {
      min-width: 422px;
      margin-right: 16px;
      width: unset !important;
    }
    .section-media-home .owl-carousel .owl-stage {
      overflow-x: scroll;
      display: flex;
    }
    .box-statistic {
      width: 100%;
    }
    .box-statistic:not(:last-child) {
      margin-bottom: 24px;
    }
    .section-statistic .header-st-road {
      margin-top: 24px;
    }
    .section-appeal-statistic .container {
      flex-wrap: wrap;
    }
    .diagram-box .diagram-svg {
      width: 248px;
      margin-right: 30px;
    }
    .diagram-box .diagram-svg svg {
      width: 100%;
    }
    .statistic-diagram .link_all {
      margin-top: 82px;
    }
    .section-appeal-statistic .statistic-diagram {
      padding: 61px 27px 43px 56px;
    }
    .section-organisation .content-organisation {
      flex-wrap: wrap;
    }
    .section-organisation .content-organisation .map-content-org {
      text-align: center;
      width: 100%;
      margin-bottom: 31px;
    }
    .section-organisation .content-organisation .right-side-org {
      width: 100%;
    }
    .centre-navbar {
      padding-bottom: 12px;
    }
  }
  @media (max-width: 1024px) {
    .list-mobile-media {
      display: block;
      width: 300px;
    }
    .section-appeal-statistic .statistic-diagram {
      padding: 61px 20px 43px 18px;
    }
    .content-suggestion {
      display: block;
    }
    .content-suggestion a {
      display: inline-flex;
      margin-top: 20px;
    }
    .slider-useful-content .owl-carousel .owl-stage {
      display: flex;
      overflow-x: hidden;
    }
    .slider-useful-content .owl-carousel.owl-drag .owl-item {
      min-width: 389px;
      margin-right: 24px;
    }
    footer .container {
      flex-wrap: wrap;
    }
    footer .info-company-footer {
      width: 100%;
      margin-bottom: 64px;
    }
    .links-pages-footer {
      padding-left: 0;
    }
    .links-pages-footer,
    .destination-footer {
      width: 50%;
    }
    .subscribe-box-footer {
      margin-top: 64px;
    }
    footer .bottom-footer .container {
      display: block;
      text-align: center;
    }
    footer .bottom-footer .left-bottom-foot {
      justify-content: center;
      margin-bottom: 32px;
    }
    .subscribe-box-footer {
      width: 43%;
    }
    .topmenu_contents h1 {
      text-align: center;
    }
    .topmenu_contents .container > div {
      display: block;
    }
    .topmenu_contents .left-side-topmenu ul {
      justify-content: flex-start;
      overflow: hidden;
      margin-bottom: 49px;
    }
    .topmenu_contents .right-side-topmenu {
      justify-content: space-between;
    }
    .section-positions .position-box table tr:last-child {
      display: block;
      position: absolute;
      left: 24px;
      bottom: 32px;
    }
    .section-positions .position-box {
      padding-bottom: 85px;
    }
    .contact-ministry .container {
      display: block;
    }
    .contact-ministry .left-side-contact {
      width: 100%;
    }
    .contact-ministry .right-side-contact {
      width: 100%;
      margin-top: 30px;
    }
    .contact-ministry .right-side-contact .send-link a:not(:last-child) {
      margin-right: 40px;
    }
    .right-side-contact .send-link {
      display: flex;
      overflow: scroll;
    }
    .right-side-contact .send-link::-webkit-scrollbar {
      display: none;
    }
    .contact-ministry .right-side-contact .send-link a:not(:last-child) {
      min-width: 150px;
      display: -webkit-box;
    }
    .contact-ministry .right-side-contact .send-link a {
      min-width: 265px;
      display: -webkit-box;
    }
    .documents-box .btn-data-box a:nth-child(2) {
      display: none;
    }
    .section-mediateka .nav-lists-conents > ul {
      display: none;
    }
    .media-box {
      width: 48%;
    }
    .section-mediateka .container {
      position: relative;
    }
    .section-mediateka .nav-lists-conents {
      position: absolute;
      right: 32px;
      top: 0;
    }
    .section-mediateka .nav-lists-conents select {
      display: block;
      border: 1px solid #d1d5db;
      box-shadow: 0px 1px 2px rgba(16, 24, 40, 0.05);
      border-radius: 6px;
      padding: 10px 12px;
      font-family: "Inter";
      font-style: normal;
      font-weight: 400;
      font-size: 14px;
      line-height: 20px;
      display: flex;
      align-items: center;
      font-feature-settings: "salt" on;
      color: #9ca3af;
      width: 202px;
    }
    .nav-lists-conents ul li {
      min-width: fit-content;
    }
    .nav-lists-conents {
      overflow: scroll;
    }
    .nav-lists-conents::-webkit-scrollbar {
      display: none;
    }
    .nav-lists-conents ul li {
      margin-right: 32px;
    }
    .interactive-servise-content a {
      width: 48%;
    }
    .interactive-servise {
      margin-bottom: 120px;
    }
    .imgbox-inner-news .row-slider,
    .imgbox-inner-news .btn-slider-news {
      display: none;
    }
    .news-cotainer {
      padding-left: 24px;
      padding-right: 24px;
      margin-bottom: 200px;
    }
    .topmenu_contents h1 {
      font-size: 32px;
      line-height: 39px;
    }
    .similar-articles {
      display: none;
    }
  }
  @media (max-width: 870px) {
    .slider-useful-content .owl-carousel .owl-nav button.owl-next {
      margin-left: 15px;
      margin-right: 15px;
    }
    .news-page-box .img-news-page {
      width: 100%;
      margin-bottom: 24px;
    }
    .news-page-box {
      margin-bottom: 24px;
    }
    .section-appeal-statistic .left-side-diagram,
    .section-appeal-statistic .statistic-diagram {
      width: 100%;
    }
    .section-appeal-statistic .left-side-diagram .banner-diagram {
      height: 672px;
    }
    .section-appeal-statistic .statistic-diagram {
      margin-bottom: 52px;
      padding: 61px 20px 43px 60px;
    }
    .section-appeal-statistic .banner-diagram .status-banner p {
      max-width: 299px;
      margin: auto;
    }
    .section-organisation .content-organisation .map-content-org img {
      width: 100%;
    }
    .news-page-box {
      display: block;
    }
    .news-page-box > a > img {
      margin-right: 0;
      width: 100%;
      height: 279px;
      margin-bottom: 24px;
    }
    .btn-news-box {
      display: none;
    }
    .logo {
      display: none;
    }
    .logo-mobile {
      display: block;
    }
  }
  @media (max-width: 700px) {
    .name-of-organiztions a {
      width: 50%;
    }
    .input-search input.active {
      width: 320px;
    }
    .news-cotainer {
      padding-left: 16px;
      padding-right: 16px;
    }
    .interactive-servise-content a {
      width: 100%;
    }
    .section-positions .position-box {
      display: block;
      padding: 0 0 138px 0;
    }
    .section-positions .position-box table tr th,
    .section-positions .position-box table tr td {
      display: block;
      padding-left: 0px;
    }
    .section-positions .position-box table tr:not(:first-child) th {
      margin-top: 32px;
    }
    .section-positions .position-box table tr th {
      line-height: 13px;
    }
    .section-positions .position-box table {
      margin-top: 32px;
      margin-left: 0;
    }
    .section-positions .position-box table tr:last-child {
      left: unset;
      bottom: 84px;
    }
    .section-positions .position-box .virtual-lobby {
      right: unset;
      bottom: 42px;
    }
    .section-positions .position-box {
      border: unset;
    }
    .container {
      padding-left: 14px;
      padding-right: 14px;
    }
    .section-positions .position-box:not(:last-child) {
      margin-bottom: 80px;
    }
    .centre-navbar {
      padding-bottom: 45px;
    }
    .documents-box > div > div {
      display: block;
    }
    .documents-box .btn-data-box {
      margin-top: 24px;
      padding-top: 34px;
      border-top: 1px solid #dbe0ef;
    }
    .documents-box {
      display: block;
    }
    .documents-box .btn-data-box {
      justify-content: center;
    }
    .documents-box .img-gerb {
      margin-bottom: 32px;
    }
    .pagination-content a:not(:last-child) {
      margin-right: 0px;
    }
    .section-ducuments .header-ducument {
      display: block;
    }
    .section-ducuments .header-ducument .right-header-contact {
      margin-top: 32px;
    }
    .header-ducument .right-header-contact select,
    .header-ducument .right-header-contact input {
      width: 100%;
    }
    .header-ducument .right-header-contact label {
      width: 48%;
    }
    .topmenu_contents .right-side-topmenu a {
      margin-right: 0px;
    }
    .documents-box > div h1 {
      max-width: 96%;
    }
    .section-public-info .documents-box .img-gerb,
    .section-statistik .documents-box .img-gerb {
      display: none;
    }
    .video-block-news {
      height: 258px;
    }
  }
  @media (max-width: 600px) {
    .attobanner img {
      height: 80px;
      object-position: left;
    }
    .body_dark .section-positions .position-box {
      padding: 10px;
    }
    .section-ducuments .dropdown-statistic,
    .section-ducuments .current-statistic,
    .header-ducument .right-header-contact label {
      width: 100%;
    }
    .header-ducument .right-header-contact label:first-child {
      margin-bottom: 20px;
    }
    .list-mobile-media {
      width: 100%;
    }
    .section-statistic .top-bar-news {
      display: block;
    }
    .select-statistic {
      width: 100% !important;
      margin-top: 20px;
    }
    .name-of-organiztions a {
      width: 100%;
    }
    .input-search input.active {
      width: 200px;
    }
    .links-bottom-inter.current {
      width: 100%;
    }
    .topmenu_contents h1 {
      font-size: 18px;
      line-height: 22px;
    }
    .news-page-box > div h1 {
      font-size: 18px;
      line-height: 24px;
    }
    .useful-articles .news-bottom .link_all,
    .useful-articles .news-page-box > div p {
      display: none;
    }
    .useful-articles .news-page-box > div a {
      display: flex;
      flex-direction: column-reverse;
    }
    .useful-articles .news-page-box > div h1 {
      margin-top: 16px;
    }
    .documents-box > div > div div {
      display: block !important;
    }
    .section-public-info .data-time span {
      margin-bottom: 8px;
      margin-top: 16px;
    }
    .right-navbar .img-icon-mob,
    .left-navbar .e_address {
      display: none;
    }
    .right-bar .tel-navbar {
      display: none;
    }
    .top-news .main-box {
      height: 230px;
    }
    .main-box .short-header {
      left: 19px;
    }
    .main-box .short-header h1 {
      font-size: 16px;
      line-height: 22px;
      white-space: unset;
    }
    .right-box .short-header h1 {
      white-space: unset;
    }
    .top-news .right-box .box-news {
      width: 100%;
      margin-bottom: 16px;
    }
    .top-news .right-box {
      flex-wrap: wrap;
    }
    .announcement-section .nav-announce {
      display: none;
    }
    .section-organisation .btn-organisation-mob,
    .announcement-section .btn-announce-mob {
      display: flex;
      padding: 10px 12px;
      background: #ffffff;
      border: 1px solid #d1d5db;
      box-shadow: 0px 1px 2px rgba(16, 24, 40, 0.05);
      border-radius: 6px;
      width: 182px;
      justify-content: space-between;
    }
    .section-organisation .btn-organisation-mob span,
    .announcement-section .btn-announce-mob span {
      font-family: "Inter";
      font-style: normal;
      font-weight: 400;
      font-size: 14px;
      line-height: 20px;
      font-feature-settings: "salt" on;
      color: #9ca3af;
    }
    .section-organisation .btn-organisation-mob,
    .announcement-section .btn-announce-mob:hover {
      cursor: pointer;
    }
    .news-section .news-container {
      overflow-x: unset;
      display: flex;
      flex-wrap: wrap;
    }
    .announce-boxes-section {
      overflow-x: unset;
      display: none;
      flex-wrap: wrap;
    }
    .announce-boxes-section.current {
      display: flex;
    }
    .news-section .news-container .news-link,
    .announce-boxes-section .box-announce {
      min-width: unset;
      width: 100%;
      margin-right: unset !important;
    }
    .announce-boxes-section .box-announce:not(:last-child) {
      margin-bottom: 24px;
    }
    .news-section .news-container .news-link:not(:last-child) {
      margin-bottom: 29px;
    }
    .content-interactive .box-interactive {
      width: 100%;
      margin-bottom: 42px;
    }
    .links-bottom-inter.mob {
      margin-bottom: 56px;
      margin-top: 17px;
    }
    .links-bottom-inter a {
      min-width: 100% !important;
    }
    .interactive-section {
      position: relative;
    }
    .interactive-section .link_all {
      position: absolute;
      bottom: 42px;
      left: 38%;
      display: none;
    }
    .section-statistic .top-bar-news,
    .interactive-section .top-bar-news {
      justify-content: center;
    }
    .section-media-home,
    .section-useful-article {
    }
    .document-boxes-content .document-box {
      width: 100%;
    }
    .section-document-thoughts {
      position: relative;
    }
    .section-statistic .link_all,
    .section-document-thoughts .link_all {
      position: absolute;
      bottom: 42px;
      left: 38%;
    }
    .section-document-thoughts {
      padding-bottom: 96px;
    }
    .section-statistic {
      padding-bottom: 94px;
      position: relative;
    }
    .section-appeal-statistic .statistic-diagram .diagram-box {
      flex-wrap: wrap;
      margin-top: 25px;
    }
    .section-appeal-statistic .statistic-diagram {
      /* padding: 61px 40px 43px 40px; */
      padding: 15px;
    }
    .diagram-box .diagram-svg {
      width: 100%;
      margin-bottom: 55px;
      margin-right: 0px;
    }
    .diagram-box .diagram-info {
      width: 100%;
    }
    .statistic-diagram .link_all {
      justify-content: center;
      font-size: 18px;
    }
    .section-document-thoughts .top-bar-news {
      justify-content: center;
    }
    .statistic-diagram .header-news {
      text-align: center;
      font-size: 20px;
      line-height: 36px;
    }
    .section-appeal-statistic .left-side-diagram .banner-diagram {
      height: 299px;
    }
    .section-appeal-statistic .banner-diagram .status-banner p {
      font-size: 18px;
    }
    .section-organisation .nav-lists-conents {
      display: none;
    }
    .section-organisation .btn-organisation-mob {
      width: 100%;
      display: none;
    }
    .content-suggestion p {
      font-size: 24px;
      line-height: 38px;
    }
    .section-organisation .right-side-org div p {
      font-size: 18px;
      line-height: 27px;
    }
    .section-organisation .right-side-org div span {
      font-size: 14px;
      line-height: 21px;
    }
    .link-diagramm-banner span {
      font-size: 16px;
      line-height: 24px;
    }
    .statistic-diagram .diagram-box .diagram-info ul li {
      font-size: 20px;
      line-height: 24px;
    }
    .slider-useful-content .owl-dots,
    .slider-useful-content .owl-nav {
      display: flex !important;
      justify-content: center;
      margin-top: 21px;
    }
    .slider-useful-content .owl-carousel.owl-drag .owl-item {
      /* margin-right: 0 !important; */
    }
    .useful-articles .box-useful-content p {
      font-size: 12px;
      line-height: 16px;
    }
    .useful-articles {
      margin-bottom: 30px;
    }
    .slider-useful-content .owl-carousel.owl-drag .owl-item {
      width: 255px !important;
      min-width: unset !important;
      margin-right: 24px !important;
    }
    .useful-articles .box-useful-content {
      padding: 22px 21px;
    }
    .subscribe-box-footer,
    .links-pages-footer,
    .destination-footer {
      width: 100%;
    }
    .destination-footer {
      margin-top: 24px;
    }
    footer .bottom-footer .left-bottom-foot {
      display: block;
    }
    footer .bottom-footer .left-bottom-foot p {
      margin-top: 26px;
    }
    .media-box {
      width: 100%;
    }
    .section-mediateka .nav-lists-conents {
      position: unset;
    }
    .section-mediateka .nav-lists-conents select {
      width: 100%;
    }
    .statistic-diagram .diagram-box .link_all.right_btn {
      position: unset;
    }
    .service_rating {
      width: 100%;
    }
  }
  @media (max-width: 430px) {
    .input-search input.active {
      width: 147px;
    }
    .navbar-mobile {
      width: 100%;
    }
    .navbar-mobile .bottom-nav-mobile {
      justify-content: space-around;
      flex-wrap: wrap;
    }
  }
  @media (max-width: 370px) {
    .navbar-mobile .bottom-nav-mobile a:not(:last-child)::after {
      display: none;
    }
    .navbar-mobile .bottom-nav-mobile a:not(:last-child) {
      margin-bottom: 16px;
    }
  }
  @media (max-width: 350px) {
    .right-navbar .btn-dark {
      margin-right: 13px;
      margin-left: 10px;
    }
  }