html {
	box-sizing: border-box;
	font-size: 62.5%;
	scroll-behavior: smooth;
}

* {
	margin: 0;
	padding: 0;
}

a {
	text-decoration: none;
}

*,
*::after,
*::before {
	box-sizing: inherit;
}

body {
	font-size: 16px;
	font-family: 'Lato', Arial, sans-serif, -apple-system;
	background-color: #fafcff;
}

:root {
	--black-color: #000;
	--accent-color: #ee3f58;
	--primary-color: #e5ecfe;
	--primary-lite-color: #fafcff;
	--primary-milck-color: #f0f3f8;
	--default-color: rgb(0, 101, 177);
	--default-lite-color: rgba(0, 101, 177, 0.8);
	--white-color: #fff;
	--dim-color: #777;
}

.p {
	margin-bottom: 1rem;
}

.p--title {
	font-weight: 600;
}

.link {
	color: var(--default-color);
}

.link:hover {
	color: var(--default-color);
}

.link--white {
	color: var(--white-color);
}

.link--white:hover {
	color: var(--white-color);
}

.link--black {
	color: var(--black-color);
}

.link--black:hover {
	color: var(--black-color);
}

.link--hover-blue:hover {
	color: var(--default-color);
}

.link--underline {
	text-decoration: underline;
}

.section-spacing {
	padding-top: 10rem;
	padding-bottom: 10rem;
}

.section-spacing--top {
	padding-top: 10rem;
}

.section-spacing--medium-top {
	padding-top: 8rem;
}

.section-spacing--bottom {
	padding-bottom: 10rem;
}

.section-spacing--medium-bottom {
	padding-bottom: 8rem;
}

.section-spacing--medium {
	padding-top: 8rem;
	padding-bottom: 8rem;
}

.cross::before,
.cross::after {
	display: block;
	background-color: var(--black-color);
	position: absolute;
	height: 0.2rem;
	width: 2rem;
	border-radius: 0.2rem;
}

.cross::before {
	content: '';
	transform: rotate(45deg);
}

.cross::after {
	content: '';
	transform: rotate(-45deg);
}

.wrap {
	padding-left: 1.5rem;
	padding-right: 1.5rem;
	max-width: 128rem;
	margin: 0 auto;
}

.text {
	line-height: 1.4;
}

.text--bottom {
	margin-bottom: 2rem;
}

.text--window {
	box-shadow: 0 6px 16px #e6ebf5cc;
	padding: 2.5rem;
	border-radius: 1.2rem;
	background-color: var(--primary-milck-color);
}

.line {
	width: 43px;
	position: relative;
	transform-origin: left center 0;
	margin: 1rem auto 2rem 0;
	border: 0.2rem solid var(--default-color);
}

.logo-burger-icon-wrap {
	display: flex;
	align-items: center;
	width: 100%;
	margin-right: 1rem;
}

.logo {
	width: min(max(13rem, calc(13rem + ((1vw - 0.28rem) * 13))), 26rem);
	height: min(max(3rem, calc(3rem + ((1vw - 0.28rem) * 3))), 6rem);
	position: relative;
}

.logo__img {
	position: absolute;
	max-width: 100%;
	max-height: 100%;
}

.header {
	box-shadow: 0 6px 16px #e6ebf5cc;
}

.header__top {
	padding-top: 2rem;
	padding-bottom: 2rem;
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	align-items: center;
}

.header__contact {
	display: flex;
	flex-direction: row;
	align-items: center;
	white-space: nowrap;
}

.header__contact-box {
	display: flex;
	flex-direction: column;
	margin-right: 2rem;
}

.header__contact-btn-items {
	display: flex;
	flex-direction: row;
	align-items: center;
	gap: 2rem;
}

.header__contact-phone-icon {
	display: none;
	font-size: 3rem;
}

.tel {
	font-size: 1.8rem;
	font-weight: 600;
	justify-content: center;
	flex-direction: column;
	white-space: nowrap;
	display: inline-block;
}

.tel--icon {
	color: var(--default-color);
}

.tel--white {
	color: var(--white-color);
}

.tel--large {
	font-size: 4rem;
}

.tel--text {
	font-size: 1.6rem;
	font-weight: 400;
}

.tel--margin {
	margin-bottom: 1rem;
}

.header__contact-text {
	font-size: 1.2rem;
}

.neader__menu {
	font-size: 1.8rem;
	display: flex;
}

.menu {
	flex-direction: row;
	display: flex;
}

.menu__item {
	list-style-type: none;
	margin-right: 2.5rem;
	padding: 2rem 0;
	white-space: nowrap;
}

.menu__item:hover {
	opacity: 0.7;
}

.neader__menu-box-contacts {
	display: none;
	padding-top: 2rem;
	padding-left: 2rem;
	margin-top: 1rem;
	/* border-top: 0.1rem solid var(--accent-color); */
	font-size: 1.6rem;
	flex-direction: column;
}

.neader__menu-box-contact {
	padding-bottom: 2rem;
}

.color-white {
	color: #fff;
}

.color-blue {
	color: var(--default-color);
}

.color-red {
	color: #ee3f58;
}

.bg-color-red {
	background-color: #ee3f58;
}

.bg-color-primary {
	background-color: var(--default-color);
}

.bg-color-lite {
	background: var(--primary-color);
}

.bg-color-milck {
	background: var(--primary-milck-color);
}

.bg-color-lite-color {
	background-color: var(--primary-lite-color) !important;
}

.btn {
	padding: 0 1.8rem;
	display: flex;
	gap: 1rem;
	height: 5rem;
	border-radius: 8px;
	justify-content: center;
	align-items: center;
	min-width: 10rem;
	/*width: 100%;*/
	width: fit-content;
	cursor: pointer;
	background: var(--primary-color);
	/* white-space: nowrap */
	text-align: center;
	color: var(--black-color);
	font-weight: 700;
}

.btn--v-cart {
	background-color: var(--default-color);
	color: var(--white-color);
}

.btn--white-frame {
	background-color: var(--primary-lite-color);
	border: 0.1rem solid var(--primary-color);
}

.btn--width-auto {
	width: auto;
}

.btn--black {
	color: var(--black-color);
}

.btn--red {
	background: #ee3f58;
	color: #fff;
}

.btn--default {
	background-color: var(--default-color);
	color: var(--white-color);
}

.btn:hover {
	opacity: 0.8;
}

.btn--white-frame:hover {
	background-color: var(--primary-color);
	opacity: 1;
}

.btn--mini {
	max-width: 18rem;
	min-width: 18rem;
	/* margin-bottom: 2rem; */
}

.w-full {
	width: 100%;
}

/* title */
.title {
	font-size: min(max(2rem, calc(2rem + ((1vw - 0.28rem) * 0.6))), 2.6rem);
	font-weight: 600;
	margin-bottom: 6rem;
}

.subtitle {
	margin-bottom: 6rem;
	padding-top: 1rem;
}

.title--margin-none {
	margin: 0;
}

/* breadcrumbs */
.breadcrumbs-h1 {
	padding: 4rem 0;
	background-color: var(--primary-color);
	box-shadow: 0 6px 16px #e6ebf5cc;
}

.breadcrumbs-h1 a {
	line-height: 1.4;
}

.breadcrumbs-h1__h1 {
	margin-bottom: 2rem;
}

/* slider - начало */
.slider--bg-img {
	position: relative;
}

.slider--bg-img:before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	background-image: url(..//images/slider.webp);
	min-height: 62rem;
	max-height: 60rem;
	background-position: center top;
	background-size: cover;
	z-index: -1;
}

.slider__content {
	min-height: 60rem;
	font-size: 1.4rem;
	line-height: 1.4;
	display: flex;
	justify-content: space-between;
	align-items: stretch;
	color: var(--white-color);
	padding-top: 2.5rem;
	padding-bottom: 2.5rem;
}

.slider__content-body {
	border-radius: 1.2rem;
	margin-right: 2rem;
	background: var(--default-color);
	background: linear-gradient(
		139deg,
		rgba(0, 101, 177, 0.5) 0%,
		rgba(0, 101, 177, 0.5046393557422969) 100%
	);
	display: flex;
	flex-direction: column;
	justify-content: space-between;
}

.slider__content-body-h1 {
	padding: 4rem 2rem 4rem 2rem;
	background-color: var(--default-color);
	border-radius: 1.2rem 1.2rem 0 0;
}

.h1 {
	font-size: min(max(2.6rem, calc(2.6rem + ((1vw - 0.28rem) * 1.4))), 4rem);
	word-wrap: break-word;
}

.h3 {
	font-weight: 400;
	font-size: 1.8rem;
}

.slider__content-body-h1-p {
	padding-top: 2rem;
	font-size: 2rem;
}

.slider__content-body-contact {
	height: 100%;
	display: flex;
	flex-direction: column;
	justify-content: space-around;
}

.slider__content-body-contact-p-one {
	position: relative;
	padding: 2rem;
	font-size: 1.8rem;
	margin-left: 8rem;
	margin-top: 2rem;
}

.slider__content-body-contact-p-one::before {
	content: '';
	position: absolute;
	top: 1.8rem;
	left: -5rem;
	width: 5rem;
	height: 5rem;
	border-radius: 50%;
	background-color: var(--white-color);
}

.slider__content-body-contact-p-one::after {
	content: '';
	position: absolute;
	top: 2.9rem;
	left: -4.3rem;
	width: 3.2rem;
	height: 3.2rem;
	background: url(/wp-content/themes/gosritual/assets/images/phone.png)
		no-repeat top center;
}

.slider__content-body-contact-p-two {
	background-color: var(--white-color);
	color: #000;
	padding: 1.5rem 2rem 1.5rem 2rem;
	margin-bottom: 2rem;
}

.slider__content-body-contact-p-three {
	display: none;
}

.slider__content-banners {
	display: flex;
	flex-direction: column;
	justify-content: space-between;
}

.slider__content-banner {
	display: flex;
	height: 12rem;
	min-width: 35rem;
	background-color: var(--default-color);
	padding: 1rem 1.5rem;
	margin-bottom: 1.5rem;
}

.slider__content-banner--margin-none {
	margin: 0;
}

.slider__content-banners-top-title {
	width: 8rem;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	font-size: 4rem;
}

.slider__content-banners-top-title-p-large {
	font-size: 1.6rem;
	font-weight: 600;
}

.slider__content-banners-top-body {
	display: flex;
	flex-direction: column;
	justify-content: center;
	width: 100%;
	padding-left: 1rem;
	margin-left: 1rem;
	border-left: 0.2rem solid #ee3f58;
}

.slider__content-banners-top-body-title {
	font-weight: 600;
}

.slider__content-banners-top-body-text {
	padding-top: 0.5rem;
}

/* slider - конец */

/* reviews - начало */
.reviews {
}

.reviews__items {
	align-items: stretch;
	grid-template-columns: repeat(3, minmax(0px, 1fr));
	grid-column-gap: 2rem;
	grid-row-gap: 2rem;
	display: grid;
	background-color: var(--white-color);
}

.reviews__item {
	border: 0.1rem solid var(--primary-color);
	border-radius: 1.2rem;
	transition-duration: 0.3s;
	transition-timing-function: ease;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
}

.reviews__item:hover {
	box-shadow: 0 6px 16px #e6ebf5cc;
	cursor: default;
}

.reviews__item-header {
	padding: 2.5rem 2rem;
	line-height: 1.4;
}

.reviews__item-footer {
	font-weight: 600;
	position: relative;
	display: flex;
	justify-content: center;
	align-items: center;
	padding: 2rem 2rem;
	border-top: 0.1rem solid var(--primary-color);
}

.reviews__item-footer-avatar-img {
	width: 6rem;
	height: 6rem;
	border-radius: 50%;
	margin-right: 2rem;
}

/* reviews - конец */

/* questions - начало */
.questions {
	background-color: #f0f3f8;
}

.questions--primary-lite-color {
	background-color: var(--primary-lite-color);
}

.questions--white-color {
	background-color: var(--white-color);
}

.questions__item {
	display: flex;
	flex-direction: column;
	gap: 2rem;
}

.questions__item-title {
	position: relative;
	display: flex;
	justify-content: space-between;
	padding: 2rem 4rem 2rem 2rem;
	background: var(--primary-color);
	font-size: min(max(1.6rem, calc(1.6rem + ((1vw - 0.28rem) * 0.2))), 1.8rem);
	border-radius: 1.2rem;
	cursor: pointer;
}

.questions__item-text {
	position: relative;
	padding: 0 2rem;
	box-shadow: 0 6px 16px #e6ebf5cc;
	border-radius: 1.2rem;
	top: -1rem;
	line-height: 1.4;
	font-size: 1.4rem;
	height: 0;
	overflow: hidden;
	transition-duration: 0.1s;
	transition-timing-function: ease;
	background-color: var(--white-color);
	/* overflow: auto; */
}

.ol {
	margin: 1rem 0 1rem 2rem;
}

.ol--margin-medium {
	margin-left: 4rem;
}

.ol--flex-column {
	display: flex;
	flex-direction: column;
	gap: 0.5rem;
}

.ol--only {
	margin-top: 0;
	margin-bottom: 0;
}

.chivron {
	display: flex;
	top: 35%;
	right: 2rem;
	position: absolute;
	transform: rotate(45deg);
	width: 1.2rem;
	height: 1.2rem;
	z-index: 0;
	transition-duration: 0.3s;
	transition-timing-function: ease;
	border-right-color: var(--black-color);
	border-right-width: 0.2rem;
	border-right-style: solid;
	border-bottom-color: var(--black-color);
	border-bottom-width: 0.2rem;
	border-bottom-style: solid;
	margin-bottom: 0.5rem;
	transition-duration: 0.3s;
	transition-timing-function: ease;
}

.open {
	height: auto;
	padding: 2rem;
}

.vechu {
	transform: rotate(225deg);
}

/* questions - конец */

/* stages - начало*/
.stages {
}

.stages__items {
	align-items: stretch;
	grid-template-columns: repeat(4, minmax(0px, 1fr));
	grid-column-gap: 3rem;
	grid-row-gap: 3rem;
	display: grid;
}

.stages__items--three-items {
	grid-template-columns: repeat(3, minmax(0px, 1fr));
}

.stages__item {
	position: relative;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	gap: 3rem;
	font-size: 1.6rem;
	padding: 3rem;
	background: var(--primary-color);
	min-height: 17rem;
	font-size: 1.8rem;
	border-radius: 1.2rem;
}

.stages__item---primary-milck-color {
	background-color: var(--primary-milck-color);
}

.stages__item:after,
.icon-pohron:after,
.icon-peper:after,
.icon-panihida::after,
.icon-tualet::after,
.icon-pamiatnik::after,
.img-izgorod::after,
.icon-svechi::after,
.icon-yrna::after,
.icon-car2::after,
.icon-podgotovka-tela::after,
.icon-grob::after,
.icon-krest::after,
.icon-venok::after,
.icon-car::after,
.icon-phone::after,
.icon-nosilshki-groba::after {
	content: '';
	position: absolute;
	right: 2.5rem;
	width: 6.5rem;
	height: 6.5rem;
	background-size: 4.5rem;
}

.icon-phone::after {
	background: url(/wp-content/themes/gosritual/assets/images/phone.svg)
		no-repeat top center;
}

.icon-car::after {
	background: url(/wp-content/themes/gosritual/assets/images/car.svg) no-repeat
		top center;
}

.icon-pohron::after {
	background: url(/wp-content/themes/gosritual/assets/images/pohorony.svg)
		no-repeat top center;
}

.icon-peper:after {
	background: url(/wp-content/themes/gosritual/assets/images/stages-peper.svg)
		no-repeat top center;
}

.icon-venok::after {
	background: url(/wp-content/themes/gosritual/assets/images/stages-venok.svg)
		no-repeat top center;
}

.icon-podgotovka-tela::after {
	background: url(/wp-content/themes/gosritual/assets/images/podgotovka-tela.svg)
		no-repeat top center;
}

.icon-grob::after {
	background: url(/wp-content/themes/gosritual/assets/images/stages-grob.svg)
		no-repeat top center;
}

.icon-krest::after {
	background: url(/wp-content/themes/gosritual/assets/images/stages-krest.svg)
		no-repeat top center;
}

.icon-tualet::after {
	background: url(/wp-content/themes/gosritual/assets/images/tualet-pokoinogo.svg)
		no-repeat top center;
}

.icon-car2::after {
	background: url(/wp-content/themes/gosritual/assets/images/stages-car2.svg)
		no-repeat top center;
}

.icon-panihida::after {
	background: url(/wp-content/themes/gosritual/assets/images/stages-icon.svg)
		no-repeat top center;
}

.icon-nosilshki-groba::after {
	background: url(/wp-content/themes/gosritual/assets/images/nosilshki-groba.svg)
		no-repeat top center;
}

.icon-yrna::after {
	background: url(/wp-content/themes/gosritual/assets/images/stages-yrna.svg)
		no-repeat top center;
}

.icon-svechi::after {
	background: url(/wp-content/themes/gosritual/assets/images/stages-svechi.svg)
		no-repeat top center;
}

.img-izgorod::after {
	background: url(/wp-content/themes/gosritual/assets/images/stages-izgorod.svg)
		no-repeat top center;
}

.icon-pamiatnik::after {
	background: url(/wp-content/themes/gosritual/assets/images/stages-pamiatnik.svg)
		no-repeat top center;
}

/* stages - конец */

/* Help */

.help {
	background-color: var(--primary-milck-color);
}

.help__body {
	align-items: stretch;
	grid-template-columns: repeat(2, minmax(0px, 1fr));
	grid-column-gap: 40px;
	display: grid;
}

.help__body-item {
	background-color: #fff;
	padding: 3rem;
	display: flex;
	flex-direction: row;
	border: 1px solid #f5f6fa;
	border-radius: 1.2rem;
	box-shadow: 0 6px 16px #e6ebf5cc;
}

.about__img {
	max-height: 55rem;
	display: flex;
	justify-content: flex-end;
}

.help__body-item-img {
	max-width: 100%;
	max-height: 100%;
	object-fit: cover;
}

.help__body-text {
	padding-top: 1rem;
	margin-bottom: 1rem;
	font-size: 1.4rem;
}

.help__body-il {
	max-width: 30%;
	height: auto;
}

.help__body-ir {
	width: 70%;
	display: flex;
	flex-flow: column;
	justify-content: space-between;
	margin-left: 3rem;
}

/* Service*/

.services {
	background-color: var(--primary-milck-color);
}

.services__items {
	grid-template-columns: repeat(2, minmax(0px, 1fr));
	grid-column-gap: 2rem;
	grid-row-gap: 2rem;
	display: grid;
	align-items: stretch;
}

.services__item {
	position: relative;
	background-color: #fff;
	padding: 2rem 2rem 2rem 6rem;
	flex-direction: row;
	border: 1px solid #f5f6fa;
	border-radius: 1.2rem;
	box-shadow: 0 6px 16px #e6ebf5cc;
	line-height: 1.4;
}

.services__item:after {
	content: '✓';
	position: absolute;
	top: 18px;
	padding-top: 0.2rem;
	font-size: 2rem;
	font-weight: 600;
	border-radius: 35%;
	left: 16px;
	width: 32px;
	height: 32px;
	display: flex;
	justify-content: center;
	background-color: var(--primary-color);
	color: var(--default-color);
}

/* .services__item:after {
    content: '';
    display: inline-block;
    vertical-align: top;
    position: absolute;
    top: 18px;
    left: 16px;
    width: 32px;
    height: 32px;
    background: url(/wp-content/themes/gosritual/assets/images/liorg.webp) no-repeat top center;
} */
/* About */

.about {
	padding-top: 10rem;
}

.about__body {
	align-items: stretch;
	grid-template-columns: repeat(2, minmax(0px, 1fr));
	grid-column-gap: 2rem;
	grid-row-gap: 2rem;
	display: grid;
	/*отличия*/
	grid-auto-rows: minmax(109px, auto);
}

.about__box-text {
	line-height: 1.4;
}

.about__item {
	position: relative;
	height: 32px;
	align-items: center;
	display: flex;
	padding-left: 4rem;
	padding-bottom: 3rem;
}

.about__item:after {
	content: '';
	display: inline-block;
	vertical-align: top;
	position: absolute;
	left: 0;
	width: 32px;
	height: 32px;
	background: url(/wp-content/themes/gosritual/assets/images/liorg.webp)
		no-repeat top center;
}

.about__content {
	justify-content: space-between;
	display: flex;
	flex-direction: column;
}

.about__contacts {
	display: flex;
	justify-content: space-between;
}

/* Формы */
/* Форма "Заказать звонок" */

.form-popup {
	display: flex;
	position: fixed;
	top: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, 0.5);
	align-items: center;
	justify-content: center;
	opacity: 0;
	pointer-events: none;
	z-index: 9;
	overflow: auto;
}

.form-popup form {
	margin: auto;
}

.form-popup--mini {
	display: flex;
	position: fixed;
	top: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, 0.5);
	align-items: center;
	justify-content: center;
	opacity: 0;
	pointer-events: none;
}

._on {
	opacity: 1;
	pointer-events: all;
}

.popup-content {
	position: relative;
	background-color: #fff;
	padding: 4rem;
	max-width: 50rem;
	border-radius: 0.6rem;
}

.position-r {
	position: relative;
}

.flex-column {
	display: flex;
	flex-direction: column;
}

.cursor-p {
	cursor: pointer;
}

.pb-2 {
	padding-bottom: 2rem;
}

.m-0 {
	margin: 0;
}

.mb-2 {
	margin-bottom: 2rem;
}

.font-w-600 {
	font-weight: 600;
}

.font-s-1_4 {
	font-size: 1.4rem;
}

.font-s-2_4 {
	font-size: clamp(2rem, calc(2rem + ((1vw - 0.28rem) * 0.4348)), 2.4rem);
}

.popap-input {
	height: 5rem;
	border-color: #f5f8fa;
	border-width: 0.1rem;
	border-style: solid;
	border-radius: 1rem;
	font-size: 1.6rem;
	display: flex;
}

.w-full {
	width: 100%;
}

.px-1_5 {
	padding-left: 1.5rem;
	padding-right: 1.5rem;
}

.position-a {
	position: absolute;
}

.left-1_6 {
	left: 1.6rem;
}

.bottom-3_8 {
	bottom: 3.8rem;
}

.mt-0_4 {
	margin-top: 0.4rem;
}

.line-height-1_5 {
	line-height: 1.5rem;
}

.display-f {
	display: flex;
}

.jc-center {
	justify-content: center;
}

.my-2 {
	margin-top: 2rem;
	margin-bottom: 2rem;
}

.form-input {
	display: flex;
}

.btn-close {
	cursor: pointer;
	position: absolute;
	right: 4.5rem;
}

.btn-form-box {
	display: flex;
	margin-top: 2rem;
}

.btn-form {
	font-size: 1.4rem;
	display: flex;
	height: 3.5rem;
	justify-content: center;
	align-items: center;
	padding: 1rem;
	/*width: 15rem;*/
	width: auto;
	cursor: pointer;
	border-radius: 0.6rem;
	border: none;
	background: var(--default-color);
	color: #fff;
	white-space: nowrap;
}

.btn-form:hover {
	opacity: 0.8;
}

.btn-form:disabled,
.btn-form:disabled:hover,
.submit__cod:disabled,
.submit__cod:disabled:hover,
.submit:disabled,
.submit:disabled:hover {
	opacity: 1;
	cursor: not-allowed;
	background-color: var(--dim-color);
}

.timer-text {
	font-size: 1.4rem;
}

.sms-action-buttons {
	display: flex;
	align-items: center;
	gap: 1rem;
}

.form__button-send-call {
	background-color: var(--white-color);
	color: var(--black-color);
	border: none;
	cursor: pointer;
	font-size: 1.6rem;
}

.form__button-send-call:hover {
	color: var(--default-color);
}

.btn-form--margin-right_2rem {
	margin-right: 2rem;
}

.btn-form--reset {
	background: #f5f8fa;
	color: #000;
}

.btn-form--reset:hover {
	background-color: #1d5deb2e;
}

/*price*/
.price {
}

.price--background-color {
	background-color: var(--primary-milck-color);
}

.price__header {
	display: flex;
	justify-content: space-between;
}

.price__header-tabs {
	display: flex;
}

.price__header-tab {
	background: none;
	min-width: 13rem;
}

.price__header-tab:hover {
	background-color: var(--primary-color);
}

.price__header-tab--action {
	background-color: var(--primary-color);
}

.price__content-items {
	grid-template-columns: repeat(3, minmax(0px, 1fr));
	grid-column-gap: 2rem;
	grid-row-gap: 2rem;
	display: grid;
	align-items: stretch;
}

.price__content-items--repeat-two {
	grid-template-columns: repeat(2, minmax(0px, 1fr));
}

.price__content-item {
	background-color: #fff;
	padding: 2.5rem;
	border-radius: 1.2rem;
	display: grid;
	box-shadow: 0 6px 16px #e6ebf5cc;
	align-content: space-between;
}

.price__content-item-text {
	padding-top: 1.5rem;
	line-height: 1.4;
}

.price__content-item-text-hiden {
	padding-top: 1.5rem;
	height: 0;
	opacity: 0;
	visibility: hidden;
}

.price__content-item-text-hiden--padding-top-none {
	padding-top: 0;
}

.price__content-item-text-ul {
	padding-top: 1.5rem;
	padding-left: 2rem;
}

.price__content-item-text-ul--padding-top-none {
	padding-top: 0;
}

.price__content-item-text-ul-li {
	margin-bottom: 0.2rem;
}

.li::marker {
	color: var(--default-color);
}

.price__content-item-price {
	padding-top: 1.5rem;
	padding-bottom: 1.5rem;
	color: var(--default-color);
	font-size: 2.6rem;
	font-weight: 600;
}

.price__content-item-detailed {
	padding-top: 1.5rem;
	height: fit-content;
	color: var(--default-color);
	background: none;
}

.price__content-item-detailed:hover {
	background: none;
}

/* advantages */

.advantages {
	background-color: var(--primary-milck-color);
}

.advantages--primary-lite-color {
	background-color: var(--primary-lite-color);
}

.advantages__items {
	position: relative;
	align-items: flex-start;
	grid-template-columns: repeat(3, minmax(0px, 1fr));
	grid-column-gap: 2rem;
	grid-row-gap: 2rem;
	display: grid;
	/* grid-auto-rows: minmax(20rem, auto); */
}

.advantages__item {
	display: block;
	position: relative;
	font-size: 1.8rem;
	line-height: 1.4;
	min-height: 100%;
	padding: 2.5rem;
	background: var(--primary-color);
	border-radius: 1.2rem;
	box-shadow: 0 6px 16px #e6ebf5cc;
}

.advantages__item-title {
	font-weight: 600;
}

.advantages__item-icon {
	display: block;
	position: absolute;
	bottom: 50%;
	right: 0;
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
	opacity: 0.5;
	width: 7rem;
	height: 7rem;
	transform: translate(-10%, 50%);
}

.stages--background-color {
	background-color: var(--primary-milck-color);
}

.advantages__item--dogovor:after,
.advantages__item--pay:after {
	content: '';
	display: block;
	position: absolute;
	bottom: 50%;
	right: 0;
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
	opacity: 0.5;
	width: 7rem;
	height: 7rem;
	transform: translate(-10%, 50%);
}

.advantages__item--control:after {
	background-image: url(/wp-content/themes/gosritual/assets/images/control.svg);
}

.advantages__item--dogovor:after {
	background-image: url(/wp-content/themes/gosritual/assets/images/dogovor.png);
	width: 6rem;
	height: 6rem;
}

.advantages__item--pay:after {
	background-image: url(/wp-content/themes/gosritual/assets/images/pay_cash.png);
}

.advantages__item-text {
	margin-top: 1rem;
	width: 80%;
	font-size: 1.4rem;
}

.advantages__item-text--width-full {
	width: 100%;
}

/* what-do */
.what-do {
}

.title--big {
	font-family: system-ui;
	line-height: 0.6;
	color: var(--primary-color);
	font-size: 9rem;
	margin-right: 1rem;
}

.what-do__header {
	display: flex;
	justify-content: space-between;
}

.what-do__header-tabs {
	display: flex;
}

.what-do__header-tab {
	background: none;
	min-width: 13rem;
}

.what-do__header-tab:hover {
	background-color: var(--primary-color);
}

.what-do__header-tab--action {
	background-color: var(--primary-color);
}

.what-do__content-items {
	align-items: stretch;
	grid-template-columns: repeat(3, minmax(0px, 1fr));
	grid-column-gap: 2rem;
	grid-row-gap: 2rem;
	display: grid;
	font-size: 1.4rem;
}

.what-do__content-item {
	background-color: #fff;
	padding: 2rem;
	border-radius: 1.2rem;
	display: flex;
	box-shadow: 0 6px 16px #e6ebf5cc;
}

.what-do__content-item-text {
	line-height: 1.4;
}

/* secure */
.secure {
	padding-bottom: 10rem;
}

.secure__box {
	display: flex;
}

.secure__box-content {
	justify-content: space-between;
	display: flex;
	flex-direction: column;
	width: 25%;
	margin-right: 2rem;
}

.secure__title {
	font-size: 2rem;
	background: #ee3f58;
	color: #fff;
	padding: 2rem;
	margin-bottom: 1rem;
	border-radius: 1.2rem;
	font-weight: 700;
}

.secure__text {
	background: var(--primary-color);
	padding: 2rem;
	height: 100%;
	line-height: 1.4;
	border-radius: 1.2rem;
}

.secure__text-p {
	margin-bottom: 1rem;
}

.secure__box-items {
	width: 75%;
	align-items: stretch;
	grid-template-columns: repeat(1, minmax(0px, 1fr));
	/* grid-column-gap: 2rem; */
	grid-row-gap: 1rem;
	display: grid;
	grid-auto-rows: minmax(8rem, auto);
}

.secure__box-item {
	position: relative;
	background-color: #fff;
	padding: 2rem 2rem 2rem 6rem;
	flex-direction: row;
	border: 1px solid #f5f6fa;
	border-radius: 1.2rem;
	box-shadow: 0 6px 16px #e6ebf5cc;
	line-height: 1.4;
}

.secure__box-item:after {
	content: '';
	display: inline-block;
	vertical-align: top;
	position: absolute;
	top: 20px;
	left: 16px;
	width: 30px;
	height: 30px;
	background: url(/wp-content/themes/gosritual/assets/images/secure_no.svg)
		no-repeat top center;
}

/* Форма */
.form__input-box {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
}

.form__input-box > div {
	width: 100%;
}

.form__input {
	font-family: 'Lato', Arial, sans-serif, -apple-system;
	width: 100%;
	padding: 1.5rem;
	margin-bottom: 2rem;
	border-radius: 1.2rem;
	border: 0.2rem solid var(--primary-color);
	font-size: 1.6rem;
	resize: vertical;
}

.form__input:focus {
	outline: none;
	border-color: var(--default-color);
}

.form__btn {
	font-size: 1.6rem;
	display: flex;
	height: 5rem;
	justify-content: center;
	align-items: center;
	width: 100%;
	cursor: pointer;
	border-radius: 1.2rem;
	border: none;
	background: var(--default-color);
	color: #fff;
	margin-top: 1rem;
}

.form__btn:hover {
	background-color: var(--default-lite-color);
}

.form__input--checkbox {
	width: auto;
}

/* contact-form */
.contact-form {
	position: relative;
	min-height: 663px;
}

.contact-form__left-fon {
	position: absolute;
	/* background-color:; */
	height: 100%;
	width: 50%;
	top: 0;
}

.contact-form__box {
	display: flex;
	justify-content: center;
}

.contact-form__form {
	position: relative;
	max-width: 40%;
	padding: 2.5rem;
}

.contact-form__form--max-width-full {
	max-width: 60%;
}

.title--form {
	margin-bottom: 1rem;
}

.contact-form__contacts {
	position: relative;
	max-width: 30%;
	background-color: var(--primary-milck-color);
	padding: 2.5rem;
}

.contact-form__contacts-item {
	margin-bottom: 2rem;
	display: flex;
	flex-direction: column;
}

.contact-form__contacts-item-title {
	font-size: 1.8rem;
	font-weight: 600;
	padding-bottom: 1.5rem;
}

.contact-form__contacts-item-text {
	padding-bottom: 1rem;
	line-height: 1.4;
}

.contact-form__map {
	position: relative;
	max-width: 30%;
	overflow: hidden;
}

.contact-form__map-background {
	width: 371px;
	height: 446px;
	position: absolute;
	min-height: 100%;
	min-width: 100%;
}

/* form-lend */

.form-lend {
	background-color: #f0f3f8;
}

.form-lend--primary-lite-color {
	background-color: var(--primary-lite-color);
}

.form-lend__input-box {
	align-items: stretch;
	grid-template-columns: repeat(3, minmax(0px, 1fr));
	grid-column-gap: 2rem;
	grid-row-gap: 2rem;
	display: grid;
	margin-bottom: 2rem;
	padding-top: 1rem;
}

.form-lend__input {
	font-family: 'Lato', Arial, sans-serif, -apple-system;
	width: 100%;
	padding: 1.5rem;
	border-radius: 1.2rem;
	border: 0.2rem solid var(--primary-color);
	font-size: 1.6rem;
	resize: vertical;
}

.form-lend__input:focus {
	outline: none;
	border-color: var(--default-color);
}

.form-lend__btn {
	font-size: 1.6rem;
	display: flex;
	height: 5rem;
	justify-content: center;
	align-items: center;
	cursor: pointer;
	border-radius: 1.2rem;
	border: none;
	background: var(--default-color);
	color: #fff;
	width: 100%;
}

.form-lend__btn:hover {
	background-color: var(--default-lite-color);
}

.form-lend__input--checkbox {
	width: auto;
}

/* footer - начало */
.footer {
	background-color: var(--primary-color);
}

.footer__box {
	align-items: stretch;
	grid-template-columns: repeat(4, minmax(0px, 1fr));
	grid-column-gap: 4rem;
	display: grid;
	padding-top: 6rem;
	padding-bottom: 4rem;
	border-top: 0.1rem solid var(--primary-color);
}

.footer__copy {
	font-size: 1.4rem;
	padding: 2rem 0;
	border-top: 0.1rem solid var(--primary-color);
	background-color: var(--default-color);
	color: var(--white-color);
}

.footer__box-block {
	display: flex;
	flex-direction: column;
	gap: 2rem;
	justify-content: flex-start;
}

.footer__box-block-title {
	font-size: 1.8rem;
	font-weight: 600;
}

.footer__box-block-main {
	display: flex;
	flex-direction: column;
	font-size: 1.4rem;
	line-height: 1.4;
}

.logo--footer {
	width: 100%;
	height: 6rem;
}

.footer__box-block-main-li {
	cursor: pointer;
	margin-bottom: 1rem;
	max-width: fit-content;
}

.footer__box-block-main-li--cursor-default {
	cursor: default;
}

.ul {
	margin: 1rem 0 1rem 2rem;
}

.icon--margin {
	margin-right: 1rem;
}

.icon--color {
	color: var(--default-color);
}

.icon--color-white {
	color: var(--white-color);
}

.lipkiy-tel {
	display: none;
	position: fixed;
	align-items: center;
	text-align: center;
	justify-content: center;
	flex-direction: column;
	bottom: 0;
	height: auto;
	width: 100%;
}

.lipkiy-tel > div,
.lipkiy-tel > a {
	align-items: center;
	width: 100%;
}

.lipkiy-tel > div {
	padding: 1rem;
	align-items: center;
	display: flex;
	justify-content: space-around;
	gap: 1rem;
	background-color: var(--white-color);
}

.lipkiy-tel > div > a {
	display: flex;
	gap: 0.5rem;
	align-items: center;
}

.lipkiy-tel > a {
	padding: 1rem;
	background-color: var(--default-color);
}

/* footer - конец */

/* бургер - начало*/
.burger-wrap {
	display: none;
	position: relative;
	height: 2rem;
	width: 3rem;
	cursor: pointer;
	margin-right: 2rem;
}

.burger,
.burger::before,
.burger::after {
	display: block;
	background-color: var(--black-color);
	position: absolute;
	height: 4px;
	width: 30px;
	border-radius: 2px;
}

.burger::before {
	content: '';
	margin-top: 16px;
}

.burger::after {
	content: '';
	margin-top: 8px;
}

/* бургер - конец */

/* крестик бургер - начало */
.close-burger-wrap {
	display: none;
	position: absolute;
	height: 3rem;
	right: 0;
	width: 3rem;
	cursor: pointer;
	margin-right: 2rem;
}

.close-burger::before,
.close-burger::after {
	display: block;
	background-color: var(--white-color);
	position: absolute;
	height: 4px;
	width: 30px;
	border-radius: 2px;
}

.close-burger::before {
	content: '';
	margin-top: 16px;
	transform: rotate(45deg);
}

.close-burger::after {
	content: '';
	margin-top: 16px;
	transform: rotate(-45deg);
}

/* крестик бургер - конец */

/* page */
.polic {
}

.polic__body {
	padding-top: 4rem;
}

.p-text {
	margin-bottom: 1rem;
}

.ul-text {
	margin-left: 2rem;
}

.ul-text {
	margin-bottom: 1rem;
}

.display-none-after::after {
	display: none !important;
}

.svg--btn {
	padding-top: 0.4rem;
}

/* Корзина */
.quantity-container {
	display: flex;
	gap: 0.5rem;
}

.quantity-input {
	width: 5rem;
	height: 5rem;
	border: none;
	text-align: center;
	border-radius: 0.8rem;
	background-color: var(--primary-lite-color);
	border-left: 0.1rem solid var(--primary-color);
	border-right: 0.1rem solid var(--primary-color);
	font-weight: 600;
}

.quantity-btn {
	width: 5rem;
	height: 5rem;
	border: none;
	background: none;
	cursor: pointer;
	border-radius: 0.8rem;
	font-size: 1.8rem;
}

.quantity-btn:hover {
	background: var(--primary-color);
	opacity: 0.7;
}

/* Мини корзина */
.mini-cart {
	display: flex;
	padding: 1.5rem 2.5rem 1.5rem 1.5rem;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	position: fixed;
	/* right: -1rem; */
	right: -10rem;
	top: 40%;
	background-color: var(--default-color);
	border-radius: 0.8rem 0 0 0.8rem;
	transition: right 0.3s ease-out;
}

.mini-cart:hover {
	right: 0;
}

.mini-cart__product-count {
	display: flex;
	border-radius: 50%;
	width: 2rem;
	height: 2rem;
	font-size: 1.2rem;
	background-color: var(--primary-color);
	font-weight: 600;
	justify-content: center;
	align-items: center;
	line-height: 1;
	color: var(--black-color);
}

._on_cart_mini {
	right: -1rem;
}

/* Оформление заказа */
.accordion-toggle {
	display: none;
	/* Скрываем checkbox */
}

#inputs-container {
	max-height: 0;
	overflow: hidden;
	opacity: 0;
	transition: opacity 0.3s, max-height 0.3s;
	padding-top: 1rem;
	/* Плавное изменение */
}

.accordion-toggle:checked + label + #inputs-container {
	max-height: 1000px;
	/* Максимальная высота для развернутого содержимого */
	opacity: 1;
	/* Содержимое становится видимым */
}

/* Стилизация label, если нужно */
.accordion__label {
	cursor: pointer;
	position: relative;
	width: 100%;
	display: flex;
	background-color: #f0f3f8;
	padding: 1rem 1.5rem;
	border-radius: 1.2rem;
}

.accordion__label::after {
	content: 'показать';
	position: absolute;
	right: 1.5rem;
	transition: transform 0.3s;
	font-size: 1.4rem;
	color: var(--default-color);
}

.accordion-toggle:checked + .accordion__label::after {
	content: 'скрыть';
}

/* Пример CSS для анимации скрытого блока */
.price__content-item-text-hiden {
	height: 0;
	opacity: 0;
	visibility: hidden;
	overflow: hidden; /* чтобы контент не вылазил за границу */
	transition: all 0.5s; /* скорость анимации; можно менять */
}

/* Когда добавляем класс text-hidden--show — блок раскрывается */
.price__content-item-text-hiden.text-hidden--show {
	height: auto;
	opacity: 1;
	visibility: visible;
}

.breadcrumbs {
	display: flex;
	gap: 0.5rem;
	align-items: center;
	flex-wrap: wrap;
	white-space: nowrap;
}

.btn--show-mobile {
	display: none;
	width: fit-content;
}

/* page */

@media (max-width: 1162px) {
	/* stages */
	.stages__items {
		grid-template-columns: repeat(3, minmax(0px, 1fr));
		grid-column-gap: 2rem;
		grid-row-gap: 2rem;
	}
}

@media (max-width: 1060px) {
	/* Адвантед*/
	.advantages__items {
		grid-template-columns: repeat(2, minmax(0px, 1fr));
	}

	/* Адвантед*/
}

@media (max-width: 945px) {
	/* stages */
	.stages__items {
		grid-template-columns: repeat(2, minmax(0px, 1fr));
		grid-column-gap: 1rem;
		grid-row-gap: 1rem;
	}

	.burger-wrap {
		display: block;
	}

	.neader__menu-box-contacts {
		display: flex;
	}

	.header__contact-btn-item-1 {
		display: none;
	}

	.neader__menu {
		position: fixed;
		height: 100%;
		top: 0;
		visibility: hidden;
		left: -999rem;
		padding-top: 1rem;
		z-index: 9;
		display: flex;
		flex-direction: column;
		overflow: auto;
	}

	.close-burger-wrap {
		display: block;
	}

	.neader__menu--action {
		visibility: visible;
		left: 0;
	}

	.menu {
		flex-direction: column;
	}

	.menu__item {
		padding: 1rem 0;
		margin-right: 1rem;
	}

	/* Слайдер */
	.slider__content {
		flex-direction: column;
		justify-content: space-between;
		align-items: stretch;
	}

	.slider__content-body {
		margin-right: 0;
		margin-bottom: 2rem;
		width: 100%;
	}

	.slider__content-banner {
		max-width: 100%;
	}

	/* Слайдер */

	/* Адвантед*/
	.advantages__items {
		grid-template-columns: repeat(1, minmax(0px, 1fr));
	}

	/* Адвантед*/

	/*Прайс*/
	.price__content-items {
		grid-template-columns: repeat(2, minmax(0px, 1fr));
	}

	/*Прайс*/

	/* services */
	.services__items {
		grid-template-columns: repeat(1, minmax(0px, 1fr));
	}
	/*what-do*/
	.what-do__content-items {
		grid-template-columns: repeat(1, minmax(0px, 1fr));
	}

	/*what-do*/
	/*secure*/
	.secure__box-content {
		width: 35%;
	}

	/*secure*/
	/* help */
	.help__body {
		grid-template-columns: repeat(1, minmax(0px, 1fr));
		grid-row-gap: 2rem;
	}

	/* help */
	/* footer */
	.footer__box {
		grid-template-columns: repeat(2, minmax(0px, 1fr));
		justify-items: center;
	}

	.footer__box-block {
		width: 24rem;
	}

	.footer__box-block:nth-child(3),
	.footer__box-block:nth-child(4) {
		padding-top: 2rem;
	}
}
@media (max-width: 650px) {
	.btn--show-mobile {
		display: flex;
	}
	.breadcrumbs {
		display: none;
		padding: 10rem 1.5rem 0 1.5rem;
	}
	.breadcrumbs .link {
		display: flex;
		align-items: center;
		height: 5rem;
		padding: 0 2.5rem;
		background-color: var(--primary-color);
		border-radius: 8px;
		color: #000;
		transition-duration: 0.3s;
		transition-timing-function: ease;
		flex: 1 1 auto; /* позволит занять оставшееся место */
		min-width: 0; /* позволяет тексту "сжиматься" при необходимости */
		overflow: hidden;
		text-overflow: ellipsis;
		white-space: nowrap;
	}
	.breadcrumbs span:last-child {
		display: none;
	}
	.breadcrumbs .link:hover {
		color: var(--default-color);
	}
	.breadcrumb-separator {
		display: none;
	}
	.header__contact-btn-items {
		display: none;
	}

	.header__contact-box {
		margin-right: 0;
	}

	/* stages */
	/* secure */
	.secure__box {
		flex-direction: column;
	}

	.secure__box-content {
		width: 100%;
		margin-right: 0;
		margin-bottom: 2rem;
	}

	.secure__box-items {
		width: 100%;
	}

	/* secure */
	/* reviews */
	.reviews__items {
		grid-template-columns: repeat(1, minmax(0px, 1fr));
	}

	/* reviews */
	/* contact */
	.contact-form__box {
		flex-direction: column;
	}

	.contact-form__form {
		max-width: 100%;
	}

	.contact-form__contacts {
		max-width: 100%;
	}

	.contact-form__map {
		max-width: 100%;
	}

	/* contact */
}

@media (max-width: 590px) {
	/*Прайс*/
	.price__content-items {
		grid-template-columns: repeat(1, minmax(0px, 1fr));
	}

	.price__header {
		flex-direction: column;
		align-items: center;
	}

	.price__header-tabs {
		margin-bottom: 4rem;
	}

	/*Прайс*/
	/*form-lend*/
	.form-lend__input-box {
		grid-template-columns: repeat(1, minmax(0px, 1fr));
	}

	/*form-lend*/

	/*what-do*/
	.what-do__header {
		flex-direction: column;
		align-items: center;
	}

	.what-do__header-tabs {
		margin-bottom: 4rem;
	}

	/*what-do*/
	/* footer */
	.footer__box {
		grid-template-columns: repeat(1, minmax(0px, 1fr));
	}

	.footer__box-block {
		max-width: 30rem;
	}

	.footer__box-block:nth-child(2) {
		padding-top: 2rem;
	}

	/* footer */
}

@media (max-width: 552px) {
	/* Прайс */
	/* stages */
	.stages__items {
		grid-template-columns: repeat(1, minmax(0px, 1fr));
		grid-column-gap: 1rem;
		grid-row-gap: 1rem;
	}

	.stages__item {
		padding: 2rem;
	}

	.stages__item-text {
		font-size: 1.6rem;
	}
}

@media (max-width: 420px) {
	.quantity-container {
		display: none;
	}
	.sms-action-buttons {
		flex-direction: column;
		align-items: flex-start;
	}
}

@media (max-width: 400px) {
	.slider--bg-img:before {
		min-height: 50%;
	}
	.popup-content {
		padding: 2rem;
	}

	.btn-close {
		right: 1.5rem;
	}

	/* .btn {
        min-width: 17rem;
    } */

	.tel {
		font-size: 1.6rem;
	}

	.header__contact-box {
		display: none;
	}

	.burger-wrap {
		margin-right: 0;
	}

	.header__contact-phone-icon {
		display: block;
	}

	.logo-burger-icon-wrap {
		justify-content: space-between;
		margin-right: 0;
	}

	/* help */
	.help__body-item {
		flex-direction: column;
		align-items: center;
	}

	.help__body-il {
		max-width: 80%;
	}

	.help__body-ir {
		width: 100%;
		padding-top: 2rem;
		margin-left: 0;
	}

	/* help */

	/* Слайдер */
	.slider__content-body-contact-p-one {
		margin-left: 0;
	}

	.slider__content-body-contact-p-one::before {
		display: none;
	}

	.slider__content-body-contact-p-three {
		display: flex;
	}

	.slider__content-banners-top-title {
		display: none;
	}

	.slider__content-banners-top-body {
		border-left: none;
		margin-left: 0rem;
	}

	.slider__content-banner {
		height: auto;
		min-width: auto;
	}

	/* Слайдер */
	/* Адвантед*/
	.advantages__item-icon {
		display: none;
	}

	.advantages__item-text {
		width: 100%;
	}

	/* Адвантед*/
	/* Прайс */
	.price__header-tabs {
		flex-direction: column;
	}

	/* Прайс */

	/* stages */
	/*what-do*/
	.what-do__header-tabs {
		flex-direction: column;
	}

	/*what-do*/

	.lipkiy-tel {
		display: flex;
	}
}
