/* ROUNDED BUTTON START */
.rounded-btn {
	--color-1: #000014;
	--color-2: #fff;
	display: inline-block;
	text-align: center;
	font-family: 'Inter';
	padding: 16px 32px;
	border-radius: 27px;
	border: 1px solid var(--color-1);
	color: var(--color-1);
	background-color: transparent;
	font-size: 16px;
	line-height: 20px;
	font-weight: 500;
	text-decoration: none;
	min-width: 210px;
    transition: .3s all;
}
.rounded-btn span {
	position: relative;
	text-align: center;
}
.rounded-btn svg {
    content: '';
    position: absolute;
    width: 14px;
    height: 14px;
    opacity: 0;
    transition: .3s all;
    bottom: 3px;
    margin-left: 26px;
}
.rounded-btn:hover {
	padding-right: 42px;
	padding-left: 22px;
}
.rounded-btn:hover svg {
    opacity: 1;
    margin-left: 8px;
}
.rounded-btn--hovered {
	padding-right: 32px;
}
.rounded-btn--hovered svg {
	opacity: 1;
	margin-left: 8px;
}
.rounded-btn--hovered-external {
	color: #FF6088;
	border: 1px solid #FF6088;
	padding-right: 32px;
}
.rounded-btn--hovered-external svg {
	width: 16px;
	height: 16px;
	opacity: 1;
	margin-left: 8px;
	bottom: 1px;
}
.rounded-btn--solid {
	border: 1px solid var(--color-1);
	color: var(--color-2);
	background-color: var(--color-1);
}
.rounded-btns-group {
	display: flex;
	display: -webkit-flex;
	align-items: center;
	-webkit-align-items: center;
	justify-content: center;
	-webkit-justify-content: center;
	flex-direction: column;
	-webkit-flex-direction: column;
	gap: 10px 24px;
}
@media screen and (min-width:500px) {
	.rounded-btns-group {
		flex-direction: row;
		-webkit-flex-direction: row;
	}
}
/* ROUNDED BUTTON END */

.banner-section {
	margin: 96px 0 0;
}
.main-banner {
	background-color: #030305;
	color: #fff;
	border-radius: 16px;
	padding: 50px 20px;
	overflow: hidden;
	position: relative;
}
.main-banner__content-block {
	max-width: 600px;
	position: relative;
	z-index: 3;
}
.main-banner__title {
	font-family: Inter;
	font-size: 32px;
	font-style: normal;
	font-weight: 600;
	line-height: 1.3em;
	margin: 0 0 16px;
}
.main-banner__text {
	font-family: Inter;
	font-size: 18px;
	font-style: normal;
	font-weight: 400;
	line-height: 1.5em;
}
.main-banner__btns {
	margin-top: 48px;
	display: flex;
	display: -webkit-flex;
	align-items: center;
	-webkit-align-items: center;
	flex-direction: column;
	-webkit-flex-direction: column;
	gap: 24px;
}
.main-banner__btns .rounded-btn {
	--color-1: #605FE3;
	--color-3: #888DFE;
	border: 1px solid var(--color-3);
	color: var(--color-3);
}
.main-banner__btns .rounded-btn--solid {
	border: 1px solid var(--color-1);
	background-color: var(--color-1);
	color: var(--color-2);
}
.main-banner__btns .rounded-btn--solid svg {
	transform: rotate(90deg);
}
.main-banner__bg {
	display: block;
	position: absolute;
	left: 50%;
	top: -200px;
	width: 500px;
	height: 500px;
	opacity: .5;
}
@media screen and (min-width:576px) {
	.main-banner {
		padding: 60px 40px;
	}
	.main-banner__title {
		font-size: 44px;
	}
	.main-banner__btns {
		flex-direction: row;
		-webkit-flex-direction: row;
	}
}
@media screen and (min-width:768px) {
	.main-banner {
		border-radius: 32px;
		padding: 72px 70px;
	}
	.main-banner__bg {
		width: 776px;
		height: 776px;
		left: 490px;
		top: -259px;
		opacity: 1;
	}
}
@media screen and (min-width:992px) {
	.main-banner__bg {
		left: 586px;
	}
}

.main-sec {
	padding: 48px 0;
	margin: 48px 0;
	position: relative;
}
.main-sec::after {
	content: '';
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(255,255,255,.6);
	z-index: 10;
	opacity: 0;
	pointer-events: none;
	transition: .1s all;
}
.main-sec.loading::after {
	opacity: 1;
	pointer-events: auto;
}
.result-item {
	padding: 16px;
	border-radius: 24px;
	background-color: #F9F9FD;
}
.result-item:not(:last-child) {
	margin-bottom: 16px;
}
.result-item__header {
	margin-bottom: 16px;
	display: flex;
	display: -webkit-flex;
	align-items: center;
	-webkit-align-items: center;
	flex-wrap: wrap;
	-webkit-flex-wrap: wrap;
	gap: 8px 16px;
}
.result-item__tags {
	display: flex;
	display: -webkit-flex;
	align-items: center;
	-webkit-align-items: center;
	flex-wrap: wrap;
	-webkit-flex-wrap: wrap;
	gap: 8px;
}
.result-item__tag {
	font-family: Inter;
	font-size: 12px;
	font-style: normal;
	font-weight: 400;
	line-height: 1.5em;
	padding: 2px 6px;
	background-color: #D5D8DC;
	border-radius: 4.5px;
}
.result-item__tag--cloud {
	background-color: rgba(0, 143, 245, 0.10);
	color: rgba(0, 109, 203, 0.95);
}
.result-item__tag--contour {
	background-color: rgba(204, 0, 204, 0.08);
	color: rgba(115, 0, 134, 0.76);
}
.result-item__tag--projects_counter {
	background-color: rgba(96, 95, 227, 0.10);
	color: #605FE3;
}
.result-item__desc,
.result-item__desc * {
	color: rgba(63,63,66,.8);
	font-family: Inter;
	font-size: 16px;
	font-style: normal;
	font-weight: 400;
	line-height: 1.5em;
}
.result-item__desc *:last-child {
	margin-bottom: 0;
}
.result-item__btn {
	margin-top: 32px;
	border-width: 2px;
	cursor: pointer;
}
.result-item__logo {
	border-radius: 8px;
	overflow: hidden;
	width: 100%;
}
.result-item__logo-container {
	position: relative;
	padding-bottom: 55%;
	background-color: #fff;
}
.result-item__logo-container picture {
	position: absolute;
	max-width: 63%;
	max-height: 50%;
	object-fit: contain;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
}
.result-item__logo-container picture * {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
	object-fit: contain;
}
.result-item__logo-block picture,
.result-item__logo-block picture * {
	display: block;
	width: 100%;
	height: 100%;
}
.result-item__logo-link {
	display: none;
}
.result-item__logo-block {
	margin-bottom: 30px;
}
.result-item__title {
	color: #000014;
	font-family: Inter;
	font-size: 24px;
	font-style: normal;
	font-weight: 600;
	line-height: 1.3em;
}
@media screen and (min-width:768px) and (max-width:992px) {
	.result-item__btn {
		padding: 16px;
	}
}
@media screen and (min-width:576px) {
	.result-item {
		padding: 24px;
		display: flex;
		display: -webkit-flex;
		align-items: stretch;
		-webkit-align-items: stretch;
		justify-content: space-between;
		-webkit-justify-content: space-between;
		flex-direction: row-reverse;
		-webkit-flex-direction: row-reverse;
		gap: 30px;
	}
	.result-item__logo-block {
		margin-bottom: 0;
		display: flex;
		display: -webkit-flex;
		align-items: center;
		-webkit-align-items: center;
		justify-content: space-between;
		-webkit-justify-content: space-between;
		flex-direction: column;
		-webkit-flex-direction: column;
		max-width: 176px;
		width: 100%;
	}
	.result-item__content {
		max-width: calc(100% - 206px);
	}
	.result-item__logo-link {
		position: relative;
		display: block;
		margin-bottom: 15px;
		color: #888DFE;
		text-align: center;
		font-family: Inter;
		font-size: 16px;
		font-weight: 400;
		line-height: 1.5em;
		text-decoration: none;
	}
	.result-item__logo-link::after {
		content: "";
		display: block;
		width: 0;
		height: 1px;
		position: absolute;
		bottom: 0;
		left: 0;
		background-color: #888DFE;
		transition: .3s all;
	}
	.result-item__logo-link:hover::after {
		width: 100%;
	}
}

/* result-item-grid */
.result-item-grid {
	padding: 16px;
	border-radius: 24px;
	background-color: #F9F9FD;
}
.result-item-grid:not(:last-child) {
	margin-bottom: 16px;
}
.result-item-grid__header {
	margin-bottom: 16px;
	display: flex;
	display: -webkit-flex;
	align-items: center;
	-webkit-align-items: center;
	flex-wrap: wrap;
	-webkit-flex-wrap: wrap;
	gap: 8px 16px;
}
.result-item-grid__tags {
	display: flex;
	display: -webkit-flex;
	align-items: center;
	-webkit-align-items: center;
	flex-wrap: wrap;
	-webkit-flex-wrap: wrap;
	gap: 8px;
}
.result-item-grid__tag {
	font-family: Inter;
	font-size: 12px;
	font-style: normal;
	font-weight: 400;
	line-height: 1.5em;
	padding: 2px 6px;
	background-color: #D5D8DC;
	border-radius: 4.5px;
}
.result-item-grid__tag--cloud {
	background-color: rgba(0, 143, 245, 0.10);
	color: rgba(0, 109, 203, 0.95);
}
.result-item-grid__tag--contour {
	background-color: rgba(204, 0, 204, 0.08);
	color: rgba(115, 0, 134, 0.76);
}
.result-item-grid__tag--projects_counter {
	background-color: rgba(96, 95, 227, 0.10);
	color: #605FE3;
}
.result-item-grid__desc,
.result-item-grid__desc * {
	color: rgba(63,63,66,.8);
	font-family: Inter;
	font-size: 16px;
	font-style: normal;
	font-weight: 400;
	line-height: 1.5em;
}
.result-item-grid__desc *:last-child {
	margin-bottom: 0;
}
.result-item-grid__btn-container {
	margin-top: 32px;
}
.result-item-grid__btn {
	border-width: 2px;
	cursor: pointer;

}
.result-item-grid__logo {
	display: block;
	margin-bottom: 30px;
	border-radius: 8px;
	overflow: hidden;
	width: 100%;
}
.result-item-grid__logo-container {
	position: relative;
	padding-bottom: 55%;
	background-color: #fff;
}
.result-item-grid__logo picture {
	position: absolute;
	max-width: 63%;
	max-height: 50%;
	object-fit: contain;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
}
.result-item-grid__logo picture * {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
	object-fit: contain;
}
.result-item-grid__logo picture,
.result-item-grid__logo picture * {
	display: block;
	width: 100%;
	height: 100%;
}
.result-item-grid__link-container {
	display: none;
}
@media screen and (min-width:576px) {
	.result-item-grid {
		display: grid;
		grid-template-columns: auto 176px;
		grid-gap: 8px 30px;
		padding: 24px;
	}
	.result-item-grid__header {
		grid-column: 1 / 3;
		grid-row: 1 / 2;
		padding-bottom: 8px;
		margin-bottom: 0;
	}
	.result-item-grid__desc {
		grid-column: 1 / 2;
		grid-row: 2 / 3;
		padding-bottom: 12px;
	}
	.result-item-grid__logo {
		grid-column: 2 / 3;
		grid-row: 2 / 3;
		margin-bottom: 0;
	}
	.result-item-grid__btn-container {
		grid-column: 1 / 2;
		grid-row: 3 / 4;
		margin-top: 0;
	}
	.result-item-grid__link-container {
		grid-column: 2 / 3;
		grid-row: 3 / 4;
		display: flex;
		display: -webkit-flex;
		align-items: center;
		-webkit-align-items: center;
		justify-content: center;
		-webkit-justify-content: center;
	}
	.result-item-grid__link {
		display: block;
		color: #888DFE;
		font-family: Inter;
		font-size: 12px;
		font-weight: 400;
		line-height: 1.5em;
		text-decoration: none;
	}
	.result-item-grid__link::after {
		content: "";
		display: block;
		width: 0;
		height: 1px;
		position: absolute;
		bottom: 0;
		left: 0;
		background-color: #888DFE;
		transition: .3s all;
	}
	.result-item-grid__link:hover::after {
		width: 100%;
	}
}
@media screen and (max-width:810px) and (min-width:768px) {
	.result-item-grid__btn {
		min-width: 256px;
		margin-right: -30px;
	}
}

/* SIDEBAR */
.main-sec__sidebar-item-header {
	display: flex;
	display: -webkit-flex;
	align-items: center;
	-webkit-align-items: center;
	gap: 12px;
}
.main-sec__sidebar-item-title {
	color: #000014;
	font-family: Inter;
	font-size: 20px;
	font-style: normal;
	font-weight: 600;
	line-height: 1.3em;
}
.sidebar-item-clear-btn {
	display: none;
	width: 16px;
	height: 16px;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16' fill='none'%3E%3Cpath d='M4 12L12 4M4 4L12 12' stroke='%23FF3459' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
	background-size: contain;
	background-position: center;
	background-repeat: no-repeat;
	cursor: pointer;
}
.sidebar-item-counter {
	display: none;
	padding: 2px 6px;
	background-color: rgba(96, 95, 227, 0.10);
	border-radius: 4.5px;
	color: #605FE3;
	font-family: Inter;
	font-size: 12px;
	font-style: normal;
	font-weight: 400;
	line-height: 1.5em;
}
.main-sec__sidebar-item.active .sidebar-item-counter,
.main-sec__sidebar-item.active .sidebar-item-clear-btn {
	display: block;
}
@media screen and (min-width:768px) {
	.main-sec__sidebar-item.active .sidebar-item-counter {
		display: none;
	}
}
.main-sec__sidebar-item:not(:last-child) {
	margin-bottom: 32px;
}
.main-sec__sidebar-list-item {
	margin-top: 12px;
}
.main-sec__sidebar-list-item input {
	display: none;
}
.main-sec__sidebar-list-item label {
	display: block;
	padding-left: 24px;
	position: relative;
	cursor: pointer;
}
.main-sec__sidebar-list-item label .checkmark {
	display: block;
	width: 16px;
	height: 16px;
	border: 1.5px solid #616D7D;
	border-radius: 4px;
	position: absolute;
	left: 0;
	top: 2.5px;
	transition: .2s all;
	background-size: 12px 10px;
	background-position: center;
	background-repeat: no-repeat;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='9' viewBox='0 0 12 9' fill='none'%3E%3Cpath d='M0.75 3.75L4.75 7.75L10.75 0.75' stroke='white' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
}
.main-sec__sidebar-list-item input:checked + .checkmark {
	background-color: #605FE3;
	border-color: #605FE3;
}
.main-sec__sidebar-list-item-name,
.main-sec__sidebar-list-item-desc {
	display: block;
	color: #616D7D;
	font-family: Inter;
	font-style: normal;
	font-weight: 400;
	line-height: 1.5em;
	transition: .2s all;
}
input:checked ~ .main-sec__sidebar-list-item-name,
input:checked ~ .main-sec__sidebar-list-item-desc {
	color: #000014;
}
.main-sec__sidebar-list-item-name {
	font-size: 14px;
}
.main-sec__sidebar-list-item-desc {
	margin-top: 2px;
	font-size: 10px;
}

.sidebar-banner {
	margin-top: 48px;
	border-radius: 24px;
	background-color: #1d1ba0;
	color: #fff;
	padding: 183px 24px 40px 24px;
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
	background-image: url(../img/find-partner/banner_bg_sidebar.jpg);
}
.sidebar-banner__title {
	margin: 0 0 8px;
	font-family: Inter;
	font-size: 24px;
	font-weight: 600;
	line-height: 1.3em;
}
.sidebar-banner__desc {
	font-family: Inter;
	font-size: 14px;
	font-style: normal;
	font-weight: 400;
	line-height: 1.5em;
}
.sidebar-banner__btn {
	margin-top: 32px;
	padding: 0 32px 0 0;
	border: 0;
	border-radius: 0;
	color: inherit;
	font-family: Inter;
	font-size: 16px;
	font-style: normal;
	font-weight: 600;
	line-height: 1.5em;
	min-width: 1px;
}
.sidebar-banner__btn:hover {
	padding: 0 32px 0 0;
}
.sidebar-banner__btn svg {
	opacity: 1;
	margin-left: 13px;
}
.sidebar-banner__btn:hover svg {
	margin-left: 18px;
}
@media screen and (max-width:767.98px) {
	.main-sec__sidebar-filter-col {
		margin-bottom: 16px;
	}
	.main-sec__sidebar {
		padding: 8px 16px;
		border-radius: 24px;
		border: 1.5px solid #D5D8DC;
	}
	.sidebar-banner {
		display: none;
	}
	.main-sec__sidebar-item:not(:last-child) {
		margin-bottom: 0;
	}
	.main-sec__sidebar-item:not(:first-child) {
		border-top: 1.5px solid #D5D8DC;
	}
	.main-sec__sidebar-item-header {
		padding: 16px 0;
		margin: 0;
		position: relative;
	}
	.main-sec__sidebar-item-header::after {
		content: '';
		display: block;
		width: 24px;
		height: 24px;
		position: absolute;
		top: calc(50% - 12px);
		right: 0;
		background-size: contain;
		background-position: center;
		background-repeat: no-repeat;
		background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M18 9L12 15L6 9' stroke='%23000014' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
		transition: .3s all;
	}
	.main-sec__sidebar-item-title {
		font-size: 16px;
		font-weight: 400;
	}
	.main-sec__sidebar-item-list {
		height: 0;
		overflow: hidden;
		transition: .3s all;
	}
	.main-sec__sidebar-item.open .main-sec__sidebar-item-list {
		height: auto;
		padding-bottom: 32px;
	}
	.main-sec__sidebar-item.open .main-sec__sidebar-item-header::after {
		transform: rotate(180deg);
	}
}

.main-sec__bottom-banner {
	margin-top: 16px;
	background-color: #605FE3;
	color: #fff;
	text-align: center;
	border-radius: 24px;
	padding: 72px 24px;
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
	background-image: url(../img/find-partner/banner_bg_bottom.png);
}
.main-sec__bottom-banner-title,
.main-sec__bottom-banner-desc {
	font-family: Inter;
}
.main-sec__bottom-banner-title {
	font-size: 28px;
	line-height: 1.3em;
	font-weight: 600;
	margin: 0 0 8px;
}
.main-sec__bottom-banner-desc {
	font-size: 16px;
	line-height: 1.5em;
}
.main-sec__bottom-banner-btn {
	margin-top: 32px;
	border-color: #fff;
	background-color: #fff;
}
.soon-label {
	color: #FF6088;
	font-family: Inter;
	font-size: .857em;
	font-style: normal;
	font-weight: 400;
	line-height: 1.5em;
	display: inline-block;
	vertical-align: top;
	margin-left: .57em;
	padding: .14em .43em;
	border-radius: .32em;
	background-color: rgba(254, 229, 241, 0.50);
}