.header {
overflow: hidden;
}

.header_content {
position: relative;
display: flex;
align-items: center;
justify-content: space-between;
gap: 15px;
}

.header_left {
position: relative;
z-index: 5;
max-width: 942px;
width: 100%;
}

.header_right {
height: 714px;
flex-grow: 1;
display: flex;
align-items: center;
position: relative;
z-index: 1;
max-width: 605px;
width: 100%;
}

.header_bg {
position: absolute;
bottom: 50%;
right: -15%;
z-index: 0;
width: 100%;
height: 100%;
}

.header_img {
width: 100%;
position: relative;
z-index: 10;
display: flex;
align-items: center;
justify-content: center;
}

.header_img::before {
content: "";
position: absolute;
width: 450px;
height:450px;
top: 0;
bottom: 0;
margin: auto;
border-radius: 50%;
background: rgba(239, 248, 255, 1);
z-index: -1;
}

.header_img::after {
content: "";
position: absolute;
width: 650px;
height: 650px;
top: 0;
bottom: 0;
margin: auto;
border-radius: 50%;
background: rgb(247 252 255);
z-index: -3;
}

.header_img img {
max-width: 350px;
width: 100%;
z-index: 10;
}

.header_title {
font-size: 50px;
font-weight: 900;
line-height: 64px;
color:  var(--color_grey2);
text-transform: uppercase;
}

.header_subtitle {
text-transform: uppercase;
font-size: 30px;
font-weight: 900;
margin-top: 20px;
color:  var(--color_grey2);
}

.header_title span,
.header_subtitle span, .header_text span {
color: var(--color_blue);
}



.header_button {
margin-top: 30px;
}

.info_blog {
position: relative;
display: flex;
flex-direction: column;
gap: 18px;
width: 100%;
}

.info_col {
position: relative;
z-index: 10;
display: flex;
gap: 28px;
align-items: end;
width: 100%;
}

.ms32 {
margin-left: 32px;
}

.info_card {
padding: 25px;
max-width: 197px;
width: 100%;
box-shadow: 0px 4px 100px 0px rgba(208, 218, 227, 0.57);
background: linear-gradient(236.29deg, #FFFFFF 29.99%, #F4F9FF 79.17%);
border-radius: 15px;
height: 150px;
display: flex;
flex-direction: column;

}

.info_card.big1, .info_card.big2 {
max-width: 230px;
padding: 35px;
height: 172px;
display: flex;
flex-direction: column;
justify-content: space-between;
}

.info_card.big1 .info_card_title, .info_card.big2 .info_card_title {
font-size: 48px;
font-weight: 800;
line-height: 44px;
background: linear-gradient(180deg, #2E83C1 0%, #79CBFF 100%);
-webkit-background-clip: text;
background-clip: text;
color: transparent;
}

.info_card.platform .info_card_title  {
font-size: 16px;
font-weight: 700;
line-height: 44px;
background: linear-gradient(180deg, #2E83C1 0%, #79CBFF 100%);
-webkit-background-clip: text;
background-clip: text;
color: transparent;
}

.info_card_title {
font-size: 40px;
font-weight: 800;
background: linear-gradient(180deg, #2E83C1 0%, #79CBFF 100%);
-webkit-background-clip: text;
background-clip: text;
color: transparent;
line-height: 44px;
}

.info_card .info_card_title span {
font-size: 16px;
}

.info_card_text{
font-size: 15px;
font-weight: 400;
color: var(--color_grey2);
line-height: 22.5px;
max-width: 172px;
}

.info_card.mini1 .info_card_text, .info_card.mini2 .info_card_text  {
margin-top: 17px;
}

.big2 .info_card_title, .big2 .info_card_text {
max-width: 142px;
width: 100%;
margin: auto;
}

.info_bg1 {
position: absolute;
top: 50%;
left: 15px;
bottom: 0;
border-radius: 50%;
background: linear-gradient(180deg, #2E83C1 0%, #79CBFF 100%);
width: 38px;
height: 38px;
z-index: 0;
}

.info_bg2 {
position: absolute;
top: 59%;
left: 40%;
bottom: 0;
border-radius: 50%;
background: linear-gradient(180deg, #2E83C1 0%, #79CBFF 100%);
width: 38px;
height: 38px;
z-index: 0;
}

.info_bg3 {
position: absolute;
top: -18%;
left: 67%;
bottom: 0;
border-radius: 50%;
background: linear-gradient(180deg, #2E83C1 0%, #79CBFF 100%);
width: 175px;
height: 175px;
z-index: 0;
}

.mob_button {
display: none;
}

.promt_head {
font-size: 16px;
font-weight: 500;
}

.promt_red {
background: rgba(255, 220, 220, 1);
border-radius: 50px;
color: rgba(228, 0, 0, 1);
font-size: 16px;
font-weight: 400;
padding: 15px 30px;
text-align: center;

}



/* ai */

.ai {
position: relative;
overflow: hidden;
padding-top: 54px;
padding-bottom: 95px;
}

.ai_left {
position: relative;
z-index: 10;
max-width: 949px;
width: 100%;
}

.ai_right {
position: relative;
width: 100%;
display: flex;
justify-content: center;
}

.ai_right::after {
content: "";
position: absolute;
width: 1000px;
height: 1000px;
right: 0%;
bottom: 0;
top: 0;
margin: auto;
border-radius: 50%;
background: rgba(249, 252, 255, 1);
}

.ai_img {
max-width: 100%;
width: 100%;
position: relative;
z-index: 5;
display: flex;
align-items: center;
justify-content: center;
}

.ai_img img {
max-width: 242px;
width: 100%;
}


.ai_img::before {
content: "";
position: absolute;
width: 335px;
height: 335px;
top: 0;
left: 0;
right: 0;
bottom: 0;
margin: auto;
border-radius: 50%;
background: #D2ECFF;
z-index: -1;
}


.ai_img::after {
content: "";
position: absolute;
width: 650px;
height: 650px;
right: 15%;
bottom: 0;
top: 0;
margin: auto;
border-radius: 50%;
background: #EFF8FF;
z-index: -3;
}


.ai_title {
font-family: Roboto Condensed;
font-size: 48px;
font-weight: 700;
line-height: 56.25px;
text-align: left;

}

.ai_row {
display: flex;
gap: 41px;
flex-wrap: wrap;
justify-content: center;
margin-top: 68px;
}

.ai_card {
background: var(--card);
box-shadow: 0px 0px 150px 0px rgba(0, 0, 0, 0.06);
max-width: 254px;
width: 100%;
border-radius: 30px;
display: flex;
justify-content: center;
align-items: center;
flex-direction: column;
gap: 15px;
padding: 35px 10px;

}

.ai_icon {
width: 60px;
}

.ai_text {
font-size: 20px;
font-weight: 400;
line-height: 27.4px;
text-align: center;
color: var(--color_grey2);
}

.ai_secury {
display: flex;
align-items: center;
gap: 68px;
box-shadow: 0px 0px 150px 0px rgba(0, 0, 0, 0.06);
background: var(--card);
padding: 45px 35px;
border-radius: 30px;
max-width: 1137px;
margin: auto;
margin-top: 68px;
}

.ai_secury_img {
max-width: 200px;
width: 100%;
display: flex;
align-items: center;
justify-content: center;
}

.ai_secury_text{
font-weight: 400;
font-size: 24px;
color: var(--color_grey2);
line-height: 28.13px;
}

/* ai finish */


/* ser */

.ser {
background: var(--card);
box-shadow: 0px 0px 150px 0px rgba(0, 0, 0, 0.06);
padding-top: 43px;
padding-bottom: 139px;
}

.ser_flex {
display: flex;
justify-content: space-between;
flex-wrap: wrap;
margin-top: 65px;
}

.ser_item {
max-width: 750px;
width: 100%;
box-shadow:  var(--shadow);
border-radius: 30px;
padding: 40px 56px;
background: var(--card);
}

.ser_item_text {
font-size: 24px;
font-weight: 400;
line-height: 28.13px;
color: var(--color_grey2);
}

.ser_iframe {
margin-top: 29px;
}

.ser_iframe iframe{
border-radius: 30px;
box-shadow:  var(--shadow);
border: 10px solid rgba(255, 255, 255, 1);
width: 100%;
height: 389px;
}

.ser_click {
box-shadow:  var(--shadow);
background:  var(--card);
max-width: 512px;
width: 100%;
border-radius: 30px;
display: flex;
align-items: center;
justify-content: center;
flex-direction: column;
padding: 24px;
gap: 25px;
margin: auto;
}

.ser_click_title {
font-size: 32px;
font-weight: 700;
line-height: 43.52px;
text-align: center;
color: var(--color_grey2);
}

.ser_click_title span {
color: var(--color_blue);
}

.ser_click_list {
display: flex;
flex-direction: column;
gap: 15px;
margin-top: 25px;
}

.ser_click_item {
display: flex;
align-items: center;
gap: 15px;
color:  var(--color_grey2);
font-size: 24px;
font-weight: 400;
line-height: 32.88px;
}

.ser_button {
flex-direction: column;
display: flex;
gap: 30px;
width: max-content;
margin: auto;
margin-top: 43px;
}

.ser_button .btn_link  {
font-weight: 400;
}

.ser_click_item span {
color: rgba(46, 131, 193, 1);
}

.ser_text {
font-size: 18px;
font-weight: 500;
line-height: 23.44px;
max-width: 523px;
color:  var(--color_grey2);
}



/* ser finish */

/* tree */


.tree {
background: var(--card);
box-shadow: 0px 0px 150px 0px rgba(0, 0, 0, 0.06);
padding-top: 40px;
padding-bottom: 40px;
}

.tree_content {
position: relative;
}

.tree_center { 
position: relative;
max-width: 732px;
width: 100%;
margin: auto;
margin-bottom: 20px;
}

.tree_header_flex {
position: relative;
z-index: 1;
display: flex;
align-items: center;
justify-content: space-between;
}

.tree_title {
    font-weight: 700;
    font-size: 20px;
    line-height: 100%;
    letter-spacing: 0;
    max-width: 290px;
    width: 100%;
    color: #fff;
    background: #2E83C1;
    position: relative;
    text-transform: uppercase;
    border: none;
    padding: 17px 23px;
    display: flex;
    align-items: center;
}

.tree_title::after {
    position: absolute;
    top: 0;
    left: 84%;
    clip-path: polygon(49% 0, 19% 50%, 49% 100%);
    width: 33%;
    height: 100%;
    background: #ffffff;
    content: "";
}

.tree_subtitle{
font-weight: 300;
font-style: Light;
font-size: 28px;
line-height: 100%;
letter-spacing: 0%;
text-align: center;
color: #2E83C1;
}

.tree_text {
position: relative;
z-index: 1;
max-width: 292px;
width: 100%;
font-weight: 400;
font-size: 20px;
line-height: 100%;
letter-spacing: 0%;
color: #535353;
margin-top: 24px;
}

.tree_img {
height: 300px;
display: flex;
align-items: center;
}

.tree_button {
position: relative;
z-index: 1;
display: flex;
flex-direction: column;
align-items: start;
gap: 26px;
}

.tree_button .btn_link, .tree_button .btn_dark{
position: relative;
height: 45px;
font-size: 16px;
max-width: 200px;
width: 100%;
}

.tree_item_icon img {
width: 50px;
}

.tree_item_text {
font-weight: 300;
}

.tree_button .btn_dark {
padding: 3px 20px 3px 20px;
}

.tree_button .btn_link::before {
border: 2px solid #2E84C2;
box-shadow: 0px 0px 10px 0px rgba(46, 132, 194, 1);
position: absolute;
content: "";
width: 110%;
height: 143%;
border-radius: 50px;

}

.tree_flex {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
margin: auto;
width: 100%;
}

.tree_left, .tree_right{
position: absolute;
top: 0;
bottom: 0;
margin: auto;
display: flex;
flex-direction: column;
justify-content: center;
gap: 80px;
max-width: 253px;
width: 100%;
}

.tree_left {
left: 0;
}

.tree_right {
right: 0;
}

.tree_item {
background: rgba(255, 255, 255, 1);
box-shadow: 0px 0px 150px 0px rgba(0, 0, 0, 0.06);
border-radius: 30px;
display: flex;
align-items: center;
justify-content: center;
flex-direction: column;
gap: 80px;
gap: 10px;
max-width: 255px;
width: 100%;
height: 189px;
}

/* tree finish */