/* Start:/local/templates/nobetec/components/bitrix/news.detail/developers_page/style.css?17805817044915*/
/* start guide */
.guide__container {
	max-width: 1552px;
	width: 100%;
	margin: 0 auto;
}

.guide__heading {
	display: flex;
	align-items: center;
	justify-content: space-between;
}

.guide__wrapper {
	max-width: 1840px;
	width: 100%;
	margin: 0 auto;
	padding: 48px 0;
	border-radius: 32px;
	background-color: var(--base-white-color);
	box-shadow: 0px 2px 6px 0px rgba(141, 177, 195, 0.12);
}

.guide__grid {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	column-gap: 32px;
}

.guide__grid-col {
	padding-right: 32px;
}

.guide__subtitle {
	margin-bottom: 40px;
	font-weight: 700;
	font-size: 28px;
	line-height: 1.4;
}

.guide__text {
	font-size: 18px;
	line-height: 1.4;
	color: var(--base-gray-color-07);
}

.guide__text b {
	color: var(--base-black-color);
}

.guide__text p:not(:last-child) {
	margin-bottom: 20px;
}

.guide__text ul {
	padding-left: 1.2rem;
}

.guide__text ul:not(:last-child) {
	margin-bottom: 40px;
}

.guide__text ul li::marker {
	color: var(--primary-brand-color);
}

.guide__text ul li:not(:last-child) {
	margin-bottom: 16px;
}

.guide__text ul li span {
	display: inline-block;
}

.guide__text ul li b {
	color: inherit;
}

.guide__text ul li a {
	text-decoration: underline;
	color: var(--base-black-color);
	transition: 0.3s;
}

.guide__text ul li a:hover {
	text-decoration-color: transparent;
}

@media screen and (max-width: 1920px) {
	.guide__container {
		max-width: calc(1320px + (1552 - 1320) * ((100vw - 1536px) / (1920 - 1536)));
	}

	.guide__wrapper {
		max-width: calc(1472px + (1840 - 1472) * ((100vw - 1536px) / (1920 - 1536)));
		padding: calc(40px + (48 - 40) * ((100vw - 1536px) / (1920 - 1536))) 0;
		border-radius: calc(28px + (32 - 28) * ((100vw - 1536px) / (1920 - 1536)));
	}

	.guide__grid {
		column-gap: calc(24px + (32 - 24) * ((100vw - 1536px) / (1920 - 1536)));
	}

	.guide__grid-col {
		padding-right: calc(24px + (32 - 24) * ((100vw - 1536px) / (1920 - 1536)));
	}

	.guide__subtitle {
		margin-bottom: calc(32px + (40 - 32) * ((100vw - 1536px) / (1920 - 1536)));
		font-size: calc(24px + (28 - 24) * ((100vw - 1536px) / (1920 - 1536)));
	}

	.guide__text {
		font-size: calc(16px + (18 - 16) * ((100vw - 1536px) / (1920 - 1536)));
	}

	.guide__text ul:not(:last-child) {
		margin-bottom: calc(32px + (40 - 32) * ((100vw - 1536px) / (1920 - 1536)));
	}
}

@media screen and (max-width: 1536px) {
	.guide__container {
		max-width: calc(1196px + (1320 - 1196) * ((100vw - 1366px) / (1536 - 1366)));
	}

	.guide__wrapper {
		max-width: calc(1302px + (1472 - 1302) * ((100vw - 1366px) / (1536 - 1366)));
		padding: 40px 0;
		border-radius: 28px;
	}

	.guide__grid {
		column-gap: calc(16px + (24 - 16) * ((100vw - 1366px) / (1536 - 1366)));
	}

	.guide__grid-col {
		padding-right: calc(20px + (24 - 20) * ((100vw - 1366px) / (1536 - 1366)));
	}

	.guide__subtitle {
		margin-bottom: calc(24px + (32 - 24) * ((100vw - 1366px) / (1536 - 1366)));
		font-size: calc(20px + (24 - 20) * ((100vw - 1366px) / (1536 - 1366)));
	}

	.guide__text {
		font-size: 16px;
	}

	.guide__text ul:not(:last-child) {
		margin-bottom: calc(24px + (32 - 24) * ((100vw - 1366px) / (1536 - 1366)));
	}
}

@media screen and (max-width: 1366px) {
	.guide__container {
		max-width: calc(912px + (1196 - 912) * ((100vw - 1024px) / (1366 - 1024)));
	}

	.guide__wrapper {
		max-width: calc(1008px + (1302 - 1008) * ((100vw - 1024px) / (1366 - 1024)));
		padding: calc(32px + (40 - 32) * ((100vw - 1024px) / (1366 - 1024))) 0;
	}

	.guide__grid {
		column-gap: 16px;
	}

	.guide__grid-col {
		padding-right: 20px;
	}

	.guide__subtitle {
		margin-bottom: calc(20px + (24 - 20) * ((100vw - 1024px) / (1366 - 1024)));
		font-size: 20px;
	}

	.guide__text {
		font-size: 16px;
	}

	.guide__text p:not(:last-child) {
		margin-bottom: calc(16px + (20 - 16) * ((100vw - 1024px) / (1366 - 1024)));
	}

	.guide__text ul:not(:last-child) {
		margin-bottom: calc(20px + (24 - 20) * ((100vw - 1024px) / (1366 - 1024)));
	}
}

@media screen and (max-width: 1200px) {
	.guide__grid {
		grid-template-columns: 1fr;
		row-gap: 40px;
	}

	.guide__grid-col {
		padding-right: 0;
	}
}

@media screen and (max-width: 1024px) {
	.guide {
		padding: 0 16px;
	}

	.guide__container {
		max-width: 100%;
		padding: 0 calc(24px + (48 - 24) * ((100vw - 390px) / (1024 - 390)));
	}

	.guide__heading {
		margin: 0 -16px 24px;
	}

	.guide__heading .btn-project {
		width: 48px;
		height: 48px;
		padding: 14px;
	}

	.guide__heading .btn-project__text {
		display: none;
	}

	.guide__wrapper {
		max-width: 1008px;
		padding: 32px 0;
		border-radius: calc(24px + (28 - 24) * ((100vw - 393px) / (1024 - 393)));
	}

	.guide__wrapper .container {
		padding: 0 24px;
	}

	.guide__subtitle {
		margin-bottom: calc(16px + (20 - 16) * ((100vw - 393px) / (1024 - 393)));
	}

	.guide__text ul li:not(:last-child) {
		margin-bottom: calc(12px + (16 - 12) * ((100vw - 393px) / (1024 - 393)));
	}
}

/* AND guide */
/* End */


/* Start:/local/components/nobetec/custom_form/templates/partner_form/style.css?17785810981378*/
.partner-select {
  position: relative;
  width: 100%;
}

.partner-select__trigger {
  display: flex;
  align-items: center;
  justify-content: space-between;
  cursor: pointer;
  user-select: none;
}

.partner-select__text {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.partner-select__text--placeholder {
  font-weight: 400;
  color: var(--base-gray-color-05);
}

.partner-select__arrow {
  display: flex;
  flex-shrink: 0;
  transition: 0.3s;
}

.partner-select.active .partner-select__arrow {
  transform: rotate(180deg);
}

.partner-select__dropdown {
  position: absolute;
  top: calc(100% + 8px);
  left: 0;
  right: 0;
  z-index: 10;
  border-radius: 12px;
  border: 1px solid #e9ebee;
  background: #fff;
  box-shadow: 0px 4px 20px 0px rgba(141, 177, 195, 0.16);
  padding: 8px;
  opacity: 0;
  transform: translateY(10px);
  pointer-events: none;
  transition: 0.3s;
}

.partner-select.active .partner-select__dropdown {
  opacity: 1;
  transform: translateY(0);
  pointer-events: initial;
}

.partner-select__item {
  color: #444446;
  font-size: 16px;
  font-weight: 500;
  cursor: pointer;
  transition: 0.3s;
  line-height: 1.5;
  border-radius: 8px;
  padding: 10px 16px;
}

.partner-select__item:hover {
  background-color: #f3f4f6;
  color: #282829;
}

.partner-select__item.active {
  background-color: #f3f4f6;
  color: #282829;
}
/* End */
/* /local/templates/nobetec/components/bitrix/news.detail/developers_page/style.css?17805817044915 */
/* /local/components/nobetec/custom_form/templates/partner_form/style.css?17785810981378 */