:root {
    --gray: #9bacb8;
    --blue: #293791;
    --dark: #222222;
    --site-color: #293791;
}

.text-gray {
    color: var(--gray) !important;
}

.text-blue {
    color: var(--blue) !important;
}

.text-dark {
    color: var(--dark) !important;
}

.sticky-header .sticky-logo img {
    width: 150px;
    filter: invert(1) grayscale(0) brightness(5);
}

.gray-bg {
    background: #9bacb8 !important;
}

.header-languages a {
    color: #fff !important;
    font-size: 14px !important;

}

.header-languages a.active {
    order: 0;
}

.header-languages a:not(.active) {
    order: 2;
    opacity: .4;
}

.header-languages .seperator {
    order: 1;
    color: #fff !important;
    font-weight: 100 !important;
}

footer * {
    color: #fff !important;
}

.works-section .working-block-one img {
    width: 40%;
    margin-top: -15px;
}

.works-section .working-block-one:hover img {
    filter: grayscale(1) brightness(0) invert(1);
}

section.project-section.mobile-app-section .owl-item img {
    width: 100%;
    max-height: 500px;
    object-fit: contain;
    aspect-ratio: 9 / 16;
    transition: 400ms;
}


section.project-section.mobile-app-section .owl-item.center img {
    transform: scale(1.2);
    transition: 400ms;
}

.nav-logo img {
    height: 65px;
    filter: grayscale(1) invert(1) brightness(5);
}

.service-section .inner-box:hover h3 {
    color: #fff !important;
}

.white-image {
    width: 150px;
    filter: invert(1) grayscale(0) brightness(5);
}

.preloader img {
    width: 200px;
}

.sec-title h4 {
    display: block;
    font-size: 18px;
    line-height: 28px;
    font-weight: 500;
    text-transform: uppercase;
    margin-bottom: 15px;
}

a {
    text-decoration: none !important;
}

.features-overlay a:hover {
    color: #fff !important
}

.overlay-content.features-overlay {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    align-content: center !important;
}

.overlay-content.features-overlay .link {
    position: absolute;
    bottom: -15px;
}

.features-section .project-block-one .inner-box {
    padding-bottom: 0 !important;
}

.project-block-one .inner-box .overlay-content.features-overlay h3 {
    padding: 0px 15px;
}

.dots-style-one.light-bg .owl-dots .owl-dot:not(.active) span {
    background: var(--gray);
}

.dots-style-one.light-bg .owl-dots .owl-dot.active span {
    background: var(--site-color);
}


.dots-style-one.dark-bg .owl-dots .owl-dot:not(.active) span {
    border-color: #ffffff !important;
}

.dots-style-one.dark-bg .owl-dots .owl-dot.active span {
    background: var(--gray) !important;
}