@charset "UTF-8";

.navbar {
    background: linear-gradient(to right, white 0, white 17rem, #0181FE 17rem, #0181FE 100%);
}
.navbar-brand-wrapper{
    width:17rem;
    text-align: right;
}

.navbar-toggler{
    border: none;
    color: #fff;
    padding:0;

}
.navbar-toggler .navbar-toggler-default,.navbar-toggler .navbar-toggler-toggled {
    font-size: 1.5rem;
    font-weight: 550;
}

.nav-link {
    font-size: 0.8rem !important;
}

.lg-tel-view .icon-white-tel {
    width: 100%;
    min-width:2.4rem;
    max-width:2.4rem;
    margin-right:.5rem;
}

.phone-view.navbar-toggler{
    border:none;
    color:#0181FE;
}

.navbar-toggler-view {
    width:5rem;
}

.lg-tel-view{
    width:17rem;
    text-align: left;
    font-size:0.9rem;
}

.nav-link.active {
    border-bottom: #fff 1px solid;
}
.main-title{
    margin-bottom: 0;
}

.sub-title{
    padding-right:5.5rem;
}

.main-title span.square-view, .sub-title span{
    display: block;
    width:6px;
    height:6px;
    background: #0181FE;
}

.company-culture li span.cat {
    display: inline-block;
    width:6rem;
}

.card-more{
    background: #0181FE url(../images/more-btn-bg.svg) no-repeat right;
    padding:.5rem .8rem;
    -o-object-fit:inherit;
    object-fit:inherit;
    width:7.2rem;
    height:40px;
    text-align: left;
    font-weight: 300;
}

.course-card-body p {
    text-overflow: ellipsis;
    display: -webkit-box;
    overflow: hidden;
    -webkit-line-clamp:3;
    -webkit-box-orient: vertical;
    text-align: justify;
}

.course-card-body:hover{
    background-color: #0181FE;
    color: #fff !important;
}

.course-card-body:hover h4, .course-card-body:hover p, .course-card-body:hover span,.course-card-body:hover i{
    color: #fff !important;
}

.case-nav p {
    text-overflow: ellipsis;
    display: -webkit-box;
    overflow: hidden;
    -webkit-line-clamp:2;
    -webkit-box-orient: vertical;
    text-align: justify;
    margin-bottom: 2px;
}

.case-nav .nav-link {
    display: block;
    background-color: #fff;
}

.case-nav .nav-link.active{
    background-color: #0181FE;
    color:#fff;
}

.case-nav .nav-link.active h5, .case-nav .nav-link.active p{
    color:#fff;
}


.foot-logo-view{
    padding-right:8rem;
}

.footer-view .input-card {
    display: flex;
    background-color: #fff;
    padding: 0;
    border: #0181FE .075rem solid;
    box-shadow: none;
    border-radius: 0;
}
.footer-view .input-card .btn{
    border-radius: 0;
    padding-top:0 !important;
    padding-bottom:0 !important;
}

/* project page */
.hero-border-view{
    position: relative;
}
.hero-border-view::after{
content: '';
position: absolute;
height:.3rem;
width: 6rem;
left:0;
bottom:-0.8rem;
background-color: #fff;
}

.w-35{width:35%!important}

.bg-img-cover {
    background-size:cover;
    background-repeat: no-repeat;
    background-position: center center;
}

.min-vh-auto{
    min-height: auto !important;
}

.card-title {
    margin-top:auto;
}

.bottom-1{
    bottom:1rem;
}

.end-1{
    right:1rem;
}

.top-1{
    top:1rem;
}

.start-1{
    left:1rem;
}

.project-page-list .col:nth-child(1) .card .project-img{
    background-color: rgba(107, 163, 233, 0.2);
}

.project-page-list .col:nth-child(2) .card .project-img{
    background-color: rgba(72,92,137,0.2);
}



@media (max-width: 991.98px) {
    .navbar {
        background: linear-gradient(to left, #0181FE 0, #0181FE 5rem, white 5rem, white 100%);
        padding-bottom: 0;
    }
    .navbar-brand-wrapper{
        width:10rem;
    }
    .navbar-expand-lg.navbar-dark .navbar-nav, .navbar-expand-lg.navbar-dark .navbar-topbar-collapse-toggler {
        background-color: #0181FE;
    }
    .lg-tel-view{
        display: none;
    }
    .navbar-expand-lg .navbar-nav .nav-item {
       padding-left: 2rem;
       padding-right:2rem;
    }
}

@media (min-width: 992px) {
    .navbar {
        background: linear-gradient(to right, white 0, white 12rem, #0181FE 12rem, #0181FE 100%);
    }
    .navbar-brand-wrapper{
        width:12rem;
    }
    .navbar-expand-lg .navbar-collapse {
        width: auto;
        order: 2;
    }
    .navbar-toggler-view {
        display: none;
    }
    .lg-tel-view{
        width:12rem;
    }
}
@media (min-width: 1200px) {
    .lg-tel-view{
        width:17rem;
    }
}

@media (max-width: 767.98px) {
    .project-page-list .col .card p{
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp:2;
        -webkit-box-orient: vertical;
    }
}

@media (max-width: 375.98px) {
    .navbar-brand-wrapper{
        width: 4rem;
    }

    .project-page-list .col .card p{
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp:2;
        -webkit-box-orient: vertical;
    }
}

@media (max-width: 319.98px) {
    .navbar-brand-wrapper{
        width: 4rem;
    }

    .project-page-list .col .card p{
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp:2;
        -webkit-box-orient: vertical;
    }
}