html, body {
	font-family: "Roboto", sans-serif;
}

.smallContainer {
	max-width: 1150px;
}

@media (min-width:768px) {
	html, body {
		font-size: 16px;
		line-height: 24px;
	}	
}

.doorwaySlide {
	background: url("/img/doorway/doorwaySlide3.jpg") center no-repeat;
	background-attachment: fixed;
	background-size: cover;
	height: 700px;
	max-height: 100vh;
	display: flex;
	align-items: center;
	position: relative;
}

.rootDoorwaySlide {
	background: url("/img/doorway/rootDoorwaySlide.jpg") center no-repeat;
	background-size: cover;
	height: 570px;
	max-height: 100vh;
	display: flex;
	align-items: center;
	position: relative;
}

.rootDoorwaySlide2 {
	background: url("/img/doorway/doorwayBanner.jpg") center no-repeat;
}

.doorwaySlide:after {
	content: "";
	display: block;
	position: absolute;
	z-index: 1;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	background: rgba(0,0,0,.6);
}

.doorwaySlide .container {
	position: relative;
	z-index: 2;
}

.doorwayH1 {
	font-size: 58px;
	line-height: 82px;
	color: #fff;
}

.rootDoorwayH1 {
	font-size: 58px;
	color: #fff;
}

.doorwayH2 {
	font-size: 48px;
}

.rootDoorwayH2 {
	text-align: center;
	font-size: 46px;
	line-height: 60px;
	font-weight: bold;
	color: #1D1E20;
	margin-bottom: 48px;
}

.doorwaySlideText {
	font-size: 24px;
	color: #fff;
	margin-bottom: 60px;
}

.rootDoorwaySlideText {
	font-size: 24px;
	color: #fff;
	margin-bottom: 60px;
}

.doorwayH1Wrap {

}

.doorwayPercentBlock {
	padding: 32px 22px;
	background: #F3F4F5;
	border-radius: 10px;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	gap: 25px;
	box-sizing: border-box;
	height: 100%;
}

.doorwayPercent {
	color: #0FA4ED;
	font-size: 80px;
	line-height: 88px;
	letter-spacing: -4px;
	font-family: "Unbounded", sans-serif;
	margin-bottom: 8px;
}

.doorwayPercentText {
	font-size: 16px;
	line-height: 24px;
}

.doorwayPercentNotice {
	font-size: 14px;
	line-height: 18px;
	color: #555E67;
}

.doorwayWhyTitle {
	font-size: 28px;
	line-height: 40px;
	color: #0C0015;
}

.rootDoorwaySectionBg {
	background: #E6F2F6;
	padding: 95px 0;
	margin-top: 165px;
	position: relative;
}

.rootDoorwayTitleDescr {
	font-size: 32px;
	line-height: 44px;
	color: #0C0015;
	margin-bottom: 40px;
	text-align: center;
	margin-top: -20px;
}

.rootDoorwayIntegrGrid {
	display: grid;
	grid-gap: 30px;
	grid-template:
		'rootDoorwayIntegrItem-1 rootDoorwayIntegrItem-1 rootDoorwayIntegrItem-1 rootDoorwayIntegrItem-2 rootDoorwayIntegrItem-2 rootDoorwayIntegrItem-2'
		'rootDoorwayIntegrItem-3 rootDoorwayIntegrItem-3 rootDoorwayIntegrItem-4 rootDoorwayIntegrItem-4 rootDoorwayIntegrItem-5 rootDoorwayIntegrItem-5';
}

.rootDoorwayIntegrItem {
	background: #fff;
	border: 1px solid #DDEBF0;
	padding: 32px 24px;
	border-radius: 16px;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
}

.rootDoorwayIntegrItemBig {
	flex-direction: row;
}

.rootDoorwayIntegrItemImg {
	flex: none;
	text-align: center;
}

.rootDoorwayIntegrItem-1 {
	grid-area: rootDoorwayIntegrItem-1;
}

.rootDoorwayIntegrItem-2 {
	grid-area: rootDoorwayIntegrItem-2;
}

.rootDoorwayIntegrItem-3 {
	grid-area: rootDoorwayIntegrItem-3;
}

.rootDoorwayIntegrItem-4 {
	grid-area: rootDoorwayIntegrItem-4;
}

.rootDoorwayIntegrItem-5 {
	grid-area: rootDoorwayIntegrItem-5;
}

.rootDoorWayIntegrTitle {
	font-size: 24px;
	line-height: 32px;
	color: #0C0015;
	margin-bottom: 24px;
}

.rootDoorwayIntegrItemText ul {
	list-style-type: none;
	padding-left: 0;
}

.rootDoorwayIntegrItemText ul li {
	margin-bottom: 12px;
	padding-left: 24px;
	position: relative;
	color: #0C0015;
}

.rootDoorwayIntegrItemText ul li:before {
	content: "";
	position: absolute;
	left: 0;
	top: 5px;
	display: block;
	width: 6px;
	height: 6px;
	background: #3BBCD9;
	border-radius: 50%;
}

.section2 {
	padding: 100px 0;
}

.section2Block {
	height: 100%;
	background: #c5e5ef;
	padding: 30px;
	border-radius: 30px;
}

.section2Block ul {
	margin-bottom: 0;
}

.integrationSection {
	padding: 100px 0;
	background: url("/img/doorway/integrationSection.jpg") center no-repeat;
	background-attachment: fixed;
	background-size: cover;
	position: relative;
	color: #fff;
}

.integrationSection:after {
	content: "";
	display: block;
	position: absolute;
	z-index: 1;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	background: rgba(0,0,0,.65);
}

.integrationSection .container {
	position: relative;
	z-index: 2;
}

.integrationSection .doorwayH2 {
	color: #fff;
}

.integrationSectionRow {
	row-gap: 30px;
}

.integrationSectionIcon {
	border-radius: 50%;
	width: 100px;
	height: 100px;
	background: #fefefe;
	color: #f0a4ed;
	display: flex;
	align-items: center;
	justify-content: center;
	margin: 0 auto;
}

.integrationSectionTitle {
	font-weight: bold;
	font-size: 20px;
	color: #fff;
	margin-top: 10px;
	text-align: center;
}

.section3Title {
	font-weight: bold;
	font-size: 20px;
	color: #3bbcd9;
	margin-top: 10px;
}

.section3Block {
	background: #fff;
	padding: 30px;
	border-radius: 20px;
}

.section3Icon {
	color: #f0a4ed;
	text-align: center;
}

.section4 {
	padding: 100px 0;
	background: #fff;
}

.section4Block {
	max-width: 500px;
	margin: 0 auto;
	padding: 15px;
	text-align: center;
}

.section5 {
	padding: 100px 0;
	background: #fff;
}

.section5Subtitle {
	font-size: 24px;
	line-height: 1.3;
	text-align: center;
	margin-bottom: 20px;
}

.faqSection {
	padding: 100px 0;
}

.rootDoorwaySection {
	margin-top: 165px;
}

.rootDoorwayReviewItem {
	display: flex;
	flex-direction: column;
	gap: 90px;
	border-radius: 16px;
	background: #fff;
	border: 1px solid #EEF0F3;
	padding: 30px 25px;
}

.rootDoorwayReviewQuot {
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='34' height='24' fill='none'%3E%3Cpath fill='%230FA4ED' d='M6.347 15.669c-.748 1.881-1.927 3.74-3.502 5.53a1.672 1.672 0 0 0-.159 2.018c.317.499.839.77 1.405.77.159 0 .318-.01.476-.067 3.332-.975 11.118-4.432 11.334-15.516C15.98 4.132 12.852.46 8.783.04a8.038 8.038 0 0 0-6.165 2.006A7.976 7.976 0 0 0 0 7.951c0 3.74 2.652 7.015 6.347 7.718ZM26.871.04a8.026 8.026 0 0 0-6.154 2.006A7.976 7.976 0 0 0 18.1 7.951c0 3.74 2.652 7.015 6.347 7.718-.748 1.881-1.927 3.74-3.502 5.53a1.671 1.671 0 0 0-.159 2.018c.318.499.839.77 1.406.77.158 0 .317-.01.476-.067C25.999 22.945 33.785 19.488 34 8.404v-.158C34 4.04 30.906.46 26.871.04Z'/%3E%3C/svg%3E");
	width: 34px;
	height: 24px;
	margin-bottom: 12px;
}

.rootDoorwayReviewName {
	color: #555E67;
	margin-bottom: 5px;
}

.rootDoorwayReviewPosition {
	font-size: 24px;
	color: #0C0015;
	font-size: 32px;
}

.rootDoorwayFooterFormWrap {
	padding: 40px 95px;
	background: #0FA4ED;
	border-radius: 16px;
	color: #fff;
	margin-top: 20px;
	position: relative;
	bottom: -145px;
}

.rootDoorwayFooterFormTitle {
	font-weight: bold;
	font-size: 46px;
	line-height: 60px;
	margin-bottom: 10px;
}

.rootDoorwayFooterFormDescr {
	margin-bottom: 125px;
}

.footer {
	background: #555E67;
	padding-top: 205px;
}

.rootDoorwayFooterForm {  
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	grid-template-rows: repeat(7, auto);
	gap: 12px 12px;
	grid-auto-flow: row;
	grid-template-areas:
		"footerFormRow-1 footerFormRow-1"
		"footerFormRow-2 footerFormRow-2"
		"footerFormRow-3 footerFormRow-4"
		"footerFormRow-5 footerFormRow-5"
		"footerFormRow-6 footerFormRow-6"
		"footerFormRow-7 footerFormRow-7"
		"footerFormRow-8 footerFormRow-8";
}

.footerFormRow-1 { grid-area: footerFormRow-1; }

.footerFormRow-2 { grid-area: footerFormRow-2; }

.footerFormRow-3 { grid-area: footerFormRow-3; }

.footerFormRow-4 { grid-area: footerFormRow-4; }

.footerFormRow-5 { grid-area: footerFormRow-5; }

.footerFormRow-6 { grid-area: footerFormRow-6; }

.footerFormRow-7 { grid-area: footerFormRow-7; }

.footerFormRow-8 { grid-area: footerFormRow-8; }

.rootDoorwayFooterForm .uk-input {
	background: transparent;
	border: 1px solid #fff;
	height: 60px;
	border-radius: 8px;
	font-size: 16px;
	padding: 10px 12px;
	color: #fff;
}

.rootDoorwayFooterForm .uk-input::placeholder, .rootDoorwayFooterForm .uk-textarea::placeholder {
	color: #fff;
}

.rootDoorwayFooterForm .uk-textarea {
	height: 96px;
	resize: none;
	padding: 18px 12px;
	background: transparent;
	border: 1px solid #fff;
	border-radius: 8px;
	font-size: 16px;
	color: #fff;
}

.rootDoorwayFooterForm .btn {
	width: 100%;
	height: 60px;
	background: #fff;
	color: #3BBCD9;
	font-weight: 600;
	border-radius: 8px;
}

.footerFormPolicy {
	text-align: center;
	font-size: 13px;
	line-height: 20px;
}

.footerFormPolicy a {
	color: #fff;
	border-bottom: 1px solid #fff;
}

.footerFormPolicy a:hover {
	border-bottom-color: transparent;
	text-decoration: none;
}

.rootDoorwayModalLogo {
	text-align: center;
	margin-bottom: 40px;
}

.rootDoorwayModalTitle {
	color: #0C0015;
	font-size: 46px;
	font-weight: bold;
	line-height: 1.2;
	text-align: center;
	margin-bottom: 10px;
}

.rootDoorwayModalDescr {
	text-align: center;
	color: #555E67;
	margin-bottom: 40px;
}

#rootDoorwayModal .uk-modal-dialog {
	width: 470px;
}

.modalFormRow {
	margin-bottom: 12px;
}

.modalFormRow .uk-input {
	height: 60px;
	background: #F3F4F5;
	border: 1px solid #EEF0F3;
	padding: 12px;
	border-radius: 8px;
	color: #555E67;
}

.modalFormRow .uk-input::placeholder {
	color: #555E67;
}

.modalFormRow .uk-textarea {
	height: 96px;
	background: #F3F4F5;
	border: 1px solid #EEF0F3;
	padding: 18px 12px;
	border-radius: 8px;
	color: #555E67;
}

.modalFormRow .uk-textarea::placeholder {
	color: #555E67;
}

.modalFormRow .btn {
	height: 60px;
	width: 100%;
}

.modalFormPolicy {
	text-align: center;
	font-size: 13px;
	line-height: 20px;
	color: #555E67;
}

.modalFormPolicy a {
	color: #555E67;
	border-bottom: 1px solid #555E67;
}

.modalFormPolicy a:hover {
	border-bottom-color: transparent;
	text-decoration: none;
}

.doorwaySection2Text {
	font-size: 28px;
	line-height: 40px;
	color: #555E67;
	padding: 30px 40px;
	background: #F3F4F5;
	border-radius: 16px;
}

.doorwaySection2ImgWrp {
	padding: 30px 40px;
	background-color: #F3F4F5;
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	border-radius: 16px;
	height: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
}

.tasksWrap {

}

.tasksWrap .rootDoorwayH2 {
	margin-bottom: 24px;
}

.tasksDescr {
	font-size: 32px;
	line-height: 44px;
	margin-bottom: 64px;
	text-align: center;
}

.tasksFlex {
	margin-bottom: 32px;
}

.tasksItem {
	min-height: 40px;
	padding-right: 12px;
	color: #555E67;
	font-size: 16px;
	line-height: 24px;
	position: relative;
	display: flex;
	align-items: center;
	gap: 12px;
	margin-bottom: 20px;
}

.tasksItem:before {
	content: "";
	display: block;
	width: 40px;
	height: 40px;
	border-radius: 50%;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='40' height='40' fill='none'%3E%3Cg clip-path='url(%23a)'%3E%3Crect width='40' height='40' fill='%23D5DAE1' rx='20'/%3E%3Cpath fill='%2392989F' d='m18.7 24.95-5.7-5.7 1.425-1.425L18.7 22.1l7.375-8.1 1.425 1.425-8.8 9.525Z'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='a'%3E%3Crect width='40' height='40' fill='%23fff' rx='20'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
	flex: none;
}

.doorwayAdvantages {
	margin-top: 170px;
	background: #F3F4F5;
	padding-top: 155px;
}

.advantagesDescr {
	font-size: 32px;
	line-height: 44px;
	text-align: center;
	margin-bottom: 45px;
}

.advantagesRow {
	margin-top: 95px;
}

.advantagesTitle {
	font-size: 28px;
	line-height: 40px;
	margin-bottom: 25px;
	margin-top: 55px;
}

.advantagesText {
	padding-right: 140px;
	font-size: 16px;
}

.flex-md-row-reverse .advantagesText, .flex-md-row-reverse .advantagesTitle {
	padding-left: 70px;
	padding-right: 70px;
}

.seoText {
	background: #fff;
	padding: 85px 0;
	max-width: 1520px;
	margin: 50px auto;
	border-radius: 16px;
	line-height: 32px;
}

.seoText p {
	margin-bottom: 30px;
}

.anotherBotsLinks {
	background: #fff;
	padding: 85px 0 220px;
	max-width: 1520px;
	margin: 70px auto 130px;
	border-radius: 16px;
}

.anotherBotsLinksGrid {
	display: grid;
	grid-template-columns: repeat(4,1fr);
	gap: 60px 70px;
	margin-top: 100px;
}

.anotherBotsLink {
	display: block;
	text-align: center;
	color: #fff;
	background: #3BBCD9;
	padding: 15px 20px;
	border-radius: 8px;
	transition: all .3s;
}

.anotherBotsLink:hover {
	color: #fff;
	text-decoration: none;
	background: #0f7ae5;
}

@media (max-width: 992px) {
	.rootDoorwaySection {
		margin-top: 80px;
	}
	.rootDoorwaySectionBg {
		margin-top: 80px;
	}
	.rootDoorwayFooterFormWrap {
		bottom: -80px;
		padding: 40px;
	}
	.rootDoorwayFooterFormDescr {
		margin-bottom: 50px;
	}
	.rootDoorwayFooterForm {
		margin-top: 50px;
	}
	.rootDoorwayReviewItem {
		margin-bottom: 20px;
	}
	.rootDoorwayH2 {
		font-size: 32px;
		line-height: 1.2;
	}
	.doorwayPercent {
		font-size: 60px;
	}
	.rootDoorwayIntegrGrid {
		display: flex;
		flex-direction: column;
	}
	.rootDoorwayIntegrItem {
		flex-direction: row;
	}
	.rootDoorwayTitleDescr {
		font-size: 26px;
		line-height: 1.2;
	}
	.rootDoorwayFooterFormTitle {
		font-size: 32px;
		line-height: 1.2;
	}
	.doorwaySection2Text {
		font-size: 24px;
		line-height: 1.2;
	}
	.doorwaySection2ImgWrp {
		margin-top: 30px;
		height: 200px;
	}
	.tasksWrap {
		padding: 30px;
	}
	.tasksWrap .rootDoorwayH2 {
		margin-top: 0;
		margin-bottom: 30px;
	}
	.tasksDescr {
		font-size: 28px;
		line-height: 1.4;
	}
	.doorwayAdvantages {
		margin-top: 95px;
		padding-top: 95px;
	}
	.advantagesDescr {
		font-size: 28px;
		line-height: 1.4;
	}
	.advantagesText {
		padding: 0;
	}
	.flex-md-row-reverse .advantagesText, .flex-md-row-reverse .advantagesTitle {
		padding: 0;
	}
	.anotherBotsLinksGrid {
		grid-template-columns: repeat(3,1fr);
	}
}

@media (max-width: 768px) {
	html, body {
		font-size: 16px;
	}
	.doorwayH2 {
		font-size: 32px;
	}
	.section2, .section3, .section4, .section5 {
		padding: 50px 0;
	}	
	.doorwayH1Wrap {
		width: 100%;
	}
	.rootDoorwayIntegrItem {
		flex-direction: column;
	}
	.rootDoorwayH1 {
		font-size: 36px;
	}
	.tasksWrap {
		margin: 0 -15px;
		width: calc(100% + 30px);
	}
	.advantagesRow {
		margin-top: 50px;
	}
	.advantagesText {
		margin-bottom: 25px;
	}
	.rootDoorwayFooterFormWrap {
		margin: 0 -15px;
		width: calc(100% + 30px);
	}
	.tasksItem {
		white-space: normal;
		height: auto;
		padding-top: 10px;
		padding-bottom: 10px;
		margin-bottom: 0;
	}
	.anotherBotsLinksGrid {
		grid-template-columns: repeat(2,1fr);
		margin-top: 0;
	}
	.anotherBotsLinks {
		padding-bottom: 100px;
		margin-bottom: 0;
	}
}

@media (max-width: 576px) {
	.rootDoorwayFooterForm {
		display: flex;
		flex-direction: column;
	}
	.anotherBotsLinksGrid {
		display: flex;
		flex-direction: column;
		gap: 15px;
	}
	.anotherBotsLink {
		width: 100%;
	}
}