@import url("fonts.css");

html, body, div, span, object,
h1, h2, h3, h4, h5, h6, p,
a, img, i, ol, ul, li,
form, label,
table, tbody, tr, th, td,
article, footer, header, section, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
}

header {
	margin: 0;
	background-color: #191919;
	display: flex;
    flex-direction: column;
	height: 888px;
	padding: 32px 32px 0 32px;
}

.header-nav {
	align-items: center;
	background-color: #f9f9f9;
	display: flex;
	justify-content: space-between;
	max-width: 100%;
	padding: 8px;
	border-radius: 24px;
	
}

.header-nav-logo {
	display: flex;
	align-items: center;
}

.header-nav-logo a {
	display: flex;
	align-items: center;
}

.header-nav-logo img {
	margin-right: 16px;
}

.header-nav-logo p {
	font-family: CraftworkGrotesk;
	font-weight: 900;
	font-size: 24px;
	line-height: 32px;
}

.header-nav-menu li {
	display:inline-block;
	list-style-type: none;
	margin: 0 20px;
}

.header-nav-menu li a {
	font-family: Montserrat;
	font-style: normal;
	font-weight: 400;
	font-size: 20px;
	line-height: 24px;
	text-decoration: none;
	color: #000;
	position: relative;
}

.header-nav-menu li a:hover {
	color: #7173F6;
	list-style: normal;
	font-weight: 600;
}

.header-nav-menu li a:hover:after {
	content: "";
	background-color: #7173F6;
	width: 8px;
	height: 8px;
	border-radius: 50%;
	position: absolute;
	left: -20px;
	top: 8px;
}

.header-nav-button button {
	background-color: #F570C0;
	border-radius: 16px;
	border: none;
	color: #ffffff;
	width: 141px;
	height: 56px;
	font-family: Montserrat;
	font-style: normal;
	font-weight: 600;
	font-size: 16px;
	line-height: 24px;
	cursor: pointer;
}

.header-nav-button button:hover {
	background: linear-gradient(135deg, #F570C0 20%, #c26de9 40%, #F570C0 80%);
	transition: 0.9s;
}

.header-top-content {
	padding: 0 88px;
	position: relative;
	background: url("../img/iPhone.png") no-repeat right 138px bottom;
	height: 100%;
	z-index: 3;
}

.header-top-content h1 {
	margin-top: 200px;
	color: #EBFDF1;
	font-family: CraftworkGrotesk;
	font-style: normal;
	font-weight: 900;
	font-size: 100px;
	line-height: 96px;
}

.header-top-content p {
	color: #EBFDF1;
	font-family: CraftworkGrotesk;
	font-style: normal;
	font-weight: 400;
	font-size: 56px;
	line-height: 96px;
	margin-top: 22px;
}


.header-top-content-icons {
	margin-top: 44px;
	margin-bottom: 60px;
}

.header-top-content-icons img {
	margin-right: 27px;
}

.header-top-content a {
	background-color: #F570C0;
	border-radius: 16px;
	border: none;
	color: #fff;
	cursor: pointer;
	padding: 16px 40px;
	font-family: Muller;
	font-style: normal;
	font-weight: 700;
	font-size: 16px;
	line-height: 24px;
	text-decoration: none;
}

.header-top-content a:hover {
	background: linear-gradient(135deg, #F570C0 20%, #c26de9 40%, #F570C0 80%);
}

.header-top-content-shadow_1 {
	background-color: rgba(5, 0, 255, 0.56);
    border-radius: 50%;
    box-shadow: 0px 0px 180px 210px rgb(5 0 255 / 56%);
    width: 10px;
    height: 10px;
    position: absolute;
    right: 700px;
    top: 600px;
}

.header-top-content-shadow_2 {
	background-color: rgba(5, 0, 255, 0.56);
    border-radius: 50%;
    box-shadow: 0px 0px 200px 266px rgb(113 115 246 / 40%);
    width: 10px;
    height: 10px;
    position: absolute;
    right: 316px;
    top: 516px;
}

/********************************КОНТЕНТ**********************************/

.wrap-content {
	background-color: #fff;
}

.greeting {
	padding: 166px 88px 190px 88px;
}

.greeting-top {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 24px;
	margin-bottom: 130px;
}

.greeting-top-left {
	position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
}

.greeting-top-left p {
	font-family: CraftworkGrotesk;
	font-style: normal;
	font-weight: 900;
	font-size: 130px;
	line-height: 160px;
	transform: rotate(7.77deg);
	text-align: center;
	position: absolute;
	color: #fff;
	text-shadow: 1px 0 1px #7173F6, 
	0 1px 1px #7173F6, 
	-1px 0 1px #7173F6, 
	0 -1px 1px #7173F6;
}

.greeting-top-left span {
	font-family: CraftworkGrotesk;
	font-style: normal;
	font-weight: 900;
	font-size: 130px;
	line-height: 160px;
	transform: rotate(-9.66deg);
	color: #F0F0F0;
}

.greeting-top-right span {
	font-family: Montserrat;
	font-style: normal;
	font-weight: 600;
	font-size: 16px;
	line-height: 24px;
	color: #333333;
}

.greeting-top-right p {
	font-family: Montserrat;
	font-style: normal;
	font-weight: 400;
	font-size: 16px;
	line-height: 24px;
	color: #333333;
	margin-top: 32px;
}

.greeting-bottom-title {
	display: flex;
	align-items: center;
	margin-bottom: 65px;
}

.greeting-bottom-title img {
	margin-right: 24px;
}

.greeting-bottom-title h4 {
	font-family: CraftworkGrotesk;
	font-style: normal;
	font-weight: 900;
	font-size: 32px;
	line-height: 40px;
	color: #000000;
	
}

.greeting-bottom-wrap {
	display: flex;
	overflow-x: auto;
}

.greeting-bottom-wrap::-webkit-scrollbar {
	height: 2px;
    background-color: #C5C5C5;
	cursor: pointer;
}

.greeting-bottom-wrap::-webkit-scrollbar-thumb {
	background-color: #000;
	cursor: pointer;
}

.greeting-bottom-item {
	width: 298px;
	height: 192px;
	background: #F9F9F9;
	border-radius: 32px;
	padding: 24px;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	margin-right: 24px;
	margin-bottom: 72px;
}

.greeting-bottom-item img {
	align-self: baseline;
}

.greeting-bottom-item p {
	font-family: Montserrat;
	font-style: normal;
	font-weight: 600;
	font-size: 16px;
	line-height: 24px;
	color: #000000;
	width: 203px;
}

.catalog {
	padding: 0 88px;
	margin-bottom: 190px;
}

.catalog h2, .manual h2, .guarantees h2 {
	color: #333333;
	font-family: CraftworkGrotesk;
	font-style: normal;
	font-weight: 900;
	font-size: 56px;
	line-height: 72px;
	margin-bottom: 58px;
}

.catalog-wrap, .guarantees-wrap {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 24px;
}

.catalog-card {
	border-radius: 40px;
	display: flex;
	padding: 16px;
	height: 360px;
}

.catalog-card-bg-1 {
	background-color: #191919;
}

.catalog-card-bg-2 {
	background-color: #F9F9F9;
}

.catalog-card-left {
	background-color: #FF75C8;
	border-radius: 28px;
	width: 43%;
	font-family: 'Montserrat';
	font-style: normal;
	font-weight: 600;
	font-size: 20px;
	line-height: 24px;
	color: #fff;
	text-align: center;
	height: 100%;
	display: flex;
    align-items: center;
    flex-direction: column;
    justify-content: center;
}

.catalog-card-left-bg-2 {
	background: linear-gradient(180deg, #5D5FEF 0%, #FF75C8 183.18%);
}

.catalog-card-left-bg-3 {
	background-color: #5D5FEF;
}

.catalog-card-left-bg-4 {
	background-color: #3E8AE4;
}

.catalog-card-left img {
	margin-bottom: 21px;
}

.catalog-card-left p {
	margin-bottom: 19px;
}

.catalog-card-left span {
	width: 104px;
	height: 40px;
	background-color: #fff;
	border-radius: 12px;
	display: flex;
    align-items: center;
    justify-content: center;
}

.catalog-card-left-bg-1 span {
	color: #FF75C8;
}

.catalog-card-left-bg-2 span {
	color: #5D5FEF;
}

.catalog-card-left-bg-3 span {
	color: #5D5FEF;
}

.catalog-card-left-bg-4 span {
	color: #3E8AE4;
}

.catalog-card-right {
	padding: 24px;
}

.catalog-card-right h3 {
	font-family: 'Montserrat';
	font-style: normal;
	font-weight: 600;
	font-size: 24px;
	line-height: 40px;
	margin-bottom: 15px;
}

.catalog-card-bg-1 .catalog-card-right h3 {
	color: #fff;
}

.catalog-card-bg-2 .catalog-card-right h3 {
	color: #000;
}

.catalog-card-right p {
	font-family: 'Montserrat';
	font-style: normal;
	font-weight: 400;
	font-size: 16px;
	line-height: 32px;
	color: #828282;
}

.catalog-card-right-button {
	display: flex;
	margin-top: 38px;
}

.catalog-card-right-button button {
	width: 125px;
	height: 48px;
	border: none;
	border-radius: 12px;
	font-family: 'Montserrat';
	font-style: normal;
	font-weight: 600;
	font-size: 16px;
	line-height: 24px;
	margin-right: 17px;
	cursor: pointer;
}

.catalog-card-bg-1 .catalog-card-right-button button {
	background: #FFFFFF;
	color: #000000;
}

.catalog-card-bg-2 .catalog-card-right-button button {
	background: #000;
	color: #fff;
}

.catalog-card-bg-1 .catalog-card-right-button button:hover {
	background: linear-gradient(135deg, #fff 20%, #cfcfcf 40%, #fff 80%);
}

.catalog-card-bg-2 .catalog-card-right-button button:hover {
	background: linear-gradient(135deg, #000 20%, #213a70 40%, #000 80%);
}

.catalog-card-right-button p {
	font-family: 'Montserrat';
	font-style: normal;
	font-weight: 600;
	font-size: 24px;
	line-height: 29px;
}

.catalog-card-bg-1 .catalog-card-right-button p {
	color: #fff;
}

.catalog-card-bg-2 .catalog-card-right-button p {
	color: #000;
}

.catalog-card-right-button span {
	font-family: 'Montserrat';
	font-style: normal;
	font-weight: 400;
	font-size: 16px;
	line-height: 20px;
	color: rgba(255, 255, 255, 0.5);
	text-decoration: line-through;
}

.catalog-card-right-button-price {
	display: flex;
    flex-direction: column;
    justify-content: center;
}


.manual {
	padding: 0 88px;
	margin-bottom: 190px;
}

.manual-wrap {
	display: flex;
	overflow-x: auto;
	padding-bottom: 74px;
}

.manual-wrap::-webkit-scrollbar {
	height: 2px;
    background-color: #C5C5C5;
	cursor: pointer;
}

.manual-wrap::-webkit-scrollbar-thumb{
	background-color: #000;
	cursor: pointer;
}

.manual-point {
	min-width: 272px;
	margin-right: 24px;
}

.manual-point h3 {
	width: 48px;
	height: 48px;
	background-color: #F9F9F9;
	border-radius: 16px;
	color: #7173F6;
	font-family: CraftworkGrotesk;
	font-style: normal;
	font-weight: 600;
	font-size: 23px;
	line-height: 48px;
	text-align: center;
	margin-bottom: 32px;
}

.manual-point span {
	font-family: CraftworkGrotesk;
	font-style: normal;
	font-weight: 500;
	font-size: 20px;
	line-height: 32px;
	color: #000000;
	margin-bottom: 14px;
}

.manual-point p {
	font-family: 'Montserrat';
	font-style: normal;
	font-weight: 400;
	font-size: 16px;
	line-height: 24px;
	color: #828282;
	margin-top: 14px;
}


.guarantees {
	background-color: #191919;
	border-radius: 40px;
	margin: 0 32px;
	padding: 80px 56px;
}

.guarantees h2 {
	color: #EBFDF1;
}

.guarantees-item {
	background-color: #282828;
	border-radius: 24px;
	padding: 24px;
}

.guarantees-item .guarantees-circle-1, .guarantees-item .guarantees-circle-2, .guarantees-item .guarantees-circle-3, .guarantees-item .guarantees-circle-4 {
	width: 32px;
	height: 32px;
	border-radius: 50%;
	margin-bottom: 68px;
}

.guarantees-item .guarantees-circle-1 {
	background-color: #7173F6;
}

.guarantees-item .guarantees-circle-2 {
	background-color: #4BE43E;
}

.guarantees-item .guarantees-circle-3 {
	background-color: #FF833E;
}

.guarantees-item .guarantees-circle-4 {
	background-color: #F570C0;
}

.guarantees-item span {
	font-family: CraftworkGrotesk;
	font-style: normal;
	font-weight: 600;
	font-size: 20px;
	line-height: 24px;
	color: #FFFFFF;
}

.guarantees-item p {
	font-family: 'Montserrat';
	font-style: normal;
	font-weight: 400;
	font-size: 16px;
	line-height: 24px;
	color: #FFFFFF;
	margin-top: 26px;
	margin-bottom: 18px;
}


.reviews {
	margin-top: 192px;
	margin-bottom: 216px;
	padding: 0 88px;
}

.reviews h2 {
	font-family: CraftworkGrotesk;
	font-style: normal;
	font-weight: 900;
	font-size: 56px;
	line-height: 72px;
	text-align: center;
	color: #000000;
}

.reviews-title {
	margin-top: 16px;
}

.reviews-title p {
	font-family: Montserrat;
	font-style: normal;
	font-weight: 400;
	font-size: 24px;
	line-height: 32px;
	text-align: center;
	color: #333333;
	margin: 0 auto;
	max-width: 670px;
}

.reviews-wrap {
	display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    gap: 24px;
	margin-top: 72px;
	margin-bottom: 40px;
	overflow-x: auto;
}
	
.reviews-wrap::-webkit-scrollbar {
	height: 2px;
	background-color: #C5C5C5;
	cursor: pointer;
}

.reviews-wrap::-webkit-scrollbar-thumb {
	background-color: #000;
	cursor: pointer;
}

.reviews-item {
	background-color: #F9F9F9;
	border-radius: 32px;
	padding: 56px 24px 72px 32px;
	height: auto;
	min-width: 256px;
}


.reviews-item span {
	font-family: CraftworkGrotesk;
	font-style: normal;
	font-weight: 600;
	font-size: 16px;
	line-height: 24px;
	color: #000000;
}

.reviews-item p {
	font-family: 'Montserrat';
	font-style: normal;
	font-weight: 400;
	font-size: 16px;
	line-height: 24px;
	color: #828282;
	margin-top: 16px;
}


.reviews-add {
	margin: 0 auto;
	width: 216px;
	height: 64px;
	border: 1px solid #E2E2E2;
	border-radius: 56px;
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 8px;
	position: relative;
}

.reviews-add p {
	font-family: Montserrat;
	font-style: normal;
	font-weight: 600;
	font-size: 16px;
	line-height: 24px;
	color: #000000;
	position: absolute;
    left: 30px;
}

.reviews-add button {
	border-radius: 50%;
	width: 58px;
	height: 58px;
	border: none;
	background: url("../img/icon/arrow_down.png") no-repeat center #F9F9F9;
	position: absolute;
    right: 8px;
	cursor: pointer;
}

.faq {
	background-color: #191919;
	padding: 210px 88px;
}

.faq h2 {
	font-family: CraftworkGrotesk;
	font-style: normal;
	font-weight: 900;
	font-size: 56px;
	line-height: 72px;
	color: #EBFDF1;
	margin-bottom: 38px;
}

.faq-wraps {
	display: flex;
}

.faq-wrap {
	display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    gap: 24px;
}

.faq-item {
	border-top: 1px solid #5A5A5A;
	padding: 25px 15px 25px 0;
}

.faq-item span {
	font-family: Montserrat;
	font-style: normal;
	font-weight: 500;
	font-size: 24px;
	line-height: 32px;
	color: #FFFFFF;
}

.faq-item p {
	font-family: Montserrat;
	font-style: normal;
	font-weight: 400;
	font-size: 16px;
	line-height: 24px;
	color: #A1A1A1;
	margin-top: 25px;
}

.faq-question-wrap {
	margin-left: 104px;
}

.faq-question {
	background-color: #7173F6;
	width: 178px;
	height: 178px;
	border-radius: 50%;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	cursor: pointer;
}

.faq-question p {
	font-family: CraftworkGrotesk;
	font-style: normal;
	font-weight: 600;
	font-size: 16px;
	line-height: 24px;
	text-align: center;
	color: #FFFFFF;
	
}

.faq-question img {
	margin-left: 15px;
}

/*****************************ФУТЕР**************************/
footer {
	background-color: #191919;
	padding: 32px;
}


.benefit {
	padding: 200px 0 168px 0;
	text-align: center;
	
}

.benefit img {
	margin-bottom: 34px;
}

.benefit span {
	font-family: CraftworkGrotesk;
	font-style: normal;
	font-weight: 900;
	font-size: 56px;
	line-height: 72px;
	text-align: center;
	color: #EBFDF1;
}

.benefit p {
	margin: 14px 0 56px 0;
	font-family: Montserrat;
	font-style: normal;
	font-weight: 400;
	font-size: 32px;
	line-height: 40px;
	text-align: center;
	color: #FFFFFF;
}

.benefit a {
	padding: 14px 40px 18px;
	background: #E25BAD;
	border-radius: 16px;
	border: none;
	font-family: Montserrat;
	font-style: normal;
	font-weight: 600;
	font-size: 16px;
	line-height: 24px;
	color: #FFFFFF;
	cursor: pointer;
	text-decoration: none;
}

.benefit a:hover {
	background: linear-gradient(135deg, #F570C0 20%, #c26de9 40%, #F570C0 80%);
}

.footer {
	background-color: #282828;
	border-radius: 38px;
	padding: 70px 56px 0;
	text-align: center;
}

.footer-top p {
	font-family: CraftworkGrotesk;
	font-style: normal;
	font-weight: 900;
	font-size: 24px;
	line-height: 32px;
	color: #EBFDF1;
	margin-bottom: 22px;
}

.footer-telegram {
	display: flex;
	align-items: center;
	justify-content: center;
	margin-bottom: 44px;
}

.footer-telegram img {
	margin-right: 9px;
}

.footer-telegram a {
	margin: 0;
	font-family: Muller;
	font-style: normal;
	font-weight: 400;
	font-size: 16px;
	line-height: 24px;
	color: #F570C0;
	text-decoration: none;
}

.footer-bottom {
	border-top: 1px solid #545454;
	padding: 24px;
}

.footer-bottom a {
	text-decoration: none;
	font-family: 'Muller';
	font-style: normal;
	font-weight: 400;
	font-size: 13px;
	line-height: 24px;
	color: #A1A1A1;
	margin-right: 40px;
}

.footer-bottom a:last-child {
	margin-right: 0;
}


/******************************POP-UP*******************************/


.pop-up_1, .pop-up_2, .pop-up_3, .pop-up_4, .pop-up_5 {
	background-color: rgba(0, 0, 0, 0.4);
	backdrop-filter: blur(17px);
	position: fixed;
	padding: 16px;
    margin: auto;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 999;
    display: flex;
    align-items: center;
	
}

.pop-up_1-wrap {
	background-color: #FFFFFF;
    border-radius: 40px;
    margin: 0 auto;
    width: 528px;
	position: relative;
}

.pop-up_1-hed {
	padding: 24px;
	display: flex;
	align-items: center;
	border-bottom: 1px solid #ccc;
	margin-bottom: 8px;
}

.pop-up_1-hed .pop-up_1-hed-apple {
	width: 64px;
	height: 64px;
	background-color: #FF75C8;
	border-radius: 20px;
	background: url("../img/icon/apple-form.png") no-repeat center center #FF75C8;
	margin-right: 16px;
}

.pop-up_1-hed p {
	font-family: Montserrat;
	font-style: normal;
	font-weight: 600;
	font-size: 16px;
	line-height: 24px;
	color: #000000;
}

.pop-up_1-wrap form {
	padding: 24px 24px 0 24px;
	display: flex;
	flex-direction: column;
}

.pop-up_1-wrap form input, .pop-up_4 textarea {
	margin-bottom: 40px;
	border: 1px solid #CCCCCC;
	border-radius: 12px;
	max-width: 100%;
	height: 48px;
	outline: 0;
	padding: 0 0 0 16px;
	font-family: Montserrat;
	font-style: normal;
	font-weight: 400;
	font-size: 16px;
	line-height: 24px;
	color: #A1A1A1;
}

.pop-up_1-wrap form .period {
	display: flex;
}

.pop-up_1-wrap form .period input:last-child {
	margin-left: 16px;
	width: 30%;
}

.pop-up_1-wrap .safety {
	padding: 0 24px;
	display: flex;
}

.pop-up_1-wrap .safety p {
	font-family: Montserrat;
	font-style: normal;
	font-weight: 400;
	font-size: 11px;
	line-height: 16px;
	color: #AEAEAE;
	max-width: 247px;
}

.pop-up_1-wrap .safety a {
	text-decoration: none;
	color: #169E0B;
}

.pop-up_1-wrap .safety-lock {
	width: 40px;
	height: 40px;
	border-radius: 12px;
	background: url(../img/icon/lock.png) no-repeat center center #e9f7f1;
	margin-right: 12px;
}

.pop-up_1-wrap .form-button {
	padding: 24px;
}

.pop-up_1-wrap .form-button button {
	width: 162px;
	height: 56px;
	background: #191919;
	border-radius: 16px;
	border: none;
	font-family: Montserrat;
	font-style: normal;
	font-weight: 600;
	font-size: 16px;
	line-height: 24px;
	text-align: center;
	color: #FFFFFF;
	margin-right: 24px;
	cursor: pointer;
}

.pop-up_1-wrap .form-button button:hover {
	background: linear-gradient(135deg, #000 20%, #213a70 40%, #000 80%);
}

.pop-up_1-wrap .form-button span {
	font-family: 'Montserrat';
	font-style: normal;
	font-weight: 500;
	font-size: 24px;
	line-height: 29px;
	color: #000000;
}

.form_1-close {
	width: 40px;
	height: 40px;
	border-radius: 50%;
	background-color: #F9F9F9;
	position: absolute;
	top: 0;
    right: -56px;
	cursor: pointer;
}

.form_1-close-line {
	width: 15px;
	height: 1px;
	background-color: #939393;
	transform: rotate(45deg);
    position: absolute;
    top: 20px;
    left: 12.5px;
}

.form_1-close-line:before {
	content: "";
	width: 15px;
	height: 1px;
	background-color: #939393;
	transform: rotate(-90deg);
    position: absolute;
    top: 0;
    left: 0;
}

.pop-up_1-hed-info {
	margin-left: 16px;
}

.pop-up_1-hed-info p {
	font-family: CraftworkGrotesk;
	font-style: normal;
	font-weight: 900;
	font-size: 32px;
	line-height: 40px;
	color: #333333;
}

.pop-up_2-wrap {
	max-width: 480px;
}

.pop-up_2-wrap .form-button {
	margin-bottom: 16px;
	margin-left: 16px;
	margin-right: 16px;
}

.pop-up_2-hed {
	margin-top: 16px;
}

.pop-up_2-info {
	max-width: 400px;
	margin: 40px 40px 16px 40px;
}

.pop-up_2-info p {
	font-family: Montserrat;
	font-style: normal;
	font-weight: 400;
	font-size: 16px;
	line-height: 24px;
	color: #333333;
}

.pop-up_3 .form-button button {
	width: 100%;
}

.pop-up_4 textarea {
	resize: none;
	height: 128px;
	padding-top: 10px;
}

.pop-up_4 .form-button {
	padding-top: 0;
}

.header-nav-button-menu {
	height: 48px;
	width: 48px;
	background-color: #E3E3E3;
	border-radius: 12px;
	display: none;
	position: relative;
	cursor: pointer;
}

.header-nav-button-menu-line {
	width: 16px;
	height: 1px;
	background-color: #000;
	position: absolute;
	top: 20px;
    right: 16px;
}

.header-nav-button-menu-line:before {
	content: "";
	width: 8px;
	height: 1px;
	background-color: #000;
	position: absolute;
	top: 8px;
    right: 4px;
}

.header-nav-button-menu-line-close {
	width: 16px;
	height: 1px;
	background-color: #000;
	position: absolute;
	top: 23px;
    right: 15px;
	transform: rotate(-45deg);
}

.header-nav-button-menu-line-close:before {
	content: "";
	width: 16px;
	height: 1px;
	background-color: #000;
	position: absolute;
	top: 0px;
    right: 0px;
    transform: rotate(-90deg);
}


/************************media**********************/


@media (max-width: 1300px) {
	.header-top-content h1 {
		margin-top: 80px;
	}
	
	.header-top-content {
		padding: 0 50px
	}
	
	.header-top-content h1 {
		font-size: 80px;
	}
	
	.header-top-content p {
		font-size: 46px;
	}
	
	.catalog {
		padding: 0 44px;
	}
	
	.catalog-card {
		height: 300px;
	}
	
	.catalog-card-right {
		padding: 16px;
	}
}

@media (max-width: 1150px) {
	header {
		height: 670px;
	}
	
	.header-nav-logo p {
		max-width: 110px;
		font-size: 16px;
		line-height: 24px;
	}
	
	.header-nav-logo img {
		height: 48px;
		width: 48px;
		margin-right: 12px;
	}
	
	.header-nav-menu li {
		margin: 0 16px;
	}
	
	.header-nav-menu li a {
		font-size: 18px;
	}
	
	.header-nav-button button {
		height: 48px;
		width: 101px
	}
	
	.header-top-content h1 {
		margin-top: 40px;
		line-height: 66px;
	}
	
	.header-top-content p {
		margin-top: 0;
	}
	
	.header-top-content-icons {
		margin-top: 22px;
	}
	
	.header-top-content {
		padding: 0 20px;
		background: url("../img/iPhone.png") no-repeat right 70px bottom;
		background-size: 500px;
	}
	
	.header-top-content-shadow_1 {
		box-shadow: 0px 0px 124px 155px rgb(5 0 255 / 56%);
		right: 500px;
		top: 450px;
	}
	
	.header-top-content-shadow_2 {
		box-shadow: 0px 0px 170px 220px rgb(113 115 246 / 40%);
		right: 208px;
		top: 370px;
	}
	
	.greeting {
		padding: 136px 44px 114px 44px;
	}
	
	.catalog-wrap, .guarantees-wrap {
		gap: 16px;
	}
	
	.catalog-card {
		height: 220px;
	}
	
	.catalog-card-left {
    font-size: 15px;
    line-height: 24px;
}
	
	.catalog-card-left img {
		width: 43px;
	}
	
	.catalog-card-left span {
		width: 78px;
		height: 40px;
	}
	
	.catalog-card-right {
		padding: 10px;
	}
	
	.catalog-card-right h3 {
		font-size: 20px;
		line-height: 40px;
		margin-bottom: 3px;
	}
	
	.catalog-card-right p {
		font-size: 13px;
		line-height: 23px;
	}
	
	.catalog-card-right-button button {
		width: 91px;
		height: 42px;
		font-size: 16px;
		line-height: 24px;
		margin-right: 17px;
	}
	
	.catalog-card-right-button p {
		font-size: 16px;
		line-height: 22px;
	}
	
	.catalog-card-right-button span {
		font-size: 13px;
		line-height: 20px;
	}
	
	.reviews {
		padding: 0 44px;
	}
	
	.faq {
		background-color: #191919;
		padding: 87px 44px;
	}
	.faq-wraps {
		display: block;
	}
	
	.faq-question-wrap {
		margin-left: 0;
		margin-top: 32px;
	}
}

@media (max-width: 930px) {
	header {
		padding: 18px 18px 0 18px;
	}

	.header-nav-menu {
		display: none;
		position: absolute;
		background-color: #F9F9F9;
		top: 75px;
		left: 0;
		min-width: 100%;
		border-radius: 20px;
		z-index: 9999;
	}
	
	.header-nav-menu li a:hover:after {
		display: none;
		content: "";
		background-color: #7173F6;
		width: 8px;
		height: 8px;
		border-radius: 50%;
		position: absolute;
		left: -20px;
		top: 8px;
	}

	
	.header-nav-button {
		display: flex;
	}
	
	.header-nav-button-menu {
		display: block;
		margin-left: 8px;
	}
	
	.header-nav {
		position: relative;
	}
	
	.header-nav-menu ul {
		padding: 22px;
	}
	
	.header-nav-menu li {
		display: block;
		margin: 0 0 24px 0;
	}
	
	.header-nav-menu li:last-child {
		margin: 0;
	}
	
	.header-top-content h1 {
		font-size: 66px;
	}
	
	.header-top-content p {
		font-size: 38px;
		line-height: 66px;
	}
	
	.header-top-content-shadow_1 {
		right: 490px;
		top: 450px;
	}
	
	.header-top-content-shadow_2 {
		top: 370px;
	}
	
	
	.greeting-top-left span, .greeting-top-left p {
		font-size: 96px;
		line-height: 116px;
	}
	
	.greeting-top-right span, .greeting-top-right p {
		font-size: 14px;
	}
	
	.greeting-bottom-title h4 {
		font-size: 24px;
	}
	
	.greeting-bottom-item p {
		font-size: 14px;
	}
	
	.greeting-bottom-item {
		height: 160px;
	}
	
	.catalog-wrap, .guarantees-wrap {
		display: flex;
		flex-direction: column;
		align-items: center;
	}
	
	.catalog-card {
		min-width: 429px;
	}
	
	.catalog h2, .manual h2, .guarantees h2 {
		text-align: center;
	}
	.manual-wrap {
		display: block;
	}
	
	.manual-point {
		display: flex;
		margin-bottom: 23px;
	}
	
	.manual-point h3 {
		margin-right: 16px;
	}
	
	.manual-point-info {
		width: 100%;
		margin-top: 8px;
	}
	
	.faq-wrap {
		display: grid;
		grid-template-columns: 1fr 1fr;
		gap: 18px;
	}
	
	.benefit {
		padding: 180px 0 168px 0;
	}
	
	.benefit img {
		height: 50px;
		margin-bottom: 22px;
	}
	
	.benefit span {
		font-size: 40px;
		line-height: 52px;
	}
	
	.benefit p {
		margin: 8px 0 42px 0;
		font-size: 24px;
		line-height: 32px;
	}
	
	.footer-bottom {
		display: flex;
		flex-direction: column;
	}
	
	.footer-bottom a {
		margin-right: 0;
	}
}

@media (max-width: 768px) {
	header {
		padding: 4px 4px 0 4px;
		height: 568px
	}
	
	.header-nav {
		padding: 4px;
		border-radius: 16px;
	}
	
	.header-nav-menu {
		top: 52px;
	}
	
	.header-nav-menu li a {
		font-size: 16px;
	}
	
	.header-nav-logo img {
		height: 40px;
		width: 40px;
		margin-right: 8px;
	}
	
	.header-nav-logo p {
		max-width: 89px;
		font-size: 10px;
		line-height: 16px;
	}
	
	.header-nav-button button {
		height: 40px;
		width: 81px;
		font-size: 13px;
		line-height: 24px;
	}
	
	.header-nav-button-menu {
		height: 40px;
		width: 40px;
	}
	
	.header-nav-button-menu-line {
		top: 16px;
		right: 12px;
	}
	
	.header-nav-button-menu-line-close {
		top: 19px;
		right: 11px;
	}
	
	.header-top-content {
		padding: 0 26px;
	}
	
	.header-top-content h1 {
		font-size: 58px;
		line-height: 70px;
		margin-bottom: 10px;
	}
	
	.header-top-content p {
		font-size: 33px;
		line-height: 50px;
	}
	
	.header-top-content-icons img {
		margin-right: 18px;
		height: 38px;
	}
	
	.header-top-content a {
		width: 119px;
		height: 48px;
		font-size: 13px;
		line-height: 24px;
		margin-top: 27px;
	}
	
	.header-top-content { 
		background: url("../img/iPhone.png") no-repeat right 38px bottom;
		background-size: 390px;
	}
	
	.header-top-content-shadow_1 {
		right: 353px;
		top: 344px;
		box-shadow: 0px 0px 122px 99px rgb(5 0 255 / 56%);
	}
	
	.header-top-content-shadow_2 {
		box-shadow: 0px 0px 118px 116px rgb(113 115 246 / 40%);
		right: 129px;
		top: 268px;
	}
	
	.greeting {
		padding: 103px 16px 108px 16px;
	}
	
	.greeting-top {
		display: block;
	}
	
	.greeting-top-left {
		margin-bottom: 50px;
	}
	
	.greeting-top-left span, .greeting-top-left p {
		font-size: 63px;
		line-height: 72px;
	}
	
	.greeting-top-right span, .greeting-top-right p {
		font-size: 13px;
	}
	
	.greeting-bottom-title {
		margin-bottom: 38px;
	}
	
	.greeting-bottom-title h4 {
		font-size: 20px;
		line-height: 34px;
	}
	
	.greeting-bottom-item p {
		font-size: 13px;
	}
	
	.catalog h2, .manual h2, .guarantees h2 {
		font-size: 32px;
		line-height: 32px;
		margin-bottom: 58px;
	}
	
	.faq h2 {
		font-size: 32px;
		line-height: 32px;
	}
	
	.manual {
		padding: 0 44px;
		margin-bottom: 113px;
	}
	
	.manual-point h3 {
		font-size: 16px;
		line-height: 48px;
	}
	
	.manual-point span {
		font-size: 16px;
		line-height: 24px;
	}
	
	.manual-point p {
		font-size: 16px;
		line-height: 24px;
		padding-right: 10px;
	}
	
	.guarantees {
		padding: 47px 16px;
		margin: 0 16px;
	}
	
	.guarantees-item .guarantees-circle-1, .guarantees-item .guarantees-circle-2, .guarantees-item .guarantees-circle-3, .guarantees-item .guarantees-circle-4 {
		margin-bottom: 30px;
	}
	
	.reviews {
		margin-top: 112px;
		margin-bottom: 120px;
	}
	
	.reviews h2 {
		font-size: 32px;
		line-height: 32px
	}
	
	.reviews-title p {
		font-size: 16px;
		line-height: 24px;
	}
	
	.reviews-add {
		display: none;
	}
	
	.faq {
		padding: 87px 16px;
	}
	
	.faq-wrap {
		display: grid;
		grid-template-columns: 1fr;
		gap: 16px;
	}
	
	.faq-item {
		padding: 14px 15px 16px 0;
	}
	
	.faq-item span {
		font-size: 16px;
		line-height: 24px;
	}
	
	.faq-item p {
		font-size: 13px;
	}
	
	.faq-question {
		width: 129px;
		height: 129px;
	}
	
	.faq-question img {
		width: 35px;
		margin-left: 11px;
	}
	
	.faq-question p {
		font-size: 13px;
		line-height: 16px;
	}
	
	.benefit span {
		font-size: 24px;
		line-height: 32px;
	}
	
	.benefit p {
		font-size: 16px;
		line-height: 24px;
	}
	
	.benefit a {
		width: 119px;
		height: 48px;
		font-size: 13px;
		line-height: 24px;
	}
	
	footer {
		padding: 16px;
	}
	
	.footer {
		padding: 52px 24px 0;
	}
	
	.footer-top p {
		font-size: 20px;
		line-height: 24px;
	}
	
	.footer-telegram {
		margin-bottom: 32px
	}
	
	.footer-telegram img {
		height: 14px;
	}

	.footer-telegram a {
		font-size: 13px;
		line-height: 24px;
	}
	
	.pop-up_1-wrap {
		top: 30px;
		width: auto;
	}
	
	.form_1-close {
		top: -56px;
		right: 0;
	}
	
	.pop-up_1-hed p {
		font-size: 16px;
	}
	
	.pop-up_1-wrap form input, .pop-up_4 textarea {
		font-size: 13px;
		margin-bottom: 24px;
	}
	
	.pop-up_1-wrap .form-button button {
		width: 113px;
		height: 48px;
		font-size: 13px;
	}
	
	.pop-up_1-wrap .form-button span {
		font-size: 20px;
	}
	
	.form_1-close {
		top: -56px;
		right: 0;
	}
	
	.pop-up_1-hed-info p {
		font-size: 24px;
	}
	
	.pop-up_2-info {
		margin: 23px 16px 16px 16px;
	}
	
	.pop-up_2-info p {
		font-size: 13px;
	}
	
	.pop-up_1-hed {
		padding: 16px
	}
	
	.pop-up_1-hed-info {
		margin-left: 0;
	}
	
	.pop-up_2-wrap .form-button {
		margin-bottom: 0;
		margin-left: 0;
		margin-right: 0;
	}
	
	.form_1-close {
		top: -56px;
		right: 0;
	}
	
	.pop-up_3 .form-button button {
		width: 100%;
	}
	
	.pop-up_4 .pop-up_1-wrap {
		width: 100%;
	}
	
	.pop-up_5 .form-button {
		padding: 16px;
	}

}

@media (max-width: 620px) {
	.header-top-content h1 {
		font-size: 45px;
		line-height: 40px;
		margin-bottom: 7px;
	}
	.header-top-content p {
		font-size: 27px;
		line-height: 50px;
	}
	
	.header-top-content-icons img {
		height: 30px;
	}
	
	.header-top-content {
		background-size: 330px;
	}
	
	.header-top-content-shadow_1 {
		right: 288px;
		top: 386px;
	}
	
	.header-top-content-shadow_2 {	
		right: 129px;
		top: 310px;
	}
	
	.catalog {
		padding: 0 16px;
	}
	
	.manual {
		padding: 0 16px;
	}

}

@media (max-width: 516px) {
	.catalog-card {
		flex-direction: column;
		min-width: 288px;
		height: 100%;
		padding: 8px
	}
	
	.catalog-card-left {
		width: 100%;
		padding: 40px 0;
	}
}

@media (max-width: 450px) {
	
	header {
		height: 527px;
	}
	
	.header-top-content {
		background: url(../img/iPhone.png) no-repeat right 17px bottom;
		padding: 0 16px;
		background-size: 265px;
	}
	
	.header-top-content h1 {
		font-size: 38px;
	}
	
	.header-top-content p {
		font-size: 23px;
		line-height: 40px;
	}
	
	.header-top-content-icons img {
		height: 26px;
	}
	
	.header-top-content a {
		width: 119px;
		height: 48px;
		font-size: 13px;
		line-height: 24px;
		margin-top: 25px;
	}
	
	.header-top-content-shadow_1 {
		right: 288px;
		top: 386px;
	}
	
	.header-top-content-shadow_2 {	
		right: 129px;
		top: 310px;
	}
	
	
	.catalog-card {
		min-width: 246px;
	}

}