html {
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
    font-family: sans-serif;
}

body {
    margin: 0;
}

article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary {
    display: block;
}

audio, canvas, progress, video {
    vertical-align: baseline;
    display: inline-block;
}

    audio:not([controls]) {
        height: 0;
        display: none;
    }

[hidden], template {
    display: none;
}

a {
    background-color: #0000;
}

    a:active, a:hover {
        outline: 0;
    }

abbr[title] {
    border-bottom: 1px dotted;
}

b, strong {
    font-weight: 700;
}

dfn {
    font-style: italic;
}

h1 {
    margin: .67em 0;
    font-size: 2em;
}

mark {
    color: #000;
    background: #ff0;
}

small {
    font-size: 80%;
}

sub, sup {
    vertical-align: baseline;
    font-size: 75%;
    line-height: 0;
    position: relative;
}

sup {
    top: -.5em;
}

sub {
    bottom: -.25em;
}

img {
    border: 0;
}

svg:not(:root) {
    overflow: hidden;
}

hr {
    box-sizing: content-box;
    height: 0;
}

pre {
    overflow: auto;
}

code, kbd, pre, samp {
    font-family: monospace;
    font-size: 1em;
}

button, input, optgroup, select, textarea {
    color: inherit;
    font: inherit;
    margin: 0;
}

button {
    overflow: visible;
}

button, select {
    text-transform: none;
}

button, html input[type=button], input[type=reset] {
    -webkit-appearance: button;
    cursor: pointer;
}

    button[disabled], html input[disabled] {
        cursor: default;
    }

    button::-moz-focus-inner, input::-moz-focus-inner {
        border: 0;
        padding: 0;
    }

input {
    line-height: normal;
}

    input[type=checkbox], input[type=radio] {
        box-sizing: border-box;
        padding: 0;
    }

    input[type=number]::-webkit-inner-spin-button, input[type=number]::-webkit-outer-spin-button {
        height: auto;
    }

    input[type=search] {
        -webkit-appearance: none;
    }

        input[type=search]::-webkit-search-cancel-button, input[type=search]::-webkit-search-decoration {
            -webkit-appearance: none;
        }

legend {
    border: 0;
    padding: 0;
}

textarea {
    overflow: auto;
}

optgroup {
    font-weight: 700;
}

table {
    border-collapse: collapse;
    border-spacing: 0;
}

td, th {
    padding: 0;
}

@font-face {
    font-family: webflow-icons;
    src: url(data:application/x-font-ttf;charset=utf-8;base64,AAEAAAALAIAAAwAwT1MvMg8SBiUAAAC8AAAAYGNtYXDpP+a4AAABHAAAAFxnYXNwAAAAEAAAAXgAAAAIZ2x5ZmhS2XEAAAGAAAADHGhlYWQTFw3HAAAEnAAAADZoaGVhCXYFgQAABNQAAAAkaG10eCe4A1oAAAT4AAAAMGxvY2EDtALGAAAFKAAAABptYXhwABAAPgAABUQAAAAgbmFtZSoCsMsAAAVkAAABznBvc3QAAwAAAAAHNAAAACAAAwP4AZAABQAAApkCzAAAAI8CmQLMAAAB6wAzAQkAAAAAAAAAAAAAAAAAAAABEAAAAAAAAAAAAAAAAAAAAABAAADpAwPA/8AAQAPAAEAAAAABAAAAAAAAAAAAAAAgAAAAAAADAAAAAwAAABwAAQADAAAAHAADAAEAAAAcAAQAQAAAAAwACAACAAQAAQAg5gPpA//9//8AAAAAACDmAOkA//3//wAB/+MaBBcIAAMAAQAAAAAAAAAAAAAAAAABAAH//wAPAAEAAAAAAAAAAAACAAA3OQEAAAAAAQAAAAAAAAAAAAIAADc5AQAAAAABAAAAAAAAAAAAAgAANzkBAAAAAAEBIAAAAyADgAAFAAAJAQcJARcDIP5AQAGA/oBAAcABwED+gP6AQAABAOAAAALgA4AABQAAEwEXCQEH4AHAQP6AAYBAAcABwED+gP6AQAAAAwDAAOADQALAAA8AHwAvAAABISIGHQEUFjMhMjY9ATQmByEiBh0BFBYzITI2PQE0JgchIgYdARQWMyEyNj0BNCYDIP3ADRMTDQJADRMTDf3ADRMTDQJADRMTDf3ADRMTDQJADRMTAsATDSANExMNIA0TwBMNIA0TEw0gDRPAEw0gDRMTDSANEwAAAAABAJ0AtAOBApUABQAACQIHCQEDJP7r/upcAXEBcgKU/usBFVz+fAGEAAAAAAL//f+9BAMDwwAEAAkAABcBJwEXAwE3AQdpA5ps/GZsbAOabPxmbEMDmmz8ZmwDmvxmbAOabAAAAgAA/8AEAAPAAB0AOwAABSInLgEnJjU0Nz4BNzYzMTIXHgEXFhUUBw4BBwYjNTI3PgE3NjU0Jy4BJyYjMSIHDgEHBhUUFx4BFxYzAgBqXV6LKCgoKIteXWpqXV6LKCgoKIteXWpVSktvICEhIG9LSlVVSktvICEhIG9LSlVAKCiLXl1qal1eiygoKCiLXl1qal1eiygoZiEgb0tKVVVKS28gISEgb0tKVVVKS28gIQABAAABwAIAA8AAEgAAEzQ3PgE3NjMxFSIHDgEHBhUxIwAoKIteXWpVSktvICFmAcBqXV6LKChmISBvS0pVAAAAAgAA/8AFtgPAADIAOgAAARYXHgEXFhUUBw4BBwYHIxUhIicuAScmNTQ3PgE3NjMxOAExNDc+ATc2MzIXHgEXFhcVATMJATMVMzUEjD83NlAXFxYXTjU1PQL8kz01Nk8XFxcXTzY1PSIjd1BQWlJJSXInJw3+mdv+2/7c25MCUQYcHFg5OUA/ODlXHBwIAhcXTzY1PTw1Nk8XF1tQUHcjIhwcYUNDTgL+3QFt/pOTkwABAAAAAQAAmM7nP18PPPUACwQAAAAAANciZKUAAAAA1yJkpf/9/70FtgPDAAAACAACAAAAAAAAAAEAAAPA/8AAAAW3//3//QW2AAEAAAAAAAAAAAAAAAAAAAAMBAAAAAAAAAAAAAAAAgAAAAQAASAEAADgBAAAwAQAAJ0EAP/9BAAAAAQAAAAFtwAAAAAAAAAKABQAHgAyAEYAjACiAL4BFgE2AY4AAAABAAAADAA8AAMAAAAAAAIAAAAAAAAAAAAAAAAAAAAAAAAADgCuAAEAAAAAAAEADQAAAAEAAAAAAAIABwCWAAEAAAAAAAMADQBIAAEAAAAAAAQADQCrAAEAAAAAAAUACwAnAAEAAAAAAAYADQBvAAEAAAAAAAoAGgDSAAMAAQQJAAEAGgANAAMAAQQJAAIADgCdAAMAAQQJAAMAGgBVAAMAAQQJAAQAGgC4AAMAAQQJAAUAFgAyAAMAAQQJAAYAGgB8AAMAAQQJAAoANADsd2ViZmxvdy1pY29ucwB3AGUAYgBmAGwAbwB3AC0AaQBjAG8AbgBzVmVyc2lvbiAxLjAAVgBlAHIAcwBpAG8AbgAgADEALgAwd2ViZmxvdy1pY29ucwB3AGUAYgBmAGwAbwB3AC0AaQBjAG8AbgBzd2ViZmxvdy1pY29ucwB3AGUAYgBmAGwAbwB3AC0AaQBjAG8AbgBzUmVndWxhcgBSAGUAZwB1AGwAYQByd2ViZmxvdy1pY29ucwB3AGUAYgBmAGwAbwB3AC0AaQBjAG8AbgBzRm9udCBnZW5lcmF0ZWQgYnkgSWNvTW9vbi4ARgBvAG4AdAAgAGcAZQBuAGUAcgBhAHQAZQBkACAAYgB5ACAASQBjAG8ATQBvAG8AbgAuAAAAAwAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA==)format("truetype");
    font-weight: 400;
    font-style: normal;
}

[class^=w-icon-], [class*=\ w-icon-] {
    speak: none;
    font-variant: normal;
    text-transform: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-style: normal;
    font-weight: 400;
    line-height: 1;
    font-family: webflow-icons !important;
}

.w-icon-slider-right:before {
    content: "";
}

.w-icon-slider-left:before {
    content: "";
}

.w-icon-nav-menu:before {
    content: "";
}

.w-icon-arrow-down:before, .w-icon-dropdown-toggle:before {
    content: "";
}

.w-icon-file-upload-remove:before {
    content: "";
}

.w-icon-file-upload-icon:before {
    content: "";
}

* {
    box-sizing: border-box;
}

html {
    height: 100%;
}

body {
    color: #333;
    background-color: #fff;
    min-height: 100%;
    margin: 0;
    font-family: Arial,sans-serif;
    font-size: 14px;
    line-height: 20px;
}

img {
    vertical-align: middle;
    max-width: 100%;
    display: inline-block;
}

html.w-mod-touch * {
    background-attachment: scroll !important;
}

.w-block {
    display: block;
}

.w-inline-block {
    max-width: 100%;
    display: inline-block;
}

.w-clearfix:before, .w-clearfix:after {
    content: " ";
    grid-area: 1/1/2/2;
    display: table;
}

.w-clearfix:after {
    clear: both;
}

.w-hidden {
    display: none;
}

.w-button {
    color: #fff;
    line-height: inherit;
    cursor: pointer;
    background-color: #3898ec;
    border: 0;
    border-radius: 0;
    padding: 9px 15px;
    text-decoration: none;
    display: inline-block;
}

input.w-button {
    -webkit-appearance: button;
}

html[data-w-dynpage] [data-w-cloak] {
    color: #0000 !important;
}

.w-code-block {
    margin: unset;
}

pre.w-code-block code {
    all: inherit;
}

.w-optimization {
    display: contents;
}

.w-webflow-badge, .w-webflow-badge > img {
    box-sizing: unset;
    width: unset;
    height: unset;
    max-height: unset;
    max-width: unset;
    min-height: unset;
    min-width: unset;
    margin: unset;
    padding: unset;
    float: unset;
    clear: unset;
    border: unset;
    border-radius: unset;
    background: unset;
    background-image: unset;
    background-position: unset;
    background-size: unset;
    background-repeat: unset;
    background-origin: unset;
    background-clip: unset;
    background-attachment: unset;
    background-color: unset;
    box-shadow: unset;
    transform: unset;
    direction: unset;
    font-family: unset;
    font-weight: unset;
    color: unset;
    font-size: unset;
    line-height: unset;
    font-style: unset;
    font-variant: unset;
    text-align: unset;
    letter-spacing: unset;
    -webkit-text-decoration: unset;
    text-decoration: unset;
    text-indent: unset;
    text-transform: unset;
    list-style-type: unset;
    text-shadow: unset;
    vertical-align: unset;
    cursor: unset;
    white-space: unset;
    word-break: unset;
    word-spacing: unset;
    word-wrap: unset;
    transition: unset;
}

.w-webflow-badge {
    white-space: nowrap;
    cursor: pointer;
    box-shadow: 0 0 0 1px #0000001a,0 1px 3px #0000001a;
    visibility: visible !important;
    opacity: 1 !important;
    z-index: 2147483647 !important;
    color: #aaadb0 !important;
    overflow: unset !important;
    background-color: #fff !important;
    border-radius: 3px !important;
    width: auto !important;
    height: auto !important;
    margin: 0 !important;
    padding: 6px !important;
    font-size: 12px !important;
    line-height: 14px !important;
    text-decoration: none !important;
    display: inline-block !important;
    position: fixed !important;
    inset: auto 12px 12px auto !important;
    transform: none !important;
}

    .w-webflow-badge > img {
        position: unset;
        visibility: unset !important;
        opacity: 1 !important;
        vertical-align: middle !important;
        display: inline-block !important;
    }

h1, h2, h3, h4, h5, h6 {
    margin-bottom: 10px;
    font-weight: 700;
}

h1 {
    margin-top: 20px;
    font-size: 38px;
    line-height: 44px;
}

h2 {
    margin-top: 20px;
    font-size: 32px;
    line-height: 36px;
}

h3 {
    margin-top: 20px;
    font-size: 24px;
    line-height: 30px;
}

h4 {
    margin-top: 10px;
    font-size: 18px;
    line-height: 24px;
}

h5 {
    margin-top: 10px;
    font-size: 14px;
    line-height: 20px;
}

h6 {
    margin-top: 10px;
    font-size: 12px;
    line-height: 18px;
}

p {
    margin-top: 0;
    margin-bottom: 10px;
}

blockquote {
    border-left: 5px solid #e2e2e2;
    margin: 0 0 10px;
    padding: 10px 20px;
    font-size: 18px;
    line-height: 22px;
}

figure {
    margin: 0 0 10px;
}

figcaption {
    text-align: center;
    margin-top: 5px;
}

ul, ol {
    margin-top: 0;
    margin-bottom: 10px;
    padding-left: 40px;
}

.w-list-unstyled {
    padding-left: 0;
    list-style: none;
}

.w-embed:before, .w-embed:after {
    content: " ";
    grid-area: 1/1/2/2;
    display: table;
}

.w-embed:after {
    clear: both;
}

.w-video {
    width: 100%;
    padding: 0;
    position: relative;
}

    .w-video iframe, .w-video object, .w-video embed {
        border: none;
        width: 100%;
        height: 100%;
        position: absolute;
        top: 0;
        left: 0;
    }

fieldset {
    border: 0;
    margin: 0;
    padding: 0;
}

button, [type=button], [type=reset] {
    cursor: pointer;
    -webkit-appearance: button;
    border: 0;
}

.w-form {
    margin: 0 0 15px;
}

.w-form-done {
    text-align: center;
    background-color: #ddd;
    padding: 20px;
    display: none;
}

.w-form-fail {
    background-color: #ffdede;
    margin-top: 10px;
    padding: 10px;
    display: none;
}

label {
    margin-bottom: 5px;
    font-weight: 700;
    display: block;
}

.w-input, .w-select {
    color: #333;
    vertical-align: middle;
    background-color: #fff;
    border: 1px solid #ccc;
    width: 100%;
    height: 38px;
    margin-bottom: 10px;
    padding: 8px 12px;
    font-size: 14px;
    line-height: 1.42857;
    display: block;
}

    .w-input::placeholder, .w-select::placeholder {
        color: #999;
    }

    .w-input:focus, .w-select:focus {
        border-color: #3898ec;
        outline: 0;
    }

    .w-input[disabled], .w-select[disabled], .w-input[readonly], .w-select[readonly], fieldset[disabled] .w-input, fieldset[disabled] .w-select {
        cursor: not-allowed;
    }

        .w-input[disabled]:not(.w-input-disabled), .w-select[disabled]:not(.w-input-disabled), .w-input[readonly], .w-select[readonly], fieldset[disabled]:not(.w-input-disabled) .w-input, fieldset[disabled]:not(.w-input-disabled) .w-select {
            background-color: #eee;
        }

textarea.w-input, textarea.w-select {
    height: auto;
}

.w-select {
    background-color: #f3f3f3;
}

    .w-select[multiple] {
        height: auto;
    }

.w-form-label {
    cursor: pointer;
    margin-bottom: 0;
    font-weight: 400;
    display: inline-block;
}

.w-radio {
    margin-bottom: 5px;
    padding-left: 20px;
    display: block;
}

    .w-radio:before, .w-radio:after {
        content: " ";
        grid-area: 1/1/2/2;
        display: table;
    }

    .w-radio:after {
        clear: both;
    }

.w-radio-input {
    float: left;
    margin: 3px 0 0 -20px;
    line-height: normal;
}

.w-file-upload {
    margin-bottom: 10px;
    display: block;
}

.w-file-upload-input {
    opacity: 0;
    z-index: -100;
    width: .1px;
    height: .1px;
    position: absolute;
    overflow: hidden;
}

.w-file-upload-default, .w-file-upload-uploading, .w-file-upload-success {
    color: #333;
    display: inline-block;
}

.w-file-upload-error {
    margin-top: 10px;
    display: block;
}

    .w-file-upload-default.w-hidden, .w-file-upload-uploading.w-hidden, .w-file-upload-error.w-hidden, .w-file-upload-success.w-hidden {
        display: none;
    }

.w-file-upload-uploading-btn {
    cursor: pointer;
    background-color: #fafafa;
    border: 1px solid #ccc;
    margin: 0;
    padding: 8px 12px;
    font-size: 14px;
    font-weight: 400;
    display: flex;
}

.w-file-upload-file {
    background-color: #fafafa;
    border: 1px solid #ccc;
    flex-grow: 1;
    justify-content: space-between;
    margin: 0;
    padding: 8px 9px 8px 11px;
    display: flex;
}

.w-file-upload-file-name {
    font-size: 14px;
    font-weight: 400;
    display: block;
}

.w-file-remove-link {
    cursor: pointer;
    width: auto;
    height: auto;
    margin-top: 3px;
    margin-left: 10px;
    padding: 3px;
    display: block;
}

.w-icon-file-upload-remove {
    margin: auto;
    font-size: 10px;
}

.w-file-upload-error-msg {
    color: #ea384c;
    padding: 2px 0;
    display: inline-block;
}

.w-file-upload-info {
    padding: 0 12px;
    line-height: 38px;
    display: inline-block;
}

.w-file-upload-label {
    cursor: pointer;
    background-color: #fafafa;
    border: 1px solid #ccc;
    margin: 0;
    padding: 8px 12px;
    font-size: 14px;
    font-weight: 400;
    display: inline-block;
}

.w-icon-file-upload-icon, .w-icon-file-upload-uploading {
    width: 20px;
    margin-right: 8px;
    display: inline-block;
}

.w-icon-file-upload-uploading {
    height: 20px;
}

.w-container {
    max-width: 940px;
    margin-left: auto;
    margin-right: auto;
}

    .w-container:before, .w-container:after {
        content: " ";
        grid-area: 1/1/2/2;
        display: table;
    }

    .w-container:after {
        clear: both;
    }

    .w-container .w-row {
        margin-left: -10px;
        margin-right: -10px;
    }

.w-row:before, .w-row:after {
    content: " ";
    grid-area: 1/1/2/2;
    display: table;
}

.w-row:after {
    clear: both;
}

.w-row .w-row {
    margin-left: 0;
    margin-right: 0;
}

.w-col {
    float: left;
    width: 100%;
    min-height: 1px;
    padding-left: 10px;
    padding-right: 10px;
    position: relative;
}

    .w-col .w-col {
        padding-left: 0;
        padding-right: 0;
    }

.w-col-1 {
    width: 8.33333%;
}

.w-col-2 {
    width: 16.6667%;
}

.w-col-3 {
    width: 25%;
}

.w-col-4 {
    width: 33.3333%;
}

.w-col-5 {
    width: 41.6667%;
}

.w-col-6 {
    width: 50%;
}

.w-col-7 {
    width: 58.3333%;
}

.w-col-8 {
    width: 66.6667%;
}

.w-col-9 {
    width: 75%;
}

.w-col-10 {
    width: 83.3333%;
}

.w-col-11 {
    width: 91.6667%;
}

.w-col-12 {
    width: 100%;
}

.w-hidden-main {
    display: none !important;
}

@media screen and (max-width:991px) {
    .w-container {
        max-width: 728px;
    }

    .w-hidden-main {
        display: inherit !important;
    }

    .w-hidden-medium {
        display: none !important;
    }

    .w-col-medium-1 {
        width: 8.33333%;
    }

    .w-col-medium-2 {
        width: 16.6667%;
    }

    .w-col-medium-3 {
        width: 25%;
    }

    .w-col-medium-4 {
        width: 33.3333%;
    }

    .w-col-medium-5 {
        width: 41.6667%;
    }

    .w-col-medium-6 {
        width: 50%;
    }

    .w-col-medium-7 {
        width: 58.3333%;
    }

    .w-col-medium-8 {
        width: 66.6667%;
    }

    .w-col-medium-9 {
        width: 75%;
    }

    .w-col-medium-10 {
        width: 83.3333%;
    }

    .w-col-medium-11 {
        width: 91.6667%;
    }

    .w-col-medium-12 {
        width: 100%;
    }

    .w-col-stack {
        width: 100%;
        left: auto;
        right: auto;
    }
}

@media screen and (max-width:767px) {
    .w-hidden-main, .w-hidden-medium {
        display: inherit !important;
    }

    .w-hidden-small {
        display: none !important;
    }

    .w-row, .w-container .w-row {
        margin-left: 0;
        margin-right: 0;
    }

    .w-col {
        width: 100%;
        left: auto;
        right: auto;
    }

    .w-col-small-1 {
        width: 8.33333%;
    }

    .w-col-small-2 {
        width: 16.6667%;
    }

    .w-col-small-3 {
        width: 25%;
    }

    .w-col-small-4 {
        width: 33.3333%;
    }

    .w-col-small-5 {
        width: 41.6667%;
    }

    .w-col-small-6 {
        width: 50%;
    }

    .w-col-small-7 {
        width: 58.3333%;
    }

    .w-col-small-8 {
        width: 66.6667%;
    }

    .w-col-small-9 {
        width: 75%;
    }

    .w-col-small-10 {
        width: 83.3333%;
    }

    .w-col-small-11 {
        width: 91.6667%;
    }

    .w-col-small-12 {
        width: 100%;
    }
}

@media screen and (max-width:479px) {
    .w-container {
        max-width: none;
    }

    .w-hidden-main, .w-hidden-medium, .w-hidden-small {
        display: inherit !important;
    }

    .w-hidden-tiny {
        display: none !important;
    }

    .w-col {
        width: 100%;
    }

    .w-col-tiny-1 {
        width: 8.33333%;
    }

    .w-col-tiny-2 {
        width: 16.6667%;
    }

    .w-col-tiny-3 {
        width: 25%;
    }

    .w-col-tiny-4 {
        width: 33.3333%;
    }

    .w-col-tiny-5 {
        width: 41.6667%;
    }

    .w-col-tiny-6 {
        width: 50%;
    }

    .w-col-tiny-7 {
        width: 58.3333%;
    }

    .w-col-tiny-8 {
        width: 66.6667%;
    }

    .w-col-tiny-9 {
        width: 75%;
    }

    .w-col-tiny-10 {
        width: 83.3333%;
    }

    .w-col-tiny-11 {
        width: 91.6667%;
    }

    .w-col-tiny-12 {
        width: 100%;
    }
}

.w-widget {
    position: relative;
}

.w-widget-map {
    width: 100%;
    height: 400px;
}

    .w-widget-map label {
        width: auto;
        display: inline;
    }

    .w-widget-map img {
        max-width: inherit;
    }

    .w-widget-map .gm-style-iw {
        text-align: center;
    }

        .w-widget-map .gm-style-iw > button {
            display: none !important;
        }

.w-widget-twitter {
    overflow: hidden;
}

.w-widget-twitter-count-shim {
    vertical-align: top;
    text-align: center;
    background: #fff;
    border: 1px solid #758696;
    border-radius: 3px;
    width: 28px;
    height: 20px;
    display: inline-block;
    position: relative;
}

    .w-widget-twitter-count-shim * {
        pointer-events: none;
        -webkit-user-select: none;
        user-select: none;
    }

    .w-widget-twitter-count-shim .w-widget-twitter-count-inner {
        text-align: center;
        color: #999;
        font-family: serif;
        font-size: 15px;
        line-height: 12px;
        position: relative;
    }

    .w-widget-twitter-count-shim .w-widget-twitter-count-clear {
        display: block;
        position: relative;
    }

    .w-widget-twitter-count-shim.w--large {
        width: 36px;
        height: 28px;
    }

        .w-widget-twitter-count-shim.w--large .w-widget-twitter-count-inner {
            font-size: 18px;
            line-height: 18px;
        }

    .w-widget-twitter-count-shim:not(.w--vertical) {
        margin-left: 5px;
        margin-right: 8px;
    }

        .w-widget-twitter-count-shim:not(.w--vertical).w--large {
            margin-left: 6px;
        }

        .w-widget-twitter-count-shim:not(.w--vertical):before, .w-widget-twitter-count-shim:not(.w--vertical):after {
            content: " ";
            pointer-events: none;
            border: solid #0000;
            width: 0;
            height: 0;
            position: absolute;
            top: 50%;
            left: 0;
        }

        .w-widget-twitter-count-shim:not(.w--vertical):before {
            border-width: 4px;
            border-color: #75869600 #5d6c7b #75869600 #75869600;
            margin-top: -4px;
            margin-left: -9px;
        }

        .w-widget-twitter-count-shim:not(.w--vertical).w--large:before {
            border-width: 5px;
            margin-top: -5px;
            margin-left: -10px;
        }

        .w-widget-twitter-count-shim:not(.w--vertical):after {
            border-width: 4px;
            border-color: #fff0 #fff #fff0 #fff0;
            margin-top: -4px;
            margin-left: -8px;
        }

        .w-widget-twitter-count-shim:not(.w--vertical).w--large:after {
            border-width: 5px;
            margin-top: -5px;
            margin-left: -9px;
        }

    .w-widget-twitter-count-shim.w--vertical {
        width: 61px;
        height: 33px;
        margin-bottom: 8px;
    }

        .w-widget-twitter-count-shim.w--vertical:before, .w-widget-twitter-count-shim.w--vertical:after {
            content: " ";
            pointer-events: none;
            border: solid #0000;
            width: 0;
            height: 0;
            position: absolute;
            top: 100%;
            left: 50%;
        }

        .w-widget-twitter-count-shim.w--vertical:before {
            border-width: 5px;
            border-color: #5d6c7b #75869600 #75869600;
            margin-left: -5px;
        }

        .w-widget-twitter-count-shim.w--vertical:after {
            border-width: 4px;
            border-color: #fff #fff0 #fff0;
            margin-left: -4px;
        }

        .w-widget-twitter-count-shim.w--vertical .w-widget-twitter-count-inner {
            font-size: 18px;
            line-height: 22px;
        }

        .w-widget-twitter-count-shim.w--vertical.w--large {
            width: 76px;
        }

.w-background-video {
    color: #fff;
    height: 500px;
    position: relative;
    overflow: hidden;
}

    .w-background-video > video {
        object-fit: cover;
        z-index: -100;
        background-position: 50%;
        background-size: cover;
        width: 100%;
        height: 100%;
        margin: auto;
        position: absolute;
        inset: -100%;
    }

        .w-background-video > video::-webkit-media-controls-start-playback-button {
            -webkit-appearance: none;
            display: none !important;
        }

.w-background-video--control {
    background-color: #0000;
    padding: 0;
    position: absolute;
    bottom: 1em;
    right: 1em;
}

    .w-background-video--control > [hidden] {
        display: none !important;
    }

.w-slider {
    text-align: center;
    clear: both;
    -webkit-tap-highlight-color: #0000;
    tap-highlight-color: #0000;
    background: #ddd;
    height: 300px;
    position: relative;
}

.w-slider-mask {
    z-index: 1;
    white-space: nowrap;
    height: 100%;
    display: block;
    position: relative;
    left: 0;
    right: 0;
    overflow: hidden;
}

.w-slide {
    vertical-align: top;
    white-space: normal;
    text-align: left;
    width: 100%;
    height: 100%;
    display: inline-block;
    position: relative;
}

.w-slider-nav {
    z-index: 2;
    text-align: center;
    -webkit-tap-highlight-color: #0000;
    tap-highlight-color: #0000;
    height: 40px;
    margin: auto;
    padding-top: 10px;
    position: absolute;
    inset: auto 0 0;
}

    .w-slider-nav.w-round > div {
        border-radius: 100%;
    }

    .w-slider-nav.w-num > div {
        font-size: inherit;
        line-height: inherit;
        width: auto;
        height: auto;
        padding: .2em .5em;
    }

    .w-slider-nav.w-shadow > div {
        box-shadow: 0 0 3px #3336;
    }

.w-slider-nav-invert {
    color: #fff;
}

    .w-slider-nav-invert > div {
        background-color: #2226;
    }

        .w-slider-nav-invert > div.w-active {
            background-color: #222;
        }

.w-slider-dot {
    cursor: pointer;
    background-color: #fff6;
    width: 1em;
    height: 1em;
    margin: 0 3px .5em;
    transition: background-color .1s,color .1s;
    display: inline-block;
    position: relative;
}

    .w-slider-dot.w-active {
        background-color: #fff;
    }

    .w-slider-dot:focus {
        outline: none;
        box-shadow: 0 0 0 2px #fff;
    }

        .w-slider-dot:focus.w-active {
            box-shadow: none;
        }

.w-slider-arrow-left, .w-slider-arrow-right {
    cursor: pointer;
    color: #fff;
    -webkit-tap-highlight-color: #0000;
    tap-highlight-color: #0000;
    -webkit-user-select: none;
    user-select: none;
    width: 80px;
    margin: auto;
    font-size: 40px;
    position: absolute;
    inset: 0;
    overflow: hidden;
}

    .w-slider-arrow-left [class^=w-icon-], .w-slider-arrow-right [class^=w-icon-], .w-slider-arrow-left [class*=\ w-icon-], .w-slider-arrow-right [class*=\ w-icon-] {
        position: absolute;
    }

    .w-slider-arrow-left:focus, .w-slider-arrow-right:focus {
        outline: 0;
    }

.w-slider-arrow-left {
    z-index: 3;
    right: auto;
}

.w-slider-arrow-right {
    z-index: 4;
    left: auto;
}

.w-icon-slider-left, .w-icon-slider-right {
    width: 1em;
    height: 1em;
    margin: auto;
    inset: 0;
}

.w-slider-aria-label {
    clip: rect(0 0 0 0);
    border: 0;
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    position: absolute;
    overflow: hidden;
}

.w-slider-force-show {
    display: block !important;
}

.w-dropdown {
    text-align: left;
    z-index: 900;
    margin-left: auto;
    margin-right: auto;
    display: inline-block;
    position: relative;
}

.w-dropdown-btn, .w-dropdown-toggle, .w-dropdown-link {
    vertical-align: top;
    color: #222;
    text-align: left;
    white-space: nowrap;
    margin-left: auto;
    margin-right: auto;
    padding: 20px;
    text-decoration: none;
    position: relative;
}

.w-dropdown-toggle {
    -webkit-user-select: none;
    user-select: none;
    cursor: pointer;
    padding-right: 40px;
    display: inline-block;
}

    .w-dropdown-toggle:focus {
        outline: 0;
    }

.w-icon-dropdown-toggle {
    width: 1em;
    height: 1em;
    margin: auto 20px auto auto;
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
}

.w-dropdown-list {
    background: transparent;
    min-width: 100%;
    position: fixed;
    left:0;
}

.dropdown-list {
    opacity: 0;
    visibility: hidden; 
    transition: all 0.5s;
}
.w-dropdown:hover .dropdown-list { 
    opacity: 1;
    visibility: visible;
}

.dropdown-content-wrapper{background-color: #ffffff;width: 100%;padding: 32px 37px;}

    .dropdown-list.w--open {
        display: block;
        opacity: 1;
        visibility: visible;
        height: 100%;
    }

.w-dropdown-link {
    color: #222;
    padding: 10px 20px;
    display: block;
}

    .w-dropdown-link.w--current {
        color: #0082f3;
    }

    .w-dropdown-link:focus {
        outline: 0;
    }

@media screen and (max-width:767px) {
    .w-nav-brand {
        padding-left: 10px;
    }
}

.w-lightbox-backdrop {
    cursor: auto;
    letter-spacing: normal;
    text-indent: 0;
    text-shadow: none;
    text-transform: none;
    visibility: visible;
    white-space: normal;
    word-break: normal;
    word-spacing: normal;
    word-wrap: normal;
    color: #fff;
    text-align: center;
    z-index: 2000;
    opacity: 0;
    -webkit-user-select: none;
    -moz-user-select: none;
    -webkit-tap-highlight-color: transparent;
    background: #000000e6;
    outline: 0;
    font-family: Helvetica Neue,Helvetica,Ubuntu,Segoe UI,Verdana,sans-serif;
    font-size: 17px;
    font-style: normal;
    font-weight: 300;
    line-height: 1.2;
    list-style: disc;
    position: fixed;
    inset: 0;
    -webkit-transform: translate(0);
}

.w-lightbox-backdrop, .w-lightbox-container {
    -webkit-overflow-scrolling: touch;
    height: 100%;
    overflow: auto;
}

.w-lightbox-content {
    height: 100vh;
    position: relative;
    overflow: hidden;
}

.w-lightbox-view {
    opacity: 0;
    width: 100vw;
    height: 100vh;
    position: absolute;
}

    .w-lightbox-view:before {
        content: "";
        height: 100vh;
    }

.w-lightbox-group, .w-lightbox-group .w-lightbox-view, .w-lightbox-group .w-lightbox-view:before {
    height: 86vh;
}

.w-lightbox-frame, .w-lightbox-view:before {
    vertical-align: middle;
    display: inline-block;
}

.w-lightbox-figure {
    margin: 0;
    position: relative;
}

.w-lightbox-group .w-lightbox-figure {
    cursor: pointer;
}

.w-lightbox-img {
    width: auto;
    max-width: none;
    height: auto;
}

.w-lightbox-image {
    float: none;
    max-width: 100vw;
    max-height: 100vh;
    display: block;
}

.w-lightbox-group .w-lightbox-image {
    max-height: 86vh;
}

.w-lightbox-caption {
    text-align: left;
    text-overflow: ellipsis;
    white-space: nowrap;
    background: #0006;
    padding: .5em 1em;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    overflow: hidden;
}

.w-lightbox-embed {
    width: 100%;
    height: 100%;
    position: absolute;
    inset: 0;
}

.w-lightbox-control {
    cursor: pointer;
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: 24px;
    width: 4em;
    transition: all .3s;
    position: absolute;
    top: 0;
}

.w-lightbox-left {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9Ii0yMCAwIDI0IDQwIiB3aWR0aD0iMjQiIGhlaWdodD0iNDAiPjxnIHRyYW5zZm9ybT0icm90YXRlKDQ1KSI+PHBhdGggZD0ibTAgMGg1djIzaDIzdjVoLTI4eiIgb3BhY2l0eT0iLjQiLz48cGF0aCBkPSJtMSAxaDN2MjNoMjN2M2gtMjZ6IiBmaWxsPSIjZmZmIi8+PC9nPjwvc3ZnPg==);
    display: none;
    bottom: 0;
    left: 0;
}

.w-lightbox-right {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9Ii00IDAgMjQgNDAiIHdpZHRoPSIyNCIgaGVpZ2h0PSI0MCI+PGcgdHJhbnNmb3JtPSJyb3RhdGUoNDUpIj48cGF0aCBkPSJtMC0waDI4djI4aC01di0yM2gtMjN6IiBvcGFjaXR5PSIuNCIvPjxwYXRoIGQ9Im0xIDFoMjZ2MjZoLTN2LTIzaC0yM3oiIGZpbGw9IiNmZmYiLz48L2c+PC9zdmc+);
    display: none;
    bottom: 0;
    right: 0;
}

.w-lightbox-close {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9Ii00IDAgMTggMTciIHdpZHRoPSIxOCIgaGVpZ2h0PSIxNyI+PGcgdHJhbnNmb3JtPSJyb3RhdGUoNDUpIj48cGF0aCBkPSJtMCAwaDd2LTdoNXY3aDd2NWgtN3Y3aC01di03aC03eiIgb3BhY2l0eT0iLjQiLz48cGF0aCBkPSJtMSAxaDd2LTdoM3Y3aDd2M2gtN3Y3aC0zdi03aC03eiIgZmlsbD0iI2ZmZiIvPjwvZz48L3N2Zz4=);
    background-size: 18px;
    height: 2.6em;
    right: 0;
}

.w-lightbox-strip {
    white-space: nowrap;
    padding: 0 1vh;
    line-height: 0;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    overflow: auto hidden;
}

.w-lightbox-item {
    box-sizing: content-box;
    cursor: pointer;
    width: 10vh;
    padding: 2vh 1vh;
    display: inline-block;
    -webkit-transform: translate(0,0);
}

.w-lightbox-active {
    opacity: .3;
}

.w-lightbox-thumbnail {
    background: #222;
    height: 10vh;
    position: relative;
    overflow: hidden;
}

.w-lightbox-thumbnail-image {
    position: absolute;
    top: 0;
    left: 0;
}

.w-lightbox-thumbnail .w-lightbox-tall {
    width: 100%;
    top: 50%;
    transform: translateY(-50%);
}

.w-lightbox-thumbnail .w-lightbox-wide {
    height: 100%;
    left: 50%;
    transform: translate(-50%);
}

.w-lightbox-spinner {
    box-sizing: border-box;
    border: 5px solid #0006;
    border-radius: 50%;
    width: 40px;
    height: 40px;
    margin-top: -20px;
    margin-left: -20px;
    animation: .8s linear infinite spin;
    position: absolute;
    top: 50%;
    left: 50%;
}

    .w-lightbox-spinner:after {
        content: "";
        border: 3px solid #0000;
        border-bottom-color: #fff;
        border-radius: 50%;
        position: absolute;
        inset: -4px;
    }

.w-lightbox-hide {
    display: none;
}

.w-lightbox-noscroll {
    overflow: hidden;
}

@media (min-width:768px) {
    .w-lightbox-content {
        height: 96vh;
        margin-top: 2vh;
    }

    .w-lightbox-view, .w-lightbox-view:before {
        height: 96vh;
    }

    .w-lightbox-group, .w-lightbox-group .w-lightbox-view, .w-lightbox-group .w-lightbox-view:before {
        height: 84vh;
    }

    .w-lightbox-image {
        max-width: 96vw;
        max-height: 96vh;
    }

    .w-lightbox-group .w-lightbox-image {
        max-width: 82.3vw;
        max-height: 84vh;
    }

    .w-lightbox-left, .w-lightbox-right {
        opacity: .5;
        display: block;
    }

    .w-lightbox-close {
        opacity: .8;
    }

    .w-lightbox-control:hover {
        opacity: 1;
    }
}

.w-lightbox-inactive, .w-lightbox-inactive:hover {
    opacity: 0;
}

.w-richtext:before, .w-richtext:after {
    content: " ";
    grid-area: 1/1/2/2;
    display: table;
}

.w-richtext:after {
    clear: both;
}

.w-richtext[contenteditable=true]:before, .w-richtext[contenteditable=true]:after {
    white-space: initial;
}

.w-richtext ol, .w-richtext ul {
    overflow: hidden;
}

.w-richtext .w-richtext-figure-selected.w-richtext-figure-type-video div:after, .w-richtext .w-richtext-figure-selected[data-rt-type=video] div:after, .w-richtext .w-richtext-figure-selected.w-richtext-figure-type-image div, .w-richtext .w-richtext-figure-selected[data-rt-type=image] div {
    outline: 2px solid #2895f7;
}

.w-richtext figure.w-richtext-figure-type-video > div:after, .w-richtext figure[data-rt-type=video] > div:after {
    content: "";
    display: none;
    position: absolute;
    inset: 0;
}

.w-richtext figure {
    max-width: 60%;
    position: relative;
}

    .w-richtext figure > div:before {
        cursor: default !important;
    }

    .w-richtext figure img {
        width: 100%;
    }

    .w-richtext figure figcaption.w-richtext-figcaption-placeholder {
        opacity: .6;
    }

    .w-richtext figure div {
        color: #0000;
        font-size: 0;
    }

    .w-richtext figure.w-richtext-figure-type-image, .w-richtext figure[data-rt-type=image] {
        display: table;
    }

        .w-richtext figure.w-richtext-figure-type-image > div, .w-richtext figure[data-rt-type=image] > div {
            display: inline-block;
        }

        .w-richtext figure.w-richtext-figure-type-image > figcaption, .w-richtext figure[data-rt-type=image] > figcaption {
            caption-side: bottom;
            display: table-caption;
        }

    .w-richtext figure.w-richtext-figure-type-video, .w-richtext figure[data-rt-type=video] {
        width: 60%;
        height: 0;
    }

        .w-richtext figure.w-richtext-figure-type-video iframe, .w-richtext figure[data-rt-type=video] iframe {
            width: 100%;
            height: 100%;
            position: absolute;
            top: 0;
            left: 0;
        }

        .w-richtext figure.w-richtext-figure-type-video > div, .w-richtext figure[data-rt-type=video] > div {
            width: 100%;
        }

    .w-richtext figure.w-richtext-align-center {
        clear: both;
        margin-left: auto;
        margin-right: auto;
    }

        .w-richtext figure.w-richtext-align-center.w-richtext-figure-type-image > div, .w-richtext figure.w-richtext-align-center[data-rt-type=image] > div {
            max-width: 100%;
        }

    .w-richtext figure.w-richtext-align-normal {
        clear: both;
    }

    .w-richtext figure.w-richtext-align-fullwidth {
        text-align: center;
        clear: both;
        width: 100%;
        max-width: 100%;
        margin-left: auto;
        margin-right: auto;
        display: block;
    }

        .w-richtext figure.w-richtext-align-fullwidth > div {
            padding-bottom: inherit;
            display: inline-block;
        }

        .w-richtext figure.w-richtext-align-fullwidth > figcaption {
            display: block;
        }

    .w-richtext figure.w-richtext-align-floatleft {
        float: left;
        clear: none;
        margin-right: 15px;
    }

    .w-richtext figure.w-richtext-align-floatright {
        float: right;
        clear: none;
        margin-left: 15px;
    }

.w-nav {
    z-index: 1000;
    background: #ddd;
    position: relative;
}

    .w-nav:before, .w-nav:after {
        content: " ";
        grid-area: 1/1/2/2;
        display: table;
    }

    .w-nav:after {
        clear: both;
    }

.w-nav-brand {
    float: left;
    color: #333;
    text-decoration: none;
    position: relative;
}

.w-nav-link {
    vertical-align: top;
    color: #222;
    text-align: left;
    margin-left: auto;
    margin-right: auto;
    padding: 20px;
    text-decoration: none;
    display: inline-block;
    position: relative;
}

    .w-nav-link.w--current {
        color: #0082f3;
    }

.w-nav-menu {
    float: right;
    position: relative;
}

[data-nav-menu-open] {
    text-align: center;
    background: #c8c8c8;
    min-width: 200px;
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    overflow: visible;
    display: block !important;
}

.w--nav-link-open {
    display: block;
    position: relative;
}

.w-nav-overlay {
    width: 100%;
    display: none;
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    overflow: hidden;
}

    .w-nav-overlay [data-nav-menu-open] {
        top: 0;
    }

.w-nav[data-animation=over-left] .w-nav-overlay {
    width: auto;
}

.w-nav[data-animation=over-left] .w-nav-overlay, .w-nav[data-animation=over-left] [data-nav-menu-open] {
    z-index: 1;
    top: 0;
    right: auto;
}

.w-nav[data-animation=over-right] .w-nav-overlay {
    width: auto;
}

.w-nav[data-animation=over-right] .w-nav-overlay, .w-nav[data-animation=over-right] [data-nav-menu-open] {
    z-index: 1;
    top: 0;
    left: auto;
}

.w-nav-button {
    float: right;
    cursor: pointer;
    -webkit-tap-highlight-color: #0000;
    tap-highlight-color: #0000;
    -webkit-user-select: none;
    user-select: none;
    padding: 18px;
    font-size: 24px;
    display: none;
    position: relative;
}

    .w-nav-button:focus {
        outline: 0;
    }

    .w-nav-button.w--open {
        color: #fff;
        background-color: #c8c8c8;
    }

.w-nav[data-collapse=all] .w-nav-menu {
    display: block;
}

.w-nav[data-collapse=all] .w-nav-button, .w--nav-dropdown-open, .w--nav-dropdown-toggle-open {
    display: block;
}

.w--nav-dropdown-list-open {
    position: static;
}

@media screen and (max-width:991px) {
    .w-nav[data-collapse=medium] .w-nav-menu {
        display: block;
    }

    .w-nav[data-collapse=medium] .w-nav-button {
        display: block;
    }
}

@media screen and (max-width:767px) {
    .w-nav[data-collapse=small] .w-nav-menu {
        display: none;
    }

    .w-nav[data-collapse=small] .w-nav-button {
        display: block;
    }

    .w-nav-brand {
        padding-left: 10px;
    }
}

@media screen and (max-width:479px) {
    .w-nav[data-collapse=tiny] .w-nav-menu {
        display: none;
    }

    .w-nav[data-collapse=tiny] .w-nav-button {
        display: block;
    }
}

.w-tabs {
    position: relative;
}

    .w-tabs:before, .w-tabs:after {
        content: " ";
        grid-area: 1/1/2/2;
        display: table;
    }

    .w-tabs:after {
        clear: both;
    }

.w-tab-menu {
    position: relative;
}

.w-tab-link {
    vertical-align: top;
    text-align: left;
    cursor: pointer;
    color: #222;
    background-color: #ddd;
    padding: 9px 30px;
    text-decoration: none;
    display: inline-block;
    position: relative;
}

    .w-tab-link.w--current {
        background-color: #c8c8c8;
    }

    .w-tab-link:focus {
        outline: 0;
    }

.w-tab-content {
    display: block;
    position: relative;
    overflow: hidden;
}

.w-tab-pane {
    display: none;
    position: relative;
}

.w--tab-active {
    display: block;
}

@media screen and (max-width:479px) {
    .w-tab-link {
        display: block;
    }
}

.w-ix-emptyfix:after {
    content: "";
}

@keyframes spin {
    0% {
        transform: rotate(0);
    }

    to {
        transform: rotate(360deg);
    }
}

.w-dyn-empty {
    background-color: #ddd;
    padding: 10px;
}

.w-dyn-hide, .w-dyn-bind-empty, .w-condition-invisible {
    display: none !important;
}

.wf-layout-layout {
    display: grid;
}

.w-code-component > * {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
}

:root {
    --color-black:black;
    --color-primary:#0f1112;
    --color-white:white;
    --yellow-500:#fff84b;
    --gray-200:#ebeef0;
    --gray-500:#7e8385;
    --gray-100:#f5f6f7;
    --green-600:#3cd382;
    --color-gray-300:#4b5154;
    --color-aluminium:#aab0b3;
    --case-radius:500px;
    --color-light-gray:#dededc;
}

.w-layout-blockcontainer {
    max-width: 940px;
    margin-left: auto;
    margin-right: auto;
    display: block;
}

.w-checkbox {
    margin-bottom: 5px;
    padding-left: 20px;
    display: block;
}

    .w-checkbox:before {
        content: " ";
        grid-area: 1/1/2/2;
        display: table;
    }

    .w-checkbox:after {
        content: " ";
        clear: both;
        grid-area: 1/1/2/2;
        display: table;
    }

.w-checkbox-input {
    float: left;
    margin: 4px 0 0 -20px;
    line-height: normal;
}

.w-checkbox-input--inputType-custom {
    border: 1px solid #ccc;
    border-radius: 2px;
    width: 12px;
    height: 12px;
}

    .w-checkbox-input--inputType-custom.w--redirected-checked {
        background-color: #3898ec;
        background-image: url(../static/custom-checkbox-checkmark.589d534424.svg);
        background-position: 50%;
        background-repeat: no-repeat;
        background-size: cover;
        border-color: #3898ec;
    }

    .w-checkbox-input--inputType-custom.w--redirected-focus {
        box-shadow: 0 0 3px 1px #3898ec;
    }

@media screen and (max-width:991px) {
    .w-layout-blockcontainer {
        max-width: 728px;
    }
}

@media screen and (max-width:767px) {
    .w-layout-blockcontainer {
        max-width: none;
    }
}

body {
    color: #0f1112;
    font-family: Aeonik,sans-serif;
    font-size: 20px;
    font-weight: 400;
    line-height: 1.4em;
}

h1 {
    letter-spacing: .5px;
    margin-top: 0;
    margin-bottom: 0;
    font-size: 64px;
    font-weight: 700;
    line-height: 1.2em;
}

h2 {
    text-transform: none;
    margin-top: 0;
    margin-bottom: 0;
    font-size: 54px;
    font-weight: 700;
    line-height: 1.2em;
}

h3 {
    margin-top: 0;
    margin-bottom: 0;
    font-size: 36px;
    font-weight: 700;
    line-height: 1.4em;
}

h4 {
    margin-top: 10px;
    margin-bottom: 10px;
    font-size: 28px;
    font-weight: 700;
    line-height: 1.2em;
}

h5 {
    margin-top: 10px;
    margin-bottom: 10px;
    font-size: 23px;
    font-weight: 700;
    line-height: 1.2em;
}

p {
    margin-bottom: 0;
    font-size: 16px;
}

a {
    color: #0f1112;
    text-decoration: none;
}

ul, ol {
    margin-top: 0;
    margin-bottom: 10px;
    padding-left: 40px;
}

img {
    max-width: 100%;
    display: inline-block;
}

figure {
    max-width: 100%;
    margin-bottom: 10px;
}

.nav-link {
    text-transform: capitalize;
    margin-left: 5px;
    margin-right: 5px;
    padding: 24px 10px;
    font-size: 16px;
    font-weight: 500;
    line-height: 24px;
    text-decoration: none;
    transition: all .2s;
}

    .nav-link:hover {
        color: #7d7d82;
    }

    .nav-link:focus-visible {
        outline-offset: 0px;
        color: #ff6854;
        border-radius: 4px;
        outline: 2px solid #0050bd;
    }

    .nav-link[data-wf-focus-visible] {
        outline-offset: 0px;
        color: #ff6854;
        border-radius: 4px;
        outline: 2px solid #0050bd;
    }

.primary-button-16-24 {
    z-index: 1;
    background-color: var(--color-primary);
    color: var(--color-white);
    letter-spacing: .5px;
    text-transform: none;
    border-radius: 100px;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    margin-top: 0;
    padding: 16px 24px;
    font-size: 16px;
    font-weight: 500;
    line-height: 1em;
    text-decoration: none;
    transition: all .3s;
    display: flex;
    position: relative;
    overflow: hidden;
}

    .primary-button-16-24:hover {
        background-color: var(--green-600);
        color: var(--color-primary);
        text-decoration: none;
    }

    .primary-button-16-24.bg-yellow-500 {
        background-color: var(--yellow-500);
        color: var(--color-primary);
        transition: all .3s;
    }

        .primary-button-16-24.bg-yellow-500:hover {
            background-color: var(--color-white);
        }

    .primary-button-16-24.about-button {
        margin-top: 0;
    }

.menu-dropdown-icon {
    width: 10px;
    height: 12px;
}

.nav-right-content {
    grid-column-gap: 12px;
    grid-row-gap: 12px;
    align-items: center;
    display: flex;
}

.navbar-wrapper {
    justify-content: space-between;
    align-items: center;
    display: flex;
}

.navbar-wrap {
    background-color: #ddd0;
    margin-left: auto;
    margin-right: auto;
}

    .navbar-wrap.border-gray {
        border-bottom-color: #4b5154;
    }

.nav-menu-wrapper {
    display: flex;
}

.logo-iimage {
    height: 46px;
}

.menu-button {
    background-color: var(--color-white);
    border-radius: 50%;
    width: 48px;
    height: 48px;
    padding: 12px;
    position: relative;
}

.container {
    width: 100%;
    max-width: 1440px;
    margin-left: auto;
    margin-right: auto;
    padding-left: 37px;
    padding-right: 37px;
    display: block;
}

.style-section-wrapper {
    width: 100%;
    max-width: 1340px;
    margin-left: auto;
    margin-right: auto;
    padding-left: 40px;
    padding-right: 40px;
}

.style-section-heading {
    grid-column-gap: 32px;
    grid-row-gap: 32px;
    justify-content: flex-start;
    align-items: center;
    display: flex;
}

.color-primary {
    color: #0f1112;
}

    .color-primary.align-left {
        text-transform: none;
    }

.p1 {
    font-size: 16px;
    line-height: 1.5em;
}

    .p1.color-gray-300.weight-400 {
        font-weight: 400;
    }

        .p1.color-gray-300.weight-400.pt-16 {
            padding-top: 16px;
        }

    .p1.mt-16 {
        margin-top: 16px;
    }

.p2 {
    text-transform: none;
    font-size: 18px;
    line-height: 1.5em;
}

    .p2.color-white {
        color: #ffffffe6;
    }

    .p2.color-aluminium.mt-24.width-700 {
        margin-left: auto;
        margin-right: auto;
    }

    .p2.mt-32 {
        margin-top: 32px;
    }

    .p2.mt-24 {
        text-transform: none;
    }

        .p2.mt-24.align-center.width-1050 {
            max-width: 1050px;
            margin-left: auto;
            margin-right: auto;
        }

    .p2.mt10 {
        margin-top: 10px;
    }

    .p2.width-900 {
        max-width: 900px;
        margin-top: 20px;
    }

    .p2.align-center.width-1050.mt-10 {
        margin-top: 10px;
    }

.p3 {
    margin-bottom: 0;
    font-size: 22px;
    line-height: 1.5em;
}

    .p3.color-gray {
        color: #7e8385;
    }

.font-aeonik {
    font-family: Aeonik,sans-serif;
}

.font-neue-machina {
    font-family: Neuemachina,sans-serif;
}

.style-color-wrapper {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
    grid-auto-columns: 1fr;
    margin-top: 50px;
    display: grid;
}

.style-single-color {
    border-radius: 16px;
}

.bg-primary {
    background-color: var(--color-primary);
}

.bg-black {
    background-color: var(--color-black);
}

.pt-120 {
    padding-top: 120px;
}

.style-font-family {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    border-bottom: 1px solid #000;
    flex-flow: row;
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
    grid-auto-columns: 1fr;
    justify-content: space-between;
    align-items: stretch;
    margin-top: 50px;
    padding-bottom: 40px;
    display: flex;
}

.single-font-family {
    grid-column-gap: 50px;
    grid-row-gap: 50px;
    justify-content: flex-start;
    align-items: center;
    display: flex;
}

.single-heading-wrap {
    grid-column-gap: 100px;
    grid-row-gap: 100px;
    border-bottom: 1px solid #000;
    justify-content: flex-start;
    align-items: center;
    padding-top: 40px;
    padding-bottom: 40px;
    display: flex;
}

.style-heading-details {
    flex: none;
}

.style-heading-view {
    flex-flow: column;
    display: flex;
}

.display-font {
    font-size: 60px;
}

.pt-50 {
    padding-top: 50px;
}

.pb-50 {
    padding-bottom: 50px;
}

.dropdown-menu {
    grid-column-gap: 5px;
    grid-row-gap: 5px;
    color: var(--color-primary);
    text-transform: capitalize;
    justify-content: flex-start;
    align-items: center;
    margin-left: 5px;
    margin-right: 5px;
    padding: 24px 10px;
    font-size: 16px;
    font-weight: 500;
    line-height: 24px;
    text-decoration: none;
    transition: all .2s;
    display: flex;
}

    .dropdown-menu:hover {
        color: #7d7d82;
    }

    .dropdown-menu:focus-visible {
        outline-offset: 0px;
        color: #ff6854;
        border-radius: 4px;
        outline: 2px solid #0050bd;
    }

    .dropdown-menu[data-wf-focus-visible] {
        outline-offset: 0px;
        color: #ff6854;
        border-radius: 4px;
        outline: 2px solid #0050bd;
    }

    .dropdown-menu.color-white {
        pointer-events: none;
    }

.div-block {
    background-color: var(--color-white);
    border-radius: 50%;
    justify-content: center;
    align-items: center;
    width: 24px;
    height: 24px;
    display: flex;
}

.hero-area {
    background-color: #ebeef0;
    height: 96%;
    padding-top: 200px;
    padding-bottom: 100px;
    display: block;
}

/* .dropdown-list {
    background-color: var(--color-white);
    width: 93vw;
    padding: 32px 37px;
    left: -29.9vw;
} */

    .dropdown-list.w--open {
        z-index: 2147483647;
    }

.service-text {
    color: #7e8385;
    text-transform: uppercase;
    font-size: 14px;
}

.dropdown-menu-wrapper {
    border-right: 1px solid #ebeef0;
   flex: none;
    margin-top: 0;
    padding-left: 20px;
    padding-right: 20px;
    
}

    .dropdown-menu-wrapper.fast-menu {
        padding-left: 0;
    }

    .dropdown-menu-wrapper.last-menu {
        border-right-width: 0;
        padding-right: 0;
    }

.dropdown-menu-heading {
    grid-column-gap: 18px;
    grid-row-gap: 18px;
    justify-content: flex-start;
    align-items: flex-start;
    display: flex;
}

.main-menu {
    color: #4b5154;
    border-bottom: 1.5px solid #0000;
    padding-bottom: 2px;
    font-size: 18px;
    font-weight: 500;
}

    .main-menu.fz-16 {
        font-size: 16px;
    }

.menu-short-description {
    color: var(--gray-500);
    font-size: 14px;
    line-height: 1.4em;
}

.hero-content-wrap {
    width: 530px;
}

.hero-section-title {
    color: var(--color-primary);
    margin-bottom: 32px;
    font-size: 60px;
}

.hero-button-wrapper {
    margin-top: 64px;
    display: flex;
}

.hero-content-wrapper {
    grid-column-gap: 50px;
    grid-row-gap: 50px;
    display: flex;
    position: relative;
}

.hero-image-wrap {
    width: 42%;
}

.hero-description {
    max-width: 715px;
    font-size: 22px;
}

.mobile-cursor-area {
    z-index: 0;
    cursor: none;
    border-radius: 100%;
    justify-content: center;
    align-items: center;
    width: 180px;
    height: 180px;
    display: flex;
}

.video-player-area {
    z-index: 9999;
    background-color: #101010;
    position: relative;
    top: 0;
}

    .video-player-area.static {
        position: static;
    }

.video-round-text {
    position: absolute;
}

.video-play-icon {
    z-index: 1;
    position: absolute;
}

.video-embed {
    object-fit: cover;
    width: 100%;
    height: 100%;
    overflow: hidden;
}

.section-title {
    color: var(--color-primary);
}

    .section-title.color-white.width-42 {
        flex: none;
        width: 46%;
    }

    .section-title.align-center.width-1100 {
        max-width: 1100px;
        margin-left: auto;
        margin-right: auto;
    }

.video-area {
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%;
    margin-left: auto;
    margin-right: auto;
    display: flex;
}

.showreel-sticky {
    justify-content: center;
    align-items: center;
    width: 100%;
    display: flex;
}

.about-content-wrapper {
    grid-column-gap: 120px;
    /* grid-row-gap: 120px; */
    grid-template-rows: auto;
    grid-template-columns: 1fr 1.2fr;
    grid-auto-columns: 1fr;
    display: grid;
}

.about-button {
    margin-top: 40px;
    display: flex;
}

.section-padding {
    padding-top: 100px;
    padding-bottom: 100px;
    width: 100%;
    float: left;
    position: relative;
}

.mt-24 {
    margin-top: 24px;
}

.founder-info {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    justify-content: flex-start;
    align-items: center;
    margin-top: 32px;
    display: flex;
}

.founder-information {
    margin-top: 60px;
}

    .founder-information.mobile {
        display: none;
    }

.founder-quate {
    color: var(--color-primary);
    font-size: 22px;
    font-weight: 500;
    line-height: 1.4em;
}

.founder-name {
    color: var(--color-primary);
    font-size: 22px;
    font-weight: 500;
}

.founder-designation {
    font-size: 14px;
}

.case-study-area {
    background-color: var(--color-primary);
    padding-top: 73px;
    padding-bottom: 100px;
    width: 100%;
    float: left;
    position: relative;
}
.case-heading { 
    margin-bottom:50px;
    width:100%;
}
.case-heading-title {
    width:100%;
}
.case-heading-description {
    width:100%;
    color: var(--gray-500);
}
    .case-study-area.berlin {
        background-color: #041e07;
    }

/* .case-first-item {
    height: 150vh;
} */

    .case-first-item.is-case-studies-page {
        max-width: 1180px;
        height: auto;
        margin-left: 0;
        margin-right: auto;
    }

.case-image {
    margin-bottom: 80px;
    position: sticky;
    top: 100px;
    overflow: hidden;
}

.first-case-image {
    object-fit: cover;
    width: 100%;
    height: 100%;
    margin-bottom: 24px;
}

.round-shape {
    width: 100%;
    height: 100%;
    margin-bottom: 80px;
    display: block;
    position: absolute;
    inset: 0%;
    overflow: hidden;
    transform: scale(1.1);
}

.case-study-wrap {
    grid-column-gap: 80px;
    grid-row-gap: 80px;
    flex-flow: column;
    display: flex;
}

.case-studies-quick-block {
    z-index: 0;
    border-radius: 100%;
    width: 48px;
    height: 48px;
    position: absolute;
    inset: auto 20px 20px auto;
    overflow: hidden;
}

.case-studies-quick {
    background-color: var(--color-white);
    border-radius: 100px;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%;
    transition: all .3s;
    display: flex;
}

.case-studies-thumbnail-image {
    object-fit: cover;
    width: 100%;
    transition: all .3s;
}

    .case-studies-thumbnail-image:hover {
        transform: scale(1.1);
    }

.case-studies-category-block {
    text-decoration: none;
    display: block;
}

.align-center-both {
    justify-content: center;
    align-items: center;
    display: flex;
}

.case-studies-title {
    text-transform: capitalize;
    max-width: 520px;
    margin-bottom: 10px;
    font-size: 24px;
    font-weight: 500;
    line-height: 130%;
}

    .case-studies-title.color-white {
        max-width: 100%;
    }

.case-studies-thumbnail-block {
    z-index: 0;
    object-fit: fill;
    width: 100%;
    margin-bottom: 18px;
    transition: all .2s;
    position: relative;
    overflow: hidden;
}

.case-studies-category {
    color: #9b9b9a;
    border-radius: 0;
    margin-top: 24px;
    font-size: 18px;
    display: flex;
}

    .case-studies-category.location-page {
        margin-top: 0;
    }

.case-studies-single-item {
    flex: 0 50%;
    text-decoration: none;
    display: block;
}

    .case-studies-single-item.width-1180 {
        max-width: 1180px;
        margin-left: auto;
        margin-right: 0;
    }

.case-studies-title-block {
    text-decoration: none;
    display: block;
}

    .case-studies-title-block:hover {
        text-decoration: none;
    }

.case-study-group {
    grid-column-gap: 80px;
    grid-row-gap: 80px;
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    display: grid;
}

.color-white {
    color: var(--color-white);
}

.case-studies-short-desc {
    color: #9b9b9a;
    font-size: 18px;
}

.case-single-category {
    background-color: #202324;
    border-radius: 100px;
    padding: 6px 12px;
    font-size: 14px;
    margin-right:8px;
}

    /*.case-single-category.right-radius-0 {
        border-top-right-radius: 0;
        border-bottom-right-radius: 0;
    }

    .case-single-category.left-radius-0 {
        border-top-left-radius: 0;
        border-bottom-left-radius: 0;
    }*/

.client-logo-area {
    width: 100%;
    max-width: 1920px;
    padding-top: 160px;
    padding-bottom: 160px;
}

    .client-logo-area.bg-gray-100 {
        overflow: hidden;
    }

.display-block-text {
    display: block;
}

.fw-500 {
    font-weight: 500;
}

.client-section-title {
    color: var(--color-primary);
    font-size: 18px;
    font-weight: 500;
    line-height: 1.3em;
}

.client-logo-slider {
    margin-top: 20px;
    position: relative;
}

.swiper.client-brand-logo, .swiper.process-slider {
    overflow: visible;
}

.swiper-wrapper.d-flex {
    display: flex;
}

.swiper-wrapper.process-wrapper {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    display: flex;
}

.swiper-slide.bg-white.height-auto {
    height: auto;
}

.client-logo-wrap {
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 80%;
    display: flex;
}

.bg-gray-100 {
    background-color: var(--gray-100);
}

.color-content {
    margin-top: 10px;
}

.color-black {
    color: var(--color-black);
}

.color-gray-100 {
    color: var(--gray-100);
}

    .color-gray-100.color-black {
        color: var(--color-black);
    }

.bg-white {
    background-color: var(--color-white);
}

.slide-nav-3 {
    display: none;
}

.testimonial-slider-wrap {
    background-color: #ddd0;
    height: 100%;
    margin-top: 64px;
}

.testimonial-client-designation {
    justify-content: space-between;
    align-items: flex-end;
    margin-top: 100px;
    display: flex;
}

.testimonial-slider-masking {
    border-radius: 8px;
    width: 69%;
    height: 100%;
    overflow: visible;
}

.client-name {
    color: var(--color-primary);
    font-size: 24px;
    font-weight: 500;
    line-height: 1.3em;
}

.testimonial-single-slider {
    background-color: var(--gray-100);
    border-radius: 8px;
    width: 100%;
    height: 100%;
    margin-right: 36px;
}

.testimonial-content {
    height: 100%;
    padding: 14px 35px 14px 40px;
}

.client-designation-wrap {
    grid-column-gap: 18px;
    grid-row-gap: 18px;
    justify-content: flex-start;
    align-items: center;
    display: flex;
}

.testimonial-quote-text {
    margin-top: 40px;
    font-size: 26px;
    font-weight: 500;
    line-height: 1.4em;
}

.testimonial-section-title {
    max-width: 782px;
    margin-left: 0;
    margin-right: auto;
}

.testimonial-single-card {
    border-radius: 8px;
    grid-template-rows: auto;
    grid-template-columns: 1fr;
    grid-auto-columns: 1fr;
    width: 100%;
    height: 100%;
    min-height: 570px;
    padding-top: 16px;
    padding-bottom: 16px;
    padding-right: 16px;
    display: grid;
}

.background-video {
    background-color: #000;
    background-image: url(../images/676cf24fbf500d0f3f943171_Nedin-Zohirovic-CEO-Konoom.webp);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    border-radius: 8px;
    justify-content: center;
    align-items: center;
    height: 100%;
    display: flex;
    position: relative;
}

    .background-video.saleh-alaqeel {
        background-image: url(https://cdn.prod.website-files.com/67188059a65126f4c0d6213e/671dcad31c343ddc539bd653_George%20\(1\).avif);
    }

    .background-video.robin-fish {
        background-image: url(../images/678cc53c851225650d81392b_Robin-Fish.webp);
    }

    .background-video.ewen-ling {
        background-image: url(../images/671dcad31c343ddc539bd65c_Val-koval.avif);
    }

.testimonial-areas {
    background-color: #edf0f2;
    padding-top: 80px;
    padding-bottom: 80px;
    overflow: hidden;
    width: 100%;
    float: left;
    position: relative;
}

.client-designation {
    color: #4b5154;
    font-size: 16px;
}

.testimonial-slide-arrow {
    color: #000;
    background-color: #c6cacc;
    border-radius: 50%;
    justify-content: center;
    align-items: center;
    width: 44px;
    height: 44px;
    font-family: "Fa Solid 900",sans-serif;
    font-size: 20px;
    transition: all .3s;
    display: flex;
}

    .testimonial-slide-arrow:hover {
        background-color: var(--color-white);
        filter: invert();
        color: var(--color-white);
    }

    .testimonial-slide-arrow.right-arrow {
        width: 44px;
        height: 44px;
        top: -145%;
        right: 0%;
    }

    .testimonial-slide-arrow.left-arrow {
        top: -145%;
        left: 90%;
    }

.counterup {
    -webkit-text-stroke-width: 1.5px;
    margin-top: 0;
    margin-bottom: 0;
    font-size: 3.75vw;
    font-weight: 400;
    line-height: 105%;
}

.counter-number-block {
    color: var(--color-primary);
    border-top: 1px solid #ececec;
    align-items: center;
    padding: 1.458vw 2.083vw 2.083vw;
    display: flex;
}

.counter-item-number {
    color: #000;
    margin-bottom: 9.896vw;
}

.counter-area {
    position: relative;
    /* overflow: hidden; */
    width: 100%;
    float: left;
}

    .counter-area.section-padding {
        background-color: #b5bfca;
    }

.counter-content {
    padding: 2.083vw;
}

.counter-animated-title {
    font-size: 175px;
    font-weight: 700;
    line-height: 100%;
}

    .counter-animated-title.color-white.title-bottom {
        text-align: center !important;
        margin-top: -66px; 
        padding-right: 0 !important /*16.042vw*/; 
    }

    .counter-animated-title.color-white.title-top-text {
        margin-bottom: -40px;
        padding-left: 0 !important /*16.667vw*/;
        text-align:center;
    }

    .counter-animated-title.color-white.title-bottom-minus {
        z-index: 2;
        margin-bottom: -20px;
        position: relative;
    }

    .counter-animated-title.color-white.text-right.title-top-minus {
        z-index: 2;
        text-align: right;
        margin-top: -35px;
        position: relative;
    }

.section-title-wrap.text-center.mb-60.width-595 {
    max-width: 595px;
    margin-left: auto;
    margin-right: auto;
}

.section-title-wrap.text-center.mb-60.width-710 {
    max-width: 710px;
    margin-left: auto;
    margin-right: auto;
}

.section-title-wrap.text-center.mb-60.width-1050 {
    max-width: 1050px;
    margin-left: auto;
    margin-right: auto;
}

.section-title-wrap.mb-100 {
    text-transform: uppercase;
    margin-bottom: 50px;
}

    .section-title-wrap.mb-100.varient-mb {
        margin-bottom: 10px;
    }

.counter-wrap {
    z-index: 1;
    grid-column-gap: 24px;
    grid-row-gap: 16px;
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
    grid-auto-columns: 1fr;
    max-width: 1920px;
    margin-left: auto;
    margin-right: auto;
    padding-left: 32px;
    padding-right: 32px;
    display: grid;
    position: relative;
    overflow: hidden;
    transform: scale3d(1, 0, 1); 
    transition: all 0.2s;
}

.counter-wrap.animateCounter {
    transform: scale3d(1, 1, 1); 
    transition: all 0.2s;
    transition-delay: 0.3s !important;
}


.counter-suffix {
    -webkit-text-stroke-width: 1.5px;
    margin-right: 6px;
    font-size: 3.75vw;
    font-weight: 400;
    line-height: 105%;
}

.counter-single-item {
    z-index: 0;
    background-color: #fff;
    width: 100%;
    transition: all .2s;
    position: relative;
    transform-style: preserve-3d;
    opacity: 1; 
}
.counter-single-item.first{
    transform: translate3d(39.01vw, 0, 0);
}
.counter-single-item.second{
    transform: translate3d(19.531vw, 0, 0);
}
.counter-single-item.third{
    transform: translate3d(0, 0, 0);
}
.counter-single-item.fourth{
    transform: translate3d(-19.531vw, 0, 0);
}
.counter-single-item.fiveth{
    transform: translate3d(-39.01vw, 0, 0);
}
.counter-wrap.animateCounter .counter-single-item{
    transform: translate3d(0, 0, 0) !important;
    transition-delay: 0.6s !important;
}

.what-we-do-content-wrap {
    z-index: 0;
    grid-column-gap: 40px;
    grid-row-gap: 16px;
    grid-template-rows: auto;
    grid-template-columns: 1fr 2.2fr;
    grid-auto-columns: 1fr;
    align-items: start;
    display: grid;
    position: relative;
}

.what-we-do-area {
    z-index: 0;
    position: relative;
}

.what-we-do-block-title {
    display: block;
}

.bg-gray-500 {
    background-color: var(--gray-500);
}

.color-gray-500 {
    color: var(--gray-500);
}

    .color-gray-500.color-black {
        color: var(--color-black);
    }

.bg-yellow-500 {
    background-color: var(--yellow-500);
}

.color-yellow-500 {
    color: var(--yellow-500);
}

    .color-yellow-500.color-black {
        color: var(--color-black);
    }

.what-do-wrapper {
    width: 100%;
    max-width: 1920px;
    margin-right: 0;
    padding-left: 20px;
    display: block;
}

.color-gray-200 {
    color: var(--gray-200);
}

    .color-gray-200.color-black {
        color: var(--color-black);
    }

.bg-gray-200 {
    background-color: var(--gray-200);
}

.trusted-slider-area {
    margin-top: 90px;
    width: 100%;
    float: left;
}

    .trusted-slider-area.mt-0 {
        margin-top: 0;
    }

.trusted-by-swiper {
    position: relative;
}

.who-we-area {
    z-index: 0;
    position: relative;
    overflow: hidden;
    width: 100%;
    float: left;
}

.about-who-section-content-wrap {
    grid-column-gap: 120px;
    grid-row-gap: 120px;
    width: 100%;
    max-width: 1272px;
    margin-left: auto;
    margin-right: auto;
    display: flex;
}

.trusted-image {
    width: 100%;
}

.trusted-by-item {
    justify-content: center;
    align-items: center;
    width: 27vw;
    display: flex;
    position: relative;
}

    .trusted-by-item.swiper-slide {
        width: 27vw;
    }

.section-cotent-wrap {
    color: #ebeef0;
}

.who-we-button {
    margin-top: 32px;
    display: flex;
}

.swiper-wrapper.align-center {
    justify-content: flex-start;
    align-items: center;
    display: flex;
}

.swiper-wrapper.client-logo {
    justify-content: center;
    align-items: flex-end;
    display: flex;
}

.grid-one {
    grid-column-gap: 132px;
    grid-row-gap: 132px;
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    place-items: center start;
    display: grid;
}

    .grid-one.mvp-design {
        grid-column-gap: 115px;
        grid-row-gap: 115px;
    }

.call-persion-info {
    grid-column-gap: 2px;
    grid-row-gap: 2px;
    flex-flow: column;
    margin-top: 24px;
    display: flex;
}

.contact-left-side {
    width: 100%;
}

.contact-form-wrap {
    flex-flow: column;
    justify-content: space-between;
}

.directly-booking {
    border-bottom: 2px solid var(--green-600);
    color: var(--green-600);
    font-size: 22px;
    font-weight: 500;
    text-decoration: none;
    display: inline;
}

    .directly-booking:hover {
        text-decoration: none;
    }

.contact-section-heading {
    color: var(--color-primary);
    margin-bottom: 20px;
    line-height: 1.2em;
}

.call-persion-image {
    grid-column-gap: 30px;
    grid-row-gap: 30px;
    flex-flow: column;
    justify-content: center;
    align-items: flex-start;
    max-width: 195px;
    margin-top: 110px;
    padding-bottom: 0;
    display: none !important;
}

    .call-persion-image.width-320 {
        max-width: 320px;
    }

.contact-content-wrapper {
    grid-column-gap: 163px;
    grid-row-gap: 163px;
    grid-template-rows: auto;
    grid-template-columns: 1fr 1.1fr;
    grid-auto-columns: 1fr;
    width: 100%;
    display: grid;
}

.form-bottom-text {
    color: var(--color-primary);
    margin-top: 26px;
    font-size: 22px;
    
}

.w-form h4 a:hover{text-decoration:underline;}

 .call-persion {
    display: block;
}

    .call-persion.round-50 {
        border-radius: 50%;
    }

.grid-item {
    z-index: 0;
    grid-template-rows: auto;
    grid-template-columns: 1fr;
    grid-auto-columns: 1fr;
    display: grid;
    position: relative;
}

    .grid-item.contact-grid {
        grid-column-gap: 50px;
    }

.contact-section {
    background-color: #d6dce1;
    padding-top: 90px;
    padding-bottom: 90px;
    width: 100%;
    float: left;
    position: relative;
}

.contact-area-wrapper {
    grid-column-gap: 58px;
    grid-row-gap: 200px;
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    place-items: start center;
    overflow: hidden;
}

.ceo-name {
    color: var(--color-primary);
    font-size: 22px;
}

.ceo-designation-text {
    font-size: 14px;
    line-height: 1.4em;
}

.faq-s-area {
    background-color: #fff;
    width: 100%;
    float: left;
    position: relative;
}

.faq-question {
    cursor: pointer;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    text-decoration: none;
    display: flex;
}

.faq-expand-icon {
    justify-content: center;
    align-items: center;
    display: flex;
}
.faq-item-title.w--open .faq-expand-icon{
    filter: invert(100%);
}

.faq-arrow-wrap {
    background-color: #edf0f2;
    border-radius: 100%;
    flex: none;
    justify-content: center;
    align-items: center;
    width: 44px;
    height: 44px;
    display: flex;
    position: relative;
}
.faq-item-title.w--open .faq-arrow-wrap{
    background-color: rgb(15, 17, 18);
}

.faq-paragraph {
    color: #4b5154;
    letter-spacing: .2px;
    margin-bottom: 0;
    font-size: 18px;
    line-height: 1.5em;
}

.faq-item-wrap {
    box-sizing: border-box;
    clear: none;
    grid-column-gap: 100px;
    grid-row-gap: 0px;
    grid-template-rows: auto;
    grid-template-columns: 1fr 1.75fr;
    grid-auto-columns: 1fr;
    display: grid;
    position: static;
    overflow: visible;
}

.faq-answer {
    background-color: #ddd0;
    max-height: 0;
    padding-left: 24px;
    padding-right: 40px;
    transition: max-height .4s;
    display: block;
    position: relative;
    overflow: hidden;
}

    .faq-answer.benefit {
        padding-left: 0;
        padding-right: 0;
    }

.faq-title {
    margin-top: 0;
    margin-bottom: 0;
    margin-right: 80px;
    font-size: 22px;
    font-weight: 500;
    line-height: 32px;
}

    .faq-title.color-black {
        overflow: visible;
    }

.overflow-hidden {
    overflow: hidden;
}

.faq-block-wrap {
    grid-column-gap: 8px;
    grid-row-gap: 0;
    flex-flow: column;
    display: flex;
}


.utility-page-wrap {
    justify-content: center;
    align-items: center;
    width: 100vw;
    max-width: 100%;
    height: 100vh;
    max-height: 100%;
    display: flex;
}

.utility-page-content {
    text-align: center;
    flex-direction: column;
    width: 280px;
    display: flex;
}
.footer-nav.for-desktop {
    display: block;
}

.button-color {
    letter-spacing: .005em;
    font-size: 18px;
    font-weight: 500;
    line-height: 28px;
}

.footer-columns {
    grid-column-gap: 60px;
    grid-row-gap: 60px;
    grid-template-rows: auto;
    /* grid-template-columns: 2.5fr 2fr 1fr 1fr; */
    grid-template-columns: 2fr 0.6fr 3.4fr;
    grid-auto-columns: 1fr;
    padding-bottom: 100px;
    display: grid;
}

.matrix-logo-l{
    width:100%; 
    text-align:center;
}
.matrix-logo-l img{
    max-width:95%; 
}
.footer-location-area {
    grid-column-gap: 178px;
    grid-row-gap: 100px;
    background-color: #202324;
    grid-template-rows: auto;
    /* grid-template-columns: 1fr 1fr 1fr 1fr; */
    grid-template-columns: 1fr 1fr 1fr 1fr;
    grid-auto-columns: 1fr;
    margin-top: -20px;
    margin-bottom: 20px;
    padding: 40px;
    display: grid;
    position: relative;
}

.footer-nav-link {
    color: #7e8385;
    font-size: 14px;
    font-weight: 400;
    line-height: 16px;
    text-decoration: none;
    transition: all .2s;
}

    .footer-nav-link:hover {
        color: #fff;
        text-decoration: underline;
    }

    .footer-nav-link:focus-visible {
        outline-offset: 0px;
        color: #ff6854;
        border-radius: 4px;
        outline: 2px solid #0050bd;
    }

    .footer-nav-link[data-wf-focus-visible] {
        outline-offset: 0px;
        color: #ff6854;
        border-radius: 4px;
        outline: 2px solid #0050bd;
    }

.deck-size {
    color: #7d7d82;
    font-size: 14px;
}

.footer-bottom-content {
    justify-content: space-between;
    align-items: center;
    padding-bottom: 20px;
    display: flex;
}

.company-deck {
    z-index: 0;
    justify-content: center;
    align-items: center;
    text-decoration: none;
    display: flex;
    position: relative;
}

    .company-deck:hover {
        text-decoration: none;
    }

.deck-title {
    color: #ffffffe6;
    font-size: 24px;
    line-height: 28px;
}

.location-details-text {
    color: #a1a1a6;
    margin-bottom: 5px;
    font-size: 13px;
    line-height: 1.5em;
}

.brand-logo-wrap {
    width: 55px;
    margin-bottom: 24px;
}

.footer-about-us {
    padding-right: 0;
}

.copyright-text {
    color: #a1a1a6;
    font-size: 16px;
    font-weight: 400;
    line-height: 100%;
}

.footer-location-icon {
    object-fit: contain;
    object-position: 50% 100%;
}

.footer-social-block {
   grid-column-gap: 12px;
    grid-row-gap: 12px;
    justify-content: flex-start;
    align-items: center;
    display: flex
;
}

.download-icon {
    background-color: #ff0;
    border-radius: 100px;
    justify-content: center;
    align-items: center;
    width: 36px;
    height: 36px;
    margin-right: 14px;
    display: flex;
}

.footer-area {
    z-index: 0;
    background-color: #000;
    padding-top: 60px;
    position: relative;
    overflow: hidden;
    width: 100%;
    float: left;
}

.footer-list-item {
    margin-bottom: 12px;
    line-height: 16px;
}

   .for-mobile {
        display: none;
    }

.footer-social-link {
    color: var(--gray-100);
    background-color: #232323;
    border-radius: 100px;
    justify-content: center;
    align-items: center;
    width: 36px;
    height: 36px;
    transition: all .2s;
    display: flex;
}

    .footer-social-link:hover {
        filter: invert();
    }

.location-phone-number {
    color: #ffffffe6;
    font-size: 16px;
    font-weight: 400;
    line-height: 1.5em;
    text-decoration: none;
}

.country-location {
    color: #ffffffe6;
    margin-top: 10px;
    margin-bottom: 10px;
    font-size: 24px;
    font-weight: 500;
    line-height: 1.3em;
}

.footer-contact-item-title {
    color: #ffffffe6;
    letter-spacing: 2px;
    text-transform: uppercase;
    margin-bottom: 24px;
    font-size: 16px;
    line-height: 12px;
}

.footer-phone-number-wrap {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    justify-content: flex-start;
    align-items: center;
    text-decoration: none;
    display: flex;
}

    .footer-phone-number-wrap:hover {
        text-decoration: none;
    }

.footer-contact-item {
    padding-right: 0;
}

.footer-menu-list {
    color: #0e0f18;
    flex-direction: column;
    align-items: flex-start;
    font-weight: 400;
}

    .footer-menu-list.inner-menu-copy {
        margin-top: 40px;
    }

.footer-bottom-inner-content {
    z-index: 0;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    justify-content: space-between;
    align-items: center;
    display: flex;
    position: relative;
}

.copyright-text-wrap {
    z-index: 0;
    position: relative;
    display: flex;
    gap: 20px;
}

.footer-button {
    margin-top: 30px;
    display: flex;
}

.footer-logo {
    width: 100%;
    max-width: 187px;
}

.center-video {
    z-index: 0;
    justify-content: center;
    align-items: center;
    width: 910px;
    display: flex;
    position: absolute;
    inset: 50% 0% auto 50%;
    transform: translate(-50%,-50%);
}

.swiper-slide.item {
    justify-content: center;
    align-items: flex-end;
    height: 380px;
    display: flex;
}

.client-button-next {
    cursor: pointer;
    position: absolute;
    inset: -17% 265px auto auto;
}

.client-button-prev {
    cursor: pointer;
    position: absolute;
    inset: -17% 335px auto auto;
}

.client-logo-slide-button {
    color: #000;
    background-color: #c6cacc;
    border-radius: 50%;
    justify-content: center;
    align-items: center;
    width: 44px;
    height: 44px;
    font-family: "Fa Solid 900",sans-serif;
    font-size: 20px;
    transition: all .3s;
    display: flex;
}

    .client-logo-slide-button:hover {
        background-color: var(--color-primary);
        color: var(--color-white);
    }

.counter-content-wrapper {
    z-index: 2;
    position: relative;
    overflow: hidden;
    width: 100%;
    float: left;
}

.menu-heading {
    grid-column-gap: 4px;
    grid-row-gap: 4px;
    color: #4b5154;
    justify-content: flex-start;
    align-items: center;
    display: flex;
    margin-top:10px;
}

.single-menu-link {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    background-color: var(--gray-100);
    color: #4b5154;
    justify-content: space-between;
    align-items: center;
    padding: 4px 12px;
    font-size: 14px;
    font-weight: 400;
    text-decoration: none;
    display: flex;
}

.single-menu-link:hover {
    background-color: var(--color-primary);
    color: #ffffff;
}
.single-menu-link:hover .menu-arrow-icon{filter: invert(100%);}

.dropdown-list-menu {
    grid-column-gap: 8px;
    grid-row-gap: 8px;
    flex-flow: column;
    margin-top: 20px;
    display: flex;
}

/* .dropdown-menu-text {
    border-bottom: 1px solid #0000;
} */

.all-dropdown-menu-wrap {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    display: flex;
}

.service-category {
    grid-column-gap: 18px;
    grid-row-gap: 18px;
    border-bottom: 1px solid #ebeef0;
    justify-content: flex-start;
    align-items: center;
    margin-bottom: 20px;
    padding-bottom: 20px;
    display: flex;
}

    .service-category.last-item {
        border-bottom-width: 0;
        margin-bottom: 0;
        padding-bottom: 0;
    }

.paragraph-regular {
    font-size: 24px;
    line-height: 130%;
}

.service-price-question {
    justify-content: space-between;
    align-items: center;
    width: 100%;
    text-decoration: none;
    display: flex;
}

.price-service-item {
    grid-column-gap: 40px;
    border-top: 1px solid #ffffff1a;
    justify-content: space-between;
    padding-top: 24px;
    padding-bottom: 24px;
    display: flex;
    position: relative;
    overflow: hidden;
}

    .price-service-item.first-item {
        border-top-width: 0;
    }

.service-price-paragraph {
    max-width: 560px;
    font-size: 18px;
    line-height: 26px;
}

.service-price-answer {
    height: auto;
    overflow: hidden;
}

.service-price-title.fz-64.color-gray-600 {
    font-size: 40px;
}

.price-service-content-wrap {
    z-index: 3;
    grid-column-gap: 96px;
    grid-row-gap: 96px;
    flex: none;
    display: flex;
    position: relative;
}

.service-faq-description {
    grid-column-gap: 120px;
    grid-row-gap: 120px;
    max-width: 870px;
    margin-top: 22px;
    display: flex;
    overflow: hidden;
}

.arrow-button {
    border-radius: 50%;
    flex: none;
    justify-content: center;
    align-items: center;
    width: 80px;
    height: 80px;
    display: flex;
}

    .arrow-button.bg-yellow-500 {
        transition: all .3s;
    }

        .arrow-button.bg-yellow-500:hover {
            background-color: var(--color-white);
            transform: rotate(45deg);
        }

    .arrow-button.mobile-button {
        display: none;
    }

.faq-bg-image-wrap {
    opacity: 0;
    width: 100%;
    height: 100%;
    position: absolute;
    inset: 0%;
}

.faq-bg-image {
    object-fit: cover;
    width: 100%;
    height: 100%;
}

.gradient-layer {
    background-image: linear-gradient(80deg,#000,#0000004d);
    position: absolute;
    inset: 0%;
}

.service-inner-menu {
    grid-column-gap: 24px;
    grid-row-gap: 24px;
    display: flex;
}

.faq-image {
    background-image: url(../images/676cfb124d737ec1fc46574f_UIUX%20Design%20Agency%20FAQs.webp);
    background-size: cover;
    min-height: 238px;
    margin-top: 40px;
    padding: 24px;
}

.team-image {
    width: 48px;
    height: 48px;
    margin-left: -20px;
}

.team-heading {
    color: var(--color-white);
    max-width: 264px;
    margin-top: 13px;
    font-size: 24px;
}

.quick-call-button {
    justify-content: flex-start;
    align-items: center;
    margin-top: 24px;
    display: flex;
}

.div-block-6 {
    grid-column-gap: 30px;
    grid-row-gap: 30px;
    grid-template-rows: auto auto;
    grid-template-columns: 1.05fr 1.25fr 1.15fr/*1fr 1fr 1fr*/;
    grid-auto-columns: 1fr;
    display: grid;
}

.close-icon {
    opacity: 0;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
}

.menu-icon {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
}

.video-play-icon-wrap {
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%;
    display: flex;
    position: absolute;
    inset: auto;
}

    .video-play-icon-wrap.mobile-cursor-area {
        border-radius: 100%;
    }

.about-area {
    width: 100%;
    float: left;
    position: relative;
    padding-bottom: 90px;
}
.about-area.pt-160 {
    padding-bottom: 120px;
}

.hear-select-option {
    color: #000;
    background-color: #d6dce100;
    border: 1px #000;
    border-bottom: 2px solid #000;
    border-radius: 0;
    height: 44px;
    margin-bottom: 36px;
    padding-left: 0;
    font-size: 20px;
    line-height: 32px;
}

    .hear-select-option:focus {
        border-bottom-color: var(--green-600);
    }

    .hear-select-option:focus-visible {
        border-bottom-color: var(--green-600);
    }

    .hear-select-option[data-wf-focus-visible] {
        border-bottom-color: var(--green-600);
    }

.form-message-input-field {
    color: #000;
    background-color: #fff0;
    border: 1px #000;
    border-bottom: 2px solid #000;
    border-radius: 0;
    min-height: 80px;
    margin-bottom: 30px;
    padding-top: 0;
    padding-left: 0;
    font-size: 24px;
    line-height: 32px;
}

    .form-message-input-field:focus {
        border-bottom-color: var(--green-600);
    }

    .form-message-input-field:focus-visible {
        border-bottom-color: var(--green-600);
    }

    .form-message-input-field[data-wf-focus-visible] {
        border-bottom-color: var(--green-600);
    }

    .form-message-input-field::placeholder {
        color: #40403fcc;
        font-size: 20px;
    }

.our-contact-form-input-field {
    color: #000;
    background-color: #0000;
    border: 1px #000;
    border-bottom: 2px solid #000;
    border-radius: 0;
    height: 44px;
    margin-bottom: 36px;
    padding-left: 0;
    font-size: 20px;
    line-height: 32px;
}

    .our-contact-form-input-field:focus {
        border-bottom-color: var(--green-600);
    }

    .our-contact-form-input-field:focus-visible {
        border-bottom-color: var(--green-600);
        color: #000;
    }

    .our-contact-form-input-field[data-wf-focus-visible] {
        border-bottom-color: var(--green-600);
        color: #000;
    }

    .our-contact-form-input-field::placeholder {
        color: #40403fcc;
        font-size: 20px;
        line-height: 32px;
    }

    .our-contact-form-input-field.required::placeholder {
        -webkit-text-stroke-color: #7d7d82;
    }

.our-contact-form-wrap-2 {
    background-color: #fff;
    flex: 1;
    margin-bottom: 0;
    padding: 40px;
}

.contact-form-label {
    color: #000;
    margin-bottom: 12px;
    font-size: 18px;
    font-weight: 500;
}

.budget-select-option {
    color: #000;
    background-color: #f3f3f300;
    border: 1px #000;
    border-bottom: 2px solid #000;
    border-radius: 0;
    height: 44px;
    padding-left: 0;
    font-size: 20px;
    line-height: 32px;
}

    .budget-select-option:focus {
        border-bottom-color: var(--green-600);
    }

    .budget-select-option:focus-visible {
        border-bottom-color: var(--green-600);
    }

    .budget-select-option[data-wf-focus-visible] {
        border-bottom-color: var(--green-600);
    }

.service-banner-content.width-656 {
    max-width: 656px;
}

.service-banner-inner {
    grid-column-gap: 185px;
    grid-row-gap: 185px;
    grid-template-rows: auto;
    grid-template-columns: 1.4fr 1fr;
    grid-auto-columns: 1fr;
    justify-content: space-between;
    display: grid;
}

    .service-banner-inner.location-ui-ux-in-dubai {
        grid-column-gap: 130px;
        grid-row-gap: 130px;
    }

    .service-banner-inner.ui-ux-consulting {
        grid-column-gap: 0px;
        grid-template-columns: 1.75fr 1fr;
    }

    .service-banner-inner.ux-research, .service-banner-inner.usability-testing, .service-banner-inner.ux-audit, .service-banner-inner.wirefrraming {
        grid-column-gap: 0px;
        grid-row-gap: 0px;
        grid-template-columns: 1.2fr 1fr;
    }

    .service-banner-inner.brand-identity, .service-banner-inner.brand-design {
        grid-column-gap: 0px;
        grid-template-columns: 1.75fr 1fr;
    }

.service-banner {
    padding-top: 185px;
    padding-bottom: 160px;
}

    .service-banner.bg-gray-200 {
        position: relative;
    }

        .service-banner.bg-gray-200.banner-padding {
            padding-bottom: 120px;
        }

    .service-banner.ui-ux-consulting {
        background-image: url(../images/6771326df2a207f8b5536d0a_ui-ux-consulting-service.webp);
        background-size: auto;
        padding-bottom: 225px;
        overflow-x: hidden;
    }

    .service-banner.graphic-design {
        background-image: url(../images/677f6732ae7fcc3c1e020caa_Creative-Graphics-Design-Services.webp);
        background-position: 100%;
        background-repeat: no-repeat;
        background-size: auto;
    }

    .service-banner.fintech {
        background-image: url(../images/677cf447c08f827cb404664c_Motion-Graphics-Design-Services.webp);
        background-position: 100%;
        background-repeat: no-repeat;
        background-size: auto;
    }

.service-banner-title {
    color: var(--color-primary);
    text-transform: none;
    margin-bottom: 24px;
    line-height: 1.2em;
}

    .service-banner-title.color-white {
        color: var(--color-white); 
    }

.service-banner-button {
    justify-content: flex-start;
    align-items: center;
    margin-top: 36px;
    display: flex;
}

    .service-banner-button.mt-32 {
        margin-top: 32px;
    }

.align-center {
    text-align: center;
}

    .align-center.color-primary.text-capitalize {
        display: inline-block;
    }

.service-title-text {
    text-transform: capitalize;
    margin-top: 0;
    font-size: 24px;
    font-weight: 700;
    line-height: 1.3em;
}

    .service-title-text.color-white {
        text-transform: capitalize;
    }

.service-capabilities-item-details {
    color: #7e8385;
    margin-top: 18px;
    font-size: 16px;
    line-height: 1.5em;
}

    .service-capabilities-item-details.details-item-size {
        max-width: 342px;
    }

.capabilities-item-icon {
    flex: none;
    margin-bottom: 18px;
}

.why-musemind-card-wrap {
    z-index: 0;
    grid-column-gap: 48px;
    grid-row-gap: 80px;
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr 1fr;
    grid-auto-columns: 1fr;
    margin-top: 80px;
    display: grid;
    position: relative;
}

    .why-musemind-card-wrap.column-2 {
        grid-template-columns: 1fr 1fr;
    }

.py-120 {
    padding-top: 80px;
    padding-bottom: 80px;
}

.indursty-area {
    overflow: hidden;
}
.client-feedback,.our-design-team-area,.saas-experience-area,.choose-us,.indursty-area{
    overflow: hidden;
    width: 100%;
    float: left;
}
.our-design-team-area{display: none !important;}
    .indursty-area.py-120.gray-100 {
        background-color: var(--gray-100);
    }

    .indursty-area.py-120.overflow-visiable {
        max-width: 1920px;
        overflow: visible;
    }

.industry-arrow {
    z-index: 2;
    background-color: var(--yellow-500);
    border-radius: 50%;
    justify-content: center;
    align-items: center;
    width: 44px;
    height: 44px;
    display: flex;
    position: absolute;
    bottom: 20px;
    left: 24px;
}

    .industry-arrow:hover {
        background-color: var(--color-white);
        transform: rotate(0);
    }

.industry-button-next {
    background-color: #ff0;
    border-radius: 50%;
    justify-content: center;
    align-items: center;
    width: 60px;
    height: 60px;
    transition: all .3s;
    display: flex;
}

    .industry-button-next:hover {
        background-color: #1aff85;
    }

    .industry-button-next.sider-button-next {
        z-index: 1;
        position: absolute;
        top: 50%;
        right: 0%;
        transform: translateY(-50%);
    }

.industry-item-title {
    color: #fff;
    text-align: left;
    font-size: 24px;
    font-weight: 500;
    line-height: 32px;
}

.industry-item-wrap {
    margin-top: 64px;
    position: relative;
}

.section-paragraph-2 {
    margin-top: 20px;
    font-size: 20px;
    line-height: 1.5em;
}

.industry-description {
    color: var(--color-white);
    text-align: left;
    margin-top: 20px;
    font-size: 16px;
    line-height: 1.5em;
    opacity:0;
}

.industry-single-item-wrap {
    z-index: 0;
    background-color: #fff;
    display: flex;
    position: relative;
    overflow: hidden;
}

    .industry-single-item-wrap.swiper-slide {
        display: block;
    }

.industry-single-card {
    max-width: 280px;
    height: 100%;
    min-height: 340px;
    padding: 24px;
    position: relative;
    overflow: hidden;
}

.industry-bg-image {
    z-index: 0;
    object-fit: cover;
    object-position: 50% 50%;
    border-radius: 10px;
    width: 100%;
    height: 100%;
    position: absolute;
    inset: 0%;
}

.industry-card-content {
    z-index: 2;
    height: 100%;
    position: relative;
}

.industry-arrow-icon {
    z-index: 2;
    width: 28px;
    transform: rotate(-45deg);
}

.industry-black-layer {
    z-index: 1;
    background-color: var(--color-black);
    opacity: 0;
    position: absolute;
    inset: 0%;
}

.service-banner-shape-wrap {
    position: absolute;
    inset: auto 0% 0% auto;
}

.service-banner-shape {
    object-fit: contain;
    object-position: 50% 50%;
    width: 100%;
    height: 100%;
}

.our-service-details {
    padding-top: 90px;
    padding-bottom: 90px;
}

.single-service-details {
    grid-column-gap: 64px;
    grid-row-gap: 64px;
    border-top: 1px solid #c6cacc;
    grid-template-rows: auto;
    grid-template-columns: 1fr .75fr;
    grid-auto-columns: 1fr;
    display: grid;
}

    .single-service-details.grid-layout-change {
        grid-template-columns: .75fr 1fr;
    }

    .single-service-details.border-top-none {
        border-top-style: none;
        padding-top: 0;
    }

.service-details-title {
    color: #0f1112;
    margin-top: 0;
    margin-bottom: 0;
    line-height: 120%;
}

.service-details-subtitle {
    color: #4b5154;
    margin-top: 20px;
    margin-bottom: 0;
    font-size: 18px;
}

.service-details {
    border-top: 1px solid #ebeef0;
    justify-content: space-between;
    align-items: center;
    padding-top: 20px;
    padding-bottom: 20px;
    display: flex;
}

    .service-details.border-top-none {
        grid-column-gap: 16px;
        grid-row-gap: 16px;
        border-top-style: none;
        grid-template-rows: auto auto;
        grid-template-columns: 1fr 1fr;
        grid-auto-columns: 1fr;
        justify-content: space-between;
        align-items: center;
        padding-top: 20px;
        padding-bottom: 20px;
        display: flex;
    }

.left-content {
    grid-column-gap: 32px;
    grid-row-gap: 32px;
    align-items: center;
    display: flex;
}

.service-details-number {
    color: #4b5154;
    font-family: Neuemachina,sans-serif;
    font-size: 24px;
}

.service-details-name {
    color: #0f1112;
    text-transform: capitalize;
    margin-top: 0;
    margin-bottom: 0;
    font-weight: 500;
}

.right-arrow {
    color: #0f1112;
    width: 24px;
    height: 24px;
}

.service-details-item-wrapper {
    margin-top: 64px;
}

.expertise-header {
    justify-content: space-between;
    align-items: flex-start;
    display: flex;
}

.expertise-title {
    color: var(--color-primary);
    flex: 1;
    font-size: 32px;
    font-weight: 500;
    line-height: 1.3em;
}

.expertise-subtitle {
    color: #4b5154;
    flex: 1;
    font-size: 18px;
    font-weight: 500;
    line-height: 23.4px;
}

.musemind-partner-area {
    background-color: var(--color-primary);
    overflow: hidden;
    width: 100%;
    float: left;
    position: relative;
}

.musemind-partner-content-wrap {
    grid-column-gap: 143px;
    grid-row-gap: 143px;
    grid-template-rows: auto;
    grid-template-columns: .25fr .75fr;
    grid-auto-columns: 1fr;
    display: grid;
}

.partner-title {
    color: #fff;
    text-transform: uppercase;
    /* max-width: 172px; */
    font-size: 18px;
    font-weight: 500;
}

.capabilities-item-wrap {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    grid-template-rows: auto;
    grid-template-columns: 1fr;
    grid-auto-columns: 1fr;
    display: grid;
}

.capabillites-coloumns {
    grid-column-gap: 72px;
    grid-row-gap: 72px;
    border-top: 1px solid #fff3;
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    padding-top: 40px;
    padding-bottom: 40px;
    display: grid;
}

    .capabillites-coloumns.border-top-none {
        grid-column-gap: 28px;
        grid-row-gap: 28px;
        border-top-style: none;
        padding-top: 0;
    }

    .capabillites-coloumns.last-item {
        padding-bottom: 0;
    }

    .capabillites-coloumns.border-black-15 {
        border-top-color: #00000026;
    }

.musemind-partner-wrapper {
    width: 100%;
    max-width: 1900px;
    position: relative;
}

.partner-shape {
    width: 30%;
    position: absolute;
    inset: auto auto -22% -.5%;
}

.industry-expertise-header-wrapper {
    justify-content: space-between;
    display: flex;
}

.about-banner.bg-gray-200 {
    padding-top: 170px;
    position: relative;
    overflow: hidden;
}

.expertise-left-content {
    position: relative;
}

.faq-single-item {
    clear: none;
    border-bottom: 1px solid #1f1f1e1a;
    display: block;
}

.case-button {
    margin-top: 32px;
    display: flex;
}

.service-card-desc {
    color: #5f5f5d;
    margin-top: 15px;
    font-size: 16px;
    line-height: 1.4em;
}

.faq-title-wrap {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    justify-content: flex-start;
    align-items: center;
    width: 100%;
    font-size: 24px;
    display: flex;
}

.expertise-faq-headingt {
    margin-left: -15px;
    font-size: 22px;
    font-weight: 500;
    line-height: 1.3em;
}

    .expertise-faq-headingt.color-white {
        color: #ffffffe6;
        margin-left: -15px;
    }

.expertise-content-wrap {
    z-index: 0;
    grid-column-gap: 100px;
    grid-row-gap: 16px;
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    place-items: center stretch;
    display: grid;
    position: relative;
}

    .expertise-content-wrap.home-service {
        place-items: start stretch;
    }

    .expertise-content-wrap.mt-56 {
        margin-top: 56px;
    }

    .expertise-content-wrap.mt-80 {
        place-items: start stretch;
        margin-top: 80px;
    }

.expertise-faq-arrow {
    color: #000;
    background-color: #ffffffe6;
    border-radius: 50%;
    flex: none;
    justify-content: center;
    align-items: center;
    width: 24px;
    height: 24px;
    font-family: "Fa Solid 900",sans-serif;
    font-size: 14px;
    display: flex;
}

    .expertise-faq-arrow.bg-white {
        background-color: var(--color-white);
        color: var(--color-primary);
        justify-content: center;
        align-items: center;
    }

    .expertise-faq-arrow.color-gray-100 {
        background-color: var(--gray-100);
    }

.expertise-service-image {
    width: 100%;
}

.case-title {
    color: #fff;
    margin-bottom: 24px;
    font-size: 40px;
}

.founder-designation-text {
    color: #7e8385;
    font-size: 14px;
}

.faq-title-text {
    z-index: 2;
    color: #000;
    white-space: normal;
    word-break: normal;
    font-size: 24px;
    font-weight: 500;
    line-height: 1.3em;
    position: relative;
}

.empowring-description {
    color: #f5f0f0;
}

.process-headin-title {
    color: #0f1112;
    text-transform: capitalize;
    margin-bottom: 24px;
    line-height: 1.2em;
}

.empowering-section-title {
    text-transform: capitalize;
    margin-bottom: 23px;
}

    .empowering-section-title.color-white-2 {
        text-transform: capitalize;
    }

.empowring-content {
    grid-column-gap: 190px;
    grid-row-gap: 190px;
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    display: grid;
}

.expertise-faq-title-text {
    z-index: 2;
    color: #7e8385;
    white-space: normal;
    word-break: normal;
    font-family: Aeonik,sans-serif;
    font-weight: 500;
    line-height: 1.3em;
    position: relative;
}

.case-studies-card {
    grid-column-gap: 100px;
    grid-row-gap: 100px;
    background-color: #202324;
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    place-items: center start;
    margin-left: 82px;
    padding: 32px;
    display: grid;
    position: sticky;
    top: 100px;
}

.faq-questions {
    /*cursor: pointer;*/
    justify-content: space-between;
    align-items: center;
    width: 100%;
    padding-top: 16px;
    padding-bottom: 16px;
    text-decoration: none;
    display: flex;
}

    .faq-questions.py-25 {
        padding-top: 25px;
        padding-bottom: 25px;
    }

.process-single-list {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    justify-content: flex-start;
    align-items: center;
    display: flex;
}

.case-studies-single-line {
    z-index: 0;
    color: #fff;
    background-color: #fff84b;
    justify-content: center;
    align-items: center;
    width: 3px;
    height: 190px;
    font-size: 18px;
    display: flex;
    position: absolute;
    top: 0;
    left: -7.1%;
    transform: translate(10%);
}

.service-card-title {
    color: #0f1112;
    text-transform: capitalize;
    font-size: 24px;
    font-weight: 700;
    line-height: 1.3em;
}

.empowring-list-wrap {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    flex-flow: column;
    display: flex;
}

.marquee-item-wrapper {
    grid-column-gap: 50px;
    grid-row-gap: 50px;
    flex-flow: wrap;
    display: flex;
    position: relative;
    overflow: hidden; 
}

.case-studies-group {
    grid-column-gap: 30px;
    grid-row-gap: 30px;
    flex-flow: column;
    display: flex;
}

.industry-section-title {
    text-transform: capitalize;
    margin-bottom: 24px;
}

.process-single-card {
    background-color: #fff;
    border: 1px solid #edf0f2;
    padding: 24px;
    position: relative;
}

    .process-single-card.swiper-slide, .process-single-card.border-0 {
        border-width: 0;
    }

.case-gradient-layer {
    z-index: 3;
    background-image: linear-gradient(#0000,#000 84%);
    width: 0%;
    height: 0;
    margin-left: auto;
    margin-right: 0;
    position: fixed;
    inset: auto 0 0;
}

.service-banner-img {
    object-fit: contain;
    object-position: 50% 50%;
    width: 100%;
    height: 100%;
    display: block;
}

.our-expertise-area {
    z-index: 0;
    position: relative;
    overflow: hidden;
    width: 100%;
    float: left;
}

.color-white-2 {
    color: #fff;
}

.brand-paragraph {
    text-align: left;
    margin: 24px auto 40px;
    line-height: 1.5em;
}

.benefit-faq-description {
    color: #5f5f5d;
    background-color: #0000;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    font-size: 18px;
    line-height: 1.5em;
}

.service-item-content-wrap {
    padding-top: 24px;
}

.empowring-count-number {
    color: #0f1112;
    -webkit-text-stroke-width: 1.5px;
    margin-top: 0;
    margin-bottom: 24px;
    font-family: Neuemachina,sans-serif;
    font-size: 54px;
    font-weight: 300;
    line-height: 1.2em;
}

.single-team-content {
    grid-column-gap: 2px;
    grid-row-gap: 2px;
    flex-flow: column;
    margin-top: 20px;
    display: flex;
}

.case-studies-image {
    object-fit: cover;
    width: 100%;
    height: 100%;
}

.design-team-wrapper {
    grid-column-gap: 36px;
    grid-row-gap: 36px;
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
    grid-auto-columns: 1fr;
    margin-top: 80px;
    display: grid;
}

.counter-number-block-two {
    align-items: center;
    display: flex;
}

.case-studies-numbner {
    z-index: 1;
    color: #fff;
    background-color: #0f1112;
    justify-content: center;
    align-items: center;
    width: 30px;
    height: 30px;
    font-size: 18px;
    display: flex;
    position: absolute;
    top: 0;
    left: -7%;
    transform: translate(-50%);
}

.faq-item-wrapper {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    flex-flow: column;
    display: flex;
}

.empowring-single-list {
    min-height: 198px;
    padding: 30px 32px;
}

    .empowring-single-list.bg-green {
        background-color: var(--green-600);
    }

.case-image-wrap {
    width: 100%;
}

.expertise-headin-title {
    color: #0f1112;
    text-transform: capitalize;
    margin-bottom: 24px;
    line-height: 1.2em;
}

    .expertise-headin-title.color-white {
        color: #ffffffe6;
    }

.expertise-single-item {
    clear: none;
    border-bottom: 1px solid #1f1f1e1a;
    display: block;
}

    .expertise-single-item.border {
        border-bottom-color: #4b5154;
    }

.service-process-button {
    display: flex;
}

.benefit-area {
    z-index: 0;
    position: relative;
}

.processing-area {
    background-color: #edf0f2;
    position: relative;
    overflow: hidden;
}

.section-top-content {
    max-width: 685px;
}

    .section-top-content.width-710 {
        max-width: 710px;
    }

    .section-top-content.width-800 {
        max-width: 800px;
    }

.expertise-faq-title {
    grid-column-gap: 32px;
    grid-row-gap: 32px;
    justify-content: flex-start;
    align-items: flex-start;
    width: 100%;
    font-size: 22px;
    display: flex;
}

.expertise-faq-area {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    flex-flow: column;
    display: flex;
}

    .expertise-faq-area.mt-0, .expertise-faq-area.pt-200 {
        margin-top: 0;
    }

.case-studies-slide {
    position: relative;
    width: 100%;
    float: left;
}

.service-item-wrapper {
    grid-column-gap: 48px;
    grid-row-gap: 48px;
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr 1fr;
    grid-auto-columns: 1fr;
    margin-top: 80px;
    display: grid;
}

.expertise-description {
    padding-left: 25px;
    line-height: 1.5em;
}

    .expertise-description.p1 {
        padding-left: 20px;
    }

        .expertise-description.p1.color-aluminium {
            color: var(--gray-500);
            padding-left: 22px;
        }

        .expertise-description.p1.padding-left {
            padding-left: 8px;
        }

.why-musemind-section-heading {
    text-align: center;
    text-transform: capitalize;
    max-width: 940px;
    margin-left: auto;
    margin-right: auto;
}

    .why-musemind-section-heading.align-left {
        text-align: left;
        margin-left: 0;
    }

        .why-musemind-section-heading.align-left.width-900 {
            max-width: 900px;
        }

    .why-musemind-section-heading.width-556 {
        max-width: 556px;
    }

    .why-musemind-section-heading.width-650 {
        max-width: 650px;
    }

    .why-musemind-section-heading.width-700 {
        max-width: 700px;
    }

    .why-musemind-section-heading.width-1030 {
        max-width: 1030px;
    }

.case-card-button {
    z-index: 1;
    color: #fff;
    background-color: #0f1112;
    border-radius: 100px;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    padding: 12px 18px;
    font-weight: 500;
    text-decoration: none;
    transition: all .3s;
    display: flex;
    position: relative;
    overflow: hidden;
}

    .case-card-button:hover {
        color: #0f1112;
        background-color: #fff84b;
    }

    .case-card-button.bg-yellow-500 {
        color: #0f1112;
        background-color: #fff84b;
        transition: all .3s;
    }

        .case-card-button.bg-yellow-500:hover {
            background-color: #fff;
        }

.team-member-image {
    width: 100%;
}

.case-content-wrapper {
    padding-top: 120px;
    padding-bottom: 120px;
    display: flex;
    position: relative;
}

.faq-item-2 {
    clear: none;
    background-color: #f5f6f7;
    padding: 20px 20px 20px 24px;
    display: block;
    overflow: hidden;
}

.process-wrapper {
    grid-column-gap: 24px;
    grid-row-gap: 24px;
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    grid-auto-columns: 1fr;
    margin-top: 60px;
    display: grid;
}

.benefit-list-wrapper {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    flex-flow: column;
    justify-content: flex-start;
    align-items: flex-start;
    margin-top: 28px;
    display: flex;
}

.benefit-service-image {
    width: 100%;
}

.process-step-wrap {
    color: #0f1112;
    text-transform: uppercase;
    background-color: #fffdc9;
    border-radius: 50px;
    margin-bottom: 24px;
    padding: 8px 16px;
    font-family: Neuemachina,sans-serif;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.4em;
    display: inline-block;
}

    .process-step-wrap.stem-4 {
        background-color: #ffdce6;
    }

    .process-step-wrap.step-3 {
        background-color: #dbffec;
    }

    .process-step-wrap.step-2 {
        background-color: #ffdfd5;
    }

    .process-step-wrap.stem-5 {
        background-color: var(--yellow-500);
    }

.case-studis-content {
    position: relative;
}

.case-description {
    color: #7e8385;
    margin-bottom: 16px;
}

.expertise-content-wrapper {
    padding-top: 0;
}

.slider-line {
    width: 2px;
    height: 100vh;
    position: sticky;
    top: 0;
    left: 0;
}

.expertise-heading-wrap {
    white-space: normal;
    width: 100%;
    padding: 0;
}

.industry-inner-content {
    max-width: 770px;
}

.service-card-images {
    width: 100%;
    height: 170px;
}

    .service-card-images.service-list-image {
        object-fit: cover;
        height: 200px;
    }

.processing-section-shape {
    max-width: 470px;
    position: absolute;
    top: 0;
    right: 0;
}

.process-card-title {
    color: #0f1112;
    margin-bottom: 16px;
    font-size: 24px;
}

.benefit-content-wrap {
    z-index: 0;
    grid-column-gap: 100px;
    grid-row-gap: 16px;
    grid-template-rows: auto;
    grid-template-columns: 1fr 1.1fr;
    grid-auto-columns: 1fr;
    margin-top: 60px;
    display: grid;
    position: relative;
}

.process-list-wrapper {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    background-color: #fff;
    flex-flow: column;
    justify-content: flex-start;
    align-items: flex-start;
    margin-top: 28px;
    display: flex;
}

.case-studies-line {
    background-color: #606567;
    width: 3px;
    height: 128%;
    position: absolute;
    top: -14%;
    left: 0%;
    right: auto;
}

.expertise-faq-description {
    color: #5f5f5d;
    background-color: #0000;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    margin-left: 0;
    padding-right: 28px;
    font-size: 20px;
    line-height: 1.5em;
    display: block;
    position: relative;
}

.our-vision-area.gray-200 {
    background-color: var(--gray-200);
    background-color: #ebeef0;
}

.vision-small-text {
    letter-spacing: -.01px;
    text-indent: 0;
    text-transform: uppercase;
    font-size: 18px;
    font-weight: 500;
}

.faq-item-title {
    white-space: normal;
    width: 100%;
    padding: 20px 20px 20px 0;
    display: block;
}

.faq-bottom-item {
    border-bottom: 1.5px solid #c6cacc;
    width: 100%;
    overflow: hidden;
}

.faq-answer-content {
    background-color: #ddd0;
    padding-left: 0;
    padding-right: 100px;
    display: none;
    position: relative;
    overflow: hidden;
    /* opacity: 1;
    visibility: visible;
    transition: all 0.5s ease-in-out; */
}

.video-icon {
    background-color: var(--yellow-500);
    color: var(--color-primary);
    border-radius: 50%;
    justify-content: center;
    align-items: center;
    width: 120px;
    height: 120px;
    font-family: "Fa Solid 900",sans-serif;
    font-size: 30px;
    display: flex;
}

.industry-button-prev {
    background-color: #ff0;
    border-radius: 50%;
    justify-content: center;
    align-items: center;
    width: 60px;
    height: 60px;
    transition: all .3s;
    display: flex;
}

    .industry-button-prev:hover {
        background-color: #1aff85;
    }

    .industry-button-prev.sider-button-prev {
        z-index: 1;
        position: absolute;
        top: 50%;
        left: 0;
        transform: translateY(-50%);
    }

.industry-slider-arrow-icon {
    width: 38px;
}

.service-about-paragraph {
    max-width: 505px;
}

.about-service-area {
    position: relative;
    width: 100%;
    float: left;
}
.service-area{
    position: relative;
    width: 100%;
    float: left;
}
.pb-120 {
    padding-bottom: 90px;
}

.client-project-wrapper {
    grid-column-gap: 72px;
    grid-row-gap: 56px;
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr 1fr;
    grid-auto-columns: 1fr;
    margin-top: 80px;
    display: grid;
}

.client-project-image {
    width: 100%;
}

.client-project-content {
    padding-top: 22px;
}

.client-project-card-title {
    color: #0f1112;
    text-align: left;
    font-size: 24px;
    font-weight: 700;
    line-height: 1.3em;
}

.client-project-card-desc {
    color: #5f5f5d;
    margin-top: 10px;
    font-size: 16px;
    line-height: 1.4em;
}

.client-section-head {
    max-width: 597px;
    margin-left: auto;
    margin-right: auto;
}

    .client-section-head.with-765 {
        max-width: 765px;
    }

.industry-section-paragraph {
    color: #4b5154;
}

.feedback-section-heading {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    text-align: center;
    flex-flow: column;
    max-width: 577px;
    margin-left: auto;
    margin-right: auto;
    display: flex;
}

.client-feedback-wrapper {
    grid-column-gap: 32px;
    grid-row-gap: 32px;
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr 1fr;
    grid-auto-columns: 1fr;
    margin-top: 80px;
    display: grid;
}

.client-feedback-single {
    grid-column-gap: 105px;
    grid-row-gap: 105px;
    background-color: #f5f6f7;
    flex-flow: column;
    justify-content: space-between;
    padding: 40px;
    display: flex;
}

.client-feedback-content-top {
    grid-column-gap: 40px;
    grid-row-gap: 40px;
    color: var(--color-primary);
    flex-flow: column;
    justify-content: center;
    align-items: flex-start;
    font-size: 22px;
    font-weight: 500;
    display: flex;
}

.client-feedback-meta {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    justify-content: flex-start;
    align-items: center;
    display: flex;
}
.client-feedback-meta img{
    display: none !important;
}

.client-name-text {
    color: var(--color-primary);
    font-size: 18px;
    font-weight: 500;
}

.client-designation-text {
    font-size: 14px;
    line-height: 1.4em;
}

.before {
    z-index: 2;
    width: 50%;
    height: 100%;
    position: absolute;
    inset: 0% auto auto 0%;
    overflow: hidden;
}

.after-before-area {
    position: relative;
}

.drag {
    z-index: 5;
    -webkit-backdrop-filter: blur(4px);
    backdrop-filter: blur(4px);
    cursor: col-resize;
    background-color: #ffffff40;
    justify-content: center;
    align-items: center;
    width: 21px;
    display: flex;
    position: absolute;
    inset: 0% auto 0% 50%;
    transform: translate(-50%);
    box-shadow: 0 0 16px #1f268724;
}

.tech-stack-inner-content {
    max-width: 910px;
}

    .tech-stack-inner-content.text-center {
        margin-left: auto;
        margin-right: auto;
    }

.before-image {
    max-width: none;
    display: block;
}

.after-after-title {
    color: #7e8385;
    font-size: 36px;
    font-weight: 500;
    position: absolute;
    top: 50%;
    right: 1%;
    transform: translateY(-50%)rotate(90deg);
}

.after-before-content {
    z-index: 0;
    width: 80%;
    margin-left: auto;
    margin-right: auto;
    position: relative;
    overflow: hidden;
}

.before-after-title {
    color: #7e8385;
    font-size: 36px;
    font-weight: 500;
    position: absolute;
    top: 50%;
    left: 1%;
    transform: translateY(-50%)rotate(-90deg);
}

.after-before-icon {
    -webkit-backdrop-filter: blur(14px);
    backdrop-filter: blur(14px);
    background-color: #000;
    border-radius: 50px;
    justify-content: center;
    align-items: center;
    width: 74px;
    min-width: 74px;
    height: 74px;
    min-height: 74px;
    padding: 5px;
    display: flex;
}

.after-before-wrap {
    z-index: 0;
    margin-top: 70px;
    position: relative;
}

.after {
    overflow: hidden;
}

.after-before-section-heading {
    text-align: center;
}

.after-befor-section-desc {
    color: #7e8385;
    max-width: 567px;
    margin: 25px auto 0;
    font-size: 18px;
    line-height: 1.5em;
}

.membership-seciton-heading {
    color: var(--color-primary);
    text-align: center;
}

.membership-card-wrapper {
    grid-column-gap: 36px;
    grid-row-gap: 36px;
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    margin-top: 80px;
    display: grid;
}

.membership-single-card {
    padding: 36px 24px 24px;
}

.pricing-heading {
    grid-column-gap: 40px;
    grid-row-gap: 40px;
    justify-content: flex-start;
    align-items: center;
    display: flex;
}

.membership-title {
    margin-bottom: 5px;
    font-size: 32px;
    font-weight: 700;
    line-height: 1.3em;
}

.pricing-body-wrap {
    background-color: #fff6;
    margin-top: 48px;
    padding: 16px;
}

    .pricing-body-wrap.white-10 {
        background-color: #ffffff1a;
    }

.div-block-8 {
    grid-column-gap: 4px;
    grid-row-gap: 4px;
    justify-content: flex-start;
    align-items: flex-end;
    margin-top: 17px;
    margin-bottom: 17px;
    display: flex;
}

.membership-price {
    color: var(--color-primary);
    font-family: Neuemachina,sans-serif;
    font-size: 64px;
    font-weight: 400;
    line-height: .8em;
}

.membership-card-button {
    margin-top: 45px;
}

.membership-title-block {
    display: block;
}

.gray-300 {
    color: #7e8385;
}

.pricing-heading-wrap {
    grid-column-gap: 5px;
    grid-row-gap: 5px;
    flex-flow: column;
    display: flex;
}

.membership-pricing-all {
    background-image: linear-gradient(80deg,var(--green-600),var(--yellow-500));
    color: var(--color-primary);
    -webkit-text-fill-color: transparent;
    -webkit-background-clip: text;
    background-clip: text;
    font-family: Neuemachina,sans-serif;
    font-size: 64px;
    font-weight: 400;
    line-height: .8em;
}

.service-capabilities-item-desc {
    color: #4b5154;
    margin-top: 18px;
    font-size: 16px;
    line-height: 1.5em;
}

.tech-section-heading {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    text-align: center;
    flex-flow: column;
    max-width: 890px;
    margin-left: auto;
    margin-right: auto;
    display: flex;
}

.tech-section-description {
    max-width: 600px;
    margin-left: auto;
    margin-right: auto;
    font-size: 18px;
    line-height: 1.4em;
}

.tech-stack-wrapper {
    grid-column-gap: 32px;
    grid-row-gap: 32px;
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    grid-auto-columns: 1fr;
    margin-top: 80px;
    display: grid;
}

.tech-stack-single {
    background-color: #f5f6f7;
}

.color-gray-300 {
    color: #4b5154;
}

    .color-gray-300._80 {
        opacity: .8;
    }

.breadcrumb-title {
    margin-top: 0;
    font-size: 80px;
}

.featured-blog-post-area {
    padding-top: 150px;
    padding-bottom: 120px;
}

.featured-post-item-wrap {
    margin-top: 110px;
}

.blog-collection-list-wrap {
    z-index: 1;
    position: relative;
}

.hero-single-blog {
    grid-column-gap: 65px;
    grid-row-gap: 65px;
    grid-template-rows: auto;
    grid-template-columns: 1.1fr 1fr;
    grid-auto-columns: 1fr;
    display: grid;
}

.hero-single-blog-meta {
    grid-column-gap: 8px;
    grid-row-gap: 8px;
    color: #7e8385;
    justify-content: flex-start;
    align-items: center;
    margin-bottom: 25px;
    font-size: 14px;
    display: flex;
}

.hero-blog-meta-dot {
    background-color: var(--color-white);
    border-radius: 50%;
    width: 6px;
    height: 6px;
}

.hero-blog-short-description {
    color: #7e8385;
    margin-top: 20px;
}

.blog-hero-title {
    justify-content: space-between;
    align-items: center;
    display: flex;
}

.search-button {
    color: var(--gray-500);
    background-color: #3898ec00;
    padding: 7px 10px 10px 16px;
    font-family: "Fa Solid 900",sans-serif;
    font-size: 16px;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
}

.search {
    border-radius: 100px;
    width: 100%;
    max-width: 265px;
    margin-bottom: 0;
    position: relative;
}

.search-input {
    background-color: #fff;
    border-radius: 50px;
    height: 40px;
    margin-bottom: 0;
    padding-top: 0;
    padding-bottom: 0;
    padding-left: 50px;
}

.blog-wrapper {
    grid-column-gap: 36px;
    grid-row-gap: 80px;
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr 1fr;
    grid-auto-columns: 1fr;
    display: grid;
}

.form-input-group {
    grid-column-gap: 132px;
    grid-row-gap: 132px;
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    place-items: center start;
}

.blog-content-wrapper {
    padding-top: 20px;
}

.blog-title-text {
    color: var(--color-primary);
    margin-top: 10px;
    font-size: 24px;
    line-height: 1.3em;
}

.blog-cta-area {
    background-image: url(../images/672a03ab81c50f41a3f029a7_blog-cta-image.avif);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    margin-top: 80px;
    margin-bottom: 80px;
    padding: 60px 156px;
}

.blog-cta-title {
    grid-column-gap: 160px;
    grid-row-gap: 160px;
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    place-items: center stretch;
    display: grid;
}

.heading-3 {
    color: var(--color-white);
    font-size: 40px;
}

.form {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    justify-content: flex-start;
    align-items: center;
    display: flex;
}

.cta-input {
    border-radius: 50px;
    width: 270.813px;
    height: 56px;
    margin-bottom: 0;
    padding-left: 20px;
}

    .cta-input::placeholder {
        color: #7e8385;
        font-size: 14px;
        font-weight: 500;
    }

.blog-image {
    width: 100%;
}

.cta-button {
    z-index: 1;
    background-color: var(--color-primary);
    color: var(--color-white);
    border-radius: 100px;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    padding: 16px 24px;
    line-height: 1.2em;
    text-decoration: none;
    transition: all .3s;
    display: flex;
    position: relative;
    overflow: hidden;
}

    .cta-button:hover {
        background-color: var(--yellow-500);
        color: var(--color-primary);
    }

    .cta-button.bg-yellow-500 {
        background-color: var(--yellow-500);
        color: var(--color-primary);
        transition: all .3s;
    }

        .cta-button.bg-yellow-500:hover {
            background-color: var(--color-white);
        }

.blog-image-element {
    object-fit: cover;
    width: 100%;
    max-width: 100%;
    min-height: 340px;
    max-height: 340px;
}

.career-content-wrap {
    grid-column-gap: 128px;
    grid-row-gap: 128px;
    grid-template-rows: auto;
    grid-template-columns: 1fr 1.2fr;
    grid-auto-columns: 1fr;
    display: grid;
}

.business-thrived-description {
    max-width: 277px;
    margin-bottom: 0;
    font-size: 16px;
    font-weight: 500;
    line-height: 1.5em;
}

.leader-name {
    color: #0f1112;
    text-transform: capitalize;
    margin-top: 0;
    margin-bottom: 0;
    font-size: 22px;
    font-weight: 500;
}

.values-title-wrap {
    grid-column-gap: 44px;
    grid-row-gap: 44px;
    flex: 1;
    justify-content: flex-start;
    align-items: center;
    display: flex;
}

.vision-title-text {
    color: #0f1112;
    letter-spacing: -.01px;
    text-indent: 155px;
    max-width: 1200px;
    margin-top: -45px;
    padding-bottom: 80px;
    font-weight: 500;
}

.career-title {
    color: #0f1112;
}

.values-name {
    color: #0f1112;
    max-width: 183px;
    margin-top: 0;
    margin-bottom: 0;
    font-weight: 500;
    line-height: 1.4em;
}

.section-title-text {
    color: #0f1112;
}

    .section-title-text.fz.color.title-animation-right {
        color: #000;
        font-size: 18px;
        font-weight: 500;
        line-height: 1.4em;
    }

.circle {
    color: #000;
}

.success-stories-wrapper {
    grid-column-gap: 80px;
    grid-row-gap: 80px;
    border-top: 1px solid #7e8385;
    grid-template-rows: auto;
    grid-template-columns: 1.5fr 2fr;
    grid-auto-columns: 1fr;
    padding-top: 80px;
    display: grid;
}

.our-values-area {
    padding-top: 90px;
    padding-bottom: 90px;
    width: 100%;
    float: left;
    position: relative;
}

.thrived-content-wrapper {
    margin-top: 90px;
}

.single-values-item {
    grid-column-gap: 169px;
    grid-row-gap: 169px;
    background-color: #f5f6f7;
    grid-template-rows: auto;
    grid-template-columns: .25fr 1fr;
    grid-auto-columns: 1fr;
    justify-content: space-between;
    align-items: center;
    padding: 16px 20px 16px 40px;
    display: flex;
}

.about-banner-shape {
    z-index: 111;
    max-width: 822px;
    position: absolute;
    inset: 12% -5% 0% auto;
}

.thrived-number {
    color: #0f1112;
    letter-spacing: -.02px;
    font-family: Neuemachina,sans-serif;
    font-size: 96px;
    font-weight: 400;
}

.career-left-content {
    flex-flow: column;
    justify-content: space-between;
    display: flex;
}

.about-banner-image {
    z-index: 999;
    margin-top: 100px;
    position: relative;
}

.career-content {
    flex-flow: column;
    margin-bottom: 48px;
}

.leader-designation-content {
    grid-column-gap: 5px;
    grid-row-gap: 5px;
    flex-flow: column;
    margin-top: 16px;
    display: flex;
}

.leader-designation {
    color: var(--gray-500);
    text-transform: none;
    font-size: 16px;
}

.values-item-wrap {
    grid-column-gap: 12px;
    grid-row-gap: 12px;
    flex-flow: column;
    align-items: flex-start;
    display: flex;
}

.values-icon {
    flex: none;
    width: 50px;
}

.leadership-item-wrap {
    margin-top: 40px;
    position: relative;
}

.button-wrapper {
    justify-content: flex-start;
    display: flex;
}

.career-shape {
    max-width: 90%;
    padding-bottom: 40px;
}

.values-content-wrapper {
    grid-column-gap: 342px;
    grid-row-gap: 342px;
    grid-template-rows: auto;
    grid-template-columns: .25fr .75fr;
    grid-auto-columns: 1fr;
    align-items: stretch;
}

.about-banner-title {
    color: #0f1112;
    max-width: 846px;
    font-size: 96px;
}

.career-opportunities {
    background-color: #ebeef0;
    padding-top: 75px;
    width: 100%;
    float: left;
    position: relative;
}

.business-thrived-content {
    border-top: 1px solid #7e8385;
    grid-template-rows: auto;
    grid-template-columns: 1fr 1.5fr;
    grid-auto-columns: 1fr;
    justify-content: flex-start;
    align-items: flex-end;
    padding-top: 35px;
    display: grid;
}

    .business-thrived-content.pb-40 {
        border-top-style: none;
        padding-top: 0;
        padding-bottom: 35px;
    }

.business-thrived-text {
    font-weight: 500;
}

.thrived-left-content {
    flex: none;
}

.values-content {
    grid-column-gap: 160px;
    grid-row-gap: 160px;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    justify-content: space-between;
    display: flex;
}

.leadership-single-item-wrap {
    z-index: 0;
    background-color: #fff;
    display: flex;
    position: relative;
    overflow: hidden;
}

    .leadership-single-item-wrap.swiper-slide {
        display: block;
    }

    .leadership-single-item-wrap.grid {
        grid-column-gap: 30px;
        grid-row-gap: 50px;
        grid-template-rows: auto auto;
        grid-template-columns: 1fr 1fr 1fr 1fr;
        grid-auto-columns: 1fr;
        display: grid;
    }

.our-leadership-area {
    overflow: hidden;
    width: 100%;
    float: left;
    position: relative;
    display: none !important;
}

.values-description {
    text-align: left;
    max-width: 424px;
    margin-bottom: 0;
    font-size: 16px;
    font-weight: 500;
    line-height: 1.5em;
}

.success-description-text {
    color: #4b5154;
    margin-top: 0;
    margin-bottom: 0;
    font-weight: 500;
    line-height: 1.4em;
}

    .success-description-text.mt-30 {
        text-transform: capitalize;
        margin-top: 30px;
    }

.career-description {
    margin-top: 24px;
    margin-bottom: 48px;
    font-weight: 400;
    line-height: 1.4em;
}

.blog-details {
    padding-top: 190px;
    padding-bottom: 100px;
}

.blog-details-content-wrap {
    grid-column-gap: 37px;
    grid-row-gap: 37px;
    border-bottom: 1px solid #c6cacc;
    justify-content: flex-start;
    align-items: stretch;
    width: 100%;
    max-width: 1350px;
    margin-left: auto;
    margin-right: auto;
    padding-left: 24px;
    padding-right: 24px;
    display: flex;
}

.table-of-content {
    background-color: var(--gray-100);
    padding: 24px;
}

.blog-full-description {
    width: 60%;
}

.contact-with-musemind {
    width: 23%;
    position: relative;
}

.toc {
    color: var(--color-primary);
    text-transform: capitalize;
    margin-bottom: 24px;
    font-size: 24px;
}

.blog-meta-wrap {
    grid-column-gap: 13px;
    grid-row-gap: 13px;
    border-top: 1px solid #dfe2e3;
    border-bottom: 1px solid #dfe2e3;
    justify-content: flex-start;
    align-items: center;
    margin-top: 26px;
    padding-top: 10px;
    padding-bottom: 10px;
    display: flex;
}

.single-meta-wrap {
    grid-column-gap: 8px;
    grid-row-gap: 8px;
    justify-content: flex-start;
    align-items: center;
    font-size: 14px;
    display: flex;
}

.blog-heading {
    color: var(--color-primary);
    font-size: 38px;
}

.blog-richtext h2 {
    color: var(--color-primary);
    margin-top: 48px;
    font-size: 32px;
    line-height: 1.2em;
}

.blog-richtext h3 {
    color: var(--color-primary);
    margin-top: 48px;
    font-size: 24px;
    font-weight: 700;
    line-height: 1.3em;
}

.blog-richtext h4 {
    color: var(--color-primary);
    font-size: 20px;
}

.blog-richtext h1 {
    color: var(--color-primary);
    font-size: 48px;
}

.blog-richtext p {
    margin-top: 20px;
    margin-bottom: 0;
    font-size: 18px;
    line-height: 1.5em;
}

.blog-richtext img {
    margin-top: 32px;
    margin-bottom: 6px;
}

.blog-richtext ul {
    margin-top: 20px;
}

.blog-richtext li {
    color: var(--color-primary);
    font-size: 18px;
}

.blog-richtext figure {
    text-align: left;
}

.blog-main-thumbnail {
    width: 100%;
    max-height: 438px;
    margin-top: 32px;
}

.table-of-content-wrapper {
    width: 25%;
}

.blog-social-media-wrapper {
    grid-column-gap: 12px;
    grid-row-gap: 12px;
    justify-content: flex-start;
    align-items: center;
    margin-top: 24px;
    display: flex;
}

    .blog-social-media-wrapper.hide {
        display: none;
    }

.blog-social-wrapper {
    grid-column-gap: 12px;
    grid-row-gap: 12px;
    display: flex;
}

.blog-single-social {
    color: var(--color-primary);
    font-family: "Fa Brands 400",sans-serif;
    font-size: 16px;
}

.blog-cta {
    background-color: #fff84b;
    padding: 24px 20px;
}

.heading-4 {
    color: var(--color-primary);
    text-transform: capitalize;
    font-size: 24px;
}

.cta-form-button {
    background-color: #0f1112;
    border-radius: 4px;
    width: 100%;
    font-size: 16px;
}

.form-block {
    margin-top: 20px;
    margin-bottom: 0;
}
 
.text-field {
    border: 1px solid #ebeef0;
    border-radius: 4px;
    height: 40px;
    margin-bottom: 8px;
}

.terms-and-condition {
    margin-top: 12px;
    font-size: 12px;
    line-height: 1.4em;
}

.team-member {
    justify-content: flex-start;
    align-items: center;
    display: flex;
    display: none !important;
}

    .team-member.ml-40 {
        margin-left: 40px;
    }

.privacy-link {
    color: #4b5154;
    font-weight: 400;
    text-decoration: underline;
}

.blog-author-info-wrap {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    grid-template-rows: auto;
    grid-template-columns: 1fr;
    grid-auto-columns: 1fr;
    width: 100%;
    max-width: 700px;
    margin-left: auto;
    margin-right: auto;
    padding-top: 56px;
    padding-bottom: 56px;
    display: grid;
}

.author-information {
    grid-column-gap: 27px;
    grid-row-gap: 27px;
    justify-content: flex-start;
    align-items: flex-start;
    display: flex;
}

.name-of-ceo {
    color: var(--color-primary);
    margin-bottom: 12px;
    font-size: 40px;
    font-weight: 500;
    line-height: 1.3em;
}

.author-description {
    margin-top: 24px;
    font-size: 18px;
}

.related-blog {
    padding-top: 45px;
    padding-bottom: 160px;
}

.related-blog-collection {
    margin-top: 48px;
}

.related-blog-wrapper {
    grid-column-gap: 40px;
    grid-row-gap: 80px;
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr 1fr;
    grid-auto-columns: 1fr;
    display: grid;
}

.blog-teams {
    background-image: url(../images/../images/671f8b0df717ed960d45fd83_Frame%201261155711.avif);
    background-position: 50%;
    background-size: cover;
    min-height: 238px;
    margin-top: 16px;
    padding: 24px;
    position: sticky;
    top: 50px;
}

.bg-gray-300 {
    background-color: var(--color-gray-300);
}

.case-studies-section-heading {
    max-width: 813px;
    margin-bottom: 60px;
    margin-top: 60px;
}

.case-studies-section-title {
    color: var(--color-primary);
    margin-bottom: 24px;
}

.case-studies-details {
    padding-top: 170px;
}

.case-details-wrapper {
    grid-column-gap: 96px;
    grid-row-gap: 96px;
    justify-content: space-between;
    align-items: flex-start;
    width: 100%;
    max-width: 100%;
    margin-top: 80px;
    margin-left: auto;
    margin-right: auto;
    padding-left: 24px;
    padding-right: 24px;
    display: flex;
}

.project-contribution-wrap {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    background-color: #f5f6f7;
    flex-flow: column;
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
    grid-auto-columns: 1fr;
    margin-bottom: 20px;
    padding: 24px;
    display: flex;
}

.project-contribution-item {
    border-bottom: 1px solid #ebeef0;
    padding-bottom: 16px;
}

    .project-contribution-item.service-list {
        border-bottom-width: 0;
        padding-bottom: 0;
    }

.project-contribution-title {
    color: #4b5154;
    letter-spacing: 2px;
    text-transform: uppercase;
    margin-bottom: 4px;
    font-size: 12px;
    font-weight: 500;
}

.project-location-title {
    color: var(--color-primary);
    font-size: 16px;
    font-weight: 500;
    line-height: 1.3em;
}

.project-link-block {
    grid-column-gap: 6px;
    text-decoration: none;
    display: flex;
}

.project-arrow-icon {
    transform: rotate(-45deg);
}

.project-service-list {
    flex-flow: column;
    justify-content: center;
    align-items: flex-start;
    padding-left: 0;
    list-style-type: none;
    display: flex;
}

.project-service-list-item {
    background-color: var(--color-white);
    color: var(--color-primary);
    border-radius: 50px;
    margin-bottom: 8px;
    padding: 4px 12px;
    font-size: 14px;
    display: inline-block;
}

.case-details-sidebar {
    flex: none;
    position: sticky;
    top: 50px;
}

.case-social-media-wrapper {
    grid-column-gap: 8px;
    grid-row-gap: 8px;
    justify-content: flex-start;
    align-items: center;
    margin-top: 16px;
    display: flex;
}

.case-single-social-media {
    color: var(--color-primary);
    background-color: #ebeef0;
    border-radius: 50%;
    justify-content: center;
    align-items: center;
    width: 28px;
    height: 28px;
    font-family: "Fa Brands 400",sans-serif;
    font-size: 12px;
    text-decoration: none;
    display: flex;
}

.share-social-media {
    color: var(--color-primary);
    font-size: 16px;
}

.case-studies {
    max-width: 1330px;
    margin-left: auto;
    margin-right: auto;
    padding-left: 24px;
    padding-right: 24px;
}

.case-section-title {
    color: var(--color-primary);
}

.case-studies-image-gallery {
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
}

    .case-studies-image-gallery.mb-32 {
        max-width: none;
        overflow: visible;
    }

.case-studies-paragraph {
    font-size: 32px;
    line-height: 45px;
}

.subtitle {
    color: #000;
    font-size: 24px;
    font-weight: 500;
    line-height: 130%;
}

.case-studies-image-gallery-grid {
    grid-column-gap: 32px;
    grid-row-gap: 32px;
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    display: grid;
}

    .case-studies-image-gallery-grid.mb-32 {
        grid-auto-flow: row;
    }

.case-study-gallery-image {
    width: 100%;
}

.salary-span {
    color: #7e8385;
}

.career-banner-area {
    background-color: #ebeef0;
    padding-top: 150px;
    overflow: hidden;
}

.career-benefit-name {
    color: #0f1112;
    margin-top: 20px;
    margin-bottom: 0;
    font-weight: 400;
}

.current-subtitle {
    color: #0f1112;
    text-transform: capitalize;
    margin-top: 0;
    margin-bottom: 0;
    font-weight: 500;
    line-height: 1.4em;
}

.section-heading {
    color: #0f1112;
    text-transform: uppercase;
}

.current-opening-title {
    max-width: 220px;
    font-size: 18px;
    font-weight: 500;
}

.current-openning-area {
    background-color: #f5f6f7;
}

.career-banner-description {
    color: #0f1112;
    text-transform: capitalize;
    margin-top: 0;
    margin-bottom: 0;
    font-weight: 500;
    line-height: 33.6px;
}

.job-title {
    color: #0f1112;
    margin-top: 32px;
    margin-bottom: 8px;
    font-size: 22px;
    font-weight: 500;
}

.swiper-pagination {
    background-color: #c6cacc;
    width: 95%;
    height: 1px;
    margin-left: 120px;
}

.career-banner-content {
    padding-bottom: 66px;
}

.video-button-icon-four {
    position: absolute;
}

.career-button-wrap {
    display: flex;
}

.job-list {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    padding-top: 80px;
    display: grid;
}

.employes-feedback-item-wrap {
    margin-top: 80px;
}

.videon-icon {
    justify-content: center;
    align-items: center;
    display: flex;
    position: relative;
}

.career-video-icon-wrap {
    flex-flow: column;
    justify-content: center;
    align-items: center;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
}

.employes-feedback-area {
    overflow: hidden;
}

.feedback-single-card {
    width: 100%;
    height: 100%;
    position: relative;
}

.employe-name {
    color: #fff;
    font-weight: 500;
}

.career-benefit-item {
    border-right: 1px solid #ebeef0;
    padding-bottom: 40px;
    padding-left: 40px;
    padding-right: 20px;
}

    .career-benefit-item.pt-40 {
        padding-top: 40px;
        padding-bottom: 0;
    }

    .career-benefit-item.pl-0 {
        padding-left: 0;
        padding-right: 30px;
    }

    .career-benefit-item.pr-0 {
        border-right-style: none;
        padding-right: 20px;
    }

.career-banner-inner {
    align-items: flex-start;
    display: flex;
}

.slider-control {
    border: 1px solid #232429;
    border-radius: 50%;
    justify-content: center;
    align-items: center;
    width: 56px;
    height: 56px;
    display: flex;
}

    .slider-control.sider-button-next {
        z-index: 1;
        background-color: #ebeef0;
        border-style: none;
        width: 40px;
        height: 40px;
        left: 50px;
        right: auto;
        transform: translateY(-50%);
    }

    .slider-control.sider-button-prev {
        z-index: 99;
        background-color: #ebeef0;
        border-style: none;
        width: 40px;
        height: 40px;
        left: 0;
        right: auto;
        transform: translateY(-50%);
    }

.video-button-icon-two {
    position: absolute;
}

.section-title-wrapper {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
}

.career-small-image-wrapper {
    flex: none;
    position: relative;
    overflow: hidden;
}

.job-item {
    background-color: #fff;
    padding: 24px;
}

.career-image-wrapper {
    flex: none;
    position: relative;
    overflow: hidden;
}

.career-big-title {
    text-align: center;
    letter-spacing: -7px;
    text-transform: uppercase;
    margin-top: 80px;
    font-size: 10.98vw;
    font-weight: 900;
    line-height: .8em;
}

.career-row {
    border-bottom: 1px solid #ebeef0;
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    grid-auto-columns: 1fr;
    display: grid;
}

    .career-row.bb-0 {
        border-bottom-style: none;
    }

.career-banner-left-content {
    grid-column-gap: 98px;
    grid-row-gap: 98px;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    align-items: flex-end;
    display: flex;
}

.employe-designation-wrap {
    position: absolute;
    inset: auto auto 40px 40px;
}

.job-type {
    color: #7e8385;
    font-size: 16px;
}

.career-benefit-svg {
    width: 48px;
}

.lightbox-link {
    justify-content: center;
    align-items: center;
    width: 900px;
    height: 600px;
}

.career-benefit-item-wrap {
    grid-template-rows: auto auto;
    grid-template-columns: 1fr;
    grid-auto-columns: 1fr;
    display: grid;
}

.feedback-single-item-wrap.swiper-slide {
    width: 900px;
    height: 600px;
}

.openning-section-header {
    grid-column-gap: 316px;
    grid-row-gap: 316px;
    /* border-bottom: 1px solid #c6cacc; */
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    justify-content: space-between;
    align-items: center;
    /* padding-bottom: 80px; */
    display: grid;
}

.employe-designation {
    color: #fff;
    font-size: 16px;
}

.career-benefit-content-wrapper {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    grid-template-rows: auto;
    grid-template-columns: .5fr 1.5fr;
    grid-auto-columns: 1fr;
    display: grid;
}

.video-button-icon-three {
    position: absolute;
}

.team-name {
    color: #0f1112;
    font-size: 14px;
    font-weight: 500;
}

.slide-arrow-image {
    color: #7e8385;
    width: 28px;
}

.feedback-video {
    justify-content: center;
    align-items: center;
}

.salary-range {
    color: #0f1112;
    font-size: 16px;
    font-weight: 500;
}

.job-footer {
    justify-content: space-between;
    align-items: center;
    margin-top: 32px;
    display: flex;
}

.slider-arrow {
    grid-column-gap: 36px;
    grid-row-gap: 36px;
    justify-content: flex-start;
    align-items: stretch;
    margin-top: 56px;
    display: flex;
    position: relative;
}

.salary-range-wrap {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    background-color: #f5f6f7;
    border-radius: 100px;
    padding: 16px 24px;
    display: flex;
}

.div-block-12 {
    grid-column-gap: 8px;
    grid-row-gap: 8px;
    align-items: center;
    display: flex;
}

.about-hero-button {
    margin-top: 64px;
    display: flex;
}

    .about-hero-button.mt-decrease {
        margin-top: 40px;
    }

.all-employes-image-wrap, .team-group-image-wrap {
    position: relative;
    overflow: hidden;
}

.mb-80 {
    margin-bottom: 80px;
}

.mb-24 {
    margin-bottom: 24px;
}

.fz-24 {
    color: var(--color-primary);
    font-size: 24px;
    font-weight: 500;
}

    .fz-24.color-white {
        color: var(--color-white);
    }

.fz-18 {
    font-size: 18px;
}

.mb-40 {
    margin-bottom: 40px;
}

.mb-16 {
    margin-bottom: 16px;
}

.mb-56 {
    margin-bottom: 56px;
}

.mb-32 {
    margin-bottom: 32px;
}

.mb-48 {
    margin-bottom: 48px;
}

.fz-40 {
    font-size: 40px;
}

.email-heading {
    color: #fff;
    border-bottom: 1px solid #606567;
    padding-bottom: 80px;
    font-weight: 500;
}

.svg-icon {
    color: #fff;
    width: 20px;
    height: 20px;
}

.email-address {
    color: #fff;
    font-size: 40px;
    font-weight: 500;
}

.icon {
    background-color: #4b5154;
    border-radius: 100%;
    flex-flow: column;
    justify-content: center;
    align-items: center;
    width: 36px;
    height: 36px;
    display: flex;
}

.email-address-content {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    justify-content: flex-start;
    align-items: center;
    margin-top: 22px;
    display: flex;
}

.image-5 {
    position: absolute;
    inset: auto 0% -5% auto;
}

.email-title {
    color: #7e8385;
    text-transform: uppercase;
    font-size: 18px;
}

.contact-by-email-area {
    background-color: #0f1112;
    padding-top: 90px;
    padding-bottom: 90px;
    position: relative;
    overflow: hidden;
    width: 100%;
    float: left;
    position: relative;
}

.email-content-wrap {
    z-index: 9;
    grid-column-gap: 77px;
    grid-row-gap: 77px;
    flex-flow: column;
    align-items: flex-start;
    padding-top: 80px;
    display: flex;
    position: relative;
}

.location-arrow-icon {
    color: #000;
    width: 24px;
    height: 24px;
}

.our-country-location-title {
    color: #0f1112;
    margin-bottom: 8px;
    font-size: 24px;
    font-weight: 500;
    line-height: 39px;
}

.group-image-wrap {
    position: relative;
}

.our-location-item-wrap {
    grid-column-gap: 48px;
    grid-row-gap: 48px;
    flex-flow: column;
    display: flex;
}

.diamond-shadow {
    z-index: -1;
    text-align: center;
    position: absolute;
    inset: auto 0% 0%;
}

    .diamond-shadow.top {
        inset: 0% 0% auto;
    }

.location-contact-info-block {
    border-bottom: 1px solid #c6cacc;
    justify-content: space-between;
    align-items: stretch;
    padding-bottom: 42px;
    display: flex;
}

.empoweing-header {
    grid-column-gap: 80px;
    grid-row-gap: 80px;
    flex-flow: column;
    margin-bottom: 128px;
    display: flex;
}

.our-location-item.border-bottom {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    border-top: 1px solid #c6cacc;
    border-bottom-color: #d6dce1;
    grid-template-rows: auto;
    grid-template-columns: .5fr 1fr;
    grid-auto-columns: 1fr;
    justify-content: space-between;
    padding-top: 48px;
    padding-bottom: 48px;
    display: grid;
}

    .our-location-item.border-bottom.last-item {
        padding-bottom: 0;
    }

.empoweing-area.section-padding.z-index.bg-white {
    overflow: hidden;
}

.clock-block {
    align-items: center;
    font-size: 36px;
    font-weight: 500;
    line-height: 47px;
    display: flex;
}

.our-location-info {
    width: 100%;
}

.location-details {
    color: #000;
    max-width: 310px;
    font-size: 24px;
    font-weight: 500;
    line-height: 21px;
    text-decoration: none;
}

    .location-details.fs-16 {
        color: #4b5154;
        max-width: 350px;
        font-size: 16px;
    }

.location-title {
    color: #7d7d82;
    text-transform: capitalize;
    margin-top: 16px;
    margin-bottom: 12px;
    font-size: 16px;
}

.live-location-clock-block {
    color: var(--color-primary);
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 180px;
    height: 180px;
    padding: 52px 47px;
    display: flex;
}

    .live-location-clock-block.day-mode {
        color: #000;
        background-color: #0000;
    }

.location-details-wrap {
    grid-column-gap: 8px;
    grid-row-gap: 8px;
    align-items: stretch;
    margin-bottom: 12px;
    display: flex;
}

.author-image {
    border-radius: 50%;
}

.service-banner-heading {
    color: #0f1112;
    margin-bottom: 24px;
}

    .service-banner-heading.color-white {
        color: #fff;
    }

.color-aluminium {
    color: var(--color-aluminium);
}

.pricing-banner-area {
    padding-top: 140px;
}

.container-large {
    width: 100%;
    max-width: 1670px;
    margin-left: auto;
    margin-right: auto;
    padding-left: 40px;
    padding-right: 40px;
    overflow: hidden;
}

.pricing-banner-title {
    color: var(--color-primary);
    text-align: center;
    max-width: 1050px;
    margin-bottom: 29px;
    margin-left: auto;
    margin-right: auto;
    font-size: 64px;
    font-weight: 700;
    line-height: 1.2em;
}

.pricing-tab-menu-wrap {
    text-align: center;
    background-color: #fff;
    border-radius: 100px;
    max-width: 300px;
    margin-left: auto;
    margin-right: auto;
    padding: 6px;
}

.dolf-logo {
    max-width: 110px;
}

.flaunte-logo {
    max-width: 100px;
}

.arrive-logo {
    max-width: 80px;
}

.pricing-plan-name {
    justify-content: space-between;
    align-items: center;
    margin-bottom: 16px;
    display: flex;
}

.pricing-notification-wrap {
    overflow: hidden;
}

.pricing-single-card {
    background-color: var(--color-white);
    border-radius: 16px;
    padding: 31px 24px;
    position: relative;
}

    .pricing-single-card.popular-card {
        background-color: #0d0d0d00;
        background-image: url(https://cdn.prod.website-files.com/67188059a65126f4c0d6213e/6731d63a09ba08b72cc0f6ef_Frame%201171277673%20\(1\).avif);
        background-repeat: no-repeat;
        background-size: cover;
        border-width: 0;
        border-color: #ffff7b54;
    }

.service-details-wrap {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    border-radius: 16px;
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr 1fr;
    grid-auto-columns: 1fr;
    margin-top: 40px;
    padding: 40px;
}

.marquee-two {
    grid-column-gap: 60px;
    grid-row-gap: 60px;
    flex-flow: row;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
    grid-auto-columns: 1fr;
    justify-content: flex-start;
    align-items: center;
    display: flex;
}

.single-service-list {
    grid-column-gap: 8px;
    grid-row-gap: 8px;
    justify-content: flex-start;
    align-items: flex-start;
    display: flex;
}

.price-amount-text {
    color: var(--color-primary);
    font-family: Neuemachina,sans-serif;
    font-size: 42px;
    font-weight: 700;
    line-height: 1.3em;
}

.available-plan {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    color: #000;
    background-color: #f5f6f7;
    border-radius: 50px;
    justify-content: flex-start;
    align-items: center;
    max-width: 152px;
    padding: 4px 8px 4px 10px;
    font-weight: 500;
    line-height: 1.1em;
    display: flex;
}

    .available-plan.popular-item {
        grid-column-gap: 7px;
        grid-row-gap: 7px;
        background-color: #fff9;
        justify-content: flex-start;
        align-items: center;
        font-size: 14px;
        font-weight: 400;
        display: flex;
        overflow: hidden;
    }

.limited-dot {
    background-color: #22ff83;
    border-radius: 50%;
    width: 12px;
    height: 12px;
    position: relative;
}

.marquee-three {
    grid-column-gap: 60px;
    grid-row-gap: 60px;
    flex-flow: row;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
    grid-auto-columns: 1fr;
    justify-content: flex-start;
    align-items: center;
    display: flex;
    transform: none;
}

.card-popular-text {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
}

.peel-logo {
    max-width: 70px;
}

.plan-duration {
    color: #4b5154;
    margin-top: 20px;
    font-size: 20px;
    font-weight: 500;
}

    .plan-duration.color-black {
        color: #000;
    }

.price-20-off {
    color: #4b5154cc;
    margin-top: 20px;
    font-size: 18px;
    line-height: 1.5em;
}

    .price-20-off.popular {
        color: #000;
    }

.plan-name-text {
    color: var(--color-primary);
    font-size: 24px;
    font-weight: 700;
    line-height: 1.3em;
}

    .plan-name-text.popular-card {
        color: #000;
    }

.pricing-tab-menu {
    color: #000;
    background-color: #ddd0;
    border-radius: 100px;
    padding: 6px 35px;
    font-size: 18px;
    font-weight: 500;
}

    .pricing-tab-menu.w--current {
        color: #fff;
        background-color: #000;
        box-shadow: 0 5px 6px #0003;
    }

.popular-price-shape {
    z-index: 4;
    color: var(--color-primary);
    width: 100%;
    max-width: 213px;
    height: 100%;
    min-height: 34px;
    max-height: 34px;
    font-size: 16px;
    font-weight: 500;
    position: absolute;
    top: -2.9%;
    bottom: auto;
    left: 50%;
    transform: translate(-50%);
}

.price-card-button {
    margin-top: 32px;
}

    .price-card-button.monthly {
        margin-top: 35px;
    }

.price-feature-list {
    grid-column-gap: 6px;
    grid-row-gap: 6px;
    color: var(--color-primary);
    justify-content: flex-start;
    align-items: center;
    font-size: 16px;
    display: flex;
}

    .price-feature-list.block {
        width: 100%;
        display: flex;
    }

.our-clients-logo-wrap {
    z-index: 1;
    position: relative;
    overflow: hidden;
    width: 100%;
    float: left;
}

    .our-clients-logo-wrap.py-120 {
        background-color: #fff;
        position: relative;
    }

.more-feature-list {
    grid-column-gap: 12px;
    grid-row-gap: 12px;
    flex-flow: column;
    display: flex;
}

.pricing-area {
    overflow: hidden;
}

.price-feature-check {
    color: #000;
    flex: none;
    justify-content: center;
    align-items: center;
    width: 20px;
    height: 20px;
    font-family: "Fa Solid 900",sans-serif;
    font-size: 16px;
    display: flex;
}

.price-short-description {
    color: #4b5154cc;
    font-size: 16px;
    line-height: 1.5em;
}

    .price-short-description.popular {
        color: #000;
    }

.price-amount {
    grid-column-gap: 5px;
    grid-row-gap: 5px;
    justify-content: flex-start;
    align-items: center;
    margin-top: 40px;
    display: flex;
}

.popular-price-shape-image {
    z-index: 4;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
    display: block;
}

.hojj-logo {
    max-width: 160px;
}

.pricing-button {
    z-index: 1;
    color: var(--color-primary);
    background-color: #ebeef0;
    border-radius: 100px;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    padding: 12px 24px;
    font-size: 16px;
    text-decoration: none;
    transition: all .35s;
    display: flex;
    position: relative;
    overflow: hidden;
}

    .pricing-button:hover {
        color: #000;
        background-color: #ff0;
    }

    .pricing-button.active {
        color: #fff;
        background-color: #000;
    }

.more-feature-title {
    color: var(--color-primary);
    margin-bottom: 16px;
    font-size: 18px;
    font-weight: 500;
    line-height: 1.3em;
}

    .more-feature-title.whats-includes {
        color: #32332e;
    }

.pricing-notification {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    justify-content: flex-start;
    align-items: center;
    display: flex;
}

.slots-available-text {
    flex: none;
}

.buble-dot-red {
    background-color: #e34343;
    border-radius: 50%;
    flex: none;
    width: 12px;
    height: 12px;
    position: relative;
}

.marquee-one {
    grid-column-gap: 60px;
    grid-row-gap: 60px;
    flex-flow: row;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
    grid-auto-columns: 1fr;
    justify-content: flex-start;
    align-items: center;
    display: flex;
    transform: none;
}

.single-service-list-text {
    color: var(--color-white);
    font-size: 15px;
    line-height: 1.5em;
}

.pricing-tab-wrapper {
    margin-top: 95px;
    overflow: visible;
}

.buble-dot-red-color {
    background-color: #e34343;
    border-radius: 50%;
    position: absolute;
    inset: 0%;
}

.pricing-card-wrapper {
    grid-column-gap: 30px;
    grid-row-gap: 30px;
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    display: grid;
}

.div-block-10 {
    position: absolute;
    top: -42px;
}

.packt {
    max-width: 100px;
}

.single-service-check {
    background-color: #606567;
    border-radius: 50%;
    flex: none;
    justify-content: center;
    align-items: center;
    width: 12px;
    height: 12px;
    margin-top: 6px;
    display: flex;
}

.team-composition-list {
    grid-column-gap: 8px;
    grid-row-gap: 8px;
    flex-flow: wrap;
    display: flex;
}

.pricing-service-details {
    background-color: var(--color-primary);
    border-radius: 16px;
    margin-top: 24px;
}

.service-details-content-2 {
    grid-column-gap: 80px;
    grid-row-gap: 80px;
    border-radius: 16px;
    grid-template-rows: auto;
    grid-template-columns: 1fr 1.3fr 1fr 1.2fr;
    grid-auto-columns: 1fr;
    display: grid;
}

.cis-logo {
    max-width: 115px;
}

.price-details-heading {
    color: var(--color-primary);
    text-align: center;
    text-transform: none;
    max-width: 650px;
    margin-left: auto;
    margin-right: auto;
    font-size: 40px;
    line-height: 1.3em;
}

.pricing-content {
    z-index: 99;
    padding-top: 88px;
    position: relative;
}

.availablitily-text {
    color: #4b5154;
    font-size: 14px;
    font-weight: 400;
}

.more-feature-wrap {
    margin-top: 20px;
}

.team-composition-title {
    color: var(--color-primary);
    width: 100%;
    margin-top: 34px;
    margin-bottom: 20px;
    font-size: 20px;
    font-weight: 500;
    line-height: 1.3em;
}

.service-single-widget {
    grid-column-gap: 32px;
    grid-row-gap: 32px;
    flex-flow: column;
    display: flex;
}

.trusted-client-text {
    color: #000;
    text-align: center;
    font-size: 18px;
    font-weight: 700;
    line-height: 1.5em;
}

    .trusted-client-text.pb-64 {
        letter-spacing: 3px;
        margin-bottom: 64px;
    }

.service-clients-logo {
    z-index: 0;
    text-align: center;
    flex: none;
    max-width: 130px;
}

.buble-dot {
    background-color: #00bf66;
    border-radius: 50%;
    position: absolute;
    inset: 0%;
}

.button-content {
    grid-column-gap: 4px;
    align-items: center;
    display: flex;
}

.service-card-description-text {
    color: #dededc;
    font-size: 16px;
    line-height: 1.5em;
}

.service-card-title-text {
    color: #fff;
    margin-bottom: 24px;
    font-size: 22px;
    font-weight: 700;
    line-height: 1.3em;
}

.single-service-wrap {
    grid-column-gap: 42px;
    grid-row-gap: 42px;
    background-color: #1a1a1a;
    border-radius: 16px;
    flex-flow: column;
    grid-template-rows: auto;
    grid-template-columns: 1fr;
    grid-auto-columns: 1fr;
    place-items: center start;
    padding: 20px 20px 28px;
    display: flex;
}

.more-service-section-heading {
    color: #fff;
    text-align: center;
    text-transform: capitalize;
    max-width: 695px;
    margin-left: auto;
    margin-right: auto;
    line-height: 1.3em;
}

.service-single-tag {
    color: #bbbbb9;
    background-color: #ffffff1a;
    border-radius: 100px;
    padding: 8px 16px;
    font-size: 14px;
}

.service-card-image-eelement {
    width: 100%;
}

.service-areas {
    background-color: #000;
    overflow: hidden;
    width: 100%;
    float: left;
    position: relative;
}

.service-card-tags {
    grid-column-gap: 12px;
    grid-row-gap: 12px;
    flex-flow: wrap;
    margin-top: 24px;
    display: flex;
}

.book-a-button-desktop {
    display: block;
}

.musemind-company {
    padding-top: 40px;
    padding-bottom: 40px;
}

.single-benifit-list {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    color: #000;
    border-top: 1px solid #d6dce180;
    justify-content: flex-start;
    align-items: center;
    padding-top: 20px;
    padding-bottom: 20px;
    padding-left: 60px;
    font-size: 22px;
    font-weight: 500;
    line-height: 1.5em;
    display: flex;
}

    .single-benifit-list.musemind-choose {
        padding-left: 0;
    }

        .single-benifit-list.musemind-choose.last-item, .single-benifit-list.last-item {
            border-bottom: 1px solid #d6dce180;
        }

    .single-benifit-list.disable-text {
        color: #7e8385;
    }

.other-company-text {
    color: #000;
    margin-bottom: 20px;
    padding-left: 60px;
    font-size: 28px;
    font-weight: 500;
    line-height: 1.4em;
}

.why-choose-section-title-text {
    color: var(--color-black);
    text-transform: capitalize;
    line-height: 1.3em;
}

.compaier-musemind-card {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    background-color: #fff;
    border-radius: 16px;
    grid-template-rows: auto;
    grid-template-columns: 1fr 1.1fr;
    grid-auto-columns: 1fr;
    margin-top: 80px;
    padding-left: 40px;
    display: grid;
}

.book-now-btn {
    z-index: 1;
    color: #fff;
    background-color: #000;
    border-radius: 100px;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    padding: 23px 56px;
    font-size: 18px;
    line-height: 1.2em;
    text-decoration: none;
    display: flex;
    position: relative;
    overflow: hidden;
}

.why-choose-section-heading {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    grid-template-rows: auto;
    grid-template-columns: 2fr 1fr;
    grid-auto-columns: 1fr;
    place-items: center end;
    display: grid;
}

.musemind-logo {
    margin-bottom: 32px;
}

.why-choose-musemind-agency {
    background-color: #ebeef0;
}

.other-company {
    border-top-right-radius: 16px;
    border-bottom-right-radius: 16px;
    padding-top: 40px;
    padding-bottom: 40px;
    padding-right: 20px;
}

.book-a-call-image {
    padding-bottom: 0;
    transform: translate(-50px,32px);
}

.calandy-area {
    justify-content: space-between;
    align-items: center;
    padding-top: 15px;
    padding-right: 5px;
}

.book-a-call-description {
    color: #bbbbb9;
    margin-top: 16px;
    margin-bottom: 32px;
    font-size: 18px;
    font-weight: 500;
    line-height: 1.4em;
}

.calandy-section-title-text {
    color: var(--color-primary);
    text-align: center;
    width: 100%;
    line-height: 1.3em;
}

.book-a-call-area {
    grid-column-gap: 200px;
    grid-row-gap: 200px;
    background-color: #000;
    border-radius: 16px;
    grid-template-rows: auto;
    grid-template-columns: 1.2fr 1fr;
    grid-auto-columns: 1fr;
    margin-top: 80px;
    padding: 32px;
    display: grid;
    overflow: hidden;
}

.book-a-call-img {
    width: 100%;
    height: 100%;
    display: block;
}

.calandy-shedule-area {
    padding-top: 120px;
}

.book-a-call-section-heading {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    grid-template-rows: auto;
    grid-template-columns: 2fr;
    grid-auto-columns: 1fr;
    place-items: end;
}

.price-details-wrapper {
    margin-top: 40px;
}

.service-card-wrapper {
    grid-column-gap: 24px;
    grid-row-gap: 48px;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr 1fr;
    grid-auto-columns: 1fr;
    margin-top: 80px;
    display: grid;
}

.pricing-block-title {
    display: block;
}

.benefit-section-title {
    color: var(--color-primary);
    text-align: center;
}

.benefit-membership-wrapper {
    grid-column-gap: 24px;
    grid-row-gap: 24px;
    display: flex;
}

.benefit-single-card.width-30 {
    background-color: #ff0;
    flex: none;
    width: 30%;
}

    .benefit-single-card.width-30.bg-green {
        background-color: #1aff85;
    }

.benefit-card-content {
    margin-bottom: 5px;
    padding-top: 40px;
    padding-left: 40px;
    padding-right: 40px;
}

.heading-5 {
    color: var(--color-primary);
    font-weight: 500;
}

.text-block-2 {
    color: var(--color-primary);
    margin-top: 24px;
    font-size: 18px;
    line-height: 1.4em;
}

.div-block-15 {
    flex-flow: column;
    justify-content: center;
    align-items: flex-start;
    width: 50%;
    display: flex;
}

.div-block-16 {
    grid-column-gap: 55px;
    grid-row-gap: 55px;
    background-color: #edf0f2;
    flex: none;
    width: 68%;
    padding-right: 50px;
    display: flex;
}

.benefit-heading {
    color: var(--color-primary);
    text-transform: capitalize;
    margin-bottom: 24px;
    font-weight: 500;
}

    .benefit-heading.white-color {
        color: var(--color-white);
    }

.circle-star-image {
    object-fit: contain;
    align-self: flex-end;
    width: 45%;
}

.pricing-benefit-area{
    width: 100%;
    float: left;
    position: relative;
}

.div-block-17 {
    grid-column-gap: 24px;
    grid-row-gap: 24px;
    flex-flow: column;
    margin-top: 80px;
    display: flex;
}

.div-block-16-copy {
    grid-column-gap: 55px;
    grid-row-gap: 55px;
    background-color: var(--color-primary);
    flex: none;
    width: 68%;
    padding-right: 50px;
    display: flex;
}

.image-13 {
    text-align: right;
    margin-left: auto;
    margin-right: 0;
    display: block;
}

.div-block-18 {
    grid-column-gap: 8px;
    grid-row-gap: 8px;
    color: var(--color-white);
    justify-content: flex-start;
    align-items: center;
    display: flex;
}

.div-block-19 {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    justify-content: flex-start;
    align-items: center;
    display: flex;
}

.text-block-3, .text-block-4 {
    font-weight: 500;
}

.no-fee {
    grid-column-gap: 8px;
    grid-row-gap: 8px;
    color: #7e8385;
    justify-content: flex-start;
    align-items: center;
    width: 100%;
    display: flex;
    position: absolute;
    bottom: -40px;
    left: 50%;
}

.dropdown-menu-area {
    grid-column-gap: 5px;
    grid-row-gap: 5px;
    justify-content: flex-start;
    align-items: center;
    padding: 0;
    line-height: 24px;
}

    .dropdown-menu-area:hover {
        color: #7d7d82;
    }

    .dropdown-menu-area:focus-visible {
        outline-offset: 0px;
        color: #ff6854;
        border-radius: 4px;
        outline: 2px solid #0050bd;
    }

    .dropdown-menu-area[data-wf-focus-visible] {
        outline-offset: 0px;
        color: #ff6854;
        border-radius: 4px;
        outline: 2px solid #0050bd;
    }

.custom-pricing-icon {
    max-width: 57px;
}

.left-shadow {
    background-image: linear-gradient(90deg,#fff,#ffffffe6 58%,#fff0);
    width: 200px;
    position: absolute;
    top: 0;
    bottom: 0;
    left: -5%;
}

.right-shadow {
    background-image: linear-gradient(90deg,#fff0,#ffffffe6 36%,#fff);
    width: 200px;
    position: absolute;
    top: 0;
    bottom: 0;
    right: -5%;
}

.choose-us-title-wrap {
    text-transform: capitalize;
}

.why-choos-us-content-wrap {
    grid-column-gap: 92px;
    grid-row-gap: 92px;
    grid-template-rows: auto;
    grid-template-columns: .5fr .75fr;
    grid-auto-columns: 1fr;
    display: grid;
}

.why-choose-us-wrapper {
    width: 100%;
    max-width: 1900px;
    position: relative;
}

.why-choose-us-area {
    background-color: #0f1112;
    overflow: hidden;
}

    .why-choose-us-area.py-120.bg-white {
        background-color: var(--color-white);
    }

    .why-choose-us-area.bg-gray-200 {
        background-color: var(--gray-200);
    }

.video-about {
    z-index: 0;
    padding-left: 0;
    padding-right: 0;
width: 100%;
float: left;
position: relative;    
}

.startup-service-card-wrap {
    grid-column-gap: 24px;
    grid-row-gap: 64px;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr 1fr;
    grid-auto-columns: 1fr;
    margin-top: 80px;
    display: grid;
}

.startup-service-title.color-white {
    text-align: center;
    max-width: 695px;
    margin-left: auto;
    margin-right: auto;
}

.startup-service-card {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    background-color: #202324;
    flex-flow: column;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr;
    grid-auto-columns: 1fr;
    justify-content: space-between;
    align-items: stretch;
    padding-top: 24px;
    padding-left: 24px;
    padding-right: 24px;
    display: grid;
}

.startup-service-name {
    font-size: 28px;
}

    .startup-service-name.color-white {
        margin-top: 0;
        margin-bottom: 24px;
    }

.startup-service-image {
    width: 100%;
}

.startup-services-area.section-padding {
    background-color: #0f1112;
    display: block;
}

.primary-button-12-20 {
    z-index: 1;
    background-color: var(--color-primary);
    color: var(--color-white);
    border-radius: 100px;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    padding: 12px 20px;
    font-size: 18px;
    line-height: 1.2em;
    text-decoration: none;
    transition: all .3s;
    display: flex;
    position: relative;
    overflow: hidden;
}

    .primary-button-12-20:hover {
        background-color: var(--yellow-500);
        color: var(--color-primary);
    }

    .primary-button-12-20.bg-yellow-500 {
        background-color: var(--yellow-500);
        color: var(--color-primary);
        transition: all .3s;
    }

        .primary-button-12-20.bg-yellow-500:hover {
            background-color: var(--color-white);
        }

    .primary-button-12-20.bg-white {
        background-color: var(--color-white);
        color: var(--color-primary);
    }

        .primary-button-12-20.bg-white:hover {
            background-color: var(--yellow-500);
        }

.about-description {
    color: #7e8385;
    margin-bottom: 32px;
    font-size: 22px;
    font-weight: 400;
    line-height: 1.4em;
}

.pb-100 {
    padding-bottom: 100px;
}

.pt-160 {
    padding-top: 90px;
}

.primary-button-19-24 {
    z-index: 1;
    background-color: var(--color-primary);
    color: var(--color-white);
    border-radius: 100px;
    flex-direction: row;
    flex: none;
    justify-content: center;
    align-items: center;
    padding: 19px 24px;
    font-size: 18px;
    font-weight: 500;
    line-height: 1em;
    text-decoration: none;
    transition: all .3s;
    display: flex;
    position: relative;
    overflow: hidden;
}

    .primary-button-19-24:hover {
        background-color: var(--yellow-500);
        color: var(--color-primary);
        text-decoration: none;
    }

    .primary-button-19-24.bg-yellow-500 {
        background-color: var(--yellow-500);
        color: var(--color-primary);
    }

        .primary-button-19-24.bg-yellow-500:hover {
            background-color: var(--color-white);
            text-decoration: none;
        }

.primary-button-16-24-2 {
    z-index: 1;
    color: #fff;
    background-color: #0f1112;
    border-radius: 100px;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    padding: 16px 24px;
    font-size: 16px;
    font-weight: 500;
    line-height: 1.2em;
    text-decoration: none;
    transition: all .3s;
    display: flex;
    position: relative;
    overflow: hidden;
}

    .primary-button-16-24-2:hover {
        color: #0f1112;
        background-color: #fff84b;
        text-decoration: none;
    }

    .primary-button-16-24-2.bg-yellow-500 {
        background-color: var(--yellow-500);
        color: #0f1112;
        transition: all .3s;
    }

        .primary-button-16-24-2.bg-yellow-500:hover {
            background-color: #fff;
            text-decoration: none;
        }

.team-heading-2 {
    color: #fff;
    max-width: 264px;
    margin-top: 13px;
    font-size: 24px;
}

.color-light-gray {
    color: #dededc;
}

.case-first-item-wrapper {
    position: relative;
}

.contact-submit-button {
    background-color: var(--color-primary);
    border-radius: 100px;
    width: 100%;
    padding: 15px 48px;
    font-size: 18px;
    font-weight: 500;
    transition: all .3s;
    display: block;
}

    .contact-submit-button:hover {
        background-color: var(--yellow-500);
        color: var(--color-primary);
    }

.plan-name {
    font-size: 14px;
}

.process-title {
    text-transform: capitalize;
}

.contact-info-wrapper {
    flex-flow: column;
    display: inline-block;
}

.div-block-20 {
    grid-column-gap: 5px;
    grid-row-gap: 5px;
    display: flex;
}

.job-details-title {
    color: #000;
    margin-bottom: 20px;
    font-size: 24px;
    font-weight: 700;
    line-height: 39px;
}

.job-footnote {
    color: #000;
    font-size: 24px;
    font-weight: 500;
    line-height: 36px;
}

.banner-3d-block {
    z-index: -3;
    text-align: right;
    max-width: 75%;
    position: absolute;
    inset: 0% -9% auto auto;
}

    .banner-3d-block.blend-normal {
        mix-blend-mode: normal;
    }

.job-info-title {
    color: #7d7d82;
    letter-spacing: 2px;
    text-transform: uppercase;
    margin-bottom: 16px;
    font-size: 14px;
}

.job-info-wrap {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr 1fr;
    grid-auto-columns: 1fr;
    justify-content: space-between;
    display: flex;
}

.job-info-details {
    color: #000;
    font-size: 18px;
    font-weight: 500;
}

.job-details-block {
    border-bottom: 1px solid #d6dce1;
    margin-bottom: 30px;
    padding-bottom: 30px;
}

.job-post-header-info {
    margin-bottom: 96px;
}

.job-post-wrap {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr 1fr;
    grid-auto-columns: 1fr;
    max-width: 630px;
    margin-left: 11.458vw;
}

.job-title-text {
    color: var(--color-primary);
    margin-top: 0;
    margin-bottom: 35px;
}

.apply-button-wrapper {
    display: flex;
}

.div-block-21 {
    position: sticky;
    top: 50px;
}

.booking-team-image {
    flex: none;
    width: 48px;
    height: 48px;
}

    .booking-team-image:nth-child(odd), .booking-team-image:nth-child(2n) {
        margin-left: -20px;
    }

.answer-wrap {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    flex-flow: column;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    padding-bottom: 20px;
    display: flex;
}

.blog-image-wrap {
    overflow: hidden;
}

.text-capitalize {
    text-transform: capitalize;
}

.service-card-heading {
    display: block;
}

.p3-2 {
    margin-bottom: 0;
    font-size: 22px;
    line-height: 1.5em;
}

.service-title-text-wrap {
    max-width: 927px;
    margin-left: auto;
    margin-right: auto;
}

.success-path-content-wrap {
    grid-column-gap: 152px;
    grid-row-gap: 152px;
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    align-items: baseline;
    display: grid;
}

.success-path-tab-title {
    color: #4b5154;
    margin-bottom: 15px;
    padding-bottom: 0;
    font-size: 24px;
    font-weight: 500;
    line-height: 1.6em;
}

.sidebar-load {
    background-color: #0f1112;
    width: 100%;
    height: 0%;
}

.auto-tab {
    grid-column-gap: 36px;
    grid-row-gap: 36px;
    flex-flow: column;
    display: flex;
}

.tab-link {
    background-color: #0000;
    padding: 10px 28px 0;
}

    .tab-link.w--current {
        background-color: #ebeef0;
        flex-flow: column;
        margin-top: 0;
        margin-bottom: 0;
        padding-top: 28px;
        padding-bottom: 28px;
        display: flex;
    }

.process-headin-text {
    color: #0f1112;
    text-transform: capitalize;
    margin-bottom: 24px;
    line-height: 1.2em;
}

.auto-tabs-menu {
    flex: 1;
    position: relative;
}

.tabs-content {
    flex: none;
    width: 50%;
    display: none;
    position: static;
}

.tab-sidebar {
    background-color: #7e8385;
    width: 3px;
    height: 100%;
    position: absolute;
    inset: 0 auto auto -20px;
}

.auto-tabs {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    place-content: stretch;
    place-items: flex-start start;
}

.div-block-22 {
    grid-column-gap: 24px;
    grid-row-gap: 24px;
    flex-flow: column;
    max-width: 683px;
    display: flex;
}

.why-button {
    margin-top: 32px;
    display: flex;
}

.benifit-button {
    margin-top: 56px;
    margin-bottom: 56px;
    display: flex;
}

.process-button-next {
    background-color: #ff0;
    border-radius: 50%;
    justify-content: center;
    align-items: center;
    width: 60px;
    height: 60px;
    transition: all .3s;
    display: flex;
    position: absolute;
}

    .process-button-next:hover {
        background-color: #1aff85;
    }

    .process-button-next.next {
        z-index: 9;
        top: 50%;
        right: 0;
        transform: translateY(-50%);
    }

.process-button-prev {
    background-color: #ff0;
    border-radius: 50%;
    justify-content: center;
    align-items: center;
    width: 60px;
    height: 60px;
    transition: all .3s;
    display: flex;
    position: absolute;
}

    .process-button-prev:hover {
        background-color: #1aff85;
    }

    .process-button-prev.prev {
        z-index: 9;
        top: 50%;
        left: 0;
        transform: translateY(-50%);
    }

.div-block-23 {
    grid-column-gap: 120px;
    grid-row-gap: 120px;
    flex-flow: column;
    display: flex;
}

.service-of-home {
    color: var(--color-white);
    text-transform: capitalize;
    margin-bottom: 24px;
    font-size: 32px;
    font-weight: 500;
    line-height: 1.2em;
}

.service-expertise-faq {
    color: var(--color-white);
    font-weight: 500;
    line-height: 1.3em;
}

.service-faq-button {
    margin-top: 20px;
    padding-left: 40px;
    display: flex;
}

.service-faq-questions {
    cursor: pointer;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    padding-top: 24px;
    padding-bottom: 24px;
    text-decoration: none;
    display: flex;
}

.service-faq-answer {
    background-color: #ddd0;
    max-height: 0;
    padding-left: 24px;
    padding-right: 40px;
    transition: max-height .4s;
    display: block;
    position: relative;
    overflow: hidden;
}

.service-round-image {
    width: 100%;
    max-width: 550px;
    position: absolute;
    bottom: 0;
    left: 0;
}

.primary-button-12-24 {
    z-index: 1;
    background-color: var(--color-primary);
    color: var(--color-white);
    border-radius: 100px;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    padding: 12px 24px;
    font-size: 18px;
    line-height: 1.2em;
    text-decoration: none;
    transition: all .3s;
    display: flex;
    position: relative;
    overflow: hidden;
}

    .primary-button-12-24:hover {
        background-color: var(--yellow-500);
        color: var(--color-primary);
    }

    .primary-button-12-24.bg-white {
        background-color: var(--color-white);
        color: var(--color-primary);
    }

        .primary-button-12-24.bg-white:hover {
            background-color: var(--yellow-500);
        }

.why-choose-list {
    margin-top: 32px;
}

.why-choose-list-wrapper {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    flex-flow: column;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    margin-top: 56px;
    display: flex;
}

.why-choose-single-list {
    grid-column-gap: 12px;
    grid-row-gap: 12px;
    justify-content: flex-start;
    align-items: flex-start;
    display: flex;
}

.subtitle-text {
    color: #000;
    margin-bottom: 20px;
    font-size: 24px;
    font-weight: 500;
}

.about-image {
    height: 100%;
}

.fz-28 {
    font-size: 28px;
}

.group-grid {
    grid-column-gap: 120px;
    grid-row-gap: 120px;
    flex-flow: column;
    display: flex;
}

.service-section-description {
    text-align: center;
    margin-top: 10px;
}

.tech-tools-wrapper {
    grid-column-gap: 48px;
    grid-row-gap: 48px;
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    max-width: 890px;
    margin-top: 80px;
    margin-left: auto;
    margin-right: auto;
    display: grid;
}

.tools-card {
    flex-flow: column;
    justify-content: center;
    align-items: center;
    padding: 24px;
    display: flex;
}

.tech-tools-title {
    margin-top: 0;
    font-size: 32px;
    font-weight: 700;
    line-height: 1.3em;
}

.tech-item-icon {
    flex: none;
    margin-bottom: 18px;
}

.tech-card-description {
    color: #4b5154;
    margin-top: 18px;
    font-size: 16px;
    line-height: 1.5em;
}

.expertise-section-heading {
    text-align: center;
    max-width: 800px;
    margin-bottom: 20px;
    margin-left: auto;
    margin-right: auto;
}

.fz-20 {
    font-size: 20px;
}

.benifit-seciton-heading {
    text-align: center;
    max-width: 700px;
    margin-left: auto;
    margin-right: auto;
}

.service-banners {
    padding-top: 185px;
    width: 100%;
    float: left;
    position: relative;
}

    .service-banners.bg-gray-200 {
        padding-bottom: 160px;
        position: relative;
    }
.service-banners.service-hero {
    background-color: #ebeef0;
    padding-top: 140px;
    padding-bottom: 110px;
}
    .service-banners.ux-service-hero {
        background-image: url(../images/676d255d11901c8bc11205be_ui%20ux%20design%20services.webp);
        background-position: 118% 32%;
        background-repeat: no-repeat;
        background-size: 55%;
        padding-bottom: 160px;
    }

    .service-banners.web-design-in-dubai {
        background-image: url(../images/677b7324b9446d22e8efe987_web-design-development-agency-dubai.webp);
        background-repeat: no-repeat;
        background-size: cover;
        padding-bottom: 120px;
    }

    .service-banners.web-design-in-abu-dhabi {
        background-image: url(../images/678f3734216648af6f0b6893_web-design-agency-abu-dhabi.webp);
        background-position: 50%;
        background-repeat: no-repeat;
        background-size: cover;
        padding-bottom: 120px;
    }

    .service-banners.web-design-in-doha {
        background-image: url(../images/675672480fc8ff248cf3b593_web-design-doha.avif);
        background-position: 50%;
        background-repeat: no-repeat;
        background-size: cover;
        padding-bottom: 120px;
    }

    .service-banners.web-design-riyadh {
        background-image: url(../images/677bb3763e42fa7ebfc715b5_web-design-development-agency-riyadh.webp);
        background-repeat: no-repeat;
        background-size: cover;
        padding-bottom: 120px;
    }

    .service-banners.web-design-london {
        background-image: url(../images/6756aae4aeee12983735aca4_web-design-agency-London.avif);
        background-position: 50%;
        background-repeat: no-repeat;
        background-size: cover;
        padding-bottom: 120px;
    }

    .service-banners.web-design-berlin {
        background-image: url(../images/6756bd9dac4cd754bf48518e_Web-design-Germany.avif);
        background-position: 50%;
        background-repeat: no-repeat;
        background-size: cover;
        padding-bottom: 120px;
    }

    .service-banners.location-ui-ux-in-dubai {
        background-image: url(../images/674d50f227d82c7f74c87450_location-in-dubai.avif);
        background-position: 95%;
        background-repeat: no-repeat;
        background-size: 55%;
        padding-bottom: 160px;
    }

        .service-banners.location-ui-ux-in-dubai.bg-gray-200 {
            background-image: url(../images/677b5bd52b30bdede2a88570_ui-ux-design-agency-in-dubai.webp);
            background-repeat: no-repeat;
            background-size: 55%;
            overflow: visible;
        }

    .service-banners.location-ui-ux-in-riyadh {
        background-image: url(../images/67838dc90c09d675c6cecde2_ux-ui-design-and-consulting-company-riyadh.webp);
        background-repeat: no-repeat;
        background-size: cover;
        padding-bottom: 160px;
    }

    .service-banners.location-ui-ux-in-doha {
        background-image: url(../images/6759744315ef38dc475ab7e8_Frame%201984077536.avif);
        background-position: 95%;
        background-repeat: no-repeat;
        background-size: cover;
        padding-bottom: 160px;
    }

    .service-banners.location-ui-ux-in-london {
        background-image: url(../images/67597dadac8059a8449e7a57_Frame%201984077538.avif);
        background-position: 95%;
        background-repeat: no-repeat;
        background-size: cover;
        padding-bottom: 160px;
    }

    .service-banners.location-ui-ux-in-berlin {
        background-image: url(../images/675a71f94a324401c8f02a94_Frame%201984077545.avif);
        background-position: 95%;
        background-repeat: no-repeat;
        background-size: cover;
        padding-bottom: 160px;
    }

    .service-banners.mvp-web-design {
        background-image: url(../images/677e5d51d2217e50d4a47c3a_mvp-web-design-and-development.webp);
        background-position: 100% 75%;
        background-repeat: no-repeat;
        background-size: auto;
        padding-bottom: 160px;
    }

.shape-image {
    z-index: -1;
    width: 100%;
    position: absolute;
    inset: 0%;
    transform: scale(1.2);
}

.expertise-section-heading-copy {
    text-align: center;
    max-width: 800px;
    margin-bottom: 20px;
    margin-left: auto;
    margin-right: auto;
}

    .expertise-section-heading-copy.mobile-left-align {
        margin-bottom: 0;
    }

.width-700 {
    max-width: 700px;
}

.margin-auto {
    margin-left: auto;
    margin-right: auto;
}

.expertise-faq-section {
    text-align: center;
    max-width: 900px;
    margin-bottom: 20px;
    margin-left: auto;
    margin-right: auto;
}

.case-section-heading-text {
    text-transform: capitalize;
    max-width: 700px;
    margin-bottom: 80px;
}

    .case-section-heading-text.color-white {
        text-transform: none;
    }

.service-section-title {
    max-width: 760px;
    margin-left: auto;
    margin-right: auto;
}

.title-with-meta {
    justify-content: space-between;
    align-items: center;
    margin-bottom: 20px;
    display: flex;
}

.about-web-design-in-dubai {
    background-image: linear-gradient(90deg,#fff96f 50%,#fffedb 50%);
}

    .about-web-design-in-dubai.abu-dhabi {
        background-image: linear-gradient(90deg,#e3f0e0 50%,#eef0f1 50%);
        max-width: 1920px;
        position: relative;
    }

    .about-web-design-in-dubai.doha {
        background-image: linear-gradient(90deg,#f3c993 50%,#f6dfa0 50%);
        max-width: 1920px;
        position: relative;
    }

    .about-web-design-in-dubai.riyadh {
        background-image: linear-gradient(90deg,#c4e9c7 50%,#dcf2dd 50%);
        max-width: 1920px;
        position: relative;
    }

    .about-web-design-in-dubai.berlin {
        background-image: linear-gradient(90deg,#f4dede 50%,#f3e9de 50%);
        max-width: 1920px;
        position: relative;
    }

.web-design-dubai-content {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    display: grid;
}

.web-design-dubai-conten-wrapper {
    padding-top: 100px;
    padding-bottom: 100px;
    padding-left: 80px;
}

.web-design-image-wrapper {
    padding-top: 75px;
}

.web-desing-button {
    margin-top: 48px;
    display: flex;
}

.font-recoleta-400 {
    font-family: Recoleta,Arial,sans-serif;
    font-weight: 400;
}

.font-recoleta-500 {
    text-transform: capitalize;
    font-family: Recoleta,Arial,sans-serif;
    font-weight: 500;
}

.ui-ux-offer-title {
    color: var(--color-primary);
    cursor: pointer;
    font-size: 32px;
    font-weight: 500;
    line-height: 47px;
}

.div-block-26 {
    max-width: 570px;
}

.our-industry-section-heading {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    text-align: center;
    flex-flow: column;
    max-width: 890px;
    margin-left: auto;
    margin-right: auto;
    display: flex;
}

.industry-section-description {
    max-width: 860px;
    margin-left: auto;
    margin-right: auto;
    font-size: 18px;
    line-height: 1.4em;
}

.industry-card-wrapper {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    grid-template-rows: auto;
    grid-template-columns: 1fr 2fr 1fr;
    grid-auto-columns: 1fr;
    margin-top: 80px;
    display: grid;
}

.single-industry {
    grid-column-gap: 15px;
    grid-row-gap: 15px;
    flex-flow: column;
    justify-content: space-between;
    display: flex;
}

.single-industry-card {
    border-radius: 12px;
    position: relative;
    overflow: hidden;
}

.industry-content {
    z-index: 4;
    grid-column-gap: 12px;
    grid-row-gap: 12px;
    flex-flow: column;
    padding: 24px;
    display: flex;
    position: absolute;
    bottom: 0;
}

    .industry-content.top-align {
        top: 0;
        bottom: auto;
    }

    .industry-content.width-500 {
        max-width: 500px;
    }

.industry-group-card {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    display: grid;
}

.industry-card-description {
    color: var(--color-white);
    font-size: 14px;
    line-height: 1.3em;
}

.design-process {
    position: relative;
}

.process-content-left {
    position: sticky;
    top: 25px;
}

.process-content-right {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    display: flex;
}

.process-line-wrap {
    flex: none;
    justify-content: center;
    align-items: center;
    width: 50px;
    display: flex;
    position: relative;
    overflow: hidden;
}

.process-content-wrap {
    grid-column-gap: 50px;
    grid-row-gap: 50px;
    border-bottom: 1px solid #ffffff29;
    grid-template-rows: auto;
    grid-template-columns: 1.4fr 1fr;
    grid-auto-columns: 1fr;
    padding-bottom: 40px;
    display: grid;
}

.process-line {
    background-color: #ffffff40;
    width: 2px;
    height: 100%;
}

.process-count-number {
    background-color: #7e8385;
    border-radius: 50%;
    flex: none;
    justify-content: center;
    align-items: center;
    width: 24px;
    height: 24px;
    font-size: 10px;
    display: flex;
}

.process-head-title-wrap {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    justify-content: flex-start;
    align-items: center;
    margin-bottom: 10px;
    display: flex;
}

.process-head-title {
    color: var(--color-white);
    font-size: 24px;
}

.div-block-28 {
    margin-top: 32px;
    display: flex;
}

.why-choose-heading {
    text-transform: none;
    margin-bottom: 24px;
}

.capabilities-item-content-wrap {
    grid-column-gap: 18px;
    grid-row-gap: 18px;
    flex-flow: column;
    display: flex;
}

.capabillites-item-wrap {
    grid-column-gap: 40px;
    grid-row-gap: 80px;
    border-top: 1px solid #fff3;
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    padding-top: 40px;
    padding-bottom: 40px;
    display: grid;
}

.customize-site-image {
    padding-left: 60px;
}

    .customize-site-image.abu-dhabi, .customize-site-image.abu-doha, .customize-site-image.london, .customize-site-image.riyad {
        padding-left: 80px;
    }

.testimonial-area.py-120.bg-primary {
    padding-bottom: 160px;
}

.testimonial-content-wrapper {
    background-color: #ddd0;
    max-width: 1156px;
    height: auto;
    margin-left: auto;
    margin-right: auto;
}

.testimonial-desc {
    color: var(--color-white);
    margin-top: 40px;
    margin-bottom: 92px;
    font-size: 32px;
    font-weight: 500;
    line-height: 1.4em;
}

.testimonial-author {
    justify-content: space-between;
    align-items: center;
    display: flex;
}

.slide-nav-4 {
    display: none;
}

.author-name {
    color: var(--color-white);
    margin-bottom: 12px;
    font-size: 32px;
    font-weight: 500;
    line-height: 1.4em;
}

.author-designation {
    color: var(--color-white);
    font-size: 24px;
    font-weight: 400;
}

.testimonial-slider-icon {
    background-color: #606567;
    border-radius: 50%;
    justify-content: center;
    align-items: center;
    width: 44px;
    height: 44px;
    transition: all .3s;
    display: flex;
}

    .testimonial-slider-icon:hover {
        background-color: var(--color-white);
    }

    .testimonial-slider-icon.left {
        top: 104%;
    }

    .testimonial-slider-icon.right {
        top: 104%;
        left: 55px;
        right: auto;
    }

.contact-information {
    grid-column-gap: 8px;
    grid-row-gap: 8px;
    color: #4b5154;
    justify-content: flex-start;
    align-items: center;
    margin-bottom: 4px;
    font-size: 18px;
    display: flex;
}

    .contact-information.mt-12 {
        margin-top: 12px;
    }

.list-item {
    color: var(--color-white);
    font-size: 16px;
    position: relative;
}

.process-list {
    grid-column-gap: 6px;
    grid-row-gap: 6px;
    flex-flow: column;
    margin-bottom: 0;
    padding-left: 20px;
    list-style-type: disc;
    display: flex;
}

.customize-design {
    background-image: linear-gradient(90deg,#fffedb 50%,#fff96f 50%);
}

    .customize-design.abu-dhabi {
        background-image: linear-gradient(90deg,#eef0f1 50%,#e3f0e0 50%);
    }

    .customize-design.doha {
        background-image: linear-gradient(90deg,#f6dfa0 50%,#f3c993 50%);
    }

    .customize-design.riyadh {
        background-image: linear-gradient(90deg,#dcf2dd 50%,#c4e9c7 50%);
    }

    .customize-design.berlin {
        background-image: linear-gradient(90deg,#f3e9de 50%,#f4dede 50%);
    }

.dubai-about-content {
    padding-top: 100px;
    padding-bottom: 100px;
    padding-right: 56px;
}

    .dubai-about-content.london, .dubai-about-content.abu-dhabi-copy {
        padding-right: 80px;
    }

.heading-text {
    padding-bottom: 5px;
}

.explore-design-process {
    grid-column-gap: 120px;
    grid-row-gap: 120px;
    grid-template-rows: auto;
    grid-template-columns: 1fr 1.2fr;
    grid-auto-columns: 1fr;
    display: grid;
}

.process-list-wrpper {
    grid-column-gap: 40px;
    grid-row-gap: 40px;
    flex-flow: column;
    display: flex;
}

.process-increase-line {
    flex-flow: column;
    justify-content: center;
    align-items: center;
    height: 98%;
    display: flex;
    position: absolute;
    inset: -96% auto auto;
    transform: translate(-50%);
}

.process-dot {
    z-index: 3;
    background-color: var(--yellow-500);
    border-radius: 50%;
    width: 14px;
    height: 14px;
    position: absolute;
    bottom: 0;
}

.increase-lin {
    background-color: var(--yellow-500);
    width: 2px;
    height: 100%;
}

.explore-round-image {
    width: 500px;
    max-width: 714px;
    margin-top: 100px;
    margin-left: -25px;
}

.dot-blur {
    background-color: #fff84bbf;
    border-radius: 50%;
    width: 14px;
    height: 14px;
    position: absolute;
}

.primary-button-10-16 {
    z-index: 1;
    background-color: var(--color-primary);
    color: var(--color-white);
    border-radius: 100px;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    padding: 10px 16px;
    font-size: 16px;
    font-weight: 400;
    line-height: 1.1em;
    text-decoration: none;
    transition: all .3s;
    display: flex;
    position: relative;
    overflow: hidden;
}

    .primary-button-10-16:hover {
        background-color: var(--yellow-500);
        color: var(--color-primary);
    }

.header-wrapper {
    z-index: 1000;
    border-bottom: 1px solid #dfe2e3;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    transition: top .5s ease;
}
.header-wrapper.bg-sc {
    background-color: #fff;  
}
.header-wrapper.up {
    top: -73px;  
}
body.nav-open .header-wrapper.up {
    top: 0;  
}
    .header-wrapper.border-invert {
        border-bottom-color: #4b5154;
    }

    .header-wrapper.border-white-50 {
        border-bottom-color: #ffffff80;
    }

    .header-wrapper.border-white-32 {
        border-bottom-color: #ffffff52;
    }

.case-studies-quick-block-2 {
    z-index: 0;
    border-radius: 100%;
    width: 50px;
    height: 50px;
    position: absolute;
    inset: auto 20px 20px auto;
    overflow: hidden;
}

.case-studies-quick-2 {
    background-color: #ff0;
    border-radius: 100px;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%;
    transition: all .3s;
    display: flex;
}

.locaiton-image {
    max-width: 600px;
    position: relative;
    left: 0;
}

.web-design-abu-dhabi-content {
    padding-top: 100px;
    padding-bottom: 100px;
    padding-left: 80px;
}

.web-design-location, .web-design-customize {
    padding-top: 75px;
}

.work-title-div {
    justify-content: center;
    align-items: center;
    display: flex;
}

.work-process-description {
    background-color: #0000;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding-top: 0;
    padding-right: 40px;
    position: static;
}

    .work-process-description.w--open {
        color: #fffc;
        background-color: #0000;
        width: 100%;
        padding: 20px 40px 30px;
        display: flex;
        position: static;
    }

.work-faq-link {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    background-color: #ddd0;
    border-bottom: 1px solid #c6cacc;
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    padding: 25px 0;
    font-weight: 400;
    overflow: hidden;
}

    .work-faq-link.w--current {
        background-color: #ddd0;
    }

    .work-faq-link.first-item {
        padding-top: 0;
    }

.dropdown-arrow {
    background-color: var(--gray-200);
    border-radius: 100%;
    flex: none;
    justify-content: center;
    align-items: center;
    width: 38px;
    height: 38px;
    transition: all .3s;
    display: flex;
}

.work-title-block {
    justify-content: space-between;
    align-items: center;
    display: flex;
}

.work-arrow-icon {
    transition: all .3s;
}

.ui-ux-thumbnail-block {
    z-index: 0;
    display: inline-block;
    position: relative;
    overflow: hidden;
}

.ui-ux-offer-pane {
    opacity: 0;
    transition: max-height .3s,opacity 1s;
    position: absolute;
    inset: 0% 0% 0% auto;
}

    .ui-ux-offer-pane.current {
        z-index: 1;
        opacity: 1;
    }

.ui-ux-team-offer-wrap {
    grid-column-gap: 1rem;
    flex-direction: column;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr;
    grid-auto-columns: 1fr;
    min-height: 510px;
    margin-top: 64px;
    margin-bottom: 0;
    padding-left: 0;
    position: relative;
}

.ui-ux-team-offer.d-flex {
    grid-column-gap: 36px;
    grid-row-gap: 36px;
    align-items: center;
}

.ui-ux-team-offer-list-item {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    align-items: center;
    display: grid;
}

.learn-more-button {
    margin-top: 16px;
    display: flex;
}

.work-image {
    max-width: 566px;
    max-height: 622px;
}

.single-item-industry {
    flex: none;
    justify-content: center;
    align-items: flex-end;
    max-width: 448px;
    height: 100%;
    min-height: 592px;
    padding: 24px;
    display: flex;
    position: relative;
    overflow: hidden;
}

.industry-card-text {
    z-index: 2;
    height: 100%;
    position: relative;
}

.industry-wrapper {
    width: 100%;
    position: sticky;
    top: 10px;
    overflow: hidden;
}

.stikey-wrapper {
    justify-content: space-between;
    align-items: flex-start;
    height: 200vh;
    display: flex;
}

.wrapper {
    padding-left: 24px;
}

.font-instrument-400 {
    font-family: Instrumentserif,Arial,sans-serif;
    font-style: italic;
}

.all-item {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    flex-flow: row;
    justify-content: flex-start;
    align-items: flex-start;
    height: 100%;
    margin-top: 80px;
    display: flex;
}

.button-wrapper-area {
    margin-top: 32px;
    display: flex;
}

.background-video-2 {
    z-index: 1;
}

.primary-button-13-20 {
    z-index: 1;
    background-color: var(--color-primary);
    color: var(--color-white);
    letter-spacing: .5px;
    border-radius: 100px;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    padding: 13px 20px;
    font-size: 18px;
    font-weight: 500;
    line-height: 1em;
    text-decoration: none;
    transition: all .3s;
    display: flex;
    position: relative;
    overflow: hidden;
}

    .primary-button-13-20:hover {
        background-color: var(--yellow-500);
        color: var(--color-primary);
    }

    .primary-button-13-20.bg-yellow-500 {
        background-color: var(--yellow-500);
        color: var(--color-primary);
        transition: all .3s;
    }

        .primary-button-13-20.bg-yellow-500:hover {
            background-color: var(--color-white);
        }

.py-200 {
    padding-top: 90px;
    padding-bottom: 90px;
}

.leader-image {
    object-fit: cover;
    width: 80px;
    height: 80px;
}

.text-block-6 {
    color: var(--color-white);
    text-align: center;
}

.sub-single-service {
    grid-column-gap: 25px;
    grid-row-gap: 25px;
    color: #1aff85;
    background-color: #edf0f2;
    border: 1px solid #edf0f2;
    border-radius: 20px;
    align-items: stretch;
    padding: 30px;
    text-decoration: none;
    display: flex;
}

.sub-service-area {
    grid-column-gap: 30px;
    grid-row-gap: 30px;
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr 1fr;
    grid-auto-columns: 1fr;
    margin-top: 60px;
    display: grid;
}

.sub-service-desc {
    color: #5f5f5d;
    font-size: 20px;
    font-weight: 400;
    line-height: 1.5em;
}

.section-heading-title {
    margin-bottom: 10px;
    font-size: 48px;
    font-weight: 700;
    line-height: 1.3em;
}

.why-musemind-mvp {
    padding-top: 100px;
    padding-bottom: 100px;
}

.section-main-heading {
    text-align: center;
    max-width: 900px;
    margin-left: auto;
    margin-right: auto;
}

.interface-description {
    font-size: 20px;
    line-height: 1.5em;
}

.container-3 {
    width: 100%;
    max-width: 1370px;
    margin-left: auto;
    margin-right: auto;
    padding-left: 40px;
    padding-right: 40px;
    display: block;
    overflow: hidden;
}

.sub-service-title-tex {
    color: #101010;
    margin-bottom: 10px;
    font-size: 24px;
    font-weight: 500;
    line-height: 1.3em;
}

.service-banner-wrap {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    justify-content: space-between;
    margin-left: 7.813vw;
    display: flex;
}

.privacy-details-area {
    padding-top: 100px;
    padding-bottom: 100px;
}

.container-4 {
    width: 100%;
    max-width: 1370px;
    margin-left: auto;
    margin-right: auto;
    padding-left: 40px;
    padding-right: 40px;
    display: block;
    overflow: hidden;
}

.privacy-content-description {
    color: #101010;
}

.service-banner-title-2 {
    font-size: 96px;
}

    .service-banner-title-2.fz-72 {
        color: #fff;
        max-width: 550px;
        font-size: 72px;
    }

        .service-banner-title-2.fz-72.mb-35 {
            max-width: 880px;
        }

.privacy-banner-wrap, .privacy-banner {
    padding-top: 138px;
    padding-bottom: 124px;
}

.service-banner-title-text {
    font-size: 96px;
}

    .service-banner-title-text.fz-72 {
        color: #fff;
        max-width: 550px;
        font-size: 72px;
    }

.trems-and-condition {
    padding-top: 100px;
    padding-bottom: 100px;
}

.why-choose-single-item {
    grid-column-gap: 12px;
    grid-row-gap: 12px;
    justify-content: flex-start;
    align-items: flex-start;
    display: flex;
}

.why-choose-item-wrapper {
    grid-column-gap: 24px;
    grid-row-gap: 24px;
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    grid-auto-columns: 1fr;
    display: grid;
}

.list-content {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    align-items: center;
    display: flex;
}

.fintech-section-area {
    grid-column-gap: 64px;
    grid-row-gap: 64px;
    grid-template-rows: auto;
    grid-template-columns: 1fr .75fr;
    grid-auto-columns: 1fr;
    display: grid;
}

    .fintech-section-area.grid-layout-change {
        grid-template-columns: .75fr 1fr;
    }

.expertise-section-title {
    color: #0f1112;
    text-transform: capitalize;
    margin-bottom: 56px;
    line-height: 1.2em;
}

.author-area {
    padding-top: 100px;
}

.color-gray-800 {
    color: #40403f;
}

.ceo-image {
    border-radius: 50%;
}

.author-content-block {
    grid-column-gap: 50px;
    grid-row-gap: 50px;
    align-items: center;
    margin-bottom: 100px;
    display: flex;
}

.author-name-2 {
    color: var(--color-primary);
    font-size: 30px;
    font-weight: 700;
    line-height: 1.1em;
}

.author-details-bio {
    margin-bottom: 16px;
}

.author-social-media-block {
    color: #000;
    text-decoration: none;
    display: flex;
}

.author-personal-content {
    background-color: #edf0f2;
    flex: none;
    padding: 20px 45px;
}

.author-personal-content-inner {
    border-bottom: 1px solid #d6dce1;
    margin-bottom: 20px;
    padding-bottom: 20px;
}

.author-content {
    padding-top: 20px;
}

.text-uppercase {
    text-transform: uppercase;
}

    .text-uppercase.letter-spacing-2.color-gray-600.mb-15 {
        margin-bottom: 8px;
    }

.author-image-block {
    border-radius: 100%;
    width: 220px;
    height: 220px;
}

    .author-image-block.mb-20 {
        width: 150px;
        height: 150px;
    }

.author-bio-title {
    color: var(--color-primary);
    margin-bottom: 25px;
    font-size: 36px;
    font-weight: 700;
    line-height: 1.3em;
}

.fz-20 {
    font-size: 20px;
    line-height: 28px;
}

.banner-area {
    z-index: 100;
    background-color: #d5d8db;
    background-image: url(../images/6799f0161883743822140c79_Poster.webp);
    background-position: 50%;
    background-size: cover;
    flex-flow: column;
    align-items: center;
    padding-top: 190px;
    padding-bottom: 240px;
    position: relative;
    overflow: hidden;
    height: 796px;
    width: 100%;
    float: left;
}

.banner-paragraph {
    color: #101010;
    max-width: 750px;
    font-size: 24px;
    font-weight: 400;
    line-height: 150%;
}

    .banner-paragraph.mb-50 {
        border: 1px #000;
        border-radius: 0;
    }

.banner-button-wrap {
    grid-column-gap: 24px;
    grid-row-gap: 24px;
    justify-content: flex-start;
    align-items: center;
    width: 100%;
    display: flex;
}

.clutch-content-wrap.d-flex {
    grid-column-gap: 100px;
    grid-column-gap: 100px;
    width: 100%;
}

.banner-title-2 {
    color: #101010;
    max-width: 1200px;
    margin-top: 0;
    margin-bottom: 30px;
    font-size: 120px;
    line-height: 100%;
}

    .banner-title-2.title-animation-top {
        max-width: 1300px;
        font-size: 84px;
        line-height: 100%;
    }

.banner-content {
    z-index: 111;
    grid-column-gap: 40px;
    grid-row-gap: 40px;
    flex-flow: column;
    justify-content: center;
    align-items: flex-start;
    display: flex;
    position: relative;
}

.banner-inner {
    grid-column-gap: 45px;
    grid-row-gap: 45px;
    grid-template-rows: auto;
    grid-template-columns: 1fr;
    grid-auto-columns: 1fr;
    justify-content: space-between;
    display: grid;
}

.clutch-review-item {
    z-index: 0;
    color: #000;
    align-items: center;
    text-decoration: none;
    display: flex;
    position: relative;
}

.faq-item {
    clear: none;
    background-color: var(--gray-100);
    padding: 24px;
    transition: all .3s;
    display: block;
}

.founder-address {
    font-size: 14px;
    line-height: 1.1em;
}

.client-address-text {
    color: #4b5154;
    font-size: 16px;
    line-height: 1.2em;
}

.global-anchor-white {
    color: #71cc90;
    transition: all .3s;
}

    .global-anchor-white:hover {
        color: var(--color-white);
        text-decoration: underline;
    }

.global-anchor-black {
    color: #71cc90;
    transition: all .3s;
}

    .global-anchor-black:hover {
        color: var(--color-primary);
        text-decoration: underline;
    }

.global-anchor-gray {
    color: #71cc90;
    transition: all .3s;
}

    .global-anchor-gray:hover {
        color: #7e8385;
        text-decoration: underline;
    }

.video-area-copy {
    z-index: 0;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%;
    max-height: 932px;
    margin-left: auto;
    margin-right: auto;
    display: flex;
    position: relative;
}

.fintech-section-heading {
    color: var(--color-primary);
    text-align: center;
    margin-bottom: 60px;
}

.banner-left-content {
    flex: 1;
}

.text-button-wrap {
    grid-column-gap: 6px;
    grid-row-gap: 6px;
    align-items: center;
}

.text-button-content {
    color: #0f1112;
    font-family: Aeonik,sans-serif;
    font-weight: 500;
}
.award-winning-service-area{
    width: 100%;
    float: left;
    position: relative;
}
.award-winning-service-header {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
    grid-auto-columns: 1fr;
    justify-content: space-between;
    align-items: center;
    display: grid;
}

.award-service-title {
    color: #0f1112;
    max-width: 700px;
    font-size: 64px;
}

.award-service-subtitle {
    max-width: 725px;
    margin-top: 24px;
    font-size: 22px;
}

.award-winning-card-wrap {
    grid-column-gap: 24px;
    grid-row-gap: 24px;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr 1fr;
    grid-auto-columns: 1fr;
    margin-top: 70px;
    display: grid;
}

.award-winning-single-card {
    z-index: 111;
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    background-color: #ebeef0;
    background-image: url(../images/679758639300dd2b4d6e48b4_Object%203s%201.avif);
    background-position: 50%;
    background-size: auto;
    border-radius: 8px;
    flex-flow: column;
    justify-content: space-between;
    align-items: flex-start;
    width: 100%;
    height: 100%;
    display: flex;
    position: relative;
}

    .award-winning-single-card.second-card {
        z-index: 111;
        grid-column-gap: 33px;
        grid-row-gap: 33px;
        background-color: #f3eef5;
        background-image: url(../images/679869edb5a34e45091ef864_card-bg-shape2.png);
        align-items: flex-end;
        position: relative;
    }

    .award-winning-single-card.third-card {
        grid-column-gap: 100px;
        grid-row-gap: 100px;
        background-color: #ebebf0;
        background-image: url(../images/67986afda6548b0a3bb5eca6_card-bg-shape3.avif);
        align-items: flex-end;
    }

    .award-winning-single-card.fourth-card {
        grid-column-gap: 100px;
        grid-row-gap: 100px;
        background-color: #f0efeb;
        background-image: none;
        align-items: flex-end;
    }

    .award-winning-single-card.fifth-card {
        z-index: 111;
        grid-column-gap: 100px;
        grid-row-gap: 100px;
        background-color: #ebf0ed;
        background-image: url(../images/67986c6f979c58d8cc3c2445_card-bg-shape5.avif);
        align-items: flex-end;
        position: relative;
    }

    .award-winning-single-card.sixth-card {
        grid-column-gap: 100px;
        grid-row-gap: 100px;
        background-color: #f0eeeb;
        background-image: none;
        align-items: flex-end;
    }

    .award-winning-single-card.seventh-card {
        grid-column-gap: 100px;
        grid-row-gap: 100px;
        background-color: #ebeef0;
        background-image: url(../images/679758639300dd2b4d6e48b4_Object%203s%201.avif);
        background-position: 50%;
        background-size: auto;
        align-items: flex-end;
    }

.award-winnnig-service-name {
    color: var(--color-primary);
    align-self: flex-start;
    max-width: 348px;
    margin-top: 0;
    margin-bottom: 0;
    padding-top: 36px;
    padding-left: 36px;
    font-size: 36px;
}

.single-card-wrap {
    width: 100%;
    height: 100%;
    min-height:425px;
    position: relative;
}
.single-card-wrap {
    border-radius: 8px;
    flex-flow: column;
    justify-content: space-between;
    width: 100%;
    height: 600px;
    padding: 0;
    display: flex;
    position: relative;
    overflow: hidden;
}

    .single-card-wrap.hide {
        display: none;
    }

.hover-card {
    z-index: 999;
    background-color: var(--green-600);
    border-radius: 8px;
    flex-flow: column;
    justify-content: space-between;
    padding: 30px 40px;
    display: flex;
    position: absolute;
    inset: 0%;
    opacity: 0;
}
.single-card-wrap:hover .hover-card{
    opacity: 1;
}

.hover-card-bottom-content {
    grid-column-gap: 24px;
    grid-row-gap: 24px;
    flex-flow: column;
    align-items: flex-start;
    display: flex;
}

.hover-card-paragraph {
    color: var(--color-primary);
    font-size: 18px;
    font-weight: 500;
    line-height: 1.4em;
}

.hover-award-service-name {
    color: var(--color-primary);
    max-width: 390px;
    margin-top: 0;
    margin-bottom: 0;
    padding-bottom: 20px;
    font-size: 36px;
}

.border-bottom-0 {
    border-bottom: 0 #000;
}

.image-31, .image-32, .image-33, .image-34 {
    border-bottom-right-radius: 8px;
}

.paragraph {
    font-size: 16px;
}

.list {
    grid-column-gap: 12px;
    grid-row-gap: 12px;
    flex-flow: column;
    display: flex;
}

.list-2 {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    flex-flow: column;
    margin-top: 10px;
    display: flex;
}

.global-anchor-gray-lite {
    color: #71cc90;
    transition: all .3s;
}

    .global-anchor-gray-lite:hover {
        color: #4b5154;
        text-decoration: underline;
    }

.digital-service-btn {
    z-index: 1;
    background-color: var(--color-primary);
    color: var(--color-white);
    border-radius: 100px;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    padding: 19px 24px;
    font-size: 18px;
    font-weight: 500;
    line-height: 1em;
    text-decoration: none;
    transition: all .3s;
    display: flex;
    position: relative;
    overflow: hidden;
}

    .digital-service-btn:hover {
        background-color: var(--color-primary);
        color: var(--color-white);
        -webkit-text-fill-color: inherit;
        background-clip: border-box;
        text-decoration: none;
    }

.hero-bg-image {
    z-index: -1;
    width: 100%;
    height: 100%;
    position: absolute;
    inset: 0% auto auto 0%;
}

.avg-rating-block {
    align-items: center;
    display: flex;
}

.product-star {
    width: 20px;
    height: 20px;
}

.star-wrap {
    line-height: 14px;
}

.clutch-image {
    width: 30px;
    height: 30px;
}

.clutch-icon {
    background-color: #fff;
    border-radius: 100%;
    justify-content: center;
    align-items: center;
    width: 46px;
    height: 46px;
    margin-right: 10px;
    display: flex;
}

.clutch-review-number {
    color: #444446;
    letter-spacing: -.5px;
    font-size: 16px;
}

.total-rating {
    margin-right: 9px;
    font-size: 24px;
    font-weight: 500;
    line-height: 130%;
}

.case-study-gallery-image-5 {
    width: 100%;
    display: block;
}

.project-screen-image {
    width: 100%;
}

.text-center {
    text-align: center;
    width: 100%;
}

.case-study-gallery-image-7 {
    overflow: visible;
}

.case-study-gallery-image-8 {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    display: grid;
}

.list-4 {
    margin-top: 10px;
}

.case-study-gallery-image-9, .case-study-gallery-image-10 {
    overflow: visible;
}

.case-study-gallery-image-11 {
    width: 100%;
    overflow: visible;
}

.case-study-gallery-image-12, .case-study-gallery-image-13, .case-study-gallery-image-14 {
    overflow: visible;
}

.case-study-gallery-image-15 {
    width: 100%;
    overflow: visible;
}

.case-study-gallery-image-16, .case-study-gallery-image-17, .case-study-gallery-image-18, .case-study-gallery-image-19, .case-study-gallery-image-20, .case-study-gallery-image-21, .case-study-gallery-image-22, .case-study-gallery-image-23, .case-study-gallery-image-24, .case-study-gallery-image-25, .case-study-gallery-image-26 {
    overflow: visible;
}

.case-study-gallery-image-27, .case-study-gallery-image-28, .case-study-gallery-image-29, .case-study-gallery-image-30 {
    width: 100%;
    overflow: visible;
}

.case-study-gallery-image-31, .case-study-gallery-image-32 {
    overflow: visible;
}

.case-study-gallery-image-33, .case-study-gallery-image-34 {
    width: 100%;
    overflow: visible;
}

.project-screen-image-2 {
    width: 100%;
}

.case-study-gallery-image-35, .case-study-gallery-image-36, .case-study-gallery-image-37 {
    overflow: visible;
}

.case-study-gallery-image-38 {
    width: 100%;
    overflow: visible;
}

.case-study-gallery-image-39 {
    width: 100%;
    display: block;
    overflow: visible;
}

.case-study-gallery-image-40 {
    width: 100%;
    overflow: visible;
}

.case-study-gallery-image-41, .case-study-gallery-image-42 {
    overflow: visible;
}

.case-study-gallery-image-43, .case-study-gallery-image-44, .case-study-gallery-image-45 {
    width: 100%;
    overflow: visible;
}

.case-study-gallery-image-46, .case-study-gallery-image-47 {
    overflow: visible;
}

.case-study-gallery-image-48 {
    width: 100%;
    overflow: visible;
}

.case-study-gallery-image-49, .case-study-gallery-image-50 {
    overflow: visible;
}

.case-study-gallery-image-51 {
    width: 100%;
    font-size: 20%;
    overflow: visible;
}

.case-study-gallery-image-52, .case-study-gallery-image-53 {
    overflow: visible;
}

.testimonial-image {
    width: auto;
    height: 30px;
}

.cookie-modal_styles {
    display: none;
}

.cookie-modal_closebutton {
    z-index: 5;
    cursor: pointer;
    background-color: #f3f7f2;
    border-radius: .25rem;
    justify-content: center;
    align-items: center;
    width: 2.5rem;
    height: 2.5rem;
    margin: 1.25rem 1.25rem -2.5rem auto;
    transition: background-color .2s cubic-bezier(.25,.46,.45,.94);
    display: flex;
    position: relative;
}

    .cookie-modal_closebutton.is-sticky {
        position: sticky;
        top: -1rem;
    }

.cookie-modal_content-wrap {
    padding: 1.75rem 2rem;
}

    .cookie-modal_content-wrap.is-small {
        padding: 1.5rem;
    }

.cookie-modal_button-wrap {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
    background-color: #f3f7f2;
    border-radius: 0 0 .25rem .25rem;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    padding: 2rem;
    display: flex;
}

    .cookie-modal_button-wrap.is-small {
        justify-content: flex-start;
        padding: 1.5rem;
    }

    .cookie-modal_button-wrap.in-pref-manger {
        flex-direction: column;
        justify-content: flex-start;
        align-items: stretch;
        margin: 2rem -2rem -2.25rem;
        padding-top: 1.5rem;
        padding-bottom: 1rem;
    }

.cookie-popup_component {
    z-index: 99999999;
    max-width: 25rem;
    display: none;
    position: fixed;
    inset: auto 1.25rem 1.25rem auto;
}

.cookie-modal_closebutton_line {
    background-color: #515750;
    width: 1rem;
    height: 2px;
    position: absolute;
}

    .cookie-modal_closebutton_line.is-right {
        transform: rotate(-45deg);
    }

    .cookie-modal_closebutton_line.is-left {
        transform: rotate(45deg);
    }

.screenreader-only {
    width: 1px;
    height: 1px;
    margin: -1px;
    position: absolute;
    overflow: hidden;
}

.cookie-modal_link {
    color: #000;
    transition: color .15s cubic-bezier(.25,.46,.45,.94);
}

.cookie-modal_title {
    margin-bottom: .1875em;
    font-size: 1.25rem;
    font-weight: 700;
}

    .cookie-modal_title.is-small {
        font-size: 1.1875rem;
    }

.cookie-modal_button {
    transition: color .2s cubic-bezier(.25,.46,.45,.94),background-color .2s cubic-bezier(.25,.46,.45,.94);
}

    .cookie-modal_button.is-secondary {
        color: #515750;
        background-color: #0000;
        padding-left: 0;
        padding-right: 0;
        font-size: .875rem;
        font-weight: 700;
    }

        .cookie-modal_button.is-secondary:hover {
            text-decoration: underline;
        }

.cookie-modal_component {
    background-color: #fff;
    border-radius: .25rem;
    flex-direction: column;
    max-width: 32rem;
    margin-left: auto;
    margin-right: auto;
    font-size: .9375rem;
    line-height: 1.4;
    display: flex;
    position: relative;
    box-shadow: 0 4px 1rem #2629260d;
}

.cookie-modal_radio_label {
    cursor: pointer;
    margin-bottom: .25rem;
    font-size: .9375rem;
    font-weight: 600;
}

.cookie-modal_form {
    padding-top: 1.25rem;
    padding-bottom: .5rem;
}

.cookie-preference_wrapper {
    width: 100%;
    max-height: 100%;
    padding: 2rem;
    position: relative;
    overflow: auto;
}

.cookie-modal_radio {
    cursor: pointer;
    margin-top: 1rem;
    margin-bottom: 0;
    padding-left: 1.75rem;
    transition: color .15s cubic-bezier(.25,.46,.45,.94);
}

    .cookie-modal_radio.is--not-allowed {
        cursor: not-allowed;
    }

.cookie-modal_radio_description {
    cursor: pointer;
    font-size: .875rem;
    font-weight: 400;
}

.cookie-modal_radio_button {
    float: left;
    border: 1.75px solid #999c98;
    border-radius: .375rem;
    width: 1.25rem;
    height: 1.25rem;
    margin-top: 0;
    margin-left: -1.75rem;
    transition: background-color .2s cubic-bezier(.25,.46,.45,.94);
}

    .cookie-modal_radio_button.w--redirected-checked {
        background-color: #515750;
        background-image: url(../images/67a3661c53bf4720d6bd30e0_radio__checkmark.svg);
        background-position: 50%;
        background-repeat: no-repeat;
        background-size: .625rem;
        border: 1px solid #515750;
    }

    .cookie-modal_radio_button.w--redirected-focus {
        box-shadow: none;
    }

    .cookie-modal_radio_button.is-always-active {
        cursor: not-allowed;
        background-color: #515750;
        background-image: url(../images/67a3661c53bf4720d6bd30e0_radio__checkmark.svg);
        background-position: 45%;
        background-repeat: no-repeat;
        background-size: .625rem;
        border-color: #515750;
    }

.cookie-modal_button-2 {
    color: #fff;
    text-align: center;
    background-color: #515750;
    border-radius: .25rem;
    padding: .875em 1.5em 1rem;
    font-size: .9375rem;
    text-decoration: none;
    transition: color .2s cubic-bezier(.25,.46,.45,.94),background-color .2s cubic-bezier(.25,.46,.45,.94);
}

    .cookie-modal_button-2:hover {
        background-color: #262926;
    }

    .cookie-modal_button-2.is-secondary {
        color: #515750;
        background-color: #0000;
        padding-left: 0;
        padding-right: 0;
        font-size: .875rem;
        font-weight: 700;
    }

        .cookie-modal_button-2.is-secondary:hover {
            text-decoration: underline;
        }

.cookie-modal_form-wrap {
    margin-bottom: 0;
}

.cookie-preference_background {
    opacity: 1;
    -webkit-backdrop-filter: blur(.5rem);
    backdrop-filter: blur(.5rem);
    cursor: pointer;
    background-color: #d7e7d580;
    width: 100%;
    height: 100%;
    position: absolute;
    inset: 0%;
}

.cookie-preference_component {
    z-index: 9525;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%;
    display: none;
    position: fixed;
    inset: 0%;
}

.thank-you-inner {
    padding-left: 220px;
    padding-right: 220px;
}

.button-hover-wrap {
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    display: flex;
}

    .button-hover-wrap.d-flex {
        justify-content: center;
        align-items: center;
    }

.thank-you-paragraph {
    max-width: 550px;
    margin-left: auto;
    margin-right: auto;
}

.back-to-home {
    display: block;
}

.primary-button {
    z-index: 1;
    border-radius: 100px;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    padding: 12px 24px;
    text-decoration: none;
    transition: all .35s;
    display: flex;
    position: relative;
    overflow: hidden;
}

    .primary-button.main-bg-color:hover {
        background-color: #ffff0070;
    }

.btn-wrapper {
    justify-content: center;
    align-items: center;
}

.fz-24 {
    font-size: 24px;
    font-weight: 700;
    line-height: 34px;
}

.thank-you-area.section-padding.z-index.bg-black {
    align-items: center;
    height: 100vh;
    display: flex;
}

.award-area.bg-gray {
    width: 100%;
    position: relative;
    display:none;
}

    .award-area.bg-gray.section-padding {
        background-color: #b5bfca;
    }

        .award-area.bg-gray.section-padding.z-index {
            position: relative;
        }

.primary-button-2 {
    z-index: 6;
    border-radius: 100px;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    padding: 15px 24px;
    text-decoration: none;
    display: flex;
    position: relative;
}

    .primary-button-2:hover {
        box-shadow: 0 0 #000;
    }

.we-are-mobile-content {
    display: none;
}

.award-single-item {
    z-index: 0;
    background-color: #fff;
    flex-direction: column;
    justify-content: space-between;
    width: 100%;
    padding: 40px;
    transition: all .2s;
    display: flex;
    position: relative;
}

.award-title {
    color: #000;
    margin-bottom: 6px;
    font-family: Aeonik,sans-serif;
    font-size: 24px;
    font-weight: 500;
    line-height: 32px;
}

.award-wrap {
    z-index: 1;
    grid-column-gap: 24px;
    grid-row-gap: 16px;
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    grid-auto-columns: 1fr;
    display: grid;
    position: relative;
    overflow: hidden;
}

.award-details {
    color: #7d7d82;
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
}

.center-video-2 {
    z-index: 0;
    justify-content: center;
    align-items: center;
    width: 100%;
    display: flex;
    position: absolute;
    inset: 47% 0% auto 50%;
    transform: translate(-50%,-50%);
}

.award-image-block {
    margin-bottom: 9.583vw;
}

.button-icon {
    border-radius: 100px;
    justify-content: center;
    align-items: center;
    width: 58px;
    height: 58px;
    display: flex;
}

.container-5 {
    width: 100%;
    max-width: 107%;
    margin-left: auto;
    margin-right: auto;
    padding-left: 40px;
    padding-right: 40px;
    display: block;
    overflow: hidden;
}

@media screen and (min-width:1280px) {
    h4 {
        font-size: 28px;
    }

    .display-font {
        font-size: 70px;
    }

    /* .dropdown-list {
        width: 96.5vw;
        left: -29.2vw;
    } */

    .hero-content-wrap {
        width: 650px;
    }

    .hero-section-title {
        font-size: 72px;
    }

    .hero-content-wrapper {
        grid-column-gap: 100px;
        grid-row-gap: 100px;
    }

    .testimonial-slide-arrow.left-arrow {
        left: 92%;
    }

    .grid-item {
        grid-template-columns: 1fr 1fr;
    }

    .partner-shape {
        bottom: -22%;
    }

    .service-card-images.service-list-image {
        object-fit: cover;
        height: 200px;
    }

    .blog-cta-title {
        grid-column-gap: 160px;
        grid-row-gap: 160px;
    }

    .pricing-card-wrapper {
        grid-template-columns: 1fr 1fr 1fr 1fr;
    }

    .circle-star-image {
        width: 50%;
    }

    .video-about {
        padding-left: 30px;
        padding-right: 30px;
    }

    .service-banners.ux-service-hero {
        background-position: 118% 32%;
        background-size: 55%;
    }

    .service-banners.web-design-in-dubai, .service-banners.web-design-in-abu-dhabi, .service-banners.web-design-in-doha, .service-banners.web-design-riyadh, .service-banners.web-design-london, .service-banners.web-design-berlin {
        background-position: 50%;
        padding-bottom: 140px;
    }

    .service-banners.location-ui-ux-in-dubai {
        background-position: 96% 42%;
        background-size: 50%;
    }

    .service-banners.mvp-web-design {
        background-position: 118% 32%;
        background-size: 55%;
    }

    .customize-site-image {
        padding-left: 60px;
    }

        .customize-site-image.abu-dhabi, .customize-site-image.abu-doha, .customize-site-image.london, .customize-site-image.riyad {
            padding-left: 80px;
        }

    .explore-round-image {
        width: 500px;
        margin-top: 100px;
        margin-left: -25px;
    }
}

@media screen and (min-width:1440px) {
    h3 {
        font-size: 40px;
    }

    h4 {
        font-size: 32px;
    }

    .display-font {
        font-size: 80px;
    }

    /* .dropdown-list {
        width: 93vw;
        left: -33.5vw;
    } */

    .dropdown-menu-wrapper {
        padding-left: 40px;
        padding-right: 40px;
    }

    .hero-content-wrap {
        width: 880px;
    }

    .hero-section-title {
        font-size: 96px;
    }

    .hero-content-wrapper {
        grid-column-gap: 50px;
        grid-row-gap: 50px;
    }

    .about-content-wrapper {
        grid-template-columns: 1fr 1.05fr;
    }

    .section-padding {
        padding-top: 80px;
        padding-bottom: 80px;
    }

    .client-logo-slider {
        padding-left: 20px;
    }

    .testimonial-quote-text {
        padding-right: 40px;
    }

    .testimonial-single-card {
        /* grid-template-columns: 1.7fr 1fr; */
        grid-template-columns: 1fr;
    }

    .what-do-wrapper {
        padding-left: 20px;
    }

    .grid-one {
        grid-template-columns: 1fr 1.16fr;
    }

        .grid-one.mvp-design {
            grid-template-columns: 1.1fr 1fr;
        }

    /* .contact-area-wrapper {
        padding: 50px 0;
    } */

    .client-button-prev {
        right: 320px;
    }

    .our-contact-form-input-field::placeholder {
        text-transform: capitalize;
        font-size: 20px;
    }

    .service-banner-inner {
        grid-column-gap: 170px;
        grid-row-gap: 170px;
        grid-template-columns: 1.1fr 1fr;
    }

        .service-banner-inner.ux-research {
            grid-column-gap: 130px;
            grid-row-gap: 130px;
        }

        .service-banner-inner.usability-testing {
            grid-column-gap: 26px;
            grid-row-gap: 26px;
            grid-template-columns: 1.1fr 1fr;
        }

        .service-banner-inner.ux-audit {
            grid-column-gap: 130px;
            grid-row-gap: 130px;
        }

        .service-banner-inner.wirefrraming {
            grid-column-gap: 26px;
            grid-row-gap: 26px;
            grid-template-columns: 1.1fr 1fr;
        }

        .service-banner-inner.brand-design {
            grid-template-columns: 1fr 1fr;
        }

    .single-service-details {
        grid-column-gap: 64px;
        grid-row-gap: 64px;
        grid-template-rows: auto;
        grid-template-columns: 1fr .75fr;
        grid-auto-columns: 1fr;
        display: grid;
    }

    .service-details-title {
        color: #0f1112;
        margin-bottom: 0;
        line-height: 120%;
    }

    .service-details-subtitle {
        color: #4b5154;
        margin-top: 20px;
        margin-bottom: 0;
        font-size: 18px;
        line-height: 150%;
    }

    .service-details {
        border-top: 1px solid #ebeef0;
        justify-content: space-between;
        align-items: center;
        padding-top: 20px;
        padding-bottom: 20px;
        display: flex;
    }

        .service-details.border-top-none {
            border-top-style: none;
        }

    .left-content {
        grid-column-gap: 32px;
        grid-row-gap: 32px;
        align-items: center;
        display: flex;
    }

    .service-details-number {
        letter-spacing: -.01px;
        font-family: Neuemachina,sans-serif;
        font-size: 24px;
    }

    .service-details-name {
        color: #0f1112;
        letter-spacing: -.01px;
        text-transform: capitalize;
        font-weight: 500;
    }

    .right-arrow {
        color: #0f1112;
        width: 24px;
        height: 24px;
    }

    .service-details-item-wrapper {
        margin-top: 64px;
    }

    .expertise-title {
        line-height: 1.4em;
    }

    .expertise-subtitle {
        font-size: 22px;
    }

    .partner-title {
        font-size: 33px;
    }

    .partner-shape {
        bottom: -28%;
    }

    .case-studies-single-line {
        left: -6.2%;
    }

    .brand-paragraph {
        max-width: 800px;
    }

    .case-studies-numbner {
        left: -6.2%;
    }

    .process-wrapper {
        grid-column-gap: 24px;
        grid-row-gap: 24px;
        grid-template-rows: auto;
        grid-template-columns: 1fr 1fr 1fr 1fr;
        grid-auto-columns: 1fr;
        display: grid;
    }

    .case-studies-line {
        height: 125%;
        top: -12.5%;
    }

    .breadcrumb-title {
        font-size: 96px;
    }

    .blog-cta-area {
        padding-top: 90px;
        padding-bottom: 90px;
    }

    .blog-cta-title {
        grid-column-gap: 160px;
        grid-row-gap: 160px;
    }

    .heading-3 {
        font-size: 48px;
    }

    .about-banner-shape {
        max-width: 650px;
    }

    .about-banner-title {
        color: #0f1112;
    }

    .business-thrived-content {
        padding-top: 40px;
    }

        .business-thrived-content.pb-40 {
            padding-bottom: 40px;
        }

    .blog-meta-wrap {
        grid-column-gap: 30px;
        grid-row-gap: 30px;
    }

    .blog-heading {
        font-size: 40px;
    }

    .dolf-logo {
        max-width: 110px;
    }

    .flaunte-logo {
        width: 100px;
    }

    .arrive-logo {
        max-width: 80px;
    }

    .peel-logo {
        max-width: 70px;
    }

    .hojj-logo {
        max-width: 160px;
    }

    .packt {
        max-width: 100px;
    }

    .cis-logo {
        max-width: 115px;
    }

    .service-card-title-text {
        font-size: 24px;
    }

    .book-a-call-area {
        padding-left: 50px;
    }

    .div-block-16 {
        justify-content: space-between;
    }

    .circle-star-image {
        width: 50%;
    }

    .benefit-title-block {
        display: block;
    }

    .div-block-16-copy {
        justify-content: space-between;
    }

    .video-about {
        padding-left: 0;
        padding-right: 0;
    }

    .banner-3d-block {
        max-width: 85%;
        right: -11%;
    }

    .success-path-tab-title {
        text-transform: capitalize;
    }

    .service-round-image {
        max-width: 700px;
    }

    .service-banners.ux-service-hero {
        background-position: 118% 32%;
        background-size: 55%;
    }

    .service-banners.web-design-in-dubai, .service-banners.web-design-in-abu-dhabi, .service-banners.web-design-in-doha, .service-banners.web-design-riyadh, .service-banners.web-design-london, .service-banners.web-design-berlin {
        background-position: 50%;
        padding-bottom: 160px;
    }

    .service-banners.location-ui-ux-in-dubai {
        background-position: 95% 85%;
        background-size: 51%;
    }

    .service-banners.mvp-web-design {
        background-position: 118% 32%;
        background-size: 55%;
    }

    .web-design-dubai-content {
        grid-template-columns: 1.05fr 1fr;
    }

    .web-design-dubai-conten-wrapper {
        padding-left: 70px;
    }

    .industry-card-wrapper {
        grid-template-columns: 1fr 2.03fr 1fr;
    }

    .customize-site-image.abu-dhabi, .customize-site-image.abu-doha, .customize-site-image.london, .customize-site-image.riyad {
        padding-left: 80px;
    }

    .testimonial-desc {
        line-height: 1.4em;
    }

    .dubai-about-content {
        padding-left: 70px;
    }

        .dubai-about-content.abu-dhabi {
            padding-left: 0;
        }

        .dubai-about-content.riyadh {
            padding-left: 0;
            padding-right: 80px;
        }

        .dubai-about-content.london, .dubai-about-content.abu-dhabi-copy {
            padding-left: 0;
        }

    .explore-round-image {
        width: 600px;
        margin-top: 200px;
        margin-left: -26px;
    }

    .round-image {
        width: auto;
    }

    .locaiton-image {
        max-width: 674px;
        position: relative;
    }

        .locaiton-image.riyadh {
            max-width: 620px;
        }

    .web-design-abu-dhabi-content {
        padding-left: 70px;
    }

    .web-design-location.london {
        padding-top: 0;
    }

    .wrapper {
        padding-left: 24px;
    }

    .list-content {
        grid-column-gap: 32px;
        grid-row-gap: 32px;
        align-items: center;
        display: flex;
    }

    .fintech-section-area {
        grid-column-gap: 64px;
        grid-row-gap: 64px;
        grid-template-rows: auto;
        grid-template-columns: 1fr .75fr;
        grid-auto-columns: 1fr;
        display: grid;
    }

    .thank-you-inner {
        padding-left: 150px;
        padding-right: 150px;
    }
}

@media screen and (min-width:1920px) {
    .container.d-flex {
        justify-content: center;
        align-items: center;
        height: 100%;
    }

    .display-font {
        font-size: 96px;
    }

    /* .dropdown-list {
        width: 72vw;
        left: -23vw;
    } */

    .hero-content-wrapper {
        grid-column-gap: 50px;
        grid-row-gap: 50px;
        width: 100%;
    }

    .hero-image-wrap {
        width: 68%;
        right: -60px;
    }

    .about-content-wrapper {
        grid-template-columns: 1fr 1.05fr;
    }

    .case-first-item {
        position: relative;
    }

    .case-image {
        position: sticky;
        top: 100px;
    }

    .first-case-image {
        border: 2px solid #000;
        max-width: 1180%;
    }

    .round-shape {
        transform: scale(1.1);
    }

    .case-studies-single-item.width-1180.align-left {
        margin-left: 0;
        margin-right: auto;
    }

    .client-logo-slider {
        padding-left: 0;
    }

    .swiper.client-brand-logo {
        overflow: visible;
    }

    .slide-nav-3 {
        display: none;
    }

    .testimonial-content {
        padding-top: 32px;
        padding-bottom: 40px;
        padding-right: 32px;
    }

    .testimonial-quote-text {
        line-height: 1.3em;
    }

    .testimonial-slide-arrow {
        color: #000;
        border-radius: 50%;
        justify-content: center;
        align-items: center;
        font-size: 24px;
        transition: all .35s;
        display: flex;
    }

        .testimonial-slide-arrow:hover {
            color: #fff;
        }

        .testimonial-slide-arrow.left-arrow {
            left: auto;
            right: 60px;
        }

    .counter-item-number {
        margin-bottom: 190px;
    }

    .what-do-wrapper {
        padding-left: 265px;
    }

    .grid-one.brand-design {
        grid-column-gap: 63px;
        grid-row-gap: 63px;
    }

    .social-icon-image {
        display: inline-block;
    }

    /* .footer-location-area {
        grid-template-columns: 1fr 1fr 1fr 1fr;
    } */

    .footer-social-link {
        text-decoration: none;
    }

    .footer-contact-item {
        padding-right: 0;
    }

    .client-button-prev {
        right: 317px;
    }

    .client-logo-slide-button {
        color: #000;
        border-radius: 50%;
        justify-content: center;
        align-items: center;
        font-size: 24px;
        transition: all .35s;
        display: flex;
    }

        .client-logo-slide-button:hover {
            color: #fff;
            background-color: #000;
        }

    .team-heading {
        margin-top: 13px;
    }

    .d-flex {
        justify-content: flex-start;
        align-items: center;
        display: flex;
    }

    .service-banner-inner {
        grid-template-columns: 1.4fr 1fr;
    }

        .service-banner-inner.ui-ux-consulting {
            grid-template-columns: 1.5fr 1fr;
        }

        .service-banner-inner.ux-research {
            grid-column-gap: 50px;
            grid-row-gap: 50px;
            grid-template-columns: 1fr 1fr;
        }

        .service-banner-inner.brand-identity, .service-banner-inner.brand-design {
            grid-template-columns: 1fr 1fr;
        }

    .service-banner {
        position: relative;
    }

        .service-banner.bg-gray-200 {
            background-position: 96% 30%;
            background-size: 44%;
        }

        .service-banner.graphic-design, .service-banner.fintech {
            background-position: 100% 80%;
            background-size: 42%;
            padding-bottom: 160px;
        }

    .industry-item-title {
        color: #fff;
    }

    .partner-shape {
        bottom: -28%;
    }

    .service-banner-image {
        transform: translate(30px);
    }

    .process-headin-title {
        text-transform: capitalize;
    }

    .case-studies-single-line {
        left: -6.3%;
    }

    .service-banner-img.ml-45 {
        transform: translate(45px);
    }

    .case-studies-numbner {
        left: -6.2%;
    }

    .empowring-single-list.bg-green {
        background-color: #1ffe81;
    }

    .expertise-headin-title {
        text-transform: capitalize;
    }

    .expertise-faq-area.pt-200 {
        padding-bottom: 200px;
    }

    .slider-line {
        height: 87vh;
    }

    .case-studies-line {
        height: 121%;
        top: -10%;
    }

    .breadcrumb-title {
        font-size: 96px;
    }

    .blog-cta-title {
        grid-column-gap: 160px;
        grid-row-gap: 160px;
    }

    .about-banner-shape {
        max-width: 822px;
    }

    .blog-meta-wrap {
        grid-column-gap: 30px;
        grid-row-gap: 30px;
    }

    .career-big-title {
        font-size: 10.7vw;
    }

    .our-clients-logo-wrap {
        background-color: #fff;
    }

    .other-company-text {
        padding-left: 60px;
    }

    .compaier-musemind-card {
        grid-template-columns: 1fr 1.1fr;
    }

    .why-choose-musemind-agency {
        background-color: #edf0f2;
        padding-top: 90px;
        padding-bottom: 90px;
    }

    .video-about {
        padding-left: 0;
        padding-right: 0;
    }

    .team-heading-2 {
        margin-top: 13px;
    }

    .service-of-home {
        text-transform: capitalize;
    }

    .service-banners {
        position: relative;
    }

        .service-banners.bg-gray-200 {
            background-position: 96% 30%;
            background-size: 44%;
        }

        .service-banners.ux-service-hero {
            background-position: 100% 20%;
            background-size: 44%;
            padding-bottom: 160px;
        }

        .service-banners.web-design-in-dubai, .service-banners.web-design-in-abu-dhabi, .service-banners.web-design-in-doha, .service-banners.web-design-riyadh, .service-banners.web-design-london, .service-banners.web-design-berlin {
            background-position: 50% 100%;
            padding-bottom: 275px;
        }

        .service-banners.location-ui-ux-in-dubai {
            background-position: 93%;
            background-size: 40%;
            padding-bottom: 275px;
        }

        .service-banners.location-ui-ux-in-riyadh, .service-banners.location-ui-ux-in-doha, .service-banners.location-ui-ux-in-london, .service-banners.location-ui-ux-in-berlin {
            padding-bottom: 275px;
        }

        .service-banners.mvp-web-design {
            background-position: 100% 20%;
            background-size: 44%;
            padding-bottom: 160px;
        }

    .about-web-design-in-dubai.riyadh, .about-web-design-in-dubai.berlin {
        overflow: hidden;
    }

    .web-design-dubai-content {
        grid-template-columns: 1.06fr 1fr;
    }

    .font-recoleta-400 {
        font-family: Recoleta,Arial,sans-serif;
        font-weight: 400;
    }

    .customize-site-image {
        margin-left: 140px;
        padding-left: 0;
    }

        .customize-site-image.abu-dhabi {
            margin-left: 0;
            padding-left: 100px;
        }

        .customize-site-image.abu-doha {
            width: 37%;
            margin-left: 0;
            padding-left: 100px;
            position: absolute;
        }

        .customize-site-image.london {
            width: 46%;
            padding-left: 100px;
            position: absolute;
        }

        .customize-site-image.riyad {
            width: 43%;
            margin-left: 0;
            padding-left: 60px;
            position: absolute;
        }

    .explore-design-process {
        grid-auto-columns: 1fr;
    }

    .explore-round-image {
        width: 714px;
        margin-top: 270px;
        margin-left: -285px;
    }

    .abu-dhabi-image-wrapper.doha {
        justify-content: center;
        align-items: flex-end;
        height: 100%;
    }

    .abu-dhabi-image-wrapper.riyadh, .abu-dhabi-image-wrapper.berlin {
        height: 100%;
    }

    .locaiton-image {
        object-fit: contain;
        height: 100%;
        position: absolute;
        left: 65px;
    }

        .locaiton-image.riyadh {
            width: 100%;
            max-width: 820px;
            top: 0%;
            left: -110px;
        }

        .locaiton-image.doha {
            height: auto;
            bottom: 0;
        }

        .locaiton-image.london {
            max-width: 820px;
            top: 0%;
        }

    .web-design-location.london {
        justify-content: center;
        align-items: flex-end;
        height: 100%;
        display: flex;
    }

    .web-design-location.riyad {
        padding-top: 0;
    }

    .industry-wrapper {
        padding-left: 264px;
    }

    .expertise-section-title {
        text-transform: capitalize;
    }
}
@media screen and (max-width:1366px) {
    .dropdown-menu-wrapper {
    border-right: 1px solid #ebeef0;
   flex: initial;
    margin-top: 0;
    padding-left: 20px;
    padding-right: 20px;
    width:100%;
    float:left;
}
}
@media screen and (max-width:991px) {
    h1 {
        font-size: 48px;
    }

    h2 {
        font-size: 40px;
    }

    h3 {
        font-size: 32px;
    }

    h5 {
        font-size: 22px;
    }

    .nav-link {
        color: var(--color-black);
        text-align: left;
        border-bottom: 1px solid #c6cacc;
        margin-left: 0;
        padding: 22px 5px 22px 0;
        font-size: 24px;
        display: block;
    }

    .nav-right-content {
        grid-column-gap: 30px;
        grid-row-gap: 30px;
    }

    .navbar-wrap {
        border-bottom: 1px solid #c6cacc;
        padding-top: 16px;
        padding-bottom: 16px;
    }

    .nav-menu-wrapper {
        background-color: var(--gray-200);
        flex-flow: row;
        justify-content: flex-start;
        align-items: center;
        height: 91vh;
        padding: 40px 24px;
        display: flex;
        overflow: auto;
        position: absolute;
        left: 0;
        top: -91vh;
        width: 100%;
        transition: top 0.5s;
        z-index: -1;
    }
    body.nav-open .nav-menu-wrapper{
        top: 9vh; }

    .menu-button {
        background-color: #fff;
        border-radius: 50%;
        justify-content: center;
        align-items: center;
        width: 48px;
        height: 48px;
        padding: 12px;
    }

        .menu-button.w--open {
            background-color: var(--color-white);
            color: #101010;
        }

        .menu-button.desktop-button {
            display: none;
        }

    .container {
        padding-left: 24px;
        padding-right: 24px;
    }

        .container.d-flex {
            height: 100%;
            display: flex;
        }

        .container.full-width {
            max-width: 100%;
            padding-left: 0;
            padding-right: 0;
        }

    .color-primary.align-left {
        text-align: left;
    }

    .pt-120 {
        padding-top: 60px;
    }

    .display-font {
        font-size: 50px;
    }

    .dropdown-menu {
        color: var(--color-black);
        pointer-events: none;
        justify-content: space-between;
        margin-left: 0;
        margin-right: 0;
        padding: 10px 5px 22px 0;
        font-size: 24px;
    }

    .hero-area {
        padding-top: 120px;
    }

    .dropdown-list {
        padding: 25px 0;
        position: relative;
        left: 0;
        display: none;
    }
    .w-dropdown:hover .dropdown-list { 
        display: block;
    }

    .dropdown-list .container{
        padding-left: 0;
        padding-right: 0;
    }
    .dropdown-menu-wrapper {
        width: 50%;
        padding-left: 40px;
        padding-right: 40px;
        width:100%;float:left;
    }

        .dropdown-menu-wrapper.third-menu {
            padding-left: 0;
        }

    .dropdown-content {
        width: 100%;
    }

    .hero-content-wrap {
        width: auto;
    }

    .hero-section-title {
        font-size: 64px;
    }

    .hero-content-wrapper {
        grid-column-gap: 30px;
        grid-row-gap: 30px;
        flex-flow: column;
        justify-content: center;
        align-items: flex-start;
    }

    .hero-image-wrap {
        justify-content: center;
        align-items: center;
        display: none;
        position: static;
    }

    .mobile-cursor-area {
        width: 150px;
        height: 150px;
    }

    .video-player-area {
        position: static;
    }

    .video-play-icon {
        width: 25px;
    }

    .section-title.color-white.width-42 {
        width: 100%;
    }

    .showreel-sticky {
        position: static;
    }

    .about-content-wrapper {
        grid-column-gap: 60px;
        grid-row-gap: 60px;
        grid-template-columns: 1fr;
    }

    .section-padding {
        padding-top: 60px;
        padding-bottom: 60px;
    }

    .founder-information {
        margin-top: 40px;
    }

    .founder-quate {
        font-size: 18px;
    }

    .case-study-area {
        padding-top: 60px;
        padding-bottom: 60px;
    }

    .case-first-item {
        height: auto;
    }

    .case-image {
        position: static;
    }

    .case-studies-quick-block {
        width: 46px;
        height: 46px;
    }

    .case-studies-thumbnail-block {
        height: auto;
    }

    .case-studies-category {
        grid-column-gap: 10px;
        grid-row-gap: 10px;
        flex-flow: wrap;
    }

    .case-study-group {
        grid-column-gap: 30px;
        grid-row-gap: 30px;
    }

    .case-single-category.bg-gray-100.color-gray-300 {
        padding: 6px 10px;
    }

    .client-logo-area {
        padding-top: 60px;
        padding-bottom: 60px;
    }

    .swiper.client-brand-logo {
        overflow: visible;
    }

    .swiper-wrapper.process-wrapper {
        grid-column-gap: 20px;
        grid-row-gap: 20px;
        grid-template-rows: auto;
        grid-template-columns: 1fr 1fr;
        grid-auto-columns: 1fr;
        display: grid;
    }

    .testimonial-slider-wrap {
        margin-top: 60px;
    }

    .testimonial-client-designation {
        justify-content: space-between;
        align-items: center;
        margin-top: 40px;
    }

    .testimonial-slider-masking {
        width: 100%;
    }

    .client-name {
        font-size: 18px;
    }

    .testimonial-quote-text {
        font-size: 20px;
    }

    .testimonial-areas {
        padding-top: 60px;
        padding-bottom: 90px;
    }

    .testimonial-slide-arrow.right-arrow {
        inset: auto auto -75px 51%;
    }

    .testimonial-slide-arrow.left-arrow {
        inset: auto 51% -75px auto;
    }

    .counterup {
        font-size: 5vw;
    }

    .counter-item-number {
        margin-bottom: 6.896vw;
    }

    .counter-content {
        height: 100%;
    }

    .counter-animated-title {
        font-size: 120px;
    }

    .section-title-wrap.mb-100 {
        margin-bottom: 30px;
    }

    .counter-wrap {
        grid-column-gap: 10px;
        padding-left: 20px;
        padding-right: 20px;
    }

    .counter-suffix {
        font-size: 5vw;
    }

    .count-title.paragraph-regular.fw-500 {
        font-size: 18px;
        font-weight: 400;
    }

    .counter-single-item {
        flex-direction: column;
        justify-content: flex-end;
        display: flex;
    }

    .what-we-do-content-wrap {
        grid-row-gap: 40px;
        grid-template-columns: 1fr;
    }

    .what-do-wrapper {
        padding-left: 20px;
        padding-right: 20px;
    }

    .who-we-area {
        padding-top: 40px;
    }

    .about-who-section-content-wrap {
        grid-column-gap: 20px;
        grid-row-gap: 20px;
        flex-flow: column;
    }

    .trusted-by-item.swiper-slide {
        width: 30vw;
    }

    .swiper-wrapper.client-logo {
        grid-column-gap: 20px;
        grid-row-gap: 20px;
        grid-template-rows: auto auto;
        grid-template-columns: 1fr 1fr;
        grid-auto-columns: 1fr;
        display: flex;
    }

    .swiper-wrapper.d-flex, .swiper-wrapper.d-flex-copy {
        grid-column-gap: 20px;
        grid-row-gap: 20px;
        flex-flow: wrap;
        grid-template-rows: auto auto;
        grid-template-columns: 1fr 1fr;
        grid-auto-columns: 1fr;
        display: grid;
    }

    .grid-one {
        grid-column-gap: 50px;
        grid-row-gap: 50px;
    }

        .grid-one.brand-design {
            grid-template-columns: 1fr;
        }

    .contact-section-heading {
        font-size: 48px;
    }

    .call-persion-image {
        margin-top: 60px;
        display: none;
    }

    .contact-content-wrapper {
        grid-column-gap: 30px;
        grid-row-gap: 30px;
        grid-template-columns: 1fr;
    }

    .grid-item {
        grid-template-columns: 1fr;
    }

        .grid-item.contact-grid {
            grid-template-columns: 1fr 1fr;
        }

    .contact-section {
        padding-top: 90px;
        padding-bottom: 90px;
    }

        .contact-section.is-contact-page {
            padding-top: 90px;
        }

    .contact-area-wrapper {
        grid-column-gap: 50px;
        grid-row-gap: 50px;
        grid-template-columns: 1fr;
    }

    .faq-question {
        white-space: normal;
    }

    .faq-item-wrap {
        grid-column-gap: 30px;
        grid-row-gap: 30px;
        grid-template-columns: 1fr;
        padding-left: 0;
        padding-right: 0;
    }

    .faq-title {
        font-size: 22px;
        line-height: 30px;
    }

    .button-color {
        font-size: 14px;
        line-height: 26px;
    }

    .footer-columns {
        grid-column-gap: 0px;
        grid-row-gap: 30px;
        grid-template-columns: 1.75fr 2fr 1fr;
        grid-template-areas: ".";
        padding-bottom: 40px;
    }

    .footer-location-area {
        grid-column-gap: 27px;
        grid-row-gap: 27px;
        padding: 20px;
    }

    .footer-nav-link {
        display: inline-block;
    }

    .footer-bottom-content {
        flex-direction: column;
    }

    .footer-about-us {
        grid-column-gap: 16px;
        grid-row-gap: 16px;
        grid-template-rows: auto;
        grid-template-columns: 1fr 1fr 1fr;
        grid-auto-columns: 1fr;
    }

    .copyright-text {
        text-align: left;
    }

    .footer-social-block {
        justify-content: center;
    }

        .footer-social-block.mobile-border {
            border-top: 0 solid #292928;
            border-bottom: 0 solid #292928;
            margin-bottom: 10px;
            padding-top: 40px;
            padding-bottom: 40px;
        }

    .footer-area {
        padding-top: 12vw;
    }

    .footer-list-item {
        margin-bottom: 15px;
    }

    .footer-bottom-inner-content {
        grid-row-gap: 15px;
        flex-direction: column;
        grid-template-columns: 1fr;
        align-items: stretch;
    }

    .copyright-text-wrap {
        order: 1;
        align-self: center;
    }

    .center-video {
        width: 100%;
    }

    .background-embed-video {
        width: 450px;
    }

    .client-button-next {
        right: 20px;
    }

    .client-button-prev {
        right: 80px;
    }

    .all-dropdown-menu-wrap {
        flex-flow: wrap;
    }

    .paragraph-regular {
        font-size: 22px;
    }

    .price-service-content-wrap {
        grid-column-gap: 30px;
        grid-row-gap: 30px;
    }

    .service-faq-description {
        grid-column-gap: 80px;
        grid-row-gap: 80px;
        width: 100%;
        max-width: none;
        margin-top: 50px;
    }

    .image-3 {
        object-fit: cover;
        width: 100%;
        max-height: 500px;
    }

    .dropdown {
        border-bottom: 1px solid #c6cacc;
        width: 100%;
    }

    .close-icon {
        opacity: 0;
        display: block;
        position: absolute;
        inset: 50% 0% 0% 50%;
        transform: translate(-50%,-50%);
    }

    .menu-icon {
        display: block;
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%,-50%);
    }

    .about-area.pt-160 {
        padding-bottom: 100px;
    }

    .budget-select-option {
        margin-bottom: 48px;
    }

    .service-banner-inner {
        grid-column-gap: 48px;
        grid-row-gap: 50px;
        flex-direction: column;
        grid-template-columns: 1.5fr;
        margin-left: 0;
    }

        .service-banner-inner.ui-ux-consulting {
            grid-template-columns: 1.75fr;
        }

        .service-banner-inner.usability-testing, .service-banner-inner.ux-audit, .service-banner-inner.wirefrraming {
            grid-template-columns: 1.2fr;
        }

        .service-banner-inner.brand-identity, .service-banner-inner.brand-design {
            grid-template-columns: 1.75fr;
        }

    .service-banner {
        padding-top: 173px;
        padding-bottom: 80px;
    }

        .service-banner.ui-ux-consulting {
            padding-bottom: 90px;
            overflow-x: hidden;
        }

        .service-banner.graphic-design, .service-banner.fintech {
            background-image: none;
            background-position: 0 0;
            background-repeat: repeat;
            background-size: auto;
        }

    .service-banner-title {
        margin-bottom: 20px;
    }

    .service-banner-button {
        margin-top: 30px;
    }

    .service-title-text {
        font-size: 24px;
        line-height: 34px;
    }

        .service-title-text.color-white {
            font-size: 22px;
        }

    .service-capabilities-item-details.details-item-size {
        max-width: none;
        margin-top: 12px;
        line-height: 1.4em;
    }

    .capabilities-item-icon {
        margin-bottom: 15px;
    }

    .why-musemind-card-wrap {
        grid-column-gap: 40px;
        grid-row-gap: 40px;
        grid-template-columns: 1fr 1fr;
        margin-top: 40px;
    }

    .py-120 {
        padding-top: 60px;
        padding-bottom: 60px;
    }

    .industry-button-next {
        width: 40px;
        height: 40px;
    }

        .industry-button-next.sider-button-next {
            display: none;
            bottom: -24%;
        }

    .industry-item-wrap {
        margin-top: 40px;
    }

    .industry-single-item-wrap.swiper-slide {
        height: auto;
    }

    .industry-single-card {
        width: 100%;
        max-width: none;
    }

    .industry-black-layer {
        opacity: 1;
        background-color: #000000c9;
    }

    .service-banner-shape-wrap {
        width: 50%;
        display: none;
    }

    .our-service-details {
        padding-top: 80px;
        padding-bottom: 80px;
    }

    .single-service-details, .single-service-details.grid-layout-change {
        grid-column-gap: 29px;
        grid-row-gap: 29px;
        grid-template-columns: 1fr 1fr;
        padding-top: 80px;
        padding-bottom: 80px;
    }

        .single-service-details.border-top-none {
            grid-column-gap: 29px;
            grid-row-gap: 29px;
            grid-template-columns: 1fr 1fr;
            padding-bottom: 80px;
        }

        .single-service-details.pt-120.last-item {
            padding-bottom: 0;
        }

    .service-details-title {
        font-size: 38px;
    }

    .service-details-subtitle {
        font-size: 18px;
        line-height: 140%;
    }

    .service-details {
        padding-top: 15px;
        padding-bottom: 15px;
    }

        .service-details.border-top-none {
            padding-top: 5px;
            padding-bottom: 15px;
        }

    .left-content {
        grid-column-gap: 28px;
        grid-row-gap: 28px;
    }

    .service-details-number {
        font-size: 20px;
    }

    .service-details-name {
        text-transform: capitalize;
        font-size: 20px;
    }

    .service-details-item-wrapper {
        margin-top: 40px;
    }

    .expertise-header {
        grid-column-gap: 100px;
        grid-row-gap: 60px;
    }

    .expertise-title {
        flex: 1;
        font-size: 22px;
        line-height: 1.1em;
    }

    .expertise-subtitle {
        flex: none;
    }

    .musemind-partner-content-wrap {
        grid-column-gap: 57px;
        grid-row-gap: 57px;
    }

    .partner-title {
        margin-top: 0;
        margin-bottom: 0;
    }

    .capabillites-coloumns {
        grid-column-gap: 28px;
        grid-row-gap: 28px;
    }

    .industry-expertise-header-wrapper {
        max-width: none;
    }

    .about-banner.bg-gray-200 {
        padding-top: 75px;
    }

    .expertise-left-content.hide {
        display: none;
    }

    .faq-single-item {
        padding-top: 24px;
        padding-bottom: 24px;
    }

    .service-banner-image {
        display: none;
    }

    .expertise-content-wrap {
        grid-row-gap: 40px;
        grid-template-columns: 1fr;
    }

        .expertise-content-wrap.home-service {
            grid-row-gap: 0px;
        }

        .expertise-content-wrap.mt-80 {
            margin-top: 40px;
        }

    .expertise-faq-arrow {
        width: 28px;
        height: 28px;
    }

    .expertise-service-image {
        object-fit: cover;
        object-position: 50% 50%;
        width: 100%;
        max-height: 500px;
    }

    .empowring-content {
        grid-column-gap: 40px;
        grid-row-gap: 40px;
    }

    .case-studies-card {
        grid-column-gap: 40px;
        grid-row-gap: 40px;
        grid-template-columns: 1fr;
        margin-left: 0;
        position: static;
    }

    .faq-questions.py-25 {
        padding-top: 0;
        padding-bottom: 0;
    }

    .marquee-item-wrapper {
        grid-column-gap: 40px;
        grid-row-gap: 40px;
    }

    .benefit-faq-description {
        font-size: 20px;
    }

    .empowring-count-number {
        margin-bottom: 10px;
        font-size: 5vw;
    }

    .single-team-content {
        margin-top: 10px;
    }

    .case-studies-image {
        object-fit: cover;
        width: 100%;
        max-height: 500px;
    }

    .design-team-wrapper {
        grid-column-gap: 30px;
        grid-row-gap: 30px;
        grid-template-columns: 1fr 1fr 1fr;
        margin-top: 40px;
    }

    .case-studies-numbner {
        display: none;
    }

    .faq-item-wrapper {
        margin-top: 40px;
    }

    .empowring-single-list {
        min-height: 150px;
    }

    .case-image-wrap {
        width: 100%;
    }

    .expertise-single-item {
        padding-bottom: 0;
    }

    .service-item-wrapper {
        grid-column-gap: 40px;
        grid-row-gap: 40px;
        grid-template-columns: 1fr 1fr;
        margin-top: 40px;
    }

    .expertise-description {
        padding-left: 35px;
    }

    .case-content-wrapper {
        padding-top: 100px;
        padding-bottom: 100px;
    }

    .faq-item-2 {
        margin-bottom: 19px;
        padding-bottom: 25px;
    }

    .process-wrapper {
        grid-template-columns: 1fr 1fr;
    }

    .benefit-service-image {
        object-fit: cover;
        object-position: 100% 50%;
        width: 100%;
        max-height: 500px;
    }

    .slider-line {
        display: none;
    }

    .industry-inner-content {
        max-width: 570px;
    }

    .processing-section-shape {
        display: none;
    }

    .benefit-content-wrap {
        grid-row-gap: 40px;
        grid-template-columns: 1fr;
    }

    .expertise-faq-description {
        font-size: 20px;
    }

    .our-vision-area.gray-200 {
        padding-top: 100px;
        padding-bottom: 100px;
    }

    .industry-button-prev {
        width: 40px;
        height: 40px;
    }

        .industry-button-prev.sider-button-prev {
            display: none;
            bottom: -24%;
        }

    .service-about-paragraph {
        max-width: 100%;
    }

    .invest-thumbnail-block.text-right {
        text-align: left;
        text-align: left;
        width: 100%;
    }

    .pb-120 {
        padding-bottom: 60px;
    }

    .client-project-wrapper {
        grid-column-gap: 50px;
        grid-row-gap: 50px;
        grid-template-columns: 1fr 1fr;
        margin-top: 40px;
    }

    .client-feedback-wrapper {
        grid-template-columns: 1fr 1fr;
        margin-top: 40px;
    }

    .client-feedback-single {
        grid-column-gap: 50px;
        grid-row-gap: 50px;
        padding: 30px;
    }

    .client-feedback-content-top {
        grid-column-gap: 20px;
        grid-row-gap: 20px;
    }

    .after-before-content {
        width: 86%;
    }

    .after-before-icon-arrow {
        width: 46px;
    }

    .after-before-icon {
        width: 65px;
        min-width: 65px;
        height: 65px;
        min-height: 65px;
    }

    .after-before-wrap {
        margin-top: 40px;
    }

    .after {
        background-image: none;
    }

    .membership-card-wrapper {
        grid-template-columns: 1fr;
        margin-top: 40px;
    }

    .tech-stack-wrapper {
        grid-column-gap: 20px;
        grid-row-gap: 20px;
        margin-top: 40px;
    }

    .breadcrumb-title {
        font-size: 64px;
        line-height: 82px;
    }

    .featured-blog-post-area {
        padding-bottom: 60px;
    }

    .featured-post-item-wrap {
        margin-top: 40px;
    }

    .hero-single-blog {
        grid-column-gap: 30px;
        grid-row-gap: 30px;
        grid-template-columns: 1.1fr;
    }

    .hero-single-blog-meta {
        margin-bottom: 20px;
    }

    .blog-wrapper {
        grid-column-gap: 30px;
        grid-row-gap: 40px;
        grid-template-columns: 1fr 1fr;
    }

    .form-input-group {
        grid-column-gap: 50px;
        grid-row-gap: 50px;
    }

    .blog-cta-area {
        margin-top: 50px;
        margin-bottom: 50px;
        padding: 40px 20px;
    }

    .blog-cta-title {
        grid-column-gap: 25px;
        grid-row-gap: 25px;
        grid-template-columns: 1fr .75fr;
    }

    .form {
        flex-flow: column;
        justify-content: center;
        align-items: flex-end;
    }

    .cta-input, .blog-image, .cta-button {
        width: 100%;
    }

        .cta-button.bg-yellow-500 {
            justify-content: flex-end;
            align-items: center;
        }

    .career-content-wrap {
        grid-column-gap: 28px;
        grid-row-gap: 28px;
        grid-template-columns: .75fr 1fr;
    }

    .business-thrived-description {
        max-width: none;
        font-size: 16px;
        line-height: 1.3em;
    }

    .leader-name {
        font-size: 21px;
    }

    .values-title-wrap {
        grid-column-gap: 30px;
        grid-row-gap: 30px;
        flex: 0 auto;
        width: 35%;
    }

    .vision-title-text {
        text-indent: 0;
        max-width: none;
        margin-top: 20px;
        padding-bottom: 60px;
        font-size: 35px;
        line-height: 1.1em;
    }

    .career-title {
        font-size: 35px;
    }

    .values-name {
        font-size: 20px;
    }

    .success-stories-wrapper {
        grid-column-gap: 35px;
        padding-top: 60px;
    }

    .our-values-area {
        padding-top: 90px;
        padding-bottom: 90px;
    }

    .thrived-content-wrapper {
        margin-top: 60px;
    }

    .single-values-item {
        grid-column-gap: 55px;
        grid-row-gap: 55px;
        justify-content: space-between;
        padding-left: 20px;
    }

    .about-banner-shape {
        max-width: 60%;
        top: 15%;
        right: -12%;
    }

    .thrived-number {
        font-size: 48px;
        font-weight: 400;
        line-height: 1.3em;
    }

    .about-banner-image {
        margin-top: 60px;
    }

    .career-content {
        margin-bottom: 40px;
    }

    .values-item-wrap {
        align-items: stretch;
    }

    .leadership-item-wrap {
        margin-top: 35px;
    }

    .career-shape {
        padding-bottom: 60px;
    }

    .about-banner-title {
        font-size: 50px;
    }

    .career-opportunities {
        padding-top: 75px;
    }

    .business-thrived-content {
        grid-column-gap: 28px;
        grid-row-gap: 28px;
        padding-top: 20px;
    }

        .business-thrived-content.pb-40 {
            grid-column-gap: 28px;
            grid-row-gap: 28px;
            grid-template-columns: 1fr 1.5fr;
            padding-bottom: 20px;
        }

    .business-thrived-text {
        margin-top: 0;
        margin-bottom: 0;
        font-size: 20px;
    }

    .values-content {
        grid-column-gap: 0px;
        grid-row-gap: 0px;
        flex-flow: column;
        grid-auto-columns: 1fr;
        justify-content: flex-start;
    }

    .leadership-single-item-wrap.swiper-slide {
        height: auto;
    }

    .values-description {
        width: 65%;
        max-width: none;
    }

    .success-description-text {
        font-size: 20px;
    }

        .success-description-text.mt-30 {
            margin-top: 40px;
            font-size: 20px;
        }

    .career-description {
        margin-top: 18px;
        margin-bottom: 30px;
        font-size: 21px;
        line-height: 1.2em;
    }

    .blog-details {
        padding-top: 140px;
    }

    .blog-details-content-wrap {
        flex-flow: wrap;
    }

    .blog-full-description {
        width: 100%;
    }

    .contact-with-musemind {
        grid-column-gap: 30px;
        grid-row-gap: 30px;
        width: 100%;
        display: flex;
    }

    .blog-heading {
        font-size: 30px;
    }

    .table-of-content-wrapper {
        width: 100%;
        position: static;
    }

    .team-member {
        margin-left: 0;
    }

    .blog-author-info-wrap {
        grid-column-gap: 30px;
        grid-row-gap: 30px;
        grid-template-columns: 1fr;
        max-width: none;
    }

    .name-of-ceo {
        font-size: 36px;
    }

    .related-blog {
        padding-bottom: 100px;
    }

    .related-blog-wrapper {
        grid-column-gap: 30px;
        grid-template-columns: 1fr 1fr;
    }

    .blog-teams {
        margin-top: 0;
        position: static;
    }

    .case-studies-details {
        padding-top: 140px;
    }

    .case-details-wrapper {
        grid-column-gap: 60px;
        grid-row-gap: 60px;
        flex-flow: column;
        margin-top: 60px;
        padding-left: 0;
        padding-right: 0;
    }

    .project-contribution-wrap {
        grid-column-gap: 40px;
        grid-row-gap: 20px;
        flex-flow: wrap;
        justify-content: space-between;
        margin-bottom: 20px;
        padding-bottom: 20px;
    }

    .project-service-list {
        flex-flow: wrap;
        justify-content: flex-start;
        align-items: center;
    }

    .case-details-sidebar {
        width: 100%;
        position: static;
    }

    .case-single-social-media {
        font-size: 15px;
    }

    .case-studies-paragraph {
        font-size: 28px;
        line-height: 40px;
    }

    .subtitle {
        font-size: 22px;
    }

    .case-studies-image-gallery-grid {
        grid-column-gap: 24px;
        grid-row-gap: 24px;
    }

    .case-study-gallery-image {
        height: 100%;
    }

    .career-banner-area {
        padding-top: 150px;
    }

    .career-benefit-name {
        font-size: 19px;
    }

    .current-subtitle {
        font-size: 20px;
    }

    .current-openning-area {
        padding-top: 100px;
        padding-bottom: 100px;
    }

    .swiper-pagination {
        width: 83%;
        margin-left: 20px;
    }

    .career-banner-content {
        padding-bottom: 40px;
    }

    .feedback-video-thumbnail {
        object-fit: cover;
        height: 100%;
    }

    .job-list {
        grid-template-columns: 1fr 1fr;
        justify-items: stretch;
        padding-top: 60px;
    }

    .employes-feedback-item-wrap {
        margin-top: 50px;
    }

    .videon-icon {
        width: 60px;
    }

    .feedback-single-card {
        width: 100%;
        height: 100%;
    }

    .employe-name {
        margin-bottom: 0;
    }

    .career-benefit-item {
        padding-bottom: 30px;
    }

        .career-benefit-item.pt-40 {
            padding-top: 30px;
            padding-left: 30px;
        }

            .career-benefit-item.pt-40.pr-0 {
                padding-top: 30px;
            }

            .career-benefit-item.pt-40.pl-0 {
                padding-left: 0;
            }

        .career-benefit-item.pr-0 {
            padding-bottom: 30px;
        }

    .career-banner-inner {
        grid-column-gap: 23px;
        grid-row-gap: 23px;
    }

    .slider-control {
        width: 40px;
        height: 40px;
    }

        .slider-control.sider-button-prev {
            right: 52px;
        }

    .career-big-title {
        letter-spacing: 0;
        margin-top: 60px;
        font-size: 10.2vw;
    }

    .career-banner-left-content {
        grid-column-gap: 80px;
        grid-row-gap: 0px;
        flex-flow: wrap-reverse;
    }

    .employe-designation-wrap {
        bottom: 20px;
        left: 20px;
    }

    .lightbox-link {
        width: auto;
        height: 100%;
    }

    .feedback-single-item-wrap.swiper-slide {
        width: 100%;
        height: 300px;
    }

    .openning-section-header {
        grid-column-gap: 48px;
        grid-row-gap: 48px;
        grid-template-columns: 1fr 3fr;
        /* padding-bottom: 60px; */
    }

    .career-benefit-area {
        padding-top: 60px;
        padding-bottom: 60px;
    }

    .career-benefit-content-wrapper {
        grid-row-gap: 30px;
        grid-template-columns: 1.25fr;
    }

    .feedback-video {
        width: 100%;
        max-width: 100%;
        height: 100%;
    }

    .job-footer {
        grid-row-gap: 15px;
        flex-flow: wrap;
        align-items: flex-start;
    }

    .slider-arrow {
        display: none;
    }

    .salary-range-wrap {
        padding-left: 18px;
        padding-right: 18px;
    }

    .about-hero-button {
        margin-top: 40px;
    }

    .mb-80 {
        margin-bottom: 60px;
    }

    .mb-24 {
        margin-bottom: 20px;
    }

    .mb-40 {
        margin-bottom: 30px;
    }

    .mb-56 {
        margin-bottom: 40px;
    }

    .mb-32 {
        margin-bottom: 24px;
    }

    .email-heading {
        padding-bottom: 60px;
    }

    .email-address {
        font-size: 32px;
    }

    .icon {
        width: 32px;
        height: 32px;
    }

    .email-address-content {
        margin-top: 16px;
    }

    .image-5 {
        z-index: 0;
        bottom: -7%;
        right: -18%;
    }

    .contact-by-email-area {
        padding-top: 60px;
        padding-bottom: 60px;
    }

    .email-content-wrap {
        z-index: 111;
        grid-column-gap: 60px;
        grid-row-gap: 60px;
        padding-top: 60px;
        position: relative;
    }

    .our-country-location-title {
        font-size: 24px;
    }

    .location-contact-info-block {
        grid-row-gap: 20px;
        padding-bottom: 30px;
    }

    .empoweing-header {
        grid-column-gap: 57px;
        grid-row-gap: 57px;
        margin-bottom: 100px;
    }

    .our-location-item.border-bottom {
        grid-template-columns: .5fr 1.25fr;
        margin-bottom: 30px;
        padding-top: 40px;
        padding-bottom: 40px;
    }

    .location-details {
        font-size: 21px;
    }

        .location-details.fs-16 {
            max-width: 304px;
        }

    .location-title {
        margin-bottom: 10px;
    }

    .service-banner-heading {
        margin-bottom: 20px;
    }

    .sass-image {
        width: 100%;
    }

    .pricing-banner-area {
        padding-top: 60px;
        padding-bottom: 60px;
    }

        .pricing-banner-area.bg-gray-200 {
            padding-top: 100px;
            padding-bottom: 20px;
        }

    .container-large {
        padding-left: 20px;
        padding-right: 20px;
    }

    .pricing-banner-title {
        font-size: 48px;
    }

    .service-details-wrap {
        grid-template-columns: 1fr 1fr;
        margin-top: 30px;
        padding: 40px;
    }

    .price-amount-text {
        font-size: 48px;
    }

    .plan-name-text {
        font-size: 24px;
    }

    .pricing-area {
        padding-bottom: 60px;
    }

    .pricing-tab-wrapper {
        margin-top: 60px;
    }

    .pricing-card-wrapper {
        grid-template-columns: 1fr 1fr;
    }

    .service-details-content-2 {
        grid-row-gap: 20px;
        grid-template-columns: 1fr 1fr;
    }

    .pricing-content {
        padding-top: 0;
    }

    .service-single-widget {
        grid-column-gap: 20px;
        grid-row-gap: 20px;
    }

    .trusted-client-text.pb-64 {
        margin-bottom: 40px;
    }

    .service-card-title-text {
        margin-bottom: 20px;
    }

    .single-service-wrap {
        flex-flow: column;
        height: 100%;
        padding: 30px 20px;
        display: flex;
    }

    .more-service-section-heading {
        max-width: 540px;
    }

    .service-card-tags {
        margin-top: 20px;
    }

    .single-benifit-list {
        padding-left: 20px;
        padding-right: 20px;
        font-size: 18px;
    }

    .other-company-text {
        margin-bottom: 22px;
        font-size: 26px;
    }

    .compaier-musemind-card {
        margin-top: 60px;
        padding-left: 20px;
        padding-right: 20px;
        display: flex;
        overflow: auto;
    }

    .book-now-btn {
        padding: 16px 20px;
    }

    .why-choose-section-heading {
        grid-column-gap: 30px;
        grid-row-gap: 30px;
        grid-template-columns: 2fr;
        place-items: stretch start;
    }

    .why-choose-musemind-agency {
        padding-top: 90px;
        padding-bottom: 90px;
    }

    .book-a-call-image {
        margin-top: 60px;
        display: none;
    }

    .calandy-section-title-text {
        font-size: 48px;
    }

    .book-a-call-area {
        grid-column-gap: 50px;
        grid-row-gap: 50px;
        grid-template-columns: 1fr;
        margin-top: 60px;
    }

    .calandy-shedule-area {
        padding-top: 60px;
    }

    .service-card-wrapper {
        grid-template-columns: 1fr 1fr;
        place-items: start center;
        margin-top: 60px;
    }

    .benefit-single-card.width-30 {
        flex-flow: column;
        justify-content: space-between;
        width: 46%;
        display: flex;
    }

        .benefit-single-card.width-30.bg-green {
            width: 44%;
        }

    .benefit-card-content {
        margin-bottom: 0;
        padding-top: 30px;
        padding-left: 30px;
        padding-right: 30px;
    }

    .div-block-15 {
        order: -1;
        width: 100%;
        padding-top: 30px;
        padding-left: 30px;
        padding-right: 30px;
    }

    .div-block-16 {
        grid-column-gap: 0px;
        grid-row-gap: 0px;
        flex-flow: column;
        width: 50%;
        padding-right: 0;
    }

    .circle-star-image {
        width: 45%;
        margin-left: 0;
        margin-right: auto;
    }

    .div-block-17 {
        margin-top: 60px;
    }

    .div-block-16-copy {
        flex-flow: column;
        width: 52%;
        padding-right: 0;
    }

    .no-fee {
        bottom: -55px;
    }

    .dropdown-menu-area {
        color: var(--color-black);
        justify-content: space-between;
        margin-left: 0;
        margin-right: 0;
        padding-left: 0;
        padding-right: 5px;
        font-size: 24px;
    }

    .left-shadow, .right-shadow {
        width: 100px;
    }

    .why-choos-us-content-wrap {
        grid-column-gap: 57px;
        grid-row-gap: 57px;
        grid-template-columns: 1fr;
    }

    .video-about {
        padding-left: 0;
        padding-right: 0;
    }

    .startup-service-card-wrap {
        grid-column-gap: 20px;
        grid-row-gap: 20px;
        grid-template-columns: 1fr 1fr;
        margin-top: 60px;
    }

    .primary-button-12-20.bg-yellow-500 {
        justify-content: flex-end;
        align-items: center;
    }

    .pt-160 {
        padding-top: 60px;
    }

    .primary-button-16-24-2.bg-yellow-500 {
        justify-content: flex-end;
        align-items: center;
    }

    .banner-3d-block {
        display: none;
        top: 14%;
        right: -2%;
    }

    .image {
        height: 320px;
    }

    .job-post-header-info {
        margin-bottom: 76px;
    }

    .job-post-wrap {
        max-width: 100%;
        margin-left: 0;
    }

    .success-path-content-wrap {
        grid-column-gap: 65px;
        grid-row-gap: 65px;
        grid-template-columns: 1fr;
    }

    .group-discussion-image-wrap {
        width: 100%;
    }

    .success-path-tab-title {
        font-size: 24px;
        line-height: 1.4em;
    }

    .auto-tab {
        grid-column-gap: 10px;
        grid-row-gap: 10px;
    }

    .tab-link {
        padding-bottom: 10px;
        padding-left: 20px;
        padding-right: 20px;
    }

    .image-6, .auto-tabs-menu {
        width: 100%;
    }

    .tabs-content {
        order: -1;
        width: 100%;
    }

    .auto-tabs {
        flex-flow: column;
    }

    .group-discussion-image {
        width: 100%;
    }

    .process-button-next {
        width: 40px;
        height: 40px;
    }

        .process-button-next.next {
            display: none;
        }

    .process-button-prev {
        width: 40px;
        height: 40px;
    }

        .process-button-prev.prev {
            display: none;
        }

    .service-faq-button.mb-24 {
        margin-bottom: 24px;
    }

    .service-round-image {
        object-fit: cover;
        object-position: 50% 50%;
        width: 100%;
        max-height: 500px;
        display: none;
    }

    .about-image {
        object-fit: cover;
        width: 100%;
        max-height: 400px;
    }

    .tech-tools-title {
        font-size: 24px;
        line-height: 34px;
    }

    .tech-item-icon {
        margin-bottom: 15px;
    }

    .expertise-section-heading.mobile-left-align {
        text-align: left;
    }

    .service-banners {
        padding-top: 173px;
        padding-bottom: 80px;
    }

        .service-banners.ux-service-hero, .service-banners.web-design-in-dubai {
            background-image: none;
            background-repeat: repeat;
            background-size: auto;
            padding-bottom: 80px;
        }

        .service-banners.web-design-in-abu-dhabi, .service-banners.web-design-in-doha, .service-banners.web-design-riyadh, .service-banners.web-design-london, .service-banners.web-design-berlin {
            background-color: #274f51;
            background-image: none;
            background-repeat: repeat;
            background-size: auto;
            padding-bottom: 80px;
        }

        .service-banners.location-ui-ux-in-dubai, .service-banners.location-ui-ux-in-riyadh, .service-banners.location-ui-ux-in-doha, .service-banners.location-ui-ux-in-london, .service-banners.location-ui-ux-in-berlin, .service-banners.mvp-web-design {
            background-image: none;
            background-repeat: repeat;
            background-size: auto;
            padding-bottom: 80px;
        }

    .shape-image {
        object-fit: cover;
        object-position: 50% 50%;
        width: 100%;
        max-height: 500px;
    }

    .expertise-section-heading-copy.mobile-left-align {
        text-align: left;
    }

    .case-section-heading-text {
        margin-bottom: 60px;
    }

    .title-with-meta {
        flex-flow: column;
        justify-content: space-between;
        align-items: flex-start;
    }

    .about-web-design-in-dubai, .about-web-design-in-dubai.abu-dhabi, .about-web-design-in-dubai.doha, .about-web-design-in-dubai.riyadh, .about-web-design-in-dubai.berlin {
        background-image: none;
    }

    .web-design-dubai-content {
        grid-template-columns: 1fr;
    }

    .web-design-dubai-conten-wrapper {
        padding-top: 60px;
        padding-left: 0;
    }

    .web-design-image-wrapper {
        background-color: var(--yellow-500);
        justify-content: center;
        align-items: center;
        padding-top: 60px;
        padding-bottom: 0;
        display: flex;
    }

    .ui-ux-offer-title {
        font-size: 30px;
        line-height: 28px;
    }

    .industry-card-wrapper {
        grid-column-gap: 16px;
        grid-row-gap: 16px;
        grid-template-columns: 1fr;
        margin-top: 60px;
    }

    .single-industry.last {
        grid-column-gap: 16px;
        grid-row-gap: 16px;
        flex-flow: row;
    }

    .single-industry.first {
        flex-flow: row;
    }

    .single-industry-card {
        width: 100%;
    }

    .process-content-left {
        position: relative;
        top: 0;
    }

    .process-line-wrap {
        display: none;
    }

    .capabillites-item-wrap {
        grid-column-gap: 28px;
        grid-row-gap: 28px;
        padding-top: 0;
    }

    .customize-site-image {
        padding-left: 40px;
        padding-right: 40px;
    }

    .testimonial-area.py-120.bg-primary {
        padding-bottom: 90px;
    }

    .solution-image {
        max-width: 81%;
        margin-left: auto;
        margin-right: auto;
    }

    .corporate-image, .e-commerce-image {
        width: 100%;
    }

    .financial-image {
        object-fit: cover;
        object-position: 50% 100%;
        width: 100%;
        max-height: 337px;
    }

    .la-firm-image, .b2b-image, .real-state-image, .travel-image, .health-care-image {
        width: 100%;
    }

    .customize-design {
        background-image: none;
    }

    .dubai-about-content {
        background-color: #fff96f;
        padding: 60px 24px;
    }

        .dubai-about-content.abu-dhabi, .dubai-about-content.riyadh, .dubai-about-content.london, .dubai-about-content.abu-dhabi-copy {
            background-color: #eef0f1;
        }

    .explore-design-process {
        grid-template-columns: 1fr;
    }

    .explore-round-image {
        display: none;
    }

    .case-studies-quick-block-2 {
        width: 46px;
        height: 46px;
    }

    .abu-dhabi-image-wrapper {
        background-color: var(--yellow-500);
        justify-content: center;
        align-items: center;
        padding-top: 60px;
        padding-bottom: 0;
        display: flex;
    }

        .abu-dhabi-image-wrapper.abu-dhabi, .abu-dhabi-image-wrapper.doha {
            background-color: #e3f0e0;
        }

    .locaiton-image {
        max-width: 81%;
        margin-left: auto;
        margin-right: auto;
        position: static;
    }

    .web-design-abu-dhabi-content {
        padding-top: 60px;
        padding-left: 24px;
        padding-right: 24px;
    }

    .web-design-location {
        background-color: #fffedb;
        justify-content: center;
        align-items: center;
        padding-top: 60px;
        padding-bottom: 60px;
        display: flex;
    }

        .web-design-location.abu-dhabi, .web-design-location.london, .web-design-location.riyad {
            background-color: #e3f0e0;
        }

    .web-design-customize {
        background-color: #fffedb;
        justify-content: center;
        align-items: center;
        padding-top: 60px;
        padding-bottom: 60px;
        display: flex;
    }

    .work-faq-link {
        padding-top: 20px;
        padding-bottom: 20px;
    }

    .ui-ux-offer-pane {
        margin-bottom: 35px;
        transition: none;
        display: none;
        position: static;
    }

        .ui-ux-offer-pane.current {
            opacity: 1;
            max-height: 900px;
            transition: max-height .15s,opacity .15s;
        }

    .ui-ux-team-offer.d-flex {
        grid-column-gap: 20px;
    }

    .ui-ux-team-offer-list-item {
        display: block;
    }

    .single-item-industry {
        flex: 0 auto;
        justify-content: space-between;
        width: 100%;
        max-width: none;
        min-height: 400px;
    }

    .industry-card-text {
        flex-flow: column;
        justify-content: flex-end;
        align-items: flex-start;
        display: flex;
    }

    .stikey-wrapper {
        height: auto;
    }

    .wrapper {
        padding-right: 24px;
    }

    .all-item {
        grid-column-gap: 20px;
        grid-row-gap: 20px;
        flex-flow: wrap;
        grid-template-rows: auto auto;
        grid-template-columns: 1fr 1fr;
        grid-auto-columns: 1fr;
        display: grid;
    }

    .primary-button-13-20 {
        font-size: 16px;
    }

    .py-200 {
        padding-top: 60px;
        padding-bottom: 60px;
    }

    .sub-service-area {
        grid-template-columns: 1fr 1fr;
    }

    .container-3 {
        padding-left: 20px;
        padding-right: 20px;
    }

    .service-banner-wrap {
        flex-direction: column;
        margin-left: 0;
    }

    .privacy-details-area {
        padding-top: 80px;
        padding-bottom: 80px;
    }

    .container-4 {
        padding-left: 20px;
        padding-right: 20px;
    }

    .service-banner-title-2 {
        font-size: 86px;
        line-height: 96px;
    }

        .service-banner-title-2.fz-72 {
            line-height: 80px;
        }

    .privacy-banner-wrap, .privacy-banner {
        padding-top: 173px;
        padding-bottom: 120px;
    }

    .service-banner-title-text {
        font-size: 86px;
        line-height: 96px;
    }

        .service-banner-title-text.fz-72 {
            line-height: 80px;
        }

    .trems-and-condition {
        padding-top: 80px;
        padding-bottom: 80px;
    }

    .why-choose-item-wrapper {
        grid-template-columns: 1fr 1fr;
    }

    .list-content {
        grid-column-gap: 28px;
        grid-row-gap: 28px;
    }

    .fintech-section-area, .fintech-section-area.grid-layout-change {
        grid-column-gap: 29px;
        grid-row-gap: 29px;
        grid-template-columns: 1fr 1fr;
        padding-top: 80px;
        padding-bottom: 80px;
    }

    .author-content-block {
        margin-bottom: 80px;
    }

    .author-personal-content {
        padding-top: 35px;
        padding-left: 30px;
        padding-right: 30px;
    }

    .author-image-block {
        width: 180px;
        height: 180px;
    }

    .banner-area {
        height: auto;
        padding-bottom: 60px;
        display: block;
    }

    .banner-paragraph {
        max-width: 650px;
        font-size: 22px;
    }

        .banner-paragraph.mb-50 {
            font-size: 21px;
        }

    .banner-button-wrap {
        grid-column-gap: 18px;
        grid-row-gap: 18px;
    }

    .banner-title-2 {
        font-size: 75px;
        line-height: 100px;
    }

        .banner-title-2.title-animation-top {
            max-width: 1200px;
            margin-bottom: 20px;
            font-size: 51px;
            line-height: 120%;
        }

    .banner-content {
        align-items: flex-start;
    }

    .backgrund-embed-video {
        width: 450px;
    }

    .banner-inner {
        grid-column-gap: 24px;
        grid-row-gap: 24px;
        grid-template-columns: 1fr;
        justify-items: stretch;
    }

    .faq-item {
        margin-bottom: 19px;
        padding-bottom: 25px;
    }

    .award-winning-service-header {
        grid-column-gap: 34px;
        grid-row-gap: 34px;
    }

    .award-service-title {
        font-size: 51px;
        line-height: 1.1em;
    }

    .award-service-subtitle {
        margin-top: 20px;
        font-size: 20px;
    }

    .award-winning-card-wrap {
        grid-column-gap: 15px;
        grid-row-gap: 15px;
        grid-template-rows: auto auto auto;
        grid-template-columns: 1fr 1fr;
        margin-top: 50px;
    }

    .award-winnnig-service-name {
        max-width: 340px;
        font-size: 30px;
    }

    .single-card-wrap.hide {
        display: none;
    }

    .thank-you-inner {
        padding-left: 110px;
        padding-right: 100px;
    }

    .primary-button-2 {
        padding: 10px 20px;
    }

    .award-single-item {
        padding: 20px;
    }

    .award-title {
        font-size: 22px;
        line-height: 30px;
    }

    .award-wrap {
        grid-column-gap: 16px;
    }

    .award-details {
        font-size: 14px;
    }

    .award-image {
        width: 30px;
    }

    .center-video-2 {
        width: 100%;
    }

    .button-icon {
        width: 46px;
        height: 46px;
    }

    .container-5 {
        padding-left: 20px;
        padding-right: 20px;
    }
}

@media screen and (max-width:767px) {
    h1 {
        font-size: 48px;
    }

    h2 {
        font-size: 40px;
    }

    h4 {
        font-size: 24px;
    }

    h5 {
        font-size: 20px;
    }

    .nav-link {
        padding-top: 20px;
        padding-bottom: 20px;
    }

    .navbar-brand {
        padding-left: 0;
    }

    .navbar-wrap {
        max-width: 100%;
    }

    .nav-menu-wrapper {
        padding-top: 30px;
        padding-bottom: 30px;
        overflow: auto;
    }

    .menu-button {
        padding: 5px;
        font-size: 33px;
    }

    .display-font {
        font-size: 48px;
    }

    .dropdown-menu {
        padding-top: 20px;
        padding-bottom: 20px;
        padding-left: 0;
    }

    .hero-area {
        height: 80vh;
        padding-bottom: 100px;
    }

    /* .dropdown-list {
        width: 91vw;
    } */

    .dropdown-menu-wrapper {
        margin-top: 20px;
        padding-left: 20px;
        padding-right: 20px;
        
    }

    .dropdown-menu-heading {
        grid-column-gap: 7px;
        grid-row-gap: 7px;
        flex-flow: column;
    }

    .hero-content-wrap {
        width: auto;
    }

    .hero-section-title {
        font-size: 48px;
    }

    .mobile-cursor-area {
        width: 80px;
        height: 80px;
    }

    .video-play-icon {
        width: 14px;
    }

    .about-area {
    padding-bottom: 35px;
}
    .about-content-wrapper {
        grid-column-gap: 35px;
        grid-row-gap: 35px;
    }

    .founder-information.desktop {
        display: none;
    }

    .founder-information.mobile {
        display: block;
    }

    .case-first-item {
        height: auto;
    }

    .round-shape {
        display: none;
    }
.case-heading {
    margin-bottom: 35px; 
}
    .case-study-wrap {
        grid-column-gap: 60px;
        grid-row-gap: 35px;
    }
.swiper-slide {
    width: 100% !important;
    height: 100%;
}

    .case-study-group, .swiper-wrapper.process-wrapper {
        grid-template-columns: 1fr;
    }

    .client-logo-wrap.bg-white {
        height: 100%;
    }

    .testimonial-video-wrap {
        min-height: 300px;
    }

    .testimonial-slider-wrap {
        margin-top: 40px;
    }

    .testimonial-content {
        border-radius: 0 0 16px 16px;
        padding-left: 0;
        padding-right: 0;
    }

    .testimonial-single-card {
        grid-column-gap: 0px;
        grid-row-gap: 0px;
        grid-template-columns: 1.5fr;
        padding-left: 16px;
        min-height: 520px;
    }

    .background-video {
        background-repeat: no-repeat;
        background-size: contain;
        border-radius: 16px 16px 0 0;
    }

    .testimonial-areas {
        padding-top: 80px;
        padding-bottom: 140px;
    }

    .counterup {
        font-size: 48px;
        line-height: 100%;
    }

    .counter-number-block {
        padding-top: 18px;
        padding-bottom: 24px;
        padding-left: 18px;
    }

    .counter-content {
        padding-top: 18px;
        padding-bottom: 18px;
        padding-left: 18px;
    }

    .counter-animated-title {
        font-size: 80px;
    }

        .counter-animated-title.color-white.title-bottom {
            margin-top: -46px;
        }

        .counter-animated-title.color-white.title-top-text {
            margin-bottom: -20px;
        }

    .section-title-wrap.mb-140 {
        margin-bottom: 60px;
    }

    .section-title-wrap.text-center {
        text-align: left;
    }

    .counter-wrap {
        grid-template-columns: 1fr 1fr 1fr;
    }

    .counter-suffix {
        font-size: 48px;
        line-height: 100%;
    }

    .count-title {
        font-size: 18px;
    }

    .what-we-do-content-wrap {
        grid-template-columns: 1fr;
    }

    .who-we-area.section-padding.bg-primary {
        padding-top: 35px;
    }
.trusted-slider-area {
    margin-top: 60px; 
}
    .trusted-by-item.swiper-slide {
        width: 35vw;
    }

    .swiper-wrapper.d-flex {
        grid-template-columns: 1fr;
    }

    .swiper-wrapper.client-logo {
        margin-top: 40px;
    }

    .swiper-wrapper.d-flex-copy, .grid-one {
        grid-template-columns: 1fr;
    }

    .our-contact-form {
        width: 100%;
    }

    .contact-section-heading {
        text-align: left;
        font-size: 36px;
    }

    .grid-item {
        grid-template-columns: 1fr;
    }

    .contact-section {
        padding-top: 80px;
    }

    .faq-s-area {
        padding-top: 120px;
        padding-bottom: 120px;
    }

        .faq-s-area.section-padding {
            padding-top: 100px;
            padding-bottom: 100px;
        }

    .faq-answer {
        padding-right: 40px;
    }

    .faq-title {
        font-size: 22px;
        line-height: 30px;
    }

    .footer-nav {
        width: 100%;
    }

    .button-color {
        font-size: 16px;
    }

    .footer-columns {
        grid-template-columns: 2.25fr 1.2fr;
        grid-template-areas: "Area";
        padding-bottom: 25px;
    }

    .footer-location-area {
        grid-template-columns: 1fr 1fr;
        margin-top: -9px;
        padding: 20px;
    }

    .footer-nav-link {
        line-height: 18px;
        display: inline-block;
    }

    .footer-bottom-content {
        flex-wrap: wrap;
    }

    .company-deck {
        justify-content: flex-start;
    }

    .copyright-text {
        margin-bottom: 15px;
    }

    .footer-social-block {
        justify-content: flex-start;
            grid-template-columns: 1fr 1fr;
                grid-column-gap: 12px;
    grid-row-gap: 10px;
    margin-left:0;
    }

        .footer-social-block.mobile-border {
            padding-top: 10px;
            padding-bottom: 0;
        }

    .footer-social-link {
        width: 45px;
        height: 45px;
    }

    .copyright-text-wrap {
        align-self: flex-start;
    }

    .center-video {
        display: none;
    }

    .background-embed-video {
        width: 350px;
    }

    .swiper-slide.item {
        height: 320px;
    }

    .client-button-next {
        top: -26%;
    }

    .client-button-prev {
        top: -25%;
    }

    .all-dropdown-menu-wrap {
        grid-row-gap: 20px;
    }

    .service-category {
        grid-column-gap: 8px;
        grid-row-gap: 8px;
    }

    .paragraph-regular {
        font-size: 18px;
        line-height: 26px;
    }

    .price-service-item {
        display: block;
    }

    .service-price-title {
        line-height: 30px;
    }

        .service-price-title.fz-64.color-gray-600 {
            font-size: 30px;
            line-height: 1.2em;
        }

    .arrow-button {
        flex: none;
        display: none;
    }

        .arrow-button.mobile-button {
            display: block;
        }

    .div-block-6 {
        grid-column-gap: 20px;
        grid-row-gap: 20px;
        grid-template-rows: auto;
    }

    .about-area.pt-160 {
        padding-bottom: 100px;
    }

    .hear-select-option {
        margin-bottom: 36px;
    }

    .our-contact-form-input-field {
        width: 100%;
    }

    .budget-select-option {
        margin-bottom: 36px;
    }

    .service-banner-inner {
        flex-direction: column;
    }

    .service-banner.bg-gray-200.banner-padding {
        padding-bottom: 120px;
    }

    .service-title-text {
        margin-bottom: 15px;
    }

    .capabilities-item-icon {
        width: 70px;
        margin-bottom: 15px;
    }

    .why-musemind-card-wrap {
        margin-top: 40px;
    }

    .industry-button-next.sider-button-next {
        top: auto;
        bottom: 0%;
        right: 2%;
    }

    .industry-item-title {
        line-height: 30px;
    }

    .industry-item-wrap {
        margin-top: 35px;
    }

    .industry-bg-image {
        object-fit: cover;
        object-position: 50% 100%;
    }

    .service-banner-shape-wrap {
        display: none;
    }

    .our-service-details {
        padding-top: 35px;
        padding-bottom: 0;
    }

    .single-service-details {
        grid-column-gap: 19px;
        grid-row-gap: 19px;
        grid-template-columns: 1fr;
        padding-top: 50px;
        padding-bottom: 50px;
    }

        .single-service-details.grid-layout-change {
            grid-template-columns: 1fr;
            padding-top: 50px;
            padding-bottom: 50px;
        }

        .single-service-details.border-top-none {
            grid-template-columns: 1fr;
            padding-bottom: 50px;
        }

        .single-service-details.pt-120.last-item {
            padding-bottom: 0;
        }

    .service-details-title {
        font-size: 35px;
    }

    .service-details-subtitle {
        margin-top: 10px;
    }

    .service-details-item-wrapper {
        margin-top: 30px;
    }

    .expertise-header {
        grid-column-gap: 0px;
        grid-row-gap: 0px;
        flex-flow: column;
    }

    .expertise-title {
        margin-bottom: 0;
        font-size: 20px;
    }

    .expertise-subtitle {
        margin-bottom: 5px;
    }

    .musemind-partner-area {
        padding-top: 100px;
        padding-bottom: 100px;
    }

    .musemind-partner-content-wrap {
        grid-template-columns: 1fr;
    }

    .partner-title {
        max-width: none;
    }

    .capabilities-item-wrap {
        grid-template-columns: 1fr;
    }

    .partner-shape {
        display: none;
    }

    .about-banner.bg-gray-200 {
        padding-top: 120px;
    }

    .expertise-content-wrap {
        grid-template-columns: 1fr;
    }

    .expertise-service-image {
        max-height: 400px;
    }

    .case-title {
        font-size: 36px;
    }

    .faq-title-text {
        white-space: normal;
        word-break: normal;
    }

    .process-headin-title {
        font-size: 36px;
    }

    .empowring-content {
        grid-template-columns: 1fr;
    }

    .expertise-faq-title-text {
        white-space: normal;
        word-break: normal;
    }

    .case-studies-card {
        padding: 20px;
    }

    .benefit-faq-description {
        width: 100%;
        padding-right: 0;
    }

    .empowring-count-number {
        font-size: 48px;
        line-height: 100%;
    }

    .design-team-wrapper {
        grid-template-columns: 1fr 1fr;
    }

    .expertise-headin-title {
        font-size: 36px;
    }

    .processing-area {
        padding-top: 100px;
        padding-bottom: 100px;
    }

    .service-item-wrapper {
        grid-column-gap: 40px;
        grid-row-gap: 40px;
        grid-template-columns: 1fr;
    }

    .process-wrapper {
        grid-template-columns: 1fr;
    }

    .benefit-service-image {
        max-height: 400px;
    }

    .benefit-content-wrap {
        grid-template-columns: 1fr;
    }

    .expertise-faq-description {
        width: 100%;
        padding-right: 0;
    }

    .faq-answer-content {
        padding-right: 40px;
    }

    .industry-button-prev.sider-button-prev {
        top: auto;
        bottom: 0%;
        right: 2%;
    }

    .client-project-wrapper {
        grid-column-gap: 40px;
        grid-row-gap: 40px;
        grid-template-columns: 1fr;
    }

    .tech-stack-inner-content.text-center {
        text-align: left;
    }

        .tech-stack-inner-content.text-center.mb-120 {
            margin-bottom: 65px;
        }

    .after-before-title-wrap {
        justify-content: space-between;
        align-items: center;
        margin-left: 90px;
        margin-right: 90px;
        display: flex;
    }

    .after-before-content {
        width: 100%;
    }

    .after-before-icon {
        width: 60px;
        min-width: 60px;
        height: 60px;
        min-height: 60px;
    }

    .breadcrumb-title {
        font-size: 52px;
        line-height: 58px;
    }

    .featured-blog-post-area {
        padding-top: 120px;
    }

    .blog-hero-title {
        grid-column-gap: 30px;
        grid-row-gap: 30px;
        flex-flow: column;
        justify-content: space-between;
        align-items: flex-start;
    }

    .blog-wrapper {
        grid-column-gap: 40px;
        grid-row-gap: 40px;
        grid-template-columns: 1fr;
    }

    .form-input-group, .blog-cta-title {
        grid-template-columns: 1fr;
    }

    .blog-image-element {
        width: 100%;
    }

    .career-content-wrap {
        grid-template-columns: 1fr;
    }

    .values-title-wrap {
        grid-column-gap: 18px;
        grid-row-gap: 18px;
    }

    .vision-title-text {
        padding-bottom: 35px;
        font-size: 30px;
    }

    .career-title {
        font-size: 35px;
    }

    .values-name {
        font-size: 17px;
    }
.thrived-content-wrapper {
        margin-top: 35px;
    }
    .success-stories-wrapper {
        grid-row-gap: 35px;
        grid-template-columns: 1.5fr;
        padding-top: 35px;
    }

    .about-banner-shape {
        display: none;
        top: 33%;
        right: -7%;
    }

    .thrived-number {
        font-size: 45px;
        line-height: 1.2em;
    }

    .about-banner-image {
        margin-top: 35px;
    }

    .leadership-item-wrap {
        margin-top: 35px;
    }

    .career-shape {
        padding-bottom: 40px;
    }

    .business-thrived-text {
        font-size: 19px;
    }

    .values-description {
        font-size: 15px;
        line-height: 1.4em;
    }

    .success-description-text {
        max-width: none;
    }

        .success-description-text.mt-30 {
            max-width: none;
            margin-top: 25px;
        }

    .toc {
        font-size: 22px;
    }

    .blog-meta-wrap {
        grid-column-gap: 30px;
        grid-row-gap: 13px;
        flex-flow: wrap;
    }

    .blog-heading {
        font-size: 28px;
    }

    .blog-richtext h2 {
        font-size: 30px;
    }

    .name-of-ceo {
        margin-bottom: 5px;
        font-size: 30px;
    }

    .author-description {
        margin-top: 10px;
    }

    .related-blog-wrapper {
        grid-column-gap: 40px;
        grid-row-gap: 40px;
        grid-template-columns: 1fr;
    }

    .case-studies-section-heading {
        margin-bottom: 40px;
    }

    .case-details-wrapper {
        flex-flow: column;
        margin-top: 40px;
    }

    .project-contribution-wrap {
        grid-column-gap: 16px;
        grid-row-gap: 16px;
        grid-template-columns: 1fr 1fr 1fr;
    }

    .project-contribution-title {
        font-size: 14px;
    }

    .project-service-list-item {
        font-size: 18px;
    }

    .case-studies-paragraph {
        font-size: 24px;
        line-height: 32px;
    }

    .case-studies-image-gallery-grid {
        grid-column-gap: 24px;
        grid-row-gap: 24px;
    }

    .career-benefit-name {
        margin-top: 10px;
        font-size: 19px;
    }

    .current-opening-title {
        max-width: none;
    }

    .career-banner-description {
        line-height: 31.5px;
    }

    .job-title {
        margin-top: 20px;
    }

    .career-banner-content {
        padding-bottom: 10px;
    }

    .job-list {
        grid-template-rows: auto;
        grid-template-columns: 1fr;
        padding-top: 30px;
    }

    .career-benefit-item, .career-benefit-item.pt-40 {
        padding-left: 20px;
    }

        .career-benefit-item.pt-40.pl-0 {
            padding-left: 0;
        }

        .career-benefit-item.pl-0 {
            padding-right: 20px;
        }

        .career-benefit-item.pr-0 {
            padding-bottom: 0;
        }

        .career-benefit-item.mr-0 {
            border-right-style: none;
        }

        .career-benefit-item.p-0 {
            padding-left: 0;
        }

    .career-small-image-wrapper {
        display: none;
    }

    .career-image-wrapper {
        order: 1;
        width: 100%;
    }

    .career-big-title {
        margin-top: 25px;
    }

    .career-banner-image {
        width: 100%;
    }

    .career-row {
        grid-column-gap: 24px;
        grid-template-columns: 1fr 1fr;
    }

        .career-row.bb-0 {
            grid-template-columns: 1fr 1fr;
        }

    .career-banner-left-content {
        grid-row-gap: 25px;
    }

    .lightbox-link {
        width: auto;
        height: auto;
    }

    .feedback-single-item-wrap.swiper-slide {
        width: 100%;
        height: 100%;
    }

    .openning-section-header {
        grid-column-gap: 20px;
        grid-row-gap: 20px;
        grid-template-columns: 1fr;
        /* padding-bottom: 30px; */
    }

    .feedback-video {
        max-width: none;
    }

    .slider-arrow {
        height: 80px;
        display: none;
    }

    .about-hero-button {
        margin-top: 30px;
    }

    .mb-80 {
        margin-bottom: 40px;
    }

    .email-heading {
        padding-bottom: 40px;
        line-height: 1.2em;
    }

    .email-address {
        font-size: 25px;
    }

    .email-address-content {
        margin-top: 13px;
    }

    .contact-by-email-area {
        padding-top: 100px;
        padding-bottom: 100px;
    }

    .email-content-wrap {
        padding-top: 40px;
    }

    .location-contact-info-block {
        grid-row-gap: 20px;
        flex-flow: column;
    }

    .empoweing-header {
        grid-column-gap: 35px;
        grid-row-gap: 35px;
        margin-bottom: 70px;
    }

    .our-location-item.border-bottom {
        padding-top: 30px;
        padding-bottom: 30px;
    }

    .clock-block {
        font-size: 30px;
        line-height: 40px;
    }

    .location-title {
        margin-bottom: 10px;
    }

    .live-location-clock-block {
        width: 140px;
        height: 140px;
        padding: 30px 20px;
    }

    .service-banner-heading {
        line-height: 66px;
    }

    .pricing-banner-area {
        padding-bottom: 40px;
    }

    .container-large {
        padding-left: 15px;
        padding-right: 15px;
    }

    .pricing-banner-title {
        font-size: 42px;
    }

    .service-details-wrap {
        grid-column-gap: 0px;
        grid-row-gap: 0px;
        grid-template-columns: 1fr;
    }

    .marquee-two {
        grid-column-gap: 0px;
        grid-row-gap: 0px;
        grid-template-columns: 1fr 1fr 1fr 1fr;
    }

    .price-amount-text {
        font-size: 36px;
    }

    .marquee-three {
        grid-column-gap: 0px;
        grid-row-gap: 0px;
        grid-template-columns: 1fr 1fr 1fr 1fr;
    }

    .popular-price-shape {
        top: -3.9%;
    }

    .marquee-one {
        grid-column-gap: 20px;
        grid-row-gap: 20px;
        grid-template-columns: 1fr 1fr 1fr 1fr;
    }

    .pricing-tab-wrapper {
        margin-top: 110px;
    }

    .pricing-card-wrapper {
        grid-template-columns: 1fr;
    }

    .service-details-content-2 {
        grid-column-gap: 0px;
        grid-row-gap: 0px;
        grid-template-columns: 1fr;
    }

    .price-details-heading {
        font-size: 36px;
    }

    .pricing-content {
        padding-top: 0;
    }

    .more-feature-wrap {
        margin-top: 30px;
    }

    .team-composition-title {
        margin-top: 40px;
    }

    .service-single-widget {
        padding-bottom: 10px;
    }

    .more-service-section-heading {
        font-size: 36px;
    }

    .service-areas {
        padding-top: 80px;
    }

    .musemind-company {
        flex: none;
        width: 82%;
        padding-bottom: 0;
    }

    .single-benifit-list {
        padding-left: 20px;
        font-size: 16px;
    }

        .single-benifit-list.musemind-choose {
            padding-left: 20px;
        }

    .other-company-text {
        margin-bottom: 23px;
    }

    .why-choose-section-title-text {
        font-size: 36px;
    }

    .why-choose-section-heading {
        grid-template-columns: 2fr;
        place-items: center start;
    }

    .why-choose-musemind-agency {
        padding-top: 80px;
        padding-bottom: 80px;
    }

    .other-company {
        border-radius: 16px;
        flex: none;
    }

    .calandy-section-title-text {
        font-size: 36px;
    }

    .calandy-shedule-area {
        padding-top: 80px;
    }

    .service-card-wrapper {
        grid-row-gap: 24px;
        grid-template-columns: 1fr;
    }

    .benefit-section-title {
        text-align: left;
    }

    .benefit-membership-wrapper {
        flex-flow: column;
    }

    .benefit-single-card.width-30, .benefit-single-card.width-30.bg-green, .div-block-16 {
        width: 100%;
    }

    .div-block-17 {
        margin-top: 60px;
    }

    .div-block-16-copy {
        width: 100%;
    }

    .no-fee {
        bottom: -50px;
    }

    .dropdown-menu-area {
        padding-left: 0;
    }

    .why-choos-us-content-wrap {
        grid-template-columns: 1fr;
    }

    .why-choose-us-area {
        padding-top: 100px;
        padding-bottom: 100px;
    }

    .startup-service-card-wrap {
        grid-template-columns: 1fr;
        margin-top: 60px;
    }

    .startup-service-image {
        width: 100%;
    }

    .pt-160 {
        padding-top: 35px;
        padding-bottom: 35px;
    }

    .length {
        font-size: 16px;
    }

    .job-footnote {
        font-size: 22px;
        line-height: 34px;
    }

    .banner-3d-block {
        top: 12%;
        right: -2%;
    }

    .job-info-title {
        margin-bottom: 10px;
    }

    .job-info-wrap {
        grid-row-gap: 30px;
        flex-wrap: wrap;
    }

    .image {
        height: 250px;
    }

    .job-post-header-info {
        margin-bottom: 60px;
    }

    .job-title-text {
        font-size: 56px;
        line-height: 68px;
    }

    .success-path-content-wrap {
        grid-column-gap: 48px;
        grid-row-gap: 48px;
    }

    .process-headin-text, .service-of-home {
        font-size: 36px;
    }

    .service-faq-answer {
        max-height: 0;
        padding-right: 40px;
    }

    .service-round-image {
        max-height: 400px;
    }

    .tech-tools-title {
        margin-bottom: 15px;
    }

    .tech-item-icon {
        width: 70px;
        margin-bottom: 15px;
    }

    .shape-image {
        max-height: 400px;
    }

    .web-design-dubai-conten-wrapper {
        padding-top: 40px;
    }

    .web-design-image-wrapper {
        padding-bottom: 0;
    }

    .industry-card-wrapper, .single-industry.last, .single-industry.first {
        flex-flow: column;
    }

    .industry-group-card {
        grid-template-columns: 1fr;
    }

    .process-content-wrap {
        grid-column-gap: 30px;
        grid-row-gap: 30px;
        flex-flow: column;
    }

    .capabillites-item-wrap {
        padding-bottom: 0;
    }

    .testimonial-area.py-120.bg-primary {
        padding-bottom: 120px;
    }

    .testimonial-desc, .author-name {
        font-size: 28px;
    }

    .author-designation {
        font-size: 22px;
    }

    .solution-image {
        max-width: 93%;
    }

    .corporate-image, .e-commerce-image {
        object-fit: cover;
        max-height: 500px;
    }

    .financial-image {
        max-height: 600px;
    }

    .customize-design {
        background-image: linear-gradient(#fff96f 54%,#fffedb 54%);
    }

    .saas-image {
        width: 100%;
    }

    .abu-dhabi-image-wrapper {
        padding-bottom: 0;
    }

    .locaiton-image {
        max-width: 93%;
    }

    .web-design-abu-dhabi-content {
        padding-top: 40px;
    }

    .work-process-description {
        padding-right: 0;
    }

    .py-200 {
        padding-top: 90px;
        padding-bottom: 90px;
    }

    .sub-service-area {
        grid-template-columns: 1fr;
    }

    .section-heading-title {
        font-size: 40px;
    }

    .service-banner-wrap {
        flex-direction: column;
    }

    .privacy-details-area {
        padding-top: 70px;
        padding-bottom: 70px;
    }

    .service-banner-title-2 {
        font-size: 55px;
        line-height: 66px;
    }

        .service-banner-title-2.fz-72 {
            font-size: 42px;
            line-height: 52px;
        }

    .privacy-banner.bg-black.z-index {
        padding-top: 100px;
        padding-bottom: 100px;
    }

    .service-banner-title-text {
        font-size: 55px;
        line-height: 66px;
    }

        .service-banner-title-text.fz-72 {
            font-size: 42px;
            line-height: 52px;
        }

    .trems-and-condition {
        padding-top: 70px;
        padding-bottom: 70px;
    }

    .why-choose-item-wrapper {
        grid-column-gap: 15px;
        grid-row-gap: 15px;
        grid-template-columns: 1fr;
    }

    .fintech-section-area {
        grid-column-gap: 19px;
        grid-row-gap: 19px;
        grid-template-columns: 1fr;
        padding-top: 50px;
        padding-bottom: 50px;
    }

        .fintech-section-area.grid-layout-change {
            grid-template-columns: 1fr;
            padding-top: 50px;
            padding-bottom: 50px;
        }

    .expertise-section-title {
        font-size: 36px;
    }

    .banner-area {
        padding-bottom: 60px;
        overflow-x: hidden;
    }

    .banner-paragraph {
        font-size: 22px;
    }

    .banner-button-wrap {
        grid-column-gap: 21px;
        grid-row-gap: 21px;
        flex-flow: column;
        align-items: stretch;
    }

    .clutch-content-wrap.d-flex {
        grid-row-gap: 30px;
        grid-row-gap: 30px;
        flex-flow: row;
        order: 1;
    }

    .banner-title-2 {
        font-size: 60px;
        line-height: 74px;
    }

        .banner-title-2.title-animation-top {
            font-size: 40px;
            line-height: 105%;
        }

    .banner-content {
        padding-top: 0;
        padding-left: 0;
        padding-right: 0;
    }

    .backgrund-embed-video {
        width: 350px;
    }

    .banner-inner {
        grid-template-columns: 1fr 1fr 1fr 1fr;
    }

    .award-winning-service-header {
        grid-template-columns: 1fr;
        grid-auto-flow: row;
    }

    .award-service-title {
        font-size: 45px;
    }

    .award-service-subtitle {
        margin-top: 10px;
    }

    .award-winnnig-service-name {
        padding-top: 30px;
        padding-left: 20px;
        font-size: 25px;
    }

    .hover-card {
        padding-top: 30px;
        padding-left: 20px;
    }

    .hover-award-service-name {
        font-size: 25px;
    }

    .clutch-image {
        width: 80px;
    }

    .project-screen-image, .project-screen-image-2, .project-screen-image-3 {
        object-fit: cover;
        height: 250px;
    }

    .cookie-modal_closebutton {
        margin-right: 1.25rem;
    }

        .cookie-modal_closebutton.is-sticky {
            top: -1rem;
        }

    .cookie-modal_content-wrap {
        padding-bottom: 1.5rem;
        padding-left: 1.5rem;
        padding-right: 1.5rem;
    }

    .cookie-modal_button-wrap {
        padding: 1.5rem;
    }

        .cookie-modal_button-wrap.in-pref-manger {
            margin: 1.5rem -1.5rem -2rem;
            padding-top: 1.25rem;
            position: sticky;
            bottom: -2rem;
        }

    .cookie-modal_form {
        padding-top: .75rem;
    }

    .cookie-preference_wrapper {
        padding-top: 2rem;
    }

    .thank-you-inner {
        padding-left: 50px;
        padding-right: 50px;
    }

    .fz-24 {
        font-size: 20px;
        line-height: 28px;
    }

    .award-wrap {
        grid-column-gap: 8px;
        grid-row-gap: 8px;
        grid-template-columns: 1fr 1fr;
    }

    .award-details {
        font-size: 18px;
    }

    .center-video-2 {
        display: none;
    }
}

@media screen and (max-width:479px) {
    h1 {
        font-size: 44px;
    }

    h2 {
        font-size: 36px;
    }

    ol {
        grid-column-gap: 10px;
        grid-row-gap: 10px;
        flex-flow: column;
        display: flex;
    }
.faq-image { 
    margin-top: 25px; 
}
    .nav-menu-wrapper {
        padding-top: 0;
    }

    .p1.color-gray-300.weight-400.pt-16 {
        padding-top: 10px;
    }
.brand-logo-wrap { 
    margin-bottom: 10px;
}

.p2.color-white {
        color: #ffffffe6;
        font-size: 14px;
    }

    .primary-button-13-20 {
        padding: 8px 15px;
    }
    .p3 {
        font-size: 20px;
    }

    .pt-120 {
        padding-top: 60px;
    }

    .display-font {
        font-size: 44px;
    }

    .hero-area {
        height: 73vh;
        padding-top: 128px;
        padding-bottom: 80px;
    }

    /* .dropdown-list {
        width: auto;
        padding-right: 70px;
        display: block;
    } */

    .dropdown-menu-wrapper {
        border-right-width: 0;
        width: auto;
        padding-left: 0;
        padding-right: 0;
    }

    .dropdown-menu-heading {
        grid-column-gap: 20px;
        grid-row-gap: 20px;
        flex-flow: row;
    }

    .hero-section-title {
        letter-spacing: -.5px;
        font-size: 44px;
    }

    .hero-image-wrap {
        display: none;
    }

    .hero-description {
        font-size: 18px;
    }

    .mobile-cursor-area {
        display: flex;
    }

    .video-player-area {
        min-height: auto;
        padding-top: 0;
    }

        .video-player-area.static {
            padding-top: 0;
        }

    .video-embed {
        max-height: 430px;
        overflow: hidden;
    }

    .section-title.fz-120.color-white.title-animation-right {
        padding-left: 20px;
        padding-right: 20px;
        font-size: 32px;
        line-height: 1.2em;
    }

    .video-area {
        order: -1;
    }

    .showreel-sticky {
        flex-direction: column;
        height: auto;
    }

    .section-padding {
        padding-top: 35px;
        padding-bottom: 35px;
    }

    .mt-24 {
        font-size: 18px;
    }

    .founder-information.desktop {
        display: none;
    }

    .founder-information.mobile {
        display: block;
    }

    .case-study-area {
        padding-top: 35px;
        padding-bottom: 35px;
    }

    .case-first-item {
        height: auto;
    }

    .case-image {
        margin-bottom: 60px;
    }

    .round-shape {
        background-image: none;
        display: none;
    }

    .case-studies-thumbnail-image {
        object-fit: cover;
        min-height: 360px;
        max-height: 360px;
    }

    .case-studies-title {
        margin-bottom: 5px;
        font-size: 24px;
        line-height: 28px;
    }

    .case-studies-category {
        margin-top: 10px;
    }

    .case-study-group {
        grid-column-gap: 60px;
        grid-row-gap: 35px;
    }

    .client-section-title {
        font-size: 20px;
    }

    .client-logo-slider {
        margin-top: 32px;
        padding-left: 20px;
        padding-right: 20px;
    }

    .client-logo-wrap {
        height: 120px;
    }

        .client-logo-wrap.bg-white {
            height: 100%;
        }

    .testimonial-video-wrap {
        height: 360px;
    }

    .testimonial-slider-wrap {
        padding-bottom: 35px;
    }

    .testimonial-client-designation {
        grid-column-gap: 40px;
        grid-row-gap: 40px;
        flex-flow: column;
        justify-content: space-between;
        align-items: flex-start;
        margin-top: 36px;
    }

    .client-name {
        font-size: 18px;
    }

    .testimonial-content {
        border-radius: 0;
        padding-top: 26px;
        padding-bottom: 10px;
    }

    .client-designation-wrap {
        flex-flow: row;
        justify-content: flex-start;
        align-items: center;
    }

    .testimonial-quote-text {
        font-size: 20px;
        font-weight: 400;
        line-height: 1.5em;
    }

    .background-video {
        border-top-left-radius: 0;
        border-top-right-radius: 0;
        width: 100%;
        height: 366px;
    }

    .testimonial-areas {
        padding-top: 35px;
        padding-bottom: 0;
    }

    .client-designation {
        margin-top: 0;
    }

    .testimonial-slide-arrow.right-arrow, .testimonial-slide-arrow.left-arrow {
        bottom: 60px;
    }

    .counterup {
        font-size: 45px;
    }

    .counter-item-number {
        margin-bottom: 85px;
    }

    .counter-area.section-padding {
        padding-top: 35px;
    }

    .counter-animated-title {
        font-size: 60px;
    }

        .counter-animated-title.color-white.title-bottom {
            margin-top: -20px;
            /* display: none; */
        }

        .counter-animated-title.color-white.title-top-text {
            margin-bottom: -15px;
            /* display: none; */
        }

        /* .counter-animated-title.color-white.title-bottom-minus, .counter-animated-title.color-white.text-right.title-top-minus {
            display: none;
        } */

    .section-title-wrap.mb-140 {
        align-items: center;
        margin-bottom: 0;
    }

    .counter-wrap {
        grid-column-gap: 8px;
        grid-row-gap: 8px;
        grid-template-columns: 1fr 1fr;
        padding-left: 15px;
        padding-right: 15px;
        transform: scale3d(1, 1, 1);
    }
    
    .counter-wrap.animateCounter {
        transform: scale3d(1, 1, 1);
        transition-delay: initial !important;
    }
    .counter-single-item { 
        opacity: 0;
    }
    .counter-single-item.first{
        transform: initial;
        transition-delay: 0.1s !important;
    }
    .counter-single-item.second{
        transform: initial;
        transition-delay: 0.2s !important;
    }
    .counter-single-item.third{
        transform: initial;
        transition-delay: 0.3s !important;
    }
    .counter-single-item.fourth{
        transform: initial;
        transition-delay: 0.4s !important;
    }
    .counter-single-item.fiveth{
        transform: initial;
        transition-delay: 0.5s !important;
    }
    .counter-wrap.animateCounter .counter-single-item{
        transform: initial !important;
        transition-delay: initial !important;
        opacity: 1;
    }
    

    .counter-suffix {
        font-size: 42px;
    }

    .count-title {
        font-size: 16px;
        font-weight: 400;
        line-height: 26px;
    }

    .what-we-do-content-wrap {
        grid-column-gap: 30px;
        grid-row-gap: 30px;
    }

    .what-we-do-block-title {
        display: inline-block;
    }

    .what-do-wrapper {
        padding-left: 0;
        padding-right: 0;
    }

    .trusted-by-item.swiper-slide {
        width: 45vw;
    }

    .swiper-wrapper.client-logo {
        grid-column-gap: 10px;
        grid-row-gap: 10px;
        flex-flow: wrap;
        grid-template-rows: auto;
        grid-template-columns: 1fr;
        grid-auto-columns: 1fr;
        display: grid;
    }

    .swiper-wrapper.d-flex {
        grid-column-gap: 29px;
        grid-row-gap: 29px;
        flex-flow: wrap;
        grid-template-rows: auto auto;
        grid-template-columns: 1fr;
        grid-auto-columns: 1fr;
        display: grid;
    }

    .swiper-wrapper.d-flex-copy {
        grid-column-gap: 10px;
        grid-row-gap: 10px;
        flex-flow: wrap;
        grid-template-rows: auto auto;
        grid-template-columns: 1fr;
        grid-auto-columns: 1fr;
        display: grid;
    }

    .grid-one.mvp-design {
        grid-column-gap: 5px;
        grid-row-gap: 5px;
        flex-flow: column;
        display: flex;
    }

    .call-persion-info {
        width: 100%;
    }

    .directly-booking {
        font-size: 20px;
    }

    .contact-section-heading {
        text-align: left;
    }

    .call-persion-image {
        flex-flow: row;
        justify-content: flex-start;
        align-items: flex-end;
        max-width: none;
        display: flex;
    }

        .call-persion-image.width-320 {
            grid-column-gap: 0px;
            grid-row-gap: 0px;
            flex-flow: column;
            justify-content: center;
            align-items: flex-start;
        }

    .contact-content-wrapper {
        grid-column-gap: 57px;
        grid-row-gap: 35px;
    }

    .form-bottom-text {
        font-size: 20px;
    }

    .call-persion {
        width: 100%;
        max-width: 120px;
    }

    .grid-item.contact-grid {
        grid-row-gap: 0px;
        grid-template-columns: 1fr;
    }

    .contact-section {
        padding-top: 35px;
        padding-bottom: 35px;
    }

    .contact-area-wrapper {
        grid-column-gap: 60px;
        grid-row-gap: 60px;
        grid-template-columns: 1fr;
    }

    .faq-s-area.section-padding {
        padding-top: 35px;
        padding-bottom: 35px;
    }

    .faq-arrow-wrap {
        width: 40px;
        height: 40px;
        margin-left: 20px;
        display: flex;
    }

    .faq-item-wrap {
        grid-column-gap: 32px;
        grid-row-gap: 0;
        padding-left: 0;
        padding-right: 0;
    }

    .faq-answer-inner {
        width: 100%;
        margin-top: 18px;
    }

    .faq-answer {
        max-height: 0;
        padding-left: 20px;
        padding-right: 20px;
    }

        .faq-answer.benefit {
            max-height: 0;
        }

    .faq-title {
        margin-right: 10px;
        font-size: 20px;
    }

    .footer-nav {
        width: 100%;
    }

        .footer-nav.for-desktop {
            display: none;
        }

    .button-color {
        text-align: center;
        font-size: 14px;
    }

    .footer-columns {
        grid-column-gap: 15px;
        grid-row-gap: 20px;
        grid-template: "Area"/1fr;
    }

    .footer-location-area {
        grid-column-gap: 20px;
        grid-row-gap: 20px;
        grid-template-columns: 1fr;
        margin-top: -2px;
    }

    .footer-bottom-content {
        padding-top: 0/*20px*/;
        padding-bottom: 20px;
    }

    .company-deck {
        justify-content: flex-start;
    }

    .deck-title {
        color: #ffffffe6;
    }

    .footer-about-us {
        grid-template-columns: 1fr;
        padding-right: 0;
    }

    .copyright-text {
        margin-bottom: 0;
        font-size: 15px;
        line-height: 1.3;
    }

    .footer-area {
        padding-top: 30px;
    }

    .footer-list-item {
        margin-bottom: 5px;
    }

   .for-mobile {
            display: block;
        }

    .location-details-text {
        margin-bottom: 7px;
        font-size: 14px;
        line-height: 1.2em;
    }

    .location-phone-number, .country-location {
        color: #ffffffe6;
    }

    .footer-contact-item-title {
        color: #ffffffe6;
        font-size: 18px;
        line-height: 1.3em; 
        margin-top: 14px;
        margin-bottom: 14px;
    }

    .footer-contact-item {
        padding-right: 0;
    }

    #w-node-dc42d800-7f55-c571-6677-65f36d0d4785-6d0d472b .footer-menu-list {
        grid-column-gap: 15px;
    grid-row-gap: 0;
    grid-template-rows: auto;
    grid-template-columns: 0.9fr 1.2fr 1.1fr 0.7fr;
    display: grid
;
    }
    .footer-menu-list {
        margin-bottom: 0;
    }

        .footer-menu-list.inner-menu-copy {
            margin-top: 50px;
            display: none;
        }

    .footer-bottom-inner-content {
        align-items: stretch;
    }

    .footer-button {
        margin-bottom: 0;
        margin-top: 20px;
    }

    .background-embed-video {
        width: 290px;
    }

    .swiper-slide.item {
        background-color: var(--color-white);
        justify-content: center;
        align-items: center;
        height: 320px;
    }

    .client-button-next {
        display: none;
        top: auto;
        bottom: -60px;
        right: 40%;
    }

    .client-button-prev {
        display: none;
        top: auto;
        bottom: -60px;
        right: 53%;
    }

    .all-dropdown-menu-wrap {
        flex-flow: column;
    }

    .service-category {
        grid-column-gap: 20px;
        grid-row-gap: 20px;
    }

    .price-service-item {
        padding-top: 0;
        padding-bottom: 0;
    }

        .price-service-item.first-item {
            padding-top: 0;
        }

    .service-price-paragraph {
        font-size: 14px;
    }

        .service-price-paragraph.color-gray-500.mb-25 {
            font-size: 16px;
        }

    .service-price-answer {
        padding: 20px;
    }

    .service-price-title.fz-64.color-gray-600 {
        font-size: 28px;
    }

    .service-faq-description {
        grid-column-gap: 20px;
        grid-row-gap: 20px;
        margin-top: 18px;
    }

    .arrow-button {
        width: 53px;
        height: 53px;
        display: none;
        transform: rotate(136deg);
    }

        .arrow-button.mobile-button {
            background-color: #202324;
            display: flex;
        }

    .image-3 {
        max-height: 392px;
    }

    .header-button-wrapper {
        display: none;
    }

    .service-inner-menu {
        flex-flow: column;
    }

    .div-block-6 {
        grid-column-gap: 15px;
        grid-row-gap: 0;
        grid-template-rows: auto;
        grid-template-columns: 1fr 1fr;
    }

    .about-area.pt-160 {
        padding-top: 35px;
        padding-bottom: 35px;
    }

    .service-arrow-icon {
        filter: invert();
    }

    .form-message-input-field {
        margin-bottom: 20px;
    }

    .our-contact-form-input-field {
        min-height: 40px;
        padding-top: 10px;
        padding-bottom: 10px;
    }

    .our-contact-form-wrap-2 {
        padding: 20px;
    }

    .service-banner-inner.ux-research {
        grid-template-columns: 1.2fr;
    }

    .service-banner {
        padding-top: 140px;
        padding-bottom: 60px;
    }

        .service-banner.bg-gray-200.banner-padding {
            padding-bottom: 100px;
        }

        .service-banner.ui-ux-consulting {
            padding-bottom: 80px;
        }

    .align-center.color-primary.text-capitalize {
        text-align: left;
    }

    .service-title-text {
        margin-bottom: 10px;
        font-size: 22px;
        line-height: 32px;
    }

    .service-capabilities-item-details {
        line-height: 26px;
    }

    .capabilities-item-icon {
        margin-bottom: 10px;
    }

    .why-musemind-card-wrap, .why-musemind-card-wrap.column-2 {
        grid-template-columns: 1fr;
    }

    .py-120 {
        padding-top: 35px;
        padding-bottom: 35px;
    }

    .industry-arrow {
        bottom: 25px;
    }

    .industry-single-item-wrap {
        padding: 30px 20px;
    }

        .industry-single-item-wrap.swiper-slide {
            width: 100%;
            padding: 0;
        }

    .our-service-details {
        margin-bottom: 0;
    }

    .single-service-details.grid-layout-change.py-120, .single-service-details.border-top-none.pb-120 {
        padding-bottom: 35px;
    }

    .single-service-details.py-120 {
        padding-top: 35px;
        padding-bottom: 35px;
    }

    .service-details-title {
        font-size: 30px;
    }

    .service-details-subtitle {
        line-height: 135%;
    }
        .career-opportunities {
        padding-top: 35px;
    }

    .musemind-partner-area {
        padding-top: 35px;
        padding-bottom: 35px;
    }

    .musemind-partner-content-wrap {
        grid-column-gap: 44px;
        grid-row-gap: 44px;
    }

    .partner-title {
        font-size: 25px;
    }

    .capabilities-item-wrap {
        grid-row-gap: 40px;
    }

    .capabillites-coloumns {
        grid-row-gap: 40px;
        border-top-style: none;
        grid-template-columns: 1fr;
        padding-top: 0;
        padding-bottom: 0;
    }

        .capabillites-coloumns.border-top-none {
            grid-row-gap: 40px;
            grid-template-columns: 1fr;
            padding-bottom: 0;
        }

    .about-banner.bg-gray-200 {
        padding-top: 125px;
    }

    .expertise-left-content {
        width: 100%;
        max-width: 100%;
    }

    .service-card-desc {
        margin-top: 10px;
    }

    .expertise-faq-headingt.color-white {
        color: #ffffffe6;
    }

    .expertise-service-image {
        width: 100%;
    }

    .case-title {
        color: #ffffffe6;
    }

    .faq-title-text {
        font-size: 20px;
    }

    .process-headin-title {
        font-size: 36px;
        line-height: 1.3em;
    }

    .empowering-section-title.color-white-2 {
        color: #ffffffe6;
    }

    .expertise-faq-title-text {
        font-size: 20px;
    }

    .case-studies-card {
        padding-top: 40px;
        padding-bottom: 40px;
    }

    .process-single-list {
        justify-content: flex-start;
        align-items: flex-start;
    }

    .service-card-title {
        margin-top: 15px;
    }

    .marquee-item-wrapper {
        grid-column-gap: 21px;
        grid-row-gap: 21px;
    }

    .benefit-faq-description {
        padding-top: 10px;
        padding-left: 0;
    }

    .service-item-content-wrap {
        padding-top: 10px;
    }

    .empowring-count-number {
        font-size: 45px;
    }

    .design-team-wrapper {
        grid-template-columns: 1fr;
    }

    .faq-item-wrapper {
        margin-top: 0;
    }

    .expertise-headin-title {
        font-size: 36px;
        line-height: 1.3em;
    }

        .expertise-headin-title.color-white {
            color: #ffffffe6;
        }

    .expertise-faq-area {
        margin-top: 20px;
    }

    .service-item-wrapper {
        grid-template-columns: 1fr;
    }

    .expertise-description {
        padding-left: 0;
    }

        .expertise-description.p1 {
            padding-left: 20px;
        }

    .case-content-wrapper {
        padding-top: 60px;
        padding-bottom: 60px;
    }

    .process-wrapper {
        grid-template-columns: 1fr;
    }

    .benefit-service-image {
        max-height: 250px;
    }

    .case-description {
        font-size: 18px;
    }

    .expertise-heading-wrap {
        white-space: normal;
    }

    .expertise-faq-description {
        padding-top: 10px;
    }

    .our-vision-area.gray-200 {
        padding-top: 35px;
        padding-bottom: 35px;
    }

    .faq-item-title {
        padding: 16px 0;
    }

    .faq-answer-content {
        padding-left: 16px;
        padding-right: 20px;
    }

    .pb-120 {
        padding-bottom: 60px;
    }

    .client-project-wrapper {
        grid-template-columns: 1fr;
    }

    .client-project-content {
        padding-top: 10px;
    }

    .client-project-card-title {
        margin-top: 15px;
    }

    .client-project-card-desc {
        margin-top: 0;
    }

    .client-feedback.py-120.padding-top-0 {
        padding-top: 0;
    }

    .client-feedback-wrapper {
        grid-template-columns: 1fr;
    }

    .before {
        background-repeat: repeat-x;
        background-size: cover;
    }

    .drag {
        width: 4%;
        left: 48%;
    }

    .after-before-title-wrap {
        margin-left: 30px;
        margin-right: 30px;
    }

    .pricing-heading {
        flex-flow: column;
        justify-content: flex-start;
        align-items: flex-start;
    }

    .membership-price {
        font-size: 44px;
    }

    .membership-title-block {
        display: inline;
    }

    .membership-pricing-all {
        font-size: 44px;
    }

    .service-capabilities-item-desc {
        margin-top: 10px;
        line-height: 26px;
    }

    .tech-stack-wrapper {
        grid-template-columns: 1fr 1fr;
    }

    .featured-blog-post-area {
        padding-top: 120px;
        padding-bottom: 35px;
    }

    .heading-3 {
        font-size: 36px;
    }

    .values-title-wrap {
        width: auto;
    }

    .vision-title-text {
        padding-bottom: 25px;
        font-size: 27px;
    }

    .career-title {
        font-size: 35px;
    }

    .values-name {
        max-width: none;
        font-size: 21px;
    }

    .section-title-text.fz.color.title-animation-right {
        padding-left: 0;
        padding-right: 20px;
        font-size: 32px;
        line-height: 1.2em;
    }

    .success-stories-wrapper {
        padding-top: 25px;
    }

    .our-values-area {
        padding-top: 35px;
        padding-bottom: 35px;
    }

    .single-values-item {
        grid-column-gap: 33px;
        grid-row-gap: 33px;
        flex-flow: column;
        align-items: flex-start;
        padding-top: 20px;
        padding-bottom: 20px;
    }

    .thrived-number {
        font-size: 40px;
    }

    .button-wrapper {
        display: none;
    }

    .about-banner-title {
        font-size: 43px;
    }

    .business-thrived-content.pb-40 {
        grid-column-gap: 28px;
        grid-row-gap: 28px;
    }

    .business-thrived-text {
        font-size: 17px;
    }
.leadership-single-item-wrap.grid {
    grid-column-gap: 30px;
    grid-row-gap: 30px;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    display: grid
;
}

    .leadership-single-item-wrap {
        padding: 0;
    }

        .leadership-single-item-wrap.swiper-slide {
            width: 100%;
            padding: 0;
        }

    .values-description {
        width: 100%;
        font-size: 17px;
    }

    .success-description-text, .success-description-text.mt-30 {
        font-size: 19px;
        line-height: 1.3em;
    }

    .blog-details {
        padding-top: 120px;
    }

    .contact-with-musemind {
        flex-flow: column;
    }

    .toc {
        font-size: 22px;
    }

    .blog-meta-wrap {
        grid-row-gap: 7px;
    }

    .blog-heading {
        font-size: 24px;
    }

    .blog-richtext h2 {
        margin-top: 30px;
        font-size: 28px;
    }

    .blog-richtext h3 {
        margin-top: 30px;
    }

    .table-of-content-wrapper {
        display: none;
    }

    .blog-social-media-wrapper.hide {
        display: flex;
    }

    .author-information {
        flex-flow: column;
    }

    .project-contribution-wrap {
        grid-template-columns: 1fr 1fr;
        margin-bottom: 40px;
        padding-bottom: 40px;
    }

    .project-contribution-item {
        width: 47%;
    }

        .project-contribution-item.service-list {
            width: 100%;
        }

    .project-location-title {
        font-size: 16px;
        line-height: 26px;
    }

    .case-studies-paragraph {
        font-size: 20px;
        line-height: 28px;
    }

    .case-studies-image-gallery-grid {
        grid-row-gap: 24px;
        grid-template-columns: 1fr;
    }

    .career-banner-area {
        padding-top: 130px;
    }

    .current-subtitle {
        font-size: 17px;
    }

    .section-heading {
        font-size: 26px;
        font-weight: 500;
    }

    .current-opening-title {
        max-width: 100%;
    }

    .current-openning-area {
        padding-top: 35px;
        padding-bottom: 35px;
    }

    .career-banner-description {
        font-size: 19px;
        line-height: 28px;
    }

    .video-button-icon-four {
        width: 30%;
    }

    .employe-name {
        margin-top: 0;
        margin-bottom: 3px;
        font-size: 19px;
    }

    .career-benefit-item {
        border-right-style: none;
        padding-left: 0;
    }

        .career-benefit-item.pt-40, .career-benefit-item.pt-40.pl-0 {
            padding-left: 0;
        }

    .video-button-icon-two {
        width: 60%;
        max-width: none;
    }

    .career-row {
        border-bottom-style: none;
    }

    .employe-designation-wrap {
        bottom: 20px;
        left: 20px;
    }

    .openning-section-header {
        grid-column-gap: 19px;
        grid-row-gap: 19px;
        grid-template-columns: 1fr;
    }

    .career-benefit-area {
        padding-top: 35px;
        padding-bottom: 35px;
    }

    .employe-designation {
        font-size: 14px;
        line-height: 1.4em;
    }

    .video-button-icon-three {
        width: 50%;
        max-width: none;
    }

    .slider-arrow {
        display: none;
    }

    .about-hero-button {
        margin-top: 20px;
    }

    .mb-16 {
        margin-bottom: 10px;
    }

    .mb-56 {
        margin-bottom: 30px;
    }

    .email-address {
        font-size: 22px;
    }

    .email-address-content {
        grid-column-gap: 10px;
        grid-row-gap: 10px;
    }

    .contact-by-email-area {
        padding-top: 80px;
        padding-bottom: 80px;
    }

    .email-content-wrap {
        grid-column-gap: 40px;
        grid-row-gap: 40px;
    }

    .our-country-location-title {
        margin-bottom: 15px;
    }

    .location-contact-info-block {
        grid-row-gap: 16px;
    }

    .our-location-item.border-bottom {
        grid-column-gap: 0px;
        grid-row-gap: 0px;
        grid-template-columns: 1fr;
        margin-bottom: 0;
        padding-bottom: 0;
    }

    .empoweing-area.section-padding.z-index.bg-white {
        padding-top: 100px;
    }

    .location-details {
        max-width: 100%;
    }

        .location-details.fs-16 {
            max-width: none;
        }

    .live-location-clock-block {
        justify-content: center;
        align-items: center;
        width: auto;
        height: auto;
        padding-top: 0;
        padding-bottom: 0;
        padding-left: 0;
    }

        .live-location-clock-block.day-mode {
            grid-column-gap: 5px;
            grid-row-gap: 5px;
        }

    .service-banner-heading {
        line-height: 56px;
    }

    .pricing-banner-title {
        font-size: 38px;
    }

    .pricing-tab-menu-wrap {
        flex-flow: row;
        max-width: 225px;
        display: flex;
    }

    .pricing-single-card {
        padding: 20px;
    }

    .marquee-two, .marquee-three {
        grid-column-gap: 30px;
        grid-row-gap: 30px;
        grid-template-columns: 1fr 1fr;
        grid-template-areas: ". ."". ."". ."". ."".Area";
    }

    .pricing-tab-menu {
        padding-left: 18px;
        padding-right: 18px;
    }

    .pricing-area {
        padding-top: 40px;
    }

    .marquee-one {
        grid-column-gap: 30px;
        grid-row-gap: 30px;
        grid-template-columns: 1fr 1fr;
        grid-template-areas: ". ."". ."". ."". ."".Area";
    }

    .pricing-tab-wrapper {
        margin-top: 120px;
    }

    .service-details-content-2 {
        padding-left: 0;
    }

    .service-single-widget {
        margin-top: 0;
    }

    .service-single-tag {
        font-size: 14px;
    }

    .book-a-button-desktop {
        display: none;
    }

    .musemind-company {
        flex: none;
        width: 100%;
    }

    .single-benifit-list {
        padding-top: 10px;
        padding-bottom: 10px;
        font-size: 18px;
    }

        .single-benifit-list.musemind-choose {
            padding-left: 0;
        }

    .other-company-text {
        padding-left: 20px;
        font-size: 26px;
        line-height: 1.2em;
    }

    .compaier-musemind-card {
        grid-column-gap: 0px;
        grid-row-gap: 0px;
        grid-template-columns: 1fr;
        padding-top: 0;
        padding-right: 0;
        display: flex;
        overflow: auto;
    }

    .other-company {
        flex: none;
        width: 100%;
        padding-top: 20px;
        padding-bottom: 20px;
    }

    .book-a-call-area {
        grid-column-gap: 30px;
        grid-row-gap: 30px;
        grid-template-columns: 1fr;
        padding-left: 20px;
        padding-right: 20px;
    }

    .div-block-19 {
        grid-column-gap: 10px;
        grid-row-gap: 10px;
        flex-flow: column;
        justify-content: center;
        align-items: flex-start;
    }

    .no-fee {
        width: 151%;
        bottom: -50px;
        left: 38%;
    }

    .left-shadow, .right-shadow {
        width: 50px;
    }

    .why-choos-us-content-wrap {
        grid-column-gap: 60px;
        grid-row-gap: 60px;
    }

    .why-choose-us-area {
        padding-top: 80px;
        padding-bottom: 80px;
    }

    .startup-service-card-wrap {
        grid-template-rows: auto;
        grid-template-columns: 1fr;
        margin-top: 40px;
    }

    .startup-service-card {
        padding-left: 20px;
        padding-right: 20px;
    }

    .primary-button-19-24 {
        justify-content: center;
    }

    .contact-submit-button {
        padding-top: 10px;
        padding-bottom: 10px;
        position: static;
    }

    .job-details-title {
        font-size: 22px;
        line-height: 36px;
    }

    .job-footnote.mb-45 {
        font-size: 20px;
        line-height: 28px;
    }

    .banner-3d-block {
        display: none;
        top: 15%;
        right: -7%;
    }

    .job-info-title {
        margin-bottom: 8px;
    }

    .job-info-details {
        font-size: 16px;
    }

    .image {
        height: 200px;
    }

    .job-post-header-info {
        margin-bottom: 50px;
    }

    .job-post-area.section-padding {
        padding-top: 130px;
    }

    .job-title-text {
        font-size: 48px;
        line-height: 60px;
    }

    .success-path-content-wrap {
        grid-column-gap: 32px;
        grid-row-gap: 32px;
    }

    .success-path-tab-title {
        font-size: 22px;
        line-height: 1.3em;
    }

    .process-headin-text {
        font-size: 36px;
        line-height: 1.3em;
    }

    .why-button, .benifit-button {
        margin-top: 20px;
    }

    .div-block-23 {
        grid-column-gap: 50px;
        grid-row-gap: 50px;
    }

    .service-of-home {
        font-size: 36px;
        line-height: 1.3em;
    }

    .service-faq-button {
        padding-left: 0;
    }

    .service-faq-answer {
        max-height: 0;
        padding-left: 0;
        padding-right: 0;
    }

    .service-round-image {
        width: 100%;
    }

    .why-choose-list-wrapper {
        margin-top: 10px;
    }

    .why-choose-single-list {
        justify-content: flex-start;
        align-items: flex-start;
    }

    .group-grid {
        grid-column-gap: 50px;
        grid-row-gap: 50px;
    }

    .tech-tools-title {
        margin-bottom: 10px;
        font-size: 22px;
        line-height: 32px;
    }

    .tech-item-icon {
        margin-bottom: 10px;
    }

    .tech-card-description {
        margin-top: 10px;
        line-height: 26px;
    }

    .service-banners {
        padding-top: 140px;
        padding-bottom: 60px;
    }

        .service-banners.ux-service-hero {
            padding-bottom: 60px;
        }

    .shape-image {
        width: 100%;
    }

    .title-with-meta {
        grid-column-gap: 10px;
        grid-row-gap: 10px;
    }

    .web-design-dubai-conten-wrapper {
        padding-bottom: 80px;
    }

    .ui-ux-offer-title {
        font-size: 24px;
    }

    .industry-card-wrapper {
        margin-top: 40px;
    }

    .process-content-wrap {
        grid-column-gap: 20px;
        grid-row-gap: 20px;
        grid-template-columns: 1.4fr;
    }

    .capabilities-item-content-wrap {
        grid-column-gap: 0px;
        grid-row-gap: 0px;
    }

    .capabillites-item-wrap {
        grid-row-gap: 40px;
        border-top-style: none;
        grid-template-columns: 1fr;
        padding-top: 0;
        padding-bottom: 0;
    }

    .testimonial-area.py-120.bg-primary {
        padding-bottom: 80px;
    }

    .testimonial-desc {
        margin-bottom: 40px;
        font-size: 26px;
    }

    .testimonial-author {
        grid-column-gap: 10px;
        grid-row-gap: 10px;
        flex-flow: column;
        justify-content: space-between;
        align-items: flex-start;
    }

    .testimonial-author-content {
        order: 1;
    }

    .author-name {
        margin-bottom: 5px;
    }

    .testimonial-slider-icon.left, .testimonial-slider-icon.right {
        top: 91%;
    }

    .solution-image {
        max-width: 100%;
    }

    .real-state-image {
        object-fit: cover;
        min-height: 300px;
    }

    .customize-design {
        background-image: linear-gradient(#fff96f 64%,#fffedb 64%);
    }

    .image-27 {
        width: 100px;
    }

    .align-left {
        text-align: left;
    }

    .dubai-about-content {
        padding: 80px 24px;
    }

    .locaiton-image {
        max-width: 100%;
    }

    .web-design-abu-dhabi-content, .web-design-location, .web-design-customize {
        padding-bottom: 80px;
    }

    .all-item {
        grid-template-columns: 1fr;
    }

    .sub-single-service {
        flex-flow: column;
        padding: 20px;
    }

    .sub-service-area {
        margin-top: 40px;
    }

    .section-heading-title {
        font-size: 30px;
    }

    .single-service-content-wrap {
        padding-top: 0;
    }

    .service-banner-wrap {
        margin-left: 9px;
    }

    .service-banner-title-2 {
        font-size: 48px;
        line-height: 56px;
    }

        .service-banner-title-2.fz-72.mb-35 {
            font-size: 36px;
            line-height: 1.3em;
        }

    .privacy-banner.bg-black.z-index {
        padding-top: 120px;
        padding-bottom: 80px;
    }

    .service-banner-title-text {
        font-size: 48px;
        line-height: 56px;
    }

    .expertise-section-title {
        font-size: 36px;
        line-height: 1.3em;
    }

    .color-gray-800 {
        text-align: center;
    }

    .author-content-block {
        flex-flow: column;
        margin-bottom: 10px;
    }

    .author-personal-content {
        width: 100%;
        padding-bottom: 35px;
    }

    .author-personal-content-inner {
        margin-bottom: 26px;
        padding-bottom: 26px;
    }

    .text-uppercase.letter-spacing-2.color-gray-600.mb-15 {
        text-align: center;
        margin-bottom: 10px;
    }

    .author-image-block.mb-20 {
        margin-left: auto;
        margin-right: auto;
    }

    .banner-area {
        padding-top: 130px;
        padding-bottom: 10px;
    }

    .banner-paragraph {
        font-size: 20px;
    }

        .banner-paragraph.mb-50 {
            margin-bottom: 20px;
            font-size: 19px;
            line-height: 135%;
        }

    .banner-button-wrap {
        grid-column-gap: 20px;
        grid-row-gap: 20px;
        flex-flow: column;
        align-items: stretch;
    }

    .clutch-content-wrap.d-flex {
        flex-flow: column;
        order: 1;
    }

    .banner-title-2 {
        margin-bottom: 40px;
        font-size: 72px;
        line-height: 82px;
    }

        .banner-title-2.title-animation-top {
            margin-bottom: 15px;
            font-size: 29px;
            line-height: 1.1;
        }

    .banner-content {
        grid-column-gap: 0px;
        grid-row-gap: 0px;
        margin-bottom: 36px;
        padding-top: 0;
        padding-left: 0;
        padding-right: 0;
    }

    .backgrund-embed-video {
        width: 290px;
    }

    .banner-inner {
        grid-column-gap: 15px;
        grid-row-gap: 15px;
        grid-template-columns: 1fr;
    }

    .client-address-text {
        margin-top: 0;
    }

    .video-area-copy {
        order: -1;
    }

    .award-winning-service-area.py-200 {
        padding-top: 35px;
        padding-bottom: 35px;
    }

    .award-winning-service-header {
        grid-column-gap: 16px;
        grid-row-gap: 16px;
        flex-flow: column;
        grid-template-rows: auto;
        grid-template-columns: 1fr;
        grid-auto-columns: 1fr;
        grid-auto-flow: row;
        place-items: center stretch;
        display: grid;
    }

    .award-service-title {
        font-size: 34px;
    }

    .award-service-subtitle {
        margin-top: 10px;
        font-size: 20px;
        line-height: 1.3em;
    }

    .award-winning-card-wrap {
        grid-template-columns: 1fr;
    }

    .award-winnnig-service-name {
        padding-top: 30px;
        padding-left: 25px;
    }

    .single-card-wrap.hide {
        display: block;
    }

    .hover-card {
        padding-right: 20px;
    }

    .hover-award-service-name {
        padding-bottom: 15px;
        font-size: 25px;
    }

    .digital-service-btn {
        justify-content: center;
    }

    .clutch-image {
        width: 70px;
    }

    .project-screen-image, .project-screen-image-2, .project-screen-image-3 {
        height: 240px;
    }

    .cookie-modal_closebutton {
        margin-top: 1rem;
        margin-right: 1rem;
    }

    .cookie-modal_content-wrap.is-small {
        padding-bottom: 1.25rem;
        padding-left: 1.25rem;
        padding-right: 1.25rem;
    }

    .cookie-modal_button-wrap.is-small {
        justify-content: space-between;
        padding: 1.25rem;
    }

    .cookie-modal_button-wrap.in-pref-manger {
        bottom: 0;
    }

    .cookie-popup_component {
        max-width: 100%;
        inset: auto 0% 0%;
    }

    .cookie-modal_button {
        flex: auto;
        padding-left: 1.25em;
        padding-right: 1.25em;
    }

    .cookie-modal_component {
        max-width: 100%;
    }

    .cookie-preference_wrapper {
        max-width: 100%;
        padding-bottom: 0;
        padding-left: 0;
        padding-right: 0;
    }

    .cookie-modal_button-2 {
        flex: auto;
        padding-left: 1.25em;
        padding-right: 1.25em;
    }

    .cookie-preference_component {
        align-items: flex-end;
    }

    .thank-you-inner {
        padding-left: 0;
        padding-right: 0;
    }

    .primary-button.main-bg-color {
        text-align: center;
    }

    .primary-button-2 {
        padding: 10px 20px;
    }

    .we-are-mobile-content {
        display: block;
    }

    .award-wrap {
        grid-column-gap: 8px;
        grid-row-gap: 8px;
        grid-template-columns: 1fr 1fr;
    }

    .award-details {
        font-size: 14px;
        font-weight: 400;
        line-height: 24px;
    }

    .award-image-block {
        margin-bottom: 90px;
    }
}

.banner-left-content {
    /* grid-area: span 1/span 5/span 1/span 5; */
    width: 60%;
    float: left;
}

#w-node-_82582fb7-7542-73ae-653d-debd31718e37-c0d62145 {
    grid-column: span 3/span 3;
    align-self: center;
}

.case-studies-single-item.width-1180 {
    grid-area: span 1/span 2/span 1/span 2;
    justify-self: end;
}

#w-node-a4d44c90-76c7-5013-cf5c-bea01b977d7b-c0d62145 {
    grid-area: span 1/span 2/span 1/span 2;
}

.award-winning-header-content {
    grid-area: span 1/span 5/span 1/span 5;
}

/* .primary-button-19-24 {
    align-self: end;
} */

#w-node-_8b973d1b-6386-68a0-ed87-f64be54d4e7c-c0d62145 {
    place-self: stretch end;
}

#w-node-db2e88d0-7521-4890-1ad2-7eb52020ea19-c0d62145, #w-node-dc42d800-7f55-c571-6677-65f36d0d472e-6d0d472b {
    grid-area: span 1/span 1/span 1/span 1;
}

#w-node-dc42d800-7f55-c571-6677-65f36d0d4739-6d0d472b, .footer-nav, #w-node-dc42d800-7f55-c571-6677-65f36d0d479e-6d0d472b {
    justify-self: start;
}

#w-node-dc42d800-7f55-c571-6677-65f36d0d47ed-6d0d472b {
    grid-area: span 1/span 1/span 1/span 1;
}

#w-node-d0b0e2fd-ad4d-7b29-45ba-47a74ee1fbeb-4ee1fbe6 {
    justify-self: start;
}

#w-node-d0b0e2fd-ad4d-7b29-45ba-47a74ee1fbf7-4ee1fbe6 {
    align-self: center;
}

#w-node-d0b0e2fd-ad4d-7b29-45ba-47a74ee1fbfe-4ee1fbe6, #w-node-d0b0e2fd-ad4d-7b29-45ba-47a74ee1fc02-4ee1fbe6, #w-node-d0b0e2fd-ad4d-7b29-45ba-47a74ee1fc07-4ee1fbe6, #w-node-d0b0e2fd-ad4d-7b29-45ba-47a74ee1fc0b-4ee1fbe6, #w-node-_7f1b4eca-9225-cb07-d6d1-4210c30ff48d-c30ff484, #w-node-_7f1b4eca-9225-cb07-d6d1-4210c30ff4a2-c30ff484, #w-node-_7f1b4eca-9225-cb07-d6d1-4210c30ff4b8-c30ff484 {
    grid-area: span 1/span 1/span 1/span 1;
}

#w-node-d1ebc3c1-afdf-548c-8e93-4c67e2a1b6b7-42f402c9 {
    align-self: stretch;
}

#w-node-d1ebc3c1-afdf-548c-8e93-4c67e2a1b6de-42f402c9, #w-node-d1ebc3c1-afdf-548c-8e93-4c67e2a1b761-42f402c9, #w-node-_7a3bba01-1c99-586d-2679-3040d16f85ee-08e8ca8f {
    grid-area: span 1/span 1/span 1/span 1;
}

#w-node-b51df665-b1d9-ec96-ba5d-10f706ac0b89-08e8ca8f {
    place-self: start center;
}

#w-node-b51df665-b1d9-ec96-ba5d-10f706ac0b91-08e8ca8f {
    align-self: end;
}

#w-node-b51df665-b1d9-ec96-ba5d-10f706ac0b9d-08e8ca8f, #w-node-b51df665-b1d9-ec96-ba5d-10f706ac0ba5-08e8ca8f {
    justify-self: end;
}

#w-node-b51df665-b1d9-ec96-ba5d-10f706ac0bc7-08e8ca8f, #w-node-b51df665-b1d9-ec96-ba5d-10f706ac0bd0-08e8ca8f, #w-node-b51df665-b1d9-ec96-ba5d-10f706ac0bd9-08e8ca8f {
    justify-self: auto;
}

#w-node-b5d174a6-853a-a3ce-66aa-d541c41f7711-253e1918, #w-node-_359942b4-48ee-2ba9-7048-976999e1e5b8-253e1918 {
    grid-area: span 1/span 1/span 1/span 1;
}

#w-node-_1c4ac741-f1b2-a4cb-5493-9c6ea07c1af3-9883de98 {
    grid-area: span 1/span 2/span 1/span 2;
    justify-self: end;
}

#w-node-_1c4ac741-f1b2-a4cb-5493-9c6ea07c1b40-9883de98 {
    grid-area: span 1/span 2/span 1/span 2;
}

#w-node-eb2ac4ad-edd5-e359-b833-3cc4aa74fbe0-480b7be5 {
    align-self: center;
}

#w-node-eb2ac4ad-edd5-e359-b833-3cc4aa74fbef-480b7be5 {
    place-self: auto;
}

#w-node-eb2ac4ad-edd5-e359-b833-3cc4aa74fc79-480b7be5 {
    align-self: start;
}

#w-node-_009221fd-5d21-07d1-a93c-3832e8e33db7-b89fadf8 {
    justify-self: start;
}

#w-node-_009221fd-5d21-07d1-a93c-3832e8e33dca-b89fadf8, #w-node-_009221fd-5d21-07d1-a93c-3832e8e33dce-b89fadf8, #w-node-_009221fd-5d21-07d1-a93c-3832e8e33dd3-b89fadf8, #w-node-_009221fd-5d21-07d1-a93c-3832e8e33dd7-b89fadf8 {
    grid-area: span 1/span 1/span 1/span 1;
}

#w-node-_8a25adbe-8a47-84d7-3991-cabaad1d4a2a-b89fadf8 {
    place-self: center;
}

#w-node-_8a25adbe-8a47-84d7-3991-cabaad1d4a3b-b89fadf8 {
    justify-self: end;
}

#w-node-_8a25adbe-8a47-84d7-3991-cabaad1d4a4e-b89fadf8 {
    place-self: center;
}

#w-node-_8a25adbe-8a47-84d7-3991-cabaad1d4a5f-b89fadf8 {
    justify-self: end;
}

#w-node-_8a25adbe-8a47-84d7-3991-cabaad1d4a72-b89fadf8 {
    place-self: center;
}

#w-node-_8a25adbe-8a47-84d7-3991-cabaad1d4a83-b89fadf8 {
    justify-self: end;
}

#w-node-_8a25adbe-8a47-84d7-3991-cabaad1d4a96-b89fadf8 {
    place-self: center;
}

#w-node-_8a25adbe-8a47-84d7-3991-cabaad1d4aa7-b89fadf8 {
    justify-self: end;
}

#w-node-_8a25adbe-8a47-84d7-3991-cabaad1d4aba-b89fadf8 {
    place-self: center;
}

#w-node-_8a25adbe-8a47-84d7-3991-cabaad1d4acb-b89fadf8 {
    justify-self: end;
}

#w-node-a098d6bb-3dd7-e582-ca0c-62d5d4997925-6780c1d6, #w-node-a9581856-1d92-d307-ea1a-8ab2c2d71874-6780c1d6, #w-node-a6d436a7-c4ef-0477-683d-7c53e623599c-6780c1d6 {
    grid-area: span 1/span 1/span 1/span 1;
}

#w-node-_62d582cf-cb04-5a57-4d7c-91c7a90ea867-c5d363a0, #w-node-_62d582cf-cb04-5a57-4d7c-91c7a90ea898-c5d363a0, #w-node-_62d582cf-cb04-5a57-4d7c-91c7a90ea8c9-c5d363a0, #w-node-_62d582cf-cb04-5a57-4d7c-91c7a90ea8fa-c5d363a0 {
    align-self: start;
}

#w-node-_32ca9902-7a51-4e5a-9329-c24128cbf846-c5d363a0 {
    justify-self: start;
}

#w-node-db5b1cf3-ff34-dbbe-7e01-7c31d1e3aac2-c5d363a0, #w-node-db5b1cf3-ff34-dbbe-7e01-7c31d1e3aad7-c5d363a0, #w-node-db5b1cf3-ff34-dbbe-7e01-7c31d1e3aaed-c5d363a0 {
    grid-area: span 1/span 1/span 1/span 1;
}

#w-node-_538d00e9-b00b-e546-493a-c9e7b9ec9f08-c5d363a0 {
    justify-self: start;
}

#w-node-_0cad6a25-f717-5f6c-4999-b5cb364857a6-a8f31ebd, #w-node-efe2f6b8-7e98-8729-d04b-7eed7f55c724-a8f31ebd {
    grid-area: span 1/span 1/span 1/span 1;
}

#w-node-_661d70c9-50d8-ac56-0a60-669981d554f7-a8f31ebd {
    place-self: stretch stretch;
}

#w-node-_1d427444-e386-1593-6295-6bcf034c609d-5f7d5084, #w-node-d1ebc3c1-afdf-548c-8e93-4c67e2a1b761-5f7d5084, #w-node-dfc0e1da-c80c-cb9e-1215-209c125f818e-5f7d5084, #w-node-_1d427444-e386-1593-6295-6bcf034c609d-2d5f43ed, #w-node-_8710e2bc-3836-12e4-248c-c3d27ae650fd-2d5f43ed, #w-node-_18bb9cab-e300-a7d2-b072-6b10a5743e99-2d5f43ed, #w-node-_097d6be2-82e7-d75b-63ce-78aafdd6c471-2d5f43ed, #w-node-_4a4b2218-9541-785b-9014-e41f1862cdb3-d027e3f8, #w-node-_8f44f63f-ed1e-c86f-326c-e4e98d9e2f49-d027e3f8 {
    grid-area: span 1/span 1/span 1/span 1;
}

#w-node-e6804eee-5150-db39-3948-42f4bf614d47-d027e3f8 {
    align-self: stretch;
}

#w-node-_5ca26c96-a906-589d-a8d8-9470b7926a19-d027e3f8, #w-node-_7df88019-fe7d-be93-266e-22de2fe89b2b-d027e3f8, #w-node-_4a4b2218-9541-785b-9014-e41f1862cdb3-18e6c5fc, #w-node-_73e697f0-a2ee-612f-6860-c841c5d18862-18e6c5fc, #w-node-_7df88019-fe7d-be93-266e-22de2fe89b2b-18e6c5fc, #w-node-_1efd178a-3bd7-5798-9f5c-e0560c84a996-18e6c5fc, #w-node-d1ebc3c1-afdf-548c-8e93-4c67e2a1b761-399ab11a {
    grid-area: span 1/span 1/span 1/span 1;
}

#w-node-_6ddc563d-7f6f-5d5a-12d9-fcd59170bb6b-399ab11a {
    align-self: stretch;
}

#w-node-d1ebc3c1-afdf-548c-8e93-4c67e2a1b761-f51a39a9 {
    grid-area: span 1/span 1/span 1/span 1;
}

#w-node-_167a9e0c-bc73-e2a9-c81c-766f534e0b0f-f51a39a9 {
    align-self: stretch;
}

#w-node-d1ebc3c1-afdf-548c-8e93-4c67e2a1b761-6ed610ff {
    grid-area: span 1/span 1/span 1/span 1;
}

#w-node-_8243fd5d-0c45-c3a2-9aea-a84aeda69068-6ed610ff {
    align-self: stretch;
}

#w-node-d1ebc3c1-afdf-548c-8e93-4c67e2a1b761-6d1dd6aa {
    grid-area: span 1/span 1/span 1/span 1;
}

#w-node-_4dc029df-d32b-b808-08d8-d4acae413fc3-6d1dd6aa {
    align-self: stretch;
}

#w-node-d1ebc3c1-afdf-548c-8e93-4c67e2a1b761-4340db5b {
    grid-area: span 1/span 1/span 1/span 1;
}

#w-node-d5a0ca0f-d989-a865-5a80-2a44fa405409-4340db5b {
    align-self: stretch;
}

#w-node-_1d427444-e386-1593-6295-6bcf034c609d-f1c33d7a, #w-node-_09518890-dba6-94b3-c4c9-5849403a6912-f1c33d7a, #w-node-dfc0e1da-c80c-cb9e-1215-209c125f818e-f1c33d7a, #w-node-_1d427444-e386-1593-6295-6bcf034c609d-92cff0ae, #w-node-_09518890-dba6-94b3-c4c9-5849403a6912-92cff0ae, #w-node-_1d427444-e386-1593-6295-6bcf034c609d-fb6a702c, #w-node-f33e898a-993b-c5c6-e781-ebd363108db7-fb6a702c, #w-node-dfc0e1da-c80c-cb9e-1215-209c125f818e-fb6a702c, #w-node-_1d427444-e386-1593-6295-6bcf034c609d-47fb987d, #w-node-fe14086f-3d39-9720-dc37-003accff40d0-47fb987d, #w-node-dfc0e1da-c80c-cb9e-1215-209c125f818e-47fb987d, #w-node-f33e898a-993b-c5c6-e781-ebd363108db7-47fb987d, #w-node-_3bee1095-0408-eeca-1690-4299a75d2b81-47fb987d, #w-node-_236f1900-300e-f8f0-49c4-9b3bcbf88c09-f7c51667 {
    grid-area: span 1/span 1/span 1/span 1;
}

#w-node-_236f1900-300e-f8f0-49c4-9b3bcbf88c12-f7c51667 {
    align-self: start;
}

#w-node-_5b71339f-9e46-f0ec-2fd9-88794de6bff2-f7c51667, #w-node-_5b71339f-9e46-f0ec-2fd9-88794de6bff2-96c55ddc, #w-node-a57884f1-b569-b4e2-1f86-7db439f4b4dd-96c55ddc, #w-node-_5b71339f-9e46-f0ec-2fd9-88794de6bff2-7b6b49ce, #w-node-a57884f1-b569-b4e2-1f86-7db439f4b4dd-7b6b49ce {
    grid-area: span 1/span 1/span 1/span 1;
    align-self: stretch;
}

#w-node-f579be7e-3728-bfe2-119e-6170e702a396-fef3e9e0, #w-node-ed1e14d4-60a3-4262-0af3-95157f031330-fef3e9e0 {
    grid-area: span 1/span 1/span 1/span 1;
}

#w-node-c4d09555-c595-fdcd-05d4-bead9a1add37-9a1add32 {
    justify-self: start;
}

#w-node-c4d09555-c595-fdcd-05d4-bead9a1add54-9a1add32, #w-node-c4d09555-c595-fdcd-05d4-bead9a1add58-9a1add32, #w-node-c4d09555-c595-fdcd-05d4-bead9a1add5d-9a1add32, #w-node-c4d09555-c595-fdcd-05d4-bead9a1add61-9a1add32 {
    grid-area: span 1/span 1/span 1/span 1;
}

#w-node-c89da333-b94e-5a12-0e7b-f374fc2df700-cc1e8662 {
    align-self: start;
}

#w-node-fecb2afb-3fcc-8413-f33d-6b31bbb18a3f-cc1e8662, #w-node-c9fc1d6d-0cac-40dd-f158-5327dcd65f1c-cc1e8662 {
    grid-area: span 1/span 1/span 1/span 1;
}

#w-node-d473da52-f03c-09bc-c320-3b3b31075672-1cbf0b5e {
    align-self: center;
}

#w-node-c89da333-b94e-5a12-0e7b-f374fc2df700-1cbf0b5e {
    align-self: start;
}

#w-node-fecb2afb-3fcc-8413-f33d-6b31bbb18a3f-1cbf0b5e {
    grid-area: span 1/span 1/span 1/span 1;
}

#w-node-_6bfa6d6d-5a42-27a9-e793-b1058730a96b-1cbf0b5e {
    justify-self: start;
}

#w-node-_6bfa6d6d-5a42-27a9-e793-b1058730a97e-1cbf0b5e, #w-node-_6bfa6d6d-5a42-27a9-e793-b1058730a982-1cbf0b5e, #w-node-_6bfa6d6d-5a42-27a9-e793-b1058730a987-1cbf0b5e, #w-node-_6bfa6d6d-5a42-27a9-e793-b1058730a98b-1cbf0b5e {
    grid-area: span 1/span 1/span 1/span 1;
}

#w-node-d473da52-f03c-09bc-c320-3b3b31075672-f7e8c33b {
    align-self: end;
}

#w-node-c89da333-b94e-5a12-0e7b-f374fc2df700-f7e8c33b {
    align-self: start;
}

#w-node-fecb2afb-3fcc-8413-f33d-6b31bbb18a3f-f7e8c33b {
    grid-area: span 1/span 1/span 1/span 1;
}

#w-node-_6bfa6d6d-5a42-27a9-e793-b1058730a96b-f7e8c33b {
    justify-self: start;
}

#w-node-_6bfa6d6d-5a42-27a9-e793-b1058730a97e-f7e8c33b, #w-node-_6bfa6d6d-5a42-27a9-e793-b1058730a982-f7e8c33b, #w-node-_6bfa6d6d-5a42-27a9-e793-b1058730a987-f7e8c33b, #w-node-_6bfa6d6d-5a42-27a9-e793-b1058730a98b-f7e8c33b {
    grid-area: span 1/span 1/span 1/span 1;
}

#w-node-d473da52-f03c-09bc-c320-3b3b31075672-4ca126e7 {
    align-self: center;
}

#w-node-c89da333-b94e-5a12-0e7b-f374fc2df700-4ca126e7 {
    align-self: start;
}

#w-node-fecb2afb-3fcc-8413-f33d-6b31bbb18a3f-4ca126e7 {
    grid-area: span 1/span 1/span 1/span 1;
}

#w-node-_6bfa6d6d-5a42-27a9-e793-b1058730a96b-4ca126e7 {
    justify-self: start;
}

#w-node-_6bfa6d6d-5a42-27a9-e793-b1058730a97e-4ca126e7, #w-node-_6bfa6d6d-5a42-27a9-e793-b1058730a982-4ca126e7, #w-node-_6bfa6d6d-5a42-27a9-e793-b1058730a987-4ca126e7, #w-node-_6bfa6d6d-5a42-27a9-e793-b1058730a98b-4ca126e7 {
    grid-area: span 1/span 1/span 1/span 1;
}

#w-node-d473da52-f03c-09bc-c320-3b3b31075672-b61da3c9 {
    align-self: center;
}

#w-node-c89da333-b94e-5a12-0e7b-f374fc2df700-b61da3c9 {
    align-self: start;
}

#w-node-fecb2afb-3fcc-8413-f33d-6b31bbb18a3f-b61da3c9 {
    grid-area: span 1/span 1/span 1/span 1;
}

#w-node-a61112fe-a36f-8dff-808e-03353419f9c5-b61da3c9 {
    align-self: end;
}

#w-node-_6bfa6d6d-5a42-27a9-e793-b1058730a96b-b61da3c9 {
    justify-self: start;
}

#w-node-_6bfa6d6d-5a42-27a9-e793-b1058730a97e-b61da3c9, #w-node-_6bfa6d6d-5a42-27a9-e793-b1058730a982-b61da3c9, #w-node-_6bfa6d6d-5a42-27a9-e793-b1058730a987-b61da3c9, #w-node-_6bfa6d6d-5a42-27a9-e793-b1058730a98b-b61da3c9 {
    grid-area: span 1/span 1/span 1/span 1;
}

#w-node-d473da52-f03c-09bc-c320-3b3b31075672-edab3125 {
    align-self: center;
}

#w-node-c89da333-b94e-5a12-0e7b-f374fc2df700-edab3125 {
    align-self: start;
}

#w-node-fecb2afb-3fcc-8413-f33d-6b31bbb18a3f-edab3125 {
    grid-area: span 1/span 1/span 1/span 1;
}

#w-node-a61112fe-a36f-8dff-808e-03353419f9c5-edab3125 {
    align-self: end;
}

#w-node-_6bfa6d6d-5a42-27a9-e793-b1058730a96b-edab3125 {
    justify-self: start;
}

#w-node-_6bfa6d6d-5a42-27a9-e793-b1058730a97e-edab3125, #w-node-_6bfa6d6d-5a42-27a9-e793-b1058730a982-edab3125, #w-node-_6bfa6d6d-5a42-27a9-e793-b1058730a987-edab3125, #w-node-_6bfa6d6d-5a42-27a9-e793-b1058730a98b-edab3125, #w-node-f579be7e-3728-bfe2-119e-6170e702a396-c9194cd9, #w-node-ed1e14d4-60a3-4262-0af3-95157f031330-c9194cd9, #w-node-f579be7e-3728-bfe2-119e-6170e702a396-e9554ac3, #w-node-ed1e14d4-60a3-4262-0af3-95157f031330-e9554ac3, #w-node-f579be7e-3728-bfe2-119e-6170e702a396-37445f84, #w-node-ed1e14d4-60a3-4262-0af3-95157f031330-37445f84, #w-node-f579be7e-3728-bfe2-119e-6170e702a396-5dd98b6b, #w-node-ed1e14d4-60a3-4262-0af3-95157f031330-5dd98b6b, #w-node-_1d427444-e386-1593-6295-6bcf034c609d-321ab8bf, #w-node-_3bee1095-0408-eeca-1690-4299a75d2b81-321ab8bf, #w-node-_0de3ca45-f70a-c464-9726-2739b4b86756-bbcd85b3, #w-node-f579be7e-3728-bfe2-119e-6170e702a396-83464868, #w-node-ed1e14d4-60a3-4262-0af3-95157f031330-83464868, #w-node-e21ad51c-9599-8deb-1c6a-2736d2be6344-b6c287a7, #w-node-e21ad51c-9599-8deb-1c6a-2736d2be634a-b6c287a7, #w-node-e21ad51c-9599-8deb-1c6a-2736d2be6350-b6c287a7, #w-node-e21ad51c-9599-8deb-1c6a-2736d2be6358-b6c287a7, #w-node-e21ad51c-9599-8deb-1c6a-2736d2be635f-b6c287a7, #w-node-e21ad51c-9599-8deb-1c6a-2736d2be6344-78c0e86a, #w-node-e21ad51c-9599-8deb-1c6a-2736d2be634a-78c0e86a, #w-node-e21ad51c-9599-8deb-1c6a-2736d2be6350-78c0e86a, #w-node-e21ad51c-9599-8deb-1c6a-2736d2be6358-78c0e86a, #w-node-e21ad51c-9599-8deb-1c6a-2736d2be635f-78c0e86a {
    grid-area: span 1/span 1/span 1/span 1;
}

#w-node-_529405dc-752c-0910-f0b1-77b756a5753c-78c0e86a, #w-node-_3e2e75ef-d321-41a9-72ee-ab6648d31269-78c0e86a, #w-node-a514179d-5569-0d59-857f-b1242060bc64-78c0e86a, #w-node-_51b42448-c75d-a825-246b-a186e9c33f04-78c0e86a, #w-node-ed6f841b-558b-2e88-ecd9-cb36ed66fcef-78c0e86a, #w-node-_1ce94720-4758-7919-fae9-1c90ee135078-78c0e86a, #w-node-_60faea00-a28b-9375-169f-6fdf61f3e805-78c0e86a, #w-node-de0043a6-f9cc-5c6a-8fb7-13dec0b1a773-78c0e86a, #w-node-af1fff40-6977-32c6-8ede-9425e3dd088e-78c0e86a, #w-node-_43d9262a-36f9-8435-1f49-08b60c311d9d-78c0e86a {
    grid-area: span 1/span 2/span 1/span 2;
    justify-self: stretch;
}

#w-node-e21ad51c-9599-8deb-1c6a-2736d2be6344-6e681d3e, #w-node-e21ad51c-9599-8deb-1c6a-2736d2be634a-6e681d3e, #w-node-e21ad51c-9599-8deb-1c6a-2736d2be6350-6e681d3e, #w-node-e21ad51c-9599-8deb-1c6a-2736d2be6358-6e681d3e, #w-node-e21ad51c-9599-8deb-1c6a-2736d2be635f-6e681d3e, #w-node-e21ad51c-9599-8deb-1c6a-2736d2be6344-61d38d5f, #w-node-e21ad51c-9599-8deb-1c6a-2736d2be634a-61d38d5f, #w-node-e21ad51c-9599-8deb-1c6a-2736d2be6350-61d38d5f, #w-node-e21ad51c-9599-8deb-1c6a-2736d2be6358-61d38d5f, #w-node-e21ad51c-9599-8deb-1c6a-2736d2be635f-61d38d5f, #w-node-e21ad51c-9599-8deb-1c6a-2736d2be6344-357c8ca7, #w-node-e21ad51c-9599-8deb-1c6a-2736d2be634a-357c8ca7, #w-node-e21ad51c-9599-8deb-1c6a-2736d2be6350-357c8ca7, #w-node-e21ad51c-9599-8deb-1c6a-2736d2be6358-357c8ca7, #w-node-e21ad51c-9599-8deb-1c6a-2736d2be635f-357c8ca7, #w-node-e21ad51c-9599-8deb-1c6a-2736d2be6344-c163024e, #w-node-e21ad51c-9599-8deb-1c6a-2736d2be634a-c163024e, #w-node-e21ad51c-9599-8deb-1c6a-2736d2be6350-c163024e, #w-node-e21ad51c-9599-8deb-1c6a-2736d2be6358-c163024e, #w-node-e21ad51c-9599-8deb-1c6a-2736d2be635f-c163024e, #w-node-e21ad51c-9599-8deb-1c6a-2736d2be6344-cf2d53d1, #w-node-e21ad51c-9599-8deb-1c6a-2736d2be634a-cf2d53d1, #w-node-e21ad51c-9599-8deb-1c6a-2736d2be6350-cf2d53d1, #w-node-e21ad51c-9599-8deb-1c6a-2736d2be6358-cf2d53d1, #w-node-e21ad51c-9599-8deb-1c6a-2736d2be635f-cf2d53d1, #w-node-e21ad51c-9599-8deb-1c6a-2736d2be6344-a1bdd909, #w-node-e21ad51c-9599-8deb-1c6a-2736d2be634a-a1bdd909, #w-node-e21ad51c-9599-8deb-1c6a-2736d2be6350-a1bdd909, #w-node-e21ad51c-9599-8deb-1c6a-2736d2be6358-a1bdd909, #w-node-e21ad51c-9599-8deb-1c6a-2736d2be635f-a1bdd909, #w-node-e21ad51c-9599-8deb-1c6a-2736d2be6344-7892b1ea, #w-node-e21ad51c-9599-8deb-1c6a-2736d2be634a-7892b1ea, #w-node-e21ad51c-9599-8deb-1c6a-2736d2be6350-7892b1ea, #w-node-e21ad51c-9599-8deb-1c6a-2736d2be6358-7892b1ea, #w-node-e21ad51c-9599-8deb-1c6a-2736d2be635f-7892b1ea, #w-node-e21ad51c-9599-8deb-1c6a-2736d2be6344-5f71eb08, #w-node-e21ad51c-9599-8deb-1c6a-2736d2be634a-5f71eb08, #w-node-e21ad51c-9599-8deb-1c6a-2736d2be6350-5f71eb08, #w-node-e21ad51c-9599-8deb-1c6a-2736d2be6358-5f71eb08, #w-node-e21ad51c-9599-8deb-1c6a-2736d2be635f-5f71eb08, #w-node-e21ad51c-9599-8deb-1c6a-2736d2be6344-19ab22bf, #w-node-e21ad51c-9599-8deb-1c6a-2736d2be634a-19ab22bf, #w-node-e21ad51c-9599-8deb-1c6a-2736d2be6350-19ab22bf, #w-node-e21ad51c-9599-8deb-1c6a-2736d2be6358-19ab22bf, #w-node-e21ad51c-9599-8deb-1c6a-2736d2be635f-19ab22bf, #w-node-e21ad51c-9599-8deb-1c6a-2736d2be6344-8154a210, #w-node-e21ad51c-9599-8deb-1c6a-2736d2be634a-8154a210, #w-node-e21ad51c-9599-8deb-1c6a-2736d2be6350-8154a210, #w-node-e21ad51c-9599-8deb-1c6a-2736d2be6358-8154a210, #w-node-e21ad51c-9599-8deb-1c6a-2736d2be635f-8154a210, #w-node-e21ad51c-9599-8deb-1c6a-2736d2be6344-68da0d9f, #w-node-e21ad51c-9599-8deb-1c6a-2736d2be634a-68da0d9f, #w-node-e21ad51c-9599-8deb-1c6a-2736d2be6350-68da0d9f, #w-node-e21ad51c-9599-8deb-1c6a-2736d2be6358-68da0d9f, #w-node-e21ad51c-9599-8deb-1c6a-2736d2be635f-68da0d9f, #w-node-e21ad51c-9599-8deb-1c6a-2736d2be6344-3e92a1e3, #w-node-e21ad51c-9599-8deb-1c6a-2736d2be634a-3e92a1e3, #w-node-e21ad51c-9599-8deb-1c6a-2736d2be6350-3e92a1e3, #w-node-e21ad51c-9599-8deb-1c6a-2736d2be6358-3e92a1e3, #w-node-e21ad51c-9599-8deb-1c6a-2736d2be635f-3e92a1e3, #w-node-e21ad51c-9599-8deb-1c6a-2736d2be6344-81cb7775, #w-node-e21ad51c-9599-8deb-1c6a-2736d2be634a-81cb7775, #w-node-e21ad51c-9599-8deb-1c6a-2736d2be6350-81cb7775, #w-node-e21ad51c-9599-8deb-1c6a-2736d2be6358-81cb7775, #w-node-e21ad51c-9599-8deb-1c6a-2736d2be635f-81cb7775, #w-node-e21ad51c-9599-8deb-1c6a-2736d2be6344-25ac7c09, #w-node-e21ad51c-9599-8deb-1c6a-2736d2be634a-25ac7c09, #w-node-e21ad51c-9599-8deb-1c6a-2736d2be6350-25ac7c09, #w-node-e21ad51c-9599-8deb-1c6a-2736d2be6358-25ac7c09, #w-node-e21ad51c-9599-8deb-1c6a-2736d2be635f-25ac7c09, #w-node-e21ad51c-9599-8deb-1c6a-2736d2be6344-bf06a2a2, #w-node-e21ad51c-9599-8deb-1c6a-2736d2be634a-bf06a2a2, #w-node-e21ad51c-9599-8deb-1c6a-2736d2be6350-bf06a2a2, #w-node-e21ad51c-9599-8deb-1c6a-2736d2be6358-bf06a2a2, #w-node-e21ad51c-9599-8deb-1c6a-2736d2be635f-bf06a2a2, #w-node-e21ad51c-9599-8deb-1c6a-2736d2be6344-fe4743b1, #w-node-e21ad51c-9599-8deb-1c6a-2736d2be634a-fe4743b1, #w-node-e21ad51c-9599-8deb-1c6a-2736d2be6350-fe4743b1, #w-node-e21ad51c-9599-8deb-1c6a-2736d2be6358-fe4743b1, #w-node-e21ad51c-9599-8deb-1c6a-2736d2be635f-fe4743b1, #w-node-e21ad51c-9599-8deb-1c6a-2736d2be6344-373a08fc, #w-node-e21ad51c-9599-8deb-1c6a-2736d2be634a-373a08fc, #w-node-e21ad51c-9599-8deb-1c6a-2736d2be6350-373a08fc, #w-node-e21ad51c-9599-8deb-1c6a-2736d2be6358-373a08fc, #w-node-e21ad51c-9599-8deb-1c6a-2736d2be635f-373a08fc, #w-node-e21ad51c-9599-8deb-1c6a-2736d2be6344-c437fcdb, #w-node-e21ad51c-9599-8deb-1c6a-2736d2be634a-c437fcdb, #w-node-e21ad51c-9599-8deb-1c6a-2736d2be6350-c437fcdb, #w-node-e21ad51c-9599-8deb-1c6a-2736d2be6358-c437fcdb, #w-node-e21ad51c-9599-8deb-1c6a-2736d2be635f-c437fcdb, #w-node-e21ad51c-9599-8deb-1c6a-2736d2be6344-d9999dad, #w-node-e21ad51c-9599-8deb-1c6a-2736d2be634a-d9999dad, #w-node-e21ad51c-9599-8deb-1c6a-2736d2be6350-d9999dad, #w-node-e21ad51c-9599-8deb-1c6a-2736d2be6358-d9999dad, #w-node-e21ad51c-9599-8deb-1c6a-2736d2be635f-d9999dad, #w-node-e21ad51c-9599-8deb-1c6a-2736d2be6344-0603dcdf, #w-node-e21ad51c-9599-8deb-1c6a-2736d2be634a-0603dcdf, #w-node-e21ad51c-9599-8deb-1c6a-2736d2be6350-0603dcdf, #w-node-e21ad51c-9599-8deb-1c6a-2736d2be6358-0603dcdf, #w-node-e21ad51c-9599-8deb-1c6a-2736d2be635f-0603dcdf, #w-node-e21ad51c-9599-8deb-1c6a-2736d2be6344-45b6b479, #w-node-e21ad51c-9599-8deb-1c6a-2736d2be634a-45b6b479, #w-node-e21ad51c-9599-8deb-1c6a-2736d2be6350-45b6b479, #w-node-e21ad51c-9599-8deb-1c6a-2736d2be6358-45b6b479, #w-node-e21ad51c-9599-8deb-1c6a-2736d2be635f-45b6b479, #w-node-e21ad51c-9599-8deb-1c6a-2736d2be6344-38458197, #w-node-e21ad51c-9599-8deb-1c6a-2736d2be634a-38458197, #w-node-e21ad51c-9599-8deb-1c6a-2736d2be6350-38458197, #w-node-e21ad51c-9599-8deb-1c6a-2736d2be6358-38458197, #w-node-e21ad51c-9599-8deb-1c6a-2736d2be635f-38458197, #w-node-e21ad51c-9599-8deb-1c6a-2736d2be6344-7ab4b0f7, #w-node-e21ad51c-9599-8deb-1c6a-2736d2be634a-7ab4b0f7, #w-node-e21ad51c-9599-8deb-1c6a-2736d2be6350-7ab4b0f7, #w-node-e21ad51c-9599-8deb-1c6a-2736d2be6358-7ab4b0f7, #w-node-e21ad51c-9599-8deb-1c6a-2736d2be635f-7ab4b0f7, #w-node-e21ad51c-9599-8deb-1c6a-2736d2be6344-e4d9bfb7, #w-node-e21ad51c-9599-8deb-1c6a-2736d2be634a-e4d9bfb7, #w-node-e21ad51c-9599-8deb-1c6a-2736d2be6350-e4d9bfb7, #w-node-e21ad51c-9599-8deb-1c6a-2736d2be6358-e4d9bfb7, #w-node-e21ad51c-9599-8deb-1c6a-2736d2be635f-e4d9bfb7, #w-node-e21ad51c-9599-8deb-1c6a-2736d2be6344-65eb1c30, #w-node-e21ad51c-9599-8deb-1c6a-2736d2be634a-65eb1c30, #w-node-e21ad51c-9599-8deb-1c6a-2736d2be6350-65eb1c30, #w-node-e21ad51c-9599-8deb-1c6a-2736d2be6358-65eb1c30, #w-node-e21ad51c-9599-8deb-1c6a-2736d2be635f-65eb1c30, #w-node-e21ad51c-9599-8deb-1c6a-2736d2be6344-4456965f, #w-node-e21ad51c-9599-8deb-1c6a-2736d2be634a-4456965f, #w-node-e21ad51c-9599-8deb-1c6a-2736d2be6350-4456965f, #w-node-e21ad51c-9599-8deb-1c6a-2736d2be6358-4456965f, #w-node-e21ad51c-9599-8deb-1c6a-2736d2be635f-4456965f, #w-node-e21ad51c-9599-8deb-1c6a-2736d2be6344-07d254f1, #w-node-e21ad51c-9599-8deb-1c6a-2736d2be634a-07d254f1, #w-node-e21ad51c-9599-8deb-1c6a-2736d2be6350-07d254f1, #w-node-e21ad51c-9599-8deb-1c6a-2736d2be6358-07d254f1, #w-node-e21ad51c-9599-8deb-1c6a-2736d2be635f-07d254f1, #w-node-e21ad51c-9599-8deb-1c6a-2736d2be6344-e68cefd0, #w-node-e21ad51c-9599-8deb-1c6a-2736d2be634a-e68cefd0, #w-node-e21ad51c-9599-8deb-1c6a-2736d2be6350-e68cefd0, #w-node-e21ad51c-9599-8deb-1c6a-2736d2be6358-e68cefd0, #w-node-e21ad51c-9599-8deb-1c6a-2736d2be635f-e68cefd0, #w-node-e21ad51c-9599-8deb-1c6a-2736d2be6344-4b2af6a9, #w-node-e21ad51c-9599-8deb-1c6a-2736d2be634a-4b2af6a9, #w-node-e21ad51c-9599-8deb-1c6a-2736d2be6350-4b2af6a9, #w-node-e21ad51c-9599-8deb-1c6a-2736d2be6358-4b2af6a9, #w-node-e21ad51c-9599-8deb-1c6a-2736d2be635f-4b2af6a9, #w-node-e21ad51c-9599-8deb-1c6a-2736d2be6344-2274ee54, #w-node-e21ad51c-9599-8deb-1c6a-2736d2be634a-2274ee54, #w-node-e21ad51c-9599-8deb-1c6a-2736d2be6350-2274ee54, #w-node-e21ad51c-9599-8deb-1c6a-2736d2be6358-2274ee54, #w-node-e21ad51c-9599-8deb-1c6a-2736d2be635f-2274ee54, #w-node-e21ad51c-9599-8deb-1c6a-2736d2be6344-16975e4f, #w-node-e21ad51c-9599-8deb-1c6a-2736d2be634a-16975e4f, #w-node-e21ad51c-9599-8deb-1c6a-2736d2be6350-16975e4f, #w-node-e21ad51c-9599-8deb-1c6a-2736d2be6358-16975e4f, #w-node-e21ad51c-9599-8deb-1c6a-2736d2be635f-16975e4f, #w-node-e21ad51c-9599-8deb-1c6a-2736d2be6344-10b5a311, #w-node-e21ad51c-9599-8deb-1c6a-2736d2be634a-10b5a311, #w-node-e21ad51c-9599-8deb-1c6a-2736d2be6350-10b5a311, #w-node-e21ad51c-9599-8deb-1c6a-2736d2be6358-10b5a311, #w-node-e21ad51c-9599-8deb-1c6a-2736d2be635f-10b5a311, #w-node-e21ad51c-9599-8deb-1c6a-2736d2be6344-27f24059, #w-node-e21ad51c-9599-8deb-1c6a-2736d2be634a-27f24059, #w-node-e21ad51c-9599-8deb-1c6a-2736d2be6350-27f24059, #w-node-e21ad51c-9599-8deb-1c6a-2736d2be6358-27f24059, #w-node-e21ad51c-9599-8deb-1c6a-2736d2be635f-27f24059, #w-node-e21ad51c-9599-8deb-1c6a-2736d2be6344-b140e54b, #w-node-e21ad51c-9599-8deb-1c6a-2736d2be634a-b140e54b, #w-node-e21ad51c-9599-8deb-1c6a-2736d2be6350-b140e54b, #w-node-e21ad51c-9599-8deb-1c6a-2736d2be6358-b140e54b, #w-node-e21ad51c-9599-8deb-1c6a-2736d2be635f-b140e54b {
    grid-area: span 1/span 1/span 1/span 1;
}

@media screen and (min-width:1920px) {
    #w-node-d473da52-f03c-09bc-c320-3b3b31075672-4ca126e7, #w-node-d473da52-f03c-09bc-c320-3b3b31075672-b61da3c9 {
        align-self: auto;
    }

    #w-node-a61112fe-a36f-8dff-808e-03353419f9c5-b61da3c9 {
        align-self: end;
    }

    #w-node-d473da52-f03c-09bc-c320-3b3b31075672-edab3125 {
        align-self: auto;
    }

    #w-node-a61112fe-a36f-8dff-808e-03353419f9c5-edab3125 {
        align-self: end;
    }
}

@media screen and (min-width:1440px) {
    #w-node-d473da52-f03c-09bc-c320-3b3b31075672-f7e8c33b {
        align-self: end;
    }

    #w-node-d473da52-f03c-09bc-c320-3b3b31075672-4ca126e7, #w-node-d473da52-f03c-09bc-c320-3b3b31075672-b61da3c9, #w-node-d473da52-f03c-09bc-c320-3b3b31075672-edab3125, #w-node-a61112fe-a36f-8dff-808e-03353419f9c5-edab3125 {
        align-self: center;
    }
}

@media screen and (max-width:991px) {
    .banner-left-content {
        grid-column: span 6/span 6;
    }

    #w-node-_6e9caed2-f2ea-9fd4-1bc0-46b9ca7824e5-c0d62145 {
        order: -9999;
    }

    .award-winning-header-content {
        grid-column: span 4/span 4;
    }

    .primary-button-19-24 {
        grid-area: span 1/span 2/span 1/span 2;
    }

    #w-node-dc42d800-7f55-c571-6677-65f36d0d4739-6d0d472b {
        justify-self: center;
    }

    .footer-nav, #w-node-dc42d800-7f55-c571-6677-65f36d0d479e-6d0d472b {
        justify-self: auto;
    }

    #w-node-_66db3955-0b39-58a9-6214-745ee4f812c8-80e11bbc {
        place-self: auto;
    }

    #w-node-b51df665-b1d9-ec96-ba5d-10f706ac0b89-08e8ca8f {
        align-self: start;
    }

    #w-node-b51df665-b1d9-ec96-ba5d-10f706ac0b9d-08e8ca8f {
        place-self: center end;
    }

    #w-node-b51df665-b1d9-ec96-ba5d-10f706ac0ba5-08e8ca8f {
        place-self: center;
    }

    #w-node-b5d174a6-853a-a3ce-66aa-d541c41f7711-253e1918, #w-node-_359942b4-48ee-2ba9-7048-976999e1e5b8-253e1918 {
        order: -9999;
    }

    #w-node-eb2ac4ad-edd5-e359-b833-3cc4aa74fc0d-480b7be5 {
        place-self: auto;
    }

    #w-node-a098d6bb-3dd7-e582-ca0c-62d5d4997925-6780c1d6, #w-node-_0cad6a25-f717-5f6c-4999-b5cb364857a6-a8f31ebd, #w-node-_661d70c9-50d8-ac56-0a60-669981d554f7-a8f31ebd, #w-node-_1d427444-e386-1593-6295-6bcf034c609d-5f7d5084, #w-node-dfc0e1da-c80c-cb9e-1215-209c125f818e-5f7d5084, #w-node-_1d427444-e386-1593-6295-6bcf034c609d-2d5f43ed, #w-node-_8710e2bc-3836-12e4-248c-c3d27ae650fd-2d5f43ed, #w-node-_18bb9cab-e300-a7d2-b072-6b10a5743e99-2d5f43ed, #w-node-_097d6be2-82e7-d75b-63ce-78aafdd6c471-2d5f43ed, #w-node-_4a4b2218-9541-785b-9014-e41f1862cdb3-d027e3f8, #w-node-_8f44f63f-ed1e-c86f-326c-e4e98d9e2f49-d027e3f8, #w-node-_5ca26c96-a906-589d-a8d8-9470b7926a19-d027e3f8, #w-node-_7df88019-fe7d-be93-266e-22de2fe89b2b-d027e3f8, #w-node-_4a4b2218-9541-785b-9014-e41f1862cdb3-18e6c5fc, #w-node-_73e697f0-a2ee-612f-6860-c841c5d18862-18e6c5fc, #w-node-_7df88019-fe7d-be93-266e-22de2fe89b2b-18e6c5fc, #w-node-_1efd178a-3bd7-5798-9f5c-e0560c84a996-18e6c5fc, #w-node-_1d427444-e386-1593-6295-6bcf034c609d-f1c33d7a, #w-node-dfc0e1da-c80c-cb9e-1215-209c125f818e-f1c33d7a, #w-node-_1d427444-e386-1593-6295-6bcf034c609d-92cff0ae, #w-node-_1d427444-e386-1593-6295-6bcf034c609d-fb6a702c, #w-node-dfc0e1da-c80c-cb9e-1215-209c125f818e-fb6a702c, #w-node-_1d427444-e386-1593-6295-6bcf034c609d-47fb987d, #w-node-fe14086f-3d39-9720-dc37-003accff40d0-47fb987d, #w-node-dfc0e1da-c80c-cb9e-1215-209c125f818e-47fb987d, #w-node-_3bee1095-0408-eeca-1690-4299a75d2b81-47fb987d {
        order: -9999;
    }

    #w-node-_236c6991-de77-e3a0-7e3c-add91fcc2069-cc1e8662, #w-node-_236c6991-de77-e3a0-7e3c-add91fcc2069-1cbf0b5e, #w-node-_236c6991-de77-e3a0-7e3c-add91fcc2069-f7e8c33b, #w-node-_236c6991-de77-e3a0-7e3c-add91fcc2069-4ca126e7, #w-node-_236c6991-de77-e3a0-7e3c-add91fcc2069-b61da3c9, #w-node-_236c6991-de77-e3a0-7e3c-add91fcc2069-edab3125 {
        grid-area: span 1/span 1/span 1/span 1;
    }

    #w-node-_1d427444-e386-1593-6295-6bcf034c609d-321ab8bf, #w-node-_3bee1095-0408-eeca-1690-4299a75d2b81-321ab8bf {
        order: -9999;
    }

    #w-node-_66db3955-0b39-58a9-6214-745ee4f812c8-bbcd85b3 {
        place-self: auto;
    }
}

@media screen and (max-width:767px) {
    .banner-left-content {
        grid-column: span 4/span 4;
        width: 100%;
    }

    .award-winning-header-content, .primary-button-19-24 {
        grid-column: span 1/span 1;
    }

    #w-node-dc42d800-7f55-c571-6677-65f36d0d472e-6d0d472b {
        grid-area: span 1/span 2/span 1/span 2;
    }

    #w-node-_7f1b4eca-9225-cb07-d6d1-4210c30ff49a-c30ff484, #w-node-_7f1b4eca-9225-cb07-d6d1-4210c30ff4b0-c30ff484, #w-node-_7f1b4eca-9225-cb07-d6d1-4210c30ff4c9-c30ff484, #w-node-_6936f660-2310-c7e0-f5e5-fba39b265440-80e11bbc, #w-node-dec4dc62-6b60-548f-45f2-4626992d3714-80e11bbc {
        order: -9999;
    }

    #w-node-b51df665-b1d9-ec96-ba5d-10f706ac0ba5-08e8ca8f {
        place-self: center;
    }

    #w-node-e854c03b-b1cb-ed70-f1ab-70cadcef250e-c5d363a0, #w-node-_62d582cf-cb04-5a57-4d7c-91c7a90ea797-c5d363a0, #w-node-db5b1cf3-ff34-dbbe-7e01-7c31d1e3aacf-c5d363a0, #w-node-db5b1cf3-ff34-dbbe-7e01-7c31d1e3aae5-c5d363a0, #w-node-db5b1cf3-ff34-dbbe-7e01-7c31d1e3aafe-c5d363a0 {
        order: -9999;
    }

    #w-node-d473da52-f03c-09bc-c320-3b3b31075672-cc1e8662, #w-node-_236c6991-de77-e3a0-7e3c-add91fcc2069-cc1e8662, #w-node-d473da52-f03c-09bc-c320-3b3b31075672-1cbf0b5e, #w-node-_236c6991-de77-e3a0-7e3c-add91fcc2069-1cbf0b5e {
        grid-area: span 1/span 1/span 1/span 1;
    }

    #w-node-a61112fe-a36f-8dff-808e-03353419f9c5-1cbf0b5e {
        order: -9999;
    }

    #w-node-d473da52-f03c-09bc-c320-3b3b31075672-f7e8c33b, #w-node-_236c6991-de77-e3a0-7e3c-add91fcc2069-f7e8c33b {
        grid-area: span 1/span 1/span 1/span 1;
    }

    #w-node-a61112fe-a36f-8dff-808e-03353419f9c5-f7e8c33b {
        order: -9999;
    }

    #w-node-d473da52-f03c-09bc-c320-3b3b31075672-4ca126e7, #w-node-_236c6991-de77-e3a0-7e3c-add91fcc2069-4ca126e7 {
        grid-area: span 1/span 1/span 1/span 1;
    }

    #w-node-a61112fe-a36f-8dff-808e-03353419f9c5-4ca126e7 {
        order: -9999;
    }

    #w-node-d473da52-f03c-09bc-c320-3b3b31075672-b61da3c9, #w-node-_236c6991-de77-e3a0-7e3c-add91fcc2069-b61da3c9 {
        grid-area: span 1/span 1/span 1/span 1;
    }

    #w-node-a61112fe-a36f-8dff-808e-03353419f9c5-b61da3c9 {
        order: -9999;
    }

    #w-node-d473da52-f03c-09bc-c320-3b3b31075672-edab3125, #w-node-_236c6991-de77-e3a0-7e3c-add91fcc2069-edab3125 {
        grid-area: span 1/span 1/span 1/span 1;
    }

    #w-node-a61112fe-a36f-8dff-808e-03353419f9c5-edab3125, #w-node-_6936f660-2310-c7e0-f5e5-fba39b265440-bbcd85b3, #w-node-dec4dc62-6b60-548f-45f2-4626992d3714-bbcd85b3 {
        order: -9999;
    }

    #w-node-e21ad51c-9599-8deb-1c6a-2736d2be635f-b6c287a7, #w-node-e21ad51c-9599-8deb-1c6a-2736d2be635f-78c0e86a, #w-node-e21ad51c-9599-8deb-1c6a-2736d2be635f-6e681d3e, #w-node-e21ad51c-9599-8deb-1c6a-2736d2be635f-61d38d5f, #w-node-e21ad51c-9599-8deb-1c6a-2736d2be635f-357c8ca7, #w-node-e21ad51c-9599-8deb-1c6a-2736d2be635f-c163024e, #w-node-e21ad51c-9599-8deb-1c6a-2736d2be635f-cf2d53d1, #w-node-e21ad51c-9599-8deb-1c6a-2736d2be635f-a1bdd909, #w-node-e21ad51c-9599-8deb-1c6a-2736d2be635f-7892b1ea, #w-node-e21ad51c-9599-8deb-1c6a-2736d2be635f-5f71eb08, #w-node-e21ad51c-9599-8deb-1c6a-2736d2be635f-19ab22bf, #w-node-e21ad51c-9599-8deb-1c6a-2736d2be635f-8154a210, #w-node-e21ad51c-9599-8deb-1c6a-2736d2be635f-68da0d9f, #w-node-e21ad51c-9599-8deb-1c6a-2736d2be635f-3e92a1e3, #w-node-e21ad51c-9599-8deb-1c6a-2736d2be635f-81cb7775, #w-node-e21ad51c-9599-8deb-1c6a-2736d2be635f-25ac7c09, #w-node-e21ad51c-9599-8deb-1c6a-2736d2be635f-bf06a2a2, #w-node-e21ad51c-9599-8deb-1c6a-2736d2be635f-fe4743b1, #w-node-e21ad51c-9599-8deb-1c6a-2736d2be635f-373a08fc, #w-node-e21ad51c-9599-8deb-1c6a-2736d2be635f-c437fcdb, #w-node-e21ad51c-9599-8deb-1c6a-2736d2be635f-d9999dad, #w-node-e21ad51c-9599-8deb-1c6a-2736d2be635f-0603dcdf, #w-node-e21ad51c-9599-8deb-1c6a-2736d2be635f-45b6b479, #w-node-e21ad51c-9599-8deb-1c6a-2736d2be635f-38458197, #w-node-e21ad51c-9599-8deb-1c6a-2736d2be635f-7ab4b0f7, #w-node-e21ad51c-9599-8deb-1c6a-2736d2be635f-e4d9bfb7, #w-node-e21ad51c-9599-8deb-1c6a-2736d2be635f-65eb1c30, #w-node-e21ad51c-9599-8deb-1c6a-2736d2be635f-4456965f, #w-node-e21ad51c-9599-8deb-1c6a-2736d2be635f-07d254f1, #w-node-e21ad51c-9599-8deb-1c6a-2736d2be635f-e68cefd0, #w-node-e21ad51c-9599-8deb-1c6a-2736d2be635f-4b2af6a9, #w-node-e21ad51c-9599-8deb-1c6a-2736d2be635f-2274ee54, #w-node-e21ad51c-9599-8deb-1c6a-2736d2be635f-16975e4f, #w-node-e21ad51c-9599-8deb-1c6a-2736d2be635f-10b5a311, #w-node-e21ad51c-9599-8deb-1c6a-2736d2be635f-27f24059, #w-node-e21ad51c-9599-8deb-1c6a-2736d2be635f-b140e54b {
        grid-column: span 2/span 2;
    }
}

@media screen and (max-width:479px) {
    .banner-left-content {
        grid-column: span 1/span 1;
    }

    #w-node-_6e9caed2-f2ea-9fd4-1bc0-46b9ca7824e5-c0d62145 {
        order: -9999;
    }

    .award-winning-header-content {
        grid-column: span 1/span 1;
    }
.about-button {
    margin-top: 20px;
    display: flex
;
}
.primary-button-19-24,
.primary-button-16-24 {
    padding: 11px 20px 12px 20px;
    font-size: 16px; 
}
    .primary-button-19-24 {
        grid-area: span 1/span 1/span 1/span 1;
    }

    #w-node-dc42d800-7f55-c571-6677-65f36d0d472e-6d0d472b {
        grid-area: span 1/span 2/span 1/span 2;
    }

    #w-node-dc42d800-7f55-c571-6677-65f36d0d4739-6d0d472b {
        grid-area: span 1/span 2/span 1/span 2;
        justify-self: center;
    }

    .footer-nav {
        grid-area: span 1/span 2/span 1/span 2;
        justify-self: auto;
    }

    #w-node-dc42d800-7f55-c571-6677-65f36d0d479e-6d0d472b, #w-node-d0b0e2fd-ad4d-7b29-45ba-47a74ee1fbea-4ee1fbe6 {
        grid-area: span 1/span 1/span 1/span 1;
    }

    #w-node-d1ebc3c1-afdf-548c-8e93-4c67e2a1b738-42f402c9 {
        order: -9999;
    }

    #w-node-_009221fd-5d21-07d1-a93c-3832e8e33db6-b89fadf8 {
        grid-area: span 1/span 1/span 1/span 1;
    }

    #w-node-_8a25adbe-8a47-84d7-3991-cabaad1d4a2a-b89fadf8 {
        place-self: auto start;
    }

    #w-node-_8a25adbe-8a47-84d7-3991-cabaad1d4a4e-b89fadf8, #w-node-_8a25adbe-8a47-84d7-3991-cabaad1d4a72-b89fadf8, #w-node-_8a25adbe-8a47-84d7-3991-cabaad1d4a96-b89fadf8 {
        justify-self: start;
    }

    #w-node-_8a25adbe-8a47-84d7-3991-cabaad1d4aba-b89fadf8 {
        place-self: auto start;
    }

    #w-node-e854c03b-b1cb-ed70-f1ab-70cadcef250e-c5d363a0, #w-node-_62d582cf-cb04-5a57-4d7c-91c7a90ea797-c5d363a0, #w-node-d1ebc3c1-afdf-548c-8e93-4c67e2a1b738-5f7d5084, #w-node-d1ebc3c1-afdf-548c-8e93-4c67e2a1b738-2d5f43ed, #w-node-d1ebc3c1-afdf-548c-8e93-4c67e2a1b738-d027e3f8, #w-node-d1ebc3c1-afdf-548c-8e93-4c67e2a1b738-18e6c5fc, #w-node-d1ebc3c1-afdf-548c-8e93-4c67e2a1b738-399ab11a, #w-node-d1ebc3c1-afdf-548c-8e93-4c67e2a1b738-f51a39a9, #w-node-d1ebc3c1-afdf-548c-8e93-4c67e2a1b738-6ed610ff, #w-node-d1ebc3c1-afdf-548c-8e93-4c67e2a1b738-6d1dd6aa, #w-node-d1ebc3c1-afdf-548c-8e93-4c67e2a1b738-4340db5b, #w-node-d1ebc3c1-afdf-548c-8e93-4c67e2a1b738-f1c33d7a, #w-node-d1ebc3c1-afdf-548c-8e93-4c67e2a1b738-92cff0ae, #w-node-d1ebc3c1-afdf-548c-8e93-4c67e2a1b738-fb6a702c, #w-node-d1ebc3c1-afdf-548c-8e93-4c67e2a1b738-f7c51667, #w-node-d1ebc3c1-afdf-548c-8e93-4c67e2a1b738-96c55ddc, #w-node-d1ebc3c1-afdf-548c-8e93-4c67e2a1b738-fef3e9e0 {
        order: -9999;
    }

    #w-node-c4d09555-c595-fdcd-05d4-bead9a1add36-9a1add32 {
        grid-area: span 1/span 1/span 1/span 1;
    }

    #w-node-c89da333-b94e-5a12-0e7b-f374fc2df700-cc1e8662, #w-node-c89da333-b94e-5a12-0e7b-f374fc2df700-1cbf0b5e {
        order: -9999;
    }

    #w-node-_6bfa6d6d-5a42-27a9-e793-b1058730a96a-1cbf0b5e {
        grid-area: span 1/span 1/span 1/span 1;
    }

    #w-node-c89da333-b94e-5a12-0e7b-f374fc2df700-f7e8c33b {
        order: -9999;
    }

    #w-node-_6bfa6d6d-5a42-27a9-e793-b1058730a96a-f7e8c33b {
        grid-area: span 1/span 1/span 1/span 1;
    }

    #w-node-c89da333-b94e-5a12-0e7b-f374fc2df700-4ca126e7 {
        order: -9999;
    }

    #w-node-_6bfa6d6d-5a42-27a9-e793-b1058730a96a-4ca126e7 {
        grid-area: span 1/span 1/span 1/span 1;
    }

    #w-node-c89da333-b94e-5a12-0e7b-f374fc2df700-b61da3c9 {
        order: -9999;
    }

    #w-node-_6bfa6d6d-5a42-27a9-e793-b1058730a96a-b61da3c9 {
        grid-area: span 1/span 1/span 1/span 1;
    }

    #w-node-c89da333-b94e-5a12-0e7b-f374fc2df700-edab3125 {
        order: -9999;
    }

    #w-node-_6bfa6d6d-5a42-27a9-e793-b1058730a96a-edab3125 {
        grid-area: span 1/span 1/span 1/span 1;
    }

    #w-node-d1ebc3c1-afdf-548c-8e93-4c67e2a1b738-c9194cd9, #w-node-d1ebc3c1-afdf-548c-8e93-4c67e2a1b738-e9554ac3, #w-node-d1ebc3c1-afdf-548c-8e93-4c67e2a1b738-37445f84, #w-node-d1ebc3c1-afdf-548c-8e93-4c67e2a1b738-5dd98b6b, #w-node-_9509781e-29c1-4caf-a26e-3177f2cdb89b-321ab8bf, #w-node-d1ebc3c1-afdf-548c-8e93-4c67e2a1b738-83464868 {
        order: -9999;
    }

    #w-node-_529405dc-752c-0910-f0b1-77b756a5753c-78c0e86a, #w-node-_3e2e75ef-d321-41a9-72ee-ab6648d31269-78c0e86a, #w-node-a514179d-5569-0d59-857f-b1242060bc64-78c0e86a, #w-node-_51b42448-c75d-a825-246b-a186e9c33f04-78c0e86a, #w-node-ed6f841b-558b-2e88-ecd9-cb36ed66fcef-78c0e86a, #w-node-_1ce94720-4758-7919-fae9-1c90ee135078-78c0e86a, #w-node-_60faea00-a28b-9375-169f-6fdf61f3e805-78c0e86a, #w-node-de0043a6-f9cc-5c6a-8fb7-13dec0b1a773-78c0e86a, #w-node-af1fff40-6977-32c6-8ede-9425e3dd088e-78c0e86a, #w-node-_43d9262a-36f9-8435-1f49-08b60c311d9d-78c0e86a {
        grid-column: span 1/span 1;
    }
}
@font-face {
  font-family: 'Fa 400';
  src: url('fonts/671ddd9fd2f8732a74f40f99_fa-regular-400.ttf') format('truetype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Fa Brands 400';
  src: url('fonts/671ddd9f57ff4ac8d1cb6e98_fa-brands-400.ttf') format('truetype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Fa Solid 900';
  src: url('fonts/671ddd9f72d463d63b25ccff_fa-solid-900.ttf') format('truetype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Recoleta';
  src: url('fonts/674ed63368cbfdfbf6678a18_Recoleta-Light.ttf') format('truetype');
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Recoleta';
  src: url('fonts/674ed633ad445fc967ef3746_Recoleta-Black.ttf') format('truetype');
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Recoleta';
  src: url('fonts/674ed633f8c00f134e980635_Recoleta-Bold.ttf') format('truetype');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Recoleta';
  src: url('fonts/674ed633e4e0e2d0f7edb8b0_Recoleta-SemiBold.ttf') format('truetype');
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Recoleta';
  src: url('fonts/674ed6331ca3b15eccab8a23_Recoleta-Medium.ttf') format('truetype');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Instrumentserif';
  src: url('fonts/67596339420ff48fc30e2460_InstrumentSerif-Regular.ttf') format('truetype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Aeonik';
  src: url('fonts/67188a5d516585d805834765_Aeonik-Black.otf') format('opentype');
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Aeonik';
  src: url('fonts/67188a5ec8da27b3a7fd2416_Aeonik-Medium.otf') format('opentype');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Aeonik';
  src: url('fonts/67188a5efb9b4dadddf3a045_Aeonik-Light.otf') format('opentype');
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Aeonik';
  src: url('fonts/67188a5e1597b1ca929829d0_Aeonik-Regular.otf') format('opentype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Aeonik';
  src: url('fonts/67188a5e57fbee5bf1cd5039_Aeonik-Bold.otf') format('opentype');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Neuemachina';
  src: url('fonts/67188aa6a65126f4c0e01d18_NeueMachina-Regular.otf') format('opentype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Neuemachina';
  src: url('fonts/67188aa65af8a4f0021ed849_NeueMachina-Light.otf') format('opentype');
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Neuemachina';
  src: url('fonts/67188aa6a65126f4c0e01d4d_NeueMachina-Ultrabold.otf') format('opentype');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Recoleta';
  src: url('fonts/674ed6337211d00605aff9ec_recoleta-regulardemo.otf') format('opentype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

.fximg{width:0 !important;transition:all .75s;opacity:0;}
.fximg-in {width:100% !important;opacity:1;}
.imgvisible {width:100% !important;opacity:1;} 

.fxup {visibility: hidden;opacity:0;}
.fxup-in {-webkit-transform: translateY(55px); -moz-transform: translateY(55px); -ms-transform: translateY(55px); -o-transform: translateY(55px); transform: translateY(55px);
          -webkit-animation: fxup-in 0.85s ease forwards; -moz-animation: fxup-in 0.85s ease forwards; -ms-animation: fxup-in 0.85s ease forwards; -o-animation: fxup-in 0.85s ease forwards; animation: fxup-in 0.85s ease forwards;opacity: 0;}
.upvisible {-webkit-transform: translateY(55px); -moz-transform: translateY(55px); -ms-transform: translateY(55px); -o-transform: translateY(55px); transform: translateY(55px);
          -webkit-animation: fxup-in 0.85s ease forwards; -moz-animation: fxup-in 0.85s ease forwards; -ms-animation: fxup-in 0.85s ease forwards; -o-animation: fxup-in 0.85s ease forwards; animation: fxup-in 0.85s ease forwards;opacity: 0;} 
@-webkit-keyframes fxup-in {to {-webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0);opacity: 1;visibility: visible;}}
@-moz-keyframes fxup-in {to {-webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0);opacity: 1;visibility: visible;}}
@-o-keyframes fxup-in {to {-webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0);opacity: 1;visibility: visible;}}
@keyframes fxup-in {to {-webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0);opacity: 1;visibility: visible;}}

.fxdown{visibility: hidden;}
.fxdown-in {-webkit-transform: translateY(-25px); -moz-transform: translateY(-25px); -ms-transform: translateY(-25px); -o-transform: translateY(-25px); transform: translateY(-25px);
            -webkit-animation: fxdown-in 1s ease forwards; -moz-animation: fxdown-in 1s ease forwards; -ms-animation: fxdown-in 1s ease forwards; -o-animation: fxdown-in 1s ease forwards; animation: fxdown-in 1s ease forwards;opacity: 0;}
.downvisible {-webkit-transform: translateY(-25px); -moz-transform: translateY(-25px); -ms-transform: translateY(-25px); -o-transform: translateY(-25px); transform: translateY(-25px);
              -webkit-animation: fxdown-in 1s ease forwards; -moz-animation: fxdown-in 1s ease forwards; -ms-animation: fxdown-in 1s ease forwards; -o-animation: fxdown-in 1s ease forwards; animation: fxdown-in 1s ease forwards;opacity: 0;} 
@-webkit-key
.fximg{width:0 !important;transition:all .75s;opacity:0;}
.fximg-in {width:100% !important;opacity:1;}
.imgvisible {width:100% !important;opacity:1;} 

.fxup, .fxup-slider, .fxup-slider-l {visibility: hidden;}
.fxup-in {-webkit-transform: translateY(25px); -moz-transform: translateY(25px); -ms-transform: translateY(25px); -o-transform: translateY(25px); transform: translateY(25px);
          -webkit-animation: fxup-in 1s ease forwards; -moz-animation: fxup-in 1s ease forwards; -ms-animation: fxup-in 1s ease forwards; -o-animation: fxup-in 1s ease forwards; animation: fxup-in 1s ease forwards;opacity: 0;}
.upvisible {-webkit-transform: translateY(25px); -moz-transform: translateY(25px); -ms-transform: translateY(25px); -o-transform: translateY(25px); transform: translateY(25px);
          -webkit-animation: fxup-in 1s ease forwards; -moz-animation: fxup-in 1s ease forwards; -ms-animation: fxup-in 1s ease forwards; -o-animation: fxup-in 1s ease forwards; animation: fxup-in 1s ease forwards;opacity: 0;} 
@-webkit-keyframes fxup-in {to {-webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0);opacity: 1;visibility: visible;}}
@-moz-keyframes fxup-in {to {-webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0);opacity: 1;visibility: visible;}}
@-o-keyframes fxup-in {to {-webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0);opacity: 1;visibility: visible;}}
@keyframes fxup-in {to {-webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0);opacity: 1;visibility: visible;}}

.fxdown, .fxdown-slider, .fxdown-slider-l{visibility: hidden;}
.fxdown-in {-webkit-transform: translateY(-25px); -moz-transform: translateY(-25px); -ms-transform: translateY(-25px); -o-transform: translateY(-25px); transform: translateY(-25px);
            -webkit-animation: fxdown-in 1s ease forwards; -moz-animation: fxdown-in 1s ease forwards; -ms-animation: fxdown-in 1s ease forwards; -o-animation: fxdown-in 1s ease forwards; animation: fxdown-in 1s ease forwards;opacity: 0;}
.downvisible {-webkit-transform: translateY(-25px); -moz-transform: translateY(-25px); -ms-transform: translateY(-25px); -o-transform: translateY(-25px); transform: translateY(-25px);
              -webkit-animation: fxdown-in 1s ease forwards; -moz-animation: fxdown-in 1s ease forwards; -ms-animation: fxdown-in 1s ease forwards; -o-animation: fxdown-in 1s ease forwards; animation: fxdown-in 1s ease forwards;opacity: 0;} 
@-webkit-keyframes fxdown-in {to {-webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0);opacity: 1;visibility: visible;}}
@-moz-keyframes fxdown-in {to {-webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0);opacity: 1;visibility: visible;}}
@-o-keyframes fxdown-in {to {-webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0);opacity: 1;visibility: visible;}}
@keyframes fxdown-in {to {-webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0);opacity: 1;visibility: visible;}}
 
.fxleft, .fxleft-slider, .fxleft-slider-l{visibility: hidden;}
.fxleft-in {-webkit-transform: translateX(25px); -moz-transform: translateX(25px); -ms-transform: translateX(25px); -o-transform: translateX(25px); transform: translateX(25px);
            -webkit-animation: fxleft-in 1s ease forwards; -moz-animation: fxleft-in 1s ease forwards; -ms-animation: fxleft-in 1s ease forwards; -o-animation: fxleft-in 1s ease forwards; animation: fxleft-in 1s ease forwards;opacity: 0;}
.leftvisible {-webkit-transform: translateX(25px); -moz-transform: translateX(25px); -ms-transform: translateX(25px); -o-transform: translateX(25px); transform: translateX(25px);
              -webkit-animation: fxleft-in 1s ease forwards; -moz-animation: fxleft-in 1s ease forwards; -ms-animation: fxleft-in 1s ease forwards; -o-animation: fxleft-in 1s ease forwards; animation: fxleft-in 1s ease forwards;opacity: 0;} 
@-webkit-keyframes fxleft-in {to {-webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0);opacity: 1;visibility: visible;}}
@-moz-keyframes fxleft-in {to {-webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0);opacity: 1;visibility: visible;}}
@-o-keyframes fxleft-in {to {-webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0);opacity: 1;visibility: visible;}}
@keyframes fxleft-in {to {-webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0);opacity: 1;visibility: visible;}}

.fxright, .fxright-slider, .fxright-slider-l{visibility: hidden;}
.fxright-in {-webkit-transform: translateX(-25px); -moz-transform: translateX(-25px); -ms-transform: translateX(-25px); -o-transform: translateX(-25px); transform: translateX(-25px);
             -webkit-animation: fxright-in 1s ease forwards; -moz-animation: fxright-in 1s ease forwards; -ms-animation: fxright-in 1s ease forwards; -o-animation: fxright-in 1s ease forwards; animation: fxright-in 1s ease forwards;opacity: 0;}
.rightvisible {-webkit-transform: translateX(-25px); -moz-transform: translateX(-25px); -ms-transform: translateX(-25px); -o-transform: translateX(-25px); transform: translateX(-25px);
               -webkit-animation: fxright-in 1s ease forwards; -moz-animation: fxright-in 1s ease forwards; -ms-animation: fxright-in 1s ease forwards; -o-animation: fxright-in 1s ease forwards; animation: fxright-in 1s ease forwards;opacity: 0;} 
@-webkit-keyframes fxright-in {to {-webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0);opacity: 1;visibility: visible;}}
@-moz-keyframes fxright-in {to {-webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0);opacity: 1;visibility: visible;}}
@-o-keyframes fxright-in {to {-webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0);opacity: 1;visibility: visible;}}
@keyframes fxright-in {to {-webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0);opacity: 1;visibility: visible;}} 

.fxfade, .fxfade-slider, .fxfade-slider-l{visibility: hidden;opacity:0;transition:opacity 1s;}
.fxfade-in {opacity: 1;visibility: visible;}
.fadevisible {visibility: visible;opacity:1;} 

.fxzoom{-ms-transform: scale(1.2) !important;transform: scale(1.2) !important;transition:all 1s;transform-origin: center left;}
.fxzoom-in{-ms-transform: scale(1) !important;transform: scale(1) !important;}
.fxzoomvisible{-ms-transform: scale(1) !important;transform: scale(1) !important;}