/*menu*/
.nav_list > li:first-child{
    font-weight: bold;
}

.nav_list > li:first-child:after{
    content: '';
    display: block;
    height: 5px;
    width: 100%;
    background: #3F4462;
}
/*menu*/

.main_container{
    width: 1200px;
    margin: auto;
    display: flex;
    flex-direction: column;
}

.box_1{
    position:relative;
}

.img_top{
    width: 100%;
    border-bottom: 20px solid #3F4462; ;
}

.txt_img{
    position: absolute;
    top: 35%;
    left: 5%;
    font-size: 1.4rem;
    color: white;
    font-weight: bold;
}

.txt_2{
    text-align: center;
    padding-top: 40px;
    padding-bottom: 40px;
}


/*swiper*/
.bx-wrapper{
    position: relative;
    text-align: center;
}

.bx-controls-direction .bx-prev, .bx-controls-direction .bx-next{
    font-size: 40px;
}

.bx-controls-direction a{
    position: absolute;
    display: block;
    width: 25px;
    height: 40px;
    overflow: hidden;
    color: grey;
    opacity: 0.3;
    top: 50%;
    transform:translateY(-50%);
}

.bx-controls-direction .bx-prev{
    left: 25;
}

.bx-controls-direction .bx-next{
    right: 25;
}

.bx-controls-direction .bx-prev:before{
    content: "\f053";
    font: var(--fa-font-solid);
}

.bx-controls-direction .bx-next:before{
    content: "\f054";
    font: var(--fa-font-solid);
}

.bx-pager{
    position: absolute;
    left: 0;
    bottom: -40px;
    width: 100%;
    text-align: center;
}

.bx-pager div{
    display: inline-block;
    padding: 0 7px;
}

.bx-pager div a{
    display: block;
    font-size: 0;
    color: transparent;
    width: 10px; 
    height: 10px;
    border-radius: 10px;
    background-color: rgb(220, 220, 220);
    transition: all 0.3s;
}

.bx-pager div a.active{
    background-color: #3F4462;

    width: 25px; 
    height: 10px;
}

/*swiper*/


.box_3{
    margin-top: 100px;
}

.box3_imgbox{
    background-color: #D6D4CC;
    position: relative;
    padding-left: 25%;
    border-bottom: 20px solid #3F4462;
}

.box3_img{
    width: 300px;
}

.box3_logo{
    width: 300px;
    position: absolute;
    top: 33%;
    left: 55%;
}

.box3_txt{
    position: absolute;
    top: 48%;
    left: 55%;
    color: white;
    border-color:antiquewhite;
}

.box3_txtbox{
    text-align: center;
    padding: 60px 0px;
}

.txtbox_txt{
    font-size: 1.1rem;
    padding-top: 25px;
}


.outer_box{
    background-color: #fcfcfc;
}

.box_4{
    width: 1200px;
    margin: 0 auto;
    text-align: center;
    padding: 50px 0 150px 0;
    position: relative;
}

.box4_1_txt{
    margin-top: -10px;
    font-size: 1.1rem;
}

.bar{
    width: 5px;
    height: 75px;
    background-color: #8A8EA4;
    margin: 20px auto;
}

.number{
    font-size: 4rem;
    font-weight: bold;
    color: #EBD9D4;
}

.word{
    font-weight:700;
    font-size: 1.6rem;
    position: absolute;
    left: 51.5%
}

.word1{top: 22%;}
.word2{top: 40.5%;}
.word3{top: 61.5%;}
.word4{top: 80.5%;}

.descr_txt{
    font-size: 1.1rem;
}

.svg_1, .svg_2{
    position: absolute;
}

.svg_1-1{left: 25%;}
.svg_2-1{left: 74.5%; top: 28.5%;}
.svg_1-2{left: 28.9%;}
.svg_2-2{left: 70%; top: 49%;}
.svg_1-3{left: 29.5%;}
.svg_2-3{left: 68%; top: 68%;}
.svg_1-4{left: 28.5%;}
.svg_2-4{left: 69.4%; top: 86.5%;}