@charset "utf-8";
/* CSS Document */


/*HISTORY*/

	/*TITLE*/
	.history .content_history {padding-top: 170px; background-color: var(--white);}
		.history .content_history .section_title {display: flex; align-items: center; justify-content: center; padding: 25px 0;}
			.history .content_history .section_title hr {width: 50%; border-color: var(--white); border-width: 2px;}
			.history .content_history .section_title h1 {font-size: 3.75rem; color: var(--white); text-align: center; line-height: 1; padding: 0 30px;}

		/*Animations*/
		.history .content_history {transition: background 0.5s ease-in-out;}
			.history .content_history.show {background-color: var(--pink);}

		.history .content_history .section_title hr {transition: all 0.5s 0.5s ease-in-out; transform: scale(0);}
			.history .content_history.show .section_title hr {transform: scale(1);}

		.history .content_history .section_title h1 {transition: opacity 0.8s 0.5s ease-in-out; opacity: 0;}
			.history .content_history.show .section_title h1 {opacity: 1;}

	/*CAROUSEL*/
	.history .content_carousel {margin-top: 97px;}
		.history .content_carousel .splide__slide {display: flex; align-items: flex-start; justify-content: center; gap: 126px; padding-left: 0;}
		.history .content_carousel .slide_text {width: 456px;}
			.history .content_carousel .slide_text h2 {font-size: 3.75rem; margin-bottom: 20px;}
			.history .content_carousel .slide_text p {font-size: 1.25rem; line-height: 1.4; font-weight: 400;}
			/*Carousel*/
			.history .content_carousel .splide__arrows {position: absolute; bottom: 40px; right: 0;}
				.history .content_carousel .splide__arrow--prev {right: 100px; left: initial; bottom: 0px; background: none;}
				.history .content_carousel .splide__arrow--next {right: 0px; bottom: 0px; background: none;}
				.history .content_carousel .splide__arrow--prev svg,
				.history .content_carousel .splide__arrow--next svg {width: 30px; height: 59px;}
				.history .content_carousel .splide__arrow--prev svg {transform: scaleX(-1.5) scaleY(1.5);}
				.history .content_carousel .splide__arrow--next svg {transform: scale(1.5);}

		/*Animations*/
		.history .content_carousel .splide figure,
		.history .content_carousel .splide h2 {transition: opacity 0.5s 0.3s ease-in-out; opacity: 0;}
			.history .content_carousel.show .splide figure,
			.history .content_carousel.show .splide h2 {opacity: 1;}
		.history .content_carousel .splide p {transition: all 0.5s 0.5s ease-in-out; opacity: 0; transform: translateY(20px); margin:0 0 30px;}
			.history .content_carousel.show .splide p {opacity: 1; transform: translateY(0px);}

	/*HISTORY LINE*/
	.history .content_history_line {margin-top: 170px;}
	/*Pearl Ornaments*/
	.history .content_history_line .ornament_pearl{position:absolute; z-index:3;}

	.history .content_history_line .pearl01{width:76px; right:-2px; bottom: -48px;}

	.history .content_history_line .pearl02{width:38px; right:90px; bottom: -29px;}

	/*Headings*/
	.history .content_history_line h3{font-size:3.750rem; margin:60px 0 100px; position:relative; margin:0 0 40px; color:var(--black); display: flex; justify-content: flex-start; align-items: center;}

		.history .content_history_line h3 .animation_text02{font-family:'boisterous_scriptregular', serif; font-weight:400; font-size:6.250rem; color:var(--pink); position:relative; z-index:2;}
		.history .content_history_line.green h3 .animation_text02{color: var(--green);}

		/*Line*/
		.history .content_history_line h3::before{width:100%; height:2px; background:var(--pink); position:absolute; left:0; bottom:-10px; content:'';}
		.history .content_history_line.green h3::before{background: var(--green);}

		/*Animations*/
		.history .content_history_line h3 .animation_text01,
		.history .content_history_line h3 .animation_text02,
		.history .content_history_line h3::before{transition:all 1s cubic-bezier(0.25, 0.1, 0.1, 1); -webkit-transition:all 1s cubic-bezier(0.25, 0.1, 0.1, 1);}

		.history .content_history_line .ornament_pearl{transition:all 0.5s ease-in-out; -webkit-transition:all 0.5s ease-in-out;}
			/*Heading*/
			.history .content_history_line h3 .animation_text01{opacity:0; transform:translateX(-40px); -webkit-transform:translateX(-40px); display:inline-block;}
			.history .content_history_line.show h3 .animation_text01{opacity:1; transform:translateX(0);}

			.history .content_history_line h3 .animation_text02{opacity:0; margin-left: 50px;}
			.history .content_history_line.show h3 .animation_text02{opacity:1;}

			.history .content_history_line h3::before{transform:scaleX(0); -webkit-transform:scaleX(0); transform-origin:left; -webkit-transform-origin:left;}
			.history .content_history_line.show h3::before{transform:scaleX(1); -webkit-transform:scaleX(1);}

				/*Delays*/
				.history .content_history_line h3 .animation_text01{transition-delay:0.1s; -webkit-transition-delay:0.1s;}

				.history .content_history_line h3 .animation_text02{transition-delay:0.5s; -webkit-transition-delay:0.5s;}

				.history .content_history_line h3::before{transition-delay:0s; -webkit-transition-delay:0s;}

			/*Pearls*/
			.history .content_history_line .ornament_pearl{opacity:0;}
			.history .content_history_line.show .ornament_pearl{opacity:1;}

	/*Milestones*/
	.history .content_history_line .milestone {position: relative;}
		.history .content_history_line .milestone .year {color: var(--pink); font-size: 10rem; display: inline-block; position: relative; z-index: 2;}
		.history .content_history_line .milestone .year:before {display: block; content: ''; width: 83%; height: 8px; background: var(--green); position: absolute; bottom: 0; left: 0;}
		.history .content_history_line .milestone p {padding-top: 65px; width: 288px; line-height: 1.5; text-align: left;}
		.history .content_history_line .milestone .images {position: absolute;}
		.history .content_history_line .milestone .dashed_line {height: calc(100% - 187px); top: 187px; position: absolute; border-style: dashed; border-width: 8px;  border-bottom-width: 0px; border-color: var(--green); z-index: 2;}

		/*Milestone 1*/
		.history .content_history_line .milestone_1 {text-align: center; padding-bottom: 193px;}
			.history .content_history_line .milestone_1 p {padding-left: 340px;}
			.history .content_history_line .milestone_1 .images {top: 107px; right: 60px;}
				.history .content_history_line .milestone_1 img:nth-child(2) {position: absolute; left: 0; bottom: -80px;}
			.history .content_history_line .milestone_1 .dashed_line {left: 170px;  border-right-width: 0px; width: 164px;}

		/*Milestone 2*/
		.history .content_history_line .milestone_2 {padding-bottom: 364px;}
			.history .content_history_line .milestone_2 .images {top: 30px; left: 353px;}
				.history .content_history_line .milestone_2 img:nth-child(2) {position: absolute; right: 0; bottom: -100px;}
			.history .content_history_line .milestone_2 .year:before {width: 80.5%;}
			.history .content_history_line .milestone_2 .dashed_line {right: 0; border-left-width: 0; width: 455px;}

		/*Milestone 3*/
		.history .content_history_line .milestone_3 {padding-bottom: 646px; text-align: right; margin-top: -190px;}
			.history .content_history_line .milestone_3 .year {padding-right: 20px;}
				.history .content_history_line .milestone_3 .year:before {left: 50px; width: 89.4%;}
			.history .content_history_line .milestone_3 .images {top: 100px; right: 410px;}
			.history .content_history_line .milestone_3 p {position: absolute; right: 50px;}
			.history .content_history_line .milestone_3 .dashed_line {left: 0; border-right-width: 0; width: 342px;}

		/*Milestone 4*/
		.history .content_history_line .milestone_4 {padding-bottom: 298px; margin-top: -190px;}
			.history .content_history_line .milestone_4 .year {padding-left: 265px;}
				.history .content_history_line .milestone_4 .year:before {left: 293px; width: 60%;}
			.history .content_history_line .milestone_4 .images {top: 90px; left: -30px;}
				.history .content_history_line .milestone_4 img:nth-child(2) {position: absolute; left: -89px; bottom: -140px;}
			.history .content_history_line .milestone_4 p {padding-left: 355px;}
			.history .content_history_line .milestone_4 .dashed_line {right: 118px; border-left-width: 0; width: 320px;}

		/*Milestone 5*/
		.history .content_history_line .milestone_5 {padding-bottom: 170px; text-align: center; margin-top: -110px;}
			.history .content_history_line .milestone_5 .year {padding-left: 210px;}
				.history .content_history_line .milestone_5 .year:before {left: 210px; width: 62%;}
			.history .content_history_line .milestone_5 .images {right: -100px; top: 126px;}
			.history .content_history_line .milestone_5 p {padding-left: 450px;}
			.history .content_history_line .milestone_5 .dashed_line {left: 270px; border-right-width: 0; width: 167px;}

		/*Milestone 6*/
		.history .content_history_line .milestone_6 {padding-bottom: 377px; margin-top: -35px;}
			.history .content_history_line .milestone_6 .images {top: 140px; left: 353px;}
			.history .content_history_line .milestone_6 .year:before {width: 92.5%;}
			.history .content_history_line .milestone_6 .dashed_line {right: 0; border-left-width: 0; width: 435px;}

		/*Milestone 7*/
		.history .content_history_line .milestone_7 {padding-bottom: 646px; text-align: right; margin-top: -190px;}
			.history .content_history_line .milestone_7 .year {padding-right: 100px;}
				.history .content_history_line .milestone_7 .year:before {left: 26px; width: 95.4%;}
			.history .content_history_line .milestone_7 .images {top: 80px; right: 520px;}
			.history .content_history_line .milestone_7 p {position: absolute; right: 120px; width: 338px;}
			.history .content_history_line .milestone_7 .dashed_line {left: 0; border-right-width: 0; width: 236px;}

		/*Milestone 8*/
		.history .content_history_line .milestone_8 {padding-bottom: 440px; margin-top: -190px;}
			.history .content_history_line .milestone_8 .year {padding-left: 160px;}
				.history .content_history_line .milestone_8 .year:before {left: 218px; width: 65%;}
			.history .content_history_line .milestone_8 .images {top: 160px; left: -120px;}
			.history .content_history_line .milestone_8 p {padding-left: 395px;}
			.history .content_history_line .milestone_8 .dashed_line {right: 220px; border-left-width: 0; width: 305px;}

		/*Milestone 9*/
		.history .content_history_line .milestone_9 {padding-bottom: 330px; text-align: center; margin-top: -140px;}
			.history .content_history_line .milestone_9 .year {padding-left: 150px;}
				.history .content_history_line .milestone_9 .year:before {left: 150px; width: 73%;}
			.history .content_history_line .milestone_9 .images {right: -100px; top: 126px;}
			.history .content_history_line .milestone_9 p {padding-left: 420px;}
			.history .content_history_line .milestone_9 .dashed_line {left: 240px; border-right-width: 0; width: 167px;}

		/*Milestone 10*/
		.history .content_history_line .milestone_10 {padding-bottom: 535px; margin-top: -160px;}
			.history .content_history_line .milestone_10 .year {padding-left: 300px;}
				.history .content_history_line .milestone_10 .year:before {left: 314px; width: 65%;}
			.history .content_history_line .milestone_10 .images {top: 160px; left: -30px;}
			.history .content_history_line .milestone_10 p {padding-left: 490px;}
			.history .content_history_line .milestone_10 .dashed_line {right: 0px; border-left-width: 0; width: 354px; border-bottom-width: 8px; z-index: 0;}

		/*Milestone 11*/
		.history .content_history_line .milestone_11 {padding-bottom: 180px; margin-top: -195px;}
			.history .content_history_line .milestone_11 .images {top: 140px; right: 84px;}
			.history .content_history_line .milestone_11 .year {padding-left: 120px;}
				.history .content_history_line .milestone_11 .year:before {left: 120px; width: 92.5%;}
			.history .content_history_line .milestone_11 p {width: 338px; padding-left: 240px;}
			.history .content_history_line .milestone_11 .dashed_line {left: 0; border-right-width: 0; width: 118px;}

		/*Milestone 12*/
		.history .content_history_line .milestone_12 {padding-bottom: 130px; padding-top: 160px;}
			.history .content_history_line .milestone_12 .year {padding-left: 360px;}
				.history .content_history_line .milestone_12 .year:before {left: 364px; width: 84%;}
			.history .content_history_line .milestone_12 .images {top: 280px; left: -30px;}
			.history .content_history_line .milestone_12 p {padding-left: 490px; width: 574px;}
			.history .content_history_line .milestone_12 .dashed_line {left: 0px; top: 0; border-left-width: 0; width: 91.5%; height: 350px; z-index: 0;}

		/*Milestone 13*/
		.history .content_history_line .milestone_13 {margin-bottom: 203px; padding-top: 250px;}
			.history .content_history_line .milestone_13 .year {padding-left: 360px;}
				.history .content_history_line .milestone_13 .year:before {left: 164px; width: 82%;}
			.history .content_history_line .milestone_13 .images {top: 370px; right: -100px;}
			.history .content_history_line .milestone_13 p {padding-left: 165px; width: 574px;}
			.history .content_history_line .milestone_13 .dashed_line {left: 270px; top: 0; border-left-width: 0; width: 338px; height: 250px; z-index: 0;}
				.history .content_history_line .milestone_13 .dashed_line:before {content: ''; position: absolute; height: 180px; width: 1px; border-left: 8px dashed var(--green); left: 0; top: -190px;}

		/*Animations*/
		.history .content_history_line .milestone .year {transition: all 1s 0.3s cubic-bezier(0.25, 0.1, 0.1, 1); opacity: 0; transform: translateX(-40px);}
			.history .content_history_line .milestone.show .year {opacity: 1; transform: translateX(0px);}
		.history .content_history_line .milestone .images img {transition: opacity 0.5s 0.5s ease-in-out; opacity: 0;}
			.history .content_history_line .milestone.show .images img {opacity: 1;}
			.history .content_history_line .milestone .images img:nth-child(2) {transition-delay: 0.7s;}
		.history .content_history_line .milestone p {transition: all 0.5s 0.5s ease-in-out; opacity: 0; transform: translateY(20px);}
			.history .content_history_line .milestone.show p {opacity: 1; transform: translateY(0px);}
		/*.history .content_history_line .milestone .dashed_line {transition: opacity 0.5s 0.7s ease-in-out; opacity: 0;}
			.history .content_history_line .milestone.show .dashed_line {opacity: 1;}*/
		.history .content_history_line .milestone .dashed_line.left {clip-path: inset(0 0 98% 100%);}
			.history .content_history_line .milestone.show .dashed_line.left {animation: line-left 1s ease-in-out 0.7s forwards;}
		.history .content_history_line .milestone .dashed_line.right {clip-path: inset(0 100% 98% 0);}
			.history .content_history_line .milestone.show .dashed_line.right {animation: line-right 1s ease-in-out 0.7s forwards;}
		.history .content_history_line .milestone_13 .dashed_line {transition: clip-path 1s 0.7s ease-in-out; clip-path: inset(-420% 0 520% 0);}
			.history .content_history_line .milestone_13.show_line .dashed_line {clip-path: inset(-420% 0 0 0);}

		@keyframes line-left {
			from {clip-path: inset(0 0 98% 100%);}
			50% {clip-path: inset(0 0 98% 0);}
			to {clip-path: inset(0 0 0 0);}
		}
		@keyframes line-right {
			from {clip-path: inset(0 100% 98% 0);}
			50% {clip-path: inset(0 0 98% -20%);}
			to {clip-path: inset(0 0 -32% -20%);}
		}

@media (min-width: 1151px) and (max-width: 1420px) {
	.history .content_carousel .splide__arrows {bottom: -20px;}

	.history .content_history_line h3 .animation_text02 {font-size: 4rem;}
	.history .content_history_line h3::before {bottom: -20px;}
	.history .content_history_line .pearl01 {bottom: -48px;}
	.history .content_history_line .pearl02 {bottom: -35px;}

	/*History line*/
	.history .content_history_line .milestone_1 .images {right: 0;}
	.history .content_history_line .milestone_1 p {padding-left: 130px;}
	.history .content_history_line .milestone_1 .dashed_line {width: 145px; left: 60px;}

	.history .content_history_line .milestone_2 .dashed_line {z-index: -1;}

	.history .content_history_line .milestone_3 .images {width: 350px; right: 416px;}
	.history .content_history_line .milestone_3 .dashed_line {z-index: -1;}

	.history .content_history_line .milestone_4 .dashed_line {width: 160px; right: 0; height: calc(100% - 134px);}

	.history .content_history_line .milestone_5 .year {padding-left: 0; padding-right: 130px;}
		.history .content_history_line .milestone_5 .year:before {left: 10px; width: 70%;}
	.history .content_history_line .milestone_5 p {padding-left: 170px;}
	.history .content_history_line .milestone_5 .dashed_line {left: 50px; width: 100px;}

	.history .content_history_line .milestone_6 .images {width: 400px; left: 369px;}
	.history .content_history_line .milestone_6 .dashed_line {z-index: -1;}

	.history .content_history_line .milestone_7 .year {padding-right: 40px;}
	.history .content_history_line .milestone_7 .images {right: 480px; left: 40px;}
	.history .content_history_line .milestone_7 .dashed_line {z-index: -1;}

	.history .content_history_line .milestone_8 .dashed_line {right: 70px; width: 235px; height: calc(100% - 160px);}

	.history .content_history_line .milestone_9 .year {padding-left: 0;}
		.history .content_history_line .milestone_9 .year:before {left: 10px; width: 85%;}
	.history .content_history_line .milestone_9 .images {top: 160px;}
	.history .content_history_line .milestone_9 p {padding-left: 150px;}
	.history .content_history_line .milestone_9 .dashed_line {left: 60px; height: calc(100% - 145px);}

	.history .content_history_line .milestone_11 .year {padding-left: 0;}
		.history .content_history_line .milestone_11 .year:before {left: 0; width: 89%;}
	.history .content_history_line .milestone_11 .images {right: 5px;}
	.history .content_history_line .milestone_11 p {padding-left: 20px;}
	.history .content_history_line .milestone_11 .dashed_line {left: -40px;}

	.history .content_history_line .milestone_12 .year:before {left: 360px; width: 72%;}
	.history .content_history_line .milestone_12 p {width: 455px; padding-left: 460px;}
	.history .content_history_line .milestone_12 .dashed_line {left: -40px; width: 112%;}

	.history .content_history_line .milestone_13 .dashed_line {width: 165px;}
		.history .content_history_line .milestone_13 .dashed_line:before {top: -290px; height: 280px;}
	.history .content_history_line .milestone_13 .year {padding-left: 70px;}
		.history .content_history_line .milestone_13 .year:before {left: 68px;}
	.history .content_history_line .milestone_13 p {padding-left: 70px; width: 370px;}

}

@media (max-width: 1150px) {
	/*Title*/
	.history .content_history {padding-top: 115px;}
		.history .content_history .section_title {width: 100%;}
			.history .content_history .section_title h1 {font-size: 3rem;}

	/*Carrousel*/
	.history .content_carousel .p_right_1 {padding-right: 0;}
	.history .content_carousel .center_content.c_12 {width: 676px;}
		.history .content_carousel .splide__slide {gap: 49px;}
		.history .content_carousel .slide_text h2 {font-size: 2.375rem;}
		.history .content_carousel .slide_text p {font-size: 1.125rem;}
		.history .content_carousel .slide_text {width: 611px;}

		.history .content_carousel .splide__arrows {left: 0; right: initial; bottom: initial; top: 430px;}
		.history .content_carousel .splide__arrows::before {content: ''; position: absolute; width: 255px; height: 2px; background: var(--pink); left: 40px; top: 8px;}
			.history .content_carousel .splide__arrow--prev {left: 0; right: initial;}
			.history .content_carousel .splide__arrow--next {left: 310px; right: initial;}

	/*History line*/
	.history .content_history_line .p_left_1 {padding-left: 0;}
	.history .content_history_line h3 {font-size: 2.375rem;}
		.history .content_history_line h3::before {bottom: 0;}
		.history .content_history_line h3 .animation_text02 {font-size: 3.875rem; bottom: -30px;}
		.history .content_history_line .pearl01 {width: 45px; bottom: -22px}
		.history .content_history_line .pearl02 {width: 32px; bottom: -14px; right: 67px;}

	/*Milestones*/
	.history .content_history_line .milestone .year {font-size: 6.25rem;}
	.history .content_history_line .milestone p {font-size: 0.875rem; width: 246px;}

	.history .content_history_line .c_10 {width: 676px;}
	.history .content_history_line .milestone .dashed_line {height: calc(100% - 100px); top: 114px;}

	.history .content_history_line .milestone_1 {padding-bottom: 164px;}
		.history .content_history_line .milestone_1 p {width: 209px; padding-left: 190px;}
		.history .content_history_line .milestone_1 .images {top: 67px; right: 0;}
			.history .content_history_line .milestone_1 img:nth-child(1) {width: 246px;}
			.history .content_history_line .milestone_1 img:nth-child(2) {width: 160px; bottom: -120px;}
		.history .content_history_line .milestone_1 .dashed_line {left: 80px; width: 103px;}

		.history .content_history_line .milestone_2 {padding-bottom: 285px;}
			.history .content_history_line .milestone_2 p {padding-left: 0px; padding-top: 230px;}
			.history .content_history_line .milestone_2 .year {z-index: 0;}
				.history .content_history_line .milestone_2 .year:before {width: 87%;}
			.history .content_history_line .milestone_2 .images {top: 85px; left: 195px; z-index: 1;}
				.history .content_history_line .milestone_2 img:nth-child(1) {width: 246px;}
				.history .content_history_line .milestone_2 img:nth-child(2) {width: 160px; bottom: -100px; right: -70px;}
			.history .content_history_line .milestone_2 .dashed_line {width: 292px; z-index: 0; height: calc(100% - 182px);}

		.history .content_history_line .milestone_3 {padding-bottom: 500px;}
			.history .content_history_line .milestone_3 .year {padding-right: 50px; z-index: 0;}
				.history .content_history_line .milestone_3 .year:before {width: 99%; left: 0;}
			.history .content_history_line .milestone_3 p {right: 0;}
			.history .content_history_line .milestone_3 .images {top: 85px; left: 132px; z-index: 1; right: initial; z-index: 1;}
				.history .content_history_line .milestone_3 img:nth-child(1) {width: 246px;}
			.history .content_history_line .milestone_3 .dashed_line {width: 180px; z-index: 0; height: calc(100% - 182px); border-bottom-width: 8px;}

		.history .content_history_line .milestone_4 {padding-bottom: 200px;}
			.history .content_history_line .milestone_4 .year {padding-left: 140px; z-index: 0;}
				.history .content_history_line .milestone_4 .year:before {left: 180px;}
			.history .content_history_line .milestone_4 p {width: 236px; padding-left: 370px;}
			.history .content_history_line .milestone_4 .images {top: 110px; left: 85px; z-index: 1;}
					.history .content_history_line .milestone_4 img:nth-child(1) {width: 246px;}
					.history .content_history_line .milestone_4 img:nth-child(2) {width: 160px; bottom: -90px; left: -86px;}
			.history .content_history_line .milestone_4 .dashed_line {width: 246px; right: 0; border-bottom-width: 8px; height: calc(100% - 102px);}

		.history .content_history_line .milestone_5 .year {padding-left: 160px;}
			.history .content_history_line .milestone_5 .year:before {left: 160px;}
		.history .content_history_line .milestone_5 .images {right: 0; top: 170px;}
			.history .content_history_line .milestone_5 img:nth-child(1) {width: 246px;}
		.history .content_history_line .milestone_5 p {padding-left: 172px;}
		.history .content_history_line .milestone_5 .dashed_line {width: 190px; left: 86px; height: calc(100% - 130px);}

		.history .content_history_line .milestone_6 {padding-bottom: 220px;}
			.history .content_history_line .milestone_6 .year {z-index: 0;}
				.history .content_history_line .milestone_6 .year:before {width: 110%;}
			.history .content_history_line .milestone_6 .images {top: 90px; left: 270px; z-index: 1;}
				.history .content_history_line .milestone_6 img:nth-child(1) {width: 246px;}
			.history .content_history_line .milestone_6 .dashed_line {width: 215px; z-index: 0;}

		.history .content_history_line .milestone_7 {margin-top: -107px; padding-bottom: 530px;}
			.history .content_history_line .milestone_7 .year {padding-right: 30px;}
				.history .content_history_line .milestone_7 .year:before {width: 100%; left: 0;}
			.history .content_history_line .milestone_7 p {right: 80px; padding-top: 70px;}
			.history .content_history_line .milestone_7 .images {right: initial; left: 50px; z-index: 1;}
				.history .content_history_line .milestone_7 img:nth-child(1) {width: 246px;}
			.history .content_history_line .milestone_7 .dashed_line {z-index: 0; width: 338px; border-bottom-width: 8px;}

		.history .content_history_line .milestone_8 {margin-top: -108px; padding-bottom: 310px;}
			.history .content_history_line .milestone_8 .year {padding-left: 0; left: 134px; z-index: 0;}
				.history .content_history_line .milestone_8 .year:before {width: 100%; left: 0;}
			.history .content_history_line .milestone_8 p {padding-left: 270px;}
			.history .content_history_line .milestone_8 .images {right: initial; left: 0px; top: 105px; z-index: 1;}
				.history .content_history_line .milestone_8 img:nth-child(1) {width: 252px;}
			.history .content_history_line .milestone_8 .dashed_line {width: 160px; right: 86px;}

		.history .content_history_line .milestone_9 {margin-top: -108px;}
			.history .content_history_line .milestone_9 .year {padding-left: 110px; z-index: 0;}
				.history .content_history_line .milestone_9 .year:before {left: 36px; width: 102%;}
			.history .content_history_line .milestone_9 p {padding-left: 175px;}
			.history .content_history_line .milestone_9 .images {right: 0; z-index: 1; top: 105px;}
				.history .content_history_line .milestone_9 img:nth-child(1) {width: 246px;}
			.history .content_history_line .milestone_9 .dashed_line {width: 80px; left: 86px; z-index: 0;}

		.history .content_history_line .milestone_10 {margin-top: -108px; padding-bottom: 262px;}
			.history .content_history_line .milestone_10 .year {padding-left: 170px; z-index: 0;}
				.history .content_history_line .milestone_10 .year:before {left: 140px; width: 75%;}
			.history .content_history_line .milestone_10 p {padding-left: 350px;}
			.history .content_history_line .milestone_10 .images {left: 0; right: initial; z-index: 1; top: 110px;}
				.history .content_history_line .milestone_10 img:nth-child(1) {width: 246px;}
			.history .content_history_line .milestone_10 .dashed_line {width: 250px;}

		.history .content_history_line .milestone_11 {margin-top: -108px;}
			.history .content_history_line .milestone_11 .year {padding-left: 86px;}
				.history .content_history_line .milestone_11 .year:before {left: 86px; width: 85%;}
			.history .content_history_line .milestone_11 p {padding-left: 86px;}
			.history .content_history_line .milestone_11 .images {right: 0; z-index: 1; top: 180px;}
				.history .content_history_line .milestone_11 img:nth-child(1) {width: 246px;}

		.history .content_history_line .milestone_12 {margin-top: -108px; padding-top: 292px; text-align: center;}
			.history .content_history_line .milestone_12 .year {padding-left: 0;}
				.history .content_history_line .milestone_12 .year:before {left: 0; width: 164%;}
			.history .content_history_line .milestone_12 p {width: 332px; padding-left: 344px;}
			.history .content_history_line .milestone_12 .images {right: initial; left: 0; z-index: 1; top: 400px;}
				.history .content_history_line .milestone_12 img:nth-child(1) {width: 246px;}
			.history .content_history_line .milestone_12 .dashed_line {width: 100%; height: 292px;}

		.history .content_history_line .milestone_13 {margin-top: -160px; text-align: center;}
			.history .content_history_line .milestone_13 .year {padding-left: 0; z-index: 0;}
				.history .content_history_line .milestone_13 .year:before {left: -96px; width: calc(100% + 150px);}
			.history .content_history_line .milestone_13 p {width: 332px; padding-left: 86px;}
			.history .content_history_line .milestone_13 .images {right: 0; left: initial; z-index: 1; top: 368px;}
				.history .content_history_line .milestone_13 img:nth-child(1) {width: 246px;}
			.history .content_history_line .milestone_13 .dashed_line {left: 0; height: 150px;}
				.history .content_history_line .milestone_13 .dashed_line:before {height: 614px; top: -624px;}
				.history .content_history_line .milestone_13 .dashed_line:after {content: ''; position: absolute; height: 1px; width: 200px; border-top: 8px dashed var(--green); left: 0; top: -627px;}
}

@media (max-width: 750px) {
	/*Title*/
	.history .content_history {padding-top: 165px;}
		.history .content_history .section_title {padding: 43px 0;}
			.history .content_history .section_title h1 {font-size: 2.25rem;}

	/*Carrousel*/
	.history .content_carousel {margin-top: 40px;}
		.history .content_carousel .center_content.c_12 {width: 100%; padding: 0 36px;}
		.history .content_carousel .splide__slide {flex-direction: column; gap: 29px;}
			.history .content_carousel .slide_text {width: 100%;}
				.history .content_carousel .slide_text h2 {font-size: 1.875rem; margin-bottom: 27px;}
			.history .content_carousel .splide__arrows {top: initial; bottom: -50px;}
				.history .content_carousel .splide__arrow--next {left: calc(100vw - 100px);}
				.history .content_carousel .splide__arrows::before {width: calc(100vw - 160px);}

	/*Milestones*/
	.history .content_history_line .center_content.c_12 {width: 100%; padding: 0 36px;}
		.history .content_history_line h3 {font-size: 1.875rem; display: flex; flex-direction: column; margin-bottom: 0; align-items: flex-start;}
			.history .content_history_line h3::before {bottom: 115px;}
			.history .content_history_line h3 .animation_text02 {font-size: 3.125rem; margin-top: -15px; margin-left: 0; line-height: 1.5; width: 210px;}
		.history .content_history_line .pearl01 {width: 30px; bottom: 100px;}
		.history .content_history_line .pearl02 {width: 18px; bottom: 107px; right: 36px;}

	.history .content_history_line .c_10 {width: 100%;}
	.history .content_history_line .milestone .year {font-size: 3.75rem;}
	.history .content_history_line .milestone .dashed_line {top: 65px; height: 100%;}
	.history .content_history_line .milestone p {width: 236px;}
	.history .content_history_line .milestone img:nth-child(1) {width: 236px;}
	.history .content_history_line .milestone img:nth-child(2) {width: 154px;}

	.history .content_history_line .milestone_1 {text-align: right; padding-bottom: 111px;}
		.history .content_history_line .milestone .year:before {width: 100%;}
		.history .content_history_line .milestone_1 p {padding-left: calc(100vw - 308px); width: 236px; padding-top: 397px;}
		.history .content_history_line .milestone_1 .images {top: 85px;}
			.history .content_history_line .milestone_1 img:nth-child(2) {left: initial; right: 0;}
		.history .content_history_line .milestone_1 .dashed_line {left: 0; width: 68vw;}

	.history .content_history_line .milestone_2 {padding-bottom: 77px;}
		.history .content_history_line .milestone_2 .year {padding-left: 20px;}
		.history .content_history_line .milestone_2 p {padding-top: 417px;}
		.history .content_history_line .milestone_2 .images {left: 0;}
			.history .content_history_line .milestone_2 img:nth-child(2) {right: 0; bottom: -140px;}
		.history .content_history_line .milestone_2 .dashed_line {border-bottom-width: 8px; width: 68vw;}

	.history .content_history_line .milestone_3 {text-align: center; margin-top: -8px; padding-bottom: 102px;}
		.history .content_history_line .milestone_3 p {padding-top: 280px; position: static; padding-left: calc(100vw - 308px);}
		.history .content_history_line .milestone_3 .year {padding-right: 0;}
			.history .content_history_line .milestone_3 .year:before {width: 110%;}
		.history .content_history_line .milestone_3 .images {left: calc(50% - 118px);}
		.history .content_history_line .milestone_3 .dashed_line {width: 64vw;}

	.history .content_history_line .milestone_4 {margin-top: -8px; text-align: right; padding-bottom: 89px;}
		.history .content_history_line .milestone_4 .year {padding-left: 0;}
			.history .content_history_line .milestone_4 .year:before {left: 0;}
		.history .content_history_line .milestone_4 p {padding-left: 0; padding-top: 407px;}
		.history .content_history_line .milestone_4 .images {left: 10px;}
			.history .content_history_line .milestone_4 img:nth-child(1) {width: 231px;}
			.history .content_history_line .milestone_4 img:nth-child(2) {width: 154px; left: -10px; bottom: -110px;}
		.history .content_history_line .milestone_4 .dashed_line {width: 68vw;}

	.history .content_history_line .milestone_5 {margin-top: -8px; text-align: left; padding-bottom: 102px;}
		.history .content_history_line .milestone_5 .year {padding-left: 14px;}
			.history .content_history_line .milestone_5 .year::before {left: 0; width: 92%;}
		.history .content_history_line .milestone_5 p {padding-left: calc(100vw - 308px); padding-top: 307px;}
		.history .content_history_line .milestone_5 .images {top: 120px;}
		.history .content_history_line .milestone_5 .dashed_line {width: 39vw; left: 0; border-bottom-width: 8px;}

	.history .content_history_line .milestone_6 {margin-top: -8px; text-align: center; padding-bottom: 202px;}
		.history .content_history_line .milestone_6 p {margin: auto; padding-top: 277px;}
		.history .content_history_line .milestone_6 .images {left: calc(50% - 118px);}
		.history .content_history_line .milestone_6 .dashed_line {width: 65vw; border-bottom-width: 8px;}

	.history .content_history_line .milestone_7 {margin-top: -8px; text-align: left; padding-bottom: 110px;}
		.history .content_history_line .milestone_7 .year {padding-left: 14px; padding-right: 0;}
			.history .content_history_line .milestone_7 .year:before {width: 92%;}
		.history .content_history_line .milestone_7 p {padding-left: calc(100vw - 308px); position: relative; right: initial; padding-top: 315px;}
		.history .content_history_line .milestone_7 .images {left: 2px; top: 120px;}
		.history .content_history_line .milestone_7 .dashed_line {width: 68vw;}

	.history .content_history_line .milestone_8 {margin-top: -8px; text-align: right; padding-bottom: 200px;}
		.history .content_history_line .milestone_8 .year {left: 0;}
		.history .content_history_line .milestone_8 p {padding-left: 0; padding-top: 315px;}
		.history .content_history_line .milestone_8 .images {top: 120px;}
		.history .content_history_line .milestone_8 .dashed_line {width: 66vw; right: 0; border-bottom-width: 8px;}

	.history .content_history_line .milestone_9 {margin-top: -8px; text-align: left; padding-bottom: 110px;}
		.history .content_history_line .milestone_9 .year {padding-left: 14px;}
			.history .content_history_line .milestone_9 .year::before {left: 0; width: 92%;}
		.history .content_history_line .milestone_9 p {padding-left: calc(100vw - 308px); padding-top: 305px;}
		.history .content_history_line .milestone_9 .dashed_line {left: 0; border-bottom-width: 8px; width: 32vw;}

	.history .content_history_line .milestone_10 {margin-top: -8px; text-align: center;}
		.history .content_history_line .milestone_10 .year {padding-left: 0;}
			.history .content_history_line .milestone_10 .year:before {left: 0;}
		.history .content_history_line .milestone_10 p {margin: auto; padding-left: 0; padding-top: 307px;}
		.history .content_history_line .milestone_10 .images {left: calc(50% - 118px);}
		.history .content_history_line .milestone_10 .dashed_line {width: 200px;}
			.history .content_history_line .milestone_10 .dashed_line::before {content: ''; position: absolute; height: 237px; width: 50px; border: 8px dashed var(--green); bottom: -253px; left: -40px; border-right-width: 0;}

	.history .content_history_line .milestone_11 {margin-top: -8px; padding-top: 245px; text-align: right; padding-bottom: 130px;}
		.history .content_history_line .milestone_11 .year {padding-left: 0;}
			.history .content_history_line .milestone_11 .year:before {left: initial; right: 0; width: 92%;}
		.history .content_history_line .milestone_11 p {padding-left: 0; padding-top: 300px;}
		.history .content_history_line .milestone_11 .images {left: 0; right: initial; top: 355px;}
		.history .content_history_line .milestone_11 .dashed_line {top: 310px; right: 0; left: initial; border-left-width: 0; border-right-width: 8px; border-bottom-width: 8px; height: calc(100% - 245px);}

	.history .content_history_line .milestone_12 {padding-top: 0; margin-top: -8px; text-align: left; padding-bottom: 70px;}
		.history .content_history_line .milestone_12 p {padding-left: calc(100vw - 308px); padding-top: 307px;}
		.history .content_history_line .milestone_12 .images {left: initial; right: 0; top: 100px;}
		.history .content_history_line .milestone_12 .dashed_line {width: 100%; right: initial; left: 0; border-right-width: 0; border-left-width: 8px; border-bottom-width: 8px;}

	.history .content_history_line .milestone_13 {margin-top: -8px; padding-top: 300px;}
		.history .content_history_line .milestone_13 .year {width: 100%;}
			.history .content_history_line .milestone_13 .year:before {left: 0;}
		.history .content_history_line .milestone_13 p {width: 100%; padding-left: 0; padding-top: 390px;}
		.history .content_history_line .milestone_13 .images {left: 0; top: 400px;}
			.history .content_history_line .milestone_13 img:nth-child(1) {width: 100%;}
		.history .content_history_line .milestone_13 .dashed_line {width: 100%; height: 300px;}
			.history .content_history_line .milestone_13 .dashed_line:before,
			.history .content_history_line .milestone_13 .dashed_line:after {display: none;}
}