.nav__menu > li > a, 
.nav__phone-text, .nav__phone-number,
h1, h2, h3, h4, h5, h6
{
    color: #020d31;
}

.logo {
    width: 185px;
    top: -4px;
    position: relative;
}

#bg-dark {background: #020d31;}

#bg-dark .intro__title {color: #ffffff;}

#bg-dark p,
#bg-dark h4.feature__title 
{color: #b3b2c7 !important;}

.banner-main {background-image: url(../img/banner.png);height: 750px;display: block;position: relative;}

.banner-main:before {content:'';width: 100%;display: block;position: absolute;height: 6px;background: #006bd3;z-index: 1;}
.banner-main:after {content:'';background: color(srgb 0.01 0.05 0.19 / 0.75);width: 100%;display: block;position: absolute;top: 0px;left: 0px;height: 100%;}

.banner-title {height: 300px;margin-top: -300px;z-index: 5;position: relative;display: block;padding: 0px 101px;}

.banner-title h1 {color: #f2f1f6;margin-bottom: 30px;}

.btn--dark {
    background-color: #006bd3;
}

.btn--dark:hover, .btn--dark:focus, .btn--white:hover, .btn--white:focus, .btn--light:hover, .btn--light:focus {
    background-color: #0c0d26; color: white;
}

.left-top {position: absolute;top: -1px;left: -1px;z-index: 2;}
.right-down {position: absolute;bottom: -1px;right: 0px;z-index: 2;}

section { position: relative;}

.feature__icon {
    font-size: 60px;
    color: #006bd3;
}

.feature__title {
    font-size: 20px;
    margin-top: 18px;
    font-weight: 500;
}

#mision {padding-top: 95px;}

#services {background: #f1f2f6;padding: 100px 0;}

.project-1__description-holder {
    background-color: #020d31;
}

.process__icon {
    font-size: 80px;
}

.process__icon {
    color: #006bd3;
}

.process__title {
    font-weight: 500;
    line-height: 1.5;
}

.process__title {
    font-size: 19px;
}

ul { color: #f2f1f6;
    line-height: 2; }


.hover-overlay {
    background-color: color(srgb 0.01 0.05 0.19 / .8);
}

html {
  scroll-behavior: smooth;
}

.bg-dark-overlay:before {
    background-color: rgb(12 13 38);
}

.footer-1 {
    background-color: #0c0d26;
    padding: 26px 50px;
}

.copyright {
    display: inline-block;
    font-size: 16px;
    color: white;
    position: relative;
    top: 3px;
}

#back-to-top.show {
    bottom: 51px;
    background: #006bd3;
}

#back-to-top:hover {
    background-color: #0c0d26;
    bottom: 51px;
}

.nav__menu > li > a:hover {
    color: #006bd3;
}

.nav__menu > li > a {
    font-family: "Poppins", sans-serif;
    font-weight: 500;
}

h1, h2, h3, h4, h5, h6 {
    font-family: "Poppins", sans-serif;
    font-weight: 600;
}

body {
    font-family: "Poppins", sans-serif;
}

.nav__phone {
    font-size: 16px;
    font-family: "Poppins", sans-serif;
    font-weight: 500;
}

.nav__holder.sticky {
    box-shadow: 0px 8px 0px color(srgb 0.69 0.73 0.82 / 0.15);
    position: fixed;
}

.scrolling .logo {
    width: 130px; }

 #works:before {content:'';background: #f1f2f6;width: 100%;height: 350px;position: absolute;bottom: 0px;}


@media (max-width: 991px) {

      p {
        line-height: 30px;
        margin-bottom: 20px;
    }

.banner-main {
    background-size: cover;
    background-position: center;
        height: 600px;
}

.left-top {
    width: 60%;
    top: -20px;
}

.logo {
    width: 155px;
    top: 18px;
}

.nav__container--side-padding {
        padding: 0 30px !important;
    }

.nav__icon-toggle:focus .nav__icon-toggle-bar, .nav__icon-toggle:hover .nav__icon-toggle-bar {
    background-color: #946ffd;
}

.nav__menu {
        padding-top: 40px;
    }

.nav__phone { display:none }

    .nav__phone + .nav__socials {
        padding-top: 25px;
        padding-bottom: 0px;
    }

    .banner-title {
    padding: 0px 40px 0px 40px;
}

.banner-title h1 {
    font-size: 32px;
    font-weight: 600;
    letter-spacing: 0.2px;
    line-height: 1.4;
}

.right-down {
    width: 60%;
    bottom: -20px;
}

.container { padding-left: 40px; padding-right: 40px }

.intro__title {
        margin-top: 0px;
        font-size: 32px;
        letter-spacing: 0.2px;
        }

        .feature {
        display: inline-flex; 
                margin-top: 18px;
        margin-bottom: 18px;
}

.feature__icon {
    margin-right: 25px;
    width: 65px;
}

.about-img {margin-top: -10px;}

.service-1__info p { margin-bottom:0px }

.service-1__info {
    padding: 36px 40px;
}

#mision {
    padding-top: 95px;
    padding-bottom: 25px;
}

#services {
    padding: 60px 0;
}

#services .mb-48 {
    margin-bottom: 30px;
}

.project-1__description-holder {
    margin-top: -40px;
    padding: 35px 40px 20px;
    background-color: #0c0d26;
}

#services .section-title { text-align: center; }

#actions {padding: 100px 0px 70px;}

.process {
    display: inline-flex
}

.process__icon {
    margin-right: 25px;
    font-size: 60px;
    width: 65px;
}

.process__title {
    text-align: left;
    font-size: 16px;
    margin-top: 5px;
    margin-bottom: 5px;
    font-weight: 400;
    letter-spacing: 0.3px;
    line-height: 1.8;
    position: relative;
    top: -3px;
}

#works .container-fluid { padding: 0px 40px !important }

#works { padding-bottom: 10px !important }

.copyright {
    line-height: 2.2;
}

.footer-1 { padding: 26px 0px !important }

.footer-1 .container-fluid { padding: 0px 40px !important }

#back-to-top.show {
    bottom: 25px;
}

#back-to-top:hover {
    background-color: #946ffd;
}

}