@charset "utf-8";html{overflow-x:hidden}
body{color:#333;font:14px "Microsoft Yahei"}
body,dd,div,dl,dt,h1,h2,h3,h4,h5,h6,img,input,li,ol,p,span,ul{margin:0;padding:0;list-style:none}
a{color:#333;text-decoration:none}
a:focus{outline:0}
img{border:none}
.vam{vertical-align:middle}
.clear{clear:both;height:0;line-height:0;font-size:0}
p{word-spacing:0}
em,i{font-style:normal}
.tr{text-align:right}
.tl{text-align:left}
.center{text-align:center}
.fl{float:left;}
.fr{float:right;}
.pa{position:absolute}
.pr{position:relative}
.clearfix:after{content:"";height:0;clear:both;display:block;visibility:hidden}
.clearfix{zoom:1}
img,
video {
    width: 100%
}

video {
    object-fit: cover
}

@font-face {
    font-family:'Interop-Bold';
    src:url("../font/Interop-Bold.otf");
}
@font-face {
    font-family:'Interop-Regular';
    src:url("../font/Interop-Regular.otf");
}
@font-face {
    font-family:'Interop-Medium';
    src:url("../font/Interop-Medium.otf");
}
@font-face {
    font-family:'Interop-SemiBold';
    src:url("../font/Interop-SemiBold.otf");
}


.homepage {
    display: flex;
    align-items: center;
    flex-direction: column;
    margin-top: 50px;
    font-family: Montserrat, sans-serif
}

.background {
    position: fixed;
    z-index: -1;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: top/100% 100% no-repeat #29292e url(../images/bg.jpg)
}



.header {
    position: fixed;
    z-index: 3;
    top: 40px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    height: 56px;
    padding: 0 48px;
    box-sizing: border-box;
   
}


.header__body {
    display: flex;
    justify-content: space-between;
    width: 100%;
    max-width: 1248px;
    margin: auto;
  
}


.logo__img {
    /* display: flex; */
    width: 197px
}

.header_con em{
    display: block;
    font-size: 14px;
    font-family:'Interop-SemiBold';
    color: #333;
    height: 22px;
    margin-top: 16px;
    text-align: right;
    
}
 .header-xx{
   
    width: 260px;
    display: flex;
    justify-content: space-between;
}

.header-xx a{
    display: block;
    width: 48.36%;
    height: 36px;
    line-height: 32px;
    border-radius: 21px;
   width: 60%;
   border: 2px solid #333;
   color: #333;
   box-sizing: border-box;
    text-align: center;
    font-size: 16px;
    font-family:'Interop-SemiBold';
    transition: all 0.5s;
    font-weight: 700;
}
.header-xx .more:hover{
    background: #333;
    color: #fff;
}

.header-xx a:last-child{
    background: #dd0404;
    border-color: #dd0404;
    color: #fff;
    width: 35.7%;
}



.main {
    display: flex;
    max-width: 1280px;
   
}

.title {
    margin-bottom: 24px;
    color: #333333;
    font-size: 36px;
    font-weight: bold;
    font-family:'Interop-Bold';
    letter-spacing: 2px;
    line-height: 40px
}

.title_main {
    margin-bottom: 20px;
    color: #333333;
    font-size: 56px;
    font-weight: bold;
    font-family:'Interop-Bold';
    line-height: 70px
}




.title_join {
    padding: 14px 24px;
    border-radius: 8px;
    font-size: 48px;
    line-height: 48px;
    color:#333;
    font-weight: normal;
    text-align: center;
    font-family:'Interop-Medium';
    background: rgba(255, 255, 255, .3);
    -webkit-backdrop-filter: blur(4px);
    backdrop-filter: blur(4px)
}

.title_conversation {
    position: relative;
    z-index: 1;
    margin-bottom: -88px;
    margin-left: 24px
}

.paragraph {
    width: 100%;
    color: #fff
}

.paragraph,
.paragraph_main {
    font-size: 18px;
    color: #666666;
    font-family:'Interop-Regular';
    line-height: 30px
}

.paragraph_main {
    max-width: 386px
}


.form_item{
    margin-top: 20px;
    
}
.form_item ul{
    display: flex;
    justify-content: space-between;
}

.form_item label{
    font-size: 16px;
    height: 32px;
    color:#333;
    display: block;
}

.form_item li input{
    height: 45px;
    line-height: 45px;
    font-size: 14px;
   
    color: #666;
   
    border-radius: 10px;
    width: 100%;
    box-sizing: border-box;
    border: 0;
    background: none;
    outline: 0;
}
.form_item  .form1{
    margin-bottom: 14px;
}

.form_item  .form1 li{
    width: 66%;
}

.form_item  .form1 li:last-child{
    width: 32%;
}

.form_item  .form2 li{
    width: 32%;
}
.form_item li .reg-input{
    padding: 0 20px;
    box-sizing: border-box;
    border-radius: 10px;
    background:  rgba(255,255,255,0.9);
}
.form_item li select{
    height: 45px;
    line-height: 45px;
    font-size: 14px;
 
    color: #666;
   
    border-radius: 10px;
    width: 100%;
    appearance:none;
    -moz-appearance:none;
    -webkit-appearance:none;
    /*在选择框的最右侧中间显示小箭头图片*/
    background: url("../images/select.png") no-repeat scroll right center ;

    /*为下拉小箭头留出一点位置，避免被文字覆盖*/
    padding-right: 14px;  
    box-sizing: border-box;
    border: 0;
    outline: 0;
}


.form_item li select option{
    height: 45px;
    line-height: 45px;
    font-size: 14px;
   
    color: #666;
    background: rgba(255,255,255,0.9);
   
    width: 100%;
    box-sizing: border-box;
    border: 0;
    outline: 0;
}

.submit {
    /* width: 100%; */
    display: block;
    width: 274px;
    height: 76px;
    margin-top: 30px;
    color: #463416;
    cursor: pointer;
    transition: .2s linear;
    text-align: center;
    color: #29292e;
    border: none;
    outline: 0;
    background: url(../images/submit.png) no-repeat center;

}

.submit2{
   display: none;
}


.submit img{
    display: inline-block;
    width: 53px;
    height: 46px;
}
.submit span{
    display: inline-block;
   text-align: left;
   margin-left: 12px;
   font-size: 24px;
   line-height: 24px;
   color: #ffffff;
   font-family:'Interop-SemiBold';
}
.submit span i{
    display: block;
    font-size: 18px;
    
}



.submit:active,
.submit:focus,
.submit:hover {
    transform: scale(1.05)
}

.paragraph_sub{
    margin-top: 30px;
    margin-bottom: 100px;
}

.paragraph_sub i{
    font-family:'Interop-Regular';
  
    display: block;
    color: #333;
    font-size: 16px;
    line-height: 28px
}

.paragraph_sub span{
    font-family:'Interop-Regular';
    display: block;
    color: #63626a;
    font-size: 16px;
    line-height: 28px
}

.paragraph_sub span b{
    color: #d40000;  
    font-family:'Interop-SemiBold';
}

.content__item_img{
    position: relative;
}


.content__item_img img{
    display: block;
    width: 100%;
}

.content__item_img  .swiper-pagination-bullets {
    bottom: 60px!important;
}

.content__item_img .swiper-pagination .swiper-pagination-bullet {
    border: 0 none;
    width: 12px;
    height: 12px;
    border-radius: 15px;
    display: inline-block;
    outline: none;
    background: #d40000;
    transition: .5s;
    opacity: 1;
}

.content__item_img .swiper-pagination .swiper-pagination-bullet-active {
    background: #d40000;
    width: 28px;
}

.content__item_img .swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet {
    margin: 0 8px;
}

.content__item_join{
    margin-top: 100px;
}


.content__item_about{
    margin-top: 100px;
}

.title_about{
    display: block;
    text-align: center;
    font-size: 48px;
    line-height: 60px;
    margin-bottom: 30px;
    color: #333;
    font-family: 'Interop-Medium';
    font-weight: normal;
}



.paragraph_about {
    max-width: 388px;
    font-size: 18px;
    line-height: 27px
}

.paragraph_about-gap {
    margin-top: 12px
}



.cards_column{
    margin-top: 36px;
}

.cards {
    display: grid;
    grid-gap: 30px;
    gap: 30px
}

.cards__item {
    margin-left: 26px;
    padding-top: 6px;
    padding-left: 100px
}

.cards__item,
.cards__step {
    position: relative;
    display: flex;
    align-items: flex-start;
    flex-direction: column;
    justify-content: center;
   
    height: 138px
}

.cards__step {
    border-bottom: 1px solid #bbc6dd;
    margin-left: 180px
}

.cards__step:after {
    position: absolute;
    top: 2px;
    left: -180px;
    width: 138px;
    height: 138px;
    content: "";
    background: 50%/contain no-repeat
}

.cards__step_one:after {
    background-image: url(../images/fea_ic1.png)
}

.cards__step_two:after {
    background-image: url(../images/fea_ic2.png)
}

.cards__step_three:after {
    background-image: url(../images/fea_ic3.png)
}
.cards__step_three{border: 0;}

.title_step {
    margin-bottom: 12px;
    color: #333333;
    font-size: 32px;
    font-weight: normal;
    font-family:'Interop-Medium';
    letter-spacing: 2px;
    line-height: 40px
}


.paragraph_step {
    color: #666;
    font-size: 16px;
    line-height: 20px
}

.cards_row {
    flex-wrap: wrap;
    grid-template-columns: repeat(3, 1fr);
    grid-gap: 0;
    gap: 0
}

.card {
    align-items: center;
    /* max-width: 210px; */
    height: 100%;
    margin: 0 auto;
    padding: 0 8px 0px;
    box-sizing: border-box;
    text-align: center
}

.card:after {
    content: none
}

.card__img {
    position: relative;
    top: 5px;
    display: flex;
    align-self: center;
    width: 212px;
    height: 240px;
    background: 50%/contain no-repeat
}

.card__img_signup {
    background-image: url(../images/custom1.png)
}

.card__img_trial {
    background-image: url(../images/custom2.png)
}

.card__img_support {
    background-image: url(../images/custom3.png)
}

.card__info {
      /* display: flex; */
    flex-direction: column;
    justify-content: center;
    height: 214px;
    padding: 30px 40px;
    text-align: left;
    color: #333;
    border-radius: 8px;
    box-sizing: border-box;
    margin-top: -30px;
    position: relative;
    background-color: rgba(255, 255, 255, .85);
    -webkit-backdrop-filter: blur(1px);
    backdrop-filter: blur(1px);
}

.card__info,
.card__title {
    font-size: 28px;
    font-family: serif;
    color: #333;
    line-height: 28px
}

.card__title {
    margin-bottom: 8px;
    font-weight: 400;
    font-family:'Interop-SemiBold';
}

.card__subtitle {
    color: #333;
    font-size: 16px;
    font-family:'Interop-Medium';
    line-height: 22px
}

.card__num {
        /* position: absolute; */
    /* left: 0; */
    /* bottom: 0; */
    /* width: 100%; */
    /* padding-left: 30px; */
    box-sizing: border-box;
    font-weight: bold;
    color: #dddfe3;
    font-size: 70px;
    /* height: 50px; */
    /* overflow: hidden; */
    font-family: 'Interop-Bold';
    line-height: 70px;
    margin-top: 10px;
}




.form {
    z-index: 1;
    width: 470px
}

.form__body {
    position: sticky;
    top: 194px;
    display: flex;
    flex-direction: column;
    width: 100%;
    /* max-width: 470px */
}

.form__text {
    margin: 0 0 20px
}

.form__item {
    width: 100%;
    max-width: 380px
}

.form .google_separator-line {
    background-color: #b6b6b6
}

.form .google_separator-text {
    color: #b6b6b6
}

.content {
    width: 100%;
    max-width: 700px;
    margin-left: 60px;
    padding-top: 100px
}



.content__item_steps {
    margin-bottom: 0;
    padding: 24px;
    border-radius: 8px;
    background-color: rgba(0, 0, 0, .1);
    -webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px)
}


.content__item_about {
    /* display: flex; */
    margin-bottom: 100px
}

.content__item_conversation {
    position: relative
}

.content__info {
    display: flex;
   
}

.content__info-text{
position: relative;
display: flex;
align-items: flex-start;
flex-direction: column;
justify-content: center;

}

.content__info-text ul{
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}

.content__info-text li{
    width: 50%;
    height: 100px;
    padding-left: 28px;
    border-left: 2px solid #bbc6dd;
    box-sizing: border-box;
    font-size: 20px;
    color: #333;
    margin-bottom: 28px;
    font-family:'Interop-SemiBold';
}

.content__info-text li b{
   display: block;
    font-size: 36px;
    color: #bb0000;
    font-family:'Interop-SemiBold';
    font-weight: normal;
}

.content__info-img {
    display: block;
    width: 330px;
    height: 520px;
    margin-top: -32px;
    background: 50%/contain no-repeat url(../images/safety.png)
}


.footer__contacts {
    display: flex;
    flex-direction: column;
    min-width: 384px;
    width: 60%;
    border-right: 1px solid #e4e3e5;
    
}

.footer__contacts h2{
    display: block;
    font-size: 28px;
    text-transform: uppercase;
    color: #333;
    letter-spacing: 2px;
    font-family: 'Interop-Medium';
 
}

.footer__contacts h3{
    display: block;
    font-size: 28px;
    padding-top: 48px;
    color: #333;
   
    font-family: 'Interop-Medium';
   
}

.footer__contacts p{
    display: block;
    font-size: 18px;
    padding-top: 20px;
    color: #666;
    
    font-family: 'Interop-Regular';
  
}

.footer__contacts p b{
    color: #bb0000;
}

.footer-con{
    width: 82%;
    display: flex;
    justify-content: space-between;
    margin: 60px 0 0;
}
.footer-con a{
    display: block;
    width: 48.36%;
    height: 42px;
    line-height: 42px;
    border-radius: 21px;
    background: #f0f0f0;
    text-align: center;
    font-size: 16px;
    font-family:'Interop-SemiBold';
    font-weight: 700;
}
.footer-con .more2{
    background: #000000;
    color: #fff;
}

.bottom{
    background: #333;
    height: 100px;
    z-index: 10;
    display: flex;
    width: 100%;
   
}

.bottom__body {
    display: flex;
    justify-content: space-between;
    width: 100%;
    max-width: 1248px;
    margin: auto;
    font-size: 16px;
    font-family:'Interop-SemiBold';
    /* font-weight: 700; */
    color: #fff;
    padding: 0px 32px
}


@media only screen and (max-width:1024px) {
    .footer__contacts {
        min-width: auto;
        margin: 0 0 64px
    }
}

.footer__title {
    padding: 0 0 12px;
    text-transform: uppercase;
    font-size: 20px;
    font-weight: 600;
    font-style: normal;
    line-height: 24px
}

.footer-payments {
    display: flex;
    max-width: 240px;
    padding: 16px 0 0;
    border-top: 2px solid #525252;
    grid-gap: 10px;
    gap: 10px
}

.footer-payments__img {
    width: auto;
    height: 32px;
    margin-right: 10px
}

.footer-xx {
    
    width: 348px;
}
.footer-xx span{
    display: block;
    font-size: 16px;
    padding-top: 25px;
    color: #333;
    text-align: center;
    font-family:'Interop-SemiBold';
    font-weight: 700;
}





@media only screen and (max-width:1220px) {
    .header_con em{
        font-size: 30px;
        height: 60px;
    }
    .header-xx{
        width: 360px;
    }
    .header-xx a{
        height: 60px;
        line-height: 60px;
        border-radius: 30px;
        line-height: 56px;
        font-size: 24px;
    }
    .homepage {
        margin-top: 0
    }
    .background {
        position: fixed;
        z-index: -1;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        background: url(../images/bg2.jpg) no-repeat center top;
        background-size: cover;
        /* background: top/100% 100% no-repeat #29292e url(../images/bg2.jpg) */
    }
    
    .main {
        flex-direction: column;
       
        margin-top: 56px;
        padding: 32px 5% 0;
        width: 100%;
        box-sizing: border-box;
    }

    .form {
        width: 100%
    }
    .form_item ul{
        display: none;
    }

    .title {
        display: none;
        margin-bottom: 32px;
        color: #333333;
        font-size: 56px;
        font-weight: bold;
        font-family:'Interop-SemiBold';
        letter-spacing: 2px;
        line-height: 64px
    }
    
    .title_main {
        margin-bottom: 40px;
        color: #333333;
        font-size: 80px;
        font-weight: bold;
        font-family:'Interop-SemiBold';
        line-height: 90px
    }

    
    .form__text {
   
         margin: 130px 0 24px;
    
        text-align: left
        
    }

    .form__body {
        /* align-items: center; */
        max-width: 100%
    }

    .form_item {
        margin: 0px 0% 0;
        
    }
    .form_item label{
        font-size:32px;
    height: 60px;
    }
    .form_item li input{
        height: 80px;
        line-height:80px;
        font-size: 32px;
    }
    .form_item li select{
        height: 80px;
        line-height: 80px;
        font-size: 32px;
    }
   .submit_con{
    margin: 0px auto 0;
    display: flex;
    justify-content: space-between;
   }

    .submit{
      
        width: 48%;
        height: 123px;
        background: url(../images/submit2.png) no-repeat center;
        background-size: 100% 100%;
    }
    .submit2{
      display: block;
        background: url(../images/submit3.png) no-repeat center;
        background-size: 100% 100%;
    }

    .submit img {
        display: inline-block;
        width: 70px;
        height: 60px;
    }
    .submit2 img{
        display: inline-block;
        width: 69px;
        height: 70px;
    }

    .submit span{
        display: inline-block;
       text-align: left;
       margin-left: 20px;
       font-size: 38px;
       line-height: 42px;
       color: #ffffff;
       font-family:'Interop-SemiBold';
    }
    .submit span i{
        display: block;
        font-size: 32px;
        
    }

    .btn_scroll {
        display: none
    }

    .content {
        margin: auto;
        padding-top: 0;
        padding-bottom: 0px;
        max-width: 100%;
    }

    .title_join {
     
        font-size: 64px;
        line-height: 64px;
       
    }
    .content__item_img img {
        display: block;
        width: 80%;
        margin:0 auto;
    }
    .title_step {
        margin-bottom: 12px;
        color: #333333;
        font-size: 50px;
        font-weight: normal;
        font-family:'Interop-Medium';
        letter-spacing: 2px;
        line-height: 50px;
    }



    .paragraph_step {
        color: #666;
        font-size: 32px;
        line-height: 40px;
    }
    .cards__step {
        border-bottom: 1px solid #bbc6dd;
        margin-left: 240px;
    }

  .cards__step {
        position: relative;
        display: flex;
        align-items: flex-start;
        flex-direction: column;
        justify-content: center;
        height: 200px;
    }
    .cards__step:after {
        position: absolute;
        top: 2px;
        left: -240px;
        width: 200px;
        height: 200px;
        content: "";
        /* background: 50% / contain no-repeat; */
    }
    .card__num {
        /* padding-left: 40px; */
    }
    .title_about {
        display: block;
        text-align: center;
        font-size: 64px;
        line-height: 72px;
        margin-bottom: 30px;
        color: #333;
        font-family: 'Interop-Medium';
        font-weight: normal;

    }


    .card {
        padding: 0;
    }

    .cards_row{
        display: grid;
                grid-template-columns: repeat(2, 1fr);
                /* grid-template-columns: 1fr; */
                grid-template-rows: auto auto;
                justify-items: center;
                gap: 30px;
                justify-content: space-between;

    }

    .row3 { /* 第二行的特殊样式 */
        grid-column: span 2; /* 让第二行的元素占据两列 */
      }

        .card__info {
            /* display: flex;
            flex-direction: column;
            justify-content: center;
            padding: 100px 60px 120px; */
            width: 100%;
            height: 260px;
           
        }
        .card__title {
          
            font-size: 40px;
            line-height: 40px;
           
        }
        .card__subtitle {
          
            font-size: 30px;
          
            line-height: 40px;
        }

        .card__img {
            width: 400px;
            height: 464px;
        }

    .content__info
    {
        display: inline-block;
        width: 100%;
    }
    .content__info-text ul{
        width: 80%;
        margin: 0 auto;
    }

    .content__info-text li b {
     
        font-size: 54px;
       
    }

 .content__info-text li b {
     
        font-size: 48px;
       
    }

    .content__info-text li {
     
        font-size: 32px;
       
    }
    .content__info-img {
        display: block;
        width: 620px;
        height: 960px;
/*        
        background: 50% / contain no-repeat url(../images/safety2.png);
       */
        margin: 0 auto 0px
    }
    
    .footer__contacts{ 
        margin: 0 auto 64px;
        border-right: 0;
        width: 100%;
        text-align: center;
    }
    .footer__contacts h2{
        font-size: 48px;
    }
    .footer__contacts h3{
        font-size: 42px;
    }
    .footer__contacts p{
        font-size: 30px;
    }

    .footer-con a{
        height: 80px;
        line-height: 80px;
        border-radius: 40px;
        font-size: 32px;
    }
    .footer-xx span{
        font-size: 30px;
    }


    .footer-con{
        margin: 60px auto 0;
    }
    .footer-xx{
        width: 70%;
        margin: 0 auto;
    }
    .bottom{
        height: 200px;
    }

    .footer-xx {
    
      
    }

    .bottom__body{
        text-align: center;
    display: flex;
    font-size: 30px;
    line-height: 60px;
        align-items: center;
        flex-direction: column;
        justify-content: center;
        color: #adadad;
    }

    .bottom__body em{color: #fff;}

    /* .content__item_img {
        display: none
    } */
    .paragraph, .paragraph_main{
        font-size: 32px;
        line-height: 40px;
    }
    .paragraph_main {
        /* margin: 0 auto */
        max-width: 100%;
    }
    .paragraph_sub{
        margin: 30px 0 50px;
     
        text-align: center;
        box-sizing: border-box;
    }
    .paragraph_sub i{
        font-size: 40px;
        line-height: 50px;
    }
    .paragraph_sub span{
        font-size: 40px;
        line-height: 50px;
        color: #63626a;
    }
}

@media only screen and (max-width:768px) {
    .background {
        background-image: url(../images/bg2.jpg)
    }

    .header {
        width: 100%;
        box-sizing: border-box;
        padding: 0 5%
    }

    .main {
   
        padding: 32px 5% 0;
        width: 100%;
        box-sizing: border-box;
    }


    .paragraph {
        max-width: 100%;
/*      
        font-size: 14px;
        line-height: 17px */
    }

    .title{
       
        font-size: 42px;
       
        line-height: 48px;
    }
    .title_main{
    margin-bottom: 20px;
    color: #333333;
    font-size: 64px;
    font-weight: bold;
    font-family: 'Interop-Bold';
    line-height: 76px;
    }
    .form_item label{
        font-size: 20px;
    height: 42px;
    }


    .paragraph_main {
        /* width: 384px */
        font-size: 22px;
        color: #666666;
        font-family: 'Interop-Regular';
        line-height: 36px;
    }

    .paragraph_steps {
        margin-bottom: 24px;
        font-size: 14px;
        line-height: 21px
    }

    .paragraph_sub{
        margin: 0 0% 50px;
    }
   



    .form {
        z-index: 1;
        width: 100%;
    }
    .form__text {
        margin: 130px 0 24px;
      
    }

    .form_item{
        margin: 20px 0% 0;
    }
    
    .cards {
        justify-content: center;
        grid-gap: 24px;
        gap: 24px
    }
    .cards_row{
        flex-wrap: wrap;
        grid-template-columns: repeat(2, 1fr);
        grid-gap: 0;
        gap: 0;
    }

    .cards,
    .cards_column {
        /* display: flex;
        align-items: flex-start */
    }

    .cards_column {
        flex-direction: column;
        grid-gap: 0;
        gap: 0
    }

    .cards__step {
        /* max-width: 328px; */
        /* height: 138px;
        width: 100%; */
        /* margin-left: 26px;
        padding-right: 20px;
        padding-left: 60px */
    }

    /* .cards__step:after {
        top: auto;
        left: -180px;
        width: 138px;
        height: 138px;
      
    } */

    .cards__step:not(:last-child) {
        margin-bottom: 24px
    }

    .card {
        padding-bottom: 8px
    }

    .card__info {
        padding: 120px 40px 150px;
        /* display: flex;
        flex-direction: column;
        justify-content: center;
        width: 240px;
        padding: 16px;
        background-color: hsla(0, 0%, 100%, .1);
        -webkit-backdrop-filter: blur(6px);
        backdrop-filter: blur(6px) */
    }

    .content {
        padding: 0;
        max-width: 100%;
    }

    .content__item {
        /* max-width: 380px; */
        /* margin: 0 auto 80px */
    }

    .content__item_img {
        /* max-width: 500px;
        max-height: 400px; */
        margin: 0 auto 80px;
        padding: 0;
        background-position-y: 0
    }

    .content__item_about {
        /* display: flex;
        align-items: center;
        flex-direction: column;
        height: 660px;
        margin: 0 auto 48px;
        padding-bottom: 0;
        background: 0 0 */
    }

    .content__item_steps {
        margin: 0 auto;
        padding: 0;
        background-color: inherit;
        -webkit-backdrop-filter: none;
        backdrop-filter: none
    }

    .content__info
    {
        display: inline-block;
        width: 100%;
    }
    .content__info-text ul{
        width: 80%;
        margin: 0 auto;
    }


    .content__info_flex {
        align-items: center;
        flex-direction: column;
        padding: 0;
        background-color: inherit;
        -webkit-backdrop-filter: none;
        backdrop-filter: none
    }
  


    .content__info_about {
        order: 2;
        margin-bottom: 24px
    }

    .content__info-img {
        display: block;
        order: 1;
        width: 100%;
        /* height: 100%; */
        margin: 0 auto 0px
    }

    .content__img {
        max-width: 380px;
        height: 172px;
        margin-bottom: 14px
    }

    .footer__contacts{ 
        margin: 0 auto 64px;
        border-right: 0;
        text-align: center;
    }

    
    .footer-con{
        margin: 60px auto 0;
    }
    .footer-xx{
        margin: 0 auto;
    }
    .bottom__body{
        text-align: center;
    display: flex;
    font-size: 16px;
    line-height: 28px;
        align-items: center;
        flex-direction: column;
        justify-content: center;
    }
}

@media only screen and (max-width:540px) {
    .header {
        position: static;
        height: 40px
    }

    .logo__img {
        width: 148px
    }
    .form_item{
        margin: 20px 0% 0;
    }

    .main {
        margin-top: 0
    }

    .content__item_img {
        max-height: 300px
    }

    .content_img {
        max-width: 360px
    }

   
}

@media only screen and (max-width:374px) {
    .main {
        padding-top: 8px
    }

    .form__text {
        margin-top: 8px
    }

    .reg-form__label {
        font-size: 14px;
        line-height: 21px
    }

    .reg-form__item .gender__item.female {
        margin-left: 8px
    }

    .input {
        height: 48px;
        padding: 12px
    }

    .content__img {
        max-width: 310px
    }

    .title {
        font-size: 24px;
        line-height: 26px
    }

    .title_main {
        font-size: 28px;
        line-height: 31px
    }

    .title_step {
        margin: 6px 0 4px;
        font-size: 16px;
        font-weight: 600;
        line-height: 19px
    }

    .paragraph {
        font-size: 14px;
        line-height: 21px
    }

    .paragraph_legal {
        font-size: 12px;
        line-height: 15px
    }

    .paragraph_support {
        font-size: 16px;
        line-height: 24px
    }

    .card {
        max-width: 320px
    }
}

.footer {
    z-index: 10;
    display: flex;
    width: 100%;
    color: #fff;
    background-color: #ffffff;
   
}


.footer__body {
    display: flex;
    justify-content: space-between;
    width: 100%;
    max-width: 1248px;
    margin: auto;
    padding: 72px 32px
}

@media only screen and (max-width:1024px) {
    .footer__body {
        flex-direction: column
    }
}