:root {
  --font-family: "Lato", sans-serif;
  --second-family: "Lato", sans-serif;
  --third-family: "Lato", sans-serif;
  --font3: "Montserrat", sans-serif;
  --font4: "FuturaBookC", sans-serif;
  --sinіy-004a60: #004a60;
  --385f6a-sinіy: #385f6a;
  --2d4e57-sinіy: #2d4e57;
  --bіliy: #fff;
  --bіliy-1: #fdf9f9;
  --bіliy-2: #f6f6f6;
  --sad1d2-sіriy: #cad1d2;
  --385f6a-sinіy-15: rgba(56, 95, 106, 0.15);
  --385f6a-80: rgba(56, 95, 106, 0.8);
  --2d4e57-60: rgba(45, 78, 87, 0.6);
  --cadid2-50: rgba(202, 209, 210, 0.5);
  --385f6a-10: rgba(56, 95, 106, 0.1);
  --385f6a-50: rgba(56, 95, 106, 0.5);
  --cad1d2-80: rgba(202, 209, 210, 0.8);
  --385f6a--10: rgba(56, 95, 106, 0.1);
  --385f6a-500: rgba(56, 95, 106, 0.5);
  --385f6a--100: rgba(56, 95, 106, 0.1);
  --385f6a-100: rgba(56, 95, 106, 0.1);
}

@font-face {
  font-family: 'Futura PT';
  src: url('../fonts/Futura-PT.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'FuturaMediumC';
  src: url('../fonts/Futuramediumc.otf') format('opentype');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'Montserrat';
  src: url('../fonts/Montserrat-Regular.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'FuturaBookC';
  src: url('../fonts/Futurabookc.otf') format('opentype');
  font-weight: normal;
  font-style: normal;
}



.container {
  max-width: 82% !important;
}

.navbar {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  background-color: #FFF1F1;
  padding: 10px 20px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  z-index: 1000;
}
.logo img {
  height: 30px;
}
.nav-links {
  display: flex;
  list-style: none;
  align-items: center;
}
.nav-links li {
  margin-left: 20px;
}
.nav-links a {
  text-decoration: none;
  color: #333;
}
.language-selector {
  background: transparent;
  border: 1px solid #333;
  padding: 5px 10px;
  border-radius: 5px;
}
.contact-button {
  background: var(--385f6a-sinіy);
  padding: 8px 15px;
  border-radius: 5px;
}

.contact-button:focus {
  box-shadow: 0 5px 6px 0 rgba(45, 78, 87, 0.3);
}

.contact-button:hover {
  background: linear-gradient(180deg, #518d9d 0%, #2d4e57 100%);
}

.contact-button:active {
    background: linear-gradient(180deg, #7498a3 0%, #2d4e57 100%);
}

.contact-button:disabled {
   background: #9fa1a1;
}

.contact-button a{
    font-family: var(--font4);
    font-weight: 400;
    font-size: 20px;
    color: var(--bіliy-1) !important;
    text-decoration: none !important;
    padding-bottom:0;
}
.burger {
  display: none;
  cursor: pointer;
}
.burger div {
  width: 25px;
  height: 3px;
  background-color: #333;
  margin: 5px;
}
.fullscreen-menu {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #FFF1F1;
  z-index: 2000;
  padding: 20px;
}
.fullscreen-menu .close-btn {
  position: absolute;
  top: 20px;
  right: 20px;
  font-size: 30px;
  cursor: pointer;
}
.fullscreen-menu ul {
  list-style: none;
  padding: 50px 0;
}
.fullscreen-menu ul li {
  margin: 20px 0;
}
.fullscreen-menu ul li a {
  color: #333;
  text-decoration: none;
  font-size: 18px;
}
.fullscreen-menu .contact-info {
  position: absolute;
  bottom: 50px;
  left: 20px;
}
.fullscreen-menu .social-icons {
  position: absolute;
  bottom: 20px;
  left: 20px;
}
.fullscreen-menu .social-icons img {
  width: 30px;
  margin-right: 10px;
}
@media screen and (max-width: 1280px) {
  .nav-links li:not(:first-child):not(:last-child):not(:nth-last-child(2)) {
      display: none;
  }
  .burger {
      display: block;
  }
}
@media screen and (max-width: 768px) {
  .nav-links li:nth-last-child(2) {
      display: none;
  }
}


#head__banners-home {
  background-image: url('https://inobi-protect.com/wp-content/themes/inobi/assets/images/compress-img/main--fon-icm.webp');
  background-repeat: no-repeat;
  background-size: cover;
}

#head__banners-home--mob {
  display: none;
  background: linear-gradient(92deg, #004a60 0%, #5c828c 33.33%, #5c828c 66.67%, #004a60 100%);
}

.device__icons--img {
  width: 108px !important;
  height: auto;
}

#head__banners-home img {
  width: 100%;
}
.head__banner-svg {
  fill: linear-gradient(92deg, #004a60 0%, #5c828c 33.33%, #5c828c 66.67%, #004a60 100%);
}

.centered {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}


.title {
  font-family: var(--font-family);
  font-weight: 700;
  font-size: 68px;
  line-height: 125%;
  letter-spacing: 0.04em;
  color: var(--bіliy-1);
}

.subtitle {
  font-family: var(--font-family);
  font-weight: 700;
  font-size: 40px;
  line-height: 125%;
  letter-spacing: 0.04em;
  color: var(--bіliy-1);
}

.col-left, .col-right {
  width: 50%;
  display: table-cell;
  vertical-align: middle;
}

.col__main-image {
  position: absolute;
  bottom: -40px;
  right: 16px;
}
.col-left {
}
.col-right {
  text-align: center;
}

#supports_devices {
  padding: 126px 0px 140px 0px;
}
/* #supports_devices svg {
  position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
} */
.devices__wrapper {
  display: flex !important;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

.title_devices {
  font-family: var(--font-family);
  font-weight: 400;
  font-size: 20px;
  line-height: 150%;
  text-align: center;
  color: var(--sad1d2-sіriy);
  margin-top: 24px;
}

#plotters__inobi {
  background: var(--385f6a-sinіy-15);
  margin-top: 144px;
}

#plotters__inobi-2 {
  background: var(--bіliy);
}

#plotters__inobi-2 .main__title {
  padding-bottom: 60px;
}

#plotters__inobi-3 {
  background: var(--385f6a-sinіy-15);
}

.main__title {
  font-family: var(--font-family);
  font-weight: 700;
  font-size: 50px;
  line-height: 136%;
  text-align: center;
  color: var(--2d4e57-sinіy);
  padding-top: 64px;
}

.second__title {
  text-align: center;
  padding: 2rem 1rem 0rem 1rem;
  font-family: var(--font-family);
  font-weight: 400;
  font-size: 20px;
  line-height: 130%;
  text-align: center;
  color: var(--2d4e57-sinіy);
}

.pl__col {
  text-align: center;
}
.more__info-btn {
  border: 3px solid var(--sinіy-004a60);
  border-radius: 5px;
  padding: 11px 0px;
  width: 290px;
  height: 68px;
  background: transparent;
  font-family: var(--font-family);
  font-weight: 400;
  font-size: 18px;
  color: var(--sinіy-004a60);
}

.more__info-btn:hover {
  background: var(--sinіy-004a60);
  color: var(--bіliy-1);
}

.more__info-btn:active {
  background: linear-gradient(180deg, rgba(0, 74, 96, 0.8) 0%, #004a60 100%);
  color: var(--bіliy-1);
}

.more__info-btn-2:hover {
  background: var(--sinіy-004a60);
  color: var(--bіliy-1);
}

.more__info-btn-2:active {
  background: linear-gradient(180deg, rgba(0, 74, 96, 0.8) 0%, #004a60 100%);
  color: var(--bіliy-1);
}

.more__info-btn-2 {
  border: 3px solid var(--sinіy-004a60);
  border-radius: 5px;
  padding: 11px 0px;
  width: 290px;
  height: 68px;
  background: transparent;
  font-family: var(--font-family);
  font-weight: 400;
  font-size: 18px;
  color: var(--sinіy-004a60);
}

.plotters__inobi_btn {
  display: flex;
  justify-content: center;
  padding-top: 108px;
  padding-bottom: 72px;
}

.product-card {
  height: 100%;
}

.image-container {
  min-height: 200px;
}

.img--plotters-inobi-info {
  padding-top: 80px;
  padding-bottom: 80px;
}

.title2-plotters-inobi-info {
  font-family: var(--font-family);
  font-weight: 600;
  font-size: 34px;
  line-height: 147%;
  text-align: center;
  color: var(--2d4e57-sinіy);
  padding-bottom: 80px;
}

.title--plotters-inobi-info {
  font-family: var(--font-family);
  font-weight: 600;
  font-size: 25px;
  line-height: 152%;
  text-align: center;
  color: var(--2d4e57-sinіy);
}

.plotters__inobi_btn-2 {
  display: flex;
  justify-content: center;
  padding-bottom: 144px;
  padding-top: 90px;
}


.title__inobiprotection {
  font-family: var(--font-family);
  font-weight: 700;
  font-size: 50px;
  line-height: 136%;
  text-align: center;
  color: var(--2d4e57-sinіy);
  padding: 103px 0px 81px 0px;
}

.imgip__wrapper img {
  width: 100%;
}

.point__of_protection {
  padding: 0px 128px 144px 128px;
}

.point__item {
  display: flex;
  background: var(--385f6a-10);
  min-height: 162px;
  align-items: center;
  margin-right: 8px;
  padding: 0px 33px 0px 33px;
}

.point__description {
  font-family: var(--font-family);
  font-weight: 400;
  font-size: 18px;
  line-height: 130%;
  color: var(--2d4e57-sinіy);
  padding-left: 20px;
  word-break: break-word;
  overflow-wrap: break-word;
}
.form__wrapper {
  padding-top: 34px;
  padding-bottom: 24px;
}

.col__height {
  /*height: 665px;*/
  height: 100%;
  display: flex;
  align-items: center;
}

.form {
  /*background: white;*/
  width: 100%;
  margin-right: 15px;
}

.form__img img {
  width: 100%;
  height: 100%;
  display: block;
}

.form__title {
  font-family: var(--font-family);
  font-weight: 600;
  font-size: 25px;
  line-height: 120%;
  color: var(--2d4e57-sinіy);
  text-align: center;
  padding: 20px 0px 20px 0px;
}

form {
  padding: 0px 123px 0px 125px;
}

label {
  display: block;
  margin-bottom: 5px;
  margin-left: 7px;
  font-family: var(--font-family);
  font-weight: 500;
  font-size: 14px;
  line-height: 191%;
  color: var(--2d4e57-sinіy);
}

input[type="text"],
input[type="tel"],
input[type="email"],
textarea {
  width: 100%;
  padding: 10px;
  margin-bottom: 12px;
  border: 1px solid #ccc;
  box-sizing: border-box;
  background: var(--385f6a-sinіy-15);
}

input:focus,
textarea:focus {
    border-color: #66afe9;
    outline: none;
}

.error-message {
    display: none;
    font-family: var(--font-family);
    font-weight: 400;
    font-size: 12px;
    line-height: 191%;
    color: #984141;
    margin-left: 10px;
}

input.invalid,
textarea.invalid {
    border: 1px solid #984141;
    margin-bottom: 8px;
}


textarea {
  height: 100px;
  resize: vertical;
  background: var(--385f6a-sinіy-15);
}

.form__submit-btn {
  width: 100%;
  padding: 10px;
  background: var(--sinіy-004a60);
  color: #fff;
  border: none;
  border-radius: 4px;
  cursor: pointer;
  font-size: 16px;
}

.form__submit-btn:hover {
  background: linear-gradient(180deg, #2c7f98 0%, #004a60 100%);
  color: var(--bіliy-1);
}

.form__submit-btn:focus {
  box-shadow: 0 4px 4px 0 rgba(0, 74, 96, 0.25);
  background: var(--sinіy-004a60);
}

.form__submit-btn:active {
  background: linear-gradient(180deg, #004a60 0%, #4b7987 100%);
  color: var(--bіliy-1);
}

footer {
  background: var(--sinіy-004a60);
  color: #ffffff;
  padding: 20px 0;
  font-family: var(--second-family);
}

.footer__row {
  display: flex;
  justify-content:flex-start;
  width: 100%;
  gap: 65px;
  padding: 98px 0px 20px 0px;
}

.footer__logo {
  text-align: center;
  margin-right:80px;
}

.footer__logo img {
  display: block;
  margin: 0 auto 10px;
  padding-bottom: 53px;
}

.footer__logo p {
  margin: 10px 0;
  padding-bottom: 21px;
}

.footer__links {
  display: flex;
  gap: 75px;
  font-family: var(--second-family);
  font-weight: 400;
  font-size: 25px;
  color: var(--bіliy-1);
}

.footer__links a{
  color: var(--bіliy-1);
  text-decoration:none;
}

.footer__links ul {
  list-style: none;
  padding: 0;
}

.footer__links ul li {
  margin-bottom: 5px;
}
.point__description
.footer__links ul li a {
  color: #ffffff;
  text-decoration: none;
}

.footer__links ul li a:hover {
  text-decoration: underline;
}

.footer__contacts {
  text-align: left;
  font-family: var(--font-family);
  font-weight: 400;
  font-size: 25px;
  color: var(--bіliy-1);
}

.footer__contacts p {
  margin-bottom: 10px;
  font-family: var(--font-family);
  font-weight: 400;
  font-size: 25px;
  line-height: 209%;
  letter-spacing: 0.05em;
  color: var(--bіliy-1);
}

.footer__contacts a {
  display: block;
  color: #ffffff;
  font-size: 18px;
  text-decoration: none;
  margin-bottom: 5px;
}

.footer__contacts span {
  font-size: 14px;
  color: #A0BCC2;
  display: block;
  margin-bottom: 15px;
}

.social-icons {
  display: flex;
  gap: 10px;
}

.social-icons a img {
  width: 24px;
  height: 24px;
}

.footer__call img {
  width: 50px;
  height: 50px;
}


.breadcrumb {
  display: flex;
  flex-wrap: wrap;
  list-style: none;
  border-radius: 0.25rem;
  align-items: center;
  gap: 8px;
}

.breadcrumb-item + .breadcrumb-item::before {
  content: "/";
  padding: 0 5px;
  color: #6c757d;
}

.breadcrumb-item a {
  color: #007bff;
  text-decoration: none;
}

.breadcrumb-item a:hover {
  text-decoration: underline;
}

.breadcrumb-item.active {
  color: #6c757d;
}

#brand__history {
  background: linear-gradient(90deg, rgba(61, 106, 118, 0.15) 48.5%, rgba(61, 106, 118, 0.5) 100%);
  padding: 130px 0px;
}

#brand__history img {
  /*width: 100%;*/
}

.title__brand-history {
  font-family: var(--font-family);
  font-weight: 500;
  font-size: 25px;
  line-height: 152%;
  color: var(--385f6a-sinіy);
}

#descriptions__brand-history {
  padding: 96px 0px 104px 0px;
}

.wrapper__brand-history {
  display: flex;
  align-items: center;
}

.descriptions__brand-history_invert {
  margin-left: 130px;
} 

.descriptions__brand-history {
  font-family: var(--font-family);
  font-weight: 400;
  font-size: 25px;
  line-height: 152%;
  color: var(--2d4e57-sinіy);
  margin-right: 130px;
}

#brand__missions {
}

.brand__missions {
  display: flex;
  align-items: center;
  background: linear-gradient(90deg, rgba(61, 106, 118, 0.15) 48.5%, rgba(61, 106, 118, 0.5) 100%);
  padding: 104px 0px;
}

.title__brand_missions {
  font-family: var(--font-family);
  font-weight: 700;
  font-size: 50px;
  line-height: 136%;
  text-align: end;
  color: var(--sinіy-004a60);
  margin-right: 35px;
}

.descriptions__brand_missions {
  font-family: var(--font-family);
  font-weight: 600;
  font-size: 40px;
  line-height: 135%;
  color: var(--sinіy-004a60);
}


.title__inheritance-mission {
  font-family: var(--font-family);
  font-weight: 400;
  font-size: 25px;
  line-height: 152%;
  text-align: start;
  color: var(--2d4e57-sinіy);
}

.youtube__link {
  width: 100%;
  margin: 0 auto;
  padding: 132px 0px;
}

.youtube__link-description {
  display: flex;
  align-items: center;
    flex-direction: row;
    justify-content: center;
    gap: 20px;
}

.text_youtube__link-description {
  font-family: var(--font-family);
  font-weight: 500;
  font-size: 25px;
  line-height: 152%;
  color: var(--385f6a-sinіy);
}

.text_youtube__link-description span {
  font-weight: 900;
  font-size: 30px;
}

.horizontal-line {
  width: 30%;
  height: 2px;
  background-color: var(--385f6a-80);
  margin: 0 auto;
  margin-bottom: 50px;
}

.footer__desktop {
  display: block;
}

.footer__mob {
  display: none;
}

#protection__title {
  padding: 40px 0px 0px 0px;
}

#protection__title img {
  width: 100%;
  padding-top: 0px;
}

#protection__title2 {
  padding: 40px 0px 0px 0px;
}

#protection__title2 img {
  width: 100%;
  padding-top: 0px;
}

.protection__title {
  font-family: var(--font-family);
  font-weight: 700;
  font-size: 44px;
  line-height: 123%;
  text-align: center;
  color: var(--2d4e57-sinіy);
}

.protection__title-description {
  font-family: var(--font-family);
  font-weight: 600;
  font-size: 34px;
  line-height: 147%;
  text-align: center;
  color: var(--2d4e57-sinіy);
  padding-top: 20px;
  padding-bottom:90px;
}

#protection__description {
  padding: 100px 0px 144px 0px;
}

#protection__description2 {
  padding: 90px 0px 144px 0px;
}

#protection__description3 {
  padding: 144px 0px 144px 0px;
}

#protection__description4 {
  padding: 100px 0px 144px 0px;
}

#protection__description5 {
  padding: 80px 0px 144px 0px;
}

#protection__description6 {
  padding: 80px 0px 144px 0px;
}

#protection__description7 {
  padding: 80px 0px 144px 0px;
}

#protection__description8 {
  padding: 80px 0px 144px 0px;
}

#protection__description9 {
  padding: 80px 0px 144px 0px;
}


.charakteristik-title--invert {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
}

.charakteristik-row {
    display: flex;
    flex-wrap: wrap;
    align-items: stretch;
}

.charakteristik-title,
.charakteristik-image {
    height: 100%;
}

.protection__description--img--invert {
    width: 100%;
    height: 100%;
    object-fit: contain;
}


.icon__wrapper--invert {
  flex-direction: column;
  text-align: center;
  padding: 20px 8px 20px 8px !important;
}

.charakteristik {
  padding-top: 45px;
}

.protection__description--img{
  width: 100%;
}

.icon__wrapper {
  display: flex;
  align-items: center;
  gap: 20px;
  padding: 20px 20px 20px 0px;
}

.protection__description--title {
  font-family: var(--font-family);
  font-weight: 600;
  font-size: 30px;
  line-height: 153%;
  color: var(--2d4e57-sinіy);
  padding-top: 36px;
  padding-bottom: 36px;
}

.protection__description--title span {
  font-family: var(--font-family);
  font-weight: 400;
  font-size: 30px;
  line-height: 153%;
  color: var(--2d4e57-sinіy);
  display: block;
}

.icon__protect--description {
  font-family: var(--font-family);
  font-weight: 400;
  font-size: 20px;
  line-height: 130%;
  color: var(--2d4e57-sinіy);
}

.charakteristik-title_title {
  font-family: var(--font-family);
  font-weight: 700;
  font-size: 36px;
  line-height: 100%;
  color: var(--2d4e57-sinіy);
  text-align: left;
  padding-bottom: 40px;
}

.table-container {
  width: 680px;
  background: var(--385f6a-100);
  border-spacing: 0;
  border-collapse: collapse;
}

.table-container td {
  vertical-align: top;
}

.table-container td:first-child {
  font-family: var(--font-family);
  font-weight: 600;
  font-size: 22px;
  line-height: 127%;
  color: var(--2d4e57-sinіy);
  padding: 15px 60px 15px 42px;
}

.table-container td:last-child {
  font-family: var(--font-family);
  font-weight: 400;
  font-size: 20px;
  line-height: 130%;
  color: var(--2d4e57-sinіy);
  text-align: left;
  padding: 15px 60px 15px 42px;
}

.charakteristik-video {
    margin-top:90px;
}

.video {
  position: relative;
  width: 100%;
  height: 0;
  padding-bottom: 56.25%;
  background-color: #000000;
}

.video__link {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.video__media {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: none;
}

.video__button {
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: 1;
  display: none;
  padding: 0;
  width: 68px;
  height: 48px;
  border: none;
  background-color: transparent;
  transform: translate(-50%, -50%);
  cursor: pointer;
}

.video__button-shape {
  fill: #212121;
  fill-opacity: 0.8;
}

.video__button-icon {
  fill: #ffffff;
}

.video__button:focus {
  outline: none;
}

.video:hover .video__button-shape,
.video__button:focus .video__button-shape {
  fill: #ff0000;
  fill-opacity: 1;
}

.video--enabled {
  cursor: pointer;
}

.video--enabled .video__button {
  display: block;
}

.bg--section-plotters {
    background: linear-gradient(90deg, rgba(61, 106, 118, 0.15) 48.5%, rgba(61, 106, 118, 0.5) 100%);
}


.swiper {
  width: 100%;
  /*height: 580px;*/
  height: 100%;
}

.swiper-wrapper {
  align-items: center;
}

.swiper-container {
  background: linear-gradient(90deg, rgba(61, 106, 118, 0.15) 48.5%, rgba(61, 106, 118, 0.5) 100%);
  margin-top: 0px;
  padding:10px 0px;
  /*height: 550px;*/
  height: 100%;
}

.swiper-slide {
  text-align: center;
  font-size: 18px;
  background: transparent;
  display: flex;
  justify-content: center;
  align-items: center;
  height:auto !important;
}


.swiper-button-next,
.swiper-button-prev {
    color: #385F6A !important;
    background-color: #CAD1D2 !important;
    padding: 30px 20px;
    border-radius: 0;
    transition: background-color 0.3s ease;
}

.container-items {
  width: 75%;
  padding: 20px;
}
.item {
  display: flex;
  align-items: center;
  gap: 30px;
  font-family: var(--font-family);
  font-weight: 400;
  font-size: 20px;
  line-height: 130%;
  color: var(--2d4e57-sinіy);
  margin-bottom: 36px;
}
.item img {
  width: 32px;
  height: 16px;
}

.table-container--plotters td:first-child {
  padding: 15px 60px 15px 42px;
}

.table-container--plotters td:last-child {
  padding: 15px 22px 15px 34px;
}

.grid-container {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(325px, 1fr));
  gap: 20px;
}

.grid-container--invert {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
  gap: 20px;
}

.grid-container--invert-1 {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(250px, 1fr));
  gap: 20px;
}

.grid-container--invert-2 {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(10%, 1fr));
  gap: 30px;
  margin-top: 40px;
  padding-bottom: 60px;
  justify-content: center;
  align-content: center;

}

.grid-item {
  display: flex;
  flex-direction: column;
}

.icon__wrapper {
  max-width: 100%;
}

.larger-item {
  grid-column: span 2;
  width: 70%;
}

.point__items {
  padding-top: 64px;
}
#feedback__form {
  margin-bottom: 136px;
  background-image: url("https://inobi-protect.com/wp-content/themes/inobi/assets/images/compress-img/background-form-home.webp");
  background-repeat: no-repeat;
  background-size: cover;
}

.round-button {
  fill: var(--sad1d2-sіriy);
  color: #fff;
  border-radius: 100%;
  width: 60px;
  height: 60px;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 24px;
  border: none;
  position: fixed;
  bottom: 100px;
  right: 150px;
  z-index:99999;
}

.dropdown-menu-custom {
  position: absolute;
  top: -10px;
  right: 70px;
  width: 348px;
  padding: 0;
  border-radius: 8px;
}

.dropdown-header-custom {
  padding: 19px 10px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  background-color: #f8f9fa;
}

.list-unstyled li {
  background: white;
  margin-bottom: 20px;
  padding: 15px 0px 15px 30px;
  font-family: var(--font-family);
  font-weight: 500;
  font-size: 20px;
  color: var(--2d4e57-sinіy);
}

.list-unstyled li:hover {
  background: #CAD1D2;
}

.list-unstyled li:last-child {
  margin-bottom: 0 !important;
}

.h6__div {
  margin: 0 auto;
  font-size: 16px;
  font-weight: bold;
  font-family: var(--font-family);
  font-weight: 700;
  font-size: 20px;
  color: var(--2d4e57-sinіy);
}

.dropdown-body {
  padding: 0px;
  background: #e1e9eb;;
}

.dropdown-item {
  display: flex;
  align-items: flex-end;
}

.dropdown-item:hover {
  background: #CAD1D2;
  color: var(--2d4e57-sinіy);
}

.dropdown-item img {
  width: 39px;
  height: auto;
  margin-right: 15px;
}

.form__callback {
  padding: 19px 57px 0px 57px;
}

/* Собственные стили для увеличения размеров инпутов */
.form-control.custom-input {
  height: 59px; /* Высота инпутов */
  font-size: 18px; /* Размер шрифта */
}

/* Собственные стили для увеличенной ширины модального окна */
.modal-lg-custom {
  max-width: 854px; /* Ширина модального окна */
}

.modal-body {
  padding: 0;
}
.modal-header {
  border-bottom:0;
}
.modal-footer {
  border-top:0;
  justify-content: center;
  padding: 0px 0px 0px 0px;
}

.btn__custom--forms {
  background: var(--sinіy-004a60);
  width: 100%;
  padding: 16px 0px;
  font-family: var(--font-family);
  font-weight: 400;
  font-size: 22px;
  color: var(--bіliy-1);
}

.btn__custom--forms span {
}

.modal {
  top: 15%;
}

.modal_review_bitrix {
  top: 0 !important;
}

.custom-button {
  background-color: #007bff;
  border: none;
  padding: 10px;
  border-radius: 50%;
  cursor: pointer;
}

/* Стили модального окна */
.custom-modal {
  display: none;
  position: fixed;
  z-index: 1000;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  overflow: auto;
  background-color: rgba(0, 0, 0, 0.5);
}

/* Стили контента модального окна */
.custom-modal-content {
  background-color: #fff;
  margin: 15% auto;
  padding: 20px;
  border-radius: 10px;
  width: 80%;
  max-width: 600px;
  position: relative;
}

/* Стили кнопки закрытия */
.custom-modal-close {
  position: absolute;
  top: 10px;
  right: 15px;
  font-size: 24px;
  cursor: pointer;
}

/* Стили формы */
.custom-form .form-group {
  margin-bottom: 15px;
}

.custom-form .form-control {
  width: 100%;
  padding: 8px;
  border: 1px solid #ccc;
  border-radius: 4px;
}

.custom-button-submit {
  background-color: #007bff;
  color: #fff;
  border: none;
  padding: 10px 20px;
  border-radius: 4px;
  cursor: pointer;
}


body.modal-open {
  overflow: hidden;
}

.newsection3_svg {
  padding-top: 80px;
}

#map { height: 647px; margin-bottom: 145px;}

#marker1Info,#marker2Info,#marker3Info {
  cursor:pointer;
  color:blue;
}

.title_maps {
  font-family: var(--font-family);
  font-weight: 700;
  font-size: 44px;
  line-height: 123%;
  text-align: center;
  color: var(--2d4e57-sinіy);
  padding-bottom: 92px;
  padding-top: 120px;
}

.title_partners {
  font-family: var(--font-family);
  font-weight: 700;
  font-size: 44px;
  line-height: 123%;
  text-align: center;
  color: var(--2d4e57-sinіy);
}

.mySwiper5 {
  width: 100%;
  height:100% !important;
  z-index: 1;
  margin:92px 0px 142px 0px;
}

.swiper .swiper-pagination {
    position: absolute !important;
    bottom: 0px !important;
    left: 0 !important;
    right: 0 !important;
    text-align: center;
}

.swiper .swiper-pagination-bullet {
  border-radius: 20px;
  width: 22px;
  height: 22px;
}

.swiper .swiper-pagination-bullet-active {
  border-radius: 20px;
  background: var(--385f6a-500);
}
#gidrogel__main-title {
    margin-bottom:144px;
}
#gidrogel__main-title img {
    width:100%;
}
.gidrogel__main-title {
    font-family: var(--font-family);
    font-weight: 700;
    font-size: 50px;
    line-height: 136%;
    text-align: center;
    color: var(--2d4e57-sinіy);
    margin-bottom:92px;
}

.gidrogel__main-description {
    font-family: var(--font-family);
    font-weight: 400;
    font-size: 20px;
    line-height: 150%;
    color: var(--2d4e57-sinіy);
    background: var(--385f6a--100);
    padding:20px 0px;
}

.gidrogel__main-description span{
    font-family: var(--font-family);
    font-weight: 600;
    font-size: 20px;
    line-height: 150%;
    color: var(--2d4e57-sinіy);
}

#plotters__main-title {
    margin-bottom:144px;
}

#plotters__main-title img {
    width:100%;
}
.plotters__main-title {
    font-family: var(--font-family);
    font-weight: 700;
    font-size: 50px;
    line-height: 136%;
    text-align: center;
    color: var(--2d4e57-sinіy);
    margin-bottom:92px;
}

.plotters__main-description {
    font-family: var(--font-family);
    font-weight: 400;
    font-size: 20px;
    line-height: 150%;
    color: var(--2d4e57-sinіy);
    background: var(--385f6a--100);
    padding:20px 0px;
}

.plotters__main-description span{
    font-family: var(--font-family);
    font-weight: 600;
    font-size: 20px;
    line-height: 150%;
    color: var(--2d4e57-sinіy);
}

.plotters__main-ul ul{
    font-family: var(--font-family);
    font-weight: 400;
    font-size: 20px;
    line-height: 150%;
    color: var(--2d4e57-sinіy);
}

.plotters__main-ul p {
    font-family: var(--font-family);
    font-weight: 600;
    font-size: 25px;
    line-height: 152%;
    color: var(--2d4e57-sinіy);
}

.plotters__main--complete {
    font-family: var(--font-family);
    font-weight: 700;
    font-size: 28px;
    line-height: 121%;
    text-align: center;
    color: var(--2d4e57-sinіy);
    padding-bottom:50px;
}

.footer__logomma--mob {
    display: flex;
    justify-content: center;
    margin-top: 30px;
    margin-bottom: 30px;
    flex-direction: column;
    align-items: center;
}

.footer__logomma--mob p{
    font-family: var(--font-family);
    font-weight: 500;
    font-size: 12px;
    line-height: 209%;
    letter-spacing: 0.05em;
    color: var(--bіliy-1);
}

.shadow--img {
    filter: drop-shadow(0 5px 7px rgba(0, 0, 0, 0.5));
    max-width:80%;
}

.img-fluid--small-pt {
    max-width: 100%;
    height: auto;
    width: 40%;
}

.about__inobi_img {
    width:100%;
}

.img-path-fluid {
    max-width: 50%;
    height: auto;
}

.pll-switcher-select {
    border: 2px solid var(--385f6a-sinіy);
    border-radius: 5px;
    width: 66px;
    height: 32px;
    text-align: center;
    font-family: var(--third-family);
    font-weight: 500;
    font-size: 20px;
    color: var(--385f6a-sinіy);
}

.plotters__shadows {
              filter: drop-shadow(0 5px 7px rgba(0, 0, 0, 0.5));
}

/* News Archive Styles */
.news-archive {
    padding: 40px 0;
    max-width: 1200px;
    margin: 0 auto;
}

.news-header {
    margin-bottom: 30px;
}

.page-title {
    font-family: var(--font-family);
    font-weight: 700;
    font-size: 40px;
    line-height: 136%;
    text-align: center;
    color: var(--2d4e57-sinіy);
    margin-bottom:70px;
}

/* Category Filter Tabs */
.news-tabs {
    margin-bottom: 30px;
}

.category-filter {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    list-style: none;
    padding: 0;
    margin: 0 0 20px;
    gap: 15px;
}

.category-filter .cat-item {
    margin: 0;
    padding: 0;
}

.category-filter .cat-item a {
    display: block;
    padding: 8px 16px;
    font-family: var(--font-family);
    font-weight: 700;
    font-size: 24px;
    line-height: 121%;
    text-decoration: underline;
    text-decoration-skip-ink: none;
    text-align: center;
    color: var(--2d4e57-sinіy);
}

/*.category-filter .cat-item.active a,*/
/*.category-filter .cat-item a:hover {*/
/*    background-color: #333;*/
/*    color: #fff;*/
/*}*/

/* News Grid Layout */
.news-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 30px;
}

.news-item {
    background: var(--385f6a--100);
    padding:16px;
    display: flex;
    flex-direction: column;
    height: 100%;
    position: relative;
}

.news-link {
    display: flex;
    flex-direction: column;
    height: 100%;
    text-decoration: none;
    color: inherit;
}

.news-content {
    display: flex;
    flex-direction: column;
    flex-grow: 1;
}

.news-thumbnail {
    position: relative;
    overflow: hidden;
    height: 200px;
}

.news-thumbnail img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.5s ease;
}

.news-categories {
    font-family: var(--font-family);
    font-weight: 400;
    font-size: 16px;
    line-height: 137%;
    color: var(--2d4e57-sinіy);
}

.news-title {
    font-family: var(--font-family);
    font-weight: 600;
    font-size: 20px;
    line-height: 130%;
    color: var(--2d4e57-sinіy);
    margin-bottom:12px;
}

.news-meta {
    font-family: var(--font-family);
    font-weight: 400;
    font-size: 16px;
    line-height: 137%;
    color: rgba(45, 78, 87, 0.8);
    margin-bottom:11px;
    margin-top: auto;
}

.news-date {
    font-family: var(--font-family);
    font-weight: 400;
    font-size: 16px;
    line-height: 137%;
    color: var(--2d4e57-sinіy);
}

.news-excerpt {
    font-size: 14px;
    line-height: 1.5;
    color: #555;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    height: 63px; /* Примерно 3 строки текста */
    overflow: hidden;
}

/* Pagination */
.pagination-container {
    margin-top: 40px;
    display:flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
}

.numbered-pagination {
    margin-bottom: 20px;
}

.pagination .page-numbers {
    display: inline-block;
    padding: 8px 17px;
    margin: 0 4px;
    background: #f8f8f8;
    color: var(--2d4e57-sinіy);
    border: 2px solid var(--2d4e57-600);
    border-radius: 5px;
    text-decoration: none;
    font-size: 14px;
    transition: background-color 0.3s ease, color 0.3s ease;
}

.pagination .page-numbers.current {
    background: var(--2d4e57-sinіy);
    color: var(--bіliy-2);
}

.pagination .page-numbers.next,
.pagination .page-numbers.prev {
    font-weight: bold;
}

.load-more-btn {
    display: inline-block;
    background: #f8f8f8;
    padding: 9.5px 56px;
    font-family: var(--font-family);
    font-weight: 500;
    font-size: 18px;
    line-height: 128%;
    text-align: center;
    color: var(--2d4e57-sinіy);
    border: 2px solid var(--2d4e57-600);
    border-radius: 5px;
    margin-top: 20px;
}

.no-posts {
    grid-column: 1 / -1;
    text-align: center;
    padding: 40px;
    font-size: 18px;
    color: #666;
}

/* Responsive Design */
@media (max-width: 992px) {
    .news-grid {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (max-width: 768px) {
    .category-filter {
        gap: 10px;
    }
    
    .category-filter .cat-item a {
        padding-right: 32px;
        font-weight: 600;
        font-size: 20px;
        line-height: 150%;
    }
}

@media (max-width: 576px) {
    .news-grid {
        grid-template-columns: 1fr;
    }
    
    .news-thumbnail {
        height: 180px;
    }
    
    .pagination .page-numbers {
        padding: 6px 10px;
        font-size: 13px;
    }
    
    .load-more-btn {
        padding: 10px 25px;
        font-size: 15px;
    }
}

/* Single News Styles */
.single-news {
    max-width: 800px;
    margin: 40px auto;
    padding: 0 20px;
}

.news-full {
    background: #fff;
    border-radius: 10px;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.05);
    overflow: hidden;
}

.news-header {
    padding: 15px 0px 0px 0px;
}

.news-categories {
    margin-top: 16px;
    margin-bottom: 16px;
}

.category-tag {
    display: inline-block;
    padding: 4px 10px;
    margin-right: 8px;
    margin-bottom: 8px;
    background-color: #f5f5f5;
    border-radius: 15px;
    font-size: 13px;
    color: #555;
}

.news-full .news-title {
    font-size: 28px;
    line-height: 1.3;
    margin-bottom: 15px;
    color: #222;
    font-weight: 600;
}

.news-full .news-meta {
    display: flex;
    align-items: center;
    font-size: 14px;
    color: #666;
    margin-bottom: 20px;
}

.news-date {
    margin-right: 15px;
}

.news-author {
    font-weight: 500;
}

.news-featured-image {
    margin-bottom: 30px;
}

.news-featured-image img {
    width: 100%;
    height: auto;
    display: block;
}

.news-content {
    font-size: 16px;
    line-height: 1.7;
    color: #333;
}

.news-content p {
    margin-bottom: 20px;
}

.news-content img {
    max-width: 100%;
    height: auto;
    border-radius: 6px;
    margin: 20px 0;
}

.news-content h2, 
.news-content h3 {
    margin-bottom: 12px;
    font-weight: 600;
}

/* Navigation between posts */
.news-navigation {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 20px 30px;
    border-top: 1px solid #eee;
    margin-top: 30px;
}

.prev-post,
.next-post {
    max-width: 40%;
}

.prev-post a,
.next-post a,
.back-to-news a {
    text-decoration: none;
    color: #333;
    font-size: 14px;
    display: flex;
    align-items: center;
    transition: color 0.3s ease;
}

.prev-post a:hover,
.next-post a:hover,
.back-to-news a:hover {
    color: #007bff;
}

.nav-arrow {
    font-size: 18px;
    font-weight: bold;
}

.prev-post .nav-arrow {
    margin-right: 8px;
}

.next-post .nav-arrow {
    margin-left: 8px;
}

.nav-title {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.back-to-news a {
    padding: 8px 15px;
    border: 1px solid #ddd;
    border-radius: 20px;
    font-weight: 500;
}

/* Related news section */
.related-news {
    padding: 30px;
    background-color: #f9f9f9;
    border-top: 1px solid #eee;
}

.related-title {
    font-size: 22px;
    margin-bottom: 20px;
    font-weight: 600;
    text-align: center;
}

.related-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 20px;
}

.related-grid .news-item {
    background: #fff;
}

.related-grid .news-thumbnail {
    height: 140px;
}

.related-grid .news-content {
    padding: 15px;
}

.related-grid .news-title {
    font-size: 16px;
    margin-bottom: 8px;
    -webkit-line-clamp: 2;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

/* Responsive styles */
@media (max-width: 768px) {
    .news-full .news-title {
        font-size: 24px;
    }
    
    .related-grid {
        grid-template-columns: repeat(2, 1fr);
    }
    
    .news-navigation {
        flex-direction: column;
        gap: 15px;
    }
    
    .prev-post, 
    .next-post {
        max-width: 100%;
        width: 100%;
    }
    
    .back-to-news {
        order: -1;
        margin-bottom: 10px;
    }
}

@media (max-width: 576px) {
    .related-grid {
        grid-template-columns: 1fr;
    }
    
    .news-full .news-title {
        font-size: 22px;
    }
    
    .news-archive {
        padding: 0px 0px 80px 0px;
    }
    
    .page-title {
        margin-bottom:32px;
    }
}

.wpcf7 form.sent .wpcf7-response-output {
    color: black;
}

.yt-section {
    background:
    linear-gradient(rgba(56, 95, 106, 0.05), rgba(56, 95, 106, 0.05)),
    url('https://inobi-protect.com/wp-content/themes/inobi/assets/images/background-about-rozvitok.webp') center/cover no-repeat;
}

.review_bitrix_button {
    font-family: var(--font-family);
    font-weight: 400;
    font-size: 20px;
    text-align: center;
    color: #004a60 !important;
    border-radius: 5px;
    padding: 9px 18px;
    background: var(--bіliy-1);
}

.review_bitrix_button:hover {
    background: var(--bіliy-2);
}

.review_bitrix_button:focus {
    box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.25);
    background: var(--bіliy-1);
}

.review_bitrix_button:active {
    background: #cbd7db;
}

.review_bitrix_button:disabled,
.review_bitrix_button[disabled] {
    background: #9fa1a1;
}

.training_department_select {
    padding-top:25px;
}

.pr__desc-column {
    margin-top:0px;
}

.row-video-sections {
    padding:0;
}