<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">.coop-wrap{
	max-width: 1180px;
	margin: 0 auto;
	padding: 0 20px;
	position: relative;
	width: 100%;
}

.page-cont.transparent{
	background: transparent;
	padding: 0;
	gap: 0;
}

.coop-text-sec{
    background-color: #fdeaf2;
}

.coop-text-cont{
	display: flex;
	align-items: center;
	position: relative;
	min-height: 700px;
}

.coop-text-decore{
	position: absolute;
}

.coop-text-element{
	flex: 0 0 570px;
	max-width: 570px;
	display: flex;
	flex-direction: column;
	gap: 16px;
	position: relative;
	z-index: 3;
}

.coop-text-block{
	display: flex;
	flex-direction: column;
	gap: 16px;
	padding: 15px 30px;
	background: #ffffff;
	box-shadow: 5px 5px 20px 0 rgba(0, 0, 0, 0.2);
	border-radius: 20px;
}

.coop-text-decore{
    width: 611px;
    height: 591px;
    position: absolute;
    right: 0;
}

.coop-text-decore-svg{
	opacity: .5;
    width: 653px;
    height: 485px;
    background-image: none;
    transform-origin: center center;
    transform:rotate(208.77deg);
    position: absolute;
    bottom: 55px;
}

.coop-text-decore-svg svg{
	 fill: #d395f7;
}

.coop-text-decore-cat{
	position: relative;
	z-index: 2;
}

.coop-text-title{
	font-size: 51px;
	font-family: var(--s-family2);
    line-height: 1.1;
    color: #ec3880;
}

.coop-text-semi{
	font-size: 24px;
	font-family: var(--s-family2);
	color: #3a0051;
	line-height: 1.1;
}

.coop-text-p{
    line-height: 1.6;
    font-size: 18px;
    color: #3a0051;
}

.coop-text-desc{
	padding-left: 176px;
	font-size: 14px;
	line-height: 1.6;
	color: #3a0051;
}

.coop-text-btn-block{
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
}

.coop-text-cat{
	position: absolute;
    width: 134px;
    height: 134px;
    background-image: linear-gradient(183deg, rgb(255 238 153 / 60%), rgb(242 115 166 / 60%));
    border-radius: 50%;
    left: 35px;
}

.coop-text-cat img{
	position: absolute;
    width: 134px;
    height: 52px;
    top: -10px;
}

.coop-btn{
	font-size: 16px;
	letter-spacing: 3px;
    font-weight: 700;
    color: #fffcda;
    background-color: #ec3880;
    border: 2px solid #f271a4;
    line-height: 1.4;
    border-radius: 50px;
    transition: .5s all ease-in-out;
    text-transform: uppercase;
}

.coop-btn:hover{
	color: #ec3880;
	background: #ffffff;
	border-color: #f271a4;
}

.coop-text-btn{
    padding: 16px 90px 16px 90px;
    position: relative;
    z-index: 2;
}


.who-coop-grid{
	min-height: 726px;
	margin: 0 -10px;
	padding: 90px 0;
	display: flex;
	flex-wrap: wrap;
	gap: 20px 0;
}

.who-coop-item{
	flex: 0 0 calc(100% / 3);
	max-width: calc(100% / 3);
	padding: 0 10px;

}

.who-coop-element{
    min-height: 274px;
    display: flex;
    flex-direction: column;
    gap: 48px;
    position: relative;
    border-radius: 30px;
}

.who-coop-title{
	font-size: 48px;
	line-height: 1.1;
	font-family: var(--s-family2);
	color: #3a0051;
}

.who-coop-text{
	font-size: 16px;
	color: #3a0051;
	line-height: 1.6;
}

.who-coop-element-block{
	position: relative;
	padding: 28px 19px;
	border-radius: 30px;
	align-items: flex-end;
	gap: 30px;
}

.who-coop-element-decore{
	position: absolute;
    width: 153px;
    height: 153px;
    left: 19px;
    bottom: 28px;
}

.who-coop-element-block-title{
	text-align: right;
	color: #3a0051;
    line-height: 1.2;
    font-size: 20px;
    font-family: var(--s-family2);
}

ul.who-coop-element-list{
	list-style: none;
	margin: 0;
	padding: 0;
	display: flex;
	flex-direction: column;
	gap: 10px;
}

.who-coop-element-list li{
	display: flex;
	align-items: center;
	white-space: nowrap;
	gap: 10px;
}

.who-coop-element-list-icon{
	display: flex;
	align-items: center;
	justify-content: center;
}

.who-coop-element-list-icon svg{
	width: 22px;
	height: 22px;
}

.who-coop-element-color1{
	background: #f4e4fd;
}


.who-coop-element-color1 .who-coop-element-list-icon{
	color: #9602ec;
}

.who-coop-element-color2{
	background: #e8f9fe;
}

.who-coop-element-color2 .who-coop-element-list-icon{
	color: #23c6f4;
}

.who-coop-element-color2 .who-coop-element-decore{
    width: 158px;
    height: 158px;
}

.who-coop-element-color3{
	background: #fdeaf2;
}

.who-coop-element-color3 .who-coop-element-list-icon{
	color: #ec3880;
}

.who-coop-element-color3 .who-coop-element-decore{
    width: 131px;
    height: 131px;
}

.who-coop-element-color4{
	background: #fffbe6;
}

.who-coop-element-color4 .who-coop-element-list-icon{
	color: #ffd500;
}

.who-coop-element-color4 .who-coop-element-decore{
    width: 115px;
    height: 115px;
}

.who-coop-element-color5{
	background: #fdeaf2;
}

.who-coop-element-color5 .who-coop-element-list-icon{
	color: #ec3880;
}

.who-coop-element-color5 .who-coop-element-decore{
    width: 158px;
    height: 158px;
}

.howto-sec{
	background: #fffbe6;
}

.howto-grid{
	padding: 100px 0 60px;
	display: flex;
}

.howto-list-cont{
	flex: 0 0 48.33333333%;
    max-width: 48.33333333%;
    min-width: 48.33333333%;
    min-height: 495px;
}

.howto-text-cont{
    min-height: 495px;
    flex: 0 0 51.66666667%;
    max-width: 51.66666667%;
    min-width: 51.66666667%;
}

.howto-list-block{
	display: flex;
	flex-direction: column;
	gap: 26px;
}

.howto-list-item{
	display: flex;
	align-items: flex-start;
	gap: 18px;
}

.howto-list-number{
	display: flex;
	align-items: center;
	justify-content: center;
    width: 67px;
    height: 67px;
    flex: 0 0 67px;
    border-radius: 50%;
    background-color: #9602ec;
    font-size: 48px;
    line-height: 1.1;
    color: #fff;
    font-family: var(--s-family2);
}

.howto-list-text-block{
	display: flex;
	flex-direction: column;
	gap: 6px;
}

.howto-list-title{
	font-weight: 400;
	font-size: 20px;
	line-height: 1.2;
	font-family: var(--s-family2);
    color: #3a0051;
}

.howto-list-text{
    font-weight: 400;
    font-size:18px;
    line-height: 1.6;
    font-style: italic;
    color: #3a0051;
}

.howto-text-block{
	display: flex;
	flex-direction: column;
	gap: 54px;
	padding: 0 30px;
}

.howto-text-title{
	font-size: 36px;
	font-family: var(--s-family2);
	color: #3a0051;
    line-height: 1.2;
}

.howto-text-elem{
    line-height: 2;
    color: #3a0051;
    font-size: 16px;
}

.howto-text-btn{
	display: flex;
	align-items: center;
	justify-content: center;
}

.howto-text-btn .coop-btn{
    padding: 16px 52px 16px 51px;
}

.advantages-grid{
	display: flex;
	flex-direction: column;
	gap: 45px;
	padding: 60px 0;
}

.advantages-title-block{
	display: flex;
	flex-direction: column;
	gap: 20px;
	align-items: center;
	justify-content: center;
}

.advantages-title{
	color: #3a0051;
    line-height: 1.1;
    font-size: 36px;
    font-family: var(--s-family2);
    text-align: center;
}

.advantages-semititle{
    line-height: 1.6;
    font-size: 18px;
    text-align: center;
    color: #3a0051;
}

.advantages-cont{
	display: flex;
	margin: 0 -10px;
}

.advantages-item{
	display: flex;
	flex-direction: column;
	gap: 20px;
	padding: 0 10px;
	flex: 0 0 calc(100% / 3);
}

.advantages-elem{
    padding: 30px;
    border-radius: 30px;
    gap: 52px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    min-height: 291px;
}

.advantages-elem-title{
    line-height: 1.2;
    color: #3a0051;
    font-size: 36px;
    font-family: var(--s-family2);
}

.advantages-elem-text{
    line-height: 1.6;
    font-size:  18px;
    color: #3a0051;
}

.advantages-elem1{
	background: #f271a4;
}	

.advantages-elem1 .advantages-elem-text{
	color: #fffcda;
}

.advantages-elem2{
	background: #ffe24d;
}

.advantages-elem3{
	background-image: linear-gradient(to bottom, rgba(99, 215, 247, 0.5), rgba(99, 215, 247, 0.5)), linear-gradient(to bottom, rgba(229, 229, 229, 1), rgba(229, 229, 229, 1));
}

.advantages-elem4{
	background: #b44af2;
}

.advantages-elem4 .advantages-elem-text{
	color: #fffcda;
}

.advantages-elem.advantages-elem-photo{
	height: 100%;
	background-image: url(../domen/images/advantagesimg.webp);
	background-position: 50% 50%;
    background-size: cover;
}

.planning-sec{
	position: relative;
	background: #f4e4fd;
}

.planning-sec:before{
	content: "";
	position: absolute;
	left: 0;
	right: 0;
	top: 121px;
    height: 254px;
    background: #ffffff;
    z-index: 0;
}

.planning-grid{
	display: flex;
	flex-direction: column;
	padding: 121px 0 60px 0;
}

.planning-group{
	display: flex;
	gap: 50px;
	align-items: center;
	margin-top: -50px;
}

.planning-elem-block{
    padding: 30px 40px 20px;
    border-radius: 30px;
    min-height: 399px;
    width: 602px;
    flex: 0 0 602px;
    max-width: 602px;
    gap: 20px;
    box-shadow: 5px 5px 20px 0 rgba(0, 0, 0, 0.15);
    position: relative;
    z-index: 2;
    background-color: #ffffff;
    display: flex;
    flex-direction: column;
    justify-content: center;

}

.planning-title-block, .planning-text-bold-block, .planning-text-block{
	flex-grow: 1;
	z-index: 2;
	position: relative;
}

.planning-elem-title{
    line-height: 1.1;
    font-family: var(--s-family2);
    font-size: 48px;
    padding-right: 20px;
}

.planning-elem-text{
	font-size: 18px;
    line-height: 1.8;
    color: #3a0051;
    padding-right: 20px;

}

.group2 .planning-elem-text{
	padding-right: 0;
	padding-left: 31px;
}

.group4 .planning-elem-text{
	padding-right: 0;
	padding-left: 31px;
}

.group1 .planning-elem-title{
	color: #ffd500;
}

.group2 .planning-elem-title{
	padding-right: 0;
	padding-left: 31px;
	color: #ec3880 ;
}

.group3 .planning-elem-title{
	color: #9602ec;
}

.group4 .planning-elem-title{
	padding-right: 0;
	padding-left: 31px;
	color: #23c6f4 ;
}

.planning-title-block{
	font-size: 48px;
    line-height: 1.1;
    font-family: var(--s-family2);
    color: #3a0051;
    text-align: right;
    padding-right: 90px;
}

.planning-text-bold-block{
    color: #3a0051;
    line-height: 1.2;
    font-size: 24px;
    font-family: var(--s-family2);
    padding-left: 112px;
}

.planning-text-block{
	color: #3a0051;
	font-size: 18px;
    line-height: 1.6;
    padding-right: 70px;
}

.planning-group.group2{
	position: relative;
	margin-top: -100px;
}

.planning-group.group2:before{
	content: "";
	position: absolute;
    width: 630px;
    height: 576px;
    background: #ffd500;
    left: 63px;
    top: -70px;
    border-radius: 50px;
    z-index: 1;
}

.planning-group.group3{
	position: relative;
	gap: 30px;
}

.planning-group.group3:before{
	content: "";
	position: absolute;
    width: 1007px;
    height: 604px;
    background: #ffd500;
    right: 63px;
    top: -5px;
    border-radius: 50px;
    z-index: 1;
}

.planning-group.group4{
	margin-top: -100px;
}

.planning-group.group3{
    margin-top: -70px;
}

.discount-sec{
	background: #e8f9fe;
	position: relative;
    min-height: 703px;
}

.discount-grid{
	padding-top: 135px;
	display: flex;
	gap: 50px;
	justify-content: flex-end;
	align-items: center;
}

.discount-img-block{
	position: relative;
	width: 484px;
    height: 627px;
   	z-index: 2;
   	margin-top: -130px;
}

.discount-img-block img{
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.discount-text-block{
	display: flex;
	flex-direction: column;
	width: 518px;
    min-height: 303px;
    box-shadow: 5px 5px 20px 0 rgba(0, 0, 0, 0.2);
    background: #ffffff;
    padding: 15px 30px;
    border-radius: 20px;
    gap: 16px;
    z-index: 2;
    position: relative;
}

.discount-img-cont{
	position: relative;
	flex-grow: 1;
	display: flex;
	align-items: center;
	justify-content: flex-end;
}

.discount-img-cont:before{
	content: "";
	position: absolute;
	left: 0;
	top: 0;
	background: #ffd500;
    width: 838px;
    border-radius: 50px;
    min-height: 509px;
}

.discount-title{
	font-family: var(--s-family2);
    line-height: 1.1;
    color: #ec3880;
    font-size: 52px;
}

.discount-semi{
	font-family: var(--s-family2);
	font-size:  24px;
	color: #3a0051;
	line-height: 1.6;
}

.discount-text{
	color: #3a0051;
	font-size: 18px;
	line-height: 1.6;
}

.discount-btn-block{
	display: flex;
	align-items: center;
	justify-content: center;
}

.discount-btn-block .coop-btn{
	letter-spacing: 1px;
	border-color: transparent;
	font-size: 12px;
	color: #ffd500;
	border-radius: 10px;
    padding: 15px 40px;
}

.discount-btn-block .coop-btn:hover{
	color: #5d3c71;
	background: #ffd500;
}

@media(max-width: 1200px){
	.coop-wrap{
		max-width: 980px;
	}

	.who-coop-element-block{
		justify-content: center;
		height: 100%;
		align-items: center;
	}

	.who-coop-element-block-title{
		text-align: center;
	}

	ul.who-coop-element-list{
		flex-grow: 1;
	}

	.who-coop-element-decore{
		position: relative;
		left: 0;
		bottom: 0;
	}

	.howto-list-block{
		flex-direction: row;
		flex-wrap: wrap;
		align-items: unset;
		gap: 26px;
	}

	.howto-list-item{
		flex-direction: column;
		align-items: center;
		justify-content: center;
		flex: 0 0 calc(100%/2 - 13px);
		max-width: calc(100%/2 - 13px);
	}

	.howto-list-item:last-child{
		flex: 0 0 auto;
		max-width: 100%;
		flex-grow: 1;
	}

	.howto-list-text-block{
		flex-grow: 1;
	}

	.howto-list-title{
		text-align: center;
	}

	.howto-text-block{
		height: 100%;
		justify-content: space-between;
	}

	.howto-text-elem{
		flex-grow: 1;
	}

	.planning-group.group2{
		/*margin-top: -70px;*/
	}

	.planning-group.group4{
	    margin-top: -140px;
	}

	.planning-elem-block{
		flex: 0 0 500px;
		width: 500px;
		max-width: 500px;
	}

	.planning-title-block{
		padding-right: 60px;
	}

	.planning-group.group2:before{
		left: 30px;
	}

	.planning-group.group3:before{
		right: 30px;
	    width: 880px;
	}

    .planning-title-block {
        padding-right: 60px;
    }

    .planning-group{
    	gap: 30px;
    }

    .discount-img-block{
    	margin-right: -200px;
    }
}

@media(max-width: 992px){
	.coop-wrap{
		max-width: 760px;
	}

	.advantages-cont{
		flex-wrap: wrap;
		gap: 20px 0;
	}

	.advantages-item{
		flex: 0 0 50%;
		max-width: 50%;
	}

	.advantages-item:last-child{
		flex: 0 0 100%;
		max-width: 100%;
	}

	.planning-group{
    	flex-direction: column;
    }

    .planning-group.group1{
    	flex-direction: column-reverse;
    }

    .planning-elem-block{
    	flex: 0 0 auto;
    	width: 100%;
    	max-width: 600px;
    }

    .planning-group, .planning-group.group2, .planning-group.group4, .planning-group.group3{
    	margin-top: 0;
    }

    .planning-title-block{
    	padding-right: 0;
    	text-align: center;
    }

    .planning-grid{
    	padding-top: 200px;
    }

    .planning-grid{
    	gap: 30px;
    }

    .planning-text-bold-block, .planning-text-block{
    	padding: 0;
    	text-align: center;
    }

    .planning-group.group2:before, .planning-group.group3:before{
    	left: 0;
    	right: 0;
    	width: auto;
    }

    .planning-group.group3:before{
	    height: 750px;
    }

    .discount-img-cont:before{
    	width: 720px;
    }

    .discount-grid{
    	align-items: flex-end;
    	justify-content: flex-start;
    	position: relative;
    	padding-bottom: 120px;
    }

    .discount-sec{
    	padding-bottom: 80px;
    }

    .discount-img-cont{
	    justify-content: flex-start;
    }

    .discount-text-block{
    	position: absolute;
    	bottom: 0;
    	right: 0;
    }

    .discount-img-block{
    	margin-right: 0;
    }
}

@media(max-width: 767px){
	.coop-wrap{
		max-width: 560px;
		padding: 0 10px;
	}

	.coop-text-cont{
		justify-content: center;
	}

	.coop-text-decore{
		max-width: 611px;
		width: auto;
		height: auto;
		aspect-ratio: 611 / 591;
		top: 0px;
	}

	.coop-text-decore-svg{
		max-width: 653px;
		width: auto;
		aspect-ratio: 653 / 485;
		height: auto;
	}

	.coop-text-cont{
		padding: 60px 0;
	}

	.who-coop-item{
		flex: 0 0 100%;
		max-width: 100%;
	}

	.who-coop-element-decore{
		position: absolute;
	    left: 19px;
    	bottom: 28px;
	}

	.who-coop-element-block{
		align-items: center;
		padding-left: 160px;
	}

	.howto-grid{
		flex-direction: column;
		gap: 20px;
	}

	.howto-list-cont, .howto-text-cont{
		flex: 0 0 auto;
		max-width: 100%;
		width: 100%;
	}

	.howto-list-block{
		flex-direction: column;
	}

	.howto-list-item{
		flex: 0 0 auto;
		max-width: 100%;
		width: 100%;
		flex-direction: row;
        align-items: flex-start;
        justify-content: flex-start;
	}

	.howto-list-title{
		text-align: left;
	}

	.advantages-item{
		flex: 0 0 100%;
		max-width: 100%;
	}

	.advantages-elem.advantages-elem-photo{
		min-height: 884px;
	}

	.planning-elem-block{
		max-width: 470px;
	}

	.planning-group.group3:before{
		top: -20px;
	}

	.group4 .planning-elem-title, .group2 .planning-elem-title, .planning-elem-title, .group4 .planning-elem-text, .group2 .planning-elem-text, .planning-elem-text{
		padding: 0;
	}

	.discount-img-cont:before{
		left: 0;
		right: 0;
		width: auto;
	}

	.discount-text-block{
		width: 100%;
		max-width: 518px;
	}
}

@media(max-width: 576px){

	.advantages-elem.advantages-elem-photo{
		min-height: 460px;
	}
	.coop-wrap{
		max-width: 340px;
	}

	.coop-text-element{
		flex:  0 0 auto;
		width: 100%;
	}

	.coop-text-cont {
        padding: 120px 0 60px;
    }

    .coop-text-btn{
    	padding: 16px;
    }

    .coop-text-cat{
    	bottom: calc(100% + 5px);
    }

    .coop-text-title{
    	font-size: 48px;
    }

    .who-coop-element-decore{
    	left: 0;
    }

    .who-coop-element-block{
		padding-left: 19px;
	}

	ul.who-coop-element-list{
		padding-left: 120px;
	}

	.howto-text-block{
		padding: 0;
	}

	.howto-text-btn .coop-btn{
		padding: 16px;
		width: 100%;
		text-align: center;
	}

	.planning-elem-block{
		padding: 20px;
	}

	.planning-elem-title{
		font-size: 38px;
	}

	.planning-group.group3:before {
        top: -80px;
        height: 1000px;
    }

    .discount-img-block{
    	max-width: 100%;
    	width: 100%;
    	aspect-ratio: 484 / 627;
    	height: auto;
    }

    .discount-grid{
    	padding-bottom: 360px;
    }
}</pre></body></html>