.screen-wrap p {
    color: #e2ecfc !important;
    font-family: 'Open Sans', sans-serif;
}

.screen-wrap h5 {
    margin-top: 10px;
    font-weight: 700;
    text-transform: uppercase;
    color: #0084ff;
}

.screen-carousel.owl-carousel .owl-nav > div {
    bottom: -45px;
}

.about-cont {
    margin-top: 60px;
}

h1.site-title {
    font-size: 45px;
    line-height: 50px;
}

#header {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    z-index: 99;
    padding: 0px 0;
    -webkit-transition: 0.5s;
    transition: 0.5s;
}

    #header.sticky {
        padding: 0;
    }

.how-work-single.spec i {
    background-image: -webkit-gradient( linear, left top, right top, from(rgb(255, 216, 0)), to(rgb(255, 216, 140)));
    background-image: linear-gradient( 90deg, rgb(255, 216, 0) 0%, rgb(255, 216, 140) 100%);
}

.feat-carousel-wrap .icon i {
    padding-top: 5px;
    display: inline-block;
    width: 65px;
    height: 65px;
    line-height: 80px;
    border-radius: 50%;
    text-align: center;
    font-size: 40px;
    color: #fff;
}

::-webkit-scrollbar {
    width: 6px;
}

::-webkit-scrollbar-track {
    border-radius: 3px;
    box-shadow: inset 0 0 10px black;
}

::-webkit-scrollbar-thumb {
    border-radius: 3px;
    background-color: #7239ea;
}

.screen-carousel.owl-carousel img {
    max-width: 348px !important;
    border: 1px white solid;
}

@media screen and (-webkit-min-device-pixel-ratio:0) and (min-resolution:.001dpcm) {
    img {
        image-rendering: -webkit-optimize-contrast !important;
    }
}

.screen-carousel.owl-carousel .owl-nav {
    text-align: left;
}

.screen-carousel.owl-carousel .owl-nav > .owl-next {
    top: -80px;
}

.screen-carousel.owl-carousel .owl-nav > .owl-prev {
    display:none;
}

.screen-carousel.owl-carousel .owl-nav > div {
    position: absolute;
    left: 0;
    right: 0;
    bottom: -115px;
    font-size: 60px;
    margin: 0 auto;
    color: #f075c7;
}

.screen-carousel.owl-carousel .owl-nav .owl-next {
    left: auto;
    right: 0;
}

@media only screen and (min-width: 480px) {
    .screen-feature-partner {
        float: right !important;
        position: relative;
        margin-right: 10%;
        max-width: 913px !important;
        max-height: 550px !important;
        margin-top: 10%;
    }

    .feat-carousel-wrap:after {
        display: none;
    }

    .feat-carousel-wrap:before {
        display: none;
    }

    .awesome-feat-carousel.owl-carousel .owl-nav {
        margin-top: -100px;
    }

    .awesome-feat-carousel.owl-carousel {
        padding: 100px 0px 0px 0px;
    }
}

#home-area.bg-1 {
    background-image: url(custom-assets/home-bg-1.png) !important;
}

#how-work-area.bg-2 {
    background-image: url(custom-assets/how-work-bg-2.png) !important;
}

#how-work-area {
    padding: 112px 0 110px;
    background-repeat: no-repeat;
    background-position: bottom right;
    background-image: url(../images/how-work-bg-1.png)
}

.navbar .container{
    padding-left: 0px;
}

.navbar{
    padding-left: 0px;
}

.navbar-nav .nav-link.active:after, .navbar-nav .nav-link:hover:after {
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    top: 100%;
    width: 40px;
    margin: 0 auto;
    border-bottom: 3px dotted #fff;
}

.caption-btns a.bg {
    background-image: -webkit-gradient( linear, left top, right top, from(#ffffff), to(#ffffff));
    background-image: linear-gradient( 90deg, #ffffff 0%, #ffffff 100%);
    background-size: 100% auto;
    padding: 12px 30px;
    border-radius: 30px;
    color: #040940
}

.about-app-mocup {
    position: absolute;
    top: 120px;
    right: -131px;
}

.about-app-mocup .img-fluid{
    width: 1500px;
    margin-top: 000px;
    right: 0;
    margin-left: 400px;
}

@media only screen and (max-width: 767px)  {
    .home-image {
        width: 100%;
        margin-top: -50px;
    }
}

@media only screen and (min-width: 768px) {
    .home-image {
        width: 1000px;
        margin-top: 150px;
        margin-left: -40px;
    }
}

@media only screen and (max-width: 767px) {
    .multiscreen-image {
        width: 100%;
        margin-top: 0px;
    }
}

@media only screen and (min-width: 768px) {
    .multiscreen-image {
        width: 900px;
        margin-top: 100px;
        margin-left: -40px;
    }
}

#core-feature-area.bg-2 .core-feature-circle .circleshc1 {
    right: 1%;
    top: 15%;
    width: 6%;
}

#core-feature-area.bg-2 .core-feature-circle .circleshc2 {
    right: 28%;
    top: 17%;
    width: 17%;
}

#core-feature-area.bg-2 .core-feature-circle .circleshc3 {
    right: 16%;
    top: 54%;
    width: 15%;
}