*{
    color: #666666;
    transition: 0.3s ease !important;
}

html {
  scroll-behavior: smooth;
  /* Отступ для якорей (#auto, #gold, #smart-calc и прочих): шапка у нас
     position: sticky и высотой 140px, поэтому якорь, встающий вплотную
     к верху экрана, прятал заголовок секции под меню.
     scroll-padding-top учитывают оба способа перехода — и нативный по #hash,
     и scrollIntoView из скрипта seif-scroll-to.
     На ширине до 768px шапка 86px — переопределено в media.css. */
  scroll-padding-top: 160px;
}
/**:not(ymaps), *:not(section.map > *){ transition: 0s;} */
a {
    color: #0b0b0b;
}
body {
    background: #F4F4F8 !important;
    font-family: "Montserrat", sans-serif !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow-x: clip;
}
.post, .page {
    margin: 0 !important;
    padding: 0;
}
header {
    padding-top: 20px;
    padding-bottom: 20px;
    margin-bottom: 20px;
    position: sticky;
    top: 0;
    z-index: 1000;
    background: transparent;
}

/* Белая подложка на всю ширину экрана с тенью */
header::before {
    content: '';
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    width: 100vw;
    height: 100%;
    background: #ffffff;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
    z-index: -1;
}
header nav {
    width: 100%;
}
header nav .current-menu-item a {
    color: #000000;
}
header nav ul {
    list-style: none;
    display: flex;
    padding: 0;
    margin: 0;
    align-items: center;
    border-radius: 15px !important;
}
header nav ul li {
    flex-grow: 1;
    text-align: center;
}
header nav ul li a {
    text-decoration: none;
    font-size: 16px;
    color: #666666;
}
.logo-wrap {
    margin-right: 15px;
}
.logo-wrap img{
    max-width: none;
}
.select2-container .select2-selection--single {
    background-color: transparent !important;
    border: none !important;
}

.select2-container .select2-selection--single:focus {
    outline: none !important;
    border: none !important;
    box-shadow: none !important;
}

.select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b {
    border-color: transparent transparent #FFBC00 transparent !important;
    border-width: 0 6px 7px 6px !important;
}

.select2-container--default .select2-selection--single .select2-selection__arrow b {
    border-width: 7px 6px 0 6px !important;
}
.select2-container--default .select2-selection--single .select2-selection__rendered {
    color: #666666 !important;
}
.select2-dropdown {
    border: none !important;
    box-shadow: 0px 0px 16px 0px rgba(62, 68, 99, 0.32)!important;
}
.select2-container--default .select2-results__option--highlighted.select2-results__option--selectable {
/*    background-color: #28282800 !important;*/
    color: #FFBC00 !important;
}
/*.select2-results__option {
    text-align: center !important;
}*/
/*.select2-container--default .select2-results__option--selected {
    background-color: #28282800 !important;
}*/
.select2-container--open .select2-dropdown {
    border-radius: 15px !important;
}
/*.select2-container--default .select2-results>.select2-results__options {
    padding-top: 10px !important;
    padding-bottom: 10px !important;
}*/
.modal-regions {
    background: #fff;
    max-width: 920px;
    margin: 0 auto;
    padding: 30px;
    position: relative;
}
.modal-rev {
    background: #fff;
    max-width: 600px;
    margin: 0 auto;
    padding: 30px;
    border-radius: 15px;
    position: relative;
}
.modal-rev h1 {
    font-size: 24px !important;
    color: #000;
    margin-top: 0 !important;
}
.header-right {
    display: flex;
    align-items: center;
    width: 100%;
}
.header-right > div {
    margin-right: 15px;
}
.header-right > div:last-child {
    margin-right: 0;
}
.header-right img {
    margin-right: 8px;
    width: 16px;
    height: 16px;
}
.b {
    font-weight: bold;
}
.header-right .b {
    transition: 0.3s ease;
    cursor: pointer;
}
.header-right .b:hover {
    transition: 0.3s ease;
    color: #000;
}
header .btn {
    background: #ff000000;
    border: 2px solid #FFBC00;
    height: 52px;
    width: 111px;
    border-radius: 10px;
    font-size: 16px;
}

header .btn div svg {
    margin-right: 15px;
}
header .btn:hover {
    background-color: #FFD014;
    border-color: #FFD014;
    box-shadow: 0px 0px 16px 0px rgba(255, 221, 0, 0.67);
    transition: 0.3s ease;
}
header .btn:hover div {
    color: #000;
    transition: 0.3s ease;
}
header .btn path {
}
header .btn:hover path {
    fill: #000;
    transition: 0.3s ease;
}
.owl-carousel .item {
    margin: 0 auto;
    position: relative;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    background-position: center;
}
.main-carousel .item {
    height: 600px;
    //background-size: contain;
    background-repeat: no-repeat;
	//border: 1px solid #000;
    border-radius: 15px;
	position: relative;
}


.main-slider-wrap .item-wrap2 {
	width: 100%;
    height: 100%;
}

.main-slider-wrap .item-wrap2::before {
/* 	content: ' '; */
	position: absolute;
	bottom: 1px;
	right: 303px;
	width: 22px;
	height: 22px;
	background-color: transparent;
	border-radius: 15px;
	border: 1px solid #000;
	border-top: none;
	border-left: none;
	border-top-right-radius: 0;
    border-bottom-left-radius: 0;
}


.main-slider-wrap .item-wrap2::after {
/* 	content: ' '; */
	position: absolute;
	bottom: 173px;
	right: 0;
	width: 22px;
	height: 22px;
	background-color: transparent;
	border-radius: 15px;
	border: 1px solid #000;
	border-top: none;
	border-left: none;
	border-top-right-radius: 0;
    border-bottom-left-radius: 0;
}
@media (min-width: 1200px) {
	.main-slider-wrap .item-wrap2::before {
		
		right: 361px;
		
	}
	
	.main-slider-wrap .item-wrap2::after {
	
	bottom: 211px;
	
}
}
.main-carousel .item-content {
    color: #fff;
    z-index: 1;
    padding: 50px;
}
.main-carousel .owl-stage-outer {
    border-radius: 15px;
/* 	border: 1px solid #000; */
/* 	border-left: 1px solid #000; */
/* 	border-right: 1px solid #000; */
}
.main-carousel .item .logo {
    max-width: 153px;
}
.main-carousel .item h2 {
    color: #000;
    font-weight: bold;
    font-size: 50px;
    margin-bottom: 15px;
    margin-top: 25px;
    max-width: 620px;
    line-height: 50px;
}
.main-carousel .item p {
    font-size: 20px;
    margin: 0;
}
.gold {
    color: #FFD014;
}
.main-carousel .item .btn {
    height: 52px;
    max-width: 240px;
    width: 100%;
    background: #FFBC00;
    border: 2px solid #FFBC00;
    border-radius: 10px;
    font-size: 16px;
    margin-top: 40px;
    display: block;
    text-align: center;
    line-height: 49px;
    color: #000;
    cursor: pointer;
    text-decoration: none;
    font-weight: 400;
	position: absolute;
    bottom: 88px;
}
.main-carousel .item .btn:hover {
    background-color: #FFD014;
    box-shadow: 0px 0px 16px 0px #FFD014;
    border-color: #FFD014;
    transition: 0.3s ease;
}
.main-carousel .item .item-info-block {
    background: #ffbc00;
    max-width: 330px;
    height: 180px;
    right: 0;
    position: absolute;
    bottom: 0;
    border-radius: 15px;
    padding-left: 30px;
    padding-top: 20px;
    width: 100%;
}

.main-carousel .item .item-info-block h3 {
    color: #000;
    margin: 0;
    font-weight: 400;
    font-size: 24px;
}
.main-carousel .item .item-info-block h3 span {
    color: #000;
}
.main-carousel .item .item-info-block p {
    margin-top: 15px;
}
.small {
    font-size: 12px !important;
}
.main-carousel-mob {
    display: none !important;
}
.main-carousel-mob .item h2 {
    color: #000;
    font-weight: bold;
    font-size: 22px;
    text-shadow: 0px 5px 10px rgba(62, 68, 99, 0.7);
    margin-bottom: 15px;
    margin-top: 25px;
}
.main-carousel-mob .item p {
    font-size: 10px;
}

/* Кнопка CTA как на десктопе (жёлтая, без подчёркивания «ссылки») */
.main-carousel-mob .item .btn {
    height: 52px;
    max-width: 240px;
    width: 100%;
    background: #ffbc00;
    border: 2px solid #ffbc00;
    border-radius: 10px;
    font-size: 16px;
    margin-top: 20px;
    display: inline-block;
    text-align: center;
    line-height: 49px;
    color: #000;
    cursor: pointer;
    text-decoration: none !important;
    font-weight: 400;
    position: relative;
    bottom: auto;
    box-sizing: border-box;
    -webkit-appearance: none;
    appearance: none;
}
.main-carousel-mob .item .btn:hover {
    background-color: #ffd014;
    box-shadow: 0 0 16px 0 #ffd014;
    border-color: #ffd014;
    transition: 0.3s ease;
    color: #000;
}

.main-carousel-mob .item .item-info-block {
    background: #ffbc00;
    max-width: 330px;
    height: 180px;
    border-radius: 15px;
    padding-left: 30px;
    padding-top: 20px;
    width: 100%;
}
.main-carousel-mob .item {
    border: 1px solid #666666;
    border-radius: 15px;
}
.mob-header {
    display: none;
}
.section1 {
    margin-top: 50px;
    position: relative;
    padding-top: 30px;
    padding-bottom: 30px;
}

/* Белая подложка на всю ширину экрана с тенью сверху и снизу */
.section1::before {
    content: '';
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    width: 100vw;
    height: 100%;
    background: #ffffff;
    box-shadow: 0 -2px 8px rgba(0, 0, 0, 0.08), 0 2px 8px rgba(0, 0, 0, 0.08);
    z-index: -1;
}
@media(min-width: 320px){
	.mycompany-blocks > .wrap-block,
	.mycompany-blocks > .company-last,
	.mycompany-blocks > .company-last-small{
		flex: 1 1 100%;
	}
	.company-last{
		padding: 15px;
		flex-direction: column;
		align-items: normal;
		justify-content: space-between;
	}
	.mycompany-blocks{
		padding: 0;
	}
}
@media(min-width: 768px){
	.mycompany-blocks > .wrap-block,
	.mycompany-blocks > .company-last-small,
	.mycompany-blocks > .company-last{
		flex: 1 1 calc(50% - 7.5px);
	}
	.company-last{
		flex-direction: row;
	}
	.company-last-small{
		flex-direction: column;
		align-items: normal !important;
		justify-content: space-between !important
	}
	.company-last-small a{ 
		width: fit-content
	}
	.company-last-wide{
		max-height: 143px;
	}
}
@media(min-width: 1024px){
	.mycompany-blocks > .wrap-block,
	.mycompany-blocks > .company-last-small,
	.mycompany-blocks > .company-last{
		flex: 1 1 calc(50% - 7.5px);
	}
	.company-last{
		align-items: center;
		justify-content: center;
	}
}
@media (max-width: 768px){
	.mycompany-blocks .yellow-block{
		padding: 50px 25px 25px !important;
	}
/* 	.company-last-wide{
		max-height: 143px;
	} */
}

.mycompany-blocks .wrap-block p{
	margin-bottom: 0;
}
.mycompany-blocks .wrap-block,
.mycompany-blocks .company-last-small{
	width: 100%;
}
.wrap-block,
.company-last{
    border: 1px solid #666666;
    background: #fff;
    border-radius: 15px;
    padding: 30px ;
    min-height: 290px;
    background-repeat: no-repeat;
    background-position: right;
    background-size: 55%;
    position: relative;
    margin-bottom: 25px;
    transition: 0.3s ease !important;
}

.mycompany-blocks .wrap-block p{
	display: -webkit-box;        /* Используется для создания контейнера с flex-линиями */
  -webkit-box-orient: vertical; /* Задает вертикальную ориентацию */
  overflow: hidden;            /* Скрывает лишний текст */
  text-overflow: ellipsis;     /* Добавляет троеточие для обрезанного текста */
  -webkit-line-clamp: 6;
}
.mycompany-blocks .content-block{
	display: flex;
	flex-direction: column;
	height: 100%;
	justify-content: space-between;
}
.mycompany-blocks .content-block > div{
	height: 70px;
	margin-bottom: 10px;
	flex-shrink: 0;
}
.mycompany-blocks .content-block p{
	margin-bottom: 0;
	flex-shrink: 0;
}
.mycompany-blocks .content-block a{
	margin-top: 20px;
	flex-shrink: 0;
}
.wrap-block:hover,
.company-last:hover{
    background-size: 60%;
    box-shadow: 0px 0px 16px 0px rgba(62, 68, 99, 0.32);
    border: 1px solid #66666600;
    transition: 0.3s;
}
.company-last{
	display: flex;
	gap: clamp(20px, 2vw, 60px);
	padding: 30px;
}
.company-last a{
	padding: 16px 32px;
	border-radius: 8px;
	border: 2px solid rgba(0, 0, 0, 1);
	text-decoration: none;
	font-size: 16px;
	line-height: 16px;
	font-weight: 500;
	max-height: 52px;
	text-align: center;
}
.company-last img{
	max-width: 15rem;
}
.mycompany-blocks{
	display: flex;
	gap: 15px;
	flex-wrap: wrap;
	justify-content: flex-start;
	align-items: stretch;
}
.mycompany-blocks > .wrap-block,
.mycompany-blocks > .company-last{
	display: flex;
}
#group_company .mycompany-blocks > .company-direction{
	margin-bottom: 0;
}
#group_company .mycompany-blocks > .wrap-block{
	margin-bottom: 0;
}
#group_company .mycompany-blocks > .company-last{
	margin-bottom: 0;
}
#group_company .mycompany-blocks > div:nth-child(1) > div > a,
#group_company .mycompany-blocks > div:nth-child(2) > div > a,
#group_company .mycompany-blocks > div:nth-child(3) > div > a,
#group_company .mycompany-blocks > div:nth-child(4) > div > a,
#group_company .mycompany-blocks > div:nth-child(5) > div > a,
#group_company .mycompany-blocks > div:nth-child(6) > div > a,
#group_company .mycompany-blocks > div:nth-child(7) > div > a,
#group_company .mycompany-blocks > div:nth-child(8) > div > a{
	margin-top: 30px;
}
#group_company .mycompany-blocks > div:nth-child(4),
#group_company .mycompany-blocks > div:nth-child(5),
#group_company .mycompany-blocks > div:nth-child(7),
#group_company .mycompany-blocks > div:nth-child(8){
	height: auto;
	align-self: stretch;
}
#group_company .mycompany-blocks > .company-last.yellow-block.company-last-wide{
	height: auto;
	min-height: auto;
	max-height: 143px;
}

/* Десктоп: пары карточек группы компаний — одинаковая высота (по большей) */
@media (min-width: 1024px) {
	#group_company .mycompany-blocks > .wrap-block.scale-in.delay-200,
	#group_company .mycompany-blocks > .wrap-block.scale-in.delay-300,
	#group_company .mycompany-blocks > .wrap-block.scale-in.delay-600,
	#group_company .mycompany-blocks > .wrap-block.scale-in.delay-700 {
		height: auto;
		max-height: none;
		align-self: stretch;
	}

	#group_company .mycompany-blocks > .wrap-block.scale-in.delay-200 .content-block,
	#group_company .mycompany-blocks > .wrap-block.scale-in.delay-300 .content-block,
	#group_company .mycompany-blocks > .wrap-block.scale-in.delay-600 .content-block,
	#group_company .mycompany-blocks > .wrap-block.scale-in.delay-700 .content-block {
		flex: 1 1 auto;
		min-height: 100%;
	}

	/* Жёлтый блок: три равных промежутка — слева / между логотипом и кнопкой / справа */
	#group_company .mycompany-blocks > .company-last.yellow-block.company-last-small {
		display: grid;
		grid-template-columns: 1fr auto 1.56fr auto 1fr;
		align-items: center;
		justify-content: initial;
		gap: 0;
		min-height: 0;
		height: auto;
		padding-top: 20px;
		padding-bottom: 20px;
		padding-left: 0;
		padding-right: 0;
		box-sizing: border-box;
	}

	#group_company .mycompany-blocks > .company-last.yellow-block.company-last-small > img {
		grid-column: 2;
		margin: 0;
	}

	#group_company .mycompany-blocks > .company-last.yellow-block.company-last-small > a {
		grid-column: 4;
		margin: 0;
		width: fit-content;
	}
}

/* Мобильный/планшет: убрать растягивание yellow company-last-small (gap img↔кнопка) */
@media (max-width: 1023px) {
	#group_company .mycompany-blocks > .company-last.yellow-block.company-last-small {
		min-height: 0;
		height: auto;
		justify-content: center;
		align-items: center;
		gap: 20px;
		padding: 25px !important;
		text-align: center;
	}
}
.wrap-block:hover .circle {
    background:#FFD014 url(../src/ico-arrow.png);
    background-repeat: no-repeat;
    background-position: center;
    transform: rotate(45deg);
    transition: 0.3s ease;
}
.wrap-block h3 {
    margin: 0;
    color: #000;
    font-size: 32px;
	/* max-width: 51%; */
}
.circle {
    background:#FFBC00 url(../src/ico-arrow.png);
    background-repeat: no-repeat;
    background-position: center;
    height: 48px;
    width: 48px;
    display: block;
    border-radius: 50%;
    position: absolute;
    bottom: 25px;
}

.section2 .btn {
    height: 52px;
    max-width: 240px;
    width: 100%;
    background: #FFBC00;
    border: 2px solid #FFBC00;
    border-radius: 10px;
    font-size: 16px;
    margin-top: 20px;
    cursor: pointer;
}
.btn:hover {
    background-color: #FFD014;
    border-color: #FFD014;
    box-shadow: 0px 0px 16px 0px rgba(255, 221, 0, 0.67);
    transition: 0.3s ease;
}
.section2 {
    margin-top: 30px;
}
.section2 h2 {
    font-size: 32px;
    color: #000;
}
.section2 p {
    font-size: 18px;
    font-weight: 300;
	display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;  
    overflow: hidden;
    text-overflow: ellipsis;
  	height: 108px;
}

/* Убираем обрезание текста для описания услуг */
.section2 .col-lg-3 p {
    display: block;
    -webkit-line-clamp: unset;
    -webkit-box-orient: unset;
    overflow: visible;
    text-overflow: unset;
    height: auto;
}

/* Sticky позиционирование для блока с описанием услуг */
.section2 .col-lg-3 {
    position: sticky;
    top: 100px; /* Прилипает к header (высота header ~80px + отступ) */
    align-self: flex-start;
}
.section2 .img-block {
    height: 200px;
    flex-shrink: 0;
    background-repeat: no-repeat;
    background-position: center top;
    background-size: contain;
    border-radius: 15px 15px 0 0;
    /*background-size: 70%;*/
}
.section2 .wrap-block {
    height: 560px;
    display: flex;
    flex-direction: column;
    transition: 0.3s ease !important;
    /* Отменяем общий padding .wrap-block — картинка прижата к верхней границе карточки */
    padding: 0;
    overflow: hidden;
}
/* Отступы у текстового блока (и если картинки нет — у единственного div) */
.section2 .wrap-block:not(.horizon-block) > div:not(.img-block) {
    padding: 20px 30px 30px;
    flex: 1;
    display: flex;
    flex-direction: column;
    min-height: 0;
}
.section2 .wrap-block h3 {
    font-weight: 500;
    font-size: 24px;
	 display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;  
    overflow: hidden;
    text-overflow: ellipsis;
  	height: 72px;
}
.section2 .wrap-block .btn {
    background: #ffffff;
    margin-top: auto;
    text-align: center;
    line-height: 48px;
    text-decoration: none;
    display: block;
}
.section2 .wrap-block .btn:hover {
    background-color: #FFD014;
    transition: 0.3s ease;
}

/* Шильдик «Дочерняя компания» — только карточка Online на главной */
.section2 .wrap-block--subsidiary {
    --badge-width: 48px;
    --badge-height: 250px;
    --shape-radius: 20px;
    --badge-yellow: #fbbd17;
}

.section2 .wrap-block--subsidiary:not(.horizon-block) > div:not(.img-block) {
    padding-left: 62px;
}

.section2 .wrap-block--subsidiary .loan-card__badge-container {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 10;
    width: var(--badge-width);
    height: calc(var(--badge-height) + var(--shape-radius));
    pointer-events: none;
}

.section2 .wrap-block--subsidiary .loan-card__badge {
    position: relative;
    z-index: 2;
    width: var(--badge-width);
    height: var(--badge-height);
    background: var(--badge-yellow);
    border-radius: 0 0 var(--shape-radius) 0;
    display: flex;
    align-items: center;
    justify-content: center;
}

.section2 .wrap-block--subsidiary .loan-card__badge span {
    writing-mode: vertical-rl;
    transform: rotate(180deg);
    white-space: nowrap;
    font-size: 15px;
    font-weight: 600;
    color: #252525;
    letter-spacing: 0.2px;
}

.section2 .wrap-block--subsidiary .loan-card__badge-bottom {
    position: relative;
    width: var(--badge-width);
    height: var(--shape-radius);
}

.section2 .wrap-block--subsidiary .loan-card__badge-bottom::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: var(--shape-radius);
    height: var(--shape-radius);
    background: var(--badge-yellow);
    -webkit-mask:
        radial-gradient(
            circle at 100% 100%,
            transparent calc(var(--shape-radius) - 1px),
            #000 var(--shape-radius)
        );
    mask:
        radial-gradient(
            circle at 100% 100%,
            transparent calc(var(--shape-radius) - 1px),
            #000 var(--shape-radius)
        );
}
/* Увеличение картинки при hover отключено по запросу */
.section2 .wrap-block.horizon-block .img-block {
    background-size: 95%;
    /*background-size: cover;*/
}

.section2 .wrap-block.horizon-block {
    height: 300px;
    display: flex;
    align-items: center;
    flex-direction: initial;
    /* Горизонтальный вариант карточки — оставляем классический padding */
    padding: 30px;
    overflow: visible;
}

.section2 .horizon-block .img-block {
    background-size: cover;
    background-position: center;
    width: 360px;
    height: 320px;
    margin-right: 20px;
}

.section2 .horizon-block .content-block {
    flex: 1;
}
.section3 h2 {
    font-size: 32px;
    color: #000;
    margin: 0;
    text-transform: uppercase;
}
.section3 p {
    font-size: 18px;
    /*font-weight: 300;*/
    margin: 0;
    margin-top: 15px;
}
.section3 .special-block {
    width: 320px;
    background: #ffbc00;
    padding: 15px;
    padding-left: 35px;
    border-radius: 15px;
    position: relative;
    margin-top: 25px;
    cursor: pointer;
    border: 1px solid #666666;
    float: left;
}
.section3 .special-block p {
    color: #000;
    font-size: 24px;
    text-transform: uppercase;
    font-weight: 500;
    margin: 0;
}
.section3 .special-block p span {
    font-size: 44px;
    color: #000;
    margin-top: 10px;
    display: block;
    font-weight: 600;
}
.section3 {
    margin-top: 30px;
    position: relative;
    padding-top: 30px;
    padding-bottom: 30px;
}

/* Белая подложка на всю ширину экрана с тенью сверху и снизу */
.section3::before {
    content: '';
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    width: 100vw;
    height: 100%;
    background: #ffffff;
    box-shadow: 0 -2px 8px rgba(0, 0, 0, 0.08), 0 2px 8px rgba(0, 0, 0, 0.08);
    z-index: -1;
}

/* Отключаем белую подложку для страницы "Займ под золото" */
.section3.no-white-bg::before {
    display: none;
}

.section3.no-white-bg {
    padding-top: 0;
    padding-bottom: 0;
}
.section3 .special-block .circle {
    right: 20px;
    background: #FFF url(../src/ico-arrow.png) no-repeat center;
}

.section3 .special-block:hover .circle {
    transform: rotate(45deg);
    transition: 0.3s ease;
}
.section3 .special-block:hover {
    border-color: #FFD014;
    box-shadow: 0px 0px 16px 0px rgba(255, 221, 0, 0.9);
    transition: 0.3s ease;
}
.short-text-ico {
    display: flex;
    flex-direction: row;
    align-items: flex-start;
}

.short-text-ico > div:first-child {
    flex-shrink: 0;
}

.short-text-ico > div:last-child {
    flex: 1;
    margin-left: 15px;
}

.short-text-ico p {
    margin: 0;
    font-size: 18px;
    color: #000;
    font-weight: 500;
}
.numbers-list {
    display: flex;
    flex-direction: column;
}
.numbers-list .number {
    font-size: 48px;
    font-weight: 700;
    color: #FFD014;
    margin-right: auto;
    font-variant-numeric: tabular-nums;
    flex-shrink: 0;
}

/* Bootstrap .align-items-center на строке сдвигал цифру при смене высоты текста */
.numbers-list > div.d-flex {
    align-items: flex-start !important;
}

.numbers-list .text {
    max-width: 220px;
    display: block;
    margin-left: 15px;
    color: #000;
    text-align: right;
    flex: 1;
}
.numbers-list > div {
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    border-bottom: 1px solid #666666;
    padding-top: 20px;
    padding-bottom: 20px;
}
.numbers-list > div:last-child {
    border-bottom: none;
}
.section4 {
    margin-top: 40px;
}


.section4 .company-direction {
    display: flex;
    justify-content: flex-start;
    flex: 0 0 100%;
    width: 100%;
    margin: 40px 0 25px;
}

.section4 .company-direction--first {
    margin-top: 0;
}

.section4 .company-direction__badge {
    display: inline-block;
    padding: 8px 24px;
    border-radius: 999px;
    background: #ffbc00;
    border: 1px solid #000;
    font-size: 16px;
    font-weight: 700;
    text-transform: uppercase;
    color: #000;
    letter-spacing: 0.5px;
}

.section4 .company-direction--secondary {
    justify-content: flex-start;
}

.section4 h2 {
    font-size: 32px;
    color: #000;
    margin: 0;
    text-transform: uppercase;
}
.section4 p {
    font-size: 18px;
    font-weight: 300;
    margin-top: 15px;
    margin-bottom: 25px;
	display: -webkit-box;           
    -webkit-box-orient: vertical;   
    -webkit-line-clamp: 5;          
    overflow: hidden;
}
.section4 .btn {
    height: 52px;
    max-width: 180px;
    width: 100%;
    background: #FFBC00;
    border: 2px solid #FFBC00;
    border-radius: 10px;
    font-size: 16px;
    margin-top: 20px;
    cursor: pointer;
}
.section4 .wrap-block .btn {
    background: #ffffff;
    margin-top: 15px;
    margin-top: auto;
    text-align: center;
    text-decoration: none;
    line-height: 50px;
}
.section4 .wrap-block  {
    height: initial;
	height: calc(100% - 25px);
}
.section4 .wrap-block .btn:hover {
    background-color: #FFD014;
    transition: 0.3s ease;
}

.section4 .wrap-block img {
    max-width: 135px;
	max-height: 61px;
}

@media (max-width: 768px) {
	.section4 .wrap-block img {
    	margin: auto;
	}
}

.section4 .wrap-block{
    display: flex;
    flex-direction: column;
    max-height: 350px;
}

.section4 .content-block {
    flex: 1;
    display: flex;
    flex-direction: column;
}
.yellow-block {
    background: #ffbc00;
    border: 1px solid #666666;
}
.btn.black {
    background: #000 !important;
    color: #fff !important;
}
.btn.black:hover {
    box-shadow: 0px 0px 16px 0px rgba(62, 68, 99, 0.7);
    border-color: #000;
    transition: 0.3s ease;
}
.section4 .wrap-block.yellow-block img {
    max-width: 185px;
}
.section4 .wrap-block.yellow-block .content-block div {
    text-align: center;
}
.section4 .wrap-block.yellow-block .btn {
    margin: 0 auto;
	margin-top: 15px;
}
.section5 {
    margin-top: 20px;
    position: relative;
    padding-top: 30px;
    padding-bottom: 30px;
}

.section5-rocketdata > .col-lg-12 {
    display: none;
}

.section5-rocketdata {
    overflow: visible !important;
}

.section5-rocketdata.row {
    overflow: visible !important;
}

.rocketdata-reviews-widget {
    position: relative;
    width: 100%;
    margin-top: 22px;
    margin-bottom: 10px;
    padding-bottom: 10px;
}

.rocketdata-reviews-widget__tabs {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin-bottom: 24px;
}

.rocketdata-reviews-widget__tab {
    display: flex;
    align-items: center;
    gap: 8px;
    min-height: 50px;
    padding: 6px 12px;
    border: 1px solid #cad3dd;
    border-radius: 4px;
    background: #fff;
    color: #121926;
    cursor: pointer;
    transition: border-color .2s ease, box-shadow .2s ease;
}

.rocketdata-reviews-widget__tab.active {
    border-color: #556feb;
    box-shadow: 0 0 8px rgba(85, 111, 235, .15);
}

.rocketdata-reviews-widget__tab-logo {
    width: 24px;
    height: 24px;
    object-fit: contain;
}

.rocketdata-reviews-widget__tab-text {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}

.rocketdata-reviews-widget__tab-title {
    display: block;
    font-size: 14px;
    font-weight: 600;
    line-height: 18px;
    white-space: nowrap;
}

.rocketdata-reviews-widget__tab-subtitle {
    display: block;
    color: #4d596c;
    font-size: 12px;
    line-height: 16px;
    white-space: nowrap;
}

.rocketdata-reviews-widget__viewport {
    overflow: hidden;
    padding-bottom: 12px;
}

.rocketdata-reviews-widget__track {
    display: flex;
    gap: 22px;
    transition: transform .35s ease;
    will-change: transform;
    padding-bottom: 2px;
}

.rocketdata-reviews-widget__card {
    flex: 0 0 calc((100% - 44px) / 3);
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    min-height: 260px;
    padding: 22px 24px;
    border: 1px solid #d4d4d4;
    border-radius: 14px;
    background: #fff;
}

.rocketdata-reviews-widget__author {
    margin: 0 0 10px !important;
    color: #000;
    font-size: 20px !important;
    font-weight: 700 !important;
}

.rocketdata-reviews-widget__meta {
    display: flex;
    align-items: center;
    gap: 8px;
    margin-bottom: 14px;
}

.rocketdata-reviews-widget__source {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    color: #4d596c;
    font-size: 12px;
}

.rocketdata-reviews-widget__source img {
    width: 24px;
    height: 24px;
    object-fit: contain;
}

.rocketdata-reviews-widget__stars {
    color: #ffbc00;
    font-size: 16px;
    letter-spacing: 1px;
    line-height: 1;
}

.rocketdata-reviews-widget__text {
    display: -webkit-box;
    -webkit-line-clamp: 5;
    -webkit-box-orient: vertical;
    overflow: hidden;
    min-height: 110px;
    margin: 0 0 18px !important;
    color: #333;
    font-size: 16px !important;
    font-weight: 300 !important;
    line-height: 1.45 !important;
}

.rocketdata-reviews-widget__link {
    color: #4d596c;
    font-size: 12px;
    text-decoration: underline;
}

.rocketdata-reviews-widget__status {
    margin: 12px 0 0 !important;
    color: #777;
    font-size: 14px !important;
}

.rocketdata-reviews-widget__nav {
    display: flex;
    justify-content: flex-end;
    gap: 8px;
    margin-top: 16px;
}

.rocketdata-reviews-widget__nav button[disabled] {
    opacity: .45;
    cursor: default;
}

@media (min-width: 768px) {
    .section5-rocketdata .rocketdata-reviews-widget__nav {
        position: absolute;
        top: -118px;
        right: 0;
        margin-top: 0;
    }
}

@media (max-width: 1023px) {
    .rocketdata-reviews-widget__card {
        flex-basis: calc((100% - 22px) / 2);
    }
}

@media (max-width: 767px) {
    .rocketdata-reviews-widget__tabs {
        flex-wrap: nowrap;
        overflow-x: auto;
        padding: 0 8px 4px;
    }

    .rocketdata-reviews-widget__tab {
        flex: 0 0 auto;
        margin: 0 4px;
        flex-direction: column;
        align-items: flex-start;
    }

    .rocketdata-reviews-widget__tab-text {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
    }

    .rocketdata-reviews-widget__card {
        flex-basis: 100%;
        min-height: 230px;
    }
}

/* Белая подложка на всю ширину экрана с тенью сверху и снизу */
.section5::before {
    content: '';
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    width: 100vw;
    height: 100%;
    background: #ffffff;
    box-shadow: 0 -2px 8px rgba(0, 0, 0, 0.08), 0 2px 8px rgba(0, 0, 0, 0.08);
    z-index: -1;
}

/* Отключаем белую подложку ТОЛЬКО для страницы "Под залог смартфонов" (ID: 439) */
.section5.no-white-bg::before {
    display: none;
}

.section5.no-white-bg {
    padding-top: 0;
    padding-bottom: 0;
}

.section5 h2 {
    font-size: 32px;
    color: #000;
    margin: 0;
}
.section5 p {
    font-size: 18px;
    font-weight: 300;
    margin-top: 15px;
    margin-bottom: 25px;
}
.section5 .name {
    font-size: 24px;
    font-weight: 600;
    color: #000;
    margin: 0;
    margin-bottom: 10px;
}
.section5 .stars {
    width: 96px !important;
    display: flex;
}
.section5 .stars img {
    width: 18px !important;
}
.section5 .wrap-block {
    height: initial;
}
.section5 .wrap-block .btn {
    background: #ffffff;
    margin-top: 15px;
    margin-top: auto;
}

.section5 .btn {
    height: 52px;
    max-width: 180px;
    width: 100%;
    background: #FFBC00;
    border: 2px solid #FFBC00;
    border-radius: 10px;
    font-size: 16px;
    margin-top: 20px;
    cursor: pointer;
}

.section5 .owl-stage {
    padding-top: 20px;
    padding-bottom: 20px;
    padding-left: 0 !important;
}
.section5 .owl-stage .item {
    width: 350px;
    margin: 0 auto;
}
.simple-slider {
    position: relative;
}
.owl-nav-custom {
    position: absolute;
    top: -70px;
    right: 10px;
}
.owl-nav-custom button {
    width: 52px;
    height: 52px;
    border-radius: 50%;
    background: #FFBC00;
    border: none;
    font-size: 40px;
    color: #000;
    padding-bottom: 10px;
    cursor: pointer;
}
.owl-nav-custom button:hover {
    border-color: #FFD014;
    box-shadow: 0px 0px 16px 0px rgba(255, 221, 0, 0.9);
    background: #FFD014;
    transition: 0.3s ease;
}

.section6 {
    margin-top: 50px;
}

/* Белая подложка только для секции "Новости" */
.section6-news {
    position: relative;
    padding-top: 30px;
    padding-bottom: 30px;
}

.section6-news::before {
    content: '';
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    width: 100vw;
    height: 100%;
    background: #ffffff;
    box-shadow: 0 -2px 8px rgba(0, 0, 0, 0.08), 0 2px 8px rgba(0, 0, 0, 0.08);
    z-index: -1;
}
.section6 h2 {
    font-size: 32px;
    color: #000;
    margin: 0;
}
.section6 p {
    font-size: 18px;
    font-weight: 300;
    margin-top: 15px;
    margin-bottom: 25px;
}
.section6 .name {
    font-size: 24px;
    font-weight: 600;
    color: #000;
    margin: 0;
    margin-bottom: 10px;
}
.section6 .stars {
    width: 96px !important;
}

.section6 .wrap-block {
    height: 100%;
    padding: 0;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}
@media (max-width: 767px) {
	.section6 .wrap-block {
		//margin-bottom: 25px;
	}
}
.section6 .wrap-block img {
/*     border-radius: 15px; */
}
.section6 .wrap-block .wrap-block-news {
    padding: 25px;
}
.section6 .wrap-block .wrap-block-news .date {
    font-size: 14px;
    color: #666;
    margin: 0;
    margin-bottom: 15px;
}
.section6 .wrap-block .btn {
    background: #ffffff;
    margin-top: 15px;
    margin-top: auto;
    text-align: center;
    text-decoration: none;
    line-height: 50px;
    display: block;
}
.section6 .btn {
    height: 52px;
    max-width: 180px;
    width: 100%;
    background: #FFBC00;
    border: 2px solid #FFBC00;
    border-radius: 10px;
    font-size: 16px;
    margin-top: 20px;
    cursor: pointer;
}

.section6 .owl-stage {
    padding-top: 20px;
    padding-bottom: 20px;
    padding-left: 0 !important;
}
.section6 .owl-stage .item {
    width: 350px;
    margin: 0 auto;
}

.section6 .news-btn.btn {
    background: #f4f4f8;
}

.section6 .news-btn.btn:hover {
    background: #FFBC00;
    border: 2px solid #FFBC00;
    box-shadow: 0px 0px 16px 0px rgba(255, 221, 0, 0.9);
    transition: 0.3s ease;

}
.section6 .news-btn.btn {
    height: 52px;
    max-width: 180px;
    width: 170px;
    border: 2px solid #FFBC00;
    border-radius: 10px;
    font-size: 16px;
    cursor: pointer;
    margin-top: 0;
}
.news-btn-wrap{
    margin-left: auto;
    margin-right: 160px;
}
.section6 .owl-nav-custom {
    top: -50px;
}

.section6 .title {
    font-size: 24px;
    font-weight: 600;
    color: #000;
    margin: 0;
    margin-bottom: 10px;
}

/* ---- Заголовки карточек — ссылки -------------------------------------- */
/* Заголовок ведёт туда же, куда кнопка «Подробнее» или «Читать полностью».
   Выглядеть он должен по-прежнему как заголовок: цвет наследуем,
   подчёркивание возвращаем только при наведении и с клавиатуры. */
/* p.title — это заголовок карточки во всех списках: услуги, СМИ, новости,
   финансовая грамотность, боковая колонка на странице новости. */
.section2 .wrap-block h3 a,
p.title a {
    color: inherit;
    text-decoration: none;
}

.section2 .wrap-block h3 a:hover,
p.title a:hover {
    text-decoration: underline;
}

.section2 .wrap-block h3 a:focus-visible,
p.title a:focus-visible {
    outline: 2px solid #FFBC00;
    outline-offset: 2px;
    text-decoration: underline;
}
footer {
    background: radial-gradient(50% 50% at 50% 50%, #2C2C31 0%, #1E1E26 100%);
}
.footer-top {
    padding-top: 30px;
    padding-bottom: 30px;
}
.footer-top ul {
    padding: 0;
    margin: 0;
    list-style: none;
}
.footer-top .logo-footer {
    margin-bottom: 30px;
    display: block;
}
.footer-top ul li {
    color: #fff;
    font-weight: 300;
    font-size: 16px;
    margin-bottom: 5px;
}
.footer-top ul li b {
    color: #fff;
}
.footer-lic {
    color: #fff;
    font-weight: 300;
    font-size: 16px;
    margin-top: 40px;
}
.footer-menu li {
    margin-bottom: 25px;
}
.footer-menu li {
    margin-bottom: 15px !important;
}
.footer-menu li a {
    color: #fff !important;
    font-weight: 500;
    margin-bottom: 5px;
    text-decoration: none;
    font-size: 20px;
    transition: opacity 0.3s ease;
}
footer .menu-item .sub-menu a{
    font-weight: 400;
}
.footer-menu li a:hover {
    border-bottom: 1px solid #FFFFFF;
    transition: 0.3s ease;
}
.apps-block .img {
    margin: 0 auto;
    display: block;
}
.apps-block p {
    text-align: center;
}
.apps-block p b {
    text-align: center;
    color: #fff;
}
.footer-mid {
    background: #FFBC00;
    padding-top: 25px;
    padding-bottom: 25px;
}
.footer-mid p {
    margin: 0;
}
.footer-mid img {
    margin-right: 15px;
}
.footer-mid p {
    font-size: 10px;
}
.footer-mid p a {
    color: #000;
    font-size: 16px;
    font-weight: bold;
    text-decoration: none;
}
.footer-bottom p {
    color: #fff;
}
.footer-bottom {
    padding-top: 25px;
    padding-bottom: 25px;
}
.section1 .wrap-block {
    display: block;
    text-decoration: none;
}
.investoram {
    margin-bottom: 50px;
}
.investoram h1 {
    font-size: 32px;
    color: #000;
}
.investoram .list {
    background: #fff;
    padding: 15px;
    border-radius: 15px;
    margin-bottom: 15px;
    border: 1px solid #666666;
}

/* Страница «Документы» */
.seif-documents {
    margin-bottom: 60px;
}

.seif-documents h1 {
    font-size: 32px;
    color: #000;
    margin-bottom: 30px;
}

.seif-documents__list {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.seif-documents__item {
    display: flex;
    align-items: center;
    gap: 16px;
    padding: 18px 20px;
    background: #fff;
    border: 1px solid #E5E7EB;
    border-radius: 16px;
    box-shadow: 0 0 16px 0 rgba(62, 68, 99, 0.12);
    text-decoration: none;
    color: #000;
    transition: border-color 0.2s ease, box-shadow 0.2s ease;
}

.seif-documents__item:hover {
    border-color: #FFBC00;
    box-shadow: 0 0 18px 0 rgba(62, 68, 99, 0.18);
    text-decoration: none;
    color: #000;
}

.seif-documents__icon {
    flex: 0 0 auto;
    display: flex;
    align-items: center;
    justify-content: center;
}

.seif-documents__icon img {
    width: 28px;
    height: 28px;
}

.seif-documents__title {
    font-size: 18px;
    font-weight: 600;
    line-height: 1.35;
}

.seif-documents__body {
    display: flex;
    flex-direction: column;
    gap: 4px;
    min-width: 0;
}

.seif-documents__date {
    font-size: 13px;
    font-weight: 400;
    color: #6B7280;
    line-height: 1.3;
}

@media (max-width: 768px) {
    .seif-documents h1 {
        font-size: 24px;
    }

    .seif-documents__item {
        padding: 14px 16px;
    }

    .seif-documents__title {
        font-size: 16px;
    }
}

.investoram .wrap-block .btn {
    background: #ffffff;
    margin-top: auto;
    text-align: center;
    line-height: 48px;
    text-decoration: none;
    display: block;
}

.investoram .btn {
    height: 52px;
    max-width: 240px;
    border: 2px solid #FFBC00;
    border-radius: 10px;
    font-size: 16px;
    cursor: pointer;
    background: #ffffff;
    margin-top: auto;
    text-align: center;
    line-height: 48px;
    text-decoration: none;
    display: block;
    width: 180px;
}
.breadcrumbs ul {
    list-style: none;
    padding: 0;
    margin: 0;
    margin-bottom: 10px;
    display: flex;
    align-items: center;
}

.breadcrumbs ul li {
    display: inline;
    font-size: 14px;
    color: #6c757d;
}

.breadcrumbs ul li a {
    color: #000;
    text-decoration: none;
    transition: color 0.3s;
}

.breadcrumbs ul li a:hover {
    color: #0056b3;
    text-decoration: underline;
    transition: 0.3s ease;
}

.breadcrumbs ul li + li::before {
    content: "/";
    color: #000;
    margin: 0 5px;
}

/* Стиль для текущего элемента */
.breadcrumbs ul li a.current {
    color: #666666;
    pointer-events: none;
    cursor: default;
}
.tabs-buttons {
    margin-bottom: 25px;
}
.tabs-buttons span {
    cursor: pointer;
    border: 1px solid #000;
    border-radius: 50px;
    height: 35px;
    display: block;
    width: 110px;
    text-align: center;
    line-height: 35px;
    font-size: 16px;
    margin-right: 10px;
    color: #000;
}
.tabs-buttons span.active {
    background-color: #FFBC00;
    color: #fff;
    border-color: #FFBC00;
}
.tab-content {
    display: none;
}
.tab-content.active {
    display: block;
}
.section3 a {
    text-decoration: none;
}
.TwoGis {
      width: 24px !important;
      margin-right: 10px;

}
.close-button {
    position: absolute;
    top: 10px;
    right: 10px;
    background: none;
    border: none;
    font-size: 24px;
    cursor: pointer;
    color: #FFBC00 !important;
}
.mfp-close-btn-in .mfp-close {
    color: #FFBC00 !important;
    width: 46px;
    height: 50px;
}
.news {
    margin-bottom: 50px;
}
.news h1 {
    font-size: 32px !important;
    line-height: 38px;
    color: #000;
    font-weight: 700;
    margin-bottom: 0;
    text-transform: uppercase;
}
.news-info-dop p {
    color: #000;
}
.news-info-dop p b {
    color: #000;
}
.news-info-dop div {
    margin-right: 20px;
}
.news-info-dop div:last-child {
    margin-right: 0;
}
.content img {
    border-radius: 15px;
}
.content p {
    color: #000;
}
.content p b {
    color: #000;
}
.content h3 {
    color: #000;
    font-size: 24px;
    font-weight: 400;
}
.sidebar {
    padding: 25px;
    background-color: #fff;
    border-radius: 15px;
}
.sidebar h4 {
    color: #000;
    font-size: 24px;
    margin: 0;
    margin-bottom: 20px;
    text-transform: uppercase;
    font-weight: 600;
    line-height: 28px;
}
.img-response {
    width: 100%;
}
.sidebar .wrap-block {
    padding: 0;
    height: initial;
    border-radius: 15px
}

.sidebar .wrap-block img {
    border-radius: 15px;
    max-width: 100%;
}

.news .sidebar .wrap-block-news {
    padding: 25px;
}

.news .sidebar .wrap-block-news .date {
    font-size: 14px;
    color: #666;
    margin: 0;
    margin-bottom: 15px;
}
.news .sidebar .title {
    font-size: 20px;
    font-weight: 500;
    color: #000;
    margin: 0;
    margin-bottom: 10px;
}
.news .sidebar p {
    font-size: 16px;
    font-weight: 300;
    margin-top: 15px;
    margin-bottom: 25px;
}
.news .sidebar .wrap-block .btn {
    background: #ffffff;
    margin-top: 15px;
    margin-top: auto;
    margin: 0 auto;
    display: block;
    text-align: center;
    line-height: 50px;
    text-decoration: none;
}

.news .sidebar .btn {
    height: 52px;
    max-width: 180px;
    width: 100%;
    background: #FFBC00;
    border: 2px solid #FFBC00;
    border-radius: 10px;
    font-size: 16px;
    margin-top: 20px;
    cursor: pointer;
}
.menu-icon {
    display: block;
    cursor: pointer;
}

.menu-icon img {
    width: 30px;
    height: 30px;
}

.close-button {
    position: absolute;
    top: 10px;
    right: 10px;
    font-size: 24px;
    cursor: pointer;
}
.menu-phone {
    margin-left: auto;
}

.mob-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.menu-phone {
    display: flex;
    align-items: center;
    gap: 12px;
}

.menu-phone > div {
    display: flex;
    align-items: center;
}

.menu-phone img {
    width: 35px;
    height: 35px;
}


.hamburger {
    margin-left: 10px;
    cursor: pointer;
}

.mobile-menu {
    position: fixed;
    top: 75px;
    right: -100%;
    width: 100%;
    height: 92%;
    background: radial-gradient(50% 50% at 50% 50%, #2C2C31 0%, #1E1E26 100%);
    color: white;
    transition: right 0.3s ease;
    z-index: 1000;
    flex: 1;
    display: flex;
    flex-direction: column;
}
.mobile-menu.active {
    right: 0;
}
.mobile-menu ul {
    list-style: none;
    padding: 0;
}
.mobile-menu li {
    margin: 10px 0;
    text-align: center;
}
.mobile-menu a {
    color: white;
    text-decoration: none;
    font-size: 18px;
}
body.no-scroll {
    overflow: hidden;
}
.hamburger.is-active .hamburger-inner, .hamburger.is-active .hamburger-inner:after, .hamburger.is-active .hamburger-inner:before {
    background-color: #ffbc00;
}
.mobile-menu-content .btn:hover {
    background-color: #FFD014;
    box-shadow: 0px 0px 16px 0px #FFD014;
    border-color: #FFD014;
    transition: 0.3s ease;
}
.mobile-menu-content .btn {
    height: 40px;
    width: 100%;
    background: #FFBC00;
    border: 2px solid #FFBC00;
    border-radius: 10px;
    font-size: 16px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}
.mobile-menu-content .btn img {
    margin-right: 5px;
}
.mobile-menu-content .phone {
    margin-top: 10px;
    margin-bottom: 10px;
}
@media (max-width: 768px){
	.mobile-menu-content .phone {
		font-size: 18px;
	}
}
.mobile-menu-content .phone .b {
    color: #BBBBBB;
}
.mobile-menu-content {
    padding: 20px;
}
.mobile-menu-soc p {
    margin: 0;
    line-height: 11px;
}
.mobile-menu-soc {
    background: #FFBC00;
    margin-top: auto;
    padding-top: 15px;
    padding-bottom: 20px;
}
.mobile-menu-soc a {
    color: #000;
    text-decoration: none;
    font-size: 16px;
    font-weight: 700;
}
.mobile-menu-soc p span{
    color: #4D4D4D;
    font-size: 10px
}
.mobile-menu-soc .soc-block {
    margin-bottom: 15px;
}
.mobile-menu-soc .soc-block img {
    margin-right: 5px;
}

/* ---- WhatsApp и Instagram: только значки, без подписей ---------------- */
/* Сами значки описаны классом .soc-icon — он общий для бургер-меню и подвала,
   раскладка у каждого места своя. */
.mobile-menu-soc__links {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 18px;
    /* Родитель центрирует детей по содержимому, поэтому тянем блок сами —
       иначе разделительная линия была бы шириной с два значка. */
    align-self: stretch;
    margin: 5px 20px 0;
    padding-top: 18px;
    border-top: 1px solid rgba(0, 0, 0, 0.12);
}

.soc-icon {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 48px;
    height: 48px;
    -webkit-tap-highlight-color: transparent;
}

/* Тень через drop-shadow, а не box-shadow: значок WhatsApp — не круг,
   а «пузырь» с хвостиком, и прямоугольная тень бы его выдала. */
.soc-icon img {
    display: block;
    width: 44px;
    height: 44px;
    margin: 0;
    filter: drop-shadow(0 3px 6px rgba(0, 0, 0, 0.25));
    transition: transform 0.18s ease, filter 0.18s ease;
}

.soc-icon:hover img,
.soc-icon:active img {
    transform: scale(0.92);
    filter: drop-shadow(0 1px 3px rgba(0, 0, 0, 0.3));
}

.soc-icon:focus-visible {
    outline: 2px solid #000;
    outline-offset: 3px;
    border-radius: 50%;
}

/* Название ссылки остаётся в разметке для скринридеров и поиска. */
.soc-icon__label {
    position: absolute;
    width: 1px;
    height: 1px;
    overflow: hidden;
    clip: rect(0 0 0 0);
    white-space: nowrap;
}

/* Тот же ряд значков в жёлтой полосе подвала: раскладка своя, значки общие. */
.footer-soc-links {
    display: flex;
    align-items: center;
    gap: 14px;
}

.footer-soc-links .soc-icon {
    width: 44px;
    height: 44px;
}

.footer-soc-links .soc-icon img {
    width: 40px;
    height: 40px;
}

@media (prefers-reduced-motion: reduce) {
    .soc-icon img {
        transition: none;
    }
}
.hamburger {
    outline: none;
    -webkit-tap-highlight-color: transparent; /* Remove tap highlight on iOS */
}
.mob-header {
    display: none;
}
.main-slider-wrap {
    position: relative;
    min-height: 500px; /* Резервируем место для слайдера */
    opacity: 0;
    transition: opacity 0.5s ease-out;
}

/* Плавное появление слайдера после инициализации */
.main-slider-wrap.owl-loaded {
    opacity: 1;
}

.services .main-slider-wrap {
    min-height: 500px;
}


.main-slider-wrap .item-info-block {
    background: #ffbc00;
    max-width: 350px;
    height: 199px;
    right: 0;
    position: absolute;
    bottom: 2px;
    border-radius: 15px;
    padding-left: 30px;
    padding-top: 20px;
    width: 100%;
    z-index: 999;
}

.main-slider-wrap .item-wrap {
    background: #F4F4F8;
    max-width: 304px;
    height: 174px;
    right: 0;
    position: absolute;
    bottom: -1px;
    border-radius: 15px;
    padding-left: 30px;
    padding-top: 20px;
    width: 100%;
    z-index: 999;
    border-top-right-radius: 0;
	border-bottom-left-radius: 0;
/* 	border-left: 1px solid #000; */
    border-top: 1px solid #000;
}

.services .main-slider-wrap .item-wrap {
	right: 12px;
}

.main-slider-wrap .item-wrap:before {
	position: absolute;
    content: ' ';
    left: -11px;
    bottom: -10px;
    pointer-events: none;
    width: 22px;
    height: 22px;
    background: #f4f4f8;
    clip-path: path("M 0 0 Q 10 11 22 0 L 22 22 L 0 22 Z");
    transform: rotate(315deg);
}

.main-slider-wrap .item-wrap:after {
	position: absolute;
    content: ' ';
    right: -11px;
    top: -11px;
    pointer-events: none;
    width: 22px;
    height: 22px;
    background: #f4f4f8;
    clip-path: path("M 0 0 Q 10 11 22 0 L 22 22 L 0 22 Z");
    transform: rotate(315deg);
}

@media (min-width: 1200px) {
.main-slider-wrap .item-wrap {
	max-width: 362px;
	height: 212px;
	}
}

.main-slider-wrap .item-info-block:after {
	position: absolute;
    content: ' ';
    right: -11px;
    bottom: -10px;
    pointer-events: none;
    width: 22px;
    height: 22px;
    background: #f4f4f8;
    clip-path: path("M 0 0 Q 10 11 22 0 L 22 22 L 0 22 Z");
    transform: rotate(315deg);
}

.main-slider-wrap:has(.owl-item:nth-child(2)) .item-info-block {
	bottom: 0px;
}

.main-slider-wrap:has(.owl-item:nth-child(2)) .item-wrap {
	bottom: 36px;
	//bottom: 29px;
}
.main-slider-wrap .item-info-block h3 {
    color: #000;
    margin: 0;
    font-weight: 400;
    font-size: 24px;
    line-height: 28px;
}
.main-slider-wrap .item-info-block h3 .b {
    color: #000;
}
.main-slider-wrap .item-info-block p {
    margin-top: 10px;
}

.section-dop .item-info-block {
    background: #ffbc00;
    border-radius: 15px;
    padding-left: 30px;
    padding-top: 20px;
    padding-bottom: 20px;
	padding: 20px;
}
.section-dop .item-info-block h3 {
    color: #000;
    margin: 0;
    font-weight: 400;
    font-size: 24px;
}
.section-dop .item-info-block h3 .b {
    color: #000;
}
.section-dop .item-info-block p {
    margin-top: 15px;
}
.section-dop {
    display: none;
}
footer {
    margin-top: 70px;
}

.design {
    margin-right: 25px
}

.container {
    /*overflow-x: hidden;*/
}
.apps-block a {
    text-decoration: none;
    text-align: center;
}

.post-navigation .nav-previous a {
    height: 52px;
    /*max-width: 45%;*/
    width: 100%;
    border: 2px solid #FFBC00;
    border-radius: 10px;
    font-size: 16px;
    cursor: pointer;
    display: block;
    text-align: center;
    line-height: 50px;
    text-decoration: none;
}
.post-navigation .nav-next a {
    height: 52px;
    /*max-width: 45%;*/
    width: 100%;
    border: 2px solid #FFBC00;
    border-radius: 10px;
    font-size: 16px;
    cursor: pointer;
    display: block;
    text-align: center;
    line-height: 50px;
    text-decoration: none;
    background: #FFBC00;
}

.all-articles .wrap-block {
    height: initial;
}
.all-articles .wrap-block .btn {
    height: 52px;
    max-width: 190px;
    width: 100%;
    border: 2px solid #FFBC00;
    border-radius: 10px;
    font-size: 16px;
    cursor: pointer;
    display: block;
    text-align: center;
    line-height: 50px;
    text-decoration: none;
    background: #FFBC00;
}

.all-articles .wrap-block .title {
    font-size: 20px;
	line-height: 24px;
 	font-weight: 600;
    color: #000;
    margin: 0;
    margin-bottom: 10px;
}
}
.breadcrumbs {
    margin-bottom: 30px;
}

@media (max-width: 768px) {
    .breadcrumbs {
        display: none;
    }
}
h1 {
    color: #000;
    font-size: 50px !important;
    margin-top: 10px !important;
}
.about {
    background-image: url(../src/about_bg.png);
    background-repeat: no-repeat;
    background-position: top center;
    background-size: contain;
}

.about .top h2 {
    font-size: 32px;
    font-weight: 700;
    color: #000;
}
.about .top p {
    font-size: 18px;
    font-weight: 400;
    color: #4D4D4D;
    line-height: 25.2px;
}
.about .top p {
    margin: 0;
}
.about .top .top-blocks {
    margin-top: 25px;
}
.about .top .number {
    color: #FFBC00;
    font-size: 48px;
    font-weight: 700;
    text-align: center;
    line-height: 48px;
}
.about .top .title {
    font-size: 48px;
    font-weight: 700;
    text-align: center;
    color: #000;
    line-height: 48px;
    margin-bottom: 15px;
}
.about .top .description {
    font-size: 24px;
    font-weight: 500;
    text-align: center;
    color: #4D4D4D;
    max-width: 360px;
    line-height: 24px;
}
.about-scores h2 {
    font-size: 32px;
    color: #000;
    margin: 0;
}
.about-scores {
    margin-top: 150px;
}
.about-scores p {
    font-size: 18px;
    font-weight: 300;
    line-height: 25.2px;
}
/* Sticky блок "О «Сейф-Ломбарде»" */
.about-scores-sidebar {
    position: sticky;
    top: 100px; /* Прилипает к header (высота header ~100px) */
    align-self: flex-start;
}
.level-text span {
    font-size: 24px;
    font-weight: 600;
    color: #000;
}
.about-scores .description {
    font-size: 18px;
    color: #666666;
}
.about-scores .stars img{
    margin-top: 10px
}
.about-scores .special-block {
    width: 100%;
    background: #ffbc00;
    padding: 15px;
    padding-left: 35px;
    border-radius: 15px;
    position: relative;
    cursor: pointer;
    border: 1px solid #666666;
    display: block;
    text-decoration: none;
}
.about-scores .special-block p {
    color: #000;
    font-size: 24px;
    text-transform: uppercase;
    font-weight: 500;
    margin-bottom: 10px;
}
.about-scores .special-block p span {
    font-size: 48px;
    color: #000;
    margin-top: 0px;
    display: block;
    font-weight: 600;
}
.about-scores .special-block .circle {
    right: 20px;
    background: #FFF url(../src/ico-arrow.png) no-repeat center;
}
.about-scores .special-block:hover {
    border-color: #FFD014;
    box-shadow: 0px 0px 16px 0px rgba(255, 221, 0, 0.9);
    transition: 0.3s ease;
}
.about-scores .special-block:hover .circle {
    transform: rotate(45deg);
    transition: 0.3s ease;
}
.partners {
    margin-top: 50px;
    position: relative;
    padding-top: 30px;
    padding-bottom: 30px;
}

/* Белая подложка на всю ширину экрана с тенью сверху и снизу */
.partners::before {
    content: '';
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    width: 100vw;
    height: 100%;
    background: #ffffff;
    box-shadow: 0 -2px 8px rgba(0, 0, 0, 0.08), 0 2px 8px rgba(0, 0, 0, 0.08);
    z-index: -1;
}
.partners h2 {
    font-size: 32px;
    color: #000;
    margin: 0;
}
.partners .wrap-block {
    border-radius: 50%;
    height: 218px;
    width: 218px;
    margin: 0 auto;
    margin-top: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #fff;
    border: 1px solid #E0E0E0;
	min-height: min-content;
}
.partners .item {
    height: 250px;
    width: 250px;
    padding: 0;
}
.partners .wrap-block img {
    max-width: 150px;
    max-height: 150px;
    object-fit: contain;
}

/* Автоматически прокручивающийся слайдер партнеров */
.partners-slider-auto {
    margin-top: 25px;
    overflow: hidden;
    position: relative;
    width: 100%;
}

.partners-track {
    display: flex;
    align-items: center;
    animation: scroll-partners 30s linear infinite;
    width: max-content;
}

.partners-track:hover {
    animation-play-state: paused; /* Пауза при наведении */
}

.partner-item {
    flex-shrink: 0;
    width: 250px;
    padding: 0 15px;
}

.partner-logo {
    border-radius: 50%;
    height: 218px;
    width: 218px;
    margin: 0 auto;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #fff;
    border: 1px solid #E0E0E0;
}

.partner-logo img {
    max-width: 150px;
    max-height: 150px;
    object-fit: contain;
}

@keyframes scroll-partners {
    0% {
        transform: translateX(0);
    }
    100% {
        transform: translateX(-50%);
    }
}

/* Старые стили для Owl Carousel (оставляем на случай использования в других местах) */
.partners-slider {
    margin-top: 25px;
}
.owl-nav-custom button {
    width: 52px;
    height: 52px;
    border-radius: 50%;
    background: #FFBC00;
    border: none;
    font-size: 40px;
    color: #000;
    padding-bottom: 10px;
    cursor: pointer;
}
.partners-slider {
    position: relative;
}
.services .main-slider-wrap .item-info-block {
    //right: 10px;
}
div.owl-carousel.main-carousel-mob .item {
    background-size: cover;
    background-position: center center;
	width: 100%;
}
.steps .wrap-block {
    position: relative;
    height: 380px;
    flex: 1;
    display: flex;
    flex-direction: column;
    /* Сбрасываем общий padding .wrap-block — иллюстрация от верхнего края карточки */
    padding: 0;
    overflow: hidden;
}
.steps .wrap-block h3 {
    font-size: 18px;
    line-height: 28px;
	max-width:100%;
    font-weight: 600;
    color: #000;
    text-transform: uppercase;
    position: relative;
    z-index: 9;
    margin-top: auto;
    padding: 0 20px 20px;
}
/* Вторая строка заголовка — тот же цвет и начертание, что у h3 (не наследовать чужие span-стили) */
.steps .wrap-block h3 .step-title-line-2 {
	color: #000;
	font-size: inherit;
	font-weight: inherit;
	line-height: inherit;
	text-transform: inherit;
}
/* Первые три шага: на десктопе вторая часть заголовка с новой строки (см. seif_step_title_two_lines) */
@media (min-width: 992px) {
	.steps .wrap-block h3 .step-title-line-2 {
		display: block;
	}
}
@media (max-width: 991px) {
	.steps .wrap-block h3 .step-title-line-2 {
		display: inline;
	}
}
/* Только номер шага (01, 02…), не span внутри h3 (.step-title-line-2) */
.steps .wrap-block > span {
    font-size: 92px;
    font-weight: 700;
    color: #dddde3;
    position: absolute;
    bottom: -20px;
    right: 10px;
}
.steps .wrap-block .img-block {
    height: 230px;
    flex-shrink: 0;
    background-repeat: no-repeat;
    background-position: center top;
    background-size: 100% auto;
    border-radius: 15px 15px 0 0;
}
/* Увеличение при наведении отключено */
.steps .wrap-block .arrow-right {
    width: 24px;
    position: absolute;
    right: -25px;
    top: 50%;
}

.steps {
    margin-top: 10px;
    margin-bottom: 0;
}

/* Белая подложка ТОЛЬКО для страницы "Под залог смартфонов" (ID: 439) */
.steps.steps-white-bg {
    position: relative;
    padding-top: 30px;
    padding-bottom: 30px;
}

.steps.steps-white-bg::before {
    content: '';
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    width: 100vw;
    height: 100%;
    background: #ffffff;
    box-shadow: 0 -2px 8px rgba(0, 0, 0, 0.08), 0 2px 8px rgba(0, 0, 0, 0.08);
    z-index: -1;
}

.steps h2 {
    font-size: 32px;
    color: #000;
}
.white-bg {
    background: #FFFFFF;
}

.contact-block {
    padding-top: 50px;
	padding-bottom: 30px;
}
.contact-block h2 {
    font-size: 32px;
    color: #000;
    text-transform: uppercase;
    margin-bottom: 0;
}
.contact-block p {
    font-size: 18px;
    font-weight: 400;
    line-height: 25.2px;
    color: #4D4D4D;
}
.wpcf7-form-control.btn {
    height: 52px;
    max-width: 240px;
    width: 100%;
    background: #FFBC00;
    border: 2px solid #FFBC00;
    border-radius: 10px;
    font-size: 16px;
    display: block;
    text-align: center;
    line-height: 49px;
    color: #000;
    cursor: pointer;
    margin-right: 15px;
    font-weight: 300;
}
.wpcf7-form-control.btn:hover {
    background-color: #FFD014;
    box-shadow: 0px 0px 16px 0px #FFD014;
    border-color: #FFD014;
    transition: 0.3s ease;
}
.wpcf7-text {
    height: 54px;
    border: 1px solid #000 !important;
    padding-left: 15px !important;
    max-width: 350px;
}
.wpcf7-textarea {
    border: 1px solid #000 !important;
    padding-left: 15px !important;
    height: 120px;
    margin-top: 15px;
    max-width: 715px;
    margin-bottom: 20px;
}
.forma span:first-child {
    margin-right: 15px;
}
.form-text {
    font-size: 12px;
    margin-top: 15px;
}
.wpcf7-spinner {
    display: none !important;
}
.preium h2 {
    font-size: 32px;
    color: #000;
    margin: 0;
    margin-bottom: 25px;
}
.preium {
    padding-top: 50px;
}
.preium .wrap-block {
    padding: 15px;
}
.preium .wrap-block h3 {
    font-size: 16px;
    font-weight: 600;
    text-align: center;
    text-transform: uppercase;
	max-width:100%;
}
.preium .wrap-block img {
    margin: 0 auto;
    display: block;
    margin-bottom: 25px;
}

.carousel-simple-news .item {
    display: flex;
    align-items: stretch; /* Обеспечивает одинаковую высоту всех блоков */
}

.carousel-simple-news .item .wrap-block {
/*     display: flex;
    flex-direction: column;
    justify-content: space-between;
    height: 100%; */
}
.from-otzyv span {
    font-size: 10px;
    margin-right: 15px;
    line-height: 30px;
}
.modal-regions h1 {
    font-size: 36px;
    font-weight: 500;
    text-align: center;
}

#city-list {
    display: grid;
    grid-template-columns: repeat(4, 1fr); /* 4 колонки с равной шириной */
    gap: 10px; /* Промежуток между элементами */
    list-style: none; /* Убираем маркеры списка */
    padding: 0; /* Убираем отступы */
    margin: 0; /* Убираем отступы */
}
#city-list li {
    padding-left: 10px;
    padding-right: 10px;
}
#city-list li:hover {
    /*background-color: #ddd; !* Цвет фона при наведении *!*/
}

#city-list li a {
    text-decoration: none; /* Убираем подчеркивание */
}

/* Стилизация кнопки закрытия (крестик) */
.modal-close {
    position: absolute;
    top: 10px;
    right: 10px;
    background: none;
    border: none;
    font-size: 24px;
    cursor: pointer;
    color: #333;
}

.modal-close:hover {
    color: #000;
    transition: 0.3s ease;
}

.forma-prod .top h2 {
    font-size: 32px;
    font-weight: 700;
    text-align: center;
    color: #000000;
    text-transform: uppercase;
    margin-top: 0;
}
.forma-prod .top p {
    font-size: 18px;
    font-weight: 400;
    line-height: 25.2px;
    text-align: center;
    color: #000000;
}
.forma-prod {
    border: 1px solid #666666;
    border-radius: 16px;
    background: #fff;
    padding: 25px;
    margin-top: 50px;
    padding-bottom: 50px;
}
.forma-prod .middle p {
    font-size: 24px;
    font-weight: 500;
    line-height: 28.8px;
    color: #000000;
}
.forma-prod .middle .apps p {
    font-size: 12px;
    font-weight: 400;
    line-height: 14.4px;
    letter-spacing: -0.04em;
    text-align: center;
}
.forma-prod .middle .apps img {
    margin: 0 auto;
    display: block;
    height: 48px;
}
.forma-prod .wpcf7-form-control.btn {
    margin-right: 0;
    margin-top: 15px;
    width: 100%;
    max-width: inherit;
    margin-right: 20px;
}
p.up-form {
    margin-bottom: 15px;
    font-size: 20px;
}
.forma-prod .wrap-left {
    padding-right: 15px;
}
/* Стили для кнопки "Продление за третье лицо" */
.prodlenie-button-wrapper {
    margin-top: 20px;
}
.prodlenie-custom-btn {
    width: 100%;
    max-width: 100%;
    margin-right: 0 !important;
    border: 0.5px solid #FFBC00;
    background: #FFBC00 !important;
    color: #000000 !important;
    border-radius: 10px;
    transition: all 0.3s ease;
}
.prodlenie-custom-btn:hover {
    background: transparent !important;
    border: 2px solid #FFBC00;
    color: #000000 !important;
}
/* Скрытие ТОЛЬКО полей формы (НЕ заголовков и описаний) */
.forma-prod .wpcf7-form div.forma,
.forma-prod .wpcf7-form input[type="submit"],
.forma-prod .wpcf7-form button[type="submit"],
.forma-prod .wpcf7-form .wpcf7-submit,
.forma-prod .wpcf7-form .form-text,
.forma-prod .wpcf7-form span.form-text,
.forma-prod .wpcf7-form div.d-flex:has(span.form-text),
.forma-prod .wpcf7-form p:has(input[name*="iin"]),
.forma-prod .wpcf7-form p:has(input[name*="nomer"]),
.forma-prod .wpcf7-form p:has(input[name*="IIN"]),
.forma-prod .wpcf7-form p:has(input[name*="zalog"]),
.forma-prod .wpcf7-form p:has([placeholder*="ИИН"]),
.forma-prod .wpcf7-form p:has([placeholder*="залог"]),
.forma-prod .wpcf7-form div.d-flex.align-items-center:has(input[type="submit"]) {
    display: none !important;
}
/* МАКСИМАЛЬНО АГРЕССИВНОЕ СКРЫТИЕ p.up-form */
body p.up-form,
html body p.up-form,
form p.up-form,
.wpcf7-form p.up-form,
div p.up-form,
section p.up-form {
    display: none !important;
    visibility: hidden !important;
    opacity: 0 !important;
    height: 0 !important;
    overflow: hidden !important;
    position: absolute !important;
    left: -9999px !important;
}
/* Показываем ТОЛЬКО те p.up-form, которые находятся прямо в .wrap-left (не в формах) */
.wrap-left > p.up-form,
.forma-prod .wrap-left > p.up-form {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
    height: auto !important;
    overflow: visible !important;
    position: static !important;
    left: auto !important;
}
.filials {
    margin-top: 50px;
}
.filials h2 {
    font-size: 32px;
    font-weight: 700;
    color: #000000;
    text-transform: uppercase;
    margin-top: 0;
}
.select2-dropdown.select2-dropdown--below {
    top: 10px;
}
/* Стили для выпадающего меню */
.navbar-nav .menu-item-has-children {
    position: relative;
    padding-right: 15px;
}

.navbar-nav .menu-item-has-children > a::after {
    content: "";
    display: inline-block;
    margin-left: 10px;
    width: 0;
    height: 0;
    border-left: 7px solid transparent;
    border-right: 7px solid transparent;
    border-top: 7px solid #888 !important;
    vertical-align: middle;
    transition: transform 0.3s ease;
    transform: rotate(0deg) !important;
    position: absolute;
    top: 45%;
}

.navbar-nav .menu-item-has-children:hover > a::after,
.navbar-nav .menu-item-has-children:focus-within > a::after {
    transform: rotate(180deg); /* Поворот треугольника вверх */
    border-top: 7px solid #FFBC00;
    transition: 0.3s ease;
}

.navbar-nav .sub-menu {
    display: none;
    position: absolute;
    top: 100%;
    left: 0;
    background: #fff;
    z-index: 9999;
    border: none !important;
    box-shadow: 0px 0px 16px 0px rgba(62, 68, 99, 0.32) !important;
}

.navbar-nav .sub-menu .menu-item {
    white-space: nowrap;
}

.navbar-nav .menu-item-has-children:hover .sub-menu,
.navbar-nav .menu-item-has-children:focus-within .sub-menu {
    display: block;
}

.navbar-nav .menu-item > a {
    display: block;
    padding: 3px 8px;
    color: #000;
    text-decoration: none;
    white-space: nowrap;
}

@media (max-width: 768px) {
    .navbar-nav .menu-item>a {
        font-size: 18px;
	}
}

.navbar-nav .sub-menu .menu-item > a {
    padding: 10px 15px;
    color: #000;
    text-decoration: none;
}

/* Меню «Наши услуги»: секции, отступы и типографика (только десктоп) */
@media (min-width: 769px) {
    #menu-item-235 > ul.sub-menu,
    #menu-item-630 > ul.sub-menu,
    #menu-item-1954 > ul.sub-menu {
        padding: 28px 32px;
        border-radius: 18px;
        box-sizing: border-box;
    }

    /* Пункты — сдвинуты вправо относительно заголовков секций */
    #menu-item-235 > ul.sub-menu > .menu-item:not(.menu-item-services-section-label) > a,
    #menu-item-630 > ul.sub-menu > .menu-item:not(.menu-item-services-section-label) > a,
    #menu-item-1954 > ul.sub-menu > .menu-item:not(.menu-item-services-section-label) > a {
        padding: 8px 0 8px 16px;
        font-family: 'Montserrat', sans-serif;
        font-style: normal;
        font-weight: 400;
        font-size: 16px;
        line-height: 20px;
        color: #000000;
        text-decoration: none;
    }

    /* Заголовки секций — без дополнительного сдвига */
    #menu-item-235 > ul.sub-menu > .menu-item-services-section-label,
    #menu-item-630 > ul.sub-menu > .menu-item-services-section-label,
    #menu-item-1954 > ul.sub-menu > .menu-item-services-section-label {
        pointer-events: none;
    }

    #menu-item-235 > ul.sub-menu > .menu-item-services-section-label > a,
    #menu-item-630 > ul.sub-menu > .menu-item-services-section-label > a,
    #menu-item-1954 > ul.sub-menu > .menu-item-services-section-label > a {
        font-family: 'Montserrat', sans-serif;
        font-style: normal;
        font-weight: 600;
        font-size: 12px;
        line-height: 15px;
        color: #666666;
        cursor: default;
        padding: 0 0 10px;
    }

    #menu-item-235 > ul.sub-menu > .menu-item-main-companies-label > a,
    #menu-item-630 > ul.sub-menu > .menu-item-main-companies-label > a,
    #menu-item-1954 > ul.sub-menu > .menu-item-main-companies-label > a {
        padding-top: 0;
        padding-bottom: 10px;
    }

    #menu-item-235 > ul.sub-menu > .menu-item-subsidiary-label,
    #menu-item-630 > ul.sub-menu > .menu-item-subsidiary-label,
    #menu-item-1954 > ul.sub-menu > .menu-item-subsidiary-label {
        border-top: 1px solid #E5E7EB;
        margin-top: 10px;
        padding-top: 14px;
    }
}

/* Подвал: те же секции в #menu-item-451 / KK / EN */
#menu-item-451 > ul.sub-menu > .menu-item-services-section-label,
#menu-item-667 > ul.sub-menu > .menu-item-services-section-label,
#menu-item-1958 > ul.sub-menu > .menu-item-services-section-label {
    pointer-events: none;
    margin-bottom: 0;
}

#menu-item-451 > ul.sub-menu > .menu-item-services-section-label > a,
#menu-item-667 > ul.sub-menu > .menu-item-services-section-label > a,
#menu-item-1958 > ul.sub-menu > .menu-item-services-section-label > a {
    font-family: 'Montserrat', sans-serif;
    font-style: normal;
    font-weight: 600 !important;
    font-size: 12px !important;
    line-height: 15px;
    color: rgba(255, 255, 255, 0.7) !important;
    cursor: default;
    padding: 0 0 8px;
    border-bottom: none !important;
}

#menu-item-451 > ul.sub-menu > .menu-item-services-section-label > a:hover,
#menu-item-667 > ul.sub-menu > .menu-item-services-section-label > a:hover,
#menu-item-1958 > ul.sub-menu > .menu-item-services-section-label > a:hover {
    border-bottom: none !important;
}

#menu-item-451 > ul.sub-menu > .menu-item:not(.menu-item-services-section-label) > a,
#menu-item-667 > ul.sub-menu > .menu-item:not(.menu-item-services-section-label) > a,
#menu-item-1958 > ul.sub-menu > .menu-item:not(.menu-item-services-section-label) > a {
    padding-left: 12px;
}

#menu-item-451 > ul.sub-menu > .menu-item-subsidiary-label,
#menu-item-667 > ul.sub-menu > .menu-item-subsidiary-label,
#menu-item-1958 > ul.sub-menu > .menu-item-subsidiary-label {
    border-top: 1px solid rgba(255, 255, 255, 0.25);
    margin-top: 10px;
    padding-top: 14px;
}

/* Мобильное меню: показывать секции «Продукты / Дочерние компании» */
.mobile-menu .menu-item-services-section-label,
.mobile-menu .menu-item-subsidiary-label,
.mobile-menu .menu-item-main-companies-label {
    pointer-events: none;
    margin: 14px 0 4px;
    text-align: left;
}

.mobile-menu .menu-item-services-section-label > a,
.mobile-menu .menu-item-subsidiary-label > a,
.mobile-menu .menu-item-main-companies-label > a {
    font-family: 'Montserrat', sans-serif;
    font-style: normal;
    font-weight: 600;
    font-size: 12px !important;
    line-height: 15px;
    color: rgba(255, 255, 255, 0.65) !important;
    cursor: default;
    text-decoration: none;
    border-bottom: none !important;
}

.mobile-menu .menu-item-subsidiary-label {
    margin-top: 16px;
    padding-top: 12px;
    border-top: 1px solid rgba(255, 255, 255, 0.2);
}

.mobile-menu .sub-menu > .menu-item:not(.menu-item-services-section-label) {
    text-align: left;
    padding-left: 12px;
}

.contacts .label-select {
    font-size: 32px;
    font-weight: 700;
    color: #000;
    text-transform: uppercase;
    margin-right: 25px;
}
#filials {
    width: 134px;
    height: 52px;
    border-radius: 16px;
    padding-left: 15px;
    margin-bottom: 25px;
}
.contacts .wrap-block {
    height: 400px;
    display: flex;
    flex-direction: column;
}
.contacts .wrap-block h3 {
    font-size: 20px;
    line-height: 24.38px;
    margin-top: 15px;
}
.contacts .wrap-block a {
    margin-top: auto;
}
.contacts .wrap-block a img {
    margin-right: 10px;
}
.mobile-menu .apps-block {
    margin-top: auto;
}
.mobile-menu .apps-block img {
    max-width: 150px;
}
.mobile-menu .apps-block p {
    font-size: 12px;
}
.mobile-menu a {
    font-size: 14px;
}
.mfp-close-btn-in .mfp-close {
    display: none;
}
.listay {
    position: absolute;
    bottom: 30px;
}
.listay img {
    max-width: 135px;
}
.filials {
    background-image: url(../src/about_bg.png);
    background-repeat: no-repeat;
    background-position: top center;
    background-size: contain;
    padding-bottom: 100px;
}
.mobile-menu.active {
    overflow-y: auto; /* Добавляет вертикальный скролл, если содержимое превышает высоту */
    overflow-x: hidden; /* Отключает горизонтальный скролл */
}
.text-wrapper {
    display: flex;
    flex-direction: column;
    justify-content: center;
    text-align: left;
}
.city-selector + .select2 {
    width: 165px !important;
}
.city-selector + .select2 .select2-selection {
/*    width: 165px;*/
    height: 52px;
    border-radius: 16px;
    padding-left: 15px;
    margin-bottom: 25px;
    background-color: white !important;
    border: 1px solid #ccc !important;
}
.city-selector + .select2 .select2-selection__rendered {
    color: #007bff;
}
.city-selector + .select2 .select2-selection__arrow b {
    border-color: #007bff transparent transparent transparent;
}
.contacts .select2-selection__rendered {
    line-height: 50px !important;
}
.contacts .select2-container--default .select2-selection--single .select2-selection__arrow {
    top: 12px;
    right: 9px;
}
.page-template-tpl-contacts .select2-dropdown.select2-dropdown--below {
    top: -5px;
}
.contacts .select2-container--default.select2-container--open.select2-container--below .select2-selection--single,
.contacts .select2-container--default.select2-container--open.select2-container--below .select2-selection--multiple {
    border: 2px solid #FFBC00 !important;
    border-radius: 16px !important;
}
.contacts .select2 {
    margin-top: 25px;
}

.filials-tmp .select2-selection__rendered {
    line-height: 50px !important;
}
.filials-tmp .select2-container--default .select2-selection--single .select2-selection__arrow {
    top: 12px;
    right: 9px;
}
.page-template-tpl-contacts .select2-dropdown.select2-dropdown--below {
    top: -5px;
}
.filials-tmp .select2-container--default.select2-container--open.select2-container--below .select2-selection--single,
.filials-tmp .select2-container--default.select2-container--open.select2-container--below .select2-selection--multiple {
    border: 2px solid #FFBC00 !important;
    border-radius: 16px !important;
}
.post-template-default .filials-tmp .select2 {
    margin-top: 5px;
}

.filials-tmp {
    display: flex;
    justify-content: space-between;
}
.custom-dropdown-class {
    top: 295px;
}
.wpcf7-not-valid {
    border: 1px solid #dc3232 !important;
}
.wpcf7-not-valid-tip {
    display: none !important;
}
#city-search {
    background-image: url(../src/lupa.svg);
    background-repeat: no-repeat;
    background-position: 15px center;
    border: 1px solid #666666;
    border-radius: 30px;
    height: 48px;
    width: 100%;
    padding-left: 45px;
    display: none;
}
#city-search::placeholder {
    padding-left: 45px; /* Adjust this value as needed for additional spacing */
}
#city-list li a.selected {
    background: #FFBC00;
}
#city-list li a:hover {
    background: #6666661A;
    transition: 0.3s ease;
}
#city-list li a {
    padding: 3px 5px;
}
.modal-regions .modal-close {
    font-size: 56px;
    color: #666666;
    top: 0;
    font-weight: 100;
}
.modal-call {
    background: #fff;
    max-width: 1220px;
    margin: 0 auto;
    padding: 30px;
    position: relative;
    padding-bottom: 0;
    padding-top: 0;
    border-radius: 30px;
}
.modal-call .arrow-right {
    margin-bottom: -7px;
}
.modal-call .contact-block {
    padding-top: 10px;
}
.modal-call .modal-close {
    position: absolute;
    top: 10px;
    right: 10px;
    background: none;
    border: none;
    cursor: pointer;
    color: #333;
    background: #FFBC00;
    width: 50px;
    height: 50px;
    border-radius: 50%;
    font-size: 30px;
}
#success-message {
    font-size: 18px;
    color: green;
    margin-top: 20px;
}
.mobile-menu-content .phone img,
.mobile-menu-content .popup-modal-regions img {
    width: 16px;
    height: 16px;
    margin-right: 6px;
}
.title-selector-city {
    display: flex;
    justify-content: space-between;
}
.header-phone {
    font-size: 14px;
}
.contact-block .form-text {
    margin-top: 0;
}
.section5 p b {
    font-weight: 700;
}
.btn.vse-novosti {
    background: #ffffff00;
    text-align: center;
    text-decoration: none;
    line-height: 50px;
    display: block;
    position: absolute;
    top: -70px;
    right: 150px;
	max-width: 215px;
    transition: right 0.3s ease;
}

/* Кнопка сдвигается вправо когда нет навигации слайдера */
.btn.vse-novosti.no-nav {
    right: 0;
}

.section6-finliteracy__head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    margin-top: 10px;
    padding-right: 150px;
    box-sizing: border-box;
}

.section6-finliteracy .btn.vse-novosti {
    position: static;
    top: auto;
    right: auto;
    margin-top: 0;
    margin-left: 16px;
    flex-shrink: 0;
}

@media (max-width: 768px) {
	.btn.vse-novosti {
		right: 0;
	}

    .section6-finliteracy__head {
        flex-direction: column;
        align-items: flex-start;
        padding-right: 0;
        gap: 12px;
    }

    .section6-finliteracy .btn.vse-novosti {
        margin-left: 0;
        max-width: 215px;
        width: 100%;
    }
}
.listay {
    display: flex;
    width: 100%;
    text-decoration: none;
}
.listay img {
    max-width: 25px;
}
.hidden-info-block {
    display: none;
}
.header-language select {
    visibility: hidden; /* Скрываем селектор */
    margin-top: 0 !important;
}
.header-language .post-template-default .select2 {
    margin-top: 0 !important;
}


.invest h2{
    font-size: 32px;
    line-height: 39px;
    color: #000000;
    text-transform: uppercase;
}
.invest-main{
    padding: 60px;
    background-color: white;
    border-radius: 8px;
}

.invest-card h3{
    font-size: 36px;
    line-height: 50px;

    font-weight: 700;
    color: #FFD014;
    display: block;
    text-align: center;
}
.invest-card p{
    font-size: 17px;
    line-height: 25px;
    font-weight: 500;
    margin-bottom: 0;
    text-align: center;
}
.invest-card .wrap-block{
    height: auto;
    min-height: 175px;
}
.invest-buybond-card .wrap-block{
    position: relative;
}
.invest-buybond-card p{
    font-size: 24px;
    line-height: 34px;
    font-weight: 700;
    width: 64px;
    height: 64px;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #FFBC00;
    position: absolute;
    top: -32px;
    left: 50%;
    transform: translateX(-50%);
    border-radius: 50%;
    margin: 0;
}
.invest-buybond-card .wrap-block{
    min-height: 210px;
    height: auto;
    padding: 47px 30px 30px;
}
.invest-buybond-card strong{
    font-size: 20px;
    line-height: 24px;
    text-align: center;
    font-weight: 600;
    color: black;
}
.invest-buybond-cards{
    margin-top: 65px
}
.m-100{
    margin-top: 100px;
}
.bond-buttons{
    display: flex;
	flex-wrap: wrap;
    gap: 15px;
}
.bond-button{
    font-size: 14px;
    line-height: 17px;
    font-weight: 700;
    padding: 8px 24px;
    text-transform: uppercase;
    border: 1px solid #666666;
    border-radius: 123px;
    max-width: max-content;
    cursor: pointer;
    background-color: white;
    p{
        margin: 0;
    }
}
.bond-container{
    margin-top: 30px;
    display: flex;
    flex-wrap: wrap;
    gap:  15px 30px;
    padding: 30px;
    background-color: white;
    border: 1px solid rgba(102, 102, 102, 1); 
    border-radius: 16px;
    p{
        margin: 0;
    }
}
.bond-bottom{
   padding: 30px; 
   border: 1px solid rgba(102, 102, 102, 1); 
   border-radius: 16px;
   margin-top: 10px;
}
.bond-item{
    display: flex;
    justify-content: space-between;
    flex: 1 1 47%;
    position: relative;
    margin: 15px 0;
    a{
        color: rgba(40, 84, 196, 1) ;
        strong{
            color: rgba(40, 84, 196, 1) ; 
        }
    }
    strong{
        font-weight: bold;
        color: black;
        width: 100%;
        max-width: 260px;
    }
}
.bond-item::after{
    content: "";
    height: 1px;
    width: 100%;
    position: absolute;
    bottom: -16px;
    left: 0;
    display: block;
    background-color: rgba(0, 0, 0, 0.1);
}

.my-hidden-content{
    display: none;
}
.bond-btn-chosen{
    background-color: rgba(255, 188, 0, 1);
    border-color: rgba(255, 188, 0, 1) !important;
}
.progress-container {
  width: 100%;
  background-color: #e0e0e0;
  border-radius: 123px;
  overflow: hidden;
  height: 8px;
  padding: 0;
}
.progress-bar {
  height: 100%;
  background-color: rgba(255, 188, 0, 1);
  text-align: center;
  color: white;
  white-space: nowrap;
  overflow: hidden;
}
@media (max-width: 768px) {
.m-100{
    margin-top: 60px;
}
.invest-main{
    padding: 30px;
}
.invest .wrap-block{
    height: auto;
}
}



  .invest h2{
        font-size: 32px;
        line-height: 39px;
        color: #000000;
        text-transform: uppercase;
    }
    .invest-main{
        padding: 60px;
        background-color: white;
        border-radius: 8px;
    }

    .invest-card h3{
        font-size: 36px;
        line-height: 50px;

        font-weight: 700;
        color: #FFD014;
        display: block;
        text-align: center;
    }
    .invest-card p{
        font-size: 17px;
        line-height: 25px;
        font-weight: 500;
        margin-bottom: 0;
        text-align: center;
    }
    .invest-card .wrap-block{
        height: auto;
        min-height: 175px;
    }
    .invest-buybond-card .wrap-block{
        position: relative;
    }
    .invest-buybond-card p{
        font-size: 24px;
        line-height: 34px;
        font-weight: 700;
        width: 64px;
        height: 64px;
        display: flex;
        align-items: center;
        justify-content: center;
        background-color: #FFBC00;
        position: absolute;
        top: -32px;
        left: 50%;
        transform: translateX(-50%);
        border-radius: 50%;
        margin: 0;
    }
    .invest-buybond-card .wrap-block{
        min-height: 210px;
        height: auto;
        padding: 47px 30px 30px;
    }
    .invest-buybond-card strong{
        font-size: 20px;
        line-height: 24px;
        text-align: center;
        font-weight: 600;
        color: black;
    }
    .invest-buybond-cards{
        margin-top: 65px
    }
    .m-100{
        margin-top: 100px;
    }
    .bond-buttons{
        display: flex;
        gap: 15px;
    }
    .bond-button{
        font-size: 14px;
        line-height: 17px;
        font-weight: 700;
        padding: 8px 24px;
        text-transform: uppercase;
        border: 1px solid #666666;
        border-radius: 123px;
        max-width: max-content;
        cursor: pointer;
        background-color: white;
        p{
            margin: 0;
        }
    }
    .bond-container{
        margin-top: 30px;
        display: flex;
        flex-wrap: wrap;
        gap:  15px 30px;
        padding: 30px;
        background-color: white;
        border: 1px solid rgba(102, 102, 102, 1); 
        border-radius: 16px;
        p{
            margin: 0;
        }
    }
    .bond-bottom{
       padding: 30px; 
       border: 1px solid rgba(102, 102, 102, 1); 
       border-radius: 16px;
       margin-top: 10px;
    }
    .bond-item{
        display: flex;
        justify-content: space-between;
        flex: 1 1 47%;
        position: relative;
        margin: 15px 0;
        a{
            color: rgba(40, 84, 196, 1) ;
            strong{
                color: rgba(40, 84, 196, 1) ; 
            }
        }
        strong{
            font-weight: bold;
            color: black;
            width: 100%;
            max-width: 260px;
        }
    }
    .bond-item::after{
        content: "";
        height: 1px;
        width: 100%;
        position: absolute;
        bottom: -16px;
        left: 0;
        display: block;
        background-color: rgba(0, 0, 0, 0.1);
    }

    .my-hidden-content{
        display: none;
    }
    .bond-btn-chosen{
        background-color: rgba(255, 188, 0, 1);
        border-color: rgba(255, 188, 0, 1) !important;
    }
    .progress-container {
      width: 100%;
      background-color: #e0e0e0;
      border-radius: 123px;
      overflow: hidden;
      height: 8px;
      padding: 0;
    }
    .progress-bar {
      height: 100%;
      background-color: rgba(255, 188, 0, 1);
      text-align: center;
      color: white;
      white-space: nowrap;
      overflow: hidden;
    }
.investoram-main{
	border-radius: 8px;
	background-color: white;
	
}

.gold {
    position: relative;
    padding-top: 30px;
    padding-bottom: 30px;
}

/* Белая подложка на всю ширину экрана с тенью сверху и снизу */
.gold::before {
    content: '';
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    width: 100vw;
    height: 100%;
    background: #ffffff;
    box-shadow: 0 -2px 8px rgba(0, 0, 0, 0.08), 0 2px 8px rgba(0, 0, 0, 0.08);
    z-index: -1;
}

.gold h2{
    font-size: 32px;
    line-height: 40px;
    font-weight: 700;
    color: black;
}
.gold-item{
    padding: 15px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    background-color: white;
    border-radius: 16px;
    border: 1px solid rgba(102, 102, 102, 1);
}
.gold .gold-item:not(:first-child){
    margin-top: 10px;
}
.gold-item p {
    font-size: 24px;
    line-height: 28px;
    font-weight: 700;
    color: black;
    margin: 0;
}
.gold-item span{
    padding: 8px 16px;
    background-color: rgba(255, 188, 0, 1);
    font-size: 18px;
    line-height: 22px;
    color :black;
    border-radius: 8px;
    font-weight: 600;
}
.gold-textbot{
    margin: 0;
    font-size: 14px;
    line-height: 20px;
    margin-top: 30px;
}
.gold-clue{
    margin: 0;
    font-size: 12px;
    line-height: 14px;
    margin-top: 10px;
}
.gold-calculator{
    padding: 30px;
    background-color: white;
    border-radius: 16px;
    border: 1px solid rgba(102, 102, 102, 1);
}
.gold-calculator p{
    margin: 0;
    font-size: 16px;
    line-height: 20px;
    font-weight: 500;
}
.gold-nav{
    margin-top: 10px;
    background-color: #F4F4F8;
    display: flex;
}
.gold-nav button{
    padding: 16px 0;
    cursor: pointer;
    border-radius: 16px;
    max-width: 165px;
    width: 100%;
    font-size: 16px;
    line-height: 20px;
    font-weight: 600;
    display: flex;
    align-items: center;
    justify-content: center;
    border: none;
    background-color: transparent;
}
.gold-nav button.active{
    background-color: #FFBC00;
}
.gold-form > div{
    margin-top: 30px;
}
.gold-form label,
.gold-form input{
    font-size: 16px;
    line-height: 20px;
    font-weight: 500;
    display: block;
    color: black;
}

.gold-form input[type="text"]{
    margin-top: 10px;
    border-radius: 4px;
    border: 1px solid #666666;
    padding: 16px 24px !important;
    text-align: right;
    width: 100%;
}
.weight-container,
.summ-container{
    position: relative;
}
.gold-form .weight-container input[type="text"],
.gold-form .summ-container input[type="text"]{
    padding-right: 45px !important;
}
.weight-container::after,
.summ-container::after{
    display: block;
    width: 20px;
    position: absolute;
    right: 20px;
    top: 50%;
    transform: translateY(-50%);
    font-weight: 500;
    
}
.weight-container::after{
    content: "гр";
    
}
.summ-container::after{
    content: "₸";
}
.gold-info-mob{
    margin-top: 10px;
}
.gold-info-mob .gold-textbot{
    margin-top: 0;
}
.gold-main{
    display: flex;
    gap: 30px;
    margin: 30px 0;
}
.gold-main .gold-item{
    flex: 1 1 31%;
}
@media(min-width: 768px){
    .investoram-main{
        padding: 100px 60px;
    }
    .gold{
        margin-top: 50px;
    }
    .gold-info-mob{
        display: none;
    }
}
    @media (max-width: 768px) {
    .m-100{
        margin-top: 60px;
    }
    .invest-main{
        padding: 30px;
    }
    .invest .wrap-block{
        height: auto;
    }
    .bond-item{
        flex-direction: column;
    }
    .invest-about{
        gap: 30px;
    }
    .invest-date{
        padding: 0 15px;
    }
	.investoram-main{
		padding: 30px 15px;
	}
    .gold{
        margin-top: 30px;
    }
    .gold-info-desc{
        display: none;
    }
    .gold-calculator{
        margin-top: 30px;
    }
    .gold-main{
        flex-wrap: wrap;
        gap: 10px;
    }
    .gold-main .gold-item{
        flex: 1 1 100%;
    }
}



header.lang-kk nav ul li a {
    font-size: 15px;
}
.select2-container--default .select2-selection--single .select2-selection__arrow b {
    top: 45%;
}
.main-carousel .item p {
    max-width: 558px;
}

.section0 {
    margin-top: 50px;
}
.section0 h2 {
    font-size: 32px;
    line-height: 38px;
    color: #000;
    margin: 0 0 10px 0;
    text-transform: uppercase;
}
.section0 p {
    margin: 0 0 30px 0;
}
.section0 p:last-child {
    max-width: 500px;
    margin: 0 auto;
    text-align: center;
}
.section0 .txt-big {
    max-width: 500px;
    margin: 30px auto 10px auto;
    text-align: center;
    font-weight: 500;
    font-size: 24px;
    line-height: 29px;
    text-align: center;
    color: #333;
}
.section0 .txt-yw {
    color: #FFBC00;
}
.section0 .form-calc {
    background-color: #FFBC00;
    padding: 60px;
    border-radius: 30px;
}
.section0 .form-calc select {
    width: 100%;
    height: 52px;
    background-color: #fff !important;
    padding: 16px 24px;
    border: 1px solid #666666 !important;
    border-radius: 4px !important;
    margin-bottom: 28px;
    position: relative;
    appearance: none;
    -webkit-appearance: none;
    font-weight: 500;
    font-size: 16px;
    line-height: 19px;
    color: #666;
}
.section0 .form-calc-note {
    margin-bottom: 30px;
    font-weight: 500;
    font-size: 24px;
    line-height: 29px;
    color: #000000;
}
.section0 .select2 {
    width: 100% !important;
}
.section0 .form-calc .select2-container .select2-selection {
    height: 52px;
    background-color: #fff !important;
    padding: 16px 24px;
    border: 1px solid #666666 !important;
    border-radius: 4px !important;
    position: relative;
}
.section0 .form-calc .select2-container--open .select2-selection {
    border-color: #FFBC00 !important;
}
.section0 .form-calc .select2-container--open .select2-selection .select2-selection__rendered {
    color: #111 !important;
}
.section0 .form-calc .select2 + .slct-white + .select2 {
    margin-top: -14px;
}
.section0 .form-calc .select2-container .select2-selection--single .select2-selection__rendered {
    padding-left: 0;
    font-weight: 500;
    font-size: 16px;
    line-height: 19px;
}
.section0 .form-calc .select2-container--default .select2-selection--single .select2-selection__arrow {
    top: 50%;
    right: 20px;
    transform: translateY(-50%);
}
.section0 .select2-container--disabled {
    opacity: 0.5;
}
body .select2-results__option {
    padding: 6px 0;
}
body .select2-container--default .select2-results__option--selected,
body .select2-container--default .select2-results__option[aria-selected=true],
body .select2-container--default .select2-results__option--highlighted[aria-selected] {
/*    background-color: #ddd;*/
    background-color: #fff;
/*    color: inherit;*/
    color: #FFBC00;
}
body .select2-results__option:hover,
body .select2-container--default .select2-results__option--highlighted[aria-selected]:hover {
/*    background-color: #F4F4F8;*/
    background-color: #fff;
/*    color: inherit;*/
    color: #FFBC00;
}
body .select2-container--default .select2-results__option--highlighted.select2-results__option--selectable {
    color: inherit;
}
body .select2-container--default .select2-results>.select2-results__options {
    max-height: 216px;
}
.section0 .form-calc label {
    font-weight: 500;
    font-size: 15px;
    line-height: 17px;
    color: #000000;
}
.section0 .form-calc label.checkbox-wrap {
    display: block;
    padding-left: 20px;
    margin-bottom: 10px;
    position: relative;
}
.section0 .form-calc label.checkbox-wrap input[type="checkbox"] {
    position: absolute;
    top: 3px;
    left: 0;
}
.section0 .form-calc label.big {
    display: block;
    margin-bottom: 10px;
    font-weight: 500;
    font-size: 18px;
    line-height: 22px;
    color: #000000;
}
.section0 .form-calc .inp-white {
    width: 100%;
    height: 52px;
    background-color: #fff;
    padding: 16px 24px;
    border: 1px solid #666666;
    border-radius: 4px;
    margin-bottom: 10px;
    font-weight: 500;
    font-size: 16px;
    line-height: 195px;
}
.section0 .form-calc .inp-white:focus {
    outline: none;
}
.section0 .form-calc .btn,
.gold-calculator .btn {
    display: block;
    width: 100%;
    height: 52px;
    border-radius: 8px;
    padding: 16px;
    text-decoration: none;
    text-align: center;
    font-weight: 500;
    font-size: 16px;
    line-height: 19px;
}
.section0 .form-calc .btn:hover,
.gold-calculator .btn:hover {
    cursor: pointer;
}
.section0 .form-calc .btn:disabled:hover,
.gold-calculator .btn:disabled:hover {
    cursor: default;
}
.section0 .form-calc .btn-white {
    background-color: #fff;
    border-color: #fff;
    color: #4D4D4D;
}
.section0 .form-calc .btn-yellow,
.gold-calculator .btn {
    background-color: #FFBC00;
    border-color: #FFBC00;
    color: #4D4D4D;
}
.section0 .form-calc .btn-yellow:hover,
.gold-calculator .btn:hover {
    background-color: transparent;
}
.gold-calculator .btn {
    width: 100%;
}
.section0 .form-calc .btn-yellow-trans {
    background-color: #fff;
    border-color: #FFBC00;
    color: #4D4D4D;
}
.section0 .form-calc .btn-yellow-trans:hover {
    background-color: #FFBC00;
}
.section0 .form-calc .btn-white:disabled {
    opacity: 0.5;
}
.section0 .form-calc .popup-overlay {
    display: none;
    width: 100%;
    height: 100%;
    padding: 0 15px;
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1;
    background-color: rgba(0, 0, 0, 0.7);
}
.section0 .form-calc .popup {
    display: none;
    flex: 1 1 500px;
    max-width: 500px;
    background-color: #fff;
    padding: 50px;
    border-radius: 16px;
    position: fixed;
    top: 50%;
    left: 50%;
    z-index: 2;
    transform: translate(-50%, -50%);
}
.section0 .form-calc .btn-close {
    display: flex;
    align-items: center;
    justify-content: center;
    background: none;
    padding: 0;
    border: none;
    border-radius: 50%;
    position: absolute;
    top: 10px;
    right: 10px;
    cursor: pointer;
}
.section0 .form-calc .btn-close:hover {
    box-shadow: 0px 0px 16px 0px rgba(255, 221, 0, 0.67);
}
.section0 .form-calc .popup-title {
    margin-bottom: 10px;
    text-transform: uppercase;
    font-weight: 700;
    font-size: 32px;
    line-height: 39px;
    color: #000000;
}
.section0 .form-calc .popup-text {
    margin-bottom: 30px;
}
.section0 .form-calc .popup-price-note {
    margin-bottom: 4px;
    font-weight: 700;
    font-size: 24px;
    line-height: 29px;
    color: #000;
}
.section0 .form-calc .popup-price {
    font-weight: 700;
    font-size: 36px;
    line-height: 43px;
    color: #2CAD6E;
}
.section0 .popup-wpcf7 {
    margin-top: 15px;
}
.section0 .form-calc .popup-buttons {
    margin-top: 30px;
}
.section0 .form-calc .popup-buttons .btn + .btn {
    margin-top: 10px;
}
.section0 .form-calc .input2,
.section0 .form-calc .select2-wrap {
    position: relative;
}
.section0 .form-calc .select2-wrap {
    margin-bottom: 10px;
}
.section0 .form-calc .input2.error .inp-white,
.section0 .form-calc .select2-wrap.error .select2-container .select2-selection {
    border-color: red !important;
}
.section0 .form-calc .select2-wrap.error .select2-container.select2-container--open .select2-selection {
    border-color: #666666 !important;
}
.section0 .form-calc .input2 .error,
.section0 .form-calc .select2-wrap .error {
    position: absolute;
    top: 4px;
    right: 4px;
    z-index: 1;
    font-size: 11px;
    line-height: 11px;
    color: red;
}
.section0 .form-calc .select2-container--default .select2-selection--single .select2-selection__rendered {
    color: #111 !important;
    opacity: 0.5;
}
.section0 .form-calc .selected .select2-container--default .select2-selection--single .select2-selection__rendered {
    opacity: 1;
}

.section0 .form-calc-wpcf7 .wpcf7-form-control-wrap {
    display: block;
}
.section0 .form-calc-wpcf7 .wpcf7-text {
    width: auto;
    height: auto;
    padding: 0;
    border: none !important;
    outline: none;
}
.section0 .form-calc-wpcf7 {
    display: none;
}
.section0 .form-calc-wpcf7 .wpcf7 form .wpcf7-response-output {
    padding: 0 !important;
    border: none !important;
    margin: 0 !important;
}
.section0 .popup-wpcf7 .wpcf7-response-output {
    font-weight: bold;
    color: #000 ;
}
.select2-results {
    padding: 10px;
}

/*.select2-dropdown * {
    scrollbar-width: thin;
    scrollbar-color: #FFBC00 #DEDEDE;
}*/
.select2-dropdown *::-webkit-scrollbar {
    width: 4px;
    padding: 10px;
}
.select2-dropdown *::-webkit-scrollbar-track {
    background: #DEDEDE;
}
.select2-dropdown *::-webkit-scrollbar-thumb {
    background-color: #FFBC00;
}
.select2-dropdown *::-webkit-scrollbar-button {
    display: none;
}

.section0 .popup .loader {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 50px;
}
.section0 .popup .loader::before {
  content: "";
  display: block;
  width: 50px;
  aspect-ratio: 1;
  border-radius: 50%;
  background: 
    radial-gradient(farthest-side,#ffa516 94%,#0000) top/8px 8px no-repeat,
    conic-gradient(#0000 30%,#ffa516);
  -webkit-mask: radial-gradient(farthest-side,#0000 calc(100% - 8px),#000 0);
  animation: l13 1s infinite linear;
}
@keyframes l13{ 
  100%{transform: rotate(1turn)}
}

@media (max-width: 991px) {
    .section0 > div + div {
        margin-top: 30px;
    }
}

@media(max-width: 768px){
	.section0 .form-calc{
		padding: 30px;
	}
	.section0 .post-template-default .select2{
		width: 100% !important;
	}
	
}

@media (max-width: 768px) {
	.row.section1 .circle {
		display: none;
	}
	
}

.company-last.yellow-block.company-last-wide img{
	margin: auto;
}


#inp-tel:disabled{
	opacity: .5;
}
.fond p{
    margin: 0
}
.fond {
    margin-top: 100px;
}
.fond-title{
    font-size: 32px;
    line-height: 44px;
    color: black;
}

.fond-link,
.fond-link-mobile{
    text-decoration: none;
    padding: 16px 25px;
    border: 2px #FFBC00 solid;
    font-size: 16px;
    line-height: 18px;
    color: #4D4D4D;
    font-weight: 500;
    text-align: center;
    display: block;
    width: 100%;
    max-width: 260px;
    transition: all ease-in-out .3s;
    border-radius: 8px;
}
.fond-link:hover{
    background-color: #FFBC00;
    color: white;
    transition: all ease-in-out .3s;
}
.fond-left p {
	margin-top: 10px;
}

.fond-left a{
	margin-top: 30px;
}
.fond-text{
	font-size: 18px;
	line-height: 24px;
}
.fond-right {
 align-items: center;
 display: flex;
/* 	gap: 30px; */
/*  flex-direction: column;
justify-content: space-between; */
}
.fond-socials a{
    text-decoration: none;
    display: flex;
    gap: 10px;
    align-items: center;
}
.fond-socials-container{
	margin: 20px auto 0;
	width: fit-content;

}
.fond-socials{ 
    display: flex;
    gap: 10px;
   
}
.fond-socials  div{
    width: 48px;
    height: 48px;
    display: grid;
    place-items: center;
    background-color: #FFBC00;
    border-radius: 123123px;
}

.fond .fond-name{
    font-size: 20px;
    line-height: 24px;
    font-weight: 600;
    color: black;
/* 	margin-top: 30px; */
	text-align: center;
}

.fond-socials:nth-child(2){
    margin-top: 15px;
}

@media(min-width: 768px){
	.fond-hidden,
	.fond-link-mobile{
		display: none;
	}
}

@media (max-width: 768px){
    .fond-link{
        display: none;
    }

    .fond-link-mobile{
        width: 100%;
        max-width: none;
        text-align: center;
        margin-top: 30px;
    }

    .fond-right,
    .fond .fond-name{
        margin-top: 30px;
    }
	.fond-right{
		flex-wrap: wrap;
		justify-content: center;
	}
    .fond-name{
        margin-bottom: 15px;
    }

    .fond-socials:first-child{
        margin-top: 15px;
    }

    /* УБРАНО СКРЫТИЕ ТЕКСТА - теперь текст отображается полностью */
    /* .fond-text{
        max-height: 220px;
        overflow: hidden;
        position: relative;
        transition: all ease-in-out .6s;
    }
    .fond-text::after{
        content: '';
        position: absolute;
        z-index: 2;
        height: 46px;
        left: 0;
        bottom: 0;
        width: 100%;
        background: linear-gradient(180deg, rgba(244, 244, 248, 0) 0%, #F4F4F8 100%);

    }
    .fond-text.active{
        max-height: 2000px;
        transition: all ease-in-out .6s;
    }
    .fond-text.active::after{
        height: 0;
    } */

    /* Скрываем кнопку "Читать дальше" на всех устройствах */
    .fond-hidden{
        display: none !important;
    }

    /* .fond-hidden.active{
        transition: all ease-in-out .6s;
        opacity: 0;
        visibility: hidden;
    } */

}
.seo__text {
	font-family: "Montserrat", sans-serif !important;
	margin-bottom: 10px;
}
.seo__text h1, .seo__text h2, .seo__text h3, .seo__text h4, .seo__text h5, .seo__text h6 {
	font-size: 20px !important;
	margin-bottom: 10px;
	margin-top: 5px;
	font-weight: 600;
	color: #000;
}
.seo__text p {
	font-weight: 300;
	color: #666666;
	font-size: 18px;
	margin-bottom: 10px;
}
.seo__text ul {
	font-weight: 300;
	color: #666666;
	font-size: 18px;
	margin: 0;
}
.seo__text strong {
	font-weight: 600;
}

.seo__text summary {
    display: block;
    cursor: pointer;
    margin-bottom: 10px;
    font-family: "Montserrat", sans-serif !important;
}


.seo__footer {
	display: grid;
    grid-template-columns: 1fr 1fr;
}

@media(max-width: 600px){
  .seo__footer {
	display: flex;
	flex-direction: column;
  }
}

.seo__footer a {
	color: #ffffff;
    text-decoration: none;
}


	.card-service-category{
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	height: 100%;
}

.card-service-img,
	.img-container{
	max-height: 200px;
	height: 100%;
	width: 100%;
		object-fit: cover;
}
.odd-card .wrap-block{
	height: 600px;
	display: flex;
	flex-direction: column;
	padding: 0px;
	overflow: hidden;
}
.odd-card .card-service-category{
	padding: 0 30px 30px;
}
.odd-card .text, .odd-card .title{
	display: -webkit-box;
	-webkit-line-clamp: 5;   /* сколько строк показать */
	-webkit-box-orient: vertical;
	overflow: hidden;
}
.odd-card .title{
	-webkit-line-clamp: 4;
}

@media (max-width: 768px){
	.odd-card .card-service-category{
		padding: 0 15px 15px;
	}
	.btn.vse-novosti{
/* 		display: none */
		max-width: 170px;
	}
	.w-45{
		width: 50%;
	}
	
	.section1 .mob-card-img{
		display: flex;
		align-items: center;
		padding: 20px;
	}
	.review-slider .owl-stage-outer{
		margin-left: -50px;
	}
	#about .review-slider p{
		  display: -webkit-box;
		  -webkit-line-clamp: 4; /* показывать только 2 строки */
		  -webkit-box-orient: vertical;
		  overflow: hidden;
			height: auto;
	}
	.review-slider .item,
	.review-slider .wrap-block{
		height: 302px;
	}
	.review-slider .wrap-block{
		display: flex;
		flex-direction: column;
	}
	
	.fond-title{
		font-size: 24px;
		line-height: 32px;
	}
}

.main-carousel-mob .item p{
	font-size: 14px;
	line-height: 18px;
	color: black;
}
.mfp-content .arrow-right{
	max-height: 450px;
}
.arrow-right.form-img{
	position: relative;
	bottom: -30px;
}

/* === Блок Руководство === */
.management-main-title {
	font-family: 'Montserrat', sans-serif;
	font-size: 50px;
	font-weight: 700;
	color: #000;
	line-height: 1;
	letter-spacing: 0;
	text-transform: capitalize;
	margin-bottom: 15px;
	margin-top: 80px;
}

.management-section {
	margin-bottom: 50px;
	background: #ffffff;
	padding: 25px 40px 50px;
	border-radius: 20px;
}

.management-block {
	margin-bottom: 50px;
}

.management-block-title {
	font-size: 24px;
	font-weight: 600;
	color: #000;
	margin-bottom: 20px;
	text-align: left;
	text-transform: uppercase;
}

.management-block.board-block {
	position: relative;
}

.management-block.board-block .management-block-title {
	display: inline-block;
	width: auto;
	margin: 0 auto 30px;
	position: relative;
}

/* Сетка для Наблюдательного совета */
.management-grid {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 20px;
	margin-bottom: 30px;
	grid-auto-rows: 1fr;
}

/* Карточка члена команды */
.management-card {
	background: #fff;
	border-radius: 15px;
	overflow: hidden;
	cursor: pointer !important;
	transition: none;
	box-shadow: none;
	border: none;
	height: 100%;
	display: flex;
	flex-direction: column;
}

.management-card:hover {
	box-shadow: none;
	transform: none;
	cursor: pointer !important;
}

.management-card * {
	cursor: pointer !important;
}

.management-photo {
    width: 100%;
    height: 360px;
    overflow: hidden;
    background: #f4f4f4;
    flex-shrink: 0;
}

.management-photo img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center top;
}

.management-info {
    padding: 15px 20px;
    text-align: center;
    flex: 1;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.management-name {
    font-family: 'Montserrat', sans-serif;
    font-size: 24px;
    font-weight: 500;
    color: #666;
    margin-bottom: 8px;
    line-height: 1.2;
    letter-spacing: 0;
}

.management-name .family-name {
    font-weight: 700;
    color: #000;
}

.management-position {
	font-family: 'Montserrat', sans-serif;
	font-size: 16px;
	font-weight: 500;
	color: #666;
	line-height: 1.2;
	margin: 0;
}

/* Слайдер для Правления */
.management-slider-wrap {
	position: relative;
}

.management-slider {
	margin: 0;
}

.management-slider .owl-stage-outer {
	overflow: hidden;
}

.management-slider .owl-stage {
	display: flex;
	align-items: stretch;
}

.management-slider .owl-item {
	float: none;
	display: flex;
	align-items: stretch;
}

.management-slider .item {
	width: 100%;
	height: auto;
	display: flex;
	align-items: stretch;
	padding: 0;
}

.management-slider .management-card {
	margin: 0;
	width: 100%;
	min-height: 100%;
}

.management-nav {
	position: absolute;
	top: 0;
	right: 0;
	text-align: right;
	margin: 0;
}

.management-nav button {
	width: 52px;
	height: 52px;
	border-radius: 50%;
	background: #FFBC00;
	border: none;
	font-size: 40px;
	color: #000;
	padding-bottom: 10px;
	cursor: pointer;
	margin: 0 5px;
}

.management-nav button:hover {
	border-color: #FFD014;
	box-shadow: 0px 0px 16px 0px rgba(255, 221, 0, 0.9);
	background: #FFD014;
	transition: 0.3s ease;
}

/* Предотвращение дергания при открытии модального окна */
.mfp-bg {
	opacity: 0;
	transition: opacity 0.3s ease-out;
}

.mfp-bg.mfp-ready {
	opacity: 0.8;
}

.mfp-wrap {
	overflow-y: scroll;
}

body.mfp-zoom-out-cur {
	overflow: visible !important;
}

/* Модальное окно */
.management-modal {
	max-width: 800px;
	margin: 40px auto;
	background: #fff;
	padding: 40px;
	border-radius: 15px;
	position: relative;
}

.management-modal .modal-close {
	position: absolute;
	top: 20px;
	right: 20px;
	background: transparent;
	border: none;
	font-size: 32px;
	color: #666;
	cursor: pointer;
	transition: color 0.3s ease;
	z-index: 10;
}

.management-modal .modal-close:hover {
	color: #000;
}

.management-modal-content {
	display: flex;
	gap: 30px;
	align-items: flex-start;
}

.management-modal-photo {
	flex-shrink: 0;
	width: 250px;
	height: 300px;
	border-radius: 10px;
	overflow: hidden;
	background: #f4f4f4;
}

.management-modal-photo img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.management-modal-info {
	flex: 1;
}

.management-modal-name {
	font-size: 24px;
	font-weight: 700;
	color: #000;
	margin-bottom: 10px;
}

.management-modal-position {
	font-size: 16px;
	color: #666;
	margin-bottom: 20px;
}

.management-modal-bio {
	font-size: 14px;
	line-height: 1.6;
	color: #333;
}

.management-modal-bio p {
	margin-bottom: 15px;
}

@media (max-width: 600px){
	.management-block{
		margin-bottom: 0;
		
	}
	.management-info{
		justify-content: start;
	}
	.management-section{
/* 		padding: 20px; */
	}
	.management-block .owl-stage-outer{
/* 		max-height: 450px; */
	}
	#group_company .mycompany-blocks > .company-last.yellow-block.company-last-wide{
		max-height: none;
	}
}
/* ========================================
   АНИМАЦИЯ ПОЯВЛЕНИЯ БЛОКОВ ПРИ ПРОКРУТКЕ
   ======================================== */

/* Исходное состояние элементов - скрыты */
.animate-on-scroll {
    opacity: 0;
    transform: translateY(30px);
    transition: opacity 0.8s ease-out, transform 0.8s ease-out !important;
}

/* Состояние после появления в viewport */
.animate-on-scroll.animated {
    opacity: 1;
    transform: translateY(0);
}

/* Вариации анимаций */
.fade-in {
    opacity: 0;
    transition: opacity 0.8s ease-out !important;
}

.fade-in.animated {
    opacity: 1;
}

.slide-up {
    opacity: 0;
    transform: translateY(50px);
    transition: opacity 0.8s ease-out, transform 0.8s ease-out !important;
}

.slide-up.animated {
    opacity: 1;
    transform: translateY(0);
}

.slide-left {
    opacity: 0;
    transform: translateX(50px);
    transition: opacity 0.8s ease-out, transform 0.8s ease-out !important;
}

.slide-left.animated {
    opacity: 1;
    transform: translateX(0);
}

.slide-right {
    opacity: 0;
    transform: translateX(-50px);
    transition: opacity 0.8s ease-out, transform 0.8s ease-out !important;
}

.slide-right.animated {
    opacity: 1;
    transform: translateX(0);
}

.scale-in {
    opacity: 0;
    transform: scale(0.9);
    transition: opacity 0.8s ease-out, transform 0.8s ease-out !important;
}

.scale-in.animated {
    opacity: 1;
    transform: scale(1);
}

/* Задержки для последовательной анимации */
.delay-100 {
    transition-delay: 0.1s !important;
}

.delay-200 {
    transition-delay: 0.2s !important;
}

.delay-300 {
    transition-delay: 0.3s !important;
}

.delay-400 {
    transition-delay: 0.4s !important;
}

.delay-500 {
    transition-delay: 0.5s !important;
}

/* Отключение анимации на мобильных для производительности (опционально) */
@media (max-width: 768px) {
    .animate-on-scroll,
    .fade-in,
    .slide-up,
    .slide-left,
    .slide-right,
    .scale-in {
        opacity: 1 !important;
        transform: none !important;
    }
}

.delay-600 {
    transition-delay: 0.6s !important;
}

.delay-700 {
    transition-delay: 0.7s !important;
}

.delay-800 {
    transition-delay: 0.8s !important;
}

.delay-900 {
    transition-delay: 0.9s !important;
}

.delay-1000 {
    transition-delay: 1s !important;
}

.delay-1100 {
    transition-delay: 1.1s !important;
}

.delay-1200 {
    transition-delay: 1.2s !important;
}

.delay-1300 {
    transition-delay: 1.3s !important;
}

.delay-1400 {
    transition-delay: 1.4s !important;
}

.delay-1500 {
    transition-delay: 1.5s !important;
}

/* ========================================
   АНИМАЦИЯ ПОЯВЛЕНИЯ ПЕРВОГО ЭКРАНА
   ======================================== */

/* Начальное состояние - контент скрыт */
.hero-content-wrapper {
    opacity: 0;
    transform: translateY(20px);
    transition: opacity 0.8s ease-out, transform 0.8s ease-out !important;
}

/* После загрузки - контент виден */
.hero-content-wrapper.loaded {
    opacity: 1;
    transform: translateY(0);
}

/* Важно: все дочерние элементы внутри wrapper НЕ должны иметь transition */
/* и должны быть видимы с самого начала */
.hero-content-wrapper * {
    transition: none !important;
    opacity: 1 !important;
    transform: none !important;
}

/* Восстанавливаем transition только для самого wrapper */
.hero-content-wrapper {
    transition: opacity 0.8s ease-out, transform 0.8s ease-out !important;
}

/* Убираем начальное скрытие для элементов первого экрана */
.hero-content-wrapper .animate-on-scroll,
.hero-content-wrapper .item,
.hero-content-wrapper .item-info-block,
.hero-content-wrapper .scale-in,
.hero-content-wrapper .fade-in,
.hero-content-wrapper .slide-up,
.hero-content-wrapper .slide-left,
.hero-content-wrapper .slide-right {
    opacity: 1 !important;
    transform: none !important;
    transition: none !important;
}

/* Отключаем анимацию при прокрутке для элементов внутри hero-content-wrapper */
.hero-content-wrapper .item-info-block {
    opacity: 1 !important;
    transform: none !important;
}

/* Убираем задержки и анимации для секции внутри wrapper */
.hero-content-wrapper .section-dop,
.hero-content-wrapper .section-dop .item-info-block {
    opacity: 1 !important;
    transform: none !important;
    transition: none !important;
    animation: none !important;
}

/* Гарантируем, что row внутри wrapper не создает задержек */
.hero-content-wrapper .row {
    opacity: 1 !important;
    transform: none !important;
}

/* Убираем любые transition для show-xs внутри wrapper */
.hero-content-wrapper .show-xs {
    opacity: 1 !important;
    transform: none !important;
    transition: none !important;
}


.table_component {
    overflow: auto;
    width: 100%;
}

.table_component table {
    border: 1px solid #dededf;
    table-layout: fixed;
    border-collapse: collapse;
    border-spacing: 1px;
    text-align: left;
}

.table_component caption {
    caption-side: top;
    text-align: left;
}

.table_component th {
    border: 1px solid #dededf;
    color: #000000;
    padding: 5px;
}

.table_component td {
    border: 1px solid #dededf;
    color: #000000;
    padding: 5px;
}

.full-client-name {
	font-size: 24px;
	color: #000;
	margin-top: 0;
}


/* Contacts branches redesign */
.contacts-branches {
    padding-bottom: 55px;
}

.contacts-branches__title-row h1 {
    margin-bottom: 24px;
}

.contacts-branches__mobile-tabs {
    display: none;
}

.contacts-branches__workspace {
    display: flex;
    gap: 20px;
    align-items: stretch;
    margin-bottom: 28px;
}

.contacts-branches__sidebar,
.contacts-branches__detail {
    flex: 0 0 330px;
    max-width: 330px;
}

.contacts-branches__sidebar {
    display: flex;
    flex-direction: column;
    height: 600px;
}

.contacts-branches__detail {
    display: none;
}

.contacts-branches__workspace[data-view="detail"] .contacts-branches__sidebar {
    display: none;
}

.contacts-branches__workspace[data-view="detail"] .contacts-branches__detail {
    display: block;
}

.contacts-branches__map-panel {
    flex: 1 1 auto;
    min-width: 0;
}

.contacts-branches__map {
    width: 100%;
    height: 600px;
    padding: 0 !important;
    box-sizing: border-box;
    overflow: hidden;
    border: 1px solid #d4d4d4;
    border-radius: 18px;
    background: #f5f5f5;
}

.contacts-branches__map > ymaps {
    height: 100% !important;
}

.contacts-branches__workspace[data-view="detail"] .contacts-branches__map {
    height: 620px;
}

.contacts-branches__city-select-wrap {
    position: relative;
    margin-bottom: 12px;
}

.contacts-branches__city-button::after {
    content: '';
    position: absolute;
    top: 50%;
    right: 18px;
    width: 0;
    height: 0;
    pointer-events: none;
    border-left: 7px solid transparent;
    border-right: 7px solid transparent;
    border-top: 9px solid #777;
    transform: translateY(-35%);
}

.contacts-branches__city-button {
    position: relative;
    display: block;
    width: 100%;
    height: 58px;
    padding: 0 52px 0 22px;
    border: 1px solid #dfdfdf;
    border-radius: 18px;
    background: #fff;
    color: #666;
    text-align: left;
    font-size: 18px;
    font-weight: 400;
    line-height: 58px;
    appearance: none;
    -webkit-appearance: none;
    cursor: pointer;
}

.contacts-branches__city-button:focus {
    border-color: #ffbc00;
    outline: none;
}

.contacts-branches__city-count {
    color: #9b9b9b;
    font-size: 0.86em;
    font-weight: 400;
}

.contacts-branches__city-menu {
    position: absolute;
    top: calc(100% + 6px);
    left: 0;
    z-index: 50;
    width: 100%;
    max-height: 320px;
    overflow-y: auto;
    padding: 8px;
    border: 1px solid #dfdfdf;
    border-radius: 16px;
    background: #fff;
    box-shadow: 0 14px 35px rgba(0, 0, 0, 0.14);
}

.contacts-branches__city-search {
    display: block;
    width: 100%;
    height: 42px;
    margin: 0 0 8px;
    padding: 0 12px;
    border: 1px solid #dfdfdf;
    border-radius: 10px;
    background: #f7f7f7;
    color: #333;
    font-size: 15px;
    box-sizing: border-box;
}

.contacts-branches__city-search:focus {
    border-color: #ffbc00;
    background: #fff;
    outline: none;
}

.contacts-branches__city-menu[hidden] {
    display: none;
}

.contacts-branches__city-option {
    display: block;
    width: 100%;
    padding: 10px 12px;
    border: 0;
    border-radius: 10px;
    background: transparent;
    color: #333;
    text-align: left;
    font-size: 15px;
    line-height: 1.25;
    cursor: pointer;
}

.contacts-branches__city-option[hidden] {
    display: none;
}

.contacts-branches__city-option:hover,
.contacts-branches__city-option.is-active {
    background: #ffbc00;
    color: #111;
}

.contacts-branches__city-option:hover .contacts-branches__city-count,
.contacts-branches__city-option.is-active .contacts-branches__city-count {
    color: #6f6f6f;
}

.contacts-branches .city-selector + .select2 {
    width: 100% !important;
    margin-top: 0;
}

.contacts-branches .city-selector + .select2 .select2-selection {
    width: 100%;
    height: 48px;
    margin-bottom: 0;
    border: 1px solid #dfdfdf !important;
    border-radius: 14px;
    background: #fff !important;
}

.contacts-branches .select2-selection__rendered {
    color: #333 !important;
    line-height: 46px !important;
}

.contacts-branches__list {
    flex: 1 1 auto;
    min-height: 0;
    height: auto;
    max-height: none;
    overflow-y: auto;
    padding-right: 0;
}

.contacts-branches__branch-card {
    position: relative;
    padding: 16px;
    margin-bottom: 12px;
    border: 1px solid #d8d8d8;
    border-radius: 16px;
    background: #fff;
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.04);
}

.contacts-branches__features-icons {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin: 14px 0 16px;
}

.contacts-branches__feature-icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 36px;
    height: 36px;
    border-radius: 0;
    background: transparent;
    overflow: visible;
}

.contacts-branches__feature-icon img {
    width: 36px;
    height: 36px;
    object-fit: contain;
    display: block;
}

.contacts-branches__branch-card--detail {
    min-height: 100%;
}

.contacts-branches__branch-head {
    display: flex;
    gap: 12px;
    align-items: flex-start;
    justify-content: space-between;
    margin-bottom: 12px;
}

.contacts-branches__branch-head h3 {
    margin: 0;
    color: #111;
    font-size: 16px;
    font-weight: 700;
    line-height: 1.28;
}

.contacts-branches__status {
    flex: 0 0 auto;
    padding: 5px 9px;
    border-radius: 999px;
    font-size: 12px;
    font-weight: 700;
    line-height: 1;
}

.contacts-branches__status--open {
    color: #157a2f;
    background: #dcf8e3;
}

.contacts-branches__status--closed,
.contacts-branches__status--break,
.contacts-branches__status--shift {
    color: #c61f1f;
    background: #ffe1e1;
}

.contacts-branches__branch-meta,
.contacts-branches__info-block {
    margin-bottom: 10px;
}

.contacts-branches__branch-meta span,
.contacts-branches__info-block span,
.contacts-branches__description span {
    display: block;
    margin-bottom: 4px;
    color: #747474;
    font-size: 12px;
    line-height: 1.2;
}

.contacts-branches__branch-meta strong,
.contacts-branches__info-block strong {
    color: #222;
    font-size: 14px;
    font-weight: 600;
    line-height: 1.35;
}

.contacts-branches__description p {
    margin: 0 0 12px;
    color: #333;
    font-size: 13px;
    line-height: 1.45;
}

.contacts-branches__gallery {
    display: flex;
    gap: 8px;
    overflow-x: auto;
    padding-bottom: 2px;
}

.contacts-branches__gallery img {
    flex: 0 0 74px;
    width: 74px;
    height: 62px;
    object-fit: cover;
    border-radius: 10px;
}

.contacts-branches__more,
.contacts-branches__back,
.contacts-branches__whatsapp {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 38px;
    padding: 10px 14px;
    border: 0;
    border-radius: 10px;
    background: #ffbc00;
    color: #111;
    font-size: 14px;
    font-weight: 700;
    line-height: 1;
    text-decoration: none;
    cursor: pointer;
}

.contacts-branches__more {
    width: 100%;
    margin-top: 12px;
}

.contacts-branches__back {
    margin-bottom: 14px;
    background: #f1f1f1;
}

.contacts-branches__empty {
    padding: 16px;
    border: 1px solid #d8d8d8;
    border-radius: 16px;
    background: #fff;
    color: #555;
    font-size: 14px;
}

.contacts-branches__head-office {
    margin-top: 22px;
}

.contacts-branches__head-card {
    display: grid;
    grid-template-columns: minmax(260px, 320px) 1fr;
    overflow: hidden;
    border: 1px solid #d8d8d8;
    border-radius: 18px;
    background: #fff;
}

.contacts-branches__head-info {
    padding: 22px;
}

.contacts-branches__head-logo img {
    max-width: 105px;
    height: auto;
    margin-bottom: 22px;
}

.contacts-branches__head-label {
    margin: 0 0 8px !important;
    color: #747474;
    font-size: 13px !important;
    font-weight: 500 !important;
}

.contacts-branches__head-info h2 {
    margin: 0 0 16px;
    color: #111;
    font-size: 18px;
    line-height: 1.25;
}

.contacts-branches__whatsapp {
    width: 100%;
    margin-top: 8px;
    background: #30d158;
    color: #fff;
}

.contacts-branches__head-image {
    min-height: 300px;
}

.contacts-branches__head-image img {
    width: 100%;
    height: 100%;
    min-height: 300px;
    object-fit: cover;
    display: block;
}

.contacts-branches__modal[hidden] {
    display: none;
}

.contacts-branches__modal {
    position: fixed;
    inset: 0;
    z-index: 10050;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 18px;
}

.contacts-branches__modal-backdrop {
    position: absolute;
    inset: 0;
    background: rgba(0, 0, 0, 0.62);
}

.contacts-branches__modal-card {
    position: relative;
    z-index: 1;
    width: min(360px, 100%);
    max-height: calc(100vh - 36px);
    overflow-y: auto;
    border-radius: 18px;
    background: #fff;
}

.contacts-branches__modal-close {
    position: absolute;
    top: 12px;
    right: 12px;
    z-index: 2;
    width: 34px;
    height: 34px;
    border: 0;
    border-radius: 50%;
    background: #ffbc00;
    color: #111;
    font-size: 26px;
    line-height: 1;
    cursor: pointer;
}

.contacts-branches__modal-card .contacts-branches__branch-card {
    margin: 0;
    padding-top: 48px;
    border: 0;
    box-shadow: none;
}

.contacts-branches-modal-open {
    overflow: hidden;
}

@media (max-width: 768px) {
    .contacts-branches {
        padding-bottom: 28px;
    }

    .contacts-branches__title-row h1 {
        margin-bottom: 12px;
        font-size: 26px;
    }

    .contacts-branches__mobile-tabs {
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: 6px;
        margin-bottom: 12px;
        padding: 4px;
        border-radius: 14px;
        background: #f2f2f2;
    }

    .contacts-branches__tab {
        height: 38px;
        border: 0;
        border-radius: 11px;
        background: transparent;
        color: #111;
        font-size: 14px;
        font-weight: 700;
    }

    .contacts-branches__tab.is-active {
        background: #ffbc00;
    }

    .contacts-branches__workspace {
        display: block;
        margin-bottom: 18px;
    }

    .contacts-branches__sidebar,
    .contacts-branches__detail {
        max-width: none;
        width: 100%;
    }

    .contacts-branches__sidebar {
        display: block;
        height: auto;
    }

    .contacts-branches__list {
        height: auto;
        max-height: none;
        overflow: visible;
        padding-right: 0;
    }

    .contacts-branches__map-panel {
        display: none;
    }

    .contacts-branches[data-mobile-tab="map"] .contacts-branches__sidebar {
        display: none;
    }

    .contacts-branches[data-mobile-tab="map"] .contacts-branches__map-panel {
        display: block;
    }

    .contacts-branches__map {
        height: 455px;
        border-radius: 16px;
    }

    .contacts-branches__branch-card {
        padding: 14px;
        border-radius: 15px;
    }

    .contacts-branches__head-card {
        display: flex;
        flex-direction: column-reverse;
        border-radius: 16px;
    }

    .contacts-branches__head-info {
        padding: 18px;
    }

    .contacts-branches__head-image,
    .contacts-branches__head-image img {
        min-height: 180px;
        max-height: 220px;
    }

    .contacts-branches__head-logo img {
        margin-bottom: 14px;
    }
}

/* reCAPTCHA v3: скрыть badge, скрипт и проверка остаются активными. */
.grecaptcha-badge {
    visibility: hidden !important;
    opacity: 0 !important;
    pointer-events: none !important;
}

/* ── Подвал: попарное выравнивание левых и правых пунктов ───────────────── */
/* Слева раскрывающийся список, справа кредит — на одной горизонтали.
   Список остаётся резиновым, поэтому в раскрытом виде ссылки не сжимаются. */
@media (min-width: 769px) {
    .footer-bottom .footer-line {
        display: flex;
        align-items: flex-start;
    }

    .footer-bottom .footer-line__main {
        flex: 1 1 auto;
        min-width: 0;
    }

    /* padding-top совпадает с padding-top у <summary>, чтобы текст встал в строку */
    .footer-bottom .footer-line__aside {
        flex: 0 0 auto;
        padding-top: 10px;
        padding-left: 30px;
    }

    .footer-bottom .footer-line__aside p {
        margin: 0;
    }
}

/* Текстовый кредит разработчика вместо SVG-логотипа */
.footer-credit-link {
    color: #ffffff;
    text-decoration-line: underline;
    text-decoration-style: dotted;
    text-underline-offset: 4px;
}

.footer-credit-link:hover,
.footer-credit-link:focus {
    color: #ffbc00;
}

/* ── Слайдер услуг: текст не должен заходить на изображение ──────────────── */
/* Ширина текстового блока ограничена свободной зоной конкретной картинки.
   Значение приходит из шаблона в --seif-slide-text-max (см. seif_slide_text_max_width).
   Только десктоп: у мобильного слайдера свои картинки и своя вёрстка. */
@media (min-width: 769px) {
	.main-carousel .item-content {
		max-width: var(--seif-slide-text-max, 45%);
		/* Кнопка была position:absolute с жёстким top:420px. Пока текст был широким
		   и низким, это работало; после ограничения ширины строк стало больше, и
		   кнопка наезжала на описание. Переводим блок в обычный поток. */
		display: flex;
		flex-direction: column;
		align-items: flex-start;
		justify-content: center;
		height: 100%;
	}

	.main-carousel .item-content h2 {
		margin-top: 0;
	}

	.main-carousel .item-content a.btn {
		position: static;
		margin-top: 24px;
	}
}

@media (min-width: 1200px) {
	/* Главная, картинка от 29.09.2026: машину сдвинули правее, её тёмный край
	   начинается с 41% ширины баннера. Текстовый блок шириной 36% плюс левый
	   отступ 50px заканчивается на 40.5% — с запасом. Замеры делались
	   попиксельным сканированием картинки по высоте каждой строки.
	   Ниже 1200px заголовок и так 26px. */
	.home .main-carousel .item h2 {
		font-size: 48px;
		line-height: 52px;
	}

	/* Казахский: слово «микрокредиттер» при 48px занимает 446px и само по себе
	   шире блока, поэтому вылезает на машину. Для этого языка кегль меньше. */
	html[lang|="kk"] .home .main-carousel .item h2 {
		font-size: 40px;
		line-height: 44px;
	}

	/* Ссылка «Листайте ниже» лежит абсолютом у нижнего края слайда
	   (bottom: 30px, высота 24px), а кнопка идёт обычным потоком. На длинных
	   заголовках — например в казахской версии — между ними оставалось 2px,
	   а с логотипом на слайде они и вовсе налезали друг на друга.
	   Резервируем место снизу, чтобы поток до ссылки не доходил.
	   :has() отбирает только слайды, где ссылка есть: на страницах услуг её нет. */
	.main-carousel .item-content:has(.listay) {
		padding-bottom: 80px;
	}
}