@charset "utf-8";
/* CSS Document */
html,body{
	font-family: "Roboto", sans-serif;
	font-optical-sizing: auto;
	font-weight: 400;
	font-style: normal;

}
 a{
	text-decoration:none!important;
	color:inherit!important;
}
header{
	height:80px;
	width:100%;
	background-color:#FFFFFF;
	box-shadow: 0 4px 18px 35px rgba(0, 0, 0, 0.03), 0 2px 6px 0 rgba(0, 0, 0, 0.15);
	z-index:100;
	position:sticky;
	top:0;
	right:auto;
	left:auto;
}
header.mobile{
		display:none;
	}
nav{
	width:1280px;
}
footer{
	background:url('./img/en/footer_bg.png') no-repeat calc(50% - 680px) 0%/auto,#313457;

}
.mobile_menu{
	display:none;
}
.f-row{
	display:flex;
	flex-direction:row;
}
.f-col{
	display:flex;
	flex-direction:column;
}
.aic{
	align-items:center;
}
.jcc{
	justify-content:center;
}
.header__nav__logo{
	height:45px ;
	width:auto;
}
.header__nav__list{
	list-style-type:none;
	gap:40px;
	margin:0px;
	padding:0px;
}
.header__nav__list>li{
	text-align: center!important;
	font-size: 16px;
	line-height: 130%;
	letter-spacing: 0.32px;
	position:relative;
}
.header__nav__list a{
	color: #1F1E3F!important;
}
.header__nav__language{
	gap:8px;
	padding:6px 8px;
	border-radius: 20px;
	border: 1px solid #CCC;
	cursor:pointer;
}
.header__nav__language p{
	margin:0;
	padding:0;
}
.header__nav__globe{
	width:14px;
	height:auto;
}
.header__nav__arrow{
	width:10px;
	height:auto;
}
.header__nav__language-list{
	display:none;
	list-style-type:none;
	position:absolute;
	z-index:200;
	top:100%;
	left:-5px;
	background-color:#FFFFFF;
	margin:0px;
	padding:20px;
	row-gap:20px;
	border-radius:4px;
	box-shadow: 0 4px 10px 10px rgba(0, 0, 0, 0.03), 0 2px 2px 0 rgba(0, 0, 0, 0.15);
}
.header__nav__language-list.is-open{
	display:flex;
	flex-direction: column;
	
}
.free_trial{
	display: flex;
	height: 54px;
	padding: 10px 24px;
	gap: 18px;
	border-radius: 5px;
	background: linear-gradient(90deg, #EB3956 0%, #FF7467 67.79%, #FBA06B 100%);
	box-shadow: 0 4px 10px 0 rgba(0, 0, 0, 0.12);
}
.free_trial span{
	color: #FFF;
	text-shadow: 0 1px 4.5px rgba(0, 0, 0, 0.19);
	font-size: 16px;
	font-weight: 700;
	line-height: normal;
}
.free_trial img{
	width:28px;
	height:auto;
}
/* ========== */
/* First view */
/* ========== */
.firstview__section-inner{
	max-width:1280px;
	margin:0px auto;
	padding:64px 0px;
}
.firstview{
	background:url('./img/en/firstview_bg.png') no-repeat center/100%100%;
}
.firstview__left{
	justify-content:space-between;
}
.firstview__right{
	row-gap:20px;
}
.firstview__text{
	color: #3547A3;
	text-shadow: 0 0 10.2px rgba(255, 255, 255, 0.51), 1px 1px 3px rgba(255, 255, 255, 0.72);
	font-family: "Roboto";
	font-size: 51px;
	font-style: italic;
	font-weight: 700;
	line-height: 120%;
	letter-spacing: -1%;
	margin:0;
	padding:0;
}
.firstview__box{
	position:relative;
	border-radius: 12px;
	border: 1px solid rgba(255, 255, 255, 0.60);
	box-shadow: 0 3px 5px 0 rgba(0, 0, 0, 0.25);
}
.firstview__box p{
	margin:0!important;
	padding:0!important;
}
.box_arrow{
	width:40px;
	height:40px;
	position:absolute;
	top:4%;
	right:4%;
}
/* ========== */
.left1{
	background:
		url('./img/en/firstview_box1_bg.png')no-repeat center/100% 100%,
		var(--Linear, linear-gradient(148deg, #F6FAFF 14.21%, #BCD7FF 59.64%, #E6EFFF 85.79%));
	row-gap:24px;
}
.titles{
	margin-top:2.5%;
	margin-left:2.5%;
}
.maintitle{
	display: inline-block;
	font-family: "Roboto";
	font-size: 39px;
	font-weight: 800;
	letter-spacing: 1%;
	line-height: 1.2;
	background: linear-gradient(180deg, #4758EB 22.6%, #3D49AA 70.19%);
	background-clip: text;
	-webkit-background-clip: text;
	color: transparent;
	-webkit-text-fill-color: transparent;
}
.subtitle{
	color: #2B406E;
	text-shadow: 1px 1px 1px #FFFFFF;
	font-family: "Roboto";
	font-size: 18px;
	font-style: normal;
	font-weight: 500;
	line-height: 115%;
}
.left_box_pic{
	height:auto;
	margin:0px 34px!important;
}
.right_box_pic{
	max-width:150px;
	height:auto;
}
.right1,.right2,.right3{
	padding:15px 78px 15px 20px;
	gap:20px;
}
.box_text{
	color: #474747;
	text-shadow: 1px 1px 1px #FFF;
	font-family: Inter;
	font-size: 17px;
	font-style: normal;
	font-weight: 500;
	line-height: 135%;
}
/* ========== */
.right1{
	background:
		url('./img/en/firstview_box2_bg.png')no-repeat center/100% 100%,
		var(--Linear, linear-gradient(273deg, #FFE2D2 0.94%, #FFFCFA 99.06%));
}
.box2_title{
	color: #C55B3B;
	font-family:"Roboto";
	font-size: 20px;
	font-style: normal;
	font-weight: 700;
	line-height: 100%;
}
.box2_title span{
	font-family:"Montserrat";
	font-size: 43.411px;
	font-style: italic;
	font-weight: 800;
	line-height: 100%; /* 43.411px */
	background: linear-gradient(7deg, #F05550 -40.68%, #FF7125 155.22%);
	background-clip: text;
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
}
/* ========== */
.right2{
	background:
		url('./img/en/firstview_box3_bg.png')no-repeat center/100% 100%,
		var(--Linear, linear-gradient(273deg, #DBFFF5 0.94%, #FBFFFE 99.06%));
}
.box3_title{
	font-family:"Roboto";
	font-size: 32px;
	font-style: normal;
	font-weight: 800;
	line-height: 120%;
	background: linear-gradient(180deg, #0F8424 0%, #0B6835 100%);
	background-clip: text;
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
}
/* ========== */
.right3{
	background:
		url('./img/en/firstview_box4_bg.png')no-repeat center/100% 100%,
		var(--Linear, linear-gradient(273deg, #C2DAFF 0.94%, #FFFCFA 99.06%));
}
.box4_title{
	font-family: Roboto;
	font-size: 32px;
	font-style: normal;
	font-weight: 800;
	line-height: 120%;
	background: linear-gradient(180deg, #8D3CE4 0%, #492A7E 100%);
	background-clip: text;
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
}
/* ========== */
/*    Trial   */
/* ========== */
.trial{
	background:url('./img/en/trial_bg.png') no-repeat calc(50% - 250px) 0%/auto,#313457;
}
.trial p{
	color: rgba(255, 255, 255, 0.85);
	text-align: center;
	font-family: Inter;
	font-size: 18px;
	font-style: normal;
	font-weight: 500;
	line-height: 170%;
	margin:0;
	padding:0;
}
.trial__section-inner{
	max-width:1280px;
	margin:0px auto;
	padding:32px 16px;
}
.trial__sexction-inner__textbox{
	max-width:1000px;
	row-gap:24px;
}
.trial__sexction-inner__textbox a{
	width:fit-content;
	margin:0px auto;
}
/* ========== */
/*   About    */
/* ========== */
.about{
	background:url('./img/en/about_bg.png') no-repeat calc(50% - 480px) 0%/ 500px;
}
.about p{
	margin:0px;
	padding:0px;
}
.about__section-inner{
	max-width:1280px;
	margin:0px auto;
	padding:88px 0;
}
.about__article{
	row-gap:16px;
}
.about__article__title{
	color: #443D61;
	font-family:"Roboto";
	font-size: 35.5px;
	font-style: normal;
	font-weight: 700;
	line-height: 120%;
}
.about__article__text{
color: #443D61;
font-family:"Roboto";
font-size: 20px;
font-style: normal;
font-weight: 400;
line-height: 170%;
}
.about__frame{
	row-gap:16px;
	padding:30px;
	border-radius: 12px;
	border: 10px solid transparent;
	overflow: hidden;
    background:
    linear-gradient(#fff, #fff) padding-box,
    linear-gradient(
      130deg,
      #D1A2E3 0%,
      #AF6CE3 15%,
      #ECCDF9 30%,
      #F1E9FF 45%,
      #E8E7FF 60%,
      #E0E5FF 75%,
      #6478E4 100%
    ) border-box;
}
.about__frame__title{
	font-family:"Roboto";
	font-size: 20px;
	font-style: normal;
	font-weight: 700;
	line-height: 130%;
	background: linear-gradient(90deg, #A323DE 0%, #4A3CCC 49.04%, #332AB5 100%);
	background-clip: text;
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
}
.about__frame__text{
	color: #000;
	font-family:"Roboto";
	font-size: 18px;
	font-style: normal;
	font-weight: 400;
	line-height: 170%;
}

/* AI Animation */
.gen_ai{
  max-width:600px !important;
  max-height: 460px !important;
  border-radius: 16px;
background: radial-gradient(463.45% 148.59% at 88.25% -14.27%, rgba(154, 136, 255, 0.94) 0%, rgba(71, 103, 207, 0.94) 20.07%, rgba(51, 80, 172, 0.94) 36.06%, rgba(32, 47, 110, 0.94) 81.09%);
}

/* ========== */
/*  Contents  */
/* ========== */
.contents{
	background:url('./img/en/contents_bg.png') no-repeat center/cover;
}
.contents__section-inner{
	max-width:1280px;
	margin:0px auto;
	padding:88px 0px;
	row-gap:32px;
	min-height:927px;
}
.contents__title{
	row-gap:8px;
}
.contents__title h2{
	color: #443D61;
	font-family:"Roboto";
	font-size: 46px;
	font-style: normal;
	font-weight: 700;
	line-height: 100%;
	letter-spacing: 1.84px;
	margin:0;
	padding:0;
}
.contents__title p{
	color: #1F1E3F;
	font-family:"Roboto";
	font-size: 20px;
	font-style: normal;
	font-weight: 400;
	line-height: 150%;
	margin:0;
	padding:0;
}
.contents__main{
	gap:32px;
}
.contents__buttons{

	width:288px;
	padding: 24px 36px;
	gap: 16px;
	border-radius: 12px;
	background: #303F7E;
	flex-shrink:0;
}
.contents__buttons p{
	text-align:center;
	padding:0;
	margin:0;
	color: #FFFFFF;
	font-family: "Roboto";
	font-size: 20px;
	font-style: normal;
	font-weight: 500;
	line-height: 115%;
}
.contents__buttons__list{
	padding:0;
	margin:0;
	list-style: none;
	flex-direction:column;
	row-gap:16px;
}
.contents__buttons__list li{
	height:56px;
	display:flex;
	flex-wrap:nowrap;
	align-items:center;
	gap:8px;
	cursor:pointer;
	margin:0px;
	padding:0px 24px;
	border-radius: 10px;
	border: 1px solid #ACACAC;
	background: #FFF;
}
.contents__buttons__list li.selected{
	color:#FFFFFF;
	border-radius: 10px;
	border: 2px solid rgba(255, 255, 255, 0.70);
	background: radial-gradient(715.31% 255.75% at 100% 14.29%, #9A88FF 0%, #3C64E6 31.25%, #3348B1 60.96%, #4BA7FD 97.12%);
}
.contents__buttons__list li.selected::before{
	flex-shrink:0;
	content:"";
	display:inline-block;
	width:10px;
	height:10px;
	margin-right:8px;
	background:url('./img/en/contents_list_mark_selected.png') no-repeat center/contain;
}
.contents__buttons__list li::before{
	flex-shrink:0;
	content:"";
	display:inline-block;
	width:10px;
	height:10px;
	margin-right:8px;
	background:url('./img/en/contents_list_mark.png') no-repeat center/contain;
}
.contents__buttons__list>li>p{
	color: #000;
	font-family:"Roboto";
	font-size: 15px;
	font-style: normal;
	font-weight: 400;
	line-height: 115%;
}
.contents-card__parent{
	--bs-gutter-x:24px;
	row-gap:24px;
}
.contents-card{
	width:100%;
	border-radius:12px;
	overflow:hidden;
	background-color:#FFFFFF;
	box-shadow: 0 2px 5.9px 0 rgba(0, 0, 0, 0.25);
}
.contents-card__texts{
	padding: 16px 20px 20px 20px;
	height:100%;
	gap: 4px;
	align-self: stretch;
	background-color: #38405E;
}
.contents-card__title{
	color: #FFFFFF;
	text-align: left;
	font-family: "Roboto";
	font-size: 20px;
	font-style: normal;
	font-weight: 700;
	line-height: 130%;
	padding:0;
	margin:0;
}
.contents-card__text{
	color: #FFF;
	font-family:"Roboto";
	font-size: 15px;
	font-style: normal;
	font-weight: 400;
	line-height: 140%;
	padding:0;
	margin:0;
}
.clients{
	background:url('./img/en/clients_bg.png') no-repeat calc(50% + 370px) 0%/ 500px;
}
.clients__section-inner{
	max-width:1280px;
	padding:88px 0px;
	margin:0px auto;
}
.clients_left{
	row-gap:32px;
}
.clients__texts{
	row-gap:9px;
}
.clients__title{
	color: #253FCC;
	font-family: "Roboto";
	font-size: 36px;
	font-style: normal;
	font-weight: 700;
	line-height: 125%;
	padding:0;
	margin:0;
}
.clients__text{
	color: #1F1E3F;
	font-family: "Roboto";
	font-size: 18px;
	font-style: normal;
	font-weight: 400;
	line-height: 165%;
	padding:0;
	margin:0;
}
.numeric-datas{
	row-gap:28px;
}
.numeric-datas__card{
	row-gap:5px;
}
.numeric-datas__title{
	width:100%;
	color: #091C99;
	font-family: "Roboto";
	font-size: 15px;
	font-style: normal;
	font-weight: 400;
	line-height: 150%;
	text-align:center;
	padding: 5px 20px;
	border-radius: 66px;
	border: 1px solid #1B1EBC;
	background: #FFF;
	margin:0;
	text-align:center;
}
.numeric-datas__value{
	font-family: "Oswald";
	font-size: 32px;
	font-style: normal;
	font-weight: 700;
	line-height: 100%;
	background: linear-gradient(90deg, #3A5EDB 0%, #3F42DB 47.6%, #CA73C4 100%);
	background-clip: text;
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	margin:0;
	padding:0;
	text-align:center;
}
.numeric-datas__unit{
	color: #2E41B9;
	font-family: "Oswald";
	font-size: 22px;
	font-style: normal;
	font-weight: 400;
	line-height: 100%;
	margin:-5px 0 0 0;
	padding:0;
	text-align:center;
}
.bottom-trial{
	background:url('./img/en/bottom_trial_bg.png') no-repeat center/cover;
}
.bottom-trial__inner{
	max-width:1280px;
	margin:0px auto;
	padding:80px 0;
	row-gap:40px;
	
}
.bottom-trial__inner__texts{
	row-gap:24px;
}
.bottom-trial__inner__texts p:first-child{
	max-width:1086px;
	margin:0;
	padding:0;
	color: #FFF;
	text-align: center;
	font-family: "Roboto";
	font-size: 30px;
	font-style: normal;
	font-weight: 700;
	line-height: 135%;
}
.bottom-trial__inner__texts p:nth-child(2){
	margin:0;
	color: #FFF;
	text-align: center;
	font-family: "Roboto";
	font-size: 18px;
	font-style: normal;
	font-weight: 400;
	line-height: 150%;
}
.footer__inner1{
	max-width:1280px;
	margin:0px auto;
	padding:40px 0px;
	color:#FFFFFF;
}

.footer__inner2{
	max-width:1280px;
	margin:0px auto;
	padding:16px 0px;
	border-top: 1px solid rgba(255, 255, 255, 0.50);
}
.footer__inner__logo{
	width:220px;
	height:37.5px;
}

.footer__inner__links-arrow{
	width:18px;
	height:18px;
}
.footer__link{
	display:inline-flex;
	flex-wrap:nowrap;
	align-items:center;
	justify-content:center;
	gap:4px;
}
.copyright{
	color:#FFFFFF;
	text-align:center;
	margin:0px;
	padding:0px;
}