@media (min-width: 757px) {
	#main {
		background-image: url('../img/main/background-about-top.png') !important;
	    background-size: 65% !important;
	    padding-bottom: 100px !important;
	}
	.main-top {
	    min-height: 200px !important;
	}
	.main-top-left-title {
	    margin-bottom: 0 !important;
	}
}
#who-are-wi {
	border-radius: 50px 50px 0 0;
    margin-top: -100px;
    background: #fff;
    padding-top: 100px;
}
.who-are-wi-list {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 24px;
}
.who-are-wi-list-item {
	gap: 10px;
	padding: 32px;
	border: solid 1px var(--border-gray);
	border-radius: 20px;
}

.who-are-wi-list-item-title {
	font-size: 40px;
	font-weight: 700;
	margin-bottom: 10px;
	text-transform: uppercase;
}
.who-are-wi-list-item-description {
	color: #1B1631;
	margin-bottom: 10px;
}
.who-are-wi-list-item-text {
	display: flex;
	color: #1B1631;
	align-items: center;
	gap: 10px;
	margin-bottom: 10px;
}
.who-are-wi-list-item-icon {
	width: 25px;
}
.who-are-wi-list-item-icon img {
	width: 100%;
}
@media (max-width: 756px) {
	#who-are-wi {
    	padding-top: 32px;
    }
	.who-are-wi-list-item {
		padding: 10px;
	}
	.who-are-wi-list-item-title {
		font-size: 28px;
	}
	.who-are-wi-list {
		grid-template-columns: 1fr;
		gap: 20px;
	}

	#main {
        background-size: 100% !important;
        background-position-y: center !important;
	    padding-bottom: 100px !important;
	}
	.main-top {
	    min-height: 150px !important;
	}
	.main-top-left-title {
	    margin-bottom: 0 !important;
	}
}

/*----------------------------------------------*/

.context {

}
.context-title {
	margin-bottom: 20px;
}
.context-descr {
	margin-bottom: 60px;
}
.context-subtitle {
	font-weight: 500;
	font-size: 20px;
	margin-bottom: 10px;
}
.context-description {
	color: var(--light-gray2);
}


.context-way {

}
.context-way-list {
	display: grid;
	grid-template-columns: repeat(5, 1fr);
}
.context-way-list-item {
	height: 100px;
	border-left: solid 1px var(--main-color);
	position: relative;
	border-bottom: dashed 2px var(--main-color);
}
.context-way-list-item.light-color {
	border-bottom: dashed 2px var(--light-blue);
}
.context-way-list-item-name {
	position: absolute;
	top: 0;
	left: 0;
	transform: translate(10px, -52%);
	color: var(--light-gray2);
}
.context-way-list-item-dot {
	width: 10px;
	height: 10px;
	border-radius: 50%;
	background-color: var(--main-color);
	position: absolute;
	top: 0;
	left: 0;
	transform: translate(-50%, -50%);
}
.context-way-list-item-circle {
	width: 25px;
	height: 25px;
	border-radius: 50%;
	background-color: var(--main-color);
	position: absolute;
	bottom: 0;
	left: 0;
	z-index: 4;
	transform: translate(-50%, 50%);
	display: flex;
	justify-content: center;
	align-items: center;
}
.context-way-list-item-circle-dot {
	width: 10px;
	height: 10px;
	border-radius: 50%;
	background-color: #fff;
}
.context-way-list-item-dashet {
	width: 100%;
	position: absolute;
	left: 0;
	bottom: -1px;
	z-index: 2;
	transform: translate(-100%, 0);
	border-bottom: dashed 2px var(--main-color);
}
.light-color .context-way-list-item-dashet {
	width: 100%;
	position: absolute;
	right: 0;
	bottom: -1px;
	z-index: 2;
	transform: translate(100%, 0);
	border-bottom: dashed 2px var(--light-blue);
}

.light-color .context-way-list-item-circle {
	background-color: var(--light-blue);
}
.light-color .context-way-list-item-circle-dot {
	background-color: var(--main-color);
}

.context-way-list-item-img {
	position: absolute;
	left: 50%;
	bottom: 0;
	z-index: 2;
	transform: translate(-20%, 50%);
}
.context-way-list-item-img img {
	width: 100px;
}

.context-way-mobile {
	display: none;
}
.context-way-mobile-list {
	display: flex;
	flex-wrap: wrap;
	gap: 10px;
}
.context-way-mobile-list-item {
	padding: 8px 15px;
	border: solid 1px var(--main-color);
	border-radius: 30px;
    font-weight: 500;
}

@media (max-width: 756px) {
	#context {
		margin-top: 0;
		padding-top: 0;
	}
	.context-way {
		display: none;
	}
	.context-way-mobile {
		display: block;
	}
	.context-descr {
	    margin-bottom: 20px;
	}
}

/*----------------------------------------------*/

.about-model {
    background: rgb(244 248 249);
    padding: 20px;
    border-radius: 20px;
    display: flex;
	gap: 20px;
	padding: 32px 32px 0;
}
.about-model-info {
	width: 45%;
	padding-bottom: 20px;
}

.about-model-img {
	width: 55%;
}
.about-model-img img {
	width: 100%;
}

.about-model-title {

}
.about-model-description {
	margin-bottom: 20px;
}
.about-model-subtitle {
	margin-bottom: 10px;
	font-size: 20px;
    font-weight: 500;
}
.about-model-text {
	margin-bottom: 10px;
	color: var(--light-gray2);
}
.about-model-list {
    padding: 0;			
    list-style: none;
}
.about-model-list li {
	display: flex;
	align-items: center;
	gap: 10px;
	margin-bottom: 10px;
	color: var(--light-gray2);
}
.about-model-list li span {
	width: 5px;
	height: 5px;
	border-radius: 50%;
	background: var(--main-color);
}
.about-model-btn {
	padding: 8px 10px;
    display: block;
	background-color: var(--main-color);
	color: #fff;
	border: solid 1px var(--main-color);
	border-radius: 10px;
	text-decoration: none;
	width: max-content;
}
.about-model-btn:hover {
	opacity: .8;
	text-decoration: none;
}


@media (max-width: 756px) {
	.about-model {
	    flex-direction: column;
	    padding-top: 0;
	}
	.about-model-info {
		width: 100%;
	}

	.about-model-img {
		width: 100%;
	}
	.about-model-subtitle {
	    font-size: 16px;
	}
}

/*-----------------------------------------*/
#weregoing {
	padding: 0 0 60px;
}
.weregoing {

}
.weregoing-title {
	margin-bottom: 24px;
}
.weregoing-list {
	display: grid;
	grid-template-columns: 1fr 1fr 1fr;
	gap: 20px;
}
.weregoing-list-item {
	background-color: #f4f8f9;
	padding: 20px;
	border-radius: 20px;
}
.weregoing-list-item.white {
	background-color: #fff;
	border: solid 1px var(--border-gray);
}
.weregoing-list-item-icon {
	width: 40px;
	margin-bottom: 10px;
}
.weregoing-list-item-icon img {
	width: 100%;
}
.weregoing-list-item-title {
	font-size: 18px;
	font-weight: 600;
	margin-bottom: 10px;
}
.weregoing-list-item-text {
	color: var(--light-gray2);
}

@media (max-width: 756px) {
	#weregoing {
		padding-top: 0;
		padding-bottom: 0;
	}
	.weregoing-list {
		grid-template-columns: 1fr;
	}
}