body {
    font-family: Roboto,sans-serif
}

@font-face {
    font-family: erlan;
    src: url(../erlan.otf)
}

.erlan {
    font-family: erlan
}

.red-header {
    background-color: #e31d1a;
    color: #fff
}

.index {
    background: url(../images/asset-11.png) no-repeat center center;
    position: relative;
    height: 100vh;
    min-height: 600px;
    background-size: cover;
    background-color: #080a0c;
    display: block
}

#services-link {
    min-height: 700px;
    display: block;
    text-indent: -9999px
}

.thankyou {
    background: url(../images/Virtual-Health-Booth_FinalB.png) no-repeat top center;
    background-size: cover;
    background-color: #080a0c;
    min-height: 1000px;
    color: #fff
}

.navbar-dark .navbar-nav .nav-link {
    color: #e31d1a;
    letter-spacing: 1px;
    font-size: .95rem;
    padding-left: 15px
}

    .navbar-dark .navbar-nav .nav-link:active, .navbar-dark .navbar-nav .nav-link:hover {
        color: #fff
    }

.da-home-page-text {
    padding-top: 18rem;
    color: #fff
}

.da-projects .da-project-1 {
    position: relative;
    min-height: 450px;
    background-size: cover;
    background-image: center center
}

.da-projects .da-project-2 {
    position: relative;
    min-height: 450px;
    background-size: cover;
    background-image: center center
}

.da-expertise .da-exp-skills {
    padding: 70px 40px 60px 40px
}

.da-expertise .progress-bar {
    -webkit-transform: scaleX(0);
    transform: scaleX(0);
    -webkit-transition: -webkit-transform 2s ease-in-out;
    transition: -webkit-transform 2s ease-in-out;
    transition: transform 2s ease-in-out;
    transition: transform 2s ease-in-out,-webkit-transform 2s ease-in-out;
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0
}

.da-expertise .aos-animate {
    -webkit-transform: scaleX(1);
    transform: scaleX(1)
}

.da-expertise .da-exp-image {
    background-image: center center;
    background-size: cover;
    min-height: 450px
}

.da-team .carousel-indicators {
    bottom: 0
}

    .da-team .carousel-indicators li {
        background-color: #3d3f4c
    }

    .da-team .carousel-indicators .active {
        background-color: #26b7a0
    }

.da-gallery .card-columns .card {
    border: none;
    border-radius: none
}

.da-company-brand img {
    opacity: .6;
    width: 90%
}

    .da-company-brand img:hover {
        opacity: 1
    }

.da-contact {
    background: url(../images/staticmap.png) no-repeat center center;
    position: relative;
    min-height: 700px;
    background-size: cover
}

    .da-contact .da-contact-detail {
        padding: 8% 0 8% 1%
    }

footer .da-social-link {
    color: #fff;
    text-decoration: none
}

footer ul {
    padding: 0
}

    footer ul li {
        list-style-type: none
    }

a.credit {
    color: inherit;
    border-bottom: 1px dashed;
    text-decoration: none;
    cursor: pointer
}

#scrolltop {
    display: none;
    position: fixed;
    bottom: 20px;
    right: 20px
}

    #scrolltop .btn {
        border-radius: 50%
    }

.icon {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -ms-flex-item-align: center;
    align-self: center;
    position: relative
}

.da-section {
    padding: 100px 0
}

@media (max-width:992px) {
    header {
        display: none
    }

    .navbar-dark .navbar-nav .nav-link {
        background-color: #3ac4e4
    }

    .da-projects .da-project-icon {
        margin-right: 15px
    }

    .da-gallery .card-columns {
        -webkit-column-count: 2;
        column-count: 2
    }

    .da-contact .da-contact-detail {
        padding: 15% 0 5% 1%
    }
}

@media (max-width:768px) {
    .thankyou {
        background-size: 100vh;
        background-position: 50% 50%;
        padding-top: 150px
    }

    .index {
        background-size: 130vh;
        height: 80vh
    }

    .da-contact .da-contact-detail {
        padding: 15px 0 15px 0
    }

    .da-section {
        padding: 30px 0
    }
}

@media (max-width:576px) {
    .index {
        background-size: 80vh;
        height: 55vh;
        min-height: 0
    }

    .da-gallery .card-columns {
        -webkit-column-count: 1;
        column-count: 1
    }

    .da-home-page-text {
        padding-top: 8rem
    }

        .da-home-page-text .display-3 {
            font-size: 3rem
        }
}

@media (max-width:475px) {
    .thankyou {
        background-size: 75vh;
        background-position: 50% 50%;
        padding-top: 150px
    }
}

@media (max-width:380px) {
    .index {
        background-size: 70vh;
        height: 55vh;
        min-height: 0
    }

    .navbar-brand img {
        height: 35px !important
    }

    .da-section {
        padding: 30px 0
    }
}