/*.header_slider {*/
/*background-image:  url('../images/home/pic/pic2.jpg');*/
/*height: auto;*/
/*width: 100%;*/
/*}*/
/*.banner .header_slider{*/
/*background-image: url(../images/home/u97.jpg); background-size: auto*/
/*}*/

body{
    /*min-width: 900px;*/
    max-width:1300px;
    margin: 0 auto;
}

.banner .header_slider {
    /*background-size: 70% auto;*/
    background-size: cover;
    /*background-position: top;*/
    height: 600px;
    background-position: right;
    background-repeat: no-repeat;
}

.banner  .banner-img {
    background-image: url('/images/home/u20.png');

}
@font-face {
    font-family: 'Dosis';
    src: url('/fonts/Dosis-VariableFont_wght.ttf');
}
.background1 {
    background: url('/images/home/backgroung_mix.png'),linear-gradient(270deg, rgba(4, 202, 160, 1) 0%, rgba(141, 198, 63, 1) 100%);
    padding-top: 15px;
    margin-top: -30px;
    background-repeat:no-repeat;
    -webkit-background-size:cover;
    -moz-background-size:cover;
    -o-background-size:cover;
    background-size:cover;
    background-position:center;

}
.bk-img-lg {
    position: absolute;
    width: 100%;
    margin-top: -90px;

}

.background-top {
    background: url('/images/home/background-top.png');
    background-repeat:no-repeat;
    -webkit-background-size:cover;
    -moz-background-size:cover;
    -o-background-size:cover;
    background-size:cover;
    background-position:center;

}

.background2 {
    background: url('/images/home/background2.png'), linear-gradient(270deg, rgba(4, 202, 160, 1) 0%, rgba(141, 198, 63, 1) 100%);
    /*background-size: 100%;*/
    /*margin-top: -200px;*/
    background-position: left top;
    background-repeat: no-repeat;
    background-size: cover;

}

.top-space {
    margin-top: 300px;
}

.sign_up_content .main_content {
    /*background: #00A000;*/
}

.card-2 {
    box-shadow: 0 3px 6px rgba(0,0,0,0.16), 0 3px 6px rgba(0,0,0,0.23);
}

.card {
    background: #fff;
    border-radius: 10px;
    display: inline-block;
    height: 280px;
    margin: 1rem;
    position: relative;
    width: 280px;
}
.card-box {
    box-shadow: 0 3px 6px rgba(0,0,0,0.16), 0 3px 6px rgba(0,0,0,0.23);
}
.card-box:hover {
    box-shadow: 0 14px 28px rgba(0,0,0,0.25), 0 10px 10px rgba(0,0,0,0.22);
}
.shadow-box-img {
    margin-top: 10px;
}
.shadow-box-img-txt-1 {
    margin-top: 15px;
    font-family:  GoogleSans,  "kalpurush", "Open Sans", arial, sans-serif !important;
    font-weight: 600;
    font-style: normal;
    font-size: 25px;
    color: #0671E9;
    padding: 0px 5px 0px 5px;
}
.shadow-box-img-txt-2 {
    margin-top: 15px;
    font-family:  GoogleSans,  "kalpurush", "Open Sans", arial, sans-serif !important;
    font-weight: 600;
    font-style: normal;
    font-size: 25px;
    color: #F86549;
    padding: 0px 5px 0px 5px;
}
.shadow-box-img-txt-3 {
    margin-top: 15px;
    font-family:  GoogleSans,  "kalpurush", "Open Sans", arial, sans-serif !important;
    font-weight: 600;
    font-style: normal;
    font-size: 25px;
    color: #672099;
    padding: 0px 5px 0px 5px;
}

.custom-banner-top-text{
    font-family:  GoogleSans,  "kalpurush", "Open Sans", arial, sans-serif !important;
    font-weight: 600;
    font-style: normal;
    font-size: 40px;
    color: #002B70;
    text-align: center;
}
.custom-title-text{

    font-family:  GoogleSans,  "kalpurush", "Open Sans", arial, sans-serif !important;
    font-weight: 600;
    font-style: normal;
    font-size: 30px;
    color: #002B70;
}
.background-section-title-text{
    font-family:  GoogleSans,  "kalpurush", "Open Sans", arial, sans-serif !important;
    font-weight: 600;
    font-style: normal;
    font-size: 35px;
    color: #ffffff;
}
.background-section-title-detail-text{
    font-family:  GoogleSans,  "kalpurush", "Open Sans", arial, sans-serif !important;
    font-weight: 400;
    font-style: normal;
    font-size: 20px;
    color: #ffffff;
    line-height: 28px;
    text-align: right;
}
.custom-banner-text{
    font-family:  GoogleSans,  "kalpurush", "Open Sans", arial, sans-serif !important;
    font-weight: 400;
    font-style: normal;
    font-size: 20px;
    color: #5D6274;
    line-height: 35px;
    text-align: center;
}
.custom-title-detail-text{
    font-family:  GoogleSans,  "kalpurush", "Open Sans", arial, sans-serif !important;
    font-weight: 400;
    font-style: normal;
    font-size: 20px;
    color: #5D6274;
    line-height: 35px;
    text-align: left;
}

.second-box-space {
    margin-top: 100px;
}
.third-box-space {
    margin-top: 200px;
}
.third-img-spacing {
    margin-top: 180px;
}
.forth-img-spacing {
    margin-top: 180px;
    text-align: right;
}

.forth-img-spacing-bn {
    margin-top: 250px;
    text-align: right;
}

.btn.btn-primary{
    background:#002B70;
    color:white;
}
.btn.btn-green{
    background:#8DC63F;
    color:white;
}

.navbar{
    margin-bottom: 0;
    background: none;
    border-bottom: 0;
}
.navbar .navbar-brand{
    width:200px;
}
.navbar-default .navbar-nav{
    margin-top: 20px;
}
.navbar-default .navbar-nav>li>a.btn{
    color:white;
    font-size: 16px;
    margin-left: 15px;
}
.navbar-default .navbar-nav>li>a.btn.btn-primary{
    background:#002B70;
}
.navbar-default .navbar-nav>li>a.btn.btn-green{
    background:#8DC63F;
}

.slide .carousel-inner{
    max-height: 600px;
}
.slide .carousel-inner .item>img{
    /*margin-top: -25%;*/
}
.slide .carousel-caption{
    right: 0%;
    left: 0%;
    padding-bottom: 30px;
    max-width: 1170px;
    margin: auto;
    bottom: initial;
    top:100px;
}
.slide .carousel-caption h1{
    font-family:  GoogleSans,  "kalpurush", "Open Sans", arial, sans-serif !important;
    font-weight: 700;
    font-style: normal;
    font-size: 48px;
    color: #8DC63F;
    text-shadow: none;
    text-align: left;
    max-width: 850px;
    margin-bottom: 50px;
}
.slide .carousel-caption p{
    text-align: left;
    max-width: 700px;
    font-family:  GoogleSans,  "kalpurush", "Open Sans", arial, sans-serif !important;
    font-weight: 400;
    font-style: normal;
    font-size: 25px;
    color: #002B70;
    text-shadow: none;
}
.slide .carousel-caption .play{
    max-width: 350px;
    text-align: left;
    font-size: 20px;
    text-shadow: none;
}
.slide .carousel-caption .play img{
    margin-right: 10px;
}
.slide .carousel-caption .play p{
    font-size: 12px;
    color: gray;
}


.banner .logo img{
    height: 50px;
    width: 100px;
}
.top-slider {
    margin-top: 40px;
}
.right-menu{
    margin-top: 20px;
}
.banner-top-text{
    font-family:  GoogleSans,  "kalpurush", "Open Sans", arial, sans-serif !important;
    font-weight: 600;
    font-style: normal;
    font-size: 40px;
    color: #002B70;
}
.banner-text {
    margin-top: 40px;
    font-size: 27px;
}
.main-sign {
    margin-top: 40px;
}
.sign_up_content .title-sign{
    color: #FFFFFF;
}
.sigun-content-text{
    font-size: 18px;
}

.login_content .title p {
    font-size: 18px;
}

.verify_bottom_content p{
    font-size: 18px;
}
.centerText {
    text-align: center;
}

@media only screen and (max-width: 600px) {
    body {
        /*background-color: #FF00FF;*/
        /*margin: 5px 22px 0px 22px;*/
    }
    .banner .header_slider {
        height: 188px;
    }
    .bk-img-lg {
        display: none;
    }
    .custom-banner-top-text{
        font-family:  GoogleSans,  "kalpurush", "Open Sans", arial, sans-serif !important;
        font-weight: 600;
        font-style: normal;
        font-size: 25px;
        color: #002B70;
        text-align: center;
        margin-bottom: 17px;
    }
    .custom-title-text{
        font-family:  GoogleSans,  "kalpurush", "Open Sans", arial, sans-serif !important;
        font-weight: 600;
        font-style: normal;
        font-size: 20px;
        color: #002B70;
        text-align: center;
        margin: 25px 0px 25px;
    }

    .custom-title-detail-text{
        font-family: 'Open Sans', sans-serif;
        font-weight: 400;
        font-style: normal;
        font-size: 15px;
        color: #5D6274;
        line-height: 20px;
        text-align: left;
    }
    .background-section-title-text{
        font-family:  GoogleSans,  "kalpurush", "Open Sans", arial, sans-serif !important;
        font-weight: 600;
        font-style: normal;
        font-size: 20px;
        color: #ffffff;
        text-align: left;
        margin: 25px 0px 25px;
    }
    .background-section-title-detail-text{
        font-family: 'Open Sans', sans-serif;
        font-weight: 400;
        font-style: normal;
        font-size: 15px;
        color: #ffffff;
        line-height: 20px;
        text-align: left;
    }
    .custom-banner-text{
        font-family: 'Open Sans', sans-serif;
        font-weight: 400;
        font-style: normal;
        font-size: 20px;
        color: #5D6274;
        line-height: 35px;
        text-align: center;
    }
    .second-box-space {
        margin-top: 0px;
    }
    .third-box-space {
        margin-top: 0px;
    }
    .card {
        background: #fff;
        border-radius: 10px;
        display: inline-block;
        height: 200px;
        margin: 1rem;
        position: relative;
        width: 200px;
    }
    .centerText {
        text-align: center;
    }
    .shadow-box-res-font {
        font-size: 18px;
    }
    .third-img-spacing {
        margin-top: 20px;
    }
    .forth-img-spacing {
        margin-top: 200px;
        text-align: center;
    }
    .background1 {
        background: url('/images/home/background_mix_resp.png'),linear-gradient(270deg, rgba(4, 202, 160, 1) 0%, rgba(141, 198, 63, 1) 100%);
        margin-top: -60px;
        background-repeat:no-repeat;
        -webkit-background-size:cover;
        -moz-background-size:cover;
        -o-background-size:cover;
        background-size:100% 100%;
        background-position:center;

    }

    .btn-lg{
        padding: 5px 10px;
        font-size: 12px;
        line-height: 1.5;
        border-radius: 3px;
    }
    .banner-top-text{
        font-size: 12px;
    }
    .banner-text{
        font-size: 12px;
        margin-top: 0px;
    }
    .top-slider {
        margin-top: 7px;
    }
    .banner .logo img{
        width: 61px;
        height: 35px;
    }
    .banner .right_menu{
        width: 188px;
    }
    .sign_up_content .img-content img{
        height: 300px;
    }
    .main-sign{
        margin-top: 0px;
    }
    .sign_up_content .img-content img{
        margin-top: 5px;
        width: 100%;
        height: 120px;
    }
    .title-sign h2{
        font-size: 16px;
        text-align: center;
        margin-top: 2px;
        margin-bottom: 2px;
    }.title-sign p{
         font-size: 12px;
         text-align: left;
         margin-top: 2px;
         margin-bottom: 2px;
     }
    .login_content .title h2 {
        font-size: 16px;
        text-align: center;
        margin-top: 2px;
        margin-bottom: 2px;
    }.login_content .title p {
         font-size: 12px;
         text-align: left;
         margin-top: 2px;
         margin-bottom: 2px;
     }
    .verify_content .verify_title h2{
        font-size: 16px;
        text-align: center;
        margin-top: 2px;
        margin-bottom: 2px;
    }
    .verify_content p{
        font-size: 12px;
        text-align: left;
        margin-top: 2px;
        margin-bottom: 2px;
    }.verify_content .small-img img{
         height: 20px;
         width: 20px;
     }
    .verify_content .verify_bottom_content p{
        margin-top: 5px;
        font-size: 12px;
        text-align: left;
        margin-bottom: 2px;
    }
    .verify_bottom_content{
        margin-top: 36px;
    }
    .verify-img img{
        margin-top: 5px;
        width: 100%;
    }
    .business_content .title h2{
        font-size: 16px;
        text-align: center;
        margin-top: 2px;
        margin-bottom: 2px;
    }.business_content .content_business p{
         font-size: 12px;
         text-align: left;
         margin-top: 7px;
         margin-bottom: 2px;
     }.business_content .last_content p{
          font-size: 12px;
          text-align: left;
          margin-top: 7px;
          margin-bottom: 7px;
      }

}