:root {
	--base-color: #2290AE;
	--base-color-hover: #6CC6E1;
	--white: #FFFFFF;
	--gray: #F2EDF4;
	--black: #0A0A0A;
	--black-light: #161829;
	--black-dark: #040C15;
}

@font-face {
    font-family: "Poppins";
    src: url("./fonts/Poppins-ExtraLight.woff2") format("woff2");
    font-display: swap;
    font-weight: 200;
}

@font-face {
    font-family: "Poppins";
    src: url("./fonts/Poppins-Regular.woff2") format("woff2");
    font-display: swap;
    font-weight: 400;
}

@font-face {
    font-family: "Poppins";
    src: url("./fonts/Poppins-Medium.woff2") format("woff2");
    font-display: swap;
    font-weight: 500;
}

@font-face {
    font-family: "Poppins";
    src: url("./fonts/Poppins-Bold.woff2") format("woff2");
    font-display: swap;
    font-weight: 700;
}

*,
*::before,
*::after {
    margin: 0;
    padding: 0;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
}

html {
    font-family: "Poppins", sans-serif;
    scroll-behavior: smooth;
    overflow-x: hidden;
}

button {
    font-family: "Poppins", sans-serif;
    outline: none;
    border: none;
    cursor: pointer;
}

input,
textarea,
select {
    font-family: "Poppins", sans-serif;
    outline: none;
}

ul,
li {
    list-style: none;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    padding: 0;
    margin: 0;
}

p {
    font-weight: 400;
    padding: 0;
    margin: 0;
}

a,
a:visited,
a:hover,
a:active {
    text-decoration: none;
    outline: none;
}

body {
	padding: 44px;
}

html.no-scroll {
    overflow: hidden;
}

.container {
	max-width: 1280px;
	padding: 0 20px;
	margin: 0 auto;
}

.button {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	text-align: center;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	-webkit-box-pack: center;
	    -ms-flex-pack: center;
	        justify-content: center;
	height: 44px;
	background: var(--base-color);
	border-radius: 100px;

	font-family: "Poppins", sans-serif;
	font-weight: 500;
	font-size: 16px;
	line-height: 100%;
	letter-spacing: 0.01em;
	color: var(--white);
	cursor: pointer;
	-webkit-transition: all .3s ease;
	-o-transition: all .3s ease;
	transition: all .3s ease;
}

.button:hover {
	background: var(--base-color-hover);
}

.d-flex {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
}

.ai-center {
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
}

.jc-center {
	-webkit-box-pack: center;
	    -ms-flex-pack: center;
	        justify-content: center;
}

.jc-between {
	-webkit-box-pack: justify;
	    -ms-flex-pack: justify;
	        justify-content: space-between;
}

.fd-column {
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	    -ms-flex-direction: column;
	        flex-direction: column;
}

.g-10 {
	gap: 10px;
}

.g-20 {
	gap: 20px;
}

.header {
	width: 100%;
	max-width: 1280px;
	margin: 0 auto;
    padding-top: 20px;
}

.header .button {
	width: 190px;
}

.location {
	font-family: "Poppins", sans-serif;
	font-weight: 400;
	font-size: 16px;
	line-height: 100%;
	color: var(--white);
}

.logo {
	max-width: 126px;
}

.logo img {
	width: 100%;
	height: 100%;
}

.main {
	padding: 128px 0 164px;
	background: center / cover no-repeat url(./img/main.webp);
	margin: -64px 0 44px;
	overflow: hidden;
}

.main .container {
	position: relative;
}

.main .container::before {
	content: "";
	position: absolute;
	right: 20px;
	top: 0;
	background: center / cover no-repeat url(./img/img.webp);
	width: 400px;
	height: 130px;
}

.main .container::after {
	content: "";
	position: absolute;
	width: 227px;
	height: 253px;
	left: -257px;
	bottom: -125px;
	background-image: url("data:image/svg+xml,%3Csvg width='227' height='255' viewBox='0 0 227 255' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M158.769 253.448C158.79 254 158.359 254.464 157.807 254.485C157.255 254.506 156.791 254.075 156.77 253.523L158.769 253.448ZM226.265 7.94217C226.582 8.39458 226.472 9.01812 226.019 9.3349L218.647 14.4971C218.195 14.8139 217.571 14.7039 217.254 14.2515C216.938 13.7991 217.047 13.1756 217.5 12.8588L224.053 8.27017L219.464 1.71696C219.148 1.26455 219.258 0.641004 219.71 0.324227C220.162 0.0074493 220.786 0.117397 221.103 0.569802L226.265 7.94217ZM156.77 253.523C155.102 209.005 141.218 178.838 122.449 157.695C103.661 136.531 79.91 124.329 58.3746 115.872C47.6015 111.641 37.4185 108.36 28.6687 105.347C19.9624 102.35 12.612 99.5991 7.66541 96.4387C5.18453 94.8537 3.23146 93.119 2.02299 91.1269C0.79564 89.1036 0.367697 86.8642 0.863594 84.3762C1.35248 81.9235 2.7276 79.2815 4.99951 76.3763C7.27558 73.4659 10.493 70.2393 14.7423 66.6153L16.0401 68.137C11.8476 71.7126 8.73846 74.8419 6.57496 77.6084C4.40727 80.3802 3.22983 82.7362 2.82502 84.7672C2.42721 86.763 2.76443 88.493 3.73296 90.0896C4.72037 91.7173 6.39391 93.253 8.74221 94.7533C13.454 97.7637 20.5723 100.444 29.3198 103.456C38.0239 106.453 48.2799 109.758 59.1057 114.01C80.7685 122.518 104.855 134.863 123.945 156.367C143.052 177.891 157.085 208.514 158.769 253.448L156.77 253.523ZM14.7423 66.6153C82.5445 8.78997 172.703 -1.79958 225.619 7.53094L225.272 9.50055C172.828 0.253237 83.3058 10.7693 16.0401 68.137L14.7423 66.6153Z' fill='url(%23paint0_linear_104_208)'/%3E%3Cdefs%3E%3ClinearGradient id='paint0_linear_104_208' x1='213.594' y1='-24.5249' x2='100.942' y2='208.104' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='white'/%3E%3Cstop offset='1' stop-color='%23999999' stop-opacity='0'/%3E%3C/linearGradient%3E%3C/defs%3E%3C/svg%3E%0A");
}

.title {
	font-family: "Poppins", sans-serif;
	font-weight: 700;
	font-size: 48px;
	line-height: 112%;
	text-transform: uppercase;
	color: var(--white);
	max-width: 600px;
	margin-bottom: 30px;
}

.title span {
	opacity: 0.8;
}

.main__head {
	max-width: 630px;
	margin-bottom: 84px;
}

.main__desc {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	gap: 20px;
	position: relative;
	margin-bottom: 22px;
}

.main__desc::before,
.main__desc::after {
	content: "";
	display: block;
	width: 30px;
	height: 40px;
	background-image: url("data:image/svg+xml,%3Csvg width='30' height='40' viewBox='0 0 30 40' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M30 0V7.08683L15.0327 22L0 7.08683V0L15.0327 14.9132L30 0Z' fill='url(%23paint0_linear_120_144)'/%3E%3Cpath d='M30 18V25.0868L15.0327 40L0 25.0868V18L15.0327 32.9132L30 18Z' fill='url(%23paint1_linear_120_144)'/%3E%3Cdefs%3E%3ClinearGradient id='paint0_linear_120_144' x1='6.67493' y1='15.4407' x2='28.7222' y2='8.94375' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%236CC6E1'/%3E%3Cstop offset='0.333505' stop-color='%23FBEFFF'/%3E%3Cstop offset='1' stop-color='%236CC6E1'/%3E%3C/linearGradient%3E%3ClinearGradient id='paint1_linear_120_144' x1='6.67493' y1='33.4407' x2='28.7222' y2='26.9437' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%236CC6E1'/%3E%3Cstop offset='0.333505' stop-color='%23FBEFFF'/%3E%3Cstop offset='1' stop-color='%236CC6E1'/%3E%3C/linearGradient%3E%3C/defs%3E%3C/svg%3E%0A");
	background-repeat: no-repeat;
}

.desc {
	font-family: "Poppins", sans-serif;
	font-weight: 400;
	font-size: 28px;
	line-height: 42px;
	color: var(--white);
}

.main__form div {
	position: relative;
	margin-bottom: 20px;
}

.main__form div::before {
	content: "";
	position: absolute;
	background-image: url("data:image/svg+xml,%3Csvg width='44' height='44' viewBox='0 0 44 44' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect width='44' height='44' rx='22' fill='white'/%3E%3Cpath d='M19.8058 28.4623L23.8295 31.9645C24.0764 32.1856 24.3851 32.3467 24.725 32.4317C25.0649 32.5166 25.4243 32.5224 25.7676 32.4486C26.113 32.3784 26.432 32.2317 26.6938 32.0225C26.9557 31.8133 27.1515 31.5489 27.2627 31.2544L33.8704 13.9372C34.0084 13.6128 34.0369 13.2605 33.9525 12.9223C33.868 12.5841 33.6744 12.2742 33.3945 12.0294C33.1146 11.7847 32.7601 11.6153 32.3734 11.5415C31.9866 11.4678 31.5836 11.4926 31.2127 11.6132L11.4076 17.391C11.0592 17.495 10.7489 17.6785 10.5088 17.9225C10.2686 18.1665 10.1074 18.4622 10.0417 18.7789C9.97388 19.067 9.98897 19.3653 10.0856 19.647C10.1823 19.9287 10.3575 20.185 10.5954 20.3928L15.6528 24.8149L15.4867 30.4152L19.8058 28.4623Z' stroke='%23161829' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M33.2799 11.9681L15.6528 24.8148' stroke='%23161829' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
	width: 44px;
	height: 44px;
}

.main__form input {
	width: 100%;
	height: 44px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	padding: 12px 24px 12px 56px;
	border: 2px solid var(--white);
	border-radius: 100px;
	background: transparent;

	font-family: "Poppins", sans-serif;
	font-weight: 400;
	font-size: 16px;
	line-height: 24px;
	color: rgba(255, 255, 255, 0.7);
}

.main__form .button {
	width: 100%;
}

.main__list {
	gap: 36px;
	font-family: "Poppins", sans-serif;
	font-weight: 400;
	font-size: 28px;
	line-height: 100%;
	text-transform: uppercase;
	color: var(--white);
}

.footer {
	position: relative;
	z-index: 0;
	padding: 64px 0 31px;
	background: var(--gray);
	border-radius: 40px;
	overflow: hidden;
}

.footer::after {
	content: "";
	position: absolute;
	width: 666px;
	height: 666px;
	right: -56px;
	bottom: -274px;
	background: -o-linear-gradient(164.63deg, rgba(108, 198, 225, 0.2) 12.57%, rgba(108, 198, 225, 0.2) 92.13%);
	background: linear-gradient(285.37deg, rgba(108, 198, 225, 0.2) 12.57%, rgba(108, 198, 225, 0.2) 92.13%);
	-webkit-filter: blur(175px);
	        filter: blur(175px);
	border-radius: 50%;
	z-index: -1;
}

.offers {
	gap: 20px;
	margin-bottom: 106px;
}

.offer {
	width: 100%;
	cursor: pointer;
}

.offer:hover .button {
	background: var(--base-color-hover);
}

.offer__content {
	border-radius: 14px;
	background: var(--white);
	padding: 20px;
	margin-bottom: 20px;
}

.offer__title {
	font-family: "Poppins", sans-serif;
	font-weight: 700;
	font-size: 28px;
	line-height: 100%;
	color: var(--black);
	margin-bottom: 12px;
}

.offer__tags {
	margin-bottom: 10px;
	gap: 12px;
}

.offer__tag div {
	min-width: 100px;
	height: 28px;
	background: var(--base-color);
	border-radius: 100px;
}

.offer__tag p {
	font-family: "Poppins", sans-serif;
	font-weight: 400;
	font-size: 16px;
	line-height: 100%;
	color: var(--black);
	opacity: 0.6;
}

.offer__tag div p {
	font-family: "Poppins", sans-serif;
	font-weight: 700;
	font-size: 16px;
	line-height: 100%;
	color: var(--white);
	opacity: 1;
}

.offer__img {
	width: 100%;
	height: 200px;
	border-radius: 10px;
	overflow: hidden;
}

.offer__img img {
	width: 100%;
	height: 100%;
	-o-object-fit: cover;
	   object-fit: cover;
}

.feedback {
	position: relative;
	max-width: 820px;
	margin: 0 auto;
	margin-bottom: 106px;
	z-index: 0;
}

.feedback__title {
	font-family: "Poppins", sans-serif;
	font-weight: 700;
	font-size: 28px;
	line-height: 110%;
	text-align: center;
	text-transform: uppercase;
	color: var(--black-light);
	margin-bottom: 33px;
}

.feedback__field {
	position: relative;
	max-width: 400px;
	margin: 0 auto 20px;
}

.feedback__field input {
	width: 100%;
	height: 44px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	padding: 12px 24px;
	border: 2px solid var(--black-light);
	border-radius: 100px;
	background: transparent;

	text-align: center;
	font-family: "Poppins", sans-serif;
	font-weight: 400;
	font-size: 16px;
	line-height: 24px;
	color: rgba(22, 24, 41, 0.7);
}

.feedback__field--error input {
	border: 2px solid red;
}

.feedback__field-tg input {
	padding: 12px 24px 12px 56px;
}

.feedback__field-tg::before {
	content: "";
	position: absolute;
	background-image: url("data:image/svg+xml,%3Csvg width='44' height='44' viewBox='0 0 44 44' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect width='44' height='44' rx='22' fill='%23161829'/%3E%3Cpath d='M19.8058 28.4623L23.8295 31.9645C24.0764 32.1856 24.3851 32.3467 24.725 32.4317C25.0649 32.5166 25.4243 32.5224 25.7676 32.4486C26.113 32.3784 26.432 32.2317 26.6938 32.0225C26.9557 31.8133 27.1515 31.5489 27.2627 31.2544L33.8704 13.9372C34.0084 13.6128 34.0369 13.2605 33.9525 12.9223C33.868 12.5841 33.6744 12.2742 33.3945 12.0294C33.1146 11.7847 32.7601 11.6153 32.3734 11.5415C31.9866 11.4678 31.5836 11.4926 31.2127 11.6132L11.4076 17.391C11.0592 17.495 10.7489 17.6785 10.5088 17.9225C10.2686 18.1665 10.1074 18.4622 10.0417 18.7789C9.97388 19.067 9.98897 19.3653 10.0856 19.647C10.1823 19.9287 10.3575 20.185 10.5954 20.3928L15.6528 24.8149L15.4867 30.4152L19.8058 28.4623Z' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M33.2799 11.9681L15.6528 24.8148' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
	width: 44px;
	height: 44px;
}

.feedback .button {
	max-width: 400px;
	width: 100%;
	margin: 0 auto;
}

footer {
	position: relative;
	gap: 16px;
	border-top: 1px solid rgba(22, 24, 41, .4);
	padding-top: 44px;
}

.footer__bottom p {
	font-family: "Poppins", sans-serif;
	font-weight: 400;
	font-size: 22px;
	line-height: 33px;
	color: var(--black-light);
	opacity: 0.6;
	text-align: center;
}

.popup-wrapper,
.popup-success {
	width: 100%;
    height: 100%;
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    padding: 20px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: none;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -ms-flex-line-pack: center;
        align-content: center;
    -webkit-transition-delay: 0.05s;
         -o-transition-delay: 0.05s;
            transition-delay: 0.05s;
    opacity: 0;
    z-index: -9999;
    background: rgba(0, 0, 0, 0.5);
}

.popup-wrapper--active,
.popup-success--active {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
	opacity: 1;
    z-index: 9999;
}

.popup {
	display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    position: relative;
    background: var(--white);
    width: 510px;
    z-index: 99999;
    margin: auto;
    border-radius: 12px;
    -webkit-filter: drop-shadow(0px 3px 8px rgba(0, 0, 0, 0.14));
            filter: drop-shadow(0px 3px 8px rgba(0, 0, 0, 0.14));
    padding: 24px;
	cursor: default;
}

.popup .feedback {
	margin-bottom: 0;
}

.popup-success .popup {
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	padding: 60px;
	width: 541px;
	text-align: center;
}

.popup-success .popup__img {
	width: 60px;
	height: 60px;
	margin-bottom: 10px;
}

.popup-success .popup__img img {
	width: 100%;
	height: 100%;
}

.popup-success .popup__title {
	font-family: "Poppins", sans-serif;;
	font-weight: 700;
	font-size: 28px;
	line-height: 110%;
	color: var(--black-light);
	margin-bottom: 4px;
}

.popup-success .popup__subtitle {
	font-family: "Poppins", sans-serif;;
	font-weight: 400;
	font-size: 16px;
	line-height: 24px;
	letter-spacing: 0.01em;
	color: var(--black-light);
}

@media screen and (max-width: 1600px) {
	.main .container::after {
		display: none;
	}
}

@media screen and (max-width: 1400px) {
	.container {
		max-width: 1028px;
	}

	.main {
		padding: 128px 0 36px;
	}

	.main .container::before {
		width: 316px;
		height: 103px;
	}
}

@media screen and (max-width: 1024px) {
	body {
		padding: 44px 20px 20px;
	}

	.container {
		max-width: 770px;
	}

	.main {
        padding: 128px 0 51px;
		margin: -64px 0 64px;
    }

	.title {
		font-size: 32px;
	}

	.desc {
		font-size: 22px;
		line-height: 33px;
	}

	.main__head {
		max-width: 480px;
	}

	.main__desc {
		gap: 9px;
	}

	.main__desc::before, .main__desc::after {
		width: 24px;
		height: 32px;
		background-size: contain;
	}

	.main .container::before {
		width: 230px;
		height: 84px;
		background-size: contain;
	}

	.main__list {
		font-size: 22px;
		gap: 32px;
	}

	.offer__title {
		font-size: 22px;
	}

	.offers {
		margin-bottom: 64px;
	}

	.offer__img {
		height: 144px;
	}

	.feedback {
		margin-bottom: 84px;
	}
}

@media screen and (max-width: 768px) {
	.header .button,
	.main .container::before,
	.main__desc::after,
	.footer::after {
		display: none;
	}

	body {
		padding: 0;
	}

	.header {
		padding-top: 60px;
	}

	.main {
		margin: -94px 0 0;
		padding: 116px 0 48px;
	}

	.main__head {
		max-width: 100%;
		margin-bottom: 149px;
	}

	.title {
		margin-bottom: 20px;
	}

	.main__desc {
		margin-bottom: 40px;
	}

	.main__form div {
		margin-bottom: 10px;
	}

	.main__form input {
		background: var(--black-dark);
	}

	.main__list {
		font-size: 16px;
		color: var(--black-dark);
		gap: 10px;
	}

	.main__list li {
		padding: 10px;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-align: center;
		    -ms-flex-align: center;
		        align-items: center;
		-webkit-box-pack: center;
		    -ms-flex-pack: center;
		        justify-content: center;
		width: 100%;
		height: 40px;
		background: -o-linear-gradient(359.4deg, var(--white) 2.47%, var(--gray) 99.48%);
		background: linear-gradient(90.6deg, var(--white) 2.47%, var(--gray) 99.48%);
		border-radius: 8px;
	}

	.footer {
		padding: 20px 0 31px;
		border-radius: 0;
	}

	.offers {
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		    -ms-flex-direction: column;
		        flex-direction: column;
		gap: 40px;
	}

	.offer__content {
		padding: 16px;
		margin-bottom: 10px;
	}

	.offer__img {
		max-height: 360px;
		height: 100%;
	}

	.feedback {
		margin-bottom: 36px;
	}

	.feedback__title {
		font-size: 22px;
		margin-bottom: 20px;
	}

	footer {
		padding-top: 20px;
		gap: 4px;
	}

	.popup-success .popup {
		height: 400px;
		-webkit-box-pack: center;
    	-ms-flex-pack: center;
        justify-content: center;
		padding: 20px;
	}

	.popup-success .popup__title {
		font-size: 22px;
	}

	.popup-success .popup__subtitle {
		font-size: 14px;
		line-height: 21px;
	}
}

@media screen and (max-width: 480px) {
	.main {
		background: center / cover no-repeat url(./img/main.webp), var(--black-dark);
		background-position: 50% -130px;
	}

	.title {
		font-size: 22px;
		letter-spacing: 0.01em;
	}

	.desc {
		font-size: 14px;
		line-height: 110%;
	}

	.button {
		height: 38px;
	}

	.footer__bottom p {
		font-size: 16px;
		line-height: 24px;
	}

	.popup .feedback__title {
		font-size: 18px;
		line-height: 100%;
	}
}