.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: #263238;
    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
    }
}

.card-style1 .service-data {
    background-color: rgb(255 87 34 / 66%);
}

.card-style1 .card-body {
    background-color: rgb(255 87 34 / 66%);
}

.footer-wrap .footer-widget .footer-logo img {
    height: 55px;
}

.theme-light .navbar-brand img {
    height: 55px;
}

.bg-rock {
    background-color: #03182a;
}

.cta-wrap.style1, .service-wrap.style1 {
    background: linear-gradient(180deg, #e7f4ff 54.17%, rgba(255, 233, 249, 0.28) 100%);
}