hr,
input[type=search] {
    box-sizing: content-box
}

img,
legend {
    border: 0
}

legend,
td,
th {
    padding: 0
}

.sr-only,
svg:not(:root) {
    overflow: hidden
}

pre,
textarea {
    overflow: auto
}

.our-process .head-tbox,
.text-left,
caption,
th {
    text-align: left
}

.clientel-update .head-tbox h2:before,
.revamp-roi .roi-main .left h3:before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 40 35'%3E%3Cpolygon points='20,0 40,35 0,35' fill='%236f8e39'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    top: 6px
}

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

.our-process .process-content .tab-content.nst-active,
.what-we .service-tabs .tab-menu .box.nst-active .icon img.hover,
.what-we .service-tabs .tab-menu .box:hover img.hover,
.what-we .tab-wrapper .tab-content.nst-active,
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
}

.blogs .blog-post ul li .tbox .meta,
.footer-map-s,
.revamp-roi .roi-main .left .count-box h3:before,
.what-we .service-tabs .tab-menu .box img.hover,
.what-we .service-tabs .tab-menu .box.nst-active .icon img,
.what-we .service-tabs .tab-menu .box:hover img,
[hidden],
template {
    display: none
}

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

b,
dt,
optgroup,
strong {
    font-weight: 700
}

dfn {
    font-style: italic
}

h1 {
    margin: .67em 0
}

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

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

sup {
    top: -.5em
}

sub {
    bottom: -.25em
}

img {
    vertical-align: middle
}

hr {
    height: 0
}

code,
kbd,
pre,
samp {
    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
}

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

fieldset {
    border: 1px solid silver;
    margin: 0 2px;
    padding: .35em .625em .75em
}

.short-heading {
    display: inline;
    font-size: inherit;
    font-weight: 400 !important
}

.wfl-para {
    color: #fff;
    margin: 1.25em 0 11px;
    font-size: 1.125em;
    line-height: 1.5625em
}

/* @media print {

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

    *,
    : after,
    :before {
        background: 0 0 !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: ""
    }

    blockquote,
    pre {
        border: 1px solid #999
    }

    thead {
        display: table-header-group
    }

    img {
        max-width: 100% !important
    }

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

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

    .navbar {
        display: none
    }

    .btn>.caret,
    .dropup>.btn>.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 td,
    .table-bordered th {
        border: 1px solid #ddd !important
    }
} */

@font-face {
    font-family: 'Glyphicons Halflings';
    src: url(../fonts/bootstrap/glyphicons-halflings-regular.html);
    src: url(../fonts/bootstrap/glyphicons-halflings-regulard41d.html?#iefix) format("embedded-opentype"), url(../fonts/bootstrap/glyphicons-halflings-regular-2.html) format("woff2"), url(../fonts/bootstrap/glyphicons-halflings-regular-3.html) format("woff"), url(../fonts/bootstrap/glyphicons-halflings-regular-4.html) format("truetype"), url(../fonts/bootstrap/glyphicons-halflings-regular-5.html#glyphicons_halflingsregular) format("svg")
}

.glyphicon {
    position: relative;
    top: 1px;
    display: inline-block;
    font-family: 'Glyphicons Halflings';
    font-style: normal;
    font-weight: 400;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.img-thumbnail,
body {
    line-height: 1.42857;
    background-color: #fff
}

.glyphicon-asterisk:before {
    content: "\002a"
}

.glyphicon-plus:before {
    content: "\002b"
}

.glyphicon-eur:before,
.glyphicon-euro:before {
    content: "\20ac"
}

.glyphicon-minus:before {
    content: "\2212"
}

.glyphicon-cloud:before {
    content: "\2601"
}

.glyphicon-envelope:before {
    content: "\2709"
}

.glyphicon-pencil:before {
    content: "\270f"
}

.glyphicon-glass:before {
    content: "\e001"
}

.glyphicon-music:before {
    content: "\e002"
}

.glyphicon-search:before {
    content: "\e003"
}

.glyphicon-heart:before {
    content: "\e005"
}

.glyphicon-star:before {
    content: "\e006"
}

.glyphicon-star-empty:before {
    content: "\e007"
}

.glyphicon-user:before {
    content: "\e008"
}

.glyphicon-film:before {
    content: "\e009"
}

.glyphicon-th-large:before {
    content: "\e010"
}

.glyphicon-th:before {
    content: "\e011"
}

.glyphicon-th-list:before {
    content: "\e012"
}

.glyphicon-ok:before {
    content: "\e013"
}

.glyphicon-remove:before {
    content: "\e014"
}

.glyphicon-zoom-in:before {
    content: "\e015"
}

.glyphicon-zoom-out:before {
    content: "\e016"
}

.glyphicon-off:before {
    content: "\e017"
}

.glyphicon-signal:before {
    content: "\e018"
}

.glyphicon-cog:before {
    content: "\e019"
}

.glyphicon-trash:before {
    content: "\e020"
}

.glyphicon-home:before {
    content: "\e021"
}

.glyphicon-file:before {
    content: "\e022"
}

.glyphicon-time:before {
    content: "\e023"
}

.glyphicon-road:before {
    content: "\e024"
}

.glyphicon-download-alt:before {
    content: "\e025"
}

.glyphicon-download:before {
    content: "\e026"
}

.glyphicon-upload:before {
    content: "\e027"
}

.glyphicon-inbox:before {
    content: "\e028"
}

.glyphicon-play-circle:before {
    content: "\e029"
}

.glyphicon-repeat:before {
    content: "\e030"
}

.glyphicon-refresh:before {
    content: "\e031"
}

.glyphicon-list-alt:before {
    content: "\e032"
}

.glyphicon-lock:before {
    content: "\e033"
}

.glyphicon-flag:before {
    content: "\e034"
}

.glyphicon-headphones:before {
    content: "\e035"
}

.glyphicon-volume-off:before {
    content: "\e036"
}

.glyphicon-volume-down:before {
    content: "\e037"
}

.glyphicon-volume-up:before {
    content: "\e038"
}

.glyphicon-qrcode:before {
    content: "\e039"
}

.glyphicon-barcode:before {
    content: "\e040"
}

.glyphicon-tag:before {
    content: "\e041"
}

.glyphicon-tags:before {
    content: "\e042"
}

.glyphicon-book:before {
    content: "\e043"
}

.glyphicon-bookmark:before {
    content: "\e044"
}

.glyphicon-print:before {
    content: "\e045"
}

.glyphicon-camera:before {
    content: "\e046"
}

.glyphicon-font:before {
    content: "\e047"
}

.glyphicon-bold:before {
    content: "\e048"
}

.glyphicon-italic:before {
    content: "\e049"
}

.glyphicon-text-height:before {
    content: "\e050"
}

.glyphicon-text-width:before {
    content: "\e051"
}

.glyphicon-align-left:before {
    content: "\e052"
}

.glyphicon-align-center:before {
    content: "\e053"
}

.glyphicon-align-right:before {
    content: "\e054"
}

.glyphicon-align-justify:before {
    content: "\e055"
}

.glyphicon-list:before {
    content: "\e056"
}

.glyphicon-indent-left:before {
    content: "\e057"
}

.glyphicon-indent-right:before {
    content: "\e058"
}

.glyphicon-facetime-video:before {
    content: "\e059"
}

.glyphicon-picture:before {
    content: "\e060"
}

.glyphicon-map-marker:before {
    content: "\e062"
}

.glyphicon-adjust:before {
    content: "\e063"
}

.glyphicon-tint:before {
    content: "\e064"
}

.glyphicon-edit:before {
    content: "\e065"
}

.glyphicon-share:before {
    content: "\e066"
}

.glyphicon-check:before {
    content: "\e067"
}

.glyphicon-move:before {
    content: "\e068"
}

.glyphicon-step-backward:before {
    content: "\e069"
}

.glyphicon-fast-backward:before {
    content: "\e070"
}

.glyphicon-backward:before {
    content: "\e071"
}

.glyphicon-play:before {
    content: "\e072"
}

.glyphicon-pause:before {
    content: "\e073"
}

.glyphicon-stop:before {
    content: "\e074"
}

.glyphicon-forward:before {
    content: "\e075"
}

.glyphicon-fast-forward:before {
    content: "\e076"
}

.glyphicon-step-forward:before {
    content: "\e077"
}

.glyphicon-eject:before {
    content: "\e078"
}

.glyphicon-chevron-left:before {
    content: "\e079"
}

.glyphicon-chevron-right:before {
    content: "\e080"
}

.glyphicon-plus-sign:before {
    content: "\e081"
}

.glyphicon-minus-sign:before {
    content: "\e082"
}

.glyphicon-remove-sign:before {
    content: "\e083"
}

.glyphicon-ok-sign:before {
    content: "\e084"
}

.glyphicon-question-sign:before {
    content: "\e085"
}

.glyphicon-info-sign:before {
    content: "\e086"
}

.glyphicon-screenshot:before {
    content: "\e087"
}

.glyphicon-remove-circle:before {
    content: "\e088"
}

.glyphicon-ok-circle:before {
    content: "\e089"
}

.glyphicon-ban-circle:before {
    content: "\e090"
}

.glyphicon-arrow-left:before {
    content: "\e091"
}

.glyphicon-arrow-right:before {
    content: "\e092"
}

.glyphicon-arrow-up:before {
    content: "\e093"
}

.glyphicon-arrow-down:before {
    content: "\e094"
}

.glyphicon-share-alt:before {
    content: "\e095"
}

.glyphicon-resize-full:before {
    content: "\e096"
}

.glyphicon-resize-small:before {
    content: "\e097"
}

.glyphicon-exclamation-sign:before {
    content: "\e101"
}

.glyphicon-gift:before {
    content: "\e102"
}

.glyphicon-leaf:before {
    content: "\e103"
}

.glyphicon-fire:before {
    content: "\e104"
}

.glyphicon-eye-open:before {
    content: "\e105"
}

.glyphicon-eye-close:before {
    content: "\e106"
}

.glyphicon-warning-sign:before {
    content: "\e107"
}

.glyphicon-plane:before {
    content: "\e108"
}

.glyphicon-calendar:before {
    content: "\e109"
}

.glyphicon-random:before {
    content: "\e110"
}

.glyphicon-comment:before {
    content: "\e111"
}

.glyphicon-magnet:before {
    content: "\e112"
}

.glyphicon-chevron-up:before {
    content: "\e113"
}

.glyphicon-chevron-down:before {
    content: "\e114"
}

.glyphicon-retweet:before {
    content: "\e115"
}

.glyphicon-shopping-cart:before {
    content: "\e116"
}

.glyphicon-folder-close:before {
    content: "\e117"
}

.glyphicon-folder-open:before {
    content: "\e118"
}

.glyphicon-resize-vertical:before {
    content: "\e119"
}

.glyphicon-resize-horizontal:before {
    content: "\e120"
}

.glyphicon-hdd:before {
    content: "\e121"
}

.glyphicon-bullhorn:before {
    content: "\e122"
}

.glyphicon-bell:before {
    content: "\e123"
}

.glyphicon-certificate:before {
    content: "\e124"
}

.glyphicon-thumbs-up:before {
    content: "\e125"
}

.glyphicon-thumbs-down:before {
    content: "\e126"
}

.glyphicon-hand-right:before {
    content: "\e127"
}

.glyphicon-hand-left:before {
    content: "\e128"
}

.glyphicon-hand-up:before {
    content: "\e129"
}

.glyphicon-hand-down:before {
    content: "\e130"
}

.glyphicon-circle-arrow-right:before {
    content: "\e131"
}

.glyphicon-circle-arrow-left:before {
    content: "\e132"
}

.glyphicon-circle-arrow-up:before {
    content: "\e133"
}

.glyphicon-circle-arrow-down:before {
    content: "\e134"
}

.glyphicon-globe:before {
    content: "\e135"
}

.glyphicon-wrench:before {
    content: "\e136"
}

.glyphicon-tasks:before {
    content: "\e137"
}

.glyphicon-filter:before {
    content: "\e138"
}

.glyphicon-briefcase:before {
    content: "\e139"
}

.glyphicon-fullscreen:before {
    content: "\e140"
}

.glyphicon-dashboard:before {
    content: "\e141"
}

.glyphicon-paperclip:before {
    content: "\e142"
}

.glyphicon-heart-empty:before {
    content: "\e143"
}

.glyphicon-link:before {
    content: "\e144"
}

.glyphicon-phone:before {
    content: "\e145"
}

.glyphicon-pushpin:before {
    content: "\e146"
}

.glyphicon-usd:before {
    content: "\e148"
}

.glyphicon-gbp:before {
    content: "\e149"
}

.glyphicon-sort:before {
    content: "\e150"
}

.glyphicon-sort-by-alphabet:before {
    content: "\e151"
}

.glyphicon-sort-by-alphabet-alt:before {
    content: "\e152"
}

.glyphicon-sort-by-order:before {
    content: "\e153"
}

.glyphicon-sort-by-order-alt:before {
    content: "\e154"
}

.glyphicon-sort-by-attributes:before {
    content: "\e155"
}

.glyphicon-sort-by-attributes-alt:before {
    content: "\e156"
}

.glyphicon-unchecked:before {
    content: "\e157"
}

.glyphicon-expand:before {
    content: "\e158"
}

.glyphicon-collapse-down:before {
    content: "\e159"
}

.glyphicon-collapse-up:before {
    content: "\e160"
}

.glyphicon-log-in:before {
    content: "\e161"
}

.glyphicon-flash:before {
    content: "\e162"
}

.glyphicon-log-out:before {
    content: "\e163"
}

.glyphicon-new-window:before {
    content: "\e164"
}

.glyphicon-record:before {
    content: "\e165"
}

.glyphicon-save:before {
    content: "\e166"
}

.glyphicon-open:before {
    content: "\e167"
}

.glyphicon-saved:before {
    content: "\e168"
}

.glyphicon-import:before {
    content: "\e169"
}

.glyphicon-export:before {
    content: "\e170"
}

.glyphicon-send:before {
    content: "\e171"
}

.glyphicon-floppy-disk:before {
    content: "\e172"
}

.glyphicon-floppy-saved:before {
    content: "\e173"
}

.glyphicon-floppy-remove:before {
    content: "\e174"
}

.glyphicon-floppy-save:before {
    content: "\e175"
}

.glyphicon-floppy-open:before {
    content: "\e176"
}

.glyphicon-credit-card:before {
    content: "\e177"
}

.glyphicon-transfer:before {
    content: "\e178"
}

.glyphicon-cutlery:before {
    content: "\e179"
}

.glyphicon-header:before {
    content: "\e180"
}

.glyphicon-compressed:before {
    content: "\e181"
}

.glyphicon-earphone:before {
    content: "\e182"
}

.glyphicon-phone-alt:before {
    content: "\e183"
}

.glyphicon-tower:before {
    content: "\e184"
}

.glyphicon-stats:before {
    content: "\e185"
}

.glyphicon-sd-video:before {
    content: "\e186"
}

.glyphicon-hd-video:before {
    content: "\e187"
}

.glyphicon-subtitles:before {
    content: "\e188"
}

.glyphicon-sound-stereo:before {
    content: "\e189"
}

.glyphicon-sound-dolby:before {
    content: "\e190"
}

.glyphicon-sound-5-1:before {
    content: "\e191"
}

.glyphicon-sound-6-1:before {
    content: "\e192"
}

.glyphicon-sound-7-1:before {
    content: "\e193"
}

.glyphicon-copyright-mark:before {
    content: "\e194"
}

.glyphicon-registration-mark:before {
    content: "\e195"
}

.glyphicon-cloud-download:before {
    content: "\e197"
}

.glyphicon-cloud-upload:before {
    content: "\e198"
}

.glyphicon-tree-conifer:before {
    content: "\e199"
}

.glyphicon-tree-deciduous:before {
    content: "\e200"
}

.glyphicon-cd:before {
    content: "\e201"
}

.glyphicon-save-file:before {
    content: "\e202"
}

.glyphicon-open-file:before {
    content: "\e203"
}

.glyphicon-level-up:before {
    content: "\e204"
}

.glyphicon-copy:before {
    content: "\e205"
}

.glyphicon-paste:before {
    content: "\e206"
}

.glyphicon-alert:before {
    content: "\e209"
}

.glyphicon-equalizer:before {
    content: "\e210"
}

.glyphicon-king:before {
    content: "\e211"
}

.glyphicon-queen:before {
    content: "\e212"
}

.glyphicon-pawn:before {
    content: "\e213"
}

.glyphicon-bishop:before {
    content: "\e214"
}

.glyphicon-knight:before {
    content: "\e215"
}

.glyphicon-baby-formula:before {
    content: "\e216"
}

.glyphicon-tent:before {
    content: "\26fa"
}

.glyphicon-blackboard:before {
    content: "\e218"
}

.glyphicon-bed:before {
    content: "\e219"
}

.glyphicon-apple:before {
    content: "\f8ff"
}

.glyphicon-erase:before {
    content: "\e221"
}

.glyphicon-hourglass:before {
    content: "\231b"
}

.glyphicon-lamp:before {
    content: "\e223"
}

.glyphicon-duplicate:before {
    content: "\e224"
}

.glyphicon-piggy-bank:before {
    content: "\e225"
}

.glyphicon-scissors:before {
    content: "\e226"
}

.glyphicon-bitcoin:before,
.glyphicon-btc:before,
.glyphicon-xbt:before {
    content: "\e227"
}

.glyphicon-jpy:before,
.glyphicon-yen:before {
    content: "\00a5"
}

.glyphicon-rub:before,
.glyphicon-ruble:before {
    content: "\20bd"
}

.glyphicon-scale:before {
    content: "\e230"
}

.glyphicon-ice-lolly:before {
    content: "\e231"
}

.glyphicon-ice-lolly-tasted:before {
    content: "\e232"
}

.glyphicon-education:before {
    content: "\e233"
}

.glyphicon-option-horizontal:before {
    content: "\e234"
}

.glyphicon-option-vertical:before {
    content: "\e235"
}

.glyphicon-menu-hamburger:before {
    content: "\e236"
}

.glyphicon-modal-window:before {
    content: "\e237"
}

.glyphicon-oil:before {
    content: "\e238"
}

.glyphicon-grain:before {
    content: "\e239"
}

.glyphicon-sunglasses:before {
    content: "\e240"
}

.glyphicon-text-size:before {
    content: "\e241"
}

.glyphicon-text-color:before {
    content: "\e242"
}

.glyphicon-text-background:before {
    content: "\e243"
}

.glyphicon-object-align-top:before {
    content: "\e244"
}

.glyphicon-object-align-bottom:before {
    content: "\e245"
}

.glyphicon-object-align-horizontal:before {
    content: "\e246"
}

.glyphicon-object-align-left:before {
    content: "\e247"
}

.glyphicon-object-align-vertical:before {
    content: "\e248"
}

.glyphicon-object-align-right:before {
    content: "\e249"
}

.glyphicon-triangle-right:before {
    content: "\e250"
}

.glyphicon-triangle-left:before {
    content: "\e251"
}

.glyphicon-triangle-bottom:before {
    content: "\e252"
}

.glyphicon-triangle-top:before {
    content: "\e253"
}

.glyphicon-console:before {
    content: "\e254"
}

.glyphicon-superscript:before {
    content: "\e255"
}

.glyphicon-subscript:before {
    content: "\e256"
}

.glyphicon-menu-left:before {
    content: "\e257"
}

.glyphicon-menu-right:before {
    content: "\e258"
}

.glyphicon-menu-down:before {
    content: "\e259"
}

.glyphicon-menu-up:before {
    content: "\e260"
}

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

body {
    margin: 0;
    font-family: Montserrat, sans-serif;
    font-size: 1em;
    color: #333
}

a {
    background-color: transparent;
    text-decoration: none !important;
    outline: 0 !important;
    color: #14918a
}

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

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

figure {
    margin: 0
}

.pt-1 {
    padding-top: 1em
}

.pt-2 {
    padding-top: 2em
}

.pt-3 {
    padding-top: 3em
}

.pt-4 {
    padding-top: 4em
}

.pt-5 {
    padding-top: 5em
}

.pt-6 {
    padding-top: 6em
}

.pt-7 {
    padding-top: 7em
}

.pt-8 {
    padding-top: 8em
}

.pt-9 {
    padding-top: 9em
}

.pt-10 {
    padding-top: 10em
}

.pb-1 {
    padding-bottom: 1em
}

.pb-2 {
    padding-bottom: 2em
}

.pb-3 {
    padding-bottom: 3em
}

.pb-4 {
    padding-bottom: 4em
}

.pb-5 {
    padding-bottom: 5em
}

.pb-6 {
    padding-bottom: 6em
}

.pb-7 {
    padding-bottom: 7em
}

.pb-8 {
    padding-bottom: 8em
}

.pb-9 {
    padding-bottom: 9em
}

.pb-10 {
    padding-bottom: 10em
}

.pl-1 {
    padding-left: 1em
}

.pl-2 {
    padding-left: 2em
}

.pl-3 {
    padding-left: 3em
}

.pl-4 {
    padding-left: 4em
}

.pl-5 {
    padding-left: 5em
}

.pl-6 {
    padding-left: 6em
}

.pl-7 {
    padding-left: 7em
}

.pl-8 {
    padding-left: 8em
}

.pl-9 {
    padding-left: 9em
}

.pl-10,
.pl-11,
.pl-12 {
    padding-left: 10em
}

.pr-1 {
    padding-right: 1em
}

.pr-2 {
    padding-right: 2em
}

.pr-3 {
    padding-right: 3em
}

.pr-4 {
    padding-right: 4em
}

.pr-5 {
    padding-right: 5em
}

.pr-6 {
    padding-right: 6em
}

.pr-7 {
    padding-right: 7em
}

.pr-8 {
    padding-right: 8em
}

.pr-9 {
    padding-right: 9em
}

.pr-10 {
    padding-right: 10em
}

.mt-1 {
    margin-top: 1em
}

.mt-2 {
    margin-top: 2em
}

.mt-3 {
    margin-top: 3em
}

.mt-4 {
    margin-top: 4em
}

.mt-5 {
    margin-top: 5em
}

.mt-6 {
    margin-top: 6em
}

.mt-7 {
    margin-top: 7em
}

.mt-8 {
    margin-top: 8em
}

.mt-9 {
    margin-top: 9em
}

.mt-10 {
    margin-top: 10em
}

.mb-1 {
    margin-bottom: 1em !important
}

.mb-2 {
    margin-bottom: 2em
}

.mb-3 {
    margin-bottom: 3em
}

.mb-4 {
    margin-bottom: 4em
}

.mb-5 {
    margin-bottom: 5em
}

.mb-6 {
    margin-bottom: 6em
}

.mb-7 {
    margin-bottom: 7em
}

.mb-8 {
    margin-bottom: 8em
}

.mb-9 {
    margin-bottom: 9em
}

.mb-10 {
    margin-bottom-top: 10em
}

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

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

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

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

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

.sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    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: 500;
    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: 400;
    line-height: 1;
    color: #777
}

.h1,
.h2,
.h3,
h1,
h2,
h3 {
    margin-top: 22px;
    margin-bottom: 11px
}

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

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

dl,
ol,
ul {
    margin-top: 0
}

.lead,
dl {
    margin-bottom: 22px
}

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

.h1,
h1 {
    font-size: 4em
}

.h2,
h2 {
    font-size: 3em
}

.h3,
h3 {
    font-size: 1.5em
}

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

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

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

p {
    margin: 0 0 11px;
    font-size: 1.125em;
    line-height: 1.5625em
}

.lead {
    font-size: 18px;
    font-weight: 300;
    line-height: 1.4
}

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

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

pre code,
table {
    background-color: transparent
}

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

.text-right {
    text-align: right
}

.text-center {
    text-align: center
}

.text-justify {
    text-align: justify
}

.text-nowrap {
    white-space: nowrap
}

.text-lowercase {
    text-transform: lowercase
}

.initialism,
.text-uppercase {
    text-transform: uppercase
}

.text-capitalize {
    text-transform: capitalize
}

.text-muted {
    color: #777
}

.text-primary {
    color: #14918a
}

a.text-primary:focus,
a.text-primary:hover {
    color: #0e645f
}

.text-success {
    color: #3c763d
}

a.text-success:focus,
a.text-success:hover {
    color: #2b542c
}

.text-info {
    color: #31708f
}

a.text-info:focus,
a.text-info:hover {
    color: #245269
}

.text-warning {
    color: #8a6d3b
}

a.text-warning:focus,
a.text-warning:hover {
    color: #66512c
}

.text-danger {
    color: #a94442
}

a.text-danger:focus,
a.text-danger:hover {
    color: #843534
}

.bg-primary {
    color: #fff;
    background-color: #14918a
}

a.bg-primary:focus,
a.bg-primary:hover {
    background-color: #0e645f
}

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

a.bg-success:focus,
a.bg-success:hover {
    background-color: #c1e2b3
}

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

a.bg-info:focus,
a.bg-info:hover {
    background-color: #afd9ee
}

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

a.bg-warning:focus,
a.bg-warning:hover {
    background-color: #f7ecb5
}

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

a.bg-danger:focus,
a.bg-danger:hover {
    background-color: #e4b9b9
}

.page-header {
    padding-bottom: 10px;
    margin: 44px 0 22px;
    border-bottom: 1px solid #eee
}

ol,
ul {
    margin-bottom: 11px
}

blockquote ol:last-child,
blockquote p:last-child,
blockquote ul:last-child,
ol ol,
ol ul,
ul ol,
ul ul {
    margin-bottom: 0
}

.list-inline {
    margin-left: -5px
}

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

dd,
dt {
    line-height: 1.42857
}

.col-xs-offset-0,
dd {
    margin-left: 0
}

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

.container-fluid:after,
.container:after,
.dl-horizontal dd:after,
.row:after {
    clear: both
}

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

.initialism {
    font-size: 90%
}

blockquote {
    padding: 11px 22px;
    margin: 0 0 22px;
    font-size: 20px;
    border-left: 5px solid #eee
}

.table,
address {
    margin-bottom: 22px
}

code,
kbd {
    padding: 2px 4px;
    font-size: 90%
}

blockquote .small,
blockquote footer,
blockquote small {
    display: block;
    font-size: 80%;
    line-height: 1.42857;
    color: #777
}

blockquote .small:before,
blockquote footer:before,
blockquote small:before {
    content: '\2014 \00A0'
}

.blockquote-reverse,
blockquote.pull-right {
    padding-right: 15px;
    padding-left: 0;
    border-right: 5px solid #eee;
    border-left: 0;
    text-align: right
}

.blockquote-reverse .small:before,
.blockquote-reverse footer:before,
.blockquote-reverse small:before,
blockquote.pull-right .small:before,
blockquote.pull-right footer:before,
blockquote.pull-right small:before {
    content: ''
}

.blockquote-reverse .small:after,
.blockquote-reverse footer:after,
.blockquote-reverse small:after,
blockquote.pull-right .small:after,
blockquote.pull-right footer:after,
blockquote.pull-right small:after {
    content: '\00A0 \2014'
}

address {
    font-style: normal;
    line-height: 1.42857
}

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

code {
    color: #c7254e;
    background-color: #f9f2f4;
    border-radius: 4px
}

kbd {
    color: #fff;
    background-color: #333;
    border-radius: 3px;
    box-shadow: inset 0 -1px 0 rgba(0, 0, 0, .25)
}

kbd kbd {
    padding: 0;
    font-size: 100%;
    font-weight: 700;
    box-shadow: none
}

pre {
    display: block;
    padding: 10.5px;
    margin: 0 0 11px;
    font-size: 15px;
    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;
    border-radius: 0
}

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

.container,
.container-fluid {
    margin-right: auto;
    margin-left: auto;
    padding-left: 15px;
    padding-right: 15px
}

.row {
    margin-left: -15px;
    margin-right: -15px
}

.col-lg-1,
.col-lg-10,
.col-lg-11,
.col-lg-12,
.col-lg-2,
.col-lg-3,
.col-lg-4,
.col-lg-5,
.col-lg-6,
.col-lg-7,
.col-lg-8,
.col-lg-9,
.col-md-1,
.col-md-10,
.col-md-11,
.col-md-12,
.col-md-2,
.col-md-3,
.col-md-4,
.col-md-5,
.col-md-6,
.col-md-7,
.col-md-8,
.col-md-9,
.col-sm-1,
.col-sm-10,
.col-sm-11,
.col-sm-12,
.col-sm-2,
.col-sm-3,
.col-sm-4,
.col-sm-5,
.col-sm-6,
.col-sm-7,
.col-sm-8,
.col-sm-9,
.col-xs-1,
.col-xs-10,
.col-xs-11,
.col-xs-12,
.col-xs-2,
.col-xs-3,
.col-xs-4,
.col-xs-5,
.col-xs-6,
.col-xs-7,
.col-xs-8,
.col-xs-9 {
    position: relative;
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px
}

.col-xs-1,
.col-xs-10,
.col-xs-11,
.col-xs-12,
.col-xs-2,
.col-xs-3,
.col-xs-4,
.col-xs-5,
.col-xs-6,
.col-xs-7,
.col-xs-8,
.col-xs-9 {
    float: left
}

.col-xs-1 {
    width: 8.33333%
}

.col-xs-2 {
    width: 16.66667%
}

.col-xs-3 {
    width: 25%
}

.col-xs-4 {
    width: 33.33333%
}

.col-xs-5 {
    width: 41.66667%
}

.col-xs-6 {
    width: 50%
}

.col-xs-7 {
    width: 58.33333%
}

.col-xs-8 {
    width: 66.66667%
}

.col-xs-9 {
    width: 75%
}

.col-xs-10 {
    width: 83.33333%
}

.col-xs-11 {
    width: 91.66667%
}

.col-xs-12 {
    width: 100%
}

.col-xs-pull-0 {
    right: auto
}

.col-xs-pull-1 {
    right: 8.33333%
}

.col-xs-pull-2 {
    right: 16.66667%
}

.col-xs-pull-3 {
    right: 25%
}

.col-xs-pull-4 {
    right: 33.33333%
}

.col-xs-pull-5 {
    right: 41.66667%
}

.col-xs-pull-6 {
    right: 50%
}

.col-xs-pull-7 {
    right: 58.33333%
}

.col-xs-pull-8 {
    right: 66.66667%
}

.col-xs-pull-9 {
    right: 75%
}

.col-xs-pull-10 {
    right: 83.33333%
}

.col-xs-pull-11 {
    right: 91.66667%
}

.col-xs-pull-12 {
    right: 100%
}

.col-xs-push-0 {
    left: auto
}

.col-xs-push-1 {
    left: 8.33333%
}

.col-xs-push-2 {
    left: 16.66667%
}

.col-xs-push-3 {
    left: 25%
}

.col-xs-push-4 {
    left: 33.33333%
}

.col-xs-push-5 {
    left: 41.66667%
}

.col-xs-push-6 {
    left: 50%
}

.col-xs-push-7 {
    left: 58.33333%
}

.col-xs-push-8 {
    left: 66.66667%
}

.col-xs-push-9 {
    left: 75%
}

.col-xs-push-10 {
    left: 83.33333%
}

.col-xs-push-11 {
    left: 91.66667%
}

.col-xs-push-12 {
    left: 100%
}

.col-xs-offset-1 {
    margin-left: 8.33333%
}

.col-xs-offset-2 {
    margin-left: 16.66667%
}

.col-xs-offset-3 {
    margin-left: 25%
}

.col-xs-offset-4 {
    margin-left: 33.33333%
}

.col-xs-offset-5 {
    margin-left: 41.66667%
}

.col-xs-offset-6 {
    margin-left: 50%
}

.col-xs-offset-7 {
    margin-left: 58.33333%
}

.col-xs-offset-8 {
    margin-left: 66.66667%
}

.col-xs-offset-9 {
    margin-left: 75%
}

.col-xs-offset-10 {
    margin-left: 83.33333%
}

.col-xs-offset-11 {
    margin-left: 91.66667%
}

.col-xs-offset-12 {
    margin-left: 100%
}

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

    .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
    }

    .container {
        width: 750px
    }

    .col-sm-1,
    .col-sm-10,
    .col-sm-11,
    .col-sm-12,
    .col-sm-2,
    .col-sm-3,
    .col-sm-4,
    .col-sm-5,
    .col-sm-6,
    .col-sm-7,
    .col-sm-8,
    .col-sm-9 {
        float: left
    }

    .col-sm-1 {
        width: 8.33333%
    }

    .col-sm-2 {
        width: 16.66667%
    }

    .col-sm-3 {
        width: 25%
    }

    .col-sm-4 {
        width: 33.33333%
    }

    .col-sm-5 {
        width: 41.66667%
    }

    .col-sm-6 {
        width: 50%
    }

    .col-sm-7 {
        width: 58.33333%
    }

    .col-sm-8 {
        width: 66.66667%
    }

    .col-sm-9 {
        width: 75%
    }

    .col-sm-10 {
        width: 83.33333%
    }

    .col-sm-11 {
        width: 91.66667%
    }

    .col-sm-12 {
        width: 100%
    }

    .col-sm-pull-0 {
        right: auto
    }

    .col-sm-pull-1 {
        right: 8.33333%
    }

    .col-sm-pull-2 {
        right: 16.66667%
    }

    .col-sm-pull-3 {
        right: 25%
    }

    .col-sm-pull-4 {
        right: 33.33333%
    }

    .col-sm-pull-5 {
        right: 41.66667%
    }

    .col-sm-pull-6 {
        right: 50%
    }

    .col-sm-pull-7 {
        right: 58.33333%
    }

    .col-sm-pull-8 {
        right: 66.66667%
    }

    .col-sm-pull-9 {
        right: 75%
    }

    .col-sm-pull-10 {
        right: 83.33333%
    }

    .col-sm-pull-11 {
        right: 91.66667%
    }

    .col-sm-pull-12 {
        right: 100%
    }

    .col-sm-push-0 {
        left: auto
    }

    .col-sm-push-1 {
        left: 8.33333%
    }

    .col-sm-push-2 {
        left: 16.66667%
    }

    .col-sm-push-3 {
        left: 25%
    }

    .col-sm-push-4 {
        left: 33.33333%
    }

    .col-sm-push-5 {
        left: 41.66667%
    }

    .col-sm-push-6 {
        left: 50%
    }

    .col-sm-push-7 {
        left: 58.33333%
    }

    .col-sm-push-8 {
        left: 66.66667%
    }

    .col-sm-push-9 {
        left: 75%
    }

    .col-sm-push-10 {
        left: 83.33333%
    }

    .col-sm-push-11 {
        left: 91.66667%
    }

    .col-sm-push-12 {
        left: 100%
    }

    .col-sm-offset-0 {
        margin-left: 0
    }

    .col-sm-offset-1 {
        margin-left: 8.33333%
    }

    .col-sm-offset-2 {
        margin-left: 16.66667%
    }

    .col-sm-offset-3 {
        margin-left: 25%
    }

    .col-sm-offset-4 {
        margin-left: 33.33333%
    }

    .col-sm-offset-5 {
        margin-left: 41.66667%
    }

    .col-sm-offset-6 {
        margin-left: 50%
    }

    .col-sm-offset-7 {
        margin-left: 58.33333%
    }

    .col-sm-offset-8 {
        margin-left: 66.66667%
    }

    .col-sm-offset-9 {
        margin-left: 75%
    }

    .col-sm-offset-10 {
        margin-left: 83.33333%
    }

    .col-sm-offset-11 {
        margin-left: 91.66667%
    }

    .col-sm-offset-12 {
        margin-left: 100%
    }
}

@media (min-width:992px) {
    .container {
        width: 970px
    }

    .col-md-1,
    .col-md-10,
    .col-md-11,
    .col-md-12,
    .col-md-2,
    .col-md-3,
    .col-md-4,
    .col-md-5,
    .col-md-6,
    .col-md-7,
    .col-md-8,
    .col-md-9 {
        float: left
    }

    .col-md-1 {
        width: 8.33333%
    }

    .col-md-2 {
        width: 16.66667%
    }

    .col-md-3 {
        width: 25%
    }

    .col-md-4 {
        width: 33.33333%
    }

    .col-md-5 {
        width: 41.66667%
    }

    .col-md-6 {
        width: 50%
    }

    .col-md-7 {
        width: 58.33333%
    }

    .col-md-8 {
        width: 66.66667%
    }

    .col-md-9 {
        width: 75%
    }

    .col-md-10 {
        width: 83.33333%
    }

    .col-md-11 {
        width: 91.66667%
    }

    .col-md-12 {
        width: 100%
    }

    .col-md-pull-0 {
        right: auto
    }

    .col-md-pull-1 {
        right: 8.33333%
    }

    .col-md-pull-2 {
        right: 16.66667%
    }

    .col-md-pull-3 {
        right: 25%
    }

    .col-md-pull-4 {
        right: 33.33333%
    }

    .col-md-pull-5 {
        right: 41.66667%
    }

    .col-md-pull-6 {
        right: 50%
    }

    .col-md-pull-7 {
        right: 58.33333%
    }

    .col-md-pull-8 {
        right: 66.66667%
    }

    .col-md-pull-9 {
        right: 75%
    }

    .col-md-pull-10 {
        right: 83.33333%
    }

    .col-md-pull-11 {
        right: 91.66667%
    }

    .col-md-pull-12 {
        right: 100%
    }

    .col-md-push-0 {
        left: auto
    }

    .col-md-push-1 {
        left: 8.33333%
    }

    .col-md-push-2 {
        left: 16.66667%
    }

    .col-md-push-3 {
        left: 25%
    }

    .col-md-push-4 {
        left: 33.33333%
    }

    .col-md-push-5 {
        left: 41.66667%
    }

    .col-md-push-6 {
        left: 50%
    }

    .col-md-push-7 {
        left: 58.33333%
    }

    .col-md-push-8 {
        left: 66.66667%
    }

    .col-md-push-9 {
        left: 75%
    }

    .col-md-push-10 {
        left: 83.33333%
    }

    .col-md-push-11 {
        left: 91.66667%
    }

    .col-md-push-12 {
        left: 100%
    }

    .col-md-offset-0 {
        margin-left: 0
    }

    .col-md-offset-1 {
        margin-left: 8.33333%
    }

    .col-md-offset-2 {
        margin-left: 16.66667%
    }

    .col-md-offset-3 {
        margin-left: 25%
    }

    .col-md-offset-4 {
        margin-left: 33.33333%
    }

    .col-md-offset-5 {
        margin-left: 41.66667%
    }

    .col-md-offset-6 {
        margin-left: 50%
    }

    .col-md-offset-7 {
        margin-left: 58.33333%
    }

    .col-md-offset-8 {
        margin-left: 66.66667%
    }

    .col-md-offset-9 {
        margin-left: 75%
    }

    .col-md-offset-10 {
        margin-left: 83.33333%
    }

    .col-md-offset-11 {
        margin-left: 91.66667%
    }

    .col-md-offset-12 {
        margin-left: 100%
    }
}

@media (min-width:1200px) {
    .container {
        width: 1170px
    }

    .col-lg-1,
    .col-lg-10,
    .col-lg-11,
    .col-lg-12,
    .col-lg-2,
    .col-lg-3,
    .col-lg-4,
    .col-lg-5,
    .col-lg-6,
    .col-lg-7,
    .col-lg-8,
    .col-lg-9 {
        float: left
    }

    .col-lg-1 {
        width: 8.33333%
    }

    .col-lg-2 {
        width: 16.66667%
    }

    .col-lg-3 {
        width: 25%
    }

    .col-lg-4 {
        width: 33.33333%
    }

    .col-lg-5 {
        width: 41.66667%
    }

    .col-lg-6 {
        width: 50%
    }

    .col-lg-7 {
        width: 58.33333%
    }

    .col-lg-8 {
        width: 66.66667%
    }

    .col-lg-9 {
        width: 75%
    }

    .col-lg-10 {
        width: 83.33333%
    }

    .col-lg-11 {
        width: 91.66667%
    }

    .col-lg-12 {
        width: 100%
    }

    .col-lg-pull-0 {
        right: auto
    }

    .col-lg-pull-1 {
        right: 8.33333%
    }

    .col-lg-pull-2 {
        right: 16.66667%
    }

    .col-lg-pull-3 {
        right: 25%
    }

    .col-lg-pull-4 {
        right: 33.33333%
    }

    .col-lg-pull-5 {
        right: 41.66667%
    }

    .col-lg-pull-6 {
        right: 50%
    }

    .col-lg-pull-7 {
        right: 58.33333%
    }

    .col-lg-pull-8 {
        right: 66.66667%
    }

    .col-lg-pull-9 {
        right: 75%
    }

    .col-lg-pull-10 {
        right: 83.33333%
    }

    .col-lg-pull-11 {
        right: 91.66667%
    }

    .col-lg-pull-12 {
        right: 100%
    }

    .col-lg-push-0 {
        left: auto
    }

    .col-lg-push-1 {
        left: 8.33333%
    }

    .col-lg-push-2 {
        left: 16.66667%
    }

    .col-lg-push-3 {
        left: 25%
    }

    .col-lg-push-4 {
        left: 33.33333%
    }

    .col-lg-push-5 {
        left: 41.66667%
    }

    .col-lg-push-6 {
        left: 50%
    }

    .col-lg-push-7 {
        left: 58.33333%
    }

    .col-lg-push-8 {
        left: 66.66667%
    }

    .col-lg-push-9 {
        left: 75%
    }

    .col-lg-push-10 {
        left: 83.33333%
    }

    .col-lg-push-11 {
        left: 91.66667%
    }

    .col-lg-push-12 {
        left: 100%
    }

    .col-lg-offset-0 {
        margin-left: 0
    }

    .col-lg-offset-1 {
        margin-left: 8.33333%
    }

    .col-lg-offset-2 {
        margin-left: 16.66667%
    }

    .col-lg-offset-3 {
        margin-left: 25%
    }

    .col-lg-offset-4 {
        margin-left: 33.33333%
    }

    .col-lg-offset-5 {
        margin-left: 41.66667%
    }

    .col-lg-offset-6 {
        margin-left: 50%
    }

    .col-lg-offset-7 {
        margin-left: 58.33333%
    }

    .col-lg-offset-8 {
        margin-left: 66.66667%
    }

    .col-lg-offset-9 {
        margin-left: 75%
    }

    .col-lg-offset-10 {
        margin-left: 83.33333%
    }

    .col-lg-offset-11 {
        margin-left: 91.66667%
    }

    .col-lg-offset-12 {
        margin-left: 100%
    }
}

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

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

.table {
    width: 100%;
    max-width: 100%
}

.table>tbody>tr>td,
.table>tbody>tr>th,
.table>tfoot>tr>td,
.table>tfoot>tr>th,
.table>thead>tr>td,
.table>thead>tr>th {
    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>td,
.table>caption+thead>tr:first-child>th,
.table>colgroup+thead>tr:first-child>td,
.table>colgroup+thead>tr:first-child>th,
.table>thead:first-child>tr:first-child>td,
.table>thead:first-child>tr:first-child>th {
    border-top: 0
}

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

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

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

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

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

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

.table-hover>tbody>tr:hover,
.table>tbody>tr.active>td,
.table>tbody>tr.active>th,
.table>tbody>tr>td.active,
.table>tbody>tr>th.active,
.table>tfoot>tr.active>td,
.table>tfoot>tr.active>th,
.table>tfoot>tr>td.active,
.table>tfoot>tr>th.active,
.table>thead>tr.active>td,
.table>thead>tr.active>th,
.table>thead>tr>td.active,
.table>thead>tr>th.active {
    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-hover>tbody>tr.active:hover>td,
.table-hover>tbody>tr.active:hover>th,
.table-hover>tbody>tr:hover>.active,
.table-hover>tbody>tr>td.active:hover,
.table-hover>tbody>tr>th.active:hover {
    background-color: #e8e8e8
}

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

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

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

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

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

body.modal-open .modal {
    opacity: 1;
    transition: .9s ease-in-out !important
}

.modal {
    background-color: #ffffffbd
}

.modal .modal-content {
    background-color: #000
}

.modal .modal-content .modal-header {
    border-bottom: none
}

.modal .modal-content .modal-header h5 {
    font-size: 17px;
    color: #fff;
    font-weight: 700;
    margin: 0;
    text-transform: uppercase
}

.modal .modal-content .modal-header .close {
    color: #fff;
    background-color: #bd2d35;
    padding: 0 5px
}

.modal .modal-content .modal-body {
    padding: 7px !important
}

.modal .modal-content .modal-body form input,
.modal .modal-content .modal-body form select {
    border: none;
    background-color: transparent;
    border-bottom: 1px solid #464646;
    padding: 14px 14px 8px 4px;
    width: 100%;
    margin-bottom: 12px;
    color: #fff;
    font-size: 13px;
    font-weight: 600
}

.modal .modal-content .modal-body form textarea {
    border: none;
    background-color: transparent;
    border-bottom: 1px solid #464646;
    padding: 14px 14px 8px 4px;
    width: 100%;
    margin-bottom: 12px;
    color: #fff;
    font-size: 13px;
    font-weight: 600;
    height: 75px
}

.modal .modal-content .modal-body form input[type=submit] {
    width: auto;
    display: inline-block;
    margin: 4px 0 0;
    border: 1px solid #bd2d35;
    background-color: #bd2d35;
    font-weight: 700;
    font-size: 13px;
    color: #fff;
    padding: 11px 30px 11px 29px
}

.modal .modal-content .modal-body form select option {
    color: #333 !important
}

.modal .modal-content .modal-body form input::placeholder {
    color: #fff !important;
    font-size: 12px !important
}

.modal .modal-content .modal-body form textarea::placeholder {
    color: #fff !important;
    font-size: 12px !important
}

.modal .modal-content .modal-body form input:focus-visible,
.modal .modal-content .modal-body form select:focus-visible,
.modal .modal-content .modal-body form textarea:focus-visible {
    outline: 0 !important
}

.modal .modal-content .modal-footer {
    border-top: none !important
}

.banner-slider {
    height: 100% !important
}

.revamp-about {
    padding-top: 107px;
    padding-bottom: 70px
}

.clientel-update,
.revamp-roi {
    padding-top: 80px;
    padding-bottom: 80px
}

.revamp-about .container {
    max-width: 1530px !important;
    width: 80% !important;
    margin: 0 auto;
    padding: 0
}

.revamp-about .main-box,
.revamp-roi .roi-main {
    display: flex;
    justify-content: center;
    align-items: flex-start
}

.revamp-about .about-tbox h4 {
    color: #c72628;
    font-size: 16px;
    text-transform: uppercase;
    font-weight: 400;
    margin: 0;
    padding-bottom: 10px;
    letter-spacing: 1px
}

.revamp-about .about-tbox h1 {
    font-size: 48px;
    font-weight: 700;
    letter-spacing: .5px;
    text-transform: initial;
    margin: 0;
    padding-bottom: 27px
}

.revamp-about .about-tbox p {
    color: #000;
    font-weight: 400;
    font-size: 17px;
    width: 97%;
    line-height: 33px;
    padding-bottom: 25px
}

.revamp-about .about-tbox p.about-btn {
    padding-bottom: 0;
    margin-bottom: 0;
    margin-top: 35px
}

.revamp-about .about-tbox p.about-btn a,
.revamp-roi .roi-main .left p.learn-btn a {
    border: 1px solid #6f8e39;
    background: #6f8e39;
    padding: 18px 35px;
    font-size: 16px;
    color: #ffffff;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: .5px
}

.revamp-about .about-tbox p.about-btn a:hover,
.revamp-roi .roi-main .left p.learn-btn a:hover {
    border: 1px solid #6f8e39;
    background:#ffffff;
    color: #000000;
    transition: .5s
}


.revamp-about .about-tbox p.about-btn a.btn-grey,
.revamp-roi .roi-main .left p.learn-btn a.btn-gry {
    border: 1px solid #b7b7b7;
    background: #b7b7b7;
    padding: 18px 35px;
    font-size: 16px;
    color: #000000;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: .5px
}

.revamp-about .about-tbox p.about-btn a.btn-grey:hover,
.revamp-roi .roi-main .left p.learn-btn a.btn-gry:hover {
    border: 1px solid #6f8e39;
    background:#ffffff;
    color: #000000;
    transition: .5s
}

.revamp-about .reviews-tbox {
    text-align: center;
    margin-top: -97px
}

.revamp-about .reviews-tbox h2 {
    color: #6f8e39;
    font-weight: 700;
    font-size: 31px;
    width: 29%;
    margin: 0 auto;
    line-height: 41px;
    letter-spacing: .5px
}

.revamp-about .reviews-tbox img {
    width: 18%
}

.revamp-about .reviews-tbox p {
    font-size: 16px;
    font-weight: 400;
    color: #000;
    padding-top: 10px
}

.revamp-about .reviews-tbox .clutch-widget {
    width: 12%;
    margin: 0 auto
}

.blogs .container,
.revamp-roi .container {
    max-width: 1530px !important;
    width: 80%;
    margin: 0 auto !important;
    padding-left: 0 !important;
    padding-right: 0 !important
}

.revamp-roi .roi-main .left h3 {
    color: #231e2b;
    font-size: 38px;
    text-transform: capitalize;
    font-weight: 700;
    letter-spacing: .5px;
    margin: 0;
    padding-bottom: 35px;
    position: relative
}

.revamp-roi .roi-main .left h3:before {
    content: "";
    position: absolute;
    background-size: cover;
    width: 7%;
    height: 64%;
    left: -10%
}

.revamp-roi .roi-main .left p {
    margin-bottom: 0;
    color: #000;
    font-size: 17px;
    font-weight: 400;
    line-height: 33px;
    width: 95%;
    padding-bottom: 35px
}

.revamp-roi .roi-main .left h4 {
    color: #6f8e39;
    font-size: 27px;
    font-weight: 600;
    width: 74%;
    line-height: 38px;
    letter-spacing: .5px;
    margin: 0
}

.revamp-roi .roi-main .left .counter {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    padding-top: 45px
}

.revamp-roi .roi-main .left .counter .count-box {
    text-align: center;
    width: 36%;
    position: relative
}

.revamp-roi .roi-main .left .count-box:first-child:after {
    content: "";
    position: absolute;
    border: 1px solid #ea0000;
    height: 100%;
    width: 2px;
    top: 0;
    right: -21px
}

.revamp-roi .roi-main .left .count-box h3 {
    margin: 0;
    padding-bottom: 22px
}

.revamp-roi .roi-main .left .count-box h3 span {
    color: #f9b416;
    font-weight: 700;
    font-size: 75px
}

.revamp-roi .roi-main .left .count-box h5 {
    margin: 0;
    color: #231e2b;
    font-weight: 700;
    font-size: 25px;
    text-transform: capitalize
}

.revamp-roi .roi-main .left p.learn-btn {
    padding-bottom: 0;
    margin-top: 80px
}

.case-study-update .tab-option h2,
.what-we .head-tbox h2,
.what-we .head-tbox h4,
.what-we .service-tabs .tab-menu .box h3 {
    margin: 0;
    font-family: Montserrat, sans-serif
}

.clientel-update {
    background-color: #fcfcfc
}

.clientel-update>.container {
    max-width: 1410px !important;
    width: 75% !important;
    margin: 0 auto
}

.clientel-update .head-tbox {
    text-align: left;
    padding-bottom: 60px
}

.clientel-update .head-tbox h2 {
    color: #030303;
    font-size: 48px;
    text-transform: capitalize;
    font-weight: 700
}

.clientel-update .head-tbox h2:before {
    content: "";
    position: absolute;
    background-size: contain;
    width: 7%;
    height: 38%;
    left: -5%
}

.clientel-update .image-box {
    display: flex;
    justify-content: space-between;
    align-content: center;
    flex-wrap: wrap;
    text-align: center
}

.clientel-update .image-box a {
    width: 20%;
    padding-bottom: 100px !important;
    align-items: center;
    display: flex;
    justify-content: center
}

.case-study-update .studies-content .tab-content .content-tbox p.view-button a,
.clientel-update .view-button a {
    padding: 17px 65px;
    color: #231e2b;
    text-transform: uppercase;
    border-image: linear-gradient(45deg, #17c0ae, #f9b416);
    text-decoration: none
}

.clientel-update .image-box a img {
    filter: grayscale(1)
}

.clientel-update .image-box a:hover img {
    filter: grayscale(0);
    transition: .5s
}

.clientel-update .image-box img.clientel-img {
    filter: grayscale(0)
}

.clientel-update .view-button {
    text-align: center;
    width: 28%;
    margin: 30px auto 0
}

.clientel-update .view-button a {
    border: 1px solid transparent;
    border-image-slice: 1;
    font-size: 16px;
    font-weight: 700
}

.clientel-update .view-button a:hover,
.our-process .head-tbox p.learn-btn:hover {
    background: linear-gradient(to bottom right, #f9b416, #41baa5);
    color: #fff;
    transition: .9s
}

.what-we {
    padding-top: 60px;
    padding-bottom: 60px;
    background: #fcfcfc;
    background: -moz-radial-gradient(center, ellipse cover, #fcfcfc 0, #fcfcfc 36%);
    background: -webkit-radial-gradient(center, ellipse cover, #fcfcfc 0, #fcfcfc 36%);
    background: radial-gradient(ellipse at center, #fcfcfc 0, #fcfcfc 36%)
}

.case-study-update,
.our-process {
    padding-top: 80px;
    padding-bottom: 80px
}

.what-we>.container {
    max-width: 1526px !important;
    width: 81% !important;
    margin: 0 auto !important;
    padding-left: 0;
    padding-right: 0
}

.what-we .head-tbox h4 {
    color: #6f8e39;
    font-size: 16px;
    text-transform: uppercase;
    font-weight: 400;
    letter-spacing: .3px
}

.what-we .head-tbox h2 {
    font-size: 48px;
    color: #1e212c;
    font-weight: 700;
    padding-top: 4px;
    position: relative;
    padding-left: 72px
}

.what-we .head-tbox h2:before {
    content: "";
    position: absolute;
    background-image: url(../assets/images/service-triangle.png);
    width: 4%;
    height: 74%;
    background-repeat: no-repeat;
    left: 0;
    top: 17px
}

.what-we .service-tabs {
    display: flex;
    justify-content: space-between;
    align-items: flex-start
}

.what-we .service-tabs .serv-list-1,
.what-we .service-tabs .serv-list-2 {
    width: 20%;
    padding-top: 14em
}

.case-study-update .studies-content .tab-content .content-tbox,
.what-we .service-tabs .serv-data {
    width: 60%
}

.what-we .service-tabs .tab-menu .box {
    padding-bottom: 82px;
    pointer-event: pointer
}

.what-we .service-tabs .tab-menu .box>a {
    display: flex;
    align-items: center;
    text-decoration: none
}

.what-we .service-tabs .tab-menu .box img {
    width: 53px;
    height: 52px !important
}

.what-we .service-tabs .tab-menu .box h3 {
    color: #1e212c;
    font-size: 14px;
    font-weight: 400;
    line-height: 21px;
    padding-left: 20px
}

.what-we .service-tabs .tab-menu .box.nst-active h3,
.what-we .service-tabs .tab-menu .box:hover h3 {
    color: #abbf68
}

.what-we .tab-wrapper .tab-content {
    display: none;
    text-align: center
}

.what-we .tab-wrapper .tab-content .content-image img {
    transform: rotateY(0);
    transition: 1.2s;
    width: 53%
}

.what-we .tab-wrapper .tab-content .content-image:hover img {
    transform: rotateY(30deg);
    transition: 1.2s
}

.what-we .tab-wrapper .tab-content h2 {
    font-size: 28px !important;
    font-family: Montserrat, sans-serif;
    font-weight: 700;
    line-height: 41px;
    margin: 0 auto;
    padding-top: 30px;
    padding-bottom: 30px;
    width: 85%;
    color: transparent;
    background: linear-gradient(to right, #e4c148 40%, #1ab8b7 68%);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent
}

.blogs .head-tbox h2:before,
.our-process .head-tbox h2:before {
    content: "";
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 40 35'%3E%3Cpolygon points='20,0 40,35 0,35' fill='%236f8e39'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-size: contain
}

.what-we .tab-wrapper .tab-content p {
    font-size: 19px;
    color: #1e212c;
    font-family: Montserrat, sans-serif;
    font-weight: 400;
    line-height: 34px;
    margin: 0 auto;
    width: 63%
}

.what-we .dot-bg {
    text-align: center;
    margin-top: 0
}

.case-study-update {
    position: relative
}

.case-study-update>.container,
.our-process>.container {
    max-width: 1570px !important;
    width: 83% !important;
    margin: 0 auto !important;
    padding-left: 0;
    padding-right: 0
}

.case-study-update .studies-name .first-row-s,
.case-study-update .studies-name .fourth-row-s {
    display: flex;
    justify-content: space-evenly
}

.case-study-update .studies-name .second-row-s {
    padding-top: 50px;
    display: flex;
    justify-content: space-between
}

.case-study-update .studies-name .second-row-s .one-div,
.case-study-update .studies-name .third-row-s .one-div {
    width: 50%;
    display: flex;
    justify-content: flex-start
}

.case-study-update .studies-name .second-row-s .two-div,
.case-study-update .studies-name .third-row-s .two-div {
    width: 26%;
    display: flex;
    justify-content: flex-end
}

.case-study-update .studies-name .third-row-s {
    padding: 100px 30px 50px;
    display: flex;
    justify-content: space-between
}

.case-study-update .studies-name a,
.our-process .process-tabs a {
    text-decoration: none
}

.case-study-update .tab-option {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    cursor: pointer
}

.case-study-update .tab-option h2 {
    font-size: 104px;
    color: #f3f3f3;
    font-weight: 700
}

.case-study-update .tab-option span {
    color: #c72628;
    border: 2px solid #c72628;
    border-radius: 50px;
    width: 27px;
    height: 27px;
    font-size: 21px;
    display: flex;
    justify-content: center;
    align-items: center;
    font-weight: 700;
    margin-bottom: 30px;
    margin-top: -77px
}

.case-study-update .tab-option img {
    filter: grayscale(1);
    width: 83%
}

.case-study-update .tab-option.nst-active img {
    filter: grayscale(0);
    transition: .7s
}

.case-study-update .tab-option.winds-cst img {
    margin-top: -15px;
    width: 78%
}

.case-study-update .tab-option.s-educ-cst img {
    margin-top: -25px
}

.case-study-update .tab-option.fed-cst img {
    margin-top: -58px;
    width: 77%
}

.case-study-update .tab-option.kcal-cst img {
    margin-top: -18px
}

.case-study-update .tab-option.sharjah-cst img {
    margin-top: -17px;
    width: 74%
}

.case-study-update .tab-option.kcal-cst span {
    margin-top: -87px
}

.case-study-update .studies-content {
    max-width: 830px !important;
    width: 53%;
    margin: 0 auto;
    position: absolute;
    top: 33%;
    left: 29%
}

.case-study-update .studies-content .bg-tbox {
    text-align: center;
    opacity: .1
}

.case-study-update .studies-content .bg-tbox h4 {
    font-size: 16px;
    color: #ca3234;
    text-transform: uppercase;
    font-family: Montserrat, sans-serif;
    font-weight: 400;
    padding-bottom: 40px;
    margin: 0;
    position: relative
}

.case-study-update .studies-content .bg-tbox h4:after {
    content: "";
    position: absolute;
    width: 3%;
    border: 1px solid #1e1a25;
    bottom: 2rem;
    left: 48.5%
}

.our-process .head-tbox h2,
.our-process .head-tbox h4 {
    position: relative;
    font-family: Montserrat, sans-serif;
    margin: 0
}

.case-study-update .studies-content .tab-content {
    justify-content: center;
    background-color: #fff;
    margin-top: -190px;
    display: none
}

.case-study-update .studies-content .tab-content.nst-active {
    display: flex
}

.case-study-update .studies-content .tab-content .study-image img {
    width: 84%;
    padding-top: 20px
}

.case-study-update .studies-content .tab-content .content-tbox h3 {
    margin: 0;
    font-size: 60px;
    color: #f3f3f3;
    font-weight: 700;
    font-family: Montserrat, sans-serif
}

.case-study-update .studies-content .tab-content .content-tbox h1,
.case-study-update .studies-content .tab-content .content-tbox h2 {
    margin: 0;
    color: #030303;
    font-size: 25px;
    text-transform: uppercase;
    font-weight: 700;
    font-family: Montserrat, sans-serif;
    position: relative;
    padding-right: 38px
}

.case-study-update .studies-content .tab-content .content-tbox h1:after,
.case-study-update .studies-content .tab-content .content-tbox h2:after {
    content: "";
    position: absolute;
    border: 1px solid #6f8e39;
    width: 7%;
    bottom: 41%;
    left: 84%
}

.case-study-update .studies-content .tab-content .content-tbox h4 {
    margin: 0;
    font-size: 25px;
    color: #6f8e39;
    font-weight: 500;
    font-family: Montserrat, sans-serif;
    letter-spacing: 1.5px
}

.case-study-update .studies-content .tab-content .content-tbox p {
    width: 74%;
    font-size: 18px;
    color: #030303;
    font-family: Montserrat, sans-serif;
    font-weight: 400;
    line-height: 29px
}

.case-study-update .studies-content .tab-content .content-tbox p.view-button {
    margin-top: 30px
}

.case-study-update .studies-content .tab-content .content-tbox p.view-button a {
    margin-top: 30px;
    border: 1px solid transparent;
    border-image-slice: 1;
    font-size: 16px;
    font-weight: 700
}

.case-study-update .studies-content .tab-content .content-tbox .study-title {
    display: flex;
    padding-bottom: 20px
}

.our-process {
    background-image: url(../assets/images/Our-Process-bg.png);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center
}

.our-process .head-tbox h4 {
    font-size: 16px;
    color: #ca3234;
    text-transform: uppercase;
    font-weight: 400;
    padding-bottom: 27px
}

.our-process .head-tbox h4:after {
    content: "";
    position: absolute;
    border: 1px solid #f9b416;
    width: 4%;
    bottom: 36%;
    left: 47.7%
}

.our-process .head-tbox h2 {
    padding-bottom: 20px;
    font-size: 45px;
    text-transform: capitalize;
    color: #231e2b;
    font-weight: 700
}

.our-process .head-tbox h2:before {
    position: absolute;
    width: 7%;
    height: 60%;
    left: -4%;
    top: 8px
}

.our-process .head-tbox p {
    margin: 0;
    font-size: 22px;
    color: #231e2b;
    font-family: Montserrat, sans-serif;
    font-weight: 400;
    line-height: 31px;
    padding-bottom: 39px;
    width: 64%
}

.our-process .head-tbox p.learn-btn a,
.our-process .process-tabs h3 {
    font-size: 16px;
    font-family: Montserrat, sans-serif;
    color: #231e2b;
    text-transform: uppercase
}

.our-process .head-tbox p.learn-btn {
    text-align: center;
    cursor: pointer;
    border: 1px solid transparent;
    border-image: linear-gradient(45deg, #17c0ae, #f9b416);
    border-image-slice: 1;
    padding: 9px 40px;
    width: 27%
}

.our-process .head-tbox p.learn-btn a {
    font-weight: 700;
    text-decoration: none
}

.our-process .head-tbox p.learn-btn:hover a {
    color: #fff
}

.our-process .container.inner {
    max-width: 980px !important;
    width: 52%;
    margin: 0 auto;
    padding-left: 0;
    padding-right: 0
}

.our-process .all-tabs {
    padding-top: 42px
}

.our-process .process-tabs {
    display: flex;
    justify-content: space-between;
    align-items: center
}

.our-process .process-tabs .tab-image {
    border-radius: 50%;
    background-color: #fff;
    width: 90px;
    height: 90px;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center
}

.our-process .process-tabs a.nst-active .tab-image {
    border-radius: 50%;
    background-color: #ce2438;
    box-shadow: 0 16px 13.12px 2.88px rgb(164 151 151 / 30%);
    width: 90px;
    height: 90px;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center
}

.our-process .process-tabs .tab-image img {
    width: 46% !important
}

.our-process .process-tabs h3 {
    text-align: center;
    margin: 0;
    font-weight: 600;
    padding-top: 17px
}

.our-process .process-tabs a:first-child,
.our-process .process-tabs a:nth-child(6) {
    position: relative;
    bottom: -8rem
}

.our-process .process-tabs a:nth-child(2),
.our-process .process-tabs a:nth-child(5) {
    position: relative;
    bottom: -3rem
}

.our-process .process-content {
    padding-top: 75px
}

.our-process .process-content .tab-content {
    display: none;
    text-align: center;
    background-image: url(../assets/images/laptp-bg.png);
    background-size: auto;
    background-repeat: no-repeat;
    background-position: center;
    padding-top: 79px;
    padding-bottom: 130px
}

.our-process .process-content .tab-content h2 {
    font-size: 50px;
    color: #ce2438;
    text-transform: uppercase;
    font-family: Montserrat, sans-serif;
    font-weight: 700;
    padding-bottom: 30px;
    margin: 0
}

.our-process .process-content .tab-content p {
    font-size: 19px;
    color: #fff;
    width: 46%;
    margin: 0 auto;
    font-family: Montserrat, sans-serif;
    font-weight: 400
}

.blogs {
    padding-top: 90px !important;
    padding-bottom: 70px !important
}

.blogs .head-tbox h2 {
    color: #231e2b;
    font-size: 38px;
    text-transform: capitalize;
    font-weight: 700;
    letter-spacing: .5px;
    margin: 0;
    padding-bottom: 35px;
    position: relative;
    padding-left: 4%
}

.blogs .head-tbox h2:before {
    position: absolute;
    width: 3%;
    height: 52%;
    left: 0;
    top: 6px
}

.blogs .blog-post ul {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    flex-wrap: wrap;
    padding-left: 0
}

.blogs .blog-post ul li {
    width: 32.33%;
    list-style: none;
    margin-bottom: 50px;
    position: relative
}

.blogs .blog-post ul li .categories {
    position: absolute;
    width: 100%;
    left: 4%;
    top: 2%
}

.blogs .blog-post ul li .categories h4 {
    background-color: red;
    color: #fff;
    font-size: 12px;
    font-weight: 500;
    text-transform: uppercase;
    padding: 12px 5px;
    border-radius: 50px;
    text-align: center;
    width: 34%
}

.blogs .blog-post ul li img {
    width: 100%;
    height: 260px;
    object-fit: cover
}

.blogs .blog-post ul li .tbox {
    height: 200px;
    background-color: #fff;
    box-shadow: -1.877px 11.852px 27px 0 rgb(62 61 60 / 8%);
    padding: 15px 17px;
    position: relative;
    width: 95%;
    margin: -61px auto 0
}

.blogs .blog-post ul li .tbox h2 {
    margin: 0;
    line-height: 22px;
    padding-bottom: 15px
}

.blogs .blog-post ul li .tbox h2 a {
    font-size: 20px;
    color: #000;
    font-weight: 600
}

.blogs .blog-post ul li .tbox p {
    font-size: 15px;
    color: #4f4f4f;
    line-height: 24px;
    font-weight: 400;
    margin: 0
}

.blogs .blog-post ul li .tbox .meta .author {
    display: flex;
    justify-content: flex-start;
    align-items: center
}

.blogs .blog-post ul li .tbox .meta .author img {
    width: 7%;
    height: 100%;
    border-radius: 50px;
    margin-right: 10px
}

.blogs .blog-post ul li .tbox .meta .author h4 {
    margin: 0;
    color: #4f4f4f;
    font-size: 14px;
    font-weight: 500
}

@media screen and (max-width:1680px) {
    .clientel-update .head-tbox {
        padding-bottom: 40px
    }

    .clientel-update .image-box a {
        padding-bottom: 80px !important
    }

    .clientel-update .view-button {
        margin-top: 40px
    }

    .what-we {
        padding-top: 60px;
        padding-bottom: 50px
    }

    .what-we .head-tbox h2 {
        font-size: 45px
    }

    .what-we .service-tabs .serv-list-1,
    .what-we .service-tabs .serv-list-2 {
        padding-top: 14em
    }

    .what-we .service-tabs .tab-menu .box {
        padding-bottom: 72px
    }

    .what-we .tab-wrapper .tab-content .content-image img {
        width: 61%
    }

    .what-we .tab-wrapper .tab-content h2 {
        font-size: 25px !important;
        line-height: 36px
    }

    .what-we .dot-bg {
        margin-top: 0
    }

    .what-we .dot-bg img {
        width: 49%
    }

    .case-study-update,
    .our-process {
        padding-top: 70px;
        padding-bottom: 70px
    }

    .case-study-update .tab-option h1 {
        font-size: 108px
    }

    .case-study-update .tab-option span {
        width: 23px;
        height: 23px;
        font-size: 21px;
        margin-left: 11px
    }

    .case-study-update .tab-option img,
    .case-study-update .tab-option.fuji-cst img {
        width: 83%
    }

    .case-study-update .tab-option.sharjah-cst img {
        width: 65%
    }

    .case-study-update .tab-option.kcal-cst img {
        width: 67%
    }

    .case-study-update .tab-option.fed-cst img {
        width: 70%
    }

    .case-study-update .studies-content {
        max-width: 748px !important;
        top: 39%;
        left: 28%
    }

    .case-study-update .studies-content .tab-content .study-image img {
        width: 84%
    }

    .case-study-update .studies-content .tab-content .content-tbox h1,
    .case-study-update .studies-content .tab-content .content-tbox h2 {
        font-size: 21px;
        padding-right: 28px
    }

    .case-study-update .studies-content .tab-content .content-tbox h4 {
        font-size: 22px
    }

    .case-study-update .studies-content .tab-content .content-tbox p {
        width: 77%;
        font-size: 17px;
        line-height: 27px
    }

    .case-study-update .studies-content .tab-content .content-tbox p.view-button a {
        padding: 13px 41px;
        font-size: 14px
    }

    .our-process .process-tabs a:first-child,
    .our-process .process-tabs a:nth-child(6) {
        bottom: -7rem
    }

    .our-process .process-tabs a:nth-child(2),
    .our-process .process-tabs a:nth-child(5) {
        bottom: -2rem
    }

    .our-process .head-tbox h1 {
        font-size: 42px
    }

    .our-process .head-tbox p {
        font-size: 20px;
        line-height: 30px;
        padding-bottom: 26px
    }

    .our-process .head-tbox p.learn-btn {
        padding: 9px 38px;
        width: 25%
    }

    .our-process .head-tbox p.learn-btn a {
        font-size: 14px
    }

    .our-process .process-content .tab-content {
        background-size: contain;
        padding-top: 53px;
        padding-bottom: 84px
    }

    .our-process .process-tabs h3 {
        font-size: 14px;
        padding-top: 18px
    }

    .our-process .process-tabs .tab-image img {
        width: 41% !important
    }

    .our-process .process-tabs .tab-image,
    .our-process .process-tabs .tab-image:hover {
        width: 85px;
        height: 85px
    }

    .our-process .process-content .tab-content h2 {
        font-size: 41px;
        padding-bottom: 26px
    }

    .our-process .process-content .tab-content p {
        font-size: 17px;
        width: 42%
    }

    .clutch-widget h2 {
        margin-top: 0 !important
    }

    .revamp-about {
        padding-top: 90px;
        padding-bottom: 70px
    }

    .revamp-about .reviews-tbox {
        margin-top: -26px
    }

    .revamp-about .reviews-tbox h2 {
        font-size: 26px;
        line-height: 33px
    }

    .revamp-roi .roi-main .left h3:before {
        height: 53%;
        left: -9%
    }

    .revamp-roi .roi-main .left .count-box h3 {
        padding-bottom: 15px
    }

    .revamp-roi .roi-main .left .count-box h3 span {
        font-size: 67px
    }

    .revamp-roi .roi-main .left h4 {
        font-size: 24px;
        width: 78%;
        line-height: 35px
    }

    .revamp-roi .roi-main .left p.learn-btn a {
        padding: 16px 35px
    }

    .blogs {
        padding-top: 80px !important;
        padding-bottom: 80px !important
    }

    .blogs .blog-post ul li img {
        height: 219px
    }

    .blogs .blog-post ul li .tbox h2 {
        line-height: 18px
    }

    .blogs .blog-post ul li .tbox h2 a {
        font-size: 18px
    }
}

@media screen and (max-width:1536px) {

    .update-header-s .bg-sticky_red_message_icon,
    .update-header-s .bg-sticky_red_mobile_icon,
    .update-header-s .bg-sticky_red_phone_icon {
        margin-top: 1px
    }

    .clientel-update .head-tbox {
        padding-bottom: 30px
    }

    .clientel-update .head-tbox h2 {
        font-size: 42px
    }

    .clientel-update .image-box a {
        padding-bottom: 55px !important
    }

    .clientel-update .image-box a img {
        width: 55%;
        object-fit: contain
    }

    .clientel-update .view-button,
    .revamp-about .about-tbox p.about-btn {
        margin-top: 20px
    }

    .clientel-update .view-button a {
        padding: 15px 52px;
        font-size: 15px
    }

    .what-we {
        padding-top: 55px;
        padding-bottom: 45px
    }

    .what-we .head-tbox h4 {
        font-size: 14px
    }

    .what-we .head-tbox h2 {
        font-size: 37px;
        padding-left: 62px
    }

    .what-we .head-tbox h2:before {
        height: 86%;
        top: 14px
    }

    .what-we .service-tabs .serv-list-1,
    .what-we .service-tabs .serv-list-2 {
        padding-top: 12em
    }

    .what-we .tab-wrapper .tab-content .content-image img {
        width: 53%
    }

    .what-we .service-tabs .tab-menu .box {
        padding-bottom: 60px
    }

    .what-we .service-tabs .tab-menu .box img {
        width: 53px;
        height: 52px !important
    }

    .what-we .service-tabs .tab-menu .box h3 {
        font-size: 13px;
        line-height: 18px
    }

    .what-we .tab-wrapper .tab-content h2 {
        font-size: 22px !important;
        line-height: 30px
    }

    .what-we .tab-wrapper .tab-content p {
        font-size: 15px;
        line-height: 28px;
        width: 63%
    }

    .what-we .dot-bg img {
        width: 38%
    }

    .case-study-update,
    .our-process {
        padding-top: 70px;
        padding-bottom: 70px
    }

    .case-study-update .tab-option h1 {
        font-size: 92px
    }

    .case-study-update .tab-option span {
        margin-top: -70px
    }

    .case-study-update .tab-option.fuji-cst img {
        width: 83%
    }

    .case-study-update .tab-option img {
        width: 65%
    }

    .case-study-update .tab-option.isuzu-cst img {
        width: 51%
    }

    .case-study-update .studies-content {
        max-width: 700px !important;
        top: 40%
    }

    .case-study-update .studies-content .tab-content .study-image img {
        width: 86%;
        padding-top: 30px
    }

    .case-study-update .studies-name .second-row-s {
        padding-top: 33px
    }

    .case-study-update .studies-name .third-row-s {
        padding: 51px 20px 30px
    }

    .case-study-update .studies-content .tab-content .study-image {
        width: 50%
    }

    .case-study-update .studies-content .tab-content .content-tbox p {
        width: 100%;
        font-size: 14px
    }

    .our-process .process-tabs a:first-child,
    .our-process .process-tabs a:nth-child(6) {
        bottom: -6rem
    }

    .our-process .head-tbox h1 {
        padding-bottom: 20px;
        font-size: 35px
    }

    .our-process .head-tbox h4 {
        font-size: 14px;
        padding-bottom: 20px
    }

    .our-process .head-tbox h4:after {
        bottom: 32%
    }

    .our-process .head-tbox p {
        font-size: 16px;
        line-height: 25px;
        padding-bottom: 22px
    }

    .our-process .head-tbox p.learn-btn {
        padding: 11px 26px;
        width: 25%
    }

    .our-process .head-tbox p.learn-btn a {
        font-size: 13px
    }

    .our-process .all-tabs {
        padding-top: 30px
    }

    .our-process .process-tabs .tab-image,
    .our-process .process-tabs .tab-image:hover {
        width: 75px;
        height: 75px
    }

    .our-process .process-tabs h3 {
        font-size: 12px;
        padding-top: 16px
    }

    .our-process .process-content {
        padding-top: 55px
    }

    .our-process .process-content .tab-content {
        padding-top: 53px;
        padding-bottom: 73px
    }

    .our-process .process-content .tab-content h2 {
        font-size: 35px;
        padding-bottom: 15px
    }

    .our-process .process-content .tab-content p {
        font-size: 15px;
        width: 39%
    }

    .clutch-new-s {
        padding-top: 38px
    }

    .clutch-new-s .clutch-widget h2 {
        margin-bottom: 1em
    }

    .revamp-about .about-tbox h4 {
        font-size: 14px;
        padding-bottom: 6px
    }

    .revamp-about .about-tbox h1 {
        font-size: 38px;
        padding-bottom: 20px
    }

    .revamp-about .about-tbox p {
        font-size: 15px;
        width: 95%;
        line-height: 28px;
        padding-bottom: 15px
    }

    .revamp-about .about-tbox p.about-btn a {
        padding: 15px 30px;
        font-size: 14px
    }

    .revamp-about .reviews-tbox {
        margin-top: -55px
    }

    .revamp-about .reviews-tbox h2 {
        font-size: 24px;
        line-height: 31px
    }

    .revamp-about .reviews-tbox img {
        width: 14%
    }

    .blogs .blog-post ul li .tbox h2 a,
    .revamp-about .reviews-tbox p {
        font-size: 15px
    }

    .revamp-roi {
        padding-top: 80px
    }

    .revamp-roi .roi-main .left {
        width: 55%
    }

    .revamp-roi .roi-main .right {
        width: 45%
    }

    .revamp-roi .roi-main .right img {
        width: 100%;
        height: auto
    }

    .revamp-roi .roi-main .left h3 {
        font-size: 35px;
        padding-bottom: 25px
    }

    .revamp-roi .roi-main .left h3:before {
        height: 61%
    }

    .revamp-roi .roi-main .left p {
        font-size: 15px;
        line-height: 29px;
        width: 99%;
        padding-bottom: 25px
    }

    .revamp-roi .roi-main .left h4 {
        font-size: 21px;
        width: 72%;
        line-height: 29px
    }

    .revamp-roi .roi-main .left .count-box h3 span {
        font-size: 62px
    }

    .revamp-roi .roi-main .left .count-box h5 {
        font-size: 20px
    }

    .revamp-roi .roi-main .left p.learn-btn {
        margin-top: 60px
    }

    .revamp-roi .roi-main .left p.learn-btn a {
        padding: 14px 32px;
        font-size: 14px
    }

    .blogs {
        padding-top: 80px !important
    }

    .blogs .head-tbox h2 {
        font-size: 33px;
        padding-bottom: 30px
    }

    .blogs .blog-post ul li .categories h4 {
        font-size: 10px;
        padding: 10px 5px;
        width: 35%
    }

    .blogs .blog-post ul li img {
        height: 178px
    }

    .blogs .blog-post ul li .tbox {
        height: 180px
    }

    .blogs .blog-post ul li .tbox h2 {
        line-height: 16px
    }

    .blogs .blog-post ul li .tbox p {
        font-size: 13px;
        line-height: 22px
    }
}

@media screen and (max-width:1440px) {
    .case-study-update .studies-content .tab-content .study-image img {
        width: 74%
    }

    .case-study-update .studies-content .tab-content .content-tbox p {
        width: 85%
    }

    .case-study-update .studies-content {
        left: 25%
    }

    .revamp-about .reviews-tbox {
        margin-top: -15px
    }

    .revamp-about .reviews-tbox h2 {
        font-size: 23px;
        line-height: 30px
    }

    .blogs {
        padding-top: 80px !important
    }

    .our-process .head-tbox p.learn-btn {
        width: 26%
    }
}

@media screen and (max-width:1366px) {
    .clientel-update {
        padding-top: 75px;
        padding-bottom: 75px
    }

    .what-we,
    .what-we .service-tabs .tab-menu .box {
        padding-bottom: 45px
    }

    .clientel-update .head-tbox h2 {
        font-size: 38px
    }

    .clientel-update .head-tbox {
        padding-bottom: 20px
    }

    .clientel-update .image-box a {
        padding-bottom: 50px !important
    }

    .clientel-update .view-button {
        margin-top: 4px
    }

    .clientel-update .view-button a {
        padding: 10px 33px;
        font-size: 13px
    }

    .what-we {
        padding-top: 55px
    }

    .what-we .service-tabs .serv-list-1,
    .what-we .service-tabs .serv-list-2 {
        padding-top: 12em
    }

    .blogs .blog-post ul li .tbox h2 a,
    .revamp-about .reviews-tbox p,
    .what-we .head-tbox h4 {
        font-size: 13px
    }

    .what-we .head-tbox h2 {
        font-size: 29px;
        padding-left: 61px;
        padding-top: 10px
    }

    .what-we .head-tbox h2:before {
        width: 4%;
        background-size: cover;
        height: 86%
    }

    .what-we .service-tabs .tab-menu .box img {
        width: 42px;
        height: 47px !important
    }

    .what-we .service-tabs .tab-menu .box h3 {
        font-size: 12px;
        line-height: 16px
    }

    .what-we .tab-wrapper .tab-content .content-image img {
        width: 46%
    }

    .what-we .tab-wrapper .tab-content h2 {
        font-size: 20px !important;
        line-height: 29px;
        padding-top: 15px;
        padding-bottom: 15px
    }

    .what-we .tab-wrapper .tab-content p {
        font-size: 15px;
        line-height: 29px;
        width: 72%
    }

    .what-we .dot-bg {
        margin-top: 1em
    }

    .what-we .dot-bg img {
        width: 40%;
        object-fit: cover
    }

    .case-study-update .tab-option h2 {
        font-size: 77px
    }

    .case-study-update .tab-option span {
        margin-top: -53px;
        width: 20px;
        height: 20px;
        font-size: 18px
    }

    .case-study-update .tab-option.kcal-cst span {
        margin-top: -51px
    }

    .case-study-update .tab-option.fuji-cst img {
        width: 71%
    }

    .case-study-update .tab-option.winds-cst img {
        width: 72%
    }

    .case-study-update .studies-name .second-row-s {
        padding-top: 0
    }

    .case-study-update .studies-name .third-row-s {
        padding: 41px 20px 0
    }

    .case-study-update .studies-content {
        max-width: 670px !important;
        top: 44%;
        left: 28%
    }

    .case-study-update .studies-content .bg-tbox img {
        width: 99%
    }

    .case-study-update .studies-content .tab-content .study-image {
        width: 44%
    }

    .case-study-update .studies-content .tab-content .study-image img {
        width: 93%
    }

    .case-study-update .studies-content .tab-content .content-tbox h2,
    .case-study-update .studies-content .tab-content .content-tbox h4 {
        font-size: 18px
    }

    .case-study-update .studies-content .tab-content .content-tbox p {
        width: 90%;
        font-size: 14px;
        line-height: 22px
    }

    .case-study-update .studies-content .tab-content .content-tbox p.view-button a {
        padding: 9px 20px;
        font-size: 11px;
        margin-top: 20px
    }

    .our-process {
        padding-top: 70px;
        padding-bottom: 70px
    }

    .our-process .head-tbox h4 {
        font-size: 13px;
        padding-bottom: 17px
    }

    .our-process .head-tbox h2 {
        padding-bottom: 15px;
        font-size: 32px
    }

    .our-process .all-tabs {
        padding-top: 30px
    }

    .our-process .process-tabs {
        justify-content: space-evenly
    }

    .our-process .process-tabs a:first-child,
    .our-process .process-tabs a:nth-child(6) {
        bottom: -5rem
    }

    .our-process .process-tabs a:nth-child(2),
    .our-process .process-tabs a:nth-child(5) {
        bottom: -2rem
    }

    .our-process .process-tabs .tab-image,
    .our-process .process-tabs a.nst-active .tab-image {
        width: 65px;
        height: 65px
    }

    .our-process .process-tabs h3 {
        font-size: 11px;
        padding-top: 14px
    }

    .our-process .process-content {
        padding-top: 37px
    }

    .our-process .process-content .tab-content {
        padding-top: 43px;
        padding-bottom: 62px
    }

    .our-process .process-content .tab-content h2 {
        font-size: 30px;
        padding-bottom: 10px
    }

    .our-process .process-content .tab-content p {
        width: 27%;
        font-size: 12px
    }

    .our-process .head-tbox p {
        font-size: 14px;
        line-height: 24px;
        padding-bottom: 20px;
        width: 56%;
        margin: 0
    }

    .our-process .head-tbox p.learn-btn {
        padding: 11px 27px;
        width: 29%
    }

    .our-process .head-tbox p.learn-btn a {
        font-size: 14px
    }

    .clutch-new-s,
    .revamp-roi .roi-main .left .counter {
        padding-top: 20px
    }

    .clutch-new-s .clutch-widget h2 {
        margin-bottom: .5em;
        padding-bottom: 20px
    }

    .h-pg-video-h:after {
        bottom: 7px
    }

    .clutch-new-s iframe {
        height: 362px !important
    }

    .revamp-about,
    .revamp-roi {
        padding-top: 80px
    }

    .revamp-about .about-tbox h4 {
        font-size: 12px;
        padding-bottom: 6px
    }

    .revamp-about .about-tbox h2 {
        font-size: 32px;
        padding-bottom: 18px
    }

    .revamp-about .about-tbox p {
        font-size: 13px;
        width: 92%;
        line-height: 26px;
        padding-bottom: 10px
    }

    .revamp-about .about-tbox p.about-btn a {
        padding: 12px 20px;
        font-size: 11px
    }

    .revamp-about .reviews-tbox {
        margin-top: -40px
    }

    .revamp-about .reviews-tbox h2 {
        font-size: 20px;
        line-height: 25px
    }

    .revamp-about .reviews-tbox img {
        width: 13%
    }

    .revamp-roi .container {
        width: 80% !important
    }

    .revamp-roi .roi-main .left h3 {
        font-size: 31px;
        padding-bottom: 20px
    }

    .revamp-roi .roi-main .left p {
        font-size: 14px;
        line-height: 27px;
        width: 94%
    }

    .revamp-roi .roi-main .left h4 {
        font-size: 19px;
        line-height: 26px
    }

    .revamp-roi .roi-main .left .count-box h3 span {
        font-size: 52px
    }

    .revamp-roi .roi-main .left .count-box h5 {
        font-size: 17px
    }

    .revamp-roi .roi-main .left p.learn-btn {
        margin-top: 50px
    }

    .revamp-roi .roi-main .left p.learn-btn a {
        padding: 11px 28px;
        font-size: 13px
    }

    .blogs {
        padding-top: 80px !important
    }

    .blogs .head-tbox h2 {
        font-size: 28px;
        padding-bottom: 20px
    }

    .blogs .blog-post ul li img {
        height: 164px
    }

    .blogs .blog-post ul li .tbox {
        height: 155px;
        padding: 12px 14px
    }

    .blogs .blog-post ul li .tbox h2 {
        line-height: 15px;
        padding-bottom: 10px
    }

    .blogs .blog-post ul li .tbox p {
        font-size: 12px;
        line-height: 20px
    }
}

@media screen and (max-width:1280px) {
    .what-we {
        padding-top: 65px
    }

    .what-we .head-tbox h4 {
        font-size: 12px
    }

    .what-we .head-tbox h2 {
        font-size: 31px;
        padding-left: 60px;
        padding-top: 12px
    }

    .what-we .head-tbox h2:before {
        height: 82%
    }

    .what-we .service-tabs .serv-list-1,
    .what-we .service-tabs .serv-list-2 {
        padding-top: 13em
    }

    .what-we .tab-wrapper .tab-content .content-image img {
        width: 64%
    }

    .what-we .tab-wrapper .tab-content h2 {
        font-size: 20px !important;
        line-height: 27px;
        padding-top: 15px;
        padding-bottom: 15px
    }

    .what-we .tab-wrapper .tab-content p {
        font-size: 14px;
        line-height: 28px
    }

    .what-we .dot-bg img {
        width: 55%;
        object-fit: contain
    }

    .case-study-update .studies-content {
        max-width: 625px !important;
        top: 45%
    }

    .our-process .process-tabs a:first-child,
    .our-process .process-tabs a:nth-child(6) {
        bottom: -7rem
    }

    .our-process .process-tabs a:nth-child(2),
    .our-process .process-tabs a:nth-child(5) {
        bottom: -3rem
    }

    .our-process .process-tabs .tab-image,
    .our-process .process-tabs .tab-image:hover {
        width: 80px;
        height: 80px
    }

    .revamp-about {
        padding-top: 70px
    }

    .revamp-about .reviews-tbox {
        margin-top: -6px
    }

    .revamp-about .reviews-tbox .clutch-widget {
        margin: 0 auto
    }

    .our-process .head-tbox p.learn-btn {
        width: 31%
    }
}

@media screen and (max-width:1200px) {

    .clientel-update,
    .clutch-new-s {
        padding-top: 80px
    }

    .case-study-update .studies-name .second-row-s {
        padding-top: 30px
    }

    .our-process,
    .revamp-about {
        padding-top: 50px
    }

    .case-study-update .studies-name .third-row-s {
        padding-top: 50px;
        padding-bottom: 20px
    }

    .case-study-update .studies-content {
        max-width: 546px !important;
        top: 42%;
        left: 27%
    }

    .case-study-update .studies-content .tab-content {
        align-items: center
    }

    .case-study-update .studies-content .tab-content .study-image {
        width: 40%
    }

    .case-study-update .studies-content .tab-content .study-image img {
        width: 83%
    }

    .our-process .head-tbox h4 {
        padding-bottom: 25px;
        font-size: 14px
    }

    .our-process .head-tbox h2 {
        padding-bottom: 24px;
        font-size: 35px
    }

    .our-process .head-tbox p {
        font-size: 16px;
        line-height: 25px;
        padding-bottom: 32px
    }

    .our-process .head-tbox p.learn-btn {
        padding: 9px 19px;
        width: 33%
    }

    .our-process {
        padding-bottom: 70px
    }

    .our-process .process-content .tab-content {
        padding-top: 35px;
        padding-bottom: 59px
    }

    .our-process .process-content .tab-content h2 {
        font-size: 35px;
        padding-bottom: 17px
    }

    .our-process .process-content .tab-content p {
        font-size: 15px;
        width: 28%
    }

    .our-process .process-tabs .tab-image,
    .our-process .process-tabs .tab-image:hover {
        width: 70px;
        height: 70px
    }

    .our-process .process-tabs h3 {
        font-size: 13px;
        padding-top: 12px
    }

    .revamp-about .reviews-tbox .clutch-widget {
        width: 14%
    }

    .revamp-about .reviews-tbox h2 {
        font-size: 18px;
        line-height: 24px
    }

    .revamp-about .reviews-tbox {
        margin-top: -1px
    }

    .blogs {
        padding-top: 80px !important
    }

    .our-process .head-tbox h2:before {
        width: 4%
    }
}

@media screen and (max-width:1024px) {
    .clientel-update .head-tbox h2 {
        font-size: 30px
    }

    .clientel-update .image-box a {
        padding-bottom: 40px !important
    }

    .clientel-update .view-button {
        width: 33%
    }

    .clientel-update .view-button a {
        padding: 12px 30px
    }

    .what-we .service-tabs .serv-list-1,
    .what-we .service-tabs .serv-list-2 {
        padding-top: 10em
    }

    .what-we .service-tabs .tab-menu .box {
        padding-bottom: 50px
    }

    .what-we .service-tabs .tab-menu .icon {
        width: 30%
    }

    .what-we .service-tabs .tab-menu .box img {
        width: 39px;
        height: 40px !important
    }

    .what-we .service-tabs .tab-menu .box h3 {
        font-size: 12px
    }

    .what-we .tab-wrapper .tab-content h2 {
        font-size: 18px !important;
        line-height: 24px;
        width: 79%
    }

    .what-we .tab-wrapper .tab-content p {
        font-size: 13px;
        line-height: 25px
    }

    .case-study-update .tab-option h2 {
        font-size: 80px
    }

    .case-study-update,
    .our-process {
        padding-top: 65px;
        padding-bottom: 65px
    }

    .case-study-update .tab-option span {
        margin-top: -54px;
        width: 18px;
        height: 18px;
        font-size: 15px
    }

    .case-study-update .tab-option.fed-cst img {
        margin-top: -41px
    }

    .case-study-update .tab-option.kcal-cst span {
        margin-top: -58px
    }

    .case-study-update .tab-option.kcal-cst img {
        margin-top: -21px
    }

    .case-study-update .studies-name .second-row-s {
        padding-top: 20px
    }

    .case-study-update .studies-name .third-row-s,
    .our-process .all-tabs {
        padding-top: 40px
    }

    .case-study-update .studies-content .tab-content .content-tbox h3 {
        font-size: 35px
    }

    .case-study-update .studies-content .tab-content .content-tbox h4 {
        font-size: 15px
    }

    .case-study-update .studies-content {
        max-width: 477px !important
    }

    .case-study-update .studies-content .tab-content .content-tbox p {
        font-size: 13px;
        line-height: 21px
    }

    .case-study-update .studies-content .tab-content .content-tbox p.view-button a {
        padding: 9px 20px;
        font-size: 10px;
        margin-top: 15px
    }

    .our-process .head-tbox h4 {
        padding-bottom: 20px;
        font-size: 12px
    }

    .our-process .head-tbox h2 {
        padding-bottom: 18px;
        font-size: 28px
    }

    .our-process .head-tbox p {
        font-size: 14px;
        line-height: 22px;
        padding-bottom: 28px
    }

    .our-process .head-tbox p.learn-btn {
        padding: 11px 17px;
        width: 34%
    }

    .our-process .head-tbox p.learn-btn a {
        font-size: 13px
    }

    .our-process .process-tabs .tab-image,
    .our-process .process-tabs .tab-image:hover {
        width: 60px;
        height: 60px
    }

    .our-process .process-tabs h3 {
        font-size: 11px;
        padding-top: 12px
    }

    .our-process .process-content .tab-content h2 {
        font-size: 30px;
        padding-bottom: 14px
    }

    .our-process .process-content .tab-content p,
    .revamp-roi .roi-main .left .count-box h5 {
        font-size: 14px
    }

    .revamp-about,
    .revamp-roi {
        padding-top: 65px
    }

    .revamp-about .about-tbox h4 {
        font-size: 11px;
        padding-bottom: 8px
    }

    .revamp-about .about-tbox h2 {
        font-size: 26px;
        padding-bottom: 16px
    }

    .revamp-about .about-tbox p {
        font-size: 12px;
        width: 92%;
        line-height: 25px;
        padding-bottom: 5px
    }

    .revamp-about .reviews-tbox h2 {
        font-size: 16px;
        line-height: 21px
    }

    .revamp-about .about-tbox p.about-btn a {
        padding: 11px 15px;
        font-size: 10px
    }

    .revamp-about .reviews-tbox {
        margin-top: -11px
    }

    .what-we .head-tbox h2:before {
        height: 63%
    }

    .revamp-roi .roi-main .left h3:before {
        height: 53%;
        left: -8%
    }

    .revamp-roi .roi-main .left p {
        font-size: 13px;
        line-height: 25px;
        padding-bottom: 15px
    }

    .revamp-roi .roi-main .left h4 {
        font-size: 14px;
        line-height: 21px
    }

    .revamp-roi .roi-main .left .count-box h3 {
        padding-bottom: 10px
    }

    .revamp-roi .roi-main .left .count-box h3 span {
        font-size: 42px
    }

    .revamp-roi .roi-main .left .count-box:first-child:after {
        right: -14px
    }

    .blogs {
        padding-top: 65px !important
    }

    .blogs .blog-post ul li .categories h4 {
        width: 45%
    }

    .blogs .blog-post ul li .tbox {
        height: 161px
    }

    .blogs .blog-post ul li .tbox p {
        font-size: 10px
    }

    .blogs .blog-post ul li img {
        height: 152px
    }
}

@media screen and (max-width:768px) {
    .clientel-update .view-button {
        width: 60%
    }

    .case-study-update,
    .our-process,
    .what-we {
        display: flex;
        justify-content: center;
        align-items: center
    }

    .case-study-update .studies-content .tab-content {
        margin-top: -129px
    }

    .our-process .process-content .tab-content p {
        width: 40%
    }

    .our-process>.container {
        width: 70% !important
    }

    .our-process .process-tabs a:nth-child(2),
    .our-process .process-tabs a:nth-child(5) {
        bottom: -3rem
    }

    .our-process .process-tabs a:first-child,
    .our-process .process-tabs a:nth-child(6) {
        bottom: -7rem
    }

    .revamp-about .about-tbox h2 {
        font-size: 22px;
        padding-bottom: 16px
    }

    .revamp-about .reviews-tbox {
        margin-top: 38px
    }

    .revamp-about .reviews-tbox h2 {
        font-size: 20px;
        line-height: 23px;
        width: 49%
    }

    .revamp-about .reviews-tbox .clutch-widget {
        width: 27%
    }
}

@media screen and (max-width:767px) {
    .sticky-top-contact-bar>ul {
        width: 100%;
        justify-content: center !important
    }

    .what-we .tab-wrapper .tab-content p {
        font-size: 12px;
        line-height: 24px;
        width: 100%
    }

    .our-process .head-tbox h2,
    .revamp-roi .roi-main .left h3,
    .what-we .head-tbox h2 {
        font-size: 22px
    }

    .what-we .tab-wrapper .tab-content h2 {
        font-size: 13px !important;
        line-height: 24px;
        width: 100%
    }

    .case-study-update .studies-content .tab-content .content-tbox .study-title {
        justify-content: center
    }

    .case-study-update .studies-content .tab-content .study-image,
    .revamp-roi .roi-main .right img {
        width: 75%
    }

    .case-study-update .studies-content .tab-content .content-tbox {
        width: 100%;
        text-align: center
    }

    .what-we .service-tabs .tab-menu .box>a {
        justify-content: center;
        display: block;
        text-align: center
    }

    .case-study-update .studies-content .tab-content .content-tbox p,
    .case-study-update .studies-content .tab-content .study-image img,
    .revamp-about .about-tbox,
    .revamp-roi .roi-main .left,
    .revamp-roi .roi-main .right,
    .what-we .service-tabs .serv-list-2 {
        width: 100%
    }

    .clientel-update .image-box a,
    .revamp-about .reviews-tbox .clutch-widget,
    .revamp-roi .roi-main .left .counter .count-box {
        width: 50%
    }

    .revamp-about .main-box,
    .revamp-roi .roi-main {
        display: block;
        text-align: center
    }

    .revamp-about .about-tbox p {
        font-size: 12px;
        width: 100%;
        line-height: 24px;
        padding-bottom: 0
    }

    .revamp-about .reviews-tbox h2 {
        font-size: 20px;
        line-height: 23px;
        width: 100%
    }

    .case-study-update .studies-content .bg-tbox,
    .case-study-update .tab-option.fed-cst img,
    .goal-sec .green-line-img {
        display: none
    }

    .revamp-roi .roi-main .left p.learn-btn {
        margin-bottom: 40px;
        margin-top: 50px
    }

    .revamp-roi .roi-main .left p {
        width: 100%;
        font-size: 12px;
        line-height: 24px;
        padding-bottom: 15px
    }

    .revamp-roi .roi-main .left h4 {
        width: 100%;
        font-size: 14px;
        line-height: 20px
    }

    .case-study-update,
    .clientel-update,
    .our-process,
    .revamp-about,
    .revamp-roi,
    .what-we {
        padding-top: 35px;
        padding-bottom: 35px
    }

    .blogs {
        padding-top: 35px !important;
        padding-bottom: 35px
    }

    .clientel-update>.container {
        padding-left: 0;
        padding-right: 0
    }

    .clientel-update .head-tbox {
        padding-bottom: 40px
    }

    .clientel-update .head-tbox h2 {
        font-size: 20px;
        line-height: 24px;
        text-align: center
    }

    .clientel-update .image-box a img {
        width: 66%
    }

    .clientel-update .view-button {
        width: 88%
    }

    .blogs .head-tbox h2 {
        font-size: 20px;
        text-align: center
    }

    .blogs .blog-post ul {
        display: block
    }

    .blogs .blog-post ul li .categories h4 {
        padding: 10px 8px;
        width: 55%;
        margin: 0 auto
    }

    .blogs .blog-post ul li {
        width: 90%;
        text-align: center;
        margin: 20px auto
    }

    .blogs .blog-post ul li .categories {
        left: 0;
        top: 5%
    }

    .our-process .head-tbox p.learn-btn a {
        font-size: 10px;
        line-height: 16px
    }

    .our-process .head-tbox h2:before {
        width: 7% !important;
        height: 55%;
        top: 0;
        left: -5%
    }

    .clientel-update .view-button a {
        padding: 12px 30px;
        font-size: 10px
    }

    .what-we .service-tabs {
        display: block;
        flex-direction: column
    }

    .what-we .service-tabs .tab-menu .box img.hover {
        width: 61%;
        margin: 0 auto
    }

    .what-we .service-tabs .serv-list-1 {
        width: 100%;
        order: 2
    }

    .what-we .service-tabs .serv-data {
        width: 100%;
        order: 1;
        padding-top: 25px
    }

    .what-we .service-tabs .tab-menu .box {
        padding-bottom: 20px
    }

    .what-we .service-tabs .serv-list-1,
    .what-we .service-tabs .serv-list-2 {
        padding-top: 5em
    }

    .revamp-roi .roi-main .left h3:before {
        width: 7%;
        height: 40%;
        left: -5%;
        top: 2px
    }

    .revamp-roi .roi-main .left p.learn-btn a {
        font-size: 10px
    }

    .what-we .head-tbox h2:before {
        width: 7% !important;
        height: 50%;
        top: 10px;
        left: -5%
    }

    .what-we .service-tabs .tab-menu .box img {
        width: 61%
    }

    .what-we .dot-bg img {
        width: 96%
    }

    .what-we .service-tabs .tab-menu .box h3 {
        font-size: 13px;
        padding: 5px 0
    }

    .what-we .service-tabs .tab-menu .icon {
        width: 20%;
        margin: 0 auto
    }

    .our-process>.container {
        width: 82% !important
    }

    .our-process .head-tbox p {
        font-size: 12px;
        line-height: 20px;
        width: 100%
    }

    .our-process .head-tbox {
        text-align: center
    }

    .our-process .head-tbox p.learn-btn {
        padding: 8px;
        margin: 0 auto;
        width: 70%
    }

    .our-process .process-tabs {
        overflow: scroll
    }

    .our-process .process-tabs a:first-child,
    .our-process .process-tabs a:nth-child(2),
    .our-process .process-tabs a:nth-child(5),
    .our-process .process-tabs a:nth-child(6) {
        bottom: 0
    }

    .our-process .process-tabs .tab-image {
        width: 45px;
        height: 45px;
        margin: 0 10px
    }

    .our-process .process-tabs a.nst-active .tab-image {
        width: 45px;
        height: 45px
    }

    .our-process .process-tabs .tab-image:hover {
        width: 90px;
        height: 90px
    }

    .our-process .process-content {
        padding-top: 20px
    }

    .our-process .process-content .tab-content {
        padding-bottom: 48px
    }

    .our-process .process-content .tab-content h2 {
        font-size: 26px
    }

    .our-process .process-content .tab-content p {
        font-size: 12px;
        width: 70%
    }

    .our-process .process-tabs h3 {
        font-size: 10px;
        padding-top: 10px
    }

    .case-study-update .studies-name .row div {
        width: 33.33% !important
    }

    .case-study-update .studies-name {
        display: flex;
        justify-content: center;
        align-items: center;
        overflow-x: scroll;
        flex-direction: row;
        flex-wrap: nowrap;
        padding-top: 20px
    }

    .case-study-update .studies-name .second-row-s {
        padding-top: 0
    }

    .case-study-update .studies-name .third-row-s {
        padding: 0
    }

    .case-study-update .studies-name .first-row-s div,
    .case-study-update .studies-name .fourth-row-s div,
    .case-study-update .studies-name .third-row-s div {
        margin-right: 15px
    }

    .case-study-update .tab-option h2 {
        font-size: 48px
    }

    .case-study-update .studies-content {
        position: initial;
        top: 0;
        left: 0;
        width: 100%
    }

    .case-study-update .studies-content .tab-content {
        margin-top: 0;
        flex-direction: column
    }
}

.fade-in-top {
    -webkit-animation: .6s cubic-bezier(.39, .575, .565, 1) both fade-in-top;
    animation: .6s cubic-bezier(.39, .575, .565, 1) both fade-in-top
}

.fade-in {
    -webkit-animation: 1.2s cubic-bezier(.39, .575, .565, 1) both fade-in;
    animation: 1.2s cubic-bezier(.39, .575, .565, 1) both fade-in
}

@-webkit-keyframes fade-in-top {
    0% {
        -webkit-transform: translateY(-50px);
        transform: translateY(-50px);
        opacity: 0
    }

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

@keyframes fade-in-top {
    0% {
        -webkit-transform: translateY(-50px);
        transform: translateY(-50px);
        opacity: 0
    }

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

@-webkit-keyframes fade-in {
    0% {
        opacity: 0
    }

    100% {
        opacity: 1
    }
}

@keyframes fade-in {
    0% {
        opacity: 0
    }

    100% {
        opacity: 1
    }
}