/* Avenir Next Cyr */
@font-face {
  font-family: "Avenir Next";
  src: url("assets/fonts/AvenirNextCyr-UltraLight.woff2") format("woff2"),
       url("assets/fonts/AvenirNextCyr-UltraLight.woff") format("woff");
  font-weight: 200;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Avenir Next";
  src: url("assets/fonts/AvenirNextCyr-UltraLightItalic.woff2") format("woff2"),
       url("assets/fonts/AvenirNextCyr-UltraLightItalic.woff") format("woff");
  font-weight: 200;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: "Avenir Next";
  src: url("assets/fonts/AvenirNextCyr-Thin.woff2") format("woff2"),
       url("assets/fonts/AvenirNextCyr-Thin.woff") format("woff");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Avenir Next";
  src: url("assets/fonts/AvenirNextCyr-ThinItalic.woff2") format("woff2"),
       url("assets/fonts/AvenirNextCyr-ThinItalic.woff") format("woff");
  font-weight: 300;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: "Avenir Next";
  src: url("assets/fonts/AvenirNextCyr-Light.woff2") format("woff2"),
       url("assets/fonts/AvenirNextCyr-Light.woff") format("woff");
  font-weight: 350;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Avenir Next";
  src: url("assets/fonts/AvenirNextCyr-LightItalic.woff2") format("woff2"),
       url("assets/fonts/AvenirNextCyr-LightItalic.woff") format("woff");
  font-weight: 350;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: "Avenir Next";
  src: url("assets/fonts/AvenirNextCyr-Regular.woff2") format("woff2"),
       url("assets/fonts/AvenirNextCyr-Regular.woff") format("woff");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Avenir Next";
  src: url("assets/fonts/AvenirNextCyr-Italic.woff2") format("woff2"),
       url("assets/fonts/AvenirNextCyr-Italic.woff") format("woff");
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: "Avenir Next";
  src: url("assets/fonts/AvenirNextCyr-Medium.woff2") format("woff2"),
       url("assets/fonts/AvenirNextCyr-Medium.woff") format("woff");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Avenir Next";
  src: url("assets/fonts/AvenirNextCyr-MediumItalic.woff2") format("woff2"),
       url("assets/fonts/AvenirNextCyr-MediumItalic.woff") format("woff");
  font-weight: 500;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: "Avenir Next";
  src: url("assets/fonts/AvenirNextCyr-Demi.woff2") format("woff2"),
       url("assets/fonts/AvenirNextCyr-Demi.woff") format("woff");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Avenir Next";
  src: url("assets/fonts/AvenirNextCyr-DemiItalic.woff2") format("woff2"),
       url("assets/fonts/AvenirNextCyr-DemiItalic.woff") format("woff");
  font-weight: 600;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: "Avenir Next";
  src: url("assets/fonts/AvenirNextCyr-Bold.woff2") format("woff2"),
       url("assets/fonts/AvenirNextCyr-Bold.woff") format("woff");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Avenir Next";
  src: url("assets/fonts/AvenirNextCyr-BoldItalic.woff2") format("woff2"),
       url("assets/fonts/AvenirNextCyr-BoldItalic.woff") format("woff");
  font-weight: 700;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: "Avenir Next";
  src: url("assets/fonts/AvenirNextCyr-Heavy.woff2") format("woff2"),
       url("assets/fonts/AvenirNextCyr-Heavy.woff") format("woff");
  font-weight: 800;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Avenir Next";
  src: url("assets/fonts/AvenirNextCyr-HeavyItalic.woff2") format("woff2"),
       url("assets/fonts/AvenirNextCyr-HeavyItalic.woff") format("woff");
  font-weight: 800;
  font-style: italic;
  font-display: swap;
}



body{
	margin: 0px;
	color: #FFFFFF;
	font-family: "Avenir Next", Arial, sans-serif;
}
a{
	text-decoration: none;
	color: #fff;
}
.container{
	padding: 30px
}

@media(max-width: 900px){
	.container{
		padding: 10px
	}
}

/*Hero*/

.hero{
	min-width: calc(100% - 90px);
	min-height: calc(100vh - 123px);
	background-position: center;
	background-size: cover;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	border-radius: 8px;
	padding: 18px 45px; 
	padding-bottom: 45px;
	position: relative;
	overflow: hidden;
}

	/* Відео під контентом, але над background-image */
	.hero__bgvideo {
	  position: absolute;
	  inset: 0;
	  width: 100%;
	  height: 100%;
	  object-fit: cover;
	  object-position: center;
	  z-index: 0;

	  opacity: 0;
	  transition: opacity 500ms ease;
	  pointer-events: none;
	}

	/* Клас, який додасть JS коли відео готове */
	.hero.is-video-ready .hero__bgvideo {
	  opacity: 1;
	}

	/* Контент поверх відео */
	.hero > .header,
	.hero > .botton_hero,
	.hero__overlay {
	  position: relative;
	  z-index: 2;
	}

	/* Якщо хочете легке затемнення поверх відео */
	.hero__overlay {
	  position: absolute;
	  inset: 0;
	  z-index: 1;
	  /* можна вимкнути або налаштувати */
	  background: linear-gradient(180deg, rgba(0,0,0,0.25), rgba(0,0,0,0.35));
	  pointer-events: none;
	}

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

.block_menu_right{
	display: flex;
	align-items: center;
	gap: 6px;
}
.svitch_lang{
	min-width: 58px;
	min-height: 58px;
	border-radius: 100px;
	display: flex;
	align-items: center;
	justify-content: center;
	font-family: 'Coolvetica', sans-serif;
	font-weight: 400;
	font-style: Book;
	font-size: 18px;
	leading-trim: NONE;
	line-height: 100%;
	letter-spacing: 0%;
	text-align: center;
	background: #226C37;
	backdrop-filter: blur(22.399999618530273px);
	transition: 0.3s;
}
.svitch_lang:hover{
	background: #1A542A;
}
.lang-switch{
	display: flex;
	gap: 25px;
	padding: 0px 15px;
	transition: 0.3s;
}
.lang-switch__item{
	display: none;
	color: #fff;
	text-decoration: none
}
.lang-switch__item.is-active{
	display: flex;
}
.svitch_lang:hover .lang-switch__item{
	display: flex;
}
.burger{
	height: 58px;
	border-radius: 100px;
	padding: 0px 15px;
	display: flex;
	align-items: center;
	gap: 14px;
	background: #226C37;
	backdrop-filter: blur(22.399999618530273px);
	cursor: pointer;
}
.burger:hover{
	background: #1A542A;
}

.botton_hero{
	display: flex;
	align-items: flex-end;
	justify-content: space-between;
	gap: 130px;
}
.utp_title{
	font-weight: 600;
	font-style: Demi Bold;
	font-size: 65px;
	leading-trim: NONE;
	line-height: 100%;
	letter-spacing: -2%;
	margin-bottom: 16px
}
.utp_text{

	font-weight: 400;
	font-style: Regular;
	font-size: 18px;
	leading-trim: NONE;
	line-height: 120%;
	letter-spacing: 0%;
	margin-bottom: 30px;
}
.button_all{
	
	height: 58px;
	display: flex;
	align-items: center;
}
.button_all span{
	display: flex;
	align-items: center;
	justify-content: center;
	cursor: pointer;
	background: #226C37;
	border-radius: 100px; 
	text-decoration: none
}
.button_all:hover span{
	background: #1A542A;
}

.button_all span:first-child{
	padding: 18px 45px;
}
.button_all span:last-child{
	width: 54px;
	height: 54px;
}
.tag{
	padding: 30px;
	background: rgba(255, 255, 255, 0.05); /* напівпрозорий темно-зелений */
	backdrop-filter: blur(18px);
	-webkit-backdrop-filter: blur(18px);
	border-radius: 20px;
	max-width: 356px;
	/*box-shadow: 10px 10px 10px rgba(0, 0, 0, 0.5);*/
}
.tag_title_line{
	display: flex;
	align-items: stretch;
	justify-content: center;
	gap: 0px;
}
.tag_title_line img{
	max-width: 250px;
	object-fit: cover;
	line-height: 120%;
}
.tag_title{
	min-width: calc(100% - 140px);
	font-weight: 500;
	font-style: Medium;
	font-size: 14px;
	leading-trim: NONE;
	line-height: 120%;
	letter-spacing: -2%;
	text-transform: uppercase;
	width: 111px;
	border-radius: 100px;
	padding: 12px 15px;
	/*background: #fff;*/
	gap: 8px;
	display: flex;
	align-items: center;
	/*color: #1E1E1E;*/
}
.tag_title span{
	display: block;
	width: 8px;
	height: 8px;
	border-radius: 50%; 
	background: #226C37;
}
.tag_text{
	font-weight: 400;
	font-style: Regular;
	font-size: 18px;
	leading-trim: NONE;
	line-height: 120%;
	letter-spacing: -2%;
	margin-top: 15px;
}

@media(max-width: 900px){
	.header img{
		max-width: 130px;
	}
	.svitch_lang{
		
	    min-width: 48px;
	    min-height: 48px;
	}
	.lang-switch__item{
		display: block;
	}
	.burger span{
		display: none
	}
	.burger{
		width: 48px;
		height: 48px;
		justify-content: center;
		padding: 0px
	}
	.hero{
		padding: 20px;
		min-height: calc(100vh - 76px); 
	}
	.botton_hero{
		flex-wrap: wrap;
	}
	.utp_title{
		font-size: 36px;
		padding-top: 270px;
	}
	.utp_text{
		font-size: 16px;
	}
	.botton_hero{
		gap: 60px;
	}
	.tag_title{
		font-size: 12px;
	}
	.tag_text{
		font-size: 16px;
	}
}

/*--Hero--*/

/*Second*/

.second{
	padding-top: 140px;
}
.second p{
	padding: 0px;
	margin: 0px;
}
.head_block_line{
	display: flex;
	align-items: flex-start;
	gap: 230px;
	justify-content: space-between;
	padding-bottom: 45px
}
.tag_title.white{
	background: #F7F9EC;
	min-width: max-content;
	color: #000
}
.second_title{
	font-weight: 400;
	font-style: Regular;
	font-size: 42px;
	leading-trim: NONE;
	line-height: 100%;
	letter-spacing: 0%;
	color: #000000
}
.small_text_title{
	font-weight: 400;
	font-style: Regular;
	font-size: 18px;
	leading-trim: NONE;
	line-height: 120%;
	letter-spacing: 0%;
	margin-top: 16px;
	max-width: 556px;
}
.second_title span{
	color: #226C37;
}
.list_4{
	display: flex;
	align-items: stretch;
	justify-content: space-between;
	gap: 20px;
}
.list_4_card{
	min-width: calc(25% - 67px);
	min-height: 322px;
	display: flex;
	align-items: flex-end;
	flex-wrap: wrap;
	background-size: cover;
	background-position: center;
	border-radius: 20px;
	padding: 34px 26px 
}
.list_4_card h3{
	font-weight: 600;
	font-size: 24px;
	line-height: 100%;
	letter-spacing: 0%;
	color: #0F140E;
	min-width: 100%
}
.list_4_desc {
	font-family: Avenir Next;
	font-weight: 400;
	font-style: Regular;
	font-size: 18px;
	leading-trim: NONE;
	line-height: 120%;
	letter-spacing: 0%;
	color: #000000
}

.list_4_card:last-child h3, .list_4_card:last-child .list_4_desc{
	color: #fff
}
.list_4.list_5{
	flex-wrap: wrap;
}
.list_5_card{
	min-width: calc(35% - 67px);
	max-width: calc(35% - 67px);
	min-height: 360px;
	display: flex;
	align-items: flex-start;
	flex-wrap: wrap;
	flex-direction: column;
	justify-content: space-between;
	background-size: cover;
	background-position: center;
	border-radius: 20px;
	background-color: #F2F2F2;
	padding: 34px 26px;

}
.list_5_card.mincard{
	min-width: calc(30% - 67px);
	max-width: calc(30% - 67px);
}
.list_5_title{

	font-weight: 600;
	font-style: Demi Bold;
	font-size: 79px;
	leading-trim: NONE;
	line-height: 100%;
	letter-spacing: -4%;
	text-transform: uppercase;
	color: #226C37
}
.list_5_subtitle{

	font-weight: 600;
	font-style: Demi Bold;
	font-size: 24px;
	leading-trim: NONE;
	line-height: 100%;
	letter-spacing: 0%;
	color: #0F140E;
	margin-bottom: 15px
}
.list_5_desc{

	font-weight: 400;
	font-style: Regular;
	font-size: 18px;
	leading-trim: NONE;
	line-height: 120%;
	letter-spacing: 0%;
	color: #000000
}

.second_title_tab{
	min-width: 100%;
	display: flex;
	gap: 10px;
	align-items: center;
	margin-top: 20px
}
.list_6_tab{
	padding: 0px 20px;
	background: #F2F2F2;
	border-radius: 100px;
	font-weight: 400;
	font-style: Regular;
	font-size: 18px;
	leading-trim: NONE;
	line-height: 100%;
	letter-spacing: -2%;
	text-align: center;
	color: #000000;
	min-height: 49px;
	display: flex;
	align-items: center;
	justify-content: center;
	cursor: pointer;
}
.list_6_tab.active{
	background: #226C37;
	color: #fff;
}
.list_6_tab:hover{
	background: #1A542A;
	color: #fff;
}
.list_6_tab.active:hover{
	background: #226C37;
	color: #fff;
}
.list_big{
	display: none
}
.list_big.active{
	display: flex;
	align-items: stretch;
	justify-content: space-between;
}
.list_6_card{
	min-width: calc(50% - 58px);
	max-width: calc(50% - 58px);
	display: flex;
	align-items: stretch;
	justify-content: space-between;
	background-color: #F7F9EC;
	border-radius: 20px;
	padding: 24px;
	gap: 30px;
}
.list_6_card.small{
	min-width: calc(25% - 55px);
	max-width: calc(25% - 55px);
}
.list_6_card_block{
	min-width: calc(50% - 15px);
	max-width: calc(50% - 15px);
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	background-position: center;
	background-size: cover;
	min-height: 370px;
}
.list_6_card.small .list_6_card_block{
	min-width: calc(100%);
	max-width: calc(100% );
}
.list_6_card_block:first-child{
	border-radius: 20px
}
.list_6_card_title{
	font-family: Avenir Next;
	font-weight: 600;
	font-style: Demi Bold;
	font-size: 24px;
	leading-trim: NONE;
	line-height: 100%;
	letter-spacing: 0%;
	color: #000000
}
.list_6_desc{
	font-family: Avenir Next;
	font-weight: 400;
	font-style: Regular;
	font-size: 16px;
	leading-trim: NONE;
	line-height: 120%;
	letter-spacing: 0%;
	color: #000000
}
.list_6_card_block a{
	font-family: Avenir Next;
	font-weight: 400;
	font-style: Regular;
	font-size: 18px;
	leading-trim: NONE;
	line-height: 100%;
	letter-spacing: 0%;
	text-align: center;
	color: #226C37;
	display: flex;
	align-items: center;
	justify-content: flex-start;
	gap: 8px;
	margin-top: 23px;
	margin-bottom: 8px
}
.head_block_line_6{
	padding-bottom: 30px;
}


@media(max-width: 900px){

	.head_block_line{
		flex-wrap: wrap;
		gap: 20px;
	}
	.second{
		padding-top: 80px
	}
	.second_title{
		font-size: 24px
	}
	.list_4{
		flex-wrap: wrap;
	}
	.list_4_card{
		min-width: calc(100% - 52px);
	}
	#card1, #card3{
		min-height: 240px;
	}
	#card0{
		order: 0;
	}
	#card1{
		order: 1;
	}
	#card2{
		order: 3;
	}
	#card3{
		order: 2;
	}

	.list_5_card{
		min-width: calc(100% - 54px);
		max-width: calc(100% - 54px);
		min-height: 360px;

	}
	.list_5_card.mincard{
		min-width: calc(100% - 54px);
		max-width: calc(100% - 54px);
	}

	#card5_0{
		order: 1;
		min-height: 300px;
	}
	#card5_1{
		order: 2;
		min-height: 300px;
	}
	#card5_2{
		order: 0;
		min-height: 390px;
	}
	#card5_3{
		order: 5;
		min-height: 390px;
	}
	#card5_4{
		order: 3;
		min-height: 300px;
	}
	#card5_5{
		order: 4;
		min-height: 130px;
	}
	.second_title_tab{
		flex-wrap: wrap;
	}
	.list_6_tab{
		min-width: calc(100% - 40px)
	}
	.list_6_card{
		min-width: calc(100% - 48px);
    	max-width: calc(100% - 48px);
    	flex-wrap: wrap;
    	gap: 20px;
	}
	.list_6_card_block{
		min-width: calc(100% - 0px);
   	 	max-width: calc(100% - 0px);
   	 	min-height: max-content;
   	 	order: 0
	}
	.list_big.active{
		flex-wrap: wrap;
		gap: 15px;
	}
	.list_6_card_block:first-child{
		min-height: 300px;
		order: 1
	}
	.list_6_card_title{
		margin-bottom: 20px;
		font-size: 24px
	}
	.list_6_desc{
		font-size: 16px
	}
	.list_6_card_block a{
		font-size: 18px
	}
	.list_6_card_title br{
		display: none
	}
	.list_6_card.small{
		min-width: calc(100% - 45px);
    	max-width: calc(100% - 45px);
	}
	.list_6_card.small .list_6_card_block{
		min-height: max-content
	}
}
/*--Second--*/


/*Block4*/
.hero.block4
{
	margin-top: 140px;
	justify-content: flex-end;
}
.hero.block4 .utp_title{
	font-family: Avenir Next;
	font-weight: 500;
	font-size: 45px;
	leading-trim: NONE;
	line-height: 110.00000000000001%;
	letter-spacing: -2%;
	max-width: 980px;

}
.hero.block4 .utp_title span{
	font-weight: 600;
}



@media(max-width: 900px){
	.hero.block4{
		min-height: calc(600px);
	}
	.hero.block4 .utp_title{
		font-size: 30px
	}
}
/*--block4--*/



/*Block6*/
	.block_6{
		min-height: 770px;
		min-width: calc(100% - 80px);
		background-color: #02342B;
		padding: 45px 40px;
		margin-top: 140px;
		border-radius: 20px;
		/*display: flex;*/
		flex-wrap: wrap;
		justify-content: center;
	}

	.row_title{
		min-width: 100%;
		text-align: center;
		font-family: Avenir Next;
		font-weight: 500;
		font-style: Medium;
		font-size: 42px;
		leading-trim: NONE;
		line-height: 100%;
		letter-spacing: 0%;
		text-align: center;
		margin-bottom: 78px;

	}
	.row_cercle{
		display: flex;
		position: relative;
	}
	.cercle{
		position: absolute;
		top: 0;
		cursor: pointer;
		background: linear-gradient(to bottom, #FECB02, #02342B); 
	}
	.cercleI{
		width: calc(100% - 0px);
		height: calc(100% - 0px);
		border-radius: 50%;
		background: #02342B;
		display: flex;
		flex-wrap: wrap;
		align-items: center;
		justify-content: center;
		flex-direction: column;
		gap: 10px;
	}

	#cercl0{
		width: 26%;
		aspect-ratio: 1 / 1;
  		border-radius: 50%;
		padding: 1px;
		padding-top: 2px;
		left: 3%;
		z-index: 4;
	}

	#cercl1{
		width: 22%;
		aspect-ratio: 1 / 1;
		border-radius: 50%;
		padding: 1px;
		padding-top: 2px;
		left: 27%;
		top: -10px;
		z-index: 3
	}

	#cercl2{
		width: calc(26% - 4px);
		aspect-ratio: 1 / 1;
		border-radius: 50%;
		padding: 1px;
		padding-top: 2px;
		left: 48%;
		z-index: 2
	}

	#cercl3{
		width: calc(26% - 5px);
		aspect-ratio: 1 / 1;
		border-radius: 50%;
		padding: 1px;
		padding-top: 2px;
		left: 72%;
		top: -20px;
		z-index: 1
	}

	.cercle_title{
		font-family: Avenir Next;
		font-weight: 500;
		font-style: Medium;
		font-size: 24px;
		leading-trim: NONE;
		line-height: 105%;
		letter-spacing: 0%;
		text-align: center;
		max-width: 80%;
	}

	.cercle_desc{
		display: none;
		font-family: Avenir Next;
		font-weight: 400;
		font-style: Regular;
		font-size: 16px;
		leading-trim: NONE;
		line-height: 120%;
		letter-spacing: 0%;
		text-align: center;
		color: #000;
		max-width: 80%;
	}



	.cercle:hover .cercle_desc{
		display: block;
	}

	.cercle:hover .cercle_title{
		color: #000000
	}
	.cercle:hover{
		background: linear-gradient(to bottom, #FECB02, #FECB02);
		z-index: 9 !important;
	} 	
	.cercle:hover .cercleI{
		background: #FECB02;
	}

	@media(max-width: 1600px){
		.block_6{
			min-height: 560px;
		}

	}


	@media(max-width: 900px){
		.block_6{
			min-height: 868px;
			padding: 20px;
		}
		.row_title{
			font-size: 24px;
			margin-bottom: 30px;
		}
		#cercl0{
			width: 70%;
			aspect-ratio: 1 / 1;
	  		border-radius: 50%;
			padding: 1px;
			padding-top: 2px;
			left: 2%;
			z-index: 1;
		}

		#cercl1{
			width: 60%;
			aspect-ratio: 1 / 1;
			border-radius: 50%;
			padding: 1px;
			padding-top: 2px;
			left:initial;
			right: 0%;
			top: 170px;
			z-index: 2
		}

		#cercl2{
			width: 72%;
			aspect-ratio: 1 / 1;
			border-radius: 50%;
			padding: 1px;
			padding-top: 2px;
			left: 0%;
			top: 320px;
			z-index: 3
		}

		#cercl3{
			width: 56%;
			aspect-ratio: 1 / 1;
			border-radius: 50%;
			padding: 1px;
			padding-top: 2px;
			left:initial;
			right: 0%;
			top: -20px;
			top: 505px;
			z-index: 4
		}
		.cercle_title{
			font-size: 16px
		}
		.cercle_desc{
			font-size: 12px
		}
	}

/*--Block6--*/



/*Block7*/
.list_7{
	background-image: url(/wp-content/uploads/2025/12/Background-img-1.png);
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
	min-height: 1280px;
	min-width: 100%;
	position: relative;
	overflow: hidden;
}


.kub{
	position: absolute;

	cursor: pointer;
	background: linear-gradient(to right, #226C37, #F7F9EC); 
	padding: 1px;
	padding-left: 1px;
	width: 336px;
	height: 318px;
	border-radius: 20px;
	transition: opacity 1.2s ease, transform 1.2s ease;
  	will-change: opacity, transform;
}
.kubI{
	width: calc(100% - 40px);
	height: calc(100% - 40px);
	border-radius: 50%;
	background: #F7F9EC;
	border-radius: 20px;
	position: relative;
	padding: 20px;
}
#kub0{
	
	top: 60px;
	left: calc(50% - 436px);
	z-index: 4;
	transition-delay: 0.01s;
}

#kub1{
	top: 100px;
	left: calc(50% + 236px);
	z-index: 3;

	transition-delay: 0.1s;
}

#kub2{
	
	left: 16px;
	top: 500px;

	transition-delay: 0.2s;
}

#kub3{
	
	left: initial;
	right: 0px;
	top: 540px;

	transition-delay: 0.3s;
}
#kub4{
	
	left: calc(50% - 178px);
	top: 900px;

	transition-delay: 0.4s;
}
.circk_small{
	width: 16px;
	height: 16px;
	position: absolute;
	top: calc(50% - 8px);
	left: -16px;
	background: #226C37;
	border-radius: 50%;
}
.kub_title{
	font-weight: 600;
	font-style: Demi Bold;
	font-size: 24px;
	leading-trim: NONE;
	line-height: 100%;
	letter-spacing: 0%;
	color: #0F140E
}
.kub_desc{

	font-weight: 400;
	font-style: Regular;
	font-size: 16px;
	leading-trim: NONE;
	line-height: 120%;
	letter-spacing: 0%;
	margin-top: 8px;
	margin-bottom: 20px;
	color: #000;
}
.kub img{
	min-width: 100%;
	object-fit: cover;
    max-width: 100%;
    border-radius: 20px;
}

.opa{
  opacity: 0;
  transform: translateY(160px); /* “знизу” */
  pointer-events: none;        /* опціонально, щоб не клікався невидимий */
}


@media(max-width: 900px){
	.kub {
	    position: static;
	    margin-bottom: 15px;
	    min-width: 100%;
	        height: auto;
	}
}
/*--Block6--*/


/*Block8*/
.block8 .head_block_line{
	flex-wrap: wrap;
	gap: 30px;
}
.block8 .head_block_line .butun{
	min-width: 100%
}
.block8 .head_block_line .second_title{
	max-width: 850px;
}
.list_8{
	min-height: 600px;
    min-width: 100%;
    margin-top: 218px;
    position: relative;
}
.list_8_erl{
	min-height: 600px;
    background-image: url(https://arimex-agro.romura.space/wp-content/uploads/2025/12/Group-82-1.png);
    background-position: center top;
    background-size: cover;
    background-repeat: no-repeat;
    min-width: 100%;
    overflow: hidden;
    position: relative;
    position: absolute;
    z-index: 9;
}

.lang{
	width: 269px;
	height: 242px;
	background: linear-gradient(to bottom, #226C37, #FFFFFF00); 
	padding-left: 1px;
	position: absolute;
	margin-top: 6px;
    margin-left: 4px;
    transition: opacity 1.2s ease, transform 1.2s ease;
  	will-change: opacity, transform;    
}
.langI{
	width: 239px;
	height: 242px;
	background-color: #fff;
	padding: 21px 15px;
}
.lang_circk_small{
	width: 6px;
    height: 6px;
    background: #226C37;
    border-radius: 50%;
    position: absolute;
    top: -5px;
    left: -2.5px;
    z-index: 9999;
}
#lang0{
	left: 20px;
	top: -100px;
	z-index: 2;
	transition-delay: 0.01s;
}
#lang1{
	left: 25%;
	top: -200px;
	z-index: 1;
	transition-delay: 0.1s;
}
#lang2{
	left: 50%;
	top: -100px;
	z-index: 2;
	transition-delay: 0.2s;
}
#lang3{
	left: 73%;
	top: -240px;
	z-index: 1;
	transition-delay: 0.3s;
}
#lang4{
	left: 79%;
	top: -100px;
	z-index: 2;
	transition-delay: 0.4s;
}
.lang_title{

	font-weight: 600;
	font-style: Demi Bold;
	font-size: 20px;
	leading-trim: NONE;
	line-height: 100%;
	letter-spacing: 0%;
	color: #0F140E;
}
.lang_desc{
	font-weight: 400;
	font-style: Regular;
	font-size: 16px;
	leading-trim: NONE;
	line-height: 120%;
	letter-spacing: 0%;
	color: #000;
	padding-top: 8px;

}
.opa2{
  opacity: 0;
  transform: translateY(160px); /* “знизу” */
  pointer-events: none;        /* опціонально, щоб не клікався невидимий */
}
@media(max-width: 1600px){
	.list_8{
		min-height: 400px;
	    
	}
	.list_8_erl{
		min-height: 400px;
	   
	}
}

@media(max-width: 900px){

	.list_8{
		margin-top: 45px
	}
	.list_8_erl{
		max-height: 350px;
		min-height: 350px;
	    background-image: url(https://arimex-agro.romura.space/wp-content/uploads/2025/12/Group-82-2.png);
	    background-position: center top;
	    background-size: cover;
	    background-repeat: no-repeat;
	    min-width: 100%;
	    overflow: hidden;
	    position: relative;
	    position: absolute;
	    z-index: 9;
	}
	.lang{
		position: relative;
		height: 170px;
	}
	.langI{
		height: 150px
	}
	#lang0{
		left: 0px;
		top: 0px;
		z-index: 1;
		transition-delay: 0.01s;
	}
	#lang1{
		left: calc(100% - 270px);
		top: -50px;
		z-index: 2;
		transition-delay: 0.1s;
		margin-bottom: -50px;
		padding-left: 0px;
        padding-right: 1px;
        margin-left: 0px;
        margin-right: 4px;
	}
	#lang1 .lang_circk_small{
		left: calc(100% - 4px);
	}
	#lang2{
		left: 0;
		top: -50px;
		z-index: 3;
		transition-delay: 0.2s;
		margin-bottom: -50px;
	}
	#lang3{
		left: calc(100% - 270px);
		top: -50px;
		z-index: 4;
		transition-delay: 0.3s;
		margin-bottom: -50px;
		padding-left: 0px;
        padding-right: 1px;
        margin-left: 0px;
        margin-right: 4px;
	}
	#lang3 .lang_circk_small{
		left: calc(100% - 4px);
	}
	#lang4{
		left: 0;
		top: -50px;
		z-index: 5;
		transition-delay: 0.4s;
		margin-bottom: -50px;
	}

}
/*--Block8--*/

/*Footer*/

.hero.footer{
	padding-top: 60px;
	border-radius: 20px;
}
.line_f_1, .line_f_2, .line_f_3{
	display: flex;
	align-items: center;
	justify-content: space-between;
}
.line_f_2{
	align-items: flex-start;
}
.menu_f{
	display: flex;
}
.menu_f ul{
	display: flex;
	align-items: center;
	padding: 0;
	margin: 0;
	list-style-type: none;
}
.menu_f ul li{
	padding-left: 40px;
	font-weight: 400;
	font-style: Regular;
	font-size: 14px;
	leading-trim: NONE;
	line-height: 100%;
	letter-spacing: 0px;
	text-align: right;
	color: #FFFFFF
}
.menu_f ul li a{
	font-weight: 400;
	font-style: Regular;
	font-size: 14px;
	leading-trim: NONE;
	line-height: 100%;
	letter-spacing: 0px;
	text-align: right;
	color: #FFFFFF
}
.menu_f ul li a:hover{
	color: #226C37
}
.utp_f{
	max-width: 640px;
}
.f-title{
	font-weight: 600;
	font-style: Demi Bold;
	font-size: 45px;
	leading-trim: NONE;
	line-height: 80%;
	letter-spacing: -1%;
	margin-bottom: 15px;
	max-width: 640px;
}
.f-desc{
	font-weight: 500;
	font-style: Medium;
	font-size: 16px;
	leading-trim: NONE;
	line-height: 110.00000000000001%;
	letter-spacing: -1%;
	max-width: 420px;
}
.forma_f{
	padding: 45px 30px 30px;
	background: #F2F2F2;
	border-radius: 20px;
}
.forma_f form{
	max-width: 386px;
}
.forma_f input{
	outline: none;
	border: 0px;
	border-radius: 100px;
	padding: 20px;
	min-width: 346px;
	min-height: 19px;
	display: flex;
	align-items: center;
	background: #fff;
	font-weight: 400;
	font-style: Regular;
	font-size: 14px;
	leading-trim: NONE;
	line-height: 100%;
	letter-spacing: -2%;
	color: #8B8A8A;
	margin-bottom: 8px
}
.forma_f textarea{
	outline: none;
	border: 0px;
	border-radius: 20px;
	padding: 20px;
	min-width: 346px;
	min-height: 68px;
	display: flex;
	align-items: center;
	background: #fff;
	font-weight: 400;
	font-style: Regular;
	font-size: 14px;
	leading-trim: NONE;
	line-height: 100%;
	letter-spacing: -2%;
	color: #8B8A8A;
	margin-bottom: 30px
}
.button_all_f{
	outline: none;
	border: 0px;
	background: none 
}
.button_all_f span:first-child {
    padding: 18px 84px;
    font-family: Avenir Next;
	font-weight: 400;
	font-style: Regular;
	font-size: 18px;
	leading-trim: NONE;
	line-height: 100%;
	letter-spacing: -2%;
	text-align: center;
	color: #FFFFFF
}
.f_soc{
	width: 32px;
	height: 32px;
	background-color: #226C37;
	border-radius: 10px;
	margin-right: 5px;
	background-repeat: no-repeat;
	background-position: center;
	background-size: contain;
	padding: 8px;
	display: flex;
}
.f_socs{
	display: flex;
	align-items: center;
}
@media(max-width: 900px){
	.hero.footer {
	    position: relative;
	    z-index: 9999;
	    top: 330px;
	            margin-bottom: 330px;
	    min-height: max-content;
	}
	.menu_f{
		display: none
	}
	.line_f_1, .line_f_2, .line_f_3{
		flex-wrap: wrap;
		margin-bottom: 30px;
	}
	.f-title{
		font-size: 24px;
	}
	.f-desc{
		font-size: 16px;
		margin-bottom: 30px;
	}
	.forma_f{
		min-width: calc(100% - 40px);
		padding-left: 20px;
		padding-right: 20px;
	}
	.forma_f form {
	    max-width: 100%;
	    min-width: 100%;
	}
	.forma_f input{
		min-width: calc(100% - 40px);
	}
	.forma_f textarea{
		min-width: calc(100% - 40px);
	}
	.button_all_f{
		min-width: 100%;
		outline: none;
	}
	.button_all_f span:first-child {
    	padding: 18px 0px;
        min-width: calc(100% - 54px);
    }
    .line_f_3{
    	justify-content: center;
    }
    .f_socs{
    	margin-bottom: 45px;
    }
}
/*--footer--*/

/*Menu*/
.menu_pop{
	position: fixed;
    z-index: 999;
    top: 0;
    left: 0;
    background: #F7F9EC;
    min-height: calc(100vh - 150px);
    min-width: calc(100% - 100px);
    overflow: hidden;
    padding: 75px 50px;
    transition: opacity 1.2s ease, transform 1.2s ease;
  	will-change: opacity, transform;    
}
.none_menu{
	 opacity: 0;
  	transform: translateY(-600px); /* “знизу” */
  	pointer-events: none; 
}



.menu_fon{
	position: absolute;
	right: 0px;
	    top: 0;
}
.menu_pop .head_block_line{
	    justify-content: flex-start;
	    gap: 80px;
	        position: relative;
    z-index: 99;
}
.navi{
	margin-top: 64px;
}
.menu_top ul{
	padding: 0;
	margin: 0;
	list-style-type: none;
	
}
.menu_top ul li{
	margin-bottom: 45px;
}
.menu_top ul li a{

	font-weight: 500;
	font-style: Medium;
	font-size: 45px;
	leading-trim: NONE;
	line-height: 100%;
	letter-spacing: -1%;
	color: #000000;
}
.menu_top ul li a:hover{
	color: #226C37;
}
.menu_pop .header{
	position: relative;
	z-index: 999
}

.menu_pop .button_all{
	display: none
}

@media(max-width: 900px){

	.menu_fon {
	    position: absolute;
	    right: 0px;
	    top: 100px;
	    left: calc(50% - 400px);
	}
	.menu_fon .header{
		position: relative;
		z-index: 999;

	}
	.menu_pop{
		min-height: calc(100vh - 140px);
		padding: 55px 50px;
	}
	.menu_pop .head_block_line{
		position: relative;
		z-index: 999;
	}
	.menu_pop .tag_title{
		display: none
	}
	.menu_pop .button_all{
		display: flex;
		position: absolute;
		bottom: 50px;
		z-index: 999;
	}
	.menu_pop .button_all span:first-child {
	    padding: 18px 40px;
	}
	.menu_top ul li {
	    margin-bottom: 15px;
	}
	.menu_top ul{
		list-style-type: disc;
		color: #226C37;
	}
	.menu_top ul li a{
		font-size: 32px;
		 position: relative;
        top: 4px;
	}	
}

#thank{
    display: none;
    padding: 18px 70px;
    font-family: Avenir Next;
	font-weight: 400;
	font-style: Regular;
	font-size: 18px;
	leading-trim: NONE;
	line-height: 100%;
	letter-spacing: -2%;
	text-align: center;
	color: #FFFFFF
}
/*--Menu--*/