body {
	min-height: 100%;
	display: flex;
	flex-direction: column;
	font-family: 'Aeonik';
	letter-spacing: 0px;
	background-color: #fff;
	overflow: auto;
}



/* btn-a */

.btn-a {
	position: absolute;
	display: flex;
	justify-content: center;
	font-style: normal;
	letter-spacing: 0px;
	text-align: unset;
	background-color: #01203f;
	padding: 8px 9px 12px 9px;
	border-radius: 40px;
}

.btn-icon {
	margin-top: 3px;
	width: 30px;
	flex-shrink: 0;
}

.btn-label {
	text-align: center;
}
/* end btn-a*/




/* card */

.card {
	width: 100%;
	min-height: 288px;
	display: flex;
	flex-direction: column;
	flex-grow: 1;
	text-align: center;
    border: 2px solid rgba(0, 0, 0, 0.5);
	border-radius: 43.86px;
    justify-content: space-between;
    padding: 0 10px 32px;
}

.card-title {
	margin-top: -2px;
	color: rgba(0, 0, 0, 0.1);
	font-size: 164.47px;
	line-height: 1.06;
	font-weight: 700;
	text-align: left;
}

.card-subtitle {
	margin-top: -78px;
	font-size: 39.47px;
	font-weight: 500;
}
/* end card*/


.subtitle-symbol-a {
	margin-top: 1px;
	font-size: 26.31px;
	font-weight: 300;
}

.subtitle-symbol-b {
	--min-font-size: 21; --max-font-size: 30; font-size: var(--interpolate);
	font-weight: 700;
	line-height: 1.5;
	text-align: center;
}

.body-a-btn {
	display: flex;
	justify-content: center;
	font-size: 20px;
	font-style: normal;
	letter-spacing: 0px;
	text-align: center;
	background-color: #00f;
	padding: 10px 8px;
	border-radius: 40px;
}

.body-a-text-symbol-a {
	font-weight: 500;
}

.body-a-text-symbol-b {
	font-weight: 300;
}

.img {
	margin-top: 48px;
	width: 52px;
	flex-shrink: 0;
}

.text-symbol-a {
	margin: 0 -1px -4px -1px;
	font-size: 16px;
	font-weight: 300;
}

.text-symbol-b {
	margin-top: -5px;
	align-self: start;
	--min-font-size: 19; --max-font-size: 20; font-size: var(--interpolate);
	font-weight: 700;
}

.text-symbol-c {
	align-self: start;
	--min-font-size: 19; --max-font-size: 20; font-size: var(--interpolate);
	font-weight: 700;
}

.body-a-subtitle-symbol {
	--min-font-size: 17; --max-font-size: 24; font-size: var(--interpolate);
	font-weight: 500;
	line-height: 1.5;
}

.body-a-rect {
	position: absolute; top: -5px; left: 0; right: 0; 
	background-color: #fff;
	border-radius: 10px;
}

.subtitle-a {
	color: #000;
	font-size: 36px;
	font-weight: 700;
	line-height: 1.5;
}

.line {
	margin-top: -1px;
	width: 147px; height: 0;
	flex-shrink: 0;
	align-self: center;
	border-top: 1px solid #000;
}



/* row-a */

.row-a {
	position: relative; z-index: 1;
	margin-top: 22px;
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
	align-self: center;
	letter-spacing: -0.51px;
	padding-bottom: 3px;
}

.row-subtitle1 {
	margin-top: -4px;
	font-size: 26px;
	font-weight: 300;
	text-decoration: line-through;
	line-height: normal;
	text-align: left;
}
/* end row-a*/


.btn-b {
	width: 79px;
	display: flex;
	justify-content: center;
	flex-shrink: 0;
	color: #fff;
	font-size: 20px;
	font-style: normal;
	font-weight: 500;
	line-height: 0.7;
	letter-spacing: 0px;
	text-align: center;
	background-color: #ff5b22;
	padding: 5px 8px 7px 8px;
	border-radius: 10px;
}



/* row-b */

.row-b {
	display: flex;
	align-items: flex-start;
	line-height: normal;
}

.row-subtitle2 {
	margin: -7px 0 -5px -1px;
	color: #000;
	font-size: 32px;
	font-weight: 600;
	letter-spacing: -0.63px;
	text-align: left;
}

.row-subtitle-symbol {
	margin: 1px -1px -2px 0;
	color: #c2c5cc;
	font-size: 24px;
	font-weight: 500;
	letter-spacing: -0.48px;
	text-align: left;
}
/* end row-b*/


.text-a {
	color: #000;
	font-size: 14px;
	font-weight: 500;
	line-height: 1.8;
}

.check {
	flex-shrink: 0;
}

.text-b {
	margin-bottom: -4px;
	flex-grow: 1;
	text-align: left;
}

.btn-c {
	width: 110px;
	display: flex;
	justify-content: center;
	align-self: center;
	color: #fff;
	font-size: 20px;
	font-style: normal;
	font-weight: 500;
	line-height: 1.5;
	letter-spacing: 0px;
	text-align: center;
	background-color: #00f;
	padding: 2px 8px 4px 8px;
	border-radius: 10px;
}

.subtitle-b {
	font-size: 36px;
	font-weight: 700;
	line-height: 1.5;
}

.subtitle-c {
	font-size: 32px;
	font-weight: 600;
	line-height: normal;
	letter-spacing: -0.63px;
	text-align: left;
}

.text-symbol-e {
	color: #000;
	font-size: 15px;
	font-weight: 700;
}

.body-a {
	display: flex;
	flex-direction: column;
	max-width: 1440px;
	margin: 0 auto;
	width: 100%;
}



/* block */

.block {
	margin: 57px auto 0 auto;
	width: 90%;
	max-width: 981px;
	display: flex;
	flex-direction: column;
	align-items: center;
	align-self: center;
	color: #fff;
	font-size: 24px;
	line-height: 1.5;
	text-align: center;
}

.block-subtitle {
	align-self: stretch;
	text-transform: uppercase;
}

.block-row {
	position: relative;
	margin-left: -11px; margin-top: 32px;
	width: 100%;
	max-width: 754px;
	min-height: 760px;
	flex-shrink: 0;
	font-weight: 300;
}

.block-group {
	position: absolute; top: 0; left: -45px; 
	width: calc(100% - 32px);
	max-width: 818px;
	min-height: 760px;
}

.block-service-comp {
	position: absolute; top: 0; left: 0; right: 0; 
	padding: 0 19px 704px 19px;
}

.block-screen-imac {
	position: absolute; top: 71px; left: 0; right: 0; 
	width: 100%;
	height: auto;
	max-height: 600px;
	object-fit: contain;
}

.block-line {
	margin-left: -33px; margin-top: -1px;
	width: 100%; height: 0;
	max-width: 656px;
	flex-shrink: 0;
	border-top: 2px solid #949494;
}

.block-btn-call {
	box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.05);
	margin-left: -32px; margin-top: 58px;
	display: flex;
	text-align: left;
	background-color: #00f;
	padding: 12px 33px;
	border-radius: 40px;
}
/* end block*/


.header {
	position: relative;
	margin: 0 auto;
	width: 100%;
	max-width: 1440px;
	min-height: 720px;
	flex-shrink: 0;
	text-align: left;
}

.header-block {
	position: absolute; top: 0; left: 0; right: 0; 
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	background: linear-gradient(180deg, #f1f6fc 0%, rgba(203, 208, 252, 0.5) 40%, rgba(147, 150, 253, 0.4) 83%, rgba(0, 0, 255, 0.3) 110%) top left / auto auto no-repeat;
	padding: 219px 79px 111px 79px;
	border-bottom-right-radius: 50px;
	border-bottom-left-radius: 50px;
}

.header-main-screen {
	position: absolute; top: 139px; left: 712px; 
	width: calc(100% - 712px);
	max-width: 682px;
}

.header-subtitle1 {
	margin-left: 1px;
	width: 100%;
	max-width: 632px;
	color: #000;
	--min-font-size: 30; --max-font-size: 55; font-size: var(--interpolate);
	font-weight: 700;
	text-transform: uppercase;
	line-height: 1;
}

.header-subtitle2 {
	margin-left: 1px;
	width: 100%;
	max-width: 632px;
	min-height: 116px;
	display: flex;
	align-items: center;
	flex-shrink: 0;
	color: rgba(0, 0, 0, 0.75);
}

.header-row-bottom {
	margin-top: 37px;
	display: flex;
	align-items: flex-start;
	gap: 36px;
	font-size: 24px;
	font-weight: 500;
	line-height: 1.5;
}

.header-call-to-action {
	box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.05);
	display: flex;
	align-items: center;
	gap: 10px;
	flex-shrink: 0;
	color: #fff;
	background-color: #00f;
    padding: 12px 12px 12px 32px;
    border-radius: 100px;
}

.header-subtitle-symbol {
	text-align: left;
}

.header-row-right {
	position: relative;
	width: 38px;
	flex-shrink: 0;
}

.header-circle {
	width: 38px; height: 38px;
	background-color: #fff;
	border-radius: 50%;
}

.header-graphic {
	position: absolute; z-index: 1; top: 12px; left: 8px; 
	width: 21px; height: 15px;
}

.header-btn-sign {
	box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.05);
	width: 279px;
	min-height: 60px;
	display: flex;
	justify-content: center;
	flex-shrink: 0;
	color: #000;
	text-align: center;
	background-color: #fff;
	padding: 12px 10px;
	border-radius: 40px;
}

.header-nav {
	position: absolute; top: 0; left: 2px; right: -2px; 
	display: flex;
	align-items: flex-start;
	justify-content: center;
	gap: 15px;
	padding: 52px 24px 23px 24px;
}

.header-btn {
	box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.05);
	margin-top: 10px;
	display: flex;
	justify-content: center;
	flex-shrink: 0;
	font-size: 16px;
	font-family: 'Aeonik';
	font-style: normal;
	font-weight: 500;
	line-height: 1.5;
	letter-spacing: 0px;
	text-align: center;
	padding: 0 23px;
	border-radius: 40px;
}

.header-layer {
	margin-left: 20px;
	width: 177px; height: 49px;
	flex-shrink: 0;
}

.header-items {
	margin-left: 69px; margin-top: 15px;
	width: 698px;
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: var(--spacing-m);
	flex-shrink: 0;
}

.header-text-symbol {
	color: #000;
	--min-font-size: 16; --max-font-size: 20; font-size: var(--interpolate);
	font-family: 'Aeonik';
	font-style: normal;
	font-weight: 500;
	line-height: 1.5;
	letter-spacing: 0px;
	text-align: left;
}

.header-btn1 {
	margin-left: 89px;
	width: 110px;
	color: #00f;
	padding-top: 7px;
	padding-bottom: 7px;
	border: 1px solid #00f;
}

.header-btn2 {
	width: 135px;
	color: #fff;
	background-color: #00f;
	padding-top: 8px;
	padding-bottom: 8px;
}

.block1 .btn1 {
	position: unset;
	margin-left: auto;
	width: 315px;
	gap: 12px;
	background-color: #00f;
	padding-left: 10px;
	padding-right: 10px;
}

.block1 .btn1 .btn-icon {
	margin-left: 3px;
}

.block1 .btn-rent {
	top: 0; left: 302px; 
	width: 161px;
	gap: 9px;
}

.block1 .btn-rent .btn-icon {
	margin-left: -1px;
}

.block-tabs {
	position: relative;
	z-index: 10;
	display: flex;
	justify-content: center;
	align-items: center;
	gap: 16px;
	padding-top: 50px;
}

.block-tab {
	display: flex;
	justify-content: center;
	align-items: center;
	gap: 10px;
	color: #fff;
	font-size: 20px;
	font-family: 'Aeonik';
	font-weight: 300;
	line-height: 1.5;
	background-color: #01203f;
	padding: 10px 20px;
	border-radius: 40px;
	cursor: pointer;
	transition: background-color 0.2s;
}

.block-tab.active {
	background-color: #00f;
}

.btn-education {
	width: 300px;
	display: flex;
	justify-content: center;
	gap: 10px;
	color: #fff;
	font-size: 20px;
	font-family: 'Aeonik';
	font-weight: 300;
	line-height: 1.5;
	letter-spacing: 0px;
	text-align: unset;
	background-color: #01203f;
	padding: 8px 9px 12px 9px;
	border-radius: 40px;
}

.btn-education-icon {
	width: 30px;
	flex-shrink: 0;
}

.btn-education-label {
	text-align: center;
}

.body-a-block1 {
	margin: 58px auto 0 auto;
	width: 90%;
	max-width: 1281px;
	display: flex;
	flex-direction: column;
	align-self: center;
	color: #000;
	line-height: 1.5;
	text-align: center;
}

.body-a-subtitle1 {
	margin-left: 24px;
	width: 100%;
	max-width: 971px;
	align-self: center;
	color: unset;
	text-transform: uppercase;
}

.body-a-row1 {
	margin-top: -52px;
	display: flex;
	align-items: flex-start;
	gap: 24px;
	color: rgba(0, 0, 0, 0.8);
}

.card2 {
	color: #fff;
	background-color: #00f;
	border: 2px solid #c2c5cc;
}

.card2 .card-title {
	margin-left: 13px; margin-right: 13px;
	color: #4545ff;
}

.card3 .card-title {
	margin-left: 17px; margin-right: 17px;
}

.card4 .card-title {
	width: 348px;
	align-self: center;
}

.card4 .card-subtitle-bottom {
	line-height: 1.1;
}

.body-a-row-bottom1 {
	margin-top: 20px;
	display: flex;
	align-items: flex-start;
	gap: 24px;
}

.card5 .card-title {
	margin-left: 13px; margin-right: 13px;
}

.card6 {
	position: relative;
	width: 100%;
	min-height: 288px;
	display: flex;
	flex-direction: column;
	flex-grow: 1;
	text-align: center;
	padding: 0 10px;
	border: 2px solid rgba(0, 0, 0, 0.5);
	border-radius: 43.86px;
}

.card-subtitle-symbol {
	position: absolute; top: 129px; left: 146px; 
	font-size: 39.47px;
	font-weight: 500;
}

.card-title2 {
	margin-left: 14px; margin-top: -2px;
	align-self: start;
	color: rgba(0, 0, 0, 0.1);
	font-size: 164.47px;
	font-weight: 700;
}

.card-subtitle-bottom2 {
	margin-top: -18px;
	line-height: 1.2;
}

.card7 {
	width: 100%;
	min-height: 288px;
	display: flex;
	flex-direction: column;
	gap: 24px;
	flex-grow: 1;
	font-size: 26.31px;
	font-weight: 500;
	text-align: center;
	background-color: #00f;
	padding: 48px 13px 33px 24px;
	border-radius: 43.86px;
}

.card-subtitle2 {
	color: #fff;
	line-height: 1.2;
}

.card-btn1 {
	box-shadow: 0px 1.1px 2.19px 0px rgba(0, 0, 0, 0.05);
	margin-left: -9px;
	display: flex;
	justify-content: center;
	align-self: center;
	color: #3b3b3b;
	font-style: normal;
	letter-spacing: 0px;
	text-align: center;
	background-color: #fff;
	padding: 8px 36px 8px 35px;
	border-radius: 43.86px;
}

.body-a-block2 {
	position: relative;
	box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
	margin: 58px auto 0 auto;
	width: 100%;
	max-width: 1440px;
	display: flex;
	flex-direction: column;
	align-items: flex-end;
	gap: 6px;
	color: #000;
	background-color: #fff;
	padding: 54px 81px 27px 81px;
	border-bottom-right-radius: 50px;
	border-bottom-left-radius: 50px;
}

.body-a-pic-flow {
	position: absolute; top: 252px; left: 87px; 
	width: calc(100% - 87px);
	max-width: 489px;
}

.body-a-subtitle2 {
	margin-left: 8px;
	width: 100%;
	max-width: 625px;
	align-self: center;
	--min-font-size: 27; --max-font-size: 48; font-size: var(--interpolate);
	font-weight: 700;
	text-transform: uppercase;
	line-height: normal;
	letter-spacing: -0.95px;
	text-align: center;
}

.card-education {
	position: relative;
	margin-top: 35px;
	width: 100%;
	max-width: 733px;
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	color: #fff;
	background-color: rgba(0, 0, 255, 0.79);
	padding: 22px 47px 25px 47px;
	border: 3px solid rgba(194, 197, 204, 0);
	border-radius: 30px;
}

.card-education-graphic {
	position: absolute; top: 30px; right: 29px; 
	rotate: -45deg;
	transform-origin: 50% 50%;
	width: 41px; height: 37px;
}

.card-education-text-bottom {
	margin-left: 8px;
	width: 100%;
	max-width: 548px;
	min-height: 92px;
	display: flex;
	align-items: center;
	flex-shrink: 0;
	text-align: left;
}

.card-rent-info {
	position: relative;
	width: 100%;
	max-width: 733px;
	display: flex;
	flex-direction: column;
	gap: 12px;
	background-color: rgba(255, 255, 255, 0.5);
	padding: 22px 59px 33px 59px;
	border: 3px solid #c2c5cc;
	border-radius: 30px;
}

.card-rent-info-graphic {
	position: absolute; top: 34px; right: 29px; 
	rotate: -45deg;
	transform-origin: 50% 50%;
	width: 41px; height: 37px;
}

.card-rent-info-subtitle {
	margin-right: 36px;
}

.card-rent-info-text-bottom {
	text-align: left;
}

.card-service-info {
	position: relative;
	width: 100%;
	max-width: 733px;
	display: flex;
	flex-direction: column;
	gap: 11px;
	text-align: left;
	background-color: rgba(255, 255, 255, 0.5);
	padding: 22px 56px 34px 56px;
	border: 3px solid #c2c5cc;
	border-radius: 30px;
}

.card-service-info-arrow {
	position: absolute; top: 30px; right: 29px; 
	rotate: -45deg;
	transform-origin: 50% 50%;
	width: 41px; height: 37px;
}

.card-service-info-subtitle {
	align-self: start;
	--min-font-size: 21; --max-font-size: 30; font-size: var(--interpolate);
	font-weight: 700;
	line-height: 1.5;
}

.card-service-info-text-bottom {
	margin-right: 39px;
}

.body-a-block3 {
	position: relative;
	margin: 44px auto 0 auto;
	width: 90%;
	max-width: 1166px;
	display: flex;
	flex-direction: column;
	align-items: flex-end;
	gap: 18px;
	align-self: center;
	color: #000;
	text-align: left;
}

.body-a-text-header {
	position: absolute; top: 105px; left: 653px; 
	width: calc(100% - 653px);
	max-width: 505px;
	--min-font-size: 16; --max-font-size: 20; font-size: var(--interpolate);
	font-weight: 500;
	line-height: 1.2;
}

.body-a-kanban {
	position: absolute; top: 190px; left: 0; 
	width: calc(100% - 0px);
	max-width: 632px;
}

.body-a-subtitle3 {
	width: 100%;
	max-width: 574px;
	align-self: center;
}

.body-a-btn-call1 {
	margin-left: 653px; margin-top: 144px;
	width: 100%;
	max-width: 177px;
	align-self: start;
	color: #fff;
	font-weight: 500;
	line-height: 1.5;
}

.body-a-1-box {
	margin-top: 4px;
	width: 100%;
	max-width: 515px;
	display: flex;
	flex-direction: column;
	gap: 19px;
	--min-font-size: 19; --max-font-size: 20; font-size: var(--interpolate);
	line-height: 1.2;
	padding-bottom: 12px;
	border-bottom: 2px solid #c2c5cc;
}

.body-a-graphic-top {
	margin-top: -1px;
	height: 2px;
	flex-shrink: 0;
}

.body-a-col1 {
	position: relative;
	margin-left: 3px; margin-right: auto;
	width: 90%;
	max-width: 458px;
	display: flex;
	flex-direction: column;
	gap: 16px;
	align-self: start;
	padding: 6px 0 4px 72px;
}

.body-a-pros-and {
	position: absolute; top: 14px; left: -1px; 
	width: 50px;
}

.body-a-text-top1 {
	margin-left: -92px;
	width: 100%;
	max-width: 294px;
	align-self: center;
}

.body-a-text-bottom1 {
	margin-right: -16px;
}

.body-a-2box {
	position: relative;
	margin-top: 6px;
	max-width: 515px;
	gap: 6px;
	--min-font-size: 19; --max-font-size: 20; font-size: var(--interpolate);
	line-height: 1.2;
}

.body-a-shield {
	position: absolute; top: 11px; left: 2px; 
	width: 50px;
}

.body-a-text-top2 {
	align-self: start;
}

.body-a-3-box {
	position: relative;
	margin-top: 1px;
	width: 100%;
	max-width: 515px;
	display: flex;
	flex-direction: column;
	gap: 10px;
	--min-font-size: 19; --max-font-size: 20; font-size: var(--interpolate);
	line-height: 1.2;
	padding: 0 75px 17px 75px;
	border-bottom: 2px solid #c2c5cc;
}

.body-a-astronaut {
	position: absolute; top: 15px; left: 2px; 
	width: 50px;
}

.body-a-text-top3 {
	align-self: start;
}

.body-a-text-bottom3 {
	margin-right: 11px;
}

.body-a-4-box {
	position: relative;
	margin-top: 1px;
	max-width: 515px;
	gap: 11px;
	--min-font-size: 19; --max-font-size: 20; font-size: var(--interpolate);
}

.body-a-application {
	position: absolute; top: 21px; left: 2px; 
	width: 50px;
}

.body-a-text-top4 {
	margin-left: -29px;
	align-self: center;
}

.body-a-text-bottom4 {
	line-height: 1.5;
}

.body-a-5-box {
	position: relative;
	margin-left: 0; margin-right: 51px;
	width: 100%;
	max-width: 462px;
	display: flex;
	flex-direction: column;
	gap: 4px;
	--min-font-size: 16; --max-font-size: 20; font-size: var(--interpolate);
	line-height: 1.5;
	padding-left: 52px;
	padding-bottom: 27px;
}

.body-a-orbit {
	position: absolute; top: 28px; left: 0; 
	width: 50px;
}

.body-a-text-top5 {
	margin-left: -52px;
	width: 100%;
	max-width: 358px;
	align-self: center;
	font-weight: 500;
	text-align: right;
}

.body-a-text-bottom5 {
	margin-left: 21px;
}

.body-a-row2 {
	position: relative; z-index: 6;
	margin: 46px auto 0 auto;
	width: 90%;
	max-width: 1300px;
	min-height: 1437px;
	flex-shrink: 0;
}

.body-a-block4 {
	position: absolute; top: 552px; left: 0; right: 0;
	box-shadow: 0px 2px 32px -5px #93a7bf;
	width: 100%;
	max-width: 1440px;
	margin: 0 auto;
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 5px;
	color: #fff;
	text-align: center;
	background: linear-gradient(180deg, #f1f6fc 100%, #d2deec 200%) top left / auto auto no-repeat;
	padding: 101px 24px 150px 24px;
	border-bottom-right-radius: 50px;
	border-bottom-left-radius: 50px;
}

.body-a-subtitle4 {
	min-height: 115px;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-shrink: 0;
	align-self: stretch;
	text-transform: uppercase;
}

.body-a-row3 {
	margin-left: -3px; margin-top: 63px;
	display: flex;
	align-items: flex-start;
	gap: 6px;
}

.card8 {
	min-height: 147px;
	display: flex;
	align-items: flex-start;
	gap: 29px;
	line-height: 1.5;
	background-color: #00f;
	padding-left: 36px;
	padding-right: 174px;
	border-radius: 40px;
}

.card-col-right {
	margin-top: 52px;
	width: 237px;
	display: flex;
	flex-direction: column;
	flex-shrink: 0;
}

.card-text-symbol1 {
	margin-right: -123px; margin-top: -8px;
	--min-font-size: 19; --max-font-size: 20; font-size: var(--interpolate);
	font-weight: 700;
	text-align: left;
}

.card-text1 {
	margin-top: -13px;
}

.card9 {
	position: relative;
	width: 528px;
	min-height: 147px;
	display: flex;
	flex-direction: column;
	justify-content: center;
	gap: 3px;
	flex-shrink: 0;
	line-height: 1.2;
	text-align: left;
	background-color: #00f;
	padding-left: 128px;
	padding-right: 146px;
	border-radius: 40px;
}

.card-galaxy {
	position: absolute; top: 56px; left: 45px; 
	width: 52px;
}

.card-text-top1 {
	margin-left: -70px; margin-top: -1px;
	width: 184px;
	align-self: center;
	--min-font-size: 19; --max-font-size: 20; font-size: var(--interpolate);
	font-weight: 700;
}

.body-a-row4 {
	margin-left: -3px;
	display: flex;
	align-items: flex-start;
	gap: 6px;
}

.card10 {
	min-height: 147px;
	display: flex;
	align-items: flex-start;
	gap: 29px;
	background-color: #00f;
	padding-left: 36px;
	padding-right: 50px;
	border-radius: 40px;
}

.card-col1 {
	margin-top: 53px;
	width: 361px;
	display: flex;
	flex-direction: column;
	gap: 3px;
	flex-shrink: 0;
	text-align: left;
}

.card-text2 {
	margin-left: -1px;
	width: 275px;
	line-height: 1.2;
}

.card-text-symbol2 {
	line-height: 1.5;
}

.card11 {
	position: relative;
	width: 528px;
	min-height: 147px;
	display: flex;
	flex-direction: column;
	justify-content: center;
	gap: 5px;
	flex-shrink: 0;
	line-height: 1.2;
	text-align: left;
	background-color: #00f;
	padding-left: 128px;
	padding-right: 52px;
	border-radius: 40px;
}

.card-find-my-gadget {
	position: absolute; top: 48px; left: 46px; 
	width: 50px;
}

.card-text-top2 {
	margin-top: -2px;
	width: 161px;
}

.body-a-row-bottom2 {
	margin-left: -3px;
	display: flex;
	align-items: flex-start;
	gap: 6px;
}

.card12 {
	position: relative;
	width: 528px;
	min-height: 147px;
	display: flex;
	flex-direction: column;
	justify-content: center;
	gap: 1px;
	flex-shrink: 0;
	line-height: 1.5;
	text-align: left;
	background-color: #00f;
	padding-left: 117px;
	padding-right: 70px;
	border-radius: 40px;
}

.card-rocket {
	position: absolute; top: 41px; left: 36px; 
	width: 52px;
}

.card-text-top3 {
	margin-top: 5px;
	width: 188px;
}

.card-text-bottom3 {
	min-height: 78px;
	display: flex;
	align-items: center;
	flex-shrink: 0;
	font-size: 16px;
	font-weight: 300;
}

.card13 {
	min-height: 147px;
	display: flex;
	align-items: flex-start;
	gap: 27px;
	line-height: 1.2;
	background-color: #00f;
	padding-left: 49px;
	padding-right: 32px;
	border-radius: 40px;
}

.card-browser {
	rotate: 180deg;
	margin-top: 47px;
}

.card-col2 {
	margin-top: 45px;
	width: 251px;
	display: flex;
	flex-direction: column;
	gap: 5px;
	flex-shrink: 0;
	text-align: left;
}

.card-text-symbol3 {
	width: 179px;
}

.card-text-symbol4 {
	margin-right: -66px; margin-bottom: -5px;
	min-height: 41px;
	display: flex;
	align-items: center;
	flex-shrink: 0;
}

.card-link-btn {
	margin-left: 63px; margin-top: 68px;
	width: 27px; height: 11px;
	flex-shrink: 0;
}

.body-a-block5 {
	position: absolute; top: 0; left: 0; right: 0; 
	display: flex;
	flex-direction: column;
	text-align: left;
	padding-left: 24px;
	padding-right: 24px;
	max-width: 1440px;
	margin: 0 auto;
}

.body-a-col2 {
	display: flex;
	flex-direction: column;
	background-color: #00f;
	padding: 28px 24px 164px 24px;
}

.body-a-subtitle5 {
	width: 100%;
	max-width: 1390px;
	align-self: center;
	color: #fff;
	text-transform: uppercase;
	text-align: center;
}

.body-a-subtitle6 {
	margin-top: 23px;
	width: 100%;
	max-width: 1010px;
	align-self: center;
	color: #fff;
}

.body-a-text {
	margin-left: 190px;
	width: 100%;
	max-width: 465px;
	align-self: start;
	color: #fff;
	--min-font-size: 16; --max-font-size: 18; font-size: var(--interpolate);
	font-weight: 300;
	line-height: 1.2;
}

.body-a-row5 {
	margin: 22px 15px 0 0;
	display: flex;
	align-items: flex-start;
	gap: 15px;
	align-self: end;
	color: #000;
}



/* card-review */

.card-review {
	position: relative;
	margin-top: 1px;
	width: 285px;
	display: flex;
	flex-direction: column;
	gap: 5px;
	flex-shrink: 0;
	text-align: left;
	background-color: rgba(255, 255, 255, 0.5);
	padding-left: 20px;
	padding-top: 19px;
	border-radius: 20px;
}

.card-review-mask-group {
	position: absolute; top: 0; left: 0; right: 0; 
	width: 100%;
}

.card-review-text-top {
	position: relative; z-index: 1;
	align-self: start;
	font-size: 11px;
	font-weight: 700;
	text-transform: uppercase;
	line-height: 1.5;
}

.card-review-text-bottom {
	position: relative; z-index: 2;
	font-size: 10px;
	font-weight: 300;
	line-height: 1.2;
}
/* end card-review*/


.body-a-review {
	position: relative;
	width: 285px;
	display: flex;
	flex-direction: column;
	gap: 5px;
	flex-shrink: 0;
	line-height: 1.2;
	text-align: left;
	padding: 20px 89px 18px 20px;
}

.body-a-rect1 {
	position: absolute; top: 1px; left: 0; right: 0; 
	height: 129px;
	background-color: #fff;
}

.body-a-mask-group {
	position: absolute; z-index: 1; top: 0; left: 0; right: 0; 
	width: 100%;
}

.body-a-text-top6 {
	position: relative; z-index: 2;
	font-size: 11px;
	font-weight: 700;
	text-transform: uppercase;
}

.body-a-text-bottom6 {
	position: relative; z-index: 3;
	width: 157px;
	align-self: start;
	font-size: 10px;
	font-weight: 300;
}

.card-review1 {
	line-height: 1.2;
	padding-right: 25px;
	padding-bottom: 19px;
}

.card-review1 .card-review-text-top {
	width: 166px;
	line-height: unset;
}

.card-review1 .card-review-text-bottom {
	line-height: unset;
}

.card-review2 {
	padding-right: 66px;
	padding-bottom: 16px;
}

.card-review2 .card-review-text-top {
	width: 72px;
}

.card-review3 {
	padding-right: 41px;
	padding-bottom: 40px;
}

.card-review3 .card-review-text-top {
	width: 40px;
}

.body-a-row6 {
	margin-left: 193px; margin-top: 17px;
	display: flex;
	align-items: flex-start;
	gap: 22px;
	align-self: start;
}

.body-a-graphic {
	transform-origin: 50% 50%;
	margin: -6px 0;
	width: 15px; height: 11px;
	flex-shrink: 0;
}

.body-a-graphic-left {
	rotate: 180deg;
}

.body-a-graphic-right {
	margin-right: -1px;
}

.body-a-row-bottom3 {
	margin-left: -2px; margin-top: 46px;
	display: flex;
	align-items: flex-start;
	gap: 20px;
	align-self: center;
	color: #000;
	font-size: 9px;
	font-weight: 500;
	line-height: 1.2;
	padding-top: 1px;
}

.body-a-group-left {
	position: relative;
	width: 157px; height: 59px;
	flex-shrink: 0;
}

.body-a-als {
	position: absolute; top: 1px; left: 50%; 
	translate: -50% 0;
	width: 55px;
}

.body-a-group1 {
	position: relative;
	width: 160px; height: 60px;
	flex-shrink: 0;
}

.body-a-sba {
	position: absolute; top: 6px; left: 8px; right: 10px; 
	width: calc(100% - 8px - 10px);
}

.body-a-img1 {
	width: 157px;
	flex-shrink: 0;
}

.body-a-col3 {
	position: relative;
	margin-top: 5px; margin-bottom: -5px;
	width: 157px;
	display: flex;
	flex-direction: column;
	flex-shrink: 0;
	padding: 0 26px 1px 25px;
}

.body-a-rect2 {
	height: 60px;
}

.body-a-frame {
	position: relative; z-index: 1;
	margin-top: -11px;
	flex-shrink: 0;
}

.body-a-group2 {
	position: relative;
	width: 157px; height: 59px;
	flex-shrink: 0;
}

.body-a-img2 {
	position: absolute; top: 4px; left: 50%; 
	translate: -50% 0;
	margin-left: 5px;
	width: 69px;
}

.body-a-group3 {
	position: relative;
	width: 157px; height: 59px;
	flex-shrink: 0;
}

.body-a-logo {
	position: absolute; top: 2px; left: 50%; 
	translate: -50% 0;
	margin-left: 5px;
	width: 122px;
}

.body-a-row-right {
	position: relative;
	margin-top: 4px; margin-bottom: -3px;
	width: 157px;
	display: flex;
	align-items: flex-start;
	justify-content: center;
	gap: 7px;
	flex-shrink: 0;
	padding: 3px 9px 12px 9px;
}

.body-a-rect3 {
	height: 59px;
}

.body-a-emblem-of {
	position: relative; z-index: 2;
	margin-left: 2px;
	width: 43px;
	flex-shrink: 0;
}

.body-a-text-right {
	position: relative; z-index: 1;
	margin-top: 18px;
	text-transform: uppercase;
	text-align: left;
}

.body-a-rect4 {
	position: absolute; z-index: 4; top: 420px; left: 50%; 
	translate: -50% 0;
	margin-left: 710px;
	width: 157px; height: 59px;
}

.body-a-group4 {
	position: absolute; z-index: 5; top: 420px; left: 50%; 
	translate: -50% 0;
	margin-left: -674px;
	width: 87px; height: 59px;
}

.body-a-isd-logo {
	position: absolute; top: 1px; left: -28px; 
	width: 90px;
	max-width: none;
}

.body-a-block6 {
	position: relative;
	box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
	margin: -27px auto 0 auto;
	width: 90%;
	max-width: 1300px;
	display: flex;
	flex-direction: column;
	gap: 16px;
	align-self: center;
	color: #000;
	line-height: normal;
	text-align: center;
	background-color: #fff;
	padding: 60px 24px 64px 24px;
	border-radius: 40px;
}

.body-a-smart-bridge {
	position: absolute; z-index: 1; top: 260px; left: 50%; 
	translate: -50% 0;
	margin-left: 269px;
	width: 161px;
	background-color: unset;
}

.body-a-subtitle-symbol1 {
	--min-font-size: 27; --max-font-size: 48; font-size: var(--interpolate);
	font-weight: 700;
	text-transform: uppercase;
}

.body-a-row7 {
	margin: 49px 197px 0 165px;
	display: flex;
	align-items: flex-start;
	gap: 22px;
	--min-font-size: 16; --max-font-size: 20; font-size: var(--interpolate);
	font-weight: 500;
}

.body-a-img {
	flex-shrink: 0;
	border-radius: 10px;
}

.body-a-subtitle-left {
	margin-left: -1px;
	flex-grow: 1;
	text-transform: uppercase;
	text-align: left;
}

.body-a-_1c {
	margin-left: auto; margin-right: 1px;
	width: 80px;
}

.body-a-symbol1 {
	width: 74px;
}

.body-a-symbol2 {
	width: 79px;
}

.body-a-row8 {
	margin-left: 164px; margin-right: 163px;
	display: flex;
	align-items: flex-start;
	gap: 335px;
	--min-font-size: 15; --max-font-size: 16; font-size: var(--interpolate);
	font-weight: 300;
}

.body-a-text-symbol1 {
	margin-top: -4px;
	flex-grow: 1;
	text-align: left;
}

.body-a-enbek {
	width: 151px;
	flex-shrink: 0;
	background-color: unset;
}

.body-a-row-bottom4 {
	margin-left: -81px; margin-top: 26px;
	display: flex;
	align-items: flex-start;
	gap: 578px;
	align-self: center;
	color: #fff;
	font-weight: 500;
	line-height: 1.5;
}

.body-a-btn-call2 {
	width: 220px;
	justify-content: center;
	flex-shrink: 0;
	text-align: center;
	padding-top: 7px;
	padding-bottom: 7px;
}

.body-a-btn-10-plus {
	margin-top: 6px;
	width: 181px;
	justify-content: center;
	flex-shrink: 0;
	font-size: 20px;
	font-style: normal;
	letter-spacing: 0px;
	text-align: center;
	padding-top: 3px;
	padding-bottom: 3px;
}

.body-a-block7 {
	margin: 43px auto 0 auto;
	width: 90%;
	max-width: 1280px;
	display: flex;
	flex-direction: column;
	gap: 32px;
	align-self: center;
	text-align: center;
}

.body-a-subtitle7 {
	text-transform: uppercase;
}

.body-a-subtitle-symbol2 {
	color: #000;
}

.body-a-switcher {
	position: relative;
	margin-left: -2px;
	width: 220px;
	min-height: 50px;
	flex-shrink: 0;
	align-self: center;
	color: #fff;
	font-size: 24px;
	font-weight: 500;
	line-height: 1.5;
}

.body-a-btn-symbol1 {
	position: absolute; top: 0; left: 0; 
	width: 148px;
	display: flex;
	text-align: left;
	background-color: #01203f;
	padding: 5px 26px 9px 26px;
	border-top-left-radius: 40px;
	border-bottom-left-radius: 40px;
}

.btn3 {
	position: absolute; top: 0; right: 0; 
	width: 107px;
	display: flex;
	justify-content: center;
	gap: 5px;
	font-style: normal;
	letter-spacing: 0px;
	text-align: unset;
	background-color: #00f;
	padding: 5px 8px 9px 8px;
	border-radius: 40px;
}

.btn-label2 {
	margin-left: 6px;
	text-align: left;
}

.btn-icon2 {
	margin-top: 3px;
	width: 30px;
	flex-shrink: 0;
}

.body-a-row9 {
	margin-top: 29px;
	display: flex;
	align-items: flex-start;
	gap: 32px;
}

.card-start-price {
	width: 100%;
	flex-grow: 1;
	text-align: center;
}

.card-start-price-line {
	margin-left: 9px;
}

.row1 {
	width: 206px;
}

.row1 .row-subtitle1 {
	color: #000;
}

.row2 {
	margin-top: -1px;
	width: 204px;
	justify-content: space-between;
	align-self: center;
}

.card-start-price-text1 {
	margin-top: 9px;
}

.card-start-price-row {
	margin-left: 35px; margin-top: 19px;
	width: 162px;
	display: flex;
	align-items: flex-start;
	gap: 10px;
	align-self: start;
	color: #000;
	font-size: 14px;
	font-weight: 300;
	line-height: 1.8;
}

.card-start-price-col-left {
	margin-top: 4px; margin-bottom: -4px;
	width: 16px;
	display: flex;
	flex-direction: column;
	gap: 9px;
	flex-shrink: 0;
	padding-bottom: 4px;
}

.card-start-price-check1 {
	margin-top: -4px;
}

.card-start-price-check2 {
	margin-top: 1px;
}

.card-start-price-text2 {
	margin-right: -2px; margin-top: -4px;
}

.card-start-price-btn {
	margin-top: 68px;
}

.body-a-start-plus {
	position: relative;
	width: 100%;
	min-height: 435px;
	flex-grow: 1;
}

.body-a-subtitle-symbol3 {
	position: absolute; top: 138px; left: 169px; 
	text-align: left;
}

.card14 {
	position: absolute; top: 0; left: 0; 
	width: 296px;
	color: #000;
}

.card-line1 {
	margin-left: 13px;
}

.row3 {
	margin-left: 12px;
	justify-content: flex-start;
	gap: 19px;
}

.card-subtitle4 {
	margin-left: 41px; margin-top: -8px;
	align-self: start;
}

.card-text3 {
	margin-top: 2px;
	width: 142px;
	align-self: center;
	text-align: right;
}

.card-row1 {
	margin-left: 41px; margin-top: 13px;
	width: 221px;
	display: flex;
	align-items: flex-start;
	gap: 6px;
	align-self: start;
	font-size: 14px;
	font-weight: 300;
	line-height: 1.8;
}

.card-col-left1 {
	margin-top: 3px; margin-bottom: -3px;
	width: 16px;
	display: flex;
	flex-direction: column;
	gap: 9px;
	flex-shrink: 0;
	padding-bottom: 3px;
}

.card-check1 {
	margin-top: -3px;
}

.card-check2 {
	margin-top: 2px;
}

.card-text4 {
	margin-right: -1px; margin-top: -3px;
}

.card-btn2 {
	margin-left: 14px; margin-top: 25px;
}

.body-a-bussines {
	position: relative;
	width: 100%;
	min-height: 435px;
	flex-grow: 1;
}

.body-a-subtitle-symbol4 {
	position: absolute; top: 140px; left: 181px; 
	text-align: left;
}

.card15 {
	position: absolute; top: 0; left: 0; 
	width: 296px;
	color: #000;
}

.card-line2 {
	margin-left: -1px;
}

.row4 {
	position: static; z-index: unset;
	margin-left: 10px;
	width: 232px;
}

.card-subtitle5 {
	margin-top: -6px;
	width: 224px;
	align-self: center;
}

.card-row2 {
	margin-left: 27px; margin-top: 21px;
	width: 157px;
	display: flex;
	align-items: flex-start;
	gap: 5px;
	align-self: start;
	font-size: 14px;
	font-weight: 300;
	line-height: 1.8;
}

.card-col-left2 {
	margin-top: 4px; margin-bottom: -4px;
	width: 16px;
	display: flex;
	flex-direction: column;
	gap: 9px;
	flex-shrink: 0;
	padding-bottom: 4px;
}

.card-check7 {
	margin-top: -4px;
}

.card-check8 {
	margin-top: 1px;
}

.card-check11 {
	margin-top: 1px;
}

.card-text6 {
	margin-right: -2px; margin-top: -4px; margin-bottom: -3px;
}

.card-btn3 {
	margin-top: 17px;
}

.card-enterprise-price {
	width: 100%;
	flex-grow: 1;
	text-align: center;
}

.card-enterprise-price-line {
	margin-left: -1px;
	align-self: center;
}

.card-enterprise-price-row1 {
	margin: 18px 13px 0 16px;
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
	letter-spacing: -0.51px;
}

.card-enterprise-price-subtitle2 {
	margin-bottom: -1px;
	width: 124px;
	flex-shrink: 0;
	color: #000;
	font-size: 26px;
	font-weight: 300;
	text-decoration: line-through;
	line-height: normal;
	text-align: left;
}

.row5 {
	margin: 3px 14px 0 16px;
	justify-content: center;
	gap: 6px;
}

.card-enterprise-price-text1 {
	margin-top: 7px;
}

.card-enterprise-price-row2 {
	margin: 8px 17px 0 15px;
	display: flex;
	align-items: flex-start;
	gap: 7px;
	color: #000;
	font-size: 14px;
	font-weight: 300;
	line-height: 1.8;
}

.card-enterprise-price-col-left {
	margin-top: 5px; margin-bottom: -5px;
	width: 17px;
	display: flex;
	flex-direction: column;
	gap: 8px;
	flex-shrink: 0;
	padding-bottom: 5px;
}

.card-enterprise-price-check1 {
	margin-right: 1px; margin-top: -5px;
}

.card-enterprise-price-check2 {
	margin-right: 1px;
}

.card-enterprise-price-check3 {
	margin-right: 1px; margin-top: 2px;
}

.card-enterprise-price-check4 {
	margin-left: 1px; margin-top: 1px;
}

.card-enterprise-price-check5 {
	margin-left: 1px; margin-top: 2px;
}

.card-enterprise-price-check6 {
	margin-left: 1px;
}

.card-enterprise-price-check7 {
	margin-left: 1px; margin-top: 1px;
}

.card-enterprise-price-text2 {
	margin-right: -1px; margin-top: -5px;
}

.card-enterprise-price-btn {
	margin-left: 12px; margin-top: 7px;
	align-self: center;
}

.body-a-block8 {
	margin: 55px auto 0 auto;
	width: 90%;
	max-width: 1063px;
	display: flex;
	flex-direction: column;
	gap: 18px;
	align-self: center;
	color: #fff;
	font-weight: 500;
	line-height: 1.5;
}

.body-a-block9 {
	display: flex;
	flex-direction: column;
	gap: 5px;
	--min-font-size: 17; --max-font-size: 24; font-size: var(--interpolate);
}



/* symbol-a */

.symbol-a {
	margin-right: 1px;
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
	background-color: #011f3e;
	padding: 22px 0;
	border-radius: 20px;
}

.symbol-subtitle {
	text-align: left;
}

.symbol-plus {
	margin-top: 7px;
	width: 21px; height: 21px;
	flex-shrink: 0;
}
/* end symbol-a*/


.body-a-subtitle8 {
	color: #000;
	text-align: center;
}

.body-a-symbol3 {
	margin-right: 1px; margin-top: 62px;
	display: flex;
	flex-direction: column;
	gap: 13px;
	text-align: left;
	background-color: #00f;
	padding: 26px 23px 30px 39px;
	border-radius: 20px;
}

.body-a-row-top {
	margin-left: 2px;
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
}

.body-a-subtitle9 {
	margin: -10px 0 -9px -1px;
	text-align: left;
}

.body-a-line {
	margin-top: 5px;
	width: 25px;
	align-self: unset;
	border-top: 3px solid #fff;
}

.body-a-text-h {
	margin-right: 66px;
	--min-font-size: 15; --max-font-size: 16; font-size: var(--interpolate);
	line-height: 1.2;
}

.symbol1 {
	margin-top: 2px;
	padding-left: 42px;
	padding-right: 17px;
}

.symbol2 {
	padding-left: 40px;
	padding-right: 17px;
}

._1 {
	padding-left: 39px;
	padding-right: 18px;
}

._2 {
	margin-left: 1px; margin-right: 0;
	justify-content: center;
	gap: 124px;
	padding-left: 24px;
	padding-right: 24px;
}

._2 .symbol-subtitle {
	margin-left: 11px;
}

.body-a-btn1 {
	margin-left: -1px;
	width: 144px;
	align-self: center;
}

.body-a-block10 {
	margin: 153px auto 0 auto;
	width: 90%;
	max-width: 1300px;
	display: flex;
	flex-direction: column;
	align-items: center;
	color: #011f3e;
	font-weight: 500;
	line-height: 1.2;
	text-align: center;
	background-color: #ff5b22;
	padding: 14px 23px 29px 23px;
	border: 2px solid #ff5b22;
	border-radius: 20px;
}

.body-a-subtitle-symbol5 {
	width: 100%;
	max-width: 1390px;
	min-height: 115px;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-shrink: 0;
	text-transform: uppercase;
}

.body-a-subtitle-symbol6 {
	margin-top: -8px;
	width: 100%;
	max-width: 724px;
	--min-font-size: 17; --max-font-size: 24; font-size: var(--interpolate);
}

.body-a-btn2 {
	margin-left: -1px; margin-top: 35px;
	width: 407px;
	display: flex;
	justify-content: center;
	color: #fff;
	font-size: 30px;
	font-style: normal;
	line-height: 1.5;
	letter-spacing: 0px;
	text-align: center;
	background-color: #011f3e;
	padding: 13px 12px;
	border-radius: 40px;
}

.body-a-footer-block {
	margin: 76px auto 0 auto;
	width: 90%;
	max-width: 1300px;
	display: flex;
	flex-direction: column;
	text-align: left;
}

.body-a-call-to-action {
	position: relative; z-index: 3;
	width: 100%;
	max-width: 1370px;
	min-height: 571px;
	flex-shrink: 0;
	align-self: center;
	overflow: hidden;
}

.body-a-group5 {
	position: absolute; top: 110px; left: 43px; 
	color: #000;
	font-size: 20px;
	font-weight: 700;
	line-height: 1.5;
	background: linear-gradient(180deg, #0001fb 44%, #0001c8 83%, #011f3e 118%) top left / auto auto no-repeat;
	padding: 368px 911px 33px 42px;
	border-radius: 40px;
}

.body-a-btn-symbol2 {
	width: 331px;
	display: flex;
	justify-content: center;
	letter-spacing: 0px;
	background-color: #fff;
	padding: 15px 22px;
	border-radius: 40px;
}

.body-a-screen {
	position: absolute; top: 84px; left: 667px; 
	rotate: -14deg;
	transform-origin: 50% 50%;
	width: calc(100% - 667px);
	max-width: 672px;
	border-radius: 30px;
}

.body-a-header {
	position: absolute; top: 182px; left: 85px; 
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	gap: 22px;
}

.body-a-subtitle10 {
	width: 100%;
	max-width: 595px;
	color: #fff;
}

.body-a-h {
	width: 100%;
	max-width: 577px;
	display: flex;
	flex-direction: column;
	gap: 22px;
	font-weight: 300;
	padding-bottom: 4px;
}

.body-a-subtitle-symbol7 {
	color: rgba(255, 255, 255, 0.7);
}

.body-a-text-symbol2 {
	color: #fff;
}

.footer {
	position: relative;
	box-shadow: 0px 0px 5px 4px rgba(0, 0, 0, 0.1);
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 56px;
	font-weight: 500;
	line-height: 1.5;
	background-color: #fff;
	padding: 174px 24px 74px 24px;
	border-top-left-radius: 90px;
	border-top-right-radius: 90px;
}

.footer-symbol1 {
	position: absolute; top: 134px; 
	/* left: 102px;  */
	box-shadow: 0px 0px 5px 1px rgba(0, 0, 0, 0.15);
	width: calc(100% - 102px); height: 495px;
	max-width: 1226px;
	background-color: #fff;
	border-radius: 50px;
}

.footer-row-top {
	position: relative; z-index: 1;
	margin-left: 1px;
	display: flex;
	align-items: flex-start;
	color: #454545;
	font-size: 14px;
}



/* symbol-b */

.symbol-b {
	width: 107px;
	display: flex;
	flex-direction: column;
	gap: 15px;
	flex-shrink: 0;
	text-align: left;
}
/* end symbol-b*/


.footer-symbol2 {
	margin-left: -10px;
	width: 176px;
	display: flex;
	flex-direction: column;
	gap: 10px;
	flex-shrink: 0;
}

.footer-logo-luna {
	margin-left: 12px; margin-right: 11px;
	flex-shrink: 0;
}

.footer-social-icons {
	margin-right: -8px; margin-bottom: -9px;
	height: 40px;
	max-width: none;
	gap: var(--spacing-xs);
	flex-shrink: 0;
}

.footer-symbol3 {
	margin: -8px 0 -10px 75px;
	width: 234px;
	display: flex;
	flex-direction: column;
	gap: 15px;
	flex-shrink: 0;
	text-align: left;
	padding: 8px 0;
}

.footer-text-top1 {
	color: #000;
	--min-font-size: 15; --max-font-size: 16; font-size: var(--interpolate);
	font-weight: 700;
}

.footer-text-symbol3 {
	color: #000;
}

.footer-text-symbol4 {
	color: #000;
}

.symbol3 {
	margin: -28px 0 -7px -1px;
	width: 211px;
	padding-top: 24px;
	padding-bottom: 24px;
}

.symbol4 {
	margin: -23px 0 -18px 21px;
	padding-top: 17px;
	padding-bottom: 17px;
}

.symbol5 {
	margin-left: 49px; margin-top: -19px;
	padding-top: 15px;
	padding-bottom: 15px;
}

.symbol5 .symbol-text5 {
	margin-top: 1px;
}

.symbol5 .symbol-text6 {
	margin-top: 3px;
}

.footer-symbol4 {
	margin: -52px -58px 0 48px;
	width: 132px;
	display: flex;
	flex-direction: column;
	gap: var(--spacing-s);
	flex-shrink: 0;
	text-align: left;
	padding: 47px 0;
}

.footer-col-bottom {
	position: relative; z-index: 2;
	margin-left: 32px;
	width: 100%;
	max-width: 1112px;
	display: flex;
	flex-direction: column;
	gap: 39px;
	color: #000;
	font-size: 12px;
	padding-bottom: 20px;
}

.footer-graphic {
	flex-shrink: 0;
}

.footer-row-bottom {
	margin-right: 74px;
	display: flex;
	align-items: flex-start;
	gap: 81px;
}



/* column */

.column {
	margin-bottom: -4px;
	display: flex;
	flex-direction: column;
	gap: 18px;
	flex-shrink: 0;
	text-align: left;
}
/* end column*/


.footer-text-left {
	margin-top: -4px; margin-bottom: -20px;
	flex-grow: 1;
	text-align: left;
}

.col {
	margin-left: 140px; margin-top: 4px;
	width: 310px;
	padding-bottom: 3px;
}

.col .column-link {
	margin-top: -9px;
	align-self: start;
	text-decoration: underline;
}

.col .column-link-symbol1 {
	margin-right: -1px;
	text-decoration: underline;
}

.col-right {
	margin-top: 5px;
	width: 180px;
	padding-bottom: 2px;
}

.col-right .column-link {
	margin: -9px 4px 0 -1px;
}

.col-right .column-link-symbol1 {
	margin-left: -1px;
}

/* leadgen modal */

.modal-overlay {
	display: none;
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: rgba(0, 0, 0, 0.6);
	z-index: 9999;
	justify-content: center;
	align-items: center;
}

.modal-overlay.active {
	display: flex;
}

.modal-close {
	position: absolute;
	top: 12px;
	right: 12px;
	width: 32px;
	height: 32px;
	background: rgba(255, 255, 255, 0.2);
	border: none;
	border-radius: 50%;
	color: #fff;
	font-size: 24px;
	line-height: 1;
	cursor: pointer;
}

.modal-close:hover {
	background: rgba(255, 255, 255, 0.3);
}

.leadgen-modal {
	position: relative;
    box-sizing: border-box;
    width: 484px;
    height: 526px;
    padding: 28px;
    background: url('../assets/leadgen-modal/background.png');
    color: #fff;
    border-radius: 20px;
}

.leadgen-modal * {
    font-family: 'Aeonik', sans-serif;
}

.leadgen-modal-title {
    font-size: 24px;
    font-weight: 700;
    text-align: center;
    line-height: 1.2;
    margin-bottom: 16px;
}

.leadgen-modal-content {
    display: flex;
    gap: 24px;
}

.leadgen-modal-content-left,
.leadgen-modal-content-right {
    flex: 1;
}

.leadgen-form {
    width: 200px;
    line-height: 1;
}

.leadgen-form label,
.leadgen-form input,
.leadgen-form select {
    display: block;
}

.leadgen-form label {
    font-size: 14px;
    font-weight: 500;
}

.leadgen-form input[type=text],
.leadgen-form select
{
    width: 100%;
    height: 40px;
    margin-top: 8px;
    margin-bottom: 12px;
    padding: 0 12px;
    border: 2px solid #fff;
    border-radius: 100px;
    outline: none;
    background: none;
    color: #fff;
    font-size: 16px;
    font-weight: 500;
}

.leadgen-form input[type=text]::placeholder {
    color: #fff;
}

.leadgen-form button {
    width: 100%;
    height: 40px;
    border: none;
    border-radius: 20px;
    outline: none;
    background: #fff;
    color: #0000FF;
    font-size: 16px;
    font-weight: 500;
    margin-top: 12px;
}

.leadgen-form button:hover {
    cursor: pointer;
}

.leadgen-modal-content-right {
    display: flex;
    flex-direction: column;
    gap: 20px;
    text-wrap: nowrap;
    padding-top: 32px;
}

.leadgen-modal-content-right-item {
    display: flex;
    align-items: center;
    gap: 4px;
}

.leadgen-modal-content-right-item-num {
    display: flex;
    justify-content: center;
    align-items: center;
    min-width: 20px;
    max-width: 20px;
    min-height: 20px;
    max-height: 20px;
    border: 2px solid #fff;
    border-radius: 100px;
    font-size: 14px;
    font-weight: 500;
}

.leadgen-modal-content-right-item-text {
    font-size: 15px;
    font-weight: 500;
}

.leadgen-modal-footer {
    font-size: 10px;
    font-weight: 300;
    line-height: 1.2;
    margin-top: 16px;
}

/* end leadgen modal*/


/* notification modal */

.notification-modal {
	display: none;
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: rgba(0, 0, 0, 0.7);
	z-index: 10000;
	justify-content: center;
	align-items: center;
	animation: fadeIn 0.3s ease-in-out;
}

.notification-modal.active {
	display: flex;
}

.notification-content {
	position: relative;
	background: #fff;
	border-radius: 24px;
	padding: 40px 32px 32px;
	max-width: 420px;
	width: 90%;
	text-align: center;
	box-shadow: 0 20px 60px rgba(0, 0, 0, 0.3);
	animation: slideUp 0.4s ease-out;
}

.notification-icon {
	display: flex;
	justify-content: center;
	margin-bottom: 24px;
	animation: scaleIn 0.5s ease-out 0.1s both;
}

.notification-icon svg {
	filter: drop-shadow(0 4px 12px rgba(0, 0, 0, 0.15));
}

.notification-title {
	font-family: 'Aeonik', sans-serif;
	font-size: 28px;
	font-weight: 700;
	color: #2D2D2D;
	margin: 0 0 16px 0;
	animation: slideUp 0.4s ease-out 0.2s both;
}

.notification-message {
	font-family: 'Aeonik', sans-serif;
	font-size: 16px;
	font-weight: 400;
	color: #555;
	line-height: 1.6;
	margin: 0 0 28px 0;
	animation: slideUp 0.4s ease-out 0.3s both;
}

.notification-close-btn {
	font-family: 'Aeonik', sans-serif;
	background: linear-gradient(135deg, #0000ff 0%, #00f 100%);
	color: #fff;
	border: none;
	border-radius: 40px;
	padding: 14px 40px;
	font-size: 16px;
	font-weight: 500;
	cursor: pointer;
	transition: all 0.3s ease;
	width: 100%;
	animation: slideUp 0.4s ease-out 0.4s both;
}

.notification-close-btn:hover {
	transform: translateY(-2px);
	box-shadow: 0 8px 20px rgba(0, 0, 255, 0.3);
}

.notification-close-btn:active {
	transform: translateY(0);
}

.notification-content.success .notification-icon svg circle {
	animation: pulse 0.6s ease-out 0.2s;
}

.notification-content.error .notification-icon svg circle {
	animation: shake 0.5s ease-out 0.2s;
}

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

@keyframes slideUp {
	from {
		opacity: 0;
		transform: translateY(20px);
	}
	to {
		opacity: 1;
		transform: translateY(0);
	}
}

@keyframes scaleIn {
	from {
		opacity: 0;
		transform: scale(0.5);
	}
	to {
		opacity: 1;
		transform: scale(1);
	}
}

@keyframes pulse {
	0%, 100% {
		transform: scale(1);
	}
	50% {
		transform: scale(1.05);
	}
}

@keyframes shake {
	0%, 100% {
		transform: translateX(0);
	}
	25% {
		transform: translateX(-5px);
	}
	75% {
		transform: translateX(5px);
	}
}

/* end notification modal */


/** breakpoints (margin / paddings) **/

@media screen and (max-width: 1280px) {
	.header-block {
		padding-inline: var(--margin-md);
	}
	.header-nav {
		padding-inline: 0;
	}
	.card-education {
		padding-inline: var(--margin-md);
	}
	.card-rent-info {
		padding-inline: var(--margin-md);
	}
	.card-service-info {
		padding-inline: var(--margin-md);
	}
	.body-a-3-box {
		padding-inline: var(--margin-md);
	}
	.body-a-block4 {
		padding-inline: var(--margin-sm);
	}
	.card8 {
		padding-inline: var(--margin-sm);
	}
	.card9 {
		padding-inline: var(--margin-md);
	}
	.card10 {
		padding-inline: var(--margin-sm);
	}
	.card11 {
		padding-inline: var(--margin-md);
	}
	.card12 {
		padding-inline: var(--margin-md);
	}
	.card13 {
		padding-inline: var(--margin-sm);
	}
	.body-a-block5 {
		padding-inline: var(--margin-md);
	}
	.body-a-col2 {
		padding-inline: var(--margin-sm);
	}
	.body-a-symbol3 {
		padding-inline: var(--margin-sm);
	}
	._2 {
		padding-inline: var(--margin-sm);
	}
	.body-a-group5 {
		padding-inline: var(--margin-md);
	}
	.footer {
		padding-inline: var(--margin-sm);
	}
}

@media screen and (max-width: 576px) {
	.header-block {
		padding-inline: var(--margin-sm);
	}
	.card-education {
		padding-inline: var(--margin-sm);
	}
	.card-rent-info {
		padding-inline: var(--margin-sm);
	}
	.card-service-info {
		padding-inline: var(--margin-sm);
	}
	.body-a-3-box {
		padding-inline: var(--margin-sm);
	}
	.card9 {
		padding-inline: var(--margin-sm);
	}
	.card11 {
		padding-inline: var(--margin-sm);
	}
	.card12 {
		padding-inline: var(--margin-sm);
	}
	.body-a-block5 {
		padding-inline: var(--margin-sm);
	}
	.body-a-group5 {
		padding-inline: var(--margin-sm);
	}
}

.faq-item {
	margin-top: 5px;
	display: flex;
	flex-direction: column;
	background-color: #011f3e;
	border-radius: 20px;
	overflow: hidden;
	transition: all 0.3s ease;
}

.faq-item.faq-hidden {
	display: none;
}

.faq-item.active {
	background-color: #00f;
}

.faq-header {
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
	padding: 22px 17px 22px 40px;
	cursor: pointer;
}

.faq-item.active .faq-header {
	padding: 26px 23px 0 39px;
}

.faq-header .symbol-subtitle,
.faq-header .body-a-subtitle9 {
	flex: 1;
	text-align: left;
}

.faq-header .symbol-plus {
	margin-top: 7px;
	width: 21px;
	height: 21px;
	flex-shrink: 0;
	transition: transform 0.3s ease;
	pointer-events: none;
}

.faq-item.active .faq-header .symbol-plus {
	transform: rotate(45deg);
}

.faq-content {
	display: none;
}

.faq-item.active .faq-content {
	display: block;
	padding: 0 23px 30px 39px;
}

.faq-content .body-a-line {
	margin-top: 5px;
	margin-bottom: 13px;
	width: 25px;
	border-top: 3px solid #fff;
}

.faq-content .body-a-text-h {
	margin-right: 66px;
	--min-font-size: 15;
	--max-font-size: 16;
	font-size: var(--interpolate);
	line-height: 1.2;
}