/* ===== Reset / Base ===== */
*{box-sizing:border-box}
html,body{margin:0;padding:0}
body{font:16px/1.5 system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,'Helvetica Neue',Arial; color:#111; background:#fafafa}
img{max-width:100%; height:auto; display:block}
a{color:#1d7311; text-decoration:none}
a:hover{opacity:.9}
.container{width:min(1160px, 100% - 32px); margin-inline:auto}

/* ===== UI ===== */
.btn{display:inline-flex; align-items:center; justify-content:center; gap:.5rem; padding:.9rem 1.2rem; border-radius:999px; border:1px solid #1c7211; transition:transform .2s ease, box-shadow .2s ease, background .2s ease}
.btn--primary{background:#1c7211; color:#fff}
.btn--ghost{background:transparent; color:#1c7211}
.btn:hover{transform:translateY(-1px); box-shadow:0 8px 18px rgba(0,170,0,.25)}
.link-more{display:inline-flex; align-items:center; gap:.4rem; font-weight:600}
.section-title{font-size:clamp(22px,2.6vw,36px); margin:0 0 16px}

/* ===== Header ===== */
.header{position:sticky; top:0; z-index:40; backdrop-filter:saturate(180%) blur(6px); background:rgba(255,255,255,.7); border-bottom:1px solid #eee}
.header__container{display:flex; align-items:center; justify-content:space-between; padding:.75rem 0}
.header__logo-link{font-weight:800; font-size:22px; letter-spacing:.5px; color:#111}
.header__logo-link span{color:#1c7211}
.header__burger{display:none; width:42px;height:42px; border:1px solid #ddd; background:#fff; border-radius:12px; position:relative}
.header__burger span{position:absolute; left:10px; right:10px; height:2px; background:#111; transition:.2s}
.header__burger span:nth-child(1){top:12px}
.header__burger span:nth-child(2){top:20px}
.header__burger span:nth-child(3){top:28px}
.header__nav{display:flex; align-items:center; gap:14px}
.header__menu{display:flex; list-style:none; gap:14px; margin:0; padding:0;flex-direction: row;align-items: center;}
.header__cta{margin-left:8px}

/* ===== Hero ===== */
.hero{position:relative; padding:48px 0 12px; background:
	radial-gradient(1200px 600px at 100% -200px, rgba(0,170,0,.08), transparent 60%),
	radial-gradient(1200px 600px at -200px 100%, rgba(0,170,0,.06), transparent 60%);}
.hero__container{display:grid; grid-template-columns:1.2fr .8fr; gap:24px; align-items:center}
.hero__title{font-size:clamp(28px,4vw,48px); margin:0 0 10px}
.hero__title-accent{color:#1c7211}
.hero__bullets{list-style:none; padding:0; margin:0 0 18px; display:grid; gap:6px}
.hero__bullet{display:flex; align-items:center; gap:8px}
.hero__actions{display:flex; gap:10px; flex-wrap:wrap}
.hero__banner{position:relative; border-radius:24px; overflow:hidden; background:#fff}


.slider__control{position:absolute; top:50%; translate:0 -50%; width:42px; height:42px; border-radius:50%; border:0; background:#fff}
.slider__control--prev{left:10px}
.slider__control--next{right:10px}
.slider__dots{position:absolute; left:0; right:0; bottom:10px; display:flex; gap:8px; justify-content:center}
.slider__dots button{width:8px;height:8px;border-radius:50%; border:0; background:#fff; opacity:.5}
.slider__dots button.is-active{opacity:1}

/* ===== Benefits ===== */
.benefits{padding:40px 0 10px}
.benefits__list{display:grid; grid-template-columns:repeat(4,1fr); gap:12px; list-style:none; margin:0; padding:0}
.benefits__item{background:#fff; border:1px solid #eee; border-radius:18px; padding:14px 16px; display:flex; align-items:center; gap:10px; transition:transform .2s ease, box-shadow .2s ease}
.benefits__item:hover{transform:translateY(-2px); box-shadow:0 12px 24px rgba(0,0,0,.06)}

/* ===== Projects ===== */
.projects{padding:40px 0}
.section-head{display:flex; align-items:flex-end; justify-content:space-between; gap:12px; margin-bottom:12px}
.projects__slider{position:relative; display:grid; grid-auto-flow:column; grid-auto-columns:min(280px, 100%); gap:12px; overflow:auto; scroll-snap-type:x mandatory; padding:2px}
.project-card{scroll-snap-align:start; background:#fff; border:1px solid #eee; border-radius:18px; overflow:hidden}
.project-card__media{position:relative}
.project-card__tag{display: none;position:absolute; left:10px; top:10px; background:#1c7211; color:#fff; padding:.2rem .5rem; border-radius:999px; font-size:12px}
.project-card__body{padding:12px}
.project-card__btn{display: none;}

.projects .link-more,.projects .slider__control{display: none;}

/* ===== Pricing & Calc ===== */
.pricing{padding:24px 0 40px}
.pricing__grid{display:grid; grid-template-columns:1.1fr .9fr; gap:18px}
.table{width:100%; border-collapse:collapse; background:#fff; border-radius:18px; overflow:hidden; border:1px solid #eee}
.table th,.table td{padding:12px; text-align:left; border-bottom:1px solid #f1f1f1}
.calc{background:#fff; border:1px solid #eee; border-radius:18px; padding:16px}
.calc__mode{display:flex; gap:8px; margin-bottom:10px}
.calc__mode-btn{flex:1; padding:.6rem; border-radius:12px; border:1px solid #e2e2e2; background:#f7f7f7}
.calc__mode-btn.is-active{background:#eaffea; border-color:#b8e6b8}
.field{display:flex; flex-direction:column; gap:6px; margin-bottom:10px}
.field--full{grid-column:1/-1}
.field__label{font-size:14px; color:#666}
.field__input{padding:.7rem .9rem; border-radius:12px; border:1px solid #ddd; background:#fff}
.checkbox{display:flex; align-items:center; gap:8px; margin:12px 0}
.checkbox__label{font-size:14px; color:#333}
.calc__result{margin-top:12px; display:grid; gap:8px}
.calc__sum{display:flex; align-items:baseline; gap:8px; font-size:20px; font-weight:800}

/* ===== Process ===== */
.process{padding:28px 0}
.process__list{display:grid; grid-template-columns:repeat(5,1fr); gap:12px; counter-reset:step;padding:0;list-style:none;}
.process__item{background:#fff; border:1px solid #eee; border-radius:18px; padding:16px; min-height:110px;}
.process__num{display:inline-block; font-weight:800; color:#1c7211; margin-right:6px;font-size: 22px;}

/* ===== Geo ===== */
.geo{padding:28px 0}
.geo__grid{display:grid; grid-template-columns:repeat(3,1fr); gap:12px}
.geo-card{background:#fff; border:1px solid #eee; border-radius:18px; padding:12px; transition:transform .2s ease, box-shadow .2s ease}
.geo-card:hover{transform:translateY(-2px); box-shadow:0 10px 18px rgba(0,0,0,.06)}
.geo-card__title{margin:10px 0 6px}

/* ===== Blog ===== */
.blog{padding:28px 0}
.blog__grid{display:grid; grid-template-columns:repeat(3,1fr); gap:12px}
.post-card{background:#fff; border:1px solid #eee; border-radius:18px; overflow:hidden}
.post-card__body{padding:12px}
.post-card__title{margin:0 0 6px}

/* ===== CTA ===== */
.cta{padding:34px 0}
.cta__container{background:#111; color:#fff; border-radius:24px; padding:28px; display:grid; gap:8px; text-align:center}

/* ===== Contact ===== */
.contact{padding:28px 0 46px}
.form{display:grid; grid-template-columns:repeat(2,1fr); gap:12px}
.form .btn{justify-self:flex-start}

/* ===== Footer ===== */
.footer{padding:24px 0 32px; background:#fff; border-top:1px solid #eee}
.footer__container{display:grid; grid-template-columns:0.7fr 2fr 0.9fr; gap:12px;align-items: center;}
.footer__menu{display:flex; flex-wrap:wrap; gap:10px; list-style:none; margin:0; padding:0;justify-content: center;}

.post-card__thumb img{width: 100%;}




/* ===== Portfolio Page ===== */
.portfolio{padding:28px 0 40px}
.portfolio__filters{display:flex; gap:12px; flex-wrap:wrap; margin:8px 0 16px}
.portfolio__count{opacity:.7; font-weight:600}
.portfolio__grid{display:grid; grid-template-columns:repeat(4,1fr); gap:12px}
.portfolio__pagination{display:flex; justify-content:center; margin-top:16px}
.portfolio__pagination .page-numbers{display:inline-flex; align-items:center; justify-content:center; width:40px; height:40px; border:1px solid #eee; border-radius:10px; margin:0 4px}
.portfolio__pagination .current{background:#eaffea; border-color:#b8e6b8}

/* Single work */
.work-single{padding:28px 0 40px}
.work__meta{display:flex; gap:10px; flex-wrap:wrap; padding:0; margin:8px 0 16px; list-style:none}
.work__gallery{margin:12px 0 16px}
.work__content p{margin:0 0 .8rem}







.work-gallery{
	display:grid;
	grid-auto-flow:column;
	grid-auto-columns:minmax(260px, 1fr);
	gap:10px;
	overflow:auto;
	scroll-snap-type:x mandatory;
	padding:2px;
}
.work-gallery__item{
	scroll-snap-align:start;
	border-radius:16px;
	overflow:hidden;
	border:1px solid #eee;
	background:#fff;
}
.work-gallery__item img{ display:block; width:100%; height:auto; }


/* ===== Before/After ===== */
.before-after{padding:16px 0 10px}
.before-after__wrap{
	position:relative; border-radius:18px; overflow:hidden; background:#000;
	aspect-ratio: 16 / 9; /* можно поменять под твои фото */
	border:1px solid #eee;
}
.before-after__img{position:absolute; inset:0; width:100%; height:100%; object-fit:cover}
.before-after__img--after{
	/* верхнее изображение обрезаем по переменной --ba (процентов справа налево) */
	-webkit-clip-path: polygon(0 0, var(--ba,50%) 0, var(--ba,50%) 100%, 0 100%);
	clip-path: polygon(0 0, var(--ba,50%) 0, var(--ba,50%) 100%, 0 100%);
	transition: clip-path .08s linear;
}
.before-after__divider{
	position:absolute; top:0; bottom:0; left:calc(var(--ba,50%)); width:2px; margin-left:-1px;
	background:rgba(255,255,255,.8); box-shadow:0 0 0 1px rgba(0,0,0,.3) inset; pointer-events:none;
}
.before-after__handle{
	position:absolute; left:50%; top:50%; transform:translate(-50%,-50%);
	width:42px; height:42px; border-radius:50%; background:#fff; box-shadow:0 6px 18px rgba(0,0,0,.25);
	border:1px solid #e5e5e5;
}
.before-after__range{
	position:absolute; inset:0; width:100%; height:100%; opacity:0; cursor:ew-resize;
}
.before-after__labels{
	position:absolute; left:0; right:0; top:12px; display:flex; justify-content:space-between; padding:0 12px; pointer-events:none;
	font-weight:700; text-transform:uppercase; letter-spacing:.5px; mix-blend-mode:overlay; color:#fff;
}
.before-after__label{background:rgba(0,0,0,.25); padding:.25rem .5rem; border-radius:8px}
.before-after__controls{display:flex; flex-wrap:wrap; gap:8px; margin-top:10px; align-items:center}

/* Toggle */
.toggle{
	position:relative; width:72px; height:36px; border-radius:999px; background:#eee; border:1px solid #ddd;
	display:inline-flex; align-items:center; padding:4px; gap:8px;
}
.toggle[aria-pressed="true"]{background:#eaffea; border-color:#b8e6b8}
.toggle__knob{
	width:28px; height:28px; border-radius:50%; background:#fff; box-shadow:0 2px 8px rgba(0,0,0,.15); transition:transform .2s;
}
.toggle[aria-pressed="true"] .toggle__knob{ transform:translateX(36px); }
.toggle__text{font-size:14px; margin-left:6px}

/* ===== SEO text ===== */
.seo{padding:28px 0}
.seo__text{margin:auto}
.seo__more{display:none; margin-top:12px}
.seo__text.is-open .seo__more{display:block}
.seo__toggle{margin-top:12px}



/* ===== Advantages 2-column layout ===== */
.adv{padding:40px 0}
.adv__container{
	display:grid;
	grid-template-columns: 1fr 2fr; /* слева заголовок, справа сетка */
	gap:24px;
	align-items:start;
}
.adv__lead{max-width:420px}
.adv__lead-text{color:#555; margin-top:12px}

.adv__grid{
	display:grid;
	grid-template-columns:1fr 1fr;
	gap:16px;
}

/* карточки */
.adv-item{
	background:#fff;
	border:1px solid #eee;
	border-radius:18px;
	padding:16px;
	box-shadow:0 4px 12px rgba(0,0,0,.04);
	transition:all .25s ease;
}
.adv-item__icon{width:36px;height:36px;display:grid;place-items:center;margin-bottom:10px}
.adv-item__title{margin:0 0 6px;font-size:18px}
.adv-item__text{margin:0;color:#555}

/* hover */
.adv-item:hover{
	background:#1c7211;
	border-color:#0a0;
	box-shadow:0 12px 28px rgba(0,160,0,.25);
	transform:translateY(-2px);
}
.adv-item:hover .adv-item__title,
.adv-item:hover .adv-item__text{color:#fff}
.adv-item:hover .adv-item__icon svg path{stroke:#fff}





/* ===== Included (Что входит) ===== */
.included{padding:40px 0}
.included__container{
	position:relative;
	display:grid;
	grid-template-columns: 1fr 1fr;
	gap:0;
	align-items:stretch;
	border-radius:24px;

	background:#fff;
	border:1px solid #eee;
}

/* Бейдж */
.included__badge{
	position:absolute;
	left:50%;
	top: -80px;
	transform:translateX(-50%);
	z-index:2;
	width:124px; height:124px;
	border-radius:50%;
	background:#f28c2f;             /* апельсиновый как на рефе */
	box-shadow:0 14px 34px rgba(0,0,0,.15);
	display:grid; place-items:center;
	color:#fff; text-align:center; line-height:1.1;
	border:4px solid rgba(255,255,255,.85);
}
.included__badge::after{
	content:""; position:absolute; inset:-8px;
	border-radius:50%;
	border:2px dashed rgba(255,255,255,.85);
}
.included__badge-text{font-weight:700; font-size:14px; text-transform:lowercase}
.included__badge-text strong{font-size:32px; display:block}

/* Левая колонка */
.included__media img{display:block; width:100%; height:100%; object-fit:cover;    border-radius: 10px 10px 0px 10px;}

/* Правая колонка */
.included__content{
	padding:28px;
	background: #a7d65a;            /* мягкий зелёный фон панели */
	background: linear-gradient(180deg, #bbbbbb 0%, #1c7211 100%);
	color:#fff;
	display:grid; align-content:start; gap:12px;
	border-radius: 0px 10px 10px 0px;
}
.included__list{
	list-style:none; margin:0; padding:0; display:grid; gap:10px;
}
.included__item{
	position:relative; padding-left:34px; color:#fff;
}
.included__item::before{
	content:""; position:absolute; left:0; top:.25rem;
	width:22px; height:22px; border-radius:6px;
	background:#fff; border:1px solid rgba(0,0,0,.07);
	box-shadow:0 3px 8px rgba(0,0,0,.08) inset;
}
.included__item::after{
	/* зелёная галочка */
	content:""; position:absolute; left:6px; top:8px; width:10px; height:6px;
	border-left:3px solid #0a0; border-bottom:3px solid #0a0; transform:rotate(-45deg);
}
.included__cta{
	align-self:start; margin-top:8px;
	background:#fff; color:#1c7211; border-color:#fff;
	font-weight:700; padding:.9rem 1.4rem;
}
.included__cta:hover{background:#eaffea}

.footer__brand img{
	width: 200px;
}

.footer__copy{
	text-align: center;
}

.benefits__icon{color: #52bb1f;font-size: 28px;}







/* ===== Language switcher (Polylang mini) ===== */
.langsw { display:none; }
.langsw__list { display:flex; gap:6px; list-style:none; margin:0; padding:0; }

.langsw.pills .langsw__link{
	display:inline-flex; align-items:center; gap:6px;
	padding:6px 10px; border-radius:999px; border:1px solid #e5e5e5;
	background:#fff; text-decoration:none; line-height:1;
	box-shadow:0 2px 8px rgba(0,0,0,.04);
}
.langsw.inline .langsw__list { gap:10px; }
.langsw.inline .langsw__item:not(:last-child)::after{ content:"/"; margin-left:10px; color:#999; font-weight:400; }
.langsw.inline .langsw__link{ padding:0; text-decoration:none; color:inherit; }

.langsw__flag{ width:16px; height:12px; object-fit:cover; border-radius:2px }

.header__logo-link img{width:170px !important;}


.header__menu .sub-menu,.footer__menu .sub-menu{list-style:none;padding: 0;}

.footer__phone{font-weight: 500;font-size: 18px;}


.header__menu .menu-item{display: flex;gap: 14px; font-weight:500;}

.footer__bottom{display: flex;justify-content: space-between;gap: 50px;}










/* ===== Dropdown под твою структуру (nav.header_nav) ===== */
.header__nav {
	--hn-bg:#fff;
	--hn-text:#0f2c0f;
	--hn-accent:#1e7a1e;
	--hn-ring:rgba(30,122,30,.22);
	--hn-shadow:0 20px 40px rgba(0,0,0,.12),0 6px 16px rgba(0,0,0,.08);
	--hn-radius:14px;
	--hn-gap:18px;
	--hn-speed:.18s;
}

.header__nav > .menu.header__menu{
	display:flex;
	gap:var(--hn-gap);
	align-items:center;
}

.header__nav > .menu.header__menu > li > a{
	position:relative;
	display:inline-flex;
	align-items:center;
	gap:8px;
	padding:10px 14px;
	color:var(--hn-text);
	font-weight:700;
	border-radius:12px;
	transition:background-color var(--hn-speed),color var(--hn-speed),transform var(--hn-speed);
	font-size: 18px;
}
.header__nav > .menu.header__menu > li > a:hover{
	background:rgba(30,122,30,.06);
}

/* подчёркивание у родителя */
.header__nav > .menu.header__menu > li.menu-item-has-children > a::after{
	content:"";
	position:absolute; left:14px; right:14px; bottom:6px;
	height:2px; border-radius:2px;
	background:transparent;
	transform:scaleX(0);
	transform-origin:0 50%;
	transition:transform var(--hn-speed), background-color var(--hn-speed);
}
.header__nav > .menu.header__menu > li.menu-item-has-children:hover > a::after,
.header__nav > .menu.header__menu > li.menu-item-has-children:focus-within > a::after{
	background:var(--hn-accent);
	transform:scaleX(1);
}

/* позиционирование родителя */
.header__nav .menu-item-has-children{ position:relative; }

/* подменю */
.header__nav .sub-menu{
	list-style:none; margin:0; padding:8px;
	min-width:240px;
	background:var(--hn-bg);
	border-radius:var(--hn-radius);
	box-shadow:var(--hn-shadow);
	position:absolute; top:calc(100% + 12px); left:0; z-index:50;

	opacity:0; visibility:hidden;
	transform:translateY(8px) scale(.98);
	transition:opacity var(--hn-speed), transform var(--hn-speed), visibility var(--hn-speed) step-end;
}

/* показать */
.header__nav li.menu-item-has-children:hover > .sub-menu,
.header__nav li.menu-item-has-children:focus-within > .sub-menu,
.header__nav li.menu-item-has-children[aria-expanded="true"] > .sub-menu{
	opacity:1; visibility:visible;
	transform:translateY(0) scale(1);
	transition:opacity var(--hn-speed), transform var(--hn-speed), visibility 0s;
}

/* стрелочка у подменю */
.header__nav li.menu-item-has-children > .sub-menu::before{
	content:""; position:absolute; top:-8px; left:24px;
	width:14px; height:14px; background:var(--hn-bg);
	transform:rotate(45deg);
	box-shadow:-2px -2px 8px rgba(0,0,0,.04);
}

/* ссылки в подменю */
.header__nav .sub-menu > li > a{
	display:flex; align-items:center; gap:10px;
	padding:10px 12px;
	border-radius:10px;
	color:var(--hn-text);
	white-space:nowrap;
	transition:background-color var(--hn-speed), transform var(--hn-speed);
}
.header__nav .sub-menu > li > a:hover,
.header__nav .sub-menu > li > a:focus-visible{
	background:rgba(30,122,30,.08);
	outline:none;
}

/* вложенные уровни вправо */
.header__nav .sub-menu .menu-item-has-children{ position:relative; }
.header__nav .sub-menu .menu-item-has-children > .sub-menu{
	top:0; left:calc(100% + 10px);
}

/* мобильные мелочи */
@media (max-width:980px){
	.header__nav > .menu.header__menu{ gap:12px; }
}

/* аккуратный focus ring */
.header__nav a:focus-visible{
	box-shadow:0 0 0 3px var(--hn-ring);
	border-radius:12px; outline:none;
}

.footer__adress{font-size: 16px;color: #1d7311;}

.desc-hidden{display:none;}



.main-hero__banner{background: transparent;}



/*.geo__grid .geo-card:first-child{display: none;}*/








@media (max-width: 1200px){
	.portfolio__grid{grid-template-columns:repeat(3,1fr)}
}
@media (max-width: 992px){
	.portfolio__grid{grid-template-columns:repeat(2,1fr)}
	.adv__container{grid-template-columns:1fr}
	.adv__grid{grid-template-columns:1fr 1fr}
	.included__container{grid-template-columns:1fr}
	.included__badge{left:auto; right:16px; transform:none; top:-22px}
	.included__content{border-top:1px solid rgba(255,255,255,.6)}
}
@media (max-width: 600px){
	.portfolio__grid{grid-template-columns:1fr}
}

@media (max-width: 992px){
	.hero__container{grid-template-columns:1fr}
	.benefits__list{grid-template-columns:repeat(2,1fr)}
	.process__list{grid-template-columns:repeat(3,1fr)}
	.pricing__grid{grid-template-columns:1fr}
	.geo__grid{grid-template-columns:repeat(2,1fr)}
	.blog__grid{grid-template-columns:repeat(2,1fr)}
}
@media (max-width: 600px){
	.header__burger{display:inline-block;}
	.header__nav{position:fixed; inset:64px 12px auto 12px; background:#fff; border:1px solid #eee; padding:12px; flex-direction:column; align-items:stretch; gap:10px; transform:translateY(-10px); opacity:0; pointer-events:none; transition:.2s}
	.header__nav.is-open{transform:none; opacity:1; pointer-events:auto; top: 80px;left: 0;width: 100%;height: 100vh;display: flex;align-items: center;justify-content: center;}
	.benefits__list{grid-template-columns:1fr}
	.process__list{grid-template-columns:1fr}
	.geo__grid{grid-template-columns:1fr}
	.blog__grid{grid-template-columns:1fr}
	.form{grid-template-columns:1fr}
	.before-after__wrap{ aspect-ratio: 4 / 3; }
	.adv__grid{grid-template-columns:1fr}
	.header__cta{display: none;}

	.header__nav.is-open .btn{max-width:300px; margin: 0 auto 150px;border: none;font-weight: 500;font-size: 20px;}

	.langsw { display:inline-block; font-weight:600; }
	.langsw.pills .langsw__link{ padding:4px 8px; font-size:13px; }
	.header__menu{flex-direction: column;border-bottom: 1px solid #b3b3b3;padding-bottom: 10px; margin-bottom:10px;}
	.header__menu .menu-item{display: flex;flex-direction: column;align-items: center;text-transform: uppercase;font-size: 18px;line-height: 1.7;gap: 14px;}

	.footer__bottom{ gap: 0px; flex-direction: column;}
	
	
	.desc-hidden{display: flex;flex-direction: column;align-items: center;text-align: center;}
}

/* ===== Responsive table scroll ===== */
@media (max-width: 550px){
	.pricing__table{
		display:block;
		width:100%;
		overflow-x:auto;
		-webkit-overflow-scrolling: touch; /* плавный свайп на iOS */
		border-collapse: separate; /* чтобы бордеры не склеивались при block */
	}
	.pricing__table thead,
	.pricing__table tbody,
	.pricing__table tr{
		display:table;
		width:100%;
		table-layout: fixed;
	}
	.pricing__table table{width:100%}
	.pricing__table th,
	.pricing__table td{
		padding: 6px;
	}

	.pricing__table th{font-size:13px;}

	.included__badge{width:104px;height:104px}
	.included__badge-text strong{font-size:28px}
	.included__content{padding:20px}


	.footer__menu{margin: 0 auto;padding: 0px 0 10px;flex-direction: column;border-bottom: 1px solid #0000005c;width: 80%;}

	.footer__col{width:100%;}
	.footer__container{
		display: flex;
		flex-direction: column;
		align-items: center;
		text-align: center;
	}

	.footer__contacts{
		display: flex;
		flex-direction: column;
		gap: 10px;
	}

	.footer__brand img{margin: 0 auto;}


	.header__nav .sub-menu{background: transparent; border-radius: 0; box-shadow: none; position: relative;top: -20px;opacity: 1;visibility: visible;}

}





.wrap {
  position: relative;
  overflow-x: auto;
  width: 100%;
  max-width: 100%;
}

.table21 {
  width: 100%;
  max-width: 100%;
  border-collapse: collapse;
}
.table21 th {color: #ffffff;background: #404040;padding: 1rem;border: 1px solid #eee;}
.table21 th:nth-child(odd) {background: #5D9C04;padding: 1rem;border: 1px solid #eee;}

.table21 td {
  padding: 1rem;
  border: 1px solid #eee;
}
.blockquote-8 {
    position: relative;
    padding: 16px 24px;
    margin: 16px 46px;   
    font-size: 16px;
    text-align: center;
}
.blockquote-8:before,
.blockquote-8:after {
    position: absolute;
    color: #b5e6ae;
    font-size: 100px;
    font-family: Times, sans-serif;   
    line-height: 100px;   
}
.blockquote-8:before {
    content: '“';
    left: -30px;
    top: -10px;
}
.blockquote-8:after {
    content: '”';
    right: -30px;
    bottom: -10px;
}
.blockquote-8 cite {
    color: #337AB7;
    font-size: 15px;
    padding-top: 10px;
    display: block;
}