* {
  margin: 0;
  padding: 0;
}
html,
body{
	height: 100%;
}
html{
	font-size:62.5%;
	 scroll-behavior: smooth; /* Плавный скролл */
    scroll-padding-top: 120px; 

}
body{
	font:400 1.4rem/1.3 var(--ff-calibri);
	color:#3A5454;
	/* background-color: #0a111e !important; */

}


body.scroll-off{
	overflow:hidden;
}
ul{
	margin:0; padding:0;
	list-style:none;
}
.list{
	
}
ol{
	margin:0; padding:0;
}
a{
	color:#3A5454;
}
a:hover,
a:focus{
	color:#3A5454;
	text-decoration: none;
}

table{
	width: 100%;
    border-collapse: collapse;
    margin-bottom: 20px;
}
th{
	text-align: center;
}
th,td{
    padding: 10px;
    border: 1px solid #333;
    background-color: #555;
    color: #fff;
    font-size: 1.8rem;
}
td {
    background-color: #cccccc;
    color: #333;
    font-size: 1.6rem;
}
tr:nth-child(2n):hover td,
tr:hover td{
	background-color: #eaeaea;
}

tr:nth-child(2n) td {
    background-color: #fff;
}

.no-color th,
.no-color td{
	background-color: #fff;
}
.no-color td:hover{
	background-color: #fff !important;
}
p{
	font-size: 16px;
    line-height: 1.4;
	margin: 0 0 10px;
}

h2 {
	color: #1e2229 !important; 
}

.link{
	color: #337ab7;
	text-decoration: none;
}
.link:hover,
.link:focus{
	color: #23527c;
	text-decoration: underline;
}
div:focus,
button:focus,
a:focus{
	outline:none;
}
.bold{
	font-weight:700;
}
:root{ 
	--ff-calibri: 'Calibri', sans-serif;
	--main-color: #185EB4;
	--dark-blue: #16339e;
	--yellow: #f8ff3c;
	--gold: #e6c110;
	--dark-gold: #d4a94f;
	--orange: #fd8f00;
	 --sec-blue-dark: #001d51;   /* Глубокий синий (основной цвет доверия и надежности) */
    --sec-blue-light: #2563eb;  /* Технологичный синий (сети, IP-видео, линки) */
	--sec-blue-dark-v2: #030e22;
    --sec-yellow: #f59e0b;      /* Предупреждающий янтарный/желтый (питание, сигналы) */
    --sec-red: #dc2626;         /* Активный красный (запись, тревожная кнопка, alarm) */
    --sec-text-muted: #64748b;  /* Спокойный серый для вспомогательного текста */
}
.flex{
	display:flex !important;
}
.flex-sb{
	display:flex !important;
	justify-content: space-between;
}
.flex-jc-c{
	display:flex !important;
	justify-content: center;
}
.flex-end{
	display:flex !important;
	justify-content: flex-end;
}
.flex-c{
	display: flex !important;
	align-items: center;
}
.flex-cc{
	display: flex !important;
	align-items: center;
	justify-content: center;
}
.flex-c-sb{
	display: flex !important;
	align-items: center;
	justify-content: space-between;
}
.flex-wrap{
	display:flex !important;
	flex-wrap:wrap;
}
.bold{
	font-weight:700;
}
.container.flex-c-sb:before,
.container.flex-c-sb:after,
.container.flex-sb:before,
.container.flex-sb:after{
	content: none;
}
.main-wrapper{
	position:relative;
	min-height:100%;
	overflow:auto;
}

/*.main-content{
	padding-bottom: 90px;
}*/

.styleUL ul{
	margin: 0 0 10px;
	padding: 0 0 0 35px;
	list-style: square;
}

.styleOL ol{
	margin: 0 0 10px;
	padding: 0 0 0 35px;
}

.styleUL,.styleOL li{
	font-size: 16px;
    line-height: 1.4;
}

/* ----- Header ----- */
/* ----- Callback modal ----- */

.callback-modal-dialog{
  width: 100%;
  max-width: 520px;
  margin: 80px auto;
}

.callback-modal{
  position: relative;
  padding: 40px 45px 35px;
  border: none;
  border-radius: 12px;
  box-shadow: 0 10px 40px rgba(0, 0, 0, 0.15);
}

.callback-modal__close{
  position: absolute;
  top: 12px;
  right: 16px;
  border: none;
  background: none;
  color: #999;
  font-size: 28px;
  line-height: 1;
  cursor: pointer;
  transition: 0.25s;
}

.callback-modal__close:hover{
  color: #333;
}

.callback-modal__head{
  margin-bottom: 25px;
  padding-bottom: 20px;
  border-bottom: 1px solid #e8e8e8;
  text-align: center;
}

.callback-modal__title{
  margin: 0 0 12px;
  font: 700 2.2rem/1.3 var(--ff-calibri);
  color: #1a1a1a;
}

.callback-modal__subtitle{
  margin: 0;
  font-size: 1.4rem;
  line-height: 1.5;
  color: #666;
}

.callback-modal__field{
  margin-bottom: 12px;
}

.callback-modal__input,
.callback-modal__textarea{
  display: block;
  width: 100%;
  padding: 14px 16px;
  border: 1px solid #e3e3e3;
  border-radius: 8px;
  background-color: #f5f5f5;
  font-size: 1.5rem;
  line-height: 1.4;
  color: #333;
  transition: border-color 0.25s, background-color 0.25s;
  resize: vertical;
}

.callback-modal__input:focus,
.callback-modal__textarea:focus{
  outline: none;
  border-color: #4159c1;
  background-color: #fff;
}

.callback-modal__input::placeholder,
.callback-modal__textarea::placeholder{
  color: #888;
}

.callback-modal__check{
  display: flex;
  align-items: flex-start;
  gap: 10px;
  margin: 0 0 12px;
  font-size: 1.2rem;
  line-height: 1.45;
  color: #777;
  font-weight: 400;
  cursor: pointer;
}

.callback-modal__check input{
  flex: 0 0 16px;
  width: 16px;
  height: 16px;
  margin: 2px 0 0;
}

.callback-modal__check a{
  color: #4159c1;
  text-decoration: underline;
}

.callback-modal__check a:hover{
  color: #2f43a8;
}

.callback-modal__req{
  color: #e31e24;
}

.callback-modal__submit{
  display: block;
  width: 100%;
  margin-top: 8px;
  padding: 14px 20px;
  border: none;
  border-radius: 8px;
  background-color: #4159c1;
  color: #fff;
  font: 700 1.6rem/1.4 var(--ff-calibri);
  text-transform: none;
  cursor: pointer;
  transition: background-color 0.25s;
}

.callback-modal__submit:hover,
.callback-modal__submit:focus{
  background-color: #3448a8;
  color: #fff;
}

@media screen and (max-width: 575px){
  .callback-modal{
    padding: 30px 20px 25px;
  }

  .callback-modal__title{
    font-size: 1.9rem;
  }

  .callback-modal__subtitle{
    font-size: 1.3rem;
  }
}
/* ----- Header callback ----- */

.header__feedback{
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  justify-content: flex-end;
}

.header__email{
  color: #e31e24;
  text-decoration: none;
}

.header__social{
  display: flex;
  align-items: center;
  justify-content: flex-end;
  width: 100%;
  margin-top: 5px;
}

.header__social a{
  display: inline-block;
  line-height: 0;
}

img.social-icons{
  height: 25px;
  margin: 5px 8px;
}

.header__callback-btn {
    background-color: #ff9900;
    color: #fff;
    border: none;
    padding: 10px 20px;
    border-radius: 4px;
    font-family: 'Roboto', sans-serif;
    font-weight: 500;
    text-transform: uppercase;
    font-size: 1.2rem;
    transition: background-color 0.2s;
}

.header__callback-btn:hover,
.header__callback-btn:focus:hover{
  background-color: #fff;
  color: #1a1a1a;
  border-color: #1a1a1a;
}

.header__callback-btn:focus{
  outline: none;
  background-color: #1a1a1a;
  color: #fff;
  border-color: #1a1a1a;
}


.header-callback-modal .modal-title{
  font: 700 2rem/1.3 var(--ff-calibri);
  color: var(--dark-blue);
  text-transform: uppercase;
}

.header-callback-form__input{
  display: block;
  width: 100%;
  margin-bottom: 12px;
  padding: 12px 15px;
  border: 1px solid #ccc;
  font-size: 1.6rem;
}

.header-callback-form__submit{
  display: block;
  width: 100%;
  padding: 12px 15px;
  border: none;
  background-color: #f57f17;
  color: #fff;
  font-size: 1.6rem;
  text-transform: uppercase;
  transition: 0.25s;
}

.header-callback-form__submit:hover{
  background-color: #f1592a;
}

@media screen and (max-width: 991px){
  .header__feedback{
    align-items: center;
    margin-top: 15px;
  }

  .header__social{
    justify-content: center;
  }
}


.burger{
	display:none;
}
.header-fixed{
	position: fixed;
	left: 0; top: 0;
	z-index: 10;
	width: 100%;
	background-color: #fff;
}
.header__wrapper--first {
    padding: 20px 0;
}
.header__wrapper--second {
    background-color: var(--sec-blue-dark) !important;
    border-top: none;
    border-bottom: 3px solid var(--sec-yellow) !important; /* Тонкая сигнальная желтая полоса под меню */
}
.header__first {
    font-family: 'Roboto', sans-serif;
    font-weight: 400;
    font-size: 1.4rem;
    text-transform: none; /* Убираем агрессивный CAPS для адреса */
    color: #555;
}
.header__first > div{
	width: 33.33%;
}
.header__address{

}
.header_contacts {
	display: flex;
}
.header__logo{
	text-align: center;	
}
.header__logo a{

}
.header__logo img{
	width: 120px;
}
.header__feedback{
    justify-content: flex-end;
}
.header_number {
	cursor: pointer;
}
.header__telephones,
.footer__p-cont{
	position: relative;
    padding-left: 0px;
}
.footer__p-cont{
	padding-left: 0px;
}
.header__telephones:before,
.footer__p-cont:before{
    content: '';
    position: absolute;
    left: 0; top: 50%;
	transform: translateY(-50%);
    width: 40px; height: 45px;
    background: url(../../../images/smartphone_call_orange.png) center/contain no-repeat;
}
.footer__p-cont:before{
    width: 35px; height: 35px;
}
.header__telephones a{
	cursor: pointer;
	display:block;
	font-size:1.8rem;
}
.header__social-networks{
	margin-left: 20px;
}
.header__social-networks a{

}
.header__social-networks a+a{
	margin-left: 5px;
}
.header__social-networks img{

}
.main-menu {
    margin: 0 -20px 0 -20px;
}

.main-menu li {
    position: relative; /* Для правильного позиционирования выпадающего списка */
}
.main-menu a {
    display: block;
    padding: 15px 20px;
    font-family: 'Roboto', sans-serif;
    font-weight: 500;
    font-size: 1.4rem;
    letter-spacing: 0.5px;
    text-transform: uppercase;
    color: #ffffff; /* Белый текст по умолчанию */
    transition: all 0.3s ease;
}

/* Наведение и активные пункты — подсвечиваем предупреждающим желтым */
.main-menu a:hover,
.main-menu > li.active > a,
.main-menu li.current > a {
    color: var(--sec-yellow) !important;
    /* background-color: #1a273f;  */
    text-decoration: none;
}

/* Выпадающий список (сабменю) */
.main-menu ul { 
    position: absolute;
    z-index: 99;
    padding: 10px 0;
    border: none;
    border-top: 3px solid var(--sec-yellow) !important; /* Желтая полоса сверху выпадашки */
    background-color: var(--sec-blue-dark) !important; /* Темно-синий фон в цвет шапки */
    opacity: 0;
    visibility: hidden;
    transition: .35s;
    min-width: 280px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.3); /* Более глубокая тень для объема */
}
.main-menu ul li + li {
    margin-top: 5px;
}

/* Ссылки внутри выпадающего списка */
.main-menu ul a {
    display: block;
    padding: 10px 20px !important;
    font-size: 1.3rem;
    text-transform: none; /* Удобные для чтения строчные буквы */
    color: #ffffff !important;
    background-color: transparent !important;
    transition: background-color 0.2s, color 0.2s;
}

/* Наведение на ссылку внутри выпадающего списка — технологичный синий */
.main-menu ul a:hover {
    color: #ffffff !important;
    background-color: var(--sec-blue-light) !important; /* Синий фон при наведении */
    text-decoration: none;
}

.main-menu li:hover ul {
    opacity: 1;
    visibility: visible;
}

/* ----- Top Slider ----- */

.top-slider-wrapper{
	background: url('/templates/microton/img/image_1.webp') center no-repeat;
	background-size: cover !important;
}
.top-slider{

}
.top-slider__slide{
	padding-left: 25px;
	height:430px;
}
.top-slider__left{
	margin: 0 150px 0 0;
	width: 600px; max-width: 100%;
	text-shadow: 0 0 2px #000;
}
.top-slider__tit{
	margin: 0 0 10px;
	/* font: 700 5rem/5.8rem var(--ff-calibri); */
	text-transform: uppercase;
	color: aliceblue;
}
.top-slider__description{
	margin:0;
	font-size: 1.8rem;
	color: aliceblue;
}
.top-slider__right{

}
.top-slider__img{
	max-width:100%;
	border: 5px solid #fff;
    border-radius: 75px 0px 75px 0px;
}
.top-slider .slick-dots{
	display: flex !important;
	position: absolute;
	left:50%; bottom: 20px;
	transform:translateX(-50%);
}
.top-slider .slick-dots li+li{
	margin-left: 10px;
}
.top-slider .slick-dots button{
	color: transparent;
}

/* ----- Advantages ----- */

.m-tit{
	position: relative;
	margin: 0 0 60px;
	text-align: center;
	font-size: 4rem;
	text-transform: uppercase;
	color: #666F75;
}
.m-tit:before{
	content: '';
	position: absolute;
	left: 50%; bottom: -20px;
	transform: translateX(-50%);
	width: 35px; height: 2px;
	background-color: #666f75;
}
.m-padding{
	padding: 70px 0;
}
.m-padding.container{
	padding: 70px 0 0px;
}
.advantages{

}
.advantages__cont{

}
.advantages__item{
	text-align: center;
	width: 300px;
}
.advantages__item:nth-child(1){
	margin-bottom: 30px;
}
.advantages__preview img{
	margin: 0 auto 18px;
	transition: .25s;
	width: 80px;
}
.advantages__item:hover .advantages__preview img{
	transform: translateY(-5px);
}
.advantages__name,
.work_stage_name{
	display: block;
	margin: auto;
	width: auto;
	font-size: 2.2rem;
	text-transform: uppercase;
	color: var(--dark-blue);
	text-align: center;
}

/* ----- Services (rt-i style) ----- */

.services{
	/* background: linear-gradient(
		125deg,
		#030f2e 0%,
		#0c2463 25%,
		var(--dark-blue) 50%,
		#1d6fd4 80%,
		#4ab4f5 100%
	); */
}
.services .m-tit{
	color: #fff;
}
.services .m-tit:before{
	background-color: #fff;
}
.itemid-104 .services{
	padding: 0 0 75px;
}
.services__cont,
.services__cont.flex-c-sb{
	display: flex !important;
	flex-direction: column;
	flex-wrap: nowrap;
	align-items: stretch;
	justify-content: flex-start;
}
.services__item{
	display: flex;
	flex-direction: row;
	align-items: center;
	width: 100%;
	max-width: 100%;
	text-align: left;
}
.services__item + .services__item{
	margin-top: 70px;
}
.services__item--reverse{
	flex-direction: row-reverse;
}
.services__row{
	display: contents;
}
.services__media{
	flex: 0 0 55%;
	max-width: 55%;
	position: relative;
	z-index: 1;
}
.services__media img{
	display: block;
	width: 100%;
	aspect-ratio: 16 / 10;
	object-fit: cover;
}
.services__card {
    position: relative;
    flex: 0 0 48%;
    max-width: 48%;
    background-color: #fff;
    padding: 45px 50px;
    z-index: 2;
    border-radius: 6px;
    
    /* Мягкое синее/голубое свечение по умолчанию */
    box-shadow: 0 8px 35px rgba(37, 99, 235, 0.08) !important;
    
    /* Плавный переход для эффекта наведения */
    transition: transform 0.35s cubic-bezier(0.25, 0.8, 0.25, 1), box-shadow 0.35s ease !important;
}
.services__item:hover .services__card {
    box-shadow: 0 15px 45px rgba(37, 99, 235, 0.28) !important; /* Насыщенное синее неоновое свечение */
}
.services__item:not(.services__item--reverse) .services__card {
    margin-left: -10%;
}

.services__item--reverse .services__card {
    margin-right: -10%;
}
.services__accent{
	position: absolute;
	top: 0;
	width: 28px;
	height: 28px;
	border-top: 4px solid #8f1d2b;
}
.services__item:not(.services__item--reverse) .services__accent{
	right: 0;
	border-right: 4px solid #8f1d2b;
}
.services__item--reverse .services__accent{
	left: 0;
	border-left: 4px solid #8f1d2b;
}
.services__title{
	margin: 0 0 20px;
	font: 700 3.2rem/1.2 var(--ff-calibri);
	color: #1a1a1a;
	text-transform: none;
}
.services__text{
	margin: 0 0 30px;
	font-size: 1.8rem;
	line-height: 1.6;
	color: #777;
}
.services__btn{
	display: inline-block;
	padding: 12px 32px;
	border: 1px solid #1a1a1a;
	background-color: #fff;
	color: #1a1a1a;
	font-size: 1.4rem;
	line-height: 1.4;
	transition: 0.25s;
}
.services__btn:hover,
.services__btn:focus{
	background-color: var(--dark-blue);
	border-color: var(--dark-blue);
	color: #fff;
}

/* Services scroll animation */
.services.services--animate .m-tit{
	opacity: 0;
	transform: translateY(-30px);
	transition: opacity 0.8s ease, transform 0.8s ease;
}
.services.services--animate .m-tit.is-visible{
	opacity: 1;
	transform: translateY(0);
}
.services.services--animate .services__item{
	opacity: 0;
	transition: opacity 0.85s ease, transform 0.85s ease;
}
.services.services--animate .services__item:not(.services__item--reverse){
	transform: translateX(-70px);
}
.services.services--animate .services__item.services__item--reverse{
	transform: translateX(70px);
}
.services.services--animate .services__item.is-visible{
	opacity: 1;
	transform: translateX(0);
}
@media (prefers-reduced-motion: reduce){
	.services.services--animate .m-tit,
	.services.services--animate .services__item{
		opacity: 1;
		transform: none;
		transition: none;
	}
}

/* ----- Work Stage ----- */

	.bottom-padding{
		padding: 70px 0 70px!important;
	}

	.work_stage{
		position: relative;
	}
	.work_stage_item{
		position: relative;
		background-color: #fff;
	}
	.work_stage_preview{
		text-align: center;
	}

	.work_stage_preview img{
		margin: 0 auto 18px;
		transition: .25s;
		/*width: auto!important;*/
		width: 80px;
    	height: 80px;
	}

	.work_stage-items-line {
    	position: absolute;
    	left: 100px;
    	right: 100px;
    	top: 40%;
    	border: 2px solid #555555;
	}
	.work_stage_item:hover .work_stage_preview img{
	transform: translateY(-5px);
}

/* ----- Our-Products ----- */

.itemid-103 .our-products{
    padding-top: 0;	
}
.our-products{
	background: url('/images/products/product_back_img.jpg') center/cover no-repeat;
}
.our-products__cont{
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
}
.our-products h2{
	color: aliceblue;
}

.our-products__item{
	margin:0;
	width: 20%;
	text-align: center;
	color:#fff;
}
.our-products__preview,
.our-products__name{
	transition: .25s;
}
.our-products__preview{
	margin: 0 0 15px;
}
.our-products__preview img{
	border: 3px solid #fd8f00;
    border-radius: 10px;
}
.our-products__item:hover .our-products__preview{
	transform: translateY(-5px);
}
.our-products__name{
	display: block;
	margin-bottom: 5px;
	font-size: 20px;
	text-transform: uppercase;
	color:#fff;
}
.our-products__item:hover .our-products__name{
	color: var(--dark-blue);
}
.our-products__desc{
	margin: 0;
	font-size: 1.6rem;
}
.our-products .m-tit:before{
	background-color: aliceblue;
}
.itemid-103 .our-products{
	background: inherit;
}
.itemid-103 .our-products .m-tit{
    color: #3A5454;	
}
.itemid-103 .our-products__name{
    color: #3A5454;	
}

/* ----- Media Style ----- */

.work-stages{

}
.work-stages__block{

}
.work-stages__item{
	display: flex;
	margin-bottom: 44px;
	width: 50%;
}
.work-stages__item:nth-child(3),
.work-stages__item:nth-child(4){
	margin-bottom: 0;
}
.work-stages__left{
	margin-right: 20px;
}
.work-stages__left img{

}
.work-stages__right{
	padding-right: 15px;
}
.work-stages__tit{
	margin: 0 0 7px;
	font: 700 2.2rem var(--ff-calibri);
	color: var(--dark-blue);
}
.work-stages__desc{
	margin: 0;
}
.work-stages__desc + .work-stages__desc{
	margin-top: 6px;
}

/* ----- Form ----- */

.form{
	background: url('/templates/microton/img/image_2.webp') center/cover no-repeat;
}
.form.m-padding{
	padding: 60px 0;
}
.form__cont{

}
.form__left{
	width: 35%;
}
.form__left h2,
.form__right h3{
	margin: 0;
}
.form__left h2{
	font-size: 30px; line-height: 1.2;
	color: var(--orange);
	text-transform: uppercase;
}
.form__right{
	width: 60%;
}
.form {
	/* Накладываем полупрозрачный черный слой 60% поверх картинки */
	background: linear-gradient(rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0.6)), url('/templates/microton/img/image_2.webp') center/cover no-repeat;
}
.form__right h3{
	margin-bottom: 15px;
	font-size: 18px;
	color:#fff;
}
.fb-form{

}
.fb-form__block + .fb-form__block{
	margin-top: 10px;
}
.fb-form__input,
.fb-form__input--submit{
	text-transform: uppercase;
	font-size: 1.4rem;
}
.fb-form__input{
	padding: 15px 15px;
	border: none;
	width: 48%;
}
.fb-form__input + .fb-form__input{
	margin-left:10px;
}
.fb-form__input--submit{
	background-color:#f57f17;
	color: #fff;
	font-size:1.6rem;
	transition: .25s;
}
.fb-form__input--submit:hover{
	background-color: #f1592a;
	color: #fff;
}
.fb-form__checkbox{
	margin: 0 10px 0 0 !important;
}
.fb-form__label{
	margin: 0; padding-top:1px;
	color:#fff;
}
.fb-form__label a{
	color: #fff;
	transition: .25s;
}
.fb-form__label a:hover{
	color: #f57f17;
}

/* ----- About-Us ----- */
/* ===== ВАРИАНТ 1: ТЕМНЫЙ НАХЛЕСТ ===== */

.about-us {
    padding: 80px 0 !important; /* Даем блоку больше пространства сверху и снизу */
}

/* Базовая мобильная верстка (блоки друг под другом) */
.about-us__cont {
    display: flex;
    flex-direction: column;
    gap: 30px;
    position: relative;
}

.about-us__left {
    margin-right: 0 !important;
}

.about-us__left img {
    display: block;
    max-width: 100%;
    border-radius: 4px;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);
    transition: transform 0.4s ease;
}

.about-us__right {
    padding: 30px !important;
    background: linear-gradient(135deg, #111c30 0%, #1e2e4a 100%) !important;  /* Графитовый цвет под меню */
    border-left: 5px solid #ff9900; /* Оранжевая акцентная линия слева */
    border-radius: 4px;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.15);
    max-width: 100% !important;
}

/* Стилизация текста */
.about-us__right p {
    font-family: 'Roboto', sans-serif;
    font-size: 1.45rem;
    line-height: 1.7;
    color: #e2e8f0 !important; /* Мягкий светло-серый текст на темном фоне читать легче, чем чисто белый */
}

/* Первый (вводный) абзац делаем крупнее и контрастнее */
.about-us__right p:first-of-type {
    font-size: 1.8rem;
    font-weight: 500;
    color: #ffffff !important;
    margin-bottom: 20px;
}


/* --- Адаптивность для экранов ПК (эффект наложения) --- */
@media (min-width: 992px) {
    .about-us__cont {
        flex-direction: row !important;
        align-items: center; /* Выравниваем по центру высоты */
    }

    .about-us__left {
        flex: 1;
        margin-right: -60px !important; /* Отрицательный отступ сдвигает картинку под текст */
        z-index: 1;
    }

    .about-us__left img {
        box-shadow: 0 20px 40px rgba(0, 0, 0, 0.12);
    }
    
    .about-us__left:hover img {
        transform: scale(1.02); /* Легкий интерактивный зум при наведении на фото */
    }

    .about-us__right {
        flex: 1.2;
        padding: 50px 50px 50px 90px !important; /* Большой левый отступ, чтобы текст не заходил под фото */
        max-width: 62% !important;
        z-index: 2; /* Текстовый блок перекрывает картинку сверху */
    }
}
/* ----- Gallery ----- */

.gallery{

}
.gallery-slider{

}
.gallery-slide{

}
.gallery-slide__preview{

}
.gallery-slide__preview img{
	margin: auto; padding: 8px;
	border: 1px solid #999;
	border-radius: 4px;
	max-width: 100%; height: 177px;
}

.top-slider .slick-arrow{
	content: '';
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	z-index: 5;
	border: 0;
	width: 66px; height: 66px;
	background:url('../img/prev.png') center no-repeat;
	font-size: 0;
}
.top-slider .slick-prev{
	left: -70px;
}
.top-slider .slick-next{
	right: -70px;
	background-image:url('../img/next.png');
}

.custom-arrow .slick-arrow{
	content: '';
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	z-index: 5;
	border: 0;
	width: 66px; height: 66px;
	background:url('../img/prev.png') center no-repeat;
	font-size: 0;
}
.custom-arrow .slick-prev{
	left: -70px;
}
.custom-arrow .slick-next{
	right: -70px;
	background-image:url('../img/next.png');
}

/* ----- Our Partners ----- */

.our-partners{

}
.our-partners__slider{

}
.our-partners__slide{
	display: flex !important;
	padding: 0 20px;
}
.our-partners__slide-avatar{
	position: relative;
	margin-right: 15px;
	border: 1px solid #777;
}
.our-partners__slide-avatar img{

}
.our-partners__slide-info{

}
.our-partners__slide-info p{
	margin:0;
}
p.our-partners__slide-name{
	margin-bottom:20px;
	font-size: 2rem;
}
.our-partners__slide-txt{

}

/* ----- Footer ----- */


footer{
	position: absolute;
	left: 0; bottom: 0;
	padding: 0 0 35px;
	width: 100%;
	background-color: #fff;
	color: #555;
}
footer a{
	color:#333;
	transition:.25s;
}
footer a:hover{
	color:#555;
}
.footer-menu{
	
}
.footer-menu li{

}
.footer-menu a{
	padding: 10px;
	color: #fff;
	text-transform: uppercase;
	transition:.25s;
}
.footer-menu a:hover{
	color: var(--main-color);
}
.footer-menu ul{
	display: none;
}
.footer__first{
	margin-bottom: 35px; padding: 25px 0;
	background-color: #333;
}
.footer__address{

}
.footer__phones{

}
.footer__phones a:active{
		color: #f65b2b !important;
	}
	.footer__phones a:visited{
		color: #f65b2b !important;
	}
	.footer__phones a:focus{
		color: #f65b2b !important;
	}
	.footer__phones a:hover{
		color: #f65b2b !important;
	}
.footer__tit{
	margin: 0 0 10px;
}
.footer__address p{
	margin: 0;
}
.footer__address p,
.footer__phones a{
	font-size:16px;
	cursor: default;
}
.footer__phones a{
	display: block;
}
.footer__phones a+a{
	margin-top: 2px;
}
.footer__second{

}
.footer__copyright-link{
	display: block;
    margin: 8px 0 0;
	color:#333;
}
.footer__copyright-link img{
	width: 270px;
}
.footer__logo img{
	max-width: 200px;
}
.magnifier{
	
}
.magnifier{
	position: relative;
}
.magnifier:before,
.magnifier:after{
	opacity:0;
	transition: .3s;
}
.magnifier:hover:before,
.magnifier:hover:after,
.magnifier:focus:before,
.magnifier:focus:after{
	opacity:1;
}
.magnifier:before{
	content:'';
	position: absolute;
	left:0; top:0;
	width: 100%; height: 100%;
    background-color: rgba(255,255,255,.85);
}
.magnifier:after{
	content:'';
	position: absolute;
	left:50%; top:50%;
	transform: translate(-50%,-50%);
	width: 50px; height: 50px;
	background: url('/images/loupe.png') center/contain no-repeat;
}

/*Map*/
.yMap{
	position: relative;
}

#mapMain{
	margin: 0; padding: 0;
	width: 100%; height: 400px;
}
.absMapInfoWrap{
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	/*z-index: 10;*/
}
.absMapInfoWrap .container,
.absMapInfoWrap .row,
.absMapInfoWrap .row .flexStart{
	height: 100%;
}
.infoBlockMap{
	display: flex;
	justify-content:flex-start;
	flex-direction:column;
	position: relative;
	z-index: 10;
	padding: 20px;
	background: rgba(251,251,251,0.7);
	height: 100%;
	width: 25%;
}
.logoMap{
	margin-bottom: 10px;
	text-align: center;
}
.logoMap img{
	max-width: 100%;
}
.infoBlockMap p{
	margin: 0;
	color: #263238;
}
.infoBlockMap p+p{
	margin-top: 15px;
}

.map-balloon-content{
	font-size: 16px;
    width: 224px;
}

.balloon-logo{
   	background: url(/templates/microton/img/logo.png) no-repeat center;
    background-size: contain;
    height: 50px;
    margin-bottom: .5em;
    width: 100%;
    display: block;
}

.worktime{
	color: gray;
    font-size: 13px;
    margin-bottom: 1em;
    text-transform: lowercase
}
.opened{
	color: #1cc73a;
}

/*End map*/


/* ========= Contact ========= */
.contactMap{
	margin-bottom: 40px;
}
.tableContact{
	width: 28%;
}
.tableContact th{
	width: 50%;
}
/* ========= End =========*/

div[itemprop="articleBody"]{
	padding-bottom: 60px;
}
.content-category h2{
	margin: 40px 0 20px; padding-bottom: 19px;
    border-bottom: 1px solid #eee;
}
.category-articles{
	margin-top: 15px;
	font-size: 1.8rem;
}
.category-articles li+li{
	margin-top: 4px;
}
div[aria-label="breadcrumbs"]{
	margin-top: 20px;
}
.breadcrumb{
	margin:0; padding:0;
}
.breadcrumb .divider{
	position: relative;
	bottom: 1px;
}
.page-header{
	margin-top: 30px;
}
.contacts{
	display: flex;
    justify-content: space-between;
}
.contacts__left{
	
}
.contacts__right{
	width: calc(100% - 400px);
}

/* ----- Media Style ----- */

@media screen and (max-width: 1320px){
	.custom-arrow{
		padding-bottom: 108px;
	}
	.custom-arrow .slick-arrow{
		left: calc(50% + 43px); top: unset; bottom: 0;
		transform: translateX(-50%);
	}
	.custom-arrow .slick-prev{
		left: calc(50% - 43px);
	}
}
@media screen and (max-width: 1310px){
	.top-slider .slick-arrow{
		left: 10px; top: inherit;
		right:0; bottom: 35px;
		transform: inherit;
	}
	.top-slider .slick-next{
		left: 100px;
	}
}
@media screen and (max-width: 1240px){

}
@media screen and (max-width: 1199px){

	/* ----- Advantages ----- */

	.advantages__item{
		width: 31%;
	}
	.advantages__preview img{
		max-width:100%;
	}

	/* ----- Form ----- */

	.form__cont{
		flex-direction: column;
		align-items: center;
	}
	.form__left{
		margin: 0 0 25px;
		width: 550px; max-width: 100%;
		text-align: center;
	}

	/* ----- Gallery ----- */

	.gallery-slide {
		margin: 0 8px;
	}
	
	/* ----- .contacts ----- */
	
	.contacts__right {
		width: calc(100% - 300px);
	}
}
@media screen and (max-width:1050px){
	
}
@media screen and (max-width:991px){

	/* ----- Header ----- */

	.header__first{
		flex-direction: column;
		text-align: center;
	}
	.header__first > div {
		width: 100%;
	}
	.header__logo{
		margin: 15px 0;
	}
	.main-menu{
		margin: 0;
	}
	.main-menu a{
		padding: 20px 0;
	}
	.top-slider-wrapper{
		padding: 35px 0 105px;
		background-size:cover;
	}
	.top-slider__slide{
		flex-direction: column-reverse;
		padding:0;
		height: auto;
	}
	.top-slider__left{
		margin: 20px 0 0;
		text-align: center;
	}
	.top-slider .slick-dots{
		bottom: -64px;
	}
	.header__feedback{
	    flex-direction: column;	
	}
	.header__social-networks{
		margin: 15px 0 0;
	}

	/* ----- Advantages ----- */

	.advantages__cont{
		align-items: normal;
	}
	.advantages__item:nth-child(1){
		margin: 0;
	}
	.advantages__item:nth-child(-n+3){
		margin-bottom: 30px;
	}
	.advantages__name{
		font-size: 1.8rem;
	}

	/* ----- Work Stages ----- */

	.work-stages__block{
		justify-content: space-between;
	}
	.work-stages__item{
		flex-direction: column;
		text-align: center;
		width: 450px; max-width: 100%;
	}
	.work-stages__left{
		margin: 0 0 15px;
	}
	.work-stages__right{
		padding-right: 0;
	}

	/* ----- About Us ----- */

	.about-us__cont{
		flex-direction: column;
		align-items: center;
	}
	.about-us__left{
		margin: 0 0 30px;
	}

	/* ----- Gallery ----- */

	.gallery-slide__preview img{
		height:auto; max-height: 177px;
	}

	/* ----- Footer ----- */

	.footer__second{
		flex-direction: column;
		text-align: center;
	}
	.footer__address,
	.footer__phones,
	.footer__copyright{
		margin-top: 20px;
	}
	
	/* ----- Our Products ----- */
	
	.our-products__cont{
		flex-wrap: wrap;
		justify-content: center;	
	}
	.our-products__item{
	    width: 33.33%;	
	}
	.our-products__item:nth-child(-n+3){
		margin-bottom: 30px;
	}
	.footer-menu a{
	    padding: 10px 8px;	
	}
	.top-slider .slick-arrow{
		bottom: -86px;
		left: calc(50% - 66px);
		transform: translateX(-50%);
	}
	.top-slider .slick-next {
		left: calc(50% + 66px);
	}
	
	/* ----- .contacts ----- */
	
	.contacts {
		flex-direction: column;
	}
	.contacts__right {
		width: 100%;
	}
}
@media screen and (max-width:830px){

}
@media screen and (max-width:767px){

	.m-tit{
		font-size: 3.5rem;
	}

	/* ----- Header ----- */

	.header__wrapper--second{
		position: fixed;
		left: 0; top: 0;
		z-index: 6;
		padding: 0 15px;
		border:unset;
		width:100%;
	}
	.burger,
	.header__second,
	.black-wrapper{
		transition: .35s;
	}
	.header__second{
		height: 0;
		opacity: 0;
		overflow: hidden;
		background-color: #fff;
		box-shadow: 0 0 2px 1px transparent;
	}
	.header__second.active{
		opacity: 1;
		height: 248px;
		box-shadow: 0 0 2px 1px #ccc;
	}
	.header__telephones a{
		cursor: pointer;
	}
	.view-article header{
		border-bottom: 1px solid #ccc;
	}
	.main-menu{
		flex-direction:column;
		padding: 10px 0;
	}
	.main-menu a{
		padding: 10px 0;
	}
	.burger{
		display:block;
		position: relative;
		margin: 20px 0 20px 0;
		border: unset;
		width: 40px; height: 40px;
		background-color: #fff;
		cursor:pointer;
		box-shadow: 0 0 2px 1px transparent;
	}
	.burger.active{
		box-shadow: 0 0 2px 1px #ccc;
	}
	.burger__line{
		position: absolute;
		left:50%; top:50%;
		transform:translate(-50%,-50%);
		width: 25px; height:3px;
		background-color:#333;
	}
	.burger__line:nth-child(1){
		top: calc(50% - 10px);
	}
	.burger__line:nth-child(3){
		top: calc(50% + 10px);
	}
	.black-wrapper{
		position: fixed;
		left:0; top:0;
		z-index: 5;
		width:0; height:100%;
		opacity: 0;
		background-color: rgba(0,0,0,.85);
	}
	.black-wrapper.active{
		width:100%;
		opacity: 1;
	}
	.header__second {
		height: 0;
		opacity: 0;
		overflow: hidden;
		background-color: #fff;
		box-shadow: 0 0 2px 1px transparent;
	}
	.header__second.active {
		opacity: 1;
		height: 385px;
		overflow-y: auto;
		box-shadow: 0 0 2px 1px #ccc;
	}
	.main-menu{
		flex-direction: column;
		padding: 10px 0;
		text-align: center;
	}
	.main-menu ul{
		display: none;
		position: relative;
		border: none;
		padding: 0;
		opacity: 1;
		visibility: visible;
		background: none;
	}
	.main-menu ul li+li{
		margin-top: 2px;
	}
	.main-menu a{
		padding: 5px 0;
	}
	.breadcrumb>li{
		padding: 5px 0;
	}

	/* ----- Top Slider ----- */
	
	.top-slider-wrapper{
		background-image: url('/templates/microton/img/top_slider/top_banner_back_768.jpg');
	}
	.top-slider__tit {
		margin: 0 0 10px;
		font: 700 4rem/4.5rem var(--ff-calibri);
		text-transform: uppercase;
	}

	/* ----- Advantages ----- */

	.advantages__cont{
		align-items: center;
		flex-direction: column;
		padding: 0 15px;
	}
	.advantages__item{
		width:100%; max-width:100%;
	}
	.advantages__item + .advantages__item{
		margin-top: 36px;
	}

	/* ----- Our-Products ----- */
	
	.our-products{
		background-image: url('/images/products/product_back_img_768.jpg');
	}
	.our-products__cont{
		flex-direction: column;
		align-items: center;
	}
	.our-products__item{
		margin:0;
		width: 350px; max-width: 100%;
	}
	.our-products__item + .our-products__item{
		margin-top: 35px;
	}

	/* ----- Work Stages ----- */
	.work_stage{
	    flex-direction: column;	
	}
	.work-stages__block{
		flex-direction: column;
		align-items: center;
	}
	.work-stages__item{
		margin: 0;
	}
	.work-stages__item + .work-stages__item{
		margin-top:44px;
	}
	.work_stage_item + .work_stage_item{
		margin-top: 35px;
	}
	.work_stage-items-line{
		display: none;
	}

	/* ----- Form ----- */
	
	.form{
		background-image: url('/templates/microton/img/backForm_768.jpg');
	}
	.fb-form__input{
		width:100%;
	}
	.fb-form__input + .fb-form__input {
		margin: 10px 0 0;
	}
	.form__right {
		width: 450px;
		max-width: 100%;
	}
	
	/* ----- About Us ----- */
	
	.about-us__cont{
		padding: 0 15px;
	}
	.about-us__right{
		width:435px; max-width: 100%;
	}
	
	/* ----- absMapInfoWrap ----- */
	
	.absMapInfoWrap{
		position: relative;
		display: flex;
		justify-content: center;
		margin-bottom: 30px;
	}
	.infoBlockMap{
		width: inherit;
	}

	/* ----- Footer ----- */
	
	footer{
		border-top: 1px solid #ccc;
		padding: 45px 0;
	}
	.our-partners__slide{
		flex-direction: column;
		align-items: center;
		text-align: center;
	}
	.our-partners__slide-avatar{
		margin: 0 0 15px;
	}
	.our-partners__slide-info{
		width:450px; max-width:100%;
	}
	.footer__first{
		display:none;
	}
	.services__item + .services__item{
		margin-top: 40px;
	}
	.services__item,
	.services__item--reverse{
		flex-direction: column;
	}
	.services__row{
		display: block;
		width: 100%;
	}
	.services__media,
	.services__card{
		flex: 0 0 100%;
		max-width: 100%;
		width: 100%;
	}
	.services__item:not(.services__item--reverse) .services__card,
	.services__item--reverse .services__card{
		margin: -30px 15px 0;
		padding: 30px 25px;
	}
	.services__title{
		font-size: 2.4rem;
	}
	.item-page img{
		max-width: 100%;
	}
}
@media screen and (max-width:600px){

}
@media screen and (max-width:550px){
	
}
@media screen and (max-width:450px){
	.about-us__right{
	    padding: 15px;	
	}
	
	/* ----- Top Slider ----- */
	
	.top-slider-wrapper{
		background-image: url('/templates/microton/img/top_slider/top_banner_back_450.jpg');
	}
	
	/* ----- Our-Products ----- */
	
	.our-products{
		background-image: url('/images/products/product_back_img_450.jpg');
	}
	
	/* ----- Form ----- */
	
	.form{
		background-image: url('/templates/microton/img/backForm_450.jpg');
	}
}
@media screen and (max-width:400px){

}



/* ----- Company page (О компании) ----- */

.company-page{
  padding: 20px 0 50px;
}

.company-page__top{
  display: flex;
  align-items: stretch;
  gap: 40px;
  margin-bottom: 60px;
}

.company-page__content{
  flex: 1 1 55%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 40px 45px;
  border-radius: 12px;
  background: linear-gradient(125deg, #030f2e 0%, var(--dark-blue) 50%, #1d6fd4 100%);
  color: #fff;
}

.company-page__title{
  margin: 0 0 24px;
  font: 700 3.6rem/1.2 var(--ff-calibri);
  color: #fff;
}

.company-page__content p{
  margin: 0 0 16px;
  font-size: 1.6rem;
  line-height: 1.65;
  color: rgba(255, 255, 255, 0.92);
}

.company-page__content strong{
  color: var(--yellow);
}

.company-page__photo{
  flex: 1 1 45%;
  overflow: hidden;
  border-radius: 12px;
  min-height: 380px;
}

.company-page__photo img{
  display: block;
  width: 100%;
  height: 100%;
  min-height: 380px;
  object-fit: cover;
}

.company-page__projects-title{
  margin: 0 0 28px;
  text-align: center;
  font: 700 3.2rem/1.2 var(--ff-calibri);
  color: var(--dark-blue);
}

.company-page__tiles{
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 20px;
}

.company-page__tile{
  position: relative;
  display: block;
  overflow: hidden;
  border-radius: 10px;
  aspect-ratio: 4 / 3;
  color: #fff;
  box-shadow: 0 6px 24px rgba(0, 0, 0, 0.1);
  transition: transform 0.25s, box-shadow 0.25s;
}

.company-page__tile:hover{
  transform: translateY(-5px);
  box-shadow: 0 12px 32px rgba(22, 51, 158, 0.2);
  color: #fff;
}

.company-page__tile img{
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform 0.35s ease;
}

.company-page__tile:hover img{
  transform: scale(1.06);
}

.company-page__tile:before{
  content: '';
  position: absolute;
  inset: 0;
  z-index: 1;
  background: linear-gradient(180deg, rgba(0,0,0,0.05) 0%, rgba(0,0,0,0.75) 100%);
}

.company-page__tile-caption{
  position: absolute;
  left: 14px;
  right: 14px;
  bottom: 14px;
  z-index: 2;
  margin: 0;
  font: 700 1.5rem/1.35 var(--ff-calibri);
}

.company-page__tile-more{
  position: absolute;
  top: 12px;
  right: 12px;
  z-index: 2;
  padding: 4px 10px;
  border-radius: 4px;
  background-color: var(--yellow);
  font-size: 1.1rem;
  font-weight: 700;
  text-transform: uppercase;
  color: #1a1a1a;
  opacity: 0;
  transition: opacity 0.25s;
}

.company-page__tile:hover .company-page__tile-more{
  opacity: 1;
}

@media screen and (max-width: 991px){
  .company-page__top{
    flex-direction: column;
  }

  .company-page__tiles{
    grid-template-columns: repeat(2, 1fr);
  }
}

@media screen and (max-width: 576px){
  .company-page__tiles{
    grid-template-columns: 1fr;
  }
}






/* ===== СОВРЕМЕННЫЙ ХОВЕР-ЭФФЕКТ ДЛЯ ПЛИТКИ ПРОЕКТОВ (О КОМПАНИИ) ===== */
.company-page__tile img,
.company-page__tile video {
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    z-index: 1 !important; /* Отправляем медиа на задний план под текст */
    transition: transform 0.35s ease !important;
}

.company-page__tile {
    position: relative !important;
    overflow: hidden !important;
    display: block !important;
}

.company-page__tile::before {
    content: '' !important;
    position: absolute !important;
    inset: 0 !important;
    background-color: rgba(17, 28, 48, 0.35) !important; 
    z-index: 2 !important;
    transition: background-color 0.35s ease !important;
}

.company-page__tile:hover::before {
    background-color: rgba(11, 18, 31, 0.75) !important;
}

.company-page__tile-more {
    position: absolute !important;
    top: 50% !important;
    left: 50% !important;
    z-index: 3 !important;
    
    transform: translate(-50%, -35%) scale(0.9) !important;
    opacity: 0 !important;
    pointer-events: none !important;
    
    padding: 10px 24px !important;
    border: 2px solid #ffffff !important;
    background-color: rgba(255, 255, 255, 0.12) !important;
    backdrop-filter: blur(4px) !important; /* Легкое размытие заднего фона сквозь кнопку */
    -webkit-backdrop-filter: blur(4px) !important;
    
    color: #ffffff !important;
    font-family: 'Roboto', sans-serif !important;
    font-weight: 500 !important;
    font-size: 1.3rem !important;
    text-transform: uppercase !important;
    letter-spacing: 1px !important;
    border-radius: 4px !important;
    box-shadow: none !important;
    transition: all 0.35s cubic-bezier(0.25, 0.8, 0.25, 1) !important; /* Плавная плавная анимация */
}

.company-page__tile:hover .company-page__tile-more {
    opacity: 1 !important;
    transform: translate(-50%, -50%) scale(1) !important;
    pointer-events: auto !important;
}

.company-page__tile-more:hover {
    background-color: #ffffff !important;
    color: var(--sec-blue-dark) !important; /* Текст становится темно-синим */
    box-shadow: 0 4px 15px rgba(255, 255, 255, 0.3) !important;
    text-decoration: none !important;
}

.company-page__tile-caption {
    position: absolute !important;
    left: 20px !important;
    right: 20px !important;
    bottom: 20px !important;
    margin: 0 !important;
    z-index: 3 !important; /* Гарантированно поверх видео */
    font-family: 'Roboto', sans-serif !important;
    font-weight: 700 !important;
    font-size: 1.5rem !important;
    color: #ffffff !important;
    text-shadow: 0 1px 4px rgba(0, 0, 0, 0.6) !important;
    transition: transform 0.3s ease !important;
}

.company-page__tile:hover .company-page__tile-caption {
    transform: translateY(2px) !important;
}

/* ==========================================================================
   НОВЫЙ АСИММЕТРИЧНЫЙ БЛОК «О КОМПАНИИ» (GRID LAYOUT)
   ========================================================================== */

.company-grid-container {
    padding: 80px 15px !important;
}

.company-grid {
    display: grid;
    grid-template-columns: 1fr;
    gap: 24px;
}

.company-grid img {
    display: block;
    width: 100%;
    object-fit: cover;
    border-radius: 20px; /* Красивые закругленные углы как на макете */
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.04); /* Легкая тень для объема */
    transition: transform 0.3s ease;
}

.company-grid img:hover {
    transform: scale(1.02); /* Интерактивный микро-зум при наведении */
}

/* Текстовая карточка (выравниваем по центру высоты) */
.company-grid__text {
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.company-grid__title {
    font-family: 'Roboto', sans-serif !important;
    font-weight: 700 !important;
    font-size: 3rem !important;
    color: var(--sec-blue-dark) !important;
    margin-bottom: 25px !important;
    position: relative;
    padding-bottom: 12px;
}

.company-grid__title::after {
    content: '';
    position: absolute;
    bottom: 0; left: 0;
    width: 50px; height: 3px;
    background-color: var(--sec-yellow) !important;
}

.company-grid__text p {
    font-family: 'Roboto', sans-serif !important;
    font-size: 1.7rem !important;
    line-height: 1.65 !important;
    color: #475569 !important; 
    margin-bottom: 15px !important;
}

.company-grid__text p strong {
    color: var(--sec-blue-dark) !important;
    font-weight: 700;
}







/* --- Настройки высоты картинок для мобильных экранов --- */
.company-grid__img-v1 img,
.company-grid__img-v2 img {
    height: 340px;
}
.company-grid__img-h1 img,
.company-grid__img-h2 img {
    height: 220px;
}


@media (min-width: 576px) {
    .company-grid {
        grid-template-columns: repeat(2, 1fr);
        gap: 20px;
    }
    .company-grid__text { grid-column: span 2; }
    .company-grid__img-v1 { grid-column: span 1; }
    .company-grid__img-v2 { grid-column: span 1; }
    .company-grid__img-h1 { grid-column: span 2; }
    .company-grid__img-h2 { grid-column: span 2; }
}


@media (min-width: 992px) {
    .company-grid {
        grid-template-columns: repeat(4, 1fr); /* 4 равных колонки */
        gap: 24px;
    }
    
    .company-grid__text { 
        grid-column: span 2;
        padding-right: 35px;
    } 
    .company-grid__img-v1 { 
        grid-column: span 1; 
    } 
    .company-grid__img-v2 { 
        grid-column: span 1;
    } 
    .company-grid__img-h1 { 
        grid-column: span 2; 
    } 
    .company-grid__img-h2 { 
        grid-column: span 2; 
    }

    .company-grid__img-v1 img,
    .company-grid__img-v2 img {
        height: 520px; 
    }
    .company-grid__img-h1 img,
    .company-grid__img-h2 img {
        height: 320px; 
    }
}

/* ===== СИНЯЯ ГРАДИЕНТНАЯ ПОДЛОЖКА ДЛЯ КАРТОЧКИ О КОМПАНИИ ===== */

.company-grid__text {
    background: linear-gradient(135deg, #111c30 0%, #1e2e4a 100%) !important; 
    
    padding: 35px !important; 
    border-radius: 20px !important; 
    box-shadow: 0 10px 30px rgba(17, 28, 48, 0.15) !important; 
    display: flex;
    flex-direction: column;
    justify-content: center;
}

@media (min-width: 992px) {
    .company-grid__text {
        padding: 45px 50px !important;
        margin-right: 0 !important;
    }
}

.company-grid__text .company-grid__title {
    color: #ffffff !important;
}

.company-grid__text p {
    color: #cbd5e1 !important;
}

.company-grid__text p strong {
    color: #ffffff !important;
}