@charset "utf-8";
/* CSS Document */
/**************************************************
	section_first
**************************************************/
.section_about{overflow: hidden;}
h2{color: var(--primary_color);font-size: clamp(1rem, 1.85vw, 1rem);font-weight: normal;}
.primary_color{font-weight: 700; }
.section_about .article{letter-spacing: 0.48px;line-height: 25px;margin-bottom: 5%;}
.section_creer_everyone h2{color: #E9CAB1;text-align: right;margin-top: -13%;}
.ceo_wrap{margin-bottom: 10%;}
.ceo_wrap .primary_wrap{flex:  0 0 325px;margin-right: 8%;}
.ceo_wrap .primary_wrap .primary_img_box{padding-bottom: 76%;}
.ceo_wrap .aside_warp{max-width: 743px;}
.ceo_wrap .name{font-size: 1.563rem;font-weight: 500;}
.ceo_wrap .name span{margin-left: 16px;}
.company_title{padding:0 17px; font-size: 1rem; color: #6e6e6e; border-radius: 20px; background-color: #E6E6E4; color: #6F6E6E;width: fit-content;margin: 9px 0 22px auto;}
.ceo_wrap .article{line-height: 31px; /* 193.75% */letter-spacing: 0.48px;text-align: justify;}
.creer_group ul { display: flex; flex-wrap: wrap;}
.creer_group ul li .primary_wrap .primary_img_box{padding-bottom: 76%;}
.creer_group ul li {margin: 0 1%;-webkit-transition: all 1s;transition: all 1s;margin-bottom:  clamp(1rem, 3vh, 6.25rem);}
.creer_group ul li:hover .primary_wrap .primary_img_box{  position: relative;}
.creer_group ul li{width: 18%;}
.creer_group ul li .primary_wrap .primary_img_box:after{content: ""; position: absolute; left: 0; right: 0; top: 0; bottom: 0;  -webkit-transition: all 1s;transition: all .25s; background:linear-gradient(0deg, rgba(0, 0, 0, 0.20) 0%, rgba(0, 0, 0, 0.20) 100%);}
.creer_group ul li:hover .primary_wrap .primary_img_box:after{opacity: 0;}
.creer_group ul li:hover .primary_wrap .primary_img_box .primary_img{-webkit-transition: all 1.6s;transition: all 1.6s;}
.creer_group ul li:hover .primary_wrap .primary_img_box .primary_img img{-webkit-transform: scale(1.1);transform: scale(1.1);}
.creer_staff_img_wrap{position: relative;overflow: hidden;border-radius: 15px;}
.creer_staff_img_wrap .creer_staff_img_cover{ background-color: rgba(116, 116, 116, 0.20);position: absolute; transform: translate(0,0); -webkit-transition: all .3s;transition: all .3s; transition-delay: .3s; }
.creer_group ul li:hover .creer_staff_img_wrap .creer_staff_img_cover{ transform: translate(0,-100%);}
.creer_staff_img_wrap .creer_staff_img_cover .my_word{color: #FDFDFD;font-size: 0.938rem;font-style: normal;font-weight: 500;line-height: 25px; /* 206.667% */letter-spacing: 0.45px;padding: 8%;}
.creer_group ul li .creer_staff_name{margin-top: 15px; text-align: center;}
.milestone_list ul li{border-bottom: 1px solid rgba(191, 152, 121, 0.20);padding-bottom: 3%; margin-bottom: 3%;}
.milestone_list ul li .primary_wrap{flex: 0 0 20%;padding-left: 5%;}

.milestone_list ul li .aside_warp{position: relative;padding-left: 18px;}
.milestone_list ul li .aside_warp::before{content: ""; position: absolute; left: 0 ; border-radius: 10px; width: 3px; height: 3px;background-color: #BF9879; top: 50%; margin-top: -1px;} 

.gradient_wrap{border-radius: 100%;width: clamp(1rem, 41.2vw, 36.875rem); height: clamp(1rem, 41.2vw, 36.875rem);display: flex;justify-content: center;align-items: center;}
/* .circle1 .about_creer_wrap  h3{box-shadow:  rgba(233, 216, 202, 0.75) 0px 1px 100px 97px;background-color:rgba(233, 216, 202,0.75);} */

/* .circle2 .about_creer_wrap  h3{box-shadow:  rgba(207, 226, 248, 0.75) 0px 1px 100px 97px;background-color:rgba(207, 226, 248, 0.75);} */

.our_skill{margin-top: 19px;}

.circle_main {margin:100px -65px 0 -145px;z-index:5;}
.circle_main .gradient_wrap{position: relative;width: clamp(1rem, 41.2vw, 22.5rem);height: clamp(1rem, 41.2vw, 22.5rem);}
.circle_main .gradient_wrap .article{text-align: center;}
.circle_main .circle_animation{
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	top: 0;
	-webkit-transition: all 0.5s;transition: all 0.5s;
	background-size: 100%;
	-moz-transform: rotate(0);
    -ms-transform: rotate(0);
    -webkit-transform: rotate(0);
    transform: rotate(0);
}
.circle_animation:hover{
	-moz-transform: rotate(-360deg);
    -ms-transform: rotate(-360deg);
    -webkit-transform: rotate(-360deg);
    transform: rotate(-360deg);
}
.st0{fill:#6CA2E1;}
.st1{fill:#C39B79;}

.any_about_creer ul{display: flex;justify-content: center;}
.gradient .article{max-width: 330px;}
.circle1{margin:160px 0 0 5%;}
.circle1 .gradient_wrap {border: 1px solid #E9D8CA; display: flex;flex-direction: column;
/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#e9d8ca+1,e9d8ca+50&1+0,0+50 */
background: -moz-radial-gradient(center, ellipse cover,  rgba(233,216,202,1) 0%, rgba(233,216,202,0.98) 1%, rgba(233,216,202,0) 50%); /* FF3.6-15 */
background: -webkit-radial-gradient(center, ellipse cover,  rgba(233,216,202,1) 0%,rgba(233,216,202,0.98) 1%,rgba(233,216,202,0) 50%); /* Chrome10-25,Safari5.1-6 */
background: radial-gradient(ellipse at center,  rgba(233,216,202,1) 0%,rgba(233,216,202,0.98) 1%,rgba(233,216,202,0) 50%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e9d8ca', endColorstr='#00e9d8ca',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
	-webkit-transition: all 0.5s;transition: all 0.5s;}

.circle1:hover .gradient_wrap { background-color: #E9D8CA;}
.circle2 .gradient_wrap {border: 1px solid #CFE2F8; display: flex;flex-direction: column;
/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#bcdbff+1,bcdbff+50&1+0,0+50 */
background: -moz-radial-gradient(center, ellipse cover,  rgba(188,219,255,1) 0%, rgba(188,219,255,0.98) 1%, rgba(188,219,255,0) 50%); /* FF3.6-15 */
background: -webkit-radial-gradient(center, ellipse cover,  rgba(188,219,255,1) 0%,rgba(188,219,255,0.98) 1%,rgba(188,219,255,0) 50%); /* Chrome10-25,Safari5.1-6 */
background: radial-gradient(ellipse at center,  rgba(188,219,255,1) 0%,rgba(188,219,255,0.98) 1%,rgba(188,219,255,0) 50%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#bcdbff', endColorstr='#00bcdbff',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
-webkit-transition: all 0.5s;transition: all 0.5s;}
.circle2:hover .gradient_wrap { background-color: #CFE2F8;}
.title_descript{margin-bottom: 20px;}

@media (max-width: 1700px) {
	.gradient_wrap{width: clamp(1rem, 45.2vw, 36.875rem);height: clamp(1rem, 45.2vw, 36.875rem);}
	.circle_main .gradient_wrap{width: clamp(1rem, 45.2vw, 36.875rem);height: clamp(1rem, 45.2vw, 36.875rem);}
}
@media (max-width: 991px) {
	.any_about_creer ul{flex-direction: column;}
	.circle1{margin:8% 0 0 0}
	.circle2{margin: -13% 0 0 62%;}
	.circle_main{margin: -100px auto 0 ;}
	.ceo_wrap .aside_warp{max-width:inherit ;}
	.ceo_wrap .primary_wrap{flex: 0 0 30%;}
	.creer_group ul li{width: 31.3%;}
	.creer_staff_img_wrap .creer_staff_img_cover .my_word{line-height: 1.8;}
    .section_creer_everyone h2{margin-top: inherit;}
	.circle2{margin-top: -20%;}
	.circle_main .gradient_wrap{width: clamp(1rem, 57.2vw, 36.875rem);height: clamp(1rem, 57.2vw, 36.875rem);}

}
@media (max-width: 600px) {
	/* .about_creer_wrap{width: 70vw;height: 70vw;} */
	.circle_main .about_creer_wrap{width: 60vw;height: 60vw;}
	.section_creer_everyone h2{font-size: 3rem;margin: 0;text-align: left;font-weight: 500;line-height: 120px; /* 250% */letter-spacing: 1.44px;margin-bottom: 5%;}
	.ceo_wrap{flex-direction: column;}
	.ceo_wrap .primary_wrap{margin-right:0}
	.ceo_wrap .primary_wrap .primary_img_box{width: 60%;margin:0 auto 5%;padding-bottom: 26%;}
	.ceo_wrap .name{text-align: center;font-size: 1.375rem;}
	.ceo_wrap .name span{margin-left: 6px;}
	.company_title{text-align: center; margin: 20px auto;font-size: 0.875rem;}
	.creer_group ul{justify-content:center}
	.creer_group ul li{width: 70%;}
	.milestone_list ul li .primary_wrap{flex: 0 0 30%;}
	.circle1{margin:0 0 0 -10%}
	.gradient_wrap{width: 320px; height: 320px;padding: 10%;}
	.circle2{margin-top: revert;margin: 0;}
	.circle_main{margin: auto;}
	.circle1{margin: revert;}
	
	/* .gradient_wrap{width: 70vw;height: 70vw;} */

	
}