:root {
	--nefrit: #111827;
	--dark-blue: #0e1b4c;
	--blue: #021f90;
	--blue-rgba: rgba(2, 31, 144, 0.95);
	--dodgerblue: #0081e5;
	--light-blue: #8AD7FF;
	--dodgerblue-rgba: rgba(0, 129, 229, 1);
	--red: #ff0000;
	--white: #fff;
	--box-shadow: 0 .5rem 1rem rgba(0, 0, 0, .4);
	--custom-border: 0.5rem solid var(--blue);
	--text-gray: #6b7280;
}

.main-blok__png .img-dark {
	display: none;
}

html.theme-dark .main-blok__png .img {
	display: none;
}

html.theme-dark .main-blok__png .img-dark {
	display: block;
}

.header .header-contacts a[data-lang] {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	padding: 3px 6px;
	border-radius: 6px;
	line-height: 1.2;
}

.header .header-contacts a[data-lang]:hover {
	background: rgba(0, 129, 229, 0.12);
}

html[lang^="ru"] #lang-ru,
html[lang^="en"] #lang-en,
html[lang="uz-Latn"] #lang-uz,
html[lang="uz-Cyrl"] #lang-uzcyrl {
	background: var(--dodgerblue);
	color: var(--white);
}

html[lang^="ru"] #lang-ru:hover,
html[lang^="en"] #lang-en:hover,
html[lang="uz-Latn"] #lang-uz:hover,
html[lang="uz-Cyrl"] #lang-uzcyrl:hover {
	background: var(--dodgerblue);
	color: var(--white);
}

.logo .logo-dark {
	display: none;
}

html.theme-dark .logo img {
	display: none;
}

html.theme-dark .logo .logo-dark {
	display: block;
}

.header .social-contacts .theme-toggle {
	width: 2.5rem;
	height: 2rem;
	display: flex;
	align-items: center;
	justify-content: center;

	background: transparent;
	border: 0;
	padding: 0;
	cursor: pointer;

	color: var(--white);
	font-size: 1.6rem;
}

.header .social-contacts .theme-toggle:hover {
	color: var(--white);
	opacity: .9;
}

@media (max-width: 410px) {
	.header .social-contacts .theme-toggle {
		width: 1.3rem;
		height: 1.5rem;
		font-size: 1.5rem;
	}
}

@media (max-width: 370px) {
	.header .social-contacts .theme-toggle {
		width: 1.1rem;
		height: 1.1rem;
	}
}

html.theme-dark .header-1 {
	background-color: var(--nefrit);
	border-bottom: .2rem solid var(--red);
}

@media (max-width: 479px){
	html.theme-dark .header-1 {
		border-bottom: .1rem solid var(--red);
	}
}

html.theme-dark .header .header-contacts li {
	color: var(--white);
}

html.theme-dark .mail-eng {
	color: var(--white);
}

html.theme-dark .header .header-contacts li i {
	color: var(--red);
}

html.theme-dark .header .header-2 {
	background-color: var(--nefrit);
	box-shadow: var(--box-shadow);
}

html.theme-dark .main-menu {
	color: var(--white);
}

html.theme-dark .main-menu:hover {
	color: var(--red);
}

html.theme-dark .icon-container .icon {
	color: var(--white);
}

html.theme-dark .icon-container .icon:hover {
	color: var(--dodgerblue);
}

html.theme-dark .header .social-contacts {
	background: var(--blue);
}
/*===============================================*/
@media (max-width: 992px) {

	html.theme-dark .mobile-menu{
		/* темнее и “дороже”, чем просто var(--blue) */
		background: rgba(17, 24, 39, 0.98); /* близко к --nefrit */
		border-bottom: .5rem solid var(--red);
		box-shadow: 0 14px 38px rgba(0,0,0,.55);
	}

	html.theme-dark .mobile-navbar .main-nav-link,
	html.theme-dark .mobile-navbar .sub-nav-link a{
		color: var(--white);
		border-bottom: .1rem solid rgba(255, 255, 255, .10);
	}

	html.theme-dark .mobile-navbar .main-nav-link a{
		color: var(--white);
	}

	/* hover — аккуратный акцент */
	html.theme-dark .mobile-navbar .main-nav-link:hover,
	html.theme-dark .mobile-navbar .sub-nav-link a:hover{
		background: rgba(0, 129, 229, 0.12);
		color: var(--white);
	}

	html.theme-dark .mobile-navbar .main-nav-link i{
		color: var(--white);
		opacity: .95;
	}

	html.theme-dark .mobile-menu::-webkit-scrollbar-thumb{
		background-color: var(--dodgerblue);
	}

	html.theme-dark .mobile-menu::-webkit-scrollbar-track{
		background: rgba(255,255,255,.04);
	}
}

/*===================================================*/

html.theme-dark body {
	background-image: url(/img/background/Background_4.jpg);
	background-size: 500px 2600px;
	background-repeat: repeat;
	background-position: top left;
}

html.theme-dark ._subtitle a {
	color: var(--light-blue);
	text-decoration: underline;
	text-underline-offset: 2px;
}

html.theme-dark ._subtitle a:hover {
	color: var(--white);
}

html.theme-dark .header-block__title {
	color: var(--white);
}

html.theme-dark .header-block__sub-title {
	color: var(--text-gray);
}

html.theme-dark .item-practice {
	background: var(--dark-blue);
	border: 1px solid rgba(0, 129, 229, 0.35);
	box-shadow: 0 10px 30px rgba(0, 0, 0, 0.45);
	color: var(--white);
}

html.theme-dark .item-practice__title {
	color: #D6D6D6;
}

html.theme-dark .item-practice__text {
	color: var(--white);
	opacity: 0.85;
}

html.theme-dark .item-practice__link {
	color: var(--dodgerblue);
}

html.theme-dark .item-practice__link:hover {
	color: var(--white);
}

html.theme-dark .item-practice:hover {
	border-color: var(--dodgerblue);
	box-shadow: 0 14px 38px rgba(0, 0, 0, 0.55);
}

	 html.theme-dark .services__item.item-service{
		background: rgba(14, 27, 76, 0.92);
		border: 1px solid rgba(229, 0, 0, 0.413);
		box-shadow: 0 10px 28px rgba(0, 0, 0, 0.55);
	}
	
	html.theme-dark .services__item.item-service:hover{
		border-color: rgb(229, 0, 0);
		box-shadow: 0 14px 36px rgba(0, 0, 0, 0.65);
	}
	
	html.theme-dark .services__item.item-service .item-service__title{
		color: #ffffff;
	}
	
	html.theme-dark .services__item.item-service .item-service__text{
		color: rgba(255, 255, 255, 0.82);
	}
	
	html.theme-dark .services__item.item-service .item-service__icon img{
		filter: brightness(0) invert(1);
		opacity: 0.95;
	}
	html.theme-dark .services__item.item-service_green{
		background: var(--blue);
		border-color: rgb(229, 0, 0);
		box-shadow: 0 14px 36px rgba(0, 0, 0, 0.65);
	}
	
html.theme-dark .whoweare{
  background: transparent;
}

html.theme-dark .whoweare__content{
  background: rgba(14, 27, 76, 0.55);
  border-color: rgba(0, 129, 229, 0.28);
  color: var(--white);
}

html.theme-dark .whoweare__content::before{
  background: var(--dodgerblue);
}

html.theme-dark .whoweare__title{
  color: var(--white);
}

html.theme-dark .whoweare__text{
  color: rgba(255,255,255,.86);
}

html.theme-dark .whoweare__item{
  background: rgba(2, 31, 144, 0.55);
  border-color: rgba(255,255,255,.14);
  box-shadow: 0 10px 26px rgba(0,0,0,.45);
}

html.theme-dark .whoweare__item::before{
  background: var(--dodgerblue);
}

html.theme-dark .item-whoweare__title{
  color: var(--white);
}

html.theme-dark .item-whoweare__text{
  color: rgba(255,255,255,.85);
}

html.theme-dark .item-whoweare__icon img{
  filter: brightness(0) invert(1);
  opacity: .95;
}

html.theme-dark .advantages__item{
  background: rgba(14, 27, 76, 0.55);
  border: 1px solid rgba(0, 129, 229, 0.28);
  box-shadow: 0 10px 26px rgba(0,0,0,.45);
  color: var(--white);
}

html.theme-dark .advantages__value{
  color: var(--light-blue);
}

html.theme-dark .advantages__text{
  color: rgba(255,255,255,.86);
}

html.theme-dark img.svg-blue{
	filter: brightness(0) invert(1);
	opacity: .95;
}


html.theme-dark .canvas-wrapper{
  background: rgba(2, 31, 144, 0.22);
  border-radius: 12px;
}


html.theme-dark .clients__items{
	background: var(--white);
  border: 1px solid rgba(0, 130, 229, 0.597);
  border-radius: 12px;
  padding: 12px 10px;
  box-shadow: 0 10px 26px rgba(0,0,0,.40);
}


html.theme-dark .getintouch__items{
  background: transparent;
}

html.theme-dark .item-getintouch{
  background: rgba(2,31,144,.10);
  backdrop-filter: blur(4px) saturate(140%);
  -webkit-backdrop-filter: blur(4px) saturate(140%);
  border: 1px solid rgba(0,129,229,.28);
  box-shadow: 0 14px 34px rgba(0,0,0,.45);
  color: var(--white);
}


html.theme-dark .item-getintouch_active{
  background: rgba(2, 31, 144, .6);
  backdrop-filter: blur(4px) saturate(140%);
  -webkit-backdrop-filter: blur(4px) saturate(140%);
  border: 1px solid rgba(0, 129, 229, .32);
  box-shadow: 0 14px 34px rgba(0,0,0,.45);
  color: var(--white);
}


html.theme-dark .item-getintouch__icon img{
  filter: brightness(0) invert(1);
  opacity: .95;
}

html.theme-dark .item-getintouch__email{
  color: rgba(255,255,255,0.92);
}
html.theme-dark .item-getintouch__email:hover{
  color: var(--white);
  text-decoration: underline;
}

html.theme-dark .item-getintouch__label{
  color: rgba(255,255,255,0.78);
}

html.theme-dark .item-getintouch__button{
  border: 1px solid rgba(229, 0, 0, 0.55);
  color: var(--white);
  background: rgba(229, 0, 0, 0.14);
}
html.theme-dark .item-getintouch__button:hover{
  background: rgba(229, 0, 0, 0.26);
  box-shadow: 0 10px 22px rgba(0,0,0,.35);
  transform: translateY(-2px);
}

html.theme-dark .item-getintouch:hover{
  border-color: rgba(0,129,229,0.55);
  box-shadow: 0 14px 34px rgba(0,0,0,.50);
  transform: translateY(-3px);
}

html.theme-dark .contact{
  background: rgba(14, 27, 76, 0.22);
}

html.theme-dark .contact__body{
  background: rgba(14, 27, 76, 0.78);
  border: 1px solid rgba(0, 129, 229, 0.22);
  border-left: 6px solid var(--dodgerblue);
  box-shadow: 0 12px 34px rgba(0,0,0,.45);
}

html.theme-dark .contact__title{
  color: var(--white);
}

html.theme-dark .contact__text{
  color: rgba(255,255,255,0.82);
}

html.theme-dark .contact__button{
  background: var(--red);
  color: var(--white);
  box-shadow: 0 10px 22px rgba(0,0,0,.35);
}

html.theme-dark .contact__button:hover{
  background: rgba(255,0,0,0.85);
}

html.theme-dark .calc-card {
	background: var(--dark-blue);
	border: 1px solid rgba(0, 129, 229, 0.28);
	box-shadow: 0 10px 30px rgba(0, 0, 0, 0.45);
	color: var(--white);
}

html.theme-dark .calc-card h2 {
	color: var(--white);
}

html.theme-dark .calc-card p {
	color: #D6D6D6;
}

html.theme-dark #calcForm label {
	color: #D6D6D6;
}

html.theme-dark #calcForm input,
html.theme-dark #calcForm select {
	background: rgba(255, 255, 255, 0.06);
	color: var(--white);
	border: 1px solid rgba(0, 129, 229, 0.30);
}

html.theme-dark #calcForm input::placeholder {
	color: rgba(255, 255, 255, 0.65);
}

html.theme-dark #calcForm input:focus,
html.theme-dark #calcForm select:focus {
	border-color: var(--dodgerblue);
	box-shadow: 0 0 0 2px rgba(0, 129, 229, 0.25);
}

html.theme-dark #calcForm .btn-primary {
	background: var(--dodgerblue);
	color: var(--white);
}

html.theme-dark #calcForm .btn-primary:hover {
	background: var(--blue);
	box-shadow: 0 6px 18px rgba(0, 129, 229, 0.30);
}

html.theme-dark .calc-result {
	background: var(--blue);
	color: var(--white);
}

html.theme-dark ._title {
	color: var(--white);
}

html.theme-dark .service__card {
	background: var(--dark-blue);
	border: 1px solid rgba(0, 129, 229, 0.22);
	box-shadow: 0 10px 26px rgba(0, 0, 0, 0.35);
}

html.theme-dark .service__card h3 {
	color: var(--white);
}

html.theme-dark .service__card p,
html.theme-dark .service__card a {
	color: #D6D6D6;
}

html.theme-dark .service__card a:hover {
	color: var(--dodgerblue);
}

html.theme-dark .service__card.visible {
	box-shadow: 0 12px 30px rgba(0, 0, 0, 0.45);
}
html.theme-dark .service__btn{
	display:inline-block;
	padding:12px 26px;
	border-radius:8px;
	font-size:15px;
	font-weight:600;

	color: var(--white);

	background: rgba(255, 0, 0, 0.12);
	border: 1px solid rgba(255, 0, 0, 0.55);
	box-shadow:
		0 10px 22px rgba(0, 0, 0, 0.45),
		inset 0 0 0 1px rgba(0, 129, 229, 0.22);

	transition:.25s ease;
}

html.theme-dark .service__btn:hover{
	color: var(--white);
	background: rgba(255, 0, 0, 0.22);
	border-color: rgba(255, 0, 0, 0.85);
	transform: translateY(-1px);
	box-shadow:
		0 14px 30px rgba(0, 0, 0, 0.55),
		inset 0 0 0 1px rgba(0, 129, 229, 0.32);
}

html.theme-dark .service__btn:active{
	color: var(--white);
	transform: translateY(0);
	background: rgba(255, 0, 0, 0.28);
}


html.theme-dark .steps__item {
	background: var(--dark-blue);
	border: 1px solid rgba(0, 129, 229, 0.22);
	box-shadow: 0 8px 22px rgba(0, 0, 0, 0.35);
}

html.theme-dark .steps__item:hover {
	box-shadow: 0 10px 26px rgba(0, 0, 0, 0.45);
}

html.theme-dark .steps__item.active {
	border-color: var(--dodgerblue);
	box-shadow: 0 0 22px rgba(0, 129, 229, 0.18);
}

html.theme-dark .steps__question {
	color: var(--white);
}

html.theme-dark .steps__answer p {
	color: #D6D6D6;
}

html.theme-dark .steps__item.active .steps__question i {
	color: var(--red);
}

html.theme-dark .steps__answer p a {
	color: var(--light-blue);
	text-decoration: underline;
	text-underline-offset: 2px;
}

html.theme-dark .steps__answer p a:hover {
	color: var(--white);
}

html.theme-dark .projects__card {
	background: var(--dark-blue);
	border: 1px solid rgba(0, 129, 229, 0.18);
	box-shadow: 0 10px 28px rgba(0, 0, 0, 0.45);
}

html.theme-dark .projects__card:hover {
	box-shadow: 0 14px 38px rgba(0, 0, 0, 0.55);
	border-color: rgba(0, 129, 229, 0.32);
}

html.theme-dark .projects__image img {
	filter: brightness(0.9);
}

html.theme-dark .projects__content {
	background: var(--dark-blue);
}

html.theme-dark .projects__content h3 {
	color: var(--white);
}

html.theme-dark .projects__content p {
	color: #D6D6D6;
}

html.theme-dark .projects__content a {
	color: var(--light-blue);
}

html.theme-dark .projects__content a:hover {
	color: var(--white);
}

html.theme-dark .partners__slider {
	background: var(--white);
	border: 2px solid rgba(255, 2, 2, 0.638);
	border-radius: 12px;
}

html.theme-dark .page__about {
	background: var(--nefrit);
}

html.theme-dark .about__text {
	color: var(--white);
}

@media (max-width: 768px) {
	html.theme-dark .about__text {
		background: rgba(14, 27, 76, 0.55);
		border: 1px solid rgba(0, 129, 229, 0.18);
		box-shadow: 0 10px 26px rgba(0, 0, 0, 0.35);
	}
}

html.theme-dark .about__title {
	color: var(--white);
}

html.theme-dark .about__desc {
	color: #D6D6D6;
}

html.theme-dark .about__desc a {
	color: var(--light-blue);
	text-decoration: underline;
	text-underline-offset: 2px;
}

html.theme-dark .about__desc a:hover {
	color: var(--white);
}


html.theme-dark .about__image img {
	filter: brightness(0.85);
}

html.theme-dark .stat-number {
	color: var(--white);
}

html.theme-dark .stat-text {
	color: #D6D6D6;
}

html.theme-dark .faq__item {
	background: rgba(14, 27, 76, 0.55);
	border: 1px solid rgba(0, 129, 229, 0.22);
	box-shadow: 0 8px 22px rgba(0, 0, 0, 0.35);
}

html.theme-dark .faq__item:hover {
	transform: translateY(-2px);
	box-shadow: 0 10px 26px rgba(0, 0, 0, 0.45);
}

html.theme-dark .faq__item.active {
	border-color: var(--dodgerblue);
	box-shadow: 0 0 22px rgba(0, 129, 229, 0.18);
}

html.theme-dark .faq__question {
	color: var(--white);
}

html.theme-dark .faq__answer p {
	color: #D6D6D6;
}

html.theme-dark .faq__answer p a {
	color: var(--light-blue);
	text-decoration: underline;
	text-underline-offset: 2px;
}

html.theme-dark .faq__answer p a:hover {
	color: var(--white);
}


html.theme-dark .faq__item.active .faq__question i {
	color: var(--dodgerblue);
}

html.theme-dark .price__table-wrapper {
	background: transparent;
}

html.theme-dark .price__table {
	background: var(--dark-blue);
	border: 1px solid rgba(0, 129, 229, 0.22);
	box-shadow: 0 12px 30px rgba(0, 0, 0, 0.45);
}

html.theme-dark .price__table thead th {
	background: var(--blue);
	color: var(--white);
}

html.theme-dark .price__table td {
	color: #D6D6D6;
	border-bottom: 1px solid rgba(255, 255, 255, 0.10);
}

html.theme-dark .price__table tbody tr:nth-child(even) {
	background: rgba(255, 255, 255, 0.03);
}

html.theme-dark .price__table tbody tr:hover td {
	background: rgba(0, 129, 229, 0.10);
	color: var(--white);
}

html.theme-dark .price__table td.left {
	color: var(--white);
}

html.theme-dark .price__note {
	color: #D6D6D6;
}

html.theme-dark .price__note a {
	color: var(--light-blue);
	text-decoration: underline;
	text-underline-offset: 2px;
}

html.theme-dark .price__note a:hover {
	color: var(--white);
}

html.theme-dark .footer__top {
	background-image: none;
}

html.theme-dark .footer__bottom {
	background: var(--nefrit);
	border-top: 1px solid rgba(255, 255, 255, 0.08);
}

html.theme-dark .footer__copy {
	color: #D6D6D6;
}

html.theme-dark .footer__social img {
	filter: brightness(0) invert(1);
	opacity: 0.9;
	transition: opacity .2s ease, filter .2s ease;
}

html.theme-dark .footer__social a:hover img {
	opacity: 1;
	filter: brightness(0) invert(1);
}