/*
Theme Name: Mapcy v 2.0
Author: WhereAm1
Author URI: https://wheream1.com
Version: 2024

*/ 


html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
html {
	      scroll-behavior: smooth;

}

@font-face {
  font-family: 'Rubik';
  src: url('fonts/Rubik-Regular.woff2') format('woff2'),
       url('fonts/Rubik-Regular.woff') format('woff');
    
  font-display: swap; 
  font-weight: 400;
}

@font-face {
  font-family: 'Rubik';
  src:	url('fonts/Rubik-Medium.woff2') format('woff2'), 
	  url('fonts/Rubik-Medium.woff') format('woff');

  font-display: swap; 
  font-weight: 600;
}


body {
	line-height: 1;
	 font-family: "Rubik", sans-serif;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
  color: var(--main-color-gray-9);
  background-color: var(--main-color-gray-3) ;
      overflow-x: hidden;
	
}

/* width */
body::-webkit-scrollbar {
  width: 15px;
   
}

/* Track */
body::-webkit-scrollbar-track {
   background-color: var(--main-color-gray-2);
   border-radius: 16px;

}




body::-webkit-scrollbar-thumb {
  background-color: var(--main-color-green-2);
  border-radius: 24px;


}
body::-webkit-scrollbar-thumb:hover {
background-color: var(--main-color-green-1);
}
body::-webkit-scrollbar-thumb:active {
	background-color: var(--main-color-green-3);
}

ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}

a {
	text-decoration: none;
	color: var(--main-color-gray-9);
	transition: 0.3s ease;
}


del {
	font-size: 40px;
	position: relative;
	color: #000;
	text-decoration: none;
}
del:before {
	content: "";
	border-bottom: 2.8px solid #ff0000d9;
	position: absolute;
	width: 94%;
	height: 45%;
	transform: rotate(-12deg);
}

del1 {
	font-size: 40px;
	position: relative;
	color: #000;
	text-decoration: none;
}
del1:before {
	content: "";
	border-bottom: 1.7px solid #ff0000d9;
	position: absolute;
	width: 45%;
	height: 45%;
	transform: rotate(359deg);
}


@media screen and (max-width: 1024px) {
	del1:before {
	content: "";
	border-bottom: 1.7px solid #ff0000d9;
	position: absolute;
	left: 55px;
	width: 55%;
	height: 40%;
	transform: rotate(359deg);
}
}
:root {

  --main-color-gray-1: #FFF;
  --main-color-gray-2: #FAFAFA;
  --main-color-gray-3: #F5F5F5;
  --main-color-gray-4: #E8E8E8;
  --main-color-gray-5: #D9D9D9;
  --main-color-gray-6: #BFBFBF;
  --main-color-gray-7: #8C8C8C;
  --main-color-gray-8: #595959;
  --main-color-gray-9: #262626;
  --main-color-gray-10: #000;

  --main-color-green-1: rgb(255, 215, 0);
  --main-color-green-2: rgb(0 35 255);
  --main-color-green-3: rgb(0 35 255);

  --main-color-red-1: #FF7875;
  --main-color-red-2: #FF4D4F;
  --main-color-red-3: #D9363E;

  --main-color-orange-1: #FFBA3B;
  --main-color-orange-2: #FFA313;
  --main-color-orange-3: #D98004;

  --main-color-yellow-1: rgb(249 218 15);
  --main-color-yellow-2: rgb(249 218 15);
  --main-color-yellow-3: rgb(249 218 15);



}
::selection {
    background-color: var(--main-color-green-2);
    color: var(--main-color-gray-1);
}

.text--big {
	font-size: 128px;
font-style: normal;
font-weight: 600;
line-height: 160px;
}

p {
font-size: 20px;
font-style: normal;
font-weight: 400;
line-height: 28px;
color: var(--main-color-gray-9);
}


h1 {
font-size: 56px;
font-style: normal;
font-weight: 600;
line-height: 72px;
color: var(--main-color-gray-10);
}

h2 {
font-size: 48px;
font-style: normal;
font-weight: 600;
line-height: 64px;
color: var(--main-color-gray-10);
}

h3 {
font-size: 36px;
font-style: normal;
font-weight: 600;
line-height: 54px;
color: var(--main-color-gray-10);
}

h4 {
	font-size: 32px;
font-style: normal;
font-weight: 600;
line-height: 48px;
color: var(--main-color-gray-10);
}
#wrapper {
	overflow: hidden;
}
#wrapper:before {
    content: '';
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    opacity: 0;
    background: var(--main-color-gray-10);
    z-index: 20;
    pointer-events: none;
    transition: 0.5s ease;
}
#wrapper.active:before {
	opacity: 0.4;
}
.text-1 {
font-size: 28px;
font-style: normal;
font-weight: 600;
line-height: 42px;
}

.text-2 {
font-size: 24px;
font-style: normal;
font-weight: 600;
line-height: 32px; 
}

.text-3 {
font-size: 20px;
font-style: normal;
font-weight: 600;
line-height: 28px; 
}

.text-3--regular {
	font-size: 20px;
font-style: normal;
font-weight: 400;
line-height: 28px; 
}

.text-4 {
font-size: 16px;
font-style: normal;
font-weight: 600;
line-height: 26px; 
}
.text-4--regular {
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 26px; 
}
.text-5 {
font-size: 14px;
font-style: normal;
font-weight: 600;
line-height: 20px; 
}
.text-5--regular {
font-size: 14px;
font-style: normal;
line-height: 20px; 
font-weight: 400;

}
.text-6 {
	font-size: 12px;
font-style: normal;
font-weight: 600;
line-height: 18px; 
}
.text-6--regular {
font-size: 12px;
font-style: normal;
font-weight: 400;
line-height: 18px; 
}

.container {
	max-width: 1300px;
	padding: 0 20px;
	margin: auto;
    width: 100%;
    box-sizing: border-box;
    position: relative;
}

.container .heading {
	display: flex;
	width: -webkit-fill-available;
	flex-direction: column;
	align-items: center;
	gap: 24px;
}

.container .heading h2 {
	text-align:center;
}

.container .heading p {
	text-align:center;
}

.button--orange {
	padding: 16px 24px;
	background-color: var(--main-color-yellow-1);
	border-radius: 100px;
	border: 2px solid var(--main-color-yellow-1);
	transition: 0.3s ease;
	text-decoration: none;
	color: var(--main-color-gray-10);
	    display: flex;
    gap: 10px;
    align-items: center;
    width: fit-content;
    justify-content: center;
	overflow:hidden;
		position:relative;
		cursor:pointer;

}
.button--orange:before {
		content: "";
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient( 120deg, transparent, rgba(255, 255, 255, 0.2), transparent );
		-webkit-animation: shine 5s ease-in-out infinite;
    animation: shine 5s ease-in-out infinite;
	}
@keyframes shine {
		
		 0% {
    left: -100%;
    transition-property: left;
  }
		
		10% {
			
    left: 100%;
    transition-property: left;
		}
  100% {
    left: 100%;
    transition-property: left;
  }
}
	
.button--orange:hover {
	background-color: var(--main-color-orange-1);
}

.button--orange:active {
background-color: var(--main-color-orange-3);
}





.button--yellow {
	padding: 16px 24px;
	background-color: var(--main-color-yellow-2);
	border-radius: 100px;
	border: 2px solid var(--main-color-yellow-1);
	transition: 0.3s ease;
	text-decoration: none;
	color: var(--main-color-gray-10);
	    display: flex;
    gap: 10px;
    align-items: center;
    width: fit-content;
     justify-content: center;
	cursor:pointer;
	position:relative;
	overflow:hidden;

}
.button--yellow:before {
		content: "";
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient( 120deg, transparent, rgba(255, 255, 255, 0.2), transparent );
		-webkit-animation: shine 5s ease-in-out infinite;
    animation: shine 5s ease-in-out infinite;
	}
.button--yellow:hover {
	background-color: var(--main-color-yellow-1);
}

.button--yellow:active {
background-color: var(--main-color-yellow-3);
}




.button--white {
	padding: 16px 24px;
	background-color: var(--main-color-gray-2);
	border-radius: 100px;
	border: 2px solid var(--main-color-gray-1);
	transition: 0.3s ease;
	text-decoration: none;
	color: var(--main-color-gray-10);
	    display: flex;
    gap: 10px;
    align-items: center;
    width: fit-content;
 justify-content: center;
	cursor:pointer;
	position:relative;
	overflow:hidden;

}
.button--white:before {
		content: "";
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient( 120deg, transparent, rgba(255, 255, 255, 0.2), transparent );
		-webkit-animation: shine 5s ease-in-out infinite;
    animation: shine 5s ease-in-out infinite;
	}
.button--white:hover {
	background-color: var(--main-color-gray-1);
}

.button--white:active {
background-color: var(--main-color-gray-3);
}



.button--green {
	padding: 16px 24px;
	background-color: rgb(255 215 0);
	border-radius: 100px;
	border: 2px solid var(--main-color-green-1);
	transition: 0.3s ease;
	text-decoration: none;
	color: #262626;
	    display: flex;
    gap: 10px;
    align-items: center;
    width: fit-content;
 justify-content: center;
cursor:pointer;
	position:relative;
	overflow:hidden;
}
.button--green:before {
		content: "";
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient( 120deg, transparent, rgba(255, 255, 255, 0.2), transparent );
		-webkit-animation: shine 5s ease-in-out infinite;
    animation: shine 5s ease-in-out infinite;
	}
.button--green:hover {
	background-color: rgb(235, 184, 0);
}

.button--green:active {
background-color: rgb(137, 110, 12);
}



#header {
	position: fixed;
	box-sizing: border-box;
	padding: 0 20px;
	margin: 0 auto;
	top: -72px;
	width: 100%;
	left: 0;
	right: 0;
	z-index: 100;
	transition: 0.5s ease;
}
#header.appeared {
	top: 24px;
}
#header .container {
	display: flex;
	justify-content: space-between;
	border-radius: 100px;
	border: 1px solid var(--main-color-gray-3);
	background: var(--main-color-gray-1);
	box-shadow: 0px 2px 16px 0px rgba(89, 89, 89, 0.10);
	align-items: center;
	padding: 4px 4px 4px 24px;
	max-width: 1180px;
}
#header .container .right-buttons {
	display: flex;
	justify-content: center;
	align-items: center;
	gap: 16px;
}

@media screen and (max-width: 1024px) {
	#header .container .right-buttons {
		gap: 24px;
		flex-direction: column-reverse;
		align-self: center;
	}
}

#mobile-burger {
	display: none;
	width: 48px;
	height: 48px;
	border-radius: 50%;
	border: 2px solid var(--main-color-gray-1);
	background: var(--main-color-gray-2);
	position: absolute;
    right: 4px;
    top: 4px;
        transition: 0.5s ease;
    
}
#mobile-burger span {
	position: absolute;
	height: 2px;
	width: 16px;
	border-radius: 3px;
	background: var(--main-color-gray-10);
	margin: auto;
	left:0;
	right: 0;
	transition: 0.3s ease;
	

}
#mobile-burger.active {
	
}
#mobile-burger.active  span:nth-child(2) {
	opacity: 0;
}
#mobile-burger.active  span:nth-child(1) {
	transform: rotate(45deg);
	top:23px;
}
#mobile-burger.active span:nth-child(3) {
	transform: rotate(-45deg);
	bottom: 23px;
}
#mobile-burger span:nth-child(1) {
	top:17px;
}
#mobile-burger span:nth-child(2) {
	top:0;
	bottom: 0;
}
#mobile-burger span:nth-child(3) {
	
	bottom: 17px;
}
 #menu  {
 	display: flex;
 	gap:24px;
 }

 #menu a {
 	padding: 18px 0;
 }
 #menu a:hover {
 	color:  var(--main-color-gray-8);
 }

 #menu a:active {
 	color:  var(--main-color-gray-10);
 }

 #screen-1 {
 	height: 100vh;
 	background-color: var(--main-color-green-3);
 	background-image: url('../../uploads/2024/03/screen-1-bg-min.png');
 	background-size: 450px;
 	border-radius: 0px 0px 96px 96px;
 	overflow: hidden;
 	min-height: 660px;
 }
 #screen-1 * {
 	z-index: 1;
 }

@media screen and (min-width: 1024px) {
	
	#screen-1 h1 {
	opacity: 0;
	top:50px;
	}
	#screen-1 h1.appeared {
	opacity: 1;
	top:0px;
}
}
#screen-1 h1 {
	max-width: 630px;
	color: var(--main-color-gray-1);
	margin-bottom: 16px;

	transition: 0.5s ease;
	position: relative;


}


#screen-1 .text-1 {
	max-width: 420px;
	color: var(--main-color-yellow-2);
	margin-bottom: 32px;
	opacity: 0;
	transition: 0.5s ease;
	position: relative;
	top:50px;
}

#screen-1 .text-1.appeared {
	opacity: 1;
	top:0;
}

#screen-1 .text-2 {
	max-width: 630px;
	color: var(--main-color-yellow-2);
	margin-bottom: 32px;
	opacity: 0;
	transition: 0.5s ease;
	position: relative;
	top:50px;
}

#screen-1 .text-2.appeared {
	opacity: 1;
	top:0;
}


#screen-1 .button--yellow.appeared {
	opacity: 1;
	top:0;
}
#screen-1 .button--yellow {
	margin-bottom: 16px;
	min-width: 308px;
	opacity: 0;
	transition: 0.5s ease;
	position: relative;
	top:50px;
}
#screen-1 .button--white {
	opacity: 0;
	transition: 0.5s ease;
	min-width: 308px;
	position: relative;
	top:50px;
}


#screen-1 .container {
	display: flex;
    flex-direction: column;
    height: 100%;
    justify-content: center;

}
#screen-1 .container #main-photo {
	position: absolute;
	bottom: 0;
	right: -100px;
	z-index: 0;
	width: 870px;
    height: auto;
        transition: 0.7s;
        opacity: 0;
}
#screen-1 .container #main-photo Img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	display: block;
}
#screen-1 .container #main-photo.appeared {
	opacity: 1;
}
section {
	position: relative;
}
.decorations {
	position: absolute;
	width: 100%;
	height: 100%;
	top:0;
	left:0;
}
.decoration-single {
	position: absolute;
	width: fit-content;
	height: fit-content;
	transition: 0.5s;
	    opacity: 0; 
    
}
.decoration-single.appeared {
	  opacity: 1; 
    
}
#screen-1 .decorations .teeth {
	top:70px;
	left:3vw;
	
}

#screen-1 .decorations .check-2 {
	bottom: 70px;
    right: 25vw;
	
}

#screen-1 .decorations .check-1 {
    right: 3vw;
    top: 50%;	
}




.decorations .hexagon-1 svg:nth-child(1) {
    position: absolute;
    z-index: -1 !important;
    left: -3px;
    top: -3px;
}

.decorations .hexagon-2 svg:nth-child(1) {
    position: absolute;
    z-index: -1 !important;
    left: -7px;
    top: -7px;
}

#screen-1 .decorations .star-1 {
    top: -75px;
    bottom: 0;
    margin: auto;
    right: 15vw;
}
#screen-1 .decorations .star-2 {
   left:-75px;
   right: 0;
    bottom: 20px;
    margin: auto;
    right: 15vw;
}


#screen-1 .decorations .circle-1 {
  
  
    bottom: 60px;
    margin: auto;
    left: 5vw;
}
.decorations .star-1 {
	
}
.decorations .star-1 svg {
	transform: rotate(30deg);
}
.decorations .circle-1 {
	
}

.decorations .circle-1 svg:nth-child(2) {
   position: absolute;
    z-index: -1 !important;
    left: 0px;
    bottom: 0px;
}

.decorations .star-1 svg:nth-child(1) {
   position: absolute;
    z-index: -1 !important;
    left: 22px;
    top: 2px;
}
.decorations .star-2 {
	
}
.decorations .star-2 svg {
	transform: rotate(-30deg);
}
.decorations .star-2 svg:nth-child(1) {
   position: absolute;
    z-index: -1 !important;
    left: -18px;
    top: 0px;
}

.decorations .star-3 {
	
}

.decorations .star-3 svg:nth-child(1) {
   position: absolute;
    z-index: -1 !important;
    left: 15px;
    top: 1px;
}


#screen-1 .decorations .hexagon-1 {
	    top: 150px;
    left: 0;
    right: 0;
    margin: auto;
}
#screen-1 .decorations .triangle {
	    top: 77px;

    right: 3vw;
  
}



#screen-1 .container #main-photo .check-1 {
	    bottom: 270px;
    left: 150px;
}

#screen-1 .container #main-photo .check-2 {
	  bottom: 30px;
    right: 140px;
}



#screen-2 .decorations .hexagon-1 {
	top:96px;
	left: 10vw;
}


#screen-2 .decorations .triangle {
	top: 100px;
    right: -50px;
  
}
#screen-2 .decorations .triangle svg {
	transform: rotate(30deg);
}
#screen-2 .decorations .hexagon-2 {
	top: 265px;
    right: 120px;

}
#screen-2 .decorations .star-3 {
	bottom: 185px;
    right: 470px;
    z-index: 2;

}

#screen-2 .decorations .teeth {
	bottom:40px;
	left:10vw;
	  
}
#screen-2 .decorations .teeth svg {
  transform: rotate(65deg);
}
#screen-2 .decorations .circle-1 {
		right: -10px;
		bottom: 20px;
		   
}
#screen-2 .decorations .circle-1 svg:nth-child(2) {
	     left: -5px;
    bottom: 40px;
}
#screen-2 .decorations .teeth svg path {
	fill: var(--main-color-green-1);
}
#screen-2 .decorations .triangle svg path {
	fill: var(--main-color-green-1);
}
#screen-2 {
	overflow: hidden;
}

#screen-2 .container  {
	padding: 96px 120px;
	opacity: 0;
	transition: 0.5s ease;
	position: relative;
	top:50px;

}
#screen-2 .container.appeared {
	top:0;
	opacity: 1;
}
#screen-2 h2 {
	text-align: center;
	margin-bottom: 48px;
	position:relative;
	z-index:1;
}

.slide-content {
	display: flex;
	gap: 20px;
	
	justify-content: space-between;
}

#screen-2 .slide-content .left {
	width: 50%;
	padding-top:96px;
}
#screen-2 .slide-content .right {
	width: 50%;
	text-align: center;
}
#screen-2 .slide-content .left h3 {
	margin-bottom: 24px;
}
#screen-2 .slide-content .right img {
	width: 380px;
	height: 500px;
	border-radius: 48px;
	border: 4px solid var(--main-color-green-1);
    overflow: hidden;
    box-sizing: border-box;
    object-fit: cover;
}

#screen-2 .slide-content .right video {
	width: 380px;
	height: 500px;
	border-radius: 48px;
	border: 4px solid var(--main-color-green-1);
    overflow: hidden;
    box-sizing: border-box;
    object-fit: cover;
    filter: brightness(1.15) saturate(1.3);
}


#screen_2_slider {
	
}
#screen-2 .flickity-prev-next-button.previous {
	background: var(--main-color-yellow-2) url(../../uploads/2024/03/black-arrow-left.svg) no-repeat center center !important;
	border-radius: 50%;
	width: 48px !important;
	height: 48px !important;
	border: 2px solid var(--main-color-yellow-1);
	position: relative;
	left: 0;
}
#screen-2 .flickity-prev-next-button.previous svg {
	display:none;
}
#screen-2 .flickity-page-dots .dot:before {
	font-size: 16px;
font-style: normal;
font-weight: 600;
line-height: 24px; 
color: var(--main-color-green-3);
}

#screen-2 .flickity-page-dots .dot:nth-child(1):before {
	content: '1/4' ;
}

#screen-2 .flickity-page-dots .dot:nth-child(2):before {
	content: '2/4' ;
}

#screen-2 .flickity-page-dots .dot:nth-child(3):before {
	content: '3/4' ;
}
#screen-2 .flickity-page-dots .dot:nth-child(4):before {
	content: '4/4' ;
}


#screen-2 .flickity-page-dots {
	      position: relative !important;
    padding: 0 !important;
    bottom: 130px !important;
    left: 144px;
    height: 15px;
    width: 30px !important;
}
#screen-2 .flickity-page-dots .dot {
	position: absolute;
	left: 0;
	bottom:0;
	opacity: 0;
	pointer-events: none;
	transition: 0.3s ease;
	background:unset;
	border:none;
	width:40px !important;
	margin:0 !important;
	height: 17px;
}
#screen-2 .flickity-page-dots .dot.is-selected {
	opacity: 1;
	background-color: unset !important;
    border: unset !important;
}

#screen-2 .small-cta {
	margin-top: 48px;
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 16px;
}

#screen-3 .decorations {
	top:80px;
}

#screen-3 .decorations .teeth {
	top: 200px;
	left: -10px;
}
#screen-3 .decorations .hexagon-1 {
	top: 350px;
	left: 10vw;
	    z-index: 1;
}
#screen-3 .decorations .star-1:nth-child(3) {
	top:160px;
	right: 5vw;
} 
#screen-3 .decorations .star-2 {
	right: 5vw;
    top: 840px;
} 
#screen-3 .decorations .star-1:nth-child(5) {
	left:5vw;
	bottom: 380px;
	
} 
#screen-3 .decorations .star-1:nth-child(5) svg {
	transform: rotate(-170deg);
}
#screen-3 .decorations .star-1:nth-child(5) svg:nth-child(1) {
	left:-11px;
}

.girl-1 {
	
}

.decoration-single.girl-1 svg:nth-child(1) {
	left: 0px;
	bottom: 0px;
	position: absolute;
}
.decoration-single.girl-1 svg:nth-child(2) {
	left: 0px;
	bottom: 0px;
	position: relative;
}
.decoration-single.girl-1 img {
	position: absolute;
    width: 116px;
    height: 116px;
    left: 3px;
    bottom: 6px;
    filter: brightness(1.1) saturate(1.05);
}

.decoration-single.girl-2 svg:nth-child(1) {
	left: -8px;
	top: -13px;
	position: absolute;
}
.decoration-single.girl-2 svg:nth-child(2) {
	left: 0px;
	bottom: 0px;
	position: relative;
}
.decoration-single.girl-2 img {
	position: absolute;
    width: 120px;
    height: auto;
    left: 3px;
    bottom: 6px;
    filter: brightness(1.1) saturate(1.05);
}

#screen-3 .girl-1 {
	left: 15vw;
	bottom: 160px;
}
#screen-3 .girl-2 {
	right: 15vw;
	bottom: 290px;
}

#screen-3 .check-2 {
	bottom: 10px;
	right: 17vw;
}
#screen-3 .triangle {
	    right: -10px;
    bottom: 0px;
   
}
#screen-3 .triangle svg {
	 transform: rotate(65deg);
}
#screen-3 .flickity-page-dots .dot:before {
	font-size: 16px;
font-style: normal;
font-weight: 600;
line-height: 24px; 
color: var(--main-color-yellow-2);
}

#screen-3 .flickity-page-dots .dot:nth-child(1):before {
	content: '1/4' ;
}

#screen-3 .flickity-page-dots .dot:nth-child(2):before {
	content: '2/4' ;
}

#screen-3 .flickity-page-dots .dot:nth-child(3):before {
	content: '3/4' ;
}
#screen-3 .flickity-page-dots .dot:nth-child(4):before {
	content: '4/4' ;
}


#screen-3 .flickity-page-dots  {
	    width: fit-content !important;
    position: relative !important;
    padding: 0 !important;
    bottom: 83px !important;
    left: 244px;
	height: 15px;
    width: 40px !important;
}
#screen-3 .flickity-page-dots .dot {
	position: absolute;
	left: 0;
	bottom:0;
	opacity: 0;
	pointer-events: none;
	transition: 0.3s ease;
	background:unset;
	border:none;
	width:40px !important;
	margin:0 !important;
	height:17px;
}
#screen-3 .flickity-page-dots .dot.is-selected {
	opacity: 1;
	background-color: unset !important;
    border: unset !important;
}
#screen_3_slider {
	
}



#screen_3_slider .flickity-prev-next-button.previous {
	    bottom: 48px;
    left: 100px;
}
#screen_3_slider .flickity-prev-next-button.next{
	    bottom: 48px;
    left: 124px;
}
section .flickity-prev-next-button.previous:hover {
	background: var(--main-color-yellow-1) url(../../uploads/2024/03/black-arrow-left.svg) no-repeat center center !important;
}

section .flickity-prev-next-button.previous:active {
	background: var(--main-color-yellow-3) url(../../uploads/2024/03/black-arrow-left.svg) no-repeat center center !important;
}


section .flickity-prev-next-button {
	background: var(--main-color-yellow-2) url(../../uploads/2024/03/black-arrow-left.svg) no-repeat center center !important;
	border-radius: 50%;
	width: 48px !important;
	height: 48px !important;
	border: 2px solid var(--main-color-yellow-1);
	position: relative;
	    right: 0;
	    transform: rotate(180deg);
	transition:0.3s ease;
	box-shadow:unset !important;
	left: 0;
    top: unset;
    bottom: 96px;
    right: unset;
}
#screen-4 .flickity-prev-next-button {
	display:none;
}
section .flickity-prev-next-button.previous {
	transform:rotate(0deg);
}
section .flickity-prev-next-button.next {
	right:unset;
	left:24px;
}
section .flickity-prev-next-button svg {
	display:none;
}

section .flickity-prev-next-button.next:hover {
	background: var(--main-color-yellow-1) url(../../uploads/2024/03/black-arrow-left.svg) no-repeat center center !important;
}

section .flickity-prev-next-button.next:active {
	background: var(--main-color-yellow-3) url(../../uploads/2024/03/black-arrow-left.svg) no-repeat center center !important;
}


#screen-3 {
    background-color: var(--main-color-green-3);
    background-image: url(../../uploads/2024/03/screen-1-bg-min.png);
    background-size: 450px;
    border-radius: 96px;
    position: relative;
    overflow: hidden;
}

#screen-3 .container {
	padding: 130px 20px ;
	opacity: 0;
	position: relative;
	top: 50px;
	transition: 0.5s ease;
}
#screen-3 .container.appeared {
	top:0;
	opacity: 1;
}
#screen-3 .container .white {
	padding-left: 100px;
}
#screen-3 h2 {
	color: var(--main-color-gray-1);
	text-align: center;
	margin: 0 auto 48px auto;
}

#screen-3 .slide-content .right img {
	width: 576px;
	height: auto;
	border-radius: 24px;
border: 2px solid var(--main-color-gray-4);
	box-sizing:border-box;
}


#screen-3 h3 {
	color: var(--main-color-gray-1);
	margin-bottom:24px;
}
#screen-3 span {
	color: var(--main-color-gray-1);
}
section .owl-pagination-true {
	margin-bottom: 0 !important;
}

#screen-3 .students-say {
	display: flex;
	flex-direction: column;
	align-items: center;
}

#screen-3 .students-say .line {
	display: flex;
	align-items: center;
	gap: 24px;
}

#screen-3-bottom {
	margin-top: 144px;
    text-align: center;
    color: var(--main-color-gray-1);
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 24px;
    position: relative;
    z-index: 1;
}

#screen-3 .text--big {
	line-height: 1;
}
#screen-3 .slide-content {
	padding-left: 100px;
}
#screen-3  .slide-content .right {
	   width: 580px; 
    height: 348px;
}
#screen-3  .slide-content .left {
	padding-top: 24px;
	flex:1;
}

#screen-3  .sa_owl_theme .owl-dots .owl-dot:before {
	 color: var(--main-color-yellow-2);
}
#screen-3  .sa_owl_theme .owl-dots {
	    bottom:13px !important;
}

#screen-3 .spots {
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	margin:auto;
	width: 526px;
	height: auto;
}

#screen-4 .decorations {
	top:140px;
}

#screen-4 .decorations .star-1 {
	top:60px;
	left:6vw;
	
}
#screen-4 .decorations .star-1 svg {
transform: rotate(-170deg);
}
#screen-4 .decorations .star-1 svg:nth-child(1) {
	left:-11px;
}
#screen-4 .decorations .teeth {
	top:75px;
	right:6vw;
	
}
#screen-4 .decorations .teeth svg {
	transform: scale(1, -1) rotate(245deg);
}
#screen-4 .decorations .teeth svg path {
	fill: var(--main-color-green-2);
}
#screen-4 .decorations .hexagon-1 {
	bottom:45px;
	left:15vw;
}
#screen-4 .decorations .triangle {
	bottom: 150px;
	right: 5vw;
	
}
#screen-4 .decorations .triangle svg {
	transform: rotate(120deg);
}
#screen-4 .decorations .triangle svg path {
	fill: var(--main-color-green-2);
}
#screen-4 {
	overflow: hidden;
}

#screen-4 .container {
	padding: 96px 20px;
	opacity: 0;
	position: relative;
	top: 50px;
	transition: 0.5s ease;
}
#screen-4 .container.appeared {
	opacity: 1;
	top:0;
}
#screen-4 h2 {
	margin-bottom: 64px;
	text-align: center;
}

#screen-4 .review-total { 
	display: flex;
	padding: 12px 24px;
	justify-content: center;
	align-items: center;
	gap: 12px;
	border-radius: 48px;
	border: 2px solid var(--main-color-gray-4);
	background: var(--main-color-gray-1);
	width: fit-content;
	margin: 0 auto 24px auto;
}

#screen-4 .review-total strong { 
	font-weight: 600;
}

#screen-4 .flickity-viewport {
	overflow:visible;
}
#screen-4  .slide-content-testimonials {
	padding-right: 20px;
	border-radius: 48px;
border: 2px solid var(--main-color-gray-4);
background: var(--main-color-gray-1);
display: flex;
flex-direction: column;
gap: 32px;
padding: 32px;
	width:calc(50% - 20px);
	opacity:0.1;
	transition:0.3s ease;
	box-sizing:border-box;
	margin:0 10px;
}
#screen-4  .slide-content-testimonials.is-selected {
	opacity:1;
}
#screen-4 .slide-content-testimonials.is-selected + .slide-content-testimonials {
	opacity:1;
}
#screen-4  .slide-content-testimonials {
	
}
#screen-4  .slide-content-testimonials  .top {
	display: flex;
	gap: 16px;
	    align-items: center;
}

#screen-4 .slide-content-testimonials .top picture img {
	width: 64px;
	height: 64px;
	border-radius: 50%;
	border:2px solid var(--main-color-green-1);
	box-sizing: border-box;
	filter: brightness(1.2) saturate(1.1);
}

#screen-4  .slide-content-testimonials  .top span {
width: calc(100% - 128px);
}

#screen-4  .slide-content-testimonials  .top a {
	border: 2px solid var(--main-color-green-1);
	width: 32px;
	height: 32px;
	border-radius: 50%;
	position: relative;
	transition: 0.3s ease;
	box-sizing: border-box;
}
#screen-4 .slide-content-testimonials  .top a:hover {
	background-color: var(--main-color-green-1);
}
#screen-4  .slide-content-testimonials  .top a img {
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	top:0;
	margin: auto;
	width: 24px;
	height: 24px;
	transition: 0.3s ease;
}
#screen-4  .slide-content-testimonials  .top a:hover img {
	filter: grayscale(1) brightness(3);
}

#screen-4  .slide-content-testimonials p {
	color: var(--main-color-gray-8);
}



#screen-4 .flickity-page-dots {
	     padding-top: 26px !important;
    position: relative;
    bottom: 0 !important;
    gap: 12px;
    display: flex;
    width: fit-content;
    margin: 0 auto;
}

#screen-4 .flickity-page-dots .dot {
	width: 16px !important;
	height: 16px !important;
	background-color: var(--main-color-gray-5);
	border: 2px solid var(--main-color-gray-5);
	box-sizing: border-box;
	transition:0.3s ease;
	    margin: 0 !important;
}
#screen-4 .flickity-page-dots .dot.is-selected {
	    background-color: var(--main-color-green-2) !important;
    border: 2px solid var(--main-color-green-1) !important;
}


#screen-5 {

}
#screen-5 .decorations {
	top:170px;
}

#screen-5 .decorations .triangle {
	top:80px;
	left: -30px;
	   
}

#screen-5 .decorations .triangle svg {
 transform: rotate(35deg);
}
#screen-5 .decorations .star-1 {
	top:160px;
	right: 10vw;
}


#screen-5 .decorations .hexagon-1 {
	bottom:330px;
	right: 5vw;
}
#screen-5 .decorations .teeth {
	bottom: 40px;
	left: 5vw;
	
}
#screen-5 .decorations .teeth svg {
	transform: rotate(60deg);
}
#screen-5 .decorations .teeth svg path {
	fill:  var(--main-color-green-2);
}
#screen-5 .container {
	padding: 96px 20px;
		opacity: 0;
	position: relative;
	top: 50px;
	transition: 0.5s ease;
}
#screen-5 .container.appeared {
	opacity: 1;
	top:0;
}

#screen-5 .container h2 {
	text-align: center;
	margin-bottom: 64px;
}
#screen-5-top {
	border-bottom: 2px solid var(--main-color-gray-5);
	display: flex;
	padding: 0 24px;
	margin-bottom: 24px;
	justify-content: center;

}
#screen-5-top .screen-5-top-switcher.active {
border: 2px solid var(--main-color-green-2);
background: var(--main-color-green-2);
} 
#screen-5-top .screen-5-top-switcher {
	width: 50%;
	padding: 24px 32px;
	border-radius: 32px 32px 0px 0px;
	transition: 0.3s ease;
	cursor: pointer;
	box-sizing: border-box;
	border:2px solid transparent;
}
#screen-5-top .screen-5-top-switcher:hover {
background-color: var(--main-color-gray-4);
border:2px solid var(--main-color-gray-4);
}
#screen-5-top .screen-5-top-switcher.active:hover {
border: 2px solid var(--main-color-green-2);
background: var(--main-color-green-2);
}
#screen-5-top .screen-5-top-switcher .text-3 {
	color: var(--main-color-gray-8);
	transition: 0.3s ease;
}
#screen-5-top .screen-5-top-switcher h3 {
	color: var(--main-color-gray-8);
	transition: 0.3s ease;
}
#screen-5-top .screen-5-top-switcher.active .text-3 {
	 color: var(--main-color-gray-2);
}
#screen-5-top .screen-5-top-switcher.active h3 {
	 color: var(--main-color-gray-2);
}

#screen-5-bottom-wrap .screen-5-packages {
	display: flex;
	gap:20px;
	pointer-events: none;
	opacity: 0;
	transition: 0.3s ease;
}	
#screen-5-bottom-wrap .screen-5-packages.active {
	opacity: 1;
	pointer-events: auto;
}
#screen-5-bottom-wrap .package {
	width: 33%;
	border-radius: 48px;
border: 2px solid var(--main-color-gray-4);
background: var(--main-color-gray-1);
padding: 32px;
display: flex;
flex-direction: column;
gap: 32px;
box-sizing: border-box;
}
#screen-5-bottom-wrap .package .mid {
	border-radius: 24px;
border: 1px solid var(--main-color-gray-3);
background: var(--main-color-gray-2);
padding: 16px 24px;
display: flex;
flex-direction: column;
gap:8px;
}

#screen-5-bottom-wrap .package .mid .text-1 span {
	color: var(--main-color-green-2);
}

#screen-5-bottom-wrap .package .mid .text-5 {
	color: var(--main-color-gray-8);
}

#screen-5-bottom-wrap .package .bottom {
	display: flex;
flex-direction: column;
gap:8px;
}

#screen-5-bottom-wrap .package .bottom .package-check-single {
	display: flex;
	gap:8px;
	    align-items: center;
}

#screen-5-bottom-wrap .package .bottom .package-check-single .check {
	width: 16px;
	height: 16px;
	border-radius: 50%;
	background-color: var(--main-color-green-2);
	position: relative;
}

#screen-5-bottom-wrap .package .bottom .package-check-single .check svg {
	position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    margin: auto;
}

#screen-5 .button--green {
	margin:0 auto;

}


#screen-5-bottom-wrap .package .top {
	display: flex;
	justify-content: space-between;
	align-items: center;
}
#screen-5-bottom-wrap .package .top .discount {
	padding: 8px 16px;
	border-radius: 24px;
border: 2px solid var(--main-color-green-2);
background: var(--main-color-green-2);
color: #ffffffe0;
}


#screen-5-bottom-wrap {
	position: relative;
}

#screen-5-bottom-wrap #screen-5-packages-2 {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
}
#screen-5-bottom-wrap #screen-5-packages-3 {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
}
#screen-6 .decorations {
	top:220px;
}
#screen-6 .decorations .triangle {
	top:-50px;
	right: 2vw;
	 
}
#screen-6 .decorations .triangle svg {
	  transform: rotate(15deg);
}
#screen-6 .decorations .triangle svg path {
	fill: var(--main-color-green-2);
}
#screen-6 .decorations .hexagon-1 {
	bottom: 100px;
	left: 5vw;
} 
#screen-6 {

}
#screen-6 .container {
	padding: 96px 120px;
		opacity: 0;
	position: relative;
	top: 50px;
	transition: 0.5s ease;
}
#screen-6 .container.appeared {
	opacity: 1;
	top:0;
}
#screen-6-banner {
	border-radius: 48px;
border: 2px solid var(--main-color-green-1);
    background-color: var(--main-color-green-3);
    background-image: url(../../uploads/2024/03/screen-1-bg-min.png);
    background-size: 450px;
    padding: 32px 48px;
    position: relative;
    display: flex;
    gap: 48px;
    align-items: center;
    overflow: hidden;
}
#screen-6-banner > svg {
	position: absolute;
	left: -20px;
	    bottom: -30px;

    object-fit: cover;
}
#screen-6-banner .left {
	position: relative;
	z-index: 1;

}
#screen-6-banner .right {
	position: relative;
	z-index: 1;

}
#screen-6-banner .right h2 {
font-size: 36px;
font-style: normal;
font-weight: 600;
line-height: 54px;
color: var(--main-color-gray-1);
}

#screen-6-banner button {
min-width: 225px;
}

#screen-6-banner .right .note {
color: var(--main-color-gray-1);
max-width: 450px;
font-size: 28px;
font-style: normal;
font-weight: 600;
line-height: 42px;
}

#screen-6-banner .right p {
	color: var(--main-color-gray-1);
}
#screen-7 .decorations {
	top:240px;
}
#screen-7 .decorations .star-1:nth-child(1) {
	top:40px;
	left: 20vw;
	  
}
#screen-7 .decorations .star-1:nth-child(1) svg {
	  transform: rotate(-170deg);
}
#screen-7 .decorations .star-1:nth-child(1) svg:nth-child(1) {
	left: -11px;
}
#screen-7 .decorations .teeth {
	right: 2vw;
	top:0;
}
#screen-7 .decorations .hexagon-1 {
	right: 10vw;
	top:490px;
}
#screen-7 .decorations .triangle {
	bottom: 20px;
	left: 5vw;
	 
}
#screen-7 .decorations .triangle svg {
	 transform: rotate(60deg);
}
#screen-7 .decorations .star-2 {
	bottom: 50px;
	left: 42vw;
}
#screen-7 .decorations .star-1:nth-child(6) {
	bottom:-50px;
	right: 20vw;
	   
}
#screen-7 {

}

#screen-7 h2 {
	text-align: center;
	margin: 0 auto 48px auto;
    max-width: 740px;
}
#screen-7 .container {
	padding: 96px 120px;
		opacity: 0;
	position: relative;
	top: 50px;
	transition: 0.5s ease;
}
#screen-7 .container.appeared {
	opacity: 1;
	top:0;
}


#screen-7 #teachers-wrap {
	display: flex;
	gap:20px;
	align-items: center;
}
#screen-7 #teachers-wrap-wrap {
display: flex;
	flex-wrap: wrap;
	gap: 0px 20px;
}
#screen-7 #teachers-wrap .left {
	width: 380px;
	display: flex;
	flex-direction: column;
	gap: 24px;
}

#screen-7 #teachers-wrap .right {
	flex: 1;
	
}

#screen-7 #teachers-wrap .right .teacher-single {
    flex-grow: 1;
    width: 30%;
    gap: 24px;
    display: flex;
    flex-direction: column;
    position: relative;
}
#screen-7 #teachers-wrap .right .teacher-single:nth-child(2) {
	margin-top:48px;
}
#screen-7 #teachers-wrap .right .teacher-single:nth-child(5) {
	margin-top:48px;
}
#screen-7 #teachers-wrap .right .teacher-single .top {
	position: relative;
	width: 180px;
}

#screen-7 #teachers-wrap .right .teacher-single .top img {
	position: absolute;
	width: 167px;
	height: 167px;
	border-radius: 48px;
border: 3px solid var(--main-color-green-1);
position: absolute;
top:12px;
left: 12px;
filter: brightness(1.1) saturate(1.15);
}
#screen-7 #teachers-wrap .right .teacher-single .top .play-button {
	width: 48px;
	height: 48px;
	border-radius: 50%;
	border: 2px solid var(--main-color-gray-1);
background: var(--main-color-gray-1);
cursor: pointer;
position: absolute;
    bottom: -14px;
    right: -6px;
    display: none;
}
#screen-7 #teachers-wrap .right .teacher-single .top .play-button svg {
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	margin:auto;
}

#screen-7 #teachers-wrap .right .teacher-single .bottom {
	text-align: center;
	display: flex;
	flex-direction: column;
	gap:4px;
}
#screen-7 #teachers-wrap .right .teacher-single .bottom h3 {
	color: var(--main-color-gray-9);
	font-size: 24px;
	line-height: 32px;
}
#screen-7 #teachers-wrap .right .teacher-single .bottom .text-5 {
color: var(--main-color-gray-7);
}

#screen-7 #teachers-wrap .right .teacher-single .bottom .text-5 b {
color: var(--main-color-gray-9);
}



#screen-8 .container {
	padding: 96px 20px;
		opacity: 0;
	position: relative;
	top: 50px;
	transition: 0.5s ease;
}
#screen-8 .container.appeared {
	opacity: 1;
	top:0;
}

#screen-8 h2 {
	text-align: center;
	margin: 0 auto 32px auto;
	max-width: 800px;
}

#screen-8 #faq-wrap {
	display: flex;
	flex-wrap: wrap;
	flex-direction: column;
	gap:12px;
}
#screen-8 #faq-wrap .faq-single {
	padding: 32px;
	border: 2px solid var(--main-color-gray-4);
background: var(--main-color-gray-1);
border-radius: 48px;
position: relative;
cursor: pointer;
box-sizing: border-box;
}
#screen-8 #faq-wrap .faq-single.active {

}

#screen-8 #faq-wrap .faq-single .faq-cross {
	width: 32px;
	height: 32px;
	border-radius: 50%;
	border: 2px solid var(--main-color-green-2);
	position: absolute;
    right: 32px;
    top: 32px;
    transition: 0.3s ease;
    box-sizing: border-box;
}
#screen-8 #faq-wrap .faq-single .faq-cross:hover {
	background-color: var(--main-color-green-2);
}
#screen-8 #faq-wrap .faq-single .faq-cross:hover svg path {
	 transition: 0.3s ease;
}
#screen-8 #faq-wrap .faq-single .faq-cross:hover svg path {
	fill: var(--main-color-gray-1);
}	
#screen-8 #faq-wrap .faq-single .faq-cross svg {
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	margin:auto;
	 transition: 0.3s ease;
}
#screen-8 #faq-wrap .faq-single.active .faq-cross svg {
	transform: rotate(135deg);
}
#screen-8 #faq-wrap .faq-single.active .faq-cross svg path {
	fill: var(--main-color-gray-1);
}	
#screen-8 #faq-wrap .faq-single.active .faq-cross {
	background-color: var(--main-color-green-2);
}
#screen-8 #faq-wrap .faq-single.active h3 {
	color: var(--main-color-green-3);
}
#screen-8 #faq-wrap .faq-single h3 {
	color: var(--main-color-gray-9);
	font-size: 24px;
font-style: normal;
font-weight: 600;
line-height: 32px;
padding-right: 50px;

}
#screen-8 #faq-wrap .faq-single .content {
	display: none;
	overflow: hidden;
	padding-top: 24px;
}
#screen-8 #faq-wrap .faq-single a {
	font-weight: 600;
	transition: 0.3s ease;
}
#screen-8 #faq-wrap .faq-single a:hover {
	opacity: 0.5;
}
#screen-8 #faq-wrap .faq-single ul li:before {
	content: '✓';
	display: inline-block;
	position: absolute;
	left: 0;
	top:0;
}
#screen-8 #faq-wrap .faq-single ul li {
	padding-left:24px;
	position: relative;
	margin-bottom: 8px;
}
#screen-8 #faq-wrap .faq-single ul li b {
	font-weight: 600;
}





#screen-9 .container {
	padding: 0 20px 96px 20px;
		opacity: 0;
	position: relative;
	top: 50px;
	transition: 0.5s ease;
}
#screen-9 .container.appeared {
	opacity: 1;
	top:0;
}



#screen-9 #seo-text-wrap {
	padding: 32px 16px 32px 32px ;
	border-radius: 24px;
border: 1px solid var(--main-color-gray-4);
background: var(--main-color-gray-1);
}
#screen-9 #seo-text-wrap p {
	height: 216px;
	overflow-y: scroll;
	padding-right: 16px;
}
#screen-9 #seo-text-wrap p::-webkit-scrollbar {
  width: 8px;
}

/* Track */
#screen-9 #seo-text-wrap p::-webkit-scrollbar-track {
   background-color: var(--main-color-gray-4);
   border-radius: 16px;
}




#screen-9 #seo-text-wrap p::-webkit-scrollbar-thumb {
  background-color: var(--main-color-gray-5);
border-radius: 24px;
  

}

/*footer NEW*/

#footer-new {
	background: var(--main-color-gray-9);
	padding: 32px 0 0 0;
}

.top-container {
	display: flex;
	align-items: flex-start;
	align-self: stretch;
	max-width: 1220px;
	padding: 0 20px;
    margin: 0 auto 32px auto;
}

.top-container .column {
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	align-items: flex-start;
	flex: 1 0 0;
	gap: 12px;
	align-self: stretch;
}

.top-container .column:last-child {
	align-items: flex-end;
}

.top-container .column a {
    color: var(--main-color-gray-5);
	transition: 0.5s ease;
}

.top-container .column a:hover {
    color: var(--main-color-gray-1);
}

.top-container .column p {
    color: var(--main-color-gray-5);
}

.top-container .column .service-links {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	gap: 12px;
}

.top-container .column .signature a {
	color: var(--main-color-gray-7);
	display: flex;
	flex-direction: column;
	align-items: flex-end;
	gap:2px;
	transition: 0.5s ease;
}
.top-container .column .signature a:hover {
	color: var(--main-color-gray-1);
}
.top-container .column .signature a span {
	width: fit-content;
	font-weight: 400;
}
.top-container .column .signature a span:nth-child(1) {
	font-size: 10px;
}
.top-container .column .signature a span:nth-child(2) {
	font-size: 16px;
}
.bottom-container {
	display: flex;
	padding: 12px 0;
	justify-content: center;
	align-self: stretch;
	background-color: var(--main-color-gray-10);
}

.bottom-container p {
	color: var(--main-color-gray-7);
}

@media screen and (max-width: 1024px) {
	.top-container {
		display: flex;
		flex-direction: column;
		align-items: flex-start;
		gap: 32px;
		align-self: stretch;
	}
	
	.top-container .column:first-child {
		gap: 24px;
	}
	
	.top-container .column:last-child {
		align-items: flex-start;
		gap: 24px;
	}
	
	.top-container .column .signature a {
		align-items: flex-start;
	}
}

/*footer OLD*/

#footer {
	background: var(--main-color-gray-9);
	padding: 32px 0;
}

#footer-line-1 {
	display: flex;
	justify-content: space-between;
	padding-bottom: 32px;
	border-bottom: 1px solid var(--main-color-gray-8);
	    align-items: center;
}
#footer-menu {
	display: flex;
	gap:24px;
}
#footer-menu a {
	color: var(--main-color-gray-5);
}
#footer-menu a:hover {
	color: var(--main-color-gray-4);
}
#footer-menu a:active {
	color: var(--main-color-gray-6);
}
#footer-socials {
	display: flex;
	gap: 4px;
}

#footer-socials a {
	border-radius: 50%;
	border: 1px solid var(--main-color-gray-8);
	width: 36px;
	height: 36px;
	position: relative;
}

#footer-socials a:hover {
	background-color: var(--main-color-gray-8);
}

#footer-socials a:active {
	background-color: var(--main-color-gray-7);
	border: 1px solid var(--main-color-gray-7);
}

#footer-socials a svg {
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	margin: auto;
}

#footer-line-2 {
	display: flex;
	gap: 24px;
	align-items: center;
	justify-content: center;
	padding: 32px 0;
}
#footer-line-2 a {
	color: var(--main-color-gray-5);
}
#footer-line-2 a:hover {
	color: var(--main-color-gray-4);
}
#footer-line-2 a:active {
	color: var(--main-color-gray-6);
}


#footer-line-3 {
	display: flex;
	gap: 24px;
	align-items: flex-end;
	justify-content: space-between;
	
}

#footer-line-3 .text-5 {
	color: var(--main-color-gray-7);
}
#footer-line-3 a {
	color: var(--main-color-gray-7);
	display: flex;
	flex-direction: column;
	align-items: flex-end;
	gap:2px;
	transition: 0.5s ease;
}
#footer-line-3 a:hover {
	color: var(--main-color-gray-1);
}
#footer-line-3 a span {
	width: fit-content;
	    font-weight: 400;
}
#footer-line-3 a span:nth-child(1) {
	font-size: 10px;
}
#footer-line-3 a span:nth-child(2) {
	font-size: 16px;
}

article {
	padding:120px 20px;
	max-width:1220px;
	margin:auto;
	box-sizing:border-box;
}
article h2  {
	margin:24px 0;
}
article p {
	text-align:left !important;
}

article p a {
	transition:0.3s ease;
	color: var(--main-color-green-1);
	border-bottom:1px solid transparent;
}
.post-edit-link {
	display:none;
}
article p a:hover {
	color: var(--main-color-green-2);
	border-bottom:1px solid var(--main-color-green-2);;
}

article p b {
	font-weight: 600;
}

article p i {
	font-style: italic;
}

article ul {
	margin-top: 0.5rem;
	padding-left: 1rem;
  	list-style: inside;
	font-size: 20px;
	font-style: normal;
	font-weight: 400;
	line-height: 28px;
	color: var(--main-color-gray-8);
}

@media screen and (max-width: 1024px) {
	article ul {
		font-size: 16px;
	}
}

article ul li {
	margin-top: 0.5rem;
}

article ul li:last-child {
	margin-bottom: 0.5rem;
}

article ul b {
	font-weight: 600;
}

article ul i {
	font-style: italic;
}

article ul a {
	transition:0.3s ease;
	color: var(--main-color-green-1);
	border-bottom:1px solid transparent;
}
.post-edit-link {
	display:none;
}
article ul a:hover {
	color: var(--main-color-green-2);
	border-bottom:1px solid var(--main-color-green-2);;
}

#banner-wrap {
	height: 100%;
	width: 100%;
	position: fixed;
	z-index: 100;
	opacity: 0;
	pointer-events: none;
	transition: 0.3s ease;
	background-color: rgba(0,0,0,0.4);
}
#banner-wrap.appeared {
	opacity: 1;
	pointer-events: auto;

}
#banner-wrap.disabled {
	opacity: 0 !important;
	pointer-events: none !important;
}
#banner {
	max-width: 550px;
	padding: 68px 24px 24px 24px;
	box-shadow: 0px 2px 16px 0px rgba(89, 89, 89, 0.10);
	border-radius: 28px;
	position: absolute;
	top:0;
	bottom: 0;
	left: 0;
	right: 0;
	margin: auto;
	background-color:  var(--main-color-gray-1);
	height: fit-content;
	box-sizing: border-box;
	display: flex;
	flex-direction: column;
	gap:16px;
	width: calc(100% - 40px);
}
#banner-buttons {
	display: flex;
	gap:16px;
	justify-content: space-between;
}
#banner-buttons a {
	    flex: 1;
    padding: 16px 0;
}
#banner p {
	text-align: left;
}
#banner-texts {
	display: flex;
	flex-direction: column;
	gap: 16px;
}
#banner-close {
	position: absolute;
	transition: 0.3s ease;
	width: 48px;
	height: 48px;
	border-radius: 50%;
	background-color: var(--main-color-gray-2);
	right: 4px;
    top: 4px;
    cursor: pointer;
}
#banner-close svg {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	margin: auto;
	width: 12px;
	height: 12px;
}
#banner-close:hover {
	opacity: 0.5;

}

#popup-form-close {
	position: absolute;
	transition: 0.3s ease;
	width: 48px;
	height: 48px;
	border-radius: 50%;
	background-color: var(--main-color-gray-2);
	right: 4px;
    top: 4px;
    cursor: pointer;
}
#popup-form-close svg {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	margin: auto;
	width: 12px;
	height: 12px;
}
#popup-form-close:hover {
	opacity: 0.5;

}
#popup-form .decorations .decoration-single {
	transform:unset !important;
}
#popup-form-wrap {
	top:0;
	    position: fixed;
    z-index: 100;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.3);
    transition: 0.3s ease;
	opacity:0;
	pointer-events:none;
}
#popup-form-wrap.appeared {
	opacity:1;
	pointer-events:auto;
}
#popup-form-wrap.appeared #popup-form {
	transform:translateY(0px);
	
}
#popup-form {
	    position: absolute;
    border-radius: 28px;
    border: 1px solid var(--Gray-3, #F5F5F5);
    background: var(--Gray-1, #FFF);
    box-shadow: 0px 2px 16px 0px rgba(89, 89, 89, 0.10);
    max-width: 760px;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    box-sizing: border-box;
    width: fit-content;
    height: fit-content;
    margin: auto;
	padding:48px 32px;
	gap:32px;
	display:flex;
	transition:0.5s ease;
	transform:translateY(100px);
	align-items:flex-end;
}
#popup-form .left {
	flex:1;
	  width: 50%;
	position:relative;
	height:fit-content;
}
#popup-form .left img {
	width:100%;
	height:auto;
}
#popup-form .right {
    flex: 1;
    width: 50%;
    position: relative;
    gap: 24px;
    display: flex;
    flex-direction: column;

}
#popup-form .right #form-wizard-sent {
	opacity:0;
	pointer-events:none;
	position:absolute;
	    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    box-sizing: border-box;
    width: fit-content;
    height: fit-content;
    margin: auto;
	display: flex;
    gap: 24px;
    flex-direction: column;
    text-align: center;
}
#popup-form .right #form-wizard-sent .text-1 {
	color: var(--main-color-gray-10);
}
#popup-form .left .decorations .decoration-single:nth-child(1) {
	    left: -20px;
    top: 0px;
    width: 100px;
    scale: 0.6;
    z-index: -1;
	
}
#popup-form .left .decorations .decoration-single:nth-child(1) svg  {
	transform: rotate(30deg);
}
#popup-form .left .decorations .decoration-single:nth-child(1) svg path  {
	fill: var(--main-color-green-1);
}

#popup-form .left .decorations .decoration-single:nth-child(2) {
	scale: 0.6;
    right: 0;
    z-index: -1;
    top: -40px;
}
#popup-form .left .decorations .decoration-single:nth-child(3) {
bottom: 10px;
    scale: 0.8;
    left: 40px;
    z-index: -1;
}

#popup-form input.Input-error {
	border-color:var(--main-color-orange-2);
}
#popup-form input {
	font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 24px;
	padding:12px;
	color: var(--main-color-gray-10);
	border-radius: 8px;
border: 1px solid var(--Gray-4, #E8E8E8);
background: var(--main-color-gray-2);
	    width: 100%;
    box-sizing: border-box;
}
#popup-form input:focus-visible {
	outline:none;
}
#popup-form .button--orange {
	width:100%;
	cursor:pointer;
}
#myForm-checkboxes-wrap {
	display:flex;
	gap:8px;
	justify-content:space-between;
}
#myForm-checkboxes-wrap .single {
	display:flex;
	gap:8px;
	align-items: center;
}
#myForm-checkboxes-wrap .single label {
	position:absolute;
}
#myForm-checkboxes-wrap .single  input {
    border: 1px solid var(--main-color-gray-4);
    background: var(--main-color-gray-3);
    margin: 0;
    height: 32px;
    width: 32px;
    filter: opacity(0.2);
    cursor: pointer;
	transition:0.3s ease;
	
}
#myForm-checkboxes-wrap .single  input:checked {
	filter: opacity(1) hue-rotate(-70deg);
}
#myForm-checkboxes-wrap .single .text-5 {
	color: var(--main-color-gray-8);
}
#myForm-checkboxes {
	    display: flex;
    gap: 8px;
    flex-direction: column;
}
#popup-form input::placeholder {
	color: var(--main-color-gray-6);
}
#form-wizard {
	    display: flex;
    flex-direction: column;
    gap: 24px;
	transition:0.3s ease;
}
#form-wizard .text-1 {
	text-transform:uppercase;
}
#popup-form.form-success #form-wizard {
	opacity:0;
	pointer-events:none;
}
#popup-form.form-success #form-wizard-sent {
	opacity:1;
	pointer-events:auto;
}
#form-wizard #myForm {
	display: flex;
    flex-direction: column;
    gap: 24px;
}
#form-wizard #myForm-popup {
	display: flex;
    flex-direction: column;
    gap: 24px;
}
#form-wizard .land_form {
		    display: flex;
    flex-direction: column;
    gap: 24px;
}
#card-404 {
	margin:  auto;
    max-width: 504px;
	padding:32px;
	border-radius:48px;
	border: 2px solid var(--main-color-gray-4);
	 background-color: var(--main-color-gray-1);
	text-align:center;
	display:flex;
	flex-direction:column;
	gap:24px;
	align-items: center;
}

#card-email-confirmed {
	margin:  auto;
    max-width: 504px;
	padding:32px;
	border-radius:48px;
	border: 2px solid var(--main-color-gray-4);
	 background-color: var(--main-color-gray-1);
	text-align:center;
	display:flex;
	flex-direction:column;
	gap:24px;
	align-items: center;
}

#card-email-confirmed .text-3--regular b {
	font-weight: 700;
}

#card-email-confirmed a.text-3:last-child {
	color: var(--main-color-green-2);
}

#card-email-confirmed a.text-3:last-child:hover {
	color: var(--main-color-green-1);
}

#card-email-confirmed #socials {
	display:flex; 
	padding:24px;
	border-radius:24px;
	background-color: var(--main-color-gray-3);
	gap:24px;
}

#card-email-confirmed #socials a {
	width:40px;
	height:40px;
	border-radius:50%;
	position:relative;
	transition:0.3s ease;
}
#card-email-confirmed #socials a:hover {
	opacity:0.7;
}
#card-email-confirmed #socials a svg {
	position:absolute;
	top:0;
	bottom:0;
	left:0;
	right:0;
	margin:auto;
}
#card-email-confirmed #socials a:nth-child(1) {
	background: linear-gradient(225deg, #42B6F1 14.63%, #1F9DE0 85.43%);
}
#card-email-confirmed #socials a:nth-child(2) {
	background: #7465EF;
}
#card-email-confirmed a:nth-child(3) {
	background: #34CE4E;
}

#form-wizard-sent .text-4--regular b {
	font-weight: 700;
}

#form-socials {
	display:flex; 
	padding:24px;
	border-radius:24px;
	background-color: var(--main-color-gray-3);
	gap:24px;
	width: fit-content;
    margin: auto;
}

#form-socials a {
	width:40px;
	height:40px;
	border-radius:50%;
	position:relative;
	transition:0.3s ease;
}
#form-socials a:hover {
	opacity:0.7;
}
#form-socials a svg {
	position:absolute;
	top:0;
	bottom:0;
	left:0;
	right:0;
	margin:auto;
}
#form-socials a:nth-child(1) {
	background: linear-gradient(225deg, #42B6F1 14.63%, #1F9DE0 85.43%);
}
#form-socials a:nth-child(2) {
	background: #7465EF;
}
#form-socials a:nth-child(3) {
	background: #34CE4E;
}

.post.not-found {
	padding: 272px 20px;
}
.post.not-found .container {
	padding:0;
}
.seo-text-double .seo-text-double-wrap {
	border-radius:48px;
	border: 2px solid var(--main-color-gray-4);
	 background-color: var(--main-color-gray-1);
	display:flex;
	gap:24px;
	margin-bottom:24px;
	padding:32px;
}
.seo-text-double .seo-text-double-wrap h2 {
	font-size:24px;
	line-height:32px;
	margin-bottom:24px;
}

.seo-text-double .seo-text-double-wrap picture {
	border-radius:48px;
	object-fit:cover;
}
.seo-text-double .seo-text-double-wrap picture img {
	border-radius:48px;
	object-fit:cover;
}
.seo-text-double.last-one {
	margin-bottom:96px;
}

.seo-text-cta {
	margin-bottom:96px;
}

.seo-text-cta .cta {
	border-radius:48px;
	border: 2px solid var(--main-color-gray-4);
	background-color: var(--main-color-gray-1);
	display:flex;
	gap:24px;
	padding:32px;
	max-width: 600px;
    margin: auto;
	justify-content: center;
	align-items: flex-start;
}

.seo-text-cta .cta picture {
	width: 200px;
	height: 200px;
	flex-shrink: 0;
	aspect-ratio: 1/1;
}

.seo-text-cta .cta .text {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: flex-start;
	gap: 16px;
	flex: 1 0 0;
}

.seo-text-cta .cta h2 {
	font-size: 28px;
	line-height: 42px;
}

/*
Landing Summer Course
Main part desktop
To 3075
*/

.page-template-page-landing #menu {
	display:none;
}
.page-template-page-landing #header .button--orange {
	display:none;
}
.page-template-page-landing #header #mobile-burger {
	display:none;
}
.page-template-page-landing #header {
	width: fit-content;
}
.page-template-page-landing #header .container {
	padding:16px 24px;
}
.page-template-page-landing #screen-1 .container #main-photo {
	width:730px;
	height:675px;
}
.page-template-page-landing #screen-1 .container #main-photo .check-1 {
	display:none;
}
.page-template-page-landing #screen-1 .text-1 {
		color: var(--main-color-gray-1);
	margin-bottom:16px;
	max-width:100%;
}
.page-template-page-landing #screen-1 .text-1:nth-child(1) {
		margin-bottom:0px;
}
.page-template-page-landing #screen-1 h1 {
	font-size:48px;
	line-height:64px;
	color: var(--main-color-yellow-2);
}


.page-template-page-landing #screen-1 .container .text-3:nth-child(3) {
	top:50px;
	opacity:0;
		color: var(--main-color-green-3);
			padding:16px 32px;
	background-color: var(--main-color-gray-1);
	border-radius:48px;
	position:relative;
	    width: fit-content;
    text-align: center;
	margin-bottom:16px;    
	position: relative;
    transition: 0.5s ease;
}
.page-template-page-landing #screen-1 .container .text-3:nth-child(3).appeared {
	opacity:1;
	top:0px;
}
.page-template-page-landing #screen-1 .text-3.appeared {
	opacity:1;
	top:0px;

}
.page-template-page-landing #screen-1 #popup-form .button--orange {
	font-size:20px;
	line-height:28px;
}
.page-template-page-landing #screen-1 .text-2 {
	color: var(--main-color-gray-1);
	opacity:0;
	top:50px;
		position: relative;
    transition: 0.5s ease;
	margin-bottom:16px;
}

.page-template-page-landing #screen-1 .text-2.appeared {
		opacity:1;
	top:0px;
}
.page-template-page-landing #popup-form {
	    position: relative;
    margin: 0;
    top: 50px;
    transform: none;
	opacity:0;
	padding: 24px;
}
.page-template-page-landing #popup-form.appeared {
	opacity:1;
	top:0px;
}
.page-template-page-landing #myForm-checkboxes-wrap .single {
	width:50%;
}

.page-template-page-landing #myForm-checkboxes-wrap {
	gap:0px;
}

.page-template-page-landing #landing-screen-2 .left .decorations .decoration-single:nth-child(1) {
	    left: -20px;
    top: 0px;
    width: 100px;
    scale: 0.6;
    z-index: -1;
	
}
.page-template-page-landing #landing-screen-2 .left .decorations .decoration-single:nth-child(1) svg  {
	transform: rotate(30deg);
}
.page-template-page-landing #landing-screen-2 .left .decorations .decoration-single:nth-child(1) svg path  {
	fill: var(--main-color-green-1);
}

.page-template-page-landing #landing-screen-2 .left .decorations .decoration-single:nth-child(2) {
	scale: 0.6;
    right: 0;
    z-index: -1;
    top: -40px;
}
.page-template-page-landing #landing-screen-2 .left .decorations .decoration-single:nth-child(3) {
bottom: 10px;
    scale: 0.8;
    left: 40px;
    z-index: -1;
}

.page-template-page-landing #landing-screen-2 .container {
	display:flex;
	gap:48px;
}
.page-template-page-landing #landing-screen-2 {
	padding:96px 0;
}

.page-template-page-landing #landing-screen-2 .container {
	padding:0 120px;
}
.page-template-page-landing #landing-screen-2 .container .left {
	position:relative;
}
.page-template-page-landing #landing-screen-2 .container .right .text-2 {
	margin-bottom:8px;
	color: var(--main-color-gray-8);
}
.page-template-page-landing #landing-screen-2 .container .right .text-1 {
	margin-bottom:24px;
}
.page-template-page-landing #landing-screen-2 .container .right .list {
	margin-bottom: 24px;
	display:flex;
	flex-direction:column;
	gap:24px;
}
.page-template-page-landing #landing-screen-2 .container .right .list .text-3 {
	padding-left:24px;
	position:relative;
		color: var(--main-color-gray-8);
}
.page-template-page-landing #landing-screen-2 .container .right .list .text-3:before {
    content: '';
    width: 16px;
    height: 16px;
    background-image: url(../../uploads/2024/06/checkmark_green.png);
    position: relative;
    display: block;
    background-size: cover;
	    position: absolute;
    left: 0;

    top: 0;
    bottom: 0;
    margin: auto;
}

.page-template-page-landing #screen-3 .container {
	display:flex;
	gap:48px;
}
.page-template-page-landing #screen-3 .container .left {
	width:50%;
}

.page-template-page-landing #screen-3 .container .right {
	width:50%;
}
.page-template-page-landing #screen-3 .container {
	padding:110px 220px;
}
.page-template-page-landing #screen-3 .container #popup-form {
	opacity:1;
	top:0px;
}
.page-template-page-landing #screen-3 .container #popup-form .text-4--regular {
		color: var(--main-color-gray-9);
}
.page-template-page-landing #screen-3 .container .left div:nth-child(1) {
	width:128px;
	height:128px;
	background-color: var(--main-color-gray-1);
	border: 2px solid var(--main-color-gray-4);
	border-radius:32px;
	position:relative;
}

.page-template-page-landing #screen-3 .container .left div:nth-child(1) img {
	position:absolute;
	width:80px;
	height:80px;
	left:0;
	right:0;
	top:0px;
	bottom:0px;
	margin:auto;
}
.page-template-page-landing #screen-3 .container .left .text-1 {
	margin-top:16px;
}

.page-template-page-landing #screen-3 .container .left .text-1:after {
	content:'';
	margin:16px 0;
	background-color:  var(--main-color-gray-1);
	width:64px;
	height:2px;
	display:block;
}


.page-template-page-landing #landing-screen-4 {
	padding:96px 0;
}
.page-template-page-landing #landing-screen-4 .container {
	padding:0 120px;
}
.page-template-page-landing #landing-screen-4 .container h2 {
	margin-bottom:64px;
	text-align:center;
}
.page-template-page-landing #landing-screen-4 .container #landing-screen-4-wrap {
	display:flex;
	gap:16px;
	flex-wrap:wrap;
	justify-content: center;
}

.page-template-page-landing #landing-screen-4 .container #landing-screen-4-wrap .single {

	    padding: 32px;
    border-radius: 32px;
    border: 2px solid var(--main-color-gray-4);
    background-color: var(--main-color-gray-1);
    flex: 45%;
    box-sizing: border-box;
    max-width: 50%;
}
.page-template-page-landing #landing-screen-4 .container #landing-screen-4-wrap .single .text-1 {
	margin:24px 0 8px 0;
}
.page-template-page-landing #landing-screen-4 .container #landing-screen-4-wrap .single div:nth-child(1) {
	width:80px;
	height:80px;
	border-radius:24px;
	border:2px solid  var(--main-color-gray-3);
		background-color:  var(--main-color-gray-4);
	position:relative;
}
.page-template-page-landing #landing-screen-4 .container #landing-screen-4-wrap .single div:nth-child(1) img {
	position:absolute;
	width:48px;
	height:48px;
	top:0px;
	bottom:0px;
	left:0px;
	right:0px;
	margin:auto;
}
.page-template-page-landing #landing-section-5 {
	padding:145px 0 96px 0;
}

.page-template-page-landing #landing-section-5 .container {
	padding:0 120px;
	display:flex;
	gap:48px;
	
}

.page-template-page-landing #landing-section-5 .container .left {
	width:50%;
	position:relative;
}
.page-template-page-landing #landing-section-5 .container .left > img:nth-child(3) {
	    width: 303px;
    position: absolute;
    bottom: 0;
    right: 45px;
}
.page-template-page-landing #landing-section-5 .container .left .decorations .triangle svg {
	transform:rotate(30deg);
}
.page-template-page-landing #landing-section-5 .container .left .decorations .triangle svg path {
	    fill: var(--main-color-green-2);
}
.page-template-page-landing #landing-section-5 .container .left .decorations .triangle {
	    top: 113px;
    z-index: -1;
}
.page-template-page-landing #landing-section-5 .container .left .decorations .hexagon-1 {
	    right: 0;
    bottom: 80px;
}
.page-template-page-landing #landing-section-5 .container .left .decorations .star-1 {
	bottom:-200px;
	z-index:-1;
}
.page-template-page-landing #landing-section-5 .container .left .decorations .teeth {
	    right: 0;
    bottom: -100px;
}
.page-template-page-landing #landing-section-5 .container .right {
	width:50%;
}
.page-template-page-landing #landing-section-5 .container .right .text-2 {
	margin:8px 0 24px 0;
	color:  var(--main-color-gray-8);
}
.page-template-page-landing #landing-section-5 .container .right .list {
	    margin-bottom: 24px;
    display: flex;
    flex-direction: column;
    gap: 24px;
}

.page-template-page-landing #landing-section-5 .container .right .list .single {
padding-left: 24px;
    position: relative;
    color: var(--main-color-gray-8);
}	

.page-template-page-landing #landing-section-5 .container .right .list .single:before {
	    content: '';
    width: 16px;
    height: 16px;
    background-image: url(../../uploads/2024/06/checkmark_green.png);
    position: relative;
    display: block;
    background-size: cover;
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    margin: auto;
}
.page-template-page-landing #landing-section-6 {
	padding:64px 0;
	    background-color: var(--main-color-green-3);
    background-image: url(../../uploads/2024/03/screen-1-bg-min.png);
    background-size: 450px;
    border-radius: 96px;
	border-bottom-left-radius:0px;
	border-bottom-right-radius:0px;
    position: relative;
    overflow: hidden;
}
.page-template-page-landing #landing-section-6 .text-1 {
	color: var(--main-color-gray-1);
	margin:0 auto;
	text-align:center;
	    max-width: 400px;
}

.page-template-page-landing #landing-section-6 #popup-form {
	opacity:1;
	top:0px;
	margin: 16px auto 0;
}
.page-template-page-landing #screen-3 .decorations .teeth {
	top:400px;
}
.page-template-page-landing #footer-menu {
	display:none;
}

/*
End of Landing Summer Course
Desktop part
*/

/*
Landing Trial Lesson
Main part desktop
*/

.page-template-page-trial-lesson #menu {
	display:none;
}
.page-template-page-trial-lesson #header .button--orange {
	display:none;
}
.page-template-page-trial-lesson #header #mobile-burger {
	display:none;
}
.page-template-page-trial-lesson #header {
	width: fit-content;
}
.page-template-page-trial-lesson #header .container {
	padding:16px 24px;
}
.page-template-page-trial-lesson #hero-screen .container #main-photo {
	width:730px;
	height:675px;
}
.page-template-page-trial-lesson #hero-screen .container #main-photo .check-1 {
	display:none;
}

.page-template-page-trial-lesson #hero-screen {
 	background-color: var(--main-color-green-3);
 	background-image: url('../../uploads/2024/03/screen-1-bg-min.png');
 	background-size: 450px;
 	border-radius: 0px 0px 96px 96px;
 	overflow: hidden;
 	min-height: 100vh;
 }
.page-template-page-trial-lesson #hero-screen * {
 	z-index: 1;
 }

.page-template-page-trial-lesson #hero-screen h1 {
	max-width: 100%;
	color: var(--main-color-gray-1);
	margin-bottom: 16px;
	font-size: 48px;
	line-height: 64px;
	transition: 0.5s ease;
	position: relative;


}

}

.page-template-page-trial-lesson #hero-screen .text-1 {
	max-width: 100%;
	color: var(--main-color-yellow-2);
	font-size: 28px;
	line-height: 42px;
	margin-bottom: 32px;
	opacity: 0;
	transition: 0.5s ease;
	position: relative;
	top:50px;
}
.page-template-page-trial-lesson #hero-screen .text-1.appeared {
	opacity: 1;
	top:0;
}
.page-template-page-trial-lesson #hero-screen .button--yellow.appeared {
	opacity: 1;
	top:0;
}
.page-template-page-trial-lesson #hero-screen .button--yellow {
	margin-bottom: 16px;
	padding: 24px 32px;
	opacity: 0;
	transition: 0.5s ease;
	position: relative;
	top:50px;
}
.page-template-page-trial-lesson #hero-screen .button--white {
	opacity: 0;
	transition: 0.5s ease;
	min-width: 308px;
	position: relative;
	top:50px;
}


.page-template-page-trial-lesson #hero-screen .container {
	display: flex;
    flex-direction: column;
    height: 100%;
    justify-content: center;
	min-height: 100vh;
	padding-bottom: 48px;

}
.page-template-page-trial-lesson #hero-screen .container #main-photo {
	position: absolute;
	bottom: 0;
	right: -100px;
	z-index: 0;
	width: 870px;
    height: auto;
        transition: 0.7s;
        opacity: 0;
}
.page-template-page-trial-lesson #hero-screen .container #main-photo Img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	display: block;
}
.page-template-page-trial-lesson #hero-screen .container #main-photo.appeared {
	opacity: 1;
}
section {
	position: relative;
}

.page-template-page-trial-lesson #hero-screen .decorations .teeth {
	top:70px;
	left:3vw;
	
}

.page-template-page-trial-lesson #hero-screen .decorations .check-2 {
	bottom: 70px;
    right: 25vw;
	
}

.page-template-page-trial-lesson #hero-screen .decorations .check-1 {
    right: 3vw;
    top: 50%;	
}





.page-template-page-trial-lesson #hero-screen .decorations .star-1 {
    top: -75px;
    bottom: 0;
    margin: auto;
    right: 15vw;
}
.page-template-page-trial-lesson #hero-screen .decorations .star-2 {
   left:-75px;
   right: 0;
    bottom: 20px;
    margin: auto;
    right: 15vw;
}


.page-template-page-trial-lesson #hero-screen .decorations .circle-1 {
  
  
    bottom: 60px;
    margin: auto;
    left: 5vw;
}



.page-template-page-trial-lesson #hero-screen .decorations .hexagon-1 {
	    top: 150px;
    left: 0;
    right: 0;
    margin: auto;
}
.page-template-page-trial-lesson #hero-screen .decorations .triangle {
	    top: 77px;

    right: 3vw;
  
}



.page-template-page-trial-lesson #hero-screen .container .content {
	display: flex;

	align-items: center;
	flex: 1 0 0;
	align-self: stretch;
}

.page-template-page-trial-lesson #hero-screen .container .content .left {
	display: flex;
	width: 50%;
	flex-direction: column;
	justify-content: center;
	align-items: flex-start;
	gap: 32px;
	flex: 1 0 0;
}

.page-template-page-trial-lesson #hero-screen .container .content .left .text {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: flex-start;
	gap: 16px;
	align-self: stretch;
}

.page-template-page-trial-lesson #hero-screen .container .content .main-image {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	gap: 10px;
	max-width: 50%;
	align-self: stretch;
	transition:0.5s ease;
}

.page-template-page-trial-lesson #hero-screen .container .content .main-image.appeared {
	opacity:1;
	padding-top:0px;
}

.page-template-page-trial-lesson #hero-screen .container .social_proofs {
	display: flex;
	justify-content: center;
	align-items: center;
	gap: 32px;
	align-self: stretch;
	transition:0.5s ease;
}

.page-template-page-trial-lesson #hero-screen .container .social_proofs.appeared {
	opacity:1;
	padding-top:0px;
}

.page-template-page-trial-lesson #hero-screen .container .social_proofs .single_proof {
	display: flex;
	width: 320px;
	padding: 8px 24px 8px 8px;
	align-items: center;
	gap: 16px;
	border-radius: 32px;
	border: 2px solid var(--main-color-gray-4);
	background: var(--main-color-gray-1);
}

.page-template-page-trial-lesson #hero-screen .container .social_proofs .single_proof .icon {
	display: flex;
	padding: 12px;
	justify-content: center;
	align-items: center;
	border-radius: 24px;
	border: 2px solid var(--main-color-gray-3);
	background: var(--main-color-gray-4);
}

.page-template-page-trial-lesson #hero-screen h1 {
	font-size:48px;
	line-height:64px;
	max-width: 100%;
	margin-bottom: 0px;
	color: var(--main-color-gray-1);
}

.page-template-page-trial-lesson #hero-screen .text-1 {
	color: var(--main-color-yellow-2);
	max-width: 100%;
	margin-bottom: 0px;
	opacity:1;
	top:0px;
}

.page-template-page-trial-lesson #hero-screen .text-1.appeared {
	opacity:1;
	top:0px;
}


.page-template-page-trial-lesson #hero-screen .button--yellow {
	padding: 24px 32px;
	opacity: 1;
    top: 0;
}


.page-template-page-trial-lesson #landing-screen-2 .left .decorations .decoration-single:nth-child(1) {
	    left: -20px;
    top: 0px;
    width: 100px;
    scale: 0.6;
    z-index: -1;
	
}
.page-template-page-trial-lesson #landing-screen-2 .left .decorations .decoration-single:nth-child(1) svg  {
	transform: rotate(30deg);
}
.page-template-page-trial-lesson #landing-screen-2 .left .decorations .decoration-single:nth-child(1) svg path  {
	fill: var(--main-color-green-1);
}

.page-template-page-trial-lesson #landing-screen-2 .left .decorations .decoration-single:nth-child(2) {
	scale: 0.6;
    right: 0;
    z-index: -1;
    top: -40px;
}
.page-template-page-trial-lesson #landing-screen-2 .left .decorations .decoration-single:nth-child(3) {
bottom: 10px;
    scale: 0.8;
    left: 40px;
    z-index: -1;
}

.page-template-page-trial-lesson #landing-screen-2 .container {
	display:flex;
	gap:48px;
}
.page-template-page-trial-lesson #landing-screen-2 {
	padding:96px 0;
}

.page-template-page-trial-lesson #landing-screen-2 .container {
	padding:0 120px;
}
.page-template-page-trial-lesson #landing-screen-2 .container .left {
	position:relative;
}
.page-template-page-trial-lesson #landing-screen-2 .container .right .text-2 {
	margin-bottom:8px;
	color: var(--main-color-gray-8);
}
.page-template-page-trial-lesson #landing-screen-2 .container .right .text-1 {
	margin-bottom:24px;
}
.page-template-page-trial-lesson #landing-screen-2 .container .right .list {
	margin-bottom: 24px;
	display:flex;
	flex-direction:column;
	gap:24px;
}
.page-template-page-trial-lesson #landing-screen-2 .container .right .list .text-3 {
	padding-left:24px;
	position:relative;
		color: var(--main-color-gray-8);
}
.page-template-page-trial-lesson #landing-screen-2 .container .right .list .text-3:before {
    content: '';
    width: 16px;
    height: 16px;
    background-image: url(../../uploads/2024/06/checkmark_green.png);
    position: relative;
    display: block;
    background-size: cover;
	    position: absolute;
    left: 0;

    top: 0;
    bottom: 0;
    margin: auto;
}

.page-template-page-trial-lesson #screen-3 .container {
	display:flex;
	gap:48px;
}
.page-template-page-trial-lesson #screen-3 .container .left {
	width:50%;
}

.page-template-page-trial-lesson #screen-3 .container .right {
	width:50%;
}
.page-template-page-trial-lesson #screen-3 .container {
	padding:110px 220px;
}
.page-template-page-trial-lesson #screen-3 .container #popup-form {
	opacity:1;
	top:0px;
}
.page-template-page-trial-lesson #screen-3 .container #popup-form .text-4--regular {
		color: var(--main-color-gray-9);
}
.page-template-page-trial-lesson #screen-3 .container .left div:nth-child(1) {
	width:128px;
	height:128px;
	background-color: var(--main-color-gray-1);
	border: 2px solid var(--main-color-gray-4);
	border-radius:32px;
	position:relative;
}

.page-template-page-trial-lesson #screen-3 .container .left div:nth-child(1) img {
	position:absolute;
	width:80px;
	height:80px;
	left:0;
	right:0;
	top:0px;
	bottom:0px;
	margin:auto;
}
.page-template-page-trial-lesson #screen-3 .container .left .text-1 {
	margin-top:16px;
}

.page-template-page-trial-lesson #screen-3 .container .left .text-1:after {
	content:'';
	margin:16px 0;
	background-color:  var(--main-color-gray-1);
	width:64px;
	height:2px;
	display:block;
}


.page-template-page-trial-lesson #landing-screen-why-us {
	padding:96px 0;
}
.page-template-page-trial-lesson #landing-screen-why-us .container {
	padding:0 120px;
}
.page-template-page-trial-lesson #landing-screen-why-us .container h2 {
	margin-bottom:64px;
	text-align:center;
}
.page-template-page-trial-lesson #landing-screen-why-us .container #landing-screen-why-us-wrap {
	display:flex;
	gap:16px;
	flex-wrap:wrap;
	justify-content: center;
}

.page-template-page-trial-lesson #landing-screen-why-us .container #landing-screen-why-us-wrap .single {
	padding: 32px;
    border-radius: 32px;
    border: 2px solid var(--main-color-gray-4);
    background-color: var(--main-color-gray-1);
    flex: 45%;
    box-sizing: border-box;
    max-width: 50%;
}

.page-template-page-trial-lesson #landing-screen-why-us .container #landing-screen-why-us-wrap .single .text-1 {
	margin:24px 0 8px 0;
}

.page-template-page-trial-lesson #landing-screen-why-us .container #landing-screen-why-us-wrap .single div:nth-child(1) {
	width:96px;
	height:96px;
	border-radius:24px;
	border:2px solid  var(--main-color-gray-3);
	background-color:  var(--main-color-gray-4);
	position:relative;
}
.page-template-page-trial-lesson #landing-screen-why-us .container #landing-screen-why-us-wrap .single div:nth-child(1) img {
	position:absolute;
	width:64px;
	height:64px;
	top:0px;
	bottom:0px;
	left:0px;
	right:0px;
	margin:auto;
}


.page-template-page-trial-lesson #landing-screen-how-it-works {
	padding:96px 0;
}
.page-template-page-trial-lesson #landing-screen-how-it-works .container {
	padding:0 20px;
}
.page-template-page-trial-lesson #landing-screen-how-it-works .container h2 {
	margin-bottom:64px;
	text-align:center;
}

.page-template-page-trial-lesson #landing-screen-how-it-works .container #landing-screen-how-it-works-wrap {
	display:flex;
	gap:16px;
	flex-wrap:wrap;
	justify-content: center;
}

.page-template-page-trial-lesson #landing-screen-how-it-works .container #landing-screen-how-it-works-wrap .single {
	padding: 32px;
    border-radius: 32px;
    border: 2px solid var(--main-color-gray-4);
    background-color: var(--main-color-gray-1);
    flex: 45%;
    box-sizing: border-box;
    max-width: 380px;
}

.page-template-page-trial-lesson #landing-screen-how-it-works .container #landing-screen-how-it-works-wrap .single .text-1 {
	margin:24px 0 8px 0;
}

.page-template-page-trial-lesson #landing-screen-how-it-works .container #landing-screen-how-it-works-wrap .single div:nth-child(1) {
	width:96px;
	height:96px;
	border-radius:24px;
	border:2px solid  var(--main-color-gray-3);
	background-color:  var(--main-color-gray-4);
	position:relative;
}
.page-template-page-trial-lesson #landing-screen-how-it-works .container #landing-screen-how-it-works-wrap .single div:nth-child(1) img {
	position:absolute;
	width:64px;
	height:64px;
	top:0px;
	bottom:0px;
	left:0px;
	right:0px;
	margin:auto;
}


.page-template-page-trial-lesson #landing-section-5 {
	padding:145px 0 96px 0;
}

.page-template-page-trial-lesson #landing-section-5 .container {
	padding:0 120px;
	display:flex;
	gap:48px;
	
}

.page-template-page-trial-lesson #landing-section-5 .container .left {
	width:50%;
	position:relative;
}
.page-template-page-trial-lesson #landing-section-5 .container .left > img:nth-child(3) {
	    width: 303px;
    position: absolute;
    bottom: 0;
    right: 45px;
}
.page-template-page-trial-lesson #landing-section-5 .container .left .decorations .triangle svg {
	transform:rotate(30deg);
}
.page-template-page-trial-lesson #landing-section-5 .container .left .decorations .triangle svg path {
	    fill: var(--main-color-green-2);
}
.page-template-page-trial-lesson #landing-section-5 .container .left .decorations .triangle {
	    top: 113px;
    z-index: -1;
}
.page-template-page-trial-lesson #landing-section-5 .container .left .decorations .hexagon-1 {
	    right: 0;
    bottom: 80px;
}
.page-template-page-trial-lesson #landing-section-5 .container .left .decorations .star-1 {
	bottom:-200px;
	z-index:-1;
}
.page-template-page-trial-lesson #landing-section-5 .container .left .decorations .teeth {
	    right: 0;
    bottom: -100px;
}
.page-template-page-trial-lesson #landing-section-5 .container .right {
	width:50%;
}
.page-template-page-trial-lesson #landing-section-5 .container .right .text-2 {
	margin:8px 0 24px 0;
	color:  var(--main-color-gray-8);
}
.page-template-page-trial-lesson #landing-section-5 .container .right .list {
	    margin-bottom: 24px;
    display: flex;
    flex-direction: column;
    gap: 24px;
}

.page-template-page-trial-lesson #landing-section-5 .container .right .list .single {
padding-left: 24px;
    position: relative;
    color: var(--main-color-gray-8);
}	

.page-template-page-trial-lesson #landing-section-5 .container .right .list .single:before {
	    content: '';
    width: 16px;
    height: 16px;
    background-image: url(../../uploads/2024/06/checkmark_green.png);
    position: relative;
    display: block;
    background-size: cover;
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    margin: auto;
}

/*
First CTA
*/

.page-template-page-trial-lesson #cta-first {
	padding: 96px 130px;
	background-color: var(--main-color-green-3);
    background-image: url(../../uploads/2024/03/screen-1-bg-min.png);
    background-size: 450px;
    border-radius: 96px;
    position: relative;
    overflow: hidden;
	display: flex;
	justify-content: center;
	align-items: center;
	align-self: stretch;
}

.page-template-page-trial-lesson #cta-first .text-1 {
	color: var(--main-color-gray-9);
}

.page-template-page-trial-lesson #cta-first .text-2 {
	color: var(--main-color-gray-8);
}

.page-template-page-trial-lesson #cta-first #form-wrap {
	display: flex;
	width: 100%;
	max-width: 1180px;
	padding: 48px 32px;
	align-items: center;
	gap: 32px;
	align-self: stretch;
	border-radius: 28px;
	border: 1px solid var(--main-color-gray-3);
	background: var(--main-color-gray-1);
}

.page-template-page-trial-lesson #cta-first #form-wrap .left {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: flex-start;
	gap: 32px;
	flex: 1 0 0;
	align-self: stretch;
}

.page-template-page-trial-lesson #cta-first #form-wrap .left .top-text {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: flex-start;
	gap: 8px;
	align-self: stretch;
}

.page-template-page-trial-lesson #cta-first #form-wrap .left .text {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: flex-start;
	gap: 24px;
	align-self: stretch;
}

.page-template-page-trial-lesson #cta-first #form-wrap .left .list {
	display:flex;
	flex-direction:column;
	gap:12px;
}
.page-template-page-trial-lesson #cta-first #form-wrap .left .list .text-3 {
	padding-left:24px;
	position:relative;
		color: var(--main-color-gray-8);
}
.page-template-page-trial-lesson #cta-first #form-wrap .left .text-3:before {
    content: '';
    width: 16px;
    height: 16px;
    background-image: url(../../uploads/2024/06/checkmark_green.png);
    position: relative;
    display: block;
    background-size: cover;
	    position: absolute;
    left: 0;

    top: 0;
    bottom: 0;
    margin: auto;
}

.page-template-page-trial-lesson #cta-first #form-wrap .ctaform {
	display: flex;
	max-width: 400px;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	gap: 24px;
	flex: 1 0 0;
}

.page-template-page-trial-lesson #cta-first #form-wrap .ctaform #form-wizard-sent {
	opacity:0;
	pointer-events:none;
	text-align: center;
	position: absolute;
	display: flex;
	max-width: 400px;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	gap: 24px;
	flex: 1 0 0;
	align-self: stretch;
}
.page-template-page-trial-lesson #cta-first #form-wrap .ctaform #form-wizard-sent .text-1 {
	color: var(--main-color-gray-10);
}

.page-template-page-trial-lesson #cta-first #form-wrap .ctaform #form-wizard input.Input-error {
	border-color:var(--main-color-orange-2);
}

.page-template-page-trial-lesson #cta-first #form-wrap .ctaform #form-wizard input:focus-visible {
	outline:none;
}
.page-template-page-trial-lesson #cta-first #form-wrap .ctaform #form-wizard .button--orange {
	width:100%;
	cursor:pointer;
}

.page-template-page-trial-lesson #cta-first #form-wrap .ctaform #form-wizard input.Input-error {
	border-color:var(--main-color-orange-2);
}
.page-template-page-trial-lesson #cta-first #form-wrap .ctaform #form-wizard input {
	font-size: 16px;
	font-style: normal;
	font-weight: 400;
	line-height: 24px;
	padding:12px;
	color: var(--main-color-gray-10);
	border-radius: 8px;
	border: 1px solid var(--main-color-gray-4);
	background: var(--main-color-gray-2);
	width: 100%;
    box-sizing: border-box;
}
.page-template-page-trial-lesson #cta-first #form-wrap .ctaform #form-wizard #myForm-first input:focus-visible {
	outline:none;
}
.page-template-page-trial-lesson #cta-first #form-wrap .ctaform #form-wizard #myForm-first .button--orange {
	width:100%;
	cursor:pointer;
}
.page-template-page-trial-lesson #cta-first #form-wrap .ctaform #form-wizard #myForm-checkboxes-wrap {
	display:flex;
	gap:8px;
	justify-content:space-between;
}
.page-template-page-trial-lesson #cta-first #form-wrap .ctaform #form-wizard #myForm-checkboxes-wrap .single {
	display:flex;
	gap:8px;
	align-items: center;
}
.page-template-page-trial-lesson #cta-first #form-wrap .ctaform #form-wizard #myForm-checkboxes-wrap .single label {
	position:absolute;
}
.page-template-page-trial-lesson #cta-first #form-wrap .ctaform #form-wizard #myForm-checkboxes-wrap .single  input {
    border: 1px solid var(--main-color-gray-4);
    background: var(--main-color-gray-3);
    margin: 0;
    height: 32px;
    width: 32px;
    filter: opacity(0.2);
    cursor: pointer;
	transition:0.3s ease;
	
}
.page-template-page-trial-lesson #cta-first #form-wrap .ctaform #form-wizard #myForm-checkboxes-wrap .single  input:checked {
	filter: opacity(1) hue-rotate(-70deg);
}
.page-template-page-trial-lesson #cta-first #form-wrap .ctaform #form-wizard #myForm-checkboxes-wrap .single .text-5 {
	color: var(--main-color-gray-8);
}
.page-template-page-trial-lesson #cta-first #form-wrap .ctaform #form-wizard #myForm-checkboxes {
	display: flex;
    gap: 8px;
    flex-direction: column;
}
.page-template-page-trial-lesson #cta-first #form-wrap .ctaform #form-wizard input::placeholder {
	color: var(--main-color-gray-6);
}
.page-template-page-trial-lesson #cta-first #form-wrap .ctaform #form-wizard {
	opacity:1;
	pointer-events:auto;
	display: flex;
    flex-direction: column;
    gap: 24px;
	transition:0.3s ease;
	width: 100%;
}
.page-template-page-trial-lesson #cta-first #form-wrap .ctaform #form-wizard .text-1 {
	text-transform:uppercase;
}
.page-template-page-trial-lesson #cta-first #form-wrap.form-success .ctaform #form-wizard {
	opacity:0;
	pointer-events:none;
}

.page-template-page-trial-lesson #cta-first #form-wrap.form-success .ctaform #form-wizard-sent {
	opacity:1;
	pointer-events:auto;
}
.page-template-page-trial-lesson #cta-first #form-wrap .ctaform #form-wizard #myForm-first {
	display: flex;
    flex-direction: column;
    gap: 24px;
}
.page-template-page-trial-lesson #cta-first #form-wrap .ctaform #form-wizard .land_form {
		    display: flex;
    flex-direction: column;
    gap: 24px;
}

/*
Second CTA
*/


.page-template-page-trial-lesson #cta {
	padding: 96px 130px;
	background-color: var(--main-color-green-3);
    background-image: url(../../uploads/2024/03/screen-1-bg-min.png);
    background-size: 450px;
    border-radius: 96px;
	border-bottom-left-radius:0px;
	border-bottom-right-radius:0px;
    position: relative;
    overflow: hidden;
	display: flex;
	justify-content: center;
	align-items: center;
	align-self: stretch;
}

.page-template-page-trial-lesson #cta .text-1 {
	color: var(--main-color-gray-9);
}

.page-template-page-trial-lesson #cta .text-2 {
	color: var(--main-color-gray-8);
}

.page-template-page-trial-lesson #cta #form-wrap {
	display: flex;
	width: 100%;
	max-width: 1000px;
	padding: 48px 32px;
	align-items: center;
	gap: 32px;
	align-self: stretch;
	border-radius: 28px;
	border: 1px solid var(--main-color-gray-3);
	background: var(--main-color-gray-1);
}

.page-template-page-trial-lesson #cta #form-wrap .left {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: flex-start;
	gap: 32px;
	flex: 1 0 0;
	align-self: stretch;
}

.page-template-page-trial-lesson #cta #form-wrap .left .top-text {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: flex-start;
	gap: 8px;
	align-self: stretch;
}

.page-template-page-trial-lesson #cta #form-wrap .left .list {
	margin-bottom: 24px;
	display:flex;
	flex-direction:column;
	gap:24px;
}
.page-template-page-trial-lesson #cta #form-wrap .left .list .text-3 {
	padding-left:24px;
	position:relative;
		color: var(--main-color-gray-8);
}
.page-template-page-trial-lesson #cta #form-wrap .left .text-3:before {
    content: '';
    width: 16px;
    height: 16px;
    background-image: url(../../uploads/2024/06/checkmark_green.png);
    position: relative;
    display: block;
    background-size: cover;
	    position: absolute;
    left: 0;

    top: 0;
    bottom: 0;
    margin: auto;
}

.page-template-page-trial-lesson #cta #form-wrap .ctaform {
	display: flex;
	max-width: 400px;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	gap: 24px;
	flex: 1 0 0;
}

.page-template-page-trial-lesson #cta #form-wrap .ctaform #form-wizard-sent {
	opacity:0;
	text-align: center;
	pointer-events:none;
	position: absolute;
	display: flex;
	max-width: 400px;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	gap: 24px;
	flex: 1 0 0;
	align-self: stretch;
}
.page-template-page-trial-lesson #cta #form-wrap .ctaform #form-wizard-sent .text-1 {
	color: var(--main-color-gray-10);
}

.page-template-page-trial-lesson #cta #form-wrap .ctaform #form-wizard input.Input-error {
	border-color:var(--main-color-orange-2);
}

.page-template-page-trial-lesson #cta #form-wrap .ctaform #form-wizard input:focus-visible {
	outline:none;
}
.page-template-page-trial-lesson #cta #form-wrap .ctaform #form-wizard .button--orange {
	width:100%;
	cursor:pointer;
}

.page-template-page-trial-lesson #cta #form-wrap .ctaform #form-wizard input.Input-error {
	border-color:var(--main-color-orange-2);
}
.page-template-page-trial-lesson #cta #form-wrap .ctaform #form-wizard input {
	font-size: 16px;
	font-style: normal;
	font-weight: 400;
	line-height: 24px;
	padding:12px;
	color: var(--main-color-gray-10);
	border-radius: 8px;
	border: 1px solid var(--main-color-gray-4);
	background: var(--main-color-gray-2);
	width: 100%;
    box-sizing: border-box;
}
.page-template-page-trial-lesson #cta #form-wrap .ctaform #form-wizard #myForm input:focus-visible {
	outline:none;
}
.page-template-page-trial-lesson #cta #form-wrap .ctaform #form-wizard #myForm .button--orange {
	width:100%;
	cursor:pointer;
}
.page-template-page-trial-lesson #cta #form-wrap .ctaform #form-wizard #myForm-checkboxes-wrap {
	display:flex;
	gap:8px;
	justify-content:space-between;
}
.page-template-page-trial-lesson #cta #form-wrap .ctaform #form-wizard #myForm-checkboxes-wrap .single {
	display:flex;
	gap:8px;
	align-items: center;
}
.page-template-page-trial-lesson #cta #form-wrap .ctaform #form-wizard #myForm-checkboxes-wrap .single label {
	position:absolute;
}
.page-template-page-trial-lesson #cta #form-wrap .ctaform #form-wizard #myForm-checkboxes-wrap .single  input {
    border: 1px solid var(--main-color-gray-4);
    background: var(--main-color-gray-3);
    margin: 0;
    height: 32px;
    width: 32px;
    filter: opacity(0.2);
    cursor: pointer;
	transition:0.3s ease;
	
}
.page-template-page-trial-lesson #cta #form-wrap .ctaform #form-wizard #myForm-checkboxes-wrap .single  input:checked {
	filter: opacity(1) hue-rotate(-70deg);
}
.page-template-page-trial-lesson #cta #form-wrap .ctaform #form-wizard #myForm-checkboxes-wrap .single .text-5 {
	color: var(--main-color-gray-8);
}
.page-template-page-trial-lesson #cta #form-wrap .ctaform #form-wizard #myForm-checkboxes {
	display: flex;
    gap: 8px;
    flex-direction: column;
}
.page-template-page-trial-lesson #cta #form-wrap .ctaform #form-wizard input::placeholder {
	color: var(--main-color-gray-6);
}
.page-template-page-trial-lesson #cta #form-wrap .ctaform #form-wizard {
	opacity:1;
	pointer-events:auto;
	display: flex;
    flex-direction: column;
    gap: 24px;
	transition:0.3s ease;
	width: 100%;
}
.page-template-page-trial-lesson #cta #form-wrap .ctaform #form-wizard .text-1 {
	text-transform:uppercase;
}
.page-template-page-trial-lesson #cta #form-wrap.form-success .ctaform #form-wizard {
	opacity:0;
	pointer-events:none;
}

.page-template-page-trial-lesson #cta #form-wrap.form-success .ctaform #form-wizard-sent {
	opacity:1;
	pointer-events:auto;
}
.page-template-page-trial-lesson #cta #form-wrap .ctaform #form-wizard #myForm {
	display: flex;
    flex-direction: column;
    gap: 24px;
}
.page-template-page-trial-lesson #cta #form-wrap .ctaform #form-wizard .land_form {
		    display: flex;
    flex-direction: column;
    gap: 24px;
}




.page-template-page-trial-lesson #screen-3 .decorations .teeth {
	top:400px;
}

.page-template-page-trial-lesson #footer-menu {
	display:none;
}

/*
End of Landing Trial Lesson
Desktop part
*/


#blog-post-wrap {
	padding:32px;
	border-radius: 48px;
border: 2px solid var(--main-color-gray-4);
background: var(--main-color-gray-1);
	max-width:800px;
	margin:auto;
}
#blog-post-wrap p a {
	transition:0.3s ease;
	color: var(--main-color-green-1);
	border-bottom:1px solid transparent;
}
.post-edit-link {
	display:none;
}
#blog-post-wrap p a:hover {
	color: var(--main-color-green-2);
	border-bottom:1px solid var(--main-color-green-2);;
}
#blog-post-wrap > img {
	width:100%; 
	border-radius: 24px;
}

#blog-post-wrap h2 {
	font-size: 24px;
margin:24px 0;
font-weight: 600;
		color: var(--main-color-gray-9);
line-height: 32px;
}


#blog-post-wrap .post-table-1 {
	font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 24px; 
	color: var(--main-color-gray-9);
	width:100%;
	    margin: 16px 0;
}
#blog-post-wrap .post-table-1 th {
	border: 1px solid var(--main-color-gray-6);
	font-weight:600;
	padding:12px;
	vertical-align: middle;
}
#blog-post-wrap .post-table-1 td {
    border: 1px solid var(--main-color-gray-6);
    font-weight: 400;
    padding: 24px 12px;
    min-width: 120px;
    text-align: center;
    vertical-align: middle;
    min-height: 90px;
    position: relative;
}

#blog-post-wrap p {
font-size: 20px;
font-style: normal;
font-weight: 400;
line-height: 28px;
		color: var(--main-color-gray-8);
}
#blog-post-wrap h3 {
	font-size: 20px;
margin:16px 0;
font-weight: 600;
line-height: 28px;
	position:relative;
	color: var(--main-color-gray-9);
}
#blog-post-wrap h3.post-h3-styled {
	padding-left:20px;
}
#blog-post-wrap h3.post-h3-styled:before {
	content:'';
	position:absolute;
	width:12px;
	height:12px;
	background-color: var(--main-color-green-1);
	left:0px;
	top:8px;
	border-radius:50%;
}

#blog-post-wrap #blog-post-anchors {
	    display: flex;
    flex-direction: column;
    border-radius: 32px;
    background: var(--main-color-gray-3);
    padding: 24px;
    gap: 12px;
    margin: 24px 0;
}
#blog-post-wrap #blog-post-anchors a {
	padding-left:20px;
	position:relative;
	line-height:24px;
	    width: fit-content;
	transition:0.3s ease;
	text-underline-offset: 3px;
	    padding-right: 24px;
}
#blog-post-wrap #blog-post-anchors a:hover {
	color: var(--main-color-green-1);
	text-decoration:underline;
}
#blog-post-wrap #blog-post-anchors a:before {
		content:'';
	position:absolute;
	width:12px;
	height:12px;
	background-color: var(--main-color-green-1);
	left:0px;
	top:6px;
	border-radius:50%;
}
#blog-post-wrap #blog-post-anchors a:after {
    content: '';
    background-image: url(../../uploads/2024/03/black-arrow-left.svg);
    width: 16px;
    height: 16px;
    position: absolute;
    right: 0px;
    transform: rotate(180deg);
    background-position: center;
    top: 4px;
    background-size: cover;
	transition:0.3s ease;
}
#blog-post-wrap #blog-post-anchors a:hover:after {
	 right: -5px;
}
#breadcrumbs {
	padding-top:120px;
	font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 24px;
	color: var(--main-color-gray-10);
	text-align:center;
}
#breadcrumbs span {
	text-align:left;
	display:inline-block;
}
.wtr-time-wrap {
	display:none;
}
 #breadcrumbs a {
	transition:0.3s ease;
		color: var(--main-color-gray-8);
	
}
 #breadcrumbs a:after {
    content: '';
    background-image: url(../../uploads/2024/03/black-arrow-left.svg);
    width: 16px;
    display: inline-block;
    height: 16px;
    background-size: cover;
    transform: rotate(180deg);
    vertical-align: top;
    margin: 4px 10px;
}
 #breadcrumbs a:hover {
	color: var(--main-color-green-1);
}
.single-post #content .container {
	max-width:840px;
}
.single-post article {
	padding: 16px 0px 120px 0px;
}
.single-post article h1 {
	font-size: 36px;
font-style: normal;
font-weight: 600;
line-height: 54px;
	color: var(--main-color-gray-10);
}
.single-post article .entry-meta {
	margin:16px 0;
	display:flex;
	justify-content:space-between;
	align-items:center;
}
.single-post article .entry-meta .meta-sep {
	display:none;
}
.single-post article .entry-meta .author {
	
}
.single-post article .entry-meta .entry-date {
	font-size: 14px;
font-style: normal;
font-weight: 400;
line-height: 20px;
		color: var(--main-color-gray-8);
}
.single-post article .entry-meta .author-avatar {
	
	width:32px;
	height:32px;
}
.single-post article .entry-meta .author-avatar img {
	border-radius:50%;
}
.single-post article .entry-meta  a {
	font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 24px; 
	color: var(--main-color-green-1);
	transition:0.3s ease;
}
.single-post article .entry-meta  a:hover {
	color: var(--main-color-green-2);
}
.single-post article .entry-footer {
	text-align: right;
    margin-top: 16px;
	color: var(--main-color-gray-8);
	font-size: 16px;
	font-style: normal;
	font-weight: 400;
	line-height: 24px; 
	text-align:center;
	display: flex;
    align-items: center;
    justify-content: space-between;
}

@media screen and (max-width: 768px) {
	.single-post article .entry-footer {
		gap: 16px;
    	flex-direction: column;
	}
}

.single-post .social-share {
	display: flex;
	align-items: center;
	gap: 12px;
}

.single-post .social-share span {
	font-size: 16px;
}

.single-post .social-share img {
	display: block;
	width: 24px;
	height: 24px;
}

.single-post article .entry-footer a {
	color: var(--main-color-green-1);
	transition:0.3s ease;
}
.single-post article .entry-footer  a:hover {
	color: var(--main-color-green-2);
}

.single-post .related-posts {
	margin:32px 0 128px 0;
	
}
.single-post .related-posts ul {
	gap:20px;
	display:flex;
	flex-wrap: wrap;
	justify-content:center;
}
.single-post .related-posts .related-post-item {
	border-radius: 48px;
border: 2px solid var(--main-color-gray-4);
background: var(--main-color-gray-1);
	flex:25%;
	padding:24px;
	margin: 0 !important;
	max-width:380px;
	box-sizing:border-box;
}
.single-post .related-posts .related-post-item .related-post-thumbnail img {
	height:250px; 
	width:100%;
	border-radius: 24px;
	object-fit:cover;
}
.single-post #post-related-wrap .container {
	max-width:1220px;
}
.single-post .related-posts .related-post-item .related-post-title {
	margin:16px 0;
	font-size: 20px;
font-style: normal;
font-weight: 600;
line-height: 28px; 
	color: var(--main-color-gray-9);
}

.single-post .related-posts .related-post-item .bottom {
	display:flex;
	align-items:center;
	justify-content:space-between;
}
.single-post .related-posts .related-post-item .bottom .related-post-date { 
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px;
    color: var(--main-color-gray-8);
}
.single-post .related-posts .related-post-item .bottom .related-post-author {
	
}

.single-post .related-posts .related-post-item .bottom .related-post-author img {
	border-radius:50%;
}
.single-post .related-posts .related-post-item .bottom .related-post-author a {
	    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
    color: var(--main-color-green-1);
    transition: 0.3s ease;
}
.single-post .related-posts .related-post-item .bottom .related-post-author a:hover {
	color: var(--main-color-green-2);
}

.single-post #post-related-wrap h2 {
	text-align:center;
}
body.author #content {
	
}
body.author #content .container {
	max-width:840px;
	margin:auto;
}

body.author  .author-wrapper {
	margin:36px 0 96px 0;
	border-radius: 48px;
border: 2px solid var(--main-color-gray-4);
background: var(--main-color-gray-1);
	padding:32px;
}

body.author  .author-wrapper .top {
	display:flex;
	gap:32px;
}
body.author  .author-wrapper .top .author-photo img {
	width:96px;
	height:96px;
	border-radius:50%;
}
body.author  .author-wrapper .top .author-info {
	display:flex;
	flex-direction:column;
	gap:8px;
	justify-content: center;
}
body.author  .author-wrapper .top .author-info h1 {
	font-size: 20px;
font-style: normal;
font-weight: 600;
line-height: 28px;
	color: var(--main-color-gray-9);
}
body.author  .author-wrapper .top .author-info .author-bio {
	font-size: 20px;
font-style: normal;
font-weight: 400;
line-height: 28px;
	color: var(--main-color-gray-8);
}
body.author  .author-wrapper .bottom {
	margin-top:32px;
}
body.author  .author-wrapper .bottom h2 {
	font-size: 24px;
font-style: normal;
font-weight: 600;
line-height: 32px;
		color: var(--main-color-gray-9);
}

body.author  .author-wrapper .bottom .author-articles-list ul {
	margin-top: 24px;
	display:flex;
	flex-direction:column;
	gap:16px;
}

body.author  .author-wrapper .bottom .author-articles-list ul a {
	font-size: 20px;
font-style: normal;
font-weight: 400;
line-height: 28px; 
	transition:0.3s ease;
	color: var(--main-color-green-2);
	border-bottom: 1px solid transparent;
}
body.author  .author-wrapper .bottom .author-articles-list ul a:hover {
	color: var(--main-color-green-1);
	border-bottom: 1px solid var(--main-color-green-1);
}
body.blog h1 {
	text-align:center;
	margin:32px 0;
}
body.blog article {
	padding:24px;
	flex: 30%;
    margin: 0 !important;
	border-radius: 48px;
border: 2px solid var(--main-color-gray-4);
background: var(--main-color-gray-1);
	max-width:380px;
	
} 
body.blog article .caf-content {
	display:none;
}
body.blog article  .manage-layout1 {
	box-shadow:unset !important;
}
body.blog article  .manage-layout1 .caf-post-title {
	margin:16px 0;
	background-color:transparent;
	padding:0;
	min-height:84px;

}
body.blog article  .manage-layout1 .caf-post-title a {
		font-size: 20px;
font-style: normal;
font-weight: 600;
line-height: 28px;
	color: var(--main-color-gray-9);
}
body.blog article  .manage-layout1 .caf-post-title a:hover {
	color: var(--main-color-green-2) !important;
}
body.blog article  .manage-layout1 .caf-meta-content {
	padding:0;
	border:unset;
	    display: flex;
    justify-content: space-between;
	align-items:center;
	color: var(--main-color-gray-8);
}
body.blog article  .manage-layout1 .caf-meta-content > span {
	width: fit-content !important;
	    flex: none;
    padding: 0;
}
body.blog article  .manage-layout1 .caf-meta-content > span .fa  {
	display:none;
}
body.blog article  .manage-layout1 .caf-meta-content > span.author {
	font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 24px;
}
body.blog article  .manage-layout1 .caf-meta-content > span.author .author-link {
	    display: flex;
    gap: 12px;
	color: var(--main-color-green-2);
	transition:0.3s ease;
	
}
body.blog article  .manage-layout1 .caf-meta-content > span.author .author-link img {
	width:32px;
	height:32px;
	border-radius:50%;
	}
body.blog article  .manage-layout1 .caf-meta-content > span.author .author-link:hover {
	color: var(--main-color-green-1);
}
body.blog article  .manage-layout1 .caf-meta-content > span .date {
	font-size: 14px;
font-style: normal;
font-weight: 400;
line-height: 20px;
	color: var(--main-color-gray-8) !important;
}
body.blog article  .manage-layout1 .caf-meta-content .comment {
	display:none;
}
body.blog article .caf-content-read-more {
	display:none;
}
body.blog article .caf-featured-img-box {
	height:250px;
	border-radius: 24px;
}
ul#caf-layout-pagination.post-layout1 {
	margin:32px 0 0px 0!important;
	display: flex !important;
    justify-content: center;
    gap: 8px;
}
.data-target-div1 ul#caf-layout-pagination.post-layout1 li a {
    font-size: 16px !important;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
    color: var(--main-color-gray-9) !important;
    padding: 4px !important;
    background: var(--main-color-gray-4) !important;
    border-radius: 50% !important;
    width: 32px !important;
    display: block;
    height: 32px !important;
    display: flex;
    align-items: center;
    justify-content: center;
}

.data-target-div1 ul#caf-layout-pagination.post-layout1 li span.current {
    font-size: 16px !important;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
    color: var(--main-color-gray-1) !important;
    padding: 4px !important;
    background: var(--main-color-green-2) !important;
    border-radius: 50% !important;
    width: 32px !important;
    display: block;
    height: 32px !important;
    display: flex;
    align-items: center;
    justify-content: center;

}







#manage-ajax-response {
	padding:0 !important;
	gap:20px;
	justify-content: center;
} 
#caf-post-layout-container {
	padding:0 !important;
	margin-bottom:96px;
}
#caf-post-layout-container #caf-filter-layout1 {
	margin-bottom:32px;
}
#caf-post-layout-container #caf-filter-layout1 ul {
	margin:0 !important;
		    display: flex;
    justify-content: center;
    gap: 16px;
	flex-wrap: wrap;
}
#caf-post-layout-container #caf-filter-layout1 ul li:first-child {
	width: auto;
	/* font-size:0px; */ 
}
#caf-post-layout-container #caf-filter-layout1 ul li:first-child a {
	/* font-size: 0px !important; */
}
#caf-post-layout-container #caf-filter-layout1 ul li:first-child:before {
	/* content:'Всі статті'; */
	font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: 24px;
    color: var(--main-color-gray-10);
	transition:0.3s ease;
	position:absolute;
	left:0;
	right:0;
	top:0;
	bottom:0;
	margin:auto;
	z-index: 1;
    height: fit-content;
	pointer-events:none;
}

#caf-post-layout-container #caf-filter-layout1 ul li:has(.active):before {
	    color: var(--main-color-gray-1);
}
#caf-post-layout-container #caf-filter-layout1 ul li {
	margin:0 !important;
	position:relative;
}
#caf-post-layout-container #caf-filter-layout1 ul li a {
		margin:0 !important;
	font-size: 16px;
font-style: normal;
font-weight: 600;
line-height: 24px;
	 color:var(--main-color-gray-10);
	padding:12px 16px;
	border-radius: 100px;
border: 2px solid var(--main-color-gray-1);
background: var(--main-color-gray-2);
	display:block;
}

.data-target-div1 ul#caf-layout-pagination li a.next {
	    background-color: transparent !important;
    font-size: 0px !important;
    background-image: url(../../uploads/2024/03/black-arrow-left.svg) !important;
    background-size: contain !important;
    background-repeat: no-repeat !important;
    width: 16px !important;
    height: 16px !important;
    transform: rotate(180deg);
    margin-top: 7px;
    opacity: 0.7;
}
.data-target-div1 ul#caf-layout-pagination li a.next:hover {
	opacity:1;
}

.data-target-div1 ul#caf-layout-pagination li a.prev {
	    background-color: transparent !important;
    font-size: 0px !important;
    background-image: url(../../uploads/2024/03/black-arrow-left.svg) !important;
    background-size: contain !important;
    background-repeat: no-repeat !important;
    width: 16px !important;
    height: 16px !important;
   
    margin-top: 7px;
    opacity: 0.7;
}
.data-target-div1 ul#caf-layout-pagination li a.prev:hover {
	opacity:1;
}
#caf-post-layout-container #caf-filter-layout1 ul li a:hover {
	opacity:0.7;
	transform:scale(1);
}
#caf-post-layout-container #caf-filter-layout1 ul li a.active {
	border: 2px solid var(--main-color-green-1);
background: var(--main-color-green-2);
	 color:var(--main-color-gray-1);
}
body.category h1 {
	text-align: center;
    margin: 32px 0;
}
.category-posts-wrap {
	display:flex;
	gap:20px;
	    flex-wrap: wrap;
	justify-content:center;
	margin-bottom:96px;
}
.category-posts-wrap article {
    flex: 30%;
    /* width: 30%; */
    padding: 24px;
    margin: 0 !important;
    border-radius: 48px;
    border: 2px solid var(--main-color-gray-4);
    background: var(--main-color-gray-1);
    display: flex;
    flex-direction: column;
    max-width: 380px;
}
.category-posts-wrap article .entry-summary {
	order:1;
}
.category-posts-wrap article header {
	order:2;
}
.category-posts-wrap article .entry-title {
	margin:16px 0;
}
.category-posts-wrap article .entry-meta {
	display:flex;
	justify-content:space-between;
	align-items: center;
}
.category-posts-wrap article .entry-meta .author-avatar {
	margin-right:8px !important;
}
.category-posts-wrap article .entry-meta .author-avatar img {
	border-radius:50%;
}
.category-posts-wrap article .entry-meta .author a {
	    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
	color: var(--main-color-green-2);
    transition: 0.3s ease;
}
.category-posts-wrap article .entry-meta .author a:hover {
	color: var(--main-color-green-1);
}
.category-posts-wrap article h2 {
	font-size: 20px;
    font-style: normal;
    font-weight: 600;
    line-height: 28px;
	margin:0;
}
.category-posts-wrap article .entry-meta .entry-date {
	font-size: 14px;
font-style: normal;
font-weight: 400;
line-height: 20px; 
	color: var(--main-color-gray-8);
}
.category-posts-wrap article .entry-summary img {
	    width: 100%;
    object-fit: cover;
    height: 250px;
    border-radius: 24px;
}
.category-posts-wrap article p {
	display:none;
}

#post-section-for-popup {
	margin-top:24px;
	    background-color: var(--main-color-green-3);
    background-image: url(../../uploads/2024/03/screen-1-bg-min.png);
    border-radius: 32px;
    border: 2px solid var(--main-color-green-2);
    padding: 24px 32px;
    display: flex;
    gap: 48px;
    align-items: center;
}

#post-section-for-popup .left {
	width:200px;
}
#post-section-for-popup .left img {
	width:100%;
	height:auto;
}
#post-section-for-popup .right {
	
}
#post-section-for-popup .right h2 {
		color: var(--main-color-gray-1);
	font-size:28px;
	line-height:42px;
	    margin: 0 0 4px 0;
	
}
#post-section-for-popup .right p {
	color: var(--main-color-gray-1);
	margin-bottom:16px;
	font-weight:600;
}

/* UA Methodics page*/

.page-template-metodika-parent .header {
	text-align:center;
	margin:32px 0;
}

.page-template-metodika-parent .child-page-preview {
	padding:32px;
	border-radius:48px;
	border: 2px solid var(--main-color-gray-4);
	background-color: var(--main-color-gray-1);
	gap:32px;
	display:flex;
}
.page-template-metodika-parent .child-page-preview .left img {
	width:220px;
	height:220px;
	object-fit:cover;
}
.page-template-metodika-parent .child-page-preview .right {
	display:flex;
	gap:16px;
	flex-direction:column;
}
.page-template-metodika-parent .child-page-preview .right h2 {
	font-size:24px;
	line-height:32px;
}
.page-template-metodika-parent .child-page-preview .right .acf-short-description p {
	color: var(--main-color-gray-8);
	
}

.page-template-metodika-parent #metodika-wrapper {
	display:flex;
	flex-direction:column;
	gap:24px;
	    max-width: 1000px;
    margin: auto;
    margin-bottom: 96px;
}
.page-template-metodika-parent #screen-3 .container {
	display: flex;
    gap: 48px;
    padding: 48px 20px;
    max-width: 1040px;
	justify-content: center;
}
.page-template-metodika-parent #screen-3 .container .left {
    align-items: left;
    display: flex;
    flex-direction: column;
    justify-content: center;
}
.page-template-metodika-parent #screen-3 .container .left h2 {
	font-size:36px;
	line-height:54px;
	text-align:left;
	margin-bottom:24px;
}
.page-template-metodika-parent #screen-3 .container .left p {
	margin-bottom:16px;
	padding-left:24px;
	position:relative;
	font-weight:600;
}
.page-template-metodika-parent #screen-3 .container .left p:before {
	content:'';
	position:absolute;
	top:6px;
	left:0;
	width:16px;
	height:16px;
	background-image:url('../../uploads/2024/10/check-yellow.svg');
}


.page-template-metodika-parent #screen-3 .container .left p:last-child {
	margin-bottom:0px;
}
.page-template-metodika-parent #screen-3 .container .right {
	width:auto;
}

.page-template-metodika-parent #screen-3 .container .right #popup-form {
	    position: relative;
    margin: 0;
  top:0;
    transform: none;
   
   
    width: 410px;
}
.page-template-metodika-parent #screen-3 .container .right #popup-form h3 {
	color: var(--main-color-gray-9);
	    font-size: 28px;
    color: var(--main-color-gray-9);
    margin-bottom: 0px;
    line-height: 42px;
}
.page-template-metodika-parent .seo-text-right {
	margin: 0 0 96px 0;
}
.page-template-metodika-parent #screen-3 .container .right #popup-form p {
	color: var(--main-color-gray-9);
}

/* RU Methodics page*/

.page-template-RU-metodika-parent .header {
	text-align:center;
	margin:32px 0;
}

.page-template-RU-metodika-parent .child-page-preview {
	padding:32px;
	border-radius:48px;
	border: 2px solid var(--main-color-gray-4);
	background-color: var(--main-color-gray-1);
	gap:32px;
	display:flex;
}
.page-template-RU-metodika-parent .child-page-preview .left img {
	width:220px;
	height:220px;
	object-fit:cover;
}
.page-template-RU-metodika-parent .child-page-preview .right {
	display:flex;
	gap:16px;
	flex-direction:column;
}
.page-template-RU-metodika-parent .child-page-preview .right h2 {
	font-size:24px;
	line-height:32px;
}
.page-template-RU-metodika-parent .child-page-preview .right .acf-short-description p {
	color: var(--main-color-gray-8);
	
}

.page-template-RU-metodika-parent #metodika-wrapper {
	display:flex;
	flex-direction:column;
	gap:24px;
	    max-width: 1000px;
    margin: auto;
    margin-bottom: 96px;
}
.page-template-RU-metodika-parent #screen-3 .container {
	display: flex;
    gap: 48px;
    padding: 48px 20px;
    max-width: 1040px;
	justify-content: center;
}
.page-template-RU-metodika-parent #screen-3 .container .left {
    align-items: left;
    display: flex;
    flex-direction: column;
    justify-content: center;
}
.page-template-RU-metodika-parent #screen-3 .container .left h2 {
	font-size:36px;
	line-height:54px;
	text-align:left;
	margin-bottom:24px;
}
.page-template-RU-metodika-parent #screen-3 .container .left p {
	margin-bottom:16px;
	padding-left:24px;
	position:relative;
	font-weight:600;
}
.page-template-RU-metodika-parent #screen-3 .container .left p:before {
	content:'';
	position:absolute;
	top:6px;
	left:0;
	width:16px;
	height:16px;
	background-image:url('../../uploads/2024/10/check-yellow.svg');
}


.page-template-RU-metodika-parent #screen-3 .container .left p:last-child {
	margin-bottom:0px;
}
.page-template-RU-metodika-parent #screen-3 .container .right {
	width:auto;
}

.page-template-RU-metodika-parent #screen-3 .container .right #popup-form {
	    position: relative;
    margin: 0;
  top:0;
    transform: none;
   
   
    width: 410px;
}
.page-template-RU-metodika-parent #screen-3 .container .right #popup-form h3 {
	color: var(--main-color-gray-9);
	    font-size: 28px;
    color: var(--main-color-gray-9);
    margin-bottom: 0px;
    line-height: 42px;
}
.page-template-RU-metodika-parent .seo-text-right {
	margin: 0 0 96px 0;
}
.page-template-RU-metodika-parent #screen-3 .container .right #popup-form p {
	color: var(--main-color-gray-9);
}

.metodika-single-number-long {
	display:flex;
	gap:12px;
	align-items:center;
}
.metodika-single-number-long div p {
	font-size:16px;
	line-height:24px;
	color: var(--main-color-gray-8);
	font-weight:600;
}
 .metodika-single-number-long .sep {
	content:'';
	width:6px;
	height:6px;
	border-radius:50%;
	background-color: var(--main-color-gray-8);
	display:block;
}

.page-template-metodika-single article {
	padding:32px 0 96px 0;
}
.page-template-metodika-single article header { 
	    text-align: center;
    display: flex;
    flex-direction: column;
    gap: 32px;
}

.page-template-metodika-single .metodika-single-number-long {
	justify-content:center;
	margin-bottom:32px;
}

/* RU Methodics-single page*/

.page-template-RU-metodika-single article {
	padding:32px 0 96px 0;
}
.page-template-RU-metodika-single article header { 
	    text-align: center;
    display: flex;
    flex-direction: column;
    gap: 32px;
}

.page-template-RU-metodika-single .metodika-single-number-long {
	justify-content:center;
	margin-bottom:32px;
}

@media screen and (max-width: 1220px) {
	.page-template-page-landing #landing-screen-2 .container {
		padding:0 20px;
	}
	.page-template-page-landing #landing-section-5 .container {
		padding:0 20px;
	}
	.page-template-page-landing #screen-3 .container {
		padding:110px 48px;
	}
#screen_3_slider .flickity-prev-next-button.previous {
		left:0px;
	}
	#screen_3_slider .flickity-prev-next-button.next {
		left:24px;
	}
	#screen-3 .flickity-page-dots {
		left:144px;
	}

#screen-3 .girl-2 {
	right: 5vw;
}
#screen-3 .girl-1 {
	left: 5vw;
}
#screen-6 .container {
	padding: 96px 20px;
}
#screen-2 .container {
	padding: 96px 20px;
}
#screen-7 .container {
	padding: 96px 20px;
}
#screen-3 .slide-content {
	padding-left: 0px;
}
#screen-3 .sa_owl_theme .owl-nav {
	left: 0;
}
#screen-3 .sa_owl_theme .owl-dots {
    left: 144px;
}
#screen-2 .decorations .star-3 {
	right: 400px;
}

#screen-2 .decorations .hexagon-2 {
	right: 100px;
}

#screen-1 .container #main-photo {
	width: 650px;
}


 }


@media screen and (max-width: 1024px) {
	.page-template-metodika-single article {
	padding:32px 0 48px 0;
	} 
	.page-template-RU-metodika-single article {
	padding:32px 0 48px 0;
	} 
	.page-template-metodika-parent .seo-text-right {
		margin:48px 0;
	}
	.page-template-metodika-parent #metodika-wrapper {
		margin-bottom:48px;
	}

	.page-template-metodika-parent #screen-3 .container .left h2 { 
		text-align:center;
	}
	.page-template-metodika-parent #screen-3 .container {
		flex-direction: column;
    align-items: center;
		gap:32px;
	}
	.page-template-metodika-parent #screen-3 .container .left {
		width:fit-content;
		    align-items: center;
	}
	
	.page-template-metodika-parent #screen-3 .container .left p:before {
		top:4px;
	}
	.page-template-metodika-parent #screen-3 .container .left p {
		width:fit-content;
		margin-bottom:8px;
	}
	.page-template-metodika-parent .child-page-preview .right {
		align-items:center;
	}
	
	.page-template-metodika-parent .child-page-preview {
		flex-direction: column;
    align-items: center;
    text-align: center;
		padding:24px;
	}
	
	.page-template-RU-metodika-parent .seo-text-right {
		margin:48px 0;
	}
	.page-template-RU-metodika-parent #metodika-wrapper {
		margin-bottom:48px;
	}

	.page-template-RU-metodika-parent #screen-3 .container .left h2 { 
		text-align:center;
	}
	.page-template-RU-metodika-parent #screen-3 .container {
		flex-direction: column;
    align-items: center;
		gap:32px;
	}
	.page-template-RU-metodika-parent #screen-3 .container .left {
		width:fit-content;
		    align-items: center;
	}
	
	.page-template-RU-metodika-parent #screen-3 .container .left p:before {
		top:4px;
	}
	.page-template-RU-metodika-parent #screen-3 .container .left p {
		width:fit-content;
		margin-bottom:8px;
	}
	.page-template-RU-metodika-parent .child-page-preview .right {
		align-items:center;
	}
	
	.page-template-RU-metodika-parent .child-page-preview {
		flex-direction: column;
    align-items: center;
    text-align: center;
		padding:24px;
	}
	
	body.blog article {
		flex:50%;
	}
	
	.category-posts-wrap article {
		max-width:100%;
		flex:100%;
	}
	
	   .category-posts-wrap article h2 {
        font-size: 16px;
        font-style: normal;
        font-weight: 600;
        line-height: 24px;
    }
	
	body.author .author-wrapper {
		margin:32px 0 48px 0;
	}
 #breadcrumbs {
		padding-top:100px;
		font-size: 14px;
		line-height:20px;
	}
	#breadcrumbs a:after {
		    margin: 1px 10px;
	}
	.single-post article h1 {
		font-size: 32px;
line-height: 48px;
	}
	.single-post article {
		    padding: 32px 0px 96px 0px;
	}
	.single-post article .entry-meta {
		margin:32px 0;
	}
	.single-post article .entry-meta a {
		font-size: 14px;
line-height: 20px; 
	}
	.single-post article .entry-meta .entry-date {
		font-size: 12px;
line-height: 18px;
	}
	#blog-post-wrap {
		padding:24px;
	}
	#blog-post-wrap #blog-post-anchors a {
		width: calc(100% - 40px);
		font-size: 14px;
line-height: 20px;
	}
	#blog-post-wrap #blog-post-anchors a:before {
		top:3px;
	}
	#blog-post-wrap p {
		font-size: 16px;
line-height: 24px;
	}
	#blog-post-wrap h2 {
		font-size: 20px;
line-height: 28px;
	}
		#blog-post-wrap h3 {
	font-size: 16px;
line-height: 24px;
	}
	#blog-post-wrap .post-table-1 td {
		min-width:0px;
	}
	#blog-post-wrap .post-table-1 {
		font-size: 14px;
		line-height: 20px;
	}
	#blog-post-wrap h3.post-h3-styled:before {
		top:6px;
	}
	
	
	
	
	.page-template-page-landing #header {
		display:none;
	}
	
	.page-template-page-trial-lesson #header {
		display:none;
	}
	
	.page-template-page-landing #landing-section-5 {
		padding:48px 0;
	}
	.page-template-page-landing #landing-section-5 .container {
		flex-wrap:wrap;
		gap:16px;
	}
	.page-template-page-landing #landing-section-5 .container .right .list .single {
		font-size:16px;
		line-height:24px;
	}
	.page-template-page-landing #landing-section-5 .container .right .list {
		gap:16px;
		max-width: 400px;
		        margin: 0 auto 24px;
	}
	.page-template-page-landing #header .container {
		padding:12px 16px;
	}
	.page-template-page-landing #landing-section-6 {
		padding:32px 0;
	}
	.page-template-page-landing #landing-section-5 .container .left {
	
		width: fit-content;
        margin: auto;
        max-width: 280px;
	}
	.page-template-page-landing #landing-section-5 .container .left .decorations .triangle {
		left:-50px;
	}
	.page-template-page-landing #landing-section-5 .container .left .decorations .triangle svg {
		transform: rotate(30deg) scale(0.5);
	}
	.page-template-page-landing #landing-section-5 .container .left .decorations .star-1 svg {
		transform:scale(0.5);
	}
	.page-template-page-landing #landing-section-5 .container .left  img {
		width:100%;
		height:auto;
	}
	.page-template-page-landing #landing-section-5 .container .left .decorations .teeth svg {
		transform:scale(0.5);
	}
	.page-template-page-landing #landing-section-5 .container .left > img:nth-child(3) {
		width:175px;
	}
	.decorations .star-1 svg {
		
	}
		.page-template-page-landing #landing-section-5 .container .right {
	width:100%;
	}
	.page-template-page-landing #screen-3 .container .left div:nth-child(1) {
		margin:auto;
	}
	.page-template-page-landing #screen-3 .container .left .text-1:after {
		    margin: 16px auto;
	}
	
	
	
	.page-template-page-landing #landing-screen-4 .container {
		padding: 0 20px;
	}
	.page-template-page-landing #landing-screen-4 .container #landing-screen-4-wrap .single .text-1 {
		text-align:left;
	}
	.page-template-page-landing #landing-screen-4 .container #landing-screen-4-wrap .single .text-2--regular {
		text-align:left;
	}
	.page-template-page-landing #landing-screen-4 {
		padding:48px 0;
	}
	
	
	.page-template-page-trial-lesson #landing-screen-why-us .container {
		padding: 0 20px;
	}
	.page-template-page-trial-lesson #landing-screen-why-us .container #landing-screen-why-us-wrap .single .text-1 {
		text-align:left;
	}
	.page-template-page-trial-lesson #landing-screen-why-us .container #landing-screen-why-us-wrap .single .text-2--regular {
		text-align:left;
	}
	.page-template-page-trial-lesson #landing-screen-why-us {
		padding:48px 0;
	}
	
	.page-template-page-trial-lesson #landing-screen-how-it-works .container {
		padding: 0 20px;
	}
	.page-template-page-trial-lesson #landing-screen-how-it-works .container #landing-screen-how-it-works-wrap .single .text-1 {
		text-align:left;
	}
	.page-template-page-trial-lesson #landing-screen-how-it-works .container #landing-screen-how-it-works-wrap .single .text-2--regular {
		text-align:left;
	}
	.page-template-page-trial-lesson #landing-screen-how-it-works {
		padding:48px 0;
	}	
	
	
	.page-template-page-landing #screen-3 .container .left .text-3 {
		font-size:16px;
		line-height:24px;
	}
	.page-template-page-landing #screen-3 .container #popup-form {
		margin:auto;
	}
	.page-template-page-landing #screen-3 .container {
		padding:32px 20px;
		flex-wrap:wrap;
		gap:16px;
	}
	.page-template-page-landing #screen-3 .container .left {
		width:100%;
	}
	.page-template-page-landing #screen-3 .container .right {
		width:100%;
	}
	.page-template-page-landing #landing-screen-2 .container {
		gap:16px;
		flex-wrap:wrap;
		padding:0 20px;
	}
	.page-template-page-landing  .button--green  {
		margin:auto;
	}
	.page-template-page-landing #landing-screen-2 .container .left {
		  width: fit-content;
        margin: auto;
        max-width: 280px;
	}
	.page-template-page-landing #landing-screen-2 .container .left img {
		width:100%;
		height:auto;
		}
	.page-template-page-landing #landing-screen-2 .container .right .list .text-3 {
		font-size:16px;
		line-height:24px;
		text-align:left;
	}
	.page-template-page-landing #landing-screen-2 .container .right .list {
		gap: 16px;
        max-width: 400px;
        margin: 0 auto 24px;
	}
	
	.page-template-page-landing #landing-screen-2 .container .right {
		width:100%;
	}
	.page-template-page-landing #landing-screen-2 {
		padding:48px 0;
	}
	
	
	.page-template-page-trial-lesson #landing-screen-2 .container {
		gap:16px;
		flex-wrap:wrap;
		padding:0 20px;
	}
	.page-template-page-trial-lesson  .button--green  {
		margin:auto;
	}
	.page-template-page-trial-lesson #landing-screen-2 .container .left {
		  width: fit-content;
        margin: auto;
        max-width: 280px;
	}
	.page-template-page-trial-lesson #landing-screen-2 .container .left img {
		width:100%;
		height:auto;
		}
	.page-template-page-trial-lesson #landing-screen-2 .container .right .list .text-3 {
		font-size:16px;
		line-height:24px;
		text-align:left;
	}
	.page-template-page-trial-lesson #landing-screen-2 .container .right .list {
		gap: 16px;
        max-width: 400px;
        margin: 0 auto 24px;
	}
	
	.page-template-page-trial-lesson #landing-screen-2 .container .right {
		width:100%;
	}
	.page-template-page-trial-lesson #landing-screen-2 {
		padding:48px 0;
	}
	
	
	.page-template-page-landing #screen-1 h1 {
		font-size:28px;
		line-height:42px;
	}
	.page-template-page-landing #screen-1 .container {
		padding:114px 20px;
	}
	
	.page-template-page-landing #screen-1 .container .text-3:nth-child(3) {
		opacity:1;
		top:0px;
		padding:8px 24px;
		font-size:14px;
		line-height:20px;
	}
	.page-template-page-landing #screen-1 .container .text-2:before {
		        content: '';
        width: 64px;
        height: 2px;
        background-color: var(--main-color-gray-1);
        display: block;
        margin: 0 auto 16px;
	}
	.page-template-page-landing #screen-1 .text-2 {
		opacity:1;
		top:0px;
	}
	
	.page-template-page-landing #popup-form {
		opacity:1;
		top:0px;
	}
	
	.seo-text-cta {
		margin-bottom:48px;
	}

	.seo-text-cta .cta {
		flex-direction: column;
		align-items: center;
	}

	.seo-text-cta .cta .text {
		flex-direction: column;
		align-items: center;
	}

	.seo-text-cta .cta h2 {
		text-align: center;
	}


	.seo-text-double.last-one {
	margin-bottom:48px;
	} 
	.seo-text-left .seo-text-double-wrap .right {
		order:1;
	}
		.seo-text-left .seo-text-double-wrap .left {
		order:2;
	}
	.seo-text-double .seo-text-double-wrap h2 {
		font-size:20px;
		line-height:28px;
	}
	.seo-text-double .seo-text-double-wrap .text-3--regular {
		font-size:16px; 
		line-height:24px;
	}
	.seo-text-double.seo-text-right .seo-text-double-wrap .left {
		width:fit-content;
	}
	.seo-text-double.seo-text-right .seo-text-double-wrap .left img {
		height:287px;
		width:287px;
	}
	.seo-text-double.seo-text-left .seo-text-double-wrap .right {
		width:fit-content;
	}
	.seo-text-double.seo-text-left .seo-text-double-wrap .right img {
		height:287px;
		width:287px;
	}
	.seo-text-double .seo-text-double-wrap {
		    flex-direction: column;
    align-items: center;
		padding:24px;
	}
	.seo-text-double .seo-text-double-wrap .text-3--regular {
		text-align:left;
	}
	.post.not-found {
		padding: 215px 20px;
	}
	#card-404 {
		padding:24px;
	}
	
	#card-email-confirmed {
		padding:24px;
	}
	#screen-3 .flickity-page-dots {
        bottom: -40px !important;
        left: 0;
        right: 0;
        margin: 44px auto 0;
	}
	#screen_3_slider .flickity-prev-next-button.previous {
        bottom: -10px;
        left: -60px !important;
        right: 0;
        position: absolute;
        margin: auto;
    }
	#screen_3_slider .flickity-prev-next-button.next {
        bottom: -10px;
        left: 60px;
    }
	#screen-2 .flickity-prev-next-button.previous {
		        position: absolute !important;
        bottom: 30px;
        left: -48px !important;
        right: 0;
        margin: auto;
	}
	section .flickity-prev-next-button.next {
        position: absolute;
        bottom: 30px;
        left: 72px;
        right: 0;
        margin: auto;
    }
	#screen-2 .flickity-page-dots {
		bottom: 0 !important;
        left: 0;
        right: 0;
        margin: 96px auto 0;
	}
	#header {
		top:24px;
	}
	#screen-1 .decorations .decoration-single {
		opacity:0.5;
	}
	

	#screen-1 .button--yellow {
		opacity:1;
		pointer-events:auto;
		top:0;
	}
	#screen-1 .text-1 {
		opacity:1;
		pointer-events:auto;
		top:0;
	}
	#screen-1 .text-2 {
		opacity:1;
		pointer-events:auto;
		top:0;
	}
	#screen-1 picture {
		display:none;
	}
	#screen-1 .container #main-photo Img {
		display:none;
	}
	#screen-8 #faq-wrap .faq-single .content .text-4--regular {
		text-align:left;
	}
	
	

#screen-2 .decorations .hexagon-2 {
	top:365px;
}
#screen-2 .decorations .star-3 {
	left: 50px;
    bottom: 300px;

}
.decoration-single.appeared {
	opacity: 0.5;
}
#screen-3 .check-2.appeared {
	opacity: 1;
    left: 0;
    right: 0;
    bottom: 370px;
    margin: auto;
    transform: unset !important;
}
#screen-3 .girl-1.appeared {
	opacity: 1;
	    scale: 0.5;
    left: 10vw;
    bottom: 150px;
}
#screen-3 .girl-2.appeared {
	opacity: 1;
    scale: 0.5;
    right: 10vw;
    bottom: 150px;
}
#screen-1 .decorations .teeth {
	left:-50px;
}
#screen-1 .decorations .hexagon-1 {
	top:350px;
	left:-20px;
	right: unset;
}
#screen-1 .decorations .star-1 {
	right: -50px;
}
#screen-1 .decorations .star-2 {
	left:unset;
	right: -50px;

}
#screen-1 .decorations .circle-1 {
	left:-20px;
}
#screen-1 .decorations .triangle {
	right: -100px;
}
#screen-2 .decorations .hexagon-1 {
	left:-20px;
}
#screen-2 .decorations .triangle {
	right: -100px;
}
#screen-2 .decorations .teeth {
	bottom: 60px;
    left: -30px;
}
#screen-3 .decorations .teeth {
	left:-50px;
}
#screen-3 .decorations .hexagon-1 {
	right: -20px;
	left: unset;
}
#screen-3 .decorations .star-2 {
	left: unset;
	right: -20px;
}
#screen-3 .decorations .star-1:nth-child(5) {
	left:-50px;
}
#screen-4 .decorations .star-1 {
	left:-50px;
}
#screen-4 .decorations .teeth {
	right: -50px;
}
#screen-4 .decorations .hexagon-1 {
	left: -20px
}
#screen-4 .decorations .triangle {
	right: -100px;
}
#screen-5 .decorations .star-1 {
	right: -50px;
}
#screen-5 .decorations .triangle {
	    left: -100px;
}
#screen-5 .decorations .hexagon-1 {
	right: -20px;
}
#screen-5 .decorations .teeth {
	left:-50px;
}
#screen-5 .decorations .triangle {
	top: 400px;
}
#screen-6 .decorations .triangle {
	right: -100px;
}
#screen-6 .decorations .hexagon-1 {
	left:-20px;
}
#screen-7 .decorations .star-1:nth-child(1) {
	left: -50px;
}
#screen-7 .decorations .teeth {
	    right: -50px;
    top: -50px;
}
#screen-7 .decorations .hexagon-1 {
	right: -20px;
	top:650px;
}
#screen-7 .decorations .star-2 {
	    left: -50px;
}
#screen-7 .decorations .star-1:nth-child(6) {
	right: -50px;
	bottom: -400px;
}
#screen-7 .decorations .triangle {
	left:-100px;
}

	h1 {
		font-size: 36px;
		line-height: 44px;
	}

	h2 {
		font-size: 36px;
		line-height: 54px; 
	}
	h3 {
		font-size: 32px;
		line-height: 48px;
	}
	h4 {
		font-size: 28px;
		line-height: 42px;
	}
	p {
		font-size: 16px;
		line-height: 24px;
		text-align: center;
	}
	.text-2 {
		font-size: 20px;
		line-height: 28px;
	}
	.text-5 {
		font-size: 12px;
		line-height: 18px;
	}
	#screen-1 {
		min-height: 550px;
		border-radius: 0px 0px 48px 48px;
	}
	#screen-1 .container, #screen-2 .container, #screen-3 .container, #screen-4 .container, #screen-5 .container, #screen-6 .container, #screen-7 .container, #screen-8 .container, #screen-9 .container, #screen-10 .container {
		padding: 48px 20px;
	}
.text-1 {
	font-size: 24px;
	line-height: 32px;
}
.text-4--regular {
	font-size: 14px;
	line-height: 22px;
}
.slide-content .left h3 {
	text-align: center;
}
#screen-3 {
	border-radius: 48px;
}
#screen-3  .slide-content .right img {
	width: 100%;
    height: auto;
}
#screen-3  .slide-content .right {
	    width: 100%;
    height: auto;
}

#screen-3  .students-say {
	margin-top: 128px;
}

#screen-3  .students-say .line {
	flex-direction: column;
}

#screen-3-bottom {
	margin-top: 160px;
}
#screen-5-top {
	margin-bottom: 16px;
	padding: 0;
}
#screen-5-bottom-wrap .screen-5-packages {
	flex-direction: column;
}
#screen-5-bottom-wrap .package {
	width: 100%;
	border-radius: 32px;
	padding: 24px;
	gap:16px;
	
}
#screen-5-top .screen-5-top-switcher h3 {
	font-size: 20px;
	line-height: 28px;
}
#screen-5-top .screen-5-top-switcher {
	padding: 16px 24px;
}
#screen-5-top .screen-5-top-switcher .text-3 {
	display: none;
}
#screen-4  .slide-content-testimonials {
	gap: 24px;
	padding: 24px;
	width: 100%;
        box-sizing: border-box;
}
.text--big {
	font-size: 56px;
	line-height: 72px;
}
#screen-2 h2 {
	margin-bottom: 32px;
}
#screen-3 h2 {
	margin-bottom: 32px;
}
#screen-7 #teachers-wrap {
	flex-direction: column;
	    gap: 32px;
}
#screen-7 #teachers-wrap-wrap {
	width: max-content;
    flex-wrap: nowrap;
}
#screen-7 #teachers-wrap .right {
	overflow-x: scroll;
    width: calc(100% + 40px);
    padding-left: 20px;
    padding-right: 20px;
    box-sizing: border-box;
        padding-bottom: 20px;
}
/* width */
#screen-7 #teachers-wrap .right::-webkit-scrollbar {
  width: 8px;
   
}

/* Track */
#screen-7 #teachers-wrap .right::-webkit-scrollbar-track {
   background-color: var(--main-color-gray-2);
   border-radius: 16px;

}




#screen-7 #teachers-wrap .right::-webkit-scrollbar-thumb {
  background-color: var(--main-color-green-2);
  border-radius: 24px;


}
#screen-7 #teachers-wrap .right::-webkit-scrollbar-thumb:hover {
background-color: var(--main-color-green-1);
}
#screen-7 #teachers-wrap .right::-webkit-scrollbar-thumb:active {
	background-color: var(--main-color-green-3);
}
#screen-7 #teachers-wrap .right .teacher-single:nth-child(2) {
	margin-top: 0px;
}
#screen-7 #teachers-wrap .right .teacher-single:nth-child(5) {
	margin-top: 0px;
}
#screen-7 #teachers-wrap .left {
	    order: 2;
    width: 100%;
    text-align: center;
    gap: 16px;
    align-items: center;
}
#screen-8 #faq-wrap .faq-single {
	padding: 24px;
}
#screen-8 #faq-wrap .faq-single h3 {
	font-size: 20px;
	line-height: 28px;
}
#screen-8 #faq-wrap .faq-single .faq-cross {
	top:22px;
	right: 22px;
}
#screen-9 #seo-text-wrap {
	padding: 16px;
}
#screen-9 #seo-text-wrap p {
	text-align: left;
}
#footer-line-1 {
	flex-direction: column;
	align-items: flex-start;
	gap:32px;
}
#footer-line-3 {
	flex-direction: column;
	align-items: center;
}
#footer-line-3 a {
	align-items: center;
}
#footer-menu {
	flex-direction: column;
}
#footer-socials {
	gap:16px;
}
	#mobile-burger {
		display: block;
	}
	#screen-1 .container #main-photo {
		display: none;
	}
	#screen-1 .container {
		align-items: center;
    text-align: center;
	}
	#screen-2 .sa_owl_theme .owl-nav {
		position: relative;
    bottom: 0;
    height: 55px;
    margin: 24px auto 0;
    width: fit-content;
	}
	#screen-6-banner {
		flex-direction: column;
		padding: 32px 24px;
	}
	#screen-6-banner .right h2 {
		font-size: 32px;
		line-height: 48px;
		text-align: center;
		margin-bottom: 16px;
	}
	#screen-6-banner > svg {
		width: 250px;
    height: auto;
    right: 0;
    left: 0;
    top: -30px;
    margin: auto;
    bottom: unset;
	}
	.slide-content {
		flex-direction: column;
		align-items: center;
	}
	.slide-content .left {
		order: 2;
		width: 100% !important;
		padding-top: 0px !important;
	}
	#screen-2 .slide-content .right {
		max-width: 380px;
	}
	.slide-content .right {
		order: 1;
		    width: 100% !important;
    text-align: center;
    max-width: 580px !important;
	}
	 .slide-content .right img {
		width: 100%;
    height: auto;
	}

	 #screen-2 .slide-content .right video {
		width: 100%;
    height: auto;
	}

	#header .container {
		flex-direction: column;
    align-items: flex-start;
    gap: 48px;
    padding: 12px 16px 48px ;
    border-radius: 28px;
    max-height: 56px;
    	overflow: hidden;
    	transition: 0.5s ease;
	}
#header.active .container {
	max-height: 580px;
}
	#menu {
		flex-direction: column;
		gap:24px;
		width: 100%;
		text-align: center;
		align-items: center;
	}
	#menu a {
		    font-size: 20px;
    	    padding: 0;
    line-height: 28px;
    width: fit-content;
	}
	#header .container .button--orange {
		margin: auto;
	}
}


#fpsMeter {
	position: fixed;
    right: 50px;
    z-index: 100;
    top: 50px;
    background-color: white;
    padding: 20px;
}


#screen-1 .decorations .teeth {

}


@media screen and (max-width: 768px) {
	.page-template-metodika-parent #screen-3 .container .right {
		width:100%;
	}
	.page-template-metodika-parent #screen-3 .container .right #popup-form {
		width:100%;
	}
	.page-template-RU-metodika-parent #screen-3 .container .right {
		width:100%;
	}
	.page-template-RU-metodika-parent #screen-3 .container .right #popup-form {
		width:100%;
	}
	body.blog article .manage-layout1 .caf-post-title {
		min-height:unset;
	}
	
	#post-section-for-popup {
		flex-direction:column;
	}
	
	#post-section-for-popup .right {
		text-align:center;
	}
	#post-section-for-popup .right h2 {
		font-size:24px;
		line-height:32px;
	}
	#post-section-for-popup .right p {
		text-align:center !important;
	}
	#post-section-for-popup .right .button--yellow {
		margin:auto;
	}
	
	
	body.blog article .manage-layout1 .caf-post-title a {
		font-size: 16px;
font-style: normal;
font-weight: 600;
line-height: 24px;
	}
	ul#caf-layout-pagination.post-layout1 {
		margin:32px 0 48px 0;
	}
	body.author .author-wrapper .bottom .author-articles-list ul a {
		font-size: 16px;
		font-style: normal;
		font-weight: 400;
		line-height: 24px;
	}
	body.author .author-wrapper .bottom h2 {
		font-size: 20px;
		font-style: normal;
		font-weight: 600;
		line-height: 28px;
	}
	body.author .author-wrapper .top {
		flex-direction:column;
	}
	body.author .author-wrapper .top .author-info h1 {
		font-size: 16px;
		font-style: normal;
		font-weight: 600;
		line-height: 24px;
	}
	body.author .author-wrapper .top .author-info .author-bio {
		font-size: 16px;
		font-style: normal;
		font-weight: 400;
		line-height: 24px;
	}
	.single-post .related-posts .related-post-item {
		flex: 100%;
	}
	.single-post .related-posts .related-post-item .related-post-title {
		font-size:16px;
		line-height:24px;

	}
	
	.page-template-page-trial-lesson #cta-first {
		padding: 24px;
		border-radius: 48px;
	}
	
	.page-template-page-trial-lesson #cta-first #form-wrap {
		flex-direction: column;
	}
	
	.page-template-page-trial-lesson #cta {
		padding: 24px;
		border-radius: 48px 48px 0 0;
	}
	
	.page-template-page-trial-lesson #cta #form-wrap {
		flex-direction: column;
	}
	
	.page-template-page-landing #landing-screen-4 .container #landing-screen-4-wrap .single {
		padding:24px;
		width: 100%;
        flex: 100%;
        max-width: 100%;
	}
	
	.page-template-page-trial-lesson #landing-screen-why-us .container #landing-screen-why-us-wrap .single {
		padding:24px;
		width: 100%;
        flex: 100%;
        max-width: 100%;
	}
	
	.page-template-page-trial-lesson #landing-screen-how-it-works .container #landing-screen-how-it-works-wrap .single {
		padding:24px;
		width: 100%;
        flex: 100%;
        max-width: 100%;
	}
	
	#popup-form .left {
		display:none;
	}
	#myForm-checkboxes > .text-4--regular {
		text-align:left;
	}
	#banner-buttons {
		flex-direction: column;
	}
	#banner-buttons a {
		width: 100%;
	}
	
	#screen-2 .decorations .hexagon-2 {
		right: -50px;
	}
	#screen-2 .decorations .star-3 {
		left:-100px;
	}
	#screen-3 .girl-2.appeared {
		right: -20px;
		bottom: 120px;
	}
	#screen-3 .girl-1.appeared {
		left: -20px;
		bottom: 120px;
	}
}
@media screen and (max-width: 480px) { 
	#blog-post-wrap .post-table-1 {
		font-size: 9px;
		line-height: 14px;
	}
	#blog-post-wrap .post-table-1 th {
		padding: 2px;
	}
	
	#blog-post-wrap .post-table-1 td {
		padding: 2px;
	}
	
	.page-template-page-landing  .button--green  {
		width:100%;
		box-sizing:border-box;
	}
	#screen-3-bottom h3 {
		max-width:200px;
	}
	#screen-3 .check-2.appeared {
		bottom:500px;
	}
}

@media screen and (max-width: 768px) {

.page-template-page-trial-lesson #hero-screen {	
	border-radius: 0px 0px 48px 48px;
	opacity: 1;
}

.page-template-page-trial-lesson #hero-screen .decorations {
	opacity: 0;
}
	
.page-template-page-trial-lesson #hero-screen .button--yellow {
	opacity: 1;
	top: 0px;
	text-align: center;
	}
	
.page-template-page-trial-lesson #hero-screen h1 {
	font-size: 36px;
	line-height: 54px;
	text-align: center;
	margin-bottom: 0px;
}
	

.page-template-page-trial-lesson #hero-screen .text-1 {	
	font-size: 24px;
	line-height: 32px;
	text-align: center;
	color: var(--main-color-yellow-2);
}	

.page-template-page-trial-lesson #hero-screen .container .content {
	flex-direction: column;
	}

.page-template-page-trial-lesson #hero-screen .container .content .left {
	width: 100%;
	padding-top: 48px;
	align-items: center;
	}
	
.page-template-page-trial-lesson #hero-screen .container .content .main-image {
	display: none;		
	}	
	
.page-template-page-trial-lesson #hero-screen .container .social_proofs {
	flex-direction: column;
	gap: 12px;
    padding-top: 24px;
	}

.page-template-page-trial-lesson #hero-screen .container .social_proofs .single_proof {
	width: -webkit-fill-available;
	max-width: 320px;
	}
	
.page-template-page-trial-lesson #cta #form-wrap .left .list .text-3 {
	text-align: left;
	padding-left: 32px;
	}
	
.page-template-page-trial-lesson #cta-first #form-wrap .ctaform #form-wizard-sent {
	max-width: 260px;	
	}
}

/*
SEO pages blocks
*/
 
.seo-block-cards {
	padding:96px 0;

}
.seo-block-cards .container {
	padding:0 20px;
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 64px;
	align-self: stretch;
}

.seo-block-cards .container .heading {
	display: flex;
	width: 100%;
	flex-direction: column;
	align-items: center;
	gap: 24px;
}

.seo-block-cards .container .heading h2 {
	text-align:center;
}

.seo-block-cards .container .heading p {
	text-align:center;
}

.seo-block-cards .container .cards {
	display: flex;
	justify-content: center;
	align-items: flex-start;
	gap: 16px;
	align-self: stretch;
	width: -webkit-fill-available;
}

@media screen and (max-width: 1024px) {
	.seo-block-cards .container .cards {
		flex-direction: column;
	}
}

.seo-block-cards .container .cards .single {
	border-radius: 32px;
    border: 2px solid var(--main-color-gray-4);
    background-color: var(--main-color-gray-1);
	display: flex;
	padding: 32px;
	flex-direction: column;
	align-items: flex-start;
	gap: 24px;
	flex: 1 0 0;
}

.seo-block-cards .container .cards .three {
	min-height: 260px;
}

.seo-block-cards .container .cards .four {
	min-height: 380px;
}

.seo-block-cards .container .cards .single .text {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	gap: 8px;
	align-self: stretch;
}

@media screen and (max-width: 1024px) {
	.seo-block-cards .container .cards .single {
		align-items: center;
		width: -webkit-fill-available;
	}
	
	.seo-block-cards .container .cards .three {
		min-height: auto;
	}
	
	.seo-block-cards .container .cards .four {
		min-height: auto;
	}
	
	.seo-block-cards .container .cards .single .text {
		align-items: center;
	}
	
	.text-1-seo {
		font-size: 20px;
        line-height: 28px;
	}
}

.seo-block-cards .container .cards .single div:nth-child(1) {
	width:80px;
	height:80px;
	border-radius:24px;
	border:2px solid  var(--main-color-gray-3);
	background-color:  var(--main-color-gray-4);
	position:relative;
}
.seo-block-cards .container .cards .single div:nth-child(1) img {
	position:absolute;
	width:48px;
	height:48px;
	top:0px;
	bottom:0px;
	left:0px;
	right:0px;
	margin:auto;
}

.seo-block-cards .decorations .hexagon-1 {
	top:96px;
	left: 10vw;
}

.seo-block-cards .decorations .triangle {
	top: 100px;
    right: -50px;
  
}
.seo-block-cards .decorations .triangle svg {
	transform: rotate(30deg);
}
.seo-block-cards .decorations .hexagon-2 {
	top: 265px;
    right: 120px;

}
.seo-block-cards .decorations .star-3 {
	bottom: 185px;
    right: 470px;
    z-index: 2;
}

.seo-block-cards .decorations .teeth {
	bottom:40px;
	left:10vw;	  
}
.seo-block-cards .decorations .teeth svg {
  transform: rotate(65deg);
}
.seo-block-cards .decorations .circle-1 {
	right: -10px;
	bottom: 20px;	   
}
.seo-block-cards .decorations .circle-1 svg:nth-child(2) {
	     left: -5px;
    bottom: 40px;
}
.seo-block-cards .decorations .teeth svg path {
	fill: var(--main-color-green-1);
}
.seo-block-cards .decorations .triangle svg path {
	fill: var(--main-color-green-1);
}

.seo-block-cards .decorations {
	top:40px;
}

.seo-pic-textes {
	padding:96px 0;
}

.seo-pic-textes .container {
	padding:0 20px;
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 64px;
	align-self: stretch;
}

.seo-pic-textes .container .heading {
	display: flex;
	width: 100%;
	flex-direction: column;
	align-items: center;
	gap: 24px;
}

.seo-pic-textes .container .heading h2 {
	text-align:center;
}

.seo-pic-textes .container .heading p {
	text-align:center;
}

.seo-pic-textes .container .blocks {
	display: flex;
	max-width: 980px;
	flex-direction: column;
	align-items: flex-start;
	gap: 48px;
}

.seo-pic-textes .container .blocks .single-block {
	display: flex;
	justify-content: center;
	align-items: center;
	gap: 32px;
	align-self: stretch;
}

.seo-pic-textes .container .blocks .reverse {
	flex-direction: row-reverse;
}

.seo-pic-textes .container .blocks .single-block img {
	max-width: 440px;
	max-height: 324px;
	aspect-ratio: 110/81;
	border-radius: 32px;
	border: 2px solid var(--main-color-gray-4);	
}

.seo-pic-textes .container .blocks .single-block .text {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	gap: 8px;
}

@media screen and (max-width: 1024px) {
	.seo-pic-textes .container .blocks {
		width: -webkit-fill-available;
	}
	
	.seo-pic-textes .container .blocks .single-block {
		flex-direction: column;
	}
	
	.seo-pic-textes .container .blocks .reverse {
		flex-direction: column;
	}
	
	.seo-pic-textes .container .blocks .single-block img {
		width: 100%;
	}
	
	.seo-pic-textes .container .blocks .single-block .text {
		text-align: center;
		align-items: center;
	}
}

.icons-bullets {
	padding: 0 0 96px;

}

.icons-bullets .container {
	padding:0 20px;
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 64px;
	align-self: stretch;
}

.icons-bullets .container h2 {
    text-align: center;
}

.icons-bullets .container .bullets {
  display: grid;
  grid-template-columns: repeat(4, 1fr); 
  gap: 24px;
}

@media (max-width: 1180px) {
  .icons-bullets .container .bullets {
    grid-template-columns: repeat(2, 1fr);
  }
}

@media (max-width: 600px) {
  .icons-bullets .container .bullets {
    grid-template-columns: 1fr; 
  }
}

.icons-bullets .container .bullets .icon {
	display: flex;
	align-items: center;
	gap: 16px;
	min-width: 256px;
}

.icons-bullets .container .bullets .icon div:nth-child(1) {
	width:64px;
	height:64px;
	border-radius: 24px;
	border: 2px solid var(--main-color-gray-4);
	background: var(--main-color-gray-1);
	position:relative;
}

.icons-bullets .container .bullets .icon div:nth-child(1) img {
	position:absolute;
	width:32px;
	height:32px;
	top:0px;
	bottom:0px;
	left:0px;
	right:0px;
	margin:auto;
}

.icons-bullets .container .bullets .icon .text p {
	text-align: left
}

.seo-cta {
	display: flex;
	flex-direction: column;
	align-items: center;
	align-self: stretch;
}

.seo-cta .cta {
	display: flex;
	max-width: 1180px;
	padding: 64px;
	align-items: center;
	gap: 64px;
	background-color: var(--main-color-green-3);
    background-image: url(../../uploads/2024/03/screen-1-bg-min.png);
    background-size: 450px;
    border-radius: 96px;
}

.seo-cta .cta .left-text {
	display: flex;
	max-width: 360px;
	flex-direction: column;
	justify-content: center;
	align-items: flex-start;
	gap: 16px;
	flex: 1 0 0;
}

.seo-cta .cta .left-text .form-title {
	font-size: 48px;
	font-style: normal;
	font-weight: 600;
	line-height: 64px;
	color: var(--main-color-gray-1);
}

.seo-cta .cta .left-text .form-subtitle {
	font-size: 20px;
	font-style: normal;
	font-weight: 400;
	line-height: 28px;
	color: var(--main-color-gray-1);
}

@media screen and (max-width: 1024px) {
	.seo-cta .cta {
		padding: 24px;
		flex-direction: column;
		gap: 32px;
		border-radius: 48px;
		width: -webkit-fill-available;
	}
	.seo-cta .cta .left-text .form-title {
		font-size: 36px;
		line-height: 54px;
	}
}


.seo-image-cards {
	padding:96px 0;

}
.seo-image-cards .container {
	padding:0 20px;
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 64px;
	align-self: stretch;
}

.seo-image-cards .container .heading {
	display: flex;
	width: -webkit-fill-available;
	flex-direction: column;
	align-items: center;
	gap: 24px;
}

.seo-image-cards .container .heading h2 {
	text-align:center;
}

.seo-image-cards .container .heading p {
	text-align:center;
}

.seo-image-cards .container .image-cards {
	overflow: hidden;
	display: flex;
	align-items: flex-start;
	align-content: flex-start;
	align-self: stretch;
	flex-wrap: wrap;
	border-radius: 48px;
	border: 2px solid var(--main-color-gray-4);
	background: var(--main-color-gray-1);
	justify-content: space-between;
}

.seo-image-cards .container .image-cards .card {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	gap: 24px;
	flex: 1 0 0;
	width: -webkit-fill-available;
	max-width: 392px;
}

.seo-image-cards .container .image-cards .card .thumb {
	max-height: 290px;
	align-self: stretch;
	aspect-ratio: 393.33/290.00;
	max-width: 392px;
	width: 100%;
}

.seo-image-cards .container .image-cards .card .text {
	display: flex;
	padding: 0px 32px 32px 32px;
	flex-direction: column;
	align-items: flex-start;
	gap: 8px;
	align-self: stretch;
}

@media screen and (820px <= width <= 1250px) {
	.seo-image-cards .container .image-cards {
		flex-direction: column;
	}
	.seo-image-cards .container .image-cards .card {
		flex-direction: row;
		max-width: -webkit-fill-available;
	}
	.seo-image-cards .container .image-cards .card .text {
		padding: 24px 24px 24px 0;
		justify-content: center;
	}
	.seo-image-cards .container .image-cards .card .text p {
		text-align: left;
	}
}

@media screen and (0px < width < 820px) {
	.seo-image-cards .container .image-cards {
		flex-direction: column;
		max-width: 392px;
		margin: auto;
	}
	.seo-image-cards .container .image-cards .card {
		flex-direction: column;
		max-width: -webkit-fill-available;
	}
	.seo-image-cards .container .image-cards .card .text {
		padding: 0px 24px 24px 24px;
		justify-content: center;
	}
	.seo-image-cards .container .image-cards .card .text p {
		text-align: left;
	}
}

.seo-image-cards .decorations {
	top:170px;
}

.seo-image-cards .decorations .triangle {
	top:80px;
	left: -30px;
}

.seo-image-cards .decorations .triangle svg {
 transform: rotate(35deg);
}
.seo-image-cards .decorations .star-1 {
	top:160px;
	right: 10vw;
}
.seo-image-cards .decorations .hexagon-1 {
	bottom:330px;
	right: 5vw;
}
.seo-image-cards .decorations .teeth {
	bottom: 40px;
	left: 5vw;	
}
.seo-image-cards .decorations .teeth svg {
	transform: rotate(60deg);
}
.seo-image-cards .decorations .teeth svg path {
	fill:  var(--main-color-green-2);
}

.whiteform {
	padding: 48px 32px;
	border-radius: 28px;
	border: 1px solid var(--Gray---main-color-gray-3, #F5F5F5);
	background: var(--Gray---main-color-gray-1, #FFF);
}

@media screen and (max-width: 1024px) {
	.whiteform {
		padding: 24px;
		width: auto;
	}
}

/*LEADFORM*/

.leadform {
	display: flex;
	align-items: center;
    justify-content: center;
}

.leadform .form-wizard-sent {
	opacity:0;
	pointer-events:none;
	text-align: center;
	position: absolute;
	display: flex;
	max-width: 250px;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	gap: 24px;
	flex: 1 0 0;
	align-self: center;
}
.leadform .form-wizard-sent .text-1 {
	color: var(--main-color-gray-10);
}

.leadform .form-wizard input.Input-error {
	border-color:var(--main-color-orange-2);
}

.leadform .form-wizard input:focus-visible {
	outline:none;
}
.leadform .form-wizard .button--orange {
	width:100%;
	cursor:pointer;
}

.leadform .form-wizard input.Input-error {
	border-color:var(--main-color-orange-2);
}
.leadform .form-wizard input {
	font-size: 16px;
	font-style: normal;
	font-weight: 400;
	line-height: 24px;
	padding:12px;
	color: var(--main-color-gray-10);
	border-radius: 8px;
	border: 1px solid var(--main-color-gray-4);
	background: var(--main-color-gray-2);
	width: 100%;
    box-sizing: border-box;
}
.leadform .form-wizard .formcolumn input:focus-visible {
	outline:none;
}
.leadform .form-wizard .formcolumn .button--orange {
	width:100%;
	cursor:pointer;
}
.leadform .form-wizard .formcolumn-checkboxes-wrap {
	display:flex;
	gap:8px;
	justify-content:space-between;
}
.leadform .form-wizard .formcolumn-checkboxes-wrap .single {
	display:flex;
	gap:8px;
	align-items: center;
}
.leadform .form-wizard .formcolumn-checkboxes-wrap .single label {
	position:absolute;
}
.leadform .form-wizard .formcolumn-checkboxes-wrap .single  input {
    border: 1px solid var(--main-color-gray-4);
    background: var(--main-color-gray-3);
    margin: 0;
    height: 32px !important;
    width: 32px !important;
    filter: opacity(0.2);
    cursor: pointer;
	transition:0.3s ease;
	
}
.leadform .form-wizard .formcolumn-checkboxes-wrap .single  input:checked {
	filter: opacity(1) hue-rotate(-70deg);
}
.leadform .form-wizard .formcolumn-checkboxes-wrap .single .text-5 {
	color: var(--main-color-gray-8) !important;
}
.leadform .form-wizard .formcolumn-checkboxes {
	display: flex;
    gap: 8px;
    flex-direction: column;
	width: -webkit-fill-available;
}
.leadform .form-wizard input::placeholder {
	color: var(--main-color-gray-6);
}
.leadform .form-wizard {
	display: flex;
    flex-direction: column;
    gap: 24px;
	transition:0.3s ease;
	width: 100%;
}
.leadform .form-wizard .text-1 {
	text-transform: uppercase;
}

.leadform .form-wizard .formcolumn {
	display: flex;
	max-width: 400px;
	width: -webkit-fill-available;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	gap: 24px;
}

/*LANG-SWITCHER*/

.lang-dropdown {
  position: relative;
  display: inline-block;
}

.lang-toggle {
	display: flex;
	padding: 8px 16px;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	border-radius: 16px;
	border: 2px solid var(--main-color-gray-3);
	background: var(--main-color-gray-2);
	cursor: pointer;
	gap: 8px;
}

.lang-toggle p {
	color: var(--main-color-gray-8);
}

.lang-menu {
	border-radius: 16px;
	border: 2px solid var(--main-color-gray-3);
	background: var(--main-color-gray-2);
	display: none;
  	position: absolute;
	overflow: hidden;
	top: 0;
	left: 0;
	list-style: none;
	z-index: 100;
	width: 100%;
	text-align: center;
}

.lang-dropdown.open .lang-menu {
	display: block;
}

.lang-menu li a {
	display: block;
	padding: 8px 16px;
	color: var(--main-color-gray-8);
	text-decoration: none;
	font-weight: bold;
}

.lang-menu li a:hover {
	background-color: var(--main-color-gray-3);
}

/* Sticky CTA – only visible on mobile */
.sticky-cta-mobile {
	position: fixed;
	bottom: 0;
	left: 0;
	width: 100%;
	border-top: 2px solid var(--main-color-gray-4);
	background: var(--main-color-gray-1);
	padding: 12px 0;
	z-index: 9999;
	display: none;
	flex-direction: column;
	align-items: center;
	display: none;
}

.sticky-cta-mobile .button--orange {
	width: fit-content;
	padding: 8px 16px;
}

/* Show only on mobile screens */
@media (min-width: 769px) {
  .sticky-cta-mobile {
    display: none !important; /* ніколи не показувати на десктопі */
  }
}

@media (max-width: 768px) {
  .sticky-cta-mobile {
    display: none; /* за замовчуванням приховано */
  }
}

/* Video-review */

/* картка в слайдері */
.video-review {
	position: relative;
	cursor: pointer;
	border-radius: 16px;
	overflow: hidden;
	display: flex;
	width: 300px;
	height: 300px;
	justify-content: center;
	align-items: center;
	aspect-ratio: 1/1;
	border-radius: 48px;
	border: 4px solid var(--main-color-green-1);
}
.video-review img {
	width: 100%;
	height: auto;
	display: flex;
}

/* кнопка по центру */
.video-review .video-play-btn {
	position: absolute;
	cursor: pointer;
	display: flex;
	padding: 16px;
	justify-content: center;
	align-items: center;
	gap: 10px;
	border-radius: 100px;
	border: 2px solid var(--main-color-gray-1);
	background: var(--main-color-gray-2);
}

.video-review .video-play-btn:hover {
	background: var(--main-color-gray-1);
}

.video-review .video-play-btn svg {
	width: 24px;
	height: 24px;
}

/* затемнення */
.video-modal-overlay {
  position: fixed;
  inset: 0;
  background: rgba(0, 0, 0, 0.8);
  display: none;
  justify-content: center;
  align-items: center;
  z-index: 99999;
  padding: 20px;
}

/* відкритий стан */
.video-modal-overlay.active {
  display: flex;
  animation: fadeIn 0.25s ease;
}

@keyframes fadeIn {
  from { opacity: 0; }
  to { opacity: 1; }
}

/* модальне вікно */
.video-modal-content {
  position: relative;
  width: 30%;
  max-width: 400px;
  aspect-ratio: 9/16;
  background: var(--main-color-gray-10);
  border-radius: 48px;
  overflow: hidden;
}

/* контейнер відео */
.video-wrapper iframe,
.video-wrapper video {
  width: 100%;
  height: 100%;
  border: none;
  display: block;
}

/* кнопка закриття */
.video-modal-close {
	position: absolute;
	top: 24px;
	right: 24px;
	width: 48px;
	height: 48px;
	border: none;
	background: var(--main-color-gray-2);
	border: 2px solid var(--main-color-gray-1);
	border-radius: 50%;
	cursor: pointer;
	display: flex;
	align-items: center;
	justify-content: center;
	transition: background 0.25s ease;
	z-index: 2;
}

.video-modal-close:hover {
	background: var(--main-color-gray-1);
}

/* адаптація під мобільний */
@media (max-width: 768px) {
	.video-modal-content {
		width: 100%;
		max-width: none;
		aspect-ratio: auto;
		height: 75vh;
		border-radius: 32px;
	}
}