/* default: #0c59db */

h1, h2, h3, h4, h5, h6 {
    color: #18184b;
}


.banner-area .banner-content>span {
    font-size: 18px;
    /* color: #69a1bb; */
    width: 80%;
}

.banner-area .banner-shape {
    bottom: -170px;
}

.features-area .single-features, .features-area .features-sub {
    height: 480px;
}

.services-optimization-area .services-optimization-content .title {
    font-size: 30px;
    padding-bottom: 10px;
}

.contact-us-area .contact-overlay {
    padding-top: 240px;
}

.preloader {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: #18184b;
    z-index: 9999999;
    text-align: center
}

.loading {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    height: 40px;
    display: flex;
    align-items: center
}


.line {
    width: 5px;
    height: 40px;
    background: #fff;
    margin: 0 3px;
    border-radius: 10px;
    animation: loading .8s infinite
}

.line:nth-child(2) {
    animation-delay: .1s
}

.line:nth-child(3) {
    animation-delay: .2s
}

.line:nth-child(4) {
    animation-delay: .3s
}

.line:nth-child(5) {
    animation-delay: .4s
}

.line:nth-child(6) {
    animation-delay: .5s
}

.line:nth-child(7) {
    animation-delay: .6s
}

.line:nth-child(8) {
    animation-delay: .7s
}

@keyframes loading {
    0% {
        height: 0
    }

    50% {
        height: 40px
    }

    100% {
        height: 0
    }
}



.features-area .features-sub {
    background: #18184b;
    border: 16px solid #18184b;
}

.features-area .features-sub .title {
    color: #ffffff;
}

.features-area .features-sub .input-box input::placeholder {
    color: #ffffff;
}

.features-area .features-sub .input-box input {
    border: 2px solid #ffffff;
    color: #ffffff;
}

.features-area .features-sub .input-box button {
    background: #ffffff;
    color: #18184b;
    border-color: #ffffff;
    border-radius: 0;
    margin-top: 10px;
    width: 100%;
    padding: 0;
}

.header-nav .navigation .navbar .navbar-nav .nav-item a {
    color: #18184b;
}

p {
    color: #18184b;
}

/* .choose-area {
    background: #FFF9C4;
} */

.choose-area .choose-cat .choose-cat-item p {
    color: #840900;
}

.intro-video-area .intro-overlay {
    background-color: rgba(0, 0, 0, 0.8);
}

.solution-area .solution-overlay {
    background-color: rgba(0, 0, 0, 0.8);
}

.who-we-are-area .section-title .title{
    color: #18184b;
}

.who-we-are-area .section-title p {
    color: #18184b;
}

.who-we-are-area .what-we-do-item .title {
    color: #18184b;
}

.solution-area .solution-overlay .solution-content {
    border: 10px solid rgb(244, 67, 54);
}

.solution-area .solution-overlay .solution-content p {
    color: #c2d1e2;
}

.latest-services-area .single-services .services-content .title {
    color: #18184b;
    border-bottom: 2px #e3eeff solid;
}

.faq-accordion-2 .accordion .card .card-header a {
    color: #18184b;
}

.faq-accordion-2 .accordion .card .card-body p {
    color: #7a95b4;
}

.footer-area.footer-area-2 .shape-1 {
    background-color: rgba(244, 67, 54, 0.53);
}

.footer-area.footer-area-2 .footer-overlay {
    background-color: rgba(0, 0, 0, 0.8);
}

.footer-area.footer-area-2 .shape-2 {
    background-color: #18184b;
}

.footer-area.footer-area-2 .shape-3 {
    background-color: rgba(244, 67, 54, 0.5);
}

a {
    color: #18184b;
}

a:hover {
    color: #B71C1C;
}

.footer-area.footer-area-2 .footer-overlay .widget-item-2 .title {
    color: #18184b;
}

.intro-video-area .intro-overlay .intro-video-content .text-1 {
    color: #18184b;
}

.header-area-2.header-area .header-top .header-left-side ul li a {
    color: #18184b;
}

.header-area-2.header-area .header-nav .navigation {
    top: 1px;
}

.about-area .about-item .about-experience span {
    color: #18184b;
}