/*
Theme Name: 4Chu
Author: webdev1l
Author URI: http://webdev1l.great-site.net/
Description: Базовая заготовка для создания собственной темы WordPress.
Version: 1.0
*/

<style>
 @font-face {
      font-family: 'Qanelas-Medium'; /* Choose a unique name for your font */
      /*src: url(var(--template_dir)"_res/Qanelas/Qanelas-Medium.woff") format('woff');*/
      src: url('_res/Qanelas/Qanelas-Regular.woff') format('woff');
      /*font-weight: medium;  Define the font's weight (e.g., normal, bold) */
      /*font-style: medium;   Define the font's style (e.g., normal, italic) */
      font-weight: Regular;
      font-style: Regular; 
   }
 @font-face {
      font-family: 'Qanelas-Bold'; 
      src: url('_res/Qanelas/Qanelas-Bold.woff') format('woff');
      font-weight: bold;
      font-style: bold;  
   }
   @font-face {
      font-family: 'Qanelas-Regular'; 
      src: url('_res/Qanelas/Qanelas-Regular.woff') format('woff');
      font-weight: Regular;
      font-style: Regular;  
   }
   @font-face {
      font-family: 'Qanelas-SemiBold'; 
      src: url('_res/Qanelas/Qanelas-SemiBold.woff') format('woff');
      font-weight: SemiBold;
      font-style: SemiBold;  
   }
html { 
	font-size: 10px;
	font-family: 'Qanelas-Medium', sans-serif;

}

h1, h2, h3, h4, h5, p {
	color: var(--color_pinkDark);
}

body {
	--color_pink1: #E6C2CD;
	--color_pink2: #FFB4CA;
	--color_pink3: #FF92B2; 
	--color_pink4: #FFEBF2;
	--color_pink5: #FFF4F2;
	--color_pink6: #F4F8FE;
	--color_pinkDark: #87384F;
	--color_pinkDarkOp: rgba(135, 56, 79, 0.4);

	margin: 0;
	overflow-x: hidden;
	/*border: 1px solid #f00;*/
	background: var(--color_pink5);
	/*display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;*/
	width: 100%;
}
		.wrapper {
			margin: 0 auto;
			max-width: 1440px;
		}
		.cont {
			padding-left: 5.555vw;
			padding-right: 5.555vw;
		} 
		.dis_btn {
			opacity: .3;
			transition: all .3s;
		}

        .main_header {
			position: relative;
			background: var(--color_pink4);
			display: flex;
			flex-direction: row;
			width: 100%; /*width: 98.7vw;*/
		}
        .nav_header {
			position: absolute;
			display: flex;
			align-items: center;
			justify-content: space-between;
			width: calc(100% - 9%);
			height: 6.986rem;
			margin: 2rem 4.5% 0 4.5%;
			background: #fff;
			border-radius: 50rem;
			font-size: 1.6rem;
			z-index: 666;
		}
		.nav_header .logo {
			margin-left: 3.45rem;
			margin-top: 1rem;
		}
		.menu_header {
			z-index: 1;
		}
		.menu_header > ul {
			display: flex;
			list-style: none;
		}
		.menu_header > ul > li {
			margin-right: 5rem;
		}
		
		.menu_header > ul > li > a {
			text-transform: uppercase;
			text-decoration: none;
			font-family: 'Qanelas-Medium', sans-serif;
			color: var(--color_pinkDark);
			transition: color .3s;
		}
		body > div.wrapper > header > nav > div.menu_header > ul > li > a {
			font-family: Qanelas-Medium, sans-serif !important;
		}
		.menu_header > ul > li a:hover{
			color: var(--color_pink3) !important;
		}
		.btns_header > button {
			text-transform: uppercase;
			font-size: 1.6rem;
			font-family: Qanelas-Bold;
			border: none;
			cursor: pointer;
		}
		.btn_lang {
			background: var(--color_pink2);
			color: #fff;
			width: 7.614rem;
			height: 4.8rem;
			padding: 1rem;
			border-radius: 1.2rem;
			margin-right: 2rem;
		}
		.btn_start {
			position: relative;
			background: var(--color_pink3);
			color: #fff;
			width: 16.9rem;
			height: 4.8rem;
			padding: .5rem .5rem .5rem 2rem;
			border-radius: 50rem;
			margin-right: 1rem;
			text-align: start;
		}
		.btn_start:before {
			content: '';
			position: absolute;
			background: url('../../../wp-content/uploads/2026/01/icon_start.png');
			background-repeat: no-repeat;
			width: 100%;
			height: 100%;
			top: 50%;
			left:100%;
			transform: translate(-26%, -39%);
		}
		.mob_menu, .mob_menu_btn {
			display: none;
		}
		.mob_menu {
			opacity: 0;
			transition: all 1s;
		}
		.left_header, .right_header {
			height: 97.2rem;
			width: 50vw;
			box-sizing: border-box;
		}
		.left_header {
			background: url('../../../wp-content/uploads/2026/01/bg_header.jpg');
			background-repeat: no-repeat;
			background-position: center;
			border-top-right-radius: 5rem;
			border-bottom-right-radius: 5rem;
			border-bottom-left-radius: 5rem;

			background-size: cover;
		}	
		.right_header {
			position: relative;
			padding: 0 10rem 8rem 6rem;
		}
		.right_header > h1 {
			color: #87384F;
			font-size: 6.4rem;
			margin-top: 16.8rem;
			font-family: Qanelas-Regular;
			line-height: 120%;
			letter-spacing: 0%;
		}
		.right_header > h1 > span{
			font-family: Qanelas-Bold;
		} 
		.header_q_form {
			margin-top: 8rem;
			display: none;
		}
		.active_page {
			display: block;
		}
		.right_header .header_q_form > h2 {
			text-transform: none;
			text-align: left;
		} 
		/*
		.right_header progress {
			width: 100%;
			height: 3.8rem;
			background-color: #fff;
			accent-color: var(--color_pink3); 
			border-radius: 50rem;
			overflow: hidden; 
			transition: width 0.5s ease-in-out; 
		}
		.right_header progress::-webkit-progress-bar {
			background-color: #fff; 
		}
		.right_header progress::-webkit-progress-value {
			background-color: var(--color_pink3); 
		}
		.right_header progress::-moz-progress-bar {
			background-color: var(--color_pink3);
		} */
		.header_q_form .title_form {
			font-size: 2.8rem;
			color: var(--color_pinkDark);
		}
		.header_q_form .title_form span {
			font-family: Qanelas-Bold;
		}
		.right_header .progres-bar {
			--progres_head_value: 17.2%;
			--progres_head_text: "1 / 26";
			position: relative;       
			width: 100%;                 
			height: 3.8rem;
			background: #fff; 
			margin-left: 0%;  
			border-radius: 50rem;
			border: 1px solid var(--color_pink3);
			transition: width 0.5s ease-in-out; 
			margin-bottom: 3.2rem;
		}
		.right_header .progres{ 
			position: absolute; 
			left: 0;
			width: var(--progres_head_value);                     
			height: 100%;
			background: var(--color_pink3);
			border-radius: 50rem;
		}
		.right_header .progres:after{  
			position: absolute;
			content: var(--progres_head_text);
			width: 100%;
			height: 100%;
			color: #fff;
			top: 50%;
			left: 50%;
			transform: translate(-19%, -26%);
			font-family: Qanelas-Bold;
			font-size: 1.6rem;
		}
		.head_form {
			display: flex;
			flex-direction: row;
			flex-wrap: wrap;
			justify-content: space-between;
			/*margin-bottom: 15.8rem;*/
		}
		.head_form .item {
			width: calc(50% - 1.2rem);
			display: flex;
			flex-direction: column;
			margin-bottom: 1.2rem;
		}
		.head_form input, select {
			height: 5.2rem;
			padding: 1.6rem 1.2rem;
			border-radius: 1rem;
			border: none;
			color: var(--color_pinkDark);
			box-sizing: border-box;
		}
		select {
			background: #fff;
			cursor: pointer;
			width: 100%;
			appearance: none;
		}
		div.select {
			position: relative;
			--size: 0.3rem;
		}
		div.select::before,
		div.select::after {
		  position: absolute;
		  content: "";
		  right: 1rem;
		  pointer-events: none;
		}

		div.select::before {
		  border-left: var(--size) solid transparent;
		  border-right: var(--size) solid transparent;
		  border-bottom: var(--size) solid var(--color_pinkDark);
		  top: 40%;
		}

		div.select::after {
		  border-left: var(--size) solid transparent;
		  border-right: var(--size) solid transparent;
		  border-top: var(--size) solid var(--color_pinkDark);
		  top: 55%;
		}
		.head_form input::placeholder {
			font-size: 1.4rem;
			line-height: 140%;
			color: var(--color_pinkDarkOp);
			font-family: 'Qanelas-Regular'; 
		}
		.head_form label {
			font-family: 'Qanelas-Medium', sans-serif;
			font-size: 1.3rem;
			line-height: 120%;
			letter-spacing: 2%;
			color: var(--color_pinkDark);
			margin-bottom: .6rem;
		}
		input.other {
			display: none;
			position: absolute;
	  		top: 0;
	  		left: 0;
	  		width: 100%;
	  		z-index: 5;
		}
		/*.head_form label:after {
			content: "*";
		}*/
		.btns_head_form {
			bottom: 8rem;
  			position: absolute;
		}
		.head_back, .head_next, .head_send {
			width: 12.5rem;
			height: 5.2rem;
			padding: 1.4rem 2.4rem 1.4rem 1.4rem;
			border-radius: 50rem;
			border: none;
			background: var(--color_pink1);
			color: var(--color_pinkDark);
			text-transform: uppercase;
			letter-spacing: 1%;
			font-size: 1.8rem;
			font-family: 'Qanelas-Bold';
			text-align: right;
			background-image: url('../../../wp-content/uploads/2026/01/arrow_button_back.svg');
			background-repeat: no-repeat;
			background-position: 1.4rem center;

		}
		.head_next {
			width: 11.8rem;
			padding: 1.4rem 1.4rem 1.4rem 2.4rem;
			text-align: left;
			background: #fff;
			background-image: url('../../../wp-content/uploads/2026/01/arrow_button_next.svg');
			background-repeat: no-repeat;
			background-position: 8.4rem center;
			margin-left: 2rem;
			border: 1px solid rgba(135, 56, 79, 0.5);
		}
		.head_send {
			width: 11.8rem;
			padding: 1.4rem 1.4rem 1.4rem 1.4rem;
			text-align: left;
			background: var(--color_pink3);
			background-image: none;
			margin-left: 2rem;
			color: #fff;
			text-align: center;
		}

		/*=================   S E C T I O N    1  + ==========================*/
		#sec1 {
			background: var(--color_pink5);
			display: flex;
			flex-direction: column;
			align-items: center;
			padding: 16.2rem 0 15rem 8rem;
		}
		h2 {
			font-size: 4.8rem;
			margin: 0 0 6.4rem 0;
			text-align: center;
			text-transform: uppercase;
			font-family: 'Qanelas-Regular';
		}
		h2 span {
			font-family: 'Qanelas-Bold';
		}
		#sec1 .disc {
			display: flex;
			align-items: center;
			background: var(--color_pink4);
			position: relative;
			border-top-left-radius: 22rem;
			border-bottom-left-radius: 22rem;
			border-top: 1px solid var(--color_pink3);
			border-bottom: 1px solid var(--color_pink3);
			border-right: 1px solid var(--color_pink3);
			box-shadow: 0px 4px 4px 0px rgba(0,0,0,0.25);
			height: 45rem;
		}
		/*#sec1 .disc:before {
			content: '';
			background: url('../../../wp-content/uploads/2026/01/sec1.jpg');
			position: absolute;
			left: 0;
			top: 50%;
			transform: translateY(-50%);
			width: 44rem;
			height: 45rem;
			border-radius: 50%;
		}*/
		#sec1 .disc .img {
			width: 45rem;
			height: 45rem;	

			min-width: 45rem;
		  background-image: url('../../../wp-content/uploads/2026/01/sec1.jpg');
		  border-radius: 50%;
		  background-size: cover;
		  background-position: center top;
		  background-repeat: no-repeat;
		}
		#sec1 .disc .img img {
			width: auto;
			height: auto;
			border-radius: 50%;
			transform: translate(-1%, .1%);

			display: none;
		}
		#sec1 .disc h3 {
			font-size: 3.4rem;
			font-family: 'Qanelas-Regular';
		}
		#sec1 .disc h3 span {
			font-family: 'Qanelas-Bold';
		}
		#sec1 .disc > div.text {
			padding: 5.83vw 5.56vw 5.83vw 6.652rem; /*padding: 8.4rem 8rem 8.4rem 40.92vw;*/
		}
		#sec1 .disc > div.text p {
			font-size: 1.6rem;
			line-height: 150%;
		}
		#sec1 .items {
			display: flex;
			flex-direction: row;
			flex-wrap: wrap;
			justify-content: space-between;
			padding-right: 5.555vw;
			margin-top: 6.9rem;
		}
		#sec1 .item {
			background: #fff;
			border-radius: 2.4rem;
			width: calc(25% - 3.4rem);
			text-align: center;
			padding: 4.8rem 3.2rem;
			padding-bottom: .5rem;
			margin-right: 3.4rem;
			box-sizing: border-box;
			box-shadow: 0px 0px 208px 0px rgba(255,182,209,0.14), 
					  0px 0px 90.68px 0px rgba(255,182,209,0.0945),
					  0px 0px 33.8px 0px rgba(255,182,209,0.07),
					  0px 0px 12.02px 0px rgba(255,182,209,0.0455);
		}
		#sec1 .item:last-child {
			margin-right: 3.4rem;
		}
		#sec1 .item h4 {
			font-size: 2.4rem;
			text-transform: uppercase;
			font-family: 'Qanelas-Bold';
			margin-bottom: 0;
		}
		#sec1 .item p {
			font-size: 1.4rem;
			font-family: 'Qanelas-Regular';
			line-height: 140%;
		}

		/*=================   S E C T I O N    2 ==========================*/
		#sec2 {
			background: var(--color_pink4);
		}
		#sec2 h2 {
			padding-top: 10rem;
		}
		#sec2 .items {
			margin: 6.4rem auto 10rem auto; /*6.4rem 14.2rem 10rem 14.2rem;*/
			width: 81.16%;
			display: flex;
			flex-direction: row;
			flex-wrap: wrap;
		}
		#sec2 .item {
			width: 100%;
			display: flex;
			flex-direction: row;
			column-gap: 3.2rem;
			margin-bottom: 6.4rem;
		}
		#sec2 .item:nth-child(even) .item_part:first-child {
			order: 1;
		}
		#sec2 .item_part {
			width: calc( 50% - 1.6rem);
		}
		#sec2 .item_part:first-child {
			display: flex;
			flex-direction: row;
			align-items: center;
		}
		#sec2 .item_part > div:first-child {
			background: var(--color_pink3);
			color: var(--color_pink6);
			border-radius: 3.2rem;
			margin-right: 2rem;
			font-size: 3.2rem;
			font-family: 'Qanelas-Bold';
			display: flex;
			justify-content: center;
			align-items: center;
			height: 100%; /*7.46vw;*/
			width: 50%;
			max-height: 10.6rem;
			max-width: 10.6rem;
		}
		#sec2 h3 {
			font-size: 3.2rem;
			font-family: 'Qanelas-Bold';
			color: var(--color_pinkDark);
			text-transform: uppercase;
			margin: 0 0 0 0;
		}
		#sec2 p {
			font-size: 1.8rem;
			font-family: 'Qanelas-Regular';
			line-height: 150%;
		}
		#sec2 img {
			width: 100%;
			border-radius: 7.3rem;
		}
		/*=================   S E C T I O N    3 ==========================*/
		#sec3 {
			background: var(--color_pink5);
			padding-left: 5.56%;
			padding-bottom: 15rem;
		}
		#sec3 h2 {
			text-align: left;
			margin: 0 0 0 0;
		}
		#sec3 .slider {
			position: relative;
			overflow-x: clip;
		}
		#sec3 .slider:after {
			content: '';
			position: absolute;
			top: 0;
			left: 90%;
			height: 100%;
			width: 136px;
			background: linear-gradient(to left, #fff4f9, 72%, #fff4f900);
		}
		#sec3 .slider .cards {
			margin-top: 6rem;
			position: relative;
			display: flex;
			flex-direction: row;
			column-gap: 2rem;
			width: max-content;
			transition: all .4s;
		}
		#sec3 .slider .buttons {
			position: absolute;
			left: 60vw;
			top: -7rem;
			transform: translateY(-100%);
			display: flex;
			flex-direction: row;
			column-gap: 1rem;
		}
		#sec3 .slider .buttons .left, #sec3 .slider .buttons .right {
			background: #fff;
			color: var(--color_pink3);
			border: 1px solid var(--color_pink3);
			border-radius: 50%;
			width: 5.3rem;
			height: 5.3rem;
			display: flex;
			align-items: center;
			justify-content: center;
			font-size: 2rem;
		}
		#sec3 .slider .buttons .right {
			background: var(--color_pink3);
			color: #fff;
		}
		#sec3 .card {
			border-radius: 2.4rem;
			display: flex;
			flex-direction: row;
			border: 1px solid #FF92B280;
			background: #fff;
			width: 39vw; /*19%*/
			/*max-width: calc(1440 / 100 * 39)px;*/
			max-width: 608px;
		}
		#sec3 .card .left img {
			margin: 1.8rem;
		}
		#sec3 .card .right {
			padding: 3.8rem 2rem 2rem 0rem;
		}
		#sec3 .slider .pages {
			display: flex;
			flex-direction: row;
			column-gap: .5rem;
			margin-top: 3rem;
  justify-content: center;
		}
		#sec3 .slider .pages .btn_pg {
			width: 1rem;
			height: 1rem;
			border-radius: 50%;
			border: 1px solid var(--color_pink3);
		}
		#sec3 .slider .pages .act_pg {
			background: var(--color_pink3);
			width: 1.7rem;
			border-radius: 50rem;
		}
		/*=================   S E C T I O N    4   ==========================*/
		#sec4 {
			background: #fff;
			padding-top: 8.7rem;
			padding-bottom: 6rem;
			border-radius: 4.8rem;
			overflow-x: clip;
		}
		#sec4 .head_sec {
			display: flex;
			flex-direction: row;
			justify-content: space-between;
		}
		#sec4 .links {
			position: relative;
		}
		#sec4 .links:before {
			content: "follow us";
			position: absolute;
			top: 0;
			left: 50%;
			transform: translate(-50%, -69%);
			color: var(--color_pinkDark);
			background: var(--color_pink3);
			font-family: Qanelas-Bold;
			font-size: 2rem;
			padding: .7rem 1.5rem;
			border-radius: 5rem;
		}
		#sec4 .links > div {
			border-radius: 500rem;
			border: 1px solid var(--color_pinkDark);
			padding: 1rem;
			display: flex;
			align-items: center;
			column-gap: 1rem;
		}
		#sec4 .links > div > a:last-child {
			margin-left: 2rem;
			margin-right: 3.4rem;
			color: var(--color_pinkDark);
			text-decoration: none;
			font-family: Qanelas-Bold;
			font-size: 3rem;
			line-height: 140%;
		}
		#sec4 .items {
			display: flex;
			column-gap: 1.9rem;
			overflow: clip;
			width: fit-content;
			transition: all ease-out .3s;
		}
		#sec4 .card {
			position: relative;
			width: 34rem !important;
			height: 40.8rem;
			border-radius: 2.4rem;
			background: url("../../../wp-content/uploads/2026/01/sm1.jpg");
			background-repeat: no-repeat;
			background-position: center;
			background-size: cover;
			padding: 1.38rem 1.6rem;
		}
		#sec4 .card:nth-child(2) {
			background-image: url('../../../wp-content/uploads/2026/01/sm2.jpg');
		}
		#sec4 .card:nth-child(3) {
			background-image: url('../../../wp-content/uploads/2026/01/sm3.jpg');
		}
		#sec4 .card:nth-child(4) {
			background-image: url('../../../wp-content/uploads/2026/01/sm4.jpg');
		}
		#sec4 .card:nth-child(5) {
			background-image: url('../../../wp-content/uploads/2026/01/sm5.jpg');
		}
		#sec4 .card:nth-child(6) {
			background-image: url('../../../wp-content/uploads/2026/01/sm6.jpg');
		}
		#sec4 .card img {
			float: right;
		}
		#sec5 {
			padding-top: 15rem;
			padding-bottom: 15rem;
		}
		#sec5 .accord_items {
			margin-top: 6.4rem;
			display: flex;
			flex-direction: row;
			flex-wrap: wrap;
			position: relative;
			margin-left: auto;
			margin-right: auto;
			width: 111rem;
			gap: 3.2rem;
		}
		#sec5 .item {
			width: calc( 50% - 1.6rem);
			background: var(--color_pink4);
			border: 1px solid rgba(135, 56, 79, 0.2);
			padding: 2rem 3.3rem;
			border-radius: 20rem;
			box-sizing: border-box;
			color: var(--color_pinkDark);
			display: flex;
			flex-direction: row;
			justify-content: space-between;
			align-items: center;
			height: fit-content;
		}
		#sec5 .item .text {
			font-size: 1.7rem;
		}
		#sec5 .item .btn {
			width: 4.8rem;
			height: 4.8rem;
			border-radius: 50%;
			background: var(--color_pinkDark);
			color: #fff;
			/*font-size: 1.8rem;*/
			font-size: 4rem;
			font-family: Qanelas-Regular;
			display: flex;
		  	justify-content: center;
		  	align-items: center;
		}
		#sec5 .sec_footer {
			margin-top: 6.4rem;
		}
		#sec5 .top {
			display: flex;
			flex-direction: row;
			width: 87rem;
			margin-right: auto;
			margin-left: auto;
		}
		#sec5 .sec_footer .img {
			border-radius: 50%;
			width: 7.2rem;
			min-width: 7.2rem;
			height: 7.2rem;
			background: url("../../../wp-content/uploads/2026/01/bg_header.jpg");
			background-repeat: no-repeat;
			background-position: center 8%;
			background-size: 130px;
			margin-right: .8rem;
		}
		#sec5 .sec_footer .text {
			padding: 2.4rem;
			background: #fff;
			position: relative;
			border-radius: 2.4rem;
			border-top-left-radius: 0;
			border: 1px solid rgb(135, 56, 79, 0.3);
			color: var(--color_pinkDark);
			font-size: 1.6rem;
			line-height: 160%;
		}
		#sec5 .sec_footer .text:after {
			content: '08:01';
			width: auto;
			height: auto;
			position: absolute;
			bottom: 2.4rem;
			right: 2.4rem;
		}
		#sec5 .sec_footer .bottom {
			margin-top: 2rem;
			text-align: center;
			display: flex;
			flex-direction: row;
			justify-content: center;
			column-gap: 1.4rem;
		}
		#sec5 .sec_footer .bottom a{
			background: #fff;
			color: var(--color_pink3);
			padding: .5rem .5rem .5rem 2rem;
			text-transform: uppercase;
			text-decoration: none;
			font-size: 1.6rem;
			letter-spacing: 1%;
			font-family: Qanelas-Bold;
			border-radius: 50rem;
			display: flex;
			align-items: center;
			width: fit-content;
			column-gap: 2rem;
		}
		#sec5 .sec_footer .bottom a:first-child{
			background: var(--color_pink3);
			color: #fff;
		}

		/*===ACCORDION===*/
		#sec5 .accord_items .item {
			flex-wrap: wrap;
			position: relative;
		}
		#sec5 .accord_items .answer {
			position: absolute;
			width: 100%;
			transform: scale(0);
			overflow: clip;
			transition: all 0s;
			opacity: 0;
		}
		#sec5 .item.accord_act {
			border-radius: 5rem;
		}
		#sec5 .item.accord_act .answer {
			position: relative;
			transform: scale(1.0);
			padding: 3rem .7rem 1rem .7rem;
			transition: all .4s;
			transition: opacity 1.1s;
			line-height: 200%;
			font-size: 1.3rem;
			opacity: 1;
		}
		/*=================   F O O T E R   ==========================*/
		footer {
			background: #fff;
			max-width: 128rem;
			margin-left: 8rem;
  			margin-right: 8rem;
  			margin-bottom: 16rem;
			border-radius: 4.8rem;
			padding: 6.4rem;
			padding-bottom: 3.2rem;display: flex;
			flex-direction: column;
			align-items: center;
			color: var(--color_pinkDark);
		}
		footer .logo {
			width: 30rem;
			height: 10rem;
		}
		footer .menu {
			width: 100%;
			margin-top: 10rem;
		}
		footer .menu ul {
			display: flex;
			flex-direction: row;
			text-transform: uppercase;
			column-gap: 10rem;
			justify-content: center;
			list-style-type: none;
			font-size: 2rem;
			transition: color .3s;
		}
		footer .menu ul a {
			text-decoration: none;
			color: var(--color_pinkDark);
		}
		footer .menu ul a:hover {
			color: var(--color_pink3);
		}
		footer .soc {
			display: flex;
			flex-direction: row;
			column-gap: 1.6rem;
			margin-top: 6.4rem;
		}
		footer .bottom {
			display: flex;
			width: 100%;
			flex-direction: row;
			justify-content: space-between;
			align-items: center;
			margin-top: 10rem;
			font-size: 1.6rem;
			font-family: 'Qanelas-SemiBold';
		}
		footer .bottom div:nth-child(2) a:first-child {
			margin-right: 3.2rem;
		}
		footer .bottom a {
			color: var(--color_pinkDark);
			font-size: 1.6rem;
			font-family: 'Qanelas-SemiBold';
		}
		/*=================   A D A P T   ==========================*/
		.mob_menu_act {
			display: flex;
			flex-direction: column;
			  position: absolute;
			  top: 7rem;
			  left: 0;
			  background: #fff;
			  width: 100%;
			  justify-content: center;
			  z-index: 3;
			  padding-bottom: 5rem;
			  opacity: 1;
			  transition: all .3s;
		}
		.mob_menu_act ul {
			display: flex;
			list-style: none;
			flex-direction: column;
  			row-gap: 3rem;
  			padding-left: 0;
  			text-align: center;
		}
		.mob_menu_act ul a {
			text-transform: uppercase;
			text-decoration: none;
			font-family: Qanelas-Medium;
			color: var(--color_pinkDark);
			font-size: 2.5rem;
		}
		.mob_menu_act ul a:hover{
			color: var(--color_pink3) !important;
		}
		.mob_menu_act .btns_header {
			display: flex;
			flex-direction: column;
			row-gap: 3rem;
			align-items: center;
  			margin-top: 2rem;
		}
		.mob_menu_act .btns_header button{
			margin: 0;
		}
		@media screen and (max-device-width: 1300px) {
			.menu_header > ul > li {
			  margin-right: 2rem;
			}
			.right_header {
  				padding: 0 8rem 4rem 4rem;
  			}
			.right_header > h1 {
				font-size: 6rem;
  				margin-top: 10.8rem;
  			}
  			.header_q_form {
			  margin-top: 6rem;
			}
			.right_header .progres::after {
  				left: 39%;
  			}
  			.btns_head_form {
  				bottom: 3rem;
			}


			#sec1 {
  				padding: 16.2rem 0 15rem 3rem;
			}
			#sec1 .disc > div.text {
  				padding: 5.83vw 3.56vw 5.83vw 3.652rem;
			}
			#sec1 .items {
  				padding-right: 0;
  			}


  			#sec2 .items {
  				width: 95.16%;
  			}
			#sec2 img {
  				height: 100%;
  			}
  			#sec2 h3 {
  				font-size: 2.5rem;
			}
  			#sec2 p {
			  font-size: 1.6rem;
			  line-height: 140%;
			}
			#sec2 .item_part > div:first-child {
  				max-width: 100%;
  				max-height: 100%;
			}

			#sec3 .card {
  				width: 50vw;
  			}

  			#sec5 .accord_items {
  				width: 90%;
			}
			#sec5 .item {
  				width: calc( 100% - 1.6rem);
			}

			#sec5 .top {
  				width: 77rem;
			}
		}
		@media screen and (max-device-width: 1000px) {
			.menu_header, .btns_header {
				display: none;
			}
			.mob_menu_btn {
				display: block;
				font-size: 5rem;
				margin-right: 4rem;
				color: var(--color_pinkDark);
			}
			.main_header {
  				flex-direction: column;
			}
			.left_header, .right_header {
				  height: 70rem;
				  width: 100%;
			}
			.left_header {
			  background-position: top;
			  border-top-right-radius: 0;
			  border-bottom-left-radius: 5rem;
			  border-bottom-right-radius: 5rem;
			}
			.right_header > h1 {
				font-size: 4.1rem;
				margin-top: 8.8rem;
				text-align: center;
  			}
  			.right_header > h1 br {
  				display: none;
  			}
  			.right_header .header_q_form > h2 {
			  text-align: center;
			}
			.btns_head_form {
		     bottom: 3rem;
		     left: 50%;
		     transform: translateX(-50%);
		  }


		  h2 {
  				font-size: 3.6rem;
  			}
  			#sec1 .disc {
			  align-items: flex-start;
			  height: auto;
			  flex-direction: column;
			}
			 #sec1 .disc > div.text {
		    padding: 5.83vw 3.56vw 11.83vw 7.652rem;
		  }
		  #sec1 .item {
			  width: calc(50% - 3.4rem);
			  margin-bottom: 3.4rem;
			}



			#sec2 .item {
			  flex-direction: column;
			  margin-bottom: 1.4rem;
			}
			#sec2 .item_part {
			  width: calc( 100% - 1.6rem);
			  margin-bottom: 3rem;
			  
			}
			#sec2 .item_part img {
				transform: translateX(17%);
				border-radius: 16.3rem;
			}
			#sec2 .item:nth-child(2n) .item_part:first-child {
			  order: unset;
			  flex-direction: row-reverse;
			}
			#sec2 .item_part > div:first-child {
			   max-width: 10rem;
			   max-height: 10rem;
			   transform: translateX(-18%);
			   border-top-left-radius: 0;
  				border-bottom-left-radius: 0;
			}
			#sec2 .item:nth-child(2n) .item_part:first-child div{
				padding-left: 2rem;
			}
			#sec2 .item:nth-child(2n) .item_part:first-child div:first-child {	
				transform: translateX(34%);
			   border-radius: 3.2rem;
			   border-top-right-radius: 0;
			   border-bottom-right-radius: 0;
			   margin-right: 0;
				margin-left: 2rem;
				padding-left: .6rem;
			}
			#sec2 .item:nth-child(2n) .item_part img {
				transform: translateX(-17%);
			}
			#sec2 h3 {
			    font-size: 2.5rem;
			    margin-top: 1.5rem;
			  }


			    #sec3 .card {
			    width: 70vw;
			  }


			  footer .menu {				  
			  		margin-top: 4rem;
				}
			  footer .menu ul {
				  flex-direction: column;
				  row-gap: 3rem;
				  align-items: center;
				  padding: 0;
				}
				footer .soc {
				  margin-top: 3.4rem;
				}
				footer .bottom {
				  margin-top: 6rem;
				  flex-wrap: wrap;
				}
		}

		@media screen and (max-device-width: 700px) {
			.nav_header {
			  width: 100%;
			  height: 7rem;
			  margin: 0;
			  border-radius: 0;
			}
			.left_header {
			    background-position-y: 22rem;
			    border-radius: 1rem;
			    height: 70rem;
			    background-size: contain;
    		}
			.right_header {
			    padding: 0 2rem 4rem 2rem;

			    height: auto;
			  }
			.right_header > h1 {
			    margin-top: -60.8rem;
			    margin-bottom: 57rem;
    		}
			.head_form .item {
  				width: 100%;
			}

			/*.btns_head_form {
			   bottom: 4rem;
			   left: 0%;
			   transform: translateX(0px);
			   display: flex;
			   flex-direction: column-reverse;
			   justify-content: center;
			   width: 100%;
 			}
 			.head_back, .head_next {
 				width: 100%;
 				border-radius: 0;
 				text-align: center;
 				margin: 0;
 				padding: 1.4rem 2.4rem 1.4rem 2.4rem;
 			}
			.head_next {
 			  background-position: 97% center;
 			}
 			*/

			.btns_head_form {
			    bottom: 9rem;
			    left: 0;
			    transform: translateX(0%);
			    margin: 0 auto;
			    width: 100%;
			    text-align: center;

			    bottom: 0;
			    margin: 2rem auto;
			    position: relative;
			}

 			h2 {
		   	font-size: 3rem;
		 	}
		 	h3 {
  				font-size: 2.4rem;
			}


 			#sec1 {
		   	padding: 4.2rem 1rem 5rem 1rem;
		  	}
		  	#sec1 .disc .img {
			  width: 98vw;
			  height: auto;

			  height: 38rem;
		    min-width: 38rem;
		    transform: scale(.9);
			}
			#sec1 .disc .img img {
			  width: 100%;
			  height: auto;
			  border-radius: 50%;
			  transform: translate(0, 0);
			}
			#sec1 .disc h3 {
				font-size: 2.4rem;
			}
			#sec1 .disc > div.text p {
			  font-size: 1.3rem;
			  text-align: justify;
			}
			#sec1 .item {
    			width: calc(100% - 3.4rem);
    			margin-left: auto;
    			margin-right: auto;
 			}
 			#sec1 .item:last-child {
			  margin-right: auto;
			}

			#sec2 {
				overflow: clip;
			}

			#sec3 {
			  padding-left: 0;
			  padding-bottom: 6rem;
			}
			#sec3 h2 {
			  text-align: center;
			  transform: translateY(-70%);
			}
			#sec3 .card {
    			flex-direction: column;
 			}
 			#sec3 .card .left img {
			  margin: 0.7rem;
			}
			#sec3 .card .right {
			  padding: .8rem 2rem 2rem 2rem;
			}
			#sec3 .slider .buttons {
			  left: 50%;
			  top: -2rem;
			  transform: translate(-50%, -100%);
			}


			#sec4 {
			  padding-top: 4.7rem;
			  border-radius: 0;
			}
			#sec4 .head_sec {
				flex-direction: column;
				margin-bottom: 7rem;
			}


			#sec5 {
			  padding-top: 5rem;
			  padding-bottom: 8rem;
			}
			#sec5 .accord_items {
			    width: 100%;
			    margin: 0;
			  }
			#sec5 .item {
		    width: 100%;
		    border-radius: 0;
		    padding-left: 0;
  			 padding-right: 0;
  			 padding-bottom: 0;
		  }
		  #sec5 .item.accord_act {
			  border-radius: 0;
			}
		  /*
		  #sec5 .item .text {
				padding-left: 2rem;
  				padding-right: 2rem;
		  }
		  
		  #sec5 .item .btn {
  				width: 100%;
  				border-radius: 0;
  				margin-top: 2rem;
  			}
  			*/
		   #sec5 .item .text {
			    padding-left: 2rem;
			    padding-right: 1rem;
			    width: 75%;
			}
			#sec5 .item .btn {
				margin: 0 1rem 2rem 0;
			}
  			#sec5 .item.accord_act .answer {
			  padding: 3rem 2.7rem 1rem 2.7rem;
			  text-align: justify;
			}
			  #sec5 .top {
		    width: 95%;
		  }
		  #sec5 .sec_footer .bottom {
			  margin-top: 5rem;
			}


			footer {
				margin: 0;
			}
			footer .bottom {
		    margin-top: 5rem;
		    flex-wrap: wrap;
		    flex-direction: column;
		    row-gap: 2rem;
		  }


		}




		/***********************************************/
		.right_header .progres::after {
			content: ''!important;
		}




		/* 1. БЫСТРАЯ НАСТРОЙКА: Ваши фирменные значения */
:root {
    --my-border-color: var(--color_pink2);   /* Цвет рамки ваших input */
    --my-radius: 5px;             /* Скругление ваших input */
    --my-font-size: 16px;         /* Размер текста */
    --my-brand-color: var(--color_pinkDark);    /* Основной цвет сайта (для тегов) */
}

/* 2. СБРОС И ПОДГОНКА (Copy-Paste) */
.choices__inner {
    border: 1px solid var(--my-border-color) !important;
    border-radius: var(--my-radius) !important;
    background: #fff !important;
    font-size: var(--my-font-size) !important;
    min-height: auto !important; /* Убирает лишнюю высоту */
    padding: 4px 8px !important;
}

/* Оформляем теги (выбранные элементы) */
.choices__list--multiple .choices__item {
    background-color: var(--color_pink2) !important;
	  border: none !important;
	  border-radius: 7px !important;
	  padding: 2px 8px !important;
	  color: #fff;
	  margin: 0.3rem;
}

/* Убираем "крестик" удаления, если он мешает, или красим его */
.choices__list--multiple .choices__item .choices__button {
	 background-color: var(--color_pink4) !important;
  border-left: 1px solid rgba(255,255,255,0.3) !important;
  margin-left: 8px !important;
  font-size: 0;
  border-radius: 3px !important;
  border: navajowhite;
    border-left-width: medium;
    border-left-style: none;
    border-left-color: navajowhite;
  color: var(--color_pinkDarkOp);
  font-family: arial;
  font-weight: 800;
}
.choices__list--multiple .choices__item .choices__button:after {
    content: "-";
	  font-size: 1.6rem;
	  font-weight: 600;
	  font-family: Arial;
}

/* Выпадающий список (подгоняем под рамки инпута) */
.choices__list--dropdown {
    background-color: var(--color_pink5) !important;
	  border: none !important;
	  border-radius: 7px !important;
	  padding: 2px 8px !important;
	  color: var(--color_pinkDark);
	  margin: 0.3rem;
	  font-size: medium;
}

#head_form > div.header_q_form.page6.active_page > div.head_form > div:nth-child(1) > div > div > div.choices__inner > input#head_form > div.header_q_form.page6.active_page > div.head_form > div:nth-child(1) > div > div > div.choices__inner > input#head_form > div.header_q_form.page6.active_page > div.head_form > div:nth-child(1) > div > div > div.choices__inner > input {
	height: 0!important;
  width: 0!important;
  min-width: 0!important;
  border: none!important;
  padding: 0!important;
}

div.header_q_form:nth-child(6) > div:nth-child(3) > div:nth-child(1) > div:nth-child(2):after, div.header_q_form:nth-child(6) > div:nth-child(3) > div:nth-child(1) > div:nth-child(2):before {
	display: none;
}

/***********************************************/
			@media screen and (max-device-width: 699px) {
			#sec4 > div:nth-child(2) {
				display: flex;
			  overflow-x: auto;
			  scroll-snap-type: x mandatory;
			  width: 100%;
			}

			#sec4 > div:nth-child(2) > div.card {
				flex-shrink: 0;
			  scroll-snap-align: center;
			}
		}
      </style>