html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;

}

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
    display: block;
}

body {
    line-height: 1;
}

ol, ul {
    list-style: none;
}

blockquote, q {
    quotes: none;
}

blockquote:before, blockquote:after,
q:before, q:after {
    content: '';
    content: none;
}

table {
    border-collapse: collapse;
    border-spacing: 0;
}

a {
    text-decoration: none;
    outline: none;
    color: #fff;
}

a:hover {
    color: inherit;
    text-decoration: none;
}



::selection {
    color: #fff;
    background-color: #535353;
}

::-moz-selection {
    color: #fff;
    background-color: #535353;
}

iframe {
    background-color: #fff;
}

/* #Primary
================================================== */

body {
    font-family: 'Poppins', sans-serif;
    font-size: 16px;
    color: #6d6d6d;
    background-color: #fff;
    font-weight: 400;
}

.title h1 {
    font-size: 44px;
    font-weight: 600;
    line-height: 1;
    color: #0060aa;
    padding-bottom: 20px;
}



button {
    border-radius: 30px;
    background-color: #005faa;
    padding: 16px 40px;
    border: none;
    font-size: 14px;
    text-align: center;
    color: #fff;
}

.comman-header {
    position: relative;
    margin-bottom: 120px;
}

.comman-header .title-txt {
    text-align: center;
    position: absolute;
    top: 65%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.comman-header .title-txt p {
    color: #FFF;
    text-align: center;
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
}

.comman-header .title-txt p span {
    font-weight: 700;
}

.comman-header .title-txt h4 {
    color: #FFF;
    text-align: center;
    font-family: calsans;
    font-size: 40px;
    font-weight: 600;
    line-height: 40px;
}


/* #header
================================================== */
/* #header
================================================== */
.affix {
    padding: 10px 0;
    background-color: #D2F0F8;;
}
header{
    padding: 10px 0;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    z-index: 9;
    margin: 0 auto;
    opacity: 0.8;
    background-color: #000;
}
header .navbar .navbar-brand img{
    height: 80px;
}
.navbar{
    box-shadow: none;
    padding: 0;
}
.navbar .navbar-brand{
    margin-right: 0;
}
.navbar-light .navbar-nav .nav-link{
    font-size: 14px;
    line-height: 1.21;
    color: #fff;
    padding: 0 10px;
}
.navbar.navbar-light .navbar-nav .nav-item .nav-link:hover{
    font-weight: 700;
    color: #fff;
}
.navbar-light .navbar-nav .nav-link:hover{
    font-weight: 700;
    color: #fff;
}
.navbar-light .navbar-nav .nav-link.active{
    font-weight: 700;
    color: #fff;
}
header {
    padding: 10px 0;
}
.navbar-toggler{
    background-color: #fff;
    border: 1px solid #fff;
}

/* #home
================================================== */
.home .slider-sec{
    margin-bottom: 100px;
}
.home .fact-sec{
    margin-bottom: 80px;
}
@media (min-width: 768px) {
    .home .fact-sec .col-md-2{
        -ms-flex: 0 0 50%;
        flex: 0 0 20%;
        max-width: 20%;
    }
}
.home .fact-sec .box{
    border: solid 1px #aaa;
    padding: 80px 50px;
    height: 210px;
    margin-bottom: 30px;
    position: relative;
}
.home .fact-sec .box .dot-img.left{
    position: absolute;
    left: -5px;
    top: 37%;
}
.home .fact-sec .box .dot-img.right{
    position: absolute;
    right: -31px;
    top: 37%;
}
.home .fact-sec .box.top-right{
    border-top-right-radius: 100px;
}
.home .fact-sec .box.top-left{
    border-top-left-radius: 100px;
}
.home .fact-sec .box.bottom-left{
    border-bottom-left-radius: 100px;
}
.home .fact-sec .box.bottom-right{
    border-bottom-right-radius: 100px;
}
.home .fact-sec .box p{
    font-size: 20px;
    line-height: 1.1;
    color: #353535;
    margin-bottom: 4px;
}
.home .fact-sec .box h6{
    font-weight: bold;
    color: #0060aa; 
}
.vision-mission{
    background-image:url(../images/vision.jpg);
    padding: 0;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}
.vision, .mission, .value{
    padding:70px 0;
}
.vision{
    background-color: rgb(142 185 217 / 75%);
}
.mission{
    background-color: rgb(85 85 84 / 89%);
}
.value{
    background-color: #f0f4f7;
    opacity: 0.9;
}
.vision h1, .mission h1 {
    font-size: 36px;
    font-weight: 600;
    color: #fff;
}
.vision p, .mission p{
    font-size: 15px;
    line-height: 2;
    color: #fff;
}
.value h1{
    font-size: 36px;
    font-weight: 600;
    line-height: 1;
    color: #000;
}
.value p{
    font-size: 15px;
    line-height: 2;
    color: #000;
}
.value p span{
    font-weight: 700;
}








/* #about
================================================== */
.about{
    padding: 200px 0 0 0;
}
.about .story-sec{
    /* height: 600px;
    overflow-x: auto; */
    margin-bottom: 50px;
}

.about .story-sec::-webkit-scrollbar {
    width: 4px;
}

/* Track */
.about .story-sec::-webkit-scrollbar-track {
    background: #e2e2e2;
}

/* Handle */
.about .story-sec::-webkit-scrollbar-thumb {
    background: #0060aa;
}

.bsb-timeline-4 {
    --bsb-tl-color: #cfe2ff !important;
    --bsb-tl-circle-color: #f8f9fa !important;
    --bsb-tl-circle-border-color: #e2e2e2 !important;
    --bsb-tl-circle-size: 16px !important;
    --bsb-tl-circle-border-size: 6px !important;
    --bsb-tl-circle-offset: 6px !important;
    --bsb-tl-indicator-color: #fff !important;
}
.bsb-timeline-4 .timeline {
    list-style: none;
    margin: 0;
    padding: 0;
    position: relative;
}
@media (min-width: 768px) {
    .bsb-timeline-4 .timeline>.timeline-item.left {
        left: 0;
    }
}

@media (min-width: 768px) {
    .bsb-timeline-4 .timeline>.timeline-item {
        width: 50%;
    }
}
.bsb-timeline-4 .timeline>.timeline-item {
    margin: 0;
    padding: 0;
    position: relative;
}
@media (min-width: 768px) {
    .bsb-timeline-4 .timeline>.timeline-item.right {
        left: 50%;
    }
}

@media (min-width: 768px) {
    .bsb-timeline-4 .timeline>.timeline-item {
        width: 50%;
    }
}
.bsb-timeline-4 .timeline>.timeline-item {
    margin: 0;
    padding: 0;
    position: relative;
}
@media (min-width: 768px) {
    .bsb-timeline-4 .timeline:after {
        left: 50%;
    }
}

.bsb-timeline-4 .timeline:after {
    background-color: #e2e2e2 !important;
    bottom: 0;
    content: "";
    left: 0;
    margin-left: -1px;
    position: absolute;
    top: 0;
    width: 6px !important;
}
.bsb-timeline-4 .timeline>.timeline-item .timeline-body {
    margin: 0;
    padding: 0;
    position: relative;
}

.bsb-timeline-4 .timeline>.timeline-item:after {
    background: #e95c60 !important;
    border: 4px solid #fbe2e3 !important;
    border-radius: 50%;
    content: "";
    height:16px;
    left: calc(6px * -1) !important;
    position: absolute;
    top: calc(10px - 10px) !important;
    width: 16px;
    z-index: 1;
}
@media (min-width: 768px) {
    .bsb-timeline-4 .timeline>.timeline-item .timeline-indicator {
        position: relative;
    }
}

@media (min-width: 768px) {
    .bsb-timeline-4 .timeline>.timeline-item .timeline-content {
        padding: 0 35px 25px !important;
    }
}
.bsb-timeline-4 .timeline>.timeline-item .timeline-content {
    padding: 0 0 2.5rem 2.5rem;
    position: relative;
}
@media (min-width: 768px) {
    .bsb-timeline-4 .timeline>.timeline-item .timeline-indicator:after {
        border-width: 1px;
        border: 0px solid #fff !important;
        border-color: transparent #fff transparent transparent;
        border-left-width: 0;
        content: "";
        left: calc(2.5rem - 10px);
        position: absolute;
        top: calc(4% - 10px) !important;
        z-index: 2;
    }
}
@media (min-width: 768px) {
    .bsb-timeline-4 .timeline>.timeline-item.left .timeline-indicator:after {
        border-width: 1px;
        border: 10px solid #fff;
        border-color: transparent transparent transparent #fff;
        border-right-width: 0;
        left: auto;
        right: calc(2.5rem - 10px);
    }
}
@media (min-width: 768px) {
    .bsb-timeline-4 .timeline>.timeline-item.left:after {
        left: auto !important;
        right: calc(10px * -1);
    }
}


.bsb-timeline-4 .timeline-content h2{
    font-size: 20px;
    font-weight: 600;
    color: #333;
}
.bsb-timeline-4 .timeline-content p{
    font-size: 15px;
    color: #7f7f7f;
    line-height: 2;
}
@media (min-width: 768px) {
    .bsb-timeline-4 .timeline>.timeline-item.left:after {
        left: auto;
        right: calc(10px * -1) !important;
    }
}



.about .about-chairman{
    background-image: radial-gradient(circle at 0 0, #fff, #e9eff3);
    padding: 90px 0 100px;
    margin-bottom: 100px;
}
.about .about-chairman .chairman-msg h2{
    font-size: 44px;
    font-weight: 600;
    line-height: 1.4;
    color: #005faa;
}
.about .about-chairman .chairman-msg h4{
    font-size: 26px;
    line-height: 1.4;
    color: #0060aa;
}
.about .about-chairman .chairman-msg h6{
    font-size: 22px;
    line-height: 1.4;
    color: #333;
    padding-bottom: 15px;
}
.about .about-chairman .chairman-msg p{
    font-size: 15px;
    line-height: 1.4;
    color: #7f7f7f;
    padding-bottom: 15px;
}






.about .team-sec{
    margin-bottom: 80px;
}
.about .team-sec .team-box{
    background-color: #f2f2f2;
    padding: 15px 15px 25px;;
    border-radius: 12px;
    margin-bottom: 35px;
    height: 350px;
}
.about .team-sec .team-box img{
    border-radius: 12px;
    padding-bottom: 20px;
}
.about .team-sec .team-box h4{
    font-size: 22px;
    font-weight: 500;
    line-height: 1;
    color: #0060aa;
    padding-bottom: 8px;
}
.about .team-sec .team-box p{
    font-size: 15px;
    line-height: 1.2;
    color: #343434;
}
.about .team-sec .team-box:hover{
    background-color: #0060aa;
}
.about .team-sec .team-box:hover h4{
    color: #fff;
}
.about .team-sec .team-box:hover p{
    color: #fff;
}

.about .adviser-sec{
    background-image: radial-gradient(circle at 0 0, #fff, #e9eff3);
    padding: 90px 0;
}
.about .adviser-sec .name-plate{
    padding-bottom: 20px;
}
.about .adviser-sec .name-plate h6{
    font-size: 15px;
    color: #343434;
    margin-bottom: 3px;
}
.about .adviser-sec .name-plate p{
    font-size: 15px;
    font-weight: 700;
    line-height: 1.53;
    color: #0060aa;
    margin-bottom: 0;
}





/* #technology
================================================== */
.technology{
    padding: 200px 0 0 0;
}
.technology .segment-sec{
    margin-bottom: 70px;
}
.technology .segment-sec .segment-box{
    border-radius: 16.1px;
    background-color: #f2f2f2;
    margin-bottom: 30px;
    padding: 16px 16px 26px;
    height: 346px;
}
.technology .segment-sec .segment-box img{
    padding-bottom: 15px;
}
.technology .segment-sec .segment-box h4{
    font-size: 22px;
    font-weight: 500;
    line-height: 1;
    text-align: center;
    color: #343434;
    margin-bottom: 0;
}
.technology .area-reserch {
    background-image: radial-gradient(circle at 0 0, #fff, #e9eff3);
    padding: 90px 0;
    margin-bottom: 100px;
}

.technology .area-reserch .bullet li {
    padding-left: 20px;
    position: relative;
    font-size: 15px;
    line-height: 2;
    color: #7f7f7f;
}
.technology .area-reserch .bullet li:before {
    content: "";
    width: 6px;
    height: 6px;
    background-color: #353535;
    display: block;
    position: absolute;
    left: 2px;
    top: 12px;
}





.technology .about-technology{
    margin-bottom: 60px;
}
.technology .about-technology p{
    font-size: 15px;
    line-height: 2;
    color: #7f7f7f;
    padding-bottom: 25px;
}
.technology .about-technology .sub-point a {
    width: 8px;
    height: 8px;
    background-color: #0060aa;
}
.technology .about-technology .sub-point h6{
    font-size: 15px;
    font-weight: 700;
    color: #7f7f7f;
    padding-left: 10px;
}
.technology .usp-sec{
    background: url(/images/usp-back.jpg)no-repeat;
    background-size: cover;
    padding: 90px 0;
}
.technology .usp-sec .title h1{
    color: #fff;
}
.technology .usp-sec .usp-box{
    padding: 30px 12px 30px;
    border-radius: 21px;
    border: solid 1px #5c9ecf;
    background-color: rgba(31,99,143,0.57);
    margin-bottom: 20px;
}
.technology .usp-sec .usp-box h5{
    font-size: 17px;
    font-weight: 600;
    line-height: 1.22;
    text-align: center;
    color: #fff;
}
@media (min-width: 768px) {
    .technology .usp-sec .col-md-2 {
        -ms-flex: 0 0 16.666667%;
        flex: 0 0 20.0%;
        max-width: 20.0%;
    }
}




/* #achievement
================================================== */
.achievement{
    padding: 200px 0 100px 0;
    border-bottom: 1px solid #e3e3e3
}

.achievement .point-box .txt-box h6{
    font-size: 22px;
    font-weight: 600;
    line-height: 1.18;
    color: #333;
    margin-bottom: 2px;
}
.achievement .point-box .txt-box p{
    font-size: 15px;
    line-height: 1.2;
    color: #333;
}


/* #soon
================================================== */
.soon{
    padding: 280px 0 200px;
    border-bottom: 1px solid #e3e3e3
}
.soon h4{
    font-size: 36px;
    font-weight: 600;
    line-height: 1;
    text-align: center;
    color: #333;
    padding-bottom: 20px;
}
.soon h1{
    font-size: 88px;
    font-weight: 600;
    line-height: 0.8;
    text-align: center;
    color: #0060aa;
}




/* #contact
================================================== */
.contact{
    padding: 200px 0 0 0;
}
.contact .contact-address{
    margin-bottom: 100px;
}
.contact .contact-address .address h5{
    font-size: 20px;
    line-height: 1.6;
    color: #343434;
}
.contact .contact-address .address p{
    font-size: 16px;
    line-height: 1.63;
    color: #7f7f7f;
}
.contact .contactform{
    background-color: #f8f8f7;
    padding: 100px 0;
}
.form-control {
    height: 50px;
    color: #f76649;
    border: 0 none;
    background-color: transparent;
    border-radius: 0;
    font-size: 16px;
    padding: 10px 20px;
    width: 100%;
    border-bottom:1px solid #d8d8d8;
}

.form-control:focus{
    border-color: inherit;
    box-shadow:inherit;
}

.form-control input, input::placeholder, textarea::placeholder{
    color:#86888a;
}
.theme-btn{
    background: transparent;
    border-radius: 50px;
    padding: 10px 40px;
    border: 2px solid #f58220;
    font-weight: 600;
    transition: 500ms;
    color:#fff;
}
.theme-btn:hover{
    background: #fff;
    color:#f58220;
}









/* #footer
================================================== */
footer{
    padding: 50px 0 25px;
}
footer .mail h3{
    font-size: 36px;
    font-weight: 600;
    line-height: 1;
    color: #353535;
}
footer .mail p{
    font-size: 15px;
    line-height: 1.6;
    color: #7f7f7f;
}
footer .address h5{
    font-size: 15px;
    line-height: 1.6;
    color: #353535;
}
footer .address p{
    font-size: 15px;
    line-height: 1.6;
    color: #7f7f7f;
}
footer ul li a{
    font-size: 15px;
    line-height: 2.53;
    color: #7f7f7f;
}

.bottom-footer{
    border-top:2px solid #e3e3e3;
    display:inline-block;
    margin-top: 125px;
}

.bottom-footer p{
    padding-top: 12px;
    font-size: 13px;
}

footer p{
    margin-bottom: 2px;
    color: #7f7f7f;
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
}

footer .col-md-6 .col-md-8{
    border-left:2px solid #e3e3e3;
    padding-left: 30px;
}

footer .col-md-6 .col-md-8 h5{
    color:#353535;
}

footer .col-md-6 .col-md-4{
    border-left:2px solid #e3e3e3;
    padding-left: 30px;
}

footer .col-md-6 .col-md-4 ul li{
    transition: 500ms;
}

footer ul li a:hover{
    text-decoration: underline;
    color:#353535;
    transition: 500ms;
}

/* #floating Form
================================================== */
.contact .floating-form{
    background-color: #f5f5f5;
    padding: 70px;
    margin-bottom: 60px;
}
input {
    border-top-style: hidden;
    border-right-style: hidden;
    border-left-style: hidden;
    border-bottom: solid 0.5px rgba(30, 30, 30, 0.3);
    width: 100%;
}
textarea{
    border-top-style: hidden;
    border-right-style: hidden;
    border-left-style: hidden;
    border-bottom: solid 0.5px rgba(30, 30, 30, 0.3);
    width: 100%;
}
.floating-form{
    border: 1px solid rgba(232, 232, 232, 0.15);
}
.floating-label {
    position: relative;
    margin-bottom: 30px;
}
.floating-input, .floating-select {
    font-size: 18px;
    padding: 20px 17px 8px 0px;
    display: block;
    width: 100%;
    height: 48px;
    background: transparent; 
    color: #798184;
    font-weight: 300;
}
.floating-input:focus, .floating-select:focus {
    outline: none;
}
.floating-input:disabled{
    background-color: #fff6bd;
}
.cv input{
    background-color: #fff;
    padding: 11px 15px;
}
#review-image::before {
    content: "Upload CV";
    position: absolute;
    z-index: 2;
    display: block;
    background-color: #eee;
    width: 107px;
    padding: 3px;
    text-align: center;
    border: 1px solid #9b9b9b;
}
.floating-form .floating-label label {
    color: rgba(30, 30, 30, 0.7);
    font-size: 16px;
    position: absolute;
    pointer-events: none;
    top: 12px;
    left: 0px;
    transition: 0.2s ease all;
    -moz-transition: 0.2s ease all;
    -webkit-transition: 0.2s ease all;
}
.floating-input:focus ~ label, .floating-input:not(:placeholder-shown) ~ label {
    top: 7px;
    font-size: 12px;
    color: #808d9e;
    margin-top: 0; 
}
.floating-select:focus ~ label, .floating-select:not([value=""]):valid ~ label {
    top: 7px;
    font-size: 12px;
    color: #808d9e;
}
/* active state */
.floating-input:focus ~ .bar:before, .floating-input:focus ~ .bar:after, .floating-select:focus ~ .bar:before, .floating-select:focus ~ .bar:after {
    width: 50%; 
}
.floating-textarea {
    min-height: 120px;
    max-height: 200px;
    overflow: hidden;
    overflow-x: hidden;
    padding-top: 20px;
    line-height: 20px;
    margin-bottom: 30px;
}
/* highlighter */
.highlight {
    position: absolute;
    height: 50%;
    width: 100%;
    top: 15%;
    left: 0;
    pointer-events: none;
    opacity: 0.5; 
}
/* active state */
.floating-input:focus ~ .highlight, .floating-select:focus ~ .highlight {
    -webkit-animation: inputHighlighter 0.3s ease;
    -moz-animation: inputHighlighter 0.3s ease;
    animation: inputHighlighter 0.3s ease; 
}



@media (max-width: 768px) {
    header{
        position: relative;
    }
    .navbar-light .navbar-nav .nav-link{
        padding: 0;
        line-height: 1.5;
    }
    .about{
        padding: 80px 0 0 0;
    }
    .about .about-chairman .chairman-msg h2{
        font-size: 36px;
    }
    .bsb-timeline-4 .timeline>.timeline-item .timeline-content{
        text-align: left !important;
    }
    .about .team-sec .team-box{
        height: 450px;
    }
    .technology{
        padding: 80px 0 0 0;
    }
    .technology .segment-sec .segment-box{
        height: 420px;
    }
    .achievement{
        padding: 80px 0 80px 0;
    }
    .contact{
        padding: 80px 0 0 0;
    }
    .home .fact-sec .box .dot-img.right{
        right: -8px;
        top: 30%;
    }
    .home .fact-sec .box .dot-img.left {
        position: absolute;
        right: -8px;
        top: 30%;
        left: auto;
    }
    .home .fact-sec .box{
        padding: 80px 35px;
    }
}

@media (min-width: 768px) and (max-width: 998px) {}