:root {
	--black: #202020;
	--accent: #1e74b9;
	--style: #5f5f5f;
	--accent-light: #00cfec;
	--accent-hover: #309cf6;
	--dark-grey: #404143;
	--grey-bg: #f0f1f1;
	--ddd: #ddd;
	--gray-text: #8f8c8c;
	--dark-blue: #18538a;
}




.header{
	position: relative;
}
.header_top{
	height: 104px;
	display: flex;
	align-items: center;
	justify-content: space-between;
}
.header_call{
	display: flex;
	gap: 20px;
	align-items: center;
}
.call_phone{
	font-size: 20px;
	font-weight: 600;
	text-decoration: none;
	color: var(--black);
}
.social_links svg{
	width: 35px;
	height: 35px;
}
.social_links a{
	text-decoration: none;
	margin-left: 5px;
	display: flex;
	align-items: center;
}

.header_bottom{
	background-color: var(--dark-grey);

}
.drop_icon{
	display: none;
}
@media(min-width: 993px){
	.header_bottom.fixed{
		position: fixed;
		top: 0;
		width: 100%;
		z-index: 10;
	}
}

.header_bottom a{
	color: var(--ddd);
	text-decoration: none;
	font-weight: 600;
	font-size: 16px;
}
.nav{
	height: 74px;
	align-items: center;
	display: flex;
	justify-content: space-between;
}
.menu{
	display: flex;
	gap: 20px;
}
.menu li, .menu a{
	list-style: none;
	
}
.user_link{
	display: flex;
	align-items: center;
	gap: 10px;
}
.social_links{
	display: flex;
	gap: 8px;
}



.logo_mobile{
	display: none;
}
.hamb{
	cursor: pointer;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	position: relative;
	z-index: 100;
	display: none;
}
.line{
	border-bottom: 2px solid #fff;
	width: 27px;
	display: block;
	margin: 3px 0;
	transition: 0.3s;
}
.open .line:nth-child(2){
	display: none;
}
.open .line:nth-child(1){
	transform: translateY(5px) rotate(-45deg);
}
.open .line:nth-child(3){
	transform: translateY(-3px) rotate(45deg);
}


.breadcrumbs{
	margin-top: 25px;
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	gap: 14px;
}
.breadcrumbs li{
	list-style: none;
}
.breadcrumbs a{
	font-size: 15px;
	text-decoration: none;
	color: var(--black); 
	font-weight: 600;
	transition: 0.3s;
}
.breadcrumbs span{
	color: rgba(55, 55, 55, 0.5);
	font-weight: 600;
}




.main_screen{
	position: relative;
	height: calc(100vh - 178px);
}
.main_screen .h1{
	padding-right: 78px;
}
.main_screen .container{
	height: 100%;
}
.main_screen_left{
	padding-right: 40px;
	height: 100%;
	width: 65%;
	background-color: #fff;
	display: flex;
	flex-direction: column;
	justify-content: center;
	clip-path: polygon(0 0, 100% 0, 74% 100%, 0 100%);
	position: relative;
}
@media (min-width: 1100px){
	.main_screen_left{
/*		clip-path: polygon(0 0, 100% 0, 64% 100%, 0 100%);*/
	}
}

.main_screen_left .breadcrumbs{
	position: absolute;
	left: 0;
	top: 0;
}
.main_screen_desc{
	font-size: 24px;
	margin-top: 40px;
	width: 80%;
	line-height: 140%;
}
.main_screen_btn{
	margin-top: 60px;
	display: flex;
	gap: 10px;
}
.main_screen_right{
	position: absolute;
	left: 48%;
	width: 52%;
	height: 100%;
	top: 0;
	z-index: -1;
}
.main_screen_right img{
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.main_screen_right_mobile{
	display: none;
}



.block_links{
	background-color: var(--grey-bg);
	padding: 50px 0;
}
.block_links_list{
	display: flex;
	flex-wrap: wrap;
	gap: 12px;
	justify-content: center;
}
.block_links_list li{
	list-style: none;
	width: calc((100% - 36px) / 4);
}
.block_links_list a{
	text-decoration: none;
	color: var(--accent);
	background-color: #fff;
	display: flex;
	padding: 16px;
	height: 100%;
	width: 100%;
	text-align: center;
	font-size: 17px;
	font-weight: 600;
	min-height: 68px;
	display: flex;
	justify-content: center;
	align-items: center;
}




.info_block {
	display: flex;
	justify-content: space-between;
	gap: 80px;
}
.info_block_left{
	flex: 1;
	width: 100%;
	max-width: 900px;
	margin: 0 auto;
}
.info_block_right{
	width: 426px;
	position: relative;
}
.info_block_right{
	display: none;
} 
.form_right{
	background-color: var(--accent);
	padding: 40px;
	color: #fff;
}
.form_right_title{
	font-size: 24px;
	font-weight: 600;
	margin-bottom: 20px;
}
.wpcf7-form-control-wrap{
	width: 100%;
}
.wpcf7-list-item{
	margin-left: 0;
}
.wpcf7-list-item label{
	display: flex;
	font-size: 12px;
	gap: 15px;
}
.form_uslugi{
	width: 100%;
}




.lawyer{
	background-color: #fff;
	padding: 50px;
	display: flex;
	justify-content: space-between;
}
.lawyer_left {
    width: 34%;
    height: 540px;
    overflow: hidden;
    clip-path: polygon(7% 0, 101% 0, 101% 30%, 101% 85%, 87% 100%, 30% 100%, 0 100%, 0% 0%);
}
.lawyer_left img{
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.lawyer_right{
	width: 63%;
	display: flex;
	justify-content: space-between;
	flex-direction: column;
}
.lawyer_right .redactor p, .lawyer_right .redactor li{
	font-size: 16px;
}
.lawyer_right .redactor p, .lawyer_right .redactor ul{
	margin: 20px 0;
}
.lawyer_right .redactor ul{
	margin-top: 0;
}
.lawyer_right .redactor>*:first-child{
	margin-top: 0;
}
.lawyer_right_dolzhnost{
	color: var(--gray-text);
	font-size: 18px;
	font-weight: 600;
	margin-top: 4px;
}
.lawyer_right_bottom{
	display: flex;
	justify-content: space-between;
	align-items: flex-end;
	flex-wrap: wrap;
	gap: 20px;
}
.lawyer_right .btn{
	text-transform: unset;
}


.cases_card{
	background-color: var(--grey-bg);
	padding: 40px;
	height: 100%;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	text-decoration: none;
	color: var(--black);
	position: relative;
	transition: 0.3s;
}
.cases_card_number{
	color: var(--style);
	font-size: 26px;
	font-weight: 600;
}
.cases_card_term_name{
	font-size: 20px;
	font-weight: 600;
	color: var(--accent);
	margin-top: 12px;
}
.cases_card_title{
	font-weight: 600;
	font-size: 26px;
	margin-top: 25px;
	line-height: 140%;
}
.cases_card_desc{
	margin-top: 25px;
	font-size: 20px;
	line-height: 120%;
}
.case_card_bottom{
	margin-top: 40px;
	display: flex;
	justify-content: space-between;
	align-items: flex-end;
}
.cases_card_lawyer{
	display: flex;
	gap: 20px;
	align-items: center;
}
.cases_card_lawyer_img{
	width: 77px;
	height: 77px;
	overflow: hidden;
	border-radius: 50%;
}
.cases_card_lawyer_img img{
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.cases_card_lawyer_name{
	font-size: 22px;
	font-weight: 600;
	padding-right: 15px;
}
.cases_card_lawyer_name span{
	font-weight: 600;
	font-size: 18px;
	color: var(--gray-text);
}
.cases_card_link{
	width: 60px;
	height: 60px;
	background-color: var(--accent);
}



.view_count, .card_date, .reading_time{
	display: flex;
	align-items: center;
	gap: 10px;
	font-size: 20px;
	font-weight: 600;
	color: var(--gray-text);
}
.article_card_title{
	font-weight: 600;
	font-size: 26px;
}



.advanteges_card{
	width: 32%;
	background-color: #fff;
	padding: 40px;
}
.advanteges_card_icon{
	text-align: center;
	height: 74px;
}
.advanteges_card_icon img{
	height: 100%;
}
.advanteges_card .card_title{
	text-align: center;
	margin: 15px 0;
}
.advanteges_row{
	margin-top: 40px;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	row-gap: 28px;
}


#responseMessage_form_page{
	margin-top: 3px;
	font-size: 18px;
}
.form_page{
	position: relative;
}
.form_page .h2{
	font-size: 50px;
}
.form_page form{
	max-width: 672px;
}
.form_page_row{
	display: flex;
	gap: 10px;
}
.form_page .form_btn{
	width: unset;
}
.form_page_desc{
	font-size: 20px;
    margin: 20px 0 30px 0;
    max-width: 608px;
}
.form_page_left{
	background-color: var(--accent);
	color: #fff;
	padding: 80px 60px;
	padding-right: 105px;
	width: 68%;
	clip-path: polygon(0 0, 100% 0, 83% 100%, 0 100%);
}
.form_page_left .aceptions a{
	color: #fff;
}
.form_page_img{
	position: absolute;
	top: 0;
	left: 56%;
	width: 44%;
	height: 100%;
	z-index: -1;
}
.form_page_img img{
	width: 100%;
	height: 100%;
	object-fit: cover;

}
.form_page .form_input{
	width: 35%;
	margin-right: 10px;
}

.footer {
	background-color: #1f2937; /* gray-900 */
	color: white;
	padding-top: 3rem;
	padding-bottom: 3rem;
}

.footer-container {
	max-width: 1280px;
	margin: 0 auto;
	padding-left: 1rem;
	padding-right: 1rem;
}

.footer-grid {
	display: grid;
	grid-template-columns: 1fr;
	gap: 2rem;
}

@media (min-width: 768px) {
	.footer-grid {
		grid-template-columns: repeat(3, 1fr);
	}
}

.footer-logo .logo-img {
	height: 3rem;
	width: auto;
}

.footer-description {
	width: 280px;
}

.footer-heading {
	font-size: 1.25rem;
	font-weight: 600;
	color: #377cec;
	margin-bottom: 1rem;
}

.footer-links {
	list-style: none;
	padding: 0;
	margin: 0;
}

.footer-link {
	display: block;
	color: #377cec;
	transition: color 0.3s ease;
	text-decoration: none;
}

.footer-link:hover {
	color: #2563eb; /* blue-600 */
}

.subscribe-form {
	display: flex;
}

.subscribe-input-wrapper {
	position: relative;
	width: 100%;
}

.email-icon {
	position: absolute;
	top: 0.75rem;
	left: 0.75rem;
	color: #377cec;
}

.subscribe-input {
	width: 100%;
	padding: 0.75rem 0.75rem 0.75rem 2.5rem;
	border: none;
	border-top-left-radius: 0.5rem;
	border-bottom-left-radius: 0.5rem;
	color: black;
	outline: none;
}

.subscribe-btn {
	background: linear-gradient(to right, #377cec, #2a5fc4);
	color: white;
	padding: 0 1rem;
	border: none;
	border-top-right-radius: 0.5rem;
	border-bottom-right-radius: 0.5rem;
	cursor: pointer;
	transition: background 0.3s ease;
}

.subscribe-btn:hover {
	background: #1e40af; /* darker blue on hover */
}

.footer-socials {
	margin-top: 2rem;
	display: flex;
	justify-content: center;
	gap: 1rem;
}

.social-icon {
	color: #377cec;
	transition: color 0.3s ease, transform 0.3s ease;
	text-decoration: none;
}

.social-icon:hover {
	color: #2563eb;
	transform: rotate(10deg);
}

.subscribe-form {
	display: flex;
	align-items: stretch;
	gap: 0;
}

.subscribe-input-wrapper {
	position: relative;
	flex: 1;
}

.subscribe-input-wrapper i {
	position: absolute;
	top: 50%;
	left: 12px;
	transform: translateY(-50%);
	color: #377cec;
	pointer-events: none;
}

.subscribe-input {
	width: 100%;
	padding: 12px 12px 12px 40px;
	border: 1px solid #ccc;
	border-radius: 8px 0 0 8px;
	background-color: #f8f9fa;
}

.subscribe-btn {
	padding: 12px 20px;
	background: linear-gradient(to right, #377cec, #2a5fc4);
	color: white;
	border: none;
	border-radius: 0 8px 8px 0;
	cursor: pointer;
	transition: background 0.3s;
}

.subscribe-btn:hover {
	background: #2a5fc4;
}

.quiz_row{
	display: flex;
	margin-top: 40px;
}
.quiz_left{
	width: 28%;
	background-color: var(--accent);
	padding: 40px;
	color: #fff;
	min-height: 600px;
}
.qwiz_lawyer{
	display: flex;
	gap: 30px;
}
.qwiz_lawyer_foto{
	width: 120px;
	height: 140px;
}
.qwiz_lawyer_foto img{
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.qwiz_lawyer_name{
	flex: 1;
}
.qwiz_lawyer_name_title{
	font-size: 22px;
	font-weight: 600;
}
.qwiz_lawyer_dolzhnost{
	font-size: 16px;
	font-weight: 600;
	color: #c9cdcf;
	margin-top: 10px;
}
.qwiz_lawyer_text{
	margin-top: 40px;
	font-size: 20px;
	line-height: 145%;
}
.quiz_right{
	width: 72%;
	background-color: #fff;
}
.quiz_right_wrapper{
	padding: 40px;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	height: 100%;
}
.question-container {
	display: none;
}
.question-container.active {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
.question-container.active div{
	font-size: 36px;
	font-weight: 600;
	width: 100%;
	margin-bottom: 40px;
}
.question-container.active label{
	width: 49%;
	padding: 20px 26px;
	border: 1px solid #909090;
	margin-bottom: 18px;
	font-size: 18px;
	display: flex;
	align-items: center;
	gap: 17px;
	cursor: pointer;
} 
.pagination {
	display: flex;
}
.pagination div {
	flex: 1;
	height: 12px;
	background: #8BCCFF;
	cursor: pointer;
}
.pagination div.active {
	background: var(--accent);
	color: white;
}

#hiddenTextarea {
  position: absolute;
  left: -9999px;
}
#responseMessage{
	width: 100%;
	text-align: center;
	margin-top: 20px;
  font-size: 18px;
}
.quiz_right .btn{
	display: flex;
	align-items: center;
	gap: 17px;
	justify-content: center;
}
.aceptions{
	margin-top: 20px;
	display: block;
}
.btn_prev{
	background-color: #fff;
	border: 1px solid #999;
	height: 50px;
	width: 50px;
	padding: 0;
	display: flex;
	justify-content: center;
	align-items: center;
}
.buttons {
	display: flex;
	justify-content: flex-end;
	gap: 10px;
}
.quiz_right_wrapper_bottom{
	margin-top: 40px;
}
.quiz_right_wrapper_bottom{
	display: flex;
	justify-content: space-between;
}
.quiz_results{
	padding: 40px;
}
.mesage_container{
	display: none;
	color: red;
}

.form_qwiz{
	display: none;
	justify-content: center;
	flex-wrap: wrap;
}
.form_qwiz .h3{
	text-align: center;
}
.form_qwiz form{
	margin-top: 40px;
	background-color: var(--accent);
	max-width: 516px;
	padding: 40px;
	color: #fff;
}
#progress{
	display: flex;
	align-items: flex-end;
	font-size: 20px;
	color: var(--gray-text);
}
#progress span:first-child{
	margin-right: 10px;
}



.page_uslugi .h1{
	margin-top: 40px;
	margin-bottom: 60px;
}
/*.parent_posts{
	display: block;
}*/
.parent_post{
	margin-bottom: 80px;
}
.parent_posts li{
	list-style: none;
}
.parent_post{
	background-color: var(--grey-bg);
	display: block;
	padding: 40px;
}
.parent_post_link{
	font-size: 35px;
	margin-bottom: 40px;
	display: flex;
	align-items: center;
	gap: 30px;
	text-decoration: none;
	font-weight: 600;
	color: var(--black);
}
.parent_post_link span{
	width: 45px;
	height: 45px;
	background: var(--accent);
	display: flex;
	align-items: center;
	justify-content: center;
	border: 2px solid var(--accent);
}

.child_posts{
	display: flex;
	flex-wrap: wrap;
	gap: 24px;
	justify-content: flex-start;
}
.child_posts li{
	list-style: none;
	width: calc((100% - 48px) / 3);
}
.child_posts a{
	text-decoration: none;
	color: var(--accent);
	background-color: #fff;
	display: flex;
	padding: 22px;
	height: 100%;
	width: 100%;
	align-items: center;
	justify-content: center;
	text-align: center;
	font-size: 21px;
	font-weight: 600;
/*	min-height: 74px;*/
	min-height: 94px;
}





.cases_row{
	display: flex;
	flex-wrap: wrap;
	row-gap: 45px;
	justify-content: space-between;
	padding-bottom: 80px;
}
.cases_row .cases_card{
	width: 48.4%;
	height: unset;
}
.pagination{
	width: 100%;
	display: flex;
	justify-content: center;
	
}
.page-numbers{
	width: 44px;
	height: 44px;
	display: flex;
	justify-content: center;
	align-items: center;
	text-decoration: none;
	color: var(--black);
	font-weight: 600;
}
.page-numbers.current{
	background-color: #377cec;
	color: #fff;
}





.single_cases .h1{
	margin-top: 40px;
    margin-bottom: 60px;
}
.single_cases_top{
	
	display: flex;
	justify-content: space-between;
	background-color: #D9D9D9;
}
.single_cases_top_left{
	padding: 40px;
	clip-path: polygon(0 0, 100% 0, 86% 100%, 0 100%);
	background-color: var(--grey-bg);
	width: 57%;
	min-height: 238px;
}
.single_cases .cases_card_number{
	font-size: 35px;
	font-weight: 700;
}
.single_cases .cases_card_term_name{
	font-size: 30px;
	margin-bottom: 13px;
}
.cases_card_sud{
	font-size: 20px;
	color: var(--style);
	padding-top: 5px;
	padding-right: 15px;
}
.single_cases_top_right{
	display: flex;
	align-items: center;
	justify-content: center;
	width: 38%;
}
.single_cases .cases_card_lawyer_img{
	border-radius: unset;
	height: 117px;
	width: 117px;
}
.single_cases .cases_card_lawyer_name{
	font-size: 30px;
}
.single_cases .cases_card_lawyer_name span{
	font-size: 26px;
	color: var(--style);
}



.cases_filter{
	padding: 34px 50px;
	background-color: var(--accent);
	margin-bottom: 40px;
	display: flex;
	align-items: center;
	justify-content: space-between;
}
#post-filter-form{
	display: flex;
	gap: 34px;
	width: 79%;
}
 /* Стили обертки */
  .custom-select-wrapper {
    position: relative;
    width: 30%;
  }

  /* Скрываем стандартный select */
  .custom-select {
    display: none;
  }

  /* Стили для кастомного select */
  .custom-select-trigger {
    position: relative;
    background: #18538A;
    padding: 0 20px;
    font-size: 16px;
    color: #8BA9C5;
    font-weight: 600;
    height: 58px;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: space-between; /* Распределение текста и иконки */
  }

  /* Скрытый список опций */
  .custom-options {
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    background: #18538A;
    margin-top: 5px;
    list-style: none;
    padding: 0;
    display: none;
    z-index: 10;
  }

  /* Стили опций */
  .custom-option {
    padding: 10px 15px;
    cursor: pointer;
    font-size: 14px;
    color: #8BA9C5;
    transition: background 0.3s;
  }

  .custom-option:hover {
    background: #f0f0f0;
    color: var(--black);
  }

  /* Показываем список при открытии */
  .custom-select-wrapper.open .custom-options {
    display: block;
  }

  /* Стрелка внутри триггера */
  .custom-select-trigger svg {
    width: 12px;
    height: 12px;
    fill: #333; /* Цвет стрелки */
    transition: transform 0.3s;
  }

  /* Поворот стрелки при открытии */
  .custom-select-wrapper.open .custom-select-trigger svg {
    transform: rotate(180deg);
  }
  .is-form-id-638{
  	width: 30%;
  }
  .page_cases .is-form-style.is-form-style-3 input.is-search-input{
  	height: 58px;
  	font-weight: 600;
  }
  .page_cases .is-form-style.is-form-style-3 input.is-search-input::placeholder{
  	font-size: 16px;
  }
  .page_cases .is-form-style button.is-search-submit{
  	height: 58px;
  }
  .page_cases .is-form-style input.is-search-input{
  	padding-left: 20px;
  }
  .page_cases .is-search-icon{
  	padding-right: 20px;
  }
  .reset_btn {
  	display: flex;
  	align-items: center;
  	gap: 13px;
  	color: #fff;
  	font-size: 18px;
  	font-weight: 600;
  	cursor: pointer;
  	
  }
  .reset_btn:hover{
  	color: #8BA9C5;
  	transition: 0.3s;
  }
  .reset_btn:hover svg path{
  	fill: #8BA9C5;
  	transition: 0.3s;
  }
  #download{
  	display: none;

  }
  #print {
  	display: none;
  }




.page_press_center .cases_card_desc, .articles_slider .cases_card_desc{
		font-size: 18px;
}
.page_press_center .article_card_title, .articles_slider .article_card_title{
	 font-size: 24px;
} 
.articles_row {
	display: flex;
	flex-wrap: wrap;
	row-gap: 28px;
	margin-top: 40px;
	justify-content: space-between;
}
.articles_row .cases_card{
	width: 32%;
	height: unset;
	padding-top: 308px;
}
.articles_slider .cases_card{
	padding-top: 308px;
}
.article_card_img{
	width: 100%;
	height: 278px;
	position: absolute;
	left: 0;
	top: 0;
}
.article_card_img img{
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.articles_row_title{
	display: flex;
	justify-content: space-between;
	align-items: flex-end;
}
.articles_row_title a{
	text-decoration: none;
	font-weight: 600;
	font-size: 26px;
	line-height: 143%;
	color: var(--accent);
}
.page_novosty .articles_row{
		margin-top: 0;
}
.page_novosty .h1{
	margin-top: 40px;
}

.kategory_tab_links {
	display: flex;
	flex-wrap: wrap;
	row-gap: 15px;
	column-gap: 45px;
}
.kategory_tab_links a{
	font-weight: 600;
	font-size: 22px;
	color: var(--accent);
	text-decoration: none;
	transition: 0.3s;
	white-space: nowrap;
}
.articles_card_term_name a{
	font-weight: 600;
	font-size: 30px;
	color: var(--accent);
	text-decoration: none;
}
.single_articles .case_card_bottom{
	max-width: 259px;
	margin-top: 20px;
}
.articless_main_foto{
	width: 100%;
	margin-bottom: 20px;
}
.single_articles .sticky-block{
	max-width: 497px;
	display: flex;
	flex-direction: column;
	row-gap: 20px;
	width: 100%;
}
.single_articles .sticky-block a{
	font-weight: 600;
	font-size: 19px;
	color: #fff;
	text-decoration: none;
}
.single_articles .info_block_right{
	width: 35%;
	display: none;
}
.single_articles .info_block_left {
	width: 100%;
}
.single_news .case_card_bottom{
	max-width: 259px;
}

.single_news .sticky-block{
	max-width: 497px;
}
.single_news .info_block_right{
	width: 35%;
}
figure{
	margin: 20px 0;
}



.abc_list{
	display: flex; 
	gap: 20px;
}
.termins_top{
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin-top: 40px;
}
.abc_item{
	font-size: 28px;
	font-weight: 600;
	color: var(--accent);
	cursor: pointer;
	transition: 0.3s;
}
.termin_list{
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	margin-top: 30px;
	row-gap: 28px;
}
.termin_card{
	background-color: #fff;
	padding: 20px;
	width: 49%;
	text-decoration: none;
}
.termin_card_title{
	display: flex;
	justify-content: space-between;
}
.termin_card_title div{
		font-size: 28px;
		color: var(--accent);
		font-weight: 600;
		width: 90%;
}
.termin_card_desc{
		margin-top: 20px;
		color: var(--black);
}


.page_termins .termins_top{
		margin-top: 0;
}
.page_termins .termins_title{
	display: none;
}
#pagination-container{
	margin-top: 28px;
}
.pagination_term{
	gap: 3px;
}
.pagination_term a{
    width: 44px;
    height: 44px;
    display: flex;
    justify-content: center;
    align-items: center;
    text-decoration: none;
    color: var(--black);
    font-weight: 600;
    background-color: #fff;
}
.pagination_term a.active{
	background-color: var(--accent);
	color: #fff;
}



.nav_uslugi{
	display: flex;
}
.nav_uslugi li{
	list-style: none;
}
.parent-post{
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding-right: 20px;
}
.menu_uslugi{
	position: absolute;
	z-index: 10;
	width: 100%;
	top: 162px;
	display: none;
	left: 0;
}
.header_bottom.fixed .menu_uslugi{
	top: 58px;
}
.menu_uslugi a{
	color: var(--ddd);
	width: 100%;
	display: flex;
	align-items: center;
	justify-content: space-between;
}
#private-clients, #business{
	display: inline-block;
	padding: 10px 20px;
	border: 1px solid var(--gray-text);
	text-transform: uppercase;
	margin-right: 3px;
}
.menu_uslugi .parent-posts{
	background: var(--dark-grey);
	display: flex;
	flex-direction: column;
  max-width: 530px;
  padding: 16px 0 12px 0;
}
.menu_uslugi .parent-post{
	position: relative;
}
.menu_uslugi .child-posts{
	margin-top: 10px;
	position: absolute;
	top: -10px;
	left: 100%;
	background: var(--dark-grey);
	width: 100%;
	flex-direction: column;
	display: none;
	padding: 12px 0;
}
.menu_uslugi .parent-post svg{
	transition: 0.2s;
}
.menu_uslugi .parent-post a{
	padding: 12px 20px
}
@media(min-width: 993px){
	.nav_uslugi li:hover .menu_uslugi{
			display: block;
	}
	.menu_uslugi .parent-post:hover .child-posts{
		display: flex;
	}
	.menu_uslugi .parent-post:hover svg{
		transform: rotate(-90deg);
	}
}



 


.home_catalog {
    display: grid;
    /*grid-template-columns: repeat(9, 1fr);
    grid-template-rows: repeat(6, 1fr);*/
    grid-template-columns: repeat(12, 1fr);
    grid-template-rows: repeat(6, 1fr);
    gap: 18px;
    height: 100vh;
    position: relative;
    padding-top: 74px;
}
.dark_line{
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 74px;
	background-color: var(--dark-grey);
}
.home_catalog .catalog_card{
  background: rgba(0, 0, 0, 0.55);
	padding: 40px;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	text-decoration: none;
	transition: 0.3s;
}
    
.home_catalog .div1 {
    grid-column: span 7 / span 7;
    grid-row: span 2 / span 2;
}

.home_catalog .div2 {
    grid-column: span 4 / span 4;
    grid-row: span 2 / span 2;
    grid-column-start: 4;
    grid-row-start: 3;
}

.home_catalog .div3 {
    grid-column: span 4 / span 4;
    grid-row: span 2 / span 2;
    grid-column-start: 4;
    grid-row-start: 5;
}

.home_catalog .div4 {
    grid-column: span 3 / span 3;
    grid-row: span 4 / span 4;
    grid-column-start: 1;
    grid-row-start: 3
}

.home_catalog .div5 {
    grid-column: span 5 / span 5;
    grid-row: span 3 / span 3;
    grid-column-start: 8;
    grid-row-start: 1;
}

.home_catalog .div6 {
    grid-column: span 5 / span 5;
    grid-row: span 3 / span 3;
    grid-column-start: 8;
    grid-row-start: 4;

}

.catalog_card_title{
	font-size: 38px;
	color: #fff;
	font-weight: 500;
}
.home_catalog .div1 .catalog_card_title{
	font-size: 56px;
	text-transform: uppercase;
}
.home_catalog .div1 .trans_grey_btn{
	border: 1px solid #ffffff;
}
.catalog_card{
	position: relative;
	overflow: hidden;
}
.catalog_card img{
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
	z-index: -1;
	transition: 0.5s;
}


.main_about{
	display: flex;
	justify-content: space-between;
}
.main_about_left{
	width: 45%;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
}
.main_about_img{
	width: 47%;
	height: 458px;
	overflow: hidden;
	clip-path: polygon(7% 0, 101% 0, 101% 30%, 101% 100%, 87% 100%, 30% 115%, 0 80%, 0% 0%);
}
.main_about_img img{
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.info_block_punkty_card .title{
	font-size: 20px;
	font-weight: 600;
	color: var(--accent);
	margin-bottom: 12px;
}
.info_block_punkty_card {
	width: 46%;
}
.info_block_punkty{
	margin-top: 30px;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	row-gap: 20px;
}




.swiper-button-prev3{
	right: unset;
	left: 0;
}
.swiper-button-next3, .swiper-button-prev3{
	width: 49% !important;
	font-size: 26px;
  font-weight: 600;
  min-height: 75px;
  padding: 16px;
  color: var(--accent);
  background-color: #fff;
}
.swiper-button-next3.swiper-button-disabled, .swiper-button-prev3.swiper-button-disabled{
	background-color: var(--accent);
	color: #fff;
	opacity: 1;
}
.swiper-button-next3:after, .swiper-button-prev3:after{
	display: none;
}
.page_contacts .block_links{
	height: 175px;
	margin-bottom: 60px;
}
.block_links_container{
	position: relative;
}
.contacts_slide{
	display: flex;
	gap: 31px;
}
.contacts_slide_left{
	width: 100%;
	max-width: 710px;
}
.contacts_slide_right{
	width: 100%;
	max-width: 710px;
}
.contacts_slide_right iframe{
	width: 100%;
	height: 100%;
}
.contacts_slide_item{
		font-size: 22px;
		line-height: 38px;
}
.contacts_slide_item:not(:last-child){
	margin-bottom: 30px;
}
.contacts_slide_item span{
	font-weight: 600;
}
.contacts_slide_item a{
	text-decoration: none;
	color: var(--accent);
	font-weight: 600;
}




.info_block .sticky-block{
	width: 100%;
	max-width: 426px;
}


.page_company .lawyer{
	 margin-top: 40px;
	 margin-bottom: 80px;
}
.cennosti_row{
	margin-top: 40px;
	display: flex;
	flex-wrap: wrap;
	row-gap: 28px;
	justify-content: space-between;
	margin-bottom: 80px;
}
.cennosti_card{
	background-color: #fff;
    padding: 40px;
    width: 49%;
    display: flex;
    gap: 20px;
}
.cennosti_card:nth-child(n+3){
	width: 32%;
}
.cennosti_card_icon{
	width: 40px;
}
.cennosti_card_icon img{
	width: 100%;
}
.cennosti_card_right{
	flex: 1;
}
.cennosti_card .card_desc{
	margin-top: 15px;
}
.cennosti_card .card_title {
	font-size: 28px;
}
.progress{
	margin-top: 40px;
	background-color: #fff;
	padding: 40px;
}



.progress_top{
	display: flex;
	justify-content: space-between;
	gap: 150px;
}
.progress_top_img{
	width: 410px;
	height: 270px;
}
.progress_top_img img{
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.progress_top_left{
	flex: 1;
}
.progress_top_left .card_desc{
	margin-top: 15px;
}
.progress_bottom{
	display: flex;
	justify-content: space-between;
	margin-top: 80px;
}
.progress_item_count{
	color: var(--accent);
	font-size: 48px;
	font-weight: 600;
}
.progress_item_text{
	font-size: 24px;
	font-weight: 600;
	margin-top: 8px;
}
.progress_item{
	text-align: center;
}







.page_komanda .article_card_img{
	height: 440px;
}
.page_komanda .articles_row .cases_card {
	padding-top: 470px;
}
.page_komanda .main_screen_desc{
	width: 100%;
}

.single_yurist .info_block_right img{
	width: 100%;
}
.single_yurist .info_block_right .btn{
	width: 100%;
	text-align: center;
	margin-top: 30px;
}
.single_yurist_dolzhnost{
	margin: 15px 0;
	font-size: 30px;
	font-weight: 600;
	color: var(--accent);
}




.box-modal {
	position: relative;
	max-width: 500px;
	padding: 40px;
	background: #fff;
}
.box-modal .h3{
	margin-bottom: 20px;
}
.box-modal_close { position: absolute; right: 10px; top: 6px; font-size: 11px; line-height: 15px; color: #999; cursor: pointer; font-size: 18px; }
.box-modal_close:hover { color: #666; }




.page_404_content{
	min-height: 600px;
	display: flex;
	justify-content: center;
	align-items: center;
	flex-direction: column;
	gap: 30px;
}



.single_cases embed[type="application/pdf"], .single_cases iframe {
  display: block !important;
  width: 100% !important;
  height: 100vh !important;
} 



.main_about_img_mobile{
	display: none;
}

.page_search{
	padding: 40px 0;
}
.page_search article{
	margin: 40px 0;
}

.sert_slide {
	border: 1px solid var(--grey-bg);
}
.sert_slide img{
	width: 100%;
}
/* Затемняющий фон */
.overlay {
	display: none;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, 0.8);
	z-index: 9999;
}

/* Увеличенное изображение */
.enlarged-image {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	max-height: 90%;
	object-fit: contain;
}



.questions_card{
	color: var(--black);
	text-decoration: none;
}




.conetent_index_row{
	display: flex;
	flex-direction: column;
	margin-bottom: 50px;
	gap: 10px;
}
.conetent_index_row a{
	color: var(--black);
	text-decoration: none;
	font-size: 18px;
	transition: 0.3s;
	position: relative;
	padding-left: 30px;
	font-weight: 700;
}
.conetent_index_row a span{
	position: absolute;
	left: 0;
	color: var(--accent);
}
.conetent_index_row a:hover{
	color: var(--accent);
}
.conetent_index_title{
	margin-bottom: 20px;
	color: var(--accent);
}


.iframe_wrapper {
	overflow: hidden;
}





.questions_title{
	margin-top: 40px;	
	margin-bottom: 30px;
}
.questions_answer{
	padding: 30px;
	border: 1px solid #ddd;
	margin-bottom: 20px;
}
.questions_answer .cases_card_lawyer{
	margin-bottom: 20px;
}
.comment-list li{
	list-style: none;
}
.comment {
	padding: 30px;
	border: 1px solid #ddd;
}
.comment-list .children .comment{
	border: none;
}
.comment-list  .depth-1{
	margin-bottom: 20px;
}

.comment-author img {
    width: 77px;
    height: 77px;
    overflow: hidden;
    border-radius: 50%;
    margin-right: 20px;
}
.comment-author{
	display: flex;
	align-items: center;
	font-size: 20px;
	margin-bottom: 10px;
}
.comment-content p{
	margin-top: 15px;
    margin-bottom: 10px;
    font-size: 18px;
    line-height: 135%;
}
.comment-metadata a{
	color: var(--gray-text);
	font-weight: 600;
	text-decoration: none;
}

.questions_content_bottom{
	    color: var(--gray-text);
    	font-weight: 600;
    	display: flex;
    	gap: 20px;
}
.comment-respond{
	padding: 40px 0 80px;
	width: 48%;
}
.comment-form p{
	display: flex;
	flex-direction: column;
	gap: 8px;
}
.comment-form-cookies-consent{
	flex-direction: unset !important;
	gap: 12px !important;
}

.comment-form{
	display: flex;
	flex-direction: column;
	row-gap: 20px;
}
.single_questions .required-field-message{
	display: none;
}
.form-submit .submit{
	cursor: pointer;
	padding: 15px 36px;
	background-color: var(--accent);
	color: #fff;
	font-size: 14px;
	font-weight: 600;
	text-transform: uppercase;
	text-decoration: none;
	display: inline-block;
	border: 1px solid var(--accent);
	transition: 0.3s;
}
.comment-form-author input, .comment-form-email input{
	width: 100%;
	border: 1px solid #ddd;
	padding: 20px 28px;
	font-size: 16px;
	max-height: 66px;
}
.comment-form-url{
	display: none !important;
}
.comment-form-comment textarea{
		border: 1px solid #ddd;
}
.comment-reply-title{
    font-size: 24px;
    line-height: 140%;
    margin-bottom: 20px;
}
.questions_card{
		padding: 30px;
    border: 1px solid #ddd;
    margin-bottom: 20px;
    display: block;
    transition: 0.3s;
}
.questions_card:hover .questions_card_title{
		color: var(--accent-hover);
}
.questions_card_title {
    font-weight: 600;
    font-size: 32px;
    line-height: 140%;
    color: var(--accent);
    transition: 0.3s;
}
.questions_card_bottom{
	color: var(--gray-text);
	font-weight: 600;
	display: flex;
	margin-bottom: 20px;
	gap: 20px;
}
.questions_card_desc {
    margin-top: 6px;
    font-size: 20px;
    line-height: 120%;
}
.comments_count{
	margin-top: 20px;
	font-weight: 600;
	color: var(--accent);
}
.ask_form_title{
		font-weight: 600;
    font-size: 24px;
    line-height: 140%;
    margin-bottom: 20px;
}
.ask_form{
	width: 48%;
}
.ask_form input{
    width: 100%;
    border: 1px solid #ddd;
    padding: 20px 28px;
    font-size: 16px;
    max-height: 66px;
    margin-bottom: 20px;
}
.ask_form textarea{
		width: 100%;
    border: 1px solid #ddd;
    padding: 20px 28px;
    font-size: 16px;
    margin-bottom: 20px;
}
.ask_form p {
    display: flex;
    flex-direction: column;
    gap: 8px;
}






.next_prev_term{
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}
.next_prev_term a{
	font-size: 22px;
	text-decoration: none;
	color: var(--accent);
	font-weight: 600;
	transition: 0.3s;
}
.next_prev_term a:hover{
	color: var(--accent-hover);
}
.terms_atr{
	display: flex;
	margin-bottom: 35px;
	gap: 30px;
	flex-wrap: wrap;
}
.single_articles .terms_atr{
	margin-top: 25px;
}





