/* 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: 0px;
}

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



/*Hero*/

	.hero{
		min-width: calc(100% - 60px);
		min-height: calc(100vh - 30px);
		background-position: center;
		background-size: cover;
		display: flex;
		flex-direction: column;
		justify-content: flex-end;
		padding: 30px 30px 0px; 
		padding-bottom: 0px;
		position: relative;
		overflow: hidden;
		/*clip-path: polygon(
		    0 0,
		    100% 0,
		    100% 85%,
		    60% 85%,
		    55% 100%,
		    45% 100%,
		    40% 85%,
		    0 85%
		);*/

		clip-path: polygon(
		    0 0,
		    100% 0,
		    100% 95%,
		    63% 95%,
		    60% 100%,
		    40% 100%,
		    37% 95%,
		    0 95%
		  );
	}

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

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

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

		/* Контент поверх відео */
		.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;
	    position: absolute;
	    top: 30px;
	    z-index: 99;
	    min-width: calc(100% - 60px);
	}


	.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: none;
		    text-transform: lowercase;
		transition: 0.3s;
	}
	.svitch_lang:hover{
		/*background: #1A542A;*/
	}
	.lang-switch{
		display: flex;
	    gap: 0px;
	    flex-wrap: wrap;
	    max-width: 50px;
	    
	    transition: 0.3s;
	    align-items: flex-start;

	}
	.lang-switch__item{
		display: none;
		color: #fff;
		text-decoration: nones
	}
	.lang-switch__item.is-active{
		display: flex;
		gap: 8px;
	}
	.svitch_lang:hover .lang-switch__item{
		display: flex;
		flex-wrap: wrap;
	}
	.svitch_lang:hover .lang-switch{
		padding-top: 20px;
	}
	.svitch_lang:hover svg{
		transform: rotate(180deg);
	}
	.lang-switch__item svg{
		display: none
	}
	.is-active svg{
		display: block
	}
	.lang-switch__item{
		order: 1
	}
	.is-active {
		order: 0
	}
	
	.burger{
		width: 42px;
	    height: 37px;
	    display: flex;
	    flex-wrap: wrap;
	    align-items: center;
	    justify-content: center;
	    flex-direction: column;
	    gap: 6px;
	    background: #FECB02;
	    cursor: pointer;
	    clip-path: polygon(20% 0%, 100% 0%, 100% 70%, 80% 100%, 0% 100%, 0 30%);
	}
	.burger span{
		display: block;
		width: 22px;
		height: 2px;
		background: #000000;

	}	
	.burger:hover{
		/*background: #1A542A;*/
	}

	.botton_hero{
		display: flex;
		align-items: flex-end;
		justify-content: space-between;
		padding-bottom: 100px;
		gap: 20px;
	}
	.utp{
		display: flex;
	    flex-wrap: wrap;
	    justify-content: flex-start;
	}
	.utp_line{
		min-width: 100%;
		display: flex;
		justify-content: left;
	}
	.utp_title{
		font-weight: 600;
		font-style: Demi Bold;
		font-size: 72px;
		leading-trim: NONE;
		line-height: 100%;
		letter-spacing: -2%;
		text-align: left;

		margin-bottom: 16px;
		text-align: left;
	}
	.utp_text{
		font-weight: 400;
		font-style: Regular;
		font-size: 18px;
		leading-trim: NONE;
		line-height: 110.00000000000001%;
		letter-spacing: 0%;
		margin-bottom: 30px;
		text-align: left;
		max-width: 475px;
	}
	.button_all{
		
		height: 58px;
		display: flex;
		align-items: center;
		font-family: Avenir Next;
		font-weight: 500;
		font-style: Medium;
		font-size: 18px;
		leading-trim: NONE;
		line-height: 100%;
		letter-spacing: -1px;
		text-align: center;
		vertical-align: middle;
		color: #000
	}
	.button_all span{
		display: flex;
		align-items: center;
		justify-content: center;
		cursor: pointer;
		background: #FDC916;
		text-decoration: none;

		clip-path: polygon(
		    	7% 0%,      
		      100% 0%,
		      100% 70%,   
		      93% 100%,
		      0% 100%,
		      0 30% 
		  );
	}
	.button_all span:hover{
		background: #F4B300;
	}

	.button_all span:first-child{
		padding: 18px 45px;
	}
	
	.arrow_hero_bottom{
		position: absolute;
		bottom: 2px;
		left: calc(50% - 16px);
		z-index: 99
	}
	.tag{
		padding: 30px;
		background: rgba(255, 255, 255, 0.05); /* напівпрозорий темно-зелений */
		backdrop-filter: blur(18px);
		-webkit-backdrop-filter: blur(18px);
		max-width: 356px;
		clip-path: polygon(7% 0%, 100% 0%, 100% 90%, 93% 100%, 0% 100%, 0 10%);
	}
	.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{
			/*display: none*/
		}
		.burger span{
			/*display: none*/
		}
		.burger{
			width: 48px;
			height: 48px;
			justify-content: center;
			padding: 0px
		}
		.hero{
			padding: 20px;
			min-height: calc(100vh - 40px); 
			clip-path: polygon(
			     0 0,
			    100% 0,
			    100% 97%,
			    80% 97%,
			    75% 100%,
			    25% 100%,
			    20% 97%,
			    0 97%
			  );
			overflow: hidden;
		}
		#bl1{
			padding-top: 170px;
			min-height: max-content
		}
		.botton_hero{
			flex-wrap: wrap;
		}
		.utp{
			justify-content: center;
		}
		.utp_line{
			text-align: center;
			justify-content: center;
		}
		.utp_title{
			font-size: 36px;
			text-align: center;
		}
		.utp_text{
			font-size: 16px;
			text-align: center;
		}
		.botton_hero{
			gap: 60px;
		}
		.tag_title{
			font-size: 12px;
		}
		.tag_text{
			font-size: 16px;
		}
	}

/*--Hero--*/

/*Block2*/
	.block2{
		min-width: calc(100%);
		min-height: calc(115px);
		background: #1E1E1E;	
	}
	.block2_line{
		clip-path: polygon(
		    0 0,
		    100% 0,
		    100% 100%,
		    63% 100%,
		    60% 80%,
		    50% 80%,
		    40% 80%,
		    37% 100%,
		    0 100%
		);
		min-height: 155px;
		min-width: 100%;
		height: 100%;
		display: flex;
		align-items: flex-start;
		justify-content: space-between;
		background: #fff;
		padding-top: 45px;
		padding-bottom: 45px;
		position: relative;
		overflow: hidden;
	}
	.partner{
		min-width: 25%;
		max-width: 25%;
		min-height: 114px;
		display: flex;
		align-items: center;
		justify-content: center;
		background-size: contain;
		background-position: center;
		background-repeat: no-repeat;
	}
	@media(max-width: 900px){
		.block2{
			overflow: hidden;
		}
		.block2_line{
			clip-path: polygon(0 0, 100% 0, 100% 100%, 80% 100%, 72% 90%, 50% 90%, 28% 90%, 20% 100%, 0 100%);
		    overflow: auto;
		    border: none;
		}
		.partner{
			min-width: max-content;
		    max-width: max-content;
		    min-height: 114px;
		    margin-left: 20px;
		    margin-right: 20px;
		}
	}
/*--Block2--*/

/*Block3*/
	.block3{
		min-width: calc(100%);
		background: #1E1E1E;
		padding-bottom: 90px;	
	}
	.block3_head{
		padding-top: 107px;
		margin-bottom: 45px;
		text-align: center;
		font-weight: 500;
		font-style: Medium;
		font-size: 42px;
		leading-trim: NONE;
		line-height: 100%;
		letter-spacing: -1%;
		text-align: center;

	}
	.block3_head span{ 
		color: #FDC916
	}
	.block3_body{
		display: flex;
		justify-content: center;
		flex-wrap: wrap;
	}
	.block3_body_line1, .block3_body_line2{
		display: flex;
		align-items: stretch;
		justify-content: center;
		gap: 40px;
		margin-bottom: 40px;
		max-width: 1366px;
	}
	.card_big{
		min-width: calc(50% - 194px);
    	max-width: calc(50% - 194px);
    	min-height: 219px;
		padding: 0px 82px; 
		background-image: url('https://arimex-oil.romura.space/wp-content/uploads/2025/12/Card.png'); 
		background-size: contain;
		background-position: center;
		background-repeat: no-repeat;
		display: flex;
	    align-items: flex-start;
	    flex-wrap: wrap;
	    flex-direction: column;
	    justify-content: center;
	}
	.card_small{
		min-width: calc(33% - 240px);
    	max-width: calc(33% - 240px);
    	min-height: 302px;
		padding: 0px 102px; 
		background-image: url('https://arimex-oil.romura.space/wp-content/uploads/2025/12/Card_2-1.png'); 
		background-size: contain;
		background-position: center;
		background-repeat: no-repeat;
		display: flex;
	    align-items: flex-start;
	    flex-wrap: wrap;
	    flex-direction: column;
	    justify-content: center;
	}
	.card_3_title{
		font-weight: 600;
		font-style: Demi Bold;
		font-size: 24px;
		leading-trim: NONE;
		line-height: 100%;
		letter-spacing: -1%;
		vertical-align: bottom;
		color: #FDC916;
		margin-bottom: 20px;
	}
	.card_3_text{
		font-weight: 400;
		font-style: Regular;
		font-size: 16px;
		leading-trim: NONE;
		line-height: 114.99999999999999%;
		letter-spacing: -1%;
		vertical-align: bottom;
		color: #C8C7C7
	}
	@media (max-width: 900px) {
		.block3{
			padding: 0px 20px;
			min-width: calc(100% - 40px);
			overflow: hidden;
			padding-bottom: 40px;
		}
		.block3_head br{
			display: none
		}
		.block3_head{
			padding-top: 80px;
			margin-bottom: 30px;
			font-size: 32px;
			text-align: left;
		}
		.block3_body_line1, .block3_body_line2{
			flex-wrap: wrap;
			justify-content: flex-start;
			gap:0px;
			margin-bottom: 0px;
		}
		.card_big, .card_small{
			min-width: calc(100% - 80px);
	        max-width: calc(100% - 80px);
	        padding: 20px 40px;
	        min-height: 160px;
	        background-image: url(https://arimex-oil.romura.space/wp-content/uploads/2025/12/Card_Mob.svg);
		}
		.card_3_title{
			font-size: 20px;
		}
		.card_3_text{
			font-size: 16px;
		}
	}	
/*--Block3--*/

/*Block4*/
	.block4{
		min-width: calc(100%);
		padding-top: 147px;
	}
	.block4_head{
		min-width: 100%;
		display: flex;
		align-items: center;
		justify-content: center;
		font-family: Avenir Next;
		font-weight: 600;
		font-style: Demi Bold;
		font-size: 60px;
		leading-trim: NONE;
		line-height: 100%;
		letter-spacing: -1%;
		text-align: center;
		color: #000000
	}
	.block4_head svg:first-child{
		position: relative;
		top: -20px;
    	left: 60px;
	}
	.block4_head svg:last-child{
		position: relative;
	    top: 20px;
	    left: -60px;
	}
	.block4_slider{
		overflow: hidden;
	}

	.services-slider-wrap {
	  width: 100%;
	}

	/* дозволяємо бачити “половинку” */
	.services-slider .slick-list {
	  overflow: visible;
	}

	.services-slider .slick-track {
	  display: flex;
	}

	/* замість margin-right (він розширює document width) */
	.services-slider .slick-slide {
	  height: auto;
	  padding-right: 16px;     /* GAP */
	  box-sizing: border-box;
	}

	/* щоб останній не додавав зайвий відступ */
	.services-slider .slick-slide:last-child {
	  padding-right: 0;
	}

	/* твоя картка */
	.block4_card {
	  min-height: 493px;
	  background-position: center;
	  background-size: cover;
	  background-repeat: no-repeat;
	  display: flex;
	  align-items: flex-end;
	  position: relative;
	}
	.over_slide{
		min-width: 100%;
		min-height: 100%; 
		background: rgba(0,0,0,0.35);
		position: absolute;
	}
	
	
	.slick-dotted.slick-slider {
	    margin-bottom: 70px !important;
	}

	.slick-dots{
		bottom: -35px !important;
	}
	.services-slider .slick-list {
	  overflow: visible;
	  padding-left: 24px; /* ← підбери: 16–40px */
	}

	.list_5_title{
		font-family: Avenir Next;
		font-weight: 600;
		font-style: Demi Bold;
		font-size: 32px;
		leading-trim: NONE;
		line-height: 100%;
		letter-spacing: -1%;
		padding-left: 30px;
		padding-right: 45px;
		padding-bottom:  30px;
		position: relative;

		z-index: 9
	}

	.slick-dots li button {
	    width: 20px !important;
	    height: 14px !important;
	    background: #E4E4E4 !important;
	}
	.slick-dots li button:before{
		display: none
	}
	.slick-dots .slick-active button {
		background: #FDC916 !important
	}

	@media (max-width: 1600px) {
		.block4_card {
			min-height: 393px;
		}
	}
	
	@media (max-width: 900px) {
		.block4{
			overflow: hidden;
			padding-top: 60px;
		}
		  .services-slider .slick-slide {
		    padding-right: 12px; 
		  }
		  .services-slider .slick-list {
		    padding-left: 16px;
		  }
		  .block4_card{
		  	min-height: 250px;
		  }
		  .block4_head{
		  	font-size: 32px;
		  	position: relative;
		  	padding: 40px;
		  	    min-width: calc(100% - 80px);
		  }
	  	.block4_head svg:first-child{
			position: absolute;
	        top: -25px;
	        left: -35px;
		}
		.block4_head svg:last-child{
			position: absolute;
	        top: 10px;
	        left: initial;
	        right: -35px;
		}
		.list_5_title{
			font-size: 20px;
		}
	}
/*--Block4--*/

/*Block5*/
	.block5{
		min-width: calc(100%);
		min-height: 960px;
		position: relative;
		overflow: hidden;
	}
	.country_img{
		position: absolute;
		top: 250px;
		bottom: 0;
		left: 0;
		right: 0;
		margin: auto;
		z-index: 9
	}
	.block5_head{
		min-width: 100%;
		display: flex;
		align-items: center;
		justify-content: center;
		font-family: Avenir Next;
		font-weight: 600;
		font-style: Demi Bold;
		font-size: 60px;
		leading-trim: NONE;
		line-height: 100%;
		letter-spacing: -1%;
		text-align: center;
		color: #000000
	}
	.block5_head svg:first-child{
		position: relative;
		top: -20px;
    	left: 60px;
	}
	.block5_head svg:last-child{
		position: relative;
	    top: 20px;
	    left: -60px;
	}
	.block5_head_desc{
		font-weight: 400;
		font-style: Regular;
		font-size: 16px;
		leading-trim: NONE;
		line-height: 110.00000000000001%;
		letter-spacing: 0%;
		text-align: center;
		color: #1E1E1E
	}

	.card_5_bl{
		width: 209px;
	    height: 109px;
	    background: #D8D8D8;
	    padding:1px;
	    display: flex;
	    align-items: center;
	    justify-content: center;
	    cursor: pointer;
	    text-decoration: none;
	    color: #1E1E1E;
	    font-weight: 500;
	    font-style: Medium;
	    font-size: 18px;
	    leading-trim: NONE;
	    line-height: 100%;
	    letter-spacing: -1%;
	    text-align: center;
	    position: relative;
	    clip-path: polygon(12% 0%, 100% 0%, 100% 80%, 90% 100%, 0% 100%, 0 22%);
	}
	.card_5_bl_v{
		width: 168px;
	    height: 107px;
	    background: #fff;
	    padding: 0px 20px;
	    display: flex;
	    align-items: center;
	    justify-content: center;
	    cursor: pointer;
	    text-decoration: none;
	    color: #1E1E1E;
	    font-weight: 500;
	    font-style: Medium;
	    font-size: 18px;
	    leading-trim: NONE;
	    line-height: 100%;
	    letter-spacing: -1%;
	    text-align: center;
	    position: relative;
	    clip-path: polygon(12% 0%, 100% 0%, 100% 80%, 90% 100%, 0% 100%, 0 22%);
	    
	}
	#num0{
		left: calc(50% + 350px);
		top: 300px;
		position: absolute;
	}
	#num1{
		left: calc(50% - 620px);
    	top: 440px;
    	position: absolute;
	}
	#num2{
		left: calc(50% + 350px);
    	top: 600px;
    	position: absolute;
	}
	#num3{
		left: calc(50% - 400px);
    	top: 640px;
    	position: absolute;
	}
	#num4{
		left: calc(50% + 140px);
    	top: 780px;
    	position: absolute;
	}
	.hex{
	  --size: 18px;   /* розмір */
	  --border: 2px;  /* товщина сірої рамки */
	  --outer: #d9d9d9;
	  --inner: #ffc400;
	  transform: rotate(90deg);
	  width: var(--size);
	  aspect-ratio: 1 / 1;
	  display: inline-block;
	  background: var(--outer);
	  position: absolute;
	    left: calc(50% - 8px);
	    top: -17px;
	  /* шестикутник */
	  clip-path: polygon(
	    25% 6.7%, 75% 6.7%,
	    100% 50%,
	    75% 93.3%, 25% 93.3%,
	    0% 50%
	  );
	}

	.hex::before{
	  content:"";
	  position:absolute;
	  inset: var(--border);
	  background: var(--inner);

	  /* той самий шестикутник всередині */
	  clip-path: inherit;
	}
	#num0 .hex{
		top: 110px;
	}
	.line1_5{
		position: relative;
	    top: -173px;
	    left: 118px;
	}
	.line2_5{
		position: relative;
	    top: -173px;
	    left: 118px;
	}
	.line3_5{
		position: relative;
	    left: -116px;
	    top: 16px;
	}
	.line4_5{
		position: relative;
	    top: -172px;
	    left: -116px;
	}
	.line5_5{
		position: relative;
	    top: -172px;
	    left: -41px;
	}
	/* ===== Block5 reveal animation ===== */

	/* базовий стан (сховано) */
	.block5 .reveal-card {
	  opacity: 0;
	  transform: translateX(var(--fromX, 0px)) scale(0.98);
	  transition:
	    transform 800ms cubic-bezier(.2,.9,.2,1),
	    opacity 600ms ease;
	  will-change: transform, opacity;
	}

	/* коли блок у видимості */
	.block5.is-inview .reveal-card {
	  opacity: 1;
	  transform: translateX(0px) scale(1);
	}

	/* напрямки: ліві їдуть вліво (тобі треба num1 і num2), решта вправо */
	#num1.reveal-card,
	#num2.reveal-card { --fromX: -140px; }

	#num0.reveal-card,
	#num3.reveal-card,
	#num4.reveal-card { --fromX: 140px; }

	/* маленька “хвиля” (затримки), щоб не всі одночасно */
	#num0.reveal-card { transition-delay: 0ms; }
	#num1.reveal-card { transition-delay: 80ms; }
	#num2.reveal-card { transition-delay: 160ms; }
	#num3.reveal-card { transition-delay: 240ms; }
	#num4.reveal-card { transition-delay: 320ms; }

	/* (опційно) якщо користувач вимкнув анімації в системі */
	@media (prefers-reduced-motion: reduce) {
	  .block5 .reveal-card,
	  .block5.is-inview .reveal-card {
	    transition: none;
	    opacity: 1;
	    transform: none;
	  }
	}

	@media(max-width: 900px){
		.block5{
			overflow: hidden;
		}
		.block5_head{
			font-size: 32px;
	        position: relative;
	        padding: 20px;
	        min-width: calc(100% - 40px);
		}
		.block5_head svg:first-child{
			position: absolute;
			top: -40px;
        	left: -35px;
		}
		.block5_head svg:last-child{
			position: absolute;
		    top:-10px;
		    left: inherit;
		    right: -35px
		}
		.block5_head svg{
			display: none
		}
		.block5_head_desc br{
			display: none
		}
		.block5_head_desc{
			padding: 0px 20px;
		}
		.country_img {
		    position: absolute;
		    top:-230px;
		    object-fit: cover;
		    max-width: 100%;
		}
		.card_5_bl{
			width: 160px;
		}
		.reveal-card .hex{
			display: none
		}
		#num0{
			left: 20px;
			top: 480px;
		} 
		#num1{
			left: inherit;
			right: 20px;
			top: 480px;
		} 
		#num2{
			left: 20px;
			top: 625px;
		} 
		#num3{
			left: inherit;
			right: 20px;
			top: 625px;
		} 
		#num4{
			left: 20px;
			top: 770px;
		} 
		.line1_5, .line2_5, .line3_5, .line4_5, .line5_5{
			display: none
		}
		.card_5_bl_v{
			width: 117px;
		}
	}

/*--Block5--*/

/*Block6*/
	.block6{
		min-width: calc(100%);
		min-height: 1048px;
		background-color: #1E1E1E;
		background-image: url("/wp-content/uploads/2025/12/Frame-1-4.png");
		background-position: center;
		background-size: cover;
		background-repeat: no-repeat;
		overflow: hidden;
	}
	.block6_head{
		display: flex;
		min-width: 100%;
		justify-content: space-between;
	}
	.block6_head_title{
		min-width: 60%;
		max-width: 60%;
		font-weight: 600;
		font-style: Demi Bold;
		font-size: 42px;
		leading-trim: NONE;
		line-height: 100%;
		letter-spacing: -1%;
		padding-top: 60px;
	}	
	.block6_head_title span{
		color: #FDC916
	}
	.block6_head_title a span{
		color: #000
	}
	.utp_line_bl6{
		min-width: 100%;
	    display: flex;
	    justify-content:flex-start;
	    padding-top: 45px;
	}
	













	.block6_body{
	  display:flex;
	  align-items:center;
	  justify-content:space-between;
	  padding-top:240px;
	}

	.oval_block{
	  min-width:33%;
	  max-width:33%;
	  position:relative;
	  min-height:218px;
	  z-index:0;
	}
	.oval_block:hover{ z-index:10; }

	.oval_block:first-child .oval{ position:absolute; top:-170px; }
	.oval_block:last-child  .oval{ position:absolute; top:170px; }

	.oval{
	  width:472px;
	  height:218px;
	  border-radius:100%;
	  position:relative;
	  overflow:visible;
	  cursor:pointer;
	  --beamOpen: 0;          /* 0..1 */
	  --beamShift: 18px;      /* стартовий зсув вниз */
	}

	

	.spot{
	  position:absolute;
	  left:0;
	  bottom:0;
	  width:472px;
	  height:613px;
	  pointer-events:none; /* щоб hover ловився контейнером .oval */
	}

	.oval{
	  position:relative;
	  width:472px;
	  height:218px;
	  cursor:pointer;
	  overflow:visible;
	  background:none;
	}

	/* старт: beam вимкнений */
	.spot .beam{
	  opacity:0;
	  transform: translateY(18px);
	  transition: opacity 300ms ease, transform 300ms ease;
	  transform-origin:center bottom;
	}

	/* ✅ hover по контейнеру */
	.oval:hover .spot .beam{
	  opacity:1;
	  transform: translateY(0);
	}


	.oval_inside{
	  width:470px;
	  height:216px;
	  border-radius:100%;
	  background:#1E1E1E;
	  display:flex;
	  align-items:center;
	  justify-content:center;
	  position:relative;
	  z-index:3;
	  opacity: calc(1 - (var(--beamOpen) * 0.35));
	  transition: opacity .25s ease, background .25s ease;
	}


	/* контент в beam */
	.beam_content{
	  position:absolute;
	  top: -200px;
	  left:0;
	  right:0;
	  z-index:4;
	  display:flex;
	  justify-content:center;
	  padding:0 34px;
	  opacity: 0;
	  transform: translateY(8px);
	  pointer-events:none;
	  transition: opacity .25s ease, transform .25s ease;
	}

	/* показуємо контент тільки після “виїзду” beam */
	.oval:hover .beam_content{
	  opacity: 1;
	  transform: translateY(0);
	  transition-delay: 0.38s;
	}
	.beam_list{
		position: relative;
		text-align: center;
		font-weight: 500;
		font-style: Medium;
		font-size: 16px;
		leading-trim: NONE;
		line-height: 100%;
		letter-spacing: -1%;
		text-align: center;

	}
	.beam_list svg:first-child{
		top: -40px;
		left: -30px;
		position: absolute;
	}
	.beam_list svg:last-child{
		bottom: -40px;
		right: -30px;
		position: absolute;
	}

	@media(max-width: 900px){
		.block6_head_title{
			min-width: 100%;
    		max-width: 100%;
		}
		.block6{
			overflow: hidden;
			    min-height: 1000px
		}
		.block6_head_title{
			font-size: 32px;
			padding: 30px 20px 0px;
			min-width: calc(100% - 40px);
			max-width: calc(100% - 40px);
		}
		.block6_body{
			flex-wrap: wrap;
			justify-content: center;
			padding-top: 125px;
		}
		.oval_block{
			min-width: calc(100% - 40px);
    		max-width: calc(100% - 40px);
    		min-height: 190px;
		}
		.oval{
			width: 100%;
			height: 180px;
		}
		.oval_inside{
			background: none;
			width: 100%;
    		height: 20px;
		}
		.spot{
			width: 100%;
		}
		.oval_block:first-child .oval{
			top: 0px;
		}
		.oval_block:last-child .oval{
			top: 0px;
		}
		.beam_content{
			top: 10px;
		}

	}

/*--Block6--*/

/*Block8*/
	.block8{
		min-width: calc(100%);
		min-height: 1048px;
		background-color: #fff;
		position: relative;
		background-position: center;
		background-size: cover;
		background-repeat: no-repeat;
	}
	.block8_head{
		padding-top: 140px;
		display: flex;
		min-width: 100%;
		justify-content: space-between;
	}
	.block8_head_title{
		color: #000;
	}
	.block8_body_line{
		min-width: 100%;
		display: flex;
		align-items: center;
		justify-content: space-between;
	}
	.block8_body{
		min-width: 520px;
		max-width: 520px;
		margin-top: 60px;
		position: relative;
		z-index: 999;

	}
	.block8_body_line_img{
		min-width: 100%; 
		min-height: 920px;
		background-position: 0px;
		background-repeat: no-repeat;
		background-size: contain;
		position: relative;
		top: -250px;
		margin-bottom: -250px;

	}
	.block8_body_line_transp{
		min-width: 100%; 
		min-height: 490px;
		background: linear-gradient(to bottom, rgba(255,255,255,0) 0%, rgba(255,255,255,0) 40%, rgba(255,255,255,1) 100%);
		position: absolute;
		bottom: 250px;
		left: 0px;
		right: 0px;
	}



	.scroll-left{
	  max-height: 220px;
	  overflow-y: auto;
	  overflow-x: hidden;
	  direction: rtl;
	  padding-left: 14px;

	}
	/* повертаємо контент */
	.scroll-left .scroll-content{
	  direction: ltr;
	}

	.scroll-left::-webkit-scrollbar{
	    height: 2px;
	    width: 2px;
	}
	.scroll-left::-webkit-scrollbar-track {
	    border-radius: 10px;
	    background: #F2F2F2;
	}
	 
	.scroll-left::-webkit-scrollbar-thumb {
	    border-radius: 10px;
	    background: var(--Grays-Gray-4, #FDC916);
	}



	.scroll-content a{
		font-weight: 500;
		font-style: Medium;
		font-size: 24px;
		leading-trim: NONE;
		line-height: 100%;
		letter-spacing: -1%;
		color: #1E1E1E;
		display: flex;
		align-items: center;
		justify-content: space-between;
		min-width: calc(100% - 86px);
    	padding: 15px 43px;

	}

	@media(max-width: 900px){
		.block6{
			overflow: hidden;
		}
		.block8_body{
			min-width: 100%;
    		max-width: 100%;
		}
		.block8_head{
			padding-top: 60px;
			font-size: 32px;
		}
		.scroll-content a{
			font-size: 18px
		}
		.block8_body_line_img {
			top: -185px;
    		margin-bottom: -355px;
		}
	}

/*--Block8--*/

/*Block9*/
	.block9{
		min-width: calc(100%);
		margin-top: 80px;
		padding-top: 60px;
		background: #1E1E1E;
		position: relative;
		padding-bottom: 60px;
		background-size: cover;
		background-position: center 270px;
		background-repeat: no-repeat;
		min-height: 940px;
		overflow: hidden;
	}
	.block9_fon{
		position: absolute;
		top: 55%;
		left: 0;
		right: 0;
		margin: auto;
		bottom: 0;
		width: 100%;
    	height: 100%;
    	object-fit: contain;
	}
	.block9_head{
		min-width: 100%;
		display: flex;
		align-items: center;
		justify-content: center;
		font-weight: 600;
		font-style: Demi Bold;
		font-size: 60px;
		leading-trim: NONE;
		line-height: 100%;
		letter-spacing: -1%;
		text-align: center;
		position: relative;
		z-index: 99
	}
	.block9_head svg:first-child{
		position: relative;
		top: -20px;
    	left: 60px;
	}
	.block9_head svg:last-child{
		position: relative;
	    top: 20px;
	    left: -60px;
	}
	.block9_desc{
		font-weight: 400;
		font-style: Regular;
		font-size: 16px;
		leading-trim: NONE;
		line-height: 110.00000000000001%;
		letter-spacing: 0%;
		text-align: center;
		color: #FFFFFF;
		min-width: 100%;
		display: flex;
		justify-content: center;
		padding-top: 16px;
		position: relative;
		z-index: 99
	}

	.block9_but{
		display: flex;
		justify-content: center;
		padding-top: 30px;
		position: relative;
		z-index: 99
	}

	.block_line_body9{
		display: flex;
		align-items: center;
		justify-content: center;
		min-width: calc(100% - 192px);
		padding: 0px 96px;
		gap: 620px;
	}
	.bolock_line{
		position: relative;
	}
	.bolock{
		width: 169px;
		height: 109px;
		background: #242424;
		padding: 0px 20px;
		display: flex;
		align-items: center;
		justify-content: center;
		cursor: pointer;
		text-decoration: none;
		color: #FFFFFF;
		font-weight: 500;
		font-style: Medium;
		font-size: 18px;
		leading-trim: NONE;
		line-height: 100%;
		letter-spacing: -1%;
		text-align: center;
		position: relative;
		clip-path: polygon(
		    	12% 0%,      
		      100% 0%,
		      100% 80%,   
		      90% 100%,
		      0% 100%,
		      0 22%
		  );
	}
	.bolock_line .truga{
		position: absolute;
		top: -23px;
		left:calc(50% - 10px) 
	}
	.line1_9{
		margin-top: 300px;
	}
	.line2_9{
		margin-top: 100px;
	}
	.line2_9{
		justify-content: center;
		gap: 190px;
	}

	.line21_9{
		position: absolute;
	    top: -97px;
	    left: 104px;
	}
	.line22_9{
		position: absolute;
		top: -97px;
	    left: -131px;
	}
	.line23_9{
		position: absolute;
    left: 104px;
    top: -105px;
	}
	
	/* базовий стан прихований */
	.block9 .bolock_line.reveal-item{
	  opacity: 0;
	  transform: translate(var(--fromX, 0px), var(--fromY, 0px));
	  transition:
	    transform 800ms cubic-bezier(.2,.9,.2,1),
	    opacity 500ms ease;
	  will-change: transform, opacity;
	}

	/* коли блок у видимості */
	.block9.is-inview .bolock_line.reveal-item{
	  opacity: 1;
	  transform: translate(0px, 0px);
	}

	/* Напрямки */

	/* line1_9: перший їде "з центру вліво" => стартує трохи правіше */
	.line1_9 .bolock_line:nth-child(1){
	  --fromX: 160px;
	  --fromY: 0px;
	}

	/* line1_9: другий їде "з центру вправо" => стартує трохи лівіше */
	.line1_9 .bolock_line:nth-child(2){
	  --fromX: -160px;
	  --fromY: 0px;
	}

	/* line2_9: обидва вниз => стартують трохи вище (ніби з центру) */
	.line2_9 .bolock_line{
	  --fromX: 0px;
	  --fromY: -120px;
	}

	/* Невелика хвиля затримок */
	.line1_9 .bolock_line:nth-child(1){ transition-delay: 0ms; }
	.line1_9 .bolock_line:nth-child(2){ transition-delay: 220ms; }
	.line2_9 .bolock_line:nth-child(1){ transition-delay: 400ms; }
	.line2_9 .bolock_line:nth-child(2){ transition-delay: 620ms; }

	/* (Опційно) для юзерів з reduced motion */
	@media (prefers-reduced-motion: reduce){
	  .block9 .bolock_line.reveal-item,
	  .block9.is-inview .bolock_line.reveal-item{
	    transition: none;
	    opacity: 1;
	    transform: none;
	  }
	}

	
	@media (max-width: 900px) {
		.block9{
			overflow: hidden;
			padding-top: 60px;
			min-height: 810px;
		}
	  	.block9_head svg:first-child{
			position: absolute;
	        top: -50px;
	        left: -5px;
		}
		.block9_head svg:last-child{
			position: absolute;
	        top: 10px;
	        left: initial;
	        right: -15px;
		}
		.block9_head svg{
			display: none
		}
		.block9_head{
			font-size: 32px;
			padding: 20px 20px;
        min-width: calc(100% - 40px);
		}
		.block9_fon{
			top: 150px
		}
		.block9 .bolock_line.reveal-item{
		    opacity: 1 !important;
		    transform: none !important;
		    transition: none !important;
		  }
		.line1_9 {
		    margin-top: 260px;
		}
		.block_line_body9{
			gap: 20px;
		}
		.line2_9{
			gap: 20px;
			    margin-top: 20px;
		}
		.bolock{
			width: 110px;
			height: 110px;
			background: #1B1B1B;
			font-size: 16px;
		}
		.truga, .line21_9, .line22_9, .line23_9{
			display: none
		}
	}


	
/*--Block9--*/

/*Block10*/
	.block10{
		min-width: calc(100%);
		margin-top: 80px;
		padding-top: 60px;
		background: #fff;
		position: relative;
		padding-bottom: 60px;
		background-size: cover;
		background-position: center 270px;
		background-repeat: no-repeat;
		overflow: hidden;
		
	}
	.block10_head{
		min-width: 100%;
		display: flex;
		align-items: center;
		justify-content: center;
		font-weight: 600;
		font-style: Demi Bold;
		font-size: 60px;
		leading-trim: NONE;
		line-height: 100%;
		letter-spacing: -1%;
		text-align: center;
		color: #000000
		
	}
	.block10_head svg:first-child{
		position: relative;
		top: -60px;
    	left: 100px;
	}
	.block10_head svg:last-child{
		position: relative;
	    top: 60px;
	    left: -100px;
	}
	

	.block10_but{
		display: flex;
		justify-content: center;
		padding-top: 30px;
	}

	.block_line_body10{
		display: flex;
		flex-wrap: wrap;
		align-items: center;
		justify-content: space-between;
		min-width: calc(100% - 60px);
		padding: 57px 30px 0px;
	}
	.card10{
		min-width: calc(50% - 80px);
		max-width: calc(50% - 80px);
		min-height: 480px;
		display: flex;
		padding: 30px;
		align-items: flex-end;
		background-position: center;
		background-size: cover;
		background-repeat: no-repeat;
		font-weight: 600;
		font-style: Demi Bold;
		font-size: 32px;
		leading-trim: NONE;
		line-height: 100%;
		letter-spacing: 0%;

	}
	@media (max-width: 1600px) {
		.card10{
			min-width: calc(50% - 69px);
			max-width: calc(50% - 69px);
			min-height: 435px;
		}
	}
	@media (max-width: 900px) {
		.block10{
			overflow: hidden;
		}
		.block10_head{
			font-size: 32px;
			padding: 0px 20px;
			min-width: calc(100% - 40px);
		}
		.block_line_body10{
			padding: 57px 20px 0px;
			gap: 20px;
		}
		.card10{
			min-width: calc(100% - 59px);
			max-width: calc(100% - 59px);
			    min-height: 220px;
			    font-size: 20px;
		}
		.block10_head svg{
			display: none
		}
	}
/*--Block10--*/

/*Footer*/

	.footer_block{
		background: #1E1E1E;
	}

	.footer{
		padding: 105px 30px 83px;
		clip-path: polygon(0 0, 100% 0, 100% 100%, 68% 100%, 65% 92%, 50% 92%, 36% 92%, 33% 100%, 0 100%);
		background-size: cover;
		background-position: center;
		background-repeat: no-repeat;
	}
	.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;
	    position: absolute;
	    left: calc(50%);
	    transform: translate(-50%);
	    margin: auto;
	    top: -25px;
	}
	.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:first-child{
		padding-left: 0px;
	}
	.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: #FDC916;
	}
	.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-top: 45px;
		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: #FDC916;
		clip-path: polygon(7% 0%, 100% 0%, 100% 90%, 92% 100%, 0% 100%, 0 10%);
		
	}
	
	.forma_f input{
		outline: none;
		border: 1px solid #3F3F3F;
		padding: 10px 20px;
		min-width: 438px;
		min-height: 19px;
		display: flex;
		align-items: center;
		background: none;
		font-weight: 400;
		font-style: Regular;
		font-size: 14px;
		leading-trim: NONE;
		line-height: 100%;
		letter-spacing: -2%;
		color: #3F3F3F;
		margin-bottom: 8px
	}
	.forma_f textarea{
		outline: none;
		border: 1px solid #3F3F3F;
		padding: 10px 20px;
		min-width: 438px;
		min-height: 68px;
		display: flex;
		align-items: center;
		background: none;
		font-weight: 400;
		font-style: Regular;
		font-size: 14px;
		leading-trim: NONE;
		line-height: 100%;
		letter-spacing: -2%;
		color: #3F3F3F;
		margin-bottom: 30px
	}
	.button_all_f{
		outline: none;
		border: 0px;
		    background: none;
		    min-width: 100%;

	}
	.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;
		background: #1E1E1E;
		min-width: calc(100% - 162px);
		clip-path: polygon(5% 0%, 100% 0%, 100% 65%, 95% 100%, 0% 100%, 0 35%);
	}
	.f_soc{
		width: 46px;
		height: 34px;
		background-color: #FDC916;
		
		margin-right: 5px;
		background-repeat: no-repeat;
		background-position: center;
		background-size: contain;
		align-items: center;
		justify-content: center;
		display: flex;
		clip-path: polygon(22% 0%, 100% 0%, 100% 65%, 78% 100%, 0% 100%, 0 35%)
	}
	.f_socs{
		display: flex;
		align-items: center;
	}
	.footer_coop{
		display: flex;
		align-items: center;
		position: relative;
		padding: 20px 30px;
		justify-content: space-between;
	}
	@media(max-width: 900px){
		.footer {
		    position: relative;
		    z-index: 9999;
		    top:-1px;
		    margin-bottom: 20px;
		    min-height: max-content;
		    overflow: hidden;
		    clip-path: none;
		        background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
		}

		.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% - 60px);
		}
		.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 span:first-child {
	    	padding: 18px 35px;
	    }
	    .line_f_3{
	    	justify-content: center;
	    }
	    .f_socs{
	    	margin-bottom: 45px;
	    }
	    .footer_coop{
	    	flex-wrap: wrap;
	    	justify-content: center;
	    }
	    .f_socs{
	    	order: 0;
	    	margin-bottom: 20px;
	    }
	    .f_coop{
	    	order: 1;
	    }
	}
/*--footer--*/




/*Menu*/
	.menu_pop{
		position: fixed;
	    z-index: 999;
	    top: inherit;
	    bottom: 0;
	    left: 0;
	    background: #1E1E1E;
	    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; 
	  	clip-path: polygon(
		    0 0,
		    100% 0,
		    100% 95%,
		    63% 95%,
		    60% 100%,
		    40% 100%,
		    37% 95%,
		    0 95%
		  );   
	}
	.none_menu{
		 opacity: 0;
	  	transform: translateY(-600px); /* “знизу” */
	  	pointer-events: none; 
	}

	.burger_close{
		position: absolute;
		bottom: 5px;
		left: 50%;
		transform: translate(-50%);
		background: none;
	}


	.menu_fon{
		position: absolute;
		right: 0px;
		    top: 0;
	}
	.menu_pop .head_block_line{
		    justify-content: center;
		    gap: 80px;
		        display: flex;
	}
	.navi{
		margin-top: 64px;
	}
	.menu_top{
		position: relative;
	}
	.menu_top svg{
		position: absolute;
		left: -45px;
		top: -30px;
	}
	.menu_top svg:last-child{
		position: absolute;
		left: inherit;
		right: -60px;
		top: inherit;
		bottom: -30px;
	}
	.menu_top ul{
		padding: 0;
		margin: 0;
		list-style-type: none;
	}
	.menu_top ul li{
		margin-bottom: 20px;
	}
	.menu_top ul li a{

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

	.menu_pop .button_all{
		display: none
	}

	@media(max-width: 900px){
		.menu_pop{
			clip-path: polygon(0 0, 100% 0, 100% 97%, 80% 97%, 75% 100%, 25% 100%, 20% 97%, 0 97%);
		}
		.menu_fon {
		    position: absolute;
		    right: 0px;
		    top: 100px;
		    left: calc(50% - 400px);
		}
		.menu_fon .header{
			position: relative;
			z-index: 999;
			
		}
		.menu_pop .header{
			top: -30px;
		}
		.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;
		}
		.menu_pop .button_all span:first-child {
		    padding: 18px 80px;
		}
		.menu_top ul li {
		    margin-bottom: 15px;
		}
		.menu_top ul li a{
			font-size: 20px;
			line-height: 25px;
		}
		.block_menu_right .button_all{
			display: none !important
		}
	}
	#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--*/