.elementor-145 .elementor-element.elementor-element-6b57a57{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:stretch;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--overlay-opacity:0.72;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:14%;--padding-bottom:11%;--padding-left:5%;--padding-right:5%;}.elementor-145 .elementor-element.elementor-element-6b57a57:not(.elementor-motion-effects-element-type-background), .elementor-145 .elementor-element.elementor-element-6b57a57 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://dev.702200.kz/wp-content/uploads/2025/06/АС-2024_07.jpg");background-position:0px 50%;background-repeat:no-repeat;background-size:cover;}.elementor-145 .elementor-element.elementor-element-6b57a57::before, .elementor-145 .elementor-element.elementor-element-6b57a57 > .elementor-background-video-container::before, .elementor-145 .elementor-element.elementor-element-6b57a57 > .e-con-inner > .elementor-background-video-container::before, .elementor-145 .elementor-element.elementor-element-6b57a57 > .elementor-background-slideshow::before, .elementor-145 .elementor-element.elementor-element-6b57a57 > .e-con-inner > .elementor-background-slideshow::before, .elementor-145 .elementor-element.elementor-element-6b57a57 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:var( --e-global-color-astglobalcolor7 );--background-overlay:'';}.elementor-145 .elementor-element.elementor-element-daeab7b{--display:flex;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-145 .elementor-element.elementor-element-b14724a{text-align:center;}.elementor-145 .elementor-element.elementor-element-b14724a .elementor-heading-title{color:var( --e-global-color-astglobalcolor5 );}.elementor-145 .elementor-element.elementor-element-86bb6fe{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--align-items:stretch;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--overlay-opacity:0.94;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:5%;--padding-bottom:0%;--padding-left:5%;--padding-right:5%;}.elementor-145 .elementor-element.elementor-element-86bb6fe:not(.elementor-motion-effects-element-type-background), .elementor-145 .elementor-element.elementor-element-86bb6fe > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://dev.702200.kz/wp-content/uploads/2025/08/Рыбки123-scaled.jpg");background-position:100% 90%;background-repeat:no-repeat;background-size:auto;}.elementor-145 .elementor-element.elementor-element-86bb6fe::before, .elementor-145 .elementor-element.elementor-element-86bb6fe > .elementor-background-video-container::before, .elementor-145 .elementor-element.elementor-element-86bb6fe > .e-con-inner > .elementor-background-video-container::before, .elementor-145 .elementor-element.elementor-element-86bb6fe > .elementor-background-slideshow::before, .elementor-145 .elementor-element.elementor-element-86bb6fe > .e-con-inner > .elementor-background-slideshow::before, .elementor-145 .elementor-element.elementor-element-86bb6fe > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:#FFFFFF;--background-overlay:'';}.elementor-145 .elementor-element.elementor-element-983c9c5{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-145 .elementor-element.elementor-element-13efe21{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--align-items:stretch;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:80px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-145 .elementor-element.elementor-element-3701798{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-145 .elementor-element.elementor-element-1b6bb35.elementor-element{--align-self:flex-start;}.elementor-145 .elementor-element.elementor-element-e6245ed{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-145 .elementor-element.elementor-element-492f0eb > .elementor-widget-container{margin:1% 0% 0% 0%;border-radius:12px 12px 12px 12px;box-shadow:0px 0px 10px 0px rgba(0, 0, 0, 0.25);}.elementor-145 .elementor-element.elementor-element-492f0eb iframe{height:650px;}@media(min-width:768px){.elementor-145 .elementor-element.elementor-element-daeab7b{--width:50%;}.elementor-145 .elementor-element.elementor-element-e6245ed{--width:100%;}}@media(max-width:1024px){.elementor-145 .elementor-element.elementor-element-6b57a57:not(.elementor-motion-effects-element-type-background), .elementor-145 .elementor-element.elementor-element-6b57a57 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-position:0px 0%;}.elementor-145 .elementor-element.elementor-element-86bb6fe:not(.elementor-motion-effects-element-type-background), .elementor-145 .elementor-element.elementor-element-86bb6fe > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-position:0% 54%;}.elementor-145 .elementor-element.elementor-element-86bb6fe{--padding-top:80px;--padding-bottom:80px;--padding-left:40px;--padding-right:40px;}.elementor-145 .elementor-element.elementor-element-1b6bb35 > .elementor-widget-container{margin:0px 0px 0px -10px;}.elementor-145 .elementor-element.elementor-element-e6245ed{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-145 .elementor-element.elementor-element-492f0eb > .elementor-widget-container{margin:3% 0% 0% 0%;}.elementor-145 .elementor-element.elementor-element-492f0eb iframe{height:550px;}}@media(max-width:767px){.elementor-145 .elementor-element.elementor-element-6b57a57:not(.elementor-motion-effects-element-type-background), .elementor-145 .elementor-element.elementor-element-6b57a57 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-position:center center;}.elementor-145 .elementor-element.elementor-element-6b57a57{--padding-top:31%;--padding-bottom:20%;--padding-left:5%;--padding-right:5%;}.elementor-145 .elementor-element.elementor-element-86bb6fe:not(.elementor-motion-effects-element-type-background), .elementor-145 .elementor-element.elementor-element-86bb6fe > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-position:0% 100%;background-repeat:repeat-y;}.elementor-145 .elementor-element.elementor-element-86bb6fe{--padding-top:64px;--padding-bottom:64px;--padding-left:24px;--padding-right:24px;}.elementor-145 .elementor-element.elementor-element-13efe21{--margin-top:0px;--margin-bottom:20px;--margin-left:0px;--margin-right:0px;}.elementor-145 .elementor-element.elementor-element-1b6bb35 > .elementor-widget-container{margin:0px 0px 30px -10px;}.elementor-145 .elementor-element.elementor-element-e6245ed{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:16px;}.elementor-145 .elementor-element.elementor-element-492f0eb > .elementor-widget-container{margin:0% 0% 0% 0%;}.elementor-145 .elementor-element.elementor-element-492f0eb iframe{height:400px;}}/* Start custom CSS for html, class: .elementor-element-1b6bb35 */.contacts-wrapper {
  display: grid;
  gap: 12px;
  max-width: 700px;
  margin: 0 auto;
  font-family: Helvetica, Arial, sans-serif;
  font-size: 1rem;
  font-weight: 300;
}

/* Карточка */
.contact-card {
  background: #fff;
  border-radius: 10px;
  box-shadow: 0 2px 5px rgba(0,0,0,0.06);
  overflow: hidden;
  position: relative;
}

/* Синяя полоска слева через псевдоэлемент */
.contact-card::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  width: 4px;
  background: #0077BD;
  z-index: 0;
}

/* Скрытый чекбокс */
.contact-card input {
  display: none;
}

/* Заголовок */
.contact-card label {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 12px 16px;
  font-weight: 500; /* жирный */
  color: #222; /* почти чёрный */
  cursor: pointer;
  position: relative;
  z-index: 2; /* Выше фона и полоски */
  background: none; /* Убираем фиксированный фон */
}

/* Hover эффект для основной части label */
.contact-card label:hover {
  background: linear-gradient(to right, transparent 0%, transparent 4px, #f0f8ff 4px); /* Голубой фон начинается после 4px */
  transition: background 0.3s ease;
}

/* Стрелочка */
.contact-card label::after {
  content: "▼";
  font-size: 0.9rem;
  color: #0077BD;
  transition: transform 0.3s ease;
  position: relative;
  z-index: 1;
}

/* Контент */
.contact-card .content {
  max-height: 0;
  overflow: hidden;
  padding: 0 16px;
  background: #fff;
  transition: max-height 0.4s ease, padding 0.3s ease;
}

.contact-card .content p {
  margin: 6px 0;
  color: #444;
  line-height: 1.4;
  font-weight: 300; /* лёгкий */
  font-size: 1rem;
}

/* Ссылки */
.contact-card .content a {
  color: inherit;
  text-decoration: none;
  font-weight: 300;
}

.contact-card .content a:hover {
  color: #0077BD;
}

/* При открытии */
.contact-card input:checked ~ .content {
  max-height: 600px;
  padding: 10px 16px 14px;
}

.contact-card input:checked + label::after {
  transform: rotate(180deg);
}/* End custom CSS */