.user_option {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.user_option a {
    color: #000000;
    margin: 10px 30px;
}



.us_section {
    /* background-image: url(../assets/bg/us-bg.jpg); */
    background-color: #F8F9FA;
    background-size: cover;
    background-attachment: fixed;
    color: #000000;
}

.us_section .us_container {
    padding-top: 25px;
}

.us_section .us_container .box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    text-align: center;
    margin: 25px 10px 0 10px;
}

.us_section .us_container .box .img-box {
    height: 100px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.us_section .us_container .box .img-box img {
    max-width: 100%;
}

.us_section .us_container .box .detail-box h5 {
    font-weight: bold;
}

.slider_section .detail-box {
    text-align: center;
}

.slider_section .detail-box h1,
.slider_section .detail-box h2,
.slider_section .detail-box h3 {
    text-transform: uppercase;
    font-weight: bold;
}

.slider_section .detail-box h2 {
    font-size: 2.5rem;
}

.slider_section .detail-box h1 {
    font-size: 3.5rem;
    font-weight: bold;
    letter-spacing: 0.5rem;
}

.slider_section .detail-box p {
    margin-top: 25px;
}

.slider_section .detail-box a {
    display: inline-block;
    padding: 8px 35px;
    background-color: transparent;
    border: 1.5px solid #ffffff;
    color: #ffffff;
    border-radius: 0px;
    -webkit-transition: -webkit-transform 0.3s;
    transition: -webkit-transform 0.3s;
    transition: transform 0.3s;
    transition: transform 0.3s, -webkit-transform 0.3s;
    text-transform: uppercase;
    margin-top: 35px;
}

.slider_section .detail-box a:hover {
    background-color: #ffffff;
    color: #000000;
}

.info_items {
    width: 70%;
    margin: 0 auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.us_section .us_container .box .detail-box h5 {
    font-weight: bold;
}

.info_items .item {
    width: 200px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    text-align: center;
}

.info_items .item .img-box {
    width: 80px;
    height: 80px;
    border-radius: 100%;
    background-repeat: no-repeat;
    background-position: center;
}

.info_items .item .detail-box {
    margin-top: 5px;
    color: #000000;
}

.info_items {
    position: relative;
}

.info_items a {
    position: relative;
}

.info_items .item .img-box.box-1 {
    background-image: url(../assets/picture/server.png);
}

.info_items .item .img-box.box-2 {
    background-image: url(../assets/picture/group_fill.png);
}

.info_items .item .img-box.box-3 {
    background-image: url(../assets/picture/Web.png);
}