body:not(.has-fixed-header) .nav ul li a.nav-menu-item {
    color: var(--first-color) !important;
}

body:not(.has-fixed-header) .nav ul li {
    font-weight: lighter;
}

body:not(.has-fixed-header) .nav>ul>li a:before {
    background: linear-gradient(to right, var(--twenty-sixth-color) 0, var(--twenty-sixth-color) 50%, var(--first-color) 50%, var(--first-color) 100%);
}

.form-validation-message {
    display: none;
}

.form-validation-message.show-message {
    display: block;
}

.msg-alert {
    position: fixed;
    bottom: 30px;
    left: -5000px;
    padding: 20px;
    width: 30%;
    color: var(--first-color);
    transition: all 1s;
}

.msg-alert.show {
    left: 20px;
}

.msg-alert.success {
    background: var(--seventy-second-color);
}

.msg-alert.fail {
    background: var(--seventy-third-color);
}

.portfolio-details-footer>.section-module__row>div:first-child {
    background-color: var(--seventy-fourth-color);
    color: var(--first-color);
}

.portfolio-details-footer>.section-module__row>div:last-child {
    background-color: var(--twenty-sixth-color);
    color: var(--first-color);
}

.case-study-details-footer>.section-module__row>div:first-child {
    background-color: var(--tenth-color);
    color: var(--first-color);
}

.case-study-details-footer>.section-module__row>div:last-child {
    background-color: var(--sixth-color);
    color: var(--thirty-fourth-color);
}

.intro-keywords .intro__subtitle {
    width: 250px;
    min-height: 100px;
}

/***************************************************/
/** Inline Style **/
/***************************************************/
#services-video-background{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 0;
    overflow: hidden;
    background: var(--fifth-new-color);
}

#services-video-background video{
    min-width: 100%;
    min-height: 100%;
    object-fit: cover;
}
.about-us-section-inline-style {
    background-color: var(--fifth-new-color);
    color: var(--first-color);
}

.background-image-inherit {
    background-image: inherit;
}

.gray-card-inline-style {
    background-color: var(--first-color);
    color: var(--second-color);
}

.case-study-section-background-inline-style {
    background-color: var(--tenth-color);
}

.portfolio-section-background-inline-style {
    background-color: var(--seventy-fourth-color);
}

.feature-section-inline-style {
    background-color: var(--thirty-seventh-color);
    color: var(--first-color);
}

.feature-second-section-inline-style {
    background-color: var(--sixth-color);
    color: var(--thirty-seventh-color);
}

.article__testimonial-background-img {
    background-image: url(../uploads/2017/11/article-single-gradient.jpg);
}

.placeholder-aspect-ratio-221-325 {
    --smush-placeholder-width: 221px;
    --smush-placeholder-aspect-ratio: 221/325;
}

.placeholder-aspect-ratio-73-65 {
    --smush-placeholder-width: 73px;
    --smush-placeholder-aspect-ratio: 73/65;
}

.placeholder-aspect-ratio-73-137 {
    --smush-placeholder-width: 73px;
    --smush-placeholder-aspect-ratio: 73/137;
}

.placeholder-aspect-ratio-55-61 {
    --smush-placeholder-width: 55px;
    --smush-placeholder-aspect-ratio: 55/61;
}

.placeholder-aspect-ratio-174-155 {
    --smush-placeholder-width: 174px;
    --smush-placeholder-aspect-ratio: 174/155;
}

.placeholder-aspect-ratio-280-567 {
    --smush-placeholder-width: 280px;
    --smush-placeholder-aspect-ratio: 280/567;
}

.placeholder-aspect-ratio-545-645 {
    --smush-placeholder-width: 545px;
    --smush-placeholder-aspect-ratio: 545/645;
}

.placeholder-aspect-ratio-1076-437 {
    --smush-placeholder-width: 1076px;
    --smush-placeholder-aspect-ratio: 1076/437;
}

.placeholder-aspect-ratio-123-19 {
    --smush-placeholder-width: 123px;
    --smush-placeholder-aspect-ratio: 123/19;
}

.placeholder-aspect-ratio-390-133 {
    --smush-placeholder-width: 390px;
    --smush-placeholder-aspect-ratio: 390/133;
}

.placeholder-aspect-ratio-1069-600 {
    --smush-placeholder-width: 1069px;
    --smush-placeholder-aspect-ratio: 1069/600;
}

.placeholder-aspect-ratio-273-205 {
    --smush-placeholder-width: 273px;
    --smush-placeholder-aspect-ratio: 273/205;
}

.placeholder-aspect-ratio-250-668 {
    --smush-placeholder-width: 250px;
    --smush-placeholder-aspect-ratio: 250/668;
}

.placeholder-aspect-ratio-400-815 {
    --smush-placeholder-width: 400px;
    --smush-placeholder-aspect-ratio: 400/815;
}

.placeholder-aspect-ratio-1250-728 {
    --smush-placeholder-width: 1250px;
    --smush-placeholder-aspect-ratio: 1250/728;
}

.placeholder-aspect-ratio-238-451 {
    --smush-placeholder-width: 238px;
    --smush-placeholder-aspect-ratio: 238/451;
}

.placeholder-aspect-ratio-143-282 {
    --smush-placeholder-width: 143px;
    --smush-placeholder-aspect-ratio: 143/282;
}

.placeholder-aspect-ratio-75-132 {
    --smush-placeholder-width: 75px;
    --smush-placeholder-aspect-ratio: 75/132;
}

.placeholder-aspect-ratio-633-665 {
    --smush-placeholder-width: 633px;
    --smush-placeholder-aspect-ratio: 633/665;
}

.placeholder-aspect-ratio-340-246 {
    --smush-placeholder-width: 340px;
    --smush-placeholder-aspect-ratio: 340/246;
}

.placeholder-aspect-ratio-1067-600 {
    --smush-placeholder-width: 1067px;
    --smush-placeholder-aspect-ratio: 1067/600;
}

.placeholder-aspect-ratio-241-201 {
    --smush-placeholder-width: 241px;
    --smush-placeholder-aspect-ratio: 241/201;
}

.placeholder-aspect-ratio-148-90 {
    --smush-placeholder-width: 148px;
    --smush-placeholder-aspect-ratio: 148/90;
}

.pb-0 {
    padding-bottom: 0 !important;
}

.highlight-container {
    position: relative !important;
    width: 100% !important;
}

.highlight-img-container {
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
}

.intro .intro__content {
    text-align: end;
}

/*.intro .intro__content img {
    margin: 2rem 2rem 2rem 0;
}*/

.intro .intro__content-inner {
    position: static;
}


.intro .intro__head {
    width: 100%;
    position: static;
}

.intro .intro__subtitle {
    top: 50%;
}

.fire-background {
    position: relative;
    overflow: hidden;
    background: #000;
    min-height: 100vh;
}

.fire-background #highlight-background {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    text-align: center;
}

.fire-background #highlight-background video {
    height: 100%
}

.fire-background .intro__content-inner {
    text-align: center
}

.fire-background .intro__content-inner .intro__head {
    max-width: 1380px;
}

@media (max-width: 767px) {
    .intro .shell {
        padding: 100px 0 0;
    }

    .intro .intro__subtitle {
        position: static;
        transform: none;
        margin: 0;
        margin-top: 3rem;
        width: 100%;
        text-align: center;
        max-width: unset;
    }
}