/*!
Theme Name: canon-capital
*/

a:visited {
	text-decoration: none;
}

a:hover {
	text-decoration: none;
}

ul li {
	list-style: none;
	margin: 0;
}

body.noscroll {
	overflow: hidden;
}

body {
	font-family: 'Poppins', sans-serif;
	margin: 0;
	background: var(--fill, #FFF);
}

img {
	vertical-align: top;
}

h1,
h2,
h3,
h4,
h5,
h6 {
	font-size: inherit;
	font-weight: inherit;
	margin: 0;
}

h1 {}

h2 {
	font-size: 45px;
	font-weight: 700;
	letter-spacing: 0.8px;
	margin: 0;

}


h3 {
	font-size: 38px;
	font-weight: 600;
	margin: 0;

}

h4 {
	font-size: 30px;
	font-weight: 600;


}


p {

	font-weight: 300;

}


a {
	color: inherit;
	text-decoration: none;
	cursor: pointer !important;
}

button {
	cursor: pointer;
}

/* ================================ B A S I C  start============================== */


.admin-bar .header.site-header {
	top: 33px;
}





.container {
	display: flex;
	max-width: 1200px;
	padding: 15px 0;
	margin: 0 auto;
	width: 100%;
	padding-left: calc((100% - 1200px) / 2);
	padding-right: calc((100% - 1200px) / 2);
	box-sizing: content-box;
	flex-direction: row;
	justify-content: space-between;
	align-items: stretch;
	align-content: center;
	height: auto;
}



/* ================================ B A S I C  end ============================== */


/*========================== H E A D E R   start ============================ */
.header.site-header {
	position: absolute;
	left: 0;
	top: 0;
	/* background: linear-gradient(180deg, #C2DBDC 0%, #D4E1DA 34.88%, #DDE5DF 100%); */
	display: flex;
	width: 100%;
	z-index: 999;
	height: auto;
	background: none;
	flex-direction: row;
	justify-content: space-between;
	align-items: center;
}


.header__inner {
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	align-items: center;
	width: 100%;
	position: relative;
}

.header__logo {
	display: flex;
	flex-direction: row;
	width: 100%;
	align-items: center;
}

.header__contact {
	display: flex;
	flex-direction: row;
	width: 100%;
	align-items: center;
	gap: 15px;
	justify-content: flex-end;
}

.header__phone-icon {
	display: flex;
	width: 40px;
	height: 40px;
	flex-shrink: 0;
	background: #B9C316;
	border-radius: 50%;
	align-content: center;
	flex-direction: column;
	align-items: center;
	justify-content: center;
}

span.header__btn-close--survey {
	color: var(--cc-additional, #304C06);
	text-align: center;
	text-decoration: underline;
	text-underline-offset: 5px;
	font-family: Poppins;
	font-size: 16px;
	font-style: normal;
	cursor: pointer;
	font-weight: 400;
	line-height: normal;
	/* top: 100px; */
	bottom: -40px;
	position: absolute;
	right: 0px;
}

.header__phone-text {
	color: #FFF;


	font-family: Poppins;
	font-size: 16px;
	font-style: normal;
	font-weight: 400;
	line-height: normal;
}

.header__phone-num {
	color: var(--cc-white, #FFF);

	/* CC/headers/h3 */
	font-family: Poppins;
	font-size: 24px;
	font-style: normal;
	font-weight: 500;
	line-height: 30px;
	/* 125% */
}

a.header__phone {
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 4px;
}

/*========================== H E A D E R   end ============================ */



/*========================== M A I N    start ============================ */


main.main {
	width: 100%;
	display: flex;
	flex-direction: column;
	height: 100%;
	justify-content: space-between;
	align-items: stretch;
}

section.hero {
	width: 100%;
	background: linear-gradient(180deg, #C2DBDC 0%, #D4E1DA 34.88%, #DDE5DF 100%);
	display: flex;
	flex-direction: row;
	height: 80vh;
	position: relative;
	min-height: 750px;
	overflow: hidden;
}



.hero__inner {
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	align-items: stretch;
	width: 100%;
	padding-top: 44px;
	height: 100%;

}

.advantages p.hero-subtitle {
	display: none;
}

h1.hero__title {
	font-size: 60px;
	font-style: normal;
	display: inline-flex;
	color: #FFF;
	font-weight: 600;
	line-height: 122.5%;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: center;
}

span.color-text {
	color: var(--cc-accent, #B9C316);
}

.hero .hero__input-section.fixed {
	position: fixed;
	top: 0;
	z-index: 99999;
	left: 0;
	background: #0000002e;
	margin: 0;
	width: calc(100% - 100px);
	height: 60px;
	padding: 15px 50px;
	background: rgba(0, 0, 0, 0.4);
	display: flex;
	backdrop-filter: blur(10px);
	align-items: center;
}

.admin-bar .hero__input-section.fixed {
	top: 32px;
}

.hero .hero__input-section.fixed button.hero__offer-button {
	top: 19px;
	height: 52px;
	right: 50px;

}

p.hero-subtitle {
	color: #FFF;
	font-family: Poppins;
	font-size: 16px;
	font-style: normal;
	font-weight: 400;
	margin: 0;
	line-height: normal;
}

.hero__content {
	display: flex;
	flex-direction: row;
	width: 100%;
	align-items: center;
	max-width: 481px;
	justify-content: space-between;
}

.hero__image {
	display: flex;
	flex-direction: column;
	gap: 20px;
	height: 100%;
	width: 100%;
	/* max-width: 810px; */
	margin-bottom: 0;
	justify-content: flex-end;
	/* align-content: center; */
	align-items: center;

}

.hero__image img {
	width: 100%;
	/* height: 100%; */
	/* flex-shrink: 1; */
	min-height: 650px;
	margin-right: -50px;
	max-width: 800px;
}

.hero__text {
	display: flex;
	flex-direction: column;
	align-items: stretch;
	gap: 20px;
	width: 100%;
}

.hero__input-section {
	display: flex;
	flex-direction: row;
	width: 100%;
	margin-top: 40px;
	position: relative;
}

input.hero__input-field {
	display: flex;
	width: 100%;
	justify-content: space-between;
	align-items: center;
	/* padding: 10px; */
	border-radius: 40px;
	background: var(--cc-white, #FFF);
	height: 50px;
	color: #8A8A8A;
	font-family: Poppins;
	font-size: 16px;
	font-style: normal;
	font-weight: 400;
	line-height: normal;
	border: none;
	padding-left: 20px;
}

button.hero__offer-button {
	position: absolute;
	display: flex;
	padding: 12px;
	color: var(--cc-white, #FFF);
	font-family: Poppins;
	font-size: 16px;
	font-style: normal;
	font-weight: 400;
	line-height: normal;
	/* gap: 10px; */
	border-radius: 40px;
	background: var(--cc-additional, #304C06);
	bottom: -1px;
	height: 54px;
	border: none;
	cursor: pointer;
	top: -1px;
	flex-direction: row;
	right: -1px;
	justify-content: center;
	align-items: center;
}



/* ----------------------     section advantages         ------------------------------ */



section.advantages {
	padding: 80px 0;
}

h2.advantages__title {
	color: var(--cc-additional, #304C06);
	text-align: center;

	/* CC/headers/h1 */
	font-family: Poppins;
	font-size: 42px;
	font-style: normal;
	font-weight: 600;
	max-width: 872px;
	width: 100%;
	display: flex;
	line-height: 52px;
	/* 123.81% */
}

.advantages__inner {
	display: flex;
	flex-direction: column;
	align-items: center;
	width: 100%;
	gap: 60px;
}

.advantages__list {
	display: flex;
	flex-direction: row;
	gap: 60px;
	width: 100%;
	justify-content: center;
	align-items: flex-start;
}

.advantages__item {
	display: flex;
	flex-direction: column;
	align-items: center;
	text-align: center;
	width: 100%;
	gap: 25px;
	justify-content: center;
}

h3.advantages__item-title {
	color: var(--cc-additional, #304C06);
	text-align: center;

	/* CC/headers/h3 */
	font-size: 24px;
	font-style: normal;
	font-weight: 500;
	line-height: 30px;
	/* 125% */
	margin: 0;
}

p.advantages__item-description {
	color: var(--cc-typography-primary, #0F0F0F);
	text-align: center;
	/* CC/text */
	font-size: 16px;
	font-style: normal;
	margin: 0;
	font-weight: 400;
	line-height: normal;
}

/* ----------------------     section advantages      end   ------------------------------ */

/* ----------------------     section deal-steps     end   ------------------------------ */


section.deal-steps {
	display: flex;
	flex-direction: column;
	width: 100%;
	margin-bottom: 60px;
}

.deal-steps__inner {
	display: flex;
	flex-direction: column;
	align-items: center;
	width: 100%;
	gap: 40px;
}

.deal-steps-top {
	display: flex;
	flex-direction: column;
	width: 100%;
	gap: 20px;
	max-width: 600px;
	align-items: center;
}

h2.deal-steps__title {
	color: var(--cc-additional, #304C06);
	text-align: center;
	font-size: 42px;
	font-style: normal;
	font-weight: 600;
	max-width: 500px;
	line-height: 52px;
}

p.deal-steps__subtitle {
	color: var(--cc-typography-primary, #0F0F0F);
	text-align: center;
	font-size: 16px;
	font-style: normal;
	font-weight: 400;
	line-height: normal;
}

.deal-steps__list {
	width: 100%;
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	gap: 20px;
}

.deal-steps__item {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	gap: 10px;
}

span.deal-steps__item-number {
	color: var(--cc-accent, #B9C316);
	font-family: Poppins;
	font-size: 16px;
	font-style: normal;
	font-weight: 400;
	line-height: 24px;
}

h3.deal-steps__item-title {
	color: var(--cc-additional, #304C06);

	/* CC/headers/h3 */
	font-family: Poppins;
	font-size: 24px;
	font-style: normal;
	font-weight: 500;
	line-height: 30px;
	/* 125% */
}

p.deal-steps__item-description {
	color: var(--cc-typography-primary, #0F0F0F);
	font-family: Poppins;
	font-size: 14px;
	font-style: normal;
	margin: 0;
	font-weight: 400;
	line-height: 21px;
	/* 150% */
}


img.deal-steps__item-icon {
	border-radius: 15px;
	object-fit: cover;
	width: 100%;
	/* height: 100%; */
	max-height: 200px;
}

/* ----------------------     section deal-steps      end   ------------------------------ */


/* ----------------------     section banner     ------------------------------ */


section.banner {
	width: 100%;
	display: flex;
	min-height: 300px;
	align-items: center;
	background: var(--cc-gray, #F4F4F4);
	margin: 60px 0;
	padding: 40px 0;
}

section.banner.banner--feedback {
	margin: 60px 0 0;
}

.banner__content {
	width: 100%;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	margin: 0 auto;
	/* gap: 17px; */
	align-content: center;

}

h2.banner__title {
	color: var(--cc-accent, #B9C316);
	font-family: Poppins;
	font-size: 64px;
	font-style: normal;
	font-weight: 700;
	line-height: normal;
}

h3.banner__subtitle {
	color: var(--cc-additional, #304C06);
	font-family: Poppins;
	font-size: 16px;
	font-style: normal;
	font-weight: 600;
	line-height: normal;
}

p.banner__desc {
	color: var(--cc-typography-primary, #0F0F0F);

	/* CC/text */
	font-family: Poppins;
	font-size: 16px;
	font-style: normal;
	font-weight: 400;
	margin: 20px 0 40px;
	line-height: normal;
}

button.banner__offer-button {
	display: flex;
	padding: 12px 40px;
	justify-content: center;
	align-items: center;
	gap: 12px;
	border: none;
	border-radius: 40px;
	color: var(--cc-white, #FFF);

	/* CC/text */
	font-family: Poppins;
	font-size: 16px;
	font-style: normal;
	font-weight: 400;
	line-height: normal;
	background: var(--cc-additional, #304C06);
}

/* ------------------- banner--feedback banner       ----------------------- */
.banner--feedback .banner__content {
	max-width: 500px;
	gap: 20px;
}

.banner--feedback h2.banner__title {
	font-size: 42px;
	line-height: 52px;
}

.banner--feedback .hero__input-section {
	margin: 0;
}

.banner--feedback h3.banner__subtitle {
	font-size: 24px;
}

.banner--feedback__desc-phone {
	font-size: 24px;
	font-style: normal;
	font-weight: 500;
	line-height: 30px;
	margin: 0;
}

a.banner--feedback__phone {
	display: flex;
	flex-direction: column;
	align-items: center;
}

.banner--feedback__phone-num {
	font-size: 24px;
	font-style: normal;
	font-weight: 500;
	line-height: 30px;
	margin: 0;
}

/* ----------------------     section banner      end   ------------------------------ */



/* ----------------------     section selling-options      start  ------------------------------ */


section.selling-options {
	width: 100%;
	margin: 30px 0;
}

.selling-options__inner {
	display: flex;
	flex-direction: column;
	align-items: stretch;
	gap: 60px;
	width: 100%;
}

h2.selling-options__title {
	color: var(--cc-additional, #304C06);
	text-align: center;

	/* CC/headers/h1 */
	font-family: Poppins;
	font-size: 42px;
	font-style: normal;
	font-weight: 600;
	line-height: 52px;
	/* 123.81% */
}

.selling-options__table {
	display: flex;
	flex-direction: column;
	align-items: stretch;
	justify-content: center;
}

.selling-options__table-head {
	width: 100%;
	display: grid;
	grid-template-columns: 2fr repeat(2, 1fr);
	grid-template-rows: 1fr;
	grid-column-gap: 0px;
	grid-row-gap: 0px;
	gap: 80px;
	justify-items: stretch;
	align-items: center;
	margin-bottom: 30px;
}

h3.selling-options__column-title.condition {
	grid-area: 1 / 1 / 2 / 2;
	opacity: 0;
}

h3.selling-options__column-title.competitors {
	color: var(--cc-typography-primary, #0F0F0F);
	width: 300px;
	font-family: Poppins;
	font-size: 20px;
	font-style: normal;
	font-weight: 400;
	line-height: normal;
	grid-area: 1 / 2 / 2 / 3;
}

h3.selling-options__column-title.our-company {
	color: var(--cc-accent, #B9C316);
	width: 300px;
	font-family: Poppins;
	font-size: 20px;
	font-style: normal;
	font-weight: 400;
	line-height: normal;
	grid-area: 1 / 3 / 2 / 4;
}


.selling-options__table-row {
	width: 100%;
	display: grid;
	/* padding: 12px 0; */
	grid-template-rows: 1fr;
	grid-template-columns: 2fr repeat(2, 1fr);
	grid-column-gap: 0px;
	grid-row-gap: 0px;
	border-bottom: 1px solid #304C06;
	gap: 80px;
	justify-items: stretch;
	align-items: stretch;
}

.selling-options__table-row:last-child {
	border-bottom: none;
}

.selling-options__column {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: stretch;
}

.selling-options__column.condition {
	padding: 12px 0;
	color: var(--cc-typography-primary, #0F0F0F);
	font-family: Poppins;
	font-size: 16px;
	font-style: normal;
	font-weight: 400;
	line-height: normal;
	grid-area: 1 / 1 / 2 / 2;
}

h4.selling-options__column-title {
	color: var(--cc-typography-primary, #0F0F0F);
	font-family: Poppins;
	font-size: 16px;
	font-style: normal;
	font-weight: 400;
	line-height: normal;
}

.selling-options__column.competitors {
	width: 300px;
	padding: 12px 0;
	grid-area: 1 / 2 / 2 / 3;
}

.selling-options__column.our-company {
	width: 276px;
	grid-area: 1 / 3 / 2 / 4;
	background: var(--cc-gray, #F4F4F4);
	padding: 20px 12px;

}

h4.selling-options__column-text {
	color: #8A8A8A;
	font-family: Poppins;
	font-size: 30px;
	font-style: normal;
	font-weight: 400;
	line-height: normal;
}

span.selling-options__column-desc-top {
	color: #8A8A8A;
	font-family: Poppins;
	font-size: 14px;
	font-style: normal;
	font-weight: 400;
	line-height: normal;
}

span.selling-options__column-desc-bot {
	color: #8A8A8A;
	font-family: Poppins;
	font-size: 14px;
	font-style: normal;
	font-weight: 400;
	line-height: normal;
}

.our-company span.selling-options__column-desc-top {
	color: var(--cc-typography-primary, #0F0F0F);
}

.our-company span.selling-options__column-desc-bot {
	color: black;
}

.our-company .selling-options__column-title {
	color: var(--cc-typography-primary, #0F0F0F);
	font-family: Poppins;
	font-size: 20px;
	font-style: normal;
	font-weight: 400;
	line-height: normal;
}

/* ----------------------     section selling-options      end ------------------------------ */


/* ----------------------     section gallery-swiper    start ------------------------------ */

.gallery-swiper {
	width: 100%;
}

.gallery-swiper img {
	width: 100%;
	object-fit: cover;
	height: auto;
	margin: -1px;

}

section.gallery {
	display: flex;
	flex-direction: row;
	width: 100%;
	margin: 40px 0
}

.gallery-swiper .swiper-wrapper {
	transition-timing-function: linear;
}

.swiper.gallery-swiper {
	display: flex;
}

.swiper-slide.gallery-slide {
	width: auto;
	display: flex;
	flex-direction: row;
	align-items: stretch;
	justify-content: flex-start;
}

.gallery-slide__img-link {
	cursor: pointer;
}

/* ----------------------     section gallery-swiper      end ------------------------------ */

/* ----------------------     section seller-reviews      start------------------------------ */
.seller-reviews .swiper-slide.seller-reviews__slider-slide {
	width: 100%;
	display: flex;
	padding: 40px 0;
}

.seller-reviews__slider-wrap {
	width: 100%;
	display: flex;
}

.seller-reviews .swiper.seller-reviews__slider {
	width: 100%;
	display: flex;
	/* max-width: 600px; */
	min-height: 220px;
	align-items: center;
}

.seller-reviews__content {
	width: 100%;
	display: flex;
	flex-direction: column;
	max-width: 60%;
}

.seller-reviews__inner {
	width: 100%;
	display: flex;
	flex-direction: row;
	gap: 40px;
	justify-content: space-between;
	align-items: center;
}

.seller-reviews__rating {
	width: 100%;
	display: inline-flex;
	flex-direction: column;
	align-items: center;
	gap: 12px;
}

.seller-reviews__rating p {
	color: var(--cc-typography-primary, #0F0F0F);
	font-family: Poppins;
	font-size: 14px;
	font-style: normal;
	font-weight: 400;
	text-align: start;
	line-height: 21px;
	margin: 0;
	max-width: 290px
}


h2.seller-reviews__title {
	color: var(--cc-additional, #304C06);
	text-align: center;
	font-family: Poppins;
	font-size: 42px;
	font-style: normal;
	font-weight: 600;
	line-height: 52px;

}

.seller-reviews .swiper-button-next:after,
.seller-reviews .swiper-button-prev:after {
	color: #304C06;
}

.seller-reviews .swiper-pagination-bullet {
	background: #304C06;
	opacity: 1;
}

.seller-reviews .swiper-pagination-bullet-active {
	scale: 1.5;
	background: #B9C316;
}

.seller-reviews .swiper-slide {
	width: 100%;
	border-radius: 20px;
	display: flex;
	align-items: center;
	gap: 12px;
	justify-content: center;
	flex-direction: row;
}

.seller-reviews__slide-inner {
	display: flex;
	flex-direction: row;
	padding: 12px 20px;
	align-content: space-around;
	align-items: stretch;
	gap: 12px;
	border-radius: 20px;
	background: var(--cc-gray, #F4F4F4);
	justify-content: center;
	width: 70%;
}

.swiper-slide__image {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	justify-content: flex-start;
}

img.swiper-slide__author-img {
	width: 83%;
	width: 80px;
	height: 80px;
	border-radius: 50%;
	object-fit: cover;
}

.swiper-slide__content {
	display: flex;
	flex-direction: column;
	align-items: stretch;
	gap: 12px;
}

.seller-reviews__slider-wrap {
	display: flex;
	flex-direction: row;
	justify-content: flex-start;
	align-content: center;
	align-items: center;
}


p.swiper-slide__author {
	color: var(--cc-additional, #304C06);
	margin: 0;
	text-align: start;
	font-family: Poppins;
	font-size: 24px;
	font-style: normal;
	font-weight: 500;
	line-height: 30px;
}

p.swiper-slide__text {
	color: var(--cc-typography-primary, #0F0F0F);
	font-family: Poppins;
	font-size: 14px;
	font-style: normal;
	font-weight: 400;
	line-height: 21px;
	margin: 0;
}

.swiper-slide__text-bot {
	color: var(--cc-additional, #304C06);
	text-align: end;
	font-family: Poppins;
	font-size: 16px;
	font-style: normal;
	font-weight: 600;
	line-height: normal;
}

img.seller-reviews__rating-img {
	width: 100%;
	width: 247px;
	height: 247px;
}

/* ----------------------     section seller-reviews      end------------------------------ */

/* ----------------------     section faq   start ------------------------------ */
.faq-item {
	border-bottom: 1px solid #304C06;
	margin-bottom: 10px;
	padding: 20px 0;
	cursor: pointer;
}

section.seller-reviews {
	padding-top: 60px;
}

.faq-question {
	display: flex;
	justify-content: space-between;
	align-items: center;
	font-weight: bold;
	color: var(--cc-typography-primary, #0F0F0F);
	font-family: Poppins;
	font-size: 18px;
	font-style: normal;
	font-weight: 500;
	line-height: normal;
	text-align: left;
}

.faq-icon {
	transition: transform 0.3s, fill 0.3s;
}

.faq-answer {
	display: none;
}

section.faq {
	display: flex;
	flex-direction: row;
	width: 100%;
	padding: 40px 0;
}

section.faq {}

.faq__inner {
	display: flex;
	flex-direction: column;
	align-items: stretch;
	text-align: center;
	margin-right: auto;
	margin-left: auto;
	width: 100%;
	max-width: 650px;
}

h2.faq-title {
	color: var(--cc-additional, #304C06);
	font-family: Poppins;
	font-size: 42px;
	font-style: normal;
	font-weight: 600;
	line-height: 52px;
	margin-bottom: 60px;
}

.faq-answer {
	color: var(--cc-typography-primary, #0F0F0F);
	font-family: Poppins;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    text-align: start;
    margin-top: 10px;
    letter-spacing: .5px;
}

.faq-item:last-child {
	border-bottom: none;
}

/* ----------------------     section faq     end ------------------------------ */
/*========================== M A I N    end ============================ */


/*========================== S U R V E Y  style ============================ */
h2.survery-step__title {
	color: var(--cc-additional, #304C06);
	text-align: center;
	font-family: Poppins;
	font-size: 36px;
	font-style: normal;
	font-weight: 600;
	line-height: 46px;

}

p.survery-step__description {
	color: var(--cc-typography-primary, #0F0F0F);
	text-align: center;
	margin: 20px 0 0;
	font-family: Poppins;
	font-size: 16px;
	font-style: normal;
	font-weight: 400;
	line-height: normal;

}

button.hero__offer-button:hover,
button.banner__offer-button:hover {
	background: #517d11;
}

h2.survery-step__title-final {
	color: var(--cc-additional, #304C06);
	text-align: center;
	font-family: Poppins;
	font-size: 64px;
	font-style: normal;
	margin-bottom: 20px;
	font-weight: 600;
	line-height: 46px;

}

div#step-9 {
	text-align: center;
	display: flex;
	width: 100%;
	gap: 30px;
	height: 100%;
	flex-direction: column;
	align-items: center;
	justify-content: center;
}

.admin-bar section.survey.survey-open {
	padding: 33px 0 0;
}

section.survey {
	position: fixed;
	display: none;
	flex-direction: row;
	height: 100%;
	width: 100%;
	top: 0;
	background: white;
	overflow-x: scroll;
	justify-content: center;
	align-items: stretch;
	z-index: 999999999;
}

section.survey.survey-open {
	display: flex;
	flex-direction: column;
	justify-content: flex-start;
}

.survey__inner {
	display: flex;
	flex-direction: column;
	align-items: center;
	padding: 30px 0;
	width: 75%;
	margin-right: auto;
	margin-left: auto;
	height: 100%;
	align-content: center;
	justify-content: flex-start;
	font-family: Poppins;

}

button.back-button {
	display: flex;
	border-radius: 40px;
	border: 1px solid var(--cc-additional, #304C06);
	width: 300px;
	padding: 12px 30px;
	color: var(--cc-additional, #304C06);
	text-align: center;
	font-family: Poppins;
	font-size: 16px;
	font-style: normal;
	font-weight: 400;
	background: none;
	line-height: normal;
	justify-content: center;
	align-items: center;
	gap: 10px;
}

button.next-button {
	display: flex;
	width: 300px;
	padding: 12px 30px;
	justify-content: center;
	align-items: center;
	gap: 10px;
	color: white;
	font-family: Poppins;
	border: none;
	border-radius: 40px;
	background: var(--cc-accent, #B9C316);
}
.survey-fianl .survey__inner {
    width: 100%;
}

.survey-fianl p.survery-step__description{
	margin: 0;
	font-size: 24px;
}

.error-message {
	color: red;

}
.finish-button {
	border-radius: 40px;
	display: flex;
	width: 300px;
	padding: 12px 30px;
	color: var(--cc-white, #FFF);
	text-align: center;
	border: none;
	font-family: Poppins;
	font-size: 16px;
	font-style: normal;
	font-weight: 400;
	line-height: normal;
	justify-content: center;
	align-items: center;
	gap: 10px;
	background: var(--cc-accent, #B9C316);
}

.survery-step__nav-buttons {
	display: flex;
	flex-direction: row;
	align-items: stretch;
	justify-content: center;
	gap: 20px;
	margin-top: 60px;
}

.field__input {
	display: flex;
	color: #272525;
	font-family: Poppins;
	font-size: 16px;
	font-style: normal;
	font-weight: 400;
	line-height: normal;
	width: 600px;
	padding: 12px 20px;
	border-radius: 40px;
	border: 1px solid #B4B4B4;
	background: var(--cc-white, #FFF);
	align-items: center;
	gap: 10px;
}

select#State {
	width: 642px;
}

.survery-step__options {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	gap: 20px;
	justify-items: center;
	margin-left: auto;
	margin-right: auto;
	width: 100%;
	align-items: center;
	justify-content: center;
	max-width: 80%;
}

.survery-step__fields {
	display: flex;
	flex-direction: column;
	gap: 20px;
	align-items: center;
}

p.survery-step__question {
	color: var(--cc-typography-primary, #0F0F0F);
	text-align: center;
	font-family: Poppins;
	font-size: 24px;
	font-style: normal;
	font-weight: 500;
	line-height: 30px;
	margin: 40px 0;
}

label.survery-step__single-option {
	width: 100%;
	color: var(--cc-typography-primary, #0F0F0F);
	text-align: start;
	font-family: Poppins;
	font-size: 16px;
	font-style: normal;
	font-weight: 400;
	display: flex;
	gap: 15px;
	line-height: normal;
}

.survey-step__color {
	display: block;
	height: 100%;
	width: 0;
	border-radius: 20px;
	background-color: #B9C316;
	transition: width 0.5s;
}

.survery-step__stage {
	display: flex;
	width: 80%;
	margin: 35px 0;
	height: 20px;
	border-radius: 20px;
	margin-right: auto;
	margin-left: auto;
	background: #F1F1F1;
}

header.header.survey-header {
	display: none;
}

header.header.survey-header.survey-open {
	display: flex;
	top: 0;
	position: static;
}

.survey-header .header__phone-text {
	color: #304c07;
}

.survey-header .header__phone-num {
	color: #304c07;
}

header.header.header-none {
	display: none;
}


div#wpcf7-f145-o1 {
	opacity: 0;
	position: absolute;
	z-index: -1;
}

/*========================== S U R V E Y  style ============================ */

/*========================== F O O T E R   start ============================ */


footer.footer.footer-site {
	padding: 25px 0 10px;
	display: flex;
	min-height: 150px;
	width: 100%;
	background: var(--cc-typography-primary, #0F0F0F);
	bottom: 0;
	color: white;
	align-items: stretch;
}

.footer__site {
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	align-items: stretch;
	width: 100%;
	gap: 20px;
	/* min-height: 180px; */
}

.footer__left {
	display: flex;
	flex-direction: column;
	gap: 20px;
}

p.footer__text-legal {
	margin: 0;
	max-width: 150px;
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	align-items: center;

	font-size: 12px;
	font-style: normal;
	font-weight: 400;
	line-height: normal;
	justify-content: space-between;
	align-content: center;
}

span.name {
	color: var(--cc-accent, #B9C316);
}

p.footer__text {
	margin: 0;
	font-size: 12px;
	font-style: normal;
	font-weight: 400;
	line-height: normal;
}

.footer__right {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	justify-content: center;
	display: flex;
	flex-direction: column;
	gap: 20px;
}

h3.footer__contact-title {
	color: var(--cc-accent, #B9C316);
	font-family: Poppins;
	font-size: 12px;
	font-style: normal;
	font-weight: 500;
	line-height: normal;
}

a.footer__contact-link {
	font-size: 12px;
	font-style: normal;
	font-weight: 400;
	line-height: normal;
}

.footer__contact {
	display: flex;
	flex-direction: column;
	align-items: stretch;
}

.footer__social-icons {
	display: flex;
	flex-direction: row;
	gap: 20px;
	padding-top: 20px;
}

.footer.footer-site .container {
	display: flex;
	flex-direction: column;
	gap: 30px;
}




/*========================== F O O T E R    end ============================ */



/* MEDIA  */


@media (max-width: 800px) {
	header.header.site-header {
		width: 100%;
	}

	.container {
		width: calc(100% - 30px);
		padding: 15px;
		max-width: 100%;
	}

	.header__logo {
		width: auto;
		display: flex;
	}

	.header__inner {
		gap: 40px;

	}

	.hero__inner {
		display: flex;
		flex-direction: column;
		width: 100%;
		padding-top: 120px;
		align-items: center;
		justify-content: flex-start;
	}




	.advantages__list {
		display: flex;
		flex-direction: column;
	}

	.deal-steps__list {
		grid-template-columns: repeat(1, 1fr);
		width: 85%;
	}

	.selling-options__table {
		width: 100%;
	}

	.selling-options__table-head {
		display: flex;
		width: 100%;
		gap: 12px;
		flex-direction: row;
		align-items: center;
		align-content: center;
		justify-content: flex-start;

	}

	h4.selling-options__column-text {
		font-size: 16px;
	}

	span.selling-options__column-desc-bot {
		font-size: 12px;
	}


	h4.selling-options__column-title {
		font-size: 14px !important;
	}


	h3.selling-options__column-title.condition {
		font-size: 16px;
		display: flex;
		width: 100%;
		flex-direction: column;
		align-items: stretch;
		justify-content: center;
	}

	h3.selling-options__column-title.competitors {
		display: flex;
		width: 100%;
		font-size: 16px;
	}

	h2.advantages__title {
		font-size: 36px;
		line-height: 44px;
	}

	h3.advantages__item-title {
		width: 75%;
	}

	section.banner {
		margin: 20px 0;
		padding: 15px 0;
	}

	section.deal-steps {
		margin-bottom: 30px;
	}

	h2.banner__title {
		font-size: 50px;
	}

	h2.selling-options__title {
		line-height: 44px;
		font-size: 36px;
	}

	.selling-options__inner {
		gap: 40px;
	}

	h3.selling-options__column-title.our-company {
		display: flex;
		width: 100%;
		font-size: 16px;
	}


	.selling-options__table-row {
		width: 100%;
		display: grid;
		grid-template-columns: repeat(3, 1fr);
		justify-items: stretch;
		align-content: center;
		justify-content: space-between;
		align-items: stretch;
		gap: 12px;
	}


	.selling-options__column.competitors {
		display: flex;
		width: 100%;
		flex-direction: column;
		align-items: baseline;
	}

	.selling-options__column.our-company {
		display: flex;
		width: calc(100% - 24px);
	}

	.selling-options__column.condition {
		display: flex;
		width: 100%;
	}

	.seller-reviews__inner {
		display: flex;
		flex-direction: column;
	}

	.seller-reviews__content {
		max-width: 100%;
	}

	.seller-reviews__slide-inner {
		width: 100%;
	}


	.seller-reviews .swiper-button-next:after,
	.seller-reviews .swiper-button-prev:after {
		display: none;
	}

	.seller-reviews .swiper-button-next:after,
	.seller-reviews .swiper-button-prev:after {
		display: none;
	}

	.admin-bar section.survey.survey-open {
		padding: 45px 0 0;
	}

	.hero .hero__input-section {
		position: absolute;
		bottom: 6px;
		left: 0;
		width: 95%;
		right: 0;
		margin-right: auto;
		margin-left: auto;
	}

	.hero .hero__input-section.fixed {
		width: calc(100% - 30px);
		padding: 15px;
	}

	.hero .hero__input-section.fixed button.hero__offer-button {
		top: 19px;
		height: 52px;
		right: 14px;
	}

	button.hero__offer-button {
		height: 60px;
	}

	.hero__image img {
		min-height: 250px;
		margin-right: 0;
		max-height: 100%;
		max-width: 100%;
	}

	h1.hero__title {
		font-size: 40px;
		font-style: normal;
		display: flex;
		text-align: start;
		font-weight: 600;
		line-height: 109%;
		align-items: center;
		gap: 10px;
		justify-content: flex-start;
		flex-wrap: wrap;
		flex-direction: row;
	}

	.hero__image {
		display: flex;
		align-items: flex-start;
		flex-direction: row;
		height: auto;
		justify-content: center;
	}

	section.hero {
		height: 100%;
		min-height: 100%;
		overflow: unset;
	}

	.advantages p.hero-subtitle {
		color: black;
		width: 95%;
		margin-left: auto;
		margin-right: auto;

		text-align: center;
		font-size: 16px;
		font-style: normal;
		padding-bottom: 50px;
		font-weight: 400;
		line-height: normal;
		display: flex;
	}


	.banner--feedback .banner__content {
		padding: 30px 0;
	}

	.banner--feedback h2.banner__title {
		font-size: 36px;
		text-align: center;
	}

	.hero__content {
		max-width: 100%;
	}

	p.hero-subtitle {
		display: none;
	}

	section.advantages .container {
		display: flex;
		flex-direction: column;
	}

	section.advantages {
		padding-top: 20px;
		padding-bottom: 40px;
	}

	.header__phone-num {
		font-size: 18px;
		font-style: normal;
		font-weight: 500;
		line-height: 30px;
	}

	.header__phone-text {
		font-size: 14px;
		font-style: normal;
		font-weight: 500;
		line-height: 140%;
		text-align: center;
	}

	p.hero-subtitle {
		display: none;
	}

	.admin-bar .header.site-header {
		top: 46px;
	}

	.survey__inner {
		width: 100%;
	}

	h2.survery-step__title {
		font-size: 26px;
		line-height: normal;
	}

	p.survery-step__description {
		font-size: 14px;
	}

	.advantages p.hero-subtitle {
		display: flex;
	}

	.survery-step__options {
		max-width: 100%;
	}

	button.back-button {
		width: 100%;
	}

	button.next-button {
		width: 100%;
	}

	.field__input {
		width: calc(100% - 40px);
		/* align-items: stretch; */
	}

	select#State {
		width: 100%;
	}

	.survery-step__fields {
		align-items: stretch;
	}

	span.header__btn-close--survey {

		/* top: 100px; */
		bottom: -41px;

	}

}