/*
Theme Name: VM
Theme URI: http://anielis.com/
Author: ViktorMax
Description: Наша власна тема WordPress
Version: 1.0
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: vm
*/
:root {
    --main-color: #DDE5E8;
    --blue: #4383FF;
    --gray: #1111111e;
}



a{
 text-decoration: none; 
}

html{
    position: relative;
    margin-top: 0 !important;
}

body {
  	font-family: 'Helvetica Neue', sans-serif;
    background-color: var(--main-color);
  	padding-right: 12.5%;
    padding-left: 12.5%;
	position: relative;
    margin: 0 0 0 0;
	overflow-x: hidden;
}

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

}
.main-navigation ul{
    
    display: flex;
    column-gap: 90px;

}

.main-navigation ul li{
    list-style: none;
}

.breadcrumb{
	margin-top: 40px;
	margin-bottom: 80px;
}
.breadcrumb a, .breadcrumb span, .breadcrumb{
    font-size: 18px;
    margin-right: 5px;
	color: #000000a2;
}
.breadcrumb span:not(:first-child){
	margin-left: 5px;
}

.top_page_cont h1{
    font-size: 100px;
    font-weight: 700;
    margin-bottom: 40px;
}
.top_page_cont p{
    width: 50%;
}
.top_page_cont{
box-shadow: 0px 4px 5px #1111111e;
    z-index: 1;
    margin-left: -198px;
    margin-right: -198px;
    padding-bottom: 40px;
}

.top_page_inner{
    margin-right: 200px;
    margin-left: 200px;
}

/* Header styles start */

#header{
    box-shadow: 0px 4px 5px #1111111e;
    z-index: 1;
    margin-left: -198px;
    margin-right: -198px;
}

#header .container{
    align-items: center;
    margin-left: 200px;
    margin-right: 200px;
    justify-content: space-between;

}

#header .container, ul.menu, #header .container, .menu ul{
	display: flex;
}

.menu{
    margin: 20px 0px;
}
#header .btn_main{
    font-size: 18px;
    color: #000;
    font-family: 'Inter';
}

.menu , .menu ul{
	column-gap: 90px;
    list-style-type: none;
}
.menu a, .menu ul a{
    color: #000;
    font-size: 18px;
    font-family: 'Inter';
}
/* Header styles end */

/* Footer styles start */

#footer{
    margin-top: 120px;
    padding-bottom: 60px;
}

.footer_mid{
    
   
    box-shadow: 0px 4px 5px #1111111e;
    margin-left: -198px;
    margin-right: -198px;

}
.foot_inner{
    margin-left: 200px;
    margin-right: 200px;
     display: flex;
    justify-content: space-between;
    align-items: center;
}
.foot_social{
    
    display: flex;
    column-gap: 30px;
    
    flex-direction: column;
    row-gap: 20px;
    margin-top: 20px;


}
.foot_sociall{
    display: flex;
    column-gap: 30px;
}

#footer a, .foo_privacy{
    color: #000000a2;
}


.footer_bottom{
    
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding-top: 20px;
    padding-bottom: 10px;

}
.footer_bottom a{
    font-size: 14px !important;
}

.footer_bottom .main-menu{
    
    padding: 0;
    column-gap: 35px;

}
/* Footer styles end */


h1, h2, h3, h4, h5, h6, .sub_title {
    color: var(--blue);
}

.dark_h {
    color: black;
    font-size: 74px;
    font-weight: 500;
}

.blue_h {
    color: var(--blue);
    font-size: 28px;
    font-weight: 400;
}

.gray_text {
    color: #000000a2;
	font-size: 18px;
	font-weight: 400;
    margin-top: 0;
}

img.article {
	filter: brightness(60%);
}

.baner_main_cont{
    background-image: url('https://anielis.com/wp-content/uploads/2025/06/tingey-injury-law-firm-yCdPU73kGSc-unsplash-1-2.png');
    height: 90vh;
    	
}

/* Загальні стилі для контейнера банера */
.baner_main_cont {
	box-shadow: 0px 4px 5px #1111111e;
    position: relative;
	margin-bottom: 120px;
    /*width: calc(100% + 358px); */
    height: 85vh; /* Висота на всю висоту екрану */
  
    
    background-position: right center; /* Позиціонування зображення праворуч */
    background-size: contain; /* Розмір зображення */
    background-repeat: no-repeat; /* Не повторювати зображення */
    display: flex;
    align-items: center;
    margin-left: -200px; 
    margin-right: -200px; 
    padding: 20px;
    overflow: hidden;
}

/* Стилі для контенту банера */
.baner_content {

    max-width: 800px;
    margin-left: 200px;
}

/* Стилі для заголовка */
.baner_h1 {
    font-size: 74px; /* Збільшений розмір шрифту для великого заголовка */
    font-weight: bold;
    color: #000;
    margin-bottom: 20px;
}

.baner_span {
    color: #3a85ff; /* Синій колір для тексту "Анни Єлисeєвої" */
}

/* Стилі для опису */
.baner_p {
    font-size: 18px;
    color: #333;
    margin-bottom: 30px;
	max-width: 380px;
}

/* Кнопка з посиланням */

.baner_button {
    display: inline-flex;
    align-items: center;
    padding: 15px 25px;
    font-size: 1rem;
    font-weight: 500;
    color: #000;
    border: 1px solid #000;
    border-radius: 50px;
    text-decoration: none;
    transition: transform 0.3s ease, background-color 0.3s ease; /* Анімація зміни положення і кольору */
}

.baner_button:hover {
    transform: translateY(-5px);
}

.baner_button img {
    margin-left: 10px; /* Відступ між текстом та іконкою */
}

/* Адаптивні стилі для мобільних пристроїв */
@media (max-width: 768px) {
    .baner_h1 {
        font-size: 2rem;
    }

    .baner_p {
        font-size: 1rem;
    }

    .baner_button {
        padding: 10px 20px;
        font-size: 0.875rem;
    }
}

.baner_h1{
color: #000;
}
.baner_span{
color: var(--blue);
}

.about_us-head{
	display: flex;
    justify-content: space-between;
    margin-bottom: 40px;
    align-items: center;
}
.about_us_images{
	column-gap: 40px;
    display: flex;
    justify-content: space-between;
}
.about_div .dark_h{
	margin-bottom: 40px;
	margin-top: 50px;
}
.about_us_text_cont{
    display: flex;
    column-gap: 40px;
}
.about_us_text{
	flex: 0.5;
}
.about_us_text:first-child{
	flex: 1;
}

/* Переваги співпраці */
.square
{
    border: 1px var(--gray) solid;
    border-radius: 12.5px;
    width: 250px;
    height: 250px;
    text-align: center;
    display: flex;
    flex-direction: column;
    justify-content: center;
}
.square span{
    color: var(--blue);
    font-size: 58px;
    font-weight: 500;
    margin: 0 0 10px 0;
}
.square p{
    font-size: 22px;
    font-weight: 500;
    margin: 0;
}

.adv_p{
    margin-bottom: 70px;
}
.adv{
    margin-top: 200px;
}

.sub_title{
    font-size: 28px;
}

div.advantages {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
}

h3.advantages {
    max-width: 400px;
	margin: 0;
    margin-bottom: 68px;
}

.about_h2 {
	margin: 0;
	font-size: 46px;
	font-weight: 500;
}

.btn_main{
	border-radius: 4px;
}

.service {
    height: 84px;
    display: flex;
    align-items: center;
    cursor: pointer;
    border-top: 1px solid var(--gray);
    padding: 20px;
    margin-bottom: 0;
    transition: background-color 0.3s ease;
}
.service:hover {
    background-color: #d3e0e4;
}
.service span{
    margin-right: 25px;
    font-size: 18px;
    font-weight: 600;
}
.service_text{
    display: flex;
    flex-direction: column;
    width: 100%;
}
.service_h4{	
    font-size: 28px;
    color: #000;
}
.service_p{
    margin: 0;
}
.about_img_big,
.service_p {
    opacity: 0;
    max-height: 0;
    overflow: hidden;
    transition: opacity 0.5s ease, max-height 0.5s ease;
}
.service.active{
	height: 290px;
}
.service .about_img_big{
	margin-right: 50px;
	width: 100%;
    max-width: 377px;
    height: 238px;
}

.about_img_big,
.service_text p {
    opacity: 0;
    display: none;
    color: #000000a2;
    max-height: 0;
    overflow: hidden;
    transition: opacity 0.5s ease, max-height 0.5s ease;
}

.service.active .about_img_big,
.service.active p {
    opacity: 1;
    display: block;
    max-height: 500px;   
}
.service.active .service_arrow {
    opacity: 0;
}

.btn_block{
    text-align: end;
    margin-top: 45px;
}

.cval-head{
    display: flex;
    justify-content: space-between;
    margin-bottom: 40px;
    margin-top: 80px;
    align-items: center;
}
.cval_h2{
    margin: 0;
}
.cval_img{
	width: 348px;
	height: 492px;
}
.cval_images{	
    display: flex;
    column-gap: 45px;
    justify-content: start;
	flex-wrap: wrap;
}
.cat{
    font-size: 14px;
    color: var(--blue);
}
.cval_title{
    font-size: 24px;
    font-weight: 600;
    text-transform: uppercase;
}

.expert {
	margin-top: 235px;
	margin-bottom: 75px;
}

.politics_block {
    margin-bottom: 220px;
}
.politics_h {
    max-width: 800px;
    margin-bottom: 60px;
}
.politics_container {
    max-width: 960px;
}
.politics_container .politics_h {
    font-size: 28px !important;
    font-weight: 500;
    margin-bottom: 40px;
    margin-top: 40px;
}

span .gray_text {
    margin: 0;
}
ul .gray_text {
    padding-left: 25px;
}

.help_with_questions {
    display: flex;
    flex-direction: row;
    column-gap: 100px;
}
.help_with_questions .dark_h {   
    margin-top: 0;
    font-size: 46px;
    margin-bottom: 54px;
}
.help_with_questions p {
    margin-bottom: 55px;
}
.help_img {
    width: 632px;
    max-width: 632px;
    max-height: 548px;
}
.help_with_questions .text_block {
    font-size: 18px;
    display: flex;
    flex-direction: column;
    justify-content: center;
}
.help_with_questions .btn_main{
    width: max-content;
}

.blog_cont {
    margin-top: 280px;
    margin-bottom: 320px;
}
.blog_cont .dark_h, .blog_cont .btn_main{
	margin: 0;
}
.blog_cont .btn_main {
	margin-top: 80px;
}
.blog_cont .dark_h {
    margin-top: 35px;
    margin-bottom: 50px;
}
.blog_row {
    display: flex;
    column-gap: 50px;
    margin-top: 75px;
    justify-content: space-between;;
}
.blog_statia {
    display: flex;
    flex: 1;
    flex-direction: column;
    justify-content: space-between;
    height: 350px;
    position: relative;
}

.blog_title, .statia_date{
    width: 100%;
}

.blog_cont .statia_date{
    position: unset;
}

.single_baner{
    height: 520px;
}

.single-post .blog_cont .btn_main{
    margin-top: 0;
}

.blog_title {
    color: var(--blue);
    font-size: 28px;
    width: 65%;
    font-weight: 600;
    text-transform: uppercase;
	display: -webkit-box;
    -webkit-line-clamp: 5; /* Обмеження кількості рядків */
    -webkit-box-orient: vertical;
    overflow: hidden; /* Приховує зайвий текст */
    text-overflow: ellipsis; /* Додає "..." в кінці */
    max-height: calc(1.2em * 5); /* Висота для 5 рядків (1.2em — висота одного рядка) */
    line-height: 1.2em; /* Висота рядка */
}

.statia_date {
    display: flex;
    align-items: end;
    justify-content: space-between;
}

.blog_h3{
    left: 20px;
    font-weight: 500;
}



.blog_link_cont{
    
    position: absolute;
    bottom: 20px;
    right: 20px;

}

.statia_date{
     position: absolute;
    bottom: 20px;
    left: 20px;
}

.statia_date p{
    margin: 0;
}

.service_title_cont {
    box-shadow: 0px 4px 5px #1111111e;
    margin-left: -198px;
    margin-right: -198px;
    padding-bottom: 80px;
}

.service_title {
    margin-right: 200px;
    margin-left: 200px;
}

.page_h1 {
    font-size: 6.5rem;
}
.page_p {
    font-size: 18px;
    width: 60%;
	margin-bottom: 80px;
}

.service_head {
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.service_head h2 {
    margin-bottom: 30px;
}



#main-nav-foo .menu{
	margin: 0;
}

#main-nav-foo .menu ul {
    column-gap: 60px;
    padding: 0;
    margin: 0;
    list-style-type: none;
}

.industries {
	margin-bottom: 220px;
}

.page-template-page-cval div.advantages{
	margin-bottom: 220px;
}
.blog_alt_head {
	display: flex;
    justify-content: space-between;
    align-content: stretch;
    align-items: center;
}


.cval_images-row {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    gap: 20px; /* Між блоками постів */
}
.cval_images-block {
    width: 30%; /* Показує 3 пости в рядку (100% / 3 = 33.33% → трохи менше для інтервалів) */
    box-sizing: border-box;
}
.cval_images-block img {
    width: 100%; /* Зображення займає всю ширину блока */
    height: auto;
}
.cval-pagination {
    text-align: center;
    margin-top: 20px;
}
.cval-pagination ul {
    display: inline-flex;
    list-style: none;
    padding: 0;
    margin: 0;
}
.cval-pagination ul li {
    margin: 0 5px;
}
.cval-pagination ul li a {
    display: inline-block;
    padding: 5px 10px;
    font-size: 18px;
    color: #333333e0;
}
.cval-pagination ul li span.current {
    display: inline-block;
    padding: 5px 10px;
    color: #000;
    font-weight: 600;
    font-size: 18px;
}
.cval-pagination ul li a img {
    width: 55px;
    height: auto;
    vertical-align: middle;
}
.page-template-page-cval .cval_images{
	flex-wrap: wrap;
}

.page-numbers li{
    display: flex;
    align-items: center;
}

.pagination-wrapper{
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.error404{
    overflow: hidden;
}
.error404 .site-content{
    display: flex;
    justify-content: center;
}
.page404{
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    max-width: 450px;
    margin-top: 100px;
}
.p_404b{
    font-size: 26px;
    font-weight: 700;
}
.page404 span{
    color: var(--blue);
    font-size: 160px;
    font-weight: bold;
}
.p_404s{
    text-align: center;
}

.baner_img{
    width: 100%;
    height: 645px;
    position: absolute; 
	top:0;
    left: 0;
    object-fit: cover;
    filter: brightness(20%);
    z-index: -1;
}
.single-post .breadcrumb{
    margin-top: 20px;
}

.single-post .breadcrumb a{
    color: #FFFFFF99;
}

.single_baner .dark_h {
    color: white;
    /*max-width: 680px;*/
}
.single_baner .gray_text span, .single_baner .gray_text {
    color: #FFFFFF99;
}
.single_baner p {
    color: var(--blue);
}
.single #header {
	background:none;
	color: none;
	box-shadow: unset;
}
.blog_row .blog_title a{
    color: var(--blue);
}

/*.single_content {*/
/*	margin-top: 150px;*/
/*}*/
.single #header a {
	color: white;
} 
.single_content h2, .single_content h3, .single_content h4 {
    color: #000;
}
.contact_cont{
	display: flex;
}
.contact_text .dark_h{
    font-size: 46px;
    font-weight: 600;
    margin-top: 0;
}
.contact_text p{
    font-size: 28px;
    font-weight: 600;
}
.contact_img_text{
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: 20px;
    margin-bottom: 30px;
}
.contact_img_text p{	
    font-size: 46px;
    margin: 0;
    font-weight: 600;
}
.contact_cont{
    display: flex;
    justify-content: space-between;
	margin-bottom: 200px;
	column-gap: 50px;
}
.contact_contact{	
	display: flex;
    row-gap: 30px;
    flex-direction: column;
}
.contact_contact div{	
    display: flex;
    align-items: center;
    column-gap: 10px;
}
.contact_contact div a{
    color: #000000a2;
}
.contact_cont .footer_social{
    column-gap: 20px;
    align-items: end;
}
.parent {
	margin-top:100px;
display: grid;
grid-template-columns: repeat(3, 1fr);
/*grid-template-rows: repeat(6, 1fr);*/
grid-column-gap: 50px;
grid-row-gap: 50px;
}

.parent{
    
    .div1, .div2, .div3, .div4, .div5, .div6, .div7, .div8, .div9, .div10, .div11, .div12{
    position: relative;
}
}

.div1 { grid-area: 1 / 1 / 3 / 3; }
.div2 { grid-area: 1 / 3 / 2 / 4; }
.div3 { grid-area: 2 / 3 / 3 / 4; }
.div4 { grid-area: 3 / 1 / 4 / 2; }
.div5 { grid-area: 3 / 2 / 4 / 3; }
.div6 { grid-area: 3 / 3 / 4 / 4; }
.div7 { grid-area: 4 / 1 / 5 / 2; }
.div8 { grid-area: 5 / 1 / 6 / 2; }
.div9 { grid-area: 4 / 2 / 6 / 4; }
.div10 { grid-area: 6 / 1 / 7 / 2; }
.div11 { grid-area: 6 / 2 / 7 / 3; }
.div12 { grid-area: 6 / 3 / 7 / 4; }

.div1, .div2, .div3, .div4, .div5, .div6, .div7, .div8, .div9, .div10, .div11, .div12
{
	position:relative;
	aspect-ratio: 1/1;
	height: 100%;
}

.blog_absolute
{
		position: absolute;
}
img.blog_absolute
{
	width:100%;	
	height:100%;
	position:relative;
	z-index: -100;
	object-fit:cover;
	filter: brightness(0.4);
}

.blog_h3
{
	top:0px;
	color: white;
	font-size: 20px;
}
.blog_title
{
	top: 0px;
	width: 300px;
	height: 300px;
}

.blog_p
{
	color: white;
}
.page-template-blog .site-footer{
    margin-top: 200px;
}

.single_content{
    margin-top: 50px;
}

.adv_cval{
    margin-bottom: 200px;
}


.page-id-14 .top_page_cont{
    box-shadow: unset;
        padding-bottom: 0px;
}

.page-id-14 .contact_cont h2{
    font-size: 46px;
    color: #000;
}

.cont_sub{
    font-size: 28px;
    color: #000;
}

.wpcf7 input{
    
    width: 95%;
    height: 50px;
    border: unset;
    border-radius: 4px;
    margin-bottom: 20px;
    padding-left: 15px;

}
.wpcf7 textarea{
    width: 95%;
    height: 160px;
    border: unset;
    border-radius: 4px;
    margin-bottom: 20px;
        padding-top: 15px;
    padding-left: 15px;
    font-family: 'Inter';
}

.cont_h2{
    margin-top: 0;
}

.contact_block{
    
    display: flex;
    align-items: center;
    justify-content: space-between;

}

.contact_block a{
        color: #000000a2;
}

.wpcf7-submit{
    width: 98% !important;
    font-size: 18px;
    height: 40px;
        background-color: transparent;
    border: 2px solid #000 !important; 
    transition: transform 0.3s ease, background-color 0.3s ease;
    border-radius: 4px;
}
.wpcf7-submit:hover{
transform: translateY(-5px);
cursor: pointer;
}


.page-404{
    
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    margin-top: 60px;

}
.page-404 h1{
    color: #000;
}
.page-404 span{
    
    color: var(--blue);
    font-size: 200px;
    font-weight: 700;

}
.page-404 p{
    width: 35%;
    text-align: center;
}
.page-id-8 .site-footer{
    margin-top: 160px;
}


.search-field{
    
    background-color: transparent;
    border: unset;
    border-bottom: 1px solid #333;
    padding: 10px 0;
    
    flex: 2.5;


}

.search .cval-pagination, .page-template-blog .cval-pagination{
    margin-bottom: 100px;
}

.search-form{
    display: flex;
    justify-content: space-between;
    column-gap: 20px;
        margin-top: 30px;
}

.search-category{
  background-color: transparent;
    border: unset;
    border-bottom: 1px solid #333;
    padding: 10px 0;  
    
    flex: 0.9;

}
.search-submit{
    transition: transform 0.3s ease, background-color 0.3s ease;
    align-items: center;
    padding: 10px 20px;
    font-size: 1rem;
    font-weight: 500;
    color: #000;
    border: 1px solid #000;
    border-radius: 4px;
    background-color: transparent;
}
.search-submit:hover{
    transform: translateY(-5px);
}

.post-type-archive-cvalification .search-form{
    margin-bottom: 50px;
}

@media screen and (min-width: 900px) {
#menu-item-138{
    display:none;
}
}


/*Мобілка*/
@media screen and (max-width: 1200px) {
    
    .home  .main-navigation, .single .main-navigation{
        max-width: 64%;
    }
    
    .single .burger-menu span{
        background-color: #fff;
    }
    
    .single  .burger-menu.active span{
        background-color: #000;
    }

    
    .single #header a {
    color: #000;
}
.single #header  .btn_main{
    color: #fff;
}
    
    .baner_main_cont {
        align-items: flex-start; /* або інше потрібне вирівнювання */
        height: 83vh;
    background-position: bottom center;
    }
    
    .page-template-cval .cval_images-block {
    width: 100%;
    margin-bottom: 20px;
}

.contact_cont{
    flex-direction: column;
}
    .contact_cont img{
        
    
    width: -webkit-fill-available;

    }
    
    .baner_h1{
        
    display: flex;
    flex-direction: column;
    width: max-content;

    }
    
    .parent{
         display: flex;
    flex-direction: column;
    }
    
    h1.blue_h,  h1.dark_h{
        font-size: 40px;
    }
    .top_page_cont p {
    width: 100%;
}

.search-form{
    
    flex-direction: column;
    row-gap: 20px;

}
    
    #header{
        padding-top: 10px;
    padding-bottom: 10px;
    }
    
    .about_us_images, .about_us_text_cont {
        display: flex;
        flex-wrap: wrap;
        column-gap: 20px;
        row-gap: 20px;
    }

    .about_us_images img {
        width: 46%;
    }
    
    .blog_row{
            row-gap: 50px;
    }

    .about_us_images img:first-child {
        width: 100%;
    }
    
    .about_us_text_cont .about_us_text:first-child {
        width: 100%;
        flex: 0 0 auto;
    }
    
    .help_with_questions, .blog_row{
        
    flex-direction: column;

    }
    .cval_h2, h3.dark_h {
        font-size: 38px;
    }
    .help_img{
        width: auto;
        margin-bottom: 50px;
    }
    .about_h2{
        font-size: 30px;
    }
    
    .advantages{
        
    display: flex;
    flex-wrap: wrap;
    row-gap: 20px;
    column-gap: 20px;

    }
    .advantages .square{
        
            width: 125px;
        height: 125px;

    }
    .advantages .square span{
        font-size: 35px;
    }
    .advantages .square p{
        font-size: 14px;
    }
    .cval-head{
        
    flex-direction: column;
    align-items: baseline;
    row-gap: 20px;

    }
    
    .foot_sociall{
        flex-direction: column;
    }
    
    
    .baner_main_cont, .baner_content, #header, .footer_mid, .foot_inner, #header .container{
        margin-left:  -45px;
        margin-right:  -45px;
        padding-left: 45px;
    padding-right: 45px;
        
    }
    
    .service.active{
        
    height: auto;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: baseline;

    }
    .service.active span{
        
    margin-bottom: 10px;

    }
   .service.active .about_img_big{
       height: auto;
   }
   .service_h4{
       font-size: 20px;
   }
    
    
    .main-menu .menu-item {
        
    padding-bottom: 5px;
    border-bottom: 1px solid;
        

    }
    
    .main-menu {
          display: flex;
    flex-direction: column;
    row-gap: 30px ;
    padding: 0;
    }
    
    .menu a, .menu ul a{
        font-size: 22px;
    }
    .current-menu-item a{
    color: #4383FF !important;
    }
    
    .burger-menu.active{
        
    padding-top: 20px;
    padding-right: 20px;

    }
    
    .breadcrumb{
        
    width: fit-content;

    }
    
    .top_page_inner{
    margin-right: 40px;    
    }
    .top_page_cont{
        margin-right: -45px; 
    }
    
    #wpadminbar{
        display: none !important;
    }
    
}

/* Стилі для десктопу */
.cval-images-desktop {
    display: block;
}
.cval_images {
    display: flex;
    /*justify-content: space-between;*/
    flex-wrap: wrap;
}
.cval_images-block {
    width: calc(32.33% - 20px); /* 3 елементи в ряд з відступами */
    margin-bottom: 20px;
}

/* Стилі для мобільних */
.cval-images-mobile {
    display: none;
    overflow: hidden;
    position: relative;
}
.cval-images-mobile .cval_images-block {
    width: 100%;
}

/* Навігація Swiper */
.swiper-button-next, .swiper-button-prev {
    color: #fff;
    background: rgba(0,0,0,0.5);
    width: 30px;
    height: 30px;
    border-radius: 50%;
    font-size: 12px;
    display: none !important;
}
.swiper-pagination-bullet {
    background: #fff;
    opacity: 0.5;
}
.swiper-pagination-bullet-active {
    opacity: 1;
}

/* Адаптація - показуємо Swiper тільки на мобільних */
@media (max-width: 768px) {
    .cval-images-desktop {
        display: none;
    }
    .cval-images-mobile {
        display: block;
    }
}


@media (min-width: 768px) and (max-width: 1199px) {
    
    
    .politics_container h1.politics_h{
        font-size: 30px !important;
    }
    
    .baner_h1{
        font-size: 50px;
    }
    .cval_images{
        
    flex-direction: column;

    }
    .cval_images .cval_images-block{
        width: 100%;
    }
}


@media (min-width: 1200px) and (max-width: 1350px) {
    .cval_images{
        
    flex-direction: column;

    }
    .cval_images .cval_images-block{
        width: 100%;
    }
}


@media (min-width: 900px) and (max-width: 1500px) {
    .about_us_images{
        flex-wrap: wrap;
            row-gap: 50px;

    }
    .about_us_images img {
        width: 46%;
    }
        .about_us_images img:first-child {
        width: 100%;
    }
}


@media (max-width: 365px) {
    div.advantages{
        
    align-items: center;
    justify-content: center;

    }
}



@media (min-width: 900px) and (max-width: 1200px) {
    .help_with_questions, .blog_row{
        flex-direction: column;
    row-gap: 50px;
    }
}


@media (max-width: 1200px) {
    .single_content {
    margin-top: 100px;
}
}


.wpcf7-submit{
    color: #000 !important;
}


@media (max-width: 768px) {
    
    
    .politics_h{
        font-size: 30px !important;
    }
}