.bond_first_section{

    background-color: #014aad14;
    padding: 16% 0 10% 0;


}

.bond_first_section_content .bond_middle_class{

    color: #000;
    font-size: 20px;
    text-align: center;
    font-weight: 200;
    opacity: 0.8;
}

.bond_bold_class{

    color: #000;
    font-size: 36px;
    text-align: center;
    font-weight: 600;

}

.bond_button_1{
    text-decoration: none;
    font-weight: 600;
    text-align: center;
    background-color: #143a66;
    color: white !important;
    padding: 0.8% 2%;
    display: inline-flex;
    /* margin-top: 5%; */
    align-items: center;
    justify-content: center;
    border-radius: 50px;
    width: fit-content;
    border: none;
    margin:4%;
    text-decoration-style: none;

}



.register_div {
    display: flex;
    align-items: center;
    justify-content: space-around;
    flex-direction: row;
    width: 90%;
    margin: auto;
    margin: 0px 5% 0 5%;
    margin-top: -23%;
}

.bond_second_card{
    justify-content: normal;
    flex-direction: row;
    /* width: 54%; */
    background-color: #fff;
    padding: 0% 7%;
    margin: 9%;
    margin-top: 45px;
    border: 1px solid #ffa4af;
    box-shadow: 0 0px 0px 0 rgb(0 0 0 / 20%), 0 1px 9px 0 rgb(0 0 0 / 19%);
    border-radius: 25px;
    height: 250px;
}

.bond_second_card .bond_txt_class {
    text-align: center;
    font-size: 18px;
}

.bond_second_card .bond_txt_class span{
display: inline-block;
    font-size: 10px;
    opacity: 0.6;
}



.boxes_element_pad{padding: 1% 0%;}

.bond_second_card img{
    margin-left: 18%;
    width: 60%;
    margin-top: 10px;
    max-width: 50px;
}

.bond_second_card h2{
    color: #000;
    margin-top: 18px;
    line-height: 25px;
    font-size: 16px;
    text-align: center;
    font-weight: 600;
    opacity: 0.8;
}

.bond_second_card p{
    text-align: center;
    margin: 6% 0;
}

.bond_invest_btn{
    font-weight: 400;
    text-align: center;
    background-color: #143a66;
    color: white !important;
    padding: 3% 6%;
    display: inline-flex;
    margin-top: 8%;
    align-items: center;
    justify-content: center;
    border-radius: 50px;
    width: fit-content;
    border: none;
    font-size: 15px;
    text-decoration: none;
    cursor: pointer;
}


/* section third */
.bond_third_section{
    padding: 4% 0;
    background-color: rgba(196, 196, 196, 0.1);;
}

.bond_underline{
    text-align: center;
    margin-top: 10px;
    text-decoration: underline;
    margin-bottom: 0;
    color: #143a66;
    width: 30%;
    margin-left: 35%;
    border: 1px solid #143a66;
    text-decoration: underline;
}

.bond_h2_third_class{
    text-align: center;
    font-size: 45px;
    font-weight: 600;
    line-height: 47px;
    color: #000;
}

.bond_middle_class{
    margin-top: 10px;
    color: #000;
    font-size: 20px;
    text-align: center;
    font-weight: 200;
    opacity: 0.8;
}

.register_div_third{

    display: flex;
    align-items: center;
    justify-content: space-around;
    flex-direction: row;
    width: 90%;
    margin: auto;
    margin: 0px 5% 0 5%;

}

.bond_third_btn{
    font-weight: 100;
    text-align: center;
    background-color: #DADADA80;
    color: #000;
    padding: 10px 30px;
    display: inline-flex;
    margin-top: 2%;
    align-items: center;
    justify-content: center;
    border-radius: 50px;
    width: fit-content;
    border: none;
    font-size: 15px;
    text-decoration: none;
    cursor: pointer;
    opacity: 0.6;
}

.register_div_xyaa {
    display: flex;
    align-items: flex-start;
    justify-content: center;
    height: 300px;
    width: 95%;
    margin: auto;
    margin-top: 5%;
}

.register_step {
    display: inline-flex;
    width: 100%;
    /* margin: auto; */
    align-items: center;
    justify-content: center;
    flex-direction: column;
}

  .register_content h2{
   margin: 4%;
    font-size: 22px;
    font-weight: 500;
    line-height: 1.2;
    width: 50%;
    text-align: center;
    opacity: 0.8;

  }

  .register_content p{
    color: #6b6b84;
    line-height: 1.8;
    margin-bottom: 15px;
    font-weight: 300;
    font-size: 16px;
    width: 60%;
    margin-top: -7px;
    text-align: center;
  }

  .register_content {
    /* width: 90%; */
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
}
  .register_step {

    width: 100%;
    /* margin: auto; */
}

.number {
    margin: 4% 0;
    width: 100%;
    text-align: center;
    position: relative;
  }




  .number:not(.number_3):before{
    content: "";
    position: absolute;
    top: 37px;
    /* margin-left: 5px; */
    width: 70%;
    height: 1px;
    background-color: #8E8E8E;
    z-index: 0;
    /* left: 243px; */
    right: -38%;
  }

    .number span{
      width: 100px;
    height: 93px;
      position: relative;
      padding: 4%;
      left: 8px;
      top: 8px;
      line-height: 65px;
      text-align: center;
      color: #143a66;
      border-radius: 50%;
      background-color: #fff;
      box-shadow: 0 0 0 3px #edf1fe;
      font-size: 30px;
      font-weight: 800;
      font-style: italic;
    }

    .bond_all_register{
        display: flex;
        align-items: center;
        justify-content: space-around;
        flex-direction: row;
        width: 90%;
        margin: auto;
        margin: 0px 5% 0 5%;
    }

    .bond_txt_class_third{
        text-align: center;
        font-size: 15px;
    }

    .bond_txt_class_third span{font-size: 10px;
        opacity: 0.6;}


/* forth section */

.bond_forth_section{
    background-color: #014aad14;
    padding: 6% 0;
}

.h2_darK_title{
    text-align: center;
    font-size: 45px;
    font-weight: 600;
    line-height: 47px;
    color: #143a66;
}

.bond_fifth_section{
    background-color: #fff;
    padding: 6% 0;
}

.forth_flex_div{
    display: flex;
        align-items: center;
        justify-content: space-around;
        flex-direction: row;
        width: 90%;
        margin: auto;
        margin: 0px 5% 0 5%;
}

.forth_flex_div_card{
    justify-content: normal;
    flex-direction: row;
    width: 60%;
    background-color: #014aad14;
    margin: 0 20%;
    margin-top: 50px;
    border: 1px solid #706a6a00;
    box-shadow: 0 4px 8px 0 rgb(0 0 0 / 20%), 0 1px 10px 0 rgb(0 0 0 / 19%);
    border-radius: 25px;
    height: 160px;
}

.forth_flex_div_card img{
    margin-left: 37%;
    width: 25%;
    margin-top: 21px;
}

.forth_flex_div_card h2{
    color: #000;
    margin-top: 18px;
    line-height: 25px;
    font-size: 15px;
    text-align: center;
    font-weight: 600;
    opacity: 0.8;
}

.forth_flex_div_card p{
    text-align: center;
    margin: 6% 0;
}


.forth_flex_div_card_2{
    justify-content: normal;
    flex-direction: row;
    width: 70%;
    background-color: #014aad14;
    margin: auto;
    margin-top: 45px;
    border: 1px solid #706a6a00;
    box-shadow: 0 4px 8px 0 rgb(0 0 0 / 20%), 0 1px 10px 0 rgb(0 0 0 / 19%);
    border-radius: 48px;
    height: 133px;
    display: flex;
}

.fifth_text_title{
   padding: 3%;
    font-weight: 500;
    opacity: 0.8;
    font-size: 37px;
}

.btn_fifth{
    margin-top: 13%;
    padding: 3.8% 12%;
}

@media screen and (max-width:500px) {

    .register_div {
        display: block;}

        .bond_second_card {
            justify-content: normal;
            flex-direction: row;
            width: 100%;
            background-color: #fff;
            padding: 0% 0%;
            margin: 0%;
            margin-top: 45px;
            border: 1px solid #ffa4af;
            box-shadow: 0 0px 0px 0 rgb(0 0 0 / 20%), 0 1px 9px 0 rgb(0 0 0 / 19%);
            border-radius: 25px;
            height: auto;
        }

        .bond_middle_class {font-size: 13px;}
        .register_div_third {display: block;}
        .bond_all_register {display: block;}
        .h2_darK_title {font-size: 31px;}
        .register_div_xyaa{

            height: auto;
            width: 91%;
            margin: 2% auto;
            display: flex;
            align-items: center;
            justify-content: center;
            width: 76%;
            margin: 9% auto 0;
            flex-direction: column;
        }
        .register_step {
            align-items: flex-start;
            justify-content: center;
            flex-direction: row;
            display: flex;
            height: auto;
            width: 100%;
            position: relative;
        }
        .number {
            display: flex;
            width: 31%;
        }
        .number:not(.number_3):before {
            content: "";
        position: absolute;
        top: 57px;
        /* margin-left: 5px; */
        width: 74%;
        height: 1px;
        background-color: #8E8E8E;
        z-index: 0;
        /* left: 243px; */
        right: -38%;
        }
        .register_content {
            display: inline-flex;
            align-items: center;
            justify-content: flex-start;
            flex-direction: column;
            width: 80%;
        }
        .register_content h2 {
            margin: 6% auto;
            text-align: left;
            width: 100%;
            font-size: 22px;
        }
        register_content p {
            margin: 6% auto;
            text-align: left;
            width: 100%;
        }

        .number span {
                left: -5px;
        top: 0px;
        }

        .forth_flex_div {display: block;}
        .forth_flex_div_card_2{width: 90%;height: auto;}
        .fifth_text_title {
            font-size: 20px;
            text-align: center;
         }

         .btn_fifth {
            margin-top: -10%;
            margin-bottom: 2%;
            margin-left: 21%;
            padding: 3.8% 12%;
        }
}