section.banner {
    background-repeat: no-repeat;
    background-size: cover;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    margin-top: 0 !important;
    background-color: #147588;
	position: relative;
}

.banner::after{
	content:'';
	background:#fff;
	width:100%;
	height:75px;
	left:0;
	bottom:0;
	width:100%;
	position:absolute;
}

.banner h1,
.banner .h1 {
    font-size: 62px !important;
}
.banner .banner_slider {
    overflow: hidden;
    width: 100%;
    position: relative;
}
.banner .banner_slider .main-subtitle p {
    color: #F7F7F7;
    font-size: 20px;
    font-weight: 400;
    line-height: 140%;
}

.banner .banner_slider .slick-dots {
    position: absolute;
    bottom: 70px;
    left: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 15px;
    padding: 0;
    margin: 0;
    width: 100%;
    list-style: none;
}
.banner .banner_slider.slick-not-init .item_slide:not(:first-child) { 
    display: none;
  }

.banner .banner_slider .slick-dots button {
    display: block;
    width: 18px;
    height: 18px;
    padding: 3px;
    border: 1px solid transparent;
    background-color: transparent !important;
    text-indent: -9999px;
    transition: all .2s ease;
    position: relative;
}
.banner .banner_slider .slick-dots button::after {
    transition: all .2s ease;
    content: '';
    position: absolute;
    top: 3px;
    left: 3px;
    width: 10px;
    height: 10px;
    background-color: #fff;
}
.banner .banner_slider .slick-dots li.slick-active button::after {
    background-color: #1C9BB3;
}
.banner .banner_slider .slick-dots li:hover button {
    border-color: #fff;
}
.banner .banner_slider .slick-dots li.slick-active button {
    background-color: #1C9BB3;
    border-color: #1C9BB3;
}
.banner .left .flex-wrapper {
	width: 100%;
    max-width: 600px;
}

.banner .left .flex-wrapper .btn {
	width: calc(50% - 20px);
	text-align: center;
}

.banner .banner_slider .banner_wrapper {
    display: flex;
    align-items: center;
    gap: 32px;
}
.banner .banner_slider .popup_button {
    display: inline-block;
    margin-top: 10px;
}
.banner .banner_slider .left {
    width: 60%;   
    max-width: 696px;
}
.banner .banner_slider .image {
    width: 40%;
    max-width: 488px;
}
.banner .banner_slider img {
    width: 100%;
    height: auto;
    object-fit: contain;
    border-radius: 30px;
}
.banner .banner_slider .item_slide {
    outline: none;
    color: #fff;
     padding-top: 240px;
    padding-bottom: 140px;
    position: relative;
}
.banner .flex-wrapper {
    gap: 35px;
}
.banner .left, .banner .right {
    width: 50%;
}

.banner .list {
	display:flex;
	align-items:stretch;
	gap:32px;
	position:relative;
	z-index:4;
}

.banner .list .item {
	width:100%;
	background-color:#fff;
	border-bottom: 1px solid #E3A11433;
	box-shadow: 4px 4px 8px 0px #0000000A;
	border-radius:8px;
	padding: 24px 26px;
}

.banner .list .item .image{
	width:42px;
	margin:auto;
	margin-bottom:16px;
}

.banner .list .item .text {
	border-left:4px solid #E3A114;
	padding-left:10px;
	font-size:18px;
	line-height:28px;
	max-width:204px;
}

.brands {
	display:flex;
	align-items:center;
	gap:30px;
	margin-top: 75px;
	width: fit-content;
}

.brands-title {
	font-size: 24px;
	font-weight: 700;
	color: #147588;
	white-space: nowrap;
}

.brands .brands-list {
	display: flex;
	flex-wrap:wrap;
	align-items: center;
	width: fit-content;
	gap: 30px;
}

.brands .brands-list img{
	height: auto !important;
	width: 100% !important;
	max-width:115px !important;
}

/* Diverse */

.diverse .title {
	font-size:48px;
	line-height:64px;
	font-weight:700;
	color:#147588;
	margin-bottom:48px !important;
}


.diverse .list {
	grid-template-columns: 1fr 1fr 1fr;
	gap: 24px 32px;
	display:grid;
}

.diverse .list .item {
	background-color:#FFFFFF;
	border-radius:8px;
	box-shadow: 4px 4px 8px 0px #0000000A;
	display:flex;
	align-items:center;
	gap:16px;
	padding:24px 16px;
}
.diverse .list .item .image {
	width:42px;
}

/* Reviews */

.review-slider {
	background-color:#E2EEF1;
	padding-top:120px;
	padding-bottom:110px;
	overflow:hidden;
}

.review-slider .title {
	font-size:42px;
	font-weight:700;
	color:#2B2B2B;
	margin-bottom:50px !important;
}

.diverse .list .item .text {
	font-size:18px;
	line-height:28px;
}

footer {
	margin-top:0px !important;
}

footer .bg-green {
	margin-top:0 !important;
}

/* Service block menu */

.new-list-subtitle{
	color:#717171;
	font-weight:500;
	text-align:center;
	margin-top:20px;
	margin-bottom:30px;
}

.services_block_new ul{
	list-style:none;
	display:grid;
	grid-template-columns: repeat(4, 1fr);
	    font-size: 18px;
	padding-left:0px !important;
}

.services_block_new li{
	display:flex;
	gap:15px;
	align-items:center;
}

/* Form */

.form_bottom_block{
	margin-bottom:75px !important;
}

.form_bottom_block .big_container {
    background: #147588;
    border-radius: 20px;
    padding-top: 32px;
}
.form_bottom_block .container .flex-wrapper {
    align-items: center;
    gap: 20px;
}
.form_bottom_block .container .flex-wrapper .left {
    margin-bottom: 0;
}

.form {
    display: flex
;
    width: 100%;
    max-width: 488px;
    padding: 30px 32px;
    flex-direction: column;
    align-items: center;
    gap: 20px;
    border-radius: 30px;
    background: #FFF;
}

.form_bottom_block .form {
    box-shadow: 4px 4px 20px 0px rgb(143, 150, 151, 20%);
}

.gf_browser_chrome, .gform_body {
    width: 100% !important;
}

.gform_title {
	display:none !important;
}

/* Main vrf */

.main-vrf h2 {
	font-size: 48px;
    line-height: 64px;
    font-weight: 700;
    color: #147588;
    margin-bottom: 24px !important;
}

.main-vrf .text {
	text-align: center;
	font-size: 18px;
	margin-bottom: 48px;
	line-height: 32px;
}

.main-vrf .text.small {
	margin-bottom: 24px;
}

.main-vrf .list {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 32px;
	margin-bottom: 32px;
}

.main-vrf .list .big-card {
	border-radius: 12px;
	padding: 24px;
	background-color: #F9F9F9;
	border-left: 2px solid var(--card-color);
}

.main-vrf .list .big-card:first-child {
	--card-color: #51ACFF;
	--badge-color:#E6F1FB;
}

.main-vrf .list .big-card:last-child {
	--card-color: #147588;
	--badge-color: #E1F6EF;
}

.main-vrf .list .big-card h3 {
	font-weight: 700;
	font-size: 24px;
	line-height: 32px;
	margin-bottom: 12px;
	color: #000;
}

.main-vrf .list .big-card p {
	font-weight: 400;
	font-size: 16px;
	line-height: 24px;
	margin-bottom: 12px;
}

.main-vrf .list .big-card p a {
	text-decoration: underline !important;
}

.main-vrf .list .big-card .badge {
	background-color: var(--badge-color);
	padding: 4px 8px;
	border-radius: 12px;
	font-size: 16px;
	line-height: 24px;
	width: fit-content;
}

.main-vrf .list-small {
	display: grid;
	grid-template-columns: repeat(5, 1fr);
	gap: 30px;
}

.main-vrf .list-small .small-card {
	background-color: #F9F9F9;
	border-left: 2px solid var(--card-color);
	padding: 24px;
	padding-right: 14px;
	border-radius: 12px;
}

.main-vrf .list-small .small-card:first-child{
	--card-color: #000099;
}

.main-vrf .list-small .small-card:nth-child(2) {
	--card-color: #EF292E;
}

.main-vrf .list-small .small-card:nth-child(3) {
	--card-color: #1253A4;
}

.main-vrf .list-small .small-card:nth-child(4) {
	--card-color: #EF292E;
}

.main-vrf .list-small .small-card:last-child {
	--card-color: #C90650;
}

.main-vrf .list-small .small-card h3 {
	color: var(--card-color);
	font-weight: 700;
	font-size: 24px;
	line-height: 24px;
	margin-bottom: 12px;
}

.main-vrf .list-small .small-card p {
	font-size: 18px;
	line-height: 32px;
}

/* Contracts */

.contracts {
	background-color: #F7F8F9;
}

.contracts h2 {
	font-size: 48px;
    line-height: 64px;
    font-weight: 700;
    color: #147588;
    margin-bottom: 48px !important;
}

.contracts .flex-wrapper {
	gap: 35px;
}

.contracts .flex-wrapper .left {
	max-width: 695px;
	width: 100%;
}

.contracts .flex-wrapper .left p {
	font-size: 18px;
	line-height: 24px;
	margin-bottom: 12px;
}

.contracts .flex-wrapper .right {
	max-width: 488px;
	width: 100%;
}

.contracts .flex-wrapper .left p:last-child {
	margin-bottom: 0;
}

/* Emergency */

.emergency {
	background-color: #147588;
}

.emergency h2 {
	text-align: center;
	color: #fff;
	font-size: 42px;
	line-height: 50px;
	font-weight: 700;
	max-width: 887px;
	margin: auto;
	margin-bottom: 48px !important;
}

.emergency p {
	color: #fff;
	font-size: 18px;
	line-height: 24px;
	text-align: center;
	max-width: 970px;
	margin: auto;
	margin-bottom: 24px;
}

.emergency .steps {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 32px; 
}

.emergency .steps .step img {
	margin: auto;
	margin-bottom: 18px;
	max-width: 64px;
}


.emergency .steps .step p {
	font-weight: 700;
	font-size: 16px;
	line-height: 24px;
	margin-bottom: 0px;
}

.emergency .steps svg:last-child {
	display: none;
}

/* Common */

.common h2 {
	font-size: 48px;
    line-height: 64px;
    font-weight: 700;
    color: #147588;
    margin-bottom: 24px !important;
}

.common .subtitle {
	max-width: 670px;
	text-align: center;
	margin: auto;
	margin-bottom: 48px;
	color: #000000;
}

.common .rows {
	display: grid;
	grid-template-columns: repeat(6, 1fr);
	gap: 32px;
}

.common .rows .row:nth-child(-n+3){
	grid-column: span 2;
}

.common .rows .row:nth-child(n+4) {
	grid-column: span 3;
}

.common .rows .row {
	background-color: #F7F8F9;
	border: 1px solid #EBEBEB;
	border-radius: 12px;
	padding: 16px;
	padding-bottom: 20px;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	transition-duration: .2s;
	gap: 18px;
}

.common .rows .row p {
	font-size: 18px;
	line-height: 24px;
}

.common .rows .row .icon {
	width: 64px;
	height: 64px;
	background-color: #fff;
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius:12px;
	transition-duration: .2s;
}

.common .rows .row .icon svg {
	width: 32px;
	height: 32px;
}

.common .rows .row .icon svg path {
	stroke: #147A8A;
	transition-duration: .2s;
}

.common .rows .row:hover {
	border: 1px solid #E3A114;
}

.common .rows .row:hover .icon {
	background-color: #E3A114;
}

.common .rows .row:hover .icon svg path {
	stroke: #fff;
}

/* Benefits vrf */

.benefits-vrf h2 {
	font-size: 48px;
    line-height: 64px;
    font-weight: 700;
    color: #147588;
    margin-bottom: 24px !important;
}

.benefits-vrf .subtitle {
	font-size: 18px;
	line-height: 32px;
	text-align: center;
	max-width: 674px;
	margin: auto;
	margin-bottom: 48px;
	color: #000;
}

.benefits-vrf .cards {
	display: grid;
	grid-template-columns: 1fr 1fr 1fr;
	gap:32px;
}

.benefits-vrf .cards .card {
	background-color: #F7F8F9;
	padding: 16px;
	border-radius: 12px;
	font-size: 18px;
	line-height: 24px;
}

.benefits-vrf .cards .card h3 {
	font-size: 18px;
	line-height: 24px;
	font-weight: 700;
	color: #000;
	margin-bottom: 12px;
}

.benefits-vrf .cards .card p {
	font-size: 18px;
	line-height: 24px;
	font-weight: 400;
}

/* Benefits */

.benefits .title {
	font-size:48px;
	line-height:64px;
	font-weight:700;
	color:#147588;
	margin-bottom: 24px !important;
}

.benefits .subtitle {
	color: #000;
	text-align: center;
	max-width: 674px;
	margin:auto;
	margin-bottom: 24px;
}

.benefits .faq-block{
	margin-bottom:30px;
}

.benefits .container .faq-block:last-child{
	margin-bottom: 0 !important; 
}

.benefits .faq-block .question{
	background-color:#147588;
	border-radius:8px;
	padding:16px;
	padding-right:24px;
	font-size:18px;
	line-height:40px;
	letter-spacing:-1px;
	font-weight:500;
	color:#fff;
	margin-bottom:0px;
	transition:.3s;
	cursor:pointer;
	display:flex;
	align-items:center;
	justify-content:space-between;
	gap:30px;
}

.benefits .faq-block.open .question{
	margin-bottom:32px;
	background-color:#E3A114;
}

.benefits .faq-block.open .question svg{
	transform:rotate(180deg);
}


.benefits .faq-block .answear {
	overflow:hidden;
	font-size:18px;
	line-height:28px;
	height:0;
	font-weight:400;
	transition:.3s;
}

/* vrf installation */

.vrf-installation h2 {
	font-size:48px;
	line-height:64px;
	font-weight:700;
	color:#147588;
	margin-bottom: 48px !important;
}


.vrf-installation .flex-wrapper {
	gap: 32px;
}

.vrf-installation .flex-wrapper .left {
	max-width: 694px;
	width: 100%;
}

.vrf-installation .flex-wrapper .left p {
	font-size: 18px;
	line-height: 24px;
	margin-bottom: 24px;
}

.vrf-installation .container .flex-wrapper .left p:last-child{
	margin-bottom: 0;
}

.vrf-installation .flex-wrapper .right {
}

/* universal services */

.universal-services h2 {
	font-size:48px;
	line-height:64px;
	font-weight:700;
	color:#147588;
	margin-bottom: 48px !important;
}


.universal-services .flex-wrapper {
	gap: 32px;
	justify-content: space-between;
}

.universal-services .flex-wrapper .right {
	max-width: 590px;
	width: 100%;
}

.universal-services .flex-wrapper .right p {
	font-size: 18px;
	line-height: 24px;
}

.universal-services .flex-wrapper .right {
}


@media screen and (max-width:1024px) {
	
	/* Banner */
	
	.banner .banner_slider .banner_wrapper {
		flex-direction: column-reverse;
	}
	
	.banner .banner_slider .item_slide {
		padding-bottom: 0px;
	}
	
	.banner .banner_slider .image {
		max-width: 100%;
		width: 100%;
	}
	
	.banner .banner_slider .left {
		max-width: 100%;
		width: 100%;
	}
	
	.banner .left .flex-wrapper {
		display: none !important;
	}
	
	.banner h1, .banner .main-subtitle {
		text-align:left;
	}
	
	.banner::after {
		background-color: transparent;
	}
	
	.banner .list {
		flex-direction: column;
		padding-bottom: 48px;
	}
	
	.banner .list .item .text {
		max-width:unset;
		width: fit-content;
		margin-left: auto;
		margin-right: auto;
	}
	
	.brands {
		flex-direction: column;
		gap: 15px;
		margin-top: 48px;
	}
	
	.brands .brands-list {
		justify-content:center;
	}
	
	.instalation-flex .right {
		box-shadow: none;
		padding:0;
	}
	
	/* Diverse */
	
	.diverse .list {
		grid-template-columns: 1fr 1fr 1fr;
	}
	
	/* main vrf */
	
	.main-vrf .list-small {
		grid-template-columns: 1fr 1fr;
	}
	
	/* Universal services */
	
	.universal-services .flex-wrapper {
		flex-direction: column;
	}
	
	.universal-services .flex-wrapper .left, .universal-services .flex-wrapper .right {
		max-width: 100%;
		width: 100%;
	}
	
	/* VRF installation */
	
	.vrf-installation .flex-wrapper {
		flex-direction: column-reverse;
	}
	
	.vrf-installation .flex-wrapper .left, .vrf-installation .flex-wrapper .right {
		max-width: 100%;
		width: 100%;
	}
	
	/* Contracts */
	
	.contracts .flex-wrapper {
		flex-direction: column-reverse;
	}
	
	.contracts .flex-wrapper .left, .contracts .flex-wrapper .right {
		max-width: 100%;
	}
}

@media screen and (max-width: 900px) {
	/* Benefits VRF */
	
	.benefits-vrf .cards {
		grid-template-columns: 1fr;
	}
}

@media screen and (max-width:720px) {
	.diverse .list {
        grid-template-columns: 1fr 1fr;
    }
	
}

@media screen and (max-width: 600px) {
	/* Banner */
	
	.banner .banner_slider .item_slide {
		padding-top: 100px;
	}
	
	.banner .banner_slider .banner_wrapper {
		gap: 16px;
	}
	
	.banner h1 {
		font-size: 48px !important;
		line-height: 56px !important;
		margin-bottom: 16px !important;
	}
	
	.banner .banner_slider .main-subtitle p {
		line-height: 28px;
		margin-bottom: 16px;
	}
	
	.banner .list {
		gap: 24px;
	}
	
	/* Diverse */
	
	.diverse {
		padding-top:0px !important;
	}
	
	.diverse h2.title {
		font-size:32px !important;
		margin-bottom:24px !important;
		line-height:40px !important;
	}
	
	.diverse .list {
		grid-template-columns: 1fr;
	}
	
	/* Benefits */
	
	.benefits {
		padding-top:0px !important;
	}
	
	.benefits h2.title {
		font-size:32px !important;
		margin-bottom:24px !important;
		line-height:40px !important;
	}
	
	.benefits .faq-block .question {
		font-size:18px;
		line-height:24px !important;
	}
	
	.benefits .faq-block:last-child{
		margin-bottom:0px ;
	}
	
	/* Common */
	
	.common .rows {
		display: flex;
		flex-direction: column;
	}
	
	/* main vrf */
	
	.main-vrf .list, .main-vrf .list-small {
		grid-template-columns: 1fr;
	}
	
	/* emergency */
	
	.emergency .steps {
		max-width: 306px;
		flex-wrap: wrap;
		margin: auto;
		gap: 11px;
	}
	
	.emergency .steps svg {
		display:none;
	}
	
	.emergency .steps svg:nth-child(2),.emergency .steps svg:nth-child(4) {
		display: block;
	}
}