@media (min-width: 1600px) { :root {
	--column-width: 1300px;
	--offset: calc(50% - (var(--column-width) / 2));
}

body, input, textarea, select {
	font-family: 'Avenir Next', sans-serif;
	font-size: 16px;
	-webkit-text-size-adjust: none;
	color: var(--color-black);
}

img, svg {
	max-width: 100%;
	display: block;
}

* {
	box-sizing: border-box;
	outline: none !important;
	-webkit-tap-highlight-color: transparent;
	-webkit-appearance:none;
}

body, dl, dt, dd, ul, ol, li, form, table, tr, td, h1, h2, h3, h4, h5, h6, pre, p, span, b, i, input, textarea, fieldset {
	margin: 0;
	padding: 0;
}

body {
	overflow-x: hidden;
}

.none {
	display: none;
}

.fade-out {
	opacity: 1;
	transition: 0.3s;
	pointer-events: auto;
}

.fade-out.active {
	opacity: 0;
	pointer-events: none;
}

.fade-in {
	opacity: 0;
	transition: 0.3s;
	pointer-events: none;
}

.fade-in.active {
	opacity: 1;
	pointer-events: auto;
}

.container {
	max-width: 100% !important;
	padding-left: var(--offset);
	padding-right: var(--offset);
}

.container-offset {
	width: var(--column-width);
	margin-left: auto;
	margin-right: auto;
}

img[srcset] {
    object-fit: scale-down !important;
    object-position: center !important;
}

#loader {
    position: fixed;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background-color: rgba(255, 255, 255, 0.7);
    z-index: 10001;
    opacity: 0;
    pointer-events: none;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: opacity 0.3s;
}

#loader.active {
    opacity: 1;
    pointer-events: auto;
}

#loader path {
    fill: var(--color-second);
}

.mb {
	margin-bottom: 120px;
}

.pt {
	padding-top: 120px;
}

.h1 {
	font-size: 64px;
	font-style: normal;
	font-weight: 600;
	line-height: 75px;
}

.h2 {
	font-size: 60px;
	font-style: normal;
	font-weight: 600;
	line-height: 72px; /* 120% */
	letter-spacing: -1.2px;
}

.h3 {
	font-size: 40px;
	font-style: normal;
	font-weight: 600;
	line-height: 50px;
}

.h4 {
	font-size: 32px;
	font-style: normal;
	font-weight: 500;
	line-height: 32px;
}

.h5 {
	font-size: 20px;
	font-style: normal;
	font-weight: 600;
	line-height: 30px;
}

.bold-text {
	font-size: 26px;
	font-style: normal;
	font-weight: 500;
	line-height: 38px;
}

.main-text {
	font-size: 18px;
	font-style: normal;
	font-weight: 400;
	line-height: 28px;
}

.extra-text {
	font-size: 14px;
	font-style: normal;
	font-weight: 400;
	line-height: 20px;
}

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

.description-text {
	font-size: 16px;
	font-style: normal;
	font-weight: 500;
	line-height: 24px;
}

.handwritten {
	font-family: 'Caveat';
	font-size: 22px;
	font-style: normal;
	font-weight: 400;
	line-height: 24px;
}

.pricing-title {
	font-size: 28px;
	font-style: normal;
	font-weight: 600;
	line-height: normal;
}

.point-text {
	font-size: 20px;
	font-style: normal;
	font-weight: 500;
	line-height: 30px;
}

.popup-title {
	font-size: 30px;
	font-style: normal;
	font-weight: 600;
	line-height: 38px;
}

/* MODALS */

.modal {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.6);
    align-items: center;
    justify-content: center;
    display: flex;
    z-index: 10000;
}

.modal .input {
	font-size: 14px;
	font-style: normal;
	font-weight: 400;
	line-height: 20px;
}

.container-modal {
    background: var(--color-white);
    display: flex;
    flex-direction: column;
    align-items: center;
    position: absolute;
    top: 60px;
    left: 50%;
    transform: translateX(-50%);
}

.closemodal {
    cursor: pointer;
    position: absolute;
    top: 15px;
    right: 15px;
}

.closemodal svg,
.closemodal img {
    width: 24px;
    height: 24px;
} 

    .btn {
        border-radius: 100px;
        transition: .3s;
        border: none;
        height: 48px;
        font-family: 'Avenir Next', sans-serif;
        padding: 0 24px;
    }

    .btn-empty {
        background: var(--color-white);
        color: var(--color-blue);
        border: 1px solid var(--color-blue);
    }

    .btn-empty:hover {
        background: var(--color-blue);
        color: var(--color-white);
    }

    .btn-yellow {
        background: var(--color-yellow);
        color: var(--color-black);
    }

    .btn-yellow:hover {
        background: var(--color-blue);
        color: var(--color-white);
    }

    .btn-blue {
        background: var(--color-blue) !important;
        color: var(--color-white);
    }

    .btn-empty:hover {
        background: var(--color-dark-blue);        
    }

    .btn-blue:hover {
        background: var(--color-orange) !important;
    }

    .btn-blue.btn-white-hover {
        border: 1px solid var(--color-blue);
    }

    .btn-blue.btn-white-hover:hover {
        background: var(--color-white) !important;
        color: var(--color-blue);
        border: 1px solid var(--color-blue);
    }

    .btn-full {
        width: 100%;
    }

    .btn-mobile {
        display: none;
    }


 

    .ticker {
        height: 70px;
        width: 110%;
        margin-left: -5%;
        overflow: hidden;
    }

    .ticker.left {
        transform: rotate(5deg);
    }

    .ticker.right {
        transform: rotate(-5deg);
        margin-top: -70px;
    }

    .ticker-item {
        margin-right: 100px;
        white-space: nowrap;
    }

    .ticker-item svg {
        width: 56px;
        height: 56px;
        margin-right: 40px;
        flex-shrink: 0;
    }

    .ticker-list {
        animation: ticker 30s infinite linear;
    }

    .ticker.right .ticker-list {
        animation: ticker-right 30s infinite linear;
    }

    .ticker-image {
        height: 100%;
        margin-right: 32px;
    }

    @keyframes ticker {
        0% {
            transform: translateX(0%);
        }
        100% {
            transform: translateX(-100%);
        }
    }

    @keyframes ticker-right {
        0% {
            transform: translateX(-100%);
        }
        100% {
            transform: translateX(0%);
        }
    }
  

 

    .step-image {
        width: 300px;
        height: 300px;
        flex-shrink: 0;
        margin-right: 48px;
    }

    .step.reversed .step-image {
        margin-right: 0;
        margin-left: 48px;
    }

    .step-number {
        padding: 8px 16px;
        border-radius: 100px;
        border: 1px solid var(--color-blue);
        margin-bottom: 24px;
    }

    .step-title {
        margin-bottom: 16px;
    }

    .step-desc {
        width: 628px;
    }


 

    .input-wrapper {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        position: relative;
    }

    .input-wrapper-100 {
        width: 100%;
    }

    .input {
        width: 100%;
        border: none;
        color: var(--color-black);
        background: var(--color-white);
        height: 52px;
        padding: 12px 24px;
        border-radius: 100px;
        border: 1px solid rgba(21, 21, 22, 0.30);
    }

    .input::placeholder {
        color: #8A8687;
    }

    .textarea {
        height: 150px;
        resize: none;
        padding: 12px 24px;
        border-radius: 24px;
        border: 1px solid rgba(21, 21, 22, 0.30);
    }

    .textarea-wrapper {
        height: 150px;
    }

    .textarea::-webkit-input-placeholder {
        color: #8A8687;
    }

    .input-label {
        position: absolute;
        top: -11px;
        left: 20px;
        background: var(--color-white);
    }

    .pass-status {
        position: absolute;
        width: 22px;
        height: 22px;
        top: 13px;
        right: 20px;
        cursor: pointer;
        user-select: none;
    }

    .pass-status svg {
        width: 22px;
        height: 22px;
    }

    .pass-status .hide {
        display: none;
    }

    .pass-status.active .hide {
        display: block;
    }

    .input-error {
        display: none;
    }


 

	header {
		padding: 25px 0 20px;
		position: sticky;
		top: 0;
		left: 0;
		z-index: 1000;
	}

	.logo-wrapper {
		display: block;
		width: 170px;
	}

	.logo {
		width: 115px;
	}

	.header-menu-link {
		margin-right: 24px;
	}

	.header-menu-link:last-child {
		margin-right: 0;
	}


 

    .container-modal-callback {
        width: 560px;
        padding: 40px;
        border-radius: 16px;
        top: 50%;
        transform: translate(-50%, -50%);
        border: 1px solid var(--color-black);
    }

    .callback-modal-title {
        margin-bottom: 10px;
        text-align: center;
    }

    .callback-modal-desc {
        text-align: center;
        margin-bottom: 24px;
    }

    .callback-form-form {
        width: 435px;
    }

    .callback-form-form .input-wrapper {
        margin-bottom: 10px;
        width: 100%;
    }

    .callback-form-form .btn {
        margin-top: 24px;
    }

    .callback-answer {
        margin-top: 10px;
    }


 

    .container-modal-teacher {
        width: 560px;
        padding: 40px;
        border-radius: 16px;
        top: 50%;
        transform: translate(-50%, -50%);
        border: 1px solid var(--color-black);
    }

    .teacher-modal-title {
        margin-bottom: 10px;
        text-align: center;
    }

    .teacher-modal-desc {
        text-align: center;
        margin-bottom: 24px;
    }

    .teacher-form-form {
        width: 435px;
    }

    .teacher-form-form .input-wrapper {
        margin-bottom: 10px;
        width: 100%;
    }

    .teacher-form-form .btn {
        margin-top: 24px;
    }

    .teacher-answer {
        margin-top: 10px;
    }


 

	footer {
		padding: 40px 0;
	}

	.footer-title span {
		color: var(--color-yellow);
	}

	.footer-title span {
		position: relative;
	}

	.footer-title span:after {
		display: block;
		content: "";
		width: 0;
		height: 16px;
		background: url('/images/lines/line-4.svg');
		background-repeat: no-repeat;
		position: absolute;
		bottom: -8px;
		left: 0;
	    transition: width 0.5s ease;
	}
	
	.footer-title.active span:after {
        width: 100%;
	}

	.footer-contacts {
		margin-top: 40px;
		margin-bottom: 32px;
		padding-bottom: 40px;
		border-bottom: 1px solid rgba(255, 248, 248, 0.20);
	}

	.footer-contacts-item {
		margin-bottom: 10px;
	}

	.footer-contacts-item:last-child {
		margin-bottom: 0;
	}
	
	.footer-contacts-social {
		margin-left: 10px;
	}

	.footer-contacts-social-image {
		width: 40px;
		height: 40px;
	}

	.footer-contacts-socials-arrow {
		position: absolute;
		top: 8px;
		left: -70px;
		width: 65px;
		flex-shrink: 0;
		opacity: 0;
	}
	
	.footer-contacts-socials-arrow.active {
	    stroke-dasharray: 1000;
        stroke-dashoffset: 1000;
        animation: dash 3s linear forwards;
        opacity: 1;
	}

	.footer-contacts-socials-text {
		position: absolute;
		transform: rotate(-8.087deg) !important;
		white-space: nowrap;
		top: -32px;
		left: -120px;
	}


 



	.banner {
		margin-top: 64px;
	}

	.banner-left {
		width: 677px;
	}

	.banner-title {
		margin-bottom: 32px;
	}

	.banner-title span {
		position: relative;
	}

	.banner-title span:after {
		display: block;
		content: "";
		width: 0;
		height: 25px;
		background: url('/images/lines/line-1.svg');
		background-repeat: no-repeat;
		position: absolute;
		bottom: -8px;
		left: 0;
		z-index: -1;
		
		transition: width 0.5s ease;
	}
	
	.banner-title.active span:after {
        width: 100%;
	}
	

	.banner-desc {
		margin-bottom: 32px;
		width: 522px;
	}

	.banner-right {
		width: 590px;
	}

	.banner-block {
		width: 192px;
		height: 192px;
		object-fit: cover;
	}
	
	.banner-block-img,
	.banner-block-big {
	    border-radius: 0px 0px 0px 66.758px;
	}

	.banner-block-big {
		width: 384px;
		height: 192px;
		object-fit: cover;
	}

	.banner-block.rounded-tl {
		border-top-left-radius: 66px;
	}

	.banner-block.rounded-bl {
		border-bottom-left-radius: 66px;
	}

	.banner-block.rounded-br {
		border-bottom-right-radius: 66px;
	}

	.banner-star {
		width: 90px;
		height: 90px;
	}







	.info-block-left {
		width: 770px;
	}

	.info-block-desc {
		margin-bottom: 59px;
	}

	.info-block-desc span {
		color: var(--color-blue);
	}

	.info-block-number-wrapper {
		width: 225px;
		margin-right: 45px;
		margin-bottom: 45px;
	}

	.info-block-numbers {
		margin-bottom: -45px;
	}

	.info-block-number-wrapper path {
		stroke: var(--color-orange);
	}

	.info-block-number-wrapper:nth-child(2n) path {
		stroke: var(--color-yellow);
	}

	.info-block-number-wrapper:nth-child(3n) path {
		stroke: var(--color-blue);
	}

	.info-block-number-wrapper:nth-child(3n) {
		margin-right: 0;
	}

	.info-block-number-line {
		position: absolute;
		top: -17px;
		left: 50%;
		transform: translateX(-50%);
		width: 200px;
		height: 97px;
	}
	
	.info-block-number-line.active {
	    stroke-dasharray: 1000;
        stroke-dashoffset: 1000;
        animation: dash 3s linear forwards;
	}
	

	.info-block-number-description {
		margin-top: 12px;
	}

	.info-block-right {
		position: relative;
	}

	.info-block-right-image {
		width: 350px;
		height: 350px;
		object-fit: cover;
		border-radius: 50%;
		border: 1px solid var(--color-black);
	}

	.info-block-right-arrow {
		position: absolute;
		top: -40px;
		right: -8px;
		width: 41px;
		height: 65px;
		opacity: 0;
	}
	
	.info-block-right-arrow.active{
	    stroke-dasharray: 1000;
        stroke-dashoffset: 1000;
        animation: dash 3s linear forwards;
        opacity: 1;

	}

	.info-block-right-desc {
		position: absolute;
		right: 0;
		top: -90px;
		transform: rotate(-4.953deg) !important;
	}
	
	.info-block-number-line {
	    opacity: 0;
	}
	
	.info-block-number-line.active {
	    stroke-dasharray: 1000;
        stroke-dashoffset: 1000;
        animation: dash 3s linear forwards;
        opacity: 1;
	}
	
	 @keyframes dash {
    	to {
    		stroke-dashoffset: 0;
    	}
    	
    }
    
    
    /*.info-block-right-arrow.active {*/
    /*    stroke-dasharray: 1000; */
    /*    stroke-dashoffset: 1000; */
    /*    animation: fill-animation 3s linear forwards;*/
    /*    opacity: 1;*/
    /*}*/

    @keyframes fill-animation {
        to {
            stroke-dashoffset: 0;
        }
    }







	.steps-title {
		font-size: 44px;
		font-style: normal;
		font-weight: 600;
		line-height: normal;
		margin-bottom: 94px;
	}

	.steps-title span {
		position: relative;
	}

	.steps-title span:after {
		display: block;
		content: "";
		width: 0;
		height: 16px;
		background: url('/images/lines/line-2.svg');
		background-repeat: no-repeat;
		position: absolute;
		bottom: -7px;
		left: 0;
		z-index: -1;
		
		transition: width 0.5s ease;
	}
	
	.steps-title.active span:after {
        width: 100%;
	}

	.steps-items {
		position: relative;
	}
	
	.step-image {
	    border-radius: 50%;
	    object-fit: cover;
	    border: 1px solid var(--color-black);
	}

	.steps-line {
		width: 1040.436px;
		height: 1536.5px;
		position: absolute;
		right: 129.564px;
		bottom: 221.5px;
		z-index: -1;
	}
	






	.teachers-title {
		margin-bottom: 45px;
	}

	.teacher-card-empty {
		width: 300px;
		height: 300px;
		border-radius: 50%;
		cursor: pointer;
	}

	.teacher-card-empty-star {
		width: 120px;
		height: 120px;
		margin-bottom: 20px;
	}

	.teacher-card-empty-arrow {
		width: 38px;
		height: 66px;
		left: 54px;
		bottom: -67px;
		 opacity: 0;
	}
	
	.teacher-card-empty-arrow.active{
	    stroke-dasharray: 1000;
        stroke-dashoffset: 1000;
        animation: dash 3s linear forwards;
        opacity: 1;

	}

	.teacher-card-empty-desc {
		transform: rotate(-8.087deg) !important;
		left: 98px;
		bottom: -65px;
		white-space: nowrap;
	}

	.teachers-slider {
		width: 970px;
		position: initial !important;
		margin-right: 33px;
	}

	.teacher-card {
		margin-right: 33px;
		width: 300px !important;
	}

	.teacher-image {
		width: 300px;
		height: 300px;
		border: 1px solid var(--color-black);
		border-radius: 50%;
		margin-bottom: 24px;
	}

	.teacher-name {
		margin-bottom: 8px;
	}

	.teachers-slider-wrapper {
		position: relative;
	}

	.slick-dots {
        display: flex;
        position: absolute;
        bottom: -50px;
        width: 100%;
        justify-content: center;
        align-items: center;
    }

    .slick-dots li button {
        background: var(--color-blue) !important;
		opacity: .1;
        border: none;
        font-size: 0; 
        border-radius: 50%; 
        padding: 0;
        width: 12px;
        height: 12px;
        transition: .3s;
    }

    .slick-dots li {
        margin: 0 5px;
        list-style: none;
        display: flex;
        width: 12px;
        height: 12px;
    }

    .slick-dots .slick-active button{
        opacity: 1;
    }







	.reviews {
		padding: 100px 0;
		border-radius: 60px 60px 0px 0px;
	}

	.reviews-header {
		margin-bottom: 20px;
	}

	.reviews-title span {
		position: relative;
		color: var(--color-yellow);
	}

	.reviews-title span:after {
		display: block;
		content: "";
		width: 0;
		height: 16px;
		background: url('/images/lines/line-8.svg');
		background-repeat: no-repeat;
		position: absolute;
		bottom: -6px;
		left: 0;
		z-index: 0;
		
		transition: width 0.5s ease;
	}
	
	.reviews-title.active span:after {
        width: 100%;
	}

	.reviews-arrow {
		background: var(--color-white);
		width: 40px;
		height: 40px;
		border-radius: 50%;
		display: flex;
		align-items: center;
		justify-content: center;
		margin-left: 30px;
		transition: .3s;
		cursor: pointer;
	}

	.reviews-arrow:hover {
		background: var(--color-yellow);
	}

	.reviews-arrow svg {
		width: 24px;
		height: 24px;
	}

	.reviews-slider-wrapper {
		padding-left: var(--offset);
	}

	.reviews-slider {
		scroll-behavior: smooth;
		overflow-x: auto;
	}

	.reviews-slider::-webkit-scrollbar {
		opacity: 0;
		display: none;
		visibility: hidden;
	}

	.reviews-card {
		width: 520px !important;
		height: 385px;
		border: 1px solid var(--color-white);
		border-radius: 24px;
		margin-right: 40px;
		position: relative;
		margin-top: 30px;
		flex-shrink: 0;
	}

	.reviews-card:last-child {
		margin-right: 0;
	}

	.reviews-card-quote {
		width: 43px;
		height: 32px;
		left: 24.5px;
		top: -16px;
	}

	.reviews-card-content {
		padding: 30px;
		padding-bottom: 0;
	}

	.reviews-card-text {
		max-height: 220px;
		overflow: auto;
		padding-right: 8px;
	}

	.reviews-card-text::-webkit-scrollbar {
		width: 4px;
	}

	.reviews-card-text::-webkit-scrollbar-track {
		background-color: #33328F;
	}

	.reviews-card-text::-webkit-scrollbar-thumb {
		background-color: var(--color-yellow);
	}

	.reviews-footer {
		padding: 24px 30px;
		border-top: 1px solid var(--color-white);
		margin-top: 24px;
	}

	.reviews-card-white .reviews-footer {
		border-top: 1px solid var(--color-black);
	}

	.reviews-user-image {
		width: 58px;
		height: 58px;
		margin-right: 16px;
		border-radius: 50%;
		object-fit: cover;
	}	

	.reviews-footer-arrow {
		width: 27px;
		height: 24.5px;
	}

	.reviews-card-white .reviews-user-name,
	.reviews-card-white .reviews-user-desc {
		color: var(--color-black);
	}

	.reviews-user-desc span {
		color: var(--color-yellow);
		font-weight: 700;
	}

	.reviews-card-white .reviews-user-desc span {
		color: var(--color-blue);
	}







	.groups-title {
		margin-bottom: 64px;
	}

	.groups-title span {
		position: relative;
	}

	.groups-title span:after {
		display: block;
		content: "";
		width: 0;
		height: 16px;
		background: url('/images/lines/line-3.svg');
		background-repeat: no-repeat;
		position: absolute;
		bottom: -4px;
		left: 0;
		z-index: -1;
		
	    transition: width 0.5s ease;
	}
	
	.groups-title.active span:after {
        width: 100%;
	}

	.group-block {
		display: flex;
		width: 500px;
		padding: 24px;
		flex-direction: column;
		justify-content: space-between;
		align-items: center;
		align-self: stretch;
		border-radius: 24px;
		border: 1px solid var(--color-black);
	}

	.group-block {
		margin-right: 64px;
	}

	.group-block:nth-child(2n) {
		margin-right: 0;
	}

	.group-block-title {
		margin-bottom: 24px;
	}

	.point {
		margin-bottom: 12px;
	}

	.point:last-child {
		margin-bottom: 0;
	}

	.point svg {
		width: 26px;
		height: 24px;
		flex-shrink: 0;
		margin-right: 18px;
		margin-top: 2px;
	}

	.points {
		margin-bottom: 44px;
	}

	.group-price-line {
		position: absolute;
		top: -8px;
		left: 50%;
		transform: translateX(-50%);
		width: 130%;
		height: 130%;
		max-width: 130%;
	}

	.group-price-wrapper {
		margin-bottom: 50px;
	}

	.group-price-description {
		margin-left: 10px;
	}

	.group-block .btn {
		height: 59px;
	}

	.group-block .btn-empty:hover {
		background: var(--color-blue);
	}







	.places-circle {
		width: 100vw;
		height: 50vw;
		border-bottom-left-radius: 50vw;
		border-bottom-right-radius: 50vw;
		max-height: 100%;
		position: absolute;
		top: 0;
		left: 0;
		z-index: -1;
	}

	.places-title {
		padding-top: 40px;
		margin-bottom: 58px;
	}

	.places-title span {
		position: relative;
	}

	.places-title span:after {
		display: block;
		content: "";
		width: 0;
		height: 16px;
		background: url('/images/lines/line-6.svg');
		background-repeat: no-repeat;
		position: absolute;
		bottom: -7px;
		left: 7px;
		z-index: -1;
	    transition: width 0.5s ease;
	}
	
	.places-title.active span:after {
        width: 100%;
	}

	.places-subtitle {
		width: 830px;
		margin-bottom: 40px;
	}

	.places-subtitle span {
		position: relative;
	}

	.places-subtitle span:after {
		display: block;
		content: "";
	    width: 0; 
		height: 16px;
		background: url('/images/lines/line-7.svg');
		background-repeat: no-repeat;
		position: absolute;
		bottom: -5px;
		left: 0;
		z-index: -1;
		
        transition: width 0.5s ease;
	}

	.places-subtitle.active span:after {
        width: 100%;
	}

	.places-btn-arrow {
		width: 115px;
		height: 45px;
		position: absolute;
		right: -118px;
		top: 23px;
		opacity: 0;
	}
	
	.places-btn-arrow.active {
	    stroke-dasharray: 1000;
        stroke-dashoffset: 1000;
        animation: dash 3s linear forwards;
        opacity: 1;
	}

	.places-btn-text {
		position: absolute;
		right: -185px;
		top: 40px;
		transform: rotate(-11.733deg) !important;;
	}

	.places-items {
		margin: 0 auto 76px;
		width: 964px;
	}

	.places-item-4 {
		width: 100%;
	}

	.places-item {
		padding: 20px;
		border: 1px solid var(--color-black);
		border-radius: 40px;
		width: 300px;
		margin-right: 32px;
		margin-bottom: 32px;
		z-index: 1 !important;
	}

	.places-item-title,
	.places-item-desc {
		margin-bottom: 32px;
	}

	.places-item-3 .places-item:nth-child(3n) {
		margin-right: 0;
	}

	.places-item-4 .places-item:nth-child(4n) {
		margin-right: 0;
	}

	.places-item:last-child {
		margin-right: 0;
	}

	.places-item-tag {
		padding: 10px 15px;
		border: 1px solid var(--color-black);
		border-radius: 100px;
		transform: rotate(-15deg);
		left: -19.191px;
		top: -25.053px;
	}

	.places-item-remark {
		top: 11px;
		right: 15px;
		cursor: pointer;
	}

	.places-item-remark svg {
		width: 40px;
		height: 40px;
	}

	.places-item-remark-text {
		width: 280px;
		padding: 15px 20px 20px 20px;
		right: 0;
		top: calc(100% + 5px);
		border-radius: 40px;
		border: 1px solid var(--color-black);
		opacity: 0;
		pointer-events: none;
		visibility: hidden;
		transition: .3s;
		z-index: 10;
		text-align: left !important;
	}
	
	.places-item-remark-text span {
	    color: var(--color-yellow);
	    margin-bottom: 5px;
	    line-height: 25px;
	}

	.places-item-remark:hover .places-item-remark-text {
		opacity: 1;
		pointer-events: all;
		visibility: visible;
	}







	.text-image-block {
		border-radius: 24px;
		overflow: hidden;
		border: 1px solid var(--color-black);
	}

	.text-image-block-image {
		width: 540px;
		height: 621px;
		object-fit: cover;
	}

	.text-image-block-inner {
		padding: 40px;
	}

	.text-image-block-title {
		margin-bottom: 25px;
	}

	.text-image-block-inner .point {
		margin-bottom: 16px;
	}

	.text-image-block-inner .points {
		margin-bottom: 0;
	}

	.text-image-block-title span {
		position: relative;
		color: var(--color-yellow);
	}

	.text-image-block-title span:after {
		display: block;
		content: "";
		width: 0;
		height: 16px;
		background: url('/images/lines/line-5.svg');
		background-repeat: no-repeat;
		position: absolute;
		bottom: calc(50% - 8px);
		left: 0;
	    transition: width 0.5s ease;
	}
	
	.text-image-block-title.active span:after {
        width: 252px;
	}







	.faq-title {
		margin-bottom: 45px;
	}

	.faq-item {
		padding: 20px 30px;
		border: 1px solid var(--color-dark-blue);
		border-radius: 24px;
		width: 1000px;
		transition: .3s;
		margin-bottom: 10px;
	}

	.faq-item:last-child {
		margin-bottom: 0;
	}

	.faq-item.active {
		background: var(--color-yellow);
	}

	.faq-item-content {
		transition: .5s ease-in-out;
		overflow: hidden;
		padding-left: 50px;
	}

	.faq-item-content:not(.active) {
		display: none;
		margin-top: 20px;
	}

	.faq-item-header {
		display: flex;
		align-items: center;
		justify-content: space-between;
		cursor: pointer;
		transition: .3s;
	}

	.faq-item.active .faq-item-header {
		margin-bottom: 20px;
	}

	.faq-item-number {
		font-size: 14px;
		font-style: normal;
		font-weight: 600;
		line-height: 18px;
		padding: 4px 12px;
		border-radius: 20px;
		background: var(--color-yellow);
		border: 1px solid var(--color-black);
		margin-right: 16px;
		transition: .3s;
		color: var(--color-black);
		display: flex;
		align-items: center;
		justify-content: center;
	}

	.faq-item.active .faq-item-number {
		background: var(--color-blue);
		color: var(--color-white);
	}

	.faq-arrow-svg {
		width: 28px;
		height: 28px;
		transition: .5s;
		flex-shrink: 0;
	}

	.faq-item.active .faq-arrow-svg {
		transform: rotate(-180deg);
	}







	.contacts-left {
		width: 500px;
	}

	.contacts-title {
		margin-bottom: 8px;
	}

	.contacts-desc {
		margin-bottom: 24px;
	}

	.contacts-form {
		width: 100%;
	}

	.contacts-form .input-wrapper {
		margin-bottom: 12px;
	}

	.contacts-form .btn {
		margin-top: 24px;
	}

	.contacts-image {
		width: 586px;
		height: 586px;
		border: 1px solid var(--color-black);
		border-radius: 50%;
	}

	.contacts-tag {
		padding: 10px;
		border-radius: 100px;
		border: 1px solid var(--color-black);
		top: 64px;
		right: -20px;
		transform: rotate(10deg) !important;
	}

	.contacts-form-answer {
		margin-top: 10px;
		display: none;
	}




 }@media (max-width: 1600px) and (min-width: 768px) { :root {
	--column-width: 90.2778vw;
	--offset: calc(50% - (var(--column-width) / 2));
}

body, input, textarea, select {
	font-family: 'Avenir Next', sans-serif;
	font-size: 1.1111vw;
	-webkit-text-size-adjust: none;
	color: var(--color-black);
}

img, svg {
	max-width: 100%;
	display: block;
}

* {
	box-sizing: border-box;
	outline: none !important;
	-webkit-tap-highlight-color: transparent;
	-webkit-appearance:none;
}

body, dl, dt, dd, ul, ol, li, form, table, tr, td, h1, h2, h3, h4, h5, h6, pre, p, span, b, i, input, textarea, fieldset {
	margin: 0;
	padding: 0;
}

body {
	overflow-x: hidden;
}

.none {
	display: none;
}

.fade-out {
	opacity: 1;
	transition: 0.3s;
	pointer-events: auto;
}

.fade-out.active {
	opacity: 0;
	pointer-events: none;
}

.fade-in {
	opacity: 0;
	transition: 0.3s;
	pointer-events: none;
}

.fade-in.active {
	opacity: 1;
	pointer-events: auto;
}

.container {
	max-width: 100% !important;
	padding-left: var(--offset);
	padding-right: var(--offset);
}

.container-offset {
	width: var(--column-width);
	margin-left: auto;
	margin-right: auto;
}

img[srcset] {
    object-fit: scale-down !important;
    object-position: center !important;
}

#loader {
    position: fixed;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background-color: rgba(255, 255, 255, 0.7);
    z-index: 10001;
    opacity: 0;
    pointer-events: none;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: opacity 0.3s;
}

#loader.active {
    opacity: 1;
    pointer-events: auto;
}

#loader path {
    fill: var(--color-second);
}

.mb {
	margin-bottom: 8.3333vw;
}

.pt {
	padding-top: 8.3333vw;
}

.h1 {
	font-size: 4.4444vw;
	font-style: normal;
	font-weight: 600;
	line-height: 5.2083vw;
}

.h2 {
	font-size: 4.1667vw;
	font-style: normal;
	font-weight: 600;
	line-height: 5vw; /* 120% */
	letter-spacing: -0.0833vw;
}

.h3 {
	font-size: 2.7778vw;
	font-style: normal;
	font-weight: 600;
	line-height: 3.4722vw;
}

.h4 {
	font-size: 2.2222vw;
	font-style: normal;
	font-weight: 500;
	line-height: 2.2222vw;
}

.h5 {
	font-size: 1.3889vw;
	font-style: normal;
	font-weight: 600;
	line-height: 2.0833vw;
}

.bold-text {
	font-size: 1.8056vw;
	font-style: normal;
	font-weight: 500;
	line-height: 2.6389vw;
}

.main-text {
	font-size: 1.25vw;
	font-style: normal;
	font-weight: 400;
	line-height: 1.9444vw;
}

.extra-text {
	font-size: 0.9722vw;
	font-style: normal;
	font-weight: 400;
	line-height: 1.3889vw;
}

.btn-text {
	font-size: 1.1111vw;
	font-style: normal;
	font-weight: 600;
	line-height: 1.6667vw;
}

.description-text {
	font-size: 1.1111vw;
	font-style: normal;
	font-weight: 500;
	line-height: 1.6667vw;
}

.handwritten {
	font-family: 'Caveat';
	font-size: 1.5278vw;
	font-style: normal;
	font-weight: 400;
	line-height: 1.6667vw;
}

.pricing-title {
	font-size: 1.9444vw;
	font-style: normal;
	font-weight: 600;
	line-height: normal;
}

.point-text {
	font-size: 1.3889vw;
	font-style: normal;
	font-weight: 500;
	line-height: 2.0833vw;
}

.popup-title {
	font-size: 2.0833vw;
	font-style: normal;
	font-weight: 600;
	line-height: 2.6389vw;
}

/* MODALS */

.modal {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.6);
    align-items: center;
    justify-content: center;
    display: flex;
    z-index: 10000;
}

.modal .input {
	font-size: 0.9722vw;
	font-style: normal;
	font-weight: 400;
	line-height: 1.3889vw;
}

.container-modal {
    background: var(--color-white);
    display: flex;
    flex-direction: column;
    align-items: center;
    position: absolute;
    top: 4.1667vw;
    left: 50%;
    transform: translateX(-50%);
}

.closemodal {
    cursor: pointer;
    position: absolute;
    top: 1.0417vw;
    right: 1.0417vw;
}

.closemodal svg,
.closemodal img {
    width: 1.6667vw;
    height: 1.6667vw;
} 

    .btn {
        border-radius: 6.9444vw;
        transition: .3s;
        border: none;
        height: 3.3333vw;
        font-family: 'Avenir Next', sans-serif;
        padding: 0 1.6667vw;
    }

    .btn-empty {
        background: var(--color-white);
        color: var(--color-blue);
        border: 1px solid var(--color-blue);
    }

    .btn-empty:hover {
        background: var(--color-blue);
        color: var(--color-white);
    }

    .btn-yellow {
        background: var(--color-yellow);
        color: var(--color-black);
    }

    .btn-yellow:hover {
        background: var(--color-blue);
        color: var(--color-white);
    }

    .btn-blue {
        background: var(--color-blue) !important;
        color: var(--color-white);
    }

    .btn-empty:hover {
        background: var(--color-dark-blue);        
    }

    .btn-blue:hover {
        background: var(--color-orange) !important;
    }

    .btn-blue.btn-white-hover {
        border: 1px solid var(--color-blue);
    }

    .btn-blue.btn-white-hover:hover {
        background: var(--color-white) !important;
        color: var(--color-blue);
        border: 1px solid var(--color-blue);
    }

    .btn-full {
        width: 100%;
    }

    .btn-mobile {
        display: none;
    }


 

    .ticker {
        height: 4.8611vw;
        width: 110%;
        margin-left: -5%;
        overflow: hidden;
    }

    .ticker.left {
        transform: rotate(5deg);
    }

    .ticker.right {
        transform: rotate(-5deg);
        margin-top: -4.8611vw;
    }

    .ticker-item {
        margin-right: 6.9444vw;
        white-space: nowrap;
    }

    .ticker-item svg {
        width: 3.8889vw;
        height: 3.8889vw;
        margin-right: 2.7778vw;
        flex-shrink: 0;
    }

    .ticker-list {
        animation: ticker 30s infinite linear;
    }

    .ticker.right .ticker-list {
        animation: ticker-right 30s infinite linear;
    }

    .ticker-image {
        height: 100%;
        margin-right: 2.2222vw;
    }

    @keyframes ticker {
        0% {
            transform: translateX(0%);
        }
        100% {
            transform: translateX(-100%);
        }
    }

    @keyframes ticker-right {
        0% {
            transform: translateX(-100%);
        }
        100% {
            transform: translateX(0%);
        }
    }
  

 

    .step-image {
        width: 20.8333vw;
        height: 20.8333vw;
        flex-shrink: 0;
        margin-right: 3.3333vw;
    }

    .step.reversed .step-image {
        margin-right: 0;
        margin-left: 3.3333vw;
    }

    .step-number {
        padding: 0.5556vw 1.1111vw;
        border-radius: 6.9444vw;
        border: 1px solid var(--color-blue);
        margin-bottom: 1.6667vw;
    }

    .step-title {
        margin-bottom: 1.1111vw;
    }

    .step-desc {
        width: 43.6111vw;
    }


 

    .input-wrapper {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        position: relative;
    }

    .input-wrapper-100 {
        width: 100%;
    }

    .input {
        width: 100%;
        border: none;
        color: var(--color-black);
        background: var(--color-white);
        height: 3.6111vw;
        padding: 0.8333vw 1.6667vw;
        border-radius: 6.9444vw;
        border: 1px solid rgba(21, 21, 22, 0.30);
    }

    .input::placeholder {
        color: #8A8687;
    }

    .textarea {
        height: 10.4167vw;
        resize: none;
        padding: 0.8333vw 1.6667vw;
        border-radius: 1.6667vw;
        border: 1px solid rgba(21, 21, 22, 0.30);
    }

    .textarea-wrapper {
        height: 10.4167vw;
    }

    .textarea::-webkit-input-placeholder {
        color: #8A8687;
    }

    .input-label {
        position: absolute;
        top: -0.7639vw;
        left: 1.3889vw;
        background: var(--color-white);
    }

    .pass-status {
        position: absolute;
        width: 1.5278vw;
        height: 1.5278vw;
        top: 0.9028vw;
        right: 1.3889vw;
        cursor: pointer;
        user-select: none;
    }

    .pass-status svg {
        width: 1.5278vw;
        height: 1.5278vw;
    }

    .pass-status .hide {
        display: none;
    }

    .pass-status.active .hide {
        display: block;
    }

    .input-error {
        display: none;
    }


 

	header {
		padding: 1.7361vw 0 1.3889vw;
		position: sticky;
		top: 0;
		left: 0;
		z-index: 1000;
	}

	.logo-wrapper {
		display: block;
		width: 11.8056vw;
	}

	.logo {
		width: 7.9861vw;
	}

	.header-menu-link {
		margin-right: 1.6667vw;
	}

	.header-menu-link:last-child {
		margin-right: 0;
	}


 

    .container-modal-callback {
        width: 38.8889vw;
        padding: 2.7778vw;
        border-radius: 1.1111vw;
        top: 50%;
        transform: translate(-50%, -50%);
        border: 1px solid var(--color-black);
    }

    .callback-modal-title {
        margin-bottom: 0.6944vw;
        text-align: center;
    }

    .callback-modal-desc {
        text-align: center;
        margin-bottom: 1.6667vw;
    }

    .callback-form-form {
        width: 30.2083vw;
    }

    .callback-form-form .input-wrapper {
        margin-bottom: 0.6944vw;
        width: 100%;
    }

    .callback-form-form .btn {
        margin-top: 1.6667vw;
    }

    .callback-answer {
        margin-top: 0.6944vw;
    }


 

    .container-modal-teacher {
        width: 38.8889vw;
        padding: 2.7778vw;
        border-radius: 1.1111vw;
        top: 50%;
        transform: translate(-50%, -50%);
        border: 1px solid var(--color-black);
    }

    .teacher-modal-title {
        margin-bottom: 0.6944vw;
        text-align: center;
    }

    .teacher-modal-desc {
        text-align: center;
        margin-bottom: 1.6667vw;
    }

    .teacher-form-form {
        width: 30.2083vw;
    }

    .teacher-form-form .input-wrapper {
        margin-bottom: 0.6944vw;
        width: 100%;
    }

    .teacher-form-form .btn {
        margin-top: 1.6667vw;
    }

    .teacher-answer {
        margin-top: 0.6944vw;
    }


 

	footer {
		padding: 2.7778vw 0;
	}

	.footer-title span {
		color: var(--color-yellow);
	}

	.footer-title span {
		position: relative;
	}

	.footer-title span:after {
		display: block;
		content: "";
		width: 0;
		height: 1.1111vw;
		background: url('/images/lines/line-4.svg');
		background-repeat: no-repeat;
		position: absolute;
		bottom: -0.5556vw;
		left: 0;
	    transition: width 0.5s ease;
	}
	
	.footer-title.active span:after {
        width: 100%;
	}

	.footer-contacts {
		margin-top: 2.7778vw;
		margin-bottom: 2.2222vw;
		padding-bottom: 2.7778vw;
		border-bottom: 1px solid rgba(255, 248, 248, 0.20);
	}

	.footer-contacts-item {
		margin-bottom: 0.6944vw;
	}

	.footer-contacts-item:last-child {
		margin-bottom: 0;
	}
	
	.footer-contacts-social {
		margin-left: 0.6944vw;
	}

	.footer-contacts-social-image {
		width: 2.7778vw;
		height: 2.7778vw;
	}

	.footer-contacts-socials-arrow {
		position: absolute;
		top: 0.5556vw;
		left: -4.8611vw;
		width: 4.5139vw;
		flex-shrink: 0;
		opacity: 0;
	}
	
	.footer-contacts-socials-arrow.active {
	    stroke-dasharray: 1000;
        stroke-dashoffset: 1000;
        animation: dash 3s linear forwards;
        opacity: 1;
	}

	.footer-contacts-socials-text {
		position: absolute;
		transform: rotate(-8.087deg) !important;
		white-space: nowrap;
		top: -2.2222vw;
		left: -8.3333vw;
	}


 



	.banner {
		margin-top: 4.4444vw;
	}

	.banner-left {
		width: 47.0139vw;
	}

	.banner-title {
		margin-bottom: 2.2222vw;
	}

	.banner-title span {
		position: relative;
	}

	.banner-title span:after {
		display: block;
		content: "";
		width: 0;
		height: 1.7361vw;
		background: url('/images/lines/line-1.svg');
		background-repeat: no-repeat;
		position: absolute;
		bottom: -0.5556vw;
		left: 0;
		z-index: -1;
		
		transition: width 0.5s ease;
	}
	
	.banner-title.active span:after {
        width: 100%;
	}
	

	.banner-desc {
		margin-bottom: 2.2222vw;
		width: 36.25vw;
	}

	.banner-right {
		width: 40.9722vw;
	}

	.banner-block {
		width: 13.3333vw;
		height: 13.3333vw;
		object-fit: cover;
	}
	
	.banner-block-img,
	.banner-block-big {
	    border-radius: 0vw 0vw 0vw 4.636vw;
	}

	.banner-block-big {
		width: 26.6667vw;
		height: 13.3333vw;
		object-fit: cover;
	}

	.banner-block.rounded-tl {
		border-top-left-radius: 4.5833vw;
	}

	.banner-block.rounded-bl {
		border-bottom-left-radius: 4.5833vw;
	}

	.banner-block.rounded-br {
		border-bottom-right-radius: 4.5833vw;
	}

	.banner-star {
		width: 6.25vw;
		height: 6.25vw;
	}







	.info-block-left {
		width: 53.4722vw;
	}

	.info-block-desc {
		margin-bottom: 4.0972vw;
	}

	.info-block-desc span {
		color: var(--color-blue);
	}

	.info-block-number-wrapper {
		width: 15.625vw;
		margin-right: 3.125vw;
		margin-bottom: 3.125vw;
	}

	.info-block-numbers {
		margin-bottom: -3.125vw;
	}

	.info-block-number-wrapper path {
		stroke: var(--color-orange);
	}

	.info-block-number-wrapper:nth-child(2n) path {
		stroke: var(--color-yellow);
	}

	.info-block-number-wrapper:nth-child(3n) path {
		stroke: var(--color-blue);
	}

	.info-block-number-wrapper:nth-child(3n) {
		margin-right: 0;
	}

	.info-block-number-line {
		position: absolute;
		top: -1.1806vw;
		left: 50%;
		transform: translateX(-50%);
		width: 13.8889vw;
		height: 6.7361vw;
	}
	
	.info-block-number-line.active {
	    stroke-dasharray: 1000;
        stroke-dashoffset: 1000;
        animation: dash 3s linear forwards;
	}
	

	.info-block-number-description {
		margin-top: 0.8333vw;
	}

	.info-block-right {
		position: relative;
	}

	.info-block-right-image {
		width: 24.3056vw;
		height: 24.3056vw;
		object-fit: cover;
		border-radius: 50%;
		border: 1px solid var(--color-black);
	}

	.info-block-right-arrow {
		position: absolute;
		top: -2.7778vw;
		right: -0.5556vw;
		width: 2.8472vw;
		height: 4.5139vw;
		opacity: 0;
	}
	
	.info-block-right-arrow.active{
	    stroke-dasharray: 1000;
        stroke-dashoffset: 1000;
        animation: dash 3s linear forwards;
        opacity: 1;

	}

	.info-block-right-desc {
		position: absolute;
		right: 0;
		top: -6.25vw;
		transform: rotate(-4.953deg) !important;
	}
	
	.info-block-number-line {
	    opacity: 0;
	}
	
	.info-block-number-line.active {
	    stroke-dasharray: 1000;
        stroke-dashoffset: 1000;
        animation: dash 3s linear forwards;
        opacity: 1;
	}
	
	 @keyframes dash {
    	to {
    		stroke-dashoffset: 0;
    	}
    	
    }
    
    
    /*.info-block-right-arrow.active {*/
    /*    stroke-dasharray: 1000; */
    /*    stroke-dashoffset: 1000; */
    /*    animation: fill-animation 3s linear forwards;*/
    /*    opacity: 1;*/
    /*}*/

    @keyframes fill-animation {
        to {
            stroke-dashoffset: 0;
        }
    }







	.steps-title {
		font-size: 3.0556vw;
		font-style: normal;
		font-weight: 600;
		line-height: normal;
		margin-bottom: 6.5278vw;
	}

	.steps-title span {
		position: relative;
	}

	.steps-title span:after {
		display: block;
		content: "";
		width: 0;
		height: 1.1111vw;
		background: url('/images/lines/line-2.svg');
		background-repeat: no-repeat;
		position: absolute;
		bottom: -0.4861vw;
		left: 0;
		z-index: -1;
		
		transition: width 0.5s ease;
	}
	
	.steps-title.active span:after {
        width: 100%;
	}

	.steps-items {
		position: relative;
	}
	
	.step-image {
	    border-radius: 50%;
	    object-fit: cover;
	    border: 1px solid var(--color-black);
	}

	.steps-line {
		width: 72.2525vw;
		height: 106.7014vw;
		position: absolute;
		right: 8.9975vw;
		bottom: 15.3819vw;
		z-index: -1;
	}
	






	.teachers-title {
		margin-bottom: 3.125vw;
	}

	.teacher-card-empty {
		width: 20.8333vw;
		height: 20.8333vw;
		border-radius: 50%;
		cursor: pointer;
	}

	.teacher-card-empty-star {
		width: 8.3333vw;
		height: 8.3333vw;
		margin-bottom: 1.3889vw;
	}

	.teacher-card-empty-arrow {
		width: 2.6389vw;
		height: 4.5833vw;
		left: 3.75vw;
		bottom: -4.6528vw;
		 opacity: 0;
	}
	
	.teacher-card-empty-arrow.active{
	    stroke-dasharray: 1000;
        stroke-dashoffset: 1000;
        animation: dash 3s linear forwards;
        opacity: 1;

	}

	.teacher-card-empty-desc {
		transform: rotate(-8.087deg) !important;
		left: 6.8056vw;
		bottom: -4.5139vw;
		white-space: nowrap;
	}

	.teachers-slider {
		width: 67.3611vw;
		position: initial !important;
		margin-right: 2.2917vw;
	}

	.teacher-card {
		margin-right: 2.2917vw;
		width: 20.8333vw !important;
	}

	.teacher-image {
		width: 20.8333vw;
		height: 20.8333vw;
		border: 1px solid var(--color-black);
		border-radius: 50%;
		margin-bottom: 1.6667vw;
	}

	.teacher-name {
		margin-bottom: 0.5556vw;
	}

	.teachers-slider-wrapper {
		position: relative;
	}

	.slick-dots {
        display: flex;
        position: absolute;
        bottom: -3.4722vw;
        width: 100%;
        justify-content: center;
        align-items: center;
    }

    .slick-dots li button {
        background: var(--color-blue) !important;
		opacity: .1;
        border: none;
        font-size: 0; 
        border-radius: 50%; 
        padding: 0;
        width: 0.8333vw;
        height: 0.8333vw;
        transition: .3s;
    }

    .slick-dots li {
        margin: 0 0.3472vw;
        list-style: none;
        display: flex;
        width: 0.8333vw;
        height: 0.8333vw;
    }

    .slick-dots .slick-active button{
        opacity: 1;
    }







	.reviews {
		padding: 6.9444vw 0;
		border-radius: 4.1667vw 4.1667vw 0vw 0vw;
	}

	.reviews-header {
		margin-bottom: 1.3889vw;
	}

	.reviews-title span {
		position: relative;
		color: var(--color-yellow);
	}

	.reviews-title span:after {
		display: block;
		content: "";
		width: 0;
		height: 1.1111vw;
		background: url('/images/lines/line-8.svg');
		background-repeat: no-repeat;
		position: absolute;
		bottom: -0.4167vw;
		left: 0;
		z-index: 0;
		
		transition: width 0.5s ease;
	}
	
	.reviews-title.active span:after {
        width: 100%;
	}

	.reviews-arrow {
		background: var(--color-white);
		width: 2.7778vw;
		height: 2.7778vw;
		border-radius: 50%;
		display: flex;
		align-items: center;
		justify-content: center;
		margin-left: 2.0833vw;
		transition: .3s;
		cursor: pointer;
	}

	.reviews-arrow:hover {
		background: var(--color-yellow);
	}

	.reviews-arrow svg {
		width: 1.6667vw;
		height: 1.6667vw;
	}

	.reviews-slider-wrapper {
		padding-left: var(--offset);
	}

	.reviews-slider {
		scroll-behavior: smooth;
		overflow-x: auto;
	}

	.reviews-slider::-webkit-scrollbar {
		opacity: 0;
		display: none;
		visibility: hidden;
	}

	.reviews-card {
		width: 36.1111vw !important;
		height: 26.7361vw;
		border: 1px solid var(--color-white);
		border-radius: 1.6667vw;
		margin-right: 2.7778vw;
		position: relative;
		margin-top: 2.0833vw;
		flex-shrink: 0;
	}

	.reviews-card:last-child {
		margin-right: 0;
	}

	.reviews-card-quote {
		width: 2.9861vw;
		height: 2.2222vw;
		left: 1.7014vw;
		top: -1.1111vw;
	}

	.reviews-card-content {
		padding: 2.0833vw;
		padding-bottom: 0;
	}

	.reviews-card-text {
		max-height: 15.2778vw;
		overflow: auto;
		padding-right: 0.5556vw;
	}

	.reviews-card-text::-webkit-scrollbar {
		width: 0.2778vw;
	}

	.reviews-card-text::-webkit-scrollbar-track {
		background-color: #33328F;
	}

	.reviews-card-text::-webkit-scrollbar-thumb {
		background-color: var(--color-yellow);
	}

	.reviews-footer {
		padding: 1.6667vw 2.0833vw;
		border-top: 1px solid var(--color-white);
		margin-top: 1.6667vw;
	}

	.reviews-card-white .reviews-footer {
		border-top: 1px solid var(--color-black);
	}

	.reviews-user-image {
		width: 4.0278vw;
		height: 4.0278vw;
		margin-right: 1.1111vw;
		border-radius: 50%;
		object-fit: cover;
	}	

	.reviews-footer-arrow {
		width: 1.875vw;
		height: 1.7014vw;
	}

	.reviews-card-white .reviews-user-name,
	.reviews-card-white .reviews-user-desc {
		color: var(--color-black);
	}

	.reviews-user-desc span {
		color: var(--color-yellow);
		font-weight: 700;
	}

	.reviews-card-white .reviews-user-desc span {
		color: var(--color-blue);
	}







	.groups-title {
		margin-bottom: 4.4444vw;
	}

	.groups-title span {
		position: relative;
	}

	.groups-title span:after {
		display: block;
		content: "";
		width: 0;
		height: 1.1111vw;
		background: url('/images/lines/line-3.svg');
		background-repeat: no-repeat;
		position: absolute;
		bottom: -0.2778vw;
		left: 0;
		z-index: -1;
		
	    transition: width 0.5s ease;
	}
	
	.groups-title.active span:after {
        width: 100%;
	}

	.group-block {
		display: flex;
		width: 34.7222vw;
		padding: 1.6667vw;
		flex-direction: column;
		justify-content: space-between;
		align-items: center;
		align-self: stretch;
		border-radius: 1.6667vw;
		border: 1px solid var(--color-black);
	}

	.group-block {
		margin-right: 4.4444vw;
	}

	.group-block:nth-child(2n) {
		margin-right: 0;
	}

	.group-block-title {
		margin-bottom: 1.6667vw;
	}

	.point {
		margin-bottom: 0.8333vw;
	}

	.point:last-child {
		margin-bottom: 0;
	}

	.point svg {
		width: 1.8056vw;
		height: 1.6667vw;
		flex-shrink: 0;
		margin-right: 1.25vw;
		margin-top: 2px;
	}

	.points {
		margin-bottom: 3.0556vw;
	}

	.group-price-line {
		position: absolute;
		top: -0.5556vw;
		left: 50%;
		transform: translateX(-50%);
		width: 130%;
		height: 130%;
		max-width: 130%;
	}

	.group-price-wrapper {
		margin-bottom: 3.4722vw;
	}

	.group-price-description {
		margin-left: 0.6944vw;
	}

	.group-block .btn {
		height: 4.0972vw;
	}

	.group-block .btn-empty:hover {
		background: var(--color-blue);
	}







	.places-circle {
		width: 100vw;
		height: 50vw;
		border-bottom-left-radius: 50vw;
		border-bottom-right-radius: 50vw;
		max-height: 100%;
		position: absolute;
		top: 0;
		left: 0;
		z-index: -1;
	}

	.places-title {
		padding-top: 2.7778vw;
		margin-bottom: 4.0278vw;
	}

	.places-title span {
		position: relative;
	}

	.places-title span:after {
		display: block;
		content: "";
		width: 0;
		height: 1.1111vw;
		background: url('/images/lines/line-6.svg');
		background-repeat: no-repeat;
		position: absolute;
		bottom: -0.4861vw;
		left: 0.4861vw;
		z-index: -1;
	    transition: width 0.5s ease;
	}
	
	.places-title.active span:after {
        width: 100%;
	}

	.places-subtitle {
		width: 57.6389vw;
		margin-bottom: 2.7778vw;
	}

	.places-subtitle span {
		position: relative;
	}

	.places-subtitle span:after {
		display: block;
		content: "";
	    width: 0; 
		height: 1.1111vw;
		background: url('/images/lines/line-7.svg');
		background-repeat: no-repeat;
		position: absolute;
		bottom: -0.3472vw;
		left: 0;
		z-index: -1;
		
        transition: width 0.5s ease;
	}

	.places-subtitle.active span:after {
        width: 100%;
	}

	.places-btn-arrow {
		width: 7.9861vw;
		height: 3.125vw;
		position: absolute;
		right: -8.1944vw;
		top: 1.5972vw;
		opacity: 0;
	}
	
	.places-btn-arrow.active {
	    stroke-dasharray: 1000;
        stroke-dashoffset: 1000;
        animation: dash 3s linear forwards;
        opacity: 1;
	}

	.places-btn-text {
		position: absolute;
		right: -12.8472vw;
		top: 2.7778vw;
		transform: rotate(-11.733deg) !important;;
	}

	.places-items {
		margin: 0 auto 5.2778vw;
		width: 66.9444vw;
	}

	.places-item-4 {
		width: 100%;
	}

	.places-item {
		padding: 1.3889vw;
		border: 1px solid var(--color-black);
		border-radius: 2.7778vw;
		width: 20.8333vw;
		margin-right: 2.2222vw;
		margin-bottom: 2.2222vw;
		z-index: 1 !important;
	}

	.places-item-title,
	.places-item-desc {
		margin-bottom: 2.2222vw;
	}

	.places-item-3 .places-item:nth-child(3n) {
		margin-right: 0;
	}

	.places-item-4 .places-item:nth-child(4n) {
		margin-right: 0;
	}

	.places-item:last-child {
		margin-right: 0;
	}

	.places-item-tag {
		padding: 0.6944vw 1.0417vw;
		border: 1px solid var(--color-black);
		border-radius: 6.9444vw;
		transform: rotate(-15deg);
		left: -1.3327vw;
		top: -1.7398vw;
	}

	.places-item-remark {
		top: 0.7639vw;
		right: 1.0417vw;
		cursor: pointer;
	}

	.places-item-remark svg {
		width: 2.7778vw;
		height: 2.7778vw;
	}

	.places-item-remark-text {
		width: 19.4444vw;
		padding: 1.0417vw 1.3889vw 1.3889vw 1.3889vw;
		right: 0;
		top: calc(100% + 0.3472vw);
		border-radius: 2.7778vw;
		border: 1px solid var(--color-black);
		opacity: 0;
		pointer-events: none;
		visibility: hidden;
		transition: .3s;
		z-index: 10;
		text-align: left !important;
	}
	
	.places-item-remark-text span {
	    color: var(--color-yellow);
	    margin-bottom: 0.3472vw;
	    line-height: 1.7361vw;
	}

	.places-item-remark:hover .places-item-remark-text {
		opacity: 1;
		pointer-events: all;
		visibility: visible;
	}







	.text-image-block {
		border-radius: 1.6667vw;
		overflow: hidden;
		border: 1px solid var(--color-black);
	}

	.text-image-block-image {
		width: 37.5vw;
		height: 43.125vw;
		object-fit: cover;
	}

	.text-image-block-inner {
		padding: 2.7778vw;
	}

	.text-image-block-title {
		margin-bottom: 1.7361vw;
	}

	.text-image-block-inner .point {
		margin-bottom: 1.1111vw;
	}

	.text-image-block-inner .points {
		margin-bottom: 0;
	}

	.text-image-block-title span {
		position: relative;
		color: var(--color-yellow);
	}

	.text-image-block-title span:after {
		display: block;
		content: "";
		width: 0;
		height: 1.1111vw;
		background: url('/images/lines/line-5.svg');
		background-repeat: no-repeat;
		position: absolute;
		bottom: calc(50% - 0.5556vw);
		left: 0;
	    transition: width 0.5s ease;
	}
	
	.text-image-block-title.active span:after {
        width: 17.5vw;
	}







	.faq-title {
		margin-bottom: 3.125vw;
	}

	.faq-item {
		padding: 1.3889vw 2.0833vw;
		border: 1px solid var(--color-dark-blue);
		border-radius: 1.6667vw;
		width: 69.4444vw;
		transition: .3s;
		margin-bottom: 0.6944vw;
	}

	.faq-item:last-child {
		margin-bottom: 0;
	}

	.faq-item.active {
		background: var(--color-yellow);
	}

	.faq-item-content {
		transition: .5s ease-in-out;
		overflow: hidden;
		padding-left: 3.4722vw;
	}

	.faq-item-content:not(.active) {
		display: none;
		margin-top: 1.3889vw;
	}

	.faq-item-header {
		display: flex;
		align-items: center;
		justify-content: space-between;
		cursor: pointer;
		transition: .3s;
	}

	.faq-item.active .faq-item-header {
		margin-bottom: 1.3889vw;
	}

	.faq-item-number {
		font-size: 0.9722vw;
		font-style: normal;
		font-weight: 600;
		line-height: 1.25vw;
		padding: 0.2778vw 0.8333vw;
		border-radius: 1.3889vw;
		background: var(--color-yellow);
		border: 1px solid var(--color-black);
		margin-right: 1.1111vw;
		transition: .3s;
		color: var(--color-black);
		display: flex;
		align-items: center;
		justify-content: center;
	}

	.faq-item.active .faq-item-number {
		background: var(--color-blue);
		color: var(--color-white);
	}

	.faq-arrow-svg {
		width: 1.9444vw;
		height: 1.9444vw;
		transition: .5s;
		flex-shrink: 0;
	}

	.faq-item.active .faq-arrow-svg {
		transform: rotate(-180deg);
	}







	.contacts-left {
		width: 34.7222vw;
	}

	.contacts-title {
		margin-bottom: 0.5556vw;
	}

	.contacts-desc {
		margin-bottom: 1.6667vw;
	}

	.contacts-form {
		width: 100%;
	}

	.contacts-form .input-wrapper {
		margin-bottom: 0.8333vw;
	}

	.contacts-form .btn {
		margin-top: 1.6667vw;
	}

	.contacts-image {
		width: 40.6944vw;
		height: 40.6944vw;
		border: 1px solid var(--color-black);
		border-radius: 50%;
	}

	.contacts-tag {
		padding: 0.6944vw;
		border-radius: 6.9444vw;
		border: 1px solid var(--color-black);
		top: 4.4444vw;
		right: -1.3889vw;
		transform: rotate(10deg) !important;
	}

	.contacts-form-answer {
		margin-top: 0.6944vw;
		display: none;
	}




 }@media (min-width: calc(494px)) and (max-width: calc(768px)) {
            body {
                --coef-w: calc(var(--width) / -910 + 1.3771);
                --offset: calc(4.2666vw * ((375 - 375 * var(--coef-w) + 30 * var(--coef-w)) / 30));
                --column-width: calc( (1px * var(--width)) - (2 * var(--offset)) );
            }
        }

        @media (max-width: calc(494px)) {
            body {
                --coef-w: 1;
                --column-width: 91.467vw;
                --offset: calc(50% - (var(--column-width) / 2));
            }
        }
        @media (max-width: 768px) { :root {
	--column-width: calc(91.4667vw * var(--coef-w));
	--offset: calc(4.2667vw * var(--coef-w));
}

body, input, textarea, select {
	font-family: 'Avenir Next', sans-serif;
	font-size: calc(4.2667vw * var(--coef-w));
	color: var(--color-black);
	-webkit-text-size-adjust: none;
}

img, svg {
	max-width: 100%;
	display: block;
}

* {
	box-sizing: border-box;
	outline: none !important;
	-webkit-tap-highlight-color: transparent;
	-webkit-appearance:none;
}

body, dl, dt, dd, ul, ol, li, form, table, tr, td, h1, h2, h3, h4, h5, h6, pre, p, span, b, i, input, textarea, fieldset {
	margin: 0;
	padding: 0;
}

.body-wrapper {
	overflow-x: hidden;
}

.none {
	display: none;
}

.fade-out {
	opacity: 1;
	transition: 0.3s;
	pointer-events: auto;
}

.fade-out.active {
	opacity: 0;
	pointer-events: none;
}

.fade-in {
	opacity: 0;
	transition: 0.3s;
	pointer-events: none;
}

.fade-in.active {
	opacity: 1;
	pointer-events: auto;
}

.container {
	max-width: 100% !important;
	padding-left: var(--offset);
	padding-right: var(--offset);
}

.container-offset {
	width: var(--column-width);
	margin-left: auto;
	margin-right: auto;
}

img[srcset] {
    object-fit: scale-down !important;
    object-position: center !important;
}

#loader {
    position: fixed;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background-color: rgba(255, 255, 255, 0.7);
    z-index: 10001;
    opacity: 0;
    pointer-events: none;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: opacity 0.3s;
}

#loader.active {
    opacity: 1;
    pointer-events: auto;
}

#loader path {
    fill: var(--color-second);
}

.mb {
	margin-bottom: calc(18.6667vw * var(--coef-w));
}

.pt {
	padding-top: calc(18.6667vw * var(--coef-w));
}


.h1 {
	font-size: calc(8.5333vw * var(--coef-w));
    font-style: normal;
    font-weight: 600;
    line-height: calc(11.2vw * var(--coef-w));
}

.h2 {
	font-size: calc(6.4vw * var(--coef-w));
    font-style: normal;
    font-weight: 600;
    line-height: normal;
}

.h3 {
    font-size: calc(5.3333vw * var(--coef-w));
    font-style: normal;
    font-weight: 600;
    line-height: normal;
}

.h4 {
	font-size: calc(4.8vw * var(--coef-w));
    font-style: normal;
    font-weight: 500;
    line-height: calc(7.4667vw * var(--coef-w));
}

.h5 {
	font-size: calc(3.7333vw * var(--coef-w));
    font-style: normal;
    font-weight: 600;
    line-height: calc(5.8667vw * var(--coef-w));
}

.bold-text {
	font-size: calc(4.8vw * var(--coef-w));
    font-style: normal;
    font-weight: 500;
    line-height: calc(7.4667vw * var(--coef-w));
}

.main-text {
	font-size: calc(3.7333vw * var(--coef-w));
    font-style: normal;
    font-weight: 400;
    line-height: calc(5.8667vw * var(--coef-w));
}

.extra-text {
	font-size: calc(3.2vw * var(--coef-w));
    font-style: normal;
    font-weight: 400;
    line-height: calc(5.3333vw * var(--coef-w));
}

.btn-text {
	font-size: calc(3.7333vw * var(--coef-w));
    font-style: normal;
    font-weight: 600;
    line-height: calc(5.8667vw * var(--coef-w));
}

.description-text {
	font-size: calc(3.7333vw * var(--coef-w));
    font-style: normal;
    font-weight: 500;
    line-height: calc(5.8667vw * var(--coef-w));
}

.handwritten {
	font-family: 'Caveat';
	font-size: calc(4.8vw * var(--coef-w));
    font-style: normal;
    font-weight: 400;
    line-height: calc(5.3333vw * var(--coef-w));
}

.pricing-title {
	font-size: calc(5.3333vw * var(--coef-w));
    font-style: normal;
    font-weight: 600;
    line-height: normal;
}

.point-text {
	font-size: calc(3.7333vw * var(--coef-w));
    font-style: normal;
    font-weight: 500;
    line-height: calc(5.8667vw * var(--coef-w));
}

.popup-title {
	font-size: calc(6.4vw * var(--coef-w));
    font-style: normal;
    font-weight: 600;
    line-height: normal;
}

.nav-text {
    font-size: calc(4.2667vw * var(--coef-w));
    font-style: normal;
    font-weight: 400;
    line-height: calc(6.4vw * var(--coef-w));
}

/* MODALS */

.modal {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.6);
    align-items: center;
    justify-content: center;
    display: flex;
    z-index: 10000;
}

.container-modal {
    border-radius: calc(2.1333vw * var(--coef-w));
    background: var(--color-white);
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: calc(8vw * var(--coef-w));
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.closemodal {
    cursor: pointer;
    position: absolute;
    top: calc(3.2vw * var(--coef-w));
    right: calc(3.2vw * var(--coef-w));
}

.closemodal svg,
.closemodal img {
    width: calc(6.4vw * var(--coef-w));
    height: calc(6.4vw * var(--coef-w));
}

.modal .input {
    font-size: calc(3.7333vw * var(--coef-w));
    font-style: normal;
    font-weight: 400;
    line-height: calc(5.8667vw * var(--coef-w));
}  

    .btn {
        border-radius: calc(26.6667vw * var(--coef-w));
        border: none;
        height: calc(12.2667vw * var(--coef-w));
        font-family: 'Avenir Next', sans-serif;
        padding: 0 calc(6.4vw * var(--coef-w));
    }

    .btn-empty {
        background: var(--color-white);
        color: var(--color-blue);
        border: 1px solid var(--color-blue);
    }
    .btn-yellow {
        background: var(--color-yellow);
        color: var(--color-black);
    }

    .btn-blue {
        background: var(--color-blue) !important;
        color: var(--color-white);
    }

    .btn-full {
        width: 100%;
    }

    .btn-desktop {
        display: none;
    }


 

    .ticker {
        height: calc(12.8vw * var(--coef-w));
        width: 110%;
        margin-left: -5%;
        overflow: hidden;
    }

    .ticker.left {
        transform: rotate(9deg);
    }

    .ticker.right {
        transform: rotate(-9deg);
        margin-top: calc(-12.8vw * var(--coef-w));
    }

    .ticker-item {
        margin-right: calc(21.3333vw * var(--coef-w));
        white-space: nowrap;
    }

    .ticker-item svg {
        width: calc(10.6667vw * var(--coef-w));
        height: calc(10.6667vw * var(--coef-w));
        margin-right: calc(8.5333vw * var(--coef-w));
        flex-shrink: 0;
    }

    .ticker-list {
        animation: ticker 30s infinite linear;
    }

    .ticker.right .ticker-list {
        animation: ticker-right 10s infinite linear;
    }

    .ticker-image {
        height: 100%;
    }

    @keyframes ticker {
        0% {
            transform: translateX(0%);
        }
        100% {
            transform: translateX(-100%);
        }
    }

    @keyframes ticker-right {
        0% {
            transform: translateX(-100%);
        }
        100% {
            transform: translateX(0%);
        }
    }
  

 

    .step-image {
        width: calc(53.3333vw * var(--coef-w));
        height: calc(53.3333vw * var(--coef-w));
        flex-shrink: 0;
        margin-bottom: calc(6.1333vw * var(--coef-w));
    }

    .step-number {
        padding: calc(1.0667vw * var(--coef-w)) calc(2.1333vw * var(--coef-w));
        border-radius: calc(26.6667vw * var(--coef-w));
        border: 1px solid var(--color-blue);
        margin-bottom: calc(2.1333vw * var(--coef-w));
    }

    .step-title {
        margin-bottom: calc(4.2667vw * var(--coef-w));
    }

    .step-desc {
        text-align: center;
    }


 

    .input-wrapper {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        position: relative;
    }

    .input-wrapper-100 {
        width: 100%;
    }

    .input {
        width: 100%;
        border: none;
        color: var(--color-black);
        background: var(--color-white);
        height: calc(11.2vw * var(--coef-w));
        padding: calc(2.6667vw * var(--coef-w)) calc(6.4vw * var(--coef-w));
        border-radius: calc(26.6667vw * var(--coef-w));
        border: 1px solid rgba(21, 21, 22, 0.30);
    }

    .input::placeholder {
        color: #8A8687;
    }

    .textarea {
        height: calc(40vw * var(--coef-w));
        resize: none;
        padding: calc(2.6667vw * var(--coef-w)) calc(6.4vw * var(--coef-w));
        border-radius: calc(6.4vw * var(--coef-w));
        border: 1px solid rgba(21, 21, 22, 0.30);
    }

    .textarea-wrapper {
        height: calc(40vw * var(--coef-w));
    }

    .textarea::-webkit-input-placeholder {
        color: #8A8687;
    }

    .input-label {
        position: absolute;
        top: calc(-2.9333vw * var(--coef-w));
        left: calc(5.3333vw * var(--coef-w));
        background: var(--color-white);
    }

    .input-error {
        display: none;
    }


 

	header {
		padding: calc(4.2667vw * var(--coef-w)) 0;
		position: sticky;
		top: 0;
		left: 0;
		z-index: 1000;
	}

	.logo-wrapper {
		display: block;
		width: calc(37.3333vw * var(--coef-w));
	}

	.logo {
		width: calc(25.6vw * var(--coef-w));
	}

	.header-menu-link {
		margin-bottom: calc(4.2667vw * var(--coef-w));
	}

	.header-menu-link:last-child {
		margin-right: 0;
	}

	.toggle-item {
		height: 2px;
		width: calc(6.9333vw * var(--coef-w));
		background: var(--color-blue);
		border-radius: 2px;
		transition: .3s;
	}

	.toggle-item:nth-child(2) {
		margin: calc(1.6vw * var(--coef-w)) 0;
	}

	.toggle-item:first-child {
		width: calc(5.0667vw * var(--coef-w))
	}

	.toggle-item:last-child {
		width: calc(3.7333vw * var(--coef-w));
	}

	header.active .toggle-item {
		width: calc(6.9333vw * var(--coef-w)) !important;
	}

	header.active .toggle-item:nth-child(1) {
		transform: rotate(45deg);
	}

	header.active .toggle-item:nth-child(2) {
		display: none;
	}

	header.active .toggle-item:nth-child(3) {
		margin-top: -2px;
		transform: rotate(-45deg);
	}

	.menu {
		position: absolute;
		top: 100%;
		left: 0;
		background: var(--color-white);
		padding-top: calc(2.1333vw * var(--coef-w));
		padding-bottom: calc(4.2667vw * var(--coef-w));
		transition: .3s;
		opacity: 0;
		pointer-events: none;
		visibility: hidden;
	}

	header.active .menu {
		opacity: 1;
		pointer-events: all;
		visibility: visible;
	}


 

    .container-modal-callback {
        width: var(--column-width);
        padding: calc(8.5333vw * var(--coef-w)) calc(4.2667vw * var(--coef-w));
        border-radius: calc(4.2667vw * var(--coef-w));
        border: 1px solid var(--color-black);
        top: 50%;
        transform: translate(-50%, -50%);
    }

    .callback-modal-title {
        margin-bottom: calc(2.1333vw * var(--coef-w));
        text-align: center;
    }

    .callback-modal-desc {
        text-align: center;
        margin-bottom: calc(6.4vw * var(--coef-w));
    }

    .form-modal-callback {
        width: 100%;
    }

    .callback-form-form {
        width: 100%;
    }

    .callback-form-form .input-wrapper {
        margin-bottom: calc(2.1333vw * var(--coef-w));
        width: 100%;
    }

    .callback-form-form .btn {
        margin-top: calc(6.4vw * var(--coef-w));
    }

    .callback-answer {
        margin-top: calc(2.6667vw * var(--coef-w));
    }


 

    .container-modal-teacher {
        width: var(--column-width);
        padding: calc(8.5333vw * var(--coef-w)) calc(4.2667vw * var(--coef-w));
        border-radius: calc(4.2667vw * var(--coef-w));
        border: 1px solid var(--color-black);
        top: 50%;
        transform: translate(-50%, -50%);
    }

    .teacher-modal-title {
        margin-bottom: calc(2.1333vw * var(--coef-w));
        text-align: center;
    }

    .teacher-modal-desc {
        text-align: center;
        margin-bottom: calc(6.4vw * var(--coef-w));
    }

    .form-modal-teacher {
        width: 100%;
    }

    .teacher-form-form {
        width: 100%;
    }

    .teacher-form-form .input-wrapper {
        margin-bottom: calc(2.1333vw * var(--coef-w));
        width: 100%;
    }

    .teacher-form-form .btn {
        margin-top: calc(6.4vw * var(--coef-w));
    }

    .teacher-answer {
        margin-top: calc(2.6667vw * var(--coef-w));
    }


 

	footer {
		padding: calc(8.5333vw * var(--coef-w)) 0;
	}

	.footer-title {
		font-size: calc(6.4vw * var(--coef-w));
		font-style: normal;
		font-weight: 600;
		line-height: normal;
		margin-bottom: calc(6.4vw * var(--coef-w));
	}

	.footer-title span {
		color: var(--color-yellow);
	}

	.footer-title span {
		position: relative;
	}

	.footer-title span:after {
		display: block;
		content: "";
		width: 0;
		max-width: 100%;
		height: calc(2.6667vw * var(--coef-w));
		background: url('/images/lines/line-4-mob.svg');
		background-repeat: no-repeat;
		position: absolute;
		bottom: calc(-2.1333vw * var(--coef-w));
		left: 0;
	    transition: width 0.5s ease;
	}
	
	.footer-title.active span:after {
        width: 100%;
	}

	.footer-contacts {
		margin-top: calc(8.5333vw * var(--coef-w));
	}

	.footer-socials {
		margin: calc(6.4vw * var(--coef-w)) 0;
	}

	.footer-contacts-item {
		margin-bottom: calc(2.1333vw * var(--coef-w));
	}

	.footer-contacts-item:last-child {
		margin-bottom: 0;
	}
	
	.footer-contacts-social {
		margin-right: calc(2.6667vw * var(--coef-w));
	}

	.footer-contacts-social-image {
		width: calc(8.5333vw * var(--coef-w));
		height: calc(8.5333vw * var(--coef-w));
	}

	.footer-contacts-socials-arrow-mobile {
		position: absolute;
		top: calc(2.6667vw * var(--coef-w));
		right: calc(-17.3333vw * var(--coef-w));
		width: calc(17.3333vw * var(--coef-w));
		flex-shrink: 0;
		opacity: 0;
	}
	
	.footer-contacts-socials-arrow-mobile.active {
	    stroke-dasharray: 1000;
        stroke-dashoffset: 1000;
        animation: dash 3s linear forwards;
        opacity: 1;
	}

	.footer-contacts-socials-text {
		position: absolute;
		transform: rotate(8.308deg) !important;
		white-space: nowrap;
		top: 0;
		right: calc(-53.3333vw * var(--coef-w));
	}

	.footer-copyright {
		justify-content: center !important;
		padding-top: calc(6.4vw * var(--coef-w));
		margin-top: calc(6.4vw * var(--coef-w));
		border-top: 1px solid rgba(255, 248, 248, 0.20);
	}
	
	 @keyframes dash {
    	to {
    		stroke-dashoffset: 0;
    	}
    	
    }


 



	.banner {
		margin-top: calc(8.5333vw * var(--coef-w));
	}

	.banner-left {
		margin-bottom: calc(8.5333vw * var(--coef-w));
	}

	.banner-title {
		margin-bottom: calc(6.4vw * var(--coef-w));
	}

	.banner-title span {
		position: relative;
	}

	.banner-title span:after {
		display: block;
		content: "";
		width: 0;
		height: calc(3.7333vw * var(--coef-w));
		background: url('/images/lines/line-1-mob.svg');
		background-repeat: no-repeat;
		position: absolute;
		bottom: calc(-2.1333vw * var(--coef-w));
		left: 0;
		z-index: -1;
		transition: width 0.5s ease;
	}
	
	.banner-title.active span:after {
        width: 100%;
	}

	.banner-desc {
		margin-bottom: calc(6.4vw * var(--coef-w));
	}

	.banner-block {
		width: 33%;
		height: calc(30.1333vw * var(--coef-w));
		object-fit: cover;
	}
	
	.banner-block-img,
	.banner-block-big {
	    border-radius: calc(0vw * var(--coef-w)) calc(0vw * var(--coef-w)) calc(0vw * var(--coef-w)) calc(10.3493vw * var(--coef-w));
	}

	.banner-block-big {
		width: 66%;
		height: calc(30.1333vw * var(--coef-w));
		object-fit: cover;
	}

	.banner-block.rounded-tl {
		border-top-left-radius: calc(10.1333vw * var(--coef-w));
	}

	.banner-block.rounded-bl {
		border-bottom-left-radius: calc(10.1333vw * var(--coef-w));
	}

	.banner-block.rounded-br {
		border-bottom-right-radius: calc(10.1333vw * var(--coef-w));
	}

	.banner-star {
		width: calc(13.8667vw * var(--coef-w));
		height: calc(13.8667vw * var(--coef-w));
	}







	.info-block-desc {
		margin-bottom: calc(15.7333vw * var(--coef-w));
	}

	.info-block-desc span {
		color: var(--color-blue);
	}

	.info-block-number-wrapper {
		margin-bottom: calc(11.2vw * var(--coef-w));
	}

	.info-block-numbers {
		margin-bottom: calc(-11.2vw * var(--coef-w));
	}

	.info-block-number-wrapper path {
		stroke: var(--color-orange);
	}

	.info-block-number-wrapper:nth-child(2n) path {
		stroke: var(--color-yellow);
	}

	.info-block-number-wrapper:nth-child(3n) path {
		stroke: var(--color-blue);
	}

	.info-block-number-wrapper:nth-child(3n) {
		margin-right: 0;
	}
	

	.info-block-number-line {
		position: absolute;
		top: calc(-4.5333vw * var(--coef-w));
		left: 50%;
		transform: translateX(-50%);
		width: calc(40vw * var(--coef-w));
		max-width: calc(40vw * var(--coef-w));
		height: calc(19.2vw * var(--coef-w));
	}

	.info-block-number-description {
		margin-top: calc(6.4vw * var(--coef-w));
	}

	.info-block-right {
		position: relative;
	}

	.info-block-right-image {
		width: calc(93.3333vw * var(--coef-w));
		height: calc(93.3333vw * var(--coef-w));
		object-fit: cover;
		border-radius: 50%;
		border: 1px solid var(--color-black);
	}

	.info-block-right-arrow {
		position: absolute;
		top: calc(-10.6667vw * var(--coef-w));
		right: calc(-2.1333vw * var(--coef-w));
		width: calc(10.9333vw * var(--coef-w));
		height: calc(17.3333vw * var(--coef-w));
	}

	.info-block-right-desc {
		position: absolute;
		right: 0;
		top: calc(-24vw * var(--coef-w));
		transform: rotate(-4.953deg) !important;
	}
	
	.info-block-number-line {
	    opacity: 0;
	}
	
	.info-block-number-line.active {
	    stroke-dasharray: 1000;
        stroke-dashoffset: 1000;
        animation: dash 3s linear forwards;
        opacity: 1;
	}







	.steps-title {
		font-size: calc(6.4vw * var(--coef-w));
		font-style: normal;
		font-weight: 600;
		line-height: normal;
		margin-bottom: calc(8.5333vw * var(--coef-w));
	}

	.steps-title span {
		position: relative;
	}

	.steps-title span:after {
		display: block;
		content: "";
		width: 0;
		height: calc(2.4vw * var(--coef-w));
		background: url('/images/lines/line-2-mob.svg');
		background-repeat: no-repeat;
		position: absolute;
		bottom: calc(-1.8667vw * var(--coef-w));
		left: calc(1.8667vw * var(--coef-w));
		z-index: -1;
		
		transition: width 0.5s ease;
	}
	
	.steps-title.active span:after {
        width: 100%;
	}

	.steps-items {
		position: relative;
	}
	
	.step-image {
	    border-radius: 50%;
	    object-fit: cover;
	    border: 1px solid var(--color-black);
	}

	.steps-line {
		width: 100vw;
		max-width: 100vw;
		height: calc(565.0667vw * var(--coef-w));
		position: absolute;
		left: calc(-4.2667vw * var(--coef-w));
		top: calc(16vw * var(--coef-w));
		z-index: -1;
	}







	.teachers-title {
		margin-bottom: calc(6.4vw * var(--coef-w));
	}

	.teacher-card-empty {
		width: calc(80vw * var(--coef-w)) !important;
		height: calc(80vw * var(--coef-w));
		border-radius: 50%;
		cursor: pointer;
		display: flex !important;
	}

	.teacher-card-empty-star {
		width: calc(32vw * var(--coef-w));
		height: calc(32vw * var(--coef-w));
		margin-bottom: calc(4.8vw * var(--coef-w));
	}

	.teacher-card-empty-arrow {
		width: calc(10.1333vw * var(--coef-w));
		height: calc(17.6vw * var(--coef-w));
		left: calc(9.0667vw * var(--coef-w));
		bottom: calc(-12.5333vw * var(--coef-w));
	}

	.teacher-card-empty-text {
		font-size: calc(5.3333vw * var(--coef-w));
		font-style: normal;
		font-weight: 600;
		line-height: normal;
	}

	.teacher-card-empty-desc {
		transform: rotate(-8.087deg) !important;
		left: calc(18.1333vw * var(--coef-w));
		bottom: calc(-12vw * var(--coef-w));
		white-space: nowrap;
	}

	.teachers-slider {
		width: calc(80vw * var(--coef-w));
		position: initial !important;
	}

	.teacher-card {
		width: calc(80vw * var(--coef-w)) !important;
	}

	.teacher-image {
		width: calc(80vw * var(--coef-w));
		height: calc(80vw * var(--coef-w));
		border: 1px solid var(--color-black);
		border-radius: 50%;
		margin-bottom: calc(3.2vw * var(--coef-w));
	}

	.teacher-name {
		margin-bottom: calc(1.3333vw * var(--coef-w));
	}

	.teachers-slider-wrapper {
		position: relative;
	}

	.slick-dots {
        display: flex;
        position: absolute;
        bottom: calc(-6.4vw * var(--coef-w));
		left: 50%;
		transform: translateX(-50%);
        width: 100%;
        justify-content: center;
        align-items: center;
    }

    .slick-dots li button {
        background: var(--color-blue) !important;
		opacity: .1;
        border: none;
        font-size: 0; 
        border-radius: 50%; 
        padding: 0;
        width: calc(2.1333vw * var(--coef-w));
        height: calc(2.1333vw * var(--coef-w));
        transition: .3s;
    }

    .slick-dots li {
        margin: 0 calc(1.0667vw * var(--coef-w));
        list-style: none;
        display: flex;
        width: calc(2.1333vw * var(--coef-w));
        height: calc(2.1333vw * var(--coef-w));
    }

    .slick-dots .slick-active button{
        opacity: 1;
    }







	#reviews {
		padding-top: calc(26.6667vw * var(--coef-w));
	}

	.reviews {
		padding: calc(8.5333vw * var(--coef-w)) 0 calc(24.5333vw * var(--coef-w));
		border-radius: calc(6.4vw * var(--coef-w)) calc(6.4vw * var(--coef-w)) calc(0vw * var(--coef-w)) calc(0vw * var(--coef-w));
	}

	.reviews-header {
		margin-bottom: calc(2.6667vw * var(--coef-w));
	}

	.reviews-title {
		font-size: calc(6.4vw * var(--coef-w));
		font-style: normal;
		font-weight: 600;
		line-height: normal;
	}

	.reviews-title span {
		position: relative;
		color: var(--color-yellow);
	}

	.reviews-title span:after {
		display: block;
		content: "";
		width: 0;
		height: calc(3.2vw * var(--coef-w));
		background: url('/images/lines/line-8-mob.svg');
		background-repeat: no-repeat;
		position: absolute;
		bottom: calc(-2.1333vw * var(--coef-w));
		left: 0;
		z-index: 0;
	    transition: width 0.5s ease;
	}
	
	.reviews-title.active span:after {
        width: 100%;
	}

	.reviews-arrows {
		position: absolute;
		bottom: calc(8.5333vw * var(--coef-w));
		left: 50%;
		transform: translateX(-50%);
	}

	.reviews-arrow {
		background: var(--color-white);
		width: calc(10.6667vw * var(--coef-w));
		height: calc(10.6667vw * var(--coef-w));
		border-radius: 50%;
		display: flex;
		align-items: center;
		justify-content: center;
		margin-left: calc(8vw * var(--coef-w));
		transition: .3s;
		cursor: pointer;
	}

	.reviews-arrow:first-child {
		margin-left: 0;
	}

	.reviews-arrow:hover {
		background: var(--color-yellow);
	}

	.reviews-arrow svg {
		width: calc(6.4vw * var(--coef-w));
		height: calc(6.4vw * var(--coef-w));
	}

	.reviews-slider-wrapper {
		padding-left: var(--offset);
	}

	.reviews-slider {
		width: calc(91.4667vw * var(--coef-w)) !important;
		padding: 0;
		margin: 0 auto;
	}

	.reviews-card {
		width: calc(91.4667vw * var(--coef-w)) !important;
		height: calc(106.1333vw * var(--coef-w));
		border: 1px solid var(--color-white);
		border-radius: calc(6.4vw * var(--coef-w));
		position: relative;
		margin-top: calc(8vw * var(--coef-w));
	}

	.reviews-card-quote {
		width: calc(11.4667vw * var(--coef-w));
		height: calc(8.5333vw * var(--coef-w));
		left: calc(6.5333vw * var(--coef-w));
		top: calc(-4.2667vw * var(--coef-w));
	}

	.reviews-card-content {
		padding: calc(7.4667vw * var(--coef-w)) calc(4.2667vw * var(--coef-w));
		padding-bottom: 0;
	}

	.reviews-card-text {
		max-height: calc(70.4vw * var(--coef-w));
		overflow: auto;
		padding-right: calc(2.1333vw * var(--coef-w));
	}

	.reviews-card-text::-webkit-scrollbar {
		width: calc(1.0667vw * var(--coef-w));
	}

	.reviews-card-text::-webkit-scrollbar-track {
		background-color: #33328F;
	}

	.reviews-card-text::-webkit-scrollbar-thumb {
		background-color: var(--color-yellow);
	}

	.reviews-footer {
		padding: calc(4.2667vw * var(--coef-w)) calc(4.2667vw * var(--coef-w)) calc(6.4vw * var(--coef-w));
		border-top: 1px solid var(--color-white);
		margin-top: calc(6.4vw * var(--coef-w));
	}

	.reviews-card-white .reviews-footer {
		border-top: 1px solid var(--color-black);
	}

	.reviews-user-image {
		width: calc(12.8vw * var(--coef-w));
		height: calc(12.8vw * var(--coef-w));
		margin-right: calc(2.1333vw * var(--coef-w));
		border-radius: 50%;
		object-fit: cover;
	}	

	.reviews-footer-arrow {
		width: calc(4.8vw * var(--coef-w));
		height: calc(4.2667vw * var(--coef-w));
	}

	.reviews-user-name {
		font-size: calc(4.8vw * var(--coef-w));
		font-style: normal;
		font-weight: 500;
		line-height: calc(7.4667vw * var(--coef-w));
	}

	.reviews-user-desc {
		font-size: calc(3.7333vw * var(--coef-w));
		font-style: normal;
		font-weight: 400;
		line-height: calc(5.8667vw * var(--coef-w));
	}

	.reviews-card-white .reviews-user-name,
	.reviews-card-white .reviews-user-desc {
		color: var(--color-black);
	}

	.reviews-user-desc span {
		color: var(--color-yellow);
		font-weight: 700;
	}

	.reviews-card-white .reviews-user-desc span {
		color: var(--color-blue);
	}







	.groups-title {
		margin-bottom: calc(8.5333vw * var(--coef-w));
	}

	.groups-title span {
		position: relative;
	}

	.groups-title span:after {
		display: block;
		content: "";
		width: 0;
		height: calc(1.3333vw * var(--coef-w));
		background: url('/images/lines/line-3-mob.svg');
		background-repeat: no-repeat;
		position: absolute;
		bottom: calc(-1.0667vw * var(--coef-w));
		left: 0;
		z-index: -1;
	    transition: width 0.5s ease;
	}
	
	.groups-title.active span:after {
        width: 100%;
	}

	.group-block {
		display: flex;
		width: 100%;
		padding: calc(8.5333vw * var(--coef-w)) calc(4.2667vw * var(--coef-w));
		flex-direction: column;
		justify-content: space-between;
		align-items: center;
		align-self: stretch;
		border-radius: calc(6.4vw * var(--coef-w));
		border: 1px solid var(--color-black);
	}

	.group-block {
		margin-bottom: calc(8.5333vw * var(--coef-w));
	}

	.group-block:last-child {
		margin-bottom: 0;
	}

	.group-block-title {
		margin-bottom: calc(4.2667vw * var(--coef-w));
	}

	.point {
		margin-bottom: calc(3.2vw * var(--coef-w));
	}

	.point:last-child {
		margin-bottom: 0;
	}

	.point svg {
		width: calc(4.2667vw * var(--coef-w));
		height: calc(4.2667vw * var(--coef-w));
		flex-shrink: 0;
		margin-right: calc(4.8vw * var(--coef-w));
		margin-top: 2px;
	}

	.points {
		margin-bottom: calc(7.4667vw * var(--coef-w));
	}

	.group-price {
		font-size: calc(8.5333vw * var(--coef-w));
		font-style: normal;
		font-weight: 600;
		line-height: calc(11.2vw * var(--coef-w));
	}

	.group-price-line {
		position: absolute;
		top: calc(-2.1333vw * var(--coef-w));
		left: 50%;
		transform: translateX(-50%);
		width: 130%;
		height: 130%;
		max-width: 130%;
	}

	.group-price-wrapper {
		margin-bottom: calc(10.6667vw * var(--coef-w));
	}

	.group-price-description {
		margin-left: calc(2.6667vw * var(--coef-w));
	}

	.group-block .btn {
		height: calc(11.2vw * var(--coef-w));
	}







	.places-circle {
		width: calc(559.7333vw * var(--coef-w));
		height: calc(283.7333vw * var(--coef-w));
		border-bottom-left-radius: calc(283.7333vw * var(--coef-w));
		border-bottom-right-radius: calc(283.7333vw * var(--coef-w));
		max-height: 100%;
		position: absolute;
		top: 0;
		left: 50%;
		transform: translateX(-50%);
		z-index: -1;
	}

	.places-title {
		padding-top: calc(8vw * var(--coef-w));
		margin: 0 auto calc(10.6667vw * var(--coef-w));
		font-size: calc(6.4vw * var(--coef-w));
		font-style: normal;
		font-weight: 600;
		line-height: normal;
	}

	.places-title span {
		position: relative;
	}

	.places-title span:after {
		display: block;
		content: "";
		width: 0;
		height: calc(2.6667vw * var(--coef-w));
		background: url('/images/lines/line-6-mob.svg');
		background-repeat: no-repeat;
		position: absolute;
		bottom: calc(-1.8667vw * var(--coef-w));
		left: calc(3.2vw * var(--coef-w));
		z-index: -1;
	    transition: width 0.5s ease;
	}
	
	.places-title.active span:after {
        width: 100%;
	}

	.places-subtitle {
		width: 100%;
		margin-bottom: calc(6.4vw * var(--coef-w));
	}

	.places-subtitle span {
		position: relative;
	}

	.places-subtitle span:after {
		display: block;
		content: "";
		width: 0;
		height: calc(2.1333vw * var(--coef-w));
		background: url('/images/lines/line-7-mob.svg');
		background-repeat: no-repeat;
		position: absolute;
		bottom: calc(-1.3333vw * var(--coef-w));
		left: 0;
		z-index: -1;
        transition: width 0.5s ease;
	}
	
	.places-subtitle.active span:after {
        width: 100%;
	}

	.places-btn-arrow {
		width: calc(20.2667vw * var(--coef-w));
		height: calc(14.4vw * var(--coef-w));
		position: absolute;
		right: calc(-22.9333vw * var(--coef-w));
		top: calc(10.1333vw * var(--coef-w));
		opacity: 0;
	}
	
	.places-btn-arrow.active {
	    stroke-dasharray: 1000;
        stroke-dashoffset: 1000;
        animation: dash 3s linear forwards;
        opacity: 1;
	}

	.places-btn-text {
		position: absolute;
		right: calc(-29.3333vw * var(--coef-w));
		top: calc(24vw * var(--coef-w));
		transform: rotate(-11.733deg) !important;;
	}

	.places-items {
		margin: 0 auto calc(10.6667vw * var(--coef-w));
		width: 100%;
	}

	.places-item {
		padding: calc(5.3333vw * var(--coef-w));
		border: 1px solid var(--color-black);
		border-radius: calc(10.6667vw * var(--coef-w));
		width: calc(82.6667vw * var(--coef-w));
		margin-bottom: calc(8.5333vw * var(--coef-w));
	}

	.places-item-title,
	.places-item-desc {
		margin-bottom: calc(6.4vw * var(--coef-w));
	}

	.places-item-title {
		font-size: calc(4.8vw * var(--coef-w));
		font-style: normal;
		font-weight: 500;
		line-height: calc(7.4667vw * var(--coef-w));
	}

	.places-item-desc {
		font-size: calc(4.8vw * var(--coef-w));
		font-style: normal;
		font-weight: 500;
		line-height: calc(7.4667vw * var(--coef-w));
	}

	.places-item-tag {
		padding: calc(2.1333vw * var(--coef-w)) calc(2.1333vw * var(--coef-w));
		border: 1px solid var(--color-black);
		border-radius: calc(26.6667vw * var(--coef-w));
		transform: rotate(-19.253deg);
		left: calc(-5.3333vw * var(--coef-w));
		top: calc(-5.3333vw * var(--coef-w));
	}

	.places-item-remark {
		top: calc(2.9333vw * var(--coef-w));
		right: calc(4vw * var(--coef-w));
		cursor: pointer;
	}

	.places-item-remark svg {
		width: calc(10.6667vw * var(--coef-w));
		height: calc(10.6667vw * var(--coef-w));
	}

	.places-item-remark-text {
		width: calc(74.6667vw * var(--coef-w));
		padding: calc(2.6667vw * var(--coef-w)) calc(4.5333vw * var(--coef-w)) calc(4.5333vw * var(--coef-w));
		right: 0;
		top: calc(100% + 1px);
		border-radius: calc(6.4vw * var(--coef-w));
		border: 1px solid var(--color-black);
		opacity: 0;
		pointer-events: none;
		visibility: hidden;
		transition: .3s;
		z-index: 2;
		text-align: left !important;
	}
	
	.places-item-remark-text span {
	    color: var(--color-yellow);
	    margin-bottom: calc(1.3333vw * var(--coef-w));
	    line-height: calc(6.6667vw * var(--coef-w));
	}

	.places-item-remark:hover .places-item-remark-text {
		opacity: 1;
		pointer-events: all;
		visibility: visible;
	}







	#speaking-club {
		padding-top: calc(26.6667vw * var(--coef-w));
	}

	.text-image-block {
		border-radius: calc(6.4vw * var(--coef-w));
		overflow: hidden;
		border: 1px solid var(--color-black);
	}

	.text-image-block-image {
		width: 100%;
		height: calc(84.5333vw * var(--coef-w));
		object-fit: cover;
	}

	.text-image-block-inner {
		padding: calc(8.5333vw * var(--coef-w)) calc(4.2667vw * var(--coef-w));
	}

	.text-image-block-title {
		margin-bottom: calc(6.6667vw * var(--coef-w));
		font-size: calc(6.4vw * var(--coef-w));
		font-style: normal;
		font-weight: 600;
		line-height: normal;
	}

	.text-image-block-inner .point {
		margin-bottom: calc(1.3333vw * var(--coef-w));
	}

	.text-image-block-inner .points {
		margin-bottom: calc(6.6667vw * var(--coef-w));
	}

	.text-image-block-title span {
		position: relative;
		color: var(--color-yellow);
	}

	.text-image-block-title span:after {
		display: block;
		content: "";
		width: 0;
		height: calc(2.4vw * var(--coef-w));
		background: url('/images/lines/line-5-mob.svg');
		background-repeat: no-repeat;
		position: absolute;
		bottom: calc(-2.1333vw * var(--coef-w));
		left: 0;
	    transition: width 0.5s ease;
	}
	
	.text-image-block-title.active span:after {
        width: calc(67.2vw * var(--coef-w));
	}

	.text-image-block-inner .btn {
		width: 100%;
	}







	.faq-title {
		margin-bottom: calc(6.4vw * var(--coef-w));
		text-align: center;
	}

	.faq-item {
		padding: calc(4.2667vw * var(--coef-w));
		border: 1px solid var(--color-dark-blue);
		border-radius: calc(6.4vw * var(--coef-w));
		width: 100%;
		transition: .3s;
		margin-bottom: calc(2.6667vw * var(--coef-w));
	}

	.faq-item:last-child {
		margin-bottom: 0;
	}

	.faq-item.active {
		background: var(--color-yellow);
	}

	.faq-item-content {
		transition: .5s ease-in-out;
		overflow: hidden;
		padding-left: calc(13.3333vw * var(--coef-w));
	}

	.faq-item-content:not(.active) {
		display: none;
		margin-top: calc(2.1333vw * var(--coef-w));
	}

	.faq-item-header {
		display: flex;
		align-items: center;
		justify-content: space-between;
		cursor: pointer;
		transition: .3s;
	}

	.faq-item.active .faq-item-header {
		margin-bottom: calc(2.1333vw * var(--coef-w));
	}

	.faq-item-number {
		font-size: calc(3.7333vw * var(--coef-w));
		font-style: normal;
		font-weight: 600;
		line-height: calc(4.8vw * var(--coef-w));
		padding: calc(1.0667vw * var(--coef-w)) calc(3.2vw * var(--coef-w));
		border-radius: calc(5.3333vw * var(--coef-w));
		background: var(--color-yellow);
		border: 1px solid var(--color-black);
		margin-right: calc(4.2667vw * var(--coef-w));
		transition: .3s;
		color: var(--color-black);
		display: flex;
		align-items: center;
		justify-content: center;
		flex-shrink: 0;
		margin-top: -3px;
	}

	.faq-item.active .faq-item-number {
		background: var(--color-blue);
		color: var(--color-white);
	}

	.faq-arrow-svg {
		width: calc(6.4vw * var(--coef-w));
		height: calc(6.4vw * var(--coef-w));
		transition: .5s;
		flex-shrink: 0;
	}

	.faq-item.active .faq-arrow-svg {
		transform: rotate(-180deg);
	}







	.contacts-title {
		margin-bottom: calc(2.1333vw * var(--coef-w));
	}

	.contacts-desc {
		margin-bottom: calc(6.4vw * var(--coef-w));
	}

	.contacts-form {
		width: 100%;
	}

	.contacts-form .input-wrapper {
		margin-bottom: calc(2.1333vw * var(--coef-w));
	}

	.contacts-form .btn {
		margin-top: calc(6.4vw * var(--coef-w));
	}

	.contacts-form-answer {
		margin-top: calc(2.6667vw * var(--coef-w));
		display: none;
	}




 }