/*! Theme Name: Compunnel 
Author: Moinuddin Khan 
Author URI:  
Theme URI: 
Version: 1.0   
Text Domain: material-for-coders License: GNU General Public License v2 or later 
License URI: http://opensource.org/licenses/MIT 
Tags: one-column, custom-menu, editor-style, featured-images,threaded-comments, one-column, two-columns, right-sidebar 
Description: Compunnel theme for wordpress. */
/*! * Bootstrap v5.0.2 (http://getbootstrap.com) * Copyright 2011-2021 Twitter, Inc. * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE) */
/*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */

:root {
    --primaryColor: rgba(0, 80, 239, 1);
    --white: #ffffff;
    --normalFontSize: 1.25rem;
    /* 20px */
    --normalLineHeight: 2rem;
    /* 28px */
    --normalFontColor: #000000;
    --footerTextColor: #ffffff;
    --boxShadow: 0px 7px 20px rgb(0 0 0 / 5%);
    --magentaColor: #912B88;
    --blueColor: #3384F2;
    --goldColor: #D7960B;;
    --tealColor: #138CAD;
    --redColor: #E64917;
}

html {
    font-family: sans-serif;
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%;
    font-size: 16px;
    -webkit-tap-highlight-color: transparent
}

body {
    margin: 0;
    padding: 0;
    font-family: 'Lato', sans-serif;
    font-size: var(--normalFontSize);
    line-height: 1.42857;
    color: var(--normalFontColor);
    background-color: #fff
}

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

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

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

[hidden],
template {
    display: none
}

a {
    background-color: transparent
}

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

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

b,
strong {
    font-weight: 600
}

dfn {
    font-style: italic
}

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

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

small {
    font-size: 80%
}

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

sup {
    top: -0.5em
}

sub {
    bottom: -0.25em
}

img {
    border: 0
}

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

figure {
    margin: 1em 40px
}

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

pre {
    overflow: auto
}

code,
kbd,
pre,
samp {
    font-family: monospace, 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"],
input[type="submit"] {
    -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: textfield;
    box-sizing: content-box
}

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

fieldset {
    border: 1px solid #c0c0c0;
    margin: 0 2px;
    padding: 0.35em 0.625em 0.75em
}

legend {
    border: 0;
    padding: 0
}

textarea {
    overflow: auto
}

optgroup {
    font-weight: bold
}

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

td,
th {
    padding: 0
}

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

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

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

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

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

/*! Source: https://github.com/h5bp/html5-boilerplate/blob/master/src/css/main.css */
@media print {

    *,
    *:before,
    *:after {
        background: transparent !important;
        color: #000 !important;
        box-shadow: none !important;
        text-shadow: none !important
    }

    a,
    a:visited {
        text-decoration: underline
    }

    a[href]:after {
        content: " ("attr(href) ")"
    }

    abbr[title]:after {
        content: " ("attr(title) ")"
    }

    a[href^="#"]:after,
    a[href^="javascript:"]:after {
        content: ""
    }

    pre,
    blockquote {
        border: 1px solid #999;
        page-break-inside: avoid
    }

    thead {
        display: table-header-group
    }

    tr,
    img {
        page-break-inside: avoid
    }

    img {
        max-width: 100% !important
    }

    p,
    h2,
    h3 {
        orphans: 3;
        widows: 3
    }

    h2,
    h3 {
        page-break-after: avoid
    }

    .btn>.caret,
    input[type=submit]>.caret,
    .dropup>.btn>.caret,
    .dropup>input[type=submit]>.caret {
        border-top-color: #000 !important
    }

    .label {
        border: 1px solid #000
    }

    .table {
        border-collapse: collapse !important
    }

    .table td,
    .table th {
        background-color: #fff !important
    }

    .table-bordered th,
    .table-bordered td {
        border: 1px solid #ddd !important
    }
}

* {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

*:before,
*:after {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

input,
button,
select,
textarea {
    font-family: inherit;
    font-size: inherit;
    line-height: inherit
}

a {
    color: #337ab7;
    text-decoration: none
}

a:hover,
a:focus {
    color: #23527c;
    text-decoration: underline
}

a:focus {
    outline: thin dotted;
    outline: 5px auto -webkit-focus-ring-color;
    outline-offset: -2px
}

figure {
    margin: 0
}

img {
    vertical-align: middle
}

.img img {
    max-width: 100% !important
}

.img-responsive {
    display: block;
    max-width: 100%;
    height: auto
}

.img-rounded {
    border-radius: 6px
}

.img-thumbnail {
    padding: 4px;
    line-height: 1.42857;
    background-color: #fff;
    border: 1px solid #ddd;
    border-radius: 4px;
    -webkit-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
    display: inline-block;
    max-width: 100%;
    height: auto
}

.img-circle {
    border-radius: 50%
}

hr {
    margin-top: 20px;
    margin-bottom: 20px;
    border: 0;
    border-top: 1px solid #eee
}

.sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    border: 0
}

.sr-only-focusable:active,
.sr-only-focusable:focus {
    position: static;
    width: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    clip: auto
}

[role="button"] {
    cursor: pointer
}

h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6 {
    font-family: inherit;
    font-weight: 400;
    line-height: 1.1;
    color: inherit
}

h1 small,
h1 .small,
h2 small,
h2 .small,
h3 small,
h3 .small,
h4 small,
h4 .small,
h5 small,
h5 .small,
h6 small,
h6 .small,
.h1 small,
.h1 .small,
.h2 small,
.h2 .small,
.h3 small,
.h3 .small,
.h4 small,
.h4 .small,
.h5 small,
.h5 .small,
.h6 small,
.h6 .small {
    font-weight: normal;
    line-height: 1;
    color: #777
}

h1,
.h1,
h2,
.h2,
h3,
.h3 {
    margin-top: 20px;
    margin-bottom: 10px
}

h1 small,
h1 .small,
.h1 small,
.h1 .small,
h2 small,
h2 .small,
.h2 small,
.h2 .small,
h3 small,
h3 .small,
.h3 small,
.h3 .small {
    font-size: 65%
}

h4,
.h4,
h5,
.h5,
h6,
.h6 {
    margin-top: 10px;
    margin-bottom: 10px
}

h4 small,
h4 .small,
.h4 small,
.h4 .small,
h5 small,
h5 .small,
.h5 small,
.h5 .small,
h6 small,
h6 .small,
.h6 small,
.h6 .small {
    font-size: 75%
}

h1,
.h1 {
    font-size: 36px
}

h2,
.h2 {
    font-size: 30px
}

h3,
.h3 {
    font-size: 24px
}

h4,
.h4 {
    font-size: 24px
}

h5,
.h5 {
    font-size: 24px
}

h6,
.h6 {
    font-size: 22px
}

p {
    margin: 0 0 10px;
    font-weight: 400;
}

.lead {
    margin-bottom: 20px;
    font-size: 16px;
    font-weight: 400;
    line-height: 1.4
}

@media (min-width: 768px) {
    .lead {
        font-size: 21px
    }
}

small,
.small {
    font-size: 85%
}

mark,
.mark {
    background-color: #fcf8e3;
    padding: .2em
}

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

ul ul,
ul ol,
ol ul,
ol ol {
    margin-bottom: 0
}

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

.list-inline {
    padding-left: 0;
    list-style: none;
    margin-left: -5px
}

.list-inline>li {
    display: inline-block;
    padding-left: 5px;
    padding-right: 5px
}

.context.list-inline>li {
    font-weight: 400;
}

dl {
    margin-top: 0;
    margin-bottom: 20px
}

dt,
dd {
    line-height: 1.42857
}

dt {
    font-weight: bold
}

dd {
    margin-left: 0
}

.dl-horizontal dd:before,
.dl-horizontal dd:after {
    content: " ";
    display: table
}

.dl-horizontal dd:after {
    clear: both
}

@media (min-width: 768px) {
    .dl-horizontal dt {
        float: left;
        width: 160px;
        clear: left;
        text-align: right;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap
    }

    .dl-horizontal dd {
        margin-left: 180px
    }
}

abbr[title],
abbr[data-original-title] {
    cursor: help;
    border-bottom: 1px dotted #777
}

.initialism {
    font-size: 90%
}

address {
    margin-bottom: 20px;
    font-style: normal;
    line-height: 1.42857
}

code,
kbd,
pre,
samp {
    font-family: Menlo, Monaco, Consolas, "Courier New", monospace
}

code {
    padding: 2px 4px;
    font-size: 90%;
    color: #c7254e;
    background-color: #f9f2f4;
    border-radius: 4px
}

pre {
    display: block;
    padding: 9.5px;
    margin: 0 0 10px;
    font-size: 13px;
    line-height: 1.42857;
    word-break: break-all;
    word-wrap: break-word;
    color: #333;
    background-color: #f5f5f5;
    border: 1px solid #ccc;
    border-radius: 4px
}

pre code {
    padding: 0;
    font-size: inherit;
    color: inherit;
    white-space: pre-wrap;
    background-color: transparent;
    border-radius: 0
}

.pre-scrollable {
    max-height: 340px;
    overflow-y: scroll
}


table {
    background-color: transparent
}

caption {
    padding-top: 8px;
    padding-bottom: 8px;
    color: #777;
    text-align: left
}

th {
    text-align: left
}

.table {
    width: 100%;
    max-width: 100%;
    margin-bottom: 20px
}

.table>thead>tr>th,
.table>thead>tr>td,
.table>tbody>tr>th,
.table>tbody>tr>td,
.table>tfoot>tr>th,
.table>tfoot>tr>td {
    padding: 8px;
    line-height: 1.42857;
    vertical-align: top;
    border-top: 1px solid #ddd
}

.table>thead>tr>th {
    vertical-align: bottom;
    border-bottom: 2px solid #ddd
}

.table>caption+thead>tr:first-child>th,
.table>caption+thead>tr:first-child>td,
.table>colgroup+thead>tr:first-child>th,
.table>colgroup+thead>tr:first-child>td,
.table>thead:first-child>tr:first-child>th,
.table>thead:first-child>tr:first-child>td {
    border-top: 0
}

.table>tbody+tbody {
    border-top: 2px solid #ddd
}

.table .table {
    background-color: #fff
}

.table-condensed>thead>tr>th,
.table-condensed>thead>tr>td,
.table-condensed>tbody>tr>th,
.table-condensed>tbody>tr>td,
.table-condensed>tfoot>tr>th,
.table-condensed>tfoot>tr>td {
    padding: 5px
}

.table-bordered {
    border: 1px solid #ddd
}

.table-bordered>thead>tr>th,
.table-bordered>thead>tr>td,
.table-bordered>tbody>tr>th,
.table-bordered>tbody>tr>td,
.table-bordered>tfoot>tr>th,
.table-bordered>tfoot>tr>td {
    border: 1px solid #ddd
}

.table-bordered>thead>tr>th,
.table-bordered>thead>tr>td {
    border-bottom-width: 2px
}

.table-striped>tbody>tr:nth-of-type(odd) {
    background-color: #f9f9f9
}

.table-hover>tbody>tr:hover {
    background-color: #f5f5f5
}

table col[class*="col-"] {
    position: static;
    float: none;
    display: table-column
}

table td[class*="col-"],
table th[class*="col-"] {
    position: static;
    float: none;
    display: table-cell
}

.table>thead>tr>td.active,
.table>thead>tr>th.active,
.table>thead>tr.active>td,
.table>thead>tr.active>th,
.table>tbody>tr>td.active,
.table>tbody>tr>th.active,
.table>tbody>tr.active>td,
.table>tbody>tr.active>th,
.table>tfoot>tr>td.active,
.table>tfoot>tr>th.active,
.table>tfoot>tr.active>td,
.table>tfoot>tr.active>th {
    background-color: #f5f5f5
}

.table-hover>tbody>tr>td.active:hover,
.table-hover>tbody>tr>th.active:hover,
.table-hover>tbody>tr.active:hover>td,
.table-hover>tbody>tr:hover>.active,
.table-hover>tbody>tr.active:hover>th {
    background-color: #e8e8e8
}

.table>thead>tr>td.success,
.table>thead>tr>th.success,
.table>thead>tr.success>td,
.table>thead>tr.success>th,
.table>tbody>tr>td.success,
.table>tbody>tr>th.success,
.table>tbody>tr.success>td,
.table>tbody>tr.success>th,
.table>tfoot>tr>td.success,
.table>tfoot>tr>th.success,
.table>tfoot>tr.success>td,
.table>tfoot>tr.success>th {
    background-color: #dff0d8
}

.table-hover>tbody>tr>td.success:hover,
.table-hover>tbody>tr>th.success:hover,
.table-hover>tbody>tr.success:hover>td,
.table-hover>tbody>tr:hover>.success,
.table-hover>tbody>tr.success:hover>th {
    background-color: #d0e9c6
}

.table>thead>tr>td.info,
.table>thead>tr>th.info,
.table>thead>tr.info>td,
.table>thead>tr.info>th,
.table>tbody>tr>td.info,
.table>tbody>tr>th.info,
.table>tbody>tr.info>td,
.table>tbody>tr.info>th,
.table>tfoot>tr>td.info,
.table>tfoot>tr>th.info,
.table>tfoot>tr.info>td,
.table>tfoot>tr.info>th {
    background-color: #d9edf7
}

.table-hover>tbody>tr>td.info:hover,
.table-hover>tbody>tr>th.info:hover,
.table-hover>tbody>tr.info:hover>td,
.table-hover>tbody>tr:hover>.info,
.table-hover>tbody>tr.info:hover>th {
    background-color: #c4e3f3
}

.table>thead>tr>td.warning,
.table>thead>tr>th.warning,
.table>thead>tr.warning>td,
.table>thead>tr.warning>th,
.table>tbody>tr>td.warning,
.table>tbody>tr>th.warning,
.table>tbody>tr.warning>td,
.table>tbody>tr.warning>th,
.table>tfoot>tr>td.warning,
.table>tfoot>tr>th.warning,
.table>tfoot>tr.warning>td,
.table>tfoot>tr.warning>th {
    background-color: #fcf8e3
}

.table-hover>tbody>tr>td.warning:hover,
.table-hover>tbody>tr>th.warning:hover,
.table-hover>tbody>tr.warning:hover>td,
.table-hover>tbody>tr:hover>.warning,
.table-hover>tbody>tr.warning:hover>th {
    background-color: #faf2cc
}

.table>thead>tr>td.danger,
.table>thead>tr>th.danger,
.table>thead>tr.danger>td,
.table>thead>tr.danger>th,
.table>tbody>tr>td.danger,
.table>tbody>tr>th.danger,
.table>tbody>tr.danger>td,
.table>tbody>tr.danger>th,
.table>tfoot>tr>td.danger,
.table>tfoot>tr>th.danger,
.table>tfoot>tr.danger>td,
.table>tfoot>tr.danger>th {
    background-color: #f2dede
}

.table-hover>tbody>tr>td.danger:hover,
.table-hover>tbody>tr>th.danger:hover,
.table-hover>tbody>tr.danger:hover>td,
.table-hover>tbody>tr:hover>.danger,
.table-hover>tbody>tr.danger:hover>th {
    background-color: #ebcccc
}

.table-responsive {
    overflow-x: auto;
    min-height: 0.01%
}

@media screen and (max-width: 767px) {
    .table-responsive {
        width: 100%;
        margin-bottom: 15px;
        overflow-y: hidden;
        -ms-overflow-style: -ms-autohiding-scrollbar;
        border: 1px solid #ddd
    }

    .table-responsive>.table {
        margin-bottom: 0
    }

    .table-responsive>.table>thead>tr>th,
    .table-responsive>.table>thead>tr>td,
    .table-responsive>.table>tbody>tr>th,
    .table-responsive>.table>tbody>tr>td,
    .table-responsive>.table>tfoot>tr>th,
    .table-responsive>.table>tfoot>tr>td {
        white-space: nowrap
    }

    .table-responsive>.table-bordered {
        border: 0
    }

    .table-responsive>.table-bordered>thead>tr>th:first-child,
    .table-responsive>.table-bordered>thead>tr>td:first-child,
    .table-responsive>.table-bordered>tbody>tr>th:first-child,
    .table-responsive>.table-bordered>tbody>tr>td:first-child,
    .table-responsive>.table-bordered>tfoot>tr>th:first-child,
    .table-responsive>.table-bordered>tfoot>tr>td:first-child {
        border-left: 0
    }

    .table-responsive>.table-bordered>thead>tr>th:last-child,
    .table-responsive>.table-bordered>thead>tr>td:last-child,
    .table-responsive>.table-bordered>tbody>tr>th:last-child,
    .table-responsive>.table-bordered>tbody>tr>td:last-child,
    .table-responsive>.table-bordered>tfoot>tr>th:last-child,
    .table-responsive>.table-bordered>tfoot>tr>td:last-child {
        border-right: 0
    }

    .table-responsive>.table-bordered>tbody>tr:last-child>th,
    .table-responsive>.table-bordered>tbody>tr:last-child>td,
    .table-responsive>.table-bordered>tfoot>tr:last-child>th,
    .table-responsive>.table-bordered>tfoot>tr:last-child>td {
        border-bottom: 0
    }

}

fieldset {
    padding: 0;
    margin: 0;
    border: 0;
    min-width: 0
}

legend {
    display: block;
    width: 100%;
    padding: 0;
    margin-bottom: 20px;
    font-size: 21px;
    line-height: inherit;
    color: #333;
    border: 0;
    border-bottom: 1px solid #e5e5e5
}

label {
    display: inline-block;
    max-width: 100%;
    margin-bottom: 5px;
    font-weight: bold
}

input[type="search"] {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

input[type="radio"],
input[type="checkbox"] {
    margin: 4px 0 0;
    margin-top: 1px \9;
    line-height: normal
}

input[type="file"] {
    display: block
}

input[type="range"] {
    display: block;
    width: 100%
}

select[multiple],
select[size] {
    height: auto
}

input[type="file"]:focus,
input[type="radio"]:focus,
input[type="checkbox"]:focus {
    outline: thin dotted;
    outline: 5px auto -webkit-focus-ring-color;
    outline-offset: -2px
}

output {
    display: block;
    padding-top: 7px;
    font-size: 14px;
    line-height: 1.42857;
    color: #555
}

.form-control,
input[type=text],
input[type=email],
input[type=search],
input[type=password],
input[type=tel],
select,
textarea {
    display: block;
    width: 100%;
    height: 34px;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857;
    color: #555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    -webkit-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
    -o-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
    transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s
}

.form-control:focus,
input[type=text]:focus,
input[type=email]:focus,
input[type=search]:focus,
input[type=password]:focus,
select:focus,
input[type=tel]:focus,
textarea:focus {
    border-color: #66afe9;
    outline: 0;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6)
}

.form-control::-moz-placeholder,
input[type=text]::-moz-placeholder,
input[type=email]::-moz-placeholder,
input[type=search]::-moz-placeholder,
input[type=password]::-moz-placeholder,
input[type=tel]::-moz-placeholder,
select::-moz-placeholder,
textarea::-moz-placeholder {
    color: #999;
    opacity: 1
}

.form-control:-ms-input-placeholder,
input[type=text]:-ms-input-placeholder,
input[type=email]:-ms-input-placeholder,
input[type=search]:-ms-input-placeholder,
input[type=password]:-ms-input-placeholder,
input[type=tel]:-ms-input-placeholder,
select:-ms-input-placeholder,
textarea:-ms-input-placeholder {
    color: #999
}

.form-control::-webkit-input-placeholder,
input[type=text]::-webkit-input-placeholder,
input[type=email]::-webkit-input-placeholder,
input[type=search]::-webkit-input-placeholder,
input[type=password]::-webkit-input-placeholder,
input[type=tel]::-webkit-input-placeholder,
select::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {
    color: #999
}

.form-control::-ms-expand,
input[type=text]::-ms-expand,
input[type=email]::-ms-expand,
input[type=search]::-ms-expand,
input[type=password]::-ms-expand,
select::-ms-expand,
textarea::-ms-expand {
    border: 0;
    background-color: transparent
}

.form-control[disabled],
input[disabled][type=text],
input[disabled][type=email],
input[disabled][type=search],
input[disabled][type=password],
select[disabled],
textarea[disabled],
.form-control[readonly],
input[readonly][type=text],
input[readonly][type=email],
input[readonly][type=search],
input[readonly][type=password],
select[readonly],
textarea[readonly],
fieldset[disabled] .form-control,
fieldset[disabled] input[type=text],
fieldset[disabled] input[type=email],
fieldset[disabled] input[type=search],
fieldset[disabled] input[type=password],
fieldset[disabled] select,
fieldset[disabled] textarea {
    background-color: #eee;
    opacity: 1
}

.form-control[disabled],
input[disabled][type=text],
input[disabled][type=email],
input[disabled][type=search],
input[disabled][type=password],
select[disabled],
textarea[disabled],
fieldset[disabled] .form-control,
fieldset[disabled] input[type=text],
fieldset[disabled] input[type=email],
fieldset[disabled] input[type=search],
fieldset[disabled] input[type=password],
fieldset[disabled] input[type=tel],
fieldset[disabled] select,
fieldset[disabled] textarea {
    cursor: not-allowed
}

textarea.form-control,
textarea {
    height: auto
}

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

@media screen and (-webkit-min-device-pixel-ratio: 0) {

    input[type="date"].form-control,
    input[type="date"][type=text],
    input[type="date"][type=email],
    input[type="date"][type=search],
    input[type="date"][type=password],
    input[type="time"].form-control,
    input[type="time"][type=text],
    input[type="time"][type=email],
    input[type="time"][type=search],
    input[type="time"][type=password],
    input[type="datetime-local"].form-control,
    input[type="datetime-local"][type=text],
    input[type="datetime-local"][type=email],
    input[type="datetime-local"][type=search],
    input[type="datetime-local"][type=password],
    input[type="month"].form-control,
    input[type="month"][type=text],
    input[type="month"][type=email],
    input[type="month"][type=search],
    input[type="month"][type=password] {
        line-height: 34px
    }

    input[type="date"].input-sm,
    .input-group-sm>input[type="date"].form-control,
    .input-group-sm>input[type="date"][type=text],
    .input-group-sm>input[type="date"][type=email],
    .input-group-sm>input[type="date"][type=search],
    .input-group-sm>input[type="date"][type=password],
    .input-group-sm>input[type="date"].input-group-addon,
    .input-group-sm>.input-group-btn>input[type="date"].btn,
    .input-group-sm>.input-group-btn>input[type="date"][type=submit],
    .input-group-sm input[type="date"],
    input[type="time"].input-sm,
    .input-group-sm>input[type="time"].form-control,
    .input-group-sm>input[type="time"][type=text],
    .input-group-sm>input[type="time"][type=email],
    .input-group-sm>input[type="time"][type=search],
    .input-group-sm>input[type="time"][type=password],
    .input-group-sm>input[type="time"].input-group-addon,
    .input-group-sm>.input-group-btn>input[type="time"].btn,
    .input-group-sm>.input-group-btn>input[type="time"][type=submit],
    .input-group-sm input[type="time"],
    input[type="datetime-local"].input-sm,
    .input-group-sm>input[type="datetime-local"].form-control,
    .input-group-sm>input[type="datetime-local"][type=text],
    .input-group-sm>input[type="datetime-local"][type=email],
    .input-group-sm>input[type="datetime-local"][type=search],
    .input-group-sm>input[type="datetime-local"][type=password],
    .input-group-sm>input[type="datetime-local"].input-group-addon,
    .input-group-sm>.input-group-btn>input[type="datetime-local"].btn,
    .input-group-sm>.input-group-btn>input[type="datetime-local"][type=submit],
    .input-group-sm input[type="datetime-local"],
    input[type="month"].input-sm,
    .input-group-sm>input[type="month"].form-control,
    .input-group-sm>input[type="month"][type=text],
    .input-group-sm>input[type="month"][type=email],
    .input-group-sm>input[type="month"][type=search],
    .input-group-sm>input[type="month"][type=password],
    .input-group-sm>input[type="month"].input-group-addon,
    .input-group-sm>.input-group-btn>input[type="month"].btn,
    .input-group-sm>.input-group-btn>input[type="month"][type=submit],
    .input-group-sm input[type="month"] {
        line-height: 30px
    }

    input[type="date"].input-lg,
    .input-group-lg>input[type="date"].form-control,
    .input-group-lg>input[type="date"][type=text],
    .input-group-lg>input[type="date"][type=email],
    .input-group-lg>input[type="date"][type=search],
    .input-group-lg>input[type="date"][type=password],
    .input-group-lg>input[type="date"].input-group-addon,
    .input-group-lg>.input-group-btn>input[type="date"].btn,
    .input-group-lg>.input-group-btn>input[type="date"][type=submit],
    .input-group-lg input[type="date"],
    input[type="time"].input-lg,
    .input-group-lg>input[type="time"].form-control,
    .input-group-lg>input[type="time"][type=text],
    .input-group-lg>input[type="time"][type=email],
    .input-group-lg>input[type="time"][type=search],
    .input-group-lg>input[type="time"][type=password],
    .input-group-lg>input[type="time"].input-group-addon,
    .input-group-lg>.input-group-btn>input[type="time"].btn,
    .input-group-lg>.input-group-btn>input[type="time"][type=submit],
    .input-group-lg input[type="time"],
    input[type="datetime-local"].input-lg,
    .input-group-lg>input[type="datetime-local"].form-control,
    .input-group-lg>input[type="datetime-local"][type=text],
    .input-group-lg>input[type="datetime-local"][type=email],
    .input-group-lg>input[type="datetime-local"][type=search],
    .input-group-lg>input[type="datetime-local"][type=password],
    .input-group-lg>input[type="datetime-local"].input-group-addon,
    .input-group-lg>.input-group-btn>input[type="datetime-local"].btn,
    .input-group-lg>.input-group-btn>input[type="datetime-local"][type=submit],
    .input-group-lg input[type="datetime-local"],
    input[type="month"].input-lg,
    .input-group-lg>input[type="month"].form-control,
    .input-group-lg>input[type="month"][type=text],
    .input-group-lg>input[type="month"][type=email],
    .input-group-lg>input[type="month"][type=search],
    .input-group-lg>input[type="month"][type=password],
    .input-group-lg>input[type="month"].input-group-addon,
    .input-group-lg>.input-group-btn>input[type="month"].btn,
    .input-group-lg>.input-group-btn>input[type="month"][type=submit],
    .input-group-lg input[type="month"] {
        line-height: 46px
    }
}

input[type="submit"].btn-block,
input[type="reset"].btn-block,
input[type="button"].btn-block {
    width: 100%
}

.fade {
    opacity: 0;
    -webkit-transition: opacity 0.15s linear;
    -o-transition: opacity 0.15s linear;
    transition: opacity 0.15s linear
}

.fade.in {
    opacity: 1
}

.modal.fade {
    opacity: 1;
}

.collapse {
    display: none
}

.collapse.in {
    display: block
}

tr.collapse.in {
    display: table-row
}

tbody.collapse.in {
    display: table-row-group
}

.collapsing {
    position: relative;
    height: 0;
    overflow: hidden;
    -webkit-transition-property: height, visibility;
    transition-property: height, visibility;
    -webkit-transition-duration: 0.35s;
    transition-duration: 0.35s;
    -webkit-transition-timing-function: ease;
    transition-timing-function: ease
}

.caret {
    display: inline-block;
    width: 0;
    height: 0;
    margin-left: 2px;
    vertical-align: middle;
    border-top: 4px dashed;
    border-top: 4px solid \9;
    border-right: 4px solid transparent;
    border-left: 4px solid transparent
}

.dropup,
.dropdown {
    position: relative
}

.dropdown-toggle:focus {
    outline: 0
}

.dropdown-menu {
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 1000;
    display: none;
    float: left;
    min-width: 160px;
    padding: 5px 0;
    margin: 2px 0 0;
    list-style: none;
    font-size: 14px;
    text-align: left;
    background-color: #fff;
    border: 1px solid #ccc;
    border: 1px solid rgba(0, 0, 0, 0.15);
    border-radius: 4px;
    -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
    box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
    background-clip: padding-box
}

.dropdown-menu.pull-right {
    right: 0;
    left: auto
}

.dropdown-menu .divider {
    height: 1px;
    margin: 9px 0;
    overflow: hidden;
    background-color: #e5e5e5
}

.dropdown-menu>li>a {
    display: block;
    padding: 3px 20px;
    clear: both;
    font-weight: normal;
    line-height: 1.42857;
    color: #333;
    white-space: nowrap
}

.dropdown-menu>li>a:hover,
.dropdown-menu>li>a:focus {
    text-decoration: none;
    color: #262626;
    background-color: #f5f5f5
}

.dropdown-menu>.active>a,
.dropdown-menu>.active>a:hover,
.dropdown-menu>.active>a:focus {
    color: #fff;
    text-decoration: none;
    outline: 0;
    background-color: #337ab7
}

.dropdown-menu>.disabled>a,
.dropdown-menu>.disabled>a:hover,
.dropdown-menu>.disabled>a:focus {
    color: #777
}

.dropdown-menu>.disabled>a:hover,
.dropdown-menu>.disabled>a:focus {
    text-decoration: none;
    background-color: transparent;
    background-image: none;
    filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
    cursor: not-allowed
}

.open>.dropdown-menu {
    display: block
}

.open>a {
    outline: 0
}

.dropdown-menu-right {
    left: auto;
    right: 0
}

.dropdown-menu-left {
    left: 0;
    right: auto
}

.dropdown-header {
    display: block;
    padding: 3px 20px;
    font-size: 12px;
    line-height: 1.42857;
    color: #777;
    white-space: nowrap
}

.dropdown-backdrop {
    position: fixed;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    z-index: 990
}

.pull-right>.dropdown-menu {
    right: 0;
    left: auto
}

.dropup .caret,
.navbar-fixed-bottom .dropdown .caret {
    border-top: 0;
    border-bottom: 4px dashed;
    border-bottom: 4px solid \9;
    content: ""
}

.dropup .dropdown-menu,
.navbar-fixed-bottom .dropdown .dropdown-menu {
    top: auto;
    bottom: 100%;
    margin-bottom: 2px
}

@media (min-width: 768px) {
    .navbar-right .dropdown-menu {
        right: 0;
        left: auto
    }

    .navbar-right .dropdown-menu-left {
        left: 0;
        right: auto
    }
    .n2-ss-slider .n2-ss-layer {
        margin-top: 25px;
    }
}


.input-group {
    position: relative;
    display: table;
    border-collapse: separate
}

.input-group[class*="col-"] {
    float: none;
    padding-left: 0;
    padding-right: 0
}

.nav {
    margin-bottom: 0;
    padding-left: 0;
    list-style: none
}

.nav:before,
.nav:after {
    content: " ";
    display: table
}

.nav:after {
    clear: both
}

.nav>li {
    position: relative;
    display: block
}

.nav>li>a {
    position: relative;
    display: block;
    padding: 10px 15px
}

.nav>li>a:hover,
.nav>li>a:focus {
    text-decoration: none;
    background-color: #eee
}

.nav>li.disabled>a {
    color: #777
}

.nav>li.disabled>a:hover,
.nav>li.disabled>a:focus {
    color: #777;
    text-decoration: none;
    background-color: transparent;
    cursor: not-allowed
}

.nav .open>a,
.nav .open>a:hover,
.nav .open>a:focus {
    background-color: #eee;
    border-color: #337ab7
}

.nav .nav-divider {
    height: 1px;
    margin: 9px 0;
    overflow: hidden;
    background-color: #e5e5e5
}

.nav>li>a>img {
    max-width: none
}

.nav-tabs {
    border-bottom: 1px solid #ddd
}

.nav-tabs>li {
    float: left;
    margin-bottom: -1px
}

.nav-tabs>li>a {
    margin-right: 2px;
    line-height: 1.42857;
    border: 1px solid transparent;
    border-radius: 4px 4px 0 0
}

.nav-tabs>li>a:hover {
    border-color: #eee #eee #ddd
}

.nav-tabs>li.active>a,
.nav-tabs>li.active>a:hover,
.nav-tabs>li.active>a:focus {
    color: #555;
    background-color: #fff;
    border: 1px solid #ddd;
    border-bottom-color: transparent;
    cursor: default
}

.nav-pills>li {
    float: left
}

.nav-pills>li>a {
    border-radius: 4px
}

.nav-pills>li+li {
    margin-left: 2px
}

.nav-pills>li.active>a,
.nav-pills>li.active>a:hover,
.nav-pills>li.active>a:focus {
    color: #fff;
    background-color: #337ab7
}

.nav-stacked>li {
    float: none
}

.nav-stacked>li+li {
    margin-top: 2px;
    margin-left: 0
}

.nav-justified,
.nav-tabs.nav-justified {
    width: 100%
}

.nav-justified>li,
.nav-tabs.nav-justified>li {
    float: none
}

.nav-justified>li>a,
.nav-tabs.nav-justified>li>a {
    text-align: center;
    margin-bottom: 5px
}

.nav-justified>.dropdown .dropdown-menu {
    top: auto;
    left: auto
}

@media (min-width: 768px) {

    .nav-justified>li,
    .nav-tabs.nav-justified>li {
        display: table-cell;
        width: 1%
    }

    .nav-justified>li>a,
    .nav-tabs.nav-justified>li>a {
        margin-bottom: 0
    }
}

.nav-tabs-justified,
.nav-tabs.nav-justified {
    border-bottom: 0
}

.nav-tabs-justified>li>a,
.nav-tabs.nav-justified>li>a {
    margin-right: 0;
    border-radius: 4px
}

.nav-tabs-justified>.active>a,
.nav-tabs.nav-justified>.active>a,
.nav-tabs-justified>.active>a:hover,
.nav-tabs.nav-justified>.active>a:hover,
.nav-tabs-justified>.active>a:focus,
.nav-tabs.nav-justified>.active>a:focus {
    border: 1px solid #ddd
}

@media (min-width: 768px) {

    .nav-tabs-justified>li>a,
    .nav-tabs.nav-justified>li>a {
        border-bottom: 1px solid #ddd;
        border-radius: 4px 4px 0 0
    }

    .nav-tabs-justified>.active>a,
    .nav-tabs.nav-justified>.active>a,
    .nav-tabs-justified>.active>a:hover,
    .nav-tabs.nav-justified>.active>a:hover,
    .nav-tabs-justified>.active>a:focus,
    .nav-tabs.nav-justified>.active>a:focus {
        border-bottom-color: #fff
    }
}

.tab-content>.tab-pane {
    display: none
}

.tab-content>.active {
    display: block
}

.nav-tabs .dropdown-menu {
    margin-top: -1px;
    border-top-right-radius: 0;
    border-top-left-radius: 0
}

.page-wrapper {
    position: relative;
    width: 100%;
}
.breadcrumbs-section{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 2;
}
.breadcrumbs-section + .single-post-sec.blog-posts {
    padding-top: 60px !important;
}

.page-section:first-child {
    padding: 80px 0 60px 0;
}

.page-section.intro-section, 
.mec-wrapper,
.custom-category-page,
.container.pt-50.single-post-sec,
body.page-our-vision .eng-exp-outer,
.breadcrumbs-section + .at-press-release,
.breadcrumbs-section + .diversity-page-intro{
    padding-top: 110px !important;
}

.breadcrumb {
    display: none!important;
    padding: 20px 0 8px 0;
    margin-bottom: 10px;
    list-style: none;
    border-radius: 0px;
    font-size: 1.125rem;
    line-height: 1.5625rem;
    background: transparent;
    border-bottom: 1px solid #C0C0C0;
    color: #1A1A1A; 
    display: flex;
    justify-content: start;
    align-items: center;
}

.breadcrumb span {
    padding-left: 5px;
    padding-right: 5px;
    color: #404040;
    text-indent: -10000px;
}
.breadcrumb strong {
    font-weight: 600; 
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 500px;
    display: inline-block;
}

.breadcrumb a:last-child {
    font-weight: 600;
    color: #404040;
    opacity: 1;
    pointer-events: none
}

.breadcrumb a {
    font-weight: 400;
    transition: all .3s;
    color: #808080;
}
.breadcrumb a:hover{
    text-decoration: none;
    color: #404040;;
}

.breadcrumb>li {
    display: inline-block
}

.breadcrumb>li+li:before, .breadcrumb span::before {
    content: "\e5cc ";
    padding: 0 ;
    font-family: "Material Icons";
    color: #404040;
    opacity: .2;
    text-indent: 0;
    float: left;
    font-size: 1.5625rem;
    margin-top: 2px;
}

.breadcrumb>.active {
    color: #777
}

body.page-our-vision .breadcrumb a, 
body.page-our-vision .breadcrumb span::before, body.page-our-vision .breadcrumb>li+li:before {
    color: #fff;
}


.pagination {
    display: inline-block;
    padding-left: 0;
    margin: 20px 0;
    border-radius: 4px
}

.pagination>li {
    display: inline
}

.pagination>li>a,
.pagination>li>span {
    position: relative;
    float: left;
    padding: 6px 12px;
    line-height: 1.42857;
    text-decoration: none;
    color: #337ab7;
    background-color: #fff;
    border: 1px solid #ddd;
    margin-left: -1px
}

.pagination>li:first-child>a,
.pagination>li:first-child>span {
    margin-left: 0;
    border-bottom-left-radius: 4px;
    border-top-left-radius: 4px
}

.pagination>li:last-child>a,
.pagination>li:last-child>span {
    border-bottom-right-radius: 4px;
    border-top-right-radius: 4px
}

.pagination>li>a:hover,
.pagination>li>a:focus,
.pagination>li>span:hover,
.pagination>li>span:focus {
    z-index: 2;
    color: #23527c;
    background-color: #eee;
    border-color: #ddd
}

.pagination>.active>a,
.pagination>.active>a:hover,
.pagination>.active>a:focus,
.pagination>.active>span,
.pagination>.active>span:hover,
.pagination>.active>span:focus {
    z-index: 3;
    color: #fff;
    background-color: #337ab7;
    border-color: #337ab7;
    cursor: default
}

.pagination>.disabled>span,
.pagination>.disabled>span:hover,
.pagination>.disabled>span:focus,
.pagination>.disabled>a,
.pagination>.disabled>a:hover,
.pagination>.disabled>a:focus {
    color: #777;
    background-color: #fff;
    border-color: #ddd;
    cursor: not-allowed
}

.pagination-lg>li>a,
.pagination-lg>li>span {
    padding: 10px 16px;
    font-size: 18px;
    line-height: 1.33333
}

.pagination-lg>li:first-child>a,
.pagination-lg>li:first-child>span {
    border-bottom-left-radius: 6px;
    border-top-left-radius: 6px
}

.pagination-lg>li:last-child>a,
.pagination-lg>li:last-child>span {
    border-bottom-right-radius: 6px;
    border-top-right-radius: 6px
}

.pagination-sm>li>a,
.pagination-sm>li>span {
    padding: 5px 10px;
    font-size: 12px;
    line-height: 1.5
}

.pagination-sm>li:first-child>a,
.pagination-sm>li:first-child>span {
    border-bottom-left-radius: 3px;
    border-top-left-radius: 3px
}

.pagination-sm>li:last-child>a,
.pagination-sm>li:last-child>span {
    border-bottom-right-radius: 3px;
    border-top-right-radius: 3px
}

.pager {
    padding-left: 0;
    margin: 20px 0;
    list-style: none;
    text-align: center
}

.pager:before,
.pager:after {
    content: " ";
    display: table
}

.pager:after {
    clear: both
}

.pager li {
    display: inline
}

.pager li>a,
.pager li>span {
    display: inline-block;
    padding: 5px 14px;
    background-color: #fff;
    border: 1px solid #ddd;
    border-radius: 15px
}

.pager li>a:hover,
.pager li>a:focus {
    text-decoration: none;
    background-color: #eee
}

.pager .next>a,
.pager .next>span {
    float: right
}

.pager .previous>a,
.pager .previous>span {
    float: left
}

.pager .disabled>a,
.pager .disabled>a:hover,
.pager .disabled>a:focus,
.pager .disabled>span {
    color: #777;
    background-color: #fff;
    cursor: not-allowed
}

.label {
    display: inline;
    padding: .2em .6em .3em;
    font-size: 75%;
    font-weight: 400;
    line-height: 1;
    color: #fff;
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
    border-radius: .25em
}

.label:empty {
    display: none
}

.btn .label,
input[type=submit] .label {
    position: relative;
    top: -1px
}

a.label:hover,
a.label:focus {
    color: #fff;
    text-decoration: none;
    cursor: pointer
}

.label-default {
    background-color: #777
}

.label-default[href]:hover,
.label-default[href]:focus {
    background-color: #5e5e5e
}

.label-primary {
    background-color: #337ab7
}

.label-primary[href]:hover,
.label-primary[href]:focus {
    background-color: #286090
}

.label-success {
    background-color: #5cb85c
}

.label-success[href]:hover,
.label-success[href]:focus {
    background-color: #449d44
}

.label-info {
    background-color: #5bc0de
}

.label-info[href]:hover,
.label-info[href]:focus {
    background-color: #31b0d5
}

.label-warning {
    background-color: #f0ad4e
}

.label-warning[href]:hover,
.label-warning[href]:focus {
    background-color: #ec971f
}

.label-danger {
    background-color: #d9534f
}

.label-danger[href]:hover,
.label-danger[href]:focus {
    background-color: #c9302c
}

.badge {
    display: inline-block;
    min-width: 10px;
    padding: 3px 7px;
    font-size: 12px;
    font-weight: 500;
    color: #fff;
    line-height: 1;
    vertical-align: middle;
    white-space: nowrap;
    text-align: center;
    background-color: #777;
    border-radius: 10px
}

.badge:empty {
    display: none
}

.btn .badge,
input[type=submit] .badge {
    position: relative;
    top: -1px
}

.btn-xs .badge,
.btn-group-xs>.btn .badge,
.btn-group-xs>input[type=submit] .badge,
.btn-group-xs>.btn .badge,
.btn-group-xs>input[type=submit] .badge {
    top: 0;
    padding: 1px 5px
}

.list-group-item.active>.badge,
.nav-pills>.active>a>.badge {
    color: #337ab7;
    background-color: #fff
}

.list-group-item>.badge {
    float: right
}

.list-group-item>.badge+.badge {
    margin-right: 5px
}

.nav-pills>li>a>.badge {
    margin-left: 3px
}

a.badge:hover,
a.badge:focus {
    color: #fff;
    text-decoration: none;
    cursor: pointer
}

.thumbnail {
    display: block;
    padding: 4px;
    margin-bottom: 20px;
    line-height: 1.42857;
    background-color: #fff;
    border: 1px solid #ddd;
    border-radius: 4px;
    -webkit-transition: border 0.2s ease-in-out;
    -o-transition: border 0.2s ease-in-out;
    transition: border 0.2s ease-in-out
}

.thumbnail>img,
.thumbnail a>img {
    display: block;
    max-width: 100%;
    height: auto;
    margin-left: auto;
    margin-right: auto
}

.thumbnail .caption {
    padding: 9px;
    color: #333
}

a.thumbnail:hover,
a.thumbnail:focus,
a.thumbnail.active {
    border-color: #337ab7
}

.list-group {
    margin-bottom: 20px;
    padding-left: 0
}

.list-group-item {
    position: relative;
    display: block;
    padding: 10px 15px;
    margin-bottom: -1px;
    background-color: #fff;
    border: 1px solid #ddd
}

.list-group-item:first-child {
    border-top-right-radius: 4px;
    border-top-left-radius: 4px
}

.list-group-item:last-child {
    margin-bottom: 0;
    border-bottom-right-radius: 4px;
    border-bottom-left-radius: 4px
}

a.list-group-item,
button.list-group-item {
    color: #555
}

a.list-group-item .list-group-item-heading,
button.list-group-item .list-group-item-heading {
    color: #333
}

a.list-group-item:hover,
a.list-group-item:focus,
button.list-group-item:hover,
button.list-group-item:focus {
    text-decoration: none;
    color: #555;
    background-color: #f5f5f5
}

button.list-group-item {
    width: 100%;
    text-align: left
}

.list-group-item.disabled,
.list-group-item.disabled:hover,
.list-group-item.disabled:focus {
    background-color: #eee;
    color: #777;
    cursor: not-allowed
}

.list-group-item.disabled .list-group-item-heading,
.list-group-item.disabled:hover .list-group-item-heading,
.list-group-item.disabled:focus .list-group-item-heading {
    color: inherit
}

.list-group-item.disabled .list-group-item-text,
.list-group-item.disabled:hover .list-group-item-text,
.list-group-item.disabled:focus .list-group-item-text {
    color: #777
}

.list-group-item.active,
.list-group-item.active:hover,
.list-group-item.active:focus {
    z-index: 2;
    color: #fff;
    background-color: #337ab7;
    border-color: #337ab7
}

.list-group-item.active .list-group-item-heading,
.list-group-item.active .list-group-item-heading>small,
.list-group-item.active .list-group-item-heading>.small,
.list-group-item.active:hover .list-group-item-heading,
.list-group-item.active:hover .list-group-item-heading>small,
.list-group-item.active:hover .list-group-item-heading>.small,
.list-group-item.active:focus .list-group-item-heading,
.list-group-item.active:focus .list-group-item-heading>small,
.list-group-item.active:focus .list-group-item-heading>.small {
    color: inherit
}

.list-group-item.active .list-group-item-text,
.list-group-item.active:hover .list-group-item-text,
.list-group-item.active:focus .list-group-item-text {
    color: #c7ddef
}

.list-group-item-success {
    color: #3c763d;
    background-color: #dff0d8
}

a.list-group-item-success,
button.list-group-item-success {
    color: #3c763d
}

a.list-group-item-success .list-group-item-heading,
button.list-group-item-success .list-group-item-heading {
    color: inherit
}

a.list-group-item-success:hover,
a.list-group-item-success:focus,
button.list-group-item-success:hover,
button.list-group-item-success:focus {
    color: #3c763d;
    background-color: #d0e9c6
}

a.list-group-item-success.active,
a.list-group-item-success.active:hover,
a.list-group-item-success.active:focus,
button.list-group-item-success.active,
button.list-group-item-success.active:hover,
button.list-group-item-success.active:focus {
    color: #fff;
    background-color: #3c763d;
    border-color: #3c763d
}

.list-group-item-info {
    color: #31708f;
    background-color: #d9edf7
}

a.list-group-item-info,
button.list-group-item-info {
    color: #31708f
}

a.list-group-item-info .list-group-item-heading,
button.list-group-item-info .list-group-item-heading {
    color: inherit
}

a.list-group-item-info:hover,
a.list-group-item-info:focus,
button.list-group-item-info:hover,
button.list-group-item-info:focus {
    color: #31708f;
    background-color: #c4e3f3
}

a.list-group-item-info.active,
a.list-group-item-info.active:hover,
a.list-group-item-info.active:focus,
button.list-group-item-info.active,
button.list-group-item-info.active:hover,
button.list-group-item-info.active:focus {
    color: #fff;
    background-color: #31708f;
    border-color: #31708f
}

.list-group-item-warning {
    color: #8a6d3b;
    background-color: #fcf8e3
}

a.list-group-item-warning,
button.list-group-item-warning {
    color: #8a6d3b
}

a.list-group-item-warning .list-group-item-heading,
button.list-group-item-warning .list-group-item-heading {
    color: inherit
}

a.list-group-item-warning:hover,
a.list-group-item-warning:focus,
button.list-group-item-warning:hover,
button.list-group-item-warning:focus {
    color: #8a6d3b;
    background-color: #faf2cc
}

a.list-group-item-warning.active,
a.list-group-item-warning.active:hover,
a.list-group-item-warning.active:focus,
button.list-group-item-warning.active,
button.list-group-item-warning.active:hover,
button.list-group-item-warning.active:focus {
    color: #fff;
    background-color: #8a6d3b;
    border-color: #8a6d3b
}

.list-group-item-danger {
    color: #a94442;
    background-color: #f2dede
}

a.list-group-item-danger,
button.list-group-item-danger {
    color: #a94442
}

a.list-group-item-danger .list-group-item-heading,
button.list-group-item-danger .list-group-item-heading {
    color: inherit
}

a.list-group-item-danger:hover,
a.list-group-item-danger:focus,
button.list-group-item-danger:hover,
button.list-group-item-danger:focus {
    color: #a94442;
    background-color: #ebcccc
}

a.list-group-item-danger.active,
a.list-group-item-danger.active:hover,
a.list-group-item-danger.active:focus,
button.list-group-item-danger.active,
button.list-group-item-danger.active:hover,
button.list-group-item-danger.active:focus {
    color: #fff;
    background-color: #a94442;
    border-color: #a94442
}

.list-group-item-heading {
    margin-top: 0;
    margin-bottom: 5px
}

.list-group-item-text {
    margin-bottom: 0;
    line-height: 1.3
}

.close {
    float: right;
    font-size: 21px;
    font-weight: bold;
    line-height: 1;
    color: #000;
    text-shadow: 0 1px 0 #fff;
    opacity: .2;
    filter: alpha(opacity=20)
}

.close:hover,
.close:focus {
    color: #000;
    text-decoration: none;
    cursor: pointer;
    opacity: .5;
    filter: alpha(opacity=50)
}

button.close {
    padding: 0;
    cursor: pointer;
    background: transparent;
    border: 0;
    -webkit-appearance: none
}

.clearfix:before,
.clearfix:after {
    content: " ";
    display: table
}

.clearfix:after {
    clear: both
}

.center-block {
    display: block;
    margin-left: auto;
    margin-right: auto
}

.pull-right {
    float: right !important
}

.pull-left {
    float: left !important
}

.hide {
    display: none !important
}

.show {
    display: block !important
}

.invisible {
    visibility: hidden
}

.text-hide {
    font: 0/0 a;
    color: transparent;
    text-shadow: none;
    background-color: transparent;
    border: 0
}

.hidden {
    display: none !important
}

.affix {
    position: fixed
}

@-ms-viewport {
    width: device-width
}

.visible-xs {
    display: none !important
}

.visible-sm {
    display: none !important
}

.visible-md {
    display: none !important
}

.visible-lg {
    display: none !important
}

.visible-xs-block,
.visible-xs-inline,
.visible-xs-inline-block,
.visible-sm-block,
.visible-sm-inline,
.visible-sm-inline-block,
.visible-md-block,
.visible-md-inline,
.visible-md-inline-block,
.visible-lg-block,
.visible-lg-inline,
.visible-lg-inline-block {
    display: none !important
}

@media (max-width: 767px) {
    .visible-xs {
        display: block !important
    }

    table.visible-xs {
        display: table !important
    }

    tr.visible-xs {
        display: table-row !important
    }

    th.visible-xs,
    td.visible-xs {
        display: table-cell !important
    }
}

@media (max-width: 767px) {
    .visible-xs-block {
        display: block !important
    }
}

@media (max-width: 767px) {
    .visible-xs-inline {
        display: inline !important
    }
}

@media (max-width: 767px) {
    .visible-xs-inline-block {
        display: inline-block !important
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .visible-sm {
        display: block !important
    }

    table.visible-sm {
        display: table !important
    }

    tr.visible-sm {
        display: table-row !important
    }

    th.visible-sm,
    td.visible-sm {
        display: table-cell !important
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .visible-sm-block {
        display: block !important
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .visible-sm-inline {
        display: inline !important
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .visible-sm-inline-block {
        display: inline-block !important
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .visible-md {
        display: block !important
    }

    table.visible-md {
        display: table !important
    }

    tr.visible-md {
        display: table-row !important
    }

    th.visible-md,
    td.visible-md {
        display: table-cell !important
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .visible-md-block {
        display: block !important
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .visible-md-inline {
        display: inline !important
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .visible-md-inline-block {
        display: inline-block !important
    }
}

@media (min-width: 1200px) {
    .visible-lg {
        display: block !important
    }

    table.visible-lg {
        display: table !important
    }

    tr.visible-lg {
        display: table-row !important
    }

    th.visible-lg,
    td.visible-lg {
        display: table-cell !important
    }
}

@media (min-width: 1200px) {
    .visible-lg-block {
        display: block !important
    }
}

@media (min-width: 1200px) {
    .visible-lg-inline {
        display: inline !important
    }
}

@media (min-width: 1200px) {
    .visible-lg-inline-block {
        display: inline-block !important
    }
}

@media (max-width: 767px) {
    .hidden-xs {
        display: none !important
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .hidden-sm {
        display: none !important
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .hidden-md {
        display: none !important
    }
}

@media (min-width: 1200px) {
    .hidden-lg {
        display: none !important
    }
}

.visible-print {
    display: none !important
}

@media print {
    .visible-print {
        display: block !important
    }

    table.visible-print {
        display: table !important
    }

    tr.visible-print {
        display: table-row !important
    }

    th.visible-print,
    td.visible-print {
        display: table-cell !important
    }
}

.visible-print-block {
    display: none !important
}

@media print {
    .visible-print-block {
        display: block !important
    }
}

.visible-print-inline {
    display: none !important
}

@media print {
    .visible-print-inline {
        display: inline !important
    }
}

.visible-print-inline-block {
    display: none !important
}

@media print {
    .visible-print-inline-block {
        display: inline-block !important
    }
}

@media print {
    .hidden-print {
        display: none !important
    }
}

.form-control,
input[type=text],
input[type=email],
input[type=search],
input[type=password],
select,
textarea {
    box-shadow: none;
    -webkit-box-shadow: none;
    border-radius: 3px;
    border: 1px solid #ccc;
    transition: all .1s linear
}

.form-control:focus,
input[type=text]:focus,
input[type=email]:focus,
input[type=search]:focus,
input[type=password]:focus,
select:focus,
textarea:focus {
    box-shadow: none;
    border: 1px solid var(--primaryColor);
    box-shadow: inset 0 0 0 3px rgba(204, 28, 82, 0.1);
    outline: none
}

.btn,
input[type=submit] {
    border-radius: 3px;
    font-family: 'Lato', sans-serif;
    text-transform: uppercase;
    font-weight: 400;
    border: none;
    box-shadow: none
}

.btn:hover,
input[type=submit]:hover,
.btn:active,
input[type=submit]:active,
.btn:focus,
input[type=submit]:focus {
    box-shadow: none;
    outline: none
}

.btn.btn-primary,
input[type=submit] {
    background-color: var(--primaryColor)
}

.btn.btn-primary:hover,
input[type=submit]:hover,
.btn.btn-primary:focus,
input[type=submit]:focus {
    background-color: #0050B5
}

.btn.btn-primary:active,
input[type=submit]:active {
    background-color: var(--primaryColor)
}

.btn.btn-primary:active:focus,
input[type=submit]:active:focus {
    outline: none;
    background-color: var(--primaryColor)
}

.btn.btn-default,
input.btn-default[type=submit] {
    background-color: #ccc
}

.btn.btn-default:hover,
input.btn-default[type=submit]:hover,
.btn.btn-default:focus,
input.btn-default[type=submit]:focus {
    background-color: #e6e6e6
}

.btn.btn-default:active,
input.btn-default[type=submit]:active {
    background-color: #b3b3b3
}

.btn.btn-default:active:focus,
input.btn-default[type=submit]:active:focus {
    outline: none;
    background-color: #b3b3b3
}

.label {
    padding: .2em .6em .2em
}

@media (max-width: 992px) {
    -placeholder {
        height: 60px
    }
}

@media (max-width: 767px) {
    .list-inline>li {
        display: block;
    }
}

.aligncenter,
div.aligncenter {
    display: block;
    margin: 5px auto 5px auto
}

.alignright {
    margin: 0 0 0 20px
}

.alignleft {
    float: left;
    margin: 0 20px 0 0
}

a img.alignright {
    float: right;
    margin: 0 0 0 20px
}

a img.alignleft {
    float: left;
    margin: 0 20px 0 0
}

a img.aligncenter {
    display: block;
    margin-left: auto;
    margin-right: auto
}

.wp-caption {
    background: #fff;
    border: 1px solid #f0f0f0;
    max-width: 96%;
    padding: 5px 3px 10px;
    text-align: center
}

.wp-caption.alignnone {
    margin: 5px 20px 20px 0
}

.wp-caption.alignleft {
    margin: 5px 20px 20px 0
}

.wp-caption.alignright {
    margin: 5px 0 20px 20px
}

.wp-caption img {
    border: 0 none;
    height: auto;
    margin: 0;
    max-width: 98.5%;
    padding: 0;
    width: auto
}

.wp-caption p.wp-caption-text {
    font-size: 11px;
    line-height: 17px;
    margin: 0;
    padding: 0 4px 5px
}

.screen-reader-text {
    clip: rect(1px, 1px, 1px, 1px);
    position: absolute !important;
    height: 1px;
    width: 1px;
    overflow: hidden
}

.screen-reader-text:focus {
    background-color: #f1f1f1;
    border-radius: 3px;
    box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
    clip: auto !important;
    color: #21759b;
    display: block;
    font-size: 14px;
    font-size: 0.875rem;
    font-weight: bold;
    height: auto;
    left: 5px;
    line-height: normal;
    padding: 15px 23px 14px;
    text-decoration: none;
    top: 5px;
    width: auto;
    z-index: 100000
}

.size-auto,
.size-full,
.size-large,
.size-medium,
.size-thumbnail {
    max-width: 100%;
    height: auto
}

.sticky {
    height: auto
}

.gallery-caption {
    height: auto
}

.bypostauthor {
    height: auto
}

@media (min-width: 992px) {
    body.sidebar-inactive .article-wrapper pre {
        margin-left: -100px;
        margin-right: -100px
    }
}

a,
a:hover,
a:focus,
a:active {
    outline: none;
    color: inherit;
    text-decoration: none
}

.menu-2 {
    font-family: 'Lato', sans-serif;
}

.menu-2 .menu-2-toggler i {
    vertical-align: middle
}

.menu-2 ul {
    margin: 0;
    padding: 0;
    overflow: hidden;
    transition: all .3s linear;
    height: auto
}

@media (max-width: 768px) {
    .menu-2 ul.collapsed {
        height: 0
    }
}

@media (max-width: 768px) {
    .menu-2 ul li {
        display: block
    }
}

.menu-2.current-menu-item a {
    color: var(--primaryColor);
    border-bottom-color: var(--primaryColor)
}

.menu-2 a {
    display: block;
    padding: 15px;
    padding-bottom: 12px;
    color: #b3b3b3;
    border-bottom: 3px solid transparent
}

.menu-2 a:hover,
.menu-2 a:focus,
.menu-2 a.active {
    color: #8dcc1c;
    border-bottom-color: #8dcc1c
}

.big-title {

    padding: 40px 0
}

@media (max-width: 600px) {
    .big-title {
        padding: 2em 0
    }
}

.big-title h1,
.big-title h2 {
    font-weight: 600;
    padding: 0;
    margin: 0;
    font-size: 2.875rem
}

@media (max-width: 600px) {
    .big-title h1,
    .big-title h2 {
        font-size: 1.875rem;
        font-weight: 600
    }
}

.big-title h1 small,
.big-title h2 small {
    color: inherit;
    font-size: 20px;
    font-weight: 100;
    vertical-align: middle
}


.article-wrapper h2 a:hover,
.article-wrapper h2 a:focus {
    border-bottom: 1px dotted var(--primaryColor)
}

.article-wrapper .context {
    padding: 1.5em 0;
    line-height: 2em;
    color: #999
}

.article-wrapper .context i {
    position: relative;
    top: 6px
}

.article-wrapper .context a:hover,
.article-wrapper .context a:focus,
.article-wrapper .context a:active {
    color: var(--primaryColor)
}

.article-wrapper img.featured {
    margin-bottom: 0px
}

.article-wrapper img.featured:first-child {
    margin-top: 0px
}

.article-wrapper .article {
    padding-bottom: 0
}

.article-wrapper .article p {
    font-size: var(--normalFontSize);
    line-height: var(--normalLineHeight);
    margin: 15px 0;
    font-weight: 400;
}

.article-wrapper .article .post-content p {
    font-size: var(--normalFontSize);
    line-height: var(--normalLineHeight);
}

.article-wrapper .article p:first-child {
    margin-top: 0
}

.article-wrapper .article p:last-child {
    margin-bottom: 0
}

.article-wrapper .article ul,
.article-wrapper .article ol {
    font-size: var(--normalFontSize);
    line-height: var(--normalLineHeight);
    margin: 1em 0;
    font-weight: 400;
}

.article-wrapper .article pre {
    background-color: #f2f2f2;
    color: gray;
    border: none;
    border-radius: 0;
    padding: 40px;
    font-size: 15px;
    overflow: auto;
    -ms-word-wrap: normal;
    word-wrap: normal;
    overflow-wrap: normal;
    white-space: pre
}

.article-wrapper .article img {
    max-width: 100%;
    height: auto
}

.article-wrapper .article a:not(.btn):not(input[type=submit]) {
    color: var(--normalFontColor);
    transition: all .2s
}

.article-wrapper .article a:not(.btn):not(input[type=submit]):hover {
    color: var(--primaryColor);
}

.article-wrapper .author-box {
    margin: 60px 0 80px 0;
    padding: 30px;
    border-radius: 4px;
    background-color: #f2f2f2
}

.article-wrapper .author-box .author-avatar-container {
    text-align: center;
    margin-top: -70px
}

.article-wrapper .author-box .author-avatar-container img {
    border: 5px solid #fff
}

.article-wrapper .author-box h3 {
    padding: 15px 0 30px 0;
    border-bottom: 1px solid #e6e6e6;
    text-align: center;
    margin: 0px 0 30px 0;
}

.article-wrapper .author-box a {
    color: var(--primaryColor);
    font-weight: bold
}

.article-wrapper .author-box a:hover {
    color: #8dcc1c
}

.article-wrapper #comments .comments {
    margin-top: 80px
}

.article-wrapper #comments .comments .pingback {
    border: 1px solid rgba(141, 204, 28, 0.2);
    background: rgba(141, 204, 28, 0.1);
    padding: 15px;
    border-radius: 3px;
    margin: 30px 0;
    font-weight: bold
}

.article-wrapper #comments .comments .pingback a {
    font-weight: normal
}

.article-wrapper #comments .comments .pingback .edit-link {
    color: var(--primaryColor);
    float: right;
    font-weight: bold
}

.article-wrapper #comments .comments .comment {
    margin: 30px 0
}

.article-wrapper #comments .comments .comment .comment {
    padding-left: 80px
}

.article-wrapper #comments .comments .comment a {
    color: var(--primaryColor)
}

.article-wrapper #comments .comments .comment a:hover,
.article-wrapper #comments .comments .comment a:active,
.article-wrapper #comments .comments .comment a:focus {
    border-bottom: 1px dotted var(--primaryColor)
}

.article-wrapper #comments .comments .comment .comment-meta img.avatar {
    float: left;
    border-radius: 999px;
    margin-right: 20px
}

.article-wrapper #comments .comments .comment .comment-meta .comment-author {
    font-size: 17px;
    margin: 20px 0;
    padding: 0
}

.article-wrapper #comments .comments .comment .comment-meta span.says {
    display: none
}

.article-wrapper #comments .comments .comment .comment-meta div.comment-metadata {
    font-size: 13px;
    color: #b3b3b3;
    margin: 15px 0
}

.article-wrapper #comments .comments .comment .comment-meta div.comment-metadata a {
    color: inherit
}

.article-wrapper #comments .comments .comment .comment-meta div.comment-metadata a:hover {
    border-bottom: none;
    color: var(--primaryColor)
}

.article-wrapper #comments .comments .comment .comment-content {
    padding-left: 80px;
    color: gray;
    font-size: 15px
}

.article-wrapper #comments .comments .comment .comment-content pre {
    background-color: #f2f2f2;
    color: gray;
    border: none;
    border-radius: 0;
    padding: 20px;
    font-size: 15px;
    overflow: auto;
    -ms-word-wrap: normal;
    word-wrap: normal;
    overflow-wrap: normal;
    white-space: pre
}

.article-wrapper #comments .comments .comment .reply {
    text-align: right;
    border-bottom: 1px solid #e6e6e6;
    margin-left: 80px;
    padding-bottom: 30px
}

.article-wrapper .comment-respond {
    padding: 30px;
    background: #f2f2f2;
    border-radius: 4px
}

.article-wrapper .comment-respond .required {
    color: var(--primaryColor)
}

.article-wrapper .comment-respond h3 {
    padding: 0 0 30px 0;
    border-bottom: 1px solid #e6e6e6;
    text-align: center;
    margin: 0px 0 30px 0;

}

.article-wrapper .comment-respond h3 small {
    display: block
}

.article-wrapper .comment-respond label {
    display: block
}

.article-wrapper .comment-respond input[type=text],
.article-wrapper .comment-respond textarea {
    border-radius: 3px;
    border: 1px solid #ccc;
    transition: all .1s linear
}

.article-wrapper .comment-respond input[type=text]:focus,
.article-wrapper .comment-respond textarea:focus {
    box-shadow: none;
    border: 1px solid var(--primaryColor);
    box-shadow: inset 0 0 0 3px rgba(204, 28, 82, 0.1);
    outline: none
}

.article-wrapper .comment-respond input[type=text] {
    width: 50%;
    padding: 10px 15px
}

.article-wrapper .comment-respond textarea {
    width: 100%;
    padding: 15px;
    resize: vertical
}

@media (max-width: 700px) {

    .article-wrapper .comment-respond input[type=text],
    .article-wrapper .comment-respond textarea {
        width: 100%
    }

    .article-wrapper .article p {
        line-height: 1.5rem;
    }
}

.sidebar {
    padding-top: 25px;
    color: gray
}

.sidebar h3 {
    color: var(--primaryColor);

    border-bottom: 2px solid #e6e6e6;
    padding-bottom: .5em;
    margin-bottom: .5em;
    font-size: 20px
}

.sidebar .widget {
    margin-bottom: 25px
}

.sidebar .widget ul,
.sidebar .widget ol {
    margin: 0;
    padding: 10px 0 0 16px
}

.sidebar .widget ul li,
.sidebar .widget ol li {
    margin-bottom: .25em
}

.sidebar .blogroll li {
    color: #b3b3b3
}

.sidebar .blogroll a {
    color: gray;
    display: block
}

.sidebar #wp-calendar {
    width: 100%
}

.sidebar #wp-calendar caption {
    text-align: center;
    font-weight: bold
}

.sidebar #wp-calendar tbody a {
    color: var(--primaryColor);
    font-weight: bold
}

.sidebar #wp-calendar tfoot {
    text-align: center
}

.sidebar #wp-calendar tfoot tr td {
    padding-top: 1em
}

.navigation {
    text-align: center;
    width: 100%
}

.navigation ul {
    list-style: none;
    margin: 0;
    padding: 0;
    overflow: auto;
    margin: 30px 0;
    font-size: 15px;

}

.navigation ul li {
    margin: 0;
    padding: 0;
    display: inline-block
}

.navigation a {
    opacity: 0.5;
}

.navigation a:hover {
    opacity: 1;
}

.navigation .page-numbers {
    display: inline-block;
    padding: 7px 10px;
    border-radius: 3px
}

.navigation .page-numbers.current {
    opacity: 1;
}

.navigation .page-numbers.next,
.navigation .page-numbers.prev {
    width: 20px;
    display: inline-block;
    height: 43px;
    text-indent: -10000px;
    position: relative;
}

.navigation .page-numbers.next::before,
.navigation .page-numbers.prev::before {
    content: '\e5e1';
    padding: 4px 6px 6px;
    font-family: "Material Icons";
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-align: center;
    text-decoration: inherit;
    text-transform: none;
    font-size: 1rem;
    transition: .5s all ease;
    position: absolute;
    text-indent: 0px;
    left: 0;
}

.navigation .page-numbers.prev::before {
    content: "\e5e0";
}

.menu-mobile-wrapper {
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.5);
    visibility: hidden;
    transition: all .3s ease-in-out;
    opacity: 0;
    box-shadow: 0 -100px 0 0 rgba(0, 0, 0, 0.5);
    z-index: 999
}

.menu-mobile-wrapper .menu-mobile {
    position: absolute;
    width: 80%;
    max-height: 80%;
    top: 50%;
    left: 10%;
    z-index: 999999;
    background-color: #fff;
    border-radius: 3px;
    transition: all 0.5s 0.3s cubic-bezier(0.22, 1.1, 0.21, 1.1);
    opacity: 0;
    transform: translateY(-30%);
    overflow-y: scroll;
    overflow-x: hidden;
    box-shadow: 0 5px 15px 0 rgba(0, 0, 0, 0.5)
}

.menu-mobile-wrapper .menu-mobile form {
    margin: 0;
    padding: 0;
    border-bottom: 1px solid #ccc
}

.menu-mobile-wrapper .menu-mobile form input[type=text] {
    padding: 30px 20px;
    border-radius: 0;
    border: none
}

.menu-mobile-wrapper .menu-mobile form input[type=text]:focus {
    box-shadow: none;
    outline: none
}

.menu-mobile-wrapper .menu-mobile ul {
    margin: 0;
    padding: 0
}

.menu-mobile-wrapper .menu-mobile ul li {
    margin: 0;
    padding: 0
}

.menu-mobile-wrapper .menu-mobile ul li a {
    display: block;
    padding: 20px;
    font-size: 16px;

    transition: all .2s linear;
    color: #333
}

.menu-mobile-wrapper .menu-mobile ul li a:hover,
.menu-mobile-wrapper .menu-mobile ul li a:active,
.menu-mobile-wrapper .menu-mobile ul li a:focus {
    background-color: #e6e6e6
}

.menu-mobile-wrapper .menu-mobile ul li:first-child a {
    border-radius: 3px 3px 0 0
}

.menu-mobile-wrapper .menu-mobile ul li:last-child a {
    border-bottom: none
}

.menu-mobile-wrapper.opened {
    visibility: visible;
    opacity: 1
}

.menu-mobile-wrapper.opened .menu-mobile {
    opacity: 1;
    transform: translateY(-50%)
}

.icon-empty-results,
.icon-404 {
    font-size: 150px !important;
    margin: .5em auto;
    color: #b3b3b3
}

.footer {
    margin-top: 100px;
    padding: 30px 0;

    background-color: var(--primaryColor);
    color: #fff
}

.footer.black {
    background-color: #333
}

.footer .widget {
    margin: 15px 0
}

@media (max-width: 768px) {
    .footer .widget {
        text-align: center
    }
}

.footer .widget input,
.footer .widget select {
    border: none;
    margin: 10px 0
}

.footer .widget .btn-primary,
.footer .widget input[type=submit] {
    background-color: #8dcc1c;
    margin: 10px 0
}

.footer .widget .btn-primary:hover,
.footer .widget input[type=submit]:hover,
.footer .widget .btn-primary:focus,
.footer .widget input[type=submit]:focus {
    background-color: #a6e437
}

.footer .widget .btn-primary:active,
.footer .widget input[type=submit]:active {
    background-color: #6e9f16
}

.footer .widget .btn-primary:active:focus,
.footer .widget input[type=submit]:active:focus {
    outline: none;
    background-color: #6e9f16
}

.footer .widget h3 {
    padding: 0;
    margin: 0 0 20px 0;
    text-transform: uppercase;
    font-size: 20px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.footer .widget ul {
    margin: 0 0 0 0;
    padding: 0;
    list-style: none
}

.footer .widget ul li {
    padding: 0;
    margin: 10px 0;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    display: block
}

.footer .widget ul li .subtitle,
.footer .widget ul li .post-date {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    display: block;
    font-size: .9em;
    color: #f091ae
}

.footer .widget ul li:not(:last-child) {
    margin-bottom: .5em
}

.license {

    background-color: #9f1640;
    color: #fff;
    text-align: center;
    padding: 20px
}

.license.black {
    background-color: #1a1a1a
}

.license p {
    margin: 0;
    padding: 0
}

.project-meta h4 {
    color: var(--primaryColor);

    font-size: 14px
}

.project-meta ul>li>a {
    border-radius: 99px;
    border: 2px solid #ccc;
    padding: .3em .8em;
    font-size: 12px;

    color: #999;
    line-height: 2.5em
}

.project-meta ul>li>a:hover {
    color: #fff;
    border-color: #8dcc1c;
    background-color: #8dcc1c
}

.project {
    margin-top: 50px
}

.project .project-title {

    font-size: 16px;
    margin: .8em 0;
    padding: 0;
    text-transform: uppercase;
    font-weight: bold;
    color: #4d4d4d
}

.project .project-date {

    font-size: 16px;
    margin: .8em 0;
    padding: 0;
    text-transform: uppercase;
    font-weight: bold;
    line-height: 1em;
    color: gray
}

.project .project-categories {

    text-transform: uppercase;
    color: #b3b3b3;
    font-weight: bold
}

.project .project-categories a {
    transition: all .1s linear
}

.project .project-categories a:hover,
.project .project-categories a:active,
.project .project-categories a:focus {
    color: #8dcc1c
}

.sl-overlay {
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background: #000;
    opacity: 0.8;
    display: none;
    z-index: 1006
}

.sl-wrapper {
    z-index: 1000;
    color: #fff
}

.sl-wrapper button {
    border: 0 none;
    background: transparent;
    padding: 0;
    cursor: pointer;
    font-size: 24px
}

.sl-wrapper button:hover {
    opacity: 0.7
}

.sl-wrapper .sl-close {
    display: none;
    position: fixed;
    right: 30px;
    top: 30px;
    z-index: 1015
}

.sl-wrapper .sl-counter {
    display: none;
    position: fixed;
    top: 30px;
    left: 30px;
    z-index: 1015
}

.sl-wrapper .sl-navigation {
    width: 100%;
    display: none
}

.sl-wrapper .sl-navigation button {
    position: fixed;
    top: 50%;
    margin-top: -10px;
    height: 30px;
    width: 30px;
    line-height: 30px;
    text-align: center;
    display: block;
    z-index: 1015;
}

.sl-wrapper .sl-navigation button.sl-next {
    right: 40px
}

.sl-wrapper .sl-navigation button.sl-prev {
    left: 40px
}

.sl-wrapper .sl-image {
    position: fixed;
    -ms-touch-action: none;
    touch-action: none;
    z-index: 10000
}

.sl-wrapper .sl-image img {
    margin: 0;
    padding: 0;
    display: block
}

.sl-wrapper .sl-image iframe {
    border: 0 none;
    background: #000
}

.sl-wrapper .sl-image .sl-caption {
    display: none;
    padding: 10px;
    color: #fff;
    background: #000;
    opacity: 0.8;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0
}

.sl-wrapper .sl-image .sl-caption.pos-top {
    bottom: auto;
    top: 0
}

.sl-wrapper .sl-image .sl-caption.pos-outside {
    bottom: auto
}

.sl-wrapper .sl-image .sl-download {
    display: none;
    position: absolute;
    bottom: 5px;
    right: 5px;
    color: #fff;
    z-index: 1005
}

.sl-spinner {
    display: none;
    border: 5px solid #333;
    border-radius: 40px;
    height: 40px;
    left: 50%;
    margin: -20px 0 0 -20px;
    opacity: 0;
    position: fixed;
    top: 50%;
    width: 40px;
    z-index: 1007;
    -webkit-animation: pulsate 1s ease-out infinite;
    -moz-animation: pulsate 1s ease-out infinite;
    -ms-animation: pulsate 1s ease-out infinite;
    -o-animation: pulsate 1s ease-out infinite;
    animation: pulsate 1s ease-out infinite
}

.sl-scrollbar-measure {
    position: absolute;
    top: -9999px;
    width: 50px;
    height: 50px;
    overflow: scroll
}

@-webkit-keyframes pulsate {
    0% {
        transform: scale(0.3);
        opacity: 0.0
    }

    50% {
        opacity: 1
    }

    100% {
        transform: scale(1.2);
        opacity: 0
    }
}

@keyframes pulsate {
    0% {
        transform: scale(0.3);
        opacity: 0.0
    }

    50% {
        opacity: 1
    }

    100% {
        transform: scale(1.2);
        opacity: 0
    }
}

@-moz-keyframes pulsate {
    0% {
        transform: scale(0.3);
        opacity: 0.0
    }

    50% {
        opacity: 1
    }

    100% {
        transform: scale(1.2);
        opacity: 0
    }
}

@-o-keyframes pulsate {
    0% {
        transform: scale(0.3);
        opacity: 0.0
    }

    50% {
        opacity: 1
    }

    100% {
        transform: scale(1.2);
        opacity: 0
    }
}

@-ms-keyframes pulsate {
    0% {
        transform: scale(0.3);
        opacity: 0.0
    }

    50% {
        opacity: 1
    }

    100% {
        transform: scale(1.2);
        opacity: 0
    }
}

/*# sourceMappingURL=style.css.map */


/*------------------------------------
         Custome style 
--------------------------------------*/
p:empty {
    display: none;
}

h2 {
    font-size: 2.125rem;
    position: relative;
    transform-style: preserve-3d;
}

h3 {
    font-size: 1.375rem;
}

h4 {
    font-size: 1.25rem;
}

span.subhead {
    margin-top: 0;
    margin-bottom: 20px;
    display: block;
    font-size: 22px;
    font-weight: 400;
    padding-top: 5px;
}

p {
    font-size: var(--normalFontSize);
    line-height: var(--normalLineHeight);
}

.edit-link {
    display: block;
    background-color: #fff;
}

.btn.btn-primary {
    box-shadow: 0px 10px 20px rgba(0, 80, 239, 0.2);
    border-radius: 50px;
    transition: .5s;
    text-align: center;
    height: 64px;
    padding: 20px 30px;
}

.zig-zag-obj {
    width: 228px;
    height: 29px;
    background: url(assets/img//waves-icon.svg) left top no-repeat;
    display: inline-block;
    margin-top: 20px;
}

/* .reveal{
    position: relative;
    transform: translateY(100px);
    opacity: 0;
    transition: 1s all ease;
}
  
.reveal.active{
    transform: translateY(0);
    opacity: 1;
} */

.total_experience-txt {
    padding-top: 70px;
}

.total_experience-txt h2 {
    font-size: 2.75rem;
    font-weight: 700;
    line-height: 3.25rem;
}

.total_experience-txt h3 {
    font-size: 1.75rem;
    font-weight: 400;
    line-height: 2.3125rem;
    margin-top: 5px;
}

.total_experience-txt p {
    margin-bottom: 20px;
    padding-top: 20px;
    line-height: 1.75rem;
}

.align-item-start {
    align-items: flex-start;
}

.mb-0 {
    margin-bottom: 0 !important;
}

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

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

.intro h2 {
    font-size: 3rem;
    font-weight: 700;
    line-height: 3.25rem;
}

.intro h3,
.intro p.sub-heading {
    font-size: 1.75rem;
    font-weight: 400;
    line-height: 2.3125rem;
    margin-top: 5px;
    color: rgba(118, 118, 118, 1);
}

.intro2 {
    padding-top: 30px;
    padding-bottom: 10px;
}

.intro2 h2 {
    font-size: 2.5rem;
    font-weight: 700;
    line-height: 3rem;
}

.intro2 h3,
.intro2 p.sub-heading {
    font-weight: 400;
    font-size: var(--normalFontSize);
    line-height: var(--normalLineHeight);
    margin-top: 5px;
    color: rgba(118, 118, 118, 1);
}

.parallax-bg {
    position: relative;
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}


@media (max-width: 767px) {
    .intro h2 {
        font-size: 1.75rem;
        line-height: 2.125rem;
    }

    .intro h3,
    .intro p.sub-heading,
    .intro2 h3,
    .intro2 p.sub-heading {
        font-size: 1.125rem;
        line-height: 1.375rem;
    }

    .intro2 h2 {
        font-size: 1.375rem;
        line-height: 1.875rem;
    }

    .intro,
    .intro2 {
        padding-left: 1rem;
        padding-right: 1rem;
    }

    .home .intro h2,
    .home .intro2 h2,
    .home .intro h3,
    .home .intro p.sub-heading,
    .home .intro2 h3,
    .home .intro2 p.sub-heading {
        text-align: left !important;
    }

    .total_experience-txt {
        text-align: left;
    }

    .total_experience-txt h2 {
        font-size: 1.375rem;
        font-weight: 900;
        line-height: 1.625rem;
    }

    .total_experience-txt h3 {
        font-size: 1.125rem;
        font-weight: 400;
        line-height: 2.3125rem;
    }
}

/* ---- Header --- */

.header-placeholder {
    height: 88px;
    display: none;
}

.header,
.header.bg-light {
    padding: 7px 10px;
    position: absolute;
    width: 100%;
    top: 0;
    z-index: 998;
    transition: all .2s ease-out;
    background: white!important;}

.header.headroom--unpinned {
    opacity: 1;
}

.header.sticky,
.header.headroom--not-top,
.header:not(.headroom--not-top):hover {
    background: #fff !important;
    box-shadow: 2px 2px 10px rgba(0, 58, 147, 0.15);
}

.header.sticky,
.header.headroom--not-top {
    position: -webkit-sticky;
    position: sticky;
    top: 0;
}

body.admin-bar .header.sticky,
body.admin-bar .header.headroom--not-top {
    top: 32px;
}

.navbar-toggler-icon {
    width: 2em;
    height: 2em;
}

.header .title-wrapper {
    display: inline-block;
    color: #fff;
    vertical-align: middle;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.header .title-wrapper .mobile-menu-toggler {
    vertical-align: middle;
    font-size: 2.125rempx;
    line-height: 1;
    width: 32px;
    height: 32px;
    padding: 4px 0 0 4px;
    margin: 10px .5em 0 0;
    float: right;
    color: var(--primaryColor);
}

.header .title-wrapper .mobile-menu-toggler:hover,
.header .title-wrapper .mobile-menu-toggler:active {
    background-color: transparent;
    color: var(--primaryColor);
}

.header .title-wrapper h1,
.header .title-wrapper h2 {
    padding: 0;
    margin: 0 20px 0 0;
    font-size: 2.375rem;
    line-height: 1;
    display: block;
    font-weight: bold;
    text-transform: uppercase;
}

.header .title-wrapper h1 a,
.header .title-wrapper h2 a {
    line-height: 1;
    display: block
}

.header .title-wrapper h1 a img,
.header .title-wrapper h2 a img {
    display: block;
}

.header ul.primary-menu,
.header .primary-menu-wrap {
    display: inline-block;
    color: #fff;
    margin: 0;
    margin-left: 25px;

}

.header .primary-menu-wrap {
    margin-left: 10px;
    position: relative;
    top: 3px;
}

.header ul.primary-menu li {
    margin-right: 30px
}

.header ul.primary-menu li.current-menu-parent {
    margin-right: 45px;
}

.header ul.primary-menu a.active,
.header ul.primary-menu a:active,
.header ul.primary-menu a:hover,
.header ul.primary-menu a:focus {
    color: var(--normalFontColor)
}

.header ul.primary-menu li.current-menu-item a {
    color: var(--normalFontColor)
}

.header form {
    margin: 0;
    padding: 0;
    position: relative;
    margin-top: 4px;
}

.header form input.search {
    background-color: var(--white);
    border: 1px solid #ccc;
    border-radius: 4px;
    padding: 5px 35px 5px 10px;
    box-shadow: none;
    width: 70%;
    -webkit-transition: all 0.1s linear;
    -moz-transition: all 0.1s linear;
    -o-transition: all 0.1s linear;
    -ms-transition: all 0.1s linear;
    transition: all 0.1s linear;
    display: none;
}

.header form input.search.open {
    display: inline-block;
}

.header form input.search:focus {
    width: 80%;
    background-color: #fff;
    border-color: none;
    outline: 0
}

.header form i {
    position: absolute;
    top: 6px;
    right: 6px;
    color: var(--normalFontColor);
    cursor: pointer;
    user-select: none;
}

.header.headroom--top form i {
    position: absolute;
    top: 6px;
    right: 6px;
    color: var(--white);
}

.header:hover form i {
    color: var(--normalFontColor);
}

.header .navbar {
    background: #fff !important;
}

.header .title-wrapper {
    padding-top: 10px;
    padding-bottom: 10px;
}

.header .title-wrapper h1 a,
.header .title-wrapper h2 a,
.site-logo {
    background: url(assets/img/ShipVisionai.png) no-repeat;
    width: 215px;
    height: 54px;
    display: inline-block;
    text-indent: -10000px;
}

.header:hover .title-wrapper h1 a, .header.sticky .title-wrapper h1 a,
.header:hover .title-wrapper h2 a, .header.sticky .title-wrapper h2 a, .site-logo {
    background: url(assets/img/ShipVisionai.png) no-repeat;
}

.header-section-right {
    display: flex;
    justify-content: flex-end;
    width: 79%; 
    align-items: center;
}

.header ul.primary-menu>li:first-child a {
    background: url(assets/img/home-icon.svg) 4px 1px no-repeat;
    width: 20px;
    height: 20px;
    display: inline-block;
    text-indent: -10000px;
    top: 15px;
    filter: brightness(0) sepia(0) hue-rotate(-0deg) saturate(0);
}

.header ul.primary-menu>li.current-menu-item:first-child a,
.header ul.primary-menu>li:not(.current_page_item):not(.current-menu-item):first-child a:hover {
    filter: none;
}

.header.navbar ul.primary-menu>li a,
.header.navbar ul.primary-menu>li a:active,
.header.navbar ul.primary-menu>li a:focus,
.header.navbar ul.primary-menu>li.current-menu-item:hover a,
.header.navbar ul.primary-menu>li.current-menu-ancestor:hover a,
.header.navbar ul.primary-menu>li.current-menu-item a:hover,
.header.navbar ul.primary-menu>li.current-menu-ancestor a:hover {
    color: black;
}

.header.navbar.sticky ul.primary-menu>li a,
.header.navbar.sticky ul.primary-menu>li a:active,
.header.navbar.sticky ul.primary-menu>li a:focus,
.header.navbar.sticky ul.primary-menu>li.current-menu-item:hover a,
.header.navbar.sticky ul.primary-menu>li.current-menu-ancestor:hover a,
.header.navbar.sticky ul.primary-menu>li.current-menu-item a:hover,
.header.navbar.sticky ul.primary-menu>li.current-menu-ancestor a:hover,
.header:hover ul.primary-menu>li a,
.header:hover ul.primary-menu>li a:active,
.header:hover ul.primary-menu>li a:focus,
.header:hover ul.primary-menu>li a,
.header:hover ul.primary-menu>li a:active,
.header:hover ul.primary-menu>li a:focus,
.header:hover ul.primary-menu>li.current-menu-item:hover a,
.header:hover ul.primary-menu>li.current-menu-ancestor:hover a {
    color: var(--normalFontColor);
}

.header ul.primary-menu>li.menu-item-has-children {
    position: relative;
    margin-right: 40px;
}

.header ul.primary-menu>li a {
    transition: .5s all ease;
    font-size: var(--normalFontSize);
    padding-top: 2px;
}

.header ul.primary-menu>li.menu-item-has-children>a::after {
    content: '\e5ce';
    padding: 4px 6px 6px;
    font-family: "Material Icons";
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-align: center;
    text-decoration: inherit;
    text-transform: none;
    font-size: 1rem;
    transition: .5s all ease;
    position: absolute;
    transform: rotate(180deg);
}

.header ul.primary-menu>li.menu-item-has-children:hover>a:after {
    transform: rotate(0deg);
}

.header ul.primary-menu ul.sub-menu {
    display: none;
}

.header ul.primary-menu li::marker {
    display: none;
    visibility: hidden;
}

.header ul.primary-menu ul.sub-menu {
    background-color: #ffffff;
    position: absolute;
    top: 40px;
    left: -18px;
    width: 255px;
    z-index: 100002;
    animation: downOut 300ms ease-in-out forwards;
    transform-origin: center center;
    padding-left: 0;
    padding-top: 15px;
    padding-bottom: 15px;
    border-radius: 5px;
    border-radius: 3px;
    box-shadow: 0 14px 35px 0 rgb(9 9 12 / 40%);
}

.header ul.primary-menu ul.sub-menu:before {
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
    border-bottom: 8px solid #fff;
    top: -8px;
    content: '';
    left: 30px;
    margin-left: -10px;
    position: absolute;
}

.header ul.primary-menu ul.sub-menu:after {
    top: -14px;
    content: '';
    left: 0px;
    position: absolute;
    width: 100%;
    height: 15px;
    background: transparent;
}

.header ul.primary-menu li:last-child ul.sub-menu {
    left: auto;
    right: -40px;
}

.header ul.primary-menu li:last-child ul.sub-menu:before {
    left: auto;
    right: 40px;
    margin-left: -10px;
}

.header ul.primary-menu li:last-child ul.sub-menu:after {
    left: 0px;
}

.header ul.primary-menu>li:hover ul.sub-menu {
    display: block;
}

.header ul.primary-menu ul.sub-menu li,
.primary-menu.mobile-menu li {
    color: var(--normalFontColor);
    margin: 0;
    padding-top: 1px;
    overflow: hidden;
    list-style-type: none;
}

.primary-menu.mobile-menu li {
    border-bottom: 1px solid rgba(0, 0, 0, 0.05);
}

.primary-menu.mobile-menu>li.menu-item-has-children>.sub-menu {
    max-height: 0;
    transition: max-height 0.15s ease-out;
    padding-left: 0;
}

.primary-menu.mobile-menu>li.menu-item-has-children>ul.sub-menu.open {
    max-height: 500px;
    transition: max-height 0.25s ease-in;
}

.primary-menu.mobile-menu>li.menu-item-has-children a {
    position: relative;
    padding-right: 30px;
}

.primary-menu.mobile-menu>li.menu-item-has-children>.sub-menu a {
    padding-left: 30px;
}

.primary-menu.mobile-menu>li.menu-item-has-children>ul.sub-menu>li.menu-item-has-children ul {
    padding-left: 0;
}

.primary-menu.mobile-menu>li.menu-item-has-children>ul.sub-menu>li.menu-item-has-children ul a {
    padding-left: 60px;
    position: relative;
}

.primary-menu.mobile-menu>li.menu-item-has-children>a span.menu-icon {
    position: absolute;
    width: 40px;
    height: 40px;
    display: inline;
    right: 10px;
    top: 5px;
}

.primary-menu.mobile-menu>li.menu-item-has-children>a span.menu-icon::before,
.header ul.primary-menu>li ul.sub-menu>li.menu-item-has-children::after {
    content: "\e5e1";
    color: var(--normalFontColor);
    display: inline-block;
    width: 20px;
    height: 30px;
    font-family: "Material Icons";
    font-size: 1.2rem;
    font-weight: 400;
    position: absolute;
    right: 10px;
    top: 6px;
    transition: transform 0.3s ease;
    text-indent: 0;
    opacity: 0.6;
}

.primary-menu.mobile-menu>li.menu-item-has-children>ul.sub-menu>li.menu-item-has-children ul a::before {
    content: "-";
    right: auto;
    left: 40px;
    top: 11px;
    transform: rotate(0deg);
    position: absolute;
}

.primary-menu.mobile-menu>li.menu-item-has-children.submenu-open a span.menu-icon::before {
    transform: rotate(-90deg);
}

.header ul.primary-menu ul.sub-menu li a,
.primary-menu.mobile-menu li a {
    color: var(--normalFontColor);
    border-left: 3px solid #fff;
    font-size: var(--normalFontSize);
    padding: 7px 5px 7px 15px;
    transition: 0.5s;
    display: block;
}

.primary-menu.mobile-menu li a {
    padding: 10px 5px 10px 15px;
}

.header ul.primary-menu ul.sub-menu li a:hover,
.header ul.primary-menu ul.sub-menu li.current_page_item a,
.header ul.primary-menu ul.sub-menu li.current-menu-item a,
.primary-menu.mobile-menu li a:hover,
.primary-menu.mobile-menu li.current_page_item > a,
.primary-menu.mobile-menu li.current-menu-item > a,
.primary-menu.mobile-menu li.current-menu-ancestor>a {
    color: var(--normalFontColor);
    border-left: 3px solid var(--primaryColor);
    background-color: #F1F3F4;
}

.header ul.primary-menu ul.sub-menu ul.sub-menu {
    display: none;
}

.header ul.primary-menu>li ul.sub-menu>li {
    position: relative;
    overflow: visible;
}

.header ul.primary-menu>li ul.sub-menu>li:hover ul.sub-menu {
    display: block;
    right: 0;
    left: 100%;
    top: 0;
}

.header ul.primary-menu>li ul.sub-menu>li ul.sub-menu:before {
    border-top: 8px solid transparent;
    border-bottom: 8px solid transparent;
    border-right: 8px solid #fff;
    top: 8px;
    right: 0px;
    left: -6px;
    width: 8px;
}

.header ul.primary-menu>li ul.sub-menu>li.menu-item-has-children::after {
    font-size: 1rem;
    top: 12px;
}
@media (max-width: 1680px) {
    .header ul.primary-menu>li:nth-child(6)>ul.sub-menu>li.menu-item-has-children ul.sub-menu {
        right: auto;
        left: -100%;
    }
    .header ul.primary-menu>li:nth-child(6)>ul.sub-menu>li.menu-item-has-children ul.sub-menu::before {
        left: auto;
        right: -6px;
        border-right: none;
        border-left: 8px solid #fff;
    }
}

.header ul.primary-menu>li {
    position: relative;
    padding-left: 0;
    padding-right: 0;
}

.header ul.primary-menu>li::after {
    content: " ";
    display: block;
    width: 100%;
    left: 0;
    height: 2px;
    position: absolute;
    z-index: 0;
    opacity: 0;
    background-color: var(--primaryColor);
    background-image: none;
    height: 1px;
    bottom: 0;
    left: 50% !important;
    right: auto !important;
}

.header ul.primary-menu>li.menu-item-home {
    display: none;
}

.header ul.primary-menu>li::after {
    opacity: 0;
    width: 0;
    content: '';
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
}

.header ul.primary-menu>li:not(.current_page_item):not(.current-menu-item):hover::after,
.header ul.primary-menu>li.current-menu-item::after,
.header ul.primary-menu>li.current-menu-ancestor::after {
    opacity: 1;
    width: 100%;
    left: 0 !important;
    right: auto !important;
}

@-moz-keyframes downOut {
    0% {
        transform: translateZ(200px) transLateY(40px);
    }

    80% {
        transform: translateZ(-10px) transLateY(0px);
    }

    100% {
        transform: translateZ(0px) transLateY(0px);
    }
}

@-webkit-keyframes downOut {
    0% {
        transform: translateZ(200px) transLateY(40px);
    }

    80% {
        transform: translateZ(-10px) transLateY(0px);
    }

    100% {
        transform: translateZ(0px) transLateY(0px);
    }
}

@-o-keyframes downOut {
    0% {
        transform: translateZ(200px) transLateY(40px);
    }

    80% {
        transform: translateZ(-10px) transLateY(0px);
    }

    100% {
        transform: translateZ(0px) transLateY(0px);
    }
}

@keyframes downOut {
    0% {
        transform: translateZ(200px) transLateY(40px);
    }

    80% {
        transform: translateZ(-10px) transLateY(0px);
    }

    100% {
        transform: translateZ(0px) transLateY(0px);
    }
}

#side-drawer {
    height: 100vh;
    width: 336px;
    z-index: 1032;
    top: 0;
    left: -336px;
    transition: left 0.25s ease;
}

#side-drawer-void {
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 1031;
    /* z-index of standard bootstrap navbar is 1030 */
    background: rgba(0, 0, 0, .6);
}

@media (min-width: 992px) {
    .navbar-expand-lg .navbar-collapse {
        display: flex !important;
        flex-basis: auto;
        flex-grow: unset;
        padding-right: 50px;
    }
}


.btn.lets-talk-btn {
    display: none!important;
    background: url(assets/img/lets-talk-btn.svg) no-repeat;
    width: 64px;
    height: 50px;
    display: inline-block;
    box-shadow: none;
    text-indent: -10000px;
    transition: all 0.3s ease-in;
}

.btn.lets-talk-btn:hover {
    background: url(assets/img/lets-talk-btn-hover.svg) no-repeat;
}

.navbar-light .navbar-toggler-icon {
    background: none;
}

.navbar-light .navbar-toggler-icon::before {
    content: '\e5d2';
    font-family: "Material Icons";
    color: #fff;
    font-size: 35px;
    margin-top: 3px;
    display: inline-block;
}

.header.sticky .navbar-toggler-icon::before,
.header.headroom--not-top .navbar-toggler-icon::before,
.header:not(.headroom--not-top):hover .navbar-toggler-icon::before {
    color: var(--normalFontColor);
}

@media (max-width: 992px) {
    .navbar-light .navbar-toggler {
        display: block !important;
    }

    #side-drawer .h-100 {
        overflow-y: auto;
    }

    .btn.lets-talk-btn {
        display: none;
    }

    .search {
        margin-top: 0 !important;
    }
}

/* --- footer --- */
.footer-hr {
    background-color: var(--primaryColor);
    width: 100%;
    height: 1px;
    margin: 30px 0;
}

.footer-wrapper {
    background-color: #000;
    background: url(assets/img/footer-bg.jpg) center bottom no-repeat;
    background-size: 100% 100%;
    padding-top: 20px;
    margin-top: -30px;
}

.partners-logo,
.badges-logo {
    margin: 0;
    padding-left: 0;
    list-style-type: none;
}

.partners-logo li,
.badges-logo li {
    display: inline-block;
    margin-left: 0;
    margin-right: 10px;
    margin-bottom: 15px;
}

.partners-logo li a,
.badges-logo li a {
    display: inline-block;
    text-indent: -10000px;
    height: 27px;
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%);
    transition: 0.5s;
}

.partners-logo li a:hover,
.badges-logo li a:hover {
    -webkit-filter: grayscale(0%);
    filter: grayscale(0%);
}

.partners-logo li a {
    background-repeat: no-repeat;
    background-size: cover;
}

.partners-logo li a.microsoft {
    background-image: url(assets/img/partner-logo-microsoft.svg);
    width: 120px;
    height: 40px;
}

.partners-logo li a.aws {
    background-image: url(assets/img/partner-logo-aws-advanced-consulting.svg);
    width: 96px;
    height: 41px;
    ;
}

.partners-logo li a.automation-anywhere {
    background-image: url(assets/img/partner-logo-automation-anywhere.svg);
    width: 96px;
    height: 34px;
}

.partners-logo li a.adobe-bronze {
    background-image: url(assets/img/partner-logo-adobe-bronze.svg);
    width: 120px;
    height: 32px;
}

.partners-logo li a.uipath {
    background-image: url(assets/img/partner-logo-uipath.svg);
    width: 67px;
    height: 23px;
    top: 7px;
    position: relative;
}

.badges-logo li a {
    width: 48px;
    height: 48px;
    background-size: 100%;
    background-repeat: no-repeat;
}

.badges-logo li a.badge-ISO9005 {
    background-image: url(assets/img/badge-ISO9005.svg);
}

.badges-logo li a.badge-ISO27001 {
    background-image: url(assets/img/badge-ISO27001.svg);
}

.middle-footer {
    margin-top: 20px;
    margin-bottom: 30px;
    color: var(--footerTextColor);
}

.middle-footer h2 {
    margin: 0 15px 15px 0 !important;
    color: var(--footerTextColor);
}

.middle-footer h3 {
    margin-top: 0;
}

.site-footer .middle-footer .middle-footer-right {
    padding: 0;
}

.site-footer .middle-footer .middle-footer-right .mdc-layout-grid__inner {
    align-items: flex-start;
}

.site-footer .middle-footer .middle-footer-right .mdc-layout-grid__inner h3 {
    margin-top: 0;
    margin-bottom: 10px;
}

.footer-industry-partner,
.footer-quality-badges {
    color: var(--footerTextColor);
}

.middle-footer .footer-links ul {
    margin: 0;
    padding-left: 0;
    list-style-type: none;
    padding-right: 5px;
}

.middle-footer .footer-links li {
    margin-left: 0;
    font-size: 0.8125rem;
    padding-bottom: 7px;

}

.middle-footer .footer-links li a,
.link {
    text-decoration: none;
    color: var(--footerTextColor);
    transition: 0.4s
}

.middle-footer .footer-links li a:hover,
.link:hover {
    color: var(--primaryColor);
}

.evr-text {
    font-size: 0.8125rem
}

.address-section.contact-addresses {
    padding-bottom: 20px;
}

.contact-address-box .address-section.contact-addresses .foot-add.address {
    border-bottom: 1px solid #E3E3E3;
    padding-bottom: 30px;
    margin-bottom: 10px;
    width: 280px;
}

.address-dropdown {
    display: flex;
    padding: 0 5px 0 15px;
}

.address-section .foot-add {
    font-size: 0.8125rem;
    position: relative;
    padding: 7px 0;
    padding-left: 25px;
    width: 300px;
}

.address-section .foot-add::before {
    content: "";
    width: 16px;
    height: 13px;
    left: 0;
    display: inline-block;
    position: absolute;
    left: 0px;
    top: 10px;
}

.address-section .foot-add.address::before {
    background: url(assets/img/icon-location.svg) center center no-repeat;
    height: 17px;
}

.address-section .foot-add.email::before {
    background: url(assets/img/icon-mail.svg) center center no-repeat;
}

.address-section .foot-add.phone::before {
    background: url(assets/img/icon-phone.svg) center center no-repeat;
    height: 15px;
}

.page-template-contact-page .address-section .foot-add {
    font-size: 1rem;
}

.page-template-contact-page .address-section .foot-add.email::before {
    top: 13px;
}

.contact-intro .link {
    color: var(--normalFontColor);
}

.contact-intro .address-section .foot-add.address::before,
.contact-intro .address-section .foot-add.email::before,
.contact-intro .address-section .foot-add.phone::before {
    filter: brightness(0) sepia(0) hue-rotate(-0deg) saturate(0);
}

.contact-intro {
    z-index: 1;
    position: relative;
}

.contact-intro .container {
    z-index: 2;
    position: relative;
}

.jobs-contact-page-bottom-edge {
    position: absolute;
    left: 0;
    height: 76px;
    width: 100%;
    background: transparent;
    overflow: hidden;
    bottom: -48px;
}

.jobs-contact-page-bottom-edge::after {
    content: "";
    width: 113%;
    height: 50px;
    background-color: #fff;
    transform: rotate(-2deg);
    position: absolute;
    top: -1px;
}

.footer-address {
    min-height: 155px;
}

.scroll-pad a.active {
    font-weight: 400;
    color: var(--primaryColor);
    pointer-events: none;
}

.custom-dd {
    margin-right: 4px;
}

.custom-dd.active {
    z-index: 999
}

.footer-address-dd {
    padding: 0 5px;
    display: flex;
    flex-direction: row;
}

.custom-dd {
    position: relative;
    max-width: 100%;
    text-align: left;
    z-index: 200;
    ;
}

.custom-dd .address-dropdown {
    position: relative;
    font-weight: 400;
    font-size: 0.875rem;
    line-height: 2;
    height: 35px;
    transition: all 200ms linear;
    border-radius: 4px;
    width: auto;
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-align-items: center;
    align-items: center;
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
    text-align: center;
    border: none;
    background-color: transparent;
    cursor: pointer;
    color: var(--footerTextColor);
    border: 1px solid #636363;
    box-shadow: 0px 7px 20px rgba(0, 0, 0, 3%);
    border-radius: 3px;
    font-weight: 300;
    padding-left: 10px;
    padding-right: 20px;
}

.custom-dd .address-dropdown:after {
    position: absolute;
    right: 7px;
    top: 1px;
    content: "";
    width: 15px;
    height: 15px;
    cursor: auto;
    pointer-events: none;
    content: '\e5cf';
    font-family: "Material Icons";
    display: inline-block;
    font-size: 1rem
}

.custom-dd .address-dropdown:before,
.custom-dd .address-dropdown:before {
    position: fixed;
    top: 0;
    left: 0;
    content: "";
    width: 100%;
    height: 100%;
    z-index: -1;
    cursor: auto;
    pointer-events: none;
}

.custom-dd .address-dropdown .uil {
    font-size: 24px;
    margin-left: 10px;
    transition: transform 200ms linear;
}

.custom-dd .address-dropdown .uil {
    transform: rotate(180deg);
    font-size: 24px;
    margin-left: 10px;
    transition: transform 200ms linear;
}

.custom-dd .section-dropdown {
    position: absolute;
    padding: 5px;
    padding-left: 0px;
    background-color: #fff;
    top: 40px;
    left: 0;
    width: 100%;
    border-radius: 4px;
    display: block;
    box-shadow: 0 14px 35px 0 rgba(9, 9, 12, 0.4);
    z-index: 2;
    opacity: 0;
    pointer-events: none;
    transform: translateY(20px);
    transition: all 700ms linear;
    display: none;
}

.scroll-pad {
    transition: all 200ms ease;
    max-height: 100px;
    overflow-y: auto;
}

.custom-dd .section-dropdown .scroll-pad::-webkit-scrollbar-track {
    background: #ECEAEA;
    border-radius: 3px;
    width: 3px;
    right: 5px;
}

.custom-dd .section-dropdown .scroll-pad::-webkit-scrollbar {
    width: 5px;
    background: #D9D9D9;
    border-radius: 3px;
}

.custom-dd .section-dropdown .scroll-pad::-webkit-scrollbar-thumb {
    width: 5px;
    background: #D9D9D9;
    border-radius: 3px;
}

.custom-dd.active .section-dropdown {
    opacity: 1;
    pointer-events: auto;
    transform: translateY(0);
    display: block;
    min-width: 140px;
}

.custom-dd .section-dropdown:before {
    position: absolute;
    top: -20px;
    left: 0;
    width: 100%;
    height: 20px;
    content: "";
    display: block;
    z-index: 1;
}

.custom-dd .section-dropdown:after {
    position: absolute;
    top: -5px;
    left: 9px;
    width: 0;
    height: 0;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-bottom: 5px solid #fff;
    content: "";
    display: block;
    z-index: 2;
    transition: all 200ms linear;
}

.custom-dd a {
    position: relative;
    color: #fff;
    transition: all 200ms linear;
    font-weight: 300;
    font-size: 15px;
    line-height: 15px;
    border-radius: 2px;
    padding: 5px;
    margin: 2px 0;
    text-align: left;
    text-decoration: none;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -moz-align-items: center;
    -ms-align-items: center;
    align-items: center;
    justify-content: space-between;
    -ms-flex-pack: distribute;
    color: var(--normalFontColor);
}

.custom-dd a:hover {
    color: var(--primaryColor);
}

.custom-dd a.disabled {
    cursor: default;
    font-weight: 400;
    color: var(--normalFontColor);
}

.custom-dd a.active {
    color: var(--primaryColor)
}

.custom-dd a .uil {
    font-size: 22px;
}



@media screen and (max-width: 991px) {
    .logo {
        top: 30px;
        left: 20px;
    }

    .footer-address-dd {
        flex-wrap: wrap;
    }

    .custom-dd {
        flex-direction: column;
        flex-basis: 100%;
        flex: 1;
    }

    .custom-dd .address-dropdown {
        width: 159px;
    }
}


.animate-right {
    position: relative;
    animation: animateright 0.5s ease-out;
}


h3.animate-right {
    position: relative;
    animation: animateright .7s ease-out;
}

@keyframes animateright {
    from {
        right: -300px;
        opacity: 0
    }

    to {
        right: 0;
        opacity: 1
    }
}

.value_box1,
.value_box2 {
    display: flex;
    flex-direction: row;
    text-align: center;
    padding: 9px;
}

.lower-footer {
    color: #fff;
    height: 60px;
    width: 100%;
    font-size: 11px;
    overflow: hidden;
    padding: 20px;
}

.lower-footer .mdc-layout-grid {
    padding: 20px 15px;
}

.lower-footer ul {
    margin: 0;
    padding: 0;
    list-style-type: none;
    float: right;
}

.lower-footer ul li {
    display: inline-block;
    margin-left: 10px;
    margin-top: 3px;
}

.lower-footer ul li a {
    width: 18px;
    height: 18px;
    display: inline-block;
    text-indent: -10000px;
    opacity: 0.7;
    transition: 0.5s;
}

.lower-footer ul li a:hover {
    opacity: 1;
}

.lower-footer ul li a.instagram {
    background-image: url(assets/img/footer-icon-instagram.svg);
    background-repeat: no-repeat;
}

.lower-footer ul li a.facebook {
    background-image: url(assets/img/footer-icon-facebook.svg);
    background-repeat: no-repeat;
}

.lower-footer ul li a.twitter {
    background-image: url(assets/img/footer-icon-twitter.svg);
    background-repeat: no-repeat;
}

.lower-footer ul li a.linkedin {
    background-image: url(assets/img/footer-icon-linkedin.svg);
    background-repeat: no-repeat;
}

.footer-logo-black {
    display: none;
}

@media (max-width: 767px) {

    .middle-footer .footer-links:last-child>div {
        margin-bottom: 0;
        padding-bottom: 0;
        border: 0;
    }

    .footer-logo-white {
        display: inline-block;
    }

    .footer-logo-black {
        display: none;
    }

    .lower-footer .col-md-6 {
        text-align: center;
    }

    .lower-footer ul {
        float: none;
        margin-top: 20px;
    }

    .lower-footer {
        height: auto;
    }
}


/* ----- Home banner ----- */
.home-banner-wrapper,
.banner-slider{
    height: 100vh;
    width: 100%;
    background: #232267 url(assets/img/loading.gif) center center no-repeat;
}
.banner-slider {
    height: auto;
    overflow: hidden;
}

#home_banner_slider .owl-item .container h2,
#home_banner_slider .owl-item .container h1,
#home_banner_slider .owl-item .container p,
.banner-slider .owl-item .container h2,
.banner-slider .owl-item .container h1,
.banner-slider .owl-item .container p {
    position: relative;
    margin-left: 0%;
    transform: translateX(100%);
    opacity: 0;
    color: #fff;
}

#home_banner_slider .owl-item .container h2,
#home_banner_slider .owl-item .container h1,
.banner-slider .owl-item .container h2,
.banner-slider .owl-item .container h1 {
    font-weight: 700;
    font-size: 2.875rem !important;
    line-height: 3.25rem;
    padding-top: 0px;
    margin-top: 0;
}

.banner-slider .owl-item .container img  {
    margin-bottom: 20px;
}

#home_banner_slider .owl-item .container p,
.banner-slider .owl-item .container p {
    font-weight: 400;
    font-size: 1.75rem;
    line-height: 2.25rem;
}


#home_banner_slider .owl-item.active .container h1,
.banner-slider .owl-item.active .container h1,
#home_banner_slider .owl-item.active .container h2,
.banner-slider .owl-item.active .container h2 {
    position: relative;
    animation: slide-in-anim 1.5s ease-out forwards;
}

#home_banner_slider .owl-item.active .container p,
.banner-slider .owl-item.active .container p {
    position: relative;
    animation: slide-in-anim 2s ease-out forwards;
}


@keyframes animateright {
    from {
        right: -500px;
        opacity: 0
    }

    to {
        right: 0;
        opacity: 1
    }
}


@keyframes slide-in-anim {
    20% {
        opacity: 0;
    }

    60% {
        transform: translateX(-5%);
    }

    75% {
        transform: translateX(-2%);
    }

    100% {
        opacity: 1;
        transform: translateX(-0%);
    }
}

#home_banner_slider.sa_owl_theme .owl-dots,
.banner-slider .sa_owl_theme .owl-dots {
    bottom: 130px !important;
    left: 50%;
    position: absolute;
    z-index: 10;
    width: auto;
    background: rgba(0, 0, 0, 0.5);
    border-radius: 10px;
    padding: 6px 3px !important;
    display: flex !important;
    justify-content: center;
    align-items: center;
    transform: translateX(-50%);

}

.banner-slider .sa_owl_theme .owl-dots {
    bottom: 20px !important;
}

#home_banner_slider.sa_owl_theme .owl-dots button,
.banner-slider .sa_owl_theme .owl-dots button {
    position: relative;
    z-index: 10;
}

#home_banner_slider.sa_owl_theme .owl-dots .owl-dot,
.banner-slider .sa_owl_theme .owl-dots .owl-dot {
    background-color: rgba(255, 255, 255, 0.8) !important;
    width: 4px !important;
    height: 4px !important;
    border-radius: 100%;
    transition: all 0.3s ease;
    margin: 0 3px;
}


#home_banner_slider.sa_owl_theme .owl-dots .owl-dot.active,
.banner-slider .sa_owl_theme .owl-dots .owl-dot.active {
    background-color: rgba(255, 255, 255, 0.8) !important;
    width: 8px !important;
    height: 8px !important;
}


#home_banner_slider.sa_owl_theme .owl-dots .owl-dot span,
#home_banner_slider.sa_owl_theme .owl-dots .owl-dot.active span,
.banner-slider .sa_owl_theme .owl-dots .owl-dot span,
.banner-slider .sa_owl_theme .owl-dots .owl-dot.active span {
    background: transparent !important;
}

#home_banner_slider.owl-pagination-true,
.banner-slider .owl-pagination-true {
    margin-bottom: 0 !important;
    background-color: #022C3C;
}

.home-banner-container .scroll-down {
    background: url(assets/img/scroll-down.svg) no-repeat;
    display: inline-block;
    position: absolute;
    width: 13px;
    height: 135px;
    left: 110px;
    bottom: 20px;
    opacity: 0.7;

}


@-webkit-keyframes bounceIn {
    0% {
        transform: scale(0.3);
        opacity: 0.1
    }

    50% {
        transform: scale(2);
        opacity: 1
    }

    70% {
        transform: scale(.6);
        opacity: 1
    }

    100% {
        transform: scale(1);
        opacity: 1
    }
}

@keyframes bounceIn {
    0% {
        transform: scale(0.3);
        opacity: 0.0
    }

    50% {
        transform: scale(1.5);
        opacity: 1
    }

    70% {
        transform: scale(.6);
        opacity: 1
    }

    100% {
        transform: scale(1);
        opacity: 1
    }
}

@-moz-keyframes bounceIn {
    0% {
        transform: scale(0.3);
        opacity: 0.0
    }

    50% {
        transform: scale(1.5);
        opacity: 1
    }

    70% {
        transform: scale(.6);
        opacity: 1
    }

    100% {
        transform: scale(1);
        opacity: 1
    }
}

@-o-keyframes bounceIn {
    0% {
        transform: scale(0.3);
        opacity: 0.0
    }

    50% {
        transform: scale(1.5);
        opacity: 1
    }

    70% {
        transform: scale(.6);
        opacity: 1
    }

    100% {
        transform: scale(1);
        opacity: 1
    }
}

@-ms-keyframes bounceIn {
    0% {
        transform: scale(0.3);
        opacity: 0.0
    }

    50% {
        transform: scale(1.5);
        opacity: 1
    }

    70% {
        transform: scale(.6);
        opacity: 1
    }

    100% {
        transform: scale(1);
        opacity: 1
    }
}

.home-banner-wrapper {
    position: relative;
}

.mouse-scroll {
    position: fixed;
    bottom: 10px;
    left: 50%;
    width: 55px;
    height: 75px;
    margin-left: -27px;
    z-index: 9;
    background-color: #000000;
    padding: 10px;
    border-radius: 30px;
    display: flex;
    justify-content: center;
    align-items: center;
    opacity: 0;
    -webkit-animation: fadeIn 1s;
    animation: fadeIn 1s;
    animation-fill-mode: forwards;
}

.mouse-scroll svg {
    width: 30px;
    height: 40px;
}

.mouse-scroll.scrolled,
.mouse-scroll.rightPosition {
    left: auto;
    margin-left: 0;
    right: 20px;
    bottom: 95px;
    opacity:0.5 !important
}

.mouse-scroll.scrolled:hover {
    opacity:1 !important
}

@-webkit-keyframes fadeIn {
    0% {
        opacity: 0;
    }

    99% {
        opacity: 0.99;
        width: 0;
        height: 0;
    }

    100% {
        opacity: 1000;
        width: 100%;
        height: 100%;
    }
}

@keyframes fadeIn {
    0% {
        opacity: 0;
    }

    99% {
        opacity: 0.99;
        width: 0;
        height: 0;
    }

    100% {
        opacity: 1000;
        width: 100%;
        height: 100%;
    }
}

@-webkit-keyframes fadeOut {
    0% {
        opacity: 1;
    }

    99% {
        opacity: 0.01;
        width: 100%;
        height: 100%;
    }

    100% {
        opacity: 0;
        width: 0;
        height: 0;
    }
}

@keyframes fadeOut {
    0% {
        opacity: 1;
    }

    99% {
        opacity: 0.01;
        width: 100%;
        height: 100%;
    }

    100% {
        opacity: 0;
        width: 0;
        height: 0;
    }
}


@-webkit-keyframes scroll {
    0% {
        transform: translateY(0);
    }

    30% {
        transform: translateY(60px);
    }
}

@keyframes scroll {
    0% {
        transform: translateY(0);
    }

    30% {
        transform: translateY(60px);
    }
}

svg #wheel {
    -webkit-animation: scroll ease 2s infinite;
    animation: scroll ease 2s infinite;
}

#home_banner_slider.owl-carousel.owl-drag .owl-item .container,
#home_banner_slider.owl-carousel.owl-drag .owl-item .container .row,
#home_banner_slider.owl-carousel.owl-drag .owl-item .container .col-md-6,
.banner-slider .owl-carousel .owl-item .container,
.banner-slider .owl-carousel .owl-item .container .row,
.banner-slider .owl-carousel .owl-item .container .col-md-6{
    height: 100%;
}

/* .banner-slider .owl-carousel .owl-item .container .col-md-6 {
    height: 570px;
} */

#home_banner_slider.owl-carousel.owl-drag .owl-item .sa_hover_container .container .col-md-6,
.banner-slider .owl-carousel .owl-item .sa_hover_container {
    align-items: start;
    justify-content: center;
    display: flex;
    flex-direction: column;
}
@media (max-width: 767px) {
    .mouse-scroll {
        display: none;
    }

    #home_banner_slider.owl-carousel.owl-drag .owl-item .sa_hover_container {
        min-height: 200px;
    }

    .banner-slider .owl-carousel .owl-item .sa_hover_container {
        min-height: 151px !important;
    }

    #home_banner_slider.owl-carousel.owl-drag .owl-item .sa_hover_container .col-md-6,
    .banner-slider .owl-carousel .owl-item .sa_hover_container .col-md-6{
        padding-top: 70px;
        position: absolute;
        top: -220px;
        background-color: #000;
        height: 220px;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: flex-start;
    }
    #home_banner_slider.owl-carousel .owl-stage-outer,
    .banner-slider .owl-carousel .owl-stage-outer{
        padding-top: 220px;
    }
    #home_banner_slider.sa_owl_theme .owl-dots,
    .banner-slider .sa_owl_theme .owl-dots {
        bottom: 20px !important;
    }

    #home_banner_slider.owl-pagination-true,
    .home-banner-wrapper, .banner-slider {
        height: auto !important;
    }

    #home_banner_slider .owl-item .container h2,
    .banner-slider .owl-item .container h2,
    #home_banner_slider .owl-item .container h1,
    .banner-slider .owl-item .container h1 {
        padding-top: 0px;
    }

    .banner-slider .owl-item .container h2 {
        font-size: 1.375rem !important;
        line-height: 1.625rem;
    }

    .banner-slider .owl-item .container img {
        width: 170px;
    }
    
    #home_banner_slider .owl-item .container p,
    .banner-slider .owl-item .container p {
        font-size: 1.125rem;
        font-weight: 400;
        line-height: 1.5rem;
    }
}

/* ------ Award and recognitions------- */

.awards-recognition {
    width: 100%;
    margin-bottom: 30px;
    margin-top: 50px;
}

.awards-recognition .awards-recognition-inner {
    text-align: cenleftter;
    padding: 0 20px 20px;
}

.awards-recognition .awards-recognition-inner h2 {
    font-size: 2.125rem;
    font-weight: 400;
    margin-top: 0
}

.awards-recognition .timeline-wrapper {
    position: relative;
}

.timeline-container-wrapper {
    width: 100%;
    overflow: hidden;
}

.timeline-section {
    display: flex;
    justify-content: center;
}

.timeline-section .container {
    margin-left: 0;
    margin-right: 0;
}

.timeline {
    position: relative;
    overflow: hidden;
    max-width: 100%;
    width: 100%;
}

.footer-timeline .owl-item>div,
.thumbs-block .thumbs div {
    text-align: center;
    background: url(assets/img/timeline.svg) -50px 132px no-repeat;
}

.footer-timeline .owl-item>div figure {
    padding: 20px 10px 20px 10px;
    min-height: 175px;
    margin-bottom: 0;
}

.footer-timeline .owl-item>div figure img {
    max-height: 100px;
    max-width: 97%;
    width: auto !important;
    display: inline-block !important;
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%);
    transition: all 0.5s ease-in;
}

.footer-timeline .owl-item>div:hover figure img {
    -webkit-filter: grayscale(0%);
    filter: grayscale(0%);
}

.footer-timeline .time {
    padding: 10px;
}

.footer-timeline .time .year {
    color: var(--normalFontColor);
    font-size: 1.125rem;
    transition: all 0.5s ease-in;
}

.footer-timeline .owl-item>div:hover .year {
    color: var(--primaryColor);
}

.footer-timeline .time .text {
    color: #969696;
    font-size: var(--normalFontSize);
}

/* --- How can we help box---- */

.help-box-section {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 80px 112px;
    gap: 24px;
    width: 100%;
    height: 301px;
    background: linear-gradient(92.5deg, #D71F46 0%, #6435A1 99.99%, #6435A1 100%);
    flex: none;
    order: 2;
    flex-grow: 0;
    color: var(--white);
    margin: 0 0 20px 0;
    z-index: 9;
    position: relative;
}

@media (max-width: 767px) {
    .help-box-section {
        padding: 80px 30px;
        text-align: center;
    }
}

/* --- Home embracing total experience box---- */

.embracing-total-experience-box {
    background: #232267 url(assets/img/ete-white-curve.svg) right 100.5% no-repeat;
    background-size: 100%;
    padding-bottom: 130px;
    color: var(--white);
    margin-bottom: 40px;
    position: relative;
}

.embracing-total-experience-box::before,
.embracing-total-experience-box::after {
    content: "";
    display: inline-block;
    position: absolute;
    z-index: 1;
}

.embracing-total-experience-box::before {
    background: url(assets/img/ete-top-lines-bg.svg) no-repeat;
    width: 261px;
    height: 205px;
    right: -97px;
    top: -97px;
}

.embracing-total-experience-box::after {
    background: url(assets/img/ete-bottom-lines-bg.svg) no-repeat;
    width: 403px;
    height: 547px;
    left: -164px;
    bottom: -345px;
}

.embracing-total-experience-box .journeys-progress-item-inner {
    z-index: 2;
    position: relative;
}

.experiences-journeys-box {
    position: relative;
    padding-top: 30px;
}

.journeys-progress-item-inner {
    padding-left: 75px;
    position: relative;
    padding-top: 20px;
    padding-bottom: 10px;
}

.mt-init-box {
    font-size: 1rem;
    font-weight: 500;
    color: #fff;
    text-align: center;
    height: 62px;
    width: 62px;
    padding-top: 2px;
    border: 5px solid #FD1CC2;
    border-radius: 10px;
    position: absolute;
    left: 0px;
    top: 23px;
}

.btn.btn-primary.explore-btn {
    transition: .5s;
    font-size: 1.0625rem;
    line-height: 1.0625rem;
    text-align: center;
    min-width: 122px;
    color: var(--normalFontColor);
    background: #FFFFFF;
    height: 64px;
    padding: 23px 30px 20px 30px;
    gap: 10px;
    margin-top: 25px;
    width: 148px;
    box-shadow: 0px 10px 20px rgba(0, 80, 239, 0.2);
    border-radius: 50px;
    position: relative;
    overflow: hidden;
    cursor: pointer;
}

.help-box-section .btn.btn-primary.explore-btn {
    width: 200px
}

.btn.btn-primary.explore-btn:before,
.btn.btn-primary.explore-btn:after {
    content: "";
    position: absolute;
    display: block;
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    z-index: 9;
}

.btn.btn-primary.explore-btn:before {
    transform: translate3d(-100%, 0, 0);
    background-color: rgba(0, 0, 0, 0.05);
    border: 1px solid rgba(0, 0, 0, 0.05);
    transition: transform 300ms cubic-bezier(0.55, 0.055, 0.675, 0.19);
}

.btn.btn-primary.explore-btn:after {
    background-color: var(--primaryColor);
    border: 1px solid var(--primaryColor);
    transform: translate3d(100%, 0, 0);
    transition: transform 300ms 300ms cubic-bezier(0.16, 0.73, 0.58, 0.62);
}

.btn.btn-primary.explore-btn span {
    z-index: 100;
    position: relative;
    transition: all 0.3s ease-in;
}

.btn.btn-primary.explore-btn:hover span {
    color: #fff;
    transition-delay: .2s;
}

.btn.btn-primary.explore-btn:hover:before,
.btn.btn-primary.explore-btn:hover:after {
    transform: translate3d(0, 0, 0);
}

.btn.btn-primary.explore-btn.bule {
    color: #FFFFFF;
    background: var(--primaryColor);
}

.btn.btn-primary.explore-btn:before,
.btn.btn-primary.explore-btn:after {
    content: "";
    position: absolute;
    display: block;
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    z-index: 9;
}

.btn.btn-primary.explore-btn:before {
    transform: translate3d(-100%, 0, 0);
    background-color: rgba(0, 0, 0, 0.05);
    border: 1px solid rgba(0, 0, 0, 0.05);
    transition: transform 300ms cubic-bezier(0.55, 0.055, 0.675, 0.19);
}

.btn.btn-primary.explore-btn:after {
    background-color: var(--primaryColor);
    border: 1px solid var(--primaryColor);
    transform: translate3d(100%, 0, 0);
    transition: transform 300ms 300ms cubic-bezier(0.16, 0.73, 0.58, 0.62);
}

@media (max-width: 768px) {
    .btn.btn-primary.explore-btn {
        height: 44px;
        padding: 13px 30px;
        margin-top: 15px;
    }
}

.mt-init-box span {
    font-size: 2.2rem;
    font-weight: 700;
}

.mt-init-box.cx {
    border-color: #AD49E2;
}

.mt-init-box.ux {
    border-color: #FBA01A;
}

.mt-init-box.ex {
    border-color: #FD1CC2;
}

.mt-init-box.mx,
.mt-init-box.tx {
    border-color: #005BE7;
}

.tx-graphic-wrapper {
    position: relative;
}

.tx-graphic-wrapper-inner {
    width: 100%;
    overflow: hidden;
    transition: all 0.3s ease;
    display: flex;
    justify-content: center;
}

.tx-graphic {
    width: 463px;
    height: 463px;
    display: block;
    background-size: 100% 100%;
    transition: all 0.3s ease;
}

.tx-graphic img {
    max-width: 100%;
    max-height: 100%;
}

.journeys-progress-item h3 {
    margin: 0;
    padding: 0px 0 10px 0;
    font-weight: 600;
}

.journeys-progress-item p {
    font-size: 1.125rem;
    line-height: 1.5rem;
    color: #CFCFCF
}

@media (max-width: 768px) {

    .tx-graphic {
        width: 100%;
        height: auto;
    }

    .tx-graphic-wrapper-inner {
        margin: 40px 0;
    }

    .experiences-journeys-box {
        margin-top: 0;
    }

    .home-banner-path-wrapper {
        display: none;
    }
}



/* ---- Driving Transformations Across Journeys (dta)--- */

.dta-wrapper {
    width: 100%;
    text-align: center;
    z-index: 1;
}

.dta-wrapper.dta-text-wrapper {
    padding-bottom: 100px;
    z-index: 2;
}

.home .dta-wrapper.dta-text-wrapper {
    padding-top: 20px;
    position: relative;
}


.dta-wrapper.talent {
    background: url(assets/img/home-talent-bg.jpg) left top no-repeat;
}

.dta-wrapper.digital {
    background: #C8172C url(assets/img/home-digital-bg.png) left top no-repeat;
}

.dta-wrapper.learning {
    background: #7900C3 url(assets/img/home-learning-bg.png) left top no-repeat;
}

.dta-wrapper.talent,
.dta-wrapper.digital,
.dta-wrapper.learning {
    text-align: left;
    height: 816px;
    background-size: cover;
    display: flex;
    align-items: center;
}

.dta-wrapper.digital .vg-box {
    display: flex;
    justify-content: flex-end;
}

.dta-wrapper-wht {
    width: 100%;
    background-color: #fff;
    padding-top: 20px;
}

.transformation-card {
    width: 100%;
    min-height: 245px;
    cursor: pointer;
    transition: all 0.3s ease;
    border-radius: 5px;
    background-color: transparent;
    color: var(--white);
    position: relative;
    z-index: 2;
    width: 519px;
    height: 532px;
    text-align: left;
    padding: 100px;
    background: url(assets/img/talant-frame-bg.png) left top no-repeat
}

.transformation-card.digital-box {
    background: url(assets/img/digital-frame-bg.png) left 0 no-repeat
}

.transformation-card.learning-box {
    background: url(assets/img/learning-frame-bg.png) left top no-repeat
}

.transformation-card .btn.btn-primary.explore-btn {
    margin-top: 15px;
}

.transformation-card-inner {
    width: 100%;
    height: 100%;
    padding: 35px 20px 20px 20px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: start;
    transition: all 0.3s ease;
    position: relative;
}

.transformation-card.digital-box .transformation-card-inner {
    padding: 40px 20px 20px 20px;
}

.transformation-card .title {
    color: var(--white);
    font-size: 3rem;
    font-weight: 900;
    transition: none;
}

.transformation-card .text,
.transformation-card .btn {
    font-weight: 400;
    padding: 15px 0 0;
    transition: all 0.3s ease;
}

.transformation-card .text {
    line-height: 25px;
}

.transformation-card .btn {
    padding: 15px 20px;
}

.transformation-card.active .transformation-card-inner {
    justify-content: flex-start;
    align-items: flex-start;
}

.transformation-card.active .title,
.transformation-card.active .text {
    color: #fff;
    text-align: left;
    padding-bottom: 10px;
}

.transformation-card.active .title {
    margin-bottom: 0;
}

.transformation-card.active.text {
    font-size: var(--normalFontSize);
    line-height: var(--normalLineHeight);
}

.transformation-card.active .text,
.transformation-card.active .btn {
    display: block;
    opacity: 1;
}

.transformation-card.active .btn {
    display: inline-block;
    opacity: 1;
    border: 1px solid #fff
}

.transformation-card.digital-box.active {
    background: rgba(221, 0, 0, 0.8);
}

.transformation-card.learning-box.active {
    background: rgba(106, 0, 255, 0.8);
}

.dta-union {
    position: absolute;
    width: 158px;
    height: 159px;
    bottom: 15px;
    background: #8B8B8B;
    background: url(assets/img/dtaj-union.svg) no-repeat;
    left: 50%;
    margin-left: -80px;
    transition: transform .5s ease;
    transform: rotate(0deg);
    display: flex;
    justify-content: center;
    align-items: center;
}

.dta-union-icon {
    background: url(assets/img/dtaj-union-arrow.svg) no-repeat;
    width: 24px;
    height: 40px;
    display: inline-block;
    transform: rotate(45deg);

}

.dta-union-icon.active {
    animation: downOut 300ms ease-in-out forwards;
    transform-origin: center center;
}


.home .dta-wrapper.dta-text-wrapper .dta-union {
    bottom: -45px;
}

.explore-btn-wrapper {
    border-top: 4px solid rgba(255, 255, 255, 0.2);
    margin-top: 40px;
    padding-top: 10px;
}

@media (max-width: 768px) {
    .dta-union {
        display: none;
    }

    .dta-wrapper.dta-text-wrapper {
        padding-bottom: 0;
    }

    .dta-wrapper-wht {
        height: auto;
    }

    .transformation-card .text,
    .transformation-card .btn {
        display: block;
        opacity: 1;
        margin-bottom: 0;
    }

    .transformation-card {
        margin: 20px 0;
        width: 100%;
        min-width: 370px;
        height: auto;
        background-size: 100% 100% !important;
        padding: 100px 60px;
    }

    .transformation-card-inner {
        padding: 20px 5px;
    }

    .transformation-card .transformation-card-inner {
        justify-content: flex-start;
        align-items: flex-start;
    }

    .transformation-card .title,
    .transformation-card .text {
        text-align: left;
        padding-bottom: 0px;
    }

    .transformation-card .title {
        margin-bottom: 0;
        font-size: 2rem;
    }

    .transformation-card .text {
        font-size: 1rem;
        line-height: 1.25rem;
    }

    .transformation-card .btn {
        display: inline-block;
        opacity: 1;
        border: 1px solid #fff
    }

    .dta-video-wrapper {
        display: none;
    }

    .transformation-card.Talent-box,
    .transformation-card.learning-box,
    .transformation-card.digital-box {
        background: #fff;
        color: #000;
        padding: 0 20px;
        border-radius: 0;
        position: absolute;
        top: -270px;
        left: 0;
    }

    .transformation-card-inner,
    .transformation-card .title {
        color: #000;
    }

    .dta-wrapper.talent,
    .dta-wrapper.digital,
    .dta-wrapper.learning {
        height: auto;
        min-height: 200px;
        margin-top: 280px;
        position: relative;
    }

    .transformation-card .transformation-card-inner .btn.btn-primary.explore-btn {
        color: #FFFFFF;
        background: var(--primaryColor);
        margin-top: 20px;
    }

    .dta-wrapper.dta-text-wrapper .intro {
        padding-left: 25px;
        padding-right: 25px;
    }
}

/* ---- Maximizing your Enterprise Capabilities --- */

.mec-wrapper {
    width: 100%;
    padding: 40px 0 0 0;
    background-color: #F7F7FC;
}

.mec-wrapper h2 {
    margin-bottom: 20px;
}

.mec-wrapper h3 {
    margin-top: 0;
    margin-bottom: 20px;
}

.mec-wrapper .mec-left p {
    margin-top: 20px;
}

.mec-wrapper .mec-left ul,
ul.unodered-list {
    padding-left: 20px;
}

.mec-wrapper .mec-left ul li,
ul.unodered-list li {
    padding: 4px 0 4px 10px;
    /* background: url(assets/img/list-icon.svg) left 13px no-repeat; */
    font-weight: 400;
}

.mec-wrapper .mec-left .circle-obj {
    display: inline-block;
    width: 174px;
    height: 174px;
    border-radius: 100%;
    margin-left: 30px;

    background: linear-gradient(180deg, rgba(0, 80, 239, 0.02) 0%, rgba(0, 80, 239, 0.04) 100%);
    border: 1px solid rgba(255, 255, 255, 0.05);
    transform: matrix(1, 0, 0, -1, 0, 0);
}

.about-page-graphic-card-wrapper,
.cat-listing .article-wrapper,
.job-list-item {
    background: #fff;
    box-shadow: 0px 7px 20px rgba(0, 0, 0, 5%);
    border-radius: 3px;
    padding: 10px 5px 10px 10px;
}

.mec-wrapper ul.mec-cards {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: row;
    z-index: 1;
}

.mec-wrapper ul.mec-cards li {
    list-style-type: none;
    position: relative;
    margin: 20px 10px;
}

.mec-wrapper ul.mec-cards li .card-box {
    box-shadow: none;
    background: #fff;
    width: 280px;
    height: 367px;
    color: var(--white);
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
}

.mec-wrapper ul.mec-cards li .card-box {
    box-shadow: none;
    background: url(assets/img/partnership-box-bg.jpg) left top no-repeat;
    width: 280px;
    height: 367px;
    padding: 15px;
}

.mec-wrapper ul.mec-cards li .card-box.mec-card-2 {
    background: url(assets/img/fortune-enterprises-box-bg.jpg) left top no-repeat;
}

.mec-wrapper ul.mec-cards li .card-box.mec-card-3 {
    background: url(assets/img/digital-transformations-box-bg.jpg) 0px top no-repeat;
}

.mec-wrapper ul.mec-cards li .card-box.mec-card-4 {
    background: url(assets/img/leadership-development-box-bg.jpg) left top no-repeat;
}

.mec-wrapper .mec-cards .card-box span,
.about-page-graphic-card-wrapper .about-page-graphic-title .about-page-graphic-icon.ico1 {
    width: 40px;
    height: 40px;
    background: url(assets/img/icon-partnership.svg) left top no-repeat;
    margin-right: 20px;
    text-indent: -10000px;
    display: inline-block;
}

.mec-wrapper .mec-cards .card-box span {
    margin-right: 0;
    margin-bottom: 0px;
    filter: brightness(255) sepia(0) hue-rotate(-0deg) saturate(0);
}

.mec-wrapper .mec-cards .card-box span.ico2 {
    background: url(assets/img/icon-fortune.svg) left top no-repeat;
}

.mec-wrapper .mec-cards .card-box span.ico3 {
    background: url(assets/img/icon-transformation.svg) left top no-repeat;
}

.mec-wrapper .mec-cards .card-box span.ico4 {
    background: url(assets/img/icon-leadership.svg) left top no-repeat;
}

.mec-wrapper .mec-cards .card-box .card-box-title {
    font-size: 2.5rem;
}

.mec-wrapper .mec-cards .card-box .card-box-subhead {
    line-height: 1.5rem !important
}

.mec-wrapper .mec-cards .card-box {
    align-items: center;
    display: flex;
    justify-content: center;
    position: relative;
    z-index: 1000;
    border-radius: 5px;
    transition: transform .5s ease;
}

/* .mec-wrapper .mec-cards .card-box:hover {
    transform: scale(1.06);
    box-shadow:0 0 15px 3px rgba(0,0,0,0.5);
} */
@media (min-width: 768px) and (max-width: 991px) {
    .mec-wrapper ul.mec-cards {
        flex-wrap: wrap;
    }

    .mec-wrapper ul.mec-cards li {
        margin: 10px;
    }
}



.about-page-graphic-card-wrapper {
    margin: 10px;
    position: relative;
}

.about-page-graphic-card-wrapper .about-page-graphic-title {
    font-size: 2.125rem;
    line-height: 2.5rem;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    margin-bottom: 10px
}

.about-page-graphic-card-wrapper .about-page-graphic-title .about-page-graphic-icon.ico1 {
    width: 40px;
    height: 40px;
    display: inline-block;
    background: url(assets/img/icon-partnership.svg) left top no-repeat;
    margin-right: 20px;
    text-indent: -10000px;
}


/* ------ Home page section marker floating menu ------- */

@property --c {
    syntax: '<color>';
    inherits: false;
    initial-value: #0029ff87;
}


.sticky-marker-nav {
    position: fixed;
    left: 0;
    top: 50%;
    margin-top: -208px;
    width: 112px;
    height: 416px;
    display: block;
    z-index: 9;
    --c: #0029ff87;
    background: radial-gradient(80% 50% at 0 50%, var(--c), rgba(0, 41, 255, 0) 100%);
    background-repeat: no-repeat;
    background-size: 100% 90%;
    /* transform: matrix(-0.01, -1, 1, -0.02, 0, 0); */
    display: flex;
    align-items: center;
    animation: bg-animate 15s ease infinite;
}

@keyframes bg-animate {
    0% {
        --c: #0029ff87;
    }

    50% {
        --c: #C8172C87;
    }

    100% {
        --c: #7900C3;
    }
}

.sticky-marker-nav ul {
    list-style-type: none;
    padding: 0 0 0 10px;
}

.sticky-marker-nav ul li {
    height: 20px;
    display: flex;
    align-items: center;
}

.sticky-marker-nav ul li a {
    position: relative;
    width: 20px;
    height: 2px;
    opacity: 0.5;
    display: inline-block;
    transition: all .3s ease-in-out;
    text-indent: -10000px;
    padding: 8px 0;
}

.sticky-marker-nav ul li a::before {
    content: "";
    width: 20px;
    height: 2px;
    display: inline-block;
    background-color: #fff;
    text-indent: -10000px;
    position: absolute;
    top: 0;
    left: 0;
    transition: all .3s ease-in-out;
}

.sticky-marker-nav ul li.active a,
.sticky-marker-nav ul li a:hover {
    width: 28px;
    height: 4px;
    opacity: 1;
}

.sticky-marker-nav ul li.active a::before,
.sticky-marker-nav ul li a:hover::before {
    width: 28px;
    height: 4px;
    opacity: 1;
}

@media (max-width: 768px) {
    .sticky-marker-nav {
        display: none;
    }
}


/* ------ Home Vision and growth ------- */

.vision-growth-wrapper {
    width: 100%;
    padding: 20px 20px 50px 20px;
    text-align: center;
    background-color: #fff;
}

body.home .vision-growth-wrapper {
    padding-bottom: 0;
}

.vision-growth-wrapper .vision-growth-wrapper-inner,
.dta-wrapper .dta-wrapper-inner {
    padding-bottom: 50px;
}


.vision-growth-wrapper .vision-growth-wrapper-inner h3,
.dta-wrapper .dta-wrapper-inner h3 {
    margin-top: 0;
}

.vision-growth-wrapper .vg-box {
    padding: 0 60px;
}

.vision-growth-wrapper .vg-box span {
    width: 40px;
    height: 40px;
    background: url(assets/img/icon-leading-hought.svg) left top no-repeat;
    display: inline-block;
    text-indent: -10000px;
}

.vision-growth-wrapper .vg-box span.vg-icon2 {
    background: url(assets/img/icon-technology-good.svg) left top no-repeat;
}

.vision-growth-wrapper .vg-box span.vg-icon3 {
    background: url(assets/img/icon-inspiring-next-gen-talent.svg) left top no-repeat;
}

@media (max-width: 768px) {
    .dta-wrapper .dta-wrapper-inner {
        padding-bottom: 0;
    }
}

/* Page featured area for title*/

.page-title {
    width: 100%;
    position: relative;
    padding: 0;
    margin: 0;
    background-color: #022C3C;
    min-height: 250px;
    color: var(--white);
    overflow: hidden;
}

.page-title img.featured {
    width: 100%;
    min-width: 100%;
    border-radius: 0;
    z-index: 1
}

.page-title .container {
    position: relative;
    height: 100%;
    z-index: 2;
    position: absolute;
    left: 0;
    top: 0;
    margin-left: 50%;
    transform: translate(-50%);
}

.page-title .container .row {
    height: 100%;
    align-items: center;
}

.page-title h1,
.page-title h2 {
    position: static;
    font-weight: 700;
}

.page-title h3,
.page-title .sub-heading {
    margin-top: 20px;
    font-weight: 400;
    font-size: 1.375rem;
}

.page-title h2,
.page-title h3,
.page-title .sub-heading {
    max-width: 650px;
}

.page-title .featured-btn,
.white-btn {
    font-weight: 700;
    font-size: 1.125rem;
    line-height: 1.5rem;
    color: #1A1A1A;
    background: #FFFFFF;
    border: 1px solid #FFFFFF;
    box-shadow: 0px 10px 20px rgba(0, 80, 239, 0.2);
    border-radius: 50px;
    margin-top: 20px;
    padding: 20px 30px;
    transition: all .3s ease-in-out;
}

.page-title .featured-btn:hover,
.white-btn:hover {
    background: var(--primaryColor);
    border-color: var(--primaryColor);
    color: #fff;
}

h3.sub-heading {
    font-weight: 400 !important;
    margin-top: 0;
}

body.page-template-industry-page .page-title .container .row,
body.page-template-partners-page .page-title .container .row,
/* body.category:not(.category-talent):not(.category-healthcare):not(.category-healthcare-services):not(.category-digital):not(.category-learning):not(.category-nursing) .page-title .container .row, */
body.category.category-partners .page-title .container .row,
body.category.category-industry .page-title .container .row,
body.category.category-services .page-title .container .row,
body.category.category-events-webinars .page-title .container .row,
body.page-template-microsoft-child-pages .page-title .container .row,
body.page-microsoft .page-title .container .row,
body.page-public-sector .page-title .container .row {
    justify-content: flex-end;
}

body.page-template-industry-page .page-title .container .row h1,
body.page-template-partners-page .page-title .container .row h1,
body.category .page-title .container .row h1,
body.page-template-industry-page .page-title .container .row h2,
body.page-template-partners-page .page-title .container .row h2,
body.category .page-title .container .row h2 {
    font-size: 2.75rem;
    top: 200px;
}

body.page-template-industry-page .page-title .container .row h3,
body.page-template-industry-page .page-title .container .row p.sub-heading,
body.page-template-partners-page .page-title .container .row h3,
body.page-template-partners-page .page-title .container .row p.sub-heading,
body.category .page-title .container .row h3,
body.category .page-title .container .row p.sub-heading {
    font-size: 1.75rem;
    line-height: 2.3125rem;
}

body.page-template-industry-page .page-section.why-trust.yellow-bg .why-trust-boxes .box::before,
body.page-template-partners-page .page-section.why-trust .why-trust-boxes .box::before {
    display: none;
}

@media (min-width: 768px) {
    .page-title .container .row .col-md-5 {
        width: 650px;
    }
}

@media (max-width: 767px) {
    .page-title {
        height: auto;
    }

    body.page-template-industry-page .page-title .container .row h2,
    body.page-template-partners-page .page-title .container .row h2,
    body.category .page-title .container .row h2 {
        font-size: 1.875rem;
    }

    body.page-template-industry-page .page-title .container .row h3,
    body.page-template-partners-page .page-title .container .row h3,
    body.category .page-title .container .row h3,
    body.page-template-industry-page .page-title .container .row p.sub-heading,
    body.page-template-partners-page .page-title .container .row p.sub-heading,
    body.category .page-title .container .row p.sub-heading {
        font-size: 1.25rem;
        line-height: 1.5625rem;
    }

    .page-title .container {
        background-color: #000;
        height: auto;
        padding-top: 88px;
        padding-bottom: 20px;
        position: initial;
    }

    .page-title img.featured {
        position: inherit;
    }
}

/*--------------------------
 Career page 
 --------------------------*/
.job-search-card,
.search-page-search-wrapper {
    position: relative;
    margin-top: -70px;
    margin-bottom: 40px;
    clear: both;
    background: linear-gradient(180deg, #41017C 0%, #0014C6 471.43%);
    box-shadow: 0px 7px 20px rgba(0, 0, 0, 0.07);
    border-radius: 3px;
    color: #fff;
}

.job-search-card .job-search-card-inner,
.search-page-search-wrapper .search-page-search {
    padding: 30px;
}

.job-search-card .job-search-card-inner p {
    font-weight: 300;
}

.job-search-card .job-search-card-inner p strong {
    font-weight: 600;
}

.job-search-card .job-search-card-inner .container {
    width: 100%;
    padding: 0;
}

.job-search-card .job-search-card-inner .container .col-md-5 {
    padding-right: 0;
}

.job-search-card .job-search-card-inner .input-field,
.search-page-search-wrapper .search-page-search .search {
    position: relative;
}

.job-search-card .job-search-card-inner input,
.search-page-search-wrapper .search-page-search input.search-box {
    border: 1px solid rgba(41, 41, 41, 0.1);
    box-shadow: 0px 7px 64px rgba(0, 0, 0, 0.07);
    border-radius: 0px;
    padding: 15px;
    font-size: var(--normalFontSize);
    font-weight: 300;
    height: 40px;
    padding-left: 40px;
    transition: all .3s ease-in;
}

.job-search-card .job-search-card-inner input:focus,
.search-page-search-wrapper .search-page-search input.search-box:focus {
    background: #fff;
    border-color: #fff;
}

.job-search-card .job-search-card-inner .input-field.search-job::before,
.job-search-card .job-search-card-inner .input-field.search-location::before,
.search-page-search-wrapper .search-page-search .search::before {
    width: 20px;
    height: 20px;
    background: url(assets/img/icon-location.svg) no-repeat;
    content: '';
    display: inline-block;
    position: absolute;
    top: 10px;
    left: 12px;
    z-index: 000;
    background-size: 100% 100%;
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%);
    transition: all .3s ease-in;
}

.job-search-card .job-search-card-inner .input-field.search-job::before,
.search-page-search-wrapper .search-page-search .search::before {
    background: url(assets/img/icon-search.svg) no-repeat;
}

.job-search-card .job-search-card-inner .input-field.search-job:focus-within::before {
    -webkit-filter: grayscale(0%);
    filter: grayscale(0%);
}

.job-search-card .job-search-card-inner .input-field.search-location:focus-within::before {
    -webkit-filter: invert(21%) sepia(74%) saturate(6355%) hue-rotate(220deg) brightness(95%) contrast(101%);
    ;
    filter: invert(21%) sepia(74%) saturate(6355%) hue-rotate(220deg) brightness(95%) contrast(101%);
    ;
}

.job-search-card .job-search-card-inner button {
    padding: 11px 24px;
    width: 100%;
    min-width: 139px;
    font-size: var(--normalFontSize);
    height: 40px;
    font-size: 1.0625rem;
    line-height: 1.125rem;
}

.jobs-search-page,
.main-search-page,
.custom-category-page {
    background-color: #F3F3F3;
    position: relative;
    padding-bottom: 80px;
    width: 100%;
}

.jobs-search-page-bottom-edge {
    position: absolute;
    bottom: 0;
    left: 0;
    height: 50px;
    width: 100%;
    background: transparent;
    overflow: hidden;
}

.jobs-search-page-bottom-edge::after {
    content: "";
    width: 102%;
    height: 50px;
    background: #fff;
    left: 0;
    transform: rotate(-2deg);
    position: absolute;
    bottom: -26px;
}

.half-circle-left {
    position: relative
}

.half-circle-left::before {
    content: "";
    position: absolute;
    width: 85px;
    height: 174px;
    left: 0;
    top: 45px;
    border-radius: 0 150px 150px 0;
    background: linear-gradient(180deg, rgba(0, 80, 239, 0.02) 0%, rgba(0, 80, 239, 0.04) 100%);
    transform: matrix(1, 0, 0, -1, 0, 0);
}


.page-template-career-page .joining-hands-section {
    background: url(assets/img/career/join-hands-career-bg.jpg) no-repeat;
    background-size: cover;
    color: #fff;
    padding-bottom: 80px;
}

.careers-page-wrap {
    background-color: #F3F3F3;
    position: relative;
}

.career-why-us-card {
    padding-top: 30px;
    z-index: 2;
}

.career-why-us-card .box {
    padding-top: 30px;
    padding-left: 95px;
    position: relative;
}

.career-why-us-card .box figure {
    position: absolute;
    width: 72px;
    height: 72px;
    left: 0;
    top: 32px;
}

.career-why-us-card .box .card-body {
    padding-top: 0;
    padding-left: 0;
}

.career-why-us-card .box .card-body h5 {
    margin-top: 0;
    font-size: 1.375rem;
    line-height: 1.5rem;
    font-weight: 900;
}

.career-why-us-card .box .card-body p {
    line-height: 1.6rem;
}

.career-why-us-card .box .img-fluid {
    min-width: 100%;
    min-height: 100%;
}

.triangle {
    width: 0px;
    height: 0px;
    border-left: 70px solid transparent;
    border-right: 70px solid transparent;
    border-bottom: 120px solid #fff;
    position: absolute;
    top: 0;
}

.left-triangle,
.right-triangle {
    position: absolute;
    left: 0px;
    top: 360px;
    height: 120px;
    width: 100px;
    overflow: hidden;
    z-index: 1;
}

.right-triangle {
    left: auto;
    right: 0;
    top: 140px;
}

.left-triangle .triangle {
    left: -40px;
}

.right-triangle .triangle {
    transform: rotate(43deg);
    right: -96px;
}

.jobs-search-page .left-triangle {
    top: 35%;
}

.jobs-search-page .right-triangle {
    top: 20%;
}

.jobs-search-page .article-wrapper {
    position: relative;
    z-index: 2;
}

/*--------------------------
 About us page style
 --------------------------*/
.about-us,
.intro-section {
    background: #fff;
    background-size: 100%;
    padding-bottom: 180px;
    margin-bottom: 40px;
    position: relative;
}

.about-us::before,
.why-trust.top-lines::before {
    content: "";
    display: inline-block;
    position: absolute;
    z-index: 1;
}

.about-us::before {
    background: url(assets/img/about-icons/top-right-lines.svg) no-repeat;
    width: 261px;
    height: 205px;
    right: 0;
    top: 0;
}

.why-trust.top-lines::before {
    background: url(assets/img/about-icons/bottom-left-lines.svg) no-repeat;
    width: 339px;
    height: 188px;
    left: 0;
    top: 0;
}

.about-us .row {
    z-index: 2;
    position: relative;
}

.about-us-box .box {
    transition: all .4s ease-in-out;
    position: relative;
}

.about-us-box .box:hover {
    transform: scale(1);
}

.about-us-box .box figure {
    position: relative;
    width: 100%;
}

.about-us-box .box figure img {
    min-width: 100%;
}

.about-us-box .box figure .text {
    position: absolute;
    bottom: 0px;
    padding: 20px;
    color: #fff;
    font-size: 1.375rem;
    line-height: 1.6875rem;
}

@media (max-width: 767px) {

    .page-section.about-us .about-us-box,
    .page-section.about-us .container .row .row {
        padding-right: 0;
    }

    .job-search-card {
        margin-top: 20px;
    }

    .left-triangle,
    .right-triangle { display: none;}
}

/* why trust compunnel*/

.why-trust,
.why-trust.page-section {
    color: var(--white);
    padding-top: 14%;
}

.why-trust .intro2 h3,
.why-trust .intro2 p.sub-heading {
    color: var(--white);
}

.why-trust-boxes {
    text-align: center;
}

.why-trust-boxes .box {
    padding: 50px 0;
    transition: all .4s ease-in-out;
    position: relative;
    margin: 10px 0;
    min-height: 190px;
}

.why-trust-boxes .box::before {
    content: "";
    background: linear-gradient(360deg, #000000 0%, rgba(0, 0, 0, 0) 113%);
    opacity: 0.5;
    border-radius: 5px;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
}

.why-trust-boxes .box:hover {
    transform: scale(1);
}

.why-trust-boxes .client-stories-box {
    text-align: left;
    color: var(--normalFontColor);
}

.why-trust-boxes .client-stories-box .card-title {
    height: 112px;
    max-height: 112px;
}

.why-trust.blue-graphical-bg .client-stories-box .cat-title {
    font-weight: 500;
    font-size: 0.875rem;
    line-height: 1rem;
    padding-bottom: 0px;
}

.why-trust.blue-graphical-bg .client-stories-box .cat-name {
    padding-bottom: 5px;
    display: inline-block;
}

.why-trust.blue-graphical-bg .client-stories-box .cat-name a,
.cat-listing.black-listing .article-wrapper .post-list-content span.tabSpan {
    font-weight: 500;
    font-size: 0.875rem;
    line-height: 1rem;
    padding-bottom: 0px;
    background-color: #0050EF;
    color: #fff;
    padding: 4px 9px;
    border-radius: 5px;
    border: 1px solid #0050EF;
    transition: all .3s ease-in;
}

.why-trust.blue-graphical-bg .client-stories-box .cat-name a:hover {
    border: 1px solid rgba(255, 255, 255, 0.6);
}

.why-trust.blue-graphical-bg .client-stories-box .cat-name,
.cat-listing.black-listing .article-wrapper .post-list-content .tags-container {
    position: absolute;
    right: 1rem;
    bottom: 1.2rem;
}

.cat-listing.black-listing .article-wrapper .post-list-content span.tabSpan {
    margin-right: 3px;
}

.what-we-think .client-stories-box {
    padding-bottom: 32px;
    background-color: #000;
}

.what-we-think .client-stories-box .card-body {
    height: 210px;
}

section.what-we-think .client-stories-box figure {
    background-color: #5c72ac;
    max-height: 200px;
    overflow: hidden;
}

.article-wrapper .article .client-stories-box img,
.why-trust-boxes .client-stories-box img {
    min-width: 100%;
}

/* our team */
body.page-about-compunnel .page-section.core-values {
    background-color: #fff;
    ;
}

.page-section.our-team {
    background-color: #F7F7FC;
}

.our-team-boxes .box {
    background: #fff;
    height: 195px;
    box-shadow: 1px 2px 10px rgba(0, 0, 0, 0.05);
    border-radius: 5px 5px 150px/16px 5px;
    margin: 10px 0;
    transition: all .3s ease-in-out;
}

.our-team-boxes .box .img-fluid {
    overflow: hidden;
    border-radius: 5px 0 0 5px;
}

.our-team-boxes .box:hover {
    border-radius: 5px;
    box-shadow: 0px 7px 16px rgba(0, 0, 0, 0.4);
}

.our-team-boxes .box .card-body {
    padding-bottom: 10px;
}

.our-team-boxes .box .card-title,
.teams-modal .modal-body h2 {
    margin-top: 0;
    margin-bottom: 5px;
    font-size: 1.5rem;
    line-height: 1.8125rem;
    font-weight: 300;
    position: relative;
    padding-right: 25px;
    padding-bottom: 5px;
}


.our-team-boxes .box .card-text,
.teams-modal .modal-body h3 {
    font-size: 1.125rem;
    line-height: 1.35rem;
    font-weight: 700;
    margin: 0;
    padding-bottom: 5px;
}

.our-team-boxes .box .readmore,
.client-stories-box .readmore,
.post-list-content .btn.read-more,
.services-box .readmore {
    width: 32px;
    height: 32px;
    border-radius: 50%;
    opacity: 0.5;
    border: 1px solid #fff;
    text-indent: -10000px;
    display: inline-block;
    margin-top: 10px;
    position: relative;
    transition: transform 0.3s ease;
}

.our-team-boxes .box .readmore::before,
.client-stories-box .readmore::before,
.post-list-content .btn.read-more::before,
.services-box .readmore::before {
    content: "\e5cc";
    color: #fff;
    display: inline-block;
    width: 20px;
    height: 30px;
    font-family: "Material Icons";
    font-size: 1.4rem;
    position: absolute;
    left: 5px;
    top: -1px;
    transition: transform 0.3s ease;
    text-indent: 0;
}

.our-team-boxes .box .readmore:hover,
.our-team-boxes .box:hover .readmore,
.client-stories-box .readmore:hover,
.client-stories-box:hover .readmore,
.cat-listing .article-wrapper:hover .post-list-content .btn.read-more,
.services-box:hover .readmore {
    opacity: 0.8;
}

.why-trust.yellow-bg,
.our-team-boxes .box .readmore,
.our-team-boxes .box .readmore::before {
    color: #000;
}

.our-team-boxes .box .readmore {
    border-color: #000;
}

.our-team-boxes .box .linkedIn,
.teams-modal .modal-body .linkedIn {
    background: url(assets/img/icon-linkedin.svg) no-repeat;
    width: 18px;
    height: 18px;
    margin-left: 20px;
    opacity: 1;
    display: inline-block;
    text-indent: -10000px;
    position: absolute;
    top: 7px;
    right: 0;
}

.teams-modal .modal-body .linkedIn {
    position: relative;
    top: 17px;
}

.our-team-boxes .box .linkedIn:hover,
.teams-modal .modal-body .linkedIn:hover {
    opacity: 0.8
}

.why-trust-boxes .box .nubers {
    font-size: 2.5rem;
    line-height: 2.5rem;
    font-weight: 900;
}

.light-blue-bg {
    background-color: #F0FFFE;
}

.why-trust.blue-graphical-bg {
    color: #fff;
    padding-top: 70px;
}

.why-trust.blue-graphical-bg .cat-title {
    font-size: 1.75rem;
    line-height: 2.1875rem;
    font-weight: 900;
    padding-bottom: 150px;
}

.page-section.connect-with-us-form {
    background: #F3FAFF url(assets/img/contact-bg-large.jpg) center bottom no-repeat;
    min-height: 749px;
    background-size: 100%;
    position: relative;
    padding-bottom: 150px;
    overflow: hidden;
}

.page-section.connect-with-us-form::after {
    content: "";
    z-index: 2;
    position: absolute;
    bottom: -40px;
    left: 0;
    width: 100%;
    background-color: #fff;
    transform: matrix(1,-.020,0,-1,0,0);
    height: 100px;
}

@media (max-width: 767px) {
    .connect-with-us-form.contact-form {
        min-height: auto;
        background-repeat: repeat-y;
    }
}

.connect-with-us-form .intro2 h2 {
    font-size: 2.125rem;
    line-height: 2.125rem;
    font-weight: 500;
    color: rgba(41, 41, 41, 1);
}

.connect-with-us-form .intro2 h3,
.connect-with-us-form .intro2 p.sub-heading {
    font-size: var(--normalFontSize);
    line-height: var(--normalLineHeight);
    font-weight: 500;
    color: rgba(41, 41, 41, 1);
}

.connect-with-us-form .hbspt-form .hs_subscribe_to_updates {
    margin-bottom: 0 !important;
}

body.modal-open .our-team {
    transform: none !important;
    transition: none !important;
}

.teams-modal .modal-body {
    text-align: left;
    padding-top: 0;
    margin-bottom: 1rem;
    z-index: 1;
}

.teams-modal .modal-body img.rounded-start {
    border-radius: 10px !important;
    float: left;
    margin-right: 20px;
}

.teams-modal .modal-body p {
    font-weight: 400;
    font-size: 1.125rem;
    line-height: 1.75rem;
    color: #292929
}

.teams-modal .modal-body h2 {
    margin-top: 0px;
    font-size: 2.5rem;
    line-height: 3rem;
    font-weight: 700;
    color: #1A1A1A;
}

.teams-modal .modal-body h3 {
    margin-bottom: 15px;
    font-size: 1.5rem;
    line-height: 1.8125rem;
    font-weight: 500;
    color: #767676;
}

.teams-modal .modal-header {
    border-bottom: none;
}

.modal-header .btn-close {
    border: 1px solid #222222;
    color: #000000;
    padding: 10px;
    position: absolute;
    top: 30px;
    right: 30px;
    border-radius: 100%;
    width: 13px;
    height: 13px;
    background-size: 40%;
    z-index: 2;
    background-color: #fff;
    opacity: 1;
}


@media (min-width: 768px) {

    .why-trust,
    .why-trust.page-section {
        background: url(assets/img/about-icons/why-trust-bg.jpg) no-repeat;
        background-size: cover;
        padding-bottom: 100px;
    }

    .why-trust.page-section.diversity-page-services {
        background: #36190E url(assets/img/diversity-service-section-bg.jpg) no-repeat;
        background-size: 100%;
    }

    .why-trust.yellow-bg {
        background: url(assets/img/industry/industry-page-yellow-bg.jpg) no-repeat;
        height: 652px;
        background-size: cover;
    }
}

.why-trust.blue-graphical-bg {
    background: url(assets/img/industry/industry-blue-bg.jpg) no-repeat;
    min-height: 528px;
    background-size: cover;
}
.page-section.diversity-page-our-vision {
    background: #000504 url(assets/img/diversity-our-vision-section-bg.jpg) no-repeat;
    min-height: 528px;
    background-size: cover;
}
body.page-template-industry-page .why-trust.blue-graphical-bg,
body.page-template-partners-page .why-trust.blue-graphical-bg,
.page-section.why-trust.white-bg {
    background: #fff;
    padding-top: 60px;
}

body.page-template-industry-page .why-trust.blue-graphical-bg .intro2 h2,
body.page-template-partners-page .why-trust.blue-graphical-bg .intro2 h2,
.page-section.why-trust.white-bg  .intro2 h2{
    color: #000;
}

@media (max-width: 767px) {

    .why-trust,
    .why-trust.page-section {
        background: url(assets/img/about-icons/why-trust-bg-mobile.jpg) repeat-y;
        background-size: cover;
    }

    .why-trust.yellow-bg {
        background: url(assets/img/industry/industry-page-yellow-bg-mobile.jpg) repeat-y;
        background-size: cover;
    }

    .why-trust.blue-graphical-bg {
        height: auto;
    }
}



/* Teams slider about us */

.teams-slider-box {
    padding: 50px 0 0;
    position: relative;
}

.teams-slider-box>* {
    text-shadow: none !important;
    font-family: 'Lato', sans-serif !important;
}

.teams-slider-box .wpm_6310_team_style_2,
.wpm_6310_team_style_3 {
    letter-spacing: normal !important
}

.teams-slider-box .wpm_6310_team_member_info {
    position: relative;
}

.teams-slider-box .wpm_6310_team_style_2_designation,
.wpm_6310_team_style_3_designation {
    font-weight: 400 !important;
    font-size: 1rem !important;
    padding-bottom: 5px;
}

.teams-slider-box .wpm_6310_team_style_2_title,
.teams-slider-box .wpm_6310_team_style_2_description,
.wpm_6310_team_style_3_title,
.wpm_6310_team_style_3_description,
.teams-slider-box .wpm_6310_team_style_2_designation,
.wpm_6310_team_style_3_designation {
    text-shadow: none !important;
    font-family: 'Lato', sans-serif !important;
    margin-bottom: 0px;
}

.teams-slider-box .wpm_6310_team_style_2_title,
.wpm_6310_team_style_3_title {
    font-weight: 400 !important;
    margin-bottom: 0px;
}

.teams-slider-box .wpm_6310_team_style_2_description,
.wpm_6310_team_style_3_description {
    font-weight: 300 !important;
}

.teams-slider-box .wpm_6310_team_member_info .wpm_6310_team_style_2_social li a,
.wpm_6310_modal_social a,
.wpm_6310_team_member_info .wpm_6310_team_style_3_social li a,
.wpm_6310_modal_social a {
    background: url(assets/img/icon-linkedin.svg) no-repeat !important;
    width: 18px;
    height: 18px;
    display: inline-block;
    text-indent: 10000px;
    position: absolute;
    left: auto;
    right: 10px;
    top: 319px;
}

.wpm_6310_team_member_info .wpm_6310_team_style_3_social li a {
    top: 289px;
}

.wpm_6310_modal_social a {
    position: static;
    border: none !important
}

.wpm_6310_modal_social a:hover {
    opacity: 0.8;
}

.wpm_6310_modal_social a i {
    display: none !important;
}

.teams-slider-box .wpm_6310_team_member_info {
    text-align: center;
}

.wpm-6310-owl-carousel .wpm-6310-owl-item img {
    max-height: 200px;
    min-height: 200px;
    width: 200px !important;
    height: 200px !important;
    border-radius: 50%;
    border: 1px solid #DCDCDC;
    margin: 0 auto !important;
    float: none !important;
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%);
    transition: all .7s ease-in
}

.wpm-6310-owl-carousel .wpm-6310-owl-item:hover img {
    -webkit-filter: grayscale(0%);
    filter: grayscale(0%);
}

#wpm-6310-slider-2 .wpm-6310-wpm-6310-owl-dots div.active {
    width: 15px;
    border-radius: 6px;
}

.teams-slider-box .wpm-6310-owl-prev,
.teams-slider-box .wpm-6310-owl-next {
    background: url(assets/img/icon-arrow-slider-next.svg) left center no-repeat !important;
    border-radius: 0 !important;
    width: 56px;
    text-indent: -10000px;
    display: inline-block;
    height: 25px;
    opacity: 0.5;
}

.teams-slider-box .wpm-6310-owl-next {
    background: url(assets/img/icon-arrow-slider-prev.svg) left center no-repeat !important;
}

.teams-slider-box .wpm-6310-owl-prev:hover,
.teams-slider-box .wpm-6310-owl-next:hover {
    opacity: 1;
}

.teams-slider-box .wpm-6310-owl-prev:hover::before,
.teams-slider-box .wpm-6310-owl-next:hover::before {
    content: '';
    background: #E6EEFE;
    opacity: 0.3;
    width: 50px;
    height: 50px;
    position: absolute;
    right: -23px;
    top: -14px;
    border-radius: 100%;
}

.teams-slider-box .wpm-6310-owl-next:hover::before {
    right: auto;
    left: -23px;
}

.wpm_6310_modal,
.wpm_6310_loading {
    background-color: rgba(0, 0, 0, 0.1) !important;
}

.wpm_6310_modal-content {
    background-color: rgba(255, 255, 255, 1) !important;
    width: 50% !important;
}

.wpm_6310_mmt_2 .wpm_6310_modal_template_1,
.wpm_6310_mmt_3 .wpm_6310_modal_template_1 {
    background-color: rgba(255, 255, 255, 1) !important;
}

.wpm_6310_modal_template_before,
.wpm_6310_modal_template_after {
    display: none !important;
}

.wpm-6310-close {
    color: rgba(0, 0, 0, 0.6) !important;
    font-size: 30px !important;
    font-weight: 300 !important;
    cursor: pointer;
    transition: 0.2s ease all;
}

.wpm-6310-close:hover {
    color: rgba(0, 80, 239, 1) !important;
}

.wpm_6310_modal-content {
    animation-name: none !important
}

.wpm_6310_mmt_2 .wpm_6310_modal_template_1 .wpm_6310_modal_name {
    margin-bottom: 0px !important;
}

.wpm_6310_mmt_2 .wpm_6310_modal_template_1 .wpm_6310_modal_designation {
    margin-bottom: 20px;
}

.wpm_6310_mmt_2 .wpm_6310_modal_template_1,
.wpm_6310_mmt_3 .wpm_6310_modal_template_1 {
    box-shadow: none !important;
    border: none !important
}

.wpm_6310_mmt_2 .wpm_6310_modal_template_1 .wpm_6310_modal_body_picture,
.wpm_6310_mmt_2 .wpm_6310_modal_template_1 .wpm_6310_modal_body_content,
.wpm_6310_mmt_3 .wpm_6310_modal_template_1 .wpm_6310_modal_body_picture,
.wpm_6310_mmt_3 .wpm_6310_modal_template_1 .wpm_6310_modal_body_content {
    float: none !important;
    width: 100% !important;
    text-align: center;
}

.wpm_6310_mmt_2 .wpm_6310_modal_template_1 .wpm_6310_modal_body_picture,
.wpm_6310_mmt_3 .wpm_6310_modal_template_1 .wpm_6310_modal_body_picture {
    padding: 20px;
}

.wpm_6310_mmt_2 .wpm_6310_modal_template_1 .wpm_6310_modal_body_picture img,
.wpm_6310_mmt_3 .wpm_6310_modal_template_1 .wpm_6310_modal_body_picture img {
    border-radius: 100%;
    padding: 0 !important;
    width: 120px !important;
    height: 120px !important;
}

.wpm_6310_mmt_2 .wpm_6310_modal_template_1 .wpm_6310_modal_designation,
.wpm_6310_mmt_2 .wpm_6310_modal_template_1 .wpm_6310_modal_name,
.wpm_6310_mmt_2 .wpm_6310_modal_template_1 .wpm_6310_modal_details,
.wpm_6310_mmt_3 .wpm_6310_modal_template_1 .wpm_6310_modal_designation,
.wpm_6310_mmt_3 .wpm_6310_modal_template_1 .wpm_6310_modal_name,
.wpm_6310_mmt_3 .wpm_6310_modal_template_1 .wpm_6310_modal_details {
    color: var(--normalFontColor) !important;
    font-family: 'Lato', sans-serif !important;
}

.wpm_6310_mmt_2 .wpm_6310_modal_template_1 .wpm_6310_modal_details,
.wpm_6310_mmt_3 .wpm_6310_modal_template_1 .wpm_6310_modal_details {
    font-size: var(--normalFontSize);
}

.wpm_6310_mmt_2 .wpm_6310_modal_template_1 .wpm_6310_modal_name,
.wpm_6310_mmt_3 .wpm_6310_modal_template_1 .wpm_6310_modal_name {
    color: rgba(0, 80, 239, 1) !important;
}

.wpm_6310_mmt_2 .wpm_6310_modal_template_1 .wpm_6310_modal_designation,
.wpm_6310_mmt_3 .wpm_6310_modal_template_1 .wpm_6310_modal_designation {
    text-transform: none !important;
    font-weight: 400 !important;
}

.wpm_6310_mmt_2 .wpm_6310_modal_template_1 .wpm_6310_modal_social,
.wpm_6310_mmt_3 .wpm_6310_modal_template_1 .wpm_6310_modal_social {
    display: none !important;
}

@media screen and (min-width: 991px) {


    .teams-slider-box .wpm-6310-owl-prev,
    .teams-slider-box .wpm-6310-owl-next {
        right: auto !important;
        left: -100px !important;
    }

    .teams-slider-box .wpm-6310-owl-prev {
        top: calc(50% - 20px) !important;
    }

    .teams-slider-box .wpm-6310-owl-next {
        left: -120px !important;
        top: calc(50% + 20px) !important;
    }
}

/* ------ Contact page----- */

h2.contact-page-heading {
    font-size: 1.875rem !important;
}

.big-map-area {
    position: relative;
    top: -40px;
}

.contact-address-box {
    border-top: 1px solid #E3E3E3;
    margin-top: 80px;
    padding-bottom: 50px;
}

.contact-our-offices .contact-address-box {
    margin-top: 0;
}

.contact-address-box h2 {
    padding-bottom: 20px;
}

.contact-us-map-box {
    position: relative;
    padding-top: 15px;
}

.contact-us-map-box img {
    max-height: 343px;
}

.contact-us-map-box .contact-us-map-location {
    position: absolute;
    top: 0px;
    left: -80px;
    width: 200px;
    height: 300px;
}

.contact-us-map-box .contact-us-map-location img {
    min-width: 100%;
    max-width: 100%;
    min-height: 100%;
    max-height: 100%;
}

h2.map-heading {
    position: relative;
    z-index: 2;
}

img.responsive-img,
video.responsive-video {
    max-width: 100%;
    height: auto;
}

.page-section {
    padding: 20px 0 0px 0;
}

.contact-our-offices {
    background: url(assets/img/our-office-section-bg.jpg) no-repeat;
    background-size: cover;
    color: #fff;
}


/*--------------------------
    Industry page css start
 --------------------------*/
.industry-section-one.light-blue-bg-img {
    background: url(assets/img/industry/industry-light-blue-bg.jpg) no-repeat;
    background-size: 100% 100%;
    height: 628px;
}

.industry-section-one-box {
    background: #F8F8F8;
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    border: none;
    transition: all .3s ease-in-out;
}

.industry-section-one-box:hover {
    box-shadow: 0px 7px 16px rgba(35, 35, 35, 0.4);
}

.industry-section-one-box figure {
    position: relative;
    margin-bottom: 0;
}

.industry-section-one-box figure .card-title {
    padding: 1rem;
    font-size: 1.625rem;
    color: #fff;
    position: absolute;
    left: 0;
    bottom: 0;
}

.industry-section-one-box .card-body {
    height: 222px;
}

.industry-section-one-box .card-body .card-text {
    font-size: 1.25rem;
}


.industry-section-one .half-circle-left,
.intro-section .half-circle-left {
    position: absolute;
    overflow: hidden;
    height: 280px;
    width: 74px;
    top: 90px;
    left: 0;
}

.industry-section-one .half-circle-left::before,
.intro-section .half-circle-left::before {
    width: 280px;
    height: 280px;
    left: -206px;
    top: 0px;
    border-radius: 0 120px 120px 0;
    background: rgba(255, 68, 68, 0.5);
    opacity: 0.1;
}

.industry-section-one .half-circle-right,
.intro-section .half-circle-right {
    position: absolute;
    overflow: hidden;
    height: 455px;
    width: 125px;
    top: 70px;
    right: 0;
}

.industry-section-one .half-circle-right::before,
.intro-section .half-circle-right::before {
    content: "";
    position: absolute;
    width: 455px;
    height: 455px;
    right: -330px;
    top: 0;
    border-radius: 100%;
    background: rgba(122, 22, 0, 0.5);
    opacity: 0.1;
}

.page-section.industry-listing-scroll {
    width: 100%;
    color: #fff;
}

.category-industry .intro-section {
    padding-bottom: 60px;
}

.category-industry .intro-section .half-circle-right {
    height: 360px;
}

.category-industry .intro-section .half-circle-right::before {
    width: 370px;
    height: 370px;
    right: -253px;
}

.page-section.partners-listing-scroll {
    width: 100%;
    color: #fff;
}

@media (min-width: 768px) {
    .page-section.partners-listing-scroll {
        background: #0F1064 url(assets/img/partners/partner-listing-bg.jpg) no-repeat;
        background-size: 100%;
        min-height: 820px;
        padding-top: 7%;
    }

    .page-section.industry-listing-scroll {
        background: #1C1D3D url(assets/img/industry/industry-listing-section-bg.jpg) no-repeat;
        background-size: 100%;
        min-height: 820px;
        padding-top: 9%;
    }
}

@media (max-width: 767px) {
    .page-section.partners-listing-scroll {
        background: url(assets/img/partners/partner-listing-bg-mobile.jpg) no-repeat;
        background-size: cover;
        padding-top: 60px;
    }

    .page-section.industry-listing-scroll {
        background: url(assets/img/industry/industry-listing-section-bg-mobile.jpg) no-repeat;
        background-size: cover;
        padding-top: 13%;
    }
}

.listing-slider .cat-listing {
    width: 100%;
}

.listing-slider .owl-stage,
.listing-wrapper .owl-stage,
.joining-hands-slider .owl-stage {
    padding-top: 10px;
}

.listing-slider .article-wrapper,
.listing-wrapper .article-wrapper,
.joining-hands .box {
    border-radius: 7px;
    overflow: hidden;
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.1);
    transition: all .3s ease-in-out !important;
    position: relative;
    top: 0;
}

.listing-slider .article-wrapper:hover,
.listing-wrapper .article-wrapper:hover {
    top: -10px;
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.5);
}

.listing-slider .wp-post-image,
.listing-wrapper .wp-post-image {
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
}

.listing-slider .post-list-content .card-body,
.listing-slider .article-wrapper .card-body,
.listing-wrapper .article-wrapper .card-body,
.joining-hands .box .card-body {
    height: 155px;
}

.listing-slider .post-list-content,
.listing-slider .article-wrapper,
.listing-wrapper .article-wrapper,
.joining-hands .box {
    background-color: #000;
}


.listing-slider .cat-listing .article-wrapper figure,
.listing-wrapper .cat-listing .article-wrapper figure,
.joining-hands .box figure {
    position: relative;
    width: 100%;
    margin: 0;
    min-height: 210px;
}
.joining-hands .box figure {
    height: 215px;
    overflow: hidden;
}
.listing-slider .cat-listing .article-wrapper figure a,
.listing-wrapper .cat-listing .article-wrapper figure a {
    position: relative;
}

.listing-slider .cat-listing .article-wrapper figure a::before,
.listing-wrapper .cat-listing .article-wrapper figure a::before,
.joining-hands .box figure::before {
    content: "";
    left: 0;
    bottom: 0;
    background: linear-gradient(180deg, rgba(0, 0, 0, 0) 40.5%, #000000 100%);
    width: 100%;
    height: 100%;
    position: absolute;
    z-index: 2;
}

.listing-slider .cat-listing .article-wrapper .post-list-content a,
.listing-wrapper .cat-listing .article-wrapper .post-list-content a {
    color: #fff !important
}

.listing-slider .cat-listing .article-wrapper figure .card-title,
.listing-wrapper .cat-listing .article-wrapper figure .card-title,
.joining-hands .box figure .card-title {
    font-weight: 600;
    font-size: 1.625rem;
    line-height: 1.9375rem;
    padding-bottom: 5px;
    position: absolute;
    left: 14px;
    bottom: 138px;
    color: #fff;
    z-index: 3;
   
}

.listing-slider .cat-listing .article-wrapper figure .card-title a::before,
.listing-wrapper .cat-listing .article-wrapper figure .card-title a::before,
.joining-hands .box figure .card-title a::before {
    display: none;
}

.listing-wrapper .cat-listing .article-wrapper {
    cursor: pointer;
}

.listing-wrapper .cat-listing.no-link .article-wrapper {
    cursor: default;
    pointer-events: none;
}

.listing-wrapper .cat-listing .article-wrapper .post-list-content {
    padding-bottom: 20px;
    height: 240px;
    position: relative;
    margin-top: -50px;
    z-index: 9;
}

body .listing-wrapper .cat-listing .article-wrapper .post-list-content {
    margin-top: -140px;
}

.page-section.why-trust.service-provide .intro2 {
    margin-bottom: 10px;
}

.listing-wrapper .cat-listing.no-link .article-wrapper .read-more {
    display: none;
}

.listing-wrapper .cat-listing figure::before {
    content: "";
    left: 0;
    bottom: 0;
    background: linear-gradient(180deg, rgba(0, 0, 0, 0) 40.5%, #000000 100%);
    width: 100%;
    height: 100%;
    position: absolute;
    z-index: 2;
}


/* Case Story */

.client-stories-box,
.search-listing .article-wrapper,
.cat-listing.black-listing .article-wrapper {
    border: none;
    background: #F9F9F9;
    box-shadow: 0px 7px 20px rgba(0, 0, 0, 0.07);
    border-radius: 5px;
    overflow: hidden;
    position: relative;
    transition: all .4s ease-in-out !important;
    top: 0;
    /* cursor: pointer; */
}

.client-stories-box:hover,
.search-listing .article-wrapper:hover,
.cat-listing.black-listing .article-wrapper:hover,
.services-box:hover{
    top: -10px;
    box-shadow: 0 0 15px 3px rgb(0 0 0 / 50%);
}

.client-stories-box:hover {
    box-shadow: 0px 7px 16px rgba(35, 35, 35, 0.4);
}

.client-stories-box figure,
.search-listing .article-wrapper figure,
.cat-listing.black-listing .article-wrapper figure {
    margin-bottom: 0;
    position: relative;
    width: 100%;
}

.client-stories-box figure::before,
.search-listing .article-wrapper figure::before,
.cat-listing.black-listing .article-wrapper figure::before {
    content: "";
    left: 0;
    bottom: 0;
    background: linear-gradient(180deg, rgba(0, 0, 0, 0) 40.5%, #000000 100%);
    width: 100%;
    height: 100%;
    position: absolute;
    z-index: 2;
}

.client-stories-box .card-body,
.search-listing .article-wrapper .post-list-content,
.cat-listing.black-listing .article-wrapper .post-list-content {
    height: 210px;
    background-color: #000;
    color: var(--footerTextColor);
}

.client-stories-box .card-body {
    height: 225px;
}

.client-stories-box .card-title,
.search-listing .article-wrapper .post-list-content .card-title,
.cat-listing.black-listing .article-wrapper .post-list-content .card-title {
    font-weight: 500;
    font-size: 1.25rem;
    line-height: 1.75rem;
    text-decoration: none;
    max-height: 85px;
    overflow: hidden;
}

.cat-listing.black-listing .article-wrapper .post-list-content .card-title {
    font-size: 1.625rem;
}

.cat-listing.black-listing .article-wrapper,
.cat-listing.black-listing .article-wrapper figure {
    background-color: #000;
}

.cat-listing.black-listing .article-wrapper figure,
.joining-hands .box figure {
    background-color: #5c72ac;
}

.cat-listing.black-listing .article-wrapper figure img,
.joining-hands .box figure img {
    width: 100%
}

.client-stories-box:hover .card-title {
    text-decoration: none;
    transition: all .3s ease-in-out;
}

.client-stories-box .card-title a:hover {
    color: var(--footerTextColor) !important;
}

.client-stories-box p.cat-title,
.client-stories-box p.date {
    color: #005BE7;
    font-weight: 500;
    font-size: 0.875rem;
    line-height: 1rem;
    margin: 0;
}

.client-stories-box p.date {
    color: #8B8B8B;
    padding-top: 3px;
    display: none;
}

.client-stories-box .readmore {
    position: absolute;
    left: 1rem;
    bottom: 1rem;
}


/* Industry page css ends*/
/* wpcf7-form Industry */
.wpcf7-form p {
    position: relative;
}

.wpcf7-form .wpcf7-form-control-wrap {
    margin-bottom: 24px;
    display: inline-block;
    width: 100%;
}

.wpcf7-form label {
    color: var(--normalFontColor);
    font-weight: 300;
    font-size: 16px;
    line-height: 16px;
    pointer-events: none;
    left: 15px;
    top: 11px;
    padding: 0 5px;
    background: #fff;
    transition: 0.2s ease all;
    -moz-transition: 0.2s ease all;
    -webkit-transition: 0.2s ease all;
}

.wpcf7-form input.wpcf7-form-control,
.wpcf7-form textarea.wpcf7-form-control {
    border-radius: 0px;
    background: #FFFFFF;
    height: 40px;
    border: 1px solid #E3E3E3;
    width: 100%;
    box-sizing: border-box;
    color: var(--normalFontColor);
    font-weight: 300;
    font-size: 14px;
    line-height: 16px;
    padding: 12px 16px;
}

.wpcf7-form input.wpcf7-form-control:hover,
.wpcf7-form textarea.wpcf7-form-control:hover {
    border: 1px solid #a2a2a2;
}

.wpcf7-form input.wpcf7-form-control:focus,
.wpcf7-form textarea.wpcf7-form-control:focus {
    border: 1px solid var(--primaryColor);
    box-shadow: 0 0 0 0px rgb(204, 28, 82);
}

.wpcf7-form .wpcf7-form-control-wrap span.wpcf7-not-valid-tip {
    margin-top: 5px;
}

.wpcf7-form textarea.wpcf7-textarea {
    height: 115px;
}

.wpcf7-form input[type=submit].wpcf7-form-control.wpcf7-submit {
    background: var(--primaryColor);
    width: auto;
    box-shadow: 0px 10px 20px rgba(0, 80, 239, 0.2);
    padding: 12px 24px;
    border-radius: 3px;
    align-items: center;
    text-align: center;
    text-transform: uppercase;
    color: #FFFFFF;
    font-weight: 500;
    font-size: 17px;
    line-height: 16px;
}

.wpcf7-form .wpcf7-spinner {
    position: absolute;
    right: 32%;
    top: 5px;
}

.wpcf7 .wpcf7-form.invalid .wpcf7-response-output {
    color: #dc3232;
    border-color: #dc3232;
    font-size: 14px;
    line-height: 16px;
}

.events-webinars .hbspt-form .hs-form-booleancheckbox {
    padding-left: 0 !important;
}

.category-events-webinars .webinar-form-video-section h2 {
    margin-top: 0;
    margin-bottom: 0;
}

.webinar-form-video-section .hbspt-form form {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.webinar-form-video-section .hbspt-form fieldset {
    flex: 0 0 auto;
    width: 48%;
}

.webinar-form-video-section .hbspt-form fieldset.form-columns-3 {
    width: 100%;
}

.webinar-form-video-section .hbspt-form .hs-fieldtype-text .form-field label,
.webinar-form-video-section .hbspt-form .hs-fieldtype-text .form-field .field-label {
    left: 0.6rem;
    padding-left: 0;
    padding-right: 0;
}

.webinar-form-video-section .hbspt-form .hs_submit,
.webinar-form-video-section .hbspt-form .hs_submit input {
    width: 100%;
}

.webinar-form-video-section .hbspt-form fieldset>div:nth-child(odd) .input {
    margin-right: 0 !important;
}

.webinar-form-video-section .hs-form-2c4fdd15-b160-44a2-b7d5-8107f68137ef_ca316387-4fc4-4c69-ad45-0dd694bd99af fieldset.form-columns-3 .hs-form-field {
    width: 33.8%;
}

.webinar-form-video-section .hbspt-form fieldset:nth-child(6),
.webinar-form-video-section .hbspt-form {
    width: 100% !important;
}

.webinar-form-video-section .intro2 h2 {
    font-size: 1.75rem;
    font-weight: 500;
}


@media (max-width: 768px) {

    .hbspt-form fieldset>div:nth-child(even) .input,
    .hbspt-form fieldset>div:nth-child(even) select,
    .hbspt-form fieldset>div:nth-child(even) ul.hs-error-msgs {
        margin-left: 0 !important;
    }

    .hbspt-form fieldset>div:nth-child(odd) .input,
    .hbspt-form fieldset>div:nth-child(odd) select {
        margin-right: 0 !important;
    }

    .hbspt-form .form-field input,
    .hbspt-form .form-field select,
    .hbspt-form .form-field textarea {
        width: 100% !important;
    }

    .connect-with-us-form .row.justify-content-center .col-md-5 {
        padding-right: 0;
    }
}

/**************** hubspot form end ****************/
/* Side bar start here */
.sidebar-form {
    margin-right: -35em;
    right: 0;
    top: 0px;
    width: 35em;
    background: #fff;
    position: fixed;
    height: 100%;
    z-index: 1000;
    -webkit-transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    -ms-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
    overflow-y: auto;
}

.sidebar-form.activesidebar {
    right: 35em;
    width: 35em;
    border-right: 0px solid #ccc;
    -webkit-transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    -ms-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
}

.overlayPg {
    position: fixed;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.5);
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    -webkit-transition: all 0.3s ease-in-out 0s;
    -moz-transition: all 0.3s ease-in-out 0s;
    -ms-transition: all 0.3s ease-in-out 0s;
    -o-transition: all 0.3s ease-in-out 0s;
    transition: all 0.3s ease-in-out 0s;
    display: none;
    z-index: 999;
}

.aboutusPgFrm {
    width: 100%;
    border-top: 0px solid var(--primaryColor);
    padding: 0 2.5em 2.5em;
    float: left
}

.aboutusPgFrm h4 {
    font-size: 2.125rem !important;
    font-weight: 400;
    color: var(--normalFontColor);
    text-transform: capitalize;
    text-align: center;
    padding-top: 50px;
}

.aboutusPgFrm h4 strong {
    color: var(--primaryColor);
    font-weight: 400;
}

.aboutusPgFrm .lets-talk-subheading {
    text-align: center;
    font-weight: 400;
    padding-bottom: 20px;
}

.menu-toggle {
    z-index: 1;
}

.menu-close {
    margin: 0;
    position: absolute;
    top: 0.2em;
    right: 1.2em;
    color: var(--normalFontColor);
    height: 26px;
    border: none;
    width: 26px;
}

#letsTalk-sidebar .menu-close .material-icons {
    font-size: 2.125rem;
}

body.admin-bar .menu-close {
    top: 30px
}

/* Side bar start ends */

/* category listing */
.cat-listing .article-wrapper {
    padding: 0px;
    margin-bottom: 26px;
    transition: transform 0.3s ease;
}

.cat-listing .article-wrapper .wp-post-image {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    width: 100%;
}

.cat-listing .article-wrapper .post-list-content {
    padding: 0 20px 20px 20px;
    padding-bottom: 60px;
    position: relative;
    height: 180px;
}

.cat-listing .article-wrapper .post-list-content h3 {
    margin-top: 0;
    font-weight: 900;
}

.post-list-content p {
    font-weight: 400;
    font-size: 1.125rem;
}

.cat-listing .article-wrapper .post-list-content .btn.read-more {
    position: absolute;
    bottom: 1.2rem;
    left: 1rem;
}

.cat-listing .article-wrapper:hover {
    box-shadow: 0px 7px 16px rgb(35 35 35 / 40%);
}

@media (min-width: 768px) {
    .cat-listing:nth-child(2n+1) {
        clear: left;
    }

    .cat-listing.pr-style:nth-child(2n+1) {
        clear: none;
    }

    .cat-listing.pr-style:nth-child(3n+1):after {
        clear: left;
    }
}

.pr-style h3 a {
    display: block;
    display: -webkit-box;
    max-width: 100%;
    height: 43px;
    margin: 0 auto;
    line-height: 1;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}

.pr-style .read-more {
    display: inline-block;
}


/* Job listing page */
.job-list-item {
    padding: 15px;
    margin-bottom: 20px;
    color: var(--normalFontColor);
    transition: all 0.3s ease-in-out;
    border: 1px solid #fff
}

.job-list-item .job-title,
.job-list-item .job-title a {
    font-size: 18px;
    font-weight: 400;
    border-bottom: none !important;
}

.job-list-item .job-title {
    padding-bottom: 10px
}

.job-list-item .job-location {
    font-size: 14px;
    margin-bottom: 10px;
}

.job-list-item .job-location span {
    margin-left: 10px;
    font-weight: 300;
}

.job-list-item .job-location .post-date {
    color: #8B8B8B;
}

.job-list-item .job-summary {
    font-weight: 300;
    padding: 10px 0;
    height: 132px;
    width: 100%;
    overflow: hidden;
    font-size: 1.125rem;
    line-height: 1.625rem;
}

.read-more {
    margin-top: 15px
}

.job-list-item .job-summary .read-more {
    margin: 0;
    color: var(--primaryColor) !important;
}

.job-list-item .job-summary .read-more:hover {
    text-decoration: underline;
}

.job-list-item .apply-btn {
    width: 108px;
    height: 41px;
    padding: 6px 16px;
    font-size: 1.0625rem;
}

.job-list-item:hover {
    box-shadow: 0px 10px 20px rgba(8, 8, 8, 0.2);
    ;
    border-color: rgba(0, 0, 0, 0.2);
}

@media (max-width: 768px) {
    .job-list-item .job-summary {
        height: auto;
        min-height: 30px;
    }
}

/* back to top button style */
#backToTop {
    display: inline-block;
    background-color: var(--primaryColor);
    width: 38px;
    height: 38px;
    text-align: center;
    border-radius: 4px;
    position: fixed;
    bottom: 70px;
    right: 30px;
    transition: background-color .3s, opacity .5s, visibility .5s;
    opacity: 0;
    visibility: hidden;
    z-index: 1000;
    box-shadow: 0px 10px 20px rgba(0, 80, 239, 0.2);
    border-radius: 3px;
    display: flex;
    justify-content: center;
    align-items: center;
}

#backToTop:hover {
    cursor: pointer;
    background-color: var(--normalFontColor);
}

#backToTop:active {
    background-color: var(--normalFontColor);
}

#backToTop.visible {
    opacity: 1;
    visibility: visible;
}

/* end of back to top button style */



/*--------------------------
 Our Vision page start here  
 --------------------------*/

.page-section {
    padding: 60px 0;
}

.eng-exp-outer {
    color: var(--white);
    padding-top: 80px;
}

.eng-exp-outer .txt h3 {
    font-size: 1.5rem;
}

.embracing-total-experience-box {
    overflow: hidden;
}

.eng-exp-outer.embracing-total-experience-box::before {
    right: -97px;
    top: -97px;
}

.eng-exp-outer.embracing-total-experience-box::after {
    left: -75px;
    bottom: -390px;
}

.our-vision-journey .journeys-progress-item .journeys-progress-item-inner {
    position: relative;
    background: linear-gradient(180deg, rgba(56, 55, 124, 0.5) 0%, rgba(56, 55, 124, 0) 100%);
    border-radius: 8px;
    padding: 15px;
}

.our-vision-journey .journeys-progress-item .journeys-progress-item-inner .mt-init-box {
    position: relative;
    left: 0;
    top: 0;
}

.our-vision-journey .journeys-progress-item .journeys-progress-item-inner h3 {
    margin-bottom: 8px;
    padding-top: 24px;
}

.our-vision-journey .journeys-progress-item .journeys-progress-item-inner p {
    color: rgba(207, 207, 207, 1);
    font-size: 1.125rem;
    line-height: 1.5rem;
    margin-bottom: 0px;
    padding-right: 25px
}

.our-vision-journey.experiences-journeys-box span.plusicon {
    z-index: 2;
    position: absolute;
    top: 195px;
    right: -15px;
    background: transparent;
    opacity: 0.7;
    border: 1px solid rgba(255, 255, 255, 0.5);
    filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.25));
    width: 52px;
    height: 52px;
    border-radius: 50%;
    display: inline-block;
    text-align: center;
    font-size: 2.5rem;
    line-height: 2.5rem;
    font-weight: 900;
    box-sizing: border-box;
    padding-top: 4px;
}

.our-vision-dtaj .our-vision-dtaj-boxes .box {
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    background-color: #F5FFF6;
    transition: transform .5s ease;
    ;
    position: relative;
    overflow: hidden;
}

body.category-healthcare-services .our-vision-dtaj .our-vision-dtaj-boxes .box,
body.category-robotics-process-automation .our-vision-dtaj .our-vision-dtaj-boxes .box,
body.category-enterprise-insight .our-vision-dtaj .our-vision-dtaj-boxes .box,
body.category-enterprise-insight .our-vision-dtaj .our-vision-dtaj-boxes .box,
body.category-enterprise-engineering .our-vision-dtaj .our-vision-dtaj-boxes .box,
body.category-enterprise-cloud .our-vision-dtaj .our-vision-dtaj-boxes .box,
body.category-artificial-intelligence .our-vision-dtaj .our-vision-dtaj-boxes .box,
body.category-qa-services .our-vision-dtaj .our-vision-dtaj-boxes .box,
body.page-public-sector .our-vision-dtaj.intro-section .our-vision-dtaj-boxes .box {
    background-color: #F8F8F8;
}

.our-vision-dtaj .our-vision-dtaj-boxes .box-2 {
    background-color: #FFFBF3;
}

.our-vision-dtaj .our-vision-dtaj-boxes .box-3 {
    background-color: #F0F8FF;
}

.our-vision-dtaj .our-vision-dtaj-boxes .box-4 {
    background-color: #FFF7F7;
}

.our-vision-dtaj.intro-section .our-vision-dtaj-boxes .box {
    margin-top: 12px;
    margin-bottom: 12px;
}

.our-vision-dtaj .our-vision-dtaj-boxes .box .img,
.our-vision-dtaj .our-vision-dtaj-boxes .box .img2 {
    width: 100%;
    margin-bottom: 0;
}

.our-vision-dtaj .our-vision-dtaj-boxes .box .img img,
.our-vision-dtaj .our-vision-dtaj-boxes .box .img2 img {
    min-width: 100%;
}

.our-vision-dtaj .our-vision-dtaj-boxes .box .img2 img {
    min-height: 100%;

}

.our-vision-dtaj .our-vision-dtaj-boxes .box figure.img,
.our-vision-dtaj .our-vision-dtaj-boxes .box figure.img {
    position: relative
}

.our-vision-dtaj .our-vision-dtaj-boxes .box figure.img::before,
.our-vision-dtaj .our-vision-dtaj-boxes .box figure.img::before {
    content: "";
    left: 0;
    bottom: 0;
    background: linear-gradient(180deg, rgba(0, 0, 0, 0) 40.5%, #000000 100%);
    width: 100%;
    height: 100%;
    position: absolute;
    z-index: 1;
}

.our-vision-dtaj .our-vision-dtaj-boxes .box .text {
    padding: 0 20px 15px;
    position: relative;
    margin-top: -50px;
    height: 145px;
}

.our-vision-dtaj .our-vision-dtaj-boxes .box .text h4 {
    color: var(--white);
    height: 30px;
    margin-top: 0;
    margin-bottom: 30px;
    overflow: hidden;
    font-size: 1.625rem;
    position: relative;
    z-index: 2;
}

.our-vision-dtaj .our-vision-dtaj-boxes .box .text p {
    color: rgba(51, 51, 51, 1);
    font-weight: 400;
    font-size: 1.125rem;
    line-height: 1.5rem;
}

/* .our-vision-dtaj .our-vision-dtaj-boxes .box:hover {
    transform: scale(1.06);
    box-shadow: 0 0 15px 3px rgb(0 0 0 / 50%);
} */


.our-vision-dtaj .our-vision-dtaj-boxes .box .img2 {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 305px;
    visibility: hidden;
    transition: 0.2s all ease-out;
    display: none;
}

.our-vision-dtaj .our-vision-dtaj-boxes .box:hover .img {
    transition: 0.3s all ease-out;
    opacity: 1;
}

.our-vision-dtaj .our-vision-dtaj-boxes {
    justify-content: center;
}

.our-vision-building-blocks {
    background: url(assets/img/our-vision/building-blocks-bg.jpg) no-repeat;
    padding: 60px 0;
    color: var(--white);
    height: 559px;
    background-size: cover;
}


.our-vision-building-blocks ul {
    list-style-type: none;
    padding: 10px 0 0 0;
    display: flex;
    flex-wrap: wrap;
}

.our-vision-building-blocks ul li {
    flex: 1 0 21%;
    line-height: 2.25rem;
    position: relative;
    padding-left: 30px;
}

.our-vision-building-blocks ul li::before {
    content: "\f1df";
    font-family: "Material Icons";
    font-size: 0.9375rem;
    position: absolute;
    left: 5px;
    top: 0px;
    transition: transform 0.3s ease;
    transform: translateX(0px);
}

.our-vision-building-blocks ul li:hover::before {
    transform: translateX(7px);
}

.our-vision-building-blocks .intro2 h3,
.our-vision-building-blocks .intro2 p.sub-heading {
    color: var(--white);
}

.our-vision-better-tomorrow .box,
.about-our-core-values .box {
    text-align: center;
    padding: 30px;
}

.our-vision-better-tomorrow .box .img,
.about-our-core-values .box .img {
    width: 146px;
    height: 146px;
    position: relative;
    margin: 0 auto;
    transition: transform 0.6s;
    transform-style: preserve-3d;
    border-radius: 100%;
    box-shadow: 0 0 5px 2px rgb(0 0 0 / 20%);
}

.our-vision-better-tomorrow .box .img img,
.about-our-core-values .box .img img {
    width: 146px;
    height: 146px;
    transition: all .3s ease-in-out;
}

/*.our-vision-better-tomorrow .box:hover .img, .about-our-core-values .box:hover .img{
    transition: 0.9s;
    transform: rotateY(180deg); 
} */

.our-vision-better-tomorrow .box h4,
.about-our-core-values .box h4 {
    font-weight: 700;
    padding-top: 10px;
}

.our-vision-better-tomorrow .box p,
p.small,
.about-our-core-values .box p {
    font-size: 16px;
    line-height: 24px;
}

.our-vision-better-tomorrow .box .img,
.about-our-core-values .box {
    position: relative;
}

.our-vision-better-tomorrow .box .img span,
.about-our-core-values .box .img span {
    width: 60px;
    height: 60px;
    display: inline-block;
    position: absolute;
    left: 43px;
    top: 43px;
}

.our-vision-better-tomorrow .box .img span img,
.about-our-core-values .box .img span img {
    width: 60px;
    height: 60px;
}

.our-vision-better-tomorrow .box .leading-with-thought-icon.img span {
    background: url(assets/img/our-vision/leading-with-thought-icon.svg) no-repeat;
}

.our-vision-better-tomorrow .box .ai-for-good.img span {
    background: url(assets/img/our-vision/ai-for-good-icon.svg) no-repeat;
}

.our-vision-better-tomorrow .box .inspiring-next-gen-talent.img span {
    background: url(assets/img/our-vision/inspiring-next-gen-talent-icon.svg) no-repeat;
}

.home .experiences-journeys-box .journeys-progress {
    flex-direction: row;
    display: flex;
}

.home .experiences-journeys-box .journeys-progress .journeys-progress-box-1 {
    width: 32.5%;
    padding: 1rem;
}

.home .experiences-journeys-box .journeys-progress .journeys-progress-box-2 {
    padding-right: 10px;
    width: 35%;
}

@media (max-width: 767px) {
    .our-vision-dtaj .our-vision-dtaj-boxes .box .text {
        height: auto;
    }

    .our-vision-building-blocks ul {
        padding-left: 20px;
    }

    .our-vision-building-blocks ul li {
        flex: 1 0 100%;
    }

    .our-vision-building-blocks {
        height: auto;
        background-color: #330093;
        background-size: 100%;
    }

    .embracing-total-experience-box {
        padding-bottom: 60px;
        background-position: right 100%;
    }

    .our-vision-dtaj .our-vision-dtaj-boxes .box {
        margin-bottom: 20px;
    }

    .our-vision-dtaj .our-vision-dtaj-boxes .box:hover {
        transform: scale(1, 1);
    }

    .home .experiences-journeys-box .journeys-progress {
        flex-direction: column;
    }

    .home .experiences-journeys-box .journeys-progress .journeys-progress-box-1 {
        width: 100%;
    }

    .home .experiences-journeys-box .journeys-progress .journeys-progress-box-2 {
        padding-right: 0px;
        width: 100%;
    }
}

/*  Our Vision Page ends here */

/*--------------------------
 Partners page 
 --------------------------*/
.intro-section {
    margin-bottom: 0;
    padding-bottom: 30px;
}

.why-trust.no-bg {
    background: none;
    padding: 60px 0;
    color: var(--normalFontColor);
}

@media (min-width: 768px) {
    .joining-hands-section {
        background: url(assets/img/partners/joining-hands-section-bg.jpg) no-repeat;
        background-size: cover;
        padding-top: 120px;
        padding-bottom: 80px;
    }

    .joining-hands-section.gov-ourclients-stories {
        background: #fff;
        padding-top: 80px;
    }
}

@media (max-width: 767px) {
    .joining-hands-section {
        background: url(assets/img/partners/joining-hands-section-bg-mobile.jpg) repeat-y;
        background-size: cover;
        padding-top: 60px;
    }

    .joining-hands-section.gov-ourclients-stories {
        background: #fff;
    }
}

.joining-hands .box {
    margin-bottom: 26px;
}

.joining-hands .box figure {
    position: relative;
    width: 100%;
}

.joining-hands .box figure img {
    min-width: 100%;
}

.joining-hands .box .card-body {
    height: 210px;
    padding: 20px 21px;
    padding-top: 0;
    color: #fff;
    transition: all 0.2s ease-in-out;
    margin-top: -50px;
    z-index: 9;
    position: relative;
}

body.page-template-government-page .joining-hands .box .card-body,
body.page-government .joining-hands .box .card-body {
    height: 250px !important;
}

.joining-hands .box .card-body .card-title,
.joining-hands .box figure .card-title {
    font-weight: 700;
    font-size: 26px;
    line-height:32px;
    padding-bottom: 7px;
    padding-top: 13px;
}

.joining-hands .box figure .card-title {
    position: absolute;
    left: 20px;
    bottom: 0;
    color: #fff;
}

.joining-hands .box .card-body .card-text {
    font-weight: 400;
    font-size: 20px;
    line-height: 128%;
    margin-top: 0;
}

.success-stories-wrapper .box .success-story-text {
    background: url(assets/img/partners/quote-icon.svg) left top no-repeat;
    padding: 100px 0 0 0;
    font-weight: 300;
    font-size: 40px;
    line-height: 132.5%;
    min-height: 330px;
    border-bottom: 1px solid #000;
    margin-bottom: 20px;
}

.success-stories-wrapper .box .success-story-text p {
    font-weight: 300;
    font-size: 40px;
    line-height: 132.5%;
}

.success-stories-wrapper .box .success-story-author {
    font-weight: 700;
    font-size: 1.125rem;
    line-height: 132.5%;
}

.success-stories-wrapper .box .success-story-designation {
    font-weight: 400;
    font-size: 1.125rem;
    line-height: 132.5%;
    color: #7D7D7D;
}


.half-square-left {
    position: absolute;
    overflow: hidden;
    height: 280px;
    width: 74px;
    top: 60px;
    left: 0;
}

.half-square-left::before {
    content: "";
    display: inline-block;
    position: absolute;
    width: 332px;
    height: 332px;
    left: -304.96px;
    top: 0px;
    background: #D8F1FF;
    opacity: 0.4;
    border-radius: 50px;
    transform: rotate(43.38deg);
}

.half-square-right {
    position: absolute;
    overflow: hidden;
    height: 455px;
    width: 125px;
    top: 100px;
    right: 0;
}

.half-square-right::before {
    content: "";
    display: inline-block;
    position: absolute;
    width: 332px;
    height: 332px;
    right: -314.96px;
    top: 0;
    background: #D8F1FF;
    opacity: 0.4;
    border-radius: 50px;
    transform: rotate(43.38deg);
}


.category-industry .intro-section {
    min-height: 400px;
}

/* Owl Dots & arrow */
.owl-carousel .owl-dots {
    text-align: center;
    margin: 20px 0 0 0;
}

.owl-carousel .owl-dots button.owl-dot {
    width: 10px;
    height: 10px;
    border-radius: 50%;
    transition: all .3s;
    background: #ccc !important;
    margin: 0 5px;
}

.owl-carousel .owl-dots button.owl-dot.active {
    background: #000 !important;
}

.owl-carousel .owl-nav button.owl-next,
.owl-carousel .owl-nav button.owl-prev {
    position: absolute;
    top: 50%;
    margin-top: -29px;
    width: 48px;
    height: 58px;
    opacity: .5;
    transition: all .3s;
}

.owl-carousel .owl-nav button.owl-next:hover,
.owl-carousel .owl-nav button.owl-prev:hover {
    opacity: 1;
}

.owl-carousel .owl-nav button.owl-next span,
.owl-carousel .owl-nav button.owl-prev span {
    display: none;
}

.owl-carousel .owl-nav button.owl-prev {
    left: -55px;
    background: url(assets/img/slider-left-arrow.png) no-repeat 0 0 !important;
}

.owl-carousel .owl-nav button.owl-next {
    right: -55px;
    background: url(assets/img/slider-right-arrow.png) no-repeat 0 0 !important;
}

.owl-carousel .owl-nav button.disabled {
    display: none;
}

@media (max-width: 767px) {
    .owl-carousel .owl-nav button.owl-prev {
        left: 15px;
    }

    .owl-carousel .owl-nav button.owl-next {
        right: 15px;
    }

    .owl-carousel .owl-nav button.owl-next,
    .owl-carousel .owl-nav button.owl-prev {
        top: 40%;
    }

    .elementor .custom-careers .joining-hands .box .card-body {
        height: 230px;
    }
}

/* Talent page start here  */
.page-template-talent-page .page-title h1,
.page-template-talent-page .page-title h2 {
    font-size: 44px;
}

.page-template-talent-page .page-title h3,
.page-template-talent-page .page-title .sub-heading {
    font-size: 28px;
}

.page-template-talent-page .intro2 h2 {
    margin-top: 40px;
    margin-bottom: 19px;
}

.page-template-talent-page .why-trust .intro2 h2 {
    margin-bottom: 8px;
}

.page-template-talent-page .why-trust .intro2 h3,
.page-template-talent-page .why-trust .intro2 p.sub-heading {
    margin-bottom: 60px;
}


/* Digital page start here */
.page-section.why-trust.digital {
    background-image: url(assets/img/digital/services-provide-bg.jpg);
}

.joining-hands .box {
    box-shadow: 0px 4px 10px rgba(255, 255, 255, 0.05);
}

@media (min-width: 768px) {

    .page-section.why-trust.service-provide,
    .page-section.why-trust.learning-service-provide,
    .page-section.why-trust.digital {
        background-color: #0f3577;
        background-image: url(assets/img/services/talent-service-bg.jpg), linear-gradient(90deg, #0f3577 0%, #0d3e80 48.98%, #0e3577 100%);
        background-size: 100%;
        padding-bottom: 80px;
    }

    .page-section.why-trust.service-provide.digital,
    body.enterprise-engineering .page-section.why-trust.service-provide,
    body.enterprise-insight .page-section.why-trust.service-provide,
    body.artificial-intelligence .page-section.why-trust.service-provide,
    body.category-artificial-intelligence .page-section.why-trust.service-provide,
    body.category-robotics-process-automation .page-section.why-trust.service-provide,
    body.category-qa-services .page-section.why-trust.service-provide,
    body.category-enterprise-engineering .page-section.why-trust.service-provide,
    body.category-enterprise-insight .page-section.why-trust.service-provide,
    body.category-enterprise-cloud .page-section.why-trust.service-provide {
        background-color: #4b0b0d;
        background-image: url(assets/img/services/digital-service-bg.jpg), linear-gradient(90deg, #4b0b0d 0%, #4c0d0f 48.98%, #4b0c0e 100%);
    }

    .page-section.why-trust.service-provide.learning {
        background-color: #511077;
        background-image: url(assets/img/services/learning-service-bg.jpg), linear-gradient(90deg, #4A006C 0%, #521178 48.98%, #4E016F 100%);
    }

    .page-section.why-trust.service-provide.talent {
        background-color: #0f3577;
        background-image: url(assets/img/services/talent-service-bg.jpg), linear-gradient(90deg, #0f3577 0%, #0d3e80 48.98%, #0e3577 100%);
    }

    .why-trust.page-section.our-industry-exp {
        background-image: url(assets/img/government/our-industry-expertise-section-bg.jpg);
    }

    .why-trust.page-section.our-industry-exp.our-industry-exp-gov {
        background-image: url(assets/img/government/our-industry-exp-gov-bg.jpg);
    }

    body.category-healthcare-services .page-section.why-trust.service-provide {
        background-color: #184a29;
        background-image: url(assets/img/services/healthcare-service-bg.jpg), linear-gradient(90deg, #184a29 0%, #175130 48.98%, #164d2a 100%);
    }
}

@media (max-width: 767px) {

    .page-section.why-trust.service-provide,
    .page-section.why-trust.learning-service-provide,
    .page-section.why-trust.digital {
        background-image: url(assets/img/industry/industry-listing-section-bg-mobile.jpg);
    }

    .why-trust.page-section.our-industry-exp {
        background-image: url(assets/img/about-icons/why-trust-bg-mobile.jpg);
    }
}

/* Press Release page start here  */
body.category.category-press-release .page-title .container .row {
    justify-content: left;
}

.cat-press-release,
.page-wapper-grey {
    padding: 98px 0 175px 0;
    position: relative;
    background: #f3f3f3;
    background: -moz-linear-gradient(top, #f3f3f3 80%, #ffffff 100%);
    background: -webkit-linear-gradient(top, #f3f3f3 80%, #ffffff 100%);
    background: linear-gradient(to bottom, #f3f3f3 80%, #ffffff 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f3f3f3', endColorstr='#ffffff', GradientType=0);
}

.cat-press-release::after,
.page-wapper-grey::after {
    content: "";
    position: absolute;
    bottom: 0px;
    left: 0;
    width: 100%;
    background-color: #fff;
    transform: matrix(1, -.035, 0, -1, 0, 0);
    height: 100px;
}

.prp-listing.cat-listing .article-wrapper .post-list-content h3 {
    font-weight: 500;
    font-size: 1.25rem;
    line-height: 1.75rem;
}

.prp-listing.cat-listing .post-list-content {
    min-height: 255px;
    background: #F9F9F9 url(assets/img/industry/library_books-icon.svg) 1rem 2rem no-repeat;
    box-shadow: 0px 7px 20px rgba(0, 0, 0, 0.07);
    padding-top: 86px;
    position: relative;
}

.cat-press-title {
    text-align: center;
    margin-bottom: 27px;
}

.cat-press-title h2 {
    font-weight: 900;
    font-size: 2.75rem;
    line-height: 3rem;
    text-align: center;
    color: #000000;
    margin: 0;
}

.prp-listing.cat-listing.cat-listing .article-wrapper:hover h3 a {
    color: #337ab7;
}

.prp-losting.cat-listing .article-wrapper:hover .post-list-content::before {
    background-color: #f3f3f3;
}

/* Government page start here  */
.federal-agencies-sec {
    background: #F3F3F3;
    margin-bottom: 0px;
}

.goverment-box {
    text-align: center;
    margin-top: 60px;
    transition: all .4s ease-in-out;
}

.goverment-box figure {
    height: 60px;
    width: 60px;
    text-align: center;
    display: inline-block;
}

.goverment-box .text h3 {
    font-weight: 900;
    color: #000000;
    font-size: 22px;
    line-height: 24px;
    margin: 7px 0 12px 0;
}

.goverment-box .text p {
    font-weight: 400;
    font-size: 20px;
    line-height: 24px;
    color: #000000;
}

.goverment-box:hover {
    transform: scale(1.1, 1.1);
}

@media (max-width: 767px) {

    .page-section.why-trust.service-provide,
    .page-section.why-trust.learning-service-provide,
    .page-section.why-trust.digital {
        background-image: url(assets/img/industry/industry-listing-section-bg-mobile.jpg);
    }
}

.our-industry-expertise {
    text-align: center;
}

.mr-top-70 {
    margin-top: 70px;
}

.our-industry-expertise .box {
    transition: all .4s ease-in-out;
}

.our-industry-expertise figure {
    text-align: center;
    display: block;
    margin: 0px;
    margin-bottom: 10px;
}

.our-industry-expertise figure img {
    height: 48px;
    width: 48px;
    vertical-align: bottom;
}

.our-industry-expertise .text h3 {
    font-weight: 900;
    color: #ffffff;
    font-size: 40px;
    line-height: 40px;
    margin: 0 0 7px 0;
}

.our-industry-expertise .text p {
    font-weight: 400;
    font-size: 20px;
    line-height: 24px;
    color: #ffffff;
}

.page-section.our-vision-dtaj.gov-enabling-bette-outcomes {
    background-color: #052266;
    background-image: url(assets/img/government/gov-enabling-bette-outcomes-bg.jpg);
    background-size: cover;
    padding-top: 50px;
    padding-bottom: 80px !important;
}

.page-section.our-vision-dtaj.gov-enabling-bette-outcomes .intro2 h2,
.page-section.our-vision-dtaj.gov-enabling-bette-outcomes .intro2 h3,
.page-section.our-vision-dtaj.gov-enabling-bette-outcomes .intro2 p.sub-heading {
    color: #fff;
}

/* Events & webinars page start here */

body.category.category-events-webinars .page-title .container .row {
    justify-content: left;
}

.category-events-webinars .cat-press-title h2 {
    font-size: 2.5rem;
    color: #1A1A1A;
    font-weight: 900;
}

.upcoming-webinars {
    padding: 100px 0 30px 0;
    position: relative;
}

.upcoming-webinars .container {
    z-index: 3;
    position: relative;
}

.upcoming-webinars::after {
    content: "";
    z-index: 2;
    position: absolute;
    bottom: -30px;
    left: 0;
    width: 100%;
    background-color: #fff;
    transform: matrix(1, -.035, 0, -1, 0, 0);
    height: 100px;
}

.ondemand-webinars {
    padding: 140px 0 60px 0;
    position: relative;
    background: #F5F5F5;
    margin-bottom: 90px;
}

.upcoming-webinars.ondemand-webinars {
    margin-bottom: 0px;
    padding-bottom: 0;
}

.upcoming-webinars.ondemand-webinars::after {
    display: none;
}

.event-tringle-arrow-up {
    position: absolute;
    left: -67px;
    bottom: 45px;
    width: 0;
    z-index: 3;
    height: 0;
    border-top: 84px solid transparent;
    border-bottom: 84px solid #FAF3FF;
    border-right: 84px solid transparent;
    border-left: 84px solid transparent;
}

.event-tringle-arrow-right {
    position: absolute;
    transform: rotate(46.74deg);
    right: -98px;
    top: 174px;
    width: 0;
    height: 0;
    border-left: 84px solid transparent;
    border-right: 84px solid transparent;
    border-bottom: 84px solid #FAF3FF;
}

.upcoming-webinars .triangle,
.contact-intro .triangle {
    border-bottom: 120px solid #FAF3FF;
}

.events-date-fields {
    margin-top: 16px;
    font-weight: 600;
    font-size: 1.25rem;
    line-height: 1.75rem;
    background: url(assets/img/events_webinars/calendar_icon.svg) no-repeat 0 3px;
    padding-left: 30px;
}

.category-events-webinars .prp-listing.cat-listing .post-list-content {
    min-height: 288px;
}

.webinar-post-details {
    flex-direction: row-reverse;
}

.webinar-form-video-section {
    background-color: #FAF4FF;
    padding: 20px;
}
.loadmore-btn-wrap {
    display: flex;
    justify-content: center;
}
.ajax-load-more-wrap.white .alm-load-more-btn,
.ajax-load-more-wrap.white .alm-load-more-btn:hover,
.loadmore-btn-wrap .loadmore-more-btn {
    background: transparent !important;
    color: rgba(0, 71, 255, 1) !important;
    border: none !important;
    text-transform: none !important;
    box-shadow: none;
    font-size: 0.9375rem;
}

.ajax-load-more-wrap.white .alm-load-more-btn:hover,
.loadmore-btn-wrap .loadmore-more-btn:hover {
    text-decoration: underline;
}

.alm-btn-wrap .alm-load-more-btn.done {
    display: none;
}

/*  Single post section start here  */
.single-post-sec .post-date,
.single-post-sec .post-tags {
    font-weight: 400;
    font-size: 20px;
    line-height: 30px;
    color: #000000;
    opacity: .6;
    display: none;
}

.single-post-sec .post-title {
    font-weight: 900;
    font-size: 40px;
    line-height: 48px;
    color: #000000;
    margin-bottom: 30px;
}

.single-post-sec .article-wrapper p {
    font-weight: 400;
    font-size: 18px;
    line-height: 28px;
    color: #292929;
    margin: 0px;
    margin-bottom: 32px;
}

.single-post-sec .article-wrapper p strong,
.single-post-sec .article-wrapper p b,
.single-post-sec .article-wrapper ul li strong {
    font-weight: 700;
}

.single-post-sec .article-wrapper ul {
    margin: 0 0 0 15px;
    padding: 0;
}

.single-post-sec .article-wrapper ul li {
    font-weight: 400;
    font-size: 18px;
    line-height: 28px;
    color: #292929;
    padding-left: 15px;
    margin-bottom: 10px;
}

.single-post-sec .article-wrapper h3 {
    font-weight: 500;
    font-size: 34px;
    line-height: 30px;
    color: #292929;
    margin: 0;
    margin-bottom: 24px;
}

.single-post-sec .article-wrapper hr {
    margin: 70px 0;
    border-color: #E3E3E3;
}

.single-post-sec .post-logo-sec {
    justify-content: center;
}

.single-post-sec .wp-block-image {
    box-shadow: 0px 7px 20px rgba(0, 0, 0, 0.07);
    background: #FFFFFF;
    padding: 24px;
    align-items: center;
    margin-bottom: 40px;
    text-align: center;
}

.single-post-sec .wp-block-image p {
    margin: 0;
    margin-top: 16px;
}

.small-post-header {
    height: 200px;
    background: #022C3C url(assets/img/press-release-post-banner.jpg) no-repeat;
    background-size: cover;
}

body.events-webinars .small-post-header {
    background: #022C3C url(assets/img/webinar-post-banner.jpg) no-repeat;
    background-size: cover;
}

body.events-webinars .article-wrapper .article .post-content p {
    line-height: 1.75rem;
    margin-bottom: 1rem;
}

body.events-webinars .single-post-sec .article-wrapper ul li {
    font-size: var(--normalFontSize);
}

.article-wrapper .article .post-content h6 {
    padding: 20px 0;
    font-size: 1.5rem !important;
    font-weight: 700 !important;
    line-height: 1.875rem;
}

.flex {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.authorInner {
    margin-bottom: 1.5rem;
}

.authorInner img {
    border-radius: 50% !important;
    min-width: 102px;
}

.profilePicauth {
    margin-right: 1rem;
}

.post-box-wrapper .article-wrapper figure {
    height: 190px;
    overflow: hidden;
    margin-bottom: 0;
    background-color: #F5F5F5;
}

body.category-press-release .post-box-wrapper .article-wrapper figure {
    height: 170px;
}

/* Top header search bar  */

.search:before {
    content: "";
    display: none;
    width: 3px;
    height: 100%;
    position: relative;
    background-color: #547AFF;
    transition: all 0.2s ease;
}

/* .search.open {width: 260px; background: #fff; border-color: #547AFF;} */
.header .search.open i {
    color: #547AFF;
}

.search.open:before {
    height: 24px;
    margin: 5px 0 5px 6px;
    position: absolute;
    display: none;
}

input[type=search].search-box {
    width: 100%;
    height: 100%;
    box-shadow: none;
    border: none;
    background: transparent;
    color: var(--normalFontColor);
    padding: 0px 48px 0px 10px;
    font-size: 16px;
}

input[type=search].search-box:focus {
    outline: none;
}

.search-button {
    width: 46px;
    height: 46px;
    display: block;
    position: absolute;
    right: -3px;
    top: 6px;
    padding: 0;
    cursor: pointer;
}

.search-icon {
    display: none!important;
    width: 25px;
    height: 25px;
    margin-top: 15px;
    display: block;
    position: relative;
    transition: all 0.2s ease;
    cursor: pointer;
    padding-bottom: 10px;
}

.search-icon:before {
    content: "";
    width: 15px;
    height: 15px;
    position: absolute;
    top: 4px;
    left: 5px;
    border-radius: 100%;
    border: 2px solid #ffffff;
    display: block;
    transition: all 0.2s ease;
}

.search-icon::after {
    content: "";
    width: 2px;
    height: 10px;
    position: absolute;
    left: 19px;
    top: 14px;
    display: block;
    background-color: #ffffff;
    transform: rotate(-45deg);
    transition: all 0.2s ease;
}

.header.sticky .search-icon:before,
.header:hover .search-icon:before,
.header:hover .open .search-icon:before,
.header.sticky .search-icon .search-icon:before,
.header.headroom--not-top .search-icon:before {
    border-color: var(--normalFontColor);
}

.header.sticky .search-icon:after,
.header:hover .search-icon:after,
.header.sticky .search-icon .search-icon:after,
.header.headroom--not-top .search-icon:after {
    background-color: var(--normalFontColor);
}

.navbar>.container {
    position: relative;
}
.navbar{
    margin-bottom: 29px!important;
}

.header-search-form {
    background-color: rgba(255, 255, 255, 0.95);
    z-index: 999;
    position: fixed;
    left: 0;
    top: -155px;
    width: 100%;
    height: 150px;
    opacity: 0;
    transition: all 0.4s ease;
}

.header-search-form.open {
    opacity: 1;
    top: 0px;
}

.header-search-form .container {
    display: flex;
    align-items: center;
    justify-content: space-between;
    height: 150px;
}

.header-search-form .container form {
    width: 100%;
}

.header-search-form .container .search {
    width: 100%;
    height: 80px;
    position: relative;
}

.header-search-form .container .search .search-box {
    width: 80%;
    background: #F8F9FC;
    border: 2px solid #7997FF;
    border-radius: 5px;
    height: 76px;
    font-size: 30px;
    font-weight: 300;
}

.header-search-form .container .search .clear-search {
    position: absolute;
    left: 74%;
    top: 16px;
    height: 44px;
    width: 44px;
}

.header-search-form .container .search .clear-search .material-icons {
    content: '\e5cd';
    padding: 4px 6px 6px;
    font-family: "Material Icons";
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-align: center;
    text-decoration: inherit;
    text-transform: none;
    font-size: 2rem;
    transition: .5s all ease;
    position: absolute;
}

/* Service */

.service-post-list .category-services {
    height:435px;
    position: relative;

}

.service-post-list .category-services figure {
    height: 571px;
    position: relative;
}

.service-post-list .category-services figure::before {
    content: '';
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    background: linear-gradient(180deg, #0071FF 0%, #011125 100%);
    opacity: 0.8;
    z-index: 3;
}

.service-post-list .category-services figure img {
    position: absolute;
    right: -135px;
    top: 0;
    height: 436px;
    width: auto !important;
    max-width: none !important;
}

.service-post-list .category-services .post-list-content {
    position: absolute;
    background: rgba(0, 0, 0, 0.92);
    height: 263px !important;
    width: 100%;
    bottom: -285px;
    padding-top: 1rem;
    z-index: 4;
}

.service-post-list .category-services:hover figure h3,
.service-post-list .category-services .post-list-content,
.service-post-list .category-services figure::before {
    -webkit-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;

}

.service-post-list .category-services:hover {
    top: 0;
}

.service-post-list .category-services:hover .post-list-content {
    bottom: 0;
}

.service-post-list .category-services:hover figure::before,
.service-post-list .category-services:hover figure h3 {
    opacity: 0;
    z-index: 0
}

.service-post-list.talent .category-services figure::before {
    background: linear-gradient(180deg, #0071FF 0%, #011125 100%);
}

.service-post-list.digital .category-services figure::before {
    background: linear-gradient(180deg, #C7414E 0%, #000000 100%);
}

.service-post-list.learning .category-services figure::before {
    background: linear-gradient(180deg, #B35BEA 0%, #000000 100%);
}

.service-post-list .category-services .post-list-content p {
    font-weight: 400;
    font-size: 1.125rem;
    line-height: 128%;
}

.service-post-list .category-services .post-list-content h3 a {
    font-weight: 600;
    font-size: 1.625rem;
    line-height: 1.9375rem;
}

.service-post-list .category-services .post-list-content .btn.read-more {
    right: auto;
    left: 1rem;
    opacity: 1 !important;
    border-color: #fff;
}

.service-post-list .category-services .post-list-content .btn.read-more::before {
    color: #fff;
}

/* Responsive style */
@media (max-width: 767px) {

    .page-template-talent-page .page-title h2,
    #home_banner_slider .owl-item .container h2,
    .page-template-talent-page .page-title h1,
    #home_banner_slider .owl-item .container h1 {
        font-size: 1.5rem !important;
        line-height: 1.75rem !important;
    }

    .page-template-talent-page .page-title h3,
    .page-template-talent-page .page-title .sub-heading,
    #home_banner_slider .owl-item .container h3,
    #home_banner_slider .owl-item .container .sub-heading {
        font-size: 1.25rem !important;
        line-height: 1.5rem !important;
    }

}


.page-wapper-grey {
    padding: 0px 0 120px 0;
    background: #f3f3f3;
}

.page-wapper-grey::after {
    bottom: -27px;
}

.page-wapper h4 {
    font-size: 20px;
    line-height: 24px;
    font-weight: 600;
    padding: 0!important;
}

.page-wapper-grey .container {
    z-index: 2;
    position: relative;
}

.cat-listing .article-wrapper.category-partners .post-list-content .btn.read-more {
    opacity: 0.5;
}

.cat-listing .article-wrapper.category-partners .post-list-content .btn.read-more::before {
    color: #ffffff;
}
	
a.btnShip {background-color: #008e00;color: white !important;padding: 5px 10px;border: none;border-radius: 5px;font-size: 15px;float: right;margin-top: 10px;}	
a.btnShip:hover{color: #fff !important;}
	
/* iPad Portrait and Landscape */
@media (min-width: 768px) and (max-width: 1180px) {
    .page-section.connect-with-us-form .container .row.justify-content-center .col-md-5 {
        width: 66.66666667%;
    }

    .why-trust,
    .why-trust.page-section {
        padding-top: 23%;
    }

    .why-trust,
    .why-trust.page-section.no-bg {
        padding-top: 60px;
    }

    .why-trust.blue-graphical-bg {
        padding-top: 70px;
    }

    .page-our-vision .our-vision-dtaj .our-vision-dtaj-boxes .box .text p {
        font-size: 1rem;
        line-height: 1.125rem;
        ;
    }

    .page-section.our-team .our-team-boxes .col-md-4 {
        width: 50%
    }

   .page-section.intro-section .col-md-6 {
        width: 75%;
    }

    .job-search-card .job-search-card-inner .container .col-md-5 {
        width: 40.666667%;
    }

    .dta-wrapper.digital .offset-md-6.vg-box {
        width: 60%;
    }

    .job-list-item .job-summary {
        height: 150px;
    }

    .mec-wrapper ul.mec-cards {
        flex-wrap: wrap;
    }

    .page-title h2,
    .page-title h3,
    .page-title .sub-heading,
    .page-title .container .row .col-md-5 {
        max-width: 400px;
    }

    .page-title h2,
    .page-template-talent-page .page-title h2 {
        font-size: 1.875rem !important;
    }

    .page-title h3,
    .page-title  .sub-heading,
    .page-template-talent-page .page-title h3,
    .page-template-talent-page .page-title  .sub-heading {
        font-size: 1.25rem !important;
    }

    .listing-wrapper .cat-listing .article-wrapper .post-list-content {
        height: 270px;
    }

    .listing-wrapper .cat-listing .article-wrapper .post-list-content p {
        font-size: 16px;
        line-height: 20px;
    }

    .page-title.big-title h1,
    .page-title.big-title h2 {
        padding-top: 70px;
    }
}

/* iPad portrait */
@media (min-width: 768px) and (max-width: 991px) {
    .home .embracing-total-experience-box .experiences-journeys-box .row.journeys-progress>div {
        width: 33.33333333%;
    }

    .page-our-vision .embracing-total-experience-box .vision-progress .journeys-progress-item,
    .page-our-vision .our-vision-dtaj .our-vision-dtaj-boxes .col-md-3 {
        width: 50%
    }

    .page-our-vision .our-vision-dtaj .our-vision-dtaj-boxes .col-md-3 {
        margin-bottom: 20px;
    }

    .page-our-vision .our-vision-dtaj .our-vision-dtaj-boxes .box .text p {
        font-size: 1.0625rem;
        line-height: 1.125rem;
        ;
    }

    .page-section.our-team .our-team-boxes .col-md-4 .box {
        height: 165px;
    }

    .our-vision-building-blocks ul li {
        flex: 1 0 33%;
    }

    .job-search-card .job-search-card-inner .container .col-md-5 {
        width: 38.666667%;
    }

    .home .experiences-journeys-box .journeys-progress {
        flex-direction: column;
    }

    .home .experiences-journeys-box .journeys-progress .journeys-progress-box-1 {
        width: 100%;
    }

    .home .experiences-journeys-box .journeys-progress .journeys-progress-box-2 {
        width: 100%;
    }

    .dta-wrapper.digital .offset-md-6.vg-box {
        width: 75%;
        margin-left: 25%;
    }

    #home_banner_slider.owl-pagination-true,
    .home-banner-wrapper {
        height: 65vh !important;
    }

    #job-list-wrapper>.col-md-6 {
        width: 100%;
    }

    .job-list-item .job-summary {
        height: 110px;
    }

    .page-section.segments-serve .segments-serve-boxes>.col-md-3,
    .page-section.core-values .about-our-core-values-box,
    .page-section.industry-section-one .boxes>.col-md-4,
    .page-section.client-stories .row.justify-content-center>.col-md-4,
    .cat-press-release .cat-listing.prp-listing,
    .ondemand-webinars .cat-listing.prp-listing,
    .upcoming-webinars .cat-listing.prp-listing {
        width: 50%;
    }

    .industry-section-one .col-md-4 .industry-section-one-box figure img {
        min-height: 160px;
    }

    .industry-section-one.light-blue-bg-img {
        height: auto;
    }

    .footer-wrapper h3 {
        font-size: 1.25rem
    }

    .middle-footer .footer-links ul {
        padding-right: 0;
    }

    .careers-page-wrap .career-why-us-card {
        margin-left: 0;
        width: 100%;
    }

    .our-vision-dtaj .our-vision-dtaj-boxes .col-md-3,
    .our-vision-dtaj .our-vision-dtaj-boxes .col-md-4 {
        width: 50%;
        margin-bottom: 22px;
    }

    .services-provide-boxes .col-md-4,
    .our-vision-better-tomorrow .col-md-4,
    .listing-wrapper .col-md-4,
    .our-client-stories .why-trust-boxes .col-md-4,
    .contact-address-box .col-md-4,
    .our-vision-better-tomorrow .col-md-3 {
        width: 50%;
    }

    .our-client-stories .why-trust-boxes {
        justify-content: start !important;
    }

    .navbar .header-section-right {
        width: 70%;
    }

    .navbar .header-section-right .search-icon {
        margin-top: 5px !important
    }
}



/* Mobile */
@media (max-width: 767px) {

    .page-template-talent-page .intro2 h2 br,
    .page-template-talent-page .intro2 h3 br,
    .page-template-talent-page .intro2 p.sub-heading br,
    .page-template-government-page .intro2 h2 br,
    .page-template-government-page .intro2 h3 br,
    .page-template-government-page .intro2 p.sub-heading br,
    .page-template-our-vision .page-title h3,
    .page-template-our-vision .page-title .sub-heading {
        display: none !important;
    }

    .page-template-talent-page .page-section.about-us {
        margin-bottom: 0;
    }

    .connect-with-us-form .row.justify-content-center {
        padding-right: 0;
    }

    .contact-address-box .address-section.contact-addresses .foot-add.address {
        width: 100%;
    }

    .cat-press-title h2 {
        font-size: 1.375rem;
        line-height: 1.875rem;
    }

    .industry-section-one.light-blue-bg-img {
        height: auto;
    }

    .our-industry-expertise .box {
        padding-bottom: 40px;
    }

    .our-industry-expertise .mr-top-70 {
        margin-top: 0px;
    }

    .job-search-card .job-search-card-inner input {
        margin-bottom: 15px;
    }

    .our-vision-journey.experiences-journeys-box span.plusicon {
        display: none;
    }

    .mec-wrapper .mec-cards .card-box:hover,
    .our-vision-dtaj .our-vision-dtaj-boxes .box:hover,
    .about-us-box .box:hover {
        transform: scale(1);
    }

}

/* .listing-wrapper .cat-listing a, .client-stories-box a{
    pointer-events: none;
} */

/* -- Search page style -- */

body.search.search-results,
body.search.search-no-results {
    background-color: #F3F3F3;
}

body.search.search-results .big-title,
body.search.search-no-results .big-title {
    background: var(--primaryColor) url(assets/img/search-page-banner-bg.jpg) left bottom no-repeat;
    background-size: cover;
    color: #fff;
    width: 100%;
    height: 280px;
    display: flex;
    align-items: center;
    margin-bottom: 0px;
}

body.search.search-results .page-title.big-title,
body.search.search-no-results .page-title.big-title {
    display: none;
}

.search-listing .article-wrapper {
    margin: 12px 0;
    box-shadow: 0px 3px 20px rgba(0, 0, 0, 0.07);
}

.search-listing .article-wrapper figure img {
    min-width: 100%;
}

.search-listing .article-wrapper .post-list-content {
    height: 150px;
}

.search-listing .article-wrapper .post-list-content .card-title {
    padding: 1rem;
    max-height: 130px;
}

.search-listing .article-wrapper .post-list-content .card-title,
.search-listing .article-wrapper .post-list-content .card-title a {
    color: #fff !important;
    font-size: 1.25rem;
    line-height: 1.5rem;
}

.search-page-search-wrapper .search-page-search {
    padding: 30px 15px;
}

.search-page-search-wrapper .search-page-search input.search-box {
    height: 48px;
}

.search-page-search-wrapper .search-page-search .search::before {
    top: 14px;
}

.search-page-search-wrapper .search-page-search .search .clear-search {
    position: absolute;
    top: 12px;
    right: 10px;
    z-index: 2;
    color: #555;
}

.search-page-search-wrapper .search-page-search .search .clear-search:hover {
    color: var(--primaryColor);
    transition: all 0.3s ease-in-out;
}

.search-page-search-wrapper .search-page-search .btn.btn-primary {
    height: 48px;
    width: 100%;
    padding: 12px 30px;
}

.search-page-search-wrapper .search-page-search p {
    padding-top: 15px;
    margin: 0;
}

.search-page-search-wrapper {
    position: relative;
}

.main-search-page {
    padding-bottom: 40px;
}

.main-search-page-body {
    background-color: #fff;
    position: relative;
    z-index: 3;
    box-shadow: 0px 7px 20px rgba(0, 0, 0, 0.07);
    border-radius: 3px;
    padding: 24px;
}

.search-page-search-wrapper .search-page-search input.search-box {
    color: #555;
    background-color: #fff;
}

.search-pagination {
    padding-top: 30px;
}

.main-search-page-body .article-wrapper {
    padding-bottom: 30px;
}

.main-search-page-body .article-wrapper h3 {
    font-weight: 600;
    font-size: 1.5rem
}

.main-search-page-body .article-wrapper p {
    font-weight: 400;
}

.page-section.partners-listing-scroll .intro2,
.page-section.industry-listing-scroll .intro2,
.page-section.why-trust.service-provide.talent .intro2 {
    margin-bottom: 30px;
}

.page-section.our-vision-better-tomorrow,
.page-section.core-values {
    background-color: #F7F7FC;
}

.page-section.our-vision-better-tomorrow.gov-what-we-do {
    background-color: #F0FFFE;
}

.page-section.page-template-industry-page .page-section.core-values.light-blue-bg {
    background-color: #F0FFFE;
}

body.search.search-results .header-section-right .search-icon,
body.search.search-no-results .header-section-right .search-icon {
    display: none;
}

.page-section.our-vision-dtaj.intro-section,
.page-section.our-vision-dtaj.about-us {
    padding-bottom: 30px;
    margin-bottom: 0;
}
	
	

.small-header {
    height: 200px;
    width: 100%;
    padding-top: 110px;
    font-weight: 700;
    font-size: 2.75rem;
    line-height: 3.3125rem;
    color: #fff;
    background-color: #0050B5;
    background-image: url(assets/img/press-release-sml-banner-bg.jpg);
    background-position: bottom left;
    background-size: cover;
}

.small-header.events-webinars {
    background-image: url(assets/img/webinar-detail-banner-bg.jpg);
}

.small-header.blog {
    background-image: url(assets/img/blog-detail-banner-bg.jpg);
}

.small-header.case-study {
    background-image: url(assets/img/case-study-detail-bg.jpg);
}

.small-header.whitepaper {
    background-image: url(assets/img/whitepaper-page-banner.jpg);
}

.small-header.video {
    background-image: url(assets/img/video-page-banner.jpg);
}

.small-header.infographic {
    background-image: url(assets/img/infographic-page-banner.jpg);
}

.small-header.ebooks {
    background-image: url(assets/img/ebook-page-banner.jpg);
}

@media (max-width: 767px) {
    .header-section-right .search-icon {
        position: absolute;
        right: 75px;
        top: 10px;
    }

    .header-search-form .site-logo,
    .search-page-search-wrapper .search-page-search .btn.btn-primary {
        display: none;
    }

    .header-search-form .container .search .search-box {
        width: 99%;
    }

    .header-search-form .container .search .clear-search {
        left: 85%;
    }

    .header-search-form .container {
        justify-content: center;
    }
}

/* Blog page style */

.single-post-sec.blog-posts * {
    color: #292929;
}

.single-post-sec.blog-posts {
    border-bottom: 3px solid #DCDCDC;
    padding-bottom: 50px;
    margin-bottom: 60px;
}

.single-post-sec.blog-posts .post-date,
.single-post-sec.blog-posts .post-tags {
    display: inline-block;
    color: #292929;
    font-weight: 400;
    font-size: 20px;
    line-height: 28px;
    opacity: 1;
}

.single-post-sec.blog-posts .post-date span,
.single-post-sec.blog-posts .post-tags span {
    font-weight: 700;
}

.single-post-sec.blog-posts .post-date {
    padding-right: 50px;
}

.blog-into-wrapper {
    border-bottom: 4px solid #DADADA;
    margin: 0 0 30px 0;
    padding-bottom: 15px;
}

.single-post-sec.blog-posts .post-title {
    width: 100%;
    margin-bottom: 40px;
}

.single-post-sec.blog-posts h2,
.single-post-sec.blog-posts h3 {
    font-weight: 700;
    font-size: 2.125rem;
    line-height: 2.125rem;
}

.custom-category-page {
    padding: 60px 0;
    position: relative;
    overflow: hidden;
}

.custom-category-page .container {
    position: relative;
    z-index: 2;
}

.custom-category-page::after {
    content: '';
    position: absolute;
    left: 0;
    bottom: -20px;
    width: 120%;
    height: 60px;
    background-color: #fff;
    transform: rotate(-2deg);
}

.no-post-text {
    min-height: 350px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.video-right-section {
    background-color: #FAF4FF;
    padding: 20px 20px 15px;
    border-radius: 5px;
}

.video-right-section iframe {
    width: 100%;
}

/* Site map page style */
.sitemap-listing {
    padding: 50px 0;
}

.sitemap-listing h2 {
    font-weight: 700;
    font-size: 2.5rem;
    line-height: 3rem;
    margin-bottom: 40px;
}

.sitemap-listing .menu-sitemap-container ul {
    list-style-type: none;
    padding-left: 0;
    color: #005BE7;
}

.sitemap-listing .menu-sitemap-container ul a {
    transition: .5s all ease;
    position: relative;
}

.sitemap-listing .menu-sitemap-container ul a:after {
    content: '';
    position: absolute;
    width: 100%;
    transform: scaleX(0);
    height: 1px;
    bottom: 0;
    left: 0;
    background-color: rgba(0, 0, 0, 0.3);
    transform-origin: bottom right;
    transition: transform 0.25s ease-out;
}

.sitemap-listing .menu-sitemap-container ul a:hover:after {
    transform: scaleX(1);
    transform-origin: bottom left;
}

.sitemap-listing .menu-sitemap-container>ul>li {
    border-bottom: 2px solid #DEDEDE;
    padding-bottom: 30px;
    margin-bottom: 20px;
}

.sitemap-listing .menu-sitemap-container>ul>li>a {
    font-weight: 700;
    font-size: 1.75rem;
    line-height: 2.125rem;
}

.sitemap-listing .menu-sitemap-container>ul>li>.sub-menu {
    display: flex;
    flex-wrap: wrap;
    padding-top: 15px;
    padding-bottom: 15px;
}

.sitemap-listing .menu-sitemap-container>ul>li>.sub-menu>li {
    width: 33%;
    font-size: 1.375rem;
    padding: 5px 0;
    padding-left: 30px;
    position: relative;
}

@media (max-width: 767px) {
    .sitemap-listing .menu-sitemap-container>ul>li>.sub-menu>li {
        width: 100%;
    }
}

.sitemap-listing .menu-sitemap-container>ul>li>.sub-menu>li::before {
    content: '\e5e1';
    padding: 1px 0 0 0;
    font-family: "Material Icons";
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-align: center;
    text-decoration: inherit;
    text-transform: none;
    font-size: 1.2rem;
    transition: .5s all ease;
    position: absolute;
    color: #000;
    position: absolute;
    left: 0px;
    top: 7px;
}

.sitemap-listing .menu-sitemap-container>ul>li>.sub-menu>li ul {
    padding-top: 10px;
    list-style-type: disc;
    padding-left: 20px;
}

.sitemap-listing .menu-sitemap-container>ul>li>.sub-menu>li ul li {
    font-size: 1.125rem;
    padding: 2px 0;
}


/* 404 Error page */

body.error404 .page-title,
body.error404 .awards-recognition,
body.error404 .footer-wrapper {
    display: none;
}

body.error404 {
    background-color: #fff;
    background-image: linear-gradient(180deg, #0085FF 0%, rgba(217, 217, 217, 0) 25%), url(assets/img/404-bg.jpg);
    background-position: bottom center;
    background-repeat: no-repeat;
    height: 100vh;
}

.error-404-page {
    padding-top: 150px;
    text-align: center;

}

.error-404-page h2 {
    font-size: 6rem;
    letter-spacing: 14px;
    font-weight: 700;
}

.error-404-page p {
    opacity: 0.6;
    font-size: 1.125rem
}

.error-404-page p a {
    text-decoration: underline;
}

.error-404-page p a:hover {
    text-decoration: none;
}

/* InSights page style */

.insight-post-listing a.view-all-posts{
    color: var(--primaryColor) !important ;
}
.insight-post-listing a.view-all-posts:hover{
    color: var(--primaryColor) !important ;
    text-decoration: underline;
}

.insight-post-listing .cat-listing.black-listing .article-wrapper figure {
    height: 155px;
    max-height: 155px;
    overflow: hidden;
}
.insight-post-listing .cat-listing.black-listing .article-wrapper figure img{
    min-height: 155px;
}
.insight-post-listing .cat-listing.black-listing .article-wrapper figure::before {
    display: none;
}

.insight-post-listing .cat-listing.black-listing .article-wrapper .post-list-content .card-title {
    font-size: 1.125rem;
    line-height: 1.375rem;
    font-weight: 500;
}

.insight-post-listing .cat-listing.black-listing .article-wrapper .post-list-content {
    height: 170px;
}

.page-section.intro-section.insights-page-intro {
    position: relative;
    padding-bottom: 100px;
}

.page-section.intro-section.insights-page-intro .comp-icon-mask{
    background: url(assets/img/comp-logo-mask.svg) no-repeat;
    width: 113px;
    height: 113px;
    bottom: -43px;
    position: absolute;
    left: 50%;
    margin-left: -56px;
    display: inline-block;
    text-indent: -10000px;
    z-index: 2;
}


/* Diversity page style */
.diversity-page-our-vision, 
.article-wrapper .article.diversity-page-our-vision {
    padding: 60px 0;
}
.diversity-page-our-vision .intro2 h2, 
.diversity-page-our-vision .intro2 p.sub-heading{
    color: #fff;
}   

.card.diversity-our-vision-cards {
    border: none;
    overflow: hidden;   
    border-radius: 5px;
    min-height: 390px; 
    margin: 15px auto;
    max-width: 1200px;
}

.card.diversity-our-vision-cards .bg-img{
    padding: 0;
    height: 100%;
    min-height: 390px;
    overflow: hidden;
}

.card.diversity-our-vision-cards .bg-img img{
    max-width:none;
    height: 390px;
    max-height: 390px;
}

.card.diversity-our-vision-cards .card-text{
    font-style: italic;
    line-height: 1.5rem;
    font-weight: 400;
}

.card.diversity-our-vision-cards .card-title{
    font-size: 1.625rem;
    line-height: 1.75rem;
    font-weight: 600;
    padding-bottom: 5px !important;
}

@media (max-width: 1200px) {
    .card.diversity-our-vision-cards .card-text{
        font-size: 1.125rem;
        line-height: 1.3125rem;
    }
}

.page-section.diversity-page-services .listing-wrapper .cat-listing .article-wrapper {
    background: #1E0E09;
}
.page-section.diversity-page-services .listing-wrapper .cat-listing figure::before {
    display: none;
}

.page-section.diversity-page-services .listing-wrapper .cat-listing .article-wrapper .post-list-content {
    margin-top: -25px;
    height: 80px;
    text-align: center;
    font-weight: 500;
    font-size: 1.25rem;
    display: flex;
    justify-content: center;
    align-items: center;
    opacity: 0.8;
}

.page-section.diversity-page-services .listing-wrapper .cat-listing .article-wrapper .post-list-content  .article h3 {
    font-weight: 500;
    font-size: 1.25rem;
}
.page-section.diversity-page-intro .cat-listing.black-listing .article-wrapper:hover {
    top: 0px;
    box-shadow: none;
}


/* Hubsport Form fields style */


.hs-form-field {
  margin-top: 1rem;
  padding-bottom: 1rem;
  position: relative;
  width: 48%;
}

.form-columns-1 .hs-form-field,
.form-columns-2 .hs-form-field,
.form-columns-3 .hs-form-field,
.form-columns-4 .hs-form-field{
    width: 100%;
}
.hs-input {
  display: inline-block;
  width: 100%;
}
.hs-fieldtype-text input,
.hs-fieldtype-textarea textarea,
.hs-fieldtype-select select,
.hs-fieldtype-date input,
.hs-fieldtype-number input,
.hs-fieldtype-phonenumber input {
  font-size: 1rem;
  padding: 20px 16px 8px 16px;
  transition: opacity 0.2s cubic-bezier(0.4, 0, 0.2, 1);
  background-color: #fff;
  border: 1px solid #b7bcce;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  outline: 0;
  min-height: 52px;
  color: #4c4c4c;
  font-weight: 300;
}
.hs-fieldtype-text input:hover,
.hs-fieldtype-textarea textarea:hover,
.hs-fieldtype-select select:hover,
.hs-fieldtype-date input:hover,
.hs-fieldtype-number input:hover,
.hs-fieldtype-phonenumber input:hover {
  background-color: #f2f9ff;
}
.hs-fieldtype-text label:not(.hs-error-msg),
.hs-fieldtype-textarea label:not(.hs-error-msg),
.hs-fieldtype-select label:not(.hs-error-msg),
.hs-fieldtype-date label:not(.hs-error-msg),
.hs-fieldtype-number label:not(.hs-error-msg),
.hs-fieldtype-phonenumber label:not(.hs-error-msg) {
  font-size: 16px;
  line-height: 1;
  position: absolute;
  left: 16px;
  top: 17px;
  transform-origin: left top;
  transition: transform 0.2s cubic-bezier(0.4, 0, 0.2, 1),
    color 0.2s cubic-bezier(0.4, 0, 0.2, 1);
  color: #4c4c4c;
  pointer-events: none;
  font-weight: 300;
}
.hs-fieldtype-text.focused label:not(.hs-error-msg),
.hs-fieldtype-text.filled label:not(.hs-error-msg),
.hs-fieldtype-textarea.focused label:not(.hs-error-msg),
.hs-fieldtype-textarea.filled label:not(.hs-error-msg),
.hs-fieldtype-select.focused label:not(.hs-error-msg),
.hs-fieldtype-select.filled label:not(.hs-error-msg),
.hs-fieldtype-date.focused label:not(.hs-error-msg),
.hs-fieldtype-date.filled label:not(.hs-error-msg),
.hs-fieldtype-number.focused label:not(.hs-error-msg),
.hs-fieldtype-number.filled label:not(.hs-error-msg),
.hs-fieldtype-phonenumber.focused label:not(.hs-error-msg),
.hs-fieldtype-phonenumber.filled label:not(.hs-error-msg) {
  transform: translateY(-90%) scale(0.75);
  font-weight: 500;
}
.hs-fieldtype-text.focused label:not(.hs-error-msg),
.hs-fieldtype-textarea.focused label:not(.hs-error-msg),
.hs-fieldtype-select.focused label:not(.hs-error-msg),
.hs-fieldtype-date.focused label:not(.hs-error-msg),
.hs-fieldtype-number.focused label:not(.hs-error-msg),
.hs-fieldtype-phonenumber.focused label:not(.hs-error-msg) {
  color: #000;
}
.hs-fieldtype-text.focused .hs-input,
.hs-fieldtype-textarea.focused .hs-input,
.hs-fieldtype-select.focused .hs-input,
.hs-fieldtype-date.focused .hs-input,
.hs-fieldtype-number.focused .hs-input,
.hs-fieldtype-phonenumber.focused .hs-input {
  background-color: #f2f9ff;
}
.hs-dropdown_select {
  position: relative;
}
.hs-dropdown_select:after {
  content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' version='1.1' id='Capa_1' x='0px' y='0px' width='8px' height='8px' viewBox='0 0 255 255' style='enable-background:new 0 0 255 255;' xml:space='preserve'%3E%3Cg%3E%3Cg%3E%3Cg id='arrow-drop-down'%3E%3Cpolygon points='0,63.75 127.5,191.25 255,63.75 ' class='active-path' fill='%23949494'/%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
  position: absolute;
  bottom: 32px;
  right: 16px;
  transition: transform 0.2s ease-in-out;
}
.hs-dropdown_select.focused:after {
  content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' version='1.1' id='Capa_1' x='0px' y='0px' width='8px' height='8px' viewBox='0 0 255 255' style='enable-background:new 0 0 255 255;' xml:space='preserve'%3E%3Cg%3E%3Cg%3E%3Cg id='arrow-drop-down'%3E%3Cpolygon points='0,63.75 127.5,191.25 255,63.75 ' class='active-path' fill='%230171b2'/%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
}
.hs-fieldtype-textarea label:not(.hs-error-msg) {
  z-index: 1;
}
.hs-fieldtype-textarea .input {
  position: relative;
}
.hs-fieldtype-textarea.focused .input:before,
.hs-fieldtype-textarea.filled .input:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  height: 24px;
  width: 100%;
}

.hs-fieldtype-textarea textarea,
.hs-fieldtype-textarea.hs-input {
  resize:none !important;
}
.hs-form-field.hs-fieldtype-radio {
  margin-top: 2rem;
}
ul.inputs-list:not(.hs-error-msgs) {
  list-style: none;
  margin: 0;
  padding: 0;
}
ul.inputs-list.multi-container li.hs-form-radio {
  margin: 16px 0;
}
ul.inputs-list.multi-container li.hs-form-radio label {
  position: relative;
}
ul.inputs-list.multi-container li.hs-form-radio label span {
  display: inline-block;
  margin-left: 40px;
  margin-right: 16px;
}
ul.inputs-list.multi-container li.hs-form-radio label input {
  height: 24px;
  left: 0;
  opacity: 0;
  position: absolute;
  top: 0;
  width: 24px;
}
ul.inputs-list.multi-container
  li.hs-form-radio
  label
  span:not(.hs-form-required)::before {
  border: 2px solid #949494;
  content: "";
  height: 20px;
  left: 0;
  position: absolute;
  top: 0;
  width: 20px;
  border-radius: 50%;
  transition: border-color 0.2s ease-in-out;
}
ul.inputs-list.multi-container
  li.hs-form-radio
  label
  span:not(.hs-form-required)::after {
  content: "";
  opacity: 0;
  border: 6px solid;
  border-radius: 50%;
  position: absolute;
  left: 4px;
  top: 4px;
  transition: opacity 0.2s ease-in-out, border-color 0.2s ease-in-out;
}
ul.inputs-list.multi-container
  li.hs-form-radio
  label
  input:checked
  + span:not(.hs-form-required)::before {
  border-color: #0171b2;
  background-color: #fff;
}
ul.inputs-list.multi-container
  li.hs-form-radio
  label
  input:checked
  + span:not(.hs-form-required)::after {
  opacity: 1;
  border-color: #0171b2;
}
ul.inputs-list.multi-container
  li.hs-form-radio
  label
  input:focus
  + span:not(.hs-form-required)::before {
  box-shadow: 0 0 0 3px #7fb7d8;
  outline: 3px solid transparent;
}
ul.inputs-list.multi-container
  li.hs-form-radio
  label
  input:focus
  + span:not(.hs-form-required)::after {
  outline: 3px solid transparent;
}
.hs-form-field.hs-fieldtype-checkbox,
.hs-form-field.hs-fieldtype-booleancheckbox {
  margin-top: 2rem;
}
ul.inputs-list.multi-container li.hs-form-checkbox,
ul.inputs-list li.hs-form-booleancheckbox {
  margin: 16px 0;
}
ul.inputs-list.multi-container li.hs-form-checkbox label,
ul.inputs-list li.hs-form-booleancheckbox label {
  position: relative;
}
ul.inputs-list.multi-container
  li.hs-form-checkbox
  label
  span:not(.hs-form-required),
ul.inputs-list li.hs-form-booleancheckbox label span:not(.hs-form-required) {
  display: inline-block;
  margin-left: 36px;
  margin-right: 16px;
  color: #212121;
}
ul.inputs-list.multi-container li.hs-form-checkbox label input,
ul.inputs-list li.hs-form-booleancheckbox label input {
  height: 20px;
  left: 0;
  opacity: 0;
  position: absolute;
  top: 0;
  width: 20px;
}
ul.inputs-list.multi-container
  li.hs-form-checkbox
  label
  span:not(.hs-form-required)::before,
ul.inputs-list
  li.hs-form-booleancheckbox
  label
  span:not(.hs-form-required)::before {
  border: 2px solid #949494;
  content: "";
  height: 20px;
  left: 0;
  position: absolute;
  top: 5px;
  width: 20px;
  border-radius: 4px;
  transition: border-color 0.2s ease-in-out;
}
ul.inputs-list.multi-container
  li.hs-form-checkbox
  label
  span:not(.hs-form-required)::after,
ul.inputs-list
  li.hs-form-booleancheckbox
  label
  span:not(.hs-form-required)::after {
  content: "";
  border: 2px solid;
  border-left: 0;
  border-top: 0;
  height: 12px;
  left: 8px;
  opacity: 0;
  position: absolute;
  top: 8px;
  transform: rotate(45deg);
  transition: opacity 0.2s ease-in-out, border-color 0.2s ease-in-out;
  width: 5px;
}
ul.inputs-list.multi-container
  li.hs-form-checkbox
  label
  input:checked
  + span:not(.hs-form-required)::before,
ul.inputs-list
  li.hs-form-booleancheckbox
  label
  input:checked
  + span:not(.hs-form-required)::before {
  border-color: #0171b2;
  background-color: #0171b2;
}
ul.inputs-list.multi-container
  li.hs-form-checkbox
  label
  input:checked
  + span:not(.hs-form-required)::after,
ul.inputs-list
  li.hs-form-booleancheckbox
  label
  input:checked
  + span:not(.hs-form-required)::after {
  opacity: 1;
  border-color: #fff;
}
ul.inputs-list.multi-container
  li.hs-form-checkbox
  label
  input:focus
  + span:not(.hs-form-required)::before,
ul.inputs-list
  li.hs-form-booleancheckbox
  label
  input:focus
  + span:not(.hs-form-required)::before {
  box-shadow: 0 0 0 3px #7fb7d8;
  outline: 3px solid transparent;
}
ul.inputs-list.multi-container
  li.hs-form-checkbox
  label
  input:focus
  + span:not(.hs-form-required)::after,
ul.inputs-list
  li.hs-form-booleancheckbox
  label
  input:focus
  + span:not(.hs-form-required)::after {
  outline: 3px solid transparent;
}
.hs-fieldtype-file input::-webkit-file-upload-button {
  visibility: hidden;
}
.hs-fieldtype-file label:not(.hs-error-msg) {
  background-color: #0171b2;
  color: #fff;
  border: 0;
  border-radius: 2px;
  position: absolute;
  top: 0;
  left: 0;
  padding: 8px 16px;
  text-align: center;
  width: 80px;
}
.hs-fieldtype-file.focused label:not(.hs-error-msg) {
  box-shadow: 0 0 0 3px #7fb7d8;
}
.hs-fieldtype-file input {
  -webkit-appearance: none;
  outline: 0;
  margin: 8px;
  opacity: 0;
}
.hs-form-field legend.hs-field-desc {
  position: absolute;
  bottom: -2px;
  font-size: 12px;
  line-height: 1;
  left: 16px;
  color: #949494;
}
.hs-form-field .hs-error-msgs {
  position: absolute;
  left: 0px;
  display: block;
  width: 100%;
  background-color: transparent;
  margin: 0 !important;
}

.hs-form-field .hs-error-msgs li{
    margin: 0 !important;
    padding: 0 !important;
    font-size: 12px !important;
    line-height: 15px !important;
}

.hs-error-msgs {
  list-style: none;
  margin: 0;
  padding: 4px 0 0 0 !important;
  font-size: 12px;
  color: #f00;
  font-weight: 400;
}

label.hs-error-msg{
    font-weight: 500;
    color: #f00;
    font-size: 12px;
}

.hbspt-form .hs-input:focus {
    border: 2px solid var(--primaryColor);
    -webkit-box-shadow: none;
    box-shadow: none;
}
.hs-fieldtype-text input.error,
.hs-fieldtype-textarea textarea.error,
.hs-fieldtype-select select.error,
.hs-fieldtype-date input.error,
.hs-fieldtype-phonenumber input.error {
  border: 1px solid #f00;
  -webkit-box-shadow: none;
  box-shadow: none;
}
.hs_error_rollup {
  padding: 16px;
}
.hs-submit {
  padding: 15px 0;
  text-align: center;
}
.hs-button {
  -webkit-appearance: none;
  margin: 0;
  cursor: pointer;
  display: inline-block;
  font-weight: normal;
  line-height: 1;
  position: relative;
  text-align: center;
  transition: all 0.2s linear;
  background-color: #0171b2;
  color: #fff;
  border-radius: 2px;
  border: 1px solid #0171b2;
  font-size: 1rem;
  padding: 8px 32px;
  text-decoration: none;
}

.hbspt-form fieldset {
    max-width: 100%!important;
}
.hs-form fieldset.form-columns-1 .hs-input {
    width: 100% !important;
}

.hs-form fieldset div.field .input {
    margin-right: 0;
}

.hs-form fieldset.form-columns-2 div.field .input,
.hs-form fieldset.form-columns-3 div.field .input {
    margin-right: 15px !important;
}
.hs-form fieldset.form-columns-2 div.field:last-child .input,
.hs-form fieldset.form-columns-3 div.field:last-child .input {
    margin-right: 0px !important;
}

.hs_submit .actions .hs-button.primary  {
    width: 100% !important;
    border-radius: 32px;
    height: 64px;
    margin-top: 1rem;
    border: 1px solid #fff;
    margin-top: 0
}

.hs-form fieldset.form-columns-3 .hs-form-field {
    width: 33% !important;
}

@media (max-width: 767px) {
    .hs-form fieldset.form-columns-2 div.field .input, .hs-form fieldset.form-columns-3 div.field .input {
        margin-right: 0!important;
    }

    .hs-form-field {
        width: 100%;
    }
    .hs-form fieldset.form-columns-1, .hs_submit  {
        width: 95%;
    }
}

.modal-dialog .modal-header .close {
    opacity: 0.7;
}
.modal-dialog .modal-header .close:hover {
    opacity: 0.9;
}
.modal-dialog .modal-header .close span{
    font-size: 2rem;
    font-weight: 300;
}
.modal-dialog .modal-header .modal-title {
    font-weight: 600;
}

.modal-dialog .modal-body a{
    color: #0071FF;
    text-decoration: underline;
}

.modal-dialog .modal-body a:hover{
    color: #0071FF;
    text-decoration: none;
}

/* --- Microsoft pages --- */

.infopgraphics {
    display: flex;
    flex-direction: row;
    justify-content: center;
}

.infopgraphics .img{
    width: 100%;
    max-width: 1296px;
    text-align: center;
    display: flex;
    justify-content: center;
}

.infopgraphics .box {
    position: relative;
    display: flex;
    flex-direction: column;
    width: 1296px
}
.infopgraphics .box .text{
    padding:15px 10px 10px 10px;
}

.infopgraphics.azure-infographic .box {
    width: 248px;
}
.infopgraphics.azure-infographic .box-1 {
    left: 0px;
    margin-left: 15px;
}
.infopgraphics.azure-infographic .box-2 {
    position: relative;
    left: -6px;
}
.infopgraphics.azure-infographic .box-3 {
    position: relative;
    left: -12px;
}
.infopgraphics.azure-infographic .box-4 {
    position: relative;
    left: -18px;
}
.infopgraphics.azure-infographic .box-5 {
    position: relative;
    left: -24px;
    justify-content: center;
}

.offerings-cards{
    margin-bottom: 20px;
    color: #292929;
}

.offerings-cards .card-title{
    font-size: 1.625rem;
    line-height: 1.75rem;
    text-align: left;
    font-weight: 400;
}
.offerings-cards .card-text{
    text-align: left;
}

.offerings-cards .card-text ol,
.offerings-cards .card-text ul{
    padding-left: 20px;
}

.offerings-cards .offerings-cards-img {
    display: flex;
    justify-content: center;
    align-items: center;
}

.offerings-cards .offerings-cards-img figure{
    background-color: #F9F9F9;
    display: flex;
    justify-content: center;
    align-items: center;
    width:100%;
    height: 100%;
}

.offerings-cards .card-block{
    padding-bottom: 20px;
}

.page-template-microsoft-child-pages .left-triangle, .page-template-microsoft-child-pages .right-triangle {
    top: 670px
}

.page-template-microsoft-child-pages .page-wapper-grey {
    padding-bottom: 0;
}

.page-template-microsoft-child-pages .page-wapper-grey::after {
    display: none;
}

.mobile-frontend-pgraphic {
    background-color: #fff;
    padding: 60px;
    margin-bottom: 40px;
}

.page-template-microsoft-child-pages .intro2 h2 {
    font-weight: 900;
}


.page-section.core-values.microsoft-boe-box{
    background: url(assets/img/boe-box-bg.jpg) no-repeat;
    height: 870px;
    background-size: cover;
    padding-top: 100px;
    color: #fff;
}
.page-section.core-values.microsoft-boe-box .about-our-core-values .box .text{
    display: flex;
    justify-content: center;
}
.page-section.core-values.microsoft-boe-box .about-our-core-values .box h4 {
     width: 250px;;
}

.why-trust.page-section.light-blue-bg {
    background: #F3FFFE;
    padding: 60px 0;
    color: var(--normalFontColor);
}
.why-trust.page-section.light-blue-bg .why-trust-boxes .box::before {
    display: none;
}
.joining-hands-section.services-offering-bg {
    background-color: #000504 ;
    background-image: url(assets/img/services-offered-bg.jpg);
    color: #fff;
    padding-top: 60px;
}
.joining-hands .box.services-box {
    box-shadow: none;
}
.joining-hands .box.services-box .card-text{
    font-size: 1.125rem;
    line-height: 1.375rem;
    height: 154px;
}

.joining-hands .box .card-body {
    margin-top: -70px;
    height: 240px;
}

/* power platform infographic */
.power-apps-infographic-wrapper .box{
    width: 241px
}
.power-apps-infographic {
    height: 425px;
    position: relative;
    width: 241px;
    padding: 40px;
}
.power-apps-infographic .power-apps-infographic-outline {
    border: 2px solid var(--magentaColor);
    border-top-left-radius: 122px;
    border-top-right-radius: 122px;
    border-bottom: none;
    height: 203px;
    width: 241px;
    position: absolute;
    top: 0;
    left: 0;
}
.power-apps-infographic .power-apps-infographic-outline::before,
.power-apps-infographic .power-apps-infographic-outline::after {
    content: "";
    position: absolute;
    top: 201px;
}

.power-apps-infographic .power-apps-infographic-outline::before {
    border: 2px solid var(--magentaColor);
    border-top-left-radius: 16px;
    border-top-right-radius: 16px;
    border-bottom: 0;
    height:18px;
    width: 30px;
    left: -15px;
}
.power-apps-infographic .power-apps-infographic-outline::after {
    right: -10px;
    width: 18px;
    height: 18px;
    background: var(--magentaColor);
    border-radius: 50%;
    top: 198px;
}
.power-apps-infographic.upside-down .power-apps-infographic-outline{
    border: 2px solid var(--magentaColor);
    border-top-left-radius: initial;
    border-top-right-radius: initial;
    border-bottom-left-radius: 122px;
    border-bottom-right-radius: 122px;
    border-top: none;
    top:auto;
    bottom:0
}
.power-apps-infographic.upside-down .power-apps-infographic-outline::before {
    border: 2px solid var(--magentaColor);
    border-bottom-left-radius: 16px;
    border-bottom-right-radius: 16px;border-top-left-radius: initial;
    border-top-right-radius: initial;
    border-top: 0;
    top: -16px;
}
.power-apps-infographic.upside-down .power-apps-infographic-outline::after {
    top: -14px;
}

.power-apps-infographic .content{
    background-color: var(--magentaColor);
    width: 160px;
    height: 265px;
    border-top-left-radius: 85px;
    border-top-right-radius: 85px;
    position: relative;
}

.power-apps-infographic.upside-down .content{
    background-color: var(--magentaColor);
    width: 160px;
    height: 265px;
    border-top-left-radius: initial;
    border-top-right-radius: initial;
    border-bottom-left-radius: 85px;
    border-bottom-right-radius: 85px;
    position: relative;
    top: 80px;
}
.power-apps-infographic .title{
    color: #fff;
    font-weight: 700;
    font-size: 1.5rem;
    line-height: 1.625rem;
    width: 100%;
    height: 185px;
    display: flex;
    justify-content: center;
    align-items: center;
}
.power-apps-infographic.upside-down .title{
    padding: 100px 20px 0;
}
.power-apps-infographic .logo{
    background-color: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 160px;
    height: 160px;
    border-radius: 50%;
    position: absolute;
    bottom: -80px;
    left: 0;
}

.power-apps-infographic .logo img{
    width: 70px;
}

.power-apps-infographic.upside-down .logo{
    bottom: auto;
    top: -80px;
}
.power-apps-infographic-wrapper .box .text {
    padding: 0px 35px 10px;
    position: relative;
    margin-top: -20px;
}

.power-apps-infographic-wrapper .box-2 .text,
.power-apps-infographic-wrapper .box-4 .text {
    margin-top: 20px;
}

.power-apps-infographic-wrapper .box .text strong{
    font-weight: 700;
}

.power-apps-infographic-wrapper .box-2{
    left: -3px;
}
.power-apps-infographic-wrapper .box-3{
    left: -6px;
}
.power-apps-infographic-wrapper .box-4{
    left: -9px;
}
.power-apps-infographic-wrapper .box-5{
    left: -12px;
}

.power-apps-infographic.blue .power-apps-infographic-outline,
.power-apps-infographic.blue .power-apps-infographic-outline::before,
.power-apps-infographic.upside-down.blue .power-apps-infographic-outline,
.power-apps-infographic.upside-down.blue .power-apps-infographic-outline::before {
    border-color: var(--blueColor);
}
.power-apps-infographic.blue .power-apps-infographic-outline::after,
.power-apps-infographic.blue .content{
    background-color: var(--blueColor);
}

.power-apps-infographic.gold .power-apps-infographic-outline,
.power-apps-infographic.gold .power-apps-infographic-outline::before,
.power-apps-infographic.upside-down.gold .power-apps-infographic-outline,
.power-apps-infographic.upside-down.gold .power-apps-infographic-outline::before {
    border-color: var(--goldColor);
}
.power-apps-infographic.gold .power-apps-infographic-outline::after,
.power-apps-infographic.gold .content{
    background-color: var(--goldColor);
}

.power-apps-infographic.teal .power-apps-infographic-outline,
.power-apps-infographic.teal .power-apps-infographic-outline::before,
.power-apps-infographic.upside-down.teal .power-apps-infographic-outline,
.power-apps-infographic.upside-down.teal .power-apps-infographic-outline::before {
    border-color: var(--tealColor);
}
.power-apps-infographic.teal .power-apps-infographic-outline::after,
.power-apps-infographic.teal .content{
    background-color: var(--tealColor);
}

.power-apps-infographic.red .power-apps-infographic-outline,
.power-apps-infographic.red .power-apps-infographic-outline::before,
.power-apps-infographic.upside-down.red .power-apps-infographic-outline,
.power-apps-infographic.upside-down.red .power-apps-infographic-outline::before {
    border-color: var(--redColor);
}
.power-apps-infographic.red .power-apps-infographic-outline::after,
.power-apps-infographic.red .content{
    background-color: var(--redColor);
}

.infopgraphics.azure-infographic,
.infopgraphics.power-apps-infographic-wrapper {
    transform: scale(0.9);
}
/* --- Microsoft Certificate logo box---- */

.certification-box-section {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 77px 112px;
    width: 100%;
    height: 300px;
    background: linear-gradient(90deg, #9140F8 0%, #1AB92A 100%);
    flex: none;
    order: 2;
    flex-grow: 0;
    color: var(--white);
    margin: 0;
}

.certification-box-section figure{ 
    background-color: #fff; 
    border-radius: 10px; 
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    height: 150px;
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}


/* infopgraphics mobile-services */

.infopgraphics.mobile-services .col{
    width:100%;
    display: flex;
    align-items: center;
    justify-content: center;
    border-bottom: 2px solid #efefef;
    padding: 8px 0!important;
    height: 92px;
}
.infopgraphics.mobile-services .col:last-child{
    border-bottom: none;
}

.infopgraphics.mobile-services .col-wrapper{
    background-color: #fff;
    display: flex;
    flex-direction: column;
    padding:0 10px;
    height: 470px;
}
.infopgraphics.mobile-services .col.head-img {
    border: none;
    background-color: transparent;
    height: 123px;
    background: #43B1F8;
    color: #fff;
    font-size: 1.375rem;
    line-height: 1.75rem;
    border-top-left-radius: 50% 15px;
    border-top-right-radius: 50% 15px;
    flex-direction: column;
}

.infopgraphics.mobile-services .col.head-img span {
    padding-top: 15px;
}
.infopgraphics.mobile-services .col.head-img.purple{
    background-color: #9566DC;
}
.infopgraphics.mobile-services .col.head-img.pink{
    background-color: #FF7C7D;
}
.infopgraphics.mobile-services .col.head-img.yellow{
    background-color: #DAA500;
}
	span.zipHelp{
		font-size:13px;
		font-weight: 400;
		color: #f1f1f1;
	}
form .input-error {
    border: 2px solid red;
  }
.errorDetail{
	color: red;
	background: #f2f2f2;
	font-weight: 400;
	font-size: 14px;
	padding: 5px 10px;
	margin-bottom: 10px;
}
	.errorDetail:empty{display: none}
	
	#rateResults{
		max-width: 1200px;
		width: 100%;
		margin: 0 auto;
		display: flex;
		flex-wrap: wrap;
		justify-content: space-evenly;
	}

	#rateResults li{
		max-width: 30%;
		width: 100%;
		list-style: none;
		margin: 0 5px 10px;
	}
	.infoWrap{
		display: flex;
		font-size: 15px;
    	align-items: baseline;
		margin: 10px 0 10px 0;
	}
	.infoWrap .btnInfo{
		font-size: 13px;
		text-transform: uppercase;
		color: rgb(255, 255, 255);
		padding: 5px 10px;
		font-weight: 700;
		margin-right: 5px;
	}
	.infoWrap .btnInfo.cheapest{background-color: rgb(0, 142, 0);}
	.infoWrap .btnInfo.fastest{background-color: rgb(0, 169, 255);}
	
	.pricing{
		display: flex;
		align-items: center;
		-webkit-box-pack: justify;
		justify-content: space-between;
		border-top: 2px solid rgb(204, 204, 204);
		border-bottom: 2px solid rgb(204, 204, 204);
		background-color: rgb(219, 241, 213);
		padding: 2px 20px;
		font-weight: 700;
		font-size: 20px;
		line-height: 20px;
		margin: 0 -10px;
	}
	.mr-2{
		margin-right: 8px;
	}
	.pricing .shipPrice{
		font-size:26px;
		font-weight: 800;
		color:#008e00;
	}
	.estimatedDelivery{
		font-weight: 700;
    	font-size: 15px;
		margin-bottom:10px;
	}
	.priceType{
		color: #1b76af;
	}
	.header ul.primary-menu li{
		margin-right: 15px !important;
	}
	.header ul.primary-menu li a{
		font-size:17px;
	}
	.header ul.primary-menu li.menu-item-signup a{
		color:#fff !important;
	}
	.header ul.primary-menu li.menu-item-signup:after{
		height:0 !important;
	}
	.navbar-nav .header ul.primary-menu>li a{
		font-size: 16px;
	}
/* 	.header ul.primary-menu li a:hover{
		color:#fff !important;
	} */
	.elementor-section.elementor-section-stretched{
		width: 100% !important;
	}
	.header ul.primary-menu li.menu-item-signup a:hover,
	.header ul.primary-menu li.menu-item-signup a:focus{
		color:#fff !important;
	}
@media (max-width: 767px) {
    .certification-box-section {
        padding: 80px 30px;
        text-align: center;
    }

    .infopgraphics.mobile-services .col-wrapper{ 
        height: auto;
        margin-bottom: 20px;
    } 
  
}

@media (min-width: 768px) and (max-width: 1024px) {
     .infopgraphics .box .text{
        font-size: 1.125rem
    } 
    .infopgraphics.azure-infographic .box {
        width: 130px;
    }
    .infopgraphics.azure-infographic .box figure{
        width: 130px;
        height: 130px;
    }
    .infopgraphics.azure-infographic .box figure img{
        width: 100%;height: 100%;
    }
    .infopgraphics.azure-infographic .box-1 {
        left: 0px;
    }
    .infopgraphics.azure-infographic .box-2 {
        left: -4px;
    }
    .infopgraphics.azure-infographic .box-3 {
        left: -8px;
    }
    .infopgraphics.azure-infographic .box-4 {
        left: -12px;
    }
    .infopgraphics.azure-infographic .box-5 {
        left: -16px;
        justify-content: initial;
    }

    .page-section.infographic-section.microsoft-power-platform-section {
        height: 720px;
    }
    .power-apps-infographic-wrapper {
        transform: scale(0.7);
        position: relative;
        top: -80px;
    }
}

@media (min-width: 768px) and (max-width: 800px) {
    .page-section.infographic-section.microsoft-power-platform-section {
        height: 700px;
    }
    .power-apps-infographic-wrapper {
        transform: scale(0.6);
        position: relative;
        top: -80px;
    }
    .banner-slider .owl-item .container h2 {
        font-size: 1.5rem !important;
        line-height: 1.75rem;
    }

    .banner-slider .owl-carousel .owl-item .sa_hover_container {
        min-height: 305px!important;
    }

    .banner-slider .owl-item .container img {
        height: 50px;
    }
}


@media (min-width: 1024px) and (max-width: 1180px) {
    .infopgraphics .box .text{
       font-size: 1.125rem
   } 

   .infopgraphics.azure-infographic .box {
       width: 180px;
   }
   .infopgraphics.azure-infographic .box figure{
       width: 180px;
       height: 180px;
   }
   .infopgraphics.azure-infographic .box figure img{
       width: 100%;height: 100%;
   }
   .infopgraphics.azure-infographic .box-1 {
       left: 1px;
   }
   .infopgraphics.azure-infographic .box-2 {
       left: -4px;
   }
   .infopgraphics.azure-infographic .box-3 {
       left: -8px;
   }
   .infopgraphics.azure-infographic .box-4 {
       left: -12px;
   }
   .infopgraphics.azure-infographic .box-5 {
       left: -16px;
       justify-content: initial;
   }

   .page-section.infographic-section.microsoft-power-platform-section {
        height: 720px;
    }
    .power-apps-infographic-wrapper {
        transform: scale(0.7);
        position: relative;
        top: -80px;
    }
    .banner-slider .owl-item .container h2 {
        font-size: 1.75rem !important;
        line-height: 2rem;
    }
    .banner-slider .owl-carousel .owl-item .sa_hover_container {
        min-height: 410px !important;
    }
}
@media (min-width: 1180px) and (max-width: 1300px) {
    .infopgraphics .box .text{
       font-size: 1.125rem
   } 

   .infopgraphics.azure-infographic .box {
       width: 220px;
   }
   .infopgraphics.azure-infographic .box figure{
       width: 220px;
       height: 220px;
   }
   .infopgraphics.azure-infographic .box figure img{
       width: 100%;height: 100%;
   }
   .infopgraphics.azure-infographic .box-1 {
       left: 2px;
   }
   .infopgraphics.azure-infographic .box-2 {
       left: -4px;
   }
   .infopgraphics.azure-infographic .box-3 {
       left: -8px;
   }
   .infopgraphics.azure-infographic .box-4 {
       left: -12px;
   }
   .infopgraphics.azure-infographic .box-5 {
       left: -16px;
       justify-content: initial;
   }

   .page-section.infographic-section.microsoft-power-platform-section {
        height: 800px;
    }
    .power-apps-infographic-wrapper {
        transform: scale(0.85);
        position: relative;
        top: -50px;
    }
    .banner-slider .owl-carousel .owl-item .sa_hover_container {
        min-height: 550px !important;
    }
}

@media (max-width: 767px) {
    .infopgraphics {
        flex-direction: column;
    }
    .infopgraphics .box {
        flex-direction: row;
    }

    .infopgraphics.azure-infographic .box {
        width: 100%;
    }
    .infopgraphics.azure-infographic .box figure{
        width: 131px;
    }
    .infopgraphics.azure-infographic .box-1 {
        left: 0px;
        margin-left: 0px;
    }
    .infopgraphics.azure-infographic .box-2 {
        left: 0px;
        top: -4px;
    }
    .infopgraphics.azure-infographic .box-3 {
        left: 0;
        top: -8px;
    }
    .infopgraphics.azure-infographic .box-4 {
        left: 0;
        top: -12px;
    }
    .infopgraphics.azure-infographic .box-5 {
        left: 0;
        top: -16px;
        justify-content: initial;
    }
    .infopgraphics.azure-infographic .box .text{
        text-align: left;    
        display: flex;
        justify-content: start;
        align-items: center;
        padding-left: 30px;
    }
    .infopgraphics.azure-infographic .box .text br{
        display: none;
    }

    .infopgraphics.azure-infographic, .infopgraphics.power-apps-infographic-wrapper {
         transform: scale(1); 
    }

    .offerings-cards .offerings-cards-img figure{ 
        padding-top: 20px;
        padding-bottom: 20px;
    }
    .page-template-microsoft-child-pages .intro2 h2 {
        font-size: 1.75rem;
    }
    .page-title.big-title h1 br,
    .page-title.big-title h2 br,
    .page-title.big-title .sub-heading br{
        display: none;
    }
   
    .power-apps-infographic-wrapper .box {
        width: 100%;
        max-width: 400px;
        justify-content: center;
        left: 0;
        padding: 20px 0;
    }
    .power-apps-infographic {
        padding: 0px;
        height: 365px;
    }
    .power-apps-infographic .power-apps-infographic-outline {
        display: none;
    }
    .power-apps-infographic .logo{
        top: 185px
    }
    .power-apps-infographic-wrapper .box-2,
    .power-apps-infographic-wrapper .box-4 {
        flex-direction: row-reverse;
    }

    .power-apps-infographic-wrapper .box .text {
        padding-top: 25px;
        display: flex;
        align-items: center;
        justify-content: center;
        flex-direction: column;
    }

    .page-section.core-values.microsoft-boe-box {
        min-height: 800px;
        height: auto;
        background-color: #0065D4;
    }

    .certification-box-section {
        min-height: 300px;
        height: auto;
    }
    .industry-section-one-box .card-body {
        height: 140px;
    }
    .text-center .intro2 h2{
        text-align: center!important;
    }
    .row .text-center h2{
        text-align: center!important;
    }

}

/* updated css */
.menu-quick-links-footer-container .menu{
    display: flex;
    height: 176px;
    flex-flow: column wrap;
    width: 310px;
    margin: 10px;
    text-align: center;
    line-height: 26px;
    font-size: 30px;

}
.middle-footer .row :nth-child(3).col-md-6 .row{
    width: 66%;
}
.middle-footer .row :nth-child(3).col-md-6{
    justify-content: flex-end;
    display: flex;
}
.menu .menu-item{
    display: flex;
}
.wp-block-navigation .wp-block-navigation-item__label {
    overflow-wrap: break-word;
    word-break: normal;
}

.wp-block-navigation .wp-block-navigation-item__description {
    display: none
}

a:where(:not(.wp-element-button)):hover {
    color: #1b76af!important;
    text-decoration: none!important;


}    


#modal-53 .wp-block-navigation__container {
    line-height: 13px !important;

}

#modal-53 .wp-block-navigation-item__label {
    font-size: 15px !important;
    font-weight: 600 !important;

}

#modal-15 .wp-block-navigation-item__label {
    font-size: 15px;
}

#modal-15 .wp-block-navigation__container {
    line-height: 13px !important;
}

#modal-19 .wp-block-navigation-item__label {
    font-size: 15px;
}

#modal-19 .wp-block-navigation__container {
    line-height: 13px !important;
    margin-top: 55px !important;
    margin-left: -16px;
}

#modal-57 .wp-block-navigation__container {
    line-height: 16px !important;
    margin-top: 55px !important;
    margin-left: -16px;
}

#modal-57 .wp-block-navigation-item__label {
    font-size: 15px !important;
    font-weight: 600 !important;

}

.wp-block-navigation .wp-block-navigation-item__label, .wp-block-navigation .wp-block-navigation-item__content.wp-block-navigation-item__content {
    font-weight: 400 !important;
}

.wp-block-button .wp-block-button__link {
    background-color: #4ab2f3 !important;
    border: 0 !important;
    border-radius: 0!important;
    color: #fff !important;
    font-size: 16px !important;
    font-weight: 500 !important;
    line-height: 1 !important;
    min-width: 90px !important;
    padding: 15px 24px !important;
    text-decoration: none!important;
}

.elementor-button-link {
    background-color: #4ab2f3 !important;
    border: 0 !important;
    border-radius: 0!important;
    color: #fff !important;
    font-size: 16px !important;
    font-weight: 500 !important;
    line-height: 1 !important;
    padding: 15px 24px !important;
    background-image: unset !important;
}
.wp-block-group .wp-block-columns .custum-extrabox nav {
    width: 231px!important;
    margin-left: -27px !important;
    margin-top: 41px !important;
    }

 .wp-block-group .wp-block-columns .custum-extrabox nav ul{
        line-height: 24px!important;
        }

   


.wpforms-submit {
    background-color: #4ab2f3 !important;
    border: 0 !important;
    width: 100%;
    border-radius: 5px!important;
    color: #fff !important;
    font-size: 19px !important;
    font-weight: 500 !important;
    line-height: 1 !important;
    min-width: 90px !important;
    padding: 19px 47px !important;
}

.custom-align-center {
    display: flex !important;
    flex-direction: row !important;
    justify-content: space-evenly;
}

.custom-width-boxes .wp-block-group.alignwide.is-layout-flow.wp-container-23 {
    width: 1150px !important;
}
.wp-block-column.is-vertically-aligned-top.custom-flex-basis.has-ti-bg-color.has-text-color.is-layout-constrained{
    max-width: 30%!important;
    width: 30%!important;
    flex-basis: 16%!important;
}
.wp-block-group.alignwide.is-layout-constrained.wp-container-66{
    margin-left: 0!important;
    margin-right: 0!important;
    width: 100%;
    max-width: 1900px;
}
.wp-block-group.alignwide.is-layout-constrained.wp-container-26{
    margin-left: 0!important;
    margin-right: 0!important;
    width: 100%;
    max-width: 1900px;
    .custom-box{
        margin-left: 0!important;
    margin-right: 0!important;
    width: 100%;
    max-width: 1900px;
    }
}
.wp-container-66{
    .wp-block-columns.custom-box.has-ti-bg-background-color.has-background.has-small-font-size.is-layout-flex.wp-container-65{
    max-width: 1900px;
    margin-left: 0!important;
    margin-right: 0!important;}
}
.wp-block-quote {
    .has-ti-fg-color{
        font-style: normal!important;
    }
}
.wp-block-column.is-layout-flow{
    .wp-block-cover.is-light.has-custom-content-position{
        padding-left: 0 !important;
    }
}
.wp-block-cover__inner-container .has-text-align-left{
        width: 363px!important;
    text-align: left!important;
    background: #fdfdfdb0!important;
    font-weight: 600;
    
}

.wp-block-group.is-layout-flow{
    .wp-block-cover.alignfull{
        justify-content: flex-start!important;
        .wp-block-cover__inner-container{
            width: 70%;
        }
    }
}
.wp-block-column.has-background.is-layout-flow{
    .wp-block-heading.has-medium-font-size{
        font-size: 32px!important;
    line-height: 36px!important;
    margin-bottom: 16px!important;
    font-weight: 700!important;
    b, strong{
        font-weight: 700!important;
    }
    }
}
.custom-box-css{
    .custom-p-text{
        font-size: 16px!important;
        line-height: 22px!important;
    }
.custom-text {
    line-height: 32px!important;
    font-size: 30px!important;
    margin-bottom: 16px!important;
    font-weight: 700!important;
}
    .custom-color{
 color: #4ab2f3!important;
 
    }
    .custom-color1{
font-weight: 700!important;
    }
}

.custom-barn-txt{
    font-size: 14px!important;
    line-height: 20px!important;
}
.custom-two-column .wp-block-columns.alignwide.is-layout-flex{
    width: 89%!important;
    margin-right: auto!important;
    margin-left: auto!important;

}
    

.custom-two-column .wp-block-column.is-layout-flow{
            padding-top: 50px!important;
            padding-bottom: 50px!important;
        }
    
.wp-block-cover__inner-container .wp-block-group.is-layout-constrained 
.custom-text-bar{
    width: 355px !important;
text-align: left !important;
background: #fdfdfdb0 !important;
font-weight: 600;
  
}
.wp-social-link{
    .wp-block-social-link-anchor{
        display: flex!important;
    flex-direction: column!important;
    }
}
.wp-block-group{
    .custom-footer-text{
        line-height: 20px!important;
        font-size: 16px!important;
    }
}
.wp-block-group{
    .custom-quicklink{
        gap: 10px!important;
    }
}
.wp-block-column.is-layout-flow{
    .has-normal-font-size{
        li{
            font-size: 16px!important;
        }
    }
}
.has-custom-content-position {
    .wp-block-cover__inner-container{
        background: #fdfdfd1a!important;
    }
}
.wp-block-group.alignfull.has-ti-bg-alt-background-color.has-background.is-layout-constrained .wp-block-heading.alignwide{
    
        font-size: 30px!important;
 line-height: 34px!important;
 max-width: 700px!important;
 margin-bottom:36px!important;
   
}
.custom-list-font{
    font-size: 16px!important;
    line-height: 20px;
}
.carousel-item.animate__animated.active{
    background: none!important;
}
.captionContent.bottom-center{
   top: 92px!important;
    
}
.captionContent.bottom-center .animate__animated.animate__fadeInRight{
    color: #000!important;
    margin-bottom: 20px!important;
text-shadow: none;
font-size: 17px!important;

}
.animate__animated.animate__fadeInRight em{
    color: #f8766d!important;
}
.carousel-item.animate__animated .d-block.w-100{
    
        width: 50%!important;
        height: 50%!important;
        margin-right: auto!important;
        margin-left: auto!important;
    
}
.bsbButtonDesign .bsbArrowButton {
    background: black!important;
    width: 33px!important;
    height: 39px!important;
}
.wp-block-bsb-slider .bsbCarousel .carousel-caption {
    top: 55%!important;
}
.custom-font-weight{
    font-weight: 700!important;
}
.custom-barn2{
    font-size: 20px!important;
    font-weight: 500!important;
}
.custom-head-font{
    font-size: 32px!important;
    line-height: 36px!important;
}
#bsbCarousel-decc91ee-2 .carousel-item:after {
    background: none!important;
}
.captionContent.bottom-center .animate__animated.animate__fadeInRight{
    animation-delay: unset!important;
    animation-duration: unset!important;
}
.elementor-container.elementor-column-gap-no .custom-column-banner{
    width: 60%!important;
}
.custom-column-banner .elementor-image-box-content{
    padding: 10px!important;
}
.custom-column-banner .elementor-image-box-content .elementor-image-box-title{
    margin: 0!important;
} 
.custom-column-banner .custom-box-text .elementor-image-box-title{
    color: white!important
}
.custom-column-banner .custom-box-text .elementor-image-box-description{
    color: white!important
}
/* .custom-column-banner .elementor-image-box-wrapper {
background: #00000033!important;
} */
.custom-box-height .elementor-icon-box-title {
    height: 40px!important;
}
.wp-block-group.alignfull.is-layout-constrained{
    padding-top: 30px!important;
}
.custom-section-banner{
    padding-top: 30px!important;
}
.carousel-item.animate__animated .d-block.w-100{
    border-radius: 50%;
    height: 200px!important;
    width: 200px!important;
    display: block!important;
}
.custom-map-padding{
    padding-top:0!important;
    padding-bottom:0!important;
}
.custom-editor-text{
    margin-bottom: 0!important;
}
.wpforms-field-large.wpforms-field-required{
    font-size: 16px!important;
    height: 53px;
}
.has-text-align-center.wp-block-post-title{
    color: #54595F!important;
}

.elementor-element .elementor-widget-container {
    padding: 16px!important;
}
	.elementor .custom-faq{
		background-image: url("https://www.shipvisionai.com/wp-content/uploads/2023/07/FAQ-banner-01-1.jpg")!important;
	}
.Home-section-1{
    background-image: url("https://www.shipvisionai.com/wp-content/uploads/2023/09/Home-banner-1.png")!important;

}

.custom-helpcenter{
    background-image: url("https://www.shipvisionai.com/wp-content/uploads/2023/09/Help-Center.png")!important;
}
.custom-banner-image1{
    background-image: url("https://www.shipvisionai.com/wp-content/uploads/2023/09/Contact-us.png")!important;
}
.custom-career{
    background-image: url("https://www.shipvisionai.com/wp-content/uploads/2023/09/careers.png")!important;
}
.custom-pricing{
    background-image: url("https://www.shipvisionai.com/wp-content/uploads/2023/09/Pricing.png")!important;
}
.custom-banner-cls{
   background-image: url("https://www.shipvisionai.com/wp-content/uploads/2023/09/About-us.png")!important;
}
.service-section1{
    background-image: url("https://www.shipvisionai.com/wp-content/uploads/2023/09/Service-banner.png")!important;
}
.custom-return-section1{
    background-image: url("https://www.shipvisionai.com/wp-content/uploads/2023/07/returnmgtbanner.jpeg")!important;

}
.inventry-section-1{
    background-image: url("https://www.shipvisionai.com/wp-content/uploads/2023/07/inventry-mngment.png")!important;

}
.custom-weigth .elementor-widget {
    margin:0!important;   
   }
   .custom-outer-box .elementor-accordion .elementor-tab-content{
border-top: none!important;
   }
   .custom-outer-box .elementor-accordion .elementor-accordion-item {
    border: none!important;
       }
       .custom-career .elementor-widget-wrap .elementor-element-populated{
        width: 69%!important;
       }
.custom-careers-heading .elementor-widget-wrap.elementor-element-populated{
    width: 69%!important;
}
.custom-box-cls .elementor-widget-wrap .elementor-widget-container {
    height: 233px!important;
    border: 1px solid #ebe7e7;
    border-radius: 20px;
    margin: 0 10px;
}
.service-section-9 .elementor-widget.elementor-widget-heading{
    margin-bottom: 0!important;
}
.service-section-10 .elementor-widget.elementor-widget-heading{
    margin-bottom: 0!important;
}
.elementor-widget:not(:last-child) {
margin:0!important;
}
.service-section1 .elementor-widget-wrap.elementor-element-populated{
width: 70%!important;
}
.custom-rten-boxes .elementor-widget-container{
    height: 276px!important;

}
.elementor-accordion-item .elementor-tab-title a:focus {
    outline: none!important;
}
.is-style-rounded img{
    height: 196px!important;
}
@media (min-width: 821px) and (max-width: 920px) {
.custom-image .elementor-widget-container img{
    height: 150px!important;
}
.elementor-section .custom-image-cntr .elementor-widget-container img{
    height: 173px!important;
}
.custom-box .custum-extrabox nav {
    width: 188px!important;
    margin-left: -37px !important;
    margin-top: 43px !important;
    }
.custom-box .custom-flex-basis .wp-block-group{
    width: 171px!important;
    
    }
}

.elementor-accordion-title {

    color: #4AB2F3!important;
}
.footer-links{
    width: 50%!important;
}
.custom-testimonials{.n2-ss-slide-backgrounds.n2-ow-all{
    width: 20%;
    height: 42%;
    margin: 0 AUTO;
  }}
 .custom-testimonials{ .n2-ss-slide-background{
    BORDER-RADIUS: 50%;
      MARGIN: 0 AUTO;
  }}
 .skip-lazy{
    BACKGROUND: BLACK;
    width: 219px!important;
    height: 135px!important;
    border-radius: 12%!important;
  }
 div#n2-ss-2 {.n2-style-f8293b450b12ef15d5c4ff97a617a3e3-heading {
    color: black!important;
}}

/* .n2-ss-slider .n2-ss-slide-background-image img {
    width: 219px!important;
    height: 135px!important;
    border-radius: 12%!important;
} */

div#n2-ss-3 .nextend-arrow img {
    background: black;
    width: 32px!important;
    height: 32px!important;
}
.n2-ss-slide-backgrounds{
    width: 400px!important;
    height: 448px!important;
    border-radius: 12%!important;
}
.n2-ss-slider .n2-ss-slide-background * {
    width: 330px!important;
    height: 180px!important;
}
div#n2-ss-3 .n2-ss-slide-backgrounds {
    margin-left: 38%;
}
.custom-text {
    color: #f8766d !important;
    position: relative;
    top: 20px;
   
}
.wpforms-field-sublabel{
    display: none!important;
}

  .main-content{
    color: black;
  }
  .custom-center-align{
    margin: 0 auto!important;
  }
  .elementor-7817 .elementor-element.elementor-element-0aebca6 {
    width: 100%!important;
    max-width: 100%!important;
    --container-widget-width: 100%!important;
    --container-widget-flex-grow: 0;
}
.menu-item-login{ 
    position: relative!important;
    background-color: #1B76AF!important;
    padding: 5px 18px!important;
    border-radius: 8px!important;
    color: white!important;
}
.custom-row{
    display: flex;
}
.custom-row p{
    font-size: 10px!important;
}
.custom-row div {
    padding: 0 17px;
}
.main-font{
    font-size: 14px!important;
    font-weight: 600!important;;
}
.col-xs-12 footer-address-dd{
    display: none!important;
}
.menu-item-login a{
    color: white!important;
}
.menu-item-login a:hover{
    color: white!important;
}
.header ul.primary-menu>li.menu-item-login:not(.current_page_item):not(.current-menu-item):hover::after {
    opacity: 0;
}    

.footer-menus {
    flex-wrap: nowrap;
}

.footer-menus .footer-links {
    width: 12% !important;
}

.footer-menus .footer-links ul li {
    color: #C0C0C0;
    font-size: 14px;
    opacity: 0.7;
}
.footer-menus .footer-links ul li:first-child {
    font-weight: bold;
    color: #fff;
    font-size: 16px;
    opacity: 1;
}

.custom-row div p a{ color: white!IMPORTANT; }
.article-wrapper .article .savingTxt .retailTxt{
	color: rgb(153, 153, 153);
	text-decoration: line-through;
	margin: 0;
}
.savingTxt{
	font-size: 20px;
}
.article-wrapper .article .savingTxt .savePercent{
	color: rgb(0, 142, 0);	
	font-weight: 600;
	margin:0;
}

/* .elementor-section,
.elementor-container {
    width: 100% !important;
    max-width: 100% !important;
    left: 0 !important;
}
*/
.elementor-column-gap-default>.elementor-column>.elementor-element-populated,
.elementor-element .elementor-widget-container {
    padding: 0!important;
}   

.why-trust-boxes .client-stories-box .card-title h5 a :nth-child(1) {
font-size: 26px!important; 
font-weight: 600;
}
.why-trust-boxes .client-stories-box .card-title h5 a :nth-child(2) {
    font-size: 20px!important; 
    
    }
    .n2-ss-slider .n2-ss-slider-wrapper-inside {

        position: unset!important;
    }
    @media (min-width: 768px) and (max-width: 820px) {
        .footer-links {
            width: 100%!important;
          }
          .n2-ss-slider .n2-ss-slide-background * {
            width: 240px!important;
            height: 180px!important;
            
        }
        div#n2-ss-3 .n2-ss-slide-backgrounds {
            margin-left: 30%!important;
        }
        .n2-ss-slider .n2-ss-layer-content .n2-ss-layer[data-pm=normal] {
            margin-top: 87px;
        }
        .row footer-menus{
            max-width: 88%;
            flex-wrap: wrap;
           }
        .custom-box .wp-block-column .wp-block-group {
            margin-bottom: 30px!important;
        }
        .wp-site-blocks {
            margin: 10px 15px !important;
        }
        /* .wp-block-group.is-layout-constrained{
            margin-bottom: 20px!important;
        } */
        .wp-block-group.is-layout-constrained  .wp-block-heading{
           
                font-size: 21px!important;
                    }
        .elementor-414 .elementor-icon-box-title, .elementor-414 .elementor-element.elementor-element-57e4ce7 .elementor-icon-box-title a {
                    font-size: 20px!important;
                    font-weight: 600!important;       
        }
        .elementor-414 .elementor-element.elementor-element-fc76bb3 .elementor-icon-box-description {
            
                    font-weight: 600!important; 
        }
        .wp-block-navigation .wp-block-navigation-item__label, .wp-block-navigation .wp-block-navigation-item__content.wp-block-navigation-item__content {
            font-weight: 600 !important;
            font-size: 16px!important;
        }
        .wp-block-column.custom-flex-basis.has-ti-bg-color.has-text-color.is-layout-constrained{
        flex-basis: 20%!important;
        }
        .wp-block-column.custum-extrabox.is-layout-constrained {
        flex-basis: 20%!important;
        }
        .custom-box .wp-block-column.custum-extrabox.is-layout-constrained {
             flex-basis: 20%!important;
             }
        
        .custom-box .wp-block-column.has-ti-fg-color.has-text-color.has-link-color{
            flex-basis: 48%!important;
            padding-right: 6rem!important;
        }
        .custom-box .has-text-align-left{
                    margin: 0!important;
                    padding: 0!important;
               
        }
        .custum-extrabox .has-text-color.custum-quick-link-extra {
            width: 213px!important;
            margin-left: -27px !important;
            margin-top: 42px !important;
            }
        
        .wp-block-column .wp-block-group.is-content-justification-left.is-layout-constrained.wp-container-15, .wp-block-group.is-content-justification-left.is-layout-constrained.wp-container-17, .wp-block-group.is-content-justification-left.is-layout-constrained.wp-container-19 {
        margin-left: auto!important;
        margin-right: auto!important;
        }
        
        .Home-section-3 .home-section-3a {
        border-right: none!important;
        padding-right: 20px!important;
        }
        
        .Home-section-3 .home-section-3b {
        padding-left: 20px!important;
        }
        .custom-width-boxes  .custom-align-center .wp-block-group{
        max-width: 200px!important;
         margin-left: auto !important;
        }
        .is-style-rounded{
        margin: 4%!important;
        }
        .is-style-rounded img{
        width: 196px!important;
        }
        .wp-block-cover.alignfull .wp-block-cover__inner-container{
        width: 100%!important;
        }
        .custom-box-cls .elementor-widget-wrap .elementor-widget-container {
        height: auto!important;
        }
        .wp-block-cover__inner-container .wp-block-group.is-layout-constrained .custom-text-bar{
        width: 100%!important;
        font-size: 31px!important;
        padding: 21px!important;
        text-align: center!important;
        }
        .wp-block-cover__inner-container .has-text-align-left{
        width: 100%!important;
        font-size: 31px!important;
        padding: 21px!important;
        text-align: center!important;
        
        
        }
        .custom-align-center .wp-block-column .wp-block-group {
        padding: 0 10px!important;
        }
        .wp-block-column.is-layout-flow .wp-block-heading.has-text-align-center{
        padding-top:0!important;
        padding-bottom:0!important;
        }
        .service-section1 .elementor-widget-wrap.elementor-element-populated {
        width: 100%!important;
        }
        .custom-flex-basis .wp-block-group h2.wp-block-heading{
        width: 187px!important;
        }
        .custum-quick-link-extra .wp-block-navigation__container {
        line-height: 22px!important;
        margin-top: -9px;
        }
        .custom-align-center{
        gap: 0!important;
        }
        .custom-block-imagetext{
        display: flex;
        flex-direction: column;
        align-items: center;
        }
        .custom-about-box-text .elementor-icon-box-title{
        margin-bottom: 20px!important;
        }
        .custom-box .custum-extrabox nav {
        width: 213px!important;
        margin-left: -37px !important;
        margin-top: 32px !important;
        }
        
        .custom-box .custum-extrabox nav ul{
            line-height: 21px!important;
            }
            .custom-image .elementor-widget-container img{
                height: 150px!important;
            }
            .elementor-section .custom-image-cntr .elementor-widget-container img{
                height: 173px!important;
            }
            .custom-text {
            
                position: unset;
                top: 37px;
                left: 156px;
            }
            .custom-pricing .listing-wrapper .cat-listing .article-wrapper .post-list-content {
                top: 96px;
            }
            .custom-service .our-vision-dtaj .our-vision-dtaj-boxes .box .text {
                height: 112px;
            }
            .elementor .custom-careers .joining-hands .box .card-body {
                height: 424px;
            }
            .custom-careers .what-we-think .client-stories-box .card-body {
                height: 120px;
            }
            .custom-home .industry-section-one-box .card-body {
                height: 380px;
            }
            .elementor .custom-home .joining-hands .box .card-body {
                height: 402px!important;
            }
            .navbar .header-section-right {
                width: 54%!important;
            }
            .navbar-light .navbar-toggler-icon::before {
                margin-top: -5px;
            }
            .custom-home .intro2 h2 {
                text-align: center!important;
            }
    .custom-home .intro2 h3 {
                text-align: center!important;
            }
            
        }
    
    
        @media (max-width: 767px) {
        body{
            overflow-x: hidden!important ;
        }

        .custom-home .industry-section-one-box .card-body {
            height: 120px;
        }
        .custom-home .joining-hands .box .card-body {
            height: 222px;
        }

        .custom-home .intro2 h2 {
            text-align: center!important;
        }
.custom-home .intro2 h3 {
            text-align: center!important;
        }
        .row footer-menus{
            max-width: 88%;
            flex-wrap: wrap;
        }
        .navbar>.container {
            display: flex;
            flex-direction: row;
            justify-content: space-between;
            padding-top: 26px;
        }
        .header-section-right.col-md-10{
            display: none;
        }
        .navbar-light .navbar-toggler-icon::before {
            margin: -4px -4px!important;
            color: #000!important;
        }
        .header-section-right {
            width: 27%!important;
        }
        .custom-text {
                
            position: unset;
            top: 37px;
            left: 156px;
        }
        .n2-ss-slider .n2-ss-slide-background * {
            width: 130px!important;
            height: 80px!important;
                margin-left:0px;
                

        }
        div#n2-ss-3 .n2-ss-slide-backgrounds {
            margin-left: 32%!important;
        }
    
            h2, h3, h4 {
                line-height: 30px !important;
    
            }
    
            .is-layout-constrained .has-text-color .wp-block-navigation__container {
                display: block !important;
                line-height: 29px!important;
            }
    
            .is-layout-constrained .has-text-color .wp-block-navigation__container li a span {
                font-size: 12px;
                line-height: 18px;
            }
            .middle-footer .row :nth-child(3).col-md-6 {
                justify-content: flex-start;
            }
            .custom-box .custom-flex-basis {
                flex-basis: 20% !important;
            }
    
            
            .custum-quick-link-extra .wp-block-navigation__container {
                margin-left: 24px !important;
                margin-top: -19px !important;
            }
    
            .custum-quick-link-extra .wp-block-navigation__container li a {
                padding: 0 !important;
            }
    
            .wp-block-group.alignwide.is-layout-flow {
                padding: 10px 5px !important;
            }
    
            .wp-block-column.custom-flex-basis.has-ti-bg-color.has-text-color.is-layout-constrained {
                flex-basis: 20% !important;
            }
    
            .wp-block-column.is-layout-constrained {
                flex-basis: 20% !important;
            }
    
            .custum-quick-link-extra {
                margin-top: 8px !important;
                width: 241px!important;
            }
            .custom-align-center .wp-block-column {
                
                    display: flex;
                    flex-direction: column!important;
                    margin-bottom: 50px!important;
    
            }
    
            .custom-align-center .wp-block-column .wp-block-group p.has-text-align-center{
                
                margin-top: 0!important;
    
        }
        .custom-careers-heading .elementor-widget-wrap.elementor-element-populated {
        width:100%!important;
        }
            .custom-width-boxes  .custom-align-center .wp-block-group{
                        max-width: 100%!important;
                        margin-left: auto !important;
                    }
    
            
    
                    .custom-align-center{
                        gap: 0!important;
                    }
    
                    .custom-align-center .wp-block-column .wp-block-image{
        margin: 0 Auto!important;
            }
            .wp-block-cover__inner-container{
                width: 100%!important;
            }
            .home-sections-heading{
                font-size: 26px!important;
                line-height: 30px!important;
            }
            .Home-section-3 .home-section-3a {
                border-right: none!important;
                padding-right: 0!important;
            }
    
            .Home-section-3 .home-section-3b {
                padding-left: 9px!important;
            }
            .home-section-last{
                margin-bottom: 50px!important;
            }
            .carousel-caption{
                width: 386px!important;
            }
            .captionContent.bottom-center{
                top: 92px!important;
                    width: 414px;
            }
            .custom-list-font{
                font-size: 16px!important;
                line-height: 20px;
            }
            .carousel-item.animate__animated.active{
                background: none!important;
            }
            .captionContent.bottom-center{
            top: 94px!important;
            width: 414px!important;
            }
            .carousel-control-next, .carousel-control-prev {
                top: -102px!important;
            }
            .wp-block-bsb-slider .bsbCarousel .carousel-indicators.bottom-center {
            bottom: -47px!important;
            
            }
            .custom-barn-her{
                font-size: 26px!important;
                line-height: 30px!important;
                padding:0 8px!important;
            }
            .custom-barn2{
                font-size: 20px!important;
                line-height: 26px!important;
                padding:0 8px!important;
            }
            .custom-font-weight{
                font-size: 26px!important;
            }
            .custom-box .wp-block-column{
            padding-right:0!important;
            }
            .custom-contact-box .elementor-view-default .elementor-icon-box-wrapper {
                
                    
                    display: flex!important; }
                    .custom-contact-box  .elementor-icon-box-icon{
                        display: flex!important;
                        margin: 0!important;
                        padding: 0!important;
            align-items: center!important;
                    }
                    .custom-contact-box .elementor-icon.elementor-animation-{
                padding: 0 15px!important;
            }
                    
                    .elementor-icon-box-content{
                        display: flex;
                        flex-direction: column;
                        margin: 0!important;
                        padding: 0!important;
                    }
                
            .custom-box .wp-block-column.has-ti-fg-color.has-text-color.has-link-color.wp-elements-aea62c2a327dc19b45a9546efe097fc4.is-layout-flow{
                    flex-basis: 100%!important;
    
            }
            .custom-box .has-text-align-left{
                        margin: 0!important;
                        padding: 0!important;
                    }
    
            
            .wp-block-column.custom-flex-basis.has-ti-bg-color.has-text-color.is-layout-constrained{
                flex-basis: 37%!important;
            }
        
                .custom-box .wp-block-column.custum-extrabox.is-layout-constrained {
                    
                    flex-basis: 29%!important;
                    margin: 46px 0 0 0!important;
                    max-width: 50%;
                }
                .wp-block-template-part .wp-block-group .custom-box .wp-block-column.custum-extrabox.is-layout-constrained .wp-block-navigation__container{
                    
                    line-height: 14px!important;
            }
    
                .custom-box .wp-block-column.custum-extrabox.is-layout-constrained .has-text-color{
    
                    max-width: 100%;
                    margin: 0!important;
                    padding: 0!important;
                
            }
    
                .custom-box .custum-quick-link-extra li.has-small-font-size {
                    
                line-height: 26px!important;
            }
            .custom-flex-basis .wp-block-group h2.wp-block-heading{
                width: 187px!important;
            }
            .custom-flex-basis .wp-block-group h2.wp-block-heading .has-inline-color{
                padding: 0!important;
            }
            .custom-box-cls .elementor-widget-wrap .elementor-widget-container {
                height: auto!important;
            }
            .wp-block-cover__inner-container .wp-block-group.is-layout-constrained .custom-text-bar{
                width: 312px!important;
            }
            .wp-block-cover__inner-container .has-text-align-left{
                width: 312px!important;
            }
            .captionContent.bottom-center .animate__animated.animate__fadeInRight{
                padding: 0 44px!important;
            }
            .wp-block-column.is-layout-flow .wp-block-heading.has-text-align-center{
                padding-top:0!important;
                padding-bottom:0!important;
            }
            .custom-box .wp-block-column .wp-block-group{
                margin-bottom: 30px!important;
            }
            .service-section1 .elementor-widget-wrap.elementor-element-populated {
                width: 100%!important;
            }
            .custom-social-media{
                margin-bottom: 15px!important;
            }
            .custom-about-box-text .elementor-icon-box-title{
                margin-bottom: 20px!important;
            }
            .row.footer-menus{
                flex-wrap: wrap;
                display: flex;
            }

            .row.footer-menus .footer-links{
                width: 33% !important;
            }
            .custom-pricing .listing-wrapper .cat-listing .article-wrapper .post-list-content {
                top: 96px;
            }
            .custom-home .joining-hands .box .card-body {
                margin-top: -70px;
                height: 392px;
            }
            .custom-service .our-vision-dtaj .our-vision-dtaj-boxes .box .text {
                height: 112px;
            }
            .custom-about .n2-ss-slider .n2-ss-layer-with-background{
                margin-top: 30px;
            }
            /* .n2-ss-slider .n2-ss-text {
                margin-top: 70px;
            } */
        }
        .custom-pricing .listing-wrapper .cat-listing .article-wrapper .post-list-content {
            top: 60px;
        }
        
        .custom-home .joining-hands .box .card-body{
            height: 230px;
        }
        .custom-service .our-vision-dtaj .our-vision-dtaj-boxes .box .text h4 {
            height: 53px!important;
            margin-bottom: 2px!important;
        }
        .custom-careers .joining-hands .box .card-body {
            height: 260px;
        }
        .custom-service .listing-wrapper .cat-listing .article-wrapper .post-list-content {
            margin-top: -419px;
        }

        .custom-service .our-vision-dtaj .our-vision-dtaj-boxes .box .text {
            height: 187px;
        
        }
        .custom-pricing .our-vision-dtaj .our-vision-dtaj-boxes .box .text {
            margin-top: -60px;
    height: 193px;
        
        }

        .custom-pricing .our-vision-dtaj .our-vision-dtaj-boxes .box .text h4 {
            height: 53px!important;
            margin-bottom: 2px!important;
        }
        .custom-pricing .what-we-think .client-stories-box .card-body {
            height: 148px;
        }
        .custom-careers .our-vision-dtaj .our-vision-dtaj-boxes .box .text {
        margin-top: -58px;
        height: 220px;
        }

        .custom-careers .our-vision-dtaj .our-vision-dtaj-boxes .box .text h4 {
            margin-bottom: 14px;
            height: 53px;
        }
        .custom-careers .what-we-think .client-stories-box .card-body {
            height: 132px;
        }
        .custom-pricing .listing-wrapper .cat-listing .article-wrapper .post-list-content {
            height: 266px;
        }
        .custom-pricing .why-trust.service-provide .card-title {
            font-size: 26px;
            line-height: 30px;
        }
        .custom-pricing .listing-wrapper .cat-listing .article-wrapper .post-list-content {
            height: 280px;
        }

        .wpforms-field-large.wpforms-field-required {
            height: 34px;
        }
        .wpforms-container textarea.wpforms-field-medium {
            height: 50px!important;
        }
        .page-wapper{
            padding-top: 90px
        }
        .footer-links .menu-item a{
            transition: none!important;
        }