/*reset css*/
* {padding: 0;margin: 0;border: 0;}*, *:before, *:after {-moz-box-sizing: border-box;-webkit-box-sizing: border-box;box-sizing: border-box;}:focus, :active {outline: none;}a:focus, a:active {outline: none;}nav, footer, header, aside {display: block;}html, body {height: 100%;text-align: justify;width: 100%;font-size: 100%;line-height: 1;font-size: 14px;-ms-text-size-adjust: 100%;-moz-text-size-adjust: 100%;-webkit-text-size-adjust: 100%;}input, button, textarea {font-family: inherit;}input::-ms-clear {display: none;}button {cursor: pointer;}button::-moz-focus-inner {padding: 0;border: 0;}a, a:visited {text-decoration: none;}a:hover {text-decoration: none;}ul li {list-style: none;}img {vertical-align: top;}h1, h2, h3, h4, h5, h6 {font-size: inherit;font-weight: 400;}*, *:hover, *:before, *:after, *:not(:hover), {transition: 1s;}

body{
	background: #161517;
    /*background: grey;*/
}

img {
    height: auto;
    max-width: 100%;
}

.container{
	max-width: 1200px;
	width: 100%;
	margin: 0 auto;
	min-width: 320px;

}

@media (max-width: 1240px){
    .container{
        padding: 0 20px;
    }
}

.header_wrap {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 15px 0;
}

.nav_wrap {
    display: flex;
    align-items: center;
}

a.btn_header {
    border-radius: 30px;
    border: 1px solid #D1D5DB;
    background: #111827;
    padding: 14px 0;
    color: #FFF;
    font-family: "Poppins", sans-serif;
    font-size: font-size: clamp(14px, calc(0.2381vw + 13.143px), 16px);
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    text-decoration: none;
    display: flex;
    width: clamp(180px, calc(5.2381vw + 161.143px), 224px);
    justify-content: center;
}

ul.lang {
    display: flex;
    list-style: none;
    gap: 20px;
}

ul.lang a{
	color: #FFF;
	font-family: "Poppins", sans-serif;
	font-size: 16px;
	font-style: normal;
	font-weight: 500;
	line-height: normal;
}

.baner_top{
	padding-bottom: 30px;
}

.img_top {
    width: 100%;
    height: 305px;
    overflow: hidden;
    border-radius: 50px;
}

.title_wrap {
    display: flex;
    align-items: center;
    gap: clamp(1px, calc(24.4262vw + -143.115px), 150px);
    padding-bottom: 30px;
}

.title_home {
    color: #FFF;
    font-family: "Poppins", sans-serif;
    font-size: clamp(32px, calc(1.9048vw + 25.143px), 48px);
    font-style: normal;
    font-weight: 600;
    line-height: clamp(48px, calc(1.4286vw + 42.857px), 60px);
    margin: 0;
    max-width: 600px;
    text-align: left;
}

.research_column {
    display: flex;
    align-items: center;
    gap: clamp(5px, calc(1.7857vw + -1.429px), 20px);
    justify-content: space-between;
}

.research_item {
    flex: 0 0 49%;
    max-width: 590px;
    height: 477px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    border-radius: 50px;
    overflow: hidden;
}

.research_item.text_item {
    background: #2B2B2B;
}

.title_research {
    display: flex;
    align-items: flex-start;
    gap: 31px;
    margin-bottom:20px;
    text-align: left;
}



.title_research span {
    font-size: clamp(64px, calc(3.8095vw + 50.286px), 96px);
    color: #D1D5DB;
    font-style: normal;
    font-weight: 600;
    font-family: "Poppins", sans-serif;
}

.title_research h2{
	color: #FFF;
    font-family: "Poppins", sans-serif;
    font-size: clamp(20px, calc(1.1905vw + 15.714px), 30px);
    font-style: normal;
    font-weight: 600;
    line-height: clamp(30px, calc(1.7857vw + 23.571px), 45px);
}

.research_item_wrap {
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding-left: clamp(20px, calc(4.9180vw + -9.016px), 50px);
    padding-right: 20px;
}

.research_desc p{
    color: #D1D5DB;
    font-family: "Roboto", sans-serif;
    font-size: clamp(16px, calc(0.4762vw + 14.286px), 20px);
    font-style: normal;
    font-weight: 400;
    line-height: clamp(20px, calc(0.9524vw + 16.571px), 28px);
}

.research_desc p:not(:last-child)
{
    margin-bottom: 20px;
}

.research_full .research_item {
    width: 100%;
    max-width: 100%;
    height: 100%;
    background: #2B2B2B;
    border-radius: 50px;
    padding: 50px;
}

.research_full {
    padding: 30px 0;
}

/*roman css*/
.research.six .research_item_wrap{
    display: flex;
    flex-direction:row;
}

.research_six_img{
    border-radius: 50px;
    margin-bottom: 50px;
}

.research_six_bottom{
    padding: 50px 0;
}


.research_six_bottom p{
    color: rgb(255, 255, 255);
    font-family: Roboto;
    font-size: 20px;
    font-weight: 400;
    line-height: 28px;
    letter-spacing: 0px;
    text-align: center;
    margin-bottom: 20px;
}

.research_six_btn{
    text-align: center;
    padding-top: 20px;
}

.research_six_btn .btn_header{
    display: inline-block;
}

footer{
    background: rgb(17, 24, 39);
    /* background: rgb(86 96 116);*/
    padding: 20px 10px;
    text-align: center; 
}

.footer_logo{
    padding-bottom: 20px;
    border-bottom: 1px solid rgb(31, 41, 55);
}

.footer_copyright{
    padding-top: 20px;
    color: rgb(156, 163, 175);
    font-family: Roboto;
    font-size: clamp(14px, calc(0.2381vw + 13.143px), 16px);
    font-weight: 400;
    line-height: 24px;
    letter-spacing: 0px;
    text-align: center;
}

.header_wrap .logo img{
    width: clamp(35px, calc(3.2143vw + 23.429px), 62px);
}

.footer_logo img{
    width: clamp(60px, calc(5.3571vw + 40.714px), 105px);
}

.nav_wrap .btn_header{
    margin-right: clamp(20px, calc(1.7857vw + 13.571px), 35px);
}

.research_desc.left_marg{
    padding-left: clamp(1px, calc(13.7705vw + -80.246px), 85px);
}

.research.six .research_item{
    background: none;
    padding: 0;
}

.research.six .research_item_wrap{
    padding: 0 20px 0 20px;
    gap: 20px;
}

.research_column .research_item:first-child{
    margin-bottom: 20px;
}

.research.four .title_research{
    margin-bottom: clamp(1px, calc(-2.2619vw + 28.143px), 20px);
}

.research_item_wrap.pl_0{
    padding-left: 0;
}

main{
    counter-reset: section; /* обнуляем счетчик */
}



.title_research span::before {
    counter-increment: section; /* увеличиваем счетчик */
    content: counter(section); /* вставляем номер */
    font-weight: bold;
}


@media  (max-width: 590px){

    .four .title_research {
        margin-bottom:20px;
    }

    .baner_top {
        padding-bottom: 20px;
    }

    .title_research{
        align-items: center;
        gap:20px;
    }
    .research_full .research_item,
    .research_item.text_item{
        padding: 40px 20px;
    }
    .research_item_wrap{
        padding: 0;
    }
    .title_wrap{
        display: block;
        text-align: center;
        padding-bottom: 40px;
    }

    .research_full {
        padding: 20px 0;
    }

    .title_wrap a.btn_header{
        display: inline-block;
    }
    .research_column{
        display: block;
    }

    .title_home{
        margin-bottom: 20px;
    }
    .research_item{
        height: auto;
    }
    .research.six .research_item_wrap {
        display: block;
        padding: 0;

    }

    .research.six .research_item{
        border-radius: 0;
    }

}



@media  (max-width: 359px){

    .research.four .title_research{
        margin-bottom: 20px;
    }

    .header_wrap .logo img{
        width: 35px;
    }

    .footer_logo img{
        width: 60px;
    }
    .title_home {
        font-size: 32px;
        line-height: 48px;
    }

    .title_research span {
        font-size: 64px;
    }

    .title_research h2{
        font-size: 20px;
        line-height: 30px;
    }

    .research_desc p{
        font-size: 16px;
        line-height: 20px;
    }

    .header_wrap a.btn_header {
        width: 150px;
    }

    a.btn_header {
        width: 180px;
    }

    .research_column{
        gap:5px;
    }


    .nav_wrap .btn_header{
        margin-right:20px;
    }

    a.btn_header {
        font-size: 14px;
    }


}



/*page-template-manifest ------------------------*/
.page-template-manifest .title_wrap{
    gap: 0;
}

.page-template-manifest .title_home{
    flex: 0 0 49%;
}
.man_first .research_desc{
    flex: 0 0 49%;
}


.page-template-manifest .baner_top{
 padding-bottom: 0;
}

.man_title{
  color: rgb(255, 255, 255);
  font-family: "Poppins", sans-serif;
  font-size: clamp(20px, calc(1.1905vw + 15.714px), 30px);
  font-weight: 600;
  line-height: clamp(30px, calc(0.7143vw + 27.429px), 36px);
  letter-spacing: 0px;
  text-align: center;
  margin-top: clamp(30px, calc(2.3810vw + 21.429px), 50px);
  margin-bottom: clamp(20px, calc(1.1905vw + 15.714px), 30px);
}

.man_text p{
    color: rgb(209, 213, 219);
    font-family: Roboto;
    font-size: clamp(16px, calc(0.2381vw + 15.143px), 18px);
    font-weight: 400;
    line-height:clamp(20px, calc(0.8333vw + 17.000px), 27px);
    letter-spacing: 0px;
    text-align: left;
}

.man_text p:not(:last-child){
    margin-bottom: 15px;
}


.man_qoute{
    color: rgb(209, 213, 219);
    font-family: Roboto;
    font-size: clamp(18px, calc(0.7143vw + 15.429px), 24px);
    font-style: italic;
    font-weight: 500;
    line-height: 27px;
    letter-spacing: 0px;
    text-align: left;
    border-radius: 50px;
    background: rgb(43, 43, 43);
    padding-top: clamp(20px, calc(1.1905vw + 15.714px), 30px);
    padding-bottom: clamp(20px, calc(1.1905vw + 15.714px), 30px);
    text-align: center;
    margin: clamp(20px, calc(1.1905vw + 15.714px), 30px) 0;
}

.man_qoute_icon{
    text-align: left;
    border-radius: 50px;
    background: rgb(43, 43, 43);
    margin-top: clamp(20px, calc(1.1905vw + 15.714px), 30px);
    padding-top: clamp(20px, calc(1.1905vw + 15.714px), 30px);
    padding-bottom: clamp(20px, calc(1.1905vw + 15.714px), 30px);
    padding-left:  clamp(10px, calc(7.1429vw + -15.714px), 70px);
    padding-right:  clamp(10px, calc(7.1429vw + -15.714px), 70px);
    text-align: center;
    display: flex;
    align-items: center;
}

.man_qoute_icon_text{
    color: rgb(209, 213, 219);
    font-family: Roboto;
    font-size: clamp(16px, calc(0.2381vw + 15.143px), 18px);
    font-weight: 500;
    line-height: 21px;
    letter-spacing: 0px;
    padding-left: 15px;
    text-align: left;
}

.man_qoute_icon_img{
    flex: 0 0 9%;
}


.three_img
{
   display: flex;
   align-items: flex-end;
   justify-content: center;
   margin-top: 30px;
   gap:15px;
}



.man_three_item {
    border-radius: 50px;
    background: rgb(43, 43, 43);
    padding: 30px;


}

.man_three_items{
    display: flex;
    flex-wrap: wrap;
    margin-top: 30px;
    gap: 20px;
}


.man_three_item:nth-of-type(1),
.man_three_item:nth-of-type(2),
.man_three_item:nth-of-type(3),
.man_three_item:nth-of-type(4){
    flex:  1 0 calc(50% - 40px);
}


.man_three_item:nth-of-type(5){
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 20px;
    margin-bottom: 30px;
}

.man_three_item:nth-of-type(5) .man_three_icon{
    flex: 0 0 auto;
}

.man_three_item:nth-of-type(5) .man_three_title{
    flex: 1 1 auto;
}

.man_three_item:nth-of-type(5) .man_three_text{
    flex: 0 0 100%;
}

.chapter_four_item{
    display: flex;
    align-items: baseline;
    margin-top: 40px;
    gap: 20px;
    border-radius: 50px;
    background: rgb(43, 43, 43);
    padding: 30px;


}

.chapter_four_item .man_three_icon{
    flex: 0 0 auto;
}

.chapter_four_item .chapter_four_item_content{
    flex: 1 1 auto;
    display: flex;
    flex-direction: column;
}

.chapter_four_item .man_three_title{
    padding-bottom: 20px;
    padding-top: 0;
}


.man_three_title{
    color: rgb(255, 255, 255);
    font-family: "Poppins", sans-serif;
    font-size: clamp(18px, calc(0.2381vw + 17.143px), 20px);
    font-weight: 600;
    line-height: 28px;
    letter-spacing: 0px;
    text-align: left;
    padding: 20px 0;
}


.man_three_text{
    color: rgb(209, 213, 219);
    font-family: Roboto;
    font-size: clamp(16px, calc(0.2381vw + 15.143px), 18px);
    font-weight: 400;
    line-height: 27px;
    letter-spacing: 0px;
    text-align: left;
}

.radius_block{
    display: flex;
    margin-top: 20px;
}

.radius_block_one{
    color: #fff;
    font-family: Roboto;
    font-size: 12px;
    font-weight: 400;
    line-height: 16px;
    letter-spacing: 0px;
    text-align: left;
    border-radius: 99px;
    background: rgb(17, 24, 39);
    padding: 15px clamp(5px, calc(1.1905vw + 0.714px), 15px);
    position: relative;
    z-index: 1;
    flex: 0 0 clamp(135px, calc(48.2143vw + -38.571px), 540px);
}

.radius_block_two{
    color: rgb(75, 85, 99);
    font-family: Roboto;
    font-size: 12px;
    font-weight: 400;
    line-height: 16px;
    letter-spacing: 0px;
    text-align: left;
    border-radius: 9999px;
    background: rgb(243, 244, 246);
    padding: 15px clamp(5px, calc(1.1905vw + 0.714px), 15px) 15px clamp(60px, calc(2.3810vw + 51.429px), 80px);
    position: relative;
    right: clamp(55px, calc(-1.7857vw + 61.429px), 40px);
    overflow: hidden;
    z-index: 0;
    flex: 0 0 auto;
}


.circle_block{
    display: flex;
    gap:clamp(3px, calc(1.4286vw + -2.143px), 15px);
    margin-top: 20px;
    flex-wrap: wrap;

}

.rel{
    position: relative;
}

.man_bg{
    position: absolute;
    left: 50%;
    z-index: 0;
}


@media  (max-width: 850px){
    .circle_block{
       justify-content: space-around;
   }
}



.circle{
    width: 128px;
    height: 128px;
    border-radius: 9999px;
    background:rgb(17, 24, 39);
    color: rgb(209, 213, 219);
    font-family: Roboto;
    font-size: 18px;
    font-weight: 400;
    line-height: 27px;
    letter-spacing: 0px;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
}

.inf{
    color: rgb(209, 213, 219);
    font-family: Roboto;
    font-size: clamp(16px, calc(0.4762vw + 14.286px), 20px);
    font-weight: 400;
    line-height: clamp(20px, calc(0.8333vw + 17.000px), 27px);
    letter-spacing: 0px;
    text-align: left;
    display: flex;
    align-items: center;
    gap: 12px;
    margin-bottom: 15px;
}

.inf img{
    width: 27px;
}

.man_bot_img{
    margin-top: clamp(30px, calc(1.1905vw + 25.714px), 40px);
    margin-bottom: clamp(30px, calc(1.1905vw + 25.714px), 40px);
}

.uzkiy{
    max-width: 1000px;
    margin-left: auto;
    margin-right: auto;
}


@media (max-width: 410px){
    .page-template-manifest .title_home {
        width: 70%;
        margin-left: auto;
        margin-right: auto;
    }
}

@media (max-width: 590px){
    .three_img{
        display: block;
    }
    .three_img_item:nth-of-type(2){
        margin: 15px 0;
    }
    .man_three_item:nth-of-type(5){
        gap:0;
        display: block;
    }
    .chapter_four_item{
        display: block;
    }
    .chapter_four_item .man_three_title {
        padding-top: 20px;
    }
}

@media (max-width: 359px){
    .man_bot_img{
        margin-top: 30px;
    }

    .inf{
        font-size: 16px;
        line-height:20px;
    }
    .circle_block{
        gap:3px;
    }
    .radius_block_one{
        padding: 15px 5px;
        flex: 0 0 125px;
        font-size: 11px;
    }
    .radius_block_two{
        padding: 15px 5px 15px 60px;
        right: 60px;
        font-size: 11px;
    }

    .man_title{
      font-size: 20px;
      line-height: 30px;
  }
  .man_text p{
     font-size: 16px;
     line-height: 20px;       
 }
 .man_title{
    margin-top: 30px;
    margin-bottom: 20px;
}
.man_qoute{
    font-size: 18px;
    margin: 20px 0;
    padding-top: 20px;
    padding-bottom: 20px;
}
.man_qoute_icon{
    border-radius: 30px;
    margin-top: 20px;
}


}

/*page-template-manifest ------------------------*/

/*roman css*/

.wpcf7-spinner {
    display: none;
}

.btn_send {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}
.btn_send input {
    border-radius: 30px;
    border: 1px solid #D1D5DB;
    background: #111827;
    padding: 14px 0;
    color: #FFF;
    font-family: "Poppins", sans-serif;
    width: 224px;
    cursor: pointer;
    font-size: 16px;
}

section.form_section {
    padding: 0 0 50px;
}

.form_wrapper {
    display: flex;
    flex-direction: column;
    align-items: center;
    max-width: 500px;
    margin: 0 auto;
}

.form_wrapper label {
    display: flex;
    flex-direction: column;
    color: #fff;
    font-family: "Poppins", sans-serif;
    font-size: 16px;
    width: 100%;
}

.form_wrapper input {
    width: 100%;
    margin-top: 10px;
    padding: 8px 10px;
    margin-bottom: 20px;
    color: #fff;
    background: #161517;
    font-size: 16px;
    border-radius: 15px;
    border: 1px solid #D1D5DB;
}

textarea.wpcf7-form-control.wpcf7-textarea {
    width: 100%;
    margin-top: 10px;
    padding: 8px 10px;
    font-size: 16px;
    max-height: 150px;
    margin-bottom: 20px;
    border-radius: 15px;
    color: #fff;
    background: #161517;
    border: 1px solid #D1D5DB;
}

.wpcf7-not-valid-tip {
    color: #dc3232;
    font-size: 14px;
    font-weight: normal;
    display: block;
    position: absolute;
    bottom: 3px;
}

.wpcf7 form.sent .wpcf7-response-output {
    border-color: #46b450;
    max-width: 500px;
    margin: 15px auto 0;
    color: #fff;
    text-align: center;
    padding: 10px;
    font-family: "Poppins", sans-serif;
    font-size: 16px;
}

.title_form {
    text-align: center;
    color: #fff;
    font-family: "Poppins", sans-serif;
    margin-bottom: 30px;
    margin-top: 40px;
    font-size: 22px;
}
