/*
Theme Name: Fito
Text Domain: fito
Version: 1.0
Tested up to: 6.7.2
Author: dtpi, Spytnik
*/

/*CSS Reset*/
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}table{border-collapse:collapse;border-spacing:0}
html {
	min-height:100%;
	box-sizing: border-box;
	scroll-behavior: smooth;
}
*,
*:before,
*:after {
	box-sizing: inherit;
}
:root{
	--primary-color:#37520B;
	--secondary-color:#84B200;
	--third-color:#849466;
	--fourth-color:#2B3A0E;
	--white:#fff;
	--secondary-family:"Playfair Display", serif;
}
/* Цвет текста */
.has-primary-color {
    color: var(--primary-color, #37520B);
}
.has-secondary-color {
    color: var(--secondary-color, #84B200);
}
.has-third-color {
    color: var(--third-color, #849466);
}
.has-fourth-color {
    color: var(--fourth-color, #2B3A0E);
}
.has-white-color {
    color: var(--white, #fff);
}
.text-center{
	text-align: center;
}
/* Цвет фона */
.has-primary-color-background-color {
    background-color: var(--primary-color, #37520B);
}
.has-secondary-color-background-color {
    background-color: var(--secondary-color, #84B200);
}
.has-third-color-background-color {
    background-color: var(--third-color, #849466);
}
.has-fourth-color-background-color {
    background-color: var(--fourth-color, #2B3A0E);
}
.has-white-color-background-color {
    background-color: var(--white, #fff);
}
body {
	color: #000;
	font-family: "Manrope", serif;
	font-size: 16px;
	line-height:140%;
}
main p{margin-bottom:15px;}
a{
	color: var(--primary-color);
	text-decoration: none;
	transition:0.3s
}
a:hover{text-decoration: none;}
img{max-width: 100%;height:auto;}
[type=submit],
.wp-block-button__link,
button{
	cursor: pointer;
	text-align: center;
	outline: none;
	color:var(--white);
	padding:7.5px 24px;
	font-size:16px;
	font-weight: 500;
	line-height: 28px;
	border-radius: 64px;
	border:1px solid transparent;
	display: inline-block;
	transition: 0.6s;
	position: relative;
	overflow: hidden;
	background: transparent;
	z-index: 1;
}
[type=submit]:after,
.wp-block-button__link:after,
button:after{
	content:'';
	position: absolute;
	top:0;
	left:0;
	width:300%;
	height:200%;
	background: linear-gradient(110deg, var(--secondary-color) 0%, var(--secondary-color) 40%, var(--primary-color) 60%, var(--secondary-color) 100%);
	z-index: -1;
	transition:1s;
}
[type=submit]:hover:after,
.wp-block-button__link:hover:after,
button:hover:after{
	left:-200%;
	transition:0.6s;
}

em{font-style: italic;}

.wrapper{
	width:100%;
	overflow: hidden;
}
h1, h2{
	font-size:40px;
	line-height:120%;
	color:var(--fourth-color);
	margin-bottom: 48px;
}
h2 em{
	font-family: var(--secondary-family)
}
h3{
	font-size:34px;
	line-height: 120%;
	color:var(--fourth-color);
	margin-bottom: 34px;
}
.primary-label{
	color:var(--primary-color);
	font-size:12px;
	text-transform: uppercase;
	margin-bottom: 27px;
	font-weight: 500;
}
.primary-label::before{
	content: '';
	background: url(img/label.svg) no-repeat center;
	width:16px;
	height:16px;
	display: inline-block;
	vertical-align: middle;
	margin-right: 6px;
}
/*header*/
header{
	position: relative;
	transition: .3s;
}
header.scrolled{
	box-shadow: 0 0 3px #ccc;
	top:0 !important;
}
header.header-color-light {
	position: absolute;
	top:0;
	left:0;
	width:100%;
	z-index: 10;
}
header.header-color-light .logo-color{
	display: none;
}
.admin-bar header.header-color-light{
	top:32px;
}
.admin-bar header.header-color-light.scrolled{
	top:0;
}
.header__wrap{
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding: 12px 15px;
	width:1170px;
	max-width:100%;
	margin: 0 auto;
	border-bottom: 1px solid rgba(255,255,255,.1);
}
header.header-color-light.scrolled,
header.scrolled{
	background-color: var(--white);
	position: fixed;
	z-index: 100;
    width: 100%;
}
header.scrolled.header-color-light .logo-color{
	display:block;
}
header.scrolled.header-color-light .logo-light{
	display:none;
}
.header__logo{
	width:216px;
	min-width:216px;
	height:48px;
}
.burger{display: none;}
.header__menu ul{
	display:flex;
	align-items: center;
	gap:34px;
}
.header__menu a{
	font-size:14px;
	font-weight: 500;
	line-height: 19px;
	color:var(--primary-color);
}
.header__contact{
	display:flex;
	align-items: center;
}
.header__contact a{
	display:block;
}
.header-color-light .header__menu a,
.header-color-light .header__contact a{
	color:var(--white);
}
.scrolled.header-color-light .header__menu a,
.scrolled.header-color-light .header__contact a{
	color:var(--primary-color);
}
.header__phone{
	font-size:18px;
	font-weight: 600;
	color:var(--primary-color);
	margin-right: 24px;
}
.header-color-light .header__phone{
	color:var(--white);
}
.header__telegram{
	width:34px;
	height:34px;
	background-image: url(img/telegram.svg);
	margin-left:8px;
}
.header__whatsapp{
	width:34px;
	height:34px;
	background-image: url(img/whatsapp.svg);
}
/*home page*/
main{
	width:1170px;
	max-width:100%;
	margin: 0 auto;
	padding: 48px 15px 60px;
}
.home main{
	padding-top:0;
}
.full-width{
    width: 100vw;
    margin-left: calc((100% - 100vw) / 2);
}
.main__cover{
	padding:200px 15px 260px;
}
.main__title{
	font-weight: 600;
	font-size:40px;
	line-height: 56px;
	margin-bottom: 34px;
}
.main__title em{
	font-family: var(--secondary-family);
}
.main__subtitle{
	font-weight: 500;
	font-size: 24px;
	line-height: 29px;
	margin-bottom: 34px;
}
form [type=submit],
.main__cover .wp-block-button__link{
	padding:17.5px 34px;
}
.wp-block-cover .wp-block-group{
	width:1170px;
	max-width: 100%;
	margin:0 auto;
}
.about{
	padding-top:134px;
	padding-bottom: 134px;
}
.wp-block-cover .about-columns{
	margin:96px auto 134px;
}
.about-columns .wp-block-columns:first-of-type{
	margin-bottom: 65px;
}
.about-columns p{
	font-size:24px;
	line-height: 140%;
	margin-bottom: 0;
}
.about-columns p:first-of-type{
	font-size:40px;
	margin-bottom: 24px;
}
strong{
	font-weight: bold;
}
.about-cards{
	gap:14px;
}
.about-cards .wp-block-column{
	border-radius: 24px;
	padding:24px;
}
.about-cards .wp-block-column figure{
	margin-bottom: 24px;
}
.about-cards .wp-block-column strong{
	font-size:18px;
	color:var(--fourth-color);
	margin-bottom: 20px;
}
.about-cards .wp-block-column p:last-of-type{
	margin-bottom: 0;
}
.servises{
	padding-top:133px;
}
.servises h2 em{
	color:var(--secondary-color);
}
.info-block{
	gap:30px;
	margin-bottom: 30px;
}
.info-block .wp-block-column{
	border-radius: 22px;
	overflow: hidden;
	max-width:calc(50% - 15px);
}
.info-block .wp-block-column img{
	border-radius: 22px;
}
.info-block .wp-block-column:last-of-type{
	padding:34px;
	background-color:#F5F6F3;
}
.info-block .num{
	position: relative;
	left:calc(100% - 68px);
	margin-bottom: 68px;
	width:68px;
	height:68px;
	border-radius: 50%;
	border:1px solid rgba(132, 148, 102, 0.5);
	text-align: center;
	line-height: 60px;
	font-size: 34px;
	font-weight: 500;
	color:var(--secondary-color);
	font-family: var(--secondary-family);
	background-color: #F5F6F3;
}
.info-block p:last-of-type{
	margin-bottom: 34px;
}
.patron{
	padding-top:134px;
}
.patron h2 em{
	color:var(--secondary-color);
}

.patron__slider{
	position: relative;
	z-index: 1;
}

.patron figure.wp-block-image {
    margin-right:10px !important;
}
.projects{
	padding-top:134px;
	padding-bottom: 74px;
}
.wp-block-atbs-tabs .tabs-titles{
	flex-wrap:wrap;
	gap:12px;
	background-color: transparent;
	justify-content: flex-start;
	flex-direction: row;
}
.wp-block-atbs-tabs .tabs-titles .tab-title{
	padding:8px 16px;
	border-radius: 50px;
	border:1px solid #849466;
	display: inline-block;
	color:var(--primary-color);
	width:auto;
	transition: .3s;
}
.wp-block-atbs-tabs .tabs-titles .tab-title:hover{
	background-color: var(--primary-color);
	border-color: var(--primary-color);;
	color:var(--white);
}
.wp-block-atbs-tabs .tabs-titles .tab-title.active{
	background-color: var(--secondary-color);
	border-color:var(--secondary-color);
	color:var(--white);
}
.wp-block-atbs-tabs .tabs-content{
	background-color: transparent;
	padding:48px 0;
}
.projects img{
	border-radius: 24px;
}
.projects .wp-block-image,
.projects .wp-block-image a{
	position: relative;
	overflow: hidden;
	border-radius: 24px;
}
.projects .wp-block-image img{
	transition:.5s;
}
.projects .wp-block-image:hover img{
	transform: scale(1.1);
}
.projects .wp-block-image figcaption{
	transition:.3s;
}
.projects .wp-block-image :where(figcaption){
	color:var(--primary-color);
	font-size: 22px;
	line-height: 140%;
	margin:24px 0 24px;
	font-weight: 500;
}
.projects .wp-block-image:has(> a){
	cursor: pointer;
}
.projects .wp-block-image:has(> a):hover figcaption{
	color:var(--secondary-color);
}
.js-show-more{
	display:none;
	margin:0 auto;
}
.js-show-more.enabled{
	display:block;
}

[type="text"],
[type="email"],
[type="tel"]{
	width:460px;
	max-width: 100%;
	height:54px;
	border-radius: 27px;
	border:1px solid var(--fourth-color);
	background-color: #fff;
	font-size:14px;
	color:var(--fourth-color);
	padding:0 25px;
	margin-bottom: 10px;
	outline: none;
}
.foot > div > .wp-block-group__inner-container{
	width:1170px;
	max-width:100%;
	margin: 0 auto;
	padding:95px 15px 0;
}
footer h2{
	color:var(--white);
	margin-bottom:24px;
}
footer p{
	margin-bottom: 0;
}
footer h2 + p{
	margin-bottom: 24px;
}
.wpcf7-form-control input[type="checkbox"] {
    position: absolute;
    opacity: 0;
    cursor: pointer;
    height: 0;
    width: 0;
}
.wpcf7-form-control label {
    position: relative;
    display: flex;
    align-items: center;
    cursor: pointer;
}
.wpcf7-form-control label::before {
    content: '';
    display: inline-block;
    width: 24px;
	min-width:24px;
    height: 24px;
    margin-right: 10px;
    border: 0;
	border-radius: 4px;
    transition: all 0.3s ease;
	background-color: #fff;
}
.wpcf7-form-control input[type="checkbox"]:checked + .wpcf7-list-item-label::after{
    content: '\2713';
    position: absolute;
    font-size: 20px;
    color: var(--primary-color);
    left: 5px;
    top: 11px;
    font-weight: bolder;
}
form [type="submit"]{
	margin-top:24px;
}
.wpcf7-not-valid-tip{
	display:none ! important;
}
input.wpcf7-not-valid{
	border:1px solid red ! important;
}
.wpcf7-response-output{
	font-size:12px;
	color:red;
	margin:10px 0 0;
}
.secondary-label{
	font-size:14px;
	text-transform: uppercase;
	margin-bottom: 30px !important;
	color:rgba(255,255,255,.6);
}
footer a[href*="tel:"]{
	font-weight: 400;
	font-size: 20px;
	display:inline-block;
	line-height: 22зч;
	margin-bottom: 34px;
}
footer .wp-block-column .wp-block-group{
	margin-bottom: 60px;
	gap:0;
}
footer a[href*="mailto:"]{
	font-size:20px;
}
.footer__secondary{
	padding-top:34px;
	margin-top:75px;
	border-top:1px solid rgba(255,255,255,.1);
}
footer .footer__whatsapp figure,
footer .footer_telegram figure{
	margin:0 16px 0 0;
}
.footer__menu a{
	margin-bottom: 15px;
	display:block;
}
.footer__secondary a:hover,
.footer__menu a:hover{
	text-decoration: underline;
	text-decoration-color: rgb(255 255 255 / 50%);;
	text-decoration-thickness: 1px;
	text-underline-offset:3px;
}
footer .copy{
	color:rgba(255,255,255,.6)
}

.servises-wrap{
	position: relative;
	height: 100vh;
	overflow: hidden;
}
.servises-wrap div[style*="fixed"] .wp-block-columns{
	width:1140px;
	max-width:100%;
}
.modal-shadow{
	position: fixed;
	width:100%;
	height:100%;
	top:0;
	left:0;
	background-color: rgba(0,0,0,.5);
    display: flex;
    justify-content: center;
    align-items: center;
    opacity: 0;
    visibility: hidden;
	z-index: -1;
    transition: opacity 0.3s ease;
}
.modal-shadow.show{
    opacity: 1;
    visibility: visible;
	z-index: 100;
}
.modal-shadow.loading::before {
    content: "";
    width: 50px;
    height: 50px;
    border: 5px solid rgba(255, 255, 255, 0.3);
    border-top-color: white;
    border-radius: 50%;
    animation: spin 1s linear infinite;
    position: absolute;
}

@keyframes spin {
    from { transform: rotate(0deg); }
    to { transform: rotate(360deg); }
}
.modal{
	position: fixed;
	min-height: 200px;
	width:1140px;
	max-width:98%;
	top:150%;
	left:50%;
	transform:translate(-50%, -50%);
	background-color: var(--white);
	z-index: -1;
	visibility: hidden;
	opacity: 0;
	border-radius: 24px;
	transition:.3s;
	padding:24px 10px 24px 24px;
}
.modal__content{
	max-height: 90vh;
	overflow-y: auto;
	padding-right:14px;
}
.modal.show.loaded {
	z-index: 101;
	visibility: visible;
	opacity: 1;
	top:50%;
}
.modal__close{
	position: absolute;
	top: 24px;
	right: 24px;
	cursor: pointer;
	width:40px;
	height:40px;
	border-radius: 50%;
	display: flex;
	justify-content: center;
	align-items: center;
	border: 1px solid rgba(132, 148, 102, 0.5);
	color:var(--fourth-color);
	font-size:34px;
	line-height: 40px;
	transition: .3s;
	z-index: 9;
}
.modal__close:hover{
	transform: rotate(90deg);
}
.category-projects h1{
	display: none;
}
.modal .wp-block-columns,
.category-projects main .wp-block-columns{
	margin-bottom: 30px;
}
.slick-dotted.slick-slider{
	margin-bottom: 0;
}
.category-projects main .slick-list ,
.modal .slick-list {
	width:100%;
}
.category-projects .slick-dots img,
.modal .slick-dots img{
	max-height: 100px !important;
}
.modal .wp-block-image ,
.category-projects figure .wp-block-image{
	height:500px;
}
.modal .wp-block-image ,
.modal .wp-block-image img,
.category-projects main .wp-block-image *{
	max-height: 500px;
}
.modal .wp-block-column:first-child .wp-block-image,
.category-projects main .wp-block-column:first-child .wp-block-image{
	background-color: #F5F6F3;
	border-radius: 24px;
}
.modal .slick-dots,
.category-projects .slick-dots{
	position: relative;
	display: flex;
	bottom:0;
}
.modal .slick-dots li,
.category-projects .slick-dots li{
	width: auto;
	height: auto;
	max-width:25%;
}
.modal .wp-block-gallery .wp-block-image,
.category-projects main .wp-block-gallery .wp-block-image {
	display:flex;
	align-items: center;
	justify-content: center;
	overflow: hidden;
}
.modal .wp-block-gallery figure img,
.category-projects main .wp-block-gallery figure img{
	position: relative;
	object-fit:  scale-down !important;
	height:auto !important;
	width:auto !important;
}
.modal .wp-block-columns{
	margin-bottom: 0;
}
.slick-prev-arrow,
.slick-next-arrow{
	width:40px;
	height:40px;
	border-radius: 50%;
	display: flex;
	justify-content: center;
	align-items: center;
	border: 1px solid rgba(132, 148, 102, 0.5);
	background-color: var(--white);
	font-size:34px;
	line-height: 40px;
	transition: .3s;
	position: absolute;
	top:50%;
	transform:translateY(-50%);
	z-index: 1;
	opacity: .8;
	cursor: pointer;
}
.slick-prev-arrow{
	left:15px;
}
.slick-next-arrow{
	right:15px;
}
.slick-prev-arrow::before,
.slick-next-arrow::before{
	content: '\276E';
	font-size:20px;
	color:gray;
}
.slick-next-arrow::before{
	content: '\276F';
}
.slick-prev-arrow:hover,
.slick-next-arrow:hover{
	opacity: 1;
}
.modal h2,
.category-projects main h2{
	margin-top:45px;
	margin-bottom: 48px;
	color:var(--primary-color);
}
.modal strong,
.category-projects main strong{
	color:var(--primary-color);
	font-weight: bolder;
	font-size:12px;
	text-transform: uppercase;
}
.modal p,
.category-projects main p{
	margin-bottom: 34px;
	color:var(--fourth-color);
	line-height: 140%;
}
.modal p:has(> strong),
.category-projects main p:has(> strong){
	margin-bottom: 0;
}
.modal .wp-block-columns,
.category-projects main .wp-block-columns{
	gap:30px;
}
.modal .wp-block-columns .wp-block-columns,
.category-projects main .wp-block-columns .wp-block-columns{
	margin-bottom: 0;
}
.modal .wp-block-column:has(> .wp-block-image),
.category-projects main .wp-block-column:has(> .wp-block-image){
	width:55%;
	max-width:55%;
}
.modal .wp-block-column:has(> h2),
.category-projects main .wp-block-column:has(> h2){
	width:45%;
	max-width:calc(45% - 30px)
}
.ex_title{
	font-family: Playfair Display;
    font-weight: 600;
    font-style: italic;
}
/*front page tabs*/
.tabview__tabs {
    display: flex;
	flex-wrap:wrap;
    gap: 10px;
    margin-bottom: 48px;
}

.tabview__tab {
    padding: 8px 16px;
    border-radius: 50px;
    border: 1px solid #849466;
    display: inline-block;
    color: var(--primary-color);
    width: auto;
    transition: .3s;
	cursor: pointer;
}
.tabview__tab:hover {
    background-color: var(--primary-color);
    border-color: var(--primary-color);
    color: var(--white);
}
.tabview__tab_active {
    background-color: var(--secondary-color);
    border-color: var(--secondary-color);
    color: var(--white);
}
.tabview__item {
    display: none;
}

.tabview__item_active {
    display: block;
}

.tabview__item a {
    display: block;
}

.js-show-more {
    padding: 10px 20px;
    background: #f0f0f0;
    border: none;
    cursor: pointer;
}
.tabview__posts{
	display: flex;
	flex-wrap:wrap;
	column-gap:30px;
	row-gap: 0;
}
.tabview__posts a{
	width:calc(50% - 15px);
}
.tabview__posts a span{
    color: var(--primary-color);
    font-size: 22px;
    line-height: 140%;
    margin: 24px 0 24px;
    font-weight: 500;
	display: block;
	transition: .3s;
}
.tabview__posts a:hover span{
    color: var(--secondary-color);
}
.tabview__posts figure{
	line-height: 0;
	position: relative;
	width:100%;
	display:block;
	padding-top:72%;
	border-radius: 24px;
	overflow: hidden;
}
.tabview__posts figure img{
	position: absolute;
	top:0;
	width: 100%;
	height: 100%;
	object-fit: cover;
	transition: transform .5s ease-in-out;
}
.tabview__posts a:hover img{
	transform: scale(1.1);
}
#politika h1{
	margin-bottom: 25px;
}
#politika h2{
	font-size:34px;
	line-height: 140%;
	margin-bottom: 35px;
}
#politika h2:not(:first-child){
    margin-top: 35px;
}
#politika .wp-block-table{
	margin-bottom: 35px;
}
.wpcf7-response-output{
	color:#fff !important;
	border-radius: 46px;
	padding-top:12px !important;
	padding-bottom: 12px !important;
	width: 460px;
    max-width: 100%;
	margin-right:0 !important;
	margin-left:0 !important;
}
#politika{
	color:#2B3A0E;
	font-size:16px;
	font-weight: 500;
	line-height: 140%;
}
@media (max-width: 1170px){
	.servises-wrap{
		height:unset;
		overflow: visible;
	}
}
@media (max-width: 960px) {
	.footer__primary .wp-block-column .wp-block-columns,
	.footer__primary .wp-block-column .wp-block-columns .wp-block-column{
		display: contents;
	}
	.footer__primary  > .wp-block-column:last-of-type{
		display:flex;
		flex-direction: column;
	}
	.footer__social{
		order:8;
	}
	.secondary-label,
	footer a[href*="tel:"]{
		margin-bottom: 15px !important;
	}
	footer .wp-block-column .wp-block-group{
		margin-bottom: 30px;
	}
	.footer__secondary{
		margin-top:30px;
		padding-top:30px;
	}
	.about {
		padding-top: 60px;
		padding-bottom: 60px;
	}
	.wp-block-cover .about-columns{
		margin: 60px 0;
	}
	.patron,
	.servises,
	.projects {
		padding-top: 60px;
		padding-bottom: 0;
	}
	.foot > div > .wp-block-group__inner-container{
		padding-top:60px;
	}
	.header__logo{
		order:1;
	}
	.header__contact{
		order:2;
	}
	.header__menu{
		order:3;
	}
	.burger {
        display: flex;
        flex-direction: column;
        gap: 4px;
        width: 30px;
        padding: 4px 2px;
        border-radius: 4px;
        position: absolute;
        right: 15px;
        margin-top: -12px;
        z-index: 100;
        border: 1px solid transparent;
    }
	.burger span{
		width:100%;
		height:3px;
		background-color: var(--secondary-color);
		position: relative;
	}
	.header-color-light .burger span{
		background-color: var(--white);
	}
	.scrolled.header-color-light .burger span{
		background-color: var(--secondary-color);
	}
	.header__menu ul{
		width:320px;
		max-width: 100%;
		position: absolute;
		top:100%;
		padding:16px;
		right:0;
		background-color: rgba(255,255,255,.8);
		flex-direction: column;
		gap:0;
        align-items: flex-start;
		visibility: hidden;
		z-index: -1;
		opacity: 0;
		transition: .3s;
		box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
	}
	.header__menu ul{
		display: block;
	}
	.header-color-light .header__menu a,
	.header__menu ul a{
		color: var(--primary-color);
		padding: 9px 15px;
		background-color: #fff;
		display: block;
	}
	.burger span{
		transition: .3s;
	}
	.burger.active span:nth-child(2){
		opacity: 0;
	}
	.burger.active span:nth-child(1){
		transform: rotate(45deg);
		bottom:-7px;
	}
	.burger.active span:nth-child(3){
		transform: rotate(-45deg);
		top:-7px;
	}
	.header__menu ul.active{
		visibility: visible;
		opacity: 1;
		z-index: 100;
	}
	.about-columns .wp-block-columns{
		display:contents;
	}
	.about-columns > div{
		display:flex;
		gap:16px;
		flex-wrap:wrap;
	}
	.about-columns .wp-block-columns:first-of-type{
		margin-bottom: 16px;;
	}
	.about-columns .wp-block-column{
		max-width:calc(50% - 8px);
		width:calc(50% - 8px);
		flex-basis: auto !important;
	}
	.modal{
		max-height:600px;
		overflow-y: scroll;
	}
	.wp-block-atbs-tabs .tabs-nav{
		overflow: scroll;
        padding-bottom: 10px;
	}
	.wp-block-atbs-tabs .tabs-titles{
		flex-wrap: nowrap;
	}
	.wp-block-atbs-tabs .tabs-titles .tab-title span{
		white-space: nowrap;
	}
	.wp-block-atbs-tabs .tabs-content{
		padding:20px 0;
	}
}
@media (max-width:782px){
	.admin-bar header.header-color-light{
		top:48px;
	}
	.single-tab .wp-block-columns{
		gap:0;
	}
	.modal{
		border-radius: 12px;
	}
	.modal__close{
		top:8px;
		right:8px;
	}
}
@media (max-width:778px){
	.modal .wp-block-column:has(> h2), 
	.category-projects main .wp-block-column:has(> h2){
		width:100%;
		max-width:100%;
	}
	.modal h2, .category-projects main h2{
		margin-top:20px;
		margin-bottom: 10px;
	}
	.modal .wp-block-columns, 
	.category-projects main .wp-block-columns{
		gap:0;
	}
	.modal .wp-block-button__link, 
	.category-projects main .wp-block-button__link{
		margin-top:30px;
	}
	.modal p, .category-projects main p{
		margin-bottom: 5px;
	}
	.modal .slick-dots,
	.category-projects main .slick-dots{
		justify-content: center;
		color:var(--secondary-color);
	}
	.modal .slick-dots .slick-active, .category-projects main .slick-dots .slick-active{
		color:#2d3c00;
	}
}
@media (max-width:600px){
	.header__contact .header__whatsapp,
	.header__contact .header__telegram{
		display:none;
	}
	.header__logo{
		min-width:unset;
		width:48px;
		height:48px;
		overflow: hidden;
	}
	.header__logo img{
		min-width:216px;
	}
	.header__phone{
		white-space: nowrap;
		font-size:14px;
		display:inline-block;
		margin:3px 38px 0 8px;
	}
	h1, h2{
		font-size:30px;
		margin-bottom: 30px;
	}
	h1{
		margin-top:30px;
	}
	h3{
		font-size:24px;
		margin-bottom: 20px;
	}
	.main__cover{
		padding: 120px 15px 60px;
	}
	.main__title{
		font-size:30px;
		line-height: 32px;
	}
	[type=submit], .wp-block-button__link, button{
		padding:8px 24px;
	}
	.about-columns p{
		font-size:18px;
	}
	.about-columns p:first-of-type {
		font-size: 30px;
		margin-bottom: 15px;
	}
	.about-columns .wp-block-column{
		max-width: 100%;
	}
	.info-block{
		width:100vw;
		transform: translateX(-50%);
		position: relative;
		left:50%;
		gap:0;
		margin-bottom: 0;
	}
	
	.info-block .wp-block-column,
	.info-block .wp-block-column img{
		border-radius: 0;
	}
	.info-block .num {
		position: relative;
		left: calc(100% - 20px);
		margin-bottom: 20px;
		width: 40px;
		height: 40px;
		line-height: 33px;
		font-size: 24px;
	}
	.projects .wp-block-image :where(figcaption){
		font-size:18px;
		margin: 10px 0 12px;
	}
	.projects img{
		border-radius: 10px;
	}
	.servises-wrap .wp-block-columns{
		flex-direction: column;
	}
	.servises-wrap .wp-block-column{
		max-width: 100%;
		width:100%;
	}
	.servises-wrap .wp-block-column img{
		display: block;
		margin: 0 auto;
	}
}
@media (max-width:468px){
	.tabview__posts a{
		width:100%;
	}
	.modal .wp-block-image, .category-projects figure .wp-block-image{
		height:300px;
	}
}
@media (max-width:320px){
	.header__menu ul{
		padding:0;
	}
}